:root{--color3:#3DBAA5}
@font-face {font-family: "iconfont";src: url('/js/42409/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-bangzhuzhongxin:before {content: "\e649";}
.icon-xiangqingx:before {content: "\e6c6";}
.icon-hetongguanli:before {content: "\e7b8";}
.icon-wodegongyingshang:before {content: "\e606";}
.icon-shouhouguanli:before {content: "\e603";}
.about-us .l-wrap{max-width:100%;padding:0}
.about-us{background:#f3f8fb;overflow:hidden}
.about-lawy{max-width:1190px;margin:0 auto}
.about-l{max-width:1560px;margin:0 auto}
.about-title{text-align:center}
.about-title h4{font-weight:700;font-size:56px;color:#111;line-height:75px;font-style:normal;text-transform:none}
.about-title p{font-weight:400;font-size:18px;color:#666;line-height:1.5;font-style:normal;text-transform:none}
.ny2-top{display:flex;justify-content:center;margin-top:30px}
.ny2-y{width:82px;height:82px;background:#fff;border:5px solid #e7f4f2;border-radius:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;transition:all .2s ease-in-out;position:relative}
.ny2-img{width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.ny2-img span{line-height:50px;font-size:26px;color:var(--color3);width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:100%;transition:all .3s ease-in-out}
.ny2-y i{position:absolute;content:'';width:5px;height:5px;background:var(--color3);border-radius:100%;opacity:0;transition:all .2s ease-in-out}
.ny2-y i:nth-of-type(1){left:9px;top:9px}
.ny2-y i:nth-of-type(2){right:5px;bottom:13px}
.ny2-circle{position:relative}
.ny2-box{max-width:250px;width:15%;text-align:center}
.ny2-text{margin-top:17px}
.ny2-box:hover .ny2-img span{background:var(--color3);color:#fff}
.ny2-box:hover .ny2-y{border:1px solid var(--color3);animation:circleRoate 5s infinite linear}
.ny2-box:hover .ny2-y i{opacity:1}
.about-layout .about-l{margin:110px auto 30px;padding-bottom:224px;background:url(/uploads/42409/hy/map.png) no-repeat right}
.about-layout .about-title{max-width:768px}
.about-layout .about-title{text-align:left}
.about-layout .about-title h4{margin-bottom:32px}
.layout-btn{margin-top:60px}
.layout-btn a{width:180px;height:54px;background:linear-gradient(90deg,var(--color1) 0,var(--color) 100%);border-radius:6px 6px 6px 6px;display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;position: relative;overflow: hidden;z-index: 2;}
.layout-btn:hover a{text-decoration:none}
.about-certificates{background: url(/Content/uploads/20241067108/202408131610114e831e2080204d86ada5780e1570e366.png)top left no-repeat;}
.about-certificates .about-title{max-width:60%;margin:0 auto 60px}
.certificates-left{display:flex;width:60%;justify-content:space-between}
.certificates-contant{display:flex;padding:76px 0 76px 76px;background:#fff;border-radius:80px 0 0 0;position:relative;z-index:2;align-items: center;border-bottom: 1px solid #efefef;}
.certificates-contant::after{position:absolute;content:'';width:50%;height:100%;background:#fff;top:0;right:-45%;z-index:-2}
.certificates-right{flex:1;padding-left:45px}
.certificates-img{display:flex;justify-content:center;padding:15px 30px;box-sizing:border-box}
.certificates-box{background:#fff;border:1px solid #e3e3e3;width:31%;border-radius:20px 0;overflow:hidden;cursor: pointer;}
.certificates-text{padding:15px 8px;box-sizing:border-box;display:flex;height:100%;background:#f2f2f2;color:#666;transition: all .3s ease-in-out;}
.certificates-box:hover .certificates-text{background:var(--color3);color:#fff}
.certificates-text p{font-weight:400;font-size:16px;text-align:center;text-transform:none}
.certificates-img img{display:block;width:100%}
.certificates-right p:nth-of-type(1){font-weight:600;font-size:26px;color:#3dbaa5;line-height:30px;font-style:normal;text-transform:none;margin-bottom:30px}
.certificates-contant::before{position:absolute;content:'';background:url(/uploads/42409/hy/certificateback.jpg) no-repeat;width:100%;height:100%;top:0;right:-15%;z-index:-1}
.assurance-item{display:flex;justify-content:space-between}
.about-assurance{background:#fff;padding:110px 0}
.assurance-left{width:42%}
.assurance-right{width:50%}
.about-assurance .about-title{text-align:left;margin-bottom:60px}
.about-assurance .about-title h4{margin-bottom:35px}
.about-industries .about-title{display:flex;text-align:left;align-items:center}
.about-industries .about-title h4{width:40%}
.about-industries .about-title p{flex:1;padding-left:120px}
.about-industries{padding:110px 0;background:#fff}
.industries-contant{overflow:hidden;margin-top:75px}
.swiper-industries{padding:80px 0;position:relative}
.swiper-industries .swiper-pagination-bullet{background:0 0;border:1px solid var(--color3);transition:all .3s ease-in-out}
.swiper-industries .swiper-pagination-bullet-active{border-radius:unset;width:25px;background:var(--color);border-radius:2px}
.swiper-industries .swiper-slide-active,.swiper-industries .swiper-slide-duplicate-active{transform:scale(1)}
.swiper-industries .swiper-slide-next{transform:scale(.8)}
.swiper-industries .swiper-slide-prev{transform:scale(.8)}
.industries-img{position:relative;overflow: hidden;border-radius: 8px;}
.industries-data{position:absolute;right:0;top:0;padding:25px;background:#fff;transition: all .3s ease-in-out;}
.industries-num p{font-weight:700;font-size:48px;color:#111;line-height:1}
.industries-data span{display:block;width:20px;height:1px;background:#3dbaa5;border-radius:0;margin:15px 0}
.swiper-industries .swiper-button-next{right:30%}
.swiper-industries .swiper-button-prev{left:30%}
.industries-text{margin-right:70px}
.industries-img img{transition:all .3s ease-in-out}
@keyframes circleRoate {from {transform: rotate(0)}to {transform: rotate(360deg)}}
.layout-btn a::after{content: "";position: absolute;z-index: -1;top: 0px;background: var(--color);width: 100%;height: 100%;left: -100%;transition: all .3s ease-in-out;}
.layout-btn a:hover::after{left: 0;}
.industries-com{position: absolute;width: 100%;height: 100%;top: 100%;background: #0000008f;text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 0 35px;align-items: center;transition: all .3s ease-in-out;}
.industries-com .num p:nth-of-type(1){font-weight: bold;font-size: 36px;color: #FFFFFF;line-height: 1;}
.industries-com .num p:nth-of-type(2){font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 1;margin-top: 10px;}
.industries-com .text p{font-weight: 400;color: #FFFFFF;line-height: 1.5;font-size: 14px;}
.industries-com .btn{background: var(--color);border-radius: 37px 37px 37px 37px;display: flex;justify-content: center;align-items: center;max-width: 159px;margin-top: 15px;padding: 5px 15px;}
.industries-com .btn a{color: #fff;}
.industries-com .num span{width: 16px;height: 2px;background: var(--color);border-radius: 0px 0px 0px 0px;display: block;margin: 10px auto;}
.swiper-slide-active:hover .industries-img .industries-data{opacity: 0;}
.swiper-slide-active:hover .industries-img .industries-com{top: 0;}
.ny2-img span img{width: 26px;display: block;}
.ny2-box:hover .ny2-img span img{filter: grayscale(200%) brightness(500%);}

@media (max-width:1560px) {
    .about-l{padding: 0 70px;}
}
@media (max-width:1420px) {
    .about-title h4{font-size: 42px;}
    .about-title p{font-size: 16px;}
    .about-layout .about-title {max-width: 50%;}
    .about-layout .about-l{padding-bottom: 210px;}
    .certificates-text p{font-size: 14px;}
    .about-assurance{padding: 70px 0;}
    .certificates-contant{padding: 60px 0 60px 60px;}
    .layout-btn a {width: 160px;height: 45px;font-size: 16px;}
    .about-certificates .about-title {max-width: 90%;margin: 0px auto 40px;}
    .about-industries {padding: 50px 0 80px;}
    .industries-com .num p:nth-of-type(1){font-size: 26px;}
    .industries-com .num p:nth-of-type(2){font-size: 16px;margin-top: 5px;}
    .industries-com .text p{font-size: 14px;}
    .industries-com .btn a,.industries-com .btn a em{font-size: 12px;}
}
@media (max-width:1366px) {
    .about-layout .about-l {padding-bottom: 160px;margin: 80px auto 30px;}
    .about-layout .about-title {max-width: 40%;}
    .industries-contant{margin-top: 30px;}
    .industries-data{padding: 15px;}
    .industries-num p{font-size: 32px;}
    .industries-data span{margin: 8px 0;}
    .industries-text p{font-size: 14px;line-height: 1;}
    .industries-com .num span{margin: 5px auto;}
}
@media (max-width:1200px) {
    .about-lawy,.about-l{padding: 0 50px;}
    .about-assurance .about-title{margin-bottom: 30px;}
    .about-title h4 {font-size: 32px;line-height: 1;margin-bottom: 10px;}
    .about-industries .about-title h4{width: 30%;}
    .industries-com{padding: 0 10px;}
    .industries-com .text p{font-size: 12px;}
    .industries-com .num span{margin: 4 auto;}
}
@media (max-width:1024px) {
    .about-layout .about-title {max-width: 100%;}
    .about-layout .about-l{background: url(/uploads/42409/hy/map.png) no-repeat bottom;background-size: contain;}
    .about-layout .about-l {padding-bottom: 326px;margin: 50px auto 0px;}
    .layout-btn {margin-top: 30px;}
    .certificates-contant {padding: 30px 0 30px 30px;flex-direction: column;}
    .certificates-left{width: 100%;margin-bottom: 20px;}
    .certificates-right{padding-left: 0;}
    .about-industries .about-title{flex-direction: column;}
    .about-industries .about-title h4 {width: 100%;text-align: center;}
    .about-industries .about-title p {padding-left: 0;text-align: center;}
    .swiper-industries{padding: 40px 0 80px;}
    .industries-num p{font-size: 22px;}
    .industries-data span{margin: 6px 0;}
    .industries-data{padding: 10px;}
    .industries-text{margin-right: 30px;}
    .industries-text p{font-size: 14px;line-height: 1;}
    .swiper-industries .swiper-button-next:after,.swiper-industries .swiper-button-prev:after{font-size: 26px;}
    .about-lawy, .about-l{padding: 0 30px;}
}

@media (max-width:768px) {
    .about-lawy, .about-l{padding: 0 15px;}
    .about-title h4{font-size: 26px;}
    .about-us p{font-size: 14px;}
    .ny2-box{width: 22%;}
    .layout-btn a {width: 120px;height: 40px;font-size: 14px;}
    .about-layout .about-l {padding-bottom: 255px;}    
    .assurance-item{flex-direction: column;}
    .assurance-left{width: 100%;}
    .assurance-right {width: 100%;margin-top: 30px;}
    .swiper-industries .swiper-button-next {right: 0;}
    .swiper-industries .swiper-button-prev{left: 0;}
    .certificates-right p:nth-of-type(1){font-size: 22px;}
    .about-assurance {padding: 25px 0;}
    .certificates-left{flex-wrap: wrap;}
    .certificates-box{width: 49%;margin-bottom: 2%;}
}

@media (max-width:500px) {
    .ny2-box{width: 25%;}
    .ny2-y,.ny2-img{width: 65px;height: 65px;}
    .ny2-img span{font-size: 22px;}
    .about-title h4{font-size: 24px;}
    .about-layout .about-l {padding-bottom: 130px;}
    .about-certificates .about-title {max-width: 100%;margin: 0 auto 20px;}
    .about-industries {padding: 50px 0 0;}
}