*{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.875rem;}
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.875rem;font-family: "helvetica","verdana","arial";}
h2,h3,h4,h5,h6{font-size:0.875rem;}
/*默认Select样式*/
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #E2E2E2;/*将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background-image: url("../images/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%;}
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:1px solid #DDDDDD;width: 400px;top: 50px;left: 50%;margin-left: -200px;background: #FFFFFF;z-index: 1000;}
header dl.lang-list dd.show{display:block;}
header dl.lang-list dd.hide{display:none;}
header dl.lang-list dd a,#GlobalLanguage header dl.lang-list dd h3{height: 50px;line-height: 50px;padding: 0 15px;font-size: 15px;color: #464646;border-bottom: 1px solid #D7D7D7;width: 192px;}
header dl.lang-list dd h3{border-bottom: 1px solid #D7D7D7;color: #464646;display: block;font-size: 15px;height: 50px;line-height: 50px;padding: 0 15px;position: relative;text-align: center;}
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 a{padding-left:30px;margin-left:4px;}
header dl.lang-list dd a:nth-child(2n){margin-left:0;}
header dl.lang-list dd a.active{background: url("data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAgAC4DAREAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAACAABBAUGCf/EABoBAQEAAwEBAAAAAAAAAAAAAAAGAgMEBQH/2gAMAwEAAhADEAAAAPfwhCHO6ucgT0Q4Ka/shyfPxDvw5N3UlwBpmDdVDbaTDSO/Ek3fR3NmLhqBc7EZ33J30l1ZD//EACoQAAICAgIBAgUEAwAAAAAAAAECAwUEBwYRCAAJEBMxUpEhIzJBEhUg/9oACAEBAAE/AP8Ajau1dc6O1xc7c25zLBoON8fwXzLi4s5xHDjQoCSzE/gAfqSQB61ZV+aXuOczn8jLnY3MdH6iNa0GseK1khxLi8hkkVv9vZKCHhMix/s4xI+XG/bhnkIiVg47U/Hde69YeO+sLjcO4eX4dJx6jw3yM/PzJlRVVQWIBYgE9A/gkkAE+tKaV2h7pOz6rzA8weJ5lHp+jzEzdP6ftIWR7Z1YNDeW8LAHrsB4MVx9ssoBEccSoEUIqjoeuSvs32atmZvOkzLflXi5yq3M90mVO+Vm6yzZ5O2mLuS0lW7n+bEnG/i5+T08PFOVcd5xx3D5bxK5x7GsscdZsLNxXDRzRt9CD63XuvWHjvrC43DuHl+HSceo8N8jPz8yZUVVUFiAWIBPQP4JJABPrSmlNn+6VtCq8wPMHieZR6fo8xM7T+n7WFke2dWDQ3lvC39dgPj4jj7ZZQGEcUSIqKEUdAfQD4XFNU8jqMqgv6vHzcHNx3gzMPKhEkU8TgqyOrdhlIJBB/Qg+jQbJ9mHYy5nCqm45T4s8mtEjlpsOKTLztZZkzhUESDt5at2IVf7xiQh/Z/waDSmldoe6Vs+q8wfMHieZR6fo8xM7T+n7SFke2dWDQ3lvCwB67AeDEcfbLKAwjjiRFRQijoD6AfH/8QALBEAAQEGBAQGAwAAAAAAAAAAAQMCBBEhMUEABSNCEBQyURITImGRwSCy8P/aAAgBAgEBPwD8FVk0Ey22YAfwAFSSaCpOCg/5y15nmNJMbfCZn4Mx3NKeCXrb4vDyk6pFtQy+SSaAC5Nhh2dlc1V5l56NrNofYO5rfQac1MBNXI1NIRRMoC3aHv8AvQ6k1EVU10gomYgzBGHh5SdUi2oZfJJNABcmww7O6uarcy8j0bRaH2DuO6g0+vg2wwowWWhEGRBoRhsK5IsVBNFozjY94m/ueuh1JqOzurmyvMPPRtZsR9g3O6g05qcf/8QALREBAAEDAgQEBAcAAAAAAAAAAQIDBBEhMQAGIzIFEBRDEhMgQSJCU2FigZL/2gAIAQMBAT8A+i5uqNnQatVwH9q7ABqq6AZVQOJ2njHNMvnFadvROxhJF/zIJDuyci4KWYDUq+d9fW/h1u1qzpsBqq7RibqugHFjY3PMdz66+MUjshnIjvrsid0vc7Y9HLXDgt7jlC4G3iytZIfCbjsY/n9j9XZ62GtbXFC7oRrUJEoyMibJxfX1v4dbtas6bAaqu0Ym6roBxYWNzzHc+uvjFI7IZyI767IndL3O2PRy1zTyq0qVelKnUiSjIwiZEdxOKpc8p3TWisrab+LLqL98v5/3Xq7S62GtY2NzzHc+uvjFI7IZyI767IndL3O2PRy1zTz/AP/Z") no-repeat 90% 50%;background-size: 23px 16px;}
header dl.lang-list dd a:hover{background: #EEEEEE none repeat scroll 0 0;font-weight:bold;}
#GlobalLanguage .btn{clear:both;padding:10px 0;}
#GlobalLanguage s.cannel{height:40px;line-height:40px;margin:0 15px;text-align:center;font-size:15px;color:#000000;display: block;border:1px solid #C6C6C6;border-radius:3px;background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff,#f0f0f0);background:-o-linear-gradient(top,#fff,#f0f0f0);text-decoration: none;}
#GlobalLanguage s.cannel:hover{background:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#f0f0f0));background:-moz-linear-gradient(top,#eee,#f0f0f0);background:-o-linear-gradient(top,#eee,#f0f0f0);}
/*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;}
header .search a{display:none;}
header .search input.textbox, header .search input.textbox_focus{width: 20rem;}
#nav_category{display: none;}
#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;}
/*home*/
#home{padding: 0 1%;}
#home .left{display:none;}
#home .right{width: auto;float:none;display:block;}
#home .right .recommend ul li{width:33%;}
#home .right .application{display: block;float: none;width: auto;}
#home .right .application ul li{padding-left: 1%;width: 49%;}
#home .right .popular{float: none;width: auto;}
#home .brands ul li{margin-right: 2%;width: 32%;}
#home .brands ul li:nth-child(5n){margin-right: 2%;}
#home .brands ul li:nth-child(3n){margin-right: 0;}
#home .brands ul li a{width: 100%;}
#home .brands ul li img{margin: 0 auto;}
#home .brands ul li span{display:none;}
#footer_menu{padding: 0.5rem 0;}
#footer_menu .wrap{padding: 0 1%;}
#footer_menu dl{margin-right: 4%;width: 19%;}
#footer_menu dl.about-us{width: 20%;}
#footer_menu dl.categories{width: 18%;}
#footer_menu dl dt{font-size: 0.875rem;}
#footer_menu dl.introduction{margin-right: 0;width: 31%;}
#footer_words{height: auto;line-height: 1.5rem;padding: 0.5rem 0;text-align: center;}
/*main*/
#main{padding-left:1%;padding-right:1%;width: auto;}
#navigation .position{padding-left: 0.5rem;}
/*brand list*/
#main .select-list li{min-height: 2.5rem;line-height: 2.5rem;margin: 0.2%;width: 24.6%;}
#main .select-list li::before{top:13px;}
#main .select-list li:after{top:16px;}
#main .words{border-bottom: 1px solid #DDDDDD;border-radius: 0;border-top: 1px solid #DDDDDD;padding: 0.5rem 0;}
#main .words a{border: 1px dotted #EEEEEE;margin: 0.5%;}
#main .brand-grid ul li{height: 140px;margin-right: 2%;position: relative;width: 32%;}
#main .brand-grid ul li:nth-child(5n){margin-right: 2%;}
#main .brand-grid ul li:nth-child(3n){margin-right: 0;}
#main .brand-grid ul li a{height: 40%;padding-top: 85px;width: 100%;}
#main .brand-grid ul li img{left: 50%;margin: 0 auto 0 -112px;position: absolute;top: 0;}
#main .brand-grid ul li span{background-color: #FFFFFF;border-top: 1px dotted #CCCCCC;color: #666666;display: block;float: none;margin:0 auto;top: 85px;width: 98%;}
#main .brand-grid ul li a:hover span{color: #666666;margin:0 auto;}
/*application*/
#main .application-list li{height:6.5rem;width:32.9%;}
#main .application-list li a{line-height:1rem;}
/*about us*/
#banner .page{background-size: auto 160px;height: 160px;}
#main .sider{width: 25%;}
#sBody{width: 74%;}
#main .sider dl.brands dd img{max-width: 100%;}
#sBody ul.gallery li{margin-left: 0.5%;width: 33%;}
#sBody ul.gallery li img{max-width: 100%;}
#main .sider dl.brands{display:none;}
/*contact us*/
#sBody .content .info{border-bottom: 1px solid #DDDDDD;margin-bottom: 10px;}
#sBody .content .contact-right{clear: none;float: left;margin: 0;padding: 0;width: 50%;}
#sBody .content .contact-right li{height: 4rem;padding-bottom: 0.5rem;padding-top: 0.5rem;width: 100%;}
#sBody .content ul.service{border: medium none;float: left;margin: 0;padding: 0 0 10px;width: 50%;}
#sBody .content ul.service li{display: block;float: none;height: 4rem;line-height: 28px;padding-bottom: 0.5rem;padding-top: 0.5rem;width: 100%;}
#sBody .content ul.service li a{line-height: 16px;}
#sBody .content h3.title{border-top: 1px solid #DDDDDD;clear: both;}
#sBody .rfq-complete{background-position: 0 center;background-size: 16% auto;padding-bottom: 1rem;padding-left: 20%;padding-top: 1rem;}
/*list*/
#main .standard{background-color: #FFFFFF;}
#main .standard dl{border-right: medium none;margin: 0;}
#main .standard dt{background-color: #EEEEEE;display: block;float: none;padding-left: 1rem;text-align: left;width: 100%;}
#main .standard dd{display: block;float: none;width: 100%;}
#main .standard dd a{margin-bottom: 0.2rem;margin-top: 0.2rem;padding: 0.2rem 0.5rem;}
#page .item{display: none;}
#page a.btn, #page span.btn{padding: 0.4rem 1rem;width: auto;}
/*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: 2rem;}
#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip{height: 6rem;}
/*details*/
#main .cover-sider{margin: 0 auto;position: static;width: 60%;}
.cover-sider .cover .outer-box{height: auto;margin: 0 auto;width: 80%;}
.rfq-btn{position: absolute;right: 1rem;top: -0.5rem;}
.rfq-btn a{margin: 0;padding: 0 1rem;}
.pic_list{display: none;}
.cover-sider .datasheet{display: none;}
#main .related-info{float: none;margin-bottom: 0.5rem;margin-top: 0.5rem;width: auto;}
#main .parameter{clear: both;float: none;margin: 0;padding-bottom: 1rem;padding-top: 0.5rem;width: auto;}
#main .parameter tr.mobile{display: table-row;}
#main .parameter h1{border-bottom: 1px solid #DDDDDD;}
#main .parameter .brand{top: 0.5rem;}
#main .parameter tr.pdf a{background-image: url("../images/pdf.png");background-position: 0 center;background-repeat: no-repeat;background-size: 1rem auto;display: block;height: 1.5rem;line-height: 1.5rem;margin: 0.5rem 0;padding-left: 1.2rem;}
#main .quick ul.form{float: left;width: 50%;}
#main .related-info ul.form:nth-child(9){clear: both;float: none;width: 100%;}
#main .related-info ul.form input.textbox, #main .related-info ul.form input.textbox_focus, #main .related-info ul.form input.textbox_error, #main .related-info ul.form input.textbox_tip{width: 80%;}
#main .related-info ul.form textarea.textbox, #main .related-info ul.form textarea.textbox_focus, #main .related-info ul.form textarea.textbox_error, #main .related-info ul.form textarea.textbox_tip{width: 90%;}
.hot-keywords li{width: 33%;}
#main .spec-rfq{display:none;}
#main .spec .rfq-btn{top: -4.5rem;}