html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input,select,button,em,i,table,tr,th,td,b,tbody,label{margin: 0; padding:0; vertical-align: top; border: none; background: none; outline: none;font-style: normal;font-family: "Microsoft YaHei", "Arial", "SimSun", "sans-serif"; }
html, body{font-size: 14px;}
ul li,ol li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
a{text-decoration: none; color: #000;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}
.clear2{*zoom:1; zoom: 1;text-align:center;}
.clearfix:after { content: ""; display: table; clear: both;}

@font-face{font-family:'gotham';src:url('../fonts/GothamProBold.woff.eot');src:url('../fonts/GothamProBold.woff.eot?#iefix') format('embedded-opentype'),url('../fonts/GothamProBold.woff.woff2') format('woff2'),url('../fonts/GothamProBold.woff.woff') format('woff'),url('../fonts/GothamProBold.woff.svg#gotham') format('svg');font-weight:normal;font-style:normal;}


select::-ms-expand{ display: none; }
/* --火狐、谷歌清除--*/
input{appearance:none;  -moz-appearance:none;  -webkit-appearance:none; }
select{  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  background: url("../images/select_icon.png") no-repeat scroll right center transparent;}


.wrap {width: 1416px; margin: 0 auto;}
.secB {width: 1646px; margin: 0 auto;}
.htop{width: 100%;height: 92px;}

.header{position: fixed;;left: 0;top:0;width: 100%;background:#fff;z-index: 200;box-shadow: 3px 4px 13px rgba(78,70,33,0.09);}
.header .wrap{position: relative;}
.header .logo{float: left;padding: 27px 0;}
.header .logo a { float: left;width: 165px;display: block;overflow: hidden;}
.header .logo a img{width: 100%;}
.header .headerNav{float: right;}
.header .nav{ float: left;}
.header .nav li{ float: left;}
.header .nav li>a { display: block; padding: 27px 34px;font-size: 18px;line-height: 38px;color: #1a1a1a;position: relative;}
/*.header .nav li:hover{background:#ed1450; }*/
.header .nav li:hover>a,.header .nav li.active>a{color:#ce1212; }

.header .nav li.active>a:after,.header .nav li:hover>a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;background-color:#d7a71c;background-image:url("../images/li_a.png");background-repeat: no-repeat;background-position: bottom center; background-size: 100% 100%; }

.header .subnav{position: absolute;z-index: 10;top: 100%;display: none;}
.header .subnav a{line-height: 60px;font-size: 14px;color: #fff;margin-right: 26px;}
.header .subbg{background: rgba(0,0,0,0.4); width: 100%; height: 60px; display: none;top: 100%;position: absolute;}
.header .nav li .subnav a:hover{color: #ce1212;}


/*.header .subMenu{position: absolute;left: 50%;  top: 100%; width: 160px; z-index: 1001;margin-left: -80px;background: #fff;!*box-shadow: 3px  4px  10px rgba(0,0,0,0.12);*!box-shadow: 0 2px 8px -4px rgba(0,0,0,.3);display: none; }
.header .subMenu a{display: block;font-size: 14px;line-height:20px;color: #000;padding: 10px 0;text-align: center; }
.header .subMenu a:hover{background: #e8ad0f;color: #fff;}
.header .nav li:hover .subMenu{display: block;}*/

.header .right{float: left;margin-left: 80px;padding: 20px 0;}
.header .mod{float: left;margin-left: 32px;padding: 17px 0;position: relative;}
.header .mod:first-child{margin-left: 0;}
.header .mod span{display: block;font-size: 16px;line-height: 18px;color: #4a4a4a;cursor: pointer;}
.header .mod span img{width: 18px;margin-right: 8px;}

/*.header .header-search{float: left;width: 26px;height: 38px;display: block;background-position: center center;background-repeat: no-repeat;background-image: url("../images/search.png");background-size: 23px;}*/
.header .mod span:hover{color: #ce1212;}

.header .mod .lan{position: absolute;left: 50%;top:100%;width: 100px;background: #fff;margin-left: -50px;border: 2px solid #e8ad0f;box-sizing: border-box;display: none;}
.header .mod .lan:before{content: "";position: absolute;left: 50%;top:-16px;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #e8ad0f;margin-left: -8px;}
.header .mod .lan li a{display: block;font-size: 14px;line-height: 18px;padding: 6px  0 6px 8px;color: #4a4a4a;vertical-align: middle;}
.header .mod .lan li a img{width: 18px;margin-right: 14px;}
.header .mod .lan li:hover a{color: #ce1212;}

.header .mod:hover .lan{display: block;}

.header .mod .ewm{position: absolute;left: 50%;top:100%;width: 110px;margin-left: -55px;border: 3px solid #e8ad0f;box-sizing: border-box;display: none;}
.header .mod .ewm img{width: 100%;}
.header .mod .ewm:before{content: "";position: absolute;left: 50%;top:-17px;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #e8ad0f;margin-left: -8px;}
.header .mod:hover .ewm{display: block;}


.header .search-mes{position: absolute;top: 100%;left: 0;right: 0;padding: 60px 20px;background: #f3f6f9; color: #333;z-index: 999;display: none;}
.header .search-mes .close{position: absolute;top: 30px;right: 30px;display: inline-block;height: 25px;width: 25px;
    text-align: center;color: #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.header .search-mes .close img{display: block;margin: 0 auto;width: 18px;vertical-align: middle;}
.header .search-mes .tac{text-align: center;}
.header .search-mes .inb{padding-right: 50px;position: relative;display: inline-block;width: 60%;}
.header .search-mes .inb input{line-height: 40px;height: 40px;color: #333;background: none;}
.header .search-mes .inb input[type="text"] {width: 100%;color: #333;border: 1px solid #e8ad0f;  border-right: none;  padding: 0 10px;background: #fff;box-sizing: border-box;}
.header .search-mes .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center;  cursor: pointer;background-size:20px;background-image: url(../images/search2.png);background-position: center center;background-repeat: no-repeat;background-color: #e8ad0f; }
.header .search-mes .inb input:-ms-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80); }
.header .search-mes .inb input::-webkit-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80);  }


/*以上是头部*/

.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background: #333;  z-index: 10000; }
.menu-bg a.close{position: absolute; top: 0;right:0;line-height: 58px;  display: inline-block;  margin-right: 6% }
.menu-bg a.close img{vertical-align: middle;}
.menu-list {display: none; position: fixed;  left: 100%;  top: 58px;  width: 100%;height: 100%;  z-index: 10001;  }
.menu-list a { display: block; position: relative;left: 100%; opacity: 0;  font-size: 18px;  line-height: 40px;  color: #fff;  padding-left: 7%;}
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0px; right:0; margin-left: 15px; z-index: 10000; }
.menu-handler .burger { width: 24px; height: 2px; background: #e8ad0f; display: block; position: absolute; z-index: 5; top: 20px;
    left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center;
    -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: all 277ms ease-in-out;}
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*手机端头部*/


.title{position: relative;margin-bottom: 25px;}
.title h2{font-size: 32px;line-height: 100px;color: #4f4f4f;font-weight: bold;position: relative;z-index: 2;}
.title h2 em{display: inline-block;width: 380px;height: 3px;background: #e8ad0f;margin-left: 15px;margin-top: 50px;}
.index-about .about-mes .title h2 em{width: 280px;}
.title p{font-size: 132px;line-height: 100px;color: #f2f2f2;font-family:'gotham';letter-spacing: -8px;text-transform: uppercase;position: absolute;top:0;left: -135px;z-index: 1;}
.index-about .about-mes .title p{left: -55px;}


.footer{background: #f2f2f2;}
.footer .wrap{padding: 50px 0;}
.content .footer .secB{background: #fff;}
.footer-top{padding-bottom: 65px;border-bottom: 2px solid #d6d6d6;}
.footer-link {float: left;width: 1200px; }
.footer-link dl { float: left; width: 19%;padding-right: 1%;}
.footer-link dt {font-size: 18px; line-height: 36px;color: #323232;font-weight: bold;margin-bottom: 20px;}
.footer-link dd { font-size: 16px;line-height: 36px;color: #323232;}
.footer-link a { font-size: 16px;line-height: 36px;color: #323232; text-decoration: none;}
.footer-link a:hover {color: #ce1212;}

.footer .code{float: right;width: 145px;color: #323232;margin-right: 5px;}
.footer .code em{display: block;font-size: 30px;line-height: 36px;font-family: 'gotham';text-transform: uppercase;letter-spacing: -3px; }
.footer .code h4{font-size: 18px;line-height: 36px;}
.footer .code .code-img{margin:25px 0; }
.footer .code .code-img img{width: 100%}
.footer .code p{font-size: 16px;line-height: 22px;}


.footer-mes{padding-top: 45px;}
.footer-mes ul{float: left;width: 1020px;}
.footer-mes ul li{float: left;width: 33%;margin-right: 0.33%;}
.footer-mes ul li a{display: block;color: #332c2b;}
.footer-mes ul li .mes{position: relative;padding-left: 50px;color: #332c2b;}
.footer-mes ul li .mes img{display: inline-block;width: 43px;position: absolute;left: 0;top:0;}
.footer-mes ul li .mes em{position: relative;display:block;font-size: 18px;line-height: 20px;font-family: 'gotham';text-transform: uppercase;padding-bottom: 10px;margin-bottom: 5px;}
.footer-mes ul li .mes em:after{content: "";position: absolute;left: 0;bottom: 0;width: 64px;height: 2px;background: #e8ad0f;}
.footer-mes ul li .mes p,.footer-mes ul li .mes p a{font-size: 16px;line-height: 24px;color: #332c2b;}

.footer-mes .copyright{float: right;width: 386px;font-size: 14px;line-height: 22px;color: #323232;text-align: right;}
.footer-mes .copyright a{display: block;font-size: 14px;line-height: 22px;color: #cacaca;text-align: right;}




/*内页*/
.f-banner{position: relative;}
.f-banner .img{width: 100%;height:255px;background-position: center center;background-repeat: no-repeat;background-size:cover; }

.bannerTit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;  }
.bannerTit .wrap{height: 100%;}
.bannerTit .cont{width: 100%;height: 100%;color: #4c4b4b;display: table;}
.bannerTit .cont .mes{display: table-cell;vertical-align: middle;}
.bannerTit .cont .mes img{max-width: 100%;height: 84px;}
/*.bannerTit .cont .mes{display: inline-block; background-image:url("../images/font_bg.jpg");  -webkit-background-clip:text;   -webkit-text-fill-color:transparent; background-size:auto 100%;  background-repeat: no-repeat;  background-position:top left ;}
.bannerTit .cont h3{font-size: 62px;line-height: 62px;}
.bannerTit .cont p {font-size: 24px;line-height: 30px;}*/



.innerTop{background: #fff;border-bottom: 1px solid #d6d6d6;box-sizing: border-box;}
.current{float: left;}
.current .curr{font-size: 0;}
.current a{display: inline-block;}
.current .curr  a,.current .curr em{display: inline-block;color: #4c4b4b;margin-right: 7px;}
.current .curr em{color: #e8ad0f;}
.current .curr  a:hover{color: #ce1212;}

.fnav{float: right;}
.fnav .f-navlist{position: relative;}
.fnav .f-navlist li{float: left; position: relative;margin-left: 38px;}
.fnav .f-navlist li a{display: block;color: #323232;}
.current .curr  a,.current .curr em,.fnav .f-navlist li a{font-size: 14px;line-height: 30px;padding: 21px 1px;}

.titleIn{position: relative;padding: 25px 0;margin: 40px 0;}
.titleIn h2{font-size: 36px;line-height: 50px;color: #4c4b4b;font-weight: bold;position: relative;z-index: 2;}
.titleIn h2 em{display: inline-block;width: 380px;height: 3px;background: #e8ad0f;margin-left: 15px;margin-top: 24px;}

.fnav .f-navlist li:hover:after,.fnav .f-navlist li.active:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #d69717;}



.aboutW,.productW,.techW{margin-bottom: 100px;}


.pages{padding: 5px 0;text-align: center;margin-bottom: 50px;}
.pages a{display: inline-block;font-size: 12px;line-height: 34px;height: 34px;color: #323232;text-align: center;padding: 0 12px;margin: 0 3px;}
.pages a.prev-page,.pages a.next-page{border: 1px solid #e2e7e6;box-sizing: border-box;}
.pages a.on,.pages a:hover{background: #e8ad0f;color: #fff;}