body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index:10000; width:24px;height:12px;border-top: 2px solid #666;border-bottom: 2px solid #666;vertical-align: middle; float:right; display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #666; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #666}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid black;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0; }
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: white;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{ background:#fff; height:121px; border-top:2px solid #d7000f;  transition:all 0.3s ease-in; width:100%; z-index:500; position:fixed; left:0; top:0;z-index: 299;}
.header .con{ width:1200px; margin:0 auto; position:relative;}
/*.header.add{ box-shadow:0 0 5px 2px rgba(0,0,0,.1);}*/
.logo{ width:128px; float:left; position:relative; z-index:1000; margin-top:22px;}
.page-overlay{ float:left; }
.page-overlay .nav{ float:left; margin-top:80px;}
.page-overlay .nav li{ float:left; margin-left:40px; position:relative; }
.header .page-overlay .nav li > a{ color:#333; font-size:16px; line-height:30px; height:30px; transition:all 0.3s ease-in;  display:block;   overflow:hidden; border-bottom:1px solid #fff; font-weight:500;}
.header .page-overlay .nav li > a:hover{ color:#d7000f; border-bottom:1px solid #d7000f; }
.header .page-overlay .nav li.on > a{ color:#d7000f; border-bottom:1px solid #d7000f; }
.header .limg{ float:right; margin-top:50px;}
.header .top_r{ position:absolute; right:0; top:11px;}

.header .top_r .search_bt{box-sizing: border-box; border:1px solid #bcbcbc; width:26px; height:26px; border-radius:50%;   background:url(../images/search1.png) no-repeat center; line-height:26px; display:block; float:left; cursor:pointer; transition:all .3s ease-in; position:relative; z-index:0;}

.header .top_r .search_bt:hover{ background:url(../images/search2.png) no-repeat center #d7000f; border:1px solid #d7000f; width:26px; height:26px; border-radius:50%;}
.header .top_r a.en{box-sizing: border-box; text-align:center; border:1px solid #bcbcbc;font-size: 10px; color: #bcbcbc; width:26px; height:26px; border-radius:50%; line-height:26px; display:block; float:left; margin-left:16px;font-size：13px;color: #bcbcbc;}
.header .top_r a.en:hover{ background:#d7000f; color:#fff; border:1px solid #d7000f;}
.header .hide{ width:0px; overflow:hidden;/* transition:all .6s ease-in;*/ position:absolute; top:11px; right:44px;}
.header .hide.show{ width:220px; height:28px;}
.header .hide .search{ background:url(../images/search2.png) no-repeat center #d7000f; border:1px solid #d7000f; width:26px; height:26px; border-radius:50%; position:relative; z-index:10;  cursor:pointer; float:right;}
.header .hide .txt{ height:28px; line-height:20px; border-radius:28px; position:absolute; right:0px; top:0px; font-size:14px; width:0px; /*transition:all .3s ease-in; opacity:0;*/ }
.header .hide.show .txt{box-sizing: border-box;  border:1px solid #cdcdcd; padding:3px 30px 3px 10px; width:178px; /* opacity:1;*/ }

 
@media screen and (max-width:1220px){
.header .con{ width:100%;}	
.logo{ margin:25px 0 0 10px;}
.page-overlay .nav li{ margin-left:20px;}
.header .limg{ margin-right:10px;}
.header .top_r{ right:10px; padding-top:0;}
} 
@media screen and (max-width:960px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.logo{ width:50px; margin:10px 0 0 10px;}
.page-overlay {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:1000; width: 100%; overflow:hidden;  background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:.7; height:100%;}	
.header{ height:50px; padding:0;}
.header .con{ width:100%;} 
.page-overlay .nav{ width:90%; margin:0 auto; margin-top:64px; float:none; text-align:left; }
.page-overlay .nav li{ float:none; width:80%; margin:0 auto;}
.header .page-overlay .nav li > a{ color:#fff; font-size:16px; line-height:50px; height:50px; transition:all 0.3s ease-in;  display:block;   overflow:hidden; border-bottom:1px solid #fff; font-weight:500;}
.header .page-overlay .nav li > a:hover{ color:#fff; border-bottom:1px solid #fff; }
.header .page-overlay .nav li.on > a{ color:#fff; border-bottom:1px solid #fff; }

.header .top_r{ right:50px; top:10px; z-index:900;} 
 

.header .limg{ float:left; width:120px; margin:12px 0 0 10px;}

.header .hide{ width:100%; background:#fff; overflow:hidden; transition:all .6s ease-in; position:absolute; top:50px; right:0; height:0; border-top:1px solid #ddd;}
.header .hide.show{ width:100%; height:60px;}
.header .hide .hide_con{ width:220px; position:relative; margin:0 auto; padding-top:15px;}
.header .hide .txt{ top:15px;}

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

}

@media screen and (max-width:400px) {
.page-overlay .nav{ margin-top:0px;}
.header.add .page-overlay .nav li > a{ font-size:18px; padding:8px 0;}
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .page-overlay .nav li > a{ font-size:18px;  padding:5px 0;}
}


/*右悬浮*/
.rgxuanfu{width:100%;}
.uptop{width: 32px;background: transparent;position: fixed;bottom: 100px;right:30px;z-index: 100;}
.uptop ul>li.gotop{display:block;width: 32px;height: 32px;border:1px solid #9a9a9a;margin-top: -1px;background: #ffffff url(../images/uptop.png) no-repeat center center;cursor:pointer;position: relative;line-height: 32px;text-align: center;box-sizing: border-box; display:none;}
.uptop ul li.gotop:hover{background:#d0ebf6 url(../images/uptop_hover.png) no-repeat center center;}
.special .det{display: none;height: 100px;transition: .2s;}
 
/*底部*/
.for_foot{ padding:30px 0px; border-top:solid 1px #e1e3e6; background:#f7f9fa;}
.for_foot img{ display:block; width:128px;float:left;display:none;}
.for_foot p{ display:block; line-height:25px; text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#666; }
.for_foot span{ display:block; line-height:25px;}
.for_foot b{ font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
 
@media screen and (max-width:470px){
.footer .top ul{ width:50%; text-align:center;}	
.for_foot{padding:25px 15px;}
.for_foot img{ display:block; width:66px;}
.uptop{right:20px;}
	
}
@media screen and (max-width:320px){
.for_foot{padding:20px 8px;}
.for_foot img{ display:block; width:66px;}
.for_foot p{padding-left: 60px; } 
}