@charset "utf-8";
:root{--color:#32302f}
.mm_os .osqq ul{padding-left:6px!important}
.mm_os{width:179px!important}
.mm_os .os_x{width:100%!important;background-size:100%!important;background-position:center center!important}
.mm_os .osqq{width:100%!important}
.acbox a{display:block;width:100%!important;text-align:center;background:#c4c4c4}
.case ul li p{height:82px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.newsJggimg{display:none}
.newsViewd .NewsTopHotList li div{display:none}
@media (min-width:769px){.header{display:flex;flex-wrap:wrap}
.header .header-top{width:100%;padding:0 calc(50% - 800px);justify-content:flex-end;box-sizing:border-box}
.header .header-top .mailclock{width:auto}
.header .logo{position:static;padding-left:calc(50% - 800px)}
.header .logo>img{display:none}
.header .logo .logo1{position:static;height:70px;transform:translateX(0);display:flex;align-items:center;justify-content:center}
.header .logo .logo1 img{max-height:84%}
.header nav{width:calc(50% + 320px);padding-right:calc(50% - 800px);margin-left:40px;justify-content:space-between;box-sizing:border-box}
.header nav .navNav{margin:0;width:calc(100% - 80px);padding-left:40px}}
@media (max-width:1650px) and (min-width:769px){.header .header-top{padding:0 20px}
.header .logo{padding-left:20px;margin:0}
.header nav{padding-right:20px;width:calc(100% - 455px)}}
@media (max-width:1250px) and (min-width:769px){.header nav .navNav{padding-left:0;width:calc(100% - 40px)}
.header nav div .nav>li a{font-size:13px}}
@media (max-width:1100px) and (min-width:769px){.header nav .navNav{width:100%}
.search{display:none}
.header nav div .nav{width:100%}}
@media (max-width:768px){.header .logo .logo1 img{max-height:90%}
.header .logo{height:100%;top:0!important;max-width:70%}
.header .logo .logo1{height:100%;display:flex;align-items:center;transform:translate(0)}}
.header,.header nav{background:#fff}
.header nav div .nav>li a{color:var(--color)}
.newsJgg li .newsJggitem .newsJggB span{max-height:none}
.newsJgg li .newsJggitem .newsJggT{margin-top:0}
.productSide>div{border:1px solid #ccc;margin-bottom:20px}
.productMain .newsList .content-list0 li{margin-bottom:20px;padding-bottom:0}
.list-paddingleft-2{display:flex;justify-content:space-around;width:100%;margin-bottom:40px}
.list-paddingleft-2 li{position:relative}
.list-paddingleft-2 li div{display:flex;align-items:center}
.list-paddingleft-2 li p{margin-top:20px;color:#242424;font-size:14px;line-height:21px;opacity:.71}
.list-paddingleft-2 li::after{position:absolute;top:-47px;left:-20px;width:1px;height:148px;background-color:#e5e5e5;content:''}
.productMainContact{flex-wrap:wrap}
.case ul li a,.introduction .hellobtn a,.product .productItem ul li div .more p,footer .footerRight span a{color:#fff;background-color:var(--color)}
.product .productItem ul li div span,.product .statistics ul li span,.strengthItem ul li:hover .text p{color:#fff}
.product .statistics>div{background:#fff}
.strengthItem ul li .text{background:linear-gradient(to left,#fff ,#fff) left top no-repeat,linear-gradient(to bottom,var(--color),var(--color)) left top no-repeat,linear-gradient(to left,var(--color),var(--color)) right bottom no-repeat,linear-gradient(to left,var(--color),var(--color)) right bottom no-repeat}
.strengthItem ul li:hover .text{border:2px solid #fff}
footer .footerLeft>div>div{border:1px solid var(--color)}
/*.keywords.proCateTags a,footer .footerCenter .footerTitle div{background-color:var(--color)}*/
footer .footerRight .footerTitle div{border-left:128px solid var(--color)}
.header nav div .nav li a:hover,.header nav div .nav>li a.inmenu_1,.newsJgg li:hover .newsJggitem .newsJggB p,.newsJgg li:hover .newsJggitem .newsJggB span,.productBannerTitle span:first-child,.productSide .productSideTop .sf-menu .menu-item:hover>a,.productSideCenter ul li:hover .text p,footer .footerCenter .fnav li:hover a{color:var(--color)!important}
.detailsTable .detailsTableTop ul li{border-bottom:2px solid var(--color)}
footer .footerRight span a{border:1px solid var(--color)}
.introduction .welcome{margin-top:40px;width:92%;max-width:1100px}
.introduction{padding-bottom:40px}
.case{padding-top:40px;padding-bottom:50px}
.case ul li p{line-height:40px}
@media (max-width:500px){.case ul li p{line-height:28px;height:56px}}
@media (min-width:769px){.product .productItem ul li{width:24%}
.inquiry-form input{width:50%}}
.product .productItem ul li div span{padding:0 8px;box-sizing:border-box}
@media (min-width:769px){.details{padding-left:20px;box-sizing:border-box}
.newsArticleTableLi{max-width:800px;margin:0 auto}
.inquiry-form{justify-content:space-between}
.inquiry-form input{width:48%;box-sizing:border-box}}
.LayImAhrefNode{text-transform:capitalize;padding:15px 25px;border:1px solid var(--color);color:var(--color);font-size:18px;line-height:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:768px){.LayImAhrefNode{padding:15px 10px;font-size:13px}
.inquiry-form input{width:100%}
.products-ninelist-1 li .products-list-img{min-height:167px}}
.product{padding-top:40px}
.strength{padding:40px 0}
.latestNews{margin:40px auto}
.banner .swiper-pagination{opacity:1}
.header nav div .nav>li a{padding:0 10px;transition:all .2s}
.header nav div .nav>li:hover>a{background:var(--color);color:#fff!important}
.header nav .navNav .nav>li .submenu li{background-color:var(--color)}
.header nav div .nav>li ul li a{color:#fff}
.products-list-img .loaded{width:unset;max-height:225px}
.products-ninelist-1 li .products-list-img{min-height:225px}
.inquiry-form #in-content,.inquiry-form>input{margin-top:0!important}
.productBannerTitle{position:static;transform:none}
.productBannerTitle>div{text-align:center;padding:10px 0}
.productBannerTitle h1,.productBannerTitle h2{display:none}
.productBannerTitle a,.productBannerTitle span:nth-child(2){color:var(--color)}
.productMain{padding-top:20px}
.productSideBottom ul li:first-child{height:80px}
.productSideBottom ul li span{max-height:80px}
.case ul li a:hover,.header nav .navNav .nav>li .submenu li:hover,.introduction .hellobtn a:hover,.strengthItem ul li:hover,.strengthItem ul li:hover .text,footer .footerRight span a{background:#004098}
.case ul li:hover,.latestNews .latestNewsList ul li .latestNewsListT,.pageing .ctxt,.pageing a:hover,.product .productItem ul li div span,.product .statistics,.productSide .newsViewd .TitleName,.productSide .productSideTop .TitleName,.productSideBottom .TitleName,.productSideCenter .TitleName,.send-btn .span:nth-child(1),footer,footer .footerBottom{background:var(--color)}
.is-active,footer .footerCenter .fnav li:hover a{color:#004098!important}
footer .footerRight span a:hover{color:var(--color)}
.pro-item-checked .products-item-name,.products-add-inquirl,.products-ninelist-1 li:hover .products-item-name{color:#004098}
.products-add-inquirl{border-color:#004098}
.productMainContact .list-paddingleft-2 li p{margin-top:0}
footer .footerBottom{background:#818080}
.header nav .navNav .nav>li .submenu{left:0}
.keywords.proCateTags a:hover,.latestNews .latestNewsList ul li:hover .latestNewsListT,.product .productItem ul li:hover span,.send-btn .span:nth-child(1):hover{background:#004098}
.detailsTopRightyun ul li a span{color:var(--color);border-color:var(--color)}
.introduction .welcome span{font-size:18px}
.case{background:#f4f4f4}
.case .ourcase p,.introduction .welcome p:first-child{color:#000;font-weight:700}
@media (min-width:769px){.products-ninelist-1 li,.products-ninelist-1 li:nth-child(3n){width:calc(25% - 20px);margin-right:20px}}
.strength{background:#ebebeb}
.contactLeft .inquiry-form #in-content,.contactLeft .inquiry-form>input{margin-top:12px!important}
.productBanner{min-height:inherit;background:0 0}
.introduction .hellobtn a{border:1px solid var(--color)}
@media (min-width:769px){.header .header-top .translation{position:static;margin-left:20px}}
.case ul li a, .case .caseItem ul li a{background:red;border-color:red;color:#fff;}
footer .footerCenter .footerTitle div,footer .footerRight .footerTitle div{border-left-color:#2759AE}
.case ul li p, .case .caseItem ul li p{width:100%;}
.case ul li a:hover, .case .caseItem ul li a:hover{color:#000;}
.detailsTopRightyun ul li .LayImAhrefNode{line-height:inherit;min-width: 165px;box-sizing: border-box;text-align: center;}
@media (max-width:1024px){.detailsTopRightyun ul li .LayImAhrefNode{font-size:14px;padding:10px;min-width:134px}}
.kche-white span{color:#fff !important;}
.case ul li a, .case .caseItem ul li a{background: #004098;border-color: #004098;}
.newsDetail .newsArticle .newsArticleText    .news-edtail-active-size{ max-width: 600px;}