.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{border-radius:100%;background:var(--color)}
.l-wraps{max-width:1540px;padding:0 50px;margin:0 auto}
.certificate-title h5,.home-title h5,.scenarios-title h5{font-size: 45px;color: #000;line-height: 1.15;font-family: Arial;font-weight: bold;}
.home-product{padding-top:100px}
.product-titile{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}
.product-titile .dev{margin-bottom:20px}
.product-titile .dev p{font-weight:400;font-size:16px;color:var(--color);line-height:24px}
.tit-right p{font-size:16px;color:#000;line-height:24px;opacity:.8;text-align:right}
.tit-left{width:53%}
.tit-right{flex: 1;padding-left: 50px;margin-top: 50px;}
.product-row{display:flex;flex-wrap:wrap;justify-content:space-between}
.product-col{background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.15);width:32%;margin-bottom:2%}
.product-img{overflow: hidden;}
.product-img img{transition: all .3s ease-in-out;}
.product-contant{padding:25px 30px}
.product-t{margin-bottom:20px}
.product-t a{font-weight:700;font-size:24px;color:#000;line-height:1.25;display:block;transition: all .3s ease-in-out;}
.product-text{font-weight:400;font-size:16px;color:#000;line-height:30px;opacity:.7;margin-bottom:15px}
.product-btn{text-transform:uppercase;color:#666;display: inline-block;}
.product-btn a{display:flex;justify-content:left;align-items:center}
.product-btn a img{margin-left:10px}
.home-oem{padding-bottom:50px;position:relative;z-index:1}
.home-oem::after{position:absolute;content:'';width:100%;height:55%;background:#f5f5f5;z-index:-1;bottom:0;left:0}
.oem-item{display:flex;justify-content:space-between;position:relative}
.oem-item .oem-box:nth-of-type(1){background:url(/uploads/37292/yd/oem-back.jpg) center no-repeat;background-size:cover;padding:35px}
.oem-item .oem-box:nth-of-type(1) p{font-weight:400;font-size:16px;color:#fff;line-height:30px;margin-bottom:20px}
.oem-item .oem-box:nth-of-type(1) h5{font-weight:700;font-size:30px;color:#fff;line-height:62px}
.oem-box{width:23%}
.oem-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.oem-ic{width:90px;height:90px;overflow:hidden;border-radius:100%;transition: all .3s ease-in-out;}
.oem-ic img{width:100%}
.oem-text{flex:1;padding-left:10px}
.about-contant{display:flex}
.about-title p{margin:42px 0}
.about-left{width:40%}
.about-right{padding-left:35px;flex:1}
.home-abouts{background:#f5f5f8;padding:50px 0 30px}
.about-left ul{margin-top:20px}
.about-left ul li{display:flex;margin-bottom:20px;background:#fff;align-items:center;padding:15px 30px 15px 15px;position:relative}
.about-left ul li:nth-last-child(1){margin-bottom:0}
.about-p{padding-left:30px}
.about-p p{font-weight:400;font-size:16px;color:#000;line-height:1.52}
.about-ic{position:absolute;top:10px;left:10px}
.about-factory{display:flex;justify-content:space-between;padding:30px 0}
.factory-box{position:relative;width:32%;overflow: hidden;}
.factory-box img{transition: all .3s ease-in-out;}
.factory-span{position:absolute;bottom:15px;left:15px;padding:15px 20px;line-height:1;background:var(--color);font-weight:700;font-size:16px;color:#fff;box-shadow:0 0 21px 0 rgba(0,0,0,.05);border-radius:8px 8px 8px 8px}
.about-data{display:flex;flex-wrap:wrap;justify-content:center}
.about-title{font-size: 16px;margin: 25px 0px 35px;}
.data-box{width:33.33%;margin:50px 0}
.data-box.data-span{border-right:1px solid #cdcdcf;border-left:1px solid #cdcdcf}
.data-math{display:flex;justify-content:center;align-items:end;margin-bottom:20px}
.data-text{text-align:center}
.data-math p{font-weight: bold;font-size: 62px;color: #021d60;line-height: 1;}
.data-math sub{font-size:24px;color:#021d60;line-height:1;margin-left:10px;font-weight:700}
.data-text p{font-weight:400;font-size:24px;color:#000;line-height:1}
.home-select{padding:100px 0 50px;background:url(/uploads/37292/yd/choose-back.jpg) center no-repeat;background-size:cover}
.choose-title p{font-size:16px;color:#fff;line-height:1;text-align:center}
.choose-p{font-size:16px;color:#fff;line-height:30px;opacity:.8;text-align:center;padding:0 12%}
.home-select .home-title h5{color:#fff;text-align:center;padding:20px 0 30px;max-width:40%;margin:0 auto}
.choose-item{display:flex;flex-wrap:wrap}
.choose-box{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 0}
.choose-images{width:144px;height:144px;background:#f5f5f8;display:flex;justify-content:center;align-items:center;border-radius:100%;margin-bottom:30px}
.choose-images img{transition: all .3s ease-in-out;}
.choose-text p{font-size:24px;color:#fff;line-height:24px;opacity:.8;text-align:center}
.home-scenarios{background:url(/uploads/37292/yd/Scenarios-back.jpg) center no-repeat}
.scenarios-row{display:flex;justify-content:space-between;margin-top:50px}
.scenarios-title{text-align:center;padding-top:100px}
.scenarios-title p{font-weight:400;font-size:16px;color:#3c3c3b;line-height:18px;margin-top:20px}
.scenarios-col{background:#fff;box-shadow:0 0 13px 2px #0000001a;padding:15px;width:16%}
.scenarios-images{overflow: hidden;}
.scenarios-images img{transition: all .3s ease-in-out;}
.scenarios-text p{font-size:20px;color:#3c3c3b;line-height:1;padding:30px 0 20px;text-align:center}
.home-certification{margin-top:100px}
.certifiSwiper .swiper-slide{background:#f5f5f8;border:1px solid rgba(0,0,0,.1);padding:10px}
.certificate-title{text-align:center}
.certificate-contant{margin-top:50px;position:relative}
.certificate-title p{font-size:16px;color:var(--color);line-height:50px}
.certifi-text p{font-weight:700;font-size:20px;color:#000;line-height:1;opacity:.8;text-align:center;padding:30px 0 20px}
.certifi-next,.certifi-prev{width:40px;height:80px;background:var(--color);display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}
.certifi-next{border-radius:0 100% 100% 0/60% 50% 50% 40%;right:-48px}
.certifi-prev{left:-48px;border-radius:100% 0 0 100%/50% 50% 50% 50%}
.certifiSwiper{position:unset}
.exhibition-contant{margin-top:50px}
.home-exhibition{margin:100px 0}
.exhibition-title{display:flex;justify-content:space-between;align-items:center}
.exhibition-btn a{font-size: 18px;text-transform: uppercase;color: #fff;line-height: 1;background: var(--color);padding: 16px 35px;border-radius: 10px;}
.exhibiswiper{padding-bottom:30px;position:relative}
.exhibiswiper .exhibi-pagination{display:block;bottom:0;top:unset!important;height:10px;border-radius:20px;overflow:hidden}
.blogs-row{display:flex;justify-content:space-between;margin-top:50px}
.blogs-col{position:relative;transition: all .3s ease-in-out;border: 3px solid #fff;}
.blogs-col:hover{border: 3px solid var(--color);}
.blogs-contant{position:absolute;width:100%;height:100%;top:0;left:0;padding:40px;display:flex;flex-direction:column;justify-content:space-between;z-index: 1;}
.blogs-data{width:61px;height:61px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}
.blogs-data p:nth-of-type(1){font-size:24px;color:#000;line-height:1;font-weight:700;margin-bottom:5px}
.blogs-data p:nth-of-type(2){line-height:1;text-transform:capitalize}
.blogs-tit{font-weight:700;font-size:20px;color:#fff;line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;transition: all .3s ease-in-out;}
.blogs-title{display:flex;align-items:center;margin-bottom:10px}
.blogs-title p{color:#fff;margin-left:10px}
.blogs-btn a{display:flex;justify-content:space-between;align-items:center;padding:18px 13px;line-height:1;background:#a9a9a982;text-transform:uppercase;color:#fff;position: relative;overflow: hidden;z-index: 0;}
.blogs-btn a::after{position: absolute;width: 100%;height: 100%;content: '';background: #939393d4;z-index: -1;left: -100%;transition: all .3s ease-in-out;}
.blogs-btn a:hover::after{left: 0;}
.blogs-btn{margin-top:15px}
.home-blog{margin-bottom:100px}
.home-contacts{padding:120px 0;background:url(/uploads/37292/yd/contacts.jpg) center no-repeat;background-size:cover}
.contact-con{max-width:60%;text-align:center}
.contact-con h5{font-weight:700;font-size:46px;color:#010101;line-height:1.21;text-shadow:0 2px 5px rgba(0,0,0,.75)}
.contact-con p{font-weight:700;font-size:36px;color:#000;opacity:.8;line-height:1;padding:20px 0}
.contact-btn{display:inline-block;padding:15px 18px;line-height:1;background:var(--color);color:#fff;font-size:24px}
.product-col:hover .product-img img{transform: scale(1.05);}
.product-col:hover .product-t a{color: var(--color);}
.product-btn a:hover{color: var(--color);}
.oem-box:hover .oem-ic{transform: rotateY(180deg);}
.factory-box:hover img{transform: scale(1.05);}
.choose-box:hover .choose-images img{transform: rotateY(180deg);}
.scenarios-col:hover img{transform: scale(1.05);}
.blogs-col:hover .blogs-tit{color: var(--color);}
.product-img a{display: flex;justify-content: center;}
.blogs-col::after{position: absolute;width: 100%;height: 100%;content: '';bottom: 0;background-image: linear-gradient(0deg, #16529b, #0000008f, #a9a9a954);z-index: 0;}
.blogs-images img{aspect-ratio: 1 / 1;object-fit: cover;width: 100%;}
.newSwiper{width: 100%;margin-top: 50px;}
.newSwiper .swiper-slide{width: 32%;}
.newSwiper .swiper-wrapper{justify-content: space-between;}
@media (max-width:1600px) {
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 36px;}
    .data-math p{font-size: 42px;}
    .data-math sub{font-size: 19px;}
    .data-text p,.choose-text p{font-size: 20px;}
    .data-box,.choose-box{margin: 30px 0;}
    .choose-images{width: 110px;height: 110px;}
    .choose-images img{max-width: 30px;}
    .home-select{padding: 50px 0;}
    .scenarios-title{padding-top: 50px;}
    .home-certification{margin-top: 50px;}
    .home-exhibition{margin: 50px 0;}
    .home-blog{margin-bottom: 50px;}
    .home-product {padding-top: 50px;}
}
@media (max-width:1420px) {
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 28px;}
    .product-titile{margin-bottom: 35px;}
    .product-t {margin-bottom: 5px;}
    .product-t a{font-size: 20px;}
    .oem-item .oem-box:nth-of-type(1) h5{font-size: 22px;line-height: 1.52;}
    .home-abouts{padding: 10px 0 30px;}
    .choose-images {width: 80px;height: 80px;margin-bottom: 20px;}
    .data-text p, .choose-text p{font-size: 18px;}
    .scenarios-row{margin-top: 30px;}
    .scenarios-text p{font-size: 18px;padding: 20px 0 10px;}
    .certificate-contant{margin-top: 30px;}
    .blogs-contant{padding: 20px;}
    .blogs-tit{font-size: 18px;}
    .blogs-btn a{font-size: 14px;}
    .blogs-data p:nth-of-type(1){font-size: 18px;}
    .blogs-data p:nth-of-type(2){font-size: 14px;}
    .contact-con h5{font-size: 32px;}
    .contact-con p{font-size: 24px;}
    .contact-btn{font-size: 16px;}
}
@media (max-width:1200px) {
    .choose-p{padding: 0;}
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 26px;}
    .home-select .home-title h5{padding: 15px 0;max-width: 100%;margin: 0 auto;}
    .data-math p{font-size: 34px;}
    .data-math sub{font-size: 16px;}
    .data-math{margin-bottom: 10px;}
    .certifi-text p{font-size: 16px;padding: 20px 0 10px;}
}
@media (max-width:1024px) {
    .l-wraps{padding: 0 30px;}
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 22px;}
    .tit-right{padding-left: 30px;}
    .tit-left{width: 45%;}
    .product-contant{padding: 15px;}
    .oem-ic{width: 50px;height: 50px;}
    .oem-item .oem-box:nth-of-type(1){padding: 20px;}
    .oem-item .oem-box:nth-of-type(1) h5{font-size: 18px;}
    .about-title p {margin: 20px 0;}
    .about-contant{flex-direction: column;}
    .about-left{width: 100%;}
    .about-right {padding-left: 0;flex: 1;margin-top: 20px;}
    .about-right img{width: 100%;}
    .certifiSwiper{margin: 0 30px;}
    .certifi-next{right: -15px;}
    .certifi-prev{left: -15px;}
    .home-exhibition { margin: 35px 0;}
}
@media (max-width:768px) {
    .l-wraps{padding: 0 15px;}
    .tit-right{padding-left: 0;}
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 20px;}
    .product-titile{flex-direction: column;}
    .tit-left {width: 100%;text-align: center;margin-bottom: 10px;}
    .home-product {padding-top: 20px;}
    .tit-right p{text-align: center;}
    .product-titile .dev{margin-bottom: 5px;}
    .product-col{width: 49%;}
    .oem-item{flex-wrap: wrap;}
    .oem-box{width: 49%;margin-bottom: 2%;background: var(--color);}
    .oem-bottom{margin-top: 0;padding: 15px;color: #fff;}
    .home-oem{padding-bottom: 15px;}
    .data-math p{font-size: 28px;}
    .data-text p, .choose-text p{font-size: 16px;}
    .scenarios-row {margin-top: 20px;flex-wrap: wrap;}
    .scenarios-col{padding: 15px;width: 32%;margin: 10px 0;}
    .blogs-row{margin-top: 20px;flex-wrap: wrap;}
    .blogs-col{width: 49%;margin-bottom: 2%;}
    .home-contacts{padding: 35px 0;}
    .contact-con h5{font-size: 22px;}
    .contact-con p {font-size: 18px;padding: 10px 0;}
    .contact-btn {font-size: 14px;padding: 8px 15px;}
    .home-blog {margin-bottom: 15px;}
    .product-text{font-size: 14px;line-height: 1.52;}
    .product-t a{font-size: 18px;}
    .product-btn a{font-size: 14px;}
    .certifiSwiper {margin: 0 40px;}
}
@media (max-width:550px) {
    .about-factory{padding: 20px 0;flex-wrap: wrap;}
    .factory-box{width: 100%;margin-bottom: 10px;}
    .data-box{width: 49%;}
    .data-box.data-span{border-right: none;border-left: none;}
    .choose-box{width: 49%;}
    .choose-item{justify-content: space-between;}
    .scenarios-col{width: 48%;}
    .certifi-next, .certifi-prev{width: 30px;height: 60px;}
    .certifi-next img, .certifi-prev img{width: 12px;}
    .certifi-next {right: 5px;}
    .certifi-prev {left: 5px;}
    .blogs-col{width: 100%;}
    .home-banner #indexbanner .swiper-wrapper .swiper-slide img{height: auto;}
    .tit-right{margin-top: 0;}
    .home-product{padding-top: 5px;}
    .blogs-images img{width: 100%;}
    .home-certification {margin-top: 20px;}
    .exhibiswiper .swiper-wrapper img{width: 100%;}
    .factory-box img{width: 100%;}
    .about-title {font-size: 14px;margin: 10px 0px;}
    .factory-span{font-size: 14px;}
    .exhibition-contant{position: relative;}
    .exhibiswiper{margin: 0 40px;position: unset;}
    .newSwiper{padding-bottom: 35px;}
}
@media (max-width:420px) {
    .l-wraps {padding: 0 10px;}
    .certificate-title h5, .home-title h5, .scenarios-title h5{font-size: 18px;}
    .home-banner {height: auto;}
    .tit-right p,.about-con p,.about-p p,.data-math sub,.data-text p, .choose-text p,.choose-p,.choose-title p,.certifi-text p{font-size: 14px;}
    .product-titile {margin-bottom: 10px;}
    .product-contant {padding: 10px;}
    .oem-bottom{padding: 9px; flex-direction: column;}
    .oem-text{padding-left: 0;}
    .oem-text p{font-size: 14px;text-align: center;line-height: 1.25;margin-top: 5px;}
    .oem-item .oem-box:nth-of-type(1) h5{font-size: 16px;}
    .oem-item .oem-box:nth-of-type(1) p{margin-bottom: 5px;font-size: 14px;}
    .oem-item .oem-box:nth-of-type(1){display: flex;flex-direction: column;justify-content: center;}
    .about-title p {margin: 6px 0;font-size: 14px;}
    .data-box {width: 100%;margin: 10px 0;}
    .data-math p{font-size: 22px;}
    .home-select {padding: 25px 0;}
    .data-box, .choose-box {margin: 15px 0;}
    .choose-images {width: 55px;height: 55px;margin-bottom: 10px;}
    .choose-images img {max-width: 18px;}
    .scenarios-title {padding-top: 25px;}
    .scenarios-title p{margin-top: 5px;font-size: 14px;}
    .scenarios-col{padding: 8px;margin: 5px 0;}
    .scenarios-text p {font-size: 14px;padding: 10px 0 0px;}
    .certifi-text p {font-size: 14px;padding: 10px 0 0px;height: 45px;}
    .exhibition-btn a{padding: 8px 20px;border-radius: 5px;font-size: 14px;}
    .exhibition-contant{margin-top: 20px;}
    .certificate-title p {font-size: 14px;margin-bottom: 5px;color: var(--color);line-height: 1;}
    .blogs-tit{font-size: 16px;}
    .blogs-btn a{padding: 10px;}
    .exhibition-btn a{padding: 10px 25px;font-size: 14px;}
    .certifi-text p{height: 65px;display: flex;justify-content: center;align-items: center;font-size: 14px;padding: 10px 0;}
    .certifi-next, .certifi-prev{width: 15px;height: 35px;}
    .certifi-next img, .certifi-prev img{width: 6px;}
    .certifiSwiper,.exhibiswiper{margin: 0 20px;}
    .certifi-next {right: 0px;}
    .certifi-prev {left: 5px;}
}
@media (max-width:420px){.data-box{width:49%}}
@media (max-width:768px){.home-product{margin-top:30px}}