@charset "utf-8";
:root {--color:#003a79}
.pro-detail-content{max-width:1000px;margin:0 auto}
.pro-detail-content>*{margin:0 !important;padding:0 20px !important}
.pro-detail-content .send-inquiry .inquiry-form{margin:0}
.pro-detail-content .pro-intro article{padding:0}
.abouts-content{line-height:1.8em}
footer .footer-container .bottom-info .intro .intro-text{-webkit-line-clamp:inherit}
.home-container .partners ul img{max-width:100%}
.home-container .partners ul{text-align:center;display:block;margin-top:50px}
#swiper-part1 .swiper-wrapper{flex-wrap:wrap;justify-content:space-between}
#swiper-part1 .swiper-slide {width:23%}
#swiper-part1 .item-content{height:54px}
#swiper-part1  .item-title{height:48px}
@media (max-width:768px){#swiper-part1 .swiper-slide{width:48%;margin-bottom:15px}
#swiper-part1 .item-title,#swiper-part1 .item-content{height:auto}}
@media screen and (min-width:1082px){.common-container .contact-wrapper .contact-left{width:48%;padding:20px 30px}
.common-container .contact-wrapper .contact-main{flex:inherit;width:48%;margin-left:4%}
.common-container .contact-wrapper .contact-main .send-inquiry .inquiry-form {margin:0}
.common-container .contact-wrapper .contact-left ul li {margin:8px 0}
.common-container .contact-wrapper .contact-left ul li .contact-num {font-size:16px;margin-top:6px}
.common-container .contact-wrapper .contact-left ul {margin-top:20px}
.common-container .contact-wrapper .contact-left .title {font-size:26px}}
@media screen and (min-width:769px){header nav ul .submenu {width:auto;min-width:100%;right:auto;left:0;display:block;height:auto}
header nav ul li {position:relative}
header nav ul .submenu li {display:block}
header nav ul .submenu li:after {background:none}
header nav ul .submenu li a {white-space:nowrap;display:block;text-align:left;line-height:40px}}
@media screen and (max-width:768px){header nav ul .submenu.nav1 ul{display:none}}
.home-container .part-title:after {display:none}
@media screen and (min-width:769px){.home-container .hot-product ul li .pro-name {display:block;line-height:1.3;margin:10px 0}
.home-container .hot-product ul li >a {display:block;padding-bottom:40px;position:relative;height:100%;box-sizing:border-box}
.home-container .hot-product ul li .pro-btn {position:absolute;bottom:0;left:50%;transform:translatex(-50%)}
.home-container .hot-product ul li {height:auto}
.home-container .hot-product ul li .pro-img {height:auto}}
.indadnewstit {margin-bottom:50px}
.home-container .partners{margin-top:90px;margin-bottom:75px}
@media screen and (max-width:560px){.indadnewstit {margin-bottom:30px}
.home-container .partners ul{margin-top:20px}
.home-container .partners{margin:40px 6.6666666667vw 30px}
.home-container .hot-product ul li{margin-bottom:10px}
.home-container .hot-product ul{margin:40px 6.6666666667vw 30px}}
.flex {display:flex;flex-wrap:wrap}
.highpro {background:#2a2a2a}
.highpro-l,.highpro-r {width:50%}
.highpro-l img {display:block;width:100%;height:100%;object-fit: cover}
.highpro-r {background:#2a2a2a;padding:60px;color:#fff}
.highpro-r .home-title {font-size:36px;font-weight:600;color:#232323;text-transform:capitalize;color:#fff;font-weight:400}
.highpro-text {font-size:15px;color:#c1c0c0;line-height:1.6;margin:30px 0 40px}
.highpro-authentication {display:flex;flex-wrap:wrap}
.highpro-authentication li {width:50%;position:relative;padding-left:26px;font-size:14px;color:#c1c0c0;margin-bottom:16px}
.highpro-authentication li::before {content:'';display:block;width:8px;height:8px;background:#003a79;border-radius:50%;position:absolute;left:0;top:5px}
.highpro-step {display:flex;justify-content:space-between;margin-bottom:7%}
.highpro-r-box::before {content:'';width:88%;height:1px;background:#434343;left:6%;top:20px;position:absolute}
.highpro-step li {position:relative;cursor:pointer}
.highpro-step-num {width:40px;height:40px;background:#252525;border:1px solid #626262;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#fff;margin:0 auto 18px}
.highpro-step-title {font-size:17px;text-align:center;line-height:1.3;padding:0 4px}
.highpro-step-act .highpro-step-title {color:#fff}
.highpro-step-act .highpro-step-num {background:#003a79;border-color:#003a79}
.highpro-l .swiper-pagination {bottom:20px}
.highpro-r .swiper-slide {display:block}
a.highbtn {color:#003a79;display:inline-block;line-height:38px;padding:0 28px;background:#fff}
a.highbtn:hover {background:#003a79;color:#fff}
@media screen and (max-width:1366px){.highpro-r{padding:30px}}
@media screen and (max-width:1200px){.highpro-step-title{font-size:15px}
.highpro-r .home-title{font-size:26px}
.highpro-text{margin:12px 0 20px}}
@media screen and (max-width:1024px){.highpro-l,.highpro-r {width:100%}}
@media screen and (max-width:560px){.highpro-r{padding:15px}
.highpro-step-title{font-size:12px}
.highpro-r .home-title{font-size:22px}
.highpro-text{font-size:14px}
a.highbtn{font-size:14px}}
.highpro {display:none}
.index-ab{position:relative;display: flex;justify-content: center;align-items: center}
.index-ab img{width:100%}
.index-ab .container{position:absolute;max-width: 29%;width:100%}
.index-ab .container p.ab-title{color:#fff;font-size:2.2vw;margin:20px 0}
.index-ab .container ul  li {line-height:1;padding:10px 0}
.index-ab .container ul  li a{color:#fff;font-size: 1vw}
.index-ab ul{margin-top: 2.2vw}
.index-ab .container ul li{position:relative;padding-left:20px;transition:.5s}
.index-ab .container ul li:before{content:'';position:absolute;width:10px;height:10px;background:#fff;left:0;top:50%;transform:translateY(-50%);border-radius:50%}
.index-ab .container ul li:hover a{color:#ccc}
.index-ab .container ul li:hover:before{background:#ccc}
.index-ab .container ul li:hover{transform:translateX(-10px)}
@media (max-width:1200px){.index-ab .container ul  li{padding: 7px 0 7px 16px}.index-ab ul{margin-top:0}}
@media (max-width:960px){.index-ab{justify-content:space-between}
.index-ab:after{content:'';width:50%;background:#08407D;height: 100%;position: absolute;right: 0;top: 0}
.index-ab  img{max-width: inherit;width: 125%}
.index-ab .container{max-width: 50%;background: #08407D;padding: 15px 20px 15px 0;margin-left: 50%;/* height: 100%; */z-index: 1}   
.index-ab .container p.ab-title{font-size: 3vw}
.index-ab .container ul li{line-height:1.1;display: flex}
.index-ab .container ul  li a{font-size:1.5vw}}
@media (max-width:768px){
.index-ab .container p.ab-title{font-size:5vw;margin: 0 0 10px}
.index-ab .container{padding:10px 10px 10px 0}}
@media (max-width:680px){
.index-ab .container ul  li a{font-size:2vw}
.index-ab .container ul li{padding: 4px 0 4px 10px}
.index-ab .container{max-width:55%;margin-left:45%;background:#0F4581}
.index-ab:after{background:#0F4581}
.index-ab .container ul li:before{width:6px;height:6px}}
@media screen and (min-width:769px){.home-container .lastest-news ul li div.news-img {padding-bottom:40%;position:relative}
.home-container .lastest-news ul li div.news-img img {height:100%;position:absolute;top:0;left:0;object-fit:contain;border:1px solid #ccc;box-sizing:border-box}}
@media(max-width:768px){header nav {padding:0 15px}
header .header-top .top-right {position:absolute;right:35px;width:120px;height:13.3333333333vw}
header .header-top {padding:0 15px}
header .header-top .top-right .search-active{padding: 15px 20px;height: auto}}
.nycontactuscenter {display:flex;justify-content:space-evenly;align-items:center}
.nycontactuscenter img {width:220px;max-width:31%}
@media (max-width:768px){.nycontactuscenter{margin-top:25px}}
.contactImgt{display:flex;justify-content: space-between}
.contactImgt img{width:32%;height:auto}
.pro-detail-content .productsTags {margin:0}