@charset "utf-8"; 
@media(min-width:769px){.productsDetails-article .img{width: 450px;height: 450px;}}
@media (min-width:1025px){.prdsti aside{position: sticky;top: 100px;}}
footer .footer-info h4{color: #fff;}
main.index{display:block!important;background-color:#fff;max-width:1920px;overflow:hidden}
:root{--color:#012f53}
.l-lawy{max-width:1550px;margin:0 auto}
.homecate{background:var(--color);padding:8% 0}
.home-title h4{text-align:center;text-transform:uppercase;font-weight:400;font-size:52px;color:#fff;line-height:1;margin-bottom:3%}
.home-title p{font-weight:400;font-size:26px;color:#fff;text-align:center;line-height:1}
.homecate-item{display:flex;margin:8% -2% 0;width:100%}
.homecate-box{box-sizing:border-box;padding:0 2%;width:25%}
.homecate-img{background-color:#d5d5d5;border-radius:50%;padding-bottom:100%;position:relative;width:100%}
.homecate-img::after{border-bottom:8px solid #00a2e9;border-left:8px solid #00a2e9;border-color:#00a2e9 #00a2e9 transparent transparent;border-radius:50%;border-style:solid;border-width:8px;content:"";height:98%;left:calc(1% - 8px);position:absolute;top:calc(1% - 8px);transform:rotate(135deg);width:98%}
.homecate-text{color:#fff;display:block;font-weight:var(--fontbold6);margin-top:38px;text-align:center;transition:transform .2s;width:100%}
.homecate-text p{font-weight:400;font-size:28px;color:#fff;line-height:1;text-align:center}
.homecate-wrap{background-color:#fff;border-radius:50%;height:90%;left:5%;overflow:hidden;position:absolute;top:5%;width:90%;display:flex;justify-content:center;align-items:center}
.homecate-wrap img{object-fit:contain;background:#fff;display:block;height:80%;transition:all .3s ease-in-out;width:80%;cursor:pointer}
.homecate-wrap img:hover{transform:scale(1.1)}
.homecate-btn{align-items:center;background-color:#006db8;border-radius:50%;bottom:5%;color:#fff;display:flex;font-weight:var(--fontbold6);height:30%;justify-content:center;position:absolute;right:5%;text-transform:uppercase;width:30%;z-index:9;font-size:22px;transition:all .3s ease-in-out}
.homecate-box:hover .homecate-wrap img{transform:scale(1.02)}
.homecate-box:hover .homecate-img::after{animation:revolve 8s linear;animation-iteration-count:infinite}
.chooseus{background-color:#fff;margin-bottom: 100px;}
.chooseus .title{font-size:100px;color:var(--color);line-height:1;margin:7% auto 6%;font-weight:800;text-align:center}
.chooseus .chooseus-items{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;box-sizing:border-box;}
.chooseus .chooseus-items .item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:5px solid #ddd;background-color:#ebecee;border-radius:18px;width:15%;overflow:hidden}
.chooseus .chooseus-items .item img{transition:all .3s ease-in-out;display:block;max-width:85%}
.chooseus .chooseus-items .choose-img{max-width:230px;padding:6% 1%;margin:0 15%;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.chooseus .chooseus-items .item:hover img{transform:rotateY(180deg)}
.chooseus .chooseus-items .item .text{background-color:#c9cbca;padding:10% 2%;width:100%}
.chooseus .chooseus-items .item .text p{line-height:1.2;text-align:center;font-weight:600;font-size:18px;width:100%}
.solution{width:100%;background-color:var(--color);box-sizing:border-box;position:relative;padding: 110px 0 90px;}
.solution .l-lawy{display: flex;align-items: center;justify-content: space-between;}
.solution .title{text-align:center;font-size:65px;color:#fff;line-height:1.52;font-weight:600;margin-bottom:10%}
.solution .content{font-size: 28px;color: #fff;line-height: 2;font-weight: 500;}
.solution-left{width:45%}
.solution-right{width: 45%;}
.solution img{transition:all .3s ease-in-out;max-width:100%;display:block}
.solution img:hover{transform:scale(1.05)}
.solution .index-title h4{color: #fff;padding: 0 13%;line-height: 1.5;}
.solution .index-title{margin:0 0 50px;}
.products-application{width:100%}
.app-title{background: var(--color);}
.app-title .l-lawy h4{color: #fff !important;line-height: 1;padding: 40px 0;text-align:left;}
.products-application .index-title{margin: 20px auto 100px;}
.products-application .title{font-size:69px;color:#fff;font-weight:600;line-height:1;width:100%;box-sizing:border-box}
.products-application .products{display: flex;flex-wrap: wrap;justify-content: space-between;}
.products-application .indexpro-box{width: 22%;margin-bottom: 40px;}
.products-application .indexpro-box img{width:100%;transition:all .3s ease-in-out;cursor:pointer}
.products-application .indexpro-box img:hover{transform:scale(1.05)}
.products-application .indexpro-box .text{font-size:25px;color:#000;font-weight:600;text-align:center;margin-top:20px}
.products-application .indexpro-box .text a{transition: all .3s ease-in-out;}
.products-field .title{font-size:81px;line-height:1;color:var(--color);font-weight:600;text-align:center}
.products-field .filed-tab{background-color: var(--color);box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.products-field .filed-tab a{font-size: 23px;color: #fff;line-height: 1.5;transition: all .3s ease-in-out;padding: 35px;}
.products-field .filed-tab a:hover{background:#000;color:#fff}
.products-field .filed-items{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 50px}
.products-field .filed-items .item{width: 24%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;margin-bottom: 1%;border: 1px solid #eee;padding: 20px;box-sizing: border-box;}
.products-field .filed-items .item img{max-width: 100%;transition: all .3s ease-in-out;cursor: pointer;object-fit: cover;}
.products-field .filed-items .item img:hover{transform:scale(1.05)}
.products-field .filed-items .item .text{font-size: 22px;color: #000;width: 100%;text-align: center;margin-top: 30px;font-weight: bold;line-height: 1.25;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;height: 55px;}
.aboutus .title{padding:1% 0;box-sizing:border-box;background-color:var(--color);font-size:80px;line-height:1;color:#fff;text-align:center;margin-bottom:6%;}
.aboutus .items{display:flex;align-items:center;justify-content:space-between;padding: 80px 0 0;}
.aboutus .items .item:nth-of-type(2n){margin-bottom: 15%;width: 210px;height: 210px;}
.aboutus .items .item{width:225px;height:225px;display:flex;flex-direction:column;align-items:center;margin:0 8px;position:relative;z-index:1}
.aboutus .items .item::after{position:absolute;content:'';border:9px solid var(--color);width:100%;height:100%;border-radius:40px;transform:rotateZ(45deg);z-index:-1}
.aboutus .items .item img{width:100%;height:100%}
.aboutus .items .item .content{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.aboutus .items .item .top{text-align:center;font-size:32px;font-weight:800;color:var(--color);line-height:1}
.aboutus .items .item .desc{font-size: 18px;color: var(--color);text-align: center;line-height: 1.25;word-break: break-all;box-sizing: border-box;font-weight: 600;margin-top: 10px;}
.aboutus .items .item .desc1{font-size:14px;word-break:break-all;box-sizing:border-box;padding:0 20%}
.newcenter{margin-bottom:90px}
.newcenter .cards{display:flex;align-items:center;justify-content:space-between}
.newcenter .cards .card{width:23%;position:relative;overflow:hidden}
.newcenter .cards .card img{max-width:100%;display:block;transition:all .3s ease-in-out}
.newcenter .cards .card img:hover{transform:scale(1.05)}
.factory-box{width: 45%;background: #0c3353ba;padding: 40px;color: #fff;display: flex;align-items: center;clip-path: polygon(0% -200%,0% 100%,80% 100%,100% 50%);}
.factory{position:relative;background: url(/uploads/42061/zhsl/factory.jpg)center no-repeat;padding: 233px 0;background-size: cover;}
.factory-contnent h5{font-size: 22px;text-align: center;margin-bottom: 30px;}
.factory-contnent p{font-size: 19px;line-height: 1.5;}
.factory-contnent{width: 74%;color: #e9e9e9;text-align: justify;padding-right: 20px;box-sizing: border-box;}
.factory-btn{flex: 1;display: flex;align-items: center;justify-content: end;margin-left: 0;font-size: 22px;font-weight: 800;}
.factory-btn img{margin-right: 20px;}
.newcenter .cards .card .text{position: absolute;font-size: 18px;font-weight: 600;color: #fff;bottom: 0;padding: 15px;line-height: 1.25;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;height: 72px;}
.imgbox{overflow: hidden;display: flex;align-items: center;justify-content: center;max-width: 100%;}
footer .footer-info h4{color:#fff}
footer{background-color:#010e17}
.copyright{background-color:#010e17}
.index-title{margin:100px auto 50px;}
.index-title h4{font-size: 52px;text-align: center;color: var(--color);font-weight: 600;line-height: 1;}
.aboutus .index-title{background: var(--color);}
.aboutus .index-title h4{color: #fff !important;padding: 25px 0;}
.products-application .indexpro-box:hover a{color: var(--color);}
.factory-btn a{color: #fff;}
@keyframes revolve{0%{transform:rotate(-135deg)}
100%{transform:rotate(135deg)}}
@media (max-width:1640px) {
.home-title h4,.index-title h4{font-size: 48px;}
.home-title p{font-size: 20px;}
.home-title h4{margin-bottom: 20px;}
.l-lawy{padding: 0 70px !important;}
.homecate-item{margin: 50px 0 0;}
.homecate{padding: 70px 0;}
.homecate-text p,.solution .content{font-size: 24px;}
.factory-box{width: 50%;}
.factory{padding: 210px 0;}}
@media (max-width:1420px) {
.home-title h4, .index-title h4{font-size: 38px;}
.home-title p{font-size: 18px;}
.homecate-box{width: 23%;}
.homecate-item{justify-content: space-between;}
.homecate-btn{font-size: 16px;}
.factory-contnent p{font-size: 16px;}
.factory-contnent h5{margin-bottom: 10px;}
.chooseus{margin-bottom: 60px;}
.solution .index-title h4{padding: 0 8%;}
.homecate-text p, .solution .content,.products-application .indexpro-box .text{font-size: 20px;}
.factory-btn p{font-size: 18px;line-height: 1;}
.products-field .filed-tab a{font-size: 20px;padding: 20px;}
.products-field .filed-items{margin-top: 50px;}
.products-field .filed-items .item .text{font-size: 18px;margin-top: 20px;}
.products-field .filed-items .item img{height: 150px;}
.index-title {margin: 60px auto 30px;}
.aboutus .items .item{width: 190px;height: 190px;}
.aboutus .items .item::after{border: 5px solid var(--color);}
.aboutus .items .item .desc{font-size: 16px;}
.aboutus .items{padding: 80px 0 50px;}
.newcenter .index-title{margin: 0px auto 40px;}
.newcenter .cards .card .text{font-size: 14px;padding: 10px;height: 55px;}
.newcenter {margin-bottom: 20px;}
.factory {padding: 150px 0;}}
@media (max-width:1366px) {
.home-title h4, .index-title h4{font-size: 34px;}
.products-field .filed-tab a {font-size: 18px;padding: 15px;line-height: 1;}
.products-field .filed-items .item .text{font-size: 16px;}
.homecate-text p, .solution .content, .products-application .indexpro-box .text{font-size: 18px;}
.solution .index-title {margin: 0px 0 15px;}
.l-lawy{padding: 0 50px !important;}
.factory {padding: 130px 0;}
.aboutus .items .item:nth-of-type(2n){width: 170px;height: 170px;}}
@media (max-width:1200px) {
.home-title h4, .index-title h4{font-size: 28px;}
.solution{padding: 70px 0;}
.solution-right {width: 45%;max-width: 380px;}
.aboutus .items .item {width: 160px;height: 160px;}
.aboutus .items .item .desc{font-size: 14px;}
.aboutus .items .item .top{font-size: 26px;}
.aboutus .items {padding: 50px 0 30px;}
.factory {padding: 90px 0;}
.aboutus .items .item:nth-of-type(2n) {width: 150px;height: 150px;}}
@media (max-width:1024px) {
.l-lawy{padding: 0 30px !important;}
.homecate-item {margin: 30px 0 0;}
.home-title h4, .index-title h4{font-size: 24px;}
.home-title p{font-size: 16px;}
.homecate-btn{font-size: 12px;}
.factory-contnent p {font-size: 14px;text-align: initial;}
.factory-box {width: 60%;padding: 25px;}
.factory-btn img {margin-right: 10px;max-width: 15px;}
.factory-btn p{font-size: 14px;}
.factory-contnent h5 {margin-bottom: 8px;font-size: 18px;}
.chooseus .chooseus-items .item{width: 32%;margin-bottom: 2%;}
.products-application .indexpro-box{margin-bottom: 20px;}
.products-field .index-title {margin: 40px auto 30px;}
.products-field .filed-tab a{font-size: 16px;}
.aboutus .items .item {width: 140px;height: 140px;}
.newcenter .cards .card .text {font-size: 16px;padding: 10px 10px;}
.products-application .indexpro-box .text a{font-size: 14px;line-height: 1;}
.products-field .filed-items .item .text{height: auto;}}
@media (max-width:768px) {
.factory-contnent p{font-size: 12px;}
.factory-box {width: 70%;padding: 20px;}
.chooseus .chooseus-items .item .text{padding: 15px 10px;}
.chooseus .chooseus-items .item .text p{font-size: 16px;}
.chooseus .chooseus-items .item img{max-width: 70%;}
.solution .content{font-size: 16px;line-height: 1.52;}
.products-application .index-title {margin: 20px auto 35px;}
.products-application .indexpro-box{width: 31%;margin-right: 3.5%;}
.products-application .indexpro-box:nth-of-type(3n){margin-right: 0;}
.products-application .products{justify-content: left;}
.products-application .indexpro-box .text a{font-size: 14px;}
.products-field .filed-tab a{width: 32%;text-align: center;}
.products-field .filed-items .item{width: 49%;margin-bottom: 2%;padding: 15px;}
.aboutus .items{flex-wrap: wrap;padding: 0 0 50px;}
.aboutus .items .item:nth-of-type(2n){margin-bottom: 0;}
.aboutus .items .item{width: 32%;}
.aboutus .items .item::after{display: none;}
.aboutus .items .item {width: 30%;margin-top: 0;}
.aboutus .items .item:nth-child(odd){margin-top: 0;}
.newcenter .cards{flex-wrap: wrap;}
.newcenter .cards .card {width: 49%;margin-bottom: 2%;}
.app-title .l-lawy h4{padding: 20px 0;}
.l-lawy {padding: 0 15px !important;}
.products-field .filed-items {margin-top: 30px;}  
}
@media (max-width:500px) {
.homecate-item {margin: 20px 0 0;flex-wrap: wrap;}
.homecate-box {width: 48%;margin-bottom: 4%;}
.homecate-text{margin-top: 20px;}
.homecate-text p, .solution .content, .products-application .indexpro-box .text{font-size: 16px;}
.homecate {padding: 50px 0 30px;}
.factory-box{width: 100%;padding: 10px;}
.factory-contnent{width: 80%;padding-right: 10px;}
.factory-btn p{font-size: 12px;}
.factory-btn img {margin-right: 5px;max-width: 9px;}
.chooseus .chooseus-items .item {width: 49%;margin-bottom: 2%;}
.solution .l-lawy{flex-direction: column;}
.solution-left {width: 100%;}
.solution .index-title h4 {padding: 0;margin-bottom: 8px;}
.solution-right {width: 60%;max-width: 380px;margin-top: 50px;}
.solution {padding: 40px 0;}
.products-application .indexpro-box {width: 48%;margin-right: 0;}
.products-application .products{justify-content: space-between;}
.products-field .filed-tab a {width: 48%;font-size: 14px;padding:15px 10px;background-color: var(--color);margin-bottom: 5px;}
.products-field .filed-tab{background-color: unset;}
.products-field .filed-items .item img {height: auto;}
.aboutus .items .item,.aboutus .items .item:nth-of-type(2n){width: 48%;margin: 0;}
.products-field .filed-items .item .text{font-size: 14px;margin-top: 5px;}
.newcenter .cards .card .text{font-size: 13px;}  
.aboutus .items .item .top{font-size: 24px;}
.chooseus .index-title{margin: 30px auto 20px;}  
}
@media (max-width:450px) {
.chooseus .chooseus-items{margin-bottom: 0}
.chooseus {margin-bottom: 20px;}
.home-title h4, .index-title h4{font-size: 22px;}
.chooseus .chooseus-items .item .text p{font-size: 14px;}}
.newcenter .cards .card .text a{color: #fff;}
.swiper-box.index-swiper{position: static;transform:translate(0,0);}
.swiper-box.index-swiper img{display:block}
.swiper-index {height:auto;}
main.index {margin-top:0;}
body {padding-top:102px;}
.banner2-box {height:auto;min-height:inherit;position:static;}
.tabs {margin:0;}
.banner2-box img {display:block;}
header .top-box{top:0}
header::before{display:none}
header {top:0;}
header .top-box .info .left span,header .top-box .info .left > span:nth-of-type(1),header .top-box .info .left span a {color:#000;}
.lang-icon span{color:#000}
.lang-icon span::before,.lang-icon span::after{background:#000}
header .top-box .info .right ul.sj li a{color:#000}
@media screen and (max-width:1024px){body {padding-top:62px;}
.swiper-box.index-swiper{top:62px;}}
@media screen and (max-width:680px){body {padding-top:0;}
.swiper-box.index-swiper{top:0;}}
@media(min-width:1025px){main.page-template-1 .max-width-box article .item-products-0 ul{justify-content: space-between;}}
@media (min-width:1281px){main.page-template-1 .max-width-box article .item-products-0 ul li{width:23.5%;margin-right:2%}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(4n){margin-right:0;}}
@media (min-width:1025px) and (max-width:1280px){main.page-template-1 .max-width-box article .item-products-0 ul li{width:32%;margin-right:2%}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(3n){margin-right:0;}}
main.page-template-1 .max-width-box article .item-products-0 ul li .box{flex-direction: column;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{display:block;width:100%;}
main.page-template-1 .max-width-box article ul li .box .left img{max-height:inherit;height:auto;max-width:100%;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{flex:inherit;width:100%;}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{-webkit-line-clamp: inherit;}
main.page-template-1 .max-width-box article .item ul li .box .left{min-height:inherit;}
main.page-template-1 .max-width-box article .item ul li .box .left a{display:block;}
main.page-template-1 .max-width-box article .item ul li .box .right{height:auto;}
@media (max-width:1200px){main.page-template-1 .max-width-box article .item ul li .box .left img{max-width:100%;}
main.page-template-1 .max-width-box article .item ul li .box .left{max-height:inherit;}
main.page-template-1 .max-width-box article .item ul li .box .right{text-align:left;}}
@media (max-width:550px){.prdsti{width:100%;}}
@media (min-width:1025px){body {padding-top:67px}
header {position:fixed!important;background:#000;left:0;max-width:100%;width:100%;z-index:9999;}
header .top-box {position:relative;}
header .top-box .info {padding:0;position:relative;}
header .top-box .info .right {display:none;}
header .top-box .info .left {margin:0;position:absolute;display:flex;flex-direction:column;top:0;z-index:2;height:100px;justify-content:center;left:200px;}
header .top-box .info .left * {color:#fff!important;}
header .top-box .nav-box {height:100%;position:relative;top:0;width:100%;}
header .top-box .nav-box .left {padding-left:0}
nav.set-top-70 {margin: 0 20px 0 0;}
header .top-box .nav-box .right nav>ul.nav1>li>a {font-size:21px;padding:0 20px}
header .top-box .nav-box.top-0{padding:0}}
@media (max-width:1600px) and (min-width:1025px){header .top-box .info .left{left:150px;}
header .top-box .nav-box .right nav>ul.nav1>li>a{font-size:18px}}
@media (max-width:1200px) and (min-width:1025px){header .top-box .info .left{display:none}
header .top-box .nav-box .left{margin:0}
nav.set-top-70 {margin:0 auto;}}
@media (min-width: 1025px){header .top-box{height:67px}}
@media (min-width:1367px){header .top-box{width: 80% !important;}}
header .top-box .info .left{display:none;}
main.index{padding-top: 0;}
.qr-code .left{display: flex;flex-direction: column;}
.home-history{margin-top: 50px;}