@charset "gb2312";
/*
	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; }
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; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; min-width:1200px; height:100%;  }
body{ width:100%; height:100%; color:#333;font:14px/180% Microsoft Yahei,SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; }
a{color:#333;text-decoration:none; outline:none;}
a:hover { text-decoration:none; color:#00a8cf; }
.clear{border:none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.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;}
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.fl{ float:left;}
.fr{ float:right; }
.hide{ display:none;}
.mat{ margin-top:10px;}
.mab{ margin-bottom:15px;}
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }

/* frame */
body{background:#fff; }
#wrap{ width:100%; background: url(imageswrapbg.jpg) center 45px no-repeat; overflow:hidden; }
#header{width:100%; }
#footer{ width:100%; margin:10px auto 0; }
#content{ width: 1200px; margin: 20px auto 0; overflow: hidden; }

/* 主栏 和 侧栏 */
.sider{float:left; width:240px; overflow:hidden;}
.mainContent{ float:right; width:950px; overflow:hidden; }
.noSideContent { width:1198px; margin: 20px auto 0; padding:0 0 15px; border-top: 3px solid #0083ba; overflow:hidden; }

/* header */
.navBar {width: 100%; height: 45px; line-height: 36px; background: #0083ba url(imagesnavbarbg.png) repeat-x; font-size: 12px; }
.navBar .bd {width: 1200px; margin: 0 auto;}
.navBar .wel {float: left; color: #d1e0ee;}
.navBar .weather {float: left; margin-top: 7px; margin-left: 10px; color: #fff;}
#header .banner { width: 1200px; height: 229px; margin: 0 auto; position: relative; }
/*logo*/
#header .logo {float: left; width: 530px; height: 75px; background: url(imageslogo.png) no-repeat; margin: 70px 0 0; position: relative; z-index: 999; }
#header .logo a {display: block; height: 75px; text-indent: -9999px;}
#header .flash {width: 630px; height: 229px; position: absolute; right: 0; top: 0;}

/* userPanel */
.userPanel {float: right; height: 45px; line-height: 36px; color: #dbe5fe; text-align: center; }
.userPanel a{ padding:0 4px; color: #dbe5fe; }

/* nav */
.mainNavBar { width: 1200px; height:55px; line-height: 55px; background:#006c99; margin: 0 auto; border-radius: 3px; }

.mainNav {float: left; width: 900px; position: relative; z-index: 9999; }

.mainNav .li1{float: left; display:inline; text-align: center; position: relative;  }
.mainNav .a1{ padding: 0 25px 0 0; font-size:16px; color:#fff; }
.mainNav .a1:hover{ text-decoration:none;font-weight:bold; }
.mainNav .spe { float: left; width: 2px; height: 55px; background: url(imagesicons.png) -167px -59px no-repeat; text-indent: -9999px; }
.mainNav .on1 .h1{background: #005e85;}
.mainNav .on1 .a1{ color:#fff; font-weight: bold; }

.mainNav em.ico {width: 24px; height: 24px; line-height: 24px; margin:17px 12px 0 35px; background: url(imagesicons.png) 0 -60px no-repeat; text-indent: -9999px; overflow: hidden; display: inline-block;
*display: inline;
*zoom: 1; vertical-align: top; -webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.mainNav .m2 em.ico {background-position: -26px -60px; }
.mainNav .m3 em.ico {background-position: -52px -60px; }
.mainNav .m4 em.ico {background-position: -78px -60px; }
.mainNav .m5 em.ico {background-position: -104px -60px; }

.mainNav .li1:hover em.ico { -webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);}

/*菜单效果1*/
.mainNav .ul1 {  position:absolute; top:55px; left:0; width:180px; background:#005e85; line-height:34px; display:none; }
.mainNav .ul1 .a2{ display: block; text-align:center; border-bottom:1px solid #1a7ba3; font-size: 14px; color:#fff;  }
.mainNav .ul1 .li2 .a2:hover{ color:#fff; background:#1a7ba3;  }


/*网站搜索*/
.searchBar { float: right; height:28px; line-height: 28px; margin-top: 14px; margin-right: 30px; border:none; border-radius: 20px; vertical-align:middle; background: #e0eff9; }
.searchBar .input{ border:none;background:none; padding-left:20px; height:28px; width:200px; line-height:28px;vertical-align:middle; margin:0; float:left; color:#999; font-size: 12px;}
.searchBar .submit{ float:left; cursor:pointer; border:none; background:url(imagesicons.png) 0 -91px no-repeat; margin:0; width:30px; height:28px; border:medium none; text-indent: -9999px;}


/* 网站导航 */
.friendLink {margin-top:20px; border: 1px solid #e1e1e1; border-top: 2px solid #0083ba; padding: 4px 0 0; }
.friendLink .hd { height:38px; line-height:38px; border-bottom: 1px solid #e1e1e1;  }
.friendLink .hd h3 {float: left; background: url(imagesicons.png) 15px -693px no-repeat; padding-left: 42px;font-size: 16px; color: #0083ba; font-weight: bold;}
.friendLink .hd h3 a{ padding-left: 12px; color: #0083ba; font-weight: bold;}
.friendLink .hd ul {float: left; margin-left: 20px;}
.friendLink .hd li {float: left; position: relative; border-right: 1px solid #fff; text-align: center; cursor: pointer; font-weight: bold;}
.friendLink .hd li a { display: block; color: #666; padding: 0 20px;}
.friendLink .hd li.on { background: #fff; color: #0083ba; border: 1px solid #e1e1e1; border-bottom: none; font-weight: bold; }
.friendLink .hd li.on a {color: #0083ba;}

.friendLink .bd {overflow: hidden; }
.friendLink .bd ul.linkList { padding: 10px 0 10px 10px; overflow: hidden; display: none;}
.friendLink .bd ul.linkList li {float: left; height: 30px; line-height: 30px; padding: 0 10px;  margin: 5px 0;}
.friendLink .bd ul.linkList li a {}


/* footer */
#footer { margin: 15px 0 0; background: #0083ba url(imagesfooterbg.png) center top no-repeat;  overflow: hidden; }
.footerNav{ height:40px; line-height:40px; font-size: 12px; color:#ced6eb; text-align:center; margin-top: 70px; }
.footerNav a{ white-space:nowrap; color:#ced6eb; padding: 0 5px; font-weight: bold; } 
.copyRight { width: 100%; margin:0 auto; padding:10px 0 20px; color:#ced6eb; text-align:center; line-height:24px; font-size: 12px; }


/* 通用盒子模型 */
.box { overflow:hidden;}
.box .hd{ height:38px; line-height:38px; border-bottom: 1px solid #e1e1e1; }
.box .hd .more{ float:right; color:#999; padding-right: 10px; font-size: 12px; }
.box .hd h3 { float:left;  }
.box .hd h3 a { font-size: 16px; color:#fff; font-weight: bold; display: inline-block;
*display: inline;
*zoom: 1; background:#00a8cf; height: 39px; line-height: 38px; padding: 0 20px;}
.box .bd { padding: 10px 5px 0; overflow:hidden;}

/* boxTab */
.boxTab { }
.boxTab .hd { background: #fff; height:48px; line-height:48px; border-bottom: 1px solid #d9d9d9;  position: relative; }
.boxTab .hd li{ float:left; font-size:16px; text-align:center; color:#666; }
.boxTab .hd li a {display: block; padding:0 15px; color: #666;}
.boxTab .hd li a:hover {color: #fff; background: #00a8cf;}
.boxTab .hd li.on{ background:#00a8cf; height: 49px; line-height: 48px; }
.boxTab .hd li.on a{ color:#fff; font-weight:bold; }
.boxTab .hd .more {position: absolute; top: 0; right: 10px; display: none; color: #999; font-size: 12px; }
.boxTab .hd .more:hover {background: none; color: #555;}
.boxTab .hd li.on .more {display: inline;color: #999; font-weight: normal; font-size: 14px; padding: 0; }
.boxTab .hd li.on .more:hover {color: #555;}
.boxTab .bd {padding: 10px 5px 0; }


/* 侧栏盒子模型 */
.sideBox {width: 100%; overflow:hidden;}
.sideBox .hd {height:44px; line-height:44px; background: #00a8cf; overflow:hidden; text-align: left;}
.sideBox .hd h3 {float: left; padding: 0 0 0 45px; font-size: 16px; color: #fff; background: url(imagesicons.png) -90px -394px no-repeat; }
.sideBox .hd h3 a { color: #fff; font-weight: bold; display: block; }
.sideBox .hd a.more{ float:right;color:#fff; font-size: 12px; padding-right: 10px;}
.sideBox .bd { border: 1px solid #e3e3e3; border-top: none; padding:5px 10px 10px; }

/* path */
.path{ height:45px; line-height:44px; border:1px solid #e3e3e3; border-top: none; font-size: 14px; background: url(imagestitbg.jpg) 0 -789px no-repeat; padding-left: 40px; }
.path a,.path em { margin:0 5px; }
.path h3 {float: left; font-size: 16px; color: #006c99; font-weight: bold; }
.path .fr {padding-right: 10px; background: url(imagesicons.png) 0 -725px no-repeat; padding-left: 15px; color: #666; font-size: 12px;}
.path .fr a {color: #666;}
.noSideContent .path {background-image: url(imagespathBg.jpg); background-position: 0 0;}

/* url_方块样式分页 */
.page { text-align:center; padding:15px 0; font-size:14px; clear:both;  }
.page a,.page span{ display:inline-block; *display:inline; zoom:1; height: 30px; line-height:30px; vertical-align:middle; font-size: 14px;  color: #888; }
.page a,.page a:active{ display:inline-block; *display:inline; zoom:1; border:1px solid #ddd; padding:0 10px;}
.page a:hover {border:1px solid #007fb5; text-decoration:none; color:#007fb5;}
.page span.current,.page b a{background:#007fb5; border:1px solid #007fb5; color:#fff !important; font-weight:bold; padding:0 10px; }
.page span.disabled {border:1px solid #ddd;  padding:0 6px; color:#888;}
.page input{ border:1px solid #ddd; background:#fff; width:30px; height:30px; line-height:30px; vertical-align:middle; color: #888; }
.page select{ margin:0 5px; background:#fff; border:1px solid #ddd; vertical-align:middle;  }


/*code*/
.code {position: absolute; z-index: 999999; display: none; background: #fff; }
.code img {width:150px; height:150px; padding: 10px; background: #fff;}

