@charset "utf-8";
/*
	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:#555;font:12px/180% Microsoft Yahei,SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none;}
a{color:#555;text-decoration:none; outline:none;}
a:hover { text-decoration:none; color:#d72d2d; }
.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:10px;}
.layout{overflow: hidden;}
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }

/* frame */
body{background: #edfaff url(images/bodyBg.jpg) left top repeat-x; }
#wrap{ width:100%; margin:0 auto; background: url(images/headerBg.jpg) center top no-repeat; overflow:hidden; }
#header{width:100%; text-align:left; margin:0 auto; z-index: 1;}
#content{ overflow:hidden; margin: 0 auto; width: 1160px; padding: 10px 20px 20px; background-color: #fff;}

/* 主栏 和 侧栏 */
.sider{float:left; width:260px; overflow:hidden;}
.mainContent{ float:right; width:880px; overflow:hidden; }

/* header */
#header { position: relative; } 
#header .headCon {width: 1200px; margin: 0 auto;}
#header .pageheadCon {width: 1200px; margin: 0 auto;}
#header .navBar{ height:30px; line-height:30px; background: #f8f8f8; position: relative; z-index: 999;}
#header .date { float: right;}
#header .wel { float: left;}

/*logo*/
#header .banner {width: 100%; height: 181px; background: url(images/topTxtAd.png) right 110px no-repeat;}
#header .logo {width: 360px; height: 80px; float: left; margin: 52px 0 0 40px; display: block; background: url(images/logo1.png) no-repeat; text-indent: -9999px;}
#header .pageLogo {width: 410px; height: 80px; display: block; position: relative; left: 20px; top: 60px; }

/*Area*/
.Area { width: 62px; float: left; margin: 105px 0 0 10px; position: relative; z-index: 999; }
.Area h3 {height: 22px; line-height: 22px; font-size: 14px;position: relative; }
.Area h3 a {display: block; padding: 0 10px; background:#fdf6ec url(images/icons.png) 45px -260px; border-radius: 2px; }
.Area .areaList {position: absolute; z-index: 1; left: 0; top: 22px; width: 540px; padding: 10px 15px; background: #fff; border: 1px solid #e3e3e3; box-shadow: 2px 2px 2px #eee; overflow: hidden; display: none; }
.Area .areaList li {float: left; width:35px; height: 30px; line-height: 30px; margin-right: 10px; text-align:center; }
.Area .areaList li .on {background: #e70011; color: #fff; padding: 5px;}

/* userParent */
.userParent{width: auto; float: right; margin-top: 58px; font-size: 12px; line-height: 24px; color: #333;}
.userParent a{margin: 0 8px;}

#header .pageheadCon .Area {left: 450px; }

/* userPanel */
.userPanel { float: right; position: absolute; right: 0; top: 0;}
.userPanel a{ padding:0 2px }
/*.userPanel a.last{ background:none;}*/

/* nav */
.mainNavBar { background: url(images/navBg.png) left top repeat; width: 100%; height:75px; border-radius: 3px 3px 0 0; }

.mainNav {margin-top: 10px; width: auto; float: left;}
.mainNav li{width: auto; float: left; padding-right: 2px; background: url(images/navSpe.png) right center no-repeat;}
.mainNav li.li5{background: none;}
.mainNav li a{position: relative; z-index: 1; display: block; font-size: 16px; color: white; margin: 0 62px; padding-top: 28px; height: 30px; line-height: 30px;}
.mainNav li a i{display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 28px; line-height: 28px; background: url(images/navIcon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.mainNav li a:hover i{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.mainNav li.li2 a i{background-position: center -50px;}
.mainNav li.li3 a i{background-position: center -148px;}
.mainNav li.li4 a i{background-position: center -100px;}
.mainNav li.li5 a i{background-position: center -200px;}


/*频道菜单*/
.channelNavBar { background:#d72d2d; width: 100%; height:46px; line-height: 46px;}
.channelNav {margin-left:15px;}
.channelNav .li1{ float:left; display:inline; text-align: center;  }
.channelNav .h1{ font-size:16px; height:46px; line-height:46px; text-align:center;  }
.channelNav .a1{ padding: 0 18px; display:block; color:#fff; }
.channelNav .a1:hover{ text-decoration:none;font-weight:bold;background:#ff7d00; color: #fff;}
.channelNav .spe { float: left; width: 1px; height: 46px; overflow: hidden; color:#fff;}
.channelNav .on1 .h1{background:#ff7d00;}
.channelNav .on1 .a1{ color:#fff; font-weight: bold; }

#channelNavBar6 .channelNav .a1 {padding:0 36px;}
#channelNavBar8 .channelNav .a1 {padding:0 26px;}



#li1 .h1 {background: url(images/menubg.png) -8px -140px no-repeat;}
#li1 .ul1 {width: 160px;}
#li1 .ul1 .li2 {width: 80px;}
#li2 .h1 {background: url(images/menubg.png) -130px -140px no-repeat;}
#li2 .ul1 {width: 380px;}
#li3 .h1 {background: url(images/menubg.png) -242px -140px no-repeat;}
#li3 .ul1 {width: 80px;}
#li3 .ul1 .li2 {width: 80px;}


/*sub*/
.menuBox { height: 36px; line-height: 36px; background: url(images/menubg.png) 0 -85px no-repeat; }
/*公告*/
.notices {float: left; width: 600px; padding-left: 35px; background: url(images/icons.png) 12px -33px no-repeat;}
.notices b {float: left;}
.notices .bd {float: left;}
.notices .bd .infoList li {height: 36px; line-height: 36px; background-position: 5px 17px;padding-left: 15px;}
.notices .bd .infoList li:hover {background-position: 5px -4px;}

/*网站搜索*/
.search {width: 208px; height: 20px; float: right; padding: 8px 0; margin: 20px 20px 0 0; display: inline; line-height: 20px; vertical-align:middle; background-color: #fff;}
.search .input{ width: 168px; height: 20px; float: left; line-height: 20px; color: #999; text-indent: 16px; background: none; border: none; border-right: 1px solid #ccc; outline: none;}
.search .submit{ width: 38px; height: 20px; float: left; overflow: hidden; text-indent: -999px; line-height: 20px; border: none; outline: none; cursor: pointer; background: url(images/searchIcon.png) center center no-repeat;}
.search a.advanced{ float:left; margin-left:10px; display:inline-block; width:70px; height:20px; background:#bf1c24; } 


/* 网站导航 */
.friendLink { float: left; margin-top:10px; width: 978px; border: 1px solid #eaeaea; overflow:hidden;}
.friendLink .hd { height:36px; line-height:36px; background: #f7f7f7; border-top: 1px solid #fefefe; border-bottom: 1px solid #eaeaea; font-size: 16px; }
.friendLink .hd h3 {padding-left: 15px;}
.friendLink .bd { width: 962px; padding: 9px; overflow: hidden;}
.friendLink .bd .linkPic {width: 1200px; margin-bottom: 5px; overflow: hidden;}
.friendLink .bd .linkPic li {float: left; width: 176px; height: 50px; margin-right: 20px; }
.friendLink .bd .linkPic li img {width: 176px; height: 50px; }

.friendLink .select {width: 1200px;}
.friendLink .select select {width: 172px; margin-right: 20px;}


/* footer */
#footer{ margin:0 auto;  text-align: center; background-color: #0073bd;}
.footerNav{ height:40px; line-height:40px; color:#fff; text-align:center; }
.footerNav a{ white-space:nowrap; color:#fff; padding: 0 10px; } 
.copyRight { width: 1200px; margin:0 auto; padding: 0 0 15px; overflow: hidden; color:#a3c1e0; text-align:center; line-height:24px; position: relative;}
.copyRight a img{display: inline-block; margin-right: 5px; vertical-align: middle;}
.copyRight a{color: #a3c1e0;}
.copyRight .ico {position: absolute; right: 180px; top: 0;}

.pageCopyRight { width: 1200px; margin:0 auto; padding: 15px 0 15px; color:#333; text-align:center; line-height:26px; position: relative;}
.pageCopyRight .ico {position: absolute; right: 0; bottom: 20px;}

/* 右侧主体内容框 */
.mainBox{overflow: hidden;}
.mainBox .wHd{height: 50px; line-height: 50px; background-color: #59bd00;}
.mainBox .wHd h3{margin-left: 15px; font-size: 16px; font-weight: bold; color: white;}

/* 通用盒子模型 */
.box{overflow: hidden;}
.box .hd{position: relative; z-index: 1; height: 45px; line-height: 45px; border-bottom: 2px solid #ededed;}
.box .hd .more{float: right; font-size: 14px; color: #666;}
.box .hd h3{width: auto; float: left; height: 45px; line-height: 45px; font-size: 16px; padding: 0 10px;  margin-bottom: -2px; position: relative; z-index: 1; font-weight: bold; border-bottom: 2px solid #0073bd;}
.box .hd h3 a{color: #0073bd;}
.box .bd{overflow: hidden; padding: 5px 0 0;}


/* boxTab */
.boxTab {}
.boxTab .hd {height:30px; line-height:30px; background: #f7f7f7;}
.boxTab .hd li{ font-size:14px; float:left; text-align:center; color:#333; margin:0 10px 0 0;}
.boxTab .hd li a { padding:0 11px; display: block; }
.boxTab .hd li.on { background:url(images/icons.png) center -184px no-repeat; }
.boxTab .hd li.on a{ background: #d72d2d; color:#fff; font-weight:bold; display:block; padding:0 12px; }

/*tabbox*/
.tabbox {overflow:hidden;}
.tabbox .hd {height: 36px; line-height: 32px; }
.tabbox .hd li { float: left; font:14px/32px simsun; height: 36px; }
.tabbox .hd li a { height: 32px; line-height: 32px;padding: 0 10px; float: left; }
.tabbox .hd li.on {background: #b20008;}
.tabbox .hd li.on a { line-height: 32px; padding: 0 10px; font-size: 14px; color: #fff; font-weight: bold; display: block; }
.tabbox .bd li {font: 14px/24px simsun; height: 24px;}

/* 侧栏盒子模型 */
.sideBox{margin-top: 10px; overflow:hidden;}
.sideBox .hd{height: 50px; line-height: 50px; background-color: #0073bd;}
.sideBox .hd h3{font-size: 16px; color: white; text-align: center;}
.sideBox .bd{padding: 10px 15px; overflow: hidden; border: 1px solid #dfdfdf; border-top: none;}

/* path */
.path{margin-bottom: 20px; height:42px; line-height:42px; padding:0 0 4px 30px;  font-size: 14px;border-bottom:1px dotted #dfdfdf; background: url(images/pathIcon.png) 4px 11px no-repeat; }
.path a,.path em { margin:0 5px; }

/* 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 #0073bd; text-decoration:none; color:#0073bd;}
.page span.current,.page b a{background:#0073bd; border:1px solid #0073bd; 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;  }

/*首页弹出*/
.popIndex {
    left: 50%;
    margin-left: -300px;
    margin-top: -160px;
    position: fixed;
    top: 50%;
    z-index: 1000097;
}

.popIndex .pic {
    height: 320px;
    overflow: hidden;
    width: 600px;
    border: 5px solid #f9f9f9;
background:#fff;
}

.popIndex img {
    display: block;
    height: 320px;
    width: 600px;
}
.popIndex .close {
    background: url("images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

