body, body, header {background-repeat: repeat-x !important;} .primary-gradient {border: 1px solid #ccc;} .layout-onecolumn:after, .layout-twocolumn:after {display: none;} .layout-onecolumn {padding-top: 0;padding-bottom: 0px;max-width: 100%;} .layout-twocolumn {max-width: 100%;background-color: #f5f5f5;background-position: top center;background-repeat: repeat-x;background-color:#fff;} /*头部左侧*/ .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;} .rtl .linked-index-list {margin-right: 0px;margin-left: 15px;} .linked-index-list h2 {margin: 0;font-size: 16px;line-height: 25px;padding: 3.0px 0px;border-bottom: 1px solid #e0e4e9;padding: 20px 0 15px 0;} .linked-index-list h2 a {font-size: 12px;font-weight: normal;padding-left: 5px;text-decoration: none;color: #000;} h3.main-category {margin: 5px 0;padding: 0;font-size: 14px;} h3.main-category a, .slide a {color: #333;text-decoration: none;} .linked-index-list ul {list-style-type: none;padding: 0;margin:6px 0px 0px 0;} .linked-index-list ul li {/*line-height:10px;padding:3px 0px 3px 0px;*/} .linked-index-list ul li p{font-weight:bold;font-size:12px;} .linked-index-list ul li a {color: #333;text-decoration: none;font-weight: normal;font-size: 12px} .linked-index-list ul li a:hover{text-decoration:underline;color:#ff6600;cursor:pointer;} .linked-index-list ul li i {font-size: 10px;color: #a9afb7;text-decoration: none;float: right;text-align: center;font-weight: 600;} .linked-index-list h2 a:hover,h3.main-category a:hover, .linked-index-list ul li a:hover, .slide a:hover {text-decoration: underline;} .homepage-featured__content,.banner_brandlogo .homepage-featured__banners {width: 100%;margin-bottom: 20px;} .homepage-featured__banners div {width: 10%;float:left;margin:5px 1.5% 5px 1%;} .homepage-featured__content div.spacer, .homepage-featured__banners div.spacer {width: 2%;background: none;border: none;} .homepage-featured__content div img{height: 400px;width: 100%;} .homepage-featured__content div a {display: block;} .homepage-featured__banners div a {display: block;width: 100%;} .homepage-featured__banners div a img {border: solid 1px #E6E9ED;box-sizing: border-box;width: 100%;height: 100%;} .homepage-featured__banners div a img:hover{border:1px solid #ff6600;cursor:pointer;} .homepage-featured__content a {text-decoration: none;color: #333;} .homepage-featured__content-title {font-weight: bold;font-size: 14px;} /*头部右侧*/ .layout-twocolumn .content-column {max-width:100%;margin: 0 auto;background: #f5f5f5;overflow: hidden;} .layout-twocolumn #leftColumn, .layout-twocolumn #rightColumn {display: table-cell;vertical-align: top;} .layout-twocolumn #leftColumn {width: 20%;} .layout-twocolumn #rightColumn, .rtl .layout-twocolumn #rightColumn {width:80%;} .header__searchbar {margin-top: 20px;max-width: calc(100% - 225px);} #content .header__searchbar {padding-bottom: 5px;} #header-search-button {height: 30px;width: 50px;border: 0;margin: 0;padding: 0 15px;cursor: pointer;border: 1px solid #ccc;border-left-color: #999;float: right;background-size: 1px 32px;border-radius: 0 2px 2px 0;font-size: 18px;vertical-align: top;background-color: #ccc;} .rtl #header-search-button {float: left;} #header-search-button:hover {cursor: pointer;} .searchbox-inner-categories select {height: 30px;} .searchbox-inner-searchtext input {font-size: 14px;} .rtl .searchbox-inner-searchtext input {padding: 3px 8px 3px 75px;} #CategroyList {width:20%;} .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /*遮罩层*/ #contentmask {display:none;position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:10; -moz-opacity: 1; opacity:.100; filter: alpha(opacity=100);} /*头部右侧下方*/ .right-bottom-center {width:100%;float:left;background-color:#fff;} .right-bottom-center ul {width: 100%;float: left;justify-content: space-around;display: -webkit-flex;-webkit-justify-content: space-around;display: flex;} .right-bottom-center ul:nth-child(1) {height: 150px;margin-top: 12px;} .right-bottom-center ul:nth-child(2) {height: 150px;margin:20px 0px 20px 0px;} .right-bottom-center ul li {justify-content: space-around;line-height:150px;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;} .right-bottom-center .li1 {background-color:#FDFDF1; width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center .li2 {background-color:#FEF9F3;width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center .li3 {background-color:#F8FEF4;width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center .li4 {background-color:#F1FEF4;width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center .li5 {background-color:#F1FCFE;width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center .li6 {background-color:#F1F5FE;width: 30%;float: left;text-align: center;padding-top: 20px;font-weight: bold;} .right-bottom-center ul a {font-size:12px;} .right-bottom-center ul a:hover{color:#ff6600;} .right-bottom-center ul li {float:left;display:block;} .right-bottom-center ul li .c_left {width:40%;float:left;text-align: center;font-weight: bold;height:130px;line-height:30px;} .right-bottom-center ul li .c_left a {font-size:15px;position:relative;top:40px;line-height:20px;} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center .div1 {background: url(/KImages/category_img_01.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-10px;background-size: contain} .right-bottom-center .div2 {background: url(/KImages/category_img_02.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-10px;background-size: contain} .right-bottom-center .div3 {background: url(/KImages/category_img_03.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-10px;background-size: contain} .right-bottom-center .div4 {background: url(/KImages/category_img_04.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-40px;background-size: contain} .right-bottom-center .div5 {background: url(/KImages/category_img_05.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-10px;background-size: contain} .right-bottom-center .div6 {background: url(/KImages/category_img_06.jpg) no-repeat;width:150px;float: left;text-align: center;font-weight: bold;height:150px;position:relative;top:-10px;right:-10px;background-size: contain} .linked-index-list ul li a {display: block; width: 100%;float: left; padding: 3px 0 4px 0;} /*activity area*/ .activity-all{width:96%;background-color:#fff;margin:30px auto 30px auto;overflow:hidden;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)} .activity-all .activity-top{width:100%;float:left;margin:15px 0px 5px 5px} .activity-all .activity-top .top-title{font-size:15px;font-weight:700;color:#333333;text-align:left;float:left;width:50%} .activity-all .activity-content{width:100%;float:left;margin: 15px 0px 0px 0px;/* -webkit-justify-content: space-between; */ /* Safari 6.1+ *//* display: flex; *//* justify-content: space-between; */} .activity-all .activity-content .activity-content-w{width: 100%;margin:auto;-webkit-justify-content: space-between; /* Safari 6.1+ *//* display: flex; *//* justify-content: space-between; */} .activity-all .activity-content .activity-content-ow{/* width:100%; *//* float:left; */background-color: #F5F5F5;/* -webkit-justify-content: space-between; */ /* Safari 6.1+ *//* display: flex; */justify-content: space-between;display: -webkit-flex;} .activity-all .activity-content .activity-left{width: 49%;/* float:left; */} .activity-all .activity-content .activity-right{width: 49%;/* float:right; */} .activity-all .activity-content .activity-left .left-banner{width: 100%;/*float:left; */margin: 0px auto 0px auto;} .activity-all .activity-content .activity-left .left-banner img{width: 100%;} .activity-all .activity-content .activity-left .left-products{width: 100%;margin:auto;text-align:center} .activity-all .activity-content .activity-left .left-products .left-products-w{width:100%;float:left;background-color: #fff;} .activity-all .activity-content .activity-right .right-banner{width: 100%;/*float:right;*/margin: 0px auto 0px auto;} .activity-all .activity-content .activity-right .right-banner img{width: 100%;} .activity-all .activity-content .activity-right .right-products{width: 100%;margin:auto;text-align:center} .activity-all .activity-content .activity-right .right-products .right-products-w{width:100%;float:left;background-color: #fff;} .activity-all .activity-content .activity-left .left-products dl{width:33%;float:left;border-radius:6px;padding: 12px 0px;cursor:pointer;margin-top: 10px;min-height:190px;max-height:200px;} .activity-all .activity-content .activity-left .left-products dl:hover{box-shadow:0 0 6px rgb(0 0 0 / 20%)} .activity-all .activity-content .activity-left .left-products dl dt{padding-bottom:20px;border-radius:30px;margin:auto;text-align:center} .activity-all .activity-content .activity-left .left-products dl dd{text-align:center;padding:6px 5px 0px 5px;font-size:12px;width:99%;float:left;line-height:16px} .activity-all .activity-content .activity-left .left-products dl dd span{width:68%;float:right;text-align:left;margin:2px 0px;display:block} .activity-all .activity-content .activity-left .left-products dl dd .span-sale{display:block;font-size:12px;color:#fff;background-color:#ff6221;border-radius:2px;padding:2px 6px;width:20%} .activity-all .activity-content .activity-left .left-products dl dd .span-partno{font-weight:700;color:#333;font-size:14px} .activity-all .activity-content .activity-left .left-products dl dd .span-brand{color:#666;font-size:14px} .activity-all .activity-content .activity-left .left-products dl dd .span-price{font-size:16px;font-weight:700;color:#ff6221} .activity-all .activity-content .activity-right .right-products dl{width:33%;float:left;border-radius:6px;padding:12px 0px;cursor:pointer;margin-top: 10px;min-height:190px;max-height:200px;} .activity-all .activity-content .activity-right .right-products dl:hover{box-shadow:0 0 6px rgb(0 0 0 / 20%)} .activity-all .activity-content .activity-right .right-products dl dt{padding-bottom:20px;border-radius:30px;margin:auto;text-align:center} .activity-all .activity-content .activity-right .right-products dl dd{text-align:center;padding:6px 5px 0px 5px;font-size:12px;width:99%;float:left;line-height:16px} .activity-all .activity-content .activity-right .right-products dl dd span{width:68%;float:right;text-align:left;margin:2px 0px;display:block} .activity-all .activity-content .activity-right .right-products dl dd .span-sale{display:block;font-size:12px;color:#fff;background-color:#ff6221;border-radius:2px;padding:2px 6px;width:20%} .activity-all .activity-content .activity-right .right-products dl dd .span-partno{font-weight:700;color:#333;font-size:14px} .activity-all .activity-content .activity-right .right-products dl dd .span-brand{color:#666;font-size:14px} .activity-all .activity-content .activity-right .right-products dl dd .span-price{font-size:16px;font-weight:700;color:#ff6221} .activity-all .activity-content a.rfq_btn{background:#ff9917;color:#fff;border:0;width:60px;padding:3px 0;cursor:pointer;margin-top:5px;display:block;font-size:12px;font-weight:400;text-align:center;border-radius:3px} .activity-all .activity-content a.rfq_btn:hover{background:#f1a442} /*Black Five*/ .activity-all .activity-content .activity-black-all {width:100%;float:left;} .activity-all .activity-content .activity-black-all .black-banner {width: 100%;margin: 0px auto 0px auto;} .activity-all .activity-content .activity-black-all .black-banner img{width: 100%;} .activity-all .activity-content .activity-black-all .blackfive-products {width: 100%;margin: auto;text-align: center} .activity-all .activity-content .activity-black-all .blackfive-products .blackfive-products-w {width: 100%;float: left;background-color: #fff;} .activity-all .activity-content .activity-black-all .blackfive-products dl{width:16%;float:left;border-radius:6px;padding: 12px 0px;cursor:pointer;margin-top: 10px;height:200px;max-height:200px;} .activity-all .activity-content .activity-black-all .blackfive-products dl:hover{box-shadow:0 0 6px rgb(0 0 0 / 20%)} .activity-all .activity-content .activity-black-all .blackfive-products dl dt{padding-bottom:20px;border-radius:30px;margin:auto;text-align:center} .activity-all .activity-content .activity-black-all .blackfive-products dl dd{text-align:center;padding:6px 5px 0px 5px;font-size:12px;width:99%;float:left;line-height:16px} .activity-all .activity-content .activity-black-all .blackfive-products dl dd span{width:68%;float:right;text-align:left;margin:2px 0px;display:block} .activity-all .activity-content .activity-black-all .blackfive-products dl dd .span-sale{display:block;font-size:12px;color:#fff;background-color:#ff6221;border-radius:2px;padding:2px 6px;width:20%} .activity-all .activity-content .activity-black-all .blackfive-products dd .span-partno{font-weight:700;color:#333;font-size:14px} .activity-all .activity-content .activity-black-all .blackfive-products dl dd .span-brand{color:#666;font-size:14px} .activity-all .activity-content .activity-black-all .blackfive-products dd .span-price{font-size:16px;font-weight:700;color:#ff6221} .activity-all .activity-content .activity-black-all .blackfive-products dl:nth-child(n+7) {margin-bottom:10px;} /*Black Five*/ /*activity area*/ /*Hot Sales Products*/ .hotsales-products{width:96%;border-top:2px solid;background-color:#fff;margin:30px auto 30px auto;overflow:hidden;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)} .hotsales-products .hotsales-top{width:100%;float:left;margin:15px 0px 5px 5px} .hotsales-products .hotsales-top .top-title{font-size:15px;font-weight:700;color:#333333;text-align:left;float:left;width:50%} .hotsales-products .hotsales-top span a{color:#007fac;padding-right:10px;text-align:right;float:right;font-size:small} .hotsales-products .hotsales-top span a:hover{color:#ff6600;text-decoration:underline;cursor:pointer} .hotsales-products .hotsales-bottom{width:100%;float:left;overflow:hidden;margin:10px 0px 20px 0px;overflow: hidden;position: relative;} .hotsales-products .hotsales-bottom #hotsales {position: relative;width: 6040px;float: left;} .hotsales-products .hotsales-bottom div.turnpage{width:100%;float:left;margin:10px auto 10px auto;text-align:center} .hotsales-products .hotsales-bottom div.turnpage div.turn_circular{width:115px;margin:auto} .hotsales-products .hotsales-bottom div.turnpage span.circular_blue{display:block;float:left;height:15px;width:15px;border-radius:50%;margin-right:10px;background-color:#f60} .hotsales-products .hotsales-bottom div.turnpage span.circular_gray{display:block;float:left;height:15px;width:15px;border-radius:50%;margin-right:10px;background-color:#fff;border:1px solid #f60} .hotsales-products .hotsales-bottom div.turnpage span.circular_gray:hover{background-color:#f60} .hotsales-products .hotsales-bottom ul{width:100%;overflow:hidden;margin:10px auto 20px auto} .hotsales-products .hotsales-bottom ul li:nth-of-type(n-5){padding:20px 0px 0px 0px} .hotsales-products .hotsales-bottom ul li:nth-of-type(n+6){padding:40px 0px 20px 0px} .hotsales-products .hotsales-bottom ul li{width:20%;float:left;margin:auto;text-align:center;cursor:pointer;} /*.hotsales-products .hotsales-bottom ul li:hover {-webkit-box-shadow: 0 4px 15px rgba(0,0,0,.18);box-shadow: 0 4px 15px rgba(0,0,0,.18);z-index: 3;}*/ .hotsales-products .hotsales-bottom dl{width: 300px; height:auto;margin:auto;padding:5px 0px;float:left;cursor:pointer;} .hotsales-products .hotsales-bottom dl:hover{border-radius:15px;transform:translateY(6px);-webkit-transform:translateY(6px);-moz-transform:translateY(6px);box-shadow: 0 0 12px rgb(0 0 0 / 10%);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease} .hotsales-products .hotsales-bottom dl dt{padding-bottom:20px;border-radius:30px;margin:auto;text-align:center;} .hotsales-products .hotsales-bottom dl dd{text-align:center;padding:6px 5px 0px 5px;font-size:12px;width:99%;line-height:16px} .hotsales-products .hotsales-bottom dl dd .newest-title{color:#333;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .hotsales-products .hotsales-bottom dl dd .newest-title a{text-decoration:none;font-size:12px} .hotsales-products .hotsales-bottom dl dd .newest-title a:hover{text-decoration:underline;color:#f60;cursor:pointer} .hotsales-products .hotsales-bottom dl dd:nth-child(4){color:#f19119;} .hotsales-products .advertising-map{width:100%;float:left} .hotsales-products .advertising-map img{width:100%} .hotsales-products .advertising-map .mapbannerimg{width:100%;background-size:100% 100%;position:relative} .hotsales-products .advertising-map .mapbannerimg a{color:#fff;line-height:36px;text-align:center;font-weight:400;font-size:20px} .hotsales-products .advertising-map .mapbanner-allcontent{width:100%;height:90%;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;margin:auto} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:30%;height:100%;line-height:100%;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:69.5%;height:100%;line-height:100%;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent p{width:60%;margin:40px auto;line-height:40%;height:40%} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:70%;height:45px;line-height:45px;border-radius:5px;background:#f8af24;color:#fff;font-size:15px;text-decoration:none;text-align:center;font-weight:600;display:block;font-weight:600} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{width:40%;float:left;margin:10px auto;padding-left:100px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:80%;float:left;list-style:disc;text-decoration:none;padding:10px 0px;color:#fff;font-size:15px;font-weight:600;text-align:left} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li::marker{color:#6F8FB6;width:10px;height:10px;display:inline-block;background-color:#6F8FB6;font-size:25px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(1){position:relative;left:60px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(2){position:relative;left:40px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(3){position:relative;left:20px} /*newest-products 中间内容部分*/ .newest-products {width:96%;border-top:2px solid;background-color:#fff;margin:30px auto 30px auto;overflow:hidden;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);} .newest-products .newest-top {width:100%;float:left;margin:15px 0px 5px 5px;} .newest-products .newest-top .tab-title {cursor:pointer;font-size:15px;font-weight:700;color:#333333;text-align:left;float:left;width:220px;height:40px;line-height:40px;text-align:center;display:block;background-color:#F5F5F5;border:1px solid #f5f5f5;border-top-right-radius:20px;border-top-left-radius:20px;} .newest-products .newest-top .top-title { font-size:15px;font-weight:700;color:#333333;text-align:left;float:left;width:50%;} .newest-products .newest-top span a {color:#007fac;padding-right:10px;text-align:right;float:right;font-size:small;} .newest-products .newest-top span a:hover{color:#ff6600;text-decoration:underline;cursor:pointer;} .newest-products .newest-bottom { width:100%;float:left;overflow: hidden;margin:10px 0px 20px 0px;} .newest-products .newest-bottom dl dd {text-align:left;padding:4px 5px 2px 5px; font-size:12px;width:99%;line-height:16px;} .tab-disnone {display:none;} .newest-products .newest-top .tab-change {background-color: #F8AF23;color: #FFF;} .newest-products .newest-bottom dl dd .newest-title {color:#333333;font-size:12px;font-weight:bold;text-decoration:none;color:#0070BB;cursor:pointer;} .newest-products .newest-page { width:100%;float:left;padding:2vh 0; height:15px;} .newest-products .newest-page ul li {border:1px solid #f60;border-radius:50%;width:10px;float: left;margin: 0 3px;width: 15px;height: 15px;cursor: pointer;line-height: 16px;font-size: 2px;color: #A7A5A5;text-align: center;overflow: hidden;text-indent: -9999px;} .newest-products .newest-page .navOn {background-color:#f60;} .brands-content{width:100%;float:left;display: table;border-spacing:5px 5px 10px 5px;margin:5px 0px 15px 0px;} .newest-products .brands-content ul { width:100%; float:left;} .newest-products .brands-content ul li {width:10%; list-style:none;float:left;margin:5px;float:left;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;} .newest-products .brands-content ul li img {height:100px;width:180px;} .newest-products .newpart-content{width:100%;float:left;} .newest-products .newpart-content .partnoimgli { width:100%; float:left;margin:0 auto;padding:0 5px;} .newest-products .newpart-content .partnoimgli li a{ display:block;} .newest-products .newpart-content .partnoimgli li img {box-sizing: border-box;height:auto;height:80px;} .newest-products .newpart-content .partnoli { width:100%; padding-bottom:5px;float:left; display:table;margin:0 auto;padding:0 5px;} .newest-products .newpart-content .partnoli li a {padding:3px 1px;display:block;text-align:left;font-weight:normal;font-size:12px;} .newest-products .newpart-content .partnoli li a:hover{text-decoration:underline;color:#FF6600;cursor:pointer;} /*Recent Posts*/ .newest-products .newest-blog { width:100%;float:left;padding-top:15px;padding-bottom:25px;} .newest-products .newest-blog{font-size:12px;} .newest-products .newest-blog dl dd {text-align:left;padding:1vh 1vw; margin:0 auto;/*padding:5px 5px;*/} .newest-products .newest-blog dl dd span{font-size:small;line-height:20px;word-wrap: break-word;word-break: normal;color:#333;} .newest-products .newest-blog dl dd .newest-title {color:#333333;font-size:13px;font-weight:bold;} .newest-products .newest-blog dl dd .newest-title a{text-decoration:none;font-size:12px;} .newest-products .newest-blog dl dd .newest-title a:hover{text-decoration:underline;color:#ff6600;cursor:pointer;} .newest-products .newest-blog dl dd a {color:#0070BB; font-size:12px; font-weight:600;} .newest-products .newest-blog dl dd a:hover{text-decoration:underline;color:#ff6600;cursor:pointer;} .newest-products .newest-blog dl dd.blog-break{height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .newest-products .blog-gery {color:#ccc;float:left;text-align:left;margin:5px 0px 0px 0px;width:80%;} /*Index List*/ .search-index {margin:2vh 0;width:96%;background-color:#fff;margin:20px auto;overflow:hidden;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);} .search-index ul {width:100%;float:left;margin:0 auto;padding:0;} .search-index ul li a{text-decoration:none;color:#0070BB;} .search-index ul li a:hover{text-decoration:underline;color:#ff6600;cursor:pointer;} /*Bottom Banner*/ .content-bottom {margin:2vh 0;width:96%;background-color:#fff;margin:20px auto;overflow:hidden;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);} .content-bottom ul {width:100%;float:left;margin:0 auto;padding:0;display: flex;flex-direction: row;flex-wrap: wrap;} .content-bottom ul li {flex: auto;} .circle-cur {background: #f60;} .div-button {width: 30%;height: 30px;line-height:30px;border-radius: 5px;background: #8a8a8a;} .div-button a{color:#fff;font-size:12px;text-decoration:none;text-align:center; font-weight:600;} .middle-content {/*overflow:hidden;*/width:100%;} .Page-Bottom .footerContainer .footer_content {overflow:hidden;width:100%;margin:auto;} .flohead {float: left; padding: 0px;} .headauto {margin: auto;} .head-lodiv{width:80%;float:right;text-align:right;} /*Free MSG*/ .stay_all{width:100%;float:left} .stay_dialog{width:85%;margin:auto} .stay_title{height:40px;line-height:40px;text-align:left;font-weight:bold;font-size:14px;width:100%;float:left;text-indent:20px;background-color:#f5f5f5;margin-bottom:20px;text-align:center} .stay_content{margin-bottom:20px} .stay_content p{line-height:30px;font-size:13.5px} .stay_btn,.stay_leave{width:100%;float:left;margin:2px auto;font-size:13px} .stay_btn a{width:40%;height:35px;line-height:35px;background-color:#FF9917;color:#fff;border-radius:5px;display:block;border:1px solid #FF9917;text-align:center;margin:auto} .stay_leave{margin-top:10px} .stay_leave a{height:30px;line-height:30px;text-decoration:underline;text-align:center;font-size:13px;color:#333;cursor:pointer;display:block;margin:auto} .stay_leave a:hover{color:#f60} @media screen and (min-width:1025px) { .layout-onecolumn {background-position: bottom center;} .layout-twocolumn {position:relative;} .linked-index-list ul {width:100%;} .newest-products .newest-blog dl {width:23%;margin:0 5px 15px 0;float:left;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;height:340px;} .newest-products .newest-blog dl:nth-child(-n+4) {margin: 0px 10px 0px 5px;} } @media (max-width: 1024px) { header {background: #222222;border-bottom: solid 1px #333;} .layout-onecolumn, .layout-onecolumn:lang(zh-cn), .layout-onecolumn:lang(en-cn) {margin-top: 0px;padding: 0px;} .layout-onecolumn .content-column {display: flex;flex-direction: column-reverse;padding: 0px;} .layout-onecolumn .content-column .header__searchbar.header-search-panel, .layout-onecolumn .content-column > .richtextcontent a {display: none !important;} .header__searchbar {width: calc(100% - 20px);max-width: 100%;} .layout-twocolumn #leftColumn, .layout-twocolumn #rightColumn {display: block;vertical-align: top;margin-bottom: 15px;width:100%;} .layout-twocolumn #leftColumn {width: 100%;padding:0px;} /*缩小版二级分类菜单 隐藏*/ #cate-sub {display:none;visibility:hidden;} .cate-item .cate-main {left: 230px;} .cate-item .cate-sub .c-item .sub-list .sub-item a {color: #333333;font-size: 10px;} .content-bottom ul li {float:left;display:block;color:#333333;width:25%;padding: 15px 0px;} .content-bottom ul li img{width:100%; box-sizing: border-box;} .layui-carousel {height:360px;overflow:hidden;} .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl { width:14%;/*height:280px;*/ height:220px; margin:0px 1% 0 0;float:left; border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .newest-products .newpart-content .partnoli li {float:left;display:block; list-style:none; width:25%;margin:0px 0px 5px 0px;border-bottom:1px dashed #ccc;} .newest-products .newpart-content .partnoimgli li {display: table-cell;float:left;list-style:none;height:55px;line-height:55px; border-bottom:1px dashed #ccc;width:25%;padding:10px 0px 30px 0px;} .newest-products .newest-blog dl {width:46%;margin:0 5px 15px 0;float:left;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;height:315px;} .newest-products .newest-blog dl:nth-child(-n+4) {margin-left:20px;} .search-index ul li {float:left;display:block;color:#333333;width:2.5%;font-size:small;padding:30px 0px;} .search-index ul li:first-child {font-weight:normal;padding:30px 20px 30px 20px;} .content-bottom ul li {float:left;display:block;color:#333333;width:25%;padding: 15px 0px;} .content-bottom ul li img{width:100%; box-sizing: border-box;} .flymenu .header__top .header__clc {display: none;} .flymenu-toggle ~ #header__storage {z-index: 100 !important;width: 0px !important;margin: 0;} } @media screen and (min-width:1400px) { .flymenu ul li.hover ul li{float:left;width:230px;} .flymenu ul li.hover ul li a {display:block;color:#fff;text-align: left;padding: 0 0 0 30px;height: 35px;line-height: 35px;} .flymenu ul li.hover ul li a:hover{background:#fff;color:#333;} .flymenu ul li.hover ul {opacity: 100;background: #222222;position: absolute;width: 230px;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.3);} .hover ul {float: left; padding: 0px; margin: 0px auto;border: none;outline: none;text-align:center;} .flymenu ul li.hover:hover ul{display:block;} .linked-index-list ul {width:100%;float:left;} .linked-index-list ul li a {display:block;width:100%;float:left;padding:3px 0 3px 0;} .right-bottom-left ul {justify-content: space-around;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;} .linked-index-list {height:100%;float:left;} .bannerimg {height:360px;} .raouding {justify-content: space-around;display: flex;} .topbanner {width:96%;margin:0px auto;overflow:hidden;display:table;} #newest-bottom {height:280px;} .contents .contents-div .login-table{width:98%;margin:auto;} .contents .contents-div .login-tableleft{width:90%;margin:auto;} .contents .contents-div .layui-input-block {width:100%;margin:auto;min-height: 26px;} #newest .layui-carousel-ind {position: relative;top: -40px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-blog dl:nth-child(-n+4) {margin: 0px 10px 0px 12px;} .bomleadone-left {width:66%;float:left;} .bomleadone-right {width:32%;float:left;} .layui-uploadcontent {width:50%;margin:auto;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:18px;} .login-ntable{width: 35%; position:absolute;z-index:10;position:absolute;left:55%;right:31%;top:26%;background:#fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;box-shadow:0 0 10px #ddd} } @media screen and (min-width:1000px) and (max-width:1441px) { .flymenu ul li.hover ul li{float:left;width:230px;} .flymenu ul li.hover ul li a {display:block;color:#fff;text-align: left;padding: 0 0 0 30px;height: 35px;line-height: 35px;} .flymenu ul li.hover ul li a:hover{background:#fff;color:#333;} .flymenu ul li.hover ul {opacity: 100;background: #222222;position: absolute;width: 230px;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.3);} .hover ul {float: left; padding: 0px; margin: 0px auto;border: none;outline: none;text-align:center;} .flymenu ul li.hover:hover ul{display:block;} .linked-index-list ul {width:100%;} .right-bottom-left ul {justify-content: space-around;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;height: 180px;} .right-bottom-left ul a {padding:30px 0px;} .bannerimg {height:320px;} .layui-carousel-ind {position: relative;top: -25px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .layout-twocolumn #leftColumn, #rightColumn {/*position:relative;top: 55px;left: 0px;*/} .raouding {justify-content: space-around;display: flex;padding: 30px 0 20px 0;} .topbanner {width:96%;margin:0px auto;overflow:hidden;} #newest-bottom {height:280px;} .wid60 {width:80%;margin:auto;} #newest .layui-carousel-ind {position: relative;top: -32px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .linked-index-list ul {list-style-type: none; padding: 0;margin: 10px 0px 5px 0px 0;} .linked-index-list ul li {padding:5px 0px;} .right-bottom-center ul:nth-child(1){height:120px;margin-top:10px} .right-bottom-center ul:nth-child(2){height:120px;margin: 10px 0px 10px 0px;} .right-bottom-center ul li .c_left{width:40%;float:left;text-align:center;font-weight:bold;height:60px;line-height:30px} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center ul li .c_left a{font-size:15px;position:relative;top:20px;line-height:20px;word-wrap: break-word;} .right-bottom-center .div1{height:80px;position:relative;top:-10px} .right-bottom-center .div2{height:80px;position:relative;top:-10px} .right-bottom-center .div3{height:80px;position:relative;top:-10px} .right-bottom-center .div4{height:80px;position:relative;top:-10px} .right-bottom-center .div5{height:80px;position:relative;top:-10px} .right-bottom-center .div6{height:80px;position:relative;top:-10px} .hotsales-products .advertising-map img{width:100%;height:200px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:25%} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:100%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:70%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{padding-left:40px;width:40%;margin:30px auto} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%} } @media screen and (min-width:1035px) and (max-width:1399px) { .linked-index-list {height:100%;float:left;width:88%;} .linked-index-list ul li a {display:block;width:100%;float:left;padding:2px 0 3px 0;} .contents .contents-div .div-table .login-left {padding-left:4%;} .raouding {justify-content: space-around;display: flex;padding: 0px 0 20px 0;} .buy_divqty .buybox {width: 100%;} .ProdRight .BuyInquiry .row .RLeft{width:30%;float:left;font-weight:bold;line-height:24px;text-align:left;text-indent:30px; } .ProdLeft .relatedparts{width:685px;overflow:hidden;position:relative} #downdiv {left:30px;} } @media screen and (min-width:1000px) and (max-width:1025px) { .hotsales-products .advertising-map img{width:100%;height:200px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:25%} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:100%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:70%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{padding-left:40px;width:40%;margin:30px auto} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%} .right-bottomall {position: relative;top: 50px;} .flymenu ul li.hover ul li{float:left;width:230px;} .flymenu ul li.hover ul li a {display:block;color:#fff;text-align: left;padding: 0 0 0 30px;height: 35px;line-height: 35px;} .flymenu ul li.hover ul li a:hover{background:#fff;color:#333;} .flymenu ul li.hover ul {opacity: 100;background: #222222;position: absolute;width: 230px;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.3);} .hover ul {float: left; padding: 0px; margin: 0px auto;border: none;outline: none;text-align:center;} .flymenu ul li.hover:hover ul{display:block;} #newest-bottom {height:300px;} #leftColumn {position:relative;top:590px;} #rightColumn {position:relative;top:-470px;} } @media screen and (min-width:768px) and (max-width:999px) { .right-bottom-center ul:nth-child(1){height:100px;margin-top:10px} .right-bottom-center ul:nth-child(2){height:100px;margin: 10px 0px 10px 0px;} .right-bottom-center ul li .c_left{width:40%;float:left;text-align:center;font-weight:bold;height:60px;line-height:30px} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center ul li .c_left a{font-size:15px;position:relative;top:20px;line-height:20px;word-wrap: break-word;} .right-bottom-center .div1{height:60px;position:relative;top:-10px} .right-bottom-center .div2{height:60px;position:relative;top:-10px} .right-bottom-center .div3{height:60px;position:relative;top:-10px} .right-bottom-center .div4{height:60px;position:relative;top:-10px} .right-bottom-center .div5{height:60px;position:relative;top:-10px} .right-bottom-center .div6{height:60px;position:relative;top:-10px} .hotsales-products .advertising-map img{width:100%;height:200px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:25%} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:100%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:70%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{padding-left:40px;width:40%;margin:30px auto} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%} .searchbox-inner {display: table;width: 100%;} #header, #header__storage {height: auto;} .bannerimg {height:250px;} .layui-carousel-ind {position: relative;top: -30px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .homepage-featured__banners div img {height: auto;width: 100%;} .raouding {justify-content: space-around;display: flex;padding: 50px 0 20px 0;} .topbanner {width:96%;margin:0px auto;overflow:hidden;} #newest-bottom {height:330px;} .newest-products .newest-bottom dl {width:22%;float:left;overflow:hidden;margin:10px 1%;height:270px; } .newest-products {width: 96%;border-top: 2px solid;background-color: #fff;margin: 20px auto 20px auto;overflow: hidden;} .contents .contents-div .login-table{width:98%;margin:auto;} .contents .contents-div .layui-input-block {width:100%;margin:auto;min-height: 36px;} .contents .contents-div .div-table .login-right {width: 50%;} .contents .contents-div .div-table .login-left {width: 50%;border:none;float:left;padding-left: 0%;} .contents .contents-div .login-tableleft{width:98%;margin:auto} #newest .layui-carousel-ind {position: relative;top: -30px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .bomleadone-left {width:100%;float:left;} .bomleadone-right {width:100%;float:left;} .layui-uploadcontent {width:80%;margin:auto;} .flymenu .flymenu__placeorder {width: inherit;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__orderprocess {width: inherit;display: none;position: relative;padding: 0;line-height: 52px;} #leftColumn {position:relative;top:535px;} #rightColumn {position:relative;top:-440px;} .linked-index-list ul{width:99%;} .linked-index-list, .linked-index-list ul >[data-level]{width: 98%;display: inline-block;list-style:none; margin: auto;} .linked-index-list {height:420px;} .linked-index-list ul li a {display:block;width:50%;float:left;padding:5px 0;} .content-bottom ul {margin-bottom:50px;} .small-paddingtop {padding-top:80px;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:18px;} .right-bottom-left ul {justify-content: space-around;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;} .position {position: relative;left: -22%;bottom: -35px;} .powidth{width: 88%;float: left;text-align: right;} .floatwid {width: 80%;float: left;} .forgetpwd-button {width:60%;} .login-ntable{width: 58%; position:absolute;z-index:10;position:absolute;left:22%;top:16%;background:#fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;box-shadow:0 0 10px #ddd;} .mtb90 {margin-top:0px;} .bgwhitecolor {background: #fff;} .marginsuto {margin:auto;} .paddingtop {padding-top:10px;} .foot-icon {width:90%;margin:auto;} .footer_bgicon {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px -2px; width: 600px;height:30px;display: block;text-align: center;} .postion_icon {position:relative;left:17%;} .margintopreg{margin-top:50px;} .stock-cate li{float:left;width:50%;margin:4px 0;overflow:hidden;vertical-align:top} .Category_content dl dd{width:100%;float:left;padding:4px 0px;margin:5px 0px 2px 10px;cursor:pointer;color:#DA251E;font-size:12px; text-align:left;} .Category_p dl>dd:first-child:nth-last-child(n+50),.Category_p dl>dd:first-child:nth-last-child(n+50) ~ dd {width:100%;} .content-bottom ul {margin-bottom:50px;} } @media screen and (min-width:501px) and (max-width:768px){ #newest-bottom {height: 560px;} .newest-products .newest-bottom dl {width:45%;float:left;overflow:hidden;margin:1% 3% 1% 1%;height:240px; } .newest-products .newpart-content .partnoli li {float:left;display:block; list-style:none; width:30%;border-bottom:1px dashed #ccc;overflow-x:hidden;white-space:nowrap;} .newest-products .newpart-content .partnoimgli li {float:left;display: table-cell; list-style:none;height:55px;line-height:55px; border-bottom:1px dashed #ccc;width:25%;padding:10px 0px 30px 0px;} .newest-products .newest-blog dl {width:45%;margin:0 5px 15px 0;float:left;height:335px;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;} .newest-products .newest-blog dl:nth-child(-n+4) {margin:5px 10px;} .search-index ul li {float:left;display:block;color:#333333;width:5%;font-size:small;padding:10px 0px;} .search-index ul li:first-child {font-weight:normal;padding:10px 20px 10px 0px;} .content-bottom ul li {float:left;display:flex;width:50%;margin: 5px 0px;height:66px;} .content-bottom ul li img{width:80%; box-sizing: border-box;height:100%;} } @media screen and (min-width:500px) and (max-width:760px) { .right-bottom-center ul{display:block;} .right-bottom-center ul:nth-child(1) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul:nth-child(2) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul li {margin-top:20px;} .right-bottom-center .li1 {width: 100%;float:left;} .right-bottom-center .li2 {width: 100%;float:left;} .right-bottom-center .li3 {width: 100%;float:left;} .right-bottom-center .li4 {width: 100%;float:left;} .right-bottom-center .li5 {width: 100%;float:left;} .right-bottom-center .li6 {width: 100%;float:left;} .hotsales-products .hotsales-bottom dl {width: 100%;height:auto;float: left;margin: auto;text-align: center;} .hotsales-products .hotsales-bottom dl:nth-child(odd){background-color:#f5f5f5} .hotsales-products .hotsales-bottom #hotsales {position: relative;width: 100%;float: left;} .hotsales-products .hotsales-bottom dl:nth-of-type(n+11) {display:none;} .hotsales-products .hotsales-bottom dl dt{padding-bottom:20px;padding-top:20px} .hotsales-products .hotsales-bottom div.turnpage {display:none;} .hotsales-products .advertising-map .banner1{width:calc(100% - 5px)} .hotsales-products .advertising-map .banner1 img{position:relative;right:717px;top:0px;width:initial} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:100%;height:50px;line-height:40px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:100%;height:100%;line-height:20px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent p{width:90%;margin:0px auto;line-height:50px;height:40px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{width:90%;margin:0px;padding-left:40px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(1){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(2){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(3){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%;float:left;padding:5px 0px} .newest-products .newest-top .tab-title{width:100%;float:left;margin-top:20px} .right-bottom-left ul li{height:70px;line-height:20px} .right-bottom-left .li1{width:160px} .right-bottom-left .li1{width:160px} .right-bottom-left .li2{width:160px} .right-bottom-left .li3{width:160px} .right-bottom-left .li4{width:160px} .right-bottom-left .li5{width:160px} .right-bottom-left .li6{width:160px} .Page-Bottom .footerContainer .blk4 .blk4-bot .ul_faceion { left: 0px;top:-20px;} .foot-icon img {margin:5px 2px;} .serach_inquiry {width:95%;float:left;} .serach_inquiry img {width:100%;float:left;margin:10px auto;background-size:100% 100%; } .serach_inquiry p { padding: 5px 0px 0px 0px;font-size: 13px;line-height:20px;} .searchbox-inner {display: table;width: 100%;} .bannerimg {height:180px;} .layui-carousel-ind {position: relative;top: -50px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .homepage-featured__content {width: 100%; margin-bottom: 5px;} .homepage-featured__banners div img {height: auto;width: 100%;} #header,#header__storage {min-width: 320px;height:auto; z-index: 100;margin: 0 auto;left: 0;right: 0;} .raouding {justify-content: space-around;display: flex;padding: 50px 0 20px 0;} .topbanner {width:96%;margin:0px auto;overflow:hidden;} .content-bottom ul {margin-bottom: 60px;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} /*Login*/ .img-login2 {display:none;} .bomleadone-left {width:100%;float:left;} .bomleadone-right {width:100%;float:left;} .layui-uploadcontent {width:100%;margin:auto;} .flymenu .flymenu__placeorder {width: inherit;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__orderprocess {width: inherit;display: none;position: relative;padding: 0;line-height: 52px;} #leftColumn {position:relative;top:590px;} #rightColumn {position:relative;top:-625px;} .right-bottom-left:nth-child(1) {margin-top:0px;} .linked-index-list {height:605px;} .linked-index-list ul {width:100%;} .linked-index-list{margin-right:0px;} .linked-index-list ul li.index-f0{padding:6px 0px 5px 0px;float:left;width:100%;} .linked-index-list ul li.index-f{margin:6px 0px 5px 0px;float:left;width:100%;} .linked-index-list ul li a {display:block;width:50%;float:left;padding:5px 0px;} .small-paddingtop {padding-top:80px;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:18px;} .right-bottom-left ul {width:100%;float:left;} .right-bottom-left ul a {display:block;width:30%;float:left;padding:10px 10px 0px 5px;} .floatwid {width: 80%;float: left;} .forgetpwd-button {width:60%;} .login-ntable {width: 62%;position:absolute;z-index:10;position:absolute;left:18%;top:18%;background:#fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;box-shadow:0 0 10px #ddd} .footer_bgicon2 {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px 4px;} .postion_icon2 {position:relative;left:0%;} .mtb90 {margin-top:0px;} .bgwhitecolor {background: #fff;} .marginsuto {margin:auto;} .paddingtop {padding-top:10px;} .foot-icon {width:90%;margin:auto;} .footer_bgicon {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px -2px; width: 600px;height:30px;display: block;text-align: center;} .postion_icon {position:relative;left:17%;} .margintopreg{margin-top:50px;} .Category_content dl dd{width:100%;float:left;padding:4px 0px;margin:5px 0px 2px 10px;cursor:pointer;color:#DA251E;font-size:12px; text-align:left;} .Category_p dl>dd:first-child:nth-last-child(n+50),.Category_p dl>dd:first-child:nth-last-child(n+50) ~ dd {width:100%;} .stock-cate li{float:left;width:100%;margin:4px 0;overflow:hidden;vertical-align:top} } @media screen and (min-width:351px) and (max-width:500px) { .right-bottom-center ul{display:block;} .right-bottom-center ul:nth-child(1) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul:nth-child(2) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul li {margin-top:20px;} .right-bottom-center .li1 {width: 100%;float:left;} .right-bottom-center .li2 {width: 100%;float:left;} .right-bottom-center .li3 {width: 100%;float:left;} .right-bottom-center .li4 {width: 100%;float:left;} .right-bottom-center .li5 {width: 100%;float:left;} .right-bottom-center .li6 {width: 100%;float:left;} .hotsales-products .hotsales-bottom dl {width: 100%;height:auto;float: left;margin: auto;text-align: center;} .hotsales-products .hotsales-bottom dl:nth-child(odd){background-color:#f5f5f5} .hotsales-products .hotsales-bottom #hotsales {position: relative;width: 100%;float: left;} .hotsales-products .hotsales-bottom dl:nth-of-type(n+11) {display:none;} .hotsales-products .hotsales-bottom dl dt{padding-bottom:20px;padding-top:20px} .hotsales-products .hotsales-bottom div.turnpage {display:none;} .hotsales-products .advertising-map .banner1{width:calc(100% - 5px)} .hotsales-products .advertising-map .banner1 img{position:relative;right:717px;top:0px;width:initial} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:100%;height:50px;line-height:40px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:100%;height:100%;line-height:20px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent p{width:90%;margin:0px auto;line-height:50px;height:40px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{width:90%;margin:0px;padding-left:40px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(1){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(2){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(3){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%;float:left;padding:5px 0px} .newest-products .newest-top .tab-title{width:100%;float:left;margin-top:20px} .newest-products .newest-blog dl {width:97%;margin:0 5px 15px 5px;float:left;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;} .newest-products .newest-blog dl:nth-child(-n+4) {margin-left:5px;} .newest-products .newest-blog dl:first-child {margin: 0 5px 15px 5px;} .search-index ul li {float:left;display:block;color:#333333;width:5%;font-size:small;padding:5px 0px;} .search-index ul li:first-child {font-weight:normal;padding:5px 20px 5px 0px;} .content-bottom ul li {float:left;display:flex;color:#333333;width:48%;padding: 15px 0px;} .content-bottom ul li :nth-child(-n+4) {margin-left:0px;} .content-bottom ul li img{width:100%; box-sizing: border-box;} .newest-products .newpart-content .partnoli li {height: 28px;} .newest-products .newpart-content .partnoli li{width: 50%;display: table-cell;} .newest-products .newpart-content .partnoimgli li {float:left;display: table-cell; list-style:none;height:55px;line-height:55px; border-bottom:1px dashed #ccc;width:50%;padding:10px 0px 30px 0px;} .right-bottom-left ul li{height:70px;line-height:20px} .right-bottom-left .li1{width:160px} .right-bottom-left .li1{width:160px} .right-bottom-left .li2{width:160px} .right-bottom-left .li3{width:160px} .right-bottom-left .li4{width:160px} .right-bottom-left .li5{width:160px} .right-bottom-left .li6{width:160px} .Page-Bottom .footerContainer .blk4 .blk4-bot .ul_faceion { left: 0px;top:-20px;} .foot-icon img {margin:5px 2px;} .serach_inquiry {width:95%;float:left;} .serach_inquiry img {width:100%;float:left;margin:10px auto;background-size:100% 100%; } .serach_inquiry p { padding: 5px 0px 0px 0px;font-size: 13px;line-height:20px;} .searchbox-inner {display: table;width: 100%;} .indent-content ul li { padding: 0 0px; cursor: pointer;} .bannerimg {height:125px;} .layui-carousel-ind {position: relative;top: -38px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .homepage-featured__content {margin-bottom:5px;} .layout-twocolumn #leftColumn, .layout-twocolumn #rightColumn {margin-bottom: 10px;} .right-bottomall .right-bottom-left dl {float:left;width: 30%;padding:0;} .homepage-featured__banners div img {height: auto;width: 100%;} #header, #header__storage {min-width: 320px;height:auto; z-index: 100;margin: 0 auto;left: 0;right: 0;} .layout-twocolumn #leftColumn {padding:80px 0 0 0;} .raouding {justify-content: space-around;display: flex;height: 120px;padding: 20px 0 20px 0;} .topbanner {width:96%;margin:0px auto;overflow:hidden;position:relative;} .small-paddingtop {padding-top:80px;} .bomlist_box {height:60px;} #newest-bottom {height:1060px;} .newest-products .newpart-content .partnoli li {height: 28px;} .newest-products .newest-top span {width: 100%;float: left;position: relative;} .newest-products .newest-top span:nth-child(2) {position:relative;top:-15px;} .at-share-btn-elements {padding-left:5%;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} /*Login*/ .bomleadone-left {width:100%;float:left;} .bomleadone-right {width:100%;float:left;} .layui-uploadcontent {width:100%;margin:auto;} .small-divtop {padding-top:85px;} .flymenu .flymenu__placeorder {width: inherit;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__orderprocess {width: inherit;display: none;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__section > a {display: block;background-size: 7px 11px;border-bottom: 1px solid #dedede;padding: 0 20px;} #leftColumn {position:relative;top:600px;} #rightColumn {position:relative;top:-430px;} .linked-index-list {height:420px;position: relative;top: 735px;} .linked-index-list, .linked-index-list ul >[data-level]{display: block;list-style:none; margin:auto;} .linked-index-list ul li a {display:block;width:48%;float:left;padding:5px 0;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:18px;} .linked-index-list ul {width: 100%;} .right-bottom-left ul {width:100%;float:left;} .right-bottom-left ul a {display:block;width:30%;float:left;padding:10px 10px 10px 0;} .wid100 {width:100%} .contact-left {width:100%;float:left;} .contact-right {width:100%;float:left;} .marginbigtop {margin-top:20px;} .margin-no {margin:10px auto;} .scrolldiv {width:100%;float:left;height:100%; overflow-x:scroll;} .contents .contents-div .div-table .login-left {padding-left:0;} .position {position: relative;left: -22%;bottom: -35px;} .powidth{width: 88%;float: left;text-align: right;} .forgetpwd-button {width:90%;} .floatwid {width:100%;float:left;} .login-ntable {width: 90%;position:absolute;z-index:10;position:absolute;top:20%;left:5%;} .footer_bgicon2 {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px 4px; background-size:cover;} .postion_icon2 {position:relative;left:1%;} .mtb90 {margin-top:0px;} .widthbottom {width:100%;} .bgwhitecolor {background: #fff;} .marginsuto {margin:auto;} .paddingtop {padding-top:10px;} .foot-icon {width:99%;margin:auto;} .footer_bgicon {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px -2px; width: 600px;height:30px;display: block;text-align: center;} .postion_icon {position:relative;left:17%;} } @media screen and (max-width:350px) { .right-bottom-center ul{display:block;} .right-bottom-center ul:nth-child(1) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul:nth-child(2) {height: auto;margin-top: 20px;width: 100%;float: left;} .right-bottom-center ul li {margin-top:20px;} .right-bottom-center .li1 {width: 100%;float:left;} .right-bottom-center .li2 {width: 100%;float:left;} .right-bottom-center .li3 {width: 100%;float:left;} .right-bottom-center .li4 {width: 100%;float:left;} .right-bottom-center .li5 {width: 100%;float:left;} .right-bottom-center .li6 {width: 100%;float:left;} .hotsales-products .hotsales-bottom dl {width: 100%;height:auto;float: left;margin: auto;text-align: center;} .hotsales-products .hotsales-bottom dl:nth-child(odd){background-color:#f5f5f5} .hotsales-products .hotsales-bottom #hotsales {position: relative;width: 100%;float: left;} .hotsales-products .hotsales-bottom dl:nth-of-type(n+11) {display:none;} .hotsales-products .hotsales-bottom dl dt{padding-bottom:20px;padding-top:20px} .hotsales-products .hotsales-bottom div.turnpage {display:none;} .hotsales-products .advertising-map .banner1{width:calc(100% - 5px)} .hotsales-products .advertising-map .banner1 img{position:relative;right:717px;top:0px;width:initial} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:100%;height:50px;line-height:40px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:100%;height:100%;line-height:20px;margin:auto;text-align:center;float:left} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent p{width:90%;margin:0px auto;line-height:50px;height:40px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{width:90%;margin:0px;padding-left:40px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:90%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(1){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(2){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li:nth-child(3){position:relative;left:0px} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%;float:left;padding:5px 0px} .newest-products .newest-top .tab-title{width:100%;float:left;margin-top:20px} .newest-products .newest-blog dl {width:97%;margin:0 5px 15px 5px;float:left;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);text-align: center;} .newest-products .newest-blog dl:nth-child(-n+4) {margin-left:5px;} .newest-products .newest-blog dl:first-child {margin: 0 5px 15px 5px;} .search-index ul li {float:left;display:block;color:#333333;width:5%;font-size:small;padding:5px 0px;} .search-index ul li:first-child {font-weight:normal;padding:5px 20px 5px 0px;} .content-bottom ul li {float:left;display:flex;color:#333333;width:48%;padding: 15px 0px;} .content-bottom ul li :nth-child(-n+4) {margin-left:0px;} .content-bottom ul li img{width:100%; box-sizing: border-box;} .newest-products .newpart-content .partnoli li {height: 28px;} .newest-products .newpart-content .partnoli li{width: 50%;display: table-cell;} .newest-products .newpart-content .partnoimgli li {float:left;display: table-cell; list-style:none;height:55px;line-height:55px; border-bottom:1px dashed #ccc;width:50%;padding:10px 0px 30px 0px;} .right-bottom-left ul li{height:70px;line-height:20px} .right-bottom-left .li1{width:160px} .right-bottom-left .li1{width:160px} .right-bottom-left .li2{width:160px} .right-bottom-left .li3{width:160px} .right-bottom-left .li4{width:160px} .right-bottom-left .li5{width:160px} .right-bottom-left .li6{width:160px} .Page-Bottom .footerContainer .blk4 .blk4-bot .ul_faceion { left: 0px;top:-20px;} .foot-icon img {margin:5px 2px;} .serach_inquiry {width:95%;float:left;} .serach_inquiry img {width:100%;float:left;margin:10px auto;background-size:100% 100%; } .serach_inquiry p { padding: 5px 0px 0px 0px;font-size: 13px;line-height:20px;} .searchbox-inner {display: table;width: 100%;} .indent-content ul li { padding: 0 0px; cursor: pointer;} .bannerimg {height:125px;} .layui-carousel-ind {position: relative;top: -38px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .homepage-featured__content {margin-bottom:5px;} .layout-twocolumn #leftColumn, .layout-twocolumn #rightColumn {margin-bottom: 10px;} .right-bottomall .right-bottom-left dl {float:left;width: 30%;padding:0;} .homepage-featured__banners div img {height: auto;width: 100%;} #header,#header__storage {min-width: 320px;height:auto; z-index: 100;margin: 0 auto;left: 0;right: 0;} .layout-twocolumn #leftColumn {position: relative;top: 1340px; /* padding: 80px 0 0 0;*/} .raouding {justify-content: space-around;display: flex;height: 120px;padding: 20px 0 20px 0;} .topbanner {width:96%;margin:0px auto;overflow:hidden;position:relative;} .small-paddingtop {padding-top:80px;} .bomlist_box {height:60px;} #newest-bottom {height:1060px;} .newest-products .newpart-content .partnoli li {height: 28px;} .newest-products .newest-top span {width: 100%;float: left;position: relative;} .newest-products .newest-top span:nth-child(2) {position:relative;top:-15px;} .at-share-btn-elements {padding-left:5%;} .layui-uploadcontent {width:100%;margin:auto;} .small-divtop {padding-top:85px;} .flymenu .flymenu__placeorder {width: inherit;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__orderprocess {width: inherit;display: none;position: relative;padding: 0;line-height: 52px;} .flymenu .flymenu__section > a {display: block;background-size: 7px 11px;border-bottom: 1px solid #dedede;padding: 0 20px;} #leftColumn {position:relative;top:600px;} #rightColumn {position:relative;top:-430px;} .linked-index-list {height:420px;} .linked-index-list, .linked-index-list ul >[data-level]{display: block;list-style:none; margin:auto;} .linked-index-list ul li a {display:block;width:48%;float:left;padding:5px 0;} .newest-products .newest-bottom dl dd:nth-child(4) {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:18px;} .linked-index-list ul {width: 100%;} .right-bottom-left ul {width:100%;float:left;} .right-bottom-left ul a {display:block;width:30%;float:left;padding:10px 10px 10px 0;} .wid100 {width:100%} .contact-left {width:100%;float:left;} .contact-right {width:100%;float:left;} .marginbigtop {margin-top:20px;} .margin-no {margin:10px auto;} .scrolldiv {width:100%;float:left;height:100%; overflow-x:scroll;} .contents .contents-div .div-table .login-left {padding-left:0;} .position {position: relative;left: -22%;bottom: -35px;} .powidth{width: 88%;float: left;text-align: right;} .forgetpwd-button {width:90%;} .floatwid {width:100%;float:left;} } @media screen and (min-width:1500px){ .right-bottom-left:nth-child(1) {padding:20px 0px 20px 0;} .linked-index-list, .linked-index-list ul >[data-level]{width: calc(50% - 10px);display: inline-block;list-style:none; margin: 5px 5px 0px 0px;} .right-bottom-left ul {justify-content: space-around;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;} .linked-index-list {height:100%;} .newest-products .newest-bottom dl {height:220px; width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .bannerimg {height:400px;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} .linked-index-list ul {margin: 3px 0px 3px 0;} .linked-index-list ul li {line-height: 10px;padding: 5px 0px 6px 0px;} .linked-index-list ul li a {padding: 5px 0 4px 0;} /*Login*/ .contents .contents-div .login-table{width:98%;margin:auto;} .contents .contents-div .layui-input-block {width:100%;margin:auto;min-height: 36px;} .wid60 {width:60%;margin:auto;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} /*Login*/ .linked-index-list, .linked-index-list ul >[data-level] {width: 90%; display: inline-block;list-style: none;margin: 0; } .login2 {left: -1%; top: 8px;} .login-big{width:100%;position:relative;height:700px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .contentmax-width {width:1440px;margin:auto;} .login-ntable {width: 500px;} #max-headertop{width:98%;margin:auto;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table1 {border-collapse: separate;border-spacing: 2px;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table2 {border-collapse: separate;border-spacing: 2px;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table3 {border-collapse: separate;border-spacing: 2px;} .accountorder-div .acount_ordercontent .acount_ordertable .scn_w150 {width:200px;} } @media screen and (min-width:1500px) and (max-width:1799px) { .linked-index-list ul {list-style-type: none; padding: 0;margin: 10px 0px 5px 0px 0;} .linked-index-list ul li {padding:6px 0px;} .right-bottom-center ul:nth-child(1) { height: 100px;margin-top: 10px} .right-bottom-center ul:nth-child(2){height:100px;margin: 10px 0px 10px 0px;} .right-bottom-center ul li .c_left{width:40%;float:left;text-align:center;font-weight:bold;height:60px;line-height:30px} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center ul li .c_left a{font-size:15px;position:relative;top:20px;line-height:20px;word-wrap: break-word;} .right-bottom-center .div1{height:60px;position:relative;top:-10px} .right-bottom-center .div2{height:60px;position:relative;top:-10px} .right-bottom-center .div3{height:60px;position:relative;top:-10px} .right-bottom-center .div4{height:60px;position:relative;top:-10px} .right-bottom-center .div5{height:60px;position:relative;top:-10px} .right-bottom-center .div6{height:60px;position:relative;top:-10px} .hotsales-products .advertising-map img{width:100%;height:200px} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent{width:25%} .hotsales-products .advertising-map .mapbanner-allcontent .left_aboutbannercontent a{width:100%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent{width:70%} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul{padding-left:40px;width:40%;margin:30px auto} .hotsales-products .advertising-map .mapbanner-allcontent .right_aboutbannercontent ul li{width:100%} } @media screen and (min-width:1800px) { #divContent .div-content .p10 { line-height: 32px;} .layout-twocolumn #leftColumn {width: 23%;} .header__top {width:1568px;margin:auto;} .flymenu__sections {padding-left:12%;} .middle-content {overflow:hidden;width:1568px;margin:auto;} .Page-Bottom .footerContainer .footer_content {overflow:hidden;width:1568px;margin:auto;} #max-headertop{width:1568px;margin:auto;} #flymenu__nav-bar{width:100%;float:left;} /*.right-bottom-left:nth-child(1) {padding-top:50px;}*/ #headmax-width {width:1568px;margin:auto;} .head-contenw {width:96%;margin:auto; } .loginpad-img {left: 0px; top: 8px;} .contents{width:100%;margin:0 auto;background-color:#fff;} .pagecontent .slide-f {background-size: 100% 100%;margin-top: 20px;} .blog .post .blog_content {line-height:30px;} .flymenu .header__bottom {height: 75px;} .flymenu .flymenu__container{padding-left:0;} .flymenu .flymenu__nav-bar {border-bottom: 0px solid #222222;height:75px;} #about-div .about-details .aboutuscontent .kycontent p {font-size: 13px;font-weight: 400;line-height: 30px;margin-top: 5px;} #about-div .about-details .contentbanner .contentbanner-top p {margin-top: 5px;width: 100%;font-size: 13px;font-weight: 400;line-height: 30px; text-align: left;} #about-div .about-details .applicationbanner .ULone{width:100%;line-height:35px;text-align:center;float:left;} #about-div .about-details .applicationbanner .Lione{margin-left:50px;width:150px;} #about-div .about-details .applicationbanner .Litwo{margin-left:20px;width:150px;} #about-div .about-details .applicationbanner .Lithree{width:150px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifour{width:150px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifive{width:150px;margin-left:20px;} #about-div .about-details .applicationbanner .Lisix{margin-left:20px;width:150px;} #about-div .about-details .applicationbanner .Liseven{margin-left:20px;width:150px;} #about-div .about-details .applicationbanner .OneULposition ul li p {line-height: 25px;position: relative; top: 5px;} #about-div .about-details .aboutuscontentbottom .bottomcontentdiv p {font-size: 13px;font-weight: 400;line-height: 30px;width: 100%;} #contact-div .contact-left table tr, .contact-right table tr {height: 35px;line-height: 25px;} #contact-div .below-div .ul_one li p, .below-div .ul_two li p {height: 30px;line-height: 30px;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table1 {border-collapse: separate;border-spacing: 2px;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table2 {border-collapse: separate;border-spacing: 2px;} .shipping-div .shipping_details .shipping-content .Details .p_style .container .shipping_table3 {border-collapse: separate;border-spacing: 2px;} .accountorder-div .acount_ordercontent .acount_ordertable .scn_w150 {width:200px;} .acountdetails_div .tab-order-detail .buyerinfo td.pleft10 {width: 165px;} .member-div .account_right .result .account_div .address_table .accountinput-text{height:35px;line-height:35px} .member-div .account_right .result .account_div .account_table .accountinput-text{height:35px;line-height:35px} .member-div .account_right .result .account_div .account_table .layui-input{border-radius:4px;height:35px;line-height:35px} .member-div .account_right .result .account_div .password_table .accountinput-text {height:35px;line-height:35px} .member-div .account_right .result .account_div .password_table .accountinput-code {height:35px;line-height:35px} .member-div .account_right .result .account_div .password_table .yzmimg .yzm_img {height: 35px;} .member-div .account_right .result .account_div .password_table .b-button{height:35px;line-height:35px} .accountorder-div .acount_ordercontent .acount_ordertable .view-m{height:35px;line-height:35px} .member-div .account_right .result .account_div .account_table .b-button{height:35px;line-height:35px} .member-div .account_right .result .account_div .address_table a.cancel{height:35px;line-height:35px} .member-div .account_right .result .account_div .address_table .sub-button{height:35px;line-height:35px} .accountorder-div .InfoTite .search_order .iptsearch_order{height:35px;line-height:35px} #tools-div .bot_content div.wid33 {height:120px;} #tools-div .bot_content .wid33 .content_right p { margin: 5px 0;line-height: 20px;} } @media screen and (min-width:1800px) and (max-width:2039px){ .marginbigtop {margin-top:40px;} .layout-twocolumn #leftColumn {width: 23%;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 135px);} .login-big{width:100%;position:relative;height:750px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .linked-index-list, .linked-index-list ul >[data-level] {width: 90%; display: inline-block;list-style: none;margin:0px 5px; } .linked-index-list ul li a {display: block; width: 100%;float: left;padding: 6px 0 8px 0;} .right-bottom-left ul {justify-content: space-around;display: -webkit-flex; -webkit-justify-content: space-around;display: flex;} .bannerimg {height: 400px;background-size: 100% 400px;} .homepage-featured__content div img { height:400px; width: 100%;} .layui-carousel-ind li {display: inline-block;width: 15px;height: 15px;margin: 0 3px;font-size: 14px;background-color: #e2e2e2;background-color: rgba(255,255,255,.5);border-radius: 50%;cursor: pointer;-webkit-transition-duration: .3s;transition-duration: .3s;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} /*.right-bottom-left:nth-child(1) {padding-top:80px;padding-bottom: 80px;}*/ .raouding{ height: 60px;padding: 0;} .linked-index-list ul li {line-height: 10px;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} #newest-bottom {height:350px;} .flymenu .flymenu__section {width: inherit;display: inline-block;position: relative;padding: 0;line-height: 75px;height: 75px;} .flymenu .flymenu__section-title {line-height: 75px;} .topbanner {margin: 25px auto;} .newest-products .newpart-content .partnoli li {height: 55px;line-height: 55px;} .newest-products .newest-blog dl {height: 450px;} .newest-products .newest-blog dl dd.blog-break {height:80px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .newest-products .newest-blog dl dd span {line-height: 30px;} .line-height20 {line-height:30px;} .login2 {left: 0%; top: 8px;} .contentmax-width {width:1840px;margin:auto;} #headmax-width3{width:1840px;margin:auto;} .login-ntable {width: 660px;position:absolute;z-index:10;position:absolute;top:26%;left:55%;} .newest-products .newest-bottom dl {height:300px;width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .newest-products .newest-bottom dl dd .newest-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; line-height: 25px; height: 70px;} .newest-products .newest-bottom dl dd:nth-child(4) { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-top: 30px;line-height: 20px;height: 55px;} .blog .post .blog_content {line-height:30px;} /*75%*/ .mfg-info .div-brand-detail .brand-remark,.mfg-info .div-brand-detail .mfg-main-remark{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info .mfg-part-r td{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info{max-height:215px;height:215px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg{height:216px} .mfg-info .div-brand-detail .brand-featured .mfg-floright{float:none} .acountdetails_div .tab-order-detail .btn_fright a.back,.acountdetails_div .tab-order-detail .btn_fright input[type=submit]{height:35px;line-height:35px;width:25%;} .accountorder-div .InfoTite,.accountorder-div .InfoTite .print_order {height:45px;line-height:45px;} .accountorder-div .acountdetails_div .InfoTite {height:40px;line-height:40px;} .accountorder-div .acountdetails_div .order_statusdiv{height:40px;line-height:40px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .orderdetail td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 0px;} .acountdetails_div .tab-order-detail .buyerinfo td.pleft10 {width: 165px;} .member-div .account_right .result .account_div .address_table .accountinput-text{height:45px;line-height:45px} .member-div .account_right .result .account_div .account_table .accountinput-text{height:45px;line-height:45px} .member-div .account_right .result .account_div .account_table .layui-input{border-radius:4px;height:45px;line-height:45px} .member-div .account_right .result .account_div .password_table .accountinput-text {height:45px;line-height:45px} .member-div .account_right .result .account_div .password_table .accountinput-code {height:45px;line-height:45px} .member-div .account_right .result .account_div .password_table .yzmimg .yzm_img {height: 45px;} .member-div .account_right .result .account_div .password_table .b-button{height:45px;line-height:45px} .accountorder-div .acount_ordercontent .acount_ordertable .view-m{height:45px;line-height:45px} .member-div .account_right .result .account_div .account_table .b-button{height:45px;line-height:45px} .member-div .account_right .result .account_div .address_table a.cancel{height:45px;line-height:45px} .member-div .account_right .result .account_div .address_table .sub-button{height:45px;line-height:45px} .accountorder-div .InfoTite .search_order .iptsearch_order{height:45px;line-height:45px} .ProdLeft .relatedparts {width: 885px;} .contents {width: 100%;margin: 15px auto;background-color: #fff;} } @media screen and (min-width:2040px) and (max-width:2850px) { #divContent .div-content .p10 { line-height: 32px;} .order-details .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(1) {padding: 5px 10px 5px 0px;} .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(2) {padding: 5px;} .flymenu .flymenu__nav-bar .flymenu__container {background: transparent;position: relative;overflow: visible;padding:0px;width: 70%; float: left; margin: 0;padding-left:1%; } .topbanner {margin: 8px auto;} .flymenu .flymenu__section > a {display: block;background-size: 7px 11px;padding: 0 30px;} .layout-twocolumn #leftColumn {width: 23%;} .newest-products .newpart-content .partnoli li {height: 45px;line-height: 45px;} .Page-Bottom { height: 380px;} .Page-Bottom .footerContainer ul li { padding: 8px 0;} .Page-Bottom .footerContainer .blk4 .blk4-bot {line-height: 40px;} .Page-Bottom .footerContainer[data-background-image="true"] .blk-wells .footerindex {padding-top:40px;} .header__searchinput {height: 45px;line-height: 45px;} .searchbtn {width: 92px;height: 45px;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 20%);} #newest-bottom {height:400px;} .newest-products .newest-bottom dl {height:320px; width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .bannerimg {height: 362px;} .homepage-featured__content div img { height:400px; width: 100%;} /*.right-bottom-left:nth-child(1) {padding-top:80px;padding-bottom: 80px;}*/ .layui-carousel-ind li {display: inline-block;width: 15px;height: 15px;margin: 0 3px;font-size: 14px;background-color: #e2e2e2;background-color: rgba(255,255,255,.5);border-radius: 50%;cursor: pointer;-webkit-transition-duration: .3s;transition-duration: .3s;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} .linked-index-list ul li {line-height: 10px;padding: 2px 0px 2px 0px;} .linked-index-list ul li p { display:block;padding-top:5px;} .right-bottom-center ul:nth-child(1){height:185px;margin-top:10px} .right-bottom-center ul:nth-child(2){height:185px;margin: 10px 0px 10px 0px;} .right-bottom-center ul li .c_left{width:40%;float:left;text-align:center;font-weight:bold;height:60px;line-height:30px} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center ul li .c_left a{font-size:15px;position:relative;top:50px;line-height:20px;word-wrap: break-word;} .right-bottom-center .div1{height:100px;position:relative;top:30px} .right-bottom-center .div2{height:100px;position:relative;top:30px} .right-bottom-center .div3{height:100px;position:relative;top:30px} .right-bottom-center .div4{height:100px;position:relative;top:30px} .right-bottom-center .div5{height:100px;position:relative;top:30px} .right-bottom-center .div6{height:100px;position:relative;top:30px} .raouding {height: 70px;padding: 0px 0 0px 0;} #header, #header__storage { height: 147px;} .flymenu .flymenu__section-title {line-height: 72px;} .flymenu .flymenu__nav-bar {height:70px;} .flymenu ul li.hover ul {height:160px;} .flymenu ul li.hover ul li a { height: 55px; line-height: 55px;} .newest-products .newest-blog dl {height: 366px; } .newest-products .newest-blog dl dd .newest-title { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .newest-products .newest-bottom dl dd .newest-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; line-height: 25px; height: 70px;} .newest-products .newest-bottom dl dd:nth-child(4) { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-top: 30px;line-height: 20px;height: 55px;} .linked-index-list ul li a {display: block; width: 100%;float: left;padding: 8px 0 8px 0;line-height:10px;} .login-input {height: 55px;line-height: 55px;} .nlogin-input {height: 55px;line-height: 55px;} .layui-form-selected dl {height: 400px;} .layui-form-select dl dd.layui-this {height: 50px;line-height: 50px;} .layui-form-select .layui-input {height: 50px;line-height: 50px;} .layui-form-select dl dd {height: 50px;line-height: 50px;} .login-button {height: 55px;line-height: 55px;width:50%;} .nlogin-button {height: 55px;line-height: 55px;width:100%;} .forgetpwd-button {height: 55px;line-height: 55px;width:50%;} .register-btn {height: 55px;line-height: 55px;} .height38 {height: 55px;line-height: 55px;} .height10{height:30px;line-height:30px;} .local {margin-top: 50px;} .margin30 {margin:20px 0 50px 0;} .marginbigtop {margin-top:20px;} .height50 {height:50px;line-height:50px;} .contents-div .login-tableleft .account-join-container li {margin:10px 0px;} .contents .contents-div .layui-input-block {min-height: 50px;} .div-table .login-title { font-weight: normal; display: block; margin: 20px 0px;} .servise {font-size:14px;padding-left:4px;position: relative;top: 5px;} .contents .contents-div .layui-form-checkbox span {font-size:14px;line-height: 22px;padding-left:8px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #FF9917;background-color: #FF9917;color: #fff;width:22px;height:22px;line-height:22px;} #newest .layui-carousel-ind {position: relative;top: -50px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl dd:nth-child(3) {line-height: 35px;} .div-button {height: 50px;line-height: 50px;} .homepage-featured__content, .banner_brandlogo .homepage-featured__banners {margin-bottom: 30px;} .line-height20 {line-height:40px;} .div-upload {width:180px;} .hl-36 {height: 56px;line-height: 56px;} .login-button { height: 58px;line-height: 58px;width: 80%;} .login-big{width:100%;position:relative;height:980px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .lin-height {height: 30px; line-height: 30px;} .line p[data-v-299f831a] { -webkit-box-flex: 1; flex: 1;height: 2px;background-color: #ccc;} .line p[data-v-299f831a] { -webkit-box-flex: 1;flex: 1; height: 2px; background-color: #ccc;} .contentmax-width {width:2040px;margin:auto;} #headmax-width3{width:2040px;margin:auto;} .login-ntable {width: 660px;position: absolute;left: 55%; top: 30%;} .div-mfg .mfg dl dd {padding-bottom: 18px;} .req-div .inquiryrow .layer .layer-border .tab-inquiry tbody input {width: 90%;} .req-div .inquiryrow .layer .layer-border .tab-rfq-info .l-button {height: 40px; line-height: 40px;} .req-div .inquiryrow .layer .layer-border .tab-rfq-info .code-ipt[type='text'] {width: 28.5%;} .blog .post .blog_content {line-height:40px;} .blog .blogcate {padding: 5px 0px 20px 30px;} /*67%*/ .mfg-info .div-brand-detail .brand-remark,.mfg-info .div-brand-detail .mfg-main-remark{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info .mfg-part-r td{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info{max-height:235px;height:235px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg{height:216px} .mfg-info .div-brand-detail .brand-featured .mfg-floright{float:none} .mfg-info .div-brand-detail .mfg-relate-news .relate-bg h3 {width: 260px;} .mfg-info .div-brand-detail .mfg-relate-news ul {padding: 40px 0px;} .pagecontent .slide-f {margin-top: 3px;} #contact-div .contact-left table tr, .contact-right table tr {height: 50px;line-height: 25px;} #contact-div .below-div .ul_one li p, .below-div .ul_two li p {height: 45px;line-height: 45px;} #about-div .about-details .applicationbanner a.icon_position {position:relative;left:30%;} #about-div .about-details .aboutuscontent .kycontent p {font-size: 13px;font-weight: 400;line-height: 45px;margin-top: 5px;} #about-div .about-details .contentbanner .contentbanner-top p {margin-top: 5px;width: 100%;font-size: 13px;line-height: 45px; text-align: left;} #about-div .about-details .aboutuscontentbottom .bottomcontentdiv p {line-height: 45px;} #about-div .about-details .applicationbanner .OneULposition {width: 100%; margin: auto;display:block;padding:0;margin:0;} #about-div .about-details .applicationbanner .ULone{width:100%;line-height:35px;text-align:center;float:left;padding: 20px 0;margin:0;} #about-div .about-details .applicationbanner .Lione{margin-left:50px;width:210px;} #about-div .about-details .applicationbanner .Litwo{margin-left:20px;width:180px;} #about-div .about-details .applicationbanner .Lithree{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifour{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifive{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lisix{margin-left:20px;width:180px;} #about-div .about-details .applicationbanner .Liseven{margin-left:20px;width:180px;} #history-div .details-content .float_left {width:80px;float:left;text-align:left;margin:2px;} #history-div .details-content .float_right {width:90%;float:left;text-align:left;margin:2px;} #history-div .details-content .titlecontent {position: absolute; top: -15px;left: 40px;bottom: 0; right: 0;} .acountdetails_div .tab-order-detail .buyerinfo td.pleft10 { width: 185px;} .acountdetails_div .tab-order-detail .btn_fright a.back,.acountdetails_div .tab-order-detail .btn_fright input[type=submit]{height:35px;line-height:35px;width:25%;} .accountorder-div .InfoTite,.accountorder-div .InfoTite .print_order {height:50px;line-height:50px;} .accountorder-div .InfoTite .search_order {height:50px;line-height:50px;} .accountorder-div .acountdetails_div .InfoTite {height:40px;line-height:40px;} .accountorder-div .acountdetails_div .order_statusdiv{height:40px;line-height:40px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .orderdetail td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 0px;} #tools-div .bot_content div.wid33 {height:160px;} #tools-div .bot_content .wid33 .content_right p { margin: 5px 0;line-height: 25px;} #tools-div .bot_content .wid33 .content_right {width:65%;} #tools-div .tools_details_bottom .tool_title { height: 40px;line-height: 40px;} } @media screen and (min-width:2850px) and (max-width:2999px){ #divContent .div-content .p10 { line-height: 32px;} .order-details .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(1) {padding: 5px 10px 5px 0px;} .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(2) {padding: 5px;} .flymenu .flymenu__section > a {display: block;background-size: 7px 11px;padding: 0 30px;} .layout-twocolumn #leftColumn {width: 23%;} .newest-products .newpart-content .partnoli li {height: 45px;line-height: 45px;} .Page-Bottom { height: 380px;} .Page-Bottom .footerContainer ul li { padding: 8px 0;} .Page-Bottom .footerContainer .blk4 .blk4-bot {line-height: 40px;} .Page-Bottom .footerContainer[data-background-image="true"] .blk-wells .footerindex {padding-top:40px;} .header__searchinput {height: 45px;line-height: 45px;} .searchbtn {width: 92px;height: 45px;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 20%);} #newest-bottom {height:400px;} .newest-products .newest-bottom dl {height:320px; width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .bannerimg {height: 362px;} .homepage-featured__content div img { height:400px; width: 100%;} /*.right-bottom-left:nth-child(1) {padding-top:80px;padding-bottom: 80px;}*/ .layui-carousel-ind li {display: inline-block;width: 15px;height: 15px;margin: 0 3px;font-size: 14px;background-color: #e2e2e2;background-color: rgba(255,255,255,.5);border-radius: 50%;cursor: pointer;-webkit-transition-duration: .3s;transition-duration: .3s;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} .linked-index-list ul li {line-height: 10px;padding: 2px 0px 2px 0px;} .linked-index-list ul li p { display:block;padding-top:5px;} .right-bottom-center ul:nth-child(1){height:185px;margin-top:10px} .right-bottom-center ul:nth-child(2){height:185px;margin: 10px 0px 10px 0px;} .right-bottom-center ul li .c_left{width:40%;float:left;text-align:center;font-weight:bold;height:60px;line-height:30px} .right-bottom-center ul li .c_right {width: 50%;float: right;} .right-bottom-center ul li .c_left a{font-size:15px;position:relative;top:50px;line-height:20px;word-wrap: break-word;} .right-bottom-center .div1{height:100px;position:relative;top:30px} .right-bottom-center .div2{height:100px;position:relative;top:30px} .right-bottom-center .div3{height:100px;position:relative;top:30px} .right-bottom-center .div4{height:100px;position:relative;top:30px} .right-bottom-center .div5{height:100px;position:relative;top:30px} .right-bottom-center .div6{height:100px;position:relative;top:30px} .raouding {height: 70px;padding: 0px 0 0px 0;} #header, #header__storage { height: 147px;} .flymenu .flymenu__section-title {line-height: 72px;} .flymenu .flymenu__nav-bar {height:70px;} .flymenu ul li.hover ul {height:160px;} .flymenu ul li.hover ul li a { height: 55px; line-height: 55px;} .newest-products .newest-blog dl {height: 366px; } .newest-products .newest-blog dl dd .newest-title { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .newest-products .newest-bottom dl dd .newest-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; line-height: 25px; height: 70px;} .newest-products .newest-bottom dl dd:nth-child(4) { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-top: 30px;line-height: 20px;height: 55px;} .linked-index-list ul li a {display: block; width: 100%;float: left;padding: 8px 0 8px 0;line-height:10px;} .login-input {height: 55px;line-height: 55px;} .nlogin-input {height: 55px;line-height: 55px;} .layui-form-selected dl {height: 400px;} .layui-form-select dl dd.layui-this {height: 50px;line-height: 50px;} .layui-form-select .layui-input {height: 50px;line-height: 50px;} .layui-form-select dl dd {height: 50px;line-height: 50px;} .login-button {height: 55px;line-height: 55px;width:50%;} .nlogin-button {height: 55px;line-height: 55px;width:100%;} .forgetpwd-button {height: 55px;line-height: 55px;width:50%;} .register-btn {height: 55px;line-height: 55px;} .height38 {height: 55px;line-height: 55px;} .height10{height:30px;line-height:30px;} .local {margin-top: 50px;} .margin30 {margin:20px 0 50px 0;} .marginbigtop {margin-top:20px;} .height50 {height:50px;line-height:50px;} .contents-div .login-tableleft .account-join-container li {margin:10px 0px;} .contents .contents-div .layui-input-block {min-height: 50px;} .div-table .login-title { font-weight: normal; display: block; margin: 20px 0px;} .servise {font-size:14px;padding-left:4px;position: relative;top: 5px;} .contents .contents-div .layui-form-checkbox span {font-size:14px;line-height: 22px;padding-left:8px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #FF9917;background-color: #FF9917;color: #fff;width:22px;height:22px;line-height:22px;} #newest .layui-carousel-ind {position: relative;top: -50px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl dd:nth-child(3) {line-height: 35px;} .div-button {height: 50px;line-height: 50px;} .homepage-featured__content, .banner_brandlogo .homepage-featured__banners {margin-bottom: 30px;} .line-height20 {line-height:40px;} .div-upload {width:180px;} .hl-36 {height: 56px;line-height: 56px;} .login-button { height: 58px;line-height: 58px;width: 80%;} .login-big{width:100%;position:relative;height:980px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .lin-height {height: 30px; line-height: 30px;} .line p[data-v-299f831a] { -webkit-box-flex: 1; flex: 1;height: 2px;background-color: #ccc;} .line p[data-v-299f831a] { -webkit-box-flex: 1;flex: 1; height: 2px; background-color: #ccc;} .contentmax-width {width:2040px;margin:auto;} #headmax-width3{width:2040px;margin:auto;} .login-ntable {width: 660px;position: absolute;left: 55%; top: 30%;} .div-mfg .mfg dl dd {padding-bottom: 18px;} .req-div .inquiryrow .layer .layer-border .tab-inquiry tbody input {width: 90%;} .req-div .inquiryrow .layer .layer-border .tab-rfq-info .l-button {height: 40px; line-height: 40px;} .req-div .inquiryrow .layer .layer-border .tab-rfq-info .code-ipt[type='text'] {width: 28.5%;} .blog .post .blog_content {line-height:40px;} .blog .blogcate {padding: 5px 0px 20px 30px;} /*67%*/ .mfg-info .div-brand-detail .brand-remark,.mfg-info .div-brand-detail .mfg-main-remark{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info .mfg-part-r td{line-height:30px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info{max-height:235px;height:235px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg{height:216px} .mfg-info .div-brand-detail .brand-featured .mfg-floright{float:none} .mfg-info .div-brand-detail .mfg-relate-news .relate-bg h3 {width: 260px;} .mfg-info .div-brand-detail .mfg-relate-news ul {padding: 40px 0px;} .pagecontent .slide-f {margin-top: 3px;} #contact-div .contact-left table tr, .contact-right table tr {height: 50px;line-height: 25px;} #contact-div .below-div .ul_one li p, .below-div .ul_two li p {height: 45px;line-height: 45px;} #about-div .about-details .applicationbanner a.icon_position {position:relative;left:35%;} #about-div .about-details .aboutuscontent .kycontent p {font-size: 13px;font-weight: 400;line-height: 45px;margin-top: 5px;} #about-div .about-details .contentbanner .contentbanner-top p {margin-top: 5px;width: 100%;font-size: 13px;line-height: 45px; text-align: left;} #about-div .about-details .aboutuscontentbottom .bottomcontentdiv p {line-height: 45px;} #about-div .about-details .applicationbanner .OneULposition {width: 100%; margin: auto;display:block;padding:0;margin:0;} #about-div .about-details .applicationbanner .ULone{width:100%;line-height:35px;text-align:center;float:left;padding: 20px 0;margin:0;} #about-div .about-details .applicationbanner .Lione{margin-left:50px;width:210px;} #about-div .about-details .applicationbanner .Litwo{margin-left:20px;width:180px;} #about-div .about-details .applicationbanner .Lithree{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifour{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lifive{width:180px;margin-left:20px;} #about-div .about-details .applicationbanner .Lisix{margin-left:20px;width:180px;} #about-div .about-details .applicationbanner .Liseven{margin-left:20px;width:180px;} #history-div .details-content .float_left {width:80px;float:left;text-align:left;margin:2px;} #history-div .details-content .float_right {width:90%;float:left;text-align:left;margin:2px;} #history-div .details-content .titlecontent {position: absolute; top: -15px;left: 40px;bottom: 0; right: 0;} .acountdetails_div .tab-order-detail .buyerinfo td.pleft10 { width: 185px;} .acountdetails_div .tab-order-detail .btn_fright a.back,.acountdetails_div .tab-order-detail .btn_fright input[type=submit]{height:35px;line-height:35px;width:25%;} .accountorder-div .InfoTite,.accountorder-div .InfoTite .print_order {height:50px;line-height:50px;} .accountorder-div .InfoTite .search_order {height:50px;line-height:50px;} .accountorder-div .acountdetails_div .InfoTite {height:40px;line-height:40px;} .accountorder-div .acountdetails_div .order_statusdiv{height:40px;line-height:40px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .orderdetail td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 0px;} #tools-div .bot_content div.wid33 {height:200px;} #tools-div .bot_content .wid33 .content_right p { margin: 5px 0;line-height: 30px;} #tools-div .bot_content .wid33 .content_left {width:15%;} #tools-div .bot_content .wid33 .content_right {width:85%;} #tools-div .tools_details_bottom .tool_title {height: 40px;line-height: 40px;} } @media screen and (min-width:3000px) and (max-width:4091px){ #divContent .div-content .p10 { line-height: 35px;} .order-details .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(1) {padding: 10px 10px 10px 0px;} .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(2) {padding: 10px 10px 10px 0px;} .marginbigtop {margin-top:40px; } .layout-twocolumn #leftColumn {width: 23%;} /*.right-bottom-left:nth-child(1) {padding-top:100px;padding-bottom: 100px;}*/ .bannerimg {height:362px;background-size: 100% 362px;} .homepage-featured__content div img { height: 400px; width: 100%;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 1500px);} .login-big{width:100%;position:relative;height:1200px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .login-ntable {width: 660px;position:absolute;z-index:10;position:absolute;left:70%;top:26%;} .line-height20 {line-height:55px;} .flymenu .header__top {height:170px;line-height:170px;} .content-bottom ul li img {height:200px;line-height:200px;} .header__top a img {height:160px;line-height:160px;} .head_weblgin2 li a {height: 170px;line-height: 170px;} .header__clc .iconli3 {height: 170px;line-height: 170px;} .header__clc .iconli3 a {font-size: 85px;color: #333;text-decoration: none;float: left;text-align: center;} .header__clc .items-num {position: absolute;top: 30px;width: 48px;height: 48px;text-align: center;line-height: 48px;border-radius: 50%;padding: -5px 0px 0px 0px;background: red;color: #fff;} .flymenu .header__bottom {height:182px;line-height:170px;top:172px;} .head_weblgin2 li {padding: 0px 65px;line-height: 170px;height: 170px;} .flymenu .flymenu__section > [data-level] {padding: 0 50px;} .flymenu .flymenu__section-title {line-height: 172px;} .Page-Bottom {height:1030px;} .Page-Bottom .footerContainer .blk0 {border-bottom: 1040px solid #C3C6CF;border-left: 778px solid transparent;} .Page-Bottom .footerContainer .blkHead {font-size: 16px;padding: 50px 0 30px 0;} .Page-Bottom .footerContainer ul li {padding: 20px 0;} .Page-Bottom .footerContainer .blk1 {height: 720px;} .Page-Bottom .footerContainer .blk4 .talk {padding-top: 38px;font-size: 16px;padding-bottom: 25px;} .Page-Bottom .footerContainer .blk4 .blk4-bot {line-height: 80px;} .head_weblgin2 li a img {position: absolute;top: 70px;margin-left: -108px;width: 160px;height: 130px;} .foot-icon img {height:56px;} .footer_bgicon {background: url(/KImages/pub/kynix_icon.png) no-repeat 0px -2px; width: 600px;height:30px;display: block;text-align: center;} .postion_icon {position:relative;left:17%;} .postion-bottom {line-height:90px;} /*Login*/ .contents .contents-div .login-table{width:98%;margin:auto;} .contents .contents-div .layui-input-block {width:100%;margin:auto;min-height: 116px;} .wid60 {width:60%;margin:auto;} .login-input {height: 80px;line-height: 80px;border: 3px solid #ddd;} .nlogin-input {height: 80px;line-height: 80px;border: 3px solid #ddd;} .layui-input {border: 3px solid #d2d2d2; } .div-table .login-title {margin: 20px 0px;} .layui-form-selected dl {height: 600px;border: 3px solid #d2d2d2;max-height: 600px;} .layui-form-select dl dd.layui-this {height: 80px;line-height: 80px;} .layui-form-select .layui-input {height: 80px;line-height: 80px;} .layui-form-select dl dd {height: 80px;line-height: 80px;} .position { bottom: -95px;/*-125px;*/} .table-center { margin: 10px auto 50px auto;} .login-button {height: 68px;line-height: 68px;} .nlogin-button {height: 68px;line-height: 68px;} .forgetpwd-button {height: 68px;line-height: 68px;} .register-btn{height: 68px;line-height: 68px;} .height38 {height: 68px;line-height: 68px;} .height10{height:20px;line-height:20px;} .bgtitle-width { height: 70px;line-height: 70px;} .height50 {height:150px;line-height:130px;} .contents .contents-div .layui-form-checkbox span {font-size:1vw;line-height: 58px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #FF9917;background-color: #FF9917;color: #fff;width:43px;height:43px;line-height:43px;} .border-theme {border: 3px solid #f60!important; } .contents .contents-div .layui-form-checkbox[lay-skin=primary] {padding-left:68px;} .padbottom20 {margin-bottom: 180px;} .padding-top-div {padding-top:232px;} .btn-botton {width:100%;float:left;} .contents-div .login-tableleft .account-join-container li {margin: 15px 0px 15px 0px;} .contents-div .login-tableleft .account-join-container li span {padding: 0px 0px 0px 50px;font-size:16px;} .contentmax-width {width:2240px;margin:auto;} #headmax-width3{width:2240px;margin:auto;} /*Login*/ .div-mfg .mfg dl dd {padding-bottom: 18px;} .req-div .inquiryrow .layer .layer-border .tab-inquiry tbody input {width: 90%;} /*50%*/ .mfg-info .div-brand-detail .brand-remark,.mfg-info .div-brand-detail .mfg-main-remark{line-height:40px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info .mfg-part-r td{line-height:40px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg .mfg-part-info{max-height:285px;height:285px} .mfg-info .div-brand-detail .brand-featured .mfg-f-bg{height:216px} .mfg-info .div-brand-detail .brand-featured .mfg-floright{float:none} .mfg-info .div-brand-detail .mfg-relate-news .relate-bg h3 {width: 260px;} .mfg-info .div-brand-detail .mfg-relate-news ul {padding: 40px 0px;} #contact-div .contact-left table tr, .contact-right table tr {height: 45px;line-height: 45px;} #contact-div .below-div .ul_one li p, .below-div .ul_two li p {height: 30px;line-height: 30px;} .acountdetails_div .tab-order-detail .buyerinfo td.pleft10 { width: 185px;} .acountdetails_div .tab-order-detail .btn_fright a.back,.acountdetails_div .tab-order-detail .btn_fright input[type=submit]{height:35px;line-height:35px;width:25%;} .accountorder-div .InfoTite,.accountorder-div .InfoTite .print_order {height:50px;line-height:50px;} .accountorder-div .acountdetails_div .InfoTite {height:40px;line-height:40px;} .accountorder-div .acountdetails_div .order_statusdiv{height:40px;line-height:40px;} .acountdetails_div .tab-order-detail .buyerinfo td {line-height: normal;padding: 10px 5px;} .acountdetails_div .tab-order-detail .orderdetail td {line-height: normal;padding: 10px 5px;} } @media screen and (min-width:4091px) and (max-width:5000px){ #divContent .div-content .p10 { line-height: 50px;} .order-details .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(1) {padding: 10px 10px 10px 0px;} .confirm_details .row .order-view .border-gray .buyerinfo tbody tr td:nth-child(2) {padding: 10px 10px 10px 0px;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 1500px);} .login-big{width:100%;position:relative;height:1600px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .login-ntable{width: 660px; position:absolute;z-index:10;position:absolute;left:65%;top:35%;background:#fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;box-shadow:0 0 10px #ddd} .lin-height {height: 50px; line-height: 50px;} .line p[data-v-299f831a] { -webkit-box-flex: 1; flex: 1;height: 2px;background-color: #ccc;} .line p[data-v-299f831a] { -webkit-box-flex: 1;flex: 1; height: 2px; background-color: #ccc;} .flymenu ul li.hover ul li{float:left;width:430px;} .flymenu ul li.hover ul li a {display:block;color:#fff;text-align: left;padding: 0 0 0 60px;height: 55px;line-height: 55px;} .flymenu ul li.hover ul li a:hover{background:#fff;color:#333;} .flymenu ul li.hover ul {opacity: 100;background: #222222;position: absolute;width: 430px;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.3);} .hover ul {float: left; padding: 0px; margin: 0px auto;border: none;outline: none;text-align:center;} .flymenu ul li.hover:hover ul{display:block;} #newest-bottom {height:500px;} .newest-products .newest-bottom dl {height:320px; width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .bannerimg {height: 900px;background-size: 100% 900px;} .layui-carousel-ind li {display: inline-block;width: 35px;height: 35px;margin: 0 3px;font-size: 14px;background-color: #e2e2e2;background-color: rgba(255,255,255,.5);border-radius: 50%;cursor: pointer;-webkit-transition-duration: .3s;transition-duration: .3s;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} .linked-index-list ul li {line-height: 10px;padding: 0.8vh 0px 0.6vh 0px;} .linked-index-list ul li a {display: block; width: 100%;float: left;padding: 20px 0 24px 0;} .border-theme {border: 3px solid #f60!important;} .login-input {height: 90px;line-height: 90px;border:3px solid #ddd;} .nlogin-input {height: 90px;line-height: 90px;border:3px solid #ddd;} .layui-form-selected dl {height: 400px;} .layui-form-select dl dd.layui-this {height: 90px;line-height: 90px;border:3px solid #ddd;} .layui-form-select .layui-input {height: 90px;line-height: 90px;border:3px solid #ddd;} .layui-form-select dl dd {height: 90px;line-height: 90px;border:3px solid #ddd;} .div-table .login-title{margin:15px 0;} .table-center {margin: 10px auto 40px auto;} .contents-div .login-tableleft .account-join-container li span {padding: 0px 0px 0px 40px;} .contents-div .login-tableleft .account-join-container li { margin: 15px 0px 10px 0px;} .contents .contents-div .layui-input-block {min-height: 86px;height:86px;} .login-button {height: 68px;line-height: 68px;} .nlogin-button {height: 68px;line-height: 68px;} .forgetpwd-button {height: 68px;line-height: 68px;} .register-btn {height: 68px;line-height: 68px;} .height38 {height: 68px;line-height: 68px;} .height10{height:30px;line-height:30px;} .height50 {height:60px;line-height:50px;} .contents .contents-div .layui-form-checkbox span {font-size:14px;line-height: 28px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #f60;background-color: #f60;color: #fff;width:26px;height:26px;line-height:26px;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl dd:nth-child(3) {line-height: 35px;} .header__searchbar{margin-top:20px;max-width:calc(100% - 1000px)} .flymenu .header__top .header__searchbar input.search-textbox{height:80px} .searchbtn{width:120px;height:84px} .header__clc .items-num{font-size:small} #newest-bottom{height:550px} .content-bottom{margin:2vh 0;width:96%;background-color:#fff;margin:50px auto 220px auto;overflow:hidden} .newest-products .newest-bottom dl{height:450px;width:23%;margin:0 1% 0 .7%;float:left;box-shadow:0 0 3px #ddd;box-shadow:0 0 3px rgba(0,0,0,.2);margin-top:2px;text-align:center} .layout-twocolumn{position:relative;top:0px} .right-bottom-left ul{height:300px;margin-top:80px} .right-bottomall .right-bottom-left{height:300px;padding-top:50px} .div-button{height:70px;line-height:70px} .banner_brandlogo .homepage-featured__banners,.homepage-featured__content{margin-bottom:50px} .right-bottom-left .li1{background:url(/KImages/category_img_01.jpg) no-repeat;width:170px;height:150px;float:left;text-align:center;padding-top:100px;font-weight:700} .newest-products .newpart-content .partnoli li{height:85px;line-height:85px} .newest-products .newest-blog dl{height:680px} .newest-products .newest-blog dl dd.blog-break{height:120px;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .newest-products .newest-blog dl dd span{line-height:50px} .line-height20 {line-height:45px;} .marginbigtop {margin-top:50px;} .pad30 { margin: 30px 0 40px 0;} .small-divtop {padding-top:220px;} .hl-36 {height: 56px;line-height: 56px;} .iconfont30 {font-size: 50px;} .contentmax-width {width:3240px;margin:auto;} #headmax-width3{width:3240px;margin:auto;} .margin90top {margin-top:200px; } .position {position: relative;left: 20%;bottom: -35px;} .powidth{width: 58%;float: left;text-align: right;} .div-mfg .mfg dl dd {padding-bottom: 28px;} } @media screen and (min-width:5001px){ #divContent .div-content .p10 { line-height: 60px;} .header__searchbar { margin-top: 20px; max-width: calc(100% - 1500px);} .login-big{width:100%;position:relative;height:2620px;background:url(/Kimages/login-beijingtu.jpg) no-repeat top;z-index:1;background-size:cover} .login-ntable{width: 660px; position:absolute;z-index:10;position:absolute;left:55%;top:26%;background:#fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;box-shadow:0 0 10px #ddd} .lin-height {height: 100px; line-height: 100px;} .line p[data-v-299f831a] { -webkit-box-flex: 1; flex: 1;height: 2px;background-color: #ccc;} .line p[data-v-299f831a] { -webkit-box-flex: 1;flex: 1; height: 2px; background-color: #ccc;} .div-upload {width:210px;} .line-height20 {line-height:85px;} .flymenu ul li.hover ul li{float:left;width:630px;} .flymenu ul li.hover ul li a {display:block;color:#fff;text-align: left;padding: 0 0 0 60px;height: 85px;line-height: 85px;} .flymenu ul li.hover ul li a:hover{background:#fff;color:#333;} .flymenu ul li.hover ul {opacity: 100;background: #222222;position: absolute;width: 630px;display: none;box-shadow: 0 3px 10px rgba(0,0,0,0.3);} .hover ul {float: left; padding: 0px; margin: 0px auto;border: none;outline: none;text-align:center;} .flymenu ul li.hover:hover ul{display:block;} #newest-bottom {height:800px;} .newest-products .newest-bottom dl {height:320px; width: 23%;margin: 0px 1% 0 0.7%;float: left;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .bannerimg {height: 1150px;background-size: 100% 1150px;} .layui-carousel-ind li {display: inline-block;width: 45px;height: 45px;margin: 0 3px;font-size: 14px;background-color: #e2e2e2;background-color: rgba(255,255,255,.5);border-radius: 50%;cursor: pointer;-webkit-transition-duration: .3s;transition-duration: .3s;} .linked-index-list {border: solid 1px #e6e9ed;margin-right:15px;padding:2px 8px 8px 8px;background-color: #fff;height:100%;} .linked-index-list ul li {line-height: 10px;padding: 0.8vh 0px 0.6vh 0px;} .linked-index-list ul li a {display: block; width: 100%;float: left;padding: 30px 0 30px 0;} .height10{height:30px;line-height:30px;} .margin30 {margin:20px 0 50px 0;} .height50 {height:60px;line-height:50px;} .login-button {height: 118px;line-height: 118px;} .nlogin-button {height: 118px;line-height: 118px;} .forgetpwd-button {height: 118px;line-height: 118px;} .register-btn{height: 118px;line-height: 118px;} .contents-div .login-tableleft .account-join-container li { margin: 25px 0px;} .table-padding {margin: 15px auto 15px auto;} .border-theme {border: 3px solid #f60!important;} .div-table .login-title { font-weight: normal; display: block; margin: 20px 0px;} .servise {font-size:14px;padding-left:40px;position: relative;top: 20px;} .contents .contents-div .layui-form-checkbox span {font-size:14px;line-height: 60px;padding-left:60px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #f60;background-color: #f60;color: #fff;width:26px;height:26px;line-height:26px;} #newest .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .newest-products .newest-bottom dl dd:nth-child(3) {line-height: 35px;} .contents .contents-div .layui-form-checkbox[lay-skin=primary] i {border-color: #F8AF23;background-color: #F8AF23;color: #fff;width: 60px; height: 60px;line-height: 60px;} .contents .contents-div .layui-input-block {min-height: 116px;} .pad30 {margin: 55px 0 75px 0;} .login-input {height: 130px;line-height: 130px;border-radius:10px;border:3px solid #ddd;} .nlogin-input {height: 130px;line-height: 130px;border-radius:10px;border:3px solid #ddd;} .layui-form-selected dl {height: 400px;} .layui-form-select dl dd.layui-this {height: 130px;line-height: 130px;border:3px solid #ddd;} .layui-form-select .layui-input {height: 130px;line-height: 130px;border:3px solid #ddd;} .layui-form-select dl dd {height: 130px;line-height: 130px;border:3px solid #ddd;} .header__searchbar{margin-top:20px;max-width:calc(100% - 1000px)} .flymenu .header__top .header__searchbar input.search-textbox{height:80px} .searchbtn{width:120px;height:84px} .header__clc .items-num{font-size:small} #newest-bottom{height:650px} .content-bottom{margin:2vh 0;width:96%;background-color:#fff;margin:50px auto 220px auto;overflow:hidden} .newest-products .newest-bottom dl{height:580px;width:23%;margin:0 1% 0 .7%;float:left;box-shadow:0 0 3px #ddd;box-shadow:0 0 3px rgba(0,0,0,.2);margin-top:2px;text-align:center} .layout-twocolumn{position:relative;top:0px;/*210px*/} .right-bottom-left ul{height:500px;margin-top:80px} .right-bottomall .right-bottom-left{height:480px;padding-top:50px} .div-button{height:120px;line-height:120px} .banner_brandlogo .homepage-featured__banners,.homepage-featured__content{margin-bottom:50px} .right-bottom-left .li1{background:url(/KImages/category_img_01.jpg) no-repeat;width:170px;height:150px;float:left;text-align:center;padding-top:100px;font-weight:700} .newest-products .newpart-content .partnoli li{height:105px;line-height:105px} .newest-products .newest-blog dl{height:680px} .newest-products .newest-blog dl dd.blog-break{height:120px;line-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .newest-products .newest-blog dl dd span{line-height:50px} .newest-products .newest-bottom dl dd:nth-child(3) {line-height: 65px;} .newest-products .newest-bottom dl dd:nth-child(4) {line-height: 68px;} .newest-products .newest-bottom dl dd {padding: 14px 5px 2px 5px;font-size: 15px;} .search-index ul li:first-child { font-weight: normal;padding: 80px 20px 80px 20px;} .search-index ul li { float: left;display: block;color: #333333;width: 2.5%;font-size: small; padding: 80px 0px;} .small-divtop {padding-top:220px;} .hl-36 {height: 56px;line-height: 56px;} .margin90top { margin-top: 250px;} .contentmax-width {width:4640px;margin:auto;} #headmax-width3{width:4640px;margin:auto;} .position {position: relative;left: 20%;bottom: -35px;} .powidth{width: 58%;float: left;text-align: right;} .div-mfg .mfg dl dd {padding-bottom: 18px;} } @media (min-width:300px) and (max-width:1000px){ .inducontent{line-height:22px;display:block;float:left;margin-top:10px} } /*左侧分类导航中的收缩效果大小图*/ @media screen and (min-width:769px) and (max-width:1024px) { #header, #header__storage {height:auto;} .layui-carousel-ind {position: relative;top: -75px;width: 100%;line-height: 0!important;text-align: center;font-size: 0;} .layout-onecolumn .richtextcontent {background-position: bottom center;} .heighttop {position: relative;top: 65px;left: 0px;} .layout-twocolumn .content-column {position: relative;top: 85px;left: 0px;} .heighttop {position: relative;top: 65px;left: 0px;} .content-bottom {height:78px;} .newest-products .newest-bottom dl {width:22%;float:left;overflow:hidden;margin:10px 1%;height:250px; } } @media (max-width:500px) { #header,#header__storage {height: auto;} .linked-index-list ul > a{margin: 5px 0;padding: 0;font-size: 14px;width:100%;} .banner__navigation {height: auto;} .banner__navigation a {flex-wrap: wrap;flex-direction: row;justify-content: center;padding-bottom: 5px;} .banner__navigation a span {margin: 5px 5px 0px 5px;text-align: center;padding-top: 10px;} .homepage-featured__content div {display: block;width:100%;} .homepage-featured__content div.spacer {padding: 7px;} .homepage-featured__content div img {width:400px;height:100%;} .homepage-featured__content-section, .homepage-featured__content-title, .homepage-featured__content-desc {padding: 2px 0px;} .slider .slide {flex-wrap: wrap;background: none;} .slider .slide > .content {padding: 10px 0 0 0;} .slider .slide > .content .btn {width: calc(100% - 20px);text-align: center;position: static;} .cate-item .cate-name {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857;font-size: 12px;color: #333333;white-space: normal; z-index:100;text-align:left;padding:1px 0px 0px 0px;} .cate-item .cate-name:hover span{color: #f60; font-weight:bold;} .cate-item .cate-name:hover i{color:#f60;font-weight:bold;} .cate-item .cate-name .cname {cursor:default;font-size: 13px;color: #333333; white-space: normal; background-color: #ffffff !important;} #leftColumn > li > a {display: block;clear: both; font-weight: normal;line-height: 1.42857;white-space: nowrap;} #leftColumn > li > a:hover{color: #f60;font-weight:normal;} .cate-item .cate-name .fa-icon {color:#333;font-size:12px;float:right;margin:3px 0px 0px 0px;} .cate-item .cate-main {position:absolute;-webkit-box-sizing:border-box;box-sizing: border-box;top:0;left:-20px;z-index:9;display:none;} .cate-item:hover .cate-main { display:inline;} .cate-item .cate-sub {margin-left:20px;height:305px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display: flex;max-width:1080px;} .cate-item .cate-sub .c-item {font-size: 14px;width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color: #ffffff !important;} .cate-item .cate-sub .c-item .categroyname {font-size:15px;font-weight:700;color:#333333; padding-bottom:15px;} .cate-item .cate-sub .c-item h4 a{color:#333;margin:0px 0px 0px 10px;} .cate-item .cate-sub .c-item h4 a:hover{color:#f60;} .cate-item .cate-sub .c-item .sub-list {margin:0px 10px 10px 10px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;} .cate-item .cate-sub .c-item .sub-list::-webkit-scrollbar {width:10px;height:1px;} .cate-item .cate-sub .c-item .sub-list::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);} .cate-item .cate-sub .c-item .sub-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;} .cate-item .cate-sub .c-item .sub-list .sub-item{margin:2px 0px;} .cate-item .cate-sub .c-item .sub-list .sub-item a {color:#333333;} .cate-item .cate-sub .c-item .sub-item a:hover{color:#f60;text-decoration:underline;color: #f60;font-weight:bold;} .categroytopa {padding: 10px 0px;background: no-repeat #ffffff;display: block;text-decoration: none;color: #f60;} .viewbottom {margin-top: 15px;border-top: 1px solid #e6e9ed;padding-left: 0;} .Page-Middle #contentAll #category{position:relative;z-index:10;border:1px solid #d9d9d9;background-color: #fff;min-height:630px;border-color: #e0e4e9; background-clip: border-box;} .cate-item {line-height:25px;padding:3.0px 0px;} .viewall{line-height:25px;padding:3.0px 0px; border-bottom: 1px solid #e0e4e9; padding: 20px 0 15px 0;} .viewall a{padding: 3px 20px;} .right-bottomall {width:100%;margin:auto;text-align:center;float:left;} .right-bottomall .right-bottom-left { width:100%; float:left;background-color: #ffffff !important;/*margin-top: 50px;*/} .right-bottomall .right-bottom-right {width:100%; height:100%; float:left; padding-left:1%;} .right-bottomall .right-bottom-right .bottom-right-top {width:50%;float:left; height:40px; line-height:40px; background-color: #ccc !important; border-top-left-radius:3px; border-top-right-radius:3px; } .right-bottomall .right-bottom-right .bottom-right-top span { font-weight:700;} .right-bottomall .right-bottom-right .selectcolor {color:#fff; width:50%; float:left; height:40px;line-height:40px; background-color: #283558 !important;font-weight: 700;font-size: 15px;} .right-bottomall .right-bottom-right .selectcolorgrey {color:#333; width:50%; float:left; height:40px;line-height:40px; background-color: #ccc !important;font-weight: 700;font-size: 15px;} .right-bottomall .right-bottom-right .bottom-right-input {width:100%;float:left; height:35px; line-height:35px;} .right-bottomall .right-bottom-right .odd {background-color:#fff;} .right-bottomall .right-bottom-right .ove {background-color:#f5f5f5;} .right-bottomall .right-bottom-right input[type='text'] {width:99%;height:35px;line-height:35px;border:none;text-indent:10px} .right-bottomall .right-bottom-right .submitsearch{height:40px;line-height:40px;width:100%;border:none;background-color:#fff;text-align:center;float:left;} .right-bottomall .right-bottom-right .submitsearch span {margin-top:1vh;display:block;} .right-bottomall .right-bottom-right .submitsearch a { width:30%; height:30px; line-height:30px; margin:auto; background-color:#f19d43; display:block;border-radius:30px;} .right-bottomall .right-bottom-right .submitsearch a i{color: #fff;} .right-bottomall .right-bottom-right .bomBox {width:100%;float:left;background-color:#8dcde4;} .right-bottomall .right-bottom-right .bomBox .p1 {color: #fff;height:35px;line-height:35px;} .right-bottomall .right-bottom-right .bomBox .p2 {color: #f60;font-weight: bold;line-height: 26px;margin-bottom: 7px;} .right-bottomall .right-bottom-right .bomBox .p3 {padding-left: 23px;color: #f60;line-height: 22px;font-weight: normal;} .right-bottomall .right-bottom-right .bomBox .p3.pbg1 {background: url(/KImages/homeSehList.png) no-repeat 0 -133px;} .right-bottomall .right-bottom-right .bomBox .p3.pbg2 {background: url(/KImages/homeSehList.png) no-repeat 0 -200px;} .right-bottomall .right-bottom-right .bomBox .p3.pbg3 {background: url(/KImages/homeSehList.png) no-repeat 0 -265px;} .right-bottomall .right-bottom-right .bomBox .goBom {text-align: center;margin-top: 14px;padding-bottom:2px;} .right-bottomall .right-bottom-right .bomBox .goBom span {background: -webkit-linear-gradient(#fff,#9fc8e5);background: -o-linear-gradient(#fff,#9fc8e5);background: -moz-linear-gradient(#fff,#9fc8e5);background: linear-gradient(#fff,#9fc8e5);} .right-bottomall .right-bottom-right .bomBox .goBom span {cursor: pointer;display: inline-block;width: 40%;height: 30px;border-radius: 4px;text-align: center;line-height: 30px;font-size: 16px;color: #5ba4d8;box-shadow: 0 1px 10px #5ba4d8;} .right-bottomall .right-bottom-right .bomBox .div_widthright{text-align:left;width:100%;margin:auto;font-size:small;} .newest-products .newest-bottom dl {width:98%;margin-right:1vw;height:258px; display:table-cell;border: 2px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 2px;text-align: center;} .newest-products .newest-bottom span {width:80%;line-height:20px;padding:0px 10px 0 0;} } @media (max-width:350px) { .slider .slide .slide-image-link {flex-grow: 1;} .homepage-featured__content div img, .slider .slide .slide-image-link img {width: 100%;height:100%;} /*.homepage-featured__banners div:nth-child(n+2) {display: none;}*/ .cate-item .cate-main {left: 0px;} .homepage-featured__content div img {width: 100%;height: 400px;} .activity-all .activity-content .activity-black-all .black-banner img{display: inline-block;height: 60px;background-size: cover;position: relative;left: -282px;width:auto;} } @media screen and (min-width:300px) and (max-width:999px) { .activity-all .activity-content .activity-content-ow{width:100%;float:left;background-color:#F5F5F5;justify-content:space-between;display:block} .activity-all .activity-content .activity-left{width:100%;float:left} .activity-all .activity-content .activity-right{width:100%;float:left} .activity-all .activity-content .activity-left .left-products dl{width:100%;float:left} .activity-all .activity-content .activity-left .left-products dl:nth-child(odd){background-color:#f5f5f5} .activity-all .activity-content .activity-right .right-products dl{width:100%;float:left} .activity-all .activity-content .activity-right .right-products dl:nth-child(odd){background-color:#f5f5f5} .activity-all .activity-content .activity-black-all .blackfive-products dl{width:100%;float:left} .activity-all .activity-content .activity-black-all .blackfive-products dl:nth-child(odd){background-color:#f5f5f5} .activity-all .activity-content .activity-black-all .black-banner img{display: inline-block;height: 70px;background-size: cover;position: relative;left: -329px;width:auto;} }