﻿@charset "utf-8";
:root{--headercolor:#000000}
main.page-template-1 .max-width-box aside{min-width:300px}
main.page-template-1 .max-width-box aside ul.nav1 li p{font-size:13.5px;padding:0 6px}
.item-faqdetails .article p,.item-aboutus .article p{margin-bottom:2px}
main.index section.products .item ul li>div img{height:250px;object-fit:contain}
main.index section.products .item ul li>div .rule-box{max-height:250px}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
main.index section.about-us .block-box .pic img{object-fit:cover}
.table-wrap table{width:auto}
footer .footer-info .nav2{width:250px}
.item.item-products.productsDetails img{max-width:100%}
main.index section.products .list ul{flex-wrap:wrap;justify-content:space-between;margin-top:25px}
main.index section.products .list ul li{display:block!Important;width:32%;background:none;margin-bottom:16px;height:auto}
main.index section.products .list ul li a{color:#000;height:100%;border:1px solid #000;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;line-height:1.3;min-height:48px}
main.index section.products .list ul li:hover{background:none}
main.index section.products .list ul li:hover a{color:var(--color);border-color:var(--color)}
main.index section.products .title{display:block;text-align:center}
main.index section.products .title .title-img-box{margin-bottom:0}
@media screen and (max-width:1200px){main.index section.products .title .list ul li a{font-size:14px}}
@media screen and (max-width:768px){main.index section.products .title .list ul li{width:49%;margin-bottom:10px}
main.index section.products .title .list ul li a{font-size:13px;min-height:42px}}
@media screen and (max-width:480px){main.index section.about-us .block-box .pic{display:block!Important;width:100%;height:280px}
main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us{height:auto}
main.index section.about-us>img{object-fit:cover}}
.index .swiper-box{top:102px}
body{padding-top:102px}
header .top-box{top:0}
header{top:0}
@media screen and (max-width:1200px){body{padding-top:62px}
.swiper-box{top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box{top:0}}
@media screen and (min-width:1025px){header .top-box .nav-box.index-page.nav-set-top-40{border-radius:35px!important;padding:0 220px 0 0}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li:hover>a{color:var(--color);background:#fff}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1>li .submenu li:hover>a{color:#fff}
header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close{position:absolute;right:40px}
header .top-box .nav-box{background:#fff url(/js/34598/headbg.png) no-repeat right center;background-size:auto 100%}
header .top-box .nav-box.top-0:after{content:'';width:35px;height:100%;position:absolute;right:0;bottom:0;background:#ef6e08}
header .top-box .nav-box .left{padding-left:0}
header .top-box .nav-box.top-0{padding-right:220px}}
@media screen and (max-width:1600px) and (min-width:1201px){header .top-box .nav-box .right ul.nav1>li{margin:0}
header .top-box .nav-box .right ul.nav1>li a{padding:0 14px}}
@media screen and (max-width:1500px) and (min-width:1201px){header .top-box .nav-box{padding-left:15px!important}}
@media screen and (max-width:1024px){header .top-box .nav-box{background:#f6f6f7}
header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close,header .top-box .nav-box .mob-nav{color:#000}}
.timeline-items:nth-child(2n+1){float:left;width:50%;padding-right:10%;box-sizing:border-box}
.timeline-items:nth-child(2n){float:right;width:50%;padding-left:10%;box-sizing:border-box}
.timeline-items{clear:both;margin-bottom:20px}
.timeline-wrapper:after{content:'';clear:both;display:block}
.timeline-items .subtit{font-size:20px;color:var(--color);line-height:1.6}
.timeline-items .timeline-text{line-height:1.6}
.timeline,.timeline-items{position:relative}
.timeline:after{content:'';position:absolute;width:1px;height:100%;background:#ccc;left:50%;top:0;transform:translateX(-50%)}
.timeline-items:after{z-index:1;content:'';position:absolute;width:16px;height:16px;background:var(--color);border-radius:50%;top:10px}
.timeline-items:nth-child(2n+1):after{right:-8.5px}
.timeline-items:nth-child(2n):after{left:-7.5px}
@media (max-width:768px){.timeline-items:nth-child(2n),.timeline-items:nth-child(2n+1){width:100%;float:none;padding:0}
.timeline:after{left:0;transform:none}
.timeline{padding-left:2vw}
.timeline-items:after{width:2vw;height:2vw}
.timeline-items:nth-child(2n):after,.timeline-items:nth-child(2n+1):after{right:initial;left:-3vw}}
main.index section.products .item ul li div p span{-webkit-line-clamp:3;max-height:58px}
main.index section.products .item ul li{width:20%}
main.index section.products .item ul li>div img{height:100%;position:absolute;top:0;left:0}
main.index section.products .item ul li>div .rule-box{height:auto;max-height:inherit;position:relative;padding-bottom:100%;width:100%}
@media screen and (max-width:768px){main.index section.products .item ul li{width:50%}}
@media(max-width:680px){.index .swiper-box{top:0}}
header .top-box .nav-box .left a img{max-height:70%}
@media (max-width:1024px){header .top-box .nav-box .right nav a,header .top-box .nav-box .right nav ul.nav1 i{color:#111}
header .top-box .nav-box .right nav{background:#f6f6f7}}
ul.timelinelist{display:flex}
ul.timelinelist li{width:23%;margin-right:1.5%;margin-top:10px;flex:1}
ul.timelinelist li:nth-child(4n){margin-right:0}
.productsDetails-article .details .right .btn-groups .button{width:auto;display:flex;justify-content:space-between;height:auto;margin-right:15px}
.productsDetails-article .details .right .btn-groups .button a{width:200px;height:50px}
.productsDetails-article .details .right .btn-groups .button div.pdown2{margin-right:15px}
@media (max-width:1600px){.productsDetails-article .details .right .btn-groups .button a{width:150px}}
@media (max-width:1366px){.productsDetails-article .details .right .btn-groups .button{width:100%;flex-wrap:wrap;flex-direction:column}
.productsDetails-article .details .right .btn-groups .button div.pdown2{margin-bottom:10px}}
@media (max-width:1213px){.productsDetails-article .details .right .btn-groups .button:nth-of-type(1){border:none}}
.banner2-box{position:static;min-height:0;height:auto}
.tabs{margin-top:0!important}
@media (max-width:650px){main.page-template-1 .max-width-box article .item ul li,main.page-template-1 .max-width-box article .item-products-1 ul li .box{height:auto}
main.page-template-1 .max-width-box article .item ul li .box{display:block}
main.page-template-1 .max-width-box article .item ul li .box .right{height:auto}}
@media (min-width:1201px){main.index section.products .list ul li{width:19%}}
.table-wrap table{width:100%}
@media (min-width:769px){.timeline-items:not(:first-child){margin-top:-120px}}
footer .footer-info .soft ul{width:300px}
main.page-template-1 .max-width-box article .item-products-1 ul li,main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{height:auto}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left a img{height:auto;object-fit:initial;max-height:none}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .right p:nth-of-type(1){margin:10px 0}
.big img{max-height:unset}
main.page-template-1 .max-width-box article .item-products-1 ul li{max-height:inherit}
/*.products .prolist-bottom{max-width:1200px;margin-left:28%}*/
.products .prolist-bottom:nth-child(4){display:none}
@media(max-width:1024px){.products .prolist-bottom{margin-left:0%}}
.kche-t146 .kche-t146-img { width: 46%;}
.kche-t146 .kche-t146-text { width: 54%;}
.kche-t179 .kche-t179-img { width: 46%;}
.kche-t167 .kche-t167-img { width: 46%;}
.kche-t167 .kche-t167-info {width: 54%;}