@charset "utf-8";
*{tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
body{font-size: 0.75rem;}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin: 0;padding: 0;font-size: 0.75rem;font-family: "helvetica","verdana","arial";}
h2,h3,h4,h5,h6{font-size: 0.75rem;}
/*默认Select样式*/
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #E2E2E2;/*将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background-image: url("./select-sprite.png");background-position: right 0;background-repeat: no-repeat;background-size: auto 100%;border-radius: 0.2rem;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 1rem;padding-left:0.5rem;font-size:0.875rem;}
select option{font-family: arial;font-size: 0.875rem;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display: none;}
/*去除input默认样式*/
input{-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;border-radius: 0;}
body{}
.wrap{width: 100%;}
#homeSet{display:none!important;}
#toTop s{height: 3rem;right: 1rem;width: 3rem;}
#toTop s::before{line-height: 2.6rem;}
header .tip{padding-left: 0.5rem;}
header dl.lang-list{position: static;}
/*language*/
header dl.lang-list dd h3,header dl.lang-list dd .btn{display: block;}
header dl.lang-list dd{border-top:0px solid #DDDDDD;width: 580px;top: 96px;left: 50%;margin-left: -290px;z-index: 1000;}
header dl.lang-list dd.show{display: block;}
header dl.lang-list dd.hide{display: none;}
header dl.lang-list dd h3{font-size: 15px;}
header dl.lang-list dd h3 s:before{font-size: 1.2rem;height: 25px;line-height: 25px;position: absolute;right: -5px;text-decoration: none;top: -2px;width: 25px;}
header dl.lang-list dd li{border-bottom: 1px solid #333333;margin: 0 5px;position: relative;width: 170px;z-index: 13;}
header dl.lang-list dd li:nth-child(22),header dl.lang-list dd li:nth-child(23),header dl.lang-list dd li:nth-child(24){border-bottom:none;}
header dl.lang-list dd li.active:before{content: '\e828';color: #FFFFFF;font-family: "yunteam";font-size: 1rem;font-style: normal;font-weight: normal;margin-top: -1rem;position: absolute;right: 0.5rem;top: 50%;}
header dl.lang-list dd a{height: 32px;line-height: 32px;padding: 0 15px;font-size: 12px;padding-left: 32px;margin-left: 4px;}
header dl.lang-list dd a:nth-child(2n){margin-left: 0;}
header dl.lang-list dd a:hover{color: #ffa726;}
#GlobalLanguage .btn{clear: both;padding: 10px 0;position: relative;z-index: 14;}
#GlobalLanguage s.cannel{height: 40px;line-height: 40px;margin: 0 15px;text-align: center;font-size: 15px;background-color: #ffa726;color: #FFFFFF;display: block;border: 0px solid #444444;border-radius: 3px;text-decoration: none;}
#GlobalLanguage s.cannel:hover{background-color: #062f3c;border-color: #FFFFFF;cursor:pointer;}
/*header*/
header{height: auto;}
header a.logo{display: inline;float: left;clear: left;padding-bottom: 0.5rem;padding-left: 0.5rem;padding-top: 0.5rem;position: static;}
header a.logo img{max-height: 3rem;display: block;}
header .search{float: right;position: relative;top: 0.5rem;right: 1.5rem;}
header .search a{display: none;}
header .search input.textbox, header .search input.textbox_focus{width: 24rem;}
header .cart{display:none;}
/*scroll*/
body.scroll header a.logo img{max-height: 40px;}
body.scroll header .search{left: 0;}
/*nav category*/
#nav_category{display: none;}
/*nav*/
nav ul.clearfix>li>a{padding:0 20px;}
nav ul.clearfix ol{display:none!important;}
/*banner*/
#banner .wrap{font-size: 0.64rem;}
#banner ul.slides, #banner .slides li, #banner li .wrap{height: 260px;}
#banner .slides li{background-size: auto 100%;}
#banner li .image{height: 75%;}
#banner dd{font-size: 1.5em;}
#banner dl{font-size: 0.5rem;}
/*banner 1*/
#banner li.b1 h1,#banner li.b1 dl,#banner li.b1.active .tip,#banner li.b2.active h1,#banner li.b2.active .tip,#banner li.b2 ul,#banner li.b3.active h1,#banner li.b3.active .tip,#banner li.b3 dl{left:2%;}
#banner li.b1.active h1{top:10%;}
#banner li.b1 s{font-size:5rem;}
#banner li.b1 s:after{background-size:5rem auto;}
#banner li.b1.active .product{right:25%;}
#banner li.b1 .product{top:55%;}
/*banner2*/
#banner li.b2 li{font-size:25px;margin-top:0.5em;}
#banner li.b2 li a{height: 100%;}
/*banner3*/
#banner li.b3.active dl{top:33%;width: 100%;}
#banner li.b3 dd{background-size: 5.2rem auto;font-size: 14px;margin-top: 0;width:33%;}
/*home*/
#home{padding-top: 0.2rem;}
/*home recommend*/
#home .recommend{width: 70%;}
#home .recommend ul.tab li{width: 25%;font-size: 0.75rem;}
#home .recommend .slides{width:1000%;}
#home .recommend .slides li{width:10%;}
#home .recommend .slides s{width: 25%;}
/*home service*/
#home .service{width: 29%;height: 526px;}
#home .service ul li{line-height: 32px;background-position: 0 9px;}
#home .service .rfq{line-height: 1.5rem;}
#home .service .rfq strong{padding-bottom: 0.5rem;}
#home .service a.email{margin-top: 2rem;}
/*home products*/
#home .featured{float: none;width: auto;display: block;}
/*home newest*/
#home .newest{width: 45%;float: right;margin-top: 0;background-color: transparent;}
/*home news*/
#home .news{clear: none;float: left;width: 54%;}
#home .newest h3{border-bottom: 1px solid #6D6D6D;color: #181E24;font-size: 1.5rem;font-weight: bold;height: 44px;line-height: 44px;background-color: transparent;padding-left: 0;}
#home .newest h3 s{border-bottom: 2px solid #DB3E00;float: left;height: 43px;padding: 0 0.5rem;text-decoration: none;}
#home .news .headline{float: none;display: block;width: auto;padding-left: 2%;}
#home .news .headline dd.text a.view{display: inline;}
#home .news ul.list{width: auto;float: none;display: block;padding-left: 2%;}
/*home brand*/
.home_brand ul li{width: 16.45%;margin: 0.1%;}
.home_brand ul li a{width: 100%;}
.home_brand ul li s{font-size: 0.75rem;}
.home_brand li:hover:before,.home_brand li:hover s{top:2.7rem;}
/*footer service*/
#footer_service ul li{width: 47%;}
#footer_service ul li:nth-child(2n){margin-right: 0;}
#footer_service ul li h3{padding-left: 8rem;height: 5rem;}
#footer_service ul li::before{background-size: auto 6rem;height: 5rem;width: 6rem;left: 2rem !important;}
#footer_service ul li:nth-child(1)::before{left: 1.2rem !important;}
#footer_service ul li:nth-child(2)::before{background-position: -6rem 0;left: 2.3rem !important;}
#footer_service ul li:nth-child(3)::before{background-position: -12rem 0;}
#footer_service ul li:nth-child(4)::before{left: 0.5rem;background-position: -18rem 0;}
/*footer*/
#footer .wrap{background-position: 1rem 1rem;background-size: 40% auto;}
#footer .icon{background-position: center 0;background-size: 80% auto;width: 40%;}
#footer dl{margin-right: 1%;width: 26% !important;}
/*page*/
#main h1{float:none;display:block;}
#page{float:none;display:block;text-align:left;}
#page label{float:right;}
#page > span,#page > font,#page > a.item,#page > a.btn{padding: 6px 12px;}
/*main*/
#main{padding-left: 1%;padding-right: 1%;width: auto;}
#position{padding:0 1%;}
/*about us*/
body.about-us #nav li a{padding:0 10px;}
body.about-us .wrap{width:98%;}
.aboutus-top{background-size: auto 300px;height: 300px;}
body.about-us header a.logo img{max-height:40px;}
body.about-us .text{padding: 0 10px;}
body.about-us #aboutus-brand ul li{margin:5px 1%;width: 23%;}
body.about-us #aboutus-brand ul li a{width: 100%;}
body.about-us .whyus{width: 100%;}
body.about-us .whyus > li{}
body.about-us .whyus > li h3{padding-top:35px;}
body.about-us .whyus > li img{max-width:50%;}
body.about-us .contactus .contactway{padding-left:2%;width:48%;}
body.about-us .contactus .rfq{padding-top:40px;}
/*category*/
#quick-menu{display:none;}
#main .category{width:auto;float:none;}
/*products*/
.result-info{padding: 15px 5px 10px;}
.result-info dl.parts,.result-info dl.mfg{display: block;float: none;width: auto;clear:both;padding: 0 10px;}
.result-info dl.mfg{border-top: 1px solid #DDDDDD;margin-top: 15px;padding-top: 10px;}
#main .products .items a.cover{margin-right:1%;}
#main .products .items a.cover img{max-width:100%;}
#main ul.parameters{width:65%;}
#main ul.parameters li{float:none;clear:both;width:auto;display: block;}
#main ul.parameters li:nth-child(3){border-bottom: 1px dotted #BFBFBF;}
#main .products .items .btn{width:20%;padding-top: 1.5rem;}
#main .products .items .btn a{font-size: 1rem;padding: 10px 30px;}
#main .products .items .btn a::before{content: "\e816";font-family: yunteam;font-size: 1.2rem;font-weight: normal;margin-right: 6px;}
/*mfg*/
#main .words::before{display:none;}
#main .words{border-bottom:1px solid #E0E0E0;}
#main .brand-list ul li,#main .brand-list ul li:nth-child(6n){width:187px;}
/*mfg details*/
#main .manufacturer .cover{width:30%;}
#main .manufacturer .cover img{max-width:100%;}
#main .manufacturer .introduction{width: 66%;}
#main .manufacturer .introduction .link{left: 32%;}
#main .manufacturer .introduction .link a{background-color: #ffa726;color: #FFFFFF;border: 0px solid #DDDDDD;border-radius: 0.2rem;padding: 0.5rem 1rem;text-decoration: none;}
#main .manufacturer .introduction .link a:hover{background-color: #062f3c;color: #FFFFFF;}
#main ul.manufacturer-news{column-count: auto;-webkit-column-count: auto;-webkit-column-gap: 0;-moz-column-count: auto;-moz-column-gap: 0;}
/*article*/
#article{width:auto;}
#article h1{margin-left:1%;}
#article .sider{width: 25%;}
#sBody{width: 74%;}
#article .sider dl.brands dd img{max-width: 100%;}
#article .sider dl.brands a.view{display:none;}
/*contact us*/
#article .content .info{padding-left:0.5rem;}
#article .content .contact-right li{width:33%;font-size: 0.875rem;line-height: 1rem;padding-left: 7.5%;padding-top: 2rem;}
#article .content .contact-right li:nth-child(2){width:34%;}
#article .content .contact-right li:before{width: 3rem;height: 3rem;line-height: 3rem;font-size: 2rem;margin-top: -1.5rem;left: 0rem;}
#article .message ul.form{width: 45%;}
#article .message ul.form:nth-child(2){width: 55%;}
ul.form input.textbox, ul.form input.textbox_focus, ul.form input.textbox_error, ul.form input.textbox_tip{width: 98%;}
ul.form textarea.textbox, ul.form textarea.textbox_focus, ul.form textarea.textbox_error, ul.form textarea.textbox_tip{height: 9.5rem;width: 100%;}
ul.form li b{height:1rem;}
ul.form-contact input.textbox, ul.form input.textbox_focus, ul.form input.textbox_error, ul.form input.textbox_tip{width: 98%;}
ul.form-contact textarea.textbox, ul.form textarea.textbox_focus, ul.form textarea.textbox_error, ul.form textarea.textbox_tip{height: 9.5rem;width: 100%;}
ul.form-contact li b{height:1rem;}
/*rfq*/
#main ul.process{width: auto;}
#main ul.process::before{left: 10%;width: 80%;}
#main ul.process li{padding: 13% 2% 0;width: 20%;}
#main ul.process li::before{height: 5rem;margin-left: -2.5rem;top: 0.25rem;width: 5rem;}
#main ul.process li::after{height: 5.4rem;margin-left: -2.75rem;width: 5.4rem;}
#partsList th{padding-left: 0.5rem;}
ul.form li{min-height: 2.5rem;}
#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip{height: 9.5rem;}
/*product details*/
#main .parts-images{width:25%;min-height: 556px;}
#main .summary{width:75%;}
#main .summary .product-form dd{margin-right:60px;}
ul.product_tab li:last-child{display:none;}
#main .summary ul.form li b{left:2px;height:1rem;}
.product-details .keywords s{width:49.5%;}
.product-details .keywords s:nth-child(2n){border-right: 1px dotted #DDDDDD;}
.product-details .keywords s:nth-child(3), .product-details .keywords s:nth-child(4){border-top:none;}
/*application*/
#main ul.application{padding-top: 10px;text-align: center;}
#main .application_dock ul.dock li{font-size: 12px;height: 4rem;width: 3.2rem;}
#main .application_dock ul.dock li::after{height:3rem;width:3rem;}
#main .application_dock ul.dock li:hover{font-size:16px;}
#main ul.application li{border-bottom: 1px solid #CCCCCC;display: block;float: none;margin: 0 1% 10px;padding-bottom: 10px;text-align: left;width: auto;}
#main ul.application li:nth-child(2n){margin-right: 0;}
#main ul.application li::before, #main ul.application li h3{left: 0;max-width: 360px;top: 0;width: 100%;}
#main ul.application li img{float: left;}
#main ul.application li .menu{left: 370px!important;;top: 0!important;;width: 100%;}
#main ul.application li .menu::before{display:none;}
#main ul.application li .menu a{color:#333333;}
#main ul.application li .menu a:hover{background-color:#2b82ad;color:#FFFFFF;}
#main .application-newest li,#main .application-newest li:nth-child(5n){margin: 0 0.5% 1rem 1%!important;width: 48%;}
#main .application-newest li:nth-child(2n){margin-left:0.5%;}
#main .application-newest li p{padding-top:10px;height:auto;}
#main .application-newest li:hover{border: none;border: 2px solid #2b82ad;}
@media screen and (max-width: 768px){#main .parts-images{width:100%;float:none;display:block;min-height: auto;}
#main .summary{width:100%;float:none;display:block;}
#main .summary .info,#main .summary table.price{float:none;width:100%;}
#main .summary table.price{margin-top:0.3rem;}
#main .summary .info th{width:35%;}
#main .parts-images .tip s br{display:none;}
#main ul.related-news{column-count: auto;-webkit-column-count: auto;-moz-column-count: auto;}
#tab_2{padding:0 0.5rem;}
#banner li.b1.active .product{right: 5%;}
#banner li.b2 li{height: 1.8em;}
#banner li.b2 li img{margin-top: 0.3em;}
#banner li.b2 li:nth-child(18) img{margin-top: 0.5em;}
/*其它语言*/
body.lang-es nav ul.clearfix > li > a, body.lang-pt nav ul.clearfix > li > a{padding: 0 21px;}
}