/*about*/
.about{background-color:#fff;}
.about .page-nav{border-bottom: 1px solid #eee;}
.about .page-nav .page-nav-ul li{width: 25%;}
.about .loc{width: 50%;line-height: 80px;color:var(--color-2);}
.about .loc a{font-size: 16px;color:var(--color-2);}
.about .loc i{font-size: 2rem;}
.about .page-nav .page-nav-ul{width: 50%;}

/*about-info*/
.about{background-color: var(--color-7)}
.about .about-info{padding: 50px 0 0 0;}
.about .about-info .info{width:47%;margin-right:6%;margin-bottom: 5%}
.about .about-info .info p{font-size:18px;line-height:36px;font-weight: 400;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:20px;}
.about .about-info .info p:last-child{margin-bottom: 0}
.about .about-info .img{width:47%;margin-bottom: 5%;min-height: 450px;position: relative;border-bottom-left-radius:50px;border-top-right-radius:50px;overflow: hidden;background-size: cover;background-position: center}
.about .about-info .img:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background-color: rgba(3,110,185,0.2);}
.about .about-info .img img{width: 100%;}
.about .info-ul{width: 100%;background-color: #fff;padding: 20px;
    box-shadow:0 20px 40px rgba(88,100,117,.15);
    -webkit-box-shadow:0 20px 40px rgba(88,100,117,.15);
}
.about .info-ul li{width:33.33%;position: relative;padding:0;text-align: center;border-right: 1px solid #eee;}
.about .info-ul li:last-child{border-right: none;margin-right: 0}
.about .info-ul li:last-child:after{display: none;}
.about .info-ul li h6{color:var(--color-3);}
.about .info-ul li h6 span{font-size:35px;line-height:40px;font-weight: 600;}
.about .info-ul li h6 em{font-style: normal;font-size:16px;}
.about .info-ul li p{font-size: 15px!important;line-height: 25px!important;font-weight: 500!important;color:var(--color-2) !important;padding:0!important;text-align: center!important;}
.culture{background-image: url(../images/aboutbg.jpg);background-position:bottom center;background-size: cover;padding: 100px 0;}
.culture .text{padding: 20px 0}
.culture .text h6{font-size: 22px;font-weight: 550;color: var(--color-2);margin-bottom:20px;}
.culture .text p{font-size: 18px;line-height:36px;color: var(--color-2);width: 60%}
@media (max-width: 1440px) {
    .about .about-info .info p{font-size:16px;line-height:30px;}
    .about .info-ul{padding: 10px;}
    .about .info-ul li h6 span{font-size:25px;}
    .about .info-ul li h6 em{font-size:14px;}
    .about .info-ul li p{font-size: 14px!important;line-height: 22px!important;}
}
@media (max-width: 991px) {
    .about{background-color: #fff}
    .about .about-nav .page-nav-ul li{width: 25%;}
    .about .about-nav .page-nav-ul li:first-child{display: none}
    .about .page-nav .page-nav-ul{width:100%;font-size: 1.4rem;}
    .about .about-info{padding:0;margin:20px 0;border-bottom-left-radius:0;border-top-right-radius:0;flex-wrap: wrap}
    .about .about-info .info{width:100%;margin-bottom: 20px;padding:20px 0;margin-right: 0}
    .about .about-info .info .title{margin-bottom:30px;}
    .about .about-info .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about .about-info .img{width:100%;border-bottom-left-radius:30px;border-top-right-radius:30px;min-height:220px;}
    .about .info-ul{padding: 10px 0}
    .about .info-ul li h6 span{font-size:2.5rem;}
    .about .info-ul li h6 em{font-size:1.2rem;}
    .about .info-ul li p{font-size: 1.4rem!important;line-height:2.2rem!important;}
    .culture{background-size: 100% auto;padding:0 0 20px 0;background-repeat: no-repeat}
    .culture .text h6{font-size: 1.8rem;margin-bottom:10px;line-height: 2.8rem}
    .culture .text p{font-size: 1.4rem;line-height:2.2rem;width: 100%}
}

/*equipment*/
.equipment{width: 100%;padding:60px 0;}
.equipment .title{margin-bottom:50px;}
.equipment .equipment-ul{
    width: 100%;flex-wrap: wrap;
    padding:30px 30px 0 30px;background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);}
.equipment .equipment-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;text-align: center;}
.equipment .equipment-ul li:nth-child(4n){margin-right: 0;}
.equipment .equipment-ul li a{display: block;position:relative;width:100%;height:100%;overflow: hidden}
.equipment .equipment-ul li a img{width:100%;}
.equipment .equipment-ul li a p{background-color: rgba(0,0,0,0.4);font-size: 16px;color: #fff;line-height: 40px;position: absolute;bottom: 0;left: 0;width: 100%;}
.equipment .equipment-ul li a:hover{text-decoration: none;}
.equipment .equipment-ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
@media (max-width: 991px) {
    .equipment{padding:20px 0;background-color: #fff}
    .equipment .title{margin-bottom:30px;width: 100%}
    .equipment .equipment-ul{padding:0;-webkit-box-shadow:none;box-shadow:none;background-color: transparent}
    .equipment .equipment-ul li{padding:0;width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .equipment .equipment-ul li:nth-child(2n){margin-right: 0}
    .equipment .equipment-ul li a{padding:0}
    .equipment .equipment-ul li a p{font-size: 1.4rem;line-height:30px;bottom: 0;left: 0;}
}

.honor{padding:50px 0 0 0;background-color: #fff}
.honor .swiper-container {width: 100%;margin:50px 0 0 0;}
.honor .swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.honor .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.honor .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.honor .swiper-slide a {background: #fff;display: block;border:12px solid #fff;-webkit-box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);}
.honor .swiper-slide a p{display: block;text-align: center;font-size: 15px;line-height: 25px;color: #495057;padding: 10px 0;}
.honor .swiper-slide img {width: 100%;display: block;padding:10px;border:1px solid #e9ecef;}
.honor .swiper-pagination {position: relative;margin: 30px 0}
.honor .swiper-pagination-bullet {background: #ced4da;margin-left: 4px;margin-right: 4px;width: 10px;height: 10px;opacity: 1;margin-bottom: 4px;}
.honor .swiper-pagination-bullet-active {background:var(--color-3);}
.honor .button {width: 100%;position: relative}
.honor .swiper-button-prev {
    width: 40px;height: 40px;border-radius: 50%;position: absolute;left: 0;top:-25%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") var(--color-3) center 50%/50% 50% no-repeat;
}
.honor .swiper-button-next {
    width: 40px;height: 40px;border-radius: 50%;position: absolute;right: 0;top:-25%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") var(--color-3) center 50%/50% 50% no-repeat;
}
@media screen and (max-width: 991px) {
    .honor{padding:25px 0 0 0;background-color: #f1f3f5}
    .honor .swiper-container {margin:30px 0 0 0;padding: 0 60px;}
    .honor .swiper-slide {-webkit-transform: scale(0.8);transform: scale(0.78);}
    .honor .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
    .honor .swiper-slide a {border:none;}
    .honor .swiper-slide img {padding:10px;border: none;}
    .honor .swiper-slide a p{display: none;}
    .honor .swiper-pagination {position: relative;margin-bottom:10px;}
    .honor .swiper-pagination-bullet {background:var(--color-3);;margin-left: 2px;margin-right: 2px;width: 8px;height: 8px;margin-bottom: 2px;}
    .honor .swiper-pagination-bullet-active {width: 6px;height: 6px;background: #FFF;border: 3px solid var(--color-3);;margin-bottom: 0;}
    .honor .button div {width: 28px;height: 28px;}
}

/*contact*/
.contact{background-color: #f2f2f2;}
.contact .contact-info{
    margin: 80px auto;
}
.contact .contact-text{width: 45%;margin-right: 5%}
.contact .contact-text h3{font-size: 22px;font-weight: 600;color:var(--color-2);line-height: 22px;margin-bottom:30px;margin-top:20px;position: relative;}
.contact .contact-text h3:first-child{margin-top: 0;}
.contact .contact-text p{font-size: 18px;color:var(--color-2);line-height: 30px;padding: 15px 0;border-bottom: 1px dashed #ddd;}
.contact .contact-text p.pl-30{padding-left:23px;}
.contact .contact-text p em{font-size: 2rem;color: #fff;text-align: center;margin-right: 5px;display: inline-block;height: 40px;width: 40px;line-height: 40px;border-radius: 50%;background-color: var(--color-3)}
.contact-info .img{width: 50%}
#Gaodemap{width: 100%;height: 100%;min-height: 400px}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-3);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-3);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-3);animation:soak 6s ease-in-out infinite;opacity: 0;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1440px) {
    .contact .contact-info{margin: 50px auto;}
    .contact .contact-text{width: 50%;margin-right: 5%}
    .contact .contact-text h3{font-size: 22px;margin-bottom: 20px}
    .contact .contact-text p{font-size: 15px;line-height: 30px;}
    .contact .contact-text p em{height: 30px;width: 30px;line-height: 30px;font-size: 1.5rem}
    .contact-info .img{width: 45%}
    #Gaodemap{min-height: 350px}
}
@media (max-width: 991px) {
    .contact{background-color: #fff;}
    .contact .container{padding: 0;}
    .contact .page-nav .page-nav-ul{display: none}
    .contact .contact-info{padding:20px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0;}
    .contact .contact-text{width:100%;margin-bottom:10px;}
    .contact .contact-text h3{font-size: 2rem;line-height: 2.5rem;margin-bottom:10px;}
    .contact .contact-text p{font-size: 1.4rem;line-height:2rem;padding: 10px 0;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 26px;width: 26px;line-height: 26px;font-size: 1.3rem;margin-right: 0}
    .contact-info .img{width: 100%}
    #Gaodemap{min-height: 300px}
}