body{ overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index:1119999; width:24px; height:13px; border-top: 2px solid #000; border-bottom: 2px solid #000; vertical-align: middle; float:right; display:none;}
.menu_bt span {font-size: 0; text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right:5px;left: 0;border-top:2px solid #000;transition: all 100ms linear 0ms; margin-top:-1px;}
.menu_bt.open {color: transparent !important; border:0; transition:all 0.3s ease-in;}
.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: #000;}
.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:none; height:68px; transition:all 0.4s ease-in; width:100%; z-index:1000; position:fixed; left:0; top:0; }
.header .con{ width:1530px; margin:0 auto;}
.header.add{ background:#ffff00; /*box-shadow:0 0 5px 0px rgba(0,0,0,.05);*/}
.header.black{ background:#ffff00; /*box-shadow:0 0 5px 0px rgba(0,0,0,.05);*/}
.logo{ float:left; position:relative; z-index:1000; margin-top:12px;}
.logo a{background:url(../images/logo.png) no-repeat; background-size:contain; width:146px; height:44px; display:block; }
.header.add .logo a{ background:url(../images/logo2.png) no-repeat; background-size:contain;}
.header.black .logo a{ background:url(../images/logo2.png) no-repeat;  background-size:contain;}
 

.page-overlay{ float:right; height:68px; overflow:hidden; }
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:40px; position:relative;}
.header.add .page-overlay .nav li{  transition:all 0.4s ease-in;}
.page-overlay .nav li > a{ font-size:17px; line-height:68px; color:#fff; display:block; position:relative; transition:all 0.3s ease-in; padding:0 5px;}
.page-overlay .nav li > a:hover{ background:#ffff00; color:#231815; line-height:75px;}
.page-overlay .nav li.on a{ background:#ffff00; color:#231815; line-height:75px;}  
 
.header.add .page-overlay .nav li > a{ color:#231816;}
.header.add .page-overlay .nav li > a:hover{ background:#231816; color:#ffff00;}
.header.add .page-overlay .nav li.on a{ background:#231816; color:#ffff00;}
.header.black .page-overlay .nav li > a{ color:#231816;}
.header.black .page-overlay .nav li > a:hover{ background:#231816; color:#ffff00;}
.header.black .page-overlay .nav li.on a{ background:#231816; color:#ffff00;}
 
  
@media screen and (max-width:1560px) {
.header .con{ width:90%;} 
.page-overlay .nav li > a{ font-size:16px;}
}
 
@media screen and (max-width:960px) {
.page-overlay .nav li{ margin-left:20px; } 
}
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top:45px;right: 0;bottom: 0;left: 0; height:0; z-index:111999; width: 100%; overflow:hidden;  padding-top:0px; background:#ffff00; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px; padding:0;}
.header.add{ padding:0; height:50px;}
.header.black{ padding:0; height:50px;}
.header .con{ width:100%;} 
.header.add .logo{ margin:15px 0 0 0;  }
.header.add .logo a{ background:url(../images/logo2.png) no-repeat; background-size: auto 20px;   display:block; margin-left:20px;}

.header.black .logo{ margin:15px 0 0 0;  }
.header.black .logo a{ background:url(../images/logo2.png) no-repeat; background-size: auto 20px;   display:block; margin-left:20px;}

.page-overlay .nav{ width:100%; margin:0 auto; margin-top:0; float:none; text-align:left; }
.page-overlay .nav li{ float:none;  padding:0; margin:10px auto; text-align:center;}
.header.add .page-overlay .nav li > a{ font-size:18px; color:#231816; padding:10px 20px; line-height:35px;}
.header.add .page-overlay .nav li.on a{ background:none; color:#231816;}
.header.add .page-overlay .nav li.on > a:after{ content:""; width:30px; height:2px; background:#231816; display:block; margin:0 auto; transition:all 0.3s;}
.header.add .page-overlay .nav li > a:hover:after{ content:""; width:30px; }
 
.header.black .page-overlay .nav li > a{ font-size:18px; color:#231816; padding:10px 20px; line-height:35px;}
.header.black .page-overlay .nav li.on a{ background:none; color:#231816;}
.header.black .page-overlay .nav li.on > a:after{ content:""; width:30px; height:2px; background:#231816; display:block; margin:0 auto; transition:all 0.3s;}
.header.black .page-overlay .nav li > a:hover:after{ content:""; width:30px; }
  
}

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

 


/*底部*/
.footer{ background:#000; padding:60px 0 65px 0; clear:both; overflow:hidden;  width:100%; color:#bcbdbd; }
.footer .top{ width:1530px; margin:0 auto;  overflow:hidden; border-bottom:1px solid #8f8f8f; padding-bottom:60px; position:relative;}
.footer .top:after{ content:""; width:100%; display:block; height:1px; background:#6f6f6f; position:absolute; left:0; bottom:0;}
.f_logo{ width:13%;}
.f_logo img{ width:100%;}
.footer .top dl{ width:13%; float:left; text-align:center; color:#bcbdbd; font-size:18px;}
.footer .top dl img{ width:100%;}
.footer .top dl dt{ margin:30px 0 10px 0;}
.footer .dz{ width:21.2%; font-size:20px; line-height:30px; float:left; margin:30px 0 0 3.6%;}
.footer .dz li{ position:relative; padding-left:30px; margin-top:25px;}
.footer .dz li i{ display:block; position:absolute; left:0; top:0px;}
.footer .dz li a{ color:#d7d7d7;}
.footer .dz li a:hover{ text-decoration:underline;}
.footer .dz li span{ margin-right:15px;}
.footer .fr{ width:56%; float:right;}
.footer .fr .list{ float:left; font-size:18px; line-height:38px; width:20%;}
.footer .fr .list h3 a{ font-size:20px; color:#ffff00;}
.footer .fr .list ul{ margin-top:20px;}

.footer .bottom{ width:1530px; margin:0 auto;  overflow:hidden;}
.footer .bottom .biao{ font-size:22px; padding-top:30px; margin-bottom:15px;}
.footer .bottom .biao em{ width:16.7%; display:inline-block; margin-right:20px;}
.footer .bottom .biao em img{ width:100%;}
.footer .bottom p{ font-size:26px; line-height:28px; float:left;}
.footer .bottom p a{ color:#399fd3; margin-left:20px;}
.footer .bottom p a:hover{ text-decoration:underline;}
.footer .bottom .di i{ font-size:17px; float:right;}
.footer .bottom .di i a{color:#bcbdbd;font-family: Helvetica, Arial, "Microsoft Yahei"; }
 
@media screen and (max-width:1560px) {
.footer .top,.footer .bottom{ width:90%;} 
}
@media screen and (max-width:1490px) {
.footer .fr .list h3 a{ font-size:15px;}
.footer .fr .list{font-size:14px; line-height:30px;}
.footer .dz{ font-size:15px; line-height:28px;  }
.footer .dz li{ padding-left:30px; margin-top:15px;}
.footer .bottom .biao{ font-size:17px;  }
.footer .bottom p{ font-size:20px; line-height:22px; }
.footer .bottom .di i{ font-size:13px; }
.footer .top dl{ font-size:14px;}
} 
@media screen and (max-width:1390px){
.footer .fr .list h3 a{ font-size:14px;}
.footer .fr .list{font-size:13px; line-height:22px;}
.footer .fr .list li{ padding:5px 0;}
.footer .dz{ font-size:14px; line-height:22px; padding:5px 0;  }
.footer .dz li{ padding-left:30px; margin-top:10px; }
.footer .bottom .biao{ font-size:16px;  }
.footer .bottom p{ font-size:18px; line-height:22px; }
.footer .bottom .di i{ font-size:13px; }
}
@media screen and (max-width:768px) {
.footer{ padding:40px 0 45px 0;  }	
.f_logo{ width:30%;}
.footer .top{ padding-bottom:30px;}
.footer .top dl{ width:30%; font-size:12px; }
.footer .top dl dt{ margin:30px 0 10px 0;}
.footer .dz{ width:65%;  margin:30px 0 0 5%; font-size:12px;}
.footer .fr .list ul{ display:none;} 
.footer .fr .list li{ padding: 0;}
.footer .fr{ width:100%; float:none; clear:both; padding-top:30px;}
.footer .bottom p{  float:none; margin-bottom:20px;}
.footer .bottom .di i{ float:none;}
.footer .bottom .biao{ margin-bottom:5px; font-size:12px;}
.footer .bottom .biao em{ width:30%;  margin-right:10px;}
.footer .bottom p{ font-size:14px;}
}