﻿/*
Css for PEL,	ver 1.0
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
*/

/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; height:100%;}
body{ color:#333; width:100%; height:100%; font:12px/21px "宋体",Tahoma,Helvetica,Arial,sans-serif; background:url(imagesline_1.png) repeat-x left top #87cde5;}
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;text-decoration:underline;}
.clear{ clear:both;}
.clearfix{ display:inline-block;}
.clearbox{ border:none; border-top:1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}

.blank5{ clear:both; height:5px; font-size:5px; line-height:5px; overflow:hidden;}
.blank10{ clear:both; height:10px; font-size:10px; line-height:10px; overflow:hidden;}

.hot,hot a{color:#f60 !important}
.nodata{color:#999;}
.fr{float:right;}
.fl{float:left;}
.hide{display:none;}

/* margin */
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}

/* padding */

/* width */
.w220{width:220px;overflow:hidden;}
.w750{width:750px;overflow:hidden;}

/* frame */
#wrapper{ width:1000px; margin:0 auto; overflow:hidden; background:#fff;}

/* topBar */
#header{ height:323px; overflow:hidden; position:relative;}
#header .topBar{ height:34px; line-height:34px; padding:0 11px; background:url(images/line_2.png) repeat-x;}
#header .toplink{ height:34px; background:url(images/top.png) no-repeat left top;}
#header .toplink li{ float:left; width:45px; padding-left:20px;}

/* banner */
#header .mBanner{ width:1000px; height:216px; overflow:hidden; background:url(imagesline_1.png) repeat-x 0 -34px #87cde5;}
#header .whBanner{ width:1000px; height:289px; overflow:hidden; background:url(imagesline_1.png) repeat-x 0 -34px #87cde5;}
/* navBar */
#header .mainMenu{ width:1000px; height:75px; overflow:hidden; position:absolute; left:0; top:248px; z-index:9;background:url(imagesnabg.png) no-repeat left bottom;}
#header .whmainMenu{ width:1000px; height:75px; overflow:hidden; position:absolute; left:0; top:248px; z-index:9;background:url(imagesnabg.png) no-repeat left bottom;}
.navBar{ height:40px; padding:0 0 0 9px; overflow:hidden;}
.navBar .nav{ width:810px; height:40px;}
.navBar .nav li{ float:left; width:98px; height:40px; text-align:center; padding-right:2px; font-size:14px; font-weight:bold; background:url(imagesline_3.png) no-repeat right bottom;}
.navBar .nav a{ color:#fff; height:38px; line-height:35px; padding-top:2px; display:block;}
.navBar .nav li.last{ background:none;}
.navBar .nav li.on a, .navBar .nav li a:hover{ color:#fff; width:92px; text-align:center; padding:2px 6px 0 0; text-decoration:none; background:url(imageson_1.png) no-repeat left top;}

/* channel */
.navBar .channel{ width:180px; padding:10px 0 0 0;}
.navBar .channel li{ float:right; width:76px; height:23px; margin-right:11px; _display:inline;}
.navBar .channel .tour{ background:url(images/ico_1.png) no-repeat;}
.navBar .channel .rural{ background:url(images/ico_2.png) no-repeat;}
.navBar .channel a{ width:76px; height:23px; display:block;}

/* subNav */
.subNav{ height:35px; padding:0 17px 0 22px;}
.subNav .subList{ height:35px; line-height:35px; text-align:center;}
.subNav .subList li{ float:left;}
.subNav .subList li a{ padding:0 10px; border-right:1px solid #333;}
.subNav .subList .last a{ border:none;}

/* weather */
.subNav .soBar{ height:35px; overflow:hidden;}
.subNav .date{ color:#000; float:left; line-height:35px;}
.subNav .weather{ float:left; padding:6px 0 0 65px;}

/* search */
.subNav .searchBar{ float:right; color:#ff5400; height:22px; line-height:22px; padding:7px 0 6px 0; font-weight:bold;}
.subNav .searchBar .inputTxt{ width:200px; margin:0 10px; height:20px; line-height:20px; border:1px solid #d2d0d0; background:#f7f9f4;}
.subNav .searchBar input{ vertical-align:middle;}

/* Content */
#Content{ width:998px; margin:0 auto; background:#fff;}

/* footer */
#footer{ width:998px; margin:0 auto; text-align:center; height:136px; line-height:24px; background:url(imagesfotbg.png) no-repeat;}
#footer, #footer a{ color:#f9f9f9;}
#footer .site{ padding:16px 0; font-weight:bold;}
#footer .site a{ padding:0 6px; margin:0 6px;}

/* sideBox */
.sideBox{}
.sideBox .hd{ height:27px; line-height:27px; padding:0 11px 12px 17px; background:url(images/dt.gif) no-repeat left;}
.sideBox .hd h3{ color:#1a6aaf; font-size:14px; font-weight:bold;}
.sideBox .hd h3 a{color:#1a6aaf;}
.sideBox .hd .more{ float:right; color:#737373;}
.sideBox .bd{ border:1px solid #c3c3c3; border-top:none;}

/* �������� */
.sideColumn{ border:1px solid #b1dbeb;}
.sideColumn .hd{ color:#ff5400; height:31px; line-height:31px; padding:0 0 2px 29px; font-size:14px; font-weight:bold; background:url(imagescolbg.png) no-repeat 0 0;}
.sideColumn .bd{ padding:0 10px 15px 9px;}
.sideColumn .bd li{ height:32px; line-height:32px; margin:9px 0 1px 0; padding-left:51px; font-size:14px; background:url(imagescolbg.png) no-repeat 0 -81px;}
.sideColumn .bd li.on{ font-weight:bold; background:url(imagescolbg.png) no-repeat 0 -39px;}
.sideColumn .bd li a{ color:#191919;}
.sideColumn .bd li.on a{ color:#026fc2;}