@charset "utf-8";

body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family: "Microsoft YaHei"; font-size:14px; color:#3f3f3f; overflow-x:hidden; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); 
  src: url('../font/iconfont.eot') format('embedded-opentype'), 
  url('../font/iconfont.ttf') format('truetype'), 
  url('../font/iconfont.svg') format('svg'); 
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}


.header{ position:fixed;top:0;left:0; background:rgba(0,0,0,0.70);;width:100%;z-index:99;}
.logo{ background:url(../image/logo_whi.png) left center no-repeat;width:168px;height:60px;float:left;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;margin:20px 0;}
.headerfr{float:right;width:80%;}
.top{font-size:17px;color:#fff;margin-top:15px;float:right;}
.top p{float:left;}
.top1{height:20px; background:url(../image/index_ico_01.png) left center no-repeat; background-size:20px 20px;padding-left:25px;line-height:20px;margin-right:8px;color:#ff3600;margin-top:2px;}
.top2{height:20px; background:url(../image/index_ico_02.png) left center no-repeat; background-size:20px auto;padding-left:25px;line-height:20px;margin-top:2px;}
.top3{width:23px;height:23px;border:1px solid #888;border-radius:50%;display:block;line-height:21px;padding-left:2px;cursor:pointer;margin-left:15px; position:relative;}
.top3 i{font-size:17px;}
.top3 span{ position:absolute;top:30px;right:0;border:1px solid #ddd; background:#fff;z-index:1;padding:5px 5px 0 5px;display:none;}
.top3 span img{width:120px;}
.top3:hover span{display:block;}
.m_nav{overflow:hidden;float:right;width:100%;text-align:right;margin-top:18px;}
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
#example-one{margin:0 auto;list-style:none;position:relative;padding-bottom:6px;}
#example-one li{display:inline-block;}
#example-one a{color:#fff;font-size:14px;float:left;text-decoration:none;text-transform:uppercase;padding:0 20px;}
#example-one a:hover{color:#000;}
#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#ff3600;display:none !important;}
.current_page_item a{color:#ff3600!important}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}
.top3{display: none;}
.banner_index{width: 100%;height: 100%;}
.pc_banner{display:none}
.banner_index{display: block;}





.headerh{z-index:9993; background:none; box-shadow:none;height:100%;background:#000;visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.nav_nav_logo{width:100%;height:55px;margin-top:10px;padding-bottom:15px; background:url(../image/logo_whi.png) left top no-repeat; background-size:auto 40px;display:none;border-bottom:1px solid #282828}
.yd_nav{ position:fixed;top:11px;right:5%;width:30px;z-index:999;display:none;}
.yd_nav span{width:100%;height:2px; background:#ff3300;display:block;margin:7px 0;}
.yd_navbc{ position:fixed;top:0;left:0;width:100%;height:100%;z-index:9991; background:#000;}
.headerh .nav_nav_logo{display:block;}
.headerh .logo{display:none;}
.headerh .m_nav{ position:absolute;top:10%;left:0;width:100%;text-align:left;display:block;}
.headerh .nav-wrap{border:0;}
.headerh #example-one li{width:100%;padding:0 10%;}
.headerh #example-one a{display:block;width:100%;float:inherit;color:#fff;font-size:15px;border-bottom:1px solid #282828;padding:15px 0;}
.headerh .current_page_item a{color:#a5a5a5 !important;}
.headerhx{ position:absolute;top:0;right:5%;color:#fff;font-size:40px;display:none;}
.headerh .yd_nav{display:none;}
.headerh .headerhx{display:block;}



.yqlj{overflow:hidden;background:#232323;border-top:8px solid #ff3600;border-bottom:1px solid #1c1c1c;padding:20px 0; font-size:12px;position:relative;z-index:9;}
.yqljfl{float:left;width:8%;text-align:center;color:#666;line-height:25px;}
.maquee{width:92%;float:left;font-size:12px;color:#4f4f4f;height:25px;line-height:25px;overflow:hidden;font-size:12px;}
.maquee a{color:#4f4f4f;margin-right:15px;}
.maquee a:hover{color:#fff;}
.maquee{ overflow-y:scroll;}
.maquee::-webkit-scrollbar{width: 4px;height: 4px;}
.maquee::-webkit-scrollbar-button {display: none;}
.maquee::-webkit-scrollbar-track {display:none;}
.maquee::-webkit-scrollbar-track-piece{background:rgba(204,204,204,0.1);}
.maquee::-webkit-scrollbar-thumb{background:rgba(204,204,204,0.2);}
.maquee::-webkit-scrollbar-corner{background: #ffffff;}

.foot{overflow:hidden; background:#232323;padding-bottom:30px;position:relative;z-index:9;}
.foot .middle,.yqlj .middle{width:1000px;overflow:hidden;}
.footfl{float:left;width:70%;text-align:center;font-size:12px;color:#4f4f4f;line-height:24px;color:#888;}
.footfl a{color:#888;}
.footfl_b{display:block;font-size:22px;color:#a7a7a7;line-height:50px;padding-top:50px;padding-bottom:10px;font-weight:bold;}
.footfr{float:right;width:30%;text-align:center;overflow:hidden;padding-top:20px;}
.footfr p{display:block;width:50%;float:left;}
.footfr p img{width:80%;}
.footfr p span{display:block;font-size:12px;color:#fff;line-height:24px;}



.top_fh {width:54px; height:224px; position:fixed; right:0; top:70%; margin-top:-112px; z-index:10000; display:none}
.top_fh li { width:54px; height:54px; float:left; position:relative; margin-top:2px; background:#656565}
.top_fh li a {line-height:54px; font-size:14px; color:#fff; display:block; height:54px; width:54px; position:absolute; right:0; top:0; overflow:hidden;}
.top_fh li a img { float:right;max-width:100%;}
.top_fh li:hover { background:#ff3300 !important;transition:all 0.5s;}
.top_fh li a:hover { background:#ff3300 !important;transition:all 0.5s;width:175px !important;}

@media (max-width:1024px){
  .banner_index{height: auto;}
  .pc_banner{display:block}
.banner_index{display: none;}
.header{background-color: rgba(0,0,0,0.85);}
}