body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index:1119999; 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.close {color: transparent !important; border:0; transition:all 0.3s ease-in;}
.menu_bt.close:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.close span:before, .menu_bt.open span:after { border-width: 2px;border-color: #666;}
.menu_bt.close span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.close span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{  height:100px; transition:all 0.3s ease-in; width:100%; z-index:10000;  position:fixed; left:0; top:0; box-sizing:border-box;}
.header.tou{ background:rgba(255,255,255,1); border-bottom:1px solid #e9e9e9; box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.1);}

.logo{ float:left; position:relative; z-index:1000; width:81px; height:32px; margin-top:40px; }
.logo a{ background:url(../images/logo@2x.png) no-repeat; background-size:contain; width:100%; height:100%;display:block;}

.header.tou .logo a{ background:url(../images/logohei@2x.png) no-repeat; background-size:contain; }

.header .con{ width:1200px; margin:0 auto; position:relative;}
.header .top_cor{ position:absolute; right:0; top:10px; font-size:12px;}
.header .top_cor a{ color:#7794bb; margin-left:40px;}
.header .top_cor a:hover{ color:#fff;}
.header.tou .top_cor a{ color:#999; }
.header.tou .top_cor a:hover{ color:#666;}
.header .top_cor a i{ display:inline-block; margin-right:10px; width:14px; height:14px;vertical-align:-2px;}
.header .top_cor a i.b1{ background:url(../images/icon_sousuo@2x.png) no-repeat; background-size:contain;}
.header .top_cor a i.b2{ background:url(../images/icon_yuyan@2x.png) no-repeat; background-size:contain;}

.header.tou .top_cor a i.b1{ background:url(../images/icon_sousuo1@2x.png) no-repeat; background-size:contain;}
.header.tou .top_cor a i.b2{ background:url(../images/icon_yuyan1@2x.png) no-repeat; background-size:contain;}
 
.menu{ float:right; margin-top:40px;  }
.menu > ul {width: 100%; box-sizing: border-box; }
.menu > ul > li {float: left; margin-left:60px;   padding-bottom:20px; }
.menu > ul > li>a { display: block; font-size:15px; line-height:50px; box-sizing:border-box; color:#fff; position:relative; }
.header.tou .menu > ul > li>a { color:#101010;}
.menu > ul > li > ul { width:100%; background:rgba(255, 255, 255,1); position:fixed;display:none; overflow:hidden; z-index:99; left:0%; top:100px; box-shadow:0px 5px 12px 0px rgba(0, 0, 0, 0.05); box-sizing:border-box; z-index:1000;}
.menu > ul > li > ul > .ul_con{ width:1200px; margin:50px auto;}
.menu > ul > li > ul > .ul_con h3{ width:25%; font-size:26px; line-height:27px; float:left;}
.menu > ul > li > ul > .ul_con dl{ width:25%; float:left; font-size:12px; line-height:14px; }
.menu > ul > li > ul > .ul_con dl dd{ padding:10px 0;}
.menu > ul > li > ul > .ul_con dl a{ color:#333; display:block; padding-left:10px; border-left:2px solid #fff; transition:all 0.4s;}
.menu > ul > li > ul > .ul_con dl a:hover{ color:#FA6429; border-left:2px solid #FA6429;} 
 
 
 

@media screen and (max-width:1230px){
.header .con,.menu > ul > li > ul > .ul_con{ width:90%;} 
.menu > ul > li {float: left; margin-left:20px;  }
.menu > ul > li>a{ font-size:12px;}

.menu > ul > li > ul > .ul_con h3{ width:16%; font-size:20px; line-height:22px; }
.menu > ul > li > ul > .ul_con dl{ width:28%; float:left; font-size:12px; line-height:14px; }
} 
 
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:15px 10px 0 0;}	
 
.logo{ position:absolute; left:15px; top:12px; width:50px; margin-top:3px;}
.header{ background:#fff; height:50px; padding:0;border-bottom:1px solid #e9e9e9; box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.1);}
.header .con{ width:100%;}
.header .top_cor{ right:50px; top:12px;}
.header .top_cor a{ color:#333; margin-left:20px;}
.logo a{ background:url(../images/logohei@2x.png) no-repeat; background-size:contain;}
.header .top_cor a i.b1{ background:url(../images/icon_sousuo1@2x.png) no-repeat; background-size:contain;}
.header .top_cor a i.b2{ background:url(../images/icon_yuyan1@2x.png) no-repeat; background-size:contain;}

.menu{ float:none; margin:0; display:none; width:100%; height:100%; position:fixed; box-sizing:border-box; padding-top:20px; background:#fff; top:50px;}
  
.menu > ul > li {width: 100%; float: none; box-sizing:border-box;  position:relative; display: block; margin:0;  padding:0px; height:auto;  padding:0 20px; }
.menu > ul > li>a { display:inline; line-height:50px;  color:#101010;font-size:15px;}
 
.menu > ul > li  i.openbt:after{ content:"\e803"; height:35px; font-family: 'fontello'; font-size:16px;  position:absolute; right:15px; top:12px;}
.menu > ul > li.active> a:after{ display:none;}

.menu > ul > li > ul { width:100%; background:rgba(255, 255, 255,0); position:relative; display:none;  box-shadow:0px 5px 12px 0px rgba(0, 0, 0, 0);  text-align:left; left:0; margin-left:0; padding:0px; top:0;}
.menu > ul > li > ul > .ul_con{ margin:0 auto; width:100%;}
.menu .show-on-mobile {display: block;}


.menu > ul > li > ul > .ul_con h3{ display:none;}
.menu > ul > li > ul > .ul_con dl{ width:100%; float:none; font-size:12px; line-height:14px; }
.menu > ul > li > ul > .ul_con dl dd{ padding:10px 0;}
.menu > ul > li > ul > .ul_con dl a{ color:#333; display:block; padding-left:10px; border-left:2px solid #fff; transition:all 0.4s;}
.menu > ul > li > ul > .ul_con dl a:hover{ color:#FA6429; border-left:2px solid #FA6429;} 
}
 

 
/*底部*/
.footer{ width:100%; clear:both; background:#2E2E2E;  padding:40px 0; overflow:hidden; }
.footer .top{ border-bottom:1px solid  rgba(255,255,255,0.06); padding-bottom:30px;}
.footer .lf{  float:left;}
.footer .rf{ float:right;}
.footer .lf dl{ width:110px; float:left; margin-top:40px; color:#fff; text-align:center; line-height:30px;}
.footer .lf dl dt{ margin-bottom:10px;}
.footer .lf ul{ float:left; color:#eee; font-size:12px; margin:56px 0 0 40px;}
.footer .f_logo{ width:76px; margin-bottom:20px;  }
.footer .rf p{ margin-top:70px; margin-bottom:55px;}
.footer .rf p a{ color:#ccc; font-size:16px; margin-left:40px;}
.footer .rf p a:hover{ text-decoration:underline;}
.footer .rf ul{ float:right;}
.footer .rf li{ float:left; margin-left:24px;}
.footer .rf li a{ width:36px; height:36px; display:block;}
.footer .rf li a.c1{ background:url(../images/icon_linkedin@2x.png) no-repeat; background-size:contain;}
.footer .rf li a.c2{ background:url(../images/icon_twitter1@2x.png) no-repeat; background-size:contain;}
.footer .rf li a.c3{ background:url(../images/icon_facebook1@2x.png) no-repeat; background-size:contain;}
.footer .rf li a.c4{ background:url(../images/icon_Instagramlogo@2x.png) no-repeat; background-size:contain;}
.footer .bottom{ font-size:12px; color:#999; padding-top:20px;} 
.footer .bottom p{ float:left;}
.footer .bottom p a{ color:#999; margin-right:10px;}
.footer .bottom p a:hover{ text-decoration:underline;}
.footer .bottom span{ float:right;}


@media screen and (max-width:1050px){
.footer .rf p a{ font-size:14px; margin:0 10px; }
}
@media screen and (max-width:860px) {
.footer .rf p a{ margin-left:20px;}
}
@media screen and (max-width:850px) {
.footer .lf{ width:300px; margin:0 auto;  float:none;}
.footer .rf{ float:none; width:100%; clear:both; padding-top:20px;}
.footer .rf p{ text-align:center; margin:30px auto;}

.footer .rf ul{ float:none; width:100%; text-align:center;}
.footer .rf li{ float:none; display:inline-block; margin:0 5px;}

.footer .bottom{ text-align:center;} 
.footer .bottom p{ float:none;}
.footer .bottom p a{ margin:0 5px;}
.footer .bottom span{ float:none;}
}