@charset "utf-8";
:root{--color:#325396;--hovercolor:#ff6c0d}
.strengthItem ul li .text span{-webkit-line-clamp:inherit}
.productMain .newsList .content-list0 li{height:100%}
.NewsTopHotList div{height:auto}
.NewsTopHotList img{max-height:200px;object-fit:contain}
.contactRight ul li p{min-width:125px}
.table-responsive{margin:20px 0}
.Feedback .page-box .container>p{font-size:16px}
@media(max-width:768px){.Feedback .page-box p{overflow:visible;max-height:100%}}
.wmkc-list>li a{flex-direction:column;justify-content:center;align-items:center;color:#fff}
.wmkc-list>li a p{font-size:14px}
.wmkc-list>li.wmkc-email:hover a p{color:#f90}
.wmkc-list>li.wmkc-whatsapp:hover a p{color:#2cb740}
@media (min-width:769px){.header .logo .logo1 img{height:70px}
.header.headscroll .logo .logo1{top:36px!important}}
.case ul li a{display:none}
.case ul li{padding:15px}
@media (min-width:1301px){.header nav div .nav>li>a{font-size:20px}}
.product .statistics{padding:20px 0}
.product .statistics ul{margin-top:0}
.product .productItem ul li .more{display:none}
.productSide .productSideTop{border:1px solid var(--color)}
.case .caseItem{width:90%}
.case ul li{width:22%}
.case ul li span{-webkit-line-clamp:unset}
.case .ourcase p,.introduction .welcome p,.latestNews .latestNewsTitle .yellow,.product .productTop p,.strength .ourStrength p{font-size:31px;font-weight:700}
.introduction .welcome span,.latestNews .latestNewsList ul li .latestNewsListB span,.productSide .newsViewd ul li p,.productSideCenter ul li .text p,.products-ninelist-1 .products-item-name .products-list-name span{font-size:16px}
.newsJgg li .newsJggitem .newsJggB span{font-size:18px}
.case ul li span,.strengthItem ul li .text span{font-size:20px}
@media (min-width:769px){.productBanner{margin-bottom:100px}
.productBannerTitle{top:115%}
.productBannerTitle h1,.productBannerTitle span:nth-child(2){color:#000}}
.header .header-top .translation{position:static;margin-left:auto;margin-right:30px}
.header .header-top .mailclock{margin-left:26%;font-weight:700}
.header .header-top{position:relative}
.header .header-top>ul{right:10%;display:flex;margin-right:40px}
.header .header-top>ul a{border:1px solid var(--color);color:var(--color);padding:5px;border-radius:50%;margin-right:5px;height:25px;width:25px;display:flex;justify-content:center}
@media (max-width:1100px){.header .header-top>ul{display:none}}
.case ul li{border:3px solid var(--color)}
.header .header-top{z-index:999}
.header .header-top .mailclock{margin-left:0;width:auto}
.product .productItem ul li div span{background:0 0}
.productBannerTitle a,.productBannerTitle h2{color:#000}
.product .productItem ul li div a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.product .productItem ul li div{position:relative}
.product .productItem ul li div span{white-space:normal;line-height:1.2;position:static;display:block;transform:translate(0,0);padding:5px;box-sizing:border-box}
.product .productItem ul li>a{height:auto}
article.introduction{background:url(/js/38561/bg.jpg) no-repeat center;background-size:cover;padding-bottom:60px;margin-top:20px}
.introduction .hello p{top:50%;transform:translate(-50%,-50%);color:#ff6c0d}
.introduction .welcome{margin-top:30px;width:70%}
.introduction .welcome span{-webkit-line-clamp:inherit;color:#fff;line-height:2;text-align:left}
.introduction .hellobtn a:nth-child(1){margin-right:15%}
@media (max-width:640px){.introduction .welcome span{font-size:14px}
.introduction .welcome{margin-top:20px;width:80%}
.introduction .hellobtn a:nth-child(1){margin-right:10%}
article.introduction{padding-bottom:40px}}
.introduction .welcome span{font-size:18px;max-width:900px;margin:0 auto}
.product .productItem ul li div span{color:#000}
@media (min-width:769px){.header .logo .logo1{height:100%;width:100%;top:0!important;display:flex;align-items:center;justify-content:center}
.header .logo .logo1 img{max-height:100%;max-width:50%;object-fit:contain}
.header.headscroll .logo .logo1{top:0!important;box-sizing:border-box}
.header .logo{height:calc(100% - 46px);top:46px!important}
.header.headscroll .logo{height:100%;top:0!important}
.header .logo>img{height:100%}}
@media (max-width:768px){.header .logo .logo1 img{max-height:60%}
.header .logo{height:100%;top:0!important}
.header .logo .logo1{height:100%;display:flex;align-items:center;transform:translate(0)}
.header nav{background:#eee}
.header nav .navImg{background:url(/js/38561/nav.png) no-repeat center}
.header nav .navImg img{display:block;visibility:hidden}}
.strengthItem ul li .content{height:100%}
@media screen and (max-width:768px){.productMain{flex-wrap:wrap}
.introduction .welcome span i{display:none}
.case .caseItem,.case ul li,.productSide{display:block;width:100%}
.productSideCenter{display:none}
.productSide{margin-right:0!important;padding:0 20px}
.header nav .navNav .nav>li .submenu li{background:#fff}
.introduction .hellobtn,article.introduction{margin-top:15px}
.introduction .welcome span{font-size:14px}
article.introduction{padding-bottom:15px}
.banner .swiper-button-next,.banner .swiper-button-prev{margin-top:11px}}
.introduction .hello img{height:70px}
.introduction .welcome span i{font-size:inherit}
.detailsTopRightyun ul li:not(:first-child) a{text-transform:capitalize;padding:15px 25px;border:1px solid #214c96;color:#214c96;font-size:18px;line-height:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case ul{flex-wrap:wrap}
.case ul li{box-sizing:border-box;width:24%;margin-bottom:20px;position:relative;padding-bottom:10%}
.case ul li img{position:absolute;width:90%;height:90%;top:5%;left:5%;object-fit:contain}
.case ul li:hover{background:#fff}
.casebtn{padding-top:25px}
.casebtn a{display:inline-block;color:#fff;background:var(--color);line-height:1.7;padding:10px 30px;border-radius:30px;transition:.3s}
.casebtn a:hover{background:#ff6c0d}
@media (max-width:768px){.case ul li{width:48%;padding-bottom:20%;border-width:2px}
.casebtn{padding-top:0}}
@media (min-width:769px){.productBannerTitle{height:auto}}