@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:16px; background-color:#fff;}
a { color: #333; font-size: 16px; }
a:hover { color: #bb0000; }
html {+overflow-x:hidden;}
/*头部*/
.header{ width:100%; height:180px; margin:0 auto; background:url(/tw/images/2020images/header_01.jpg) no-repeat center top;}
.top_bg{ width:100%; }
.top_wrap { width: 100%; height: 30px; line-height: 30px; background: url(/tw/images/2020images/top_little_01.png); }
.topIN { max-width: 1200px; margin: 0 auto; }
.top_welcom { width: auto; float: left; font-size: 14px; color: #ffffff; }
.top_nav { width: auto; float: right; }
.top{max-width:1200px; height:100px; margin:0 auto; position:relative;}
.top_nav{ float: right: ;}
.top_nav a{padding: 0 10px; float:left;  height:30px; text-align:center;color:#fff; font-size:14px; position: relative;}
.top_nav a:before { content: ''; position: absolute; width: 2px; height: 14px; background: #ffffff; left: 0px; top: 8px; }
.top_nav a:first-child:before { background: none; }
.logo{ width:70%;padding-top:1%; }
.logo a{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
#ser2 { width: 100%; margin: 0 auto; }
#ser2 .search{width: 100%}
#ser2 .search input{width: 100%}
#ser2 .search input.notxt1{width: 35px;left: auto;right: 0;}
.top_link{ max-width:483px; height:35px; position:absolute; right:0px; bottom:37px;}
.search{width:250px; height:34px;  background-color:#fff; position:relative; float:left;}
.search input{position:absolute; width:194px;height:34px;line-height:34px; color:#083c74; border:none; background:none; left:0px; top:0px;  padding:0px; margin:0px; font-family:'Microsoft YaHei','微软雅黑'; font-size:14px;}
.search input.notxt{color:#999999; padding-left:14px;}	
.search input.notxt1 {position:absolute;width:44px;height:34px;right:0;left: auto; cursor:pointer;background:url(/tw/images/2020images/search_btn.png) no-repeat center #950000;}

.nav{height:50px;z-index:888; background-color:#ffffff; line-height:50px; position:relative;}
.nav ul { max-width:760px; margin:0 auto;}
.nav ul li{float:left;padding:0px; margin:0px; position:relative;  text-align:center}
.nav ul li a{text-align:center;font-size:18px; color:#333333; display:block; font-weight: bold; padding: 0 39px;}
.nav ul li .subNav {line-height:38px; font-size:14px;display:none; position:absolute; left:0; top:50px; text-align:center; z-index:9999;background-color:#fff; width:100%; }
.nav ul li.on { background-color:#bb0000;}
.nav ul li.on a { color: #ffffff; }
.nav ul li.on .subNav { display:block; background-color:#bb0000;}
.nav ul li.on .subNav dl{overflow:hidden;}
.nav ul li.on .subNav dl dd{text-align:center;line-height:18px; margin:0px 0px 8px;}
.nav ul li.on .subNav dl dd a{ font-size:14px; line-height:18px; border-top:none; text-align:center; font-weight:normal; height:auto; }
.nav ul li.on .subNav dl dd a:hover{ font-weight:bolder; color:#fff;}

.wrap_header{ width:100%;top:0;left:0;position:relative;background:#fff; z-index:999;}

/*手机端导航*/
.snav{display: none;width: 35px; right:0px;  z-index: 1002;   }
.mbtn{display: block;  right:10px; top:30%;z-index: 1002;cursor:pointer;  }
#Index_mbtn{ display:block; }
.mbtn .m{font-size: 16px;font-weight:400;font-family:Arial;color:#fff;text-align:center;width:100%;display:block;height:20px;}
.navm{ width:100%;z-index: 99999; line-height: 30px; background-color:#bb0000;overflow: hidden; text-align: left; display: none;top:100px;left:0;}
.navm ul{}
.navm li{width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.25);}
.navm li a{ font-size: 14px; float:left; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px;  display:block;}
.navm li a:hover{color:#fff;}
.navm li span{ padding:10px 10px 0 0;float:right;margin-right:7px;color: #fff;cursor: pointer;}
.navm dl{ background-color:#c21b1b; }
.navm dl dd{width:100%;height:30px;line-height:30px;border-bottom:1px solid #bb0000;}
.navm li.on dl dd a{ display:block;font-size: 14px; color:#fff; line-height:30px;height:30px;padding-left:20px;}
.navm li dl dd a{ font-size: 12px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0;}
.navm li dl dd a:hover{ font-weight:bold;}
.subNavs{width:100%;overflow:hidden;display: none; }
.navm li.on .subNavs { display: block; }
.nlinks{width:100%;overflow:hidden;}
.nlinks span{float:left;padding:0 10px;height:30px;line-height: 30px;}
.nlinks span a{color:#fff;font-size: 14px;}

.snav_link{position:absolute; left:20px; top:9px;}
.snav_link a { font-size:12px; color:#d4d9e2; padding:0 5px;}
.fa-lg { font-size: 2em; }

.Banner{ margin:0 auto; z-index:1;}





.footer { background:url(/tw/images/2020images/footer_bg_02.jpg) no-repeat; }
.footerIn { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.footer_top { max-width: 1200px; margin: 0 auto; padding: 20px 0 0px 0; text-align: center; }
.footer_top a { color: #ffffff; font-size: 14px; padding: 0 10px 0 9px;  display: inline-block; background: url(/tw/images/2020images/footer_li.jpg) no-repeat left center; }
.footer_top a:first-child { background: none; }
.copyRight { color: #fff; text-align: left; line-height: 36px;  margin: 0 auto; padding:25px 0 25px 0; font-size: 16px; float: left}


.article-share span {color: #333333; float: left; margin: 5px 0 0 0; }
.article-share .bdshare-button-style0-32 a { width: 56px; height: 46px; display: inline-block;}
.share{width: 150px; text-align: center; float: right; margin: 26px 0 0 0; background: url(/tw/images/2020images/share_line.png) no-repeat center 2px;}
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 0px 0 0 !important; text-indent: 0;width: 56px; text-align: center;background: none;color:#fff;font-size: 30px; font-size: 3rem;display: block;}
.share .bdsharebuttonbox > a.bds_weixin{float: left; background:url(/tw/images/2020images/share1.png) no-repeat center top; font-size: 12px; color: #ffffff; padding: 52px 0 0 0; height: auto; line-height: 16px;}
.share .bdsharebuttonbox  > a.bds_tsina{float: right; background:url(/tw/images/2020images/share2.png) no-repeat center top; font-size: 12px; color: #ffffff; padding: 52px 0 0 0;height: auto; line-height: 16px;}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {  background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}



/*banner开始*/
 @media screen  and (max-width:1386px) {
	.nav ul li > a{font-size: 16px;}
 }

 @media screen  and (max-width:1230px) {
.footerIn { width: auto; padding: 0 15px; }

 }


 @media screen  and (max-width:1020px) {
.top { max-width: 1024px;}
.topIN { max-width: 96%; }
.top_bg { margin: 0 auto; }

}
@media screen  and (max-width:1024px) {
.logo { margin: 0 0 0 2%; }
.top_link { right: 2%; }
}
@media screen  and (max-width:1023px) {
.snav { display: block; }
.top_link { display: none; }
.nav { display: none; }
.header { height: auto; }
.logo {width: 460px;padding:15px 0;}
.logo_01{width: 250px;}
.logo_02{width: 180px;}
}


@media screen  and (max-width:800px) {
.copyRight { line-height: 24px; padding:15px 0 15px 0px; float: none; text-align: center; }
.footer { background-size: cover; }
.share { float: none; margin: 0 auto 0px;  }
.footerIn { padding: 0 15px 15px; }
}



@media screen  and (max-width:640px) {

}

@media screen  and (max-width:480px) {
.top_welcom { display: none; }
.fa-lg { font-size: 1.5em; }
.mbtn { top: 35%; }
.header {  background: #bb0000; }
.navm { top: 70px; }
.top { height: auto; }
}

@media screen  and (max-width:480px) {
	.copyRight { font-size: 12px; }
	.logo { width: auto;}
	.logo_01 {width: 120px;}
	.logo_02 {width: 140px;}
}


@media screen  and (max-width:360px) {
/*.logo { margin-top: 3%; }*/
.navm { top: 59px; }
}


@media screen  and (max-width:330px) {
/*.logo { margin-top: 4%; }*/
.navm { top: 57px; } 
}