@charset "utf-8";
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,tr,th,td{margin: 0; padding: 0; vertical-align: top; border: none; background: none; outline: none;}
html,body{font-style: normal; font-size: 12px;font-family:  "Microsoft YaHei", Arial, sans-serif;}
ul li,ol li{list-style: none;}
a{text-decoration: none; color: #333;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"],input[type="email"],input[type="tel"],input[type="checkbox"]{ -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
table{border-collapse: collapse;border-spacing: 0;}
em,i{font-style:normal;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}



@font-face{font-family:'gotham_bold';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#gothampro_bold') format('svg');font-weight:normal;font-style:normal;}

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


select::-ms-expand{ display: none; }
/* --火狐、谷歌清除--*/

select{  appearance:none;  -moz-appearance:none;  -webkit-appearance:none;  background: url("../images/select_icon.png") no-repeat scroll right center transparent;}


.wrap{width: 1338px;margin: 0 auto;}
.f-wrap{width: 1256px;margin: 0 auto;}

.topfixed{display: none;height:85px; }
.fixed {position:fixed;top:0;z-index:1000000;width: 100%;background: #fff;height: 85px;text-align: center;box-shadow: 0 0 18px rgba(0,0,0,0.20);transition: all .5s linear;}

.header{background-color: #fff;width: 100%;text-align:center;transition: all .5s linear;}

.header .nav{display: inline-block;padding-top: 15px;position: relative;}
.header .nav li{float: left;height:113px;display: flex;align-items: center;justify-content: center;-webkit-justify-content: center; }

.header .nav li a{display: block;font-size: 20px;line-height: 40px;color: #000;padding: 0 45px;position: relative;}
.header .nav li a:after{content: "";position: absolute;top: 50%;right: 0;width: 2px;height: 16px;margin-top: -6px;background: #c7c7c7;}
.header .nav li:last-child a:after{width: 0;}
.header .nav li img{width: 176px;/*height: 113px;*/-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.header .nav li.middle:after{content: "";position: absolute;top: 100%;left:0;width: 100%;height: 35px;background-image: url("../images/logo_bg.png");background-position: top center;background-repeat: no-repeat;background-size: 114px;z-index: 200;}
.header .nav li:hover a,.header .nav>li.active a{color: #bf0008;}
.fixed .nav{padding-top: 5px;}
.fixed .nav li{height: 70px;}
.fixed .nav li img{width: 100px;}
.fixed .nav li.middle:after{background-size: 100px;top:85px;}
/*以上是导航*/

/*以下是手机端头部*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background: #131212;  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: 48px;  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: #364751; 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); }

/*以上是手机端头部*/


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


.f-nav{border-bottom: 1px solid #e0e0e0;background: #fff;}
.f-nav .f-navlist{}
.f-nav .f-navlist li{float: left;width: 25%;text-align: center;}
.f-nav .f-navlist li a{display: inline-block;font-size: 20px;line-height: 40px;color: #333;height: 40px;position: relative;padding: 28px 0;overflow: hidden;}
.f-nav .f-navlist li.active a{color: #bf0008;}
.f-nav .f-navlist li.active a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background:#bf0008; }
.brand-wrap .f-nav .f-navlist li,.product-wrap .f-nav .f-navlist li{width: 100%;}

.news-wrap .f-nav .f-navlist li,.join-wrap .f-nav .f-navlist li{width: 33.33%;}



.f-title{margin-bottom: 50px;}
.f-title h4{font-size: 42px;line-height: 42px;color: #bf0008;font-weight: bold;margin-bottom: 3px;}
.f-title p{font-size: 42px;line-height: 42px;color: #e1e1e1;font-family: 'gotham_bold';text-transform: uppercase;}
.f-title em{display: block;width: 60px;height: 3px;background: #bf0008;margin-top: 12px;}


.brand-wrap .brand .f-title{margin-bottom: 100px;}


.pages{position: relative;padding-top: 40px;padding-bottom: 75px;text-align: center;}
.pages .pages-list{display: inline-block;}
.pages a{display: block;float: left;width: 40px;height: 40px;background: #f7f7f7;font-size: 14px;color: #686868;line-height: 40px;transition: all .2s linear;font-family: 'Arial';overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pages a.nextpage,.pages a.lastpage,.pages a.inputpage{margin-right: 5px;}

.pages a.inputpage{background: none;border: 1px solid #eee;box-sizing: border-box;}
.pages a.inputpage input{display: block;width: 100%;height: 100%;text-align: center;}
.pages a.on,.pages a:hover{background: #de241b;color: #fff;}
.pages a.inputpage.on,.pages a.inputpage:hover{background: none;border: 1px solid #de241b;color: #686868;}
/*以上是分页*/

.pagebtn{padding: 22px 36px;}
.pagebtn .goback{float: left;}
.pagebtn .prev-next{float: right;}
.pagebtn a{display: inline-block;padding: 10px 25px;font-size: 12px;line-height: 16px;height: 16px;color: #333;border-radius: 25px;}
.pagebtn a img{width: 16px;margin-right: 10px;}
.pagebtn .goback a{color: #fff;background: #d12536;}
.pagebtn .prev-next a.prev img{margin-right: 0;margin-left: 10px;}
.pagebtn .prev-next a{margin-left: 10px;border: 1px solid #959595;box-sizing: border-box;height: 36px;}
.pagebtn .prev-next a.next{margin-right: 10px;}

/*以上是返回列表上一个下一个*/







.news{padding: 70px 0;}
.news .list li{width: 33.33%;float: left;position: relative;margin-bottom: 10px;}
.news .list a{display: block;color: #fff;position: relative;width: 94%;margin:0 3%;background: #f4f4f4;}
.news .list .img{position: relative;overflow: hidden;width: 100%;}
.news .list .img img{width: 100%; display: block; margin: 0 auto; transform: translateZ(0px);  transition: transform 0.3s ease 0s;}

.news .list a:hover .img img{-moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);transition: all 0.5s ease;cursor: pointer;}

.news .list .info{padding: 25px 22px;}
.news .list .info  h2{font-size: 18px;line-height: 30px;color: #333;margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.news .list .info  p{font-size: 14px;line-height: 24px;color: #959595;height: 48px;text-align: left;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news .list .info span{display: block;font-size: 14px;color: #989898;line-height: 18px;margin-top: 28px;}
.news .list .info span img{width: 18px;margin-right: 5px;}


.news-wrap .news .list li{width: 32%;margin-right: 2%;margin-bottom: 30px;}
.news-wrap .news .list li:nth-child(3n){margin-right: 0;}
.news-wrap .news .list li a{width: 100%;margin: 0 0;}
/*以上是新闻*/