@charset "utf-8";
/*全局*/
body,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style-image:none;list-style-type:none;}
body{font:normal 12px/1.5 "宋体";color:#666666;}
body{background:#fff;margin:0 auto;}
body{overflow-x:hidden;min-width:1130px;vertical-align:baseline;max-width:1680px;}
a{color:#666!important;text-decoration:none!important;outline:none;}
a:hover{color:#42b3e5!important;}
em{font-style:normal!important;}
img{border:0px;}
.clear{clear:both!important;}
.wrapper{width:1130px!important;margin:0 auto!important;}
.pos{position:relative;}
.m10{margin:10px!important;}
.mt0{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.mr0{margin-top:0px!important;}
.mr10{margin-top:10px!important;}
.p10{padding:10px!important;}
.left{float:left!important;}
.right{float:right!important;}
.red,a.red,.red a{color:#e71714!important;}
/*宽度*/
.w500{ width:500px!important;}
/*清除浮动*/
.clear{clear:both;}
.clearfix{_zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both}
*+html .clearfix{overflow:hidden}
/*顶部*/
.mainTopHeaderBox{position:relative;z-index:5;height:79px;background-color:#FFFFFF;}
.mainTopHeaderBox .logoBox{height:79px;float:left;overflow:hidden;}
.mainTopHeaderBox .mainMenuBox{position:absolute; top:0; right:110px; z-index:4; height:79px; background-color:#fff; overflow:hidden;}
.mainTopHeaderBox .mainMenuBox li{width:89px; float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
.mainTopHeaderBox .mainMenuBox li:nth-child(1){width:64px;}
.mainTopHeaderBox .mainMenuBox li:nth-child(6){width:102px;}
.mainTopHeaderBox .mainMenuBox li:nth-child(7){width:64px;}
.mainTopHeaderBox .mainMenuBox li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
.mainTopHeaderBox .mainMenuBox li a.on {color:#fff!important;}
.mainTopHeaderBox .mainMenuBox li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.mainTopHeaderBox .mainMenuBox li a span:hover{color:#fff;}
.mainTopHeaderBox .mainMenuBox li a .bkg {top:100%; z-index:1; background-color:#209bd2;-webkit-transition:top 200ms; transition:top 200ms;}
.mainTopHeaderBox .mainMenuBox li a.on .bkg,.mainTopHeaderBox .mainMenuBox li a:hover .bkg {top:0;}
.mainSubNavBox{ height: 61px;overflow: hidden;position: absolute;top: 0;width: 100%;}
.mainSubNavBox .subNavItemBox {position:absolute; left:0px; z-index:4; width:100%; height:61px;overflow:visible;}
.mainSubNavBox .subNavItemBox .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
.mainSubNavBox .subNavItemBox li:nth-child(1) {left:562px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(2) {left:651px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(3) {left:740px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(4) {left:854px; padding:0 10px;width:146px;}
.mainSubNavBox .subNavItemBox li:nth-child(5) {width:auto;right:0px; padding:0 10px;}
/*.mainSubNavBox .subNavItemBox li:nth-child(1) {left:498px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(2) {left:587px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(3) {left:676px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(4) {left:854px; padding:0 10px;width:146px;}
.mainSubNavBox .subNavItemBox li:nth-child(5) {width:auto;right:0px; padding:0 10px;}*/
/*
.mainSubNavBox .subNavItemBox li:nth-child(4) {left:765px; padding:0 10px;}
.mainSubNavBox .subNavItemBox li:nth-child(5) {left:854px; padding:0 10px;width:146px;}
.mainSubNavBox .subNavItemBox li:nth-child(6) {width:auto;right:0px; padding:0 10px;}
*/

.mainSubNavBox .subNavItemBox .on {top:0;}
.mainSubNavBox .subNavItemBox .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#fff!important;}
.mainSubNavBox .subNavItemBox .item a:hover {color:#209BD2!important;}
/*底部*/
.mainFooterBox{height:64px;clear:both;border-top:1px solid #ddd;}
.mainFooterBox .leftMenuBox{width:750px;height:64px;float:left;font-size:14px;line-height:32px;}
.mainFooterBox .leftMenuBox>dt{float:left;height:32px;padding:16px 0;}
.mainFooterBox .leftMenuBox>dd{float:left;height:32px;padding:16px 0;margin:0 20px 0 0;}
.mainFooterBox .leftMenuBox>dd>em{display:inline-block;margin-right:5px;border-radius:50%;width:32px;vertical-align: top;}
.mainFooterBox .leftMenuBox>dd>em img{ display: block;}
.mainFooterBox .leftMenuBox>dd:nth-child(1)>em{background:#fc433e;}
.mainFooterBox .leftMenuBox>dd:nth-child(2)>em{background:#ffd900;}
.mainFooterBox .leftMenuBox>dd:nth-child(3)>em{background:#2d2d58;}
.mainFooterBox .leftMenuBox>dd:nth-child(4)>em{background:#158e01;}
.mainFooterBox .rightMenuBox{width:335px;height:64px;float:right;border-left:1px solid #ddd;background:#f2f2f2;}
.mainFooterBox .rightMenuBox .itemBox{font-size:13px;line-height:64px;padding:0 0 0 32px;background:url(../WebImages/index_icon_01.png) no-repeat scroll 10px center;}
.mainFooterBox .rightMenuBox .itemBox>a{padding:0 8px;}
.mainCopyRightBox{clear:both;height:80px;border-top:1px solid #ddd;}
.mainCopyRightBox .leftAddItemBox{width:500px;height:53px;float:left;padding:10px 0 0 0;}
.mainCopyRightBox .leftAddItemBox p{line-height:20px;}
.mainCopyRightBox .itemBox{width:360px;float:right;padding:15px 0 0 0;height:53px;}
.mainCopyRightBox .itemBox>span{display:block;line-height:19px;}
.mainCopyRightBox .itemBox>span:nth-child(1){float:left;width:285px;text-align:right;}
.mainCopyRightBox .itemBox>span:nth-child(2){float:right;width:60px;cursor:pointer;}
/*法律声明*/
.mainMaskBox{display:none;position:fixed;width:100%;height:100%;top:0;z-index:999;}
.mainMaskBox .mainItemBox{width:320px;padding:0 30px;height:100%;position:fixed;top:0;right:-380px;z-index:999;background:#2a2a2a;color:#888;}
.mainMaskBox .mainItemBox .headerBox{margin:79px 0 15px 0;height:35px;background:none no-repeat scroll left top;padding:45px 0 0 0;}
.mainMaskBox .mainItemBox .headerBox>strong{font:bold 14px/25px "微软雅黑";color:#ccc;}
.mainMaskBox .legalNoticeBox .headerBox{background-image:url(../WebImages/legal_title.png);}
.mainMaskBox .legalNoticeBox .infoBox{text-align:justify;}
.mainMaskBox .legalNoticeBox .infoBox p{margin:10px 0;}
/*网站地图*/
.mainMaskBox  .sitemapBox .headerBox{background-image:url(../WebImages/sitemap_title.png);}
.mainMaskBox  .sitemapBox .infoBox span{display:block;margin:0 0 20px 0;padding:0 0 0 15px;background:none no-repeat scroll left 12px;color:#999;}
.mainMaskBox  .sitemapBox .infoBox span.columnBox{background-image:url(../WebImages/icon_03.png);}
.mainMaskBox  .sitemapBox .infoBox span strong{display:block;height:28px;line-height:28px;font-weight:normal;color:#999;}
.mainMaskBox  .sitemapBox .infoBox span a{height:20px;line-heihgt:20px;margin:0 10px 10px 0;color:#999!important;}
.mainMaskBox  .sitemapBox .footerBox{padding:20px 0 0 15px;}
/*友情链接*/
.mainMaskBox .friendlylinkBox .headerBox{background-image:url(../WebImages/friendlylink_title.png);}
.mainMaskBox .friendlylinkBox .infoBox a{display:block;line-height:25px;height:25px;margin:0 15px 0 0;color:#999!important;}
/*2017-05-16新加与改版*/
/*首页*/
.topBoxList{background-image: url("../WebImages/headicon_01.png");background-position: 95px center;background-repeat: no-repeat;border-left: 1px solid #e6e6e6;color: #666666;cursor: pointer;float: right;font-size: 13px;font-weight: bold;height: 79px;line-height: 79px;padding: 0 15px;position: relative;text-align: left;transition: background-color 700ms ease 0s;width: 79px;text-align: center;}
.topBoxList .hrefList{background-color: #4c4a4f;display: none;font-size: 12px;height:54px;left: -1px;padding: 20px;position: absolute;text-align: left;width: 70px;}
.topBoxList .hrefList a{color: #ffffff !important;display: block;line-height: 26px;text-align: center;}
.topBoxList .hrefList a:hover{ color:#209bd2 !important;}
.topBoxList:hover{ background-color:#209bd2; color:#FFFFFF;background-image:url(../WebImages/headicon_02.png); border-color:#209bd2;}
.topBoxList:hover .hrefList{ display:block;}
.newsBox{ padding:30px 0;}
.newsBox .leftBox{ width:490px; float:left;}
.newsBox .leftBox strong{ color:#505960; font-size:14px;}
.newsBox .leftBox p{ color:#999999; font-size:12px; margin-top:30px;line-height: 26px;}
.newsBox .rightBox{ width:600px; float:right;position:relative;}
.newsBox .dynamicBox{}
.newsBox .dynamicBox .titles{ height:35px; border-bottom:2px solid #dedfe2; position:relative;}
.newsBox .dynamicBox .titles .linebox{ height:2px; background-color:#209bd2; position:absolute; width:80px; bottom:-2px;}
.newsBox .dynamicBox .titles li{border-bottom: 2px solid #ddd;color: #666666;float: left;font-size: 12px;font-weight: 600;height: 35px;padding-left: 5px;padding-right: 15px; cursor:pointer;width: 65px;}
.newsBox .dynamicBox .loopnews{ overflow:hidden; margin-top:13px;height: 78px;}
.newsBox .dynamicBox .loopnews li{color: #999999;font-size: 12px;line-height: 18px;overflow: hidden;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;width:280px;margin:0 10px 0 0;float:left;}
.newsBox .sharesBox{position:absolute;top:0;right:0;height:35px;line-height:35px;}
.newsBox .sharesBox .titles{ color:#343434; font-size:12px;}
.newsBox .sharesBox .names{ color:#666666; text-align:right;font-size:12px;}
.newsBox .sharesBox .moreBox{display:none;text-align:right;}
.newsBox .sharesBox .moreBox.on{display:block;}
