@charset "utf-8";body{font-size:14px;margin:0;-webkit-text-size-adjust:none;}
*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,pre,table,td,th,ul,span,input,textarea{margin:0;padding:0;font-size:14px;font-family:"arial","tahoma","helvetica","verdana";}
a img,img{border:0;}
a:link{color:#232323;cursor:pointer;}
a:visited{color:#232323;cursor:pointer;}
a:hover{color:#c90000;cursor:pointer;}
a:active{color:#232323;cursor:pointer;}
a{text-decoration:none;cursor:pointer;}
h1{font-family: "Ebrima";}
h2,h3,h4,h5,h6{font-weight:400;font-family: "Ebrima";}
s{text-decoration: none;}
em{font-style:normal;}
li,ol,ul{list-style:none;}
.clear{clear:both;}
.clearfix::after,.zhu::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.zhu{word-wrap: normal;word-break: normal;width:1400px;margin:0 auto;}
input{-webkit-appearance:none;}
input[type=button],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none;}
textarea{resize: none;}
:-webkit-input-placeholder{color:#7e7e7e;}
::-webkit-input-placeholder{color:#7e7e7e;}
:-moz-placeholder{color:#7e7e7e;}
::-moz-placeholder{color:#7e7e7e;}
:-ms-input-placeholder{color:#7e7e7e;}
[class^="icon-"]:before, [class*=" icon-"]:before{margin: 0;}
.flexslider{border: none !important;border-radius: 0 !important;padding: 0 !important;margin: 0 auto !important;height: 100% !important;}
.flexslider .slides{height: 100% !important;}
.flexslider .slides>li{height: 100% !important;}
.flexslider .slides img{width: auto !important;margin: 0 auto !important;max-width: 100%;}

/* header */
header{}
header .top{height: 33px;background-color: #f7f7f7;}
header .top p{font-size: 13px;color: #7e7e7e;float: left;line-height: 33px;}
header .top .nav{float: right;display: flex;align-items: center;}
header .top .nav li{margin-left: 40px;}
header .top .nav li a{display: block;line-height: 33px;color: #2d3041;text-shadow: 0 0 0.5px;padding: 0 13px;}
header .top .nav li a:hover,header .top .nav li.cut a{color: #c90000;background-color: #fff;}
header .top button{margin-left: 40px;float: right;line-height: 33px;background-color: transparent;cursor: pointer;border: none;color: #2d3041;position: relative;padding-right: 26px;padding-left: 13px;text-shadow: 0 0 0.5px;}
header .top button::before{content: '';position: absolute;right: 13px;top: 55%;transform: translateY(-50%);border: 5px solid transparent;border-top: 5px solid #2d3041;}
header .top button:hover,header .top button.act{background-color: #fff;}
header .content{height: 104px;}
header .content .zhu{display: flex;align-items: center;justify-content: space-between;height: 100%;}
header .content .logo img{height: 50px;}
header .content .menu{display: none;}
header .content .right{flex: 1;display: flex;justify-content: flex-end;align-items: center;}
header .content .right #cates{background-color: transparent;border: none;color: #2d3041;text-shadow: 0 0 0.5px;margin-right: 60px;font-size: 15px;cursor: pointer;}
header .content .right #cates::before{font-weight: bold;color: #8c8d97;margin-right: 8px;}
header .content .right #cates:hover,header .content .right #cates:hover::before{color: #c90000;}
header .content .right #cates.act,header .content .right #cates.act::before{color: #c90000;}
header .content .right a{font-size: 15px;text-shadow: 0 0 0.5px;margin-right: 46px;}
header .content .right a span{color: #dcdcdc;}
header .content .right form{width: 250px;border: 1px solid #d7d7d7;border-radius: 25px;height: 37px;display: flex;align-items: center;justify-content: space-between;padding-left: 20px;padding-right: 10px;}
header .content .right form input{width: 100%;border: none;outline: none;}
header .content .right form button{background-color: transparent;width: 37px;height: 100%;border: none;cursor: pointer;font-size: 20px;}
header .content .right form button:hover{color: #c90000;}

#cates-dialog{position: fixed;top: 137px;width: 100%;border-top: 3px solid #c90000;display: none;background-color: #fff;z-index: 12;}
#cates-dialog .tabs{border-bottom: 1px solid #e9e9e9;padding-top: 10px;}
#cates-dialog .tabs li{float: left;width: calc(100% / 6 - 10px);margin-bottom: 11px;margin-right: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#cates-dialog .tabs li:nth-child(6n+6){margin-right: 0;}
#cates-dialog .tabs li span{color: #232323;cursor: pointer;padding-bottom: 2px;}
#cates-dialog .tabs li span:hover,#cates-dialog .tabs li.act span{color: #a7a7a7;border-bottom: 1px dashed #a7a7a7;}
#cates-dialog .content{position: relative;}
#cates-dialog .content .item{display: none;}
#cates-dialog .content .item.block{display: block;}
#cates-dialog .content .title{display: flex;justify-content: space-between;align-items: center;}
#cates-dialog .content .title h2{font-size: 23px;color: #232323;line-height: 72px;}
#cates-dialog .content .title .right{flex: 1;text-align: right;}
#cates-dialog .content .title s{color: #6b6b6b;margin-right: 98px;}
#cates-dialog .content .title s span{color: #232323;}
#cates-dialog .content .title a{color: #232323;border-bottom: 1px solid #a7a7a7;padding-bottom: 2px;}
#cates-dialog .content .title a:hover{color: #c90000;border-color: #c90000;}
#cates-dialog .content .list{position: relative;}
#cates-dialog .content .list .list-box{height: 250px;overflow-y: auto;}
#cates-dialog .content .list a{float: left;width: calc(100% / 3 - 10px);color: #6b6b6b;margin-bottom: 14px;margin-right: 10px;}
#cates-dialog .content .list a:nth-child(3n+3){margin-right: 0;}
#cates-dialog .content .list a:hover{color: #c90000;}

#cates-dialog .content .control{position: absolute;top: 50%;transform: translateY(-50%);border: 10px solid transparent;cursor: pointer;}
#cates-dialog .content .control.prev{left: -36px;border-right: 10px solid #a7a7a7;}
#cates-dialog .content .control.next{right: -36px;border-left: 10px solid #a7a7a7;}
#cates-dialog .content .control.first{border-right-color: #e0e0e0;cursor: default;}
#cates-dialog .content .control.end{border-left-color: #e0e0e0;}

#cates-dialog .brand{background-color: #f7f7f7;padding: 13px 0;}
#cates-dialog .brand ul li{width: 225px;height: 85px;background-color: #fff;float: left;margin-right: 10px;}
#cates-dialog .brand ul li:last-child{margin-right: 0;}
#cates-dialog .brand ul li a{display: block;height: 100%;text-align: center;padding-top: 14px;transition: all .3s;}
#cates-dialog .brand ul li a:hover{transform: scale(1.1);}

#langs-dialog{position: fixed;top: 33px;width: 100%;left: 0;background-color: #fff;padding-top: 50px;border-bottom: 3px solid #c90000;padding-bottom: 20px;display: none;z-index: 12;}
#langs-dialog .zhu{position: relative;min-height: 450px;}
#langs-dialog b{float: left;width: 100%;color: #c90000;font-weight: bold;font-family: "Ebrima";font-size: 26px;padding-bottom: 30px;}
#langs-dialog .left{width: 1100px;float: left;height: 100%;column-count: 2;}
#langs-dialog .left >div{-webkit-column-break-inside: avoid;}
#langs-dialog .left >div h2{font-size: 17px;font-family: "Ebrima";font-weight: bold;margin-bottom: 17px;width: 100%;}
#langs-dialog .left >div ul{column-count: 2;}
#langs-dialog .left >div ul li{font-size: 15px;color: #6b6b6b;margin-bottom: 14px;-webkit-column-break-inside: avoid;}
#langs-dialog .left >div ul li a{}
#langs-dialog .left >div ul li a:hover{color: #232323;padding-bottom: 2px;border-bottom: 1px dashed #232323;}
#langs-dialog .right{width: calc(100% - 1100px);float: right;text-align: center;}
#langs-dialog .right .current{padding-bottom: 44px;}
#langs-dialog .right .current p{padding-top: 130px;position: relative;font-size: 17px;padding-bottom: 15px;}
#langs-dialog .right .current p::before{content: '';width: 180px;height: 120px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);background: url('../../images/language_180.png') no-repeat 0 0;font-size: 240px;}
#langs-dialog .right .current p span{color: #6b6b6b;font-size: 17px;}
#langs-dialog .right .current s{color: #6b6b6b;font-size: 15px;}
#langs-dialog .right .tip{border: 5px solid #efefef;font-size: 16px;line-height: 24px;padding: 10px;border-radius: 5px;display: none;}
#langs-dialog .right .tip button{background-color: transparent;border: none;border-bottom: 1px dashed #232323;cursor: pointer;}
#langs-dialog .right .tip button:hover{color: #c90000;border-color: #c90000;}
#langs-dialog .close{position: absolute;right: 90px;bottom: 12px;font-size: 16px;border: 1px solid #aaaaaa;background-color: transparent;text-transform: uppercase;padding: 6px 31px;cursor: pointer;}
#langs-dialog .close:hover{color: #c90000;border-color: #c90000;}

#select-langs{width: 680px;height: 400px;background-color: #fff;box-shadow: 0 0 18px rgb(0, 0, 0, .25);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 20px 15px;}
#select-langs h3{font-size: 23px;font-weight: bold;color: #000;font-family: "Ebrima";border-bottom: 1px solid #e9e9e9;padding-bottom: 15px;margin-bottom: 30px;}
#select-langs > div{width: 235px;height: 195px;text-align: center;font-size: 17px;font-family: "Ebrima";padding-top: 130px;position: relative;}
#select-langs > div:first-of-type{float: left;margin-left: 33px;}
#select-langs > div::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;background: url('../../images/language_180.png') no-repeat 0 0;width: 180px;height: 120px;font-size: 240px;}
#select-langs > div:last-of-type{float: right;margin-right: 33px;}
#select-langs > div button{background-color: transparent;border: none;cursor: pointer;font-size: 14px;padding-bottom: 1px;border-bottom: 1px dashed #232323;}
#select-langs .close{position: absolute;left: 50%;transform: translateX(-50%);bottom: 23px;font-size: 16px;border: 1px solid #aaaaaa;background-color: transparent;text-transform: uppercase;padding: 6px 31px;cursor: pointer;}
#select-langs .close:hover{color: #c90000;border-color: #c90000;}

/*current language*/
#select-langs > div.en:before,#langs-dialog .right .current p.en:before{background-position: center -1em;}
#select-langs > div.uk:before,#langs-dialog .right .current p.uk:before{background-position: center -2em;}
#select-langs > div.de:before,#langs-dialog .right .current p.de:before{background-position: center -3em;}
#select-langs > div.fr:before,#langs-dialog .right .current p.fr:before{background-position: center -4em;}
#select-langs > div.ru:before,#langs-dialog .right .current p.ru:before{background-position: center -5em;}
#select-langs > div.es:before,#langs-dialog .right .current p.es:before{background-position: center -6em;}
#select-langs > div.pt:before,#langs-dialog .right .current p.pt:before{background-position: center -7em;}
#select-langs > div.jp:before,#langs-dialog .right .current p.jp:before{background-position: center -8em;}
#select-langs > div.gr:before,#langs-dialog .right .current p.gr:before{background-position: center -9em;}
#select-langs > div.it:before,#langs-dialog .right .current p.it:before{background-position: center -10em;}
#select-langs > div.kr:before,#langs-dialog .right .current p.kr:before{background-position: center -11em;}
#select-langs > div.ae:before,#langs-dialog .right .current p.ae:before{background-position: center -12em;}
#select-langs > div.tr:before,#langs-dialog .right .current p.tr:before{background-position: center -13em;}
#select-langs > div.pl:before,#langs-dialog .right .current p.pl:before{background-position: center -14em;}
#select-langs > div.fi:before,#langs-dialog .right .current p.fi:before{background-position: center -15em;}
#select-langs > div.in:before,#langs-dialog .right .current p.in:before{background-position: center -16em;}
#select-langs > div.gu:before,#langs-dialog .right .current p.gu:before{background-position: center -16em;}
#select-langs > div.kn:before,#langs-dialog .right .current p.kn:before{background-position: center -16em;}
#select-langs > div.mr:before,#langs-dialog .right .current p.mr:before{background-position: center -16em;}
#select-langs > div.ml:before,#langs-dialog .right .current p.ml:before{background-position: center -16em;}
#select-langs > div.te:before,#langs-dialog .right .current p.te:before{background-position: center -16em;}
#select-langs > div.ta:before,#langs-dialog .right .current p.ta:before{background-position: center -16em;}
#select-langs > div.vn:before,#langs-dialog .right .current p.vn:before{background-position: center -17em;}
#select-langs > div.th:before,#langs-dialog .right .current p.th:before{background-position: center -18em;}
#select-langs > div.nl:before,#langs-dialog .right .current p.nl:before{background-position: center -19em;}
#select-langs > div.ie:before,#langs-dialog .right .current p.ie:before{background-position: center -20em;}
#select-langs > div.ph:before,#langs-dialog .right .current p.ph:before{background-position: center -21em;}
#select-langs > div.cz:before,#langs-dialog .right .current p.cz:before{background-position: center -22em;}
#select-langs > div.my:before,#langs-dialog .right .current p.my:before{background-position: center -23em;}
#select-langs > div.fa:before,#langs-dialog .right .current p.fa:before{background-position: center -24em;}
#select-langs > div.hu:before,#langs-dialog .right .current p.hu:before{background-position: center -25em;}
#select-langs > div.hr:before,#langs-dialog .right .current p.hr:before{background-position: center -26em;}
#select-langs > div.sk:before,#langs-dialog .right .current p.sk:before{background-position: center -27em;}
#select-langs > div.si:before,#langs-dialog .right .current p.si:before{background-position: center -28em;}
#select-langs > div.no:before,#langs-dialog .right .current p.no:before{background-position: center -29em;}
#select-langs > div.iw:before,#langs-dialog .right .current p.iw:before{background-position: center -30em;}
#select-langs > div.dk:before,#langs-dialog .right .current p.dk:before{background-position: center -31em;}
#select-langs > div.ro:before,#langs-dialog .right .current p.ro:before{background-position: center -32em;}
#select-langs > div.se:before,#langs-dialog .right .current p.se:before{background-position: center -33em;}
#select-langs > div.bg:before,#langs-dialog .right .current p.bg:before{background-position: center -34em;}
#select-langs > div.al:before,#langs-dialog .right .current p.al:before{background-position: center -35em;}
#select-langs > div.et:before,#langs-dialog .right .current p.et:before{background-position: center -36em;}
#select-langs > div.az:before,#langs-dialog .right .current p.az:before{background-position: center -37em;}
#select-langs > div.ee:before,#langs-dialog .right .current p.ee:before{background-position: center -38em;}
#select-langs > div.eu:before,#langs-dialog .right .current p.eu:before{background-position: center -39em;}
#select-langs > div.by:before,#langs-dialog .right .current p.by:before{background-position: center -40em;}
#select-langs > div.is:before,#langs-dialog .right .current p.is:before{background-position: center -41em;}
#select-langs > div.ba:before,#langs-dialog .right .current p.ba:before{background-position: center -42em;}
#select-langs > div.za:before,#langs-dialog .right .current p.za:before{background-position: center -43em;}
#select-langs > div.xh:before,#langs-dialog .right .current p.xh:before{background-position: center -43em;}
#select-langs > div.zu:before,#langs-dialog .right .current p.zu:before{background-position: center -43em;}
#select-langs > div.kh:before,#langs-dialog .right .current p.kh:before{background-position: center -44em;}
#select-langs > div.kz:before,#langs-dialog .right .current p.kz:before{background-position: center -45em;}
#select-langs > div.ht:before,#langs-dialog .right .current p.ht:before{background-position: center -46em;}
#select-langs > div.ng:before,#langs-dialog .right .current p.ng:before{background-position: center -47em;}
#select-langs > div.ca:before,#langs-dialog .right .current p.ca:before{background-position: center -48em;}
#select-langs > div.iq:before,#langs-dialog .right .current p.iq:before{background-position: center -49em;}
#select-langs > div.lv:before,#langs-dialog .right .current p.lv:before{background-position: center -50em;}
#select-langs > div.la:before,#langs-dialog .right .current p.la:before{background-position: center -51em;}
#select-langs > div.lt:before,#langs-dialog .right .current p.lt:before{background-position: center -52em;}
#select-langs > div.mg:before,#langs-dialog .right .current p.mg:before{background-position: center -53em;}
#select-langs > div.nz:before,#langs-dialog .right .current p.nz:before{background-position: center -54em;}
#select-langs > div.mn:before,#langs-dialog .right .current p.mn:before{background-position: center -55em;}
#select-langs > div.bd:before,#langs-dialog .right .current p.bd:before{background-position: center -56em;}
#select-langs > div.mm:before,#langs-dialog .right .current p.mm:before{background-position: center -57em;}
#select-langs > div.np:before,#langs-dialog .right .current p.np:before{background-position: center -58em;}
#select-langs > div.af:before,#langs-dialog .right .current p.af:before{background-position: center -59em;}
#select-langs > div.mw:before,#langs-dialog .right .current p.mw:before{background-position: center -60em;}
#select-langs > div.lk:before,#langs-dialog .right .current p.lk:before{background-position: center -61em;}
#select-langs > div.tz:before,#langs-dialog .right .current p.tz:before{background-position: center -62em;}
#select-langs > div.tj:before,#langs-dialog .right .current p.tj:before{background-position: center -63em;}
#select-langs > div.pk:before,#langs-dialog .right .current p.pk:before{background-position: center -64em;}
#select-langs > div.ua:before,#langs-dialog .right .current p.ua:before{background-position: center -65em;}
#select-langs > div.uz:before,#langs-dialog .right .current p.uz:before{background-position: center -66em;}
#select-langs > div.ge:before,#langs-dialog .right .current p.ge:before{background-position: center -67em;}
#select-langs > div.rs:before,#langs-dialog .right .current p.rs:before{background-position: center -68em;}
#select-langs > div.id:before,#langs-dialog .right .current p.id:before{background-position: center -69em;}
#select-langs > div.kg:before,#langs-dialog .right .current p.kg:before{background-position: center -70em;}
#select-langs > div.lu:before,#langs-dialog .right .current p.lu:before{background-position: center -71em;}
#select-langs > div.mk:before,#langs-dialog .right .current p.mk:before{background-position: center -72em;}
#select-langs > div.ls:before,#langs-dialog .right .current p.ls:before{background-position: center -73em;}
#select-langs > div.ws:before,#langs-dialog .right .current p.ws:before{background-position: center -74em;}
#select-langs > div.sg:before,#langs-dialog .right .current p.sg:before{background-position: center -75em;}
#select-langs > div.gl:before,#langs-dialog .right .current p.gl:before{background-position: center -6em;}
#select-langs > div.co:before,#langs-dialog .right .current p.co:before{background-position: center -4em;}

/* footer */
footer{background-color: #191d2d;padding-top: 37px;padding-bottom: 30px;}
footer .logo{float: left;}
footer .logo img{height: 55px;}
footer .share{float: right;}
footer .share li{display: inline-block;margin-left: 33px;}
footer .share li a{color: #a0a2a9;font-size: 24px;line-height: 66px;border-radius: 5px;padding: 4px;}
footer .share li a:hover{color: #191d2d;background-color: #fff;}
footer .middle{padding-top: 30px;display: flex;justify-content: space-between;padding-bottom: 20px;}
footer .middle .left{width: 420px;color: #a0a2a9;line-height: 20px;margin-right: 124px;}
footer .middle .left form{width: 100%;height: 49px;border: 1px solid #696c76;display: flex;align-items: center;margin-top: 25px;padding-left: 15px;padding-right: 6px;}
footer .middle .left form input{flex: 1;height: 100%;background-color: transparent;outline: none;color: #fff;border: none;}
footer .middle .left form button{font-size: 15px;font-family: "Ebrima";font-weight: bold;text-transform: uppercase;border: 1px solid #f85700;background-color: transparent;color: #fff;padding: 8px 24px;cursor: pointer;transition: all .3s;}
footer .middle .left form button:hover{background-color: #f85700;}
footer .middle .right{flex: 1;display: flex;justify-content: space-between;}
footer .middle .right dl dt{color: #fff;font-size: 18px;font-weight: bold;padding-bottom: 20px;}
footer .middle .right dl dd{margin-bottom: 18px;}
footer .middle .right dl dd a{color: #a0a2a9;}
footer .middle .right dl dd a:hover{text-decoration: underline;color: #fff;}
footer .bottom{display: flex;justify-content: space-between;}
footer .bottom p{font-size: 13px;color: #a0a2a9;}
footer .bottom a{font-size: 13px;color: #fff;text-decoration: underline;}
footer .bottom a:hover{color: #f85700;}

#cookies{background:  url('../images/cookies-bg.jpg') no-repeat center, linear-gradient(to right, #393937, #222220);position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;}
#cookies .zhu{display: flex;justify-content: space-between;color: #fff;align-items: stretch;}
#cookies .zhu::after{content: none;}
#cookies .left{flex: 1;padding-top: 20px;padding-bottom: 14px;}
#cookies .left h2{font-size: 18px;font-weight: bold;padding-bottom: 8px;}
#cookies .left s{color: #d2d2d2;line-height: 20px;}
#cookies .right{display: flex;}
#cookies .right .btns{display: flex;align-items: center;}
#cookies .right button{background-color: transparent;border: none;color: #fff;margin-left: 1px;cursor: pointer;height: 100%;}
#cookies .right a.privacy{background-color: #5e1716;padding: 0 20px;display: flex;height: 100%;align-items: center;color: #fff;}
#cookies .right a.privacy:hover{text-decoration: underline;}
#cookies .right button.agree{background-color: #c90000;padding: 0 20px;}
#cookies .right button:hover{text-decoration: underline;}
#cookies .right button.icon-del{border: 1px solid #70706e;height: 32px;width: 32px;border-radius: 3px;margin-left: 13px;font-size: 20px;color: #9c9c9b;}
#cookies .right button.icon-del:hover{background: #c90000;color: #fff;border-color: #c90000;text-decoration: none;}

#joined{position: relative;width: 693px;height: 176px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 0 8px rgb(0, 0, 0, .25);z-index: 99;padding-left: 17px;display: none;}
#joined::before{content: '';position: absolute;right: 0;top: 0;width: 168px;height: 176px;background: url('../images/joined-bg.jpg') no-repeat center;}
#joined h2{font-size: 20px;font-weight: bold;padding-top: 44px;padding-bottom: 4px;}
#joined h3{font-size: 15px;color: #6b6b6b;}
#joined button{font-size: 16px;text-transform: uppercase;border: 1px solid #aaaaaa;background-color: transparent;padding: 6px 30px;margin-top: 30px;cursor: pointer;}
#joined button:hover{color: #c90000;border-color: #c90000;}

/* mianbaoxue */
.mianbaoxue{color: #898989;text-align: right;padding: 13px 0;}
.mianbaoxue a,.mianbaoxue span{color: #898989;font-size: 13px;}
.mianbaoxue a:after{content:"/";color: #A2A1A1;margin: 0 6px;}
.mianbaoxue a:hover{text-decoration: underline;color: #c90000;}

/* form */
.request-form{}
.request-form ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.request-form ul li{display: flex;align-items: center;border: 1px solid #dddddd;height: 52px;padding: 0 11px;margin-bottom: 18px;width: calc(100% / 2 - 7px);background-color: #fff;}
.request-form ul li.w100{width: 100%;}
.request-form ul li label{white-space: nowrap;color: #232323;font-size: 14px;display: flex;align-items: center;text-shadow: 0 0 0.5px;height: 100%;}
.request-form ul li label.require{position: relative;padding-right: 11px;}
.request-form ul li label.require::before{content: '*';position: absolute;right: 0;top: 60%;transform: translateY(-50%);color: #6b6b6b;font-size: 18px;font-weight: bold;}
.request-form ul li input{width: 100%;height: 100%;font-size: 14px;padding-left: 20px;outline: none;border: none;}
.request-form ul li select{width: 100%;height: 100%;outline: none;border: none;margin-left: 61px;background-color: #fff;}
.request-form ul li.mess{flex-direction: column;align-items: flex-start;height: 102px;}
.request-form ul li.mess label{line-height: 52px;width: 100%;}
.request-form ul li.mess textarea{width: 100%;height: 100%;outline: none;border: none;}
.request-form ul li.captcha{display: none;}
.request-form button{background-color: transparent;color: #c90000;border: 1px solid #c90000;padding: 11px 0;font-size: 17px;font-weight: bold;font-family: "Ebrima";margin-top: 10px;cursor: pointer;transition: all .3s;width: calc(50% - 7px);float: right;}
.request-form button:hover{background-color: #c90000;color: #fff;}

/* Related Products */
.relate-pro{}
.relate-pro ul li{width: calc(100% / 5 - 16px);margin-right: 16px;float: left;margin-bottom: 20px;height: 300px;}
.relate-pro ul li a{display: block;height: 100%;text-align: center;padding-bottom: 28px;overflow: hidden;border-radius: 8px;}
.relate-pro ul li .box{width: 117px;height: 117px;margin: 24px auto 25px;text-align: center;line-height: 117px;}
.relate-pro ul li .box img{transition: all .3s;max-width: 95%;vertical-align: middle;}
.relate-pro ul li s{font-family: "Ebrima";color: #333;font-size: 16px;overflow: hidden;padding-bottom: 18px;display: block;}
.relate-pro ul li h3{font-weight: bold;font-size: 16px;color: #333;line-height: 20px;overflow: hidden;margin: 0 auto 3px;max-width: 95%;text-align: center;}
.relate-pro ul li h4{font-size: 14px;color: #333333;line-height: 18px;overflow: hidden;padding: 2px 20px;}
.relate-pro ul li a:hover{background-color: #f9f9f9;}
.relate-pro ul li a:hover img{transform: scale(1.1);}
.relate-pro ul li a:hover h3{color: #c90000;}

/* .pro-list */
.pro-list .tableBer{overflow-x: auto;margin-top: -43px;}
.pro-list .tableBer::-webkit-scrollbar{display: none;}
.pro-list table{table-layout: fixed;width: 100%;border-collapse: collapse;border-spacing: 0;text-align: left;}
.pro-list table tr > *:nth-child(-n+6){position: sticky;z-index: 1;overflow: hidden;}
.pro-list table tr > *:nth-child(1){left: 0;}
.pro-list table tr > *:nth-child(2){left: 280px;}
.pro-list table tr > *:nth-child(3){left: 430px;}
.pro-list table tr > *:nth-child(4){left: 580px;}
.pro-list table tr > *:nth-child(5){left: 730px;}
.pro-list table tr > *:nth-child(6){left: 880px;width: 58px;}
.pro-list table th{background: #ffffff; font-size: 13px; color: #232323; height: 43px; font-weight: bold;width: 150px;box-sizing: border-box;border-top: 1px solid #e9e9e9;}
.pro-list table th:first-child{width: 280px;padding-left: 0;padding-left: 15px;}
.pro-list table th .compare{background: #ffffff; color: #171717; border: 1px solid #c4c4c4; padding: 6px 10px;}
.pro-list table td{border-bottom: 1px solid #dfdfdf;font-size: 13px;color: #6b6b6b;background-color: #fff;}
.pro-list table td:first-child a{display: flex;overflow: hidden;padding: 30px 15px;}
.pro-list table td:first-child a:hover{background-color: #f7f7f7;}
.pro-list table td img{float: left;width: 53px;}
.pro-list table td span{color: #212121;}
.pro-list table td .text{float: left; padding-left: 14px; padding-top: 10px;}
.pro-list table td .text s{font-size: 15px; color: #212121; line-height: 1; margin-bottom: 8px;display: block;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-list table td .text s i{color: #c90000;font-style: normal;}
.pro-list table td .text p{font-size: 14px; color: #757575; line-height: 1;}
.pro-list table td .pdf-icon:hover{color: #212121;}
.pro-list table td .pdf-icon:hover::before{background-color: #c90000;}
.pro-list table td .rfq{width: 87px; line-height: 28px; border: 1px solid #c90000; text-align: center; font-size: 14px; color: #c90000; display: block;text-decoration: none;cursor: pointer;}
.pro-list table tr .rfq:hover{background: #c90000; color: #ffffff;}
.pro-list table td .pdf{display: inline-block; width: 20px; height: 20px; background: url(../images/pdf.png) center no-repeat; background-size: cover;margin-right: 4px; vertical-align: -5px;}
.pro-list table td ul{}
.pro-list table td ul li{display: flex;}
.pro-list table td ul li span{flex: 3;font-size: 13px;color: #6b6b6b;text-shadow: 0 0 0.5px;}
.pro-list table td ul li span:first-child{text-align: right;flex: 1;color: #232323;}
.pro-list table td ul + a{margin-left: 20%;text-shadow: 0 0 0.5px;padding-top: 4px;display: inline-block;}
.pro-list table td.rohs{width: 34px;}
.pro-list table td.rohs::before{content: '';position: absolute;left: 2px;top: 50%;transform: translateY(-50%);width: 22px;height: 25px;background: url('../images/rohs.png') no-repeat 0 0;}
.pro-list table td.rohs.no::before{background-position-y: -25px;}
.pro-list table td:last-child{text-align: center;}
.pro-list table td:last-child label{position:absolute;width: 100%;height: 100%;left:0;top:0;cursor:pointer;}
.pro-list table tr:hover{background: #f1f4f5;}
.pro-list .tableBer-title {position: sticky;top: 0;left: 0;width: 100%;height: 43px;z-index: 2;overflow: hidden;border-bottom: 1px solid #6b6b6b;}
.pro-list .tableBer-title .box::-webkit-scrollbar{display: none;}
.pro-list .tableBer-scroll {position: sticky;top: 80px;left: 0;width: 100%;height: 50px;z-index: 2;overflow: hidden;}
.pro-list .tableBer-title .box {overflow-x: auto;}
.pro-list .tableBer-scroll {display: block;bottom: -37px;z-index: 9;top: auto;}
.pro-list .tableBer-scroll .box {overflow-x: auto;top: -47px;position: relative;}
.pro-list .tableBer-scroll .box table th{background-color: transparent;border: none;}

/* relate-parts */
.relate-part ul li{width: calc(100% / 6 - 10px);margin-right: 10px;float: left;position: relative;margin-bottom: 16px;}
.relate-part ul li:nth-child(6n+6){margin-right: 0;}
.relate-part ul li a{color: #6b6b6b;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relate-part ul li .dialog{position: absolute;left: 0;top: 16px;background-color: #fff;width: 261px;height: 55px;box-shadow: 0 0 8px rgb(0, 0, 0,0.25);z-index: 1;padding: 2px;display: none;}
.relate-part ul li .dialog .box{border: 1px solid #c90000;float: left;width: 51px;height: 51px;margin-right: 9px;text-align: center;line-height: 48px;overflow: hidden;}
.relate-part ul li .dialog .box img{vertical-align: middle;max-width: 90%;max-height: 90%;}
.relate-part ul li .dialog h3{font-weight: bold;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top: 6px;padding-bottom: 3px;}
.relate-part ul li .dialog h4{color: #6b6b6b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relate-part ul li a:hover + .dialog{display: block;}
.relate-part .index{display: flex;justify-content: space-between;padding-top: 30px;flex-wrap: wrap;}
.relate-part .index a{cursor: pointer;color: #6b6b6b;padding: 10px;}
.relate-part .index a:hover{color: #c90000;}

/* page */
.page{display: flex;align-items: center;}
.page a,.page s{height: 34px;line-height: 34px;text-align: center;font-size: 15px;color: #212121;margin-right: 18px;border-radius: 5px;padding: 0 10px;transition: all .3s;position: relative;}
.page s,.page a:hover{background-color: #c90000;color: #fff;}
.page > *:last-child{margin-right: 0;}
.page a.icon-left-open::before{margin-right: 10px;color: #aeaeae;}
.page a.icon-right{padding-right: 35px;}
.page a.icon-right::before{position: absolute;right: 10px;top: 54%;transform: translateY(-50%);color: #aeaeae;}
.page a:hover::before{color: #fff;transition: all .3s;}

.hot-parts,.letter{background-color: #EFF0F4;padding-bottom: 24px;}
.hot-parts h1,.letter h1{font-size: 25px;color: #000000;height: 70px;line-height: 70px;float: left;margin-right: 15px;}
.hot-parts .total,.letter .total {color: #838383;font-size: 14px;padding-top: 28px;}
.letter .parts-list{margin-bottom: 24px;}

.parts-list {background-color: #FFFFFF;padding: 18px 22px;}
.parts-list .list {clear: both;}
.parts-list .list li {border-bottom: 1px dotted #eee;}
.parts-list .list li:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.parts-list .list a {float: left;width: 226px;line-height: 16px;padding: 10px 7px;font-size: 14px;}
.parts-list .list a:hover {background-color: #c90000;color: #FFFFFF;}
.parts-list .page{justify-content: center;padding: 20px 0;}

/*letter*/
dl.letter-list {clear: both;background-color: #FFFFFF;padding: 8px 0;line-height: 36px;margin-bottom: 24px;}
dl.letter-list dt {float: left;padding: 0 14px;font-size: 16px;color: #000000;}
dl.letter-list dt:before {display: none;}
dl.letter-list dd {text-align: center;}
dl.letter-list dd a {text-decoration: none;display: inline-block;width: 36px;text-align: center;margin: 0 6px;cursor: pointer;font-size: 14px;}
dl.letter-list dd a:hover {background-color: #c90000;color: #FFFFFF;}

.light{animation: tips 2s;}
@keyframes tips
{
	0%{color: #c90000;}
	25%{color: #dcdcdc;}
	50%{color: #c90000;}
	75%{color: #dcdcdc;}
}

.errorTips{animation: error 2s;}
@keyframes error
{
	0%{border-color: #c90000;}
	25%{border-color: #dddddd;}
	50%{border-color: #c90000;}
	75%{border-color: #dddddd;}
}

@media screen and (max-width: 768px) 
{
    .zhu{width: auto;}
    /* header */
    header{position: sticky;top: 0;background-color: #fff;z-index: 11;}
    header .top{position: fixed;height: auto;background-color: #fff;width: 100%;top: 87px;display: none;}
    header .top .zhu{display: flex;flex-direction: column-reverse;box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.75);}
    header .top .nav{flex-direction: column;border-top: 1px solid #000;}
    header .top .nav li{margin: 0;border-bottom: 1px solid #a7a7a7;width: 100%;text-align: center;}
    header .top .nav li a{line-height: 40px;}
    header .top button{width: fit-content;line-height: 40px;margin: 0 auto;}
    header .top p{display: none;}
    header .content{height: auto;}
    header .content .zhu{flex-direction: column;align-items: flex-start;}
    header .content .logo{padding-left: 2%;height: 54px;line-height: 54px;}
    header .content .logo img{max-width: 255px;vertical-align: middle;}
    header .content .menu{position: absolute;right: 2%;top: 13px;background-color: transparent;border: none;font-size: 20px;display: block;}
    header .content .right{width: 100%;flex: none;}
    header .content .right #cates,header .content .right a{display: none;}
    header .content .right form{width: 100%;}

    /* #langs-dialog */
    #langs-dialog{top: 0;padding: 20px 2%;height: 100%;z-index: 12;}
    #langs-dialog .zhu{height: 100%;}
    #langs-dialog b{font-size: 20px;padding-bottom: 20px;}
    #langs-dialog .left{width: 100%;column-count: unset;height: 83%;overflow: auto;}
    #langs-dialog .right{display: none;}
    #langs-dialog .close{position: relative;right: auto;bottom: -50px;margin: 0 auto;display: block;}

    /* #cookies */
    #cookies .zhu{flex-wrap: wrap;padding: 2%;}
    #cookies .right{width: 100%;display: block;}
    #cookies .right .btns{flex-wrap: wrap;justify-content: center;}
    #cookies .right button{height: 32px;margin: 4px 0;}

    /* footer */
    footer{padding: 20px 2%;}
    footer .logo{float: unset;}
    footer .logo::before{margin: 0 auto;}
    footer .share{float: unset;display: flex;justify-content: space-around;padding-top: 10px;}
    footer .share li{margin: 0;}
    footer .middle{flex-wrap: wrap;padding-bottom: 30px;padding-top: 20px;}
    footer .middle .left{width: 100%;margin-right: 0;}
    footer .middle .right{flex-wrap: wrap;margin-top: 20px;}
    footer .middle .right dl{width: 100%;margin-bottom: 12px;}
    footer .middle .right dd{display: inline-block;margin-right: 20px;}
    footer .bottom{flex-wrap: wrap;}
    footer .bottom p{margin: 0 auto;}
    footer .bottom a{margin: 20px auto 0;}

    /* .mianbaoxue */
    .mianbaoxue{padding: 2% 0;}

    /* .request-form */
    .request-form{}
    .request-form ul{}
    .request-form ul li{width: 100%;}
    .request-form ul li select{margin-left: 20px;}
    .request-form button{float: unset;width: 100%;}

    /* pro-list */
    .pro-list .tableBer{width: 100%;}
    .pro-list .tableBer-title{border-bottom: none;}
    .pro-list table{border-collapse: collapse;border-top: 1px solid #dcdcdc;}
    .pro-list table tr{position: relative;}
    .pro-list table tr:first-child{display: none;}
    .pro-list table tr:nth-child(2) td{border-top: none;}
    .pro-list table td{width: 100%;float: left;padding: 5px 20px;padding-left: 40%;min-height: 26px;box-sizing: border-box;}
    .pro-list table td.rohs{width: 100%;}
    .pro-list table td .icon{float: unset;}
    .pro-list table td .text{width: 100%;padding-left: 0;}
    .pro-list table td:nth-child(1){position: absolute !important;left: 0;height: 100%;width: 30%;padding: 0;border-right: 1px solid #dcdcdc;padding: 10px;border-top: 1px solid #dcdcdc;}
    .pro-list table td:nth-child(1) a{white-space: normal;word-break: break-all;line-height: 1.2;margin-bottom: 10px;padding: 0;}
    .pro-list table td:nth-child(1) a.rfq{margin-top: 50px;}
    .pro-list table td:last-child{width: 100%;text-align: left;position: relative;z-index: 0;}
    .pro-list table td:last-child input{position: relative;top: 5px;}
    .pro-list table tr > *:nth-child(-n+6){position: static;}

    /* page */
    .page{flex-wrap: wrap;}

    /* relate-part */
    .relate-part ul li{width: 49%;margin-right: 2%;}
    .relate-part ul li:nth-child(2n+2){margin-right: 0;}

    .relate-pro ul li{width: 49%;margin-right: 1%;}
    .relate-pro ul li:nth-child(2n+2){margin-right: 0;}
}a:hover{color:#24bcb4 ;cursor:pointer;}
header .top .nav li a:hover,header .top .nav li.cut a,header .content .right #cates:hover,header .content .right #cates:hover::before,header .content .right #cates.act,header .content .right #cates.act::before,header .content .right form button:hover,#cates-dialog .content .list a:hover,#langs-dialog b,.mianbaoxue a:hover,.relate-pro ul li a:hover h3,.pro-list table td .text s i,.relate-part .index a:hover{color: #24bcb4;}
#cates-dialog,#langs-dialog,.pro-list table td .rfq,.relate-part ul li .dialog .box{border-color: #24bcb4;}
#cates-dialog .content .title a:hover,#langs-dialog .right .tip button:hover,#langs-dialog .close:hover,#select-langs .close:hover{color: #24bcb4;border-color: #24bcb4;}
#cookies .right button.agree,.request-form button:hover,.pro-list table td .pdf-icon:hover::before,.pro-list table tr .rfq:hover,.page s,.page a:hover,.parts-list .list a:hover,dl.letter-list dd a:hover{background-color: #24bcb4;}
#cookies .right button.icon-del:hover,#joined button:hover{background: #24bcb4;border-color: #24bcb4;}
.request-form button{color: #24bcb4;border: 1px solid #24bcb4;}
.feat-pro .content ul li a:hover h3,.feat-pro .tabs dl dd a:hover,.news .routine li a:hover h3,.rec-parts .part-list ul li:hover h3,.pro-list table td .rfq,.detail .title a:hover,.detail .specs .pdf-list ul li a:hover,.aus .who-are-we .right button:hover,.aus .history .list .slides>li:hover h4,.aus .quality .left h3,.aus .qus a,.aus .quality .left a,#quoteList td .icon-del:hover,.cus .ways dl:first-child a:hover,.cus .ways dl dd form button:hover,.cus .ways dl:last-child:hover a:hover,.sitemap dl dd a:hover,.categories .daohang .left ul li:hover,.maun-detail .part3 a:hover,.maun-detail .relate-news a:hover h3,.maun-detail .intro a:hover{color: #24bcb4 !important;}
.feat-manu .info > a:hover{border-color: #24bcb4 !important;color: #24bcb4 !important;}
.news .headline li:hover::before,.aus .app .zhu > a:hover,.aus .quality .left a,.aus .qus a,.maun-detail .part1 .right a:hover{border-color: #24bcb4 !important;}
.rec-parts .brand-list .slides>li:hover::before,.rec-parts .brand-list .slides>li.act::before{border-color: #24bcb4 !important;}
.part h2 s:hover, .part h2 s.act{color: #24bcb4 !important;border-bottom: 1px dashed #24bcb4 !important;}
.part .content ul li .dialog .box,.detail .tags .content ul li .dialog .box,.manu-list .content dd ul li a:hover{border-color: #24bcb4 !important;}
.part .content .index a:hover,.detail .title a:hover span::before,.detail .specs .pdf-list ul li a:hover span::before,.manu-list .content dd ul li a h3,.aus .manus ul li a h3,.aus .who-are-we .right button,.aus .quality .left a:hover,.aus .qus h2::before,.aus .qus a:hover,.quote .part1 .icon-plus:hover,.cus .ways dl:first-child a,.cus .ways dl dd form button,.maun-detail .part1 .right a:hover,.news-detail .share dl dd a:hover,#cookies .right a.privacy{background-color: #24bcb4 !important;}
.pro-list table tr .rfq:hover,.aus .qus a:hover,.aus .quality .left a:hover{color: #fff!important;}
.aus .who-are-we a:hover,.aus .history button:hover,.detail .purchase a:hover{border-color: #24bcb4 !important;}
.aus .who-are-we .right button:hover,.cus .ways dl:first-child a:hover,.cus .ways dl dd form button:hover{background-color: #fff !important;}
.aus .history button:hover::before{background-color: #24bcb4 !important;}
.aus .who-are-we .right button:hover::before{border-left: 8px solid #24bcb4 !important;}
footer .bottom a:hover{color: #24bcb4 !important;}
footer .middle .left form button{border: 1px solid #24bcb4 !important;}
footer .middle .left form button:hover{background-color: #24bcb4 !important;}
.banner .a10{padding-top: 76px !important;}
.banner .a10 h1{font-size: 38px;font-weight: bold;color: #fff;text-align: center;font-family: fantasy;padding-bottom: 5px;}
.banner .a10 .f_left{background: url('../images/bg1.jpg') no-repeat center;border-radius: 10px;}
.banner .a10 .f_right{background: url('../images/bg2.jpg') no-repeat center;border-radius: 10px;}