*{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;}
html{background-color: #EEEEEE;}
body{background-color: #FFFFFF;}
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";}
body{font-size: 0.875rem;margin: 0 auto;}
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;}
.wrap{width: 100%;}
#homeSet{display:none;}
#toTop{border-radius: 50%;right: 0.5rem;width:2.5rem;height:2.5rem;background-position: 0 -2.5rem;background-size: 2.5rem auto;}
/*header*/
header{height: auto;padding: 5px 0;}
header .top{background: transparent;padding: 0;position: absolute;}
header .website,header dl.lang-list,header .jump,header .cart{display: none;}
header a.logo{position: unset;display: inline-block;margin-top: 0;}
header a.logo img{width: 200px;}
header .icon-th-list{display: block;background-color: transparent;border: none;font-size: 20px;position: absolute;right: 8px;top: 10px;}
header .icon-lang-list{display: block;background-color: transparent;font-size: 13px;position: absolute;right: 48px;top: 10px;border: 1px solid #BFBFBF;border-radius: 3px;width: 22px;height: 22px;font-weight: bold;}
header .search{position: unset;width: 100%;margin: 0;}
header .search form{float: unset;display: flex;}
header .search input.textbox{width: 100%;}
header .search button{flex-shrink: 0;height: 34px;box-sizing: border-box;}
header .nav{left: 0;display: flex;flex-direction: column;z-index: 9999;height: auto;top: 0;background-color: #2D3041;width: 50%;height: 100%;position: fixed;display: none;margin: 0;}
header .nav li{margin-right: 0;border-bottom: 1px solid #FFFFFF;}
header .nav a{color: #FFFFFF;height: 41px;line-height: 41px;padding-left: 8px;}
#GlobalLanguage{width: 98%;padding: 20px 10px;top: 20px;}
#GlobalLanguage ul{height: 300px;overflow: auto;}
#GlobalLanguage ul li{width: calc(100% / 2 - 10px);margin-right: 10px;height: auto;}
#GlobalLanguage ul li:nth-child(5n+5){margin-right: 10px;}
/*nav*/
nav ul{display: block;float: none;}
nav ul::before{content: "LCDs-Pancel.com";display: block;font-weight: bold;line-height: 2rem;text-align: center;}
nav ul li{display: block;float: none;position: relative;}
nav ul li::before{content: "\e81d";font-family: "yunteam";font-size: 1rem;height: 1rem;left: 0.5rem;margin-top: -0.6rem;position: absolute;text-align: center;top: 50%;width: 1rem;}
nav ul li:nth-child(2):before{content:"\e827";}
nav ul li:nth-child(3):before{content:"\e826";}
nav ul li:nth-child(4):before{content:"\e825";}
nav ul li:nth-child(5):before{content:"\e801";}
nav ul li:nth-child(6):before{content:"\e820";}
nav ul li:nth-child(7):before{content:"\e815";}
nav ul.clearfix li a{color: #FFFFFF;line-height: 2.6rem;margin: 0;padding: 0 0 0 2rem;text-align: left;}
nav ul.clearfix li a.active{background-color: #FF7200;border: medium none;height: auto;}
nav ul.clearfix li:hover a{color:#FFFFFF;}
/*home*/
#banner li h1{font-size: 2em;}
#banner li .tip{font-size: 1.1em;}
#home .manu{padding: 20px 8px;}
#home .manu ul{display: flex;justify-content: space-between;}
#home .manu ul li{width: calc(100% / 2 - 10px);margin-right: 0;}
#home .selling{padding: 20px 8px;}
#home .selling .left{margin-right: 0;}
#home .selling .left .select-box{left: 0;top: 42px;}
#home .selling .left .content{overflow: hidden;padding-top: 55px;}
#home .selling .left .content ul li{width: calc(50%);margin-right: 0;}
#home .selling .right{display: none;}
#home .big{padding: 40px 8px;}
#home .big .content{overflow: unset;flex-wrap: wrap;}
#home .big .content li{margin-bottom: 12px;}
#home .news{padding: 20px 8px;}
#home .news ul li .img-box{margin-right: 0;margin-bottom: 12px;}
#home .news ul li{width: 100%;flex-wrap: wrap;margin-bottom: 20px;}
#home .part{padding: 40px 8px;}
#home .part .index ul li{margin-bottom: 12px;}
#home .part .content ul li{width: calc(100% / 2 - 8px);}
#home .contact{padding: 0 8px;}
#home .contact .left{width:auto;}
#home .contact .right{width: 100%;height: auto;margin-top: 20px;}
#home .contact .right ul li{width: 100%;margin-right: 0;}
#home .ser ul{flex-wrap: wrap;}
#home .ser ul li{width: calc(100% / 2 - 10px);min-height: 206px;margin-bottom: 18px;}
/*footer*/
#footer{padding: 50px 8px;}
#footer .left{width: 100%;margin-right: 0;max-width: unset;margin-bottom: 30px;}
#footer .middle .item{width: 100%;margin-bottom: 24px;}
#footer .middle .item ul li{float: left;margin-right: 20px;line-height: 33px;}
#footer .right{width: 100%;}
#footer .copyright{flex-wrap: wrap;}
#footer .copyright span{display: inline-block;margin-bottom: 4px;}
/*page*/
#main h1{float:none;display:block;font-size: 1rem;height: auto;line-height: 1.2rem;padding: 0.5rem;text-align: center;}
#main h1 b{left: 0;position: absolute;top: 10.5rem;}
#page{display: block;float: none;margin-top: 0;text-align: right;}
#page label{display: none;}
#page a.item{display: none;}
#page span,#page a.btn{padding: 5px 20px;}
/*about us*/
body.aboutus nav{display:block;}
body.aboutus ul#nav{display:none;}
body.aboutus header .search{display:block;}
.aboutus-banner{display:none;}
.aboutus .text{padding: 0 2%;}
.aboutus .category > li{background-color: #EEE!important;border: 1px solid #FFFFFF;width: 50%;}
.aboutus .category > li:nth-child(1),.aboutus .category > li:nth-child(2),.aboutus .category > li:nth-child(5),.aboutus .category > li:nth-child(6){background-color: #f8f8fa!important;}
#aboutus-brand ul li{margin: 5px 1%;width: 48%;}
#aboutus-brand ul li a{width: 100%;}
#aboutus-brand ul li img{max-height: 100%;}
.whyus{width: 100%;}
.whyus > li img{display: block!important;float: none!important;max-width: 100%;margin:0 auto!important;}
.whyus > li:nth-child(2n+1){background-color: #F6F6F6;}
.whyus > li{padding-left: 2% !important;padding-right: 2% !important;}
.whyus h3{padding-top: 1rem;}
.contactus{padding: 10px 0;}
.contactus .contactway{display: block;float: none;width: auto;}
.contactus .contactway > h3{line-height: 2rem;padding: 0;position: relative;text-align: center;}
.contactus .contactway > h3::before{background-color: #F91B24;bottom: 0;content: "";display: block;height: 2px;left: 32%;position: absolute;width: 36%;}
.contactus .rfq{border-top: 1px solid #DDDDDD;display: block;float: none;padding-bottom: 15px;width: auto;}
#position{padding:0 1%;}
#quick-menu{display: none;}
#main .category{border: medium none;width: auto;}
#main .category h2{display: none;}
#main .category .item h3{background-color: #E6E6E6;border: medium none;color: #151A1D;display: block;float: none;font-size: 18px;line-height: 1.5rem;width: auto;padding: 0.5rem 0.3rem;}
#main .category .item ul{float: none;width: auto;-webkit-column-count: 1;-webkit-column-gap: 0;-moz-column-count: 1;-moz-column-gap: 0;padding-top: 0.5rem;}
#main .category .item ul li{padding-bottom: 0.3rem;padding-left: 0.5rem;padding-top: 0.3rem;}
#main .category .item ul li a{font-size: 1rem;line-height: 1.2rem;}
#news li{padding: 0 8px;}
#news li .text{display: flex;}
/*big class*/
#main .bigClass h2{display:block;}
/*product list*/
#main .result-info{padding: 0.5rem;}
.result-info dl.parts,.result-info dl.mfg{display: block;float: none;width: auto;}
.result-info dl.mfg{border-top: 1px solid #DDDDDD;margin-top: 15px;padding-top: 10px;}
.result-info dl.mfg dd{float: none;height: auto;line-height: 1.2rem;width: auto;}
.result-info dl.mfg dd div{display:none;}
#main .result-info dt{width: 25%;}
#main .result-info dt img{max-width:100%;}
#main .products{border-left: medium none;border-right: medium none;}
#main .products .items{background-color: #FFFFFF;position: relative;border-color: #BFBFBF;}
#main .products .items img{max-height: 100%;max-width: 100%;}
#main .products .items a.cover{margin-right: 0.5rem;width: 20%;}
#main ul.parameters{width: 77%;}
#main ul.parameters li{display: block;float: none;height: auto;line-height: 1.2rem;padding: 0.5rem 0.3rem;width: auto;}
#main ul.parameters li:nth-child(3){border-bottom: 1px dotted #BFBFBF;}
#main ul.parameters li s a{color: #7F7F7F;}
#main .products .items .btn{bottom: 0.2rem;clear: both;float: none;left: 0;position: absolute;width: 22%;}
#main .products .items .btn s{line-height: 1.5rem;}
#main .products .items .btn a{display: block;font-size: 0.875rem;margin: 0 0.2rem;padding: 0.3rem 0;}
#main .products .items .btn a::before{content: "\e816";font-family: yunteam;font-size: 1rem;font-weight: normal;margin-right: 6px;}
/*mfg*/
#main h1 .choose{display: block;float: none;padding-bottom: 0.5rem;text-align: center;}
#main h1 .choose a{background-color: #FFFFFF;border: 1px solid #E0E0E0;display: inline-block;float: none;padding: 0.3rem 0.5rem 0.3rem 2rem;}
#main h1 .choose a:before{left: 0.3rem;}
#main .words::before{display:none;}
#main .words{background-color: #FFFFFF;border-bottom: 1px solid #E0E0E0;border-top: 1px solid #E0E0E0;padding: 1rem 0;margin-top: 0;}
#main .words a{border: 1px solid #E0E0E0;margin: 0.3rem 0.4rem;}
#main .brand-list{padding: 0 8px;}
#main .brand-list ul li,#main .brand-list ul li:nth-child(6n){width:50%;background-color: #FFFFFF;}
#main .brand-list h3{background-color: #EEEEEE;text-align: center;}
/*mfg details*/
#main .manufacturer{background-position: right 0;background-size: auto 100%;border-bottom: 1px solid #E0E0E0;border-top: 1px solid #E0E0E0;margin: 0;padding-top: 10px;}
#main .manufacturer .cover{display: block;float: none;margin: 0 auto;width: 50%;}
#main .manufacturer .cover img{max-width:100%;}
#main .manufacturer .introduction{float: none;padding: 0.5rem 2% 1rem;width: auto;}
#main .manufacturer .introduction h2{text-align: center;}
#main .manufacturer .introduction .link{height: 2.5rem;position: static;text-align: center;padding-top: 1rem;}
#main .manufacturer .introduction .link a{background-color: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 0.2rem;padding: 0.5rem 1rem;text-decoration: none;}
#main .manufacturer-category dl{float: none;margin-right: 0;width: auto;}
#main .manufacturer-category dl:nth-child(2){margin-top:0.5rem;}
#main ul.manufacturer-news{-webkit-column-count: 1;-webkit-column-gap: 0;-moz-column-count: 1;-moz-column-gap: 0;}
/*article*/
#article{}
#article h1{margin-left:1%;display: block;}
#article .content,#article .message{background-color:#FFFFFF;}
#article .content img{width: 100%;}
#article .sider{display: none;}
#article .sider dl.brands{display: none;}
#sBody{float: none;width: auto;}
/*contact us*/
#article .content .info{padding-left:0.5rem;}
#article .content .contact-right li{border-bottom: 1px solid #CACACA;float: none;line-height: 1rem;padding-left: 32%;padding-top: 2rem;width: auto;}
#article .content .contact-right li:before{left: 5%;}
#article .message ul.form,#article .message ul.form:nth-child(2){float: none;width: auto;}
#article .message .submit{padding-top: 10px;text-align:center;}
ul.form input.textbox,ul.form input.textbox_focus,ul.form input.textbox_error,ul.form input.textbox_tip{height: 2.2rem;line-height: 2.2rem;width: 100%;}
ul.form textarea.textbox,ul.form textarea.textbox_focus,ul.form textarea.textbox_error,ul.form textarea.textbox_tip{max-width: 100%;width: 100%;}
ul.form li s::before{top: 0.25rem;}
ul.form li b{height:1rem;}
/*rfq*/
#main ul.process{display: none;}
#main .tip{margin-top: 0;}
#partsList th{display: none;}
#partsList td{position: relative;display: block;height: auto;margin: 0.5rem 0;padding: 0 1% 0 10%;width: auto;}
#partsList td.action{border-bottom: 1px dotted #DDDDDD;border-top: 1px dotted #DDDDDD;padding: 0 1%;}
#partsList td s{display: block;left: 11%;position: absolute;text-decoration: none;top: 0.4rem;}
#partsList td span{display: block;background-color: #EEEEEE;border-radius: 50%;font-size: 1.2rem;height: 1.8rem;top: 0;left: 5%;line-height: 1.8rem;margin-left: -0.9rem;position: absolute;text-align: center;text-decoration: none;width: 1.8rem;}
#partsList td:nth-child(1) input,#partsList td:nth-child(2) input{padding-left: 3rem;}
#partsList td:nth-child(3) input{padding-left: 5.2rem;}
#partsList td:nth-child(4) input{padding-left: 2.3rem;}
#partsList td:nth-child(5) input{padding-left: 8rem;}
#partsList td input{position: relative;width: 100%;z-index: 2;}
#partsList td a.btn{display: block;font-size: 1.5rem;height: 2rem;line-height: 2rem;width: 10%;}
#partsList td a.btn:before{padding:0;}
#partsList td.add-btn{height: 2rem;padding: 0 1%;}
#partsList td.add-btn a{display: block;height: 2rem;line-height: 2rem;padding: 0;}
#main .form-box .submit{text-align: center;}
h4.title{font-size: 1rem;}
#main .form-box ul.left{display: block;float: none;width: auto;}
#main .form-box ul.right{display: block;float: none;width: auto;}
ul.form li{min-height: 2.8rem;}
#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;}
#main .form-box #Company,#main .form-box #Address,#main .form-box textarea.textbox,#main .form-box textarea.textbox_focus,#main .form-box textarea.textbox_error,#main .form-box textarea.textbox_tip,#main .form-box input.textbox,#main .form-box input.textbox_focus,#main .form-box input.textbox_tip,#main .form-box input.textbox_error{max-width: 100%;width: 100%;}
/*product details*/
#main .top{flex-wrap: wrap;}
#main .parts-images{background-color: #FFFFFF;display: block;float: none;min-height: auto;width: calc(100% - 16px);margin: 10px auto;}
#main .parts-images h3{padding-left: 1rem;text-align: left;}
#main .parts-images .mfg-logo{right: 10px;top: 5px;}
#main .parts-images ul.slides{padding-top:1rem;min-height: 220px;}
#main .parts-images .tip s br{display:none;}
#main .parts-images .btns{position: unset;}
#main .parts-images .btns > a{width: 80px;}
#main .summary{width: 100%;padding: 20px 8px;}
#main .summary h1{padding: 0;text-align: left;margin-bottom: 8px;}
#main .summary .info table{width: 100%;}
#main .summary .info table th{min-width: unset;}
#main .summary .prices .table-box{width: 100%;overflow-x: auto;}
#main .summary .prices .table-box table th{max-width: 100%;white-space: nowrap;}
#main .form{height: auto;margin: 20px 0;width: 100%;}
#main .spec{padding: 30px 8px;}
#main .spec table{width: 100%;}
#main .spec table th{width: 50%;}
#main .spec table:last-of-type tr:first-child{display: none;margin: 0;}
#main .comparison{padding: 50px 8px;}
#main .comparison .table-box{width: 100%;overflow-x: auto;}
#main .comparison table th{padding: 4px;}
#main .comparison table th.title{background-color: #2D3041 !important;white-space: nowrap;padding: 0 10px;font-size: 14px;border-top: none;}
#main .comparison table td:first-child,#main .comparison table th:first-child{position: sticky;left: 0;z-index: 2;border: 1px solid #BFBFBF;background-color: #FFFFFF;}
#main .comparison table td{border: 1px solid #BFBFBF;}
#main .rec-pro ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#main .rec-pro ul li{width: calc(100% / 2 - 10px);margin-right: 0;}
#main .sheet-pdf{padding: 20px 8px;}
#main .sheet-pdf ul li{width: 100%;}
#main .related-key{padding: 20px 8px;}
#main .related-key ul li{width: 100%;}
#main .related-part{padding: 20px 8px;}
#main .related-part ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
#main .related-part ul li{width: calc(100% / 2 );margin-right: 0;}
ul.product_tab{display:none;}
#main .product-details{background-color: #FFFFFF;}
#main .product-details:nth-child(7),#main .product-details:nth-child(8),#main .product-details:nth-child(9){display:block;}
#main .product-details h3{border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;display: block;font-size: 1rem;font-weight: bold;height: auto;line-height: 1.5rem;padding: 0.75rem 0;text-align: center;text-transform: uppercase;}
table.product-parameter th,table.product-parameter td{line-height:1.2rem;padding:0.5rem 0;}
table.product-parameter th{padding-left:2%;}
#main .product-details .description{border-left:0;border-right:0;margin-bottom: 0.5rem;}
#main .product-details .products{border-top:none;}
#main ul.related-news{-webkit-column-count: 1;-moz-column-count: 1;}
#main ul.related-news li{border-bottom: 1px dotted #DDDDDD;line-height: 1.2rem;}
#main ul.related-news li s{display: block;float: none;text-align: right;line-height:1.5rem;}
#main ul.related-news li::before{top: 1rem;}
.product-details .keywords{}
.product-details .keywords s{border:none;border-top: 1px dotted #DDDDDD;display: block;float: none;width: 100%;}
.product-details .keywords s:first-child{border-top:none;}
#main #tab_3{display:none;}
#main .application_dock{padding: 20px 10px 80px;}
#main .application_dock ul.dock{display:none;}
#main ul.application li{display: block;float: none;margin: 20px auto 0;max-width: 360px;width: auto;}
#main ul.application li::before{opacity: 0.8;}
#main ul.application li::before,#main ul.application li h3{top: 0;}
#main ul.application li h3{font-weight: bold;}
#main ul.application li .menu{left: 0!important;top: 31px!important;width: 100%;}
#main ul.application li img{max-width: 100%;}
#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;}