.sub-banner{width: 100%;height:600px;background-size: cover;background-position: center;background-color: var(--color-3);position: relative;}
.sub-banner .container{position: absolute;left: 0;bottom:180px;}
.pro-banner .container{position: absolute;left: 0;top:250px;bottom: unset}
.sub-banner .container h2{width: 100%;font-size:55px;font-weight: 600;line-height: 50px;margin-bottom:40px;color: #fff;text-transform: uppercase;}
.sub-banner .container h4{width: 100%;font-size:50px;font-weight: 550;line-height: 50px;margin-bottom:40px;color: #fff;text-transform: uppercase;}
.sub-banner .container p{width: 100%;font-size: 25px;font-weight: 450;line-height: 40px;color: #fff;text-transform: uppercase;}
@media screen and (max-width: 1440px){
    .sub-banner{height:500px;}
    .sub-banner .container{left: 100px;}
    .sub-banner .container h2{font-size:40px;line-height: 40px;}
    .sub-banner .container p{font-size: 22px;line-height: 30px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:220px;margin-top:60px;}
    .sub-banner:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.28);z-index: 1;left: 0;top:0;position: absolute}
    .sub-banner .container{left:0;bottom:50px;z-index: 2;}
    .sub-banner .container h2{font-size:2.5rem;line-height: 3rem;margin-bottom:15px;font-weight: 650;}
    .sub-banner .container p{font-size: 1.5rem;line-height: 2.5rem;}
}

/*page-nav*/
.main{padding: 0!important;margin: 0!important;}
.main .page-nav{
    background-color: #fff;
    width: 100%;
    box-shadow: 0 10px 25px rgba(130, 177, 255, 0.12);
    -webkit-box-shadow: 0 10px 25px rgba(130, 177, 255, 0.12);
    margin: 0;border-bottom: none!important;
}
.main .page-nav .loc {line-height: 80px;color: #868e96;}
.main .page-nav .loc a{font-size: 18px;color: #868e96;line-height: 80px;}
.main .page-nav .loc i{font-size: 1.6rem;margin-right: 10px;}
.main .page-nav .loc .icon-jiating-{font-size:2rem;}
.main .page-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.main .page-nav ul li{line-height: 80px;font-size:18px;border-left: 1px solid #eee;}
.main .page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height: 80px;height: 82px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{color:#fff;font-weight: 500;background-color:var(--color-3);}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -12px;position: absolute;z-index: 9;
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid var(--color-3);
}
@media (max-width: 1440px) {
    .main .page-nav .loc{line-height: 60px;}
    .main .page-nav .loc a{font-size: 18px;line-height:60px;}
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 60px;height: 62px;}
}
@media (max-width: 991px) {
    .main .page-nav{margin-bottom: 0;}
    .main .page-nav .container{flex-wrap: wrap;padding: 0;}
    .main .page-nav .loc{width: 100%;line-height: 30px;order: 2;display: none}
    .main .page-nav .loc a{font-size:1.2rem;}
    .main .page-nav .loc i{font-size: 1.4rem;}
    .main .page-nav .page-nav-ul{width:100%;order: 1;}
    .main .page-nav ul li{line-height:50px;font-size:1.6rem;font-weight:700;padding: 0!important;}
    .main .page-nav ul li a{line-height: 50px;height: 52px;}
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
        margin-left: -6px;bottom: -6px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid var(--color-3);
    }

}
body{background-color:#f8f9fa;}
.page-nav .loc{width:50%;}
.page-nav .page-nav-ul{width: 50%;}
.page-nav .page-nav-ul li{width:33.33%;}
@media (max-width: 1440px) {
    .page-nav .loc{width:30%;}
    .page-nav .page-nav-ul{width: 70%;}
}
@media (max-width: 992px) {
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:100%;}
}
.container{flex-wrap:wrap;}

/*contact*/
.contact{}
.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 15px 55px;border-bottom: 1px dashed #ddd;position: relative;}
.contact .contact-text p.pl-30{padding-left:23px;}
.contact .contact-text p em{position: absolute;left: 0;top:10px;font-size: 2rem;color: #fff;text-align: center;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-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: 12px 0 12px 36px;}
    .contact .contact-text p:last-child{border-bottom: none;}
    .contact .contact-text p em{height: 26px;width: 26px;line-height: 26px;font-size: 1.4rem;}
    .contact-info .img{width: 100%}
    #Gaodemap{min-height: 300px}
}


.founder{padding: 50px 0;}
.founder .flex-sb{
    padding:50px;background-color: #fff;margin:20px auto 50px auto;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);border-top-right-radius: 60px;border-bottom-left-radius: 60px;
}
.founder .img{margin-right: 50px;}
.founder .img img{
    width: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.founder .info{width:auto}
.founder .info h4{font-size: 32px;font-weight: 550;margin-bottom: 20px;color: #495057;position: relative;}
.founder .info h4:after{content: '';width:100px;height:1px;background-color:var(--color-3);position: absolute;left:150px;top:20px; }
.founder .info h4 span{font-size: 20px;font-weight: 400;margin-left: 10px;}
.founder .info p{font-size: 16px;line-height: 30px;color: #495057;position: relative;padding-left: 20px;}
.founder .info p:after{content: '';width:8px;height: 8px;background-color:#dee2e6;border-radius: 50%;left: 0;top:11px;position: absolute; }
@media (max-width: 1440px) {
    .founder .info h4{font-size:26px;margin-bottom:15px}
    .founder .info h4:after{top:15px;}
    .founder .info h4 span{font-size: 16px;}
    .founder .info p{font-size: 14px;line-height: 22px;padding-left:15px;margin-bottom: 5px;}
    .founder .info p:after{width:6px;height: 6px;top:10px;}
}
@media screen and (max-width: 992px){
    .founder{padding:50px 20px 10px 20px;}
    .founder .section-title{padding:0}
    .founder .container{padding: 0;}
    .founder .flex-sb{padding:20px;margin: 20px auto;flex-wrap: wrap}
    .founder .img{margin-right:0;margin-bottom:30px;}
    .founder .img img{width:100%;}
    .founder .info{width: 100%;}
    .founder .info h4{font-size:2.2rem;margin-bottom:20px;}
    .founder .info h4:after{width:60px;left:unset;top:20px;right: 0; }
    .founder .info h4 span{font-size:1.5rem;margin-left:5px;}
    .founder .info p{font-size: 1.5rem;line-height:2.5rem;padding-left:15px;margin-bottom: 5px;}
    .founder .info p:after{width:6px;height: 6px;top:8px;}
}

.culture{background-color:var(--color-3);padding: 100px 0;}
.culture .culture-item{width: 48.5%;margin-right: 3%;background-color: #fff;padding:40px;border-top-left-radius:60px;border-bottom-right-radius:60px;}
.culture .culture-item:last-child{margin-right: 0;border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius: 60px;border-bottom-left-radius: 60px;}
.culture .text{width: 100%;}
.culture .text h4{font-size:50px;font-weight:700;text-transform: uppercase;margin-bottom: 25px;color:#f5f5f5;position: relative;}
.culture .text h4 span{font-size:35px;color: var(--color-3);position: absolute;left: 0;top:0;font-weight: 550}
.culture .text h6{font-size: 20px;font-weight: 550;color: var(--color-2);margin-bottom:10px;}
.culture .text p{font-size: 16px;line-height:30px;color: var(--color-2);}
@media (max-width: 991px) {
    .culture{background-size:cover;padding:30px 0;background-repeat: no-repeat;flex-wrap: wrap}
    .culture .culture-item{width: 100%;margin-right: 0;padding:25px;margin-bottom: 5%;border-top-left-radius:30px;border-bottom-right-radius:30px;}
    .culture .culture-item:last-child{margin-bottom: 0;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
    .culture .text h4{font-size:3rem;margin-bottom:15px;}
    .culture .text h4 span{font-size:2.2rem;}
    .culture .text h6{font-size: 1.6rem;margin-bottom:10px;line-height: 2.6rem}
    .culture .text p{font-size: 1.4rem;line-height:2.2rem;}
}

.about-text{position: relative;flex-wrap: wrap;padding:100px 0}
.about-text .info{width: 50%;}
.about-text .info p{font-size:18px;line-height:36px;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:30px;}
.about-text .info p:last-child{margin-bottom: 0}
.about-text .img{width: 50%;text-align: right;}
.about-text .img img{width: auto;max-width:80%;border-top-left-radius:60px;border-bottom-right-radius:60px;}
@media (max-width: 1440px) {
    .about-text{padding:80px 0 50px 0}
    .about-text .info p{font-size:16px;line-height:26px;}
}
@media screen and (max-width: 992px){
    .about-text{padding:20px 0;flex-wrap: wrap}
    .about-text .info{width: 100%;margin-bottom:0}
    .about-text .info p{font-size: 1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about-text .img{width: 100%;text-align: center;margin-bottom: 20px;}
    .about-text .img img{max-width:100%;}
}


/*website*/
.website{padding: 50px 0;}
.website .text-img{padding: 30px 0;margin-bottom: 30px;}
.website .text-img .text{width: 65%;margin-right: 5%;}
.website .text-img .text h4{font-size: 36px;font-weight: 550;color: var(--color-3);margin-bottom:10px;}
.website .text-img .text b{font-size: 22px;font-weight: 550;color: #495057;margin-bottom: 20px;display: block}
.website .text-img .text p{font-size: 18px;line-height: 36px;font-weight: 400;color: #495057;margin-bottom:20px;}
.website .text-img .img{width: 30%;}
.website .text-img .img img{width: auto;max-width: 100%;}
.website .imgs{width: 1400px;margin: 0 auto;}
.website .imgs img{width: 100%;}
.website .imgs h6{font-size: 32px;font-weight: 550;color: var(--color-3);margin-bottom:50px;text-align: center;position: relative;}
.web-ys{padding: 80px 0;background-color: #fff;}
.web-des{padding: 80px 0;background-color: #f1f3f5}
.web-des-ul{padding:20px 0;}
.web-des-ul li{width:19.2%;margin-right: 1%;padding:20px 30px;background-color: #fff;position: relative;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.08);
}
.web-des-ul li:after{content: '';width: 3px;height: 30px;background-color: var(--color-3);position:absolute;right: 0;top:30px; }
.web-des-ul li:last-child{margin-right: 0;}
.web-des-ul li i{display: block;font-size: 5rem;color: var(--color-3);margin:0 0 10px 0!important;padding: 0!important; }
.web-des-ul li h6{font-size: 25px!important;font-weight: 550;color:#495057!important;margin-bottom:20px!important;text-align: left!important;}
.web-des-ul li p{font-size: 18px;line-height: 30px;color: #495057;font-weight: 400;}
.web-info{padding: 80px 0;background-color: #495057;background-image: url(../images/webinfo-bg.jpg);background-size: cover;background-position: center top}
.web-info .text{}
.web-info .text h6{font-size: 36px;font-weight: 550;color: #fff;margin-bottom:30px;text-align: center;}
.web-info-ul{padding: 30px 0;}
.web-info-ul li{font-size: 18px;line-height: 35px;color: #495057;font-weight: 500;width: 32%;margin-right: 2%;padding: 30px;background-color: #fff;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
    border-top: 5px solid  var(--color-5);
}
.web-info-ul li:last-child{margin-right: 0;}
.web-ad{padding: 80px 0;background-color: #FFF}
.web-ser{padding: 80px 0 0 0;}
.website-ul{
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}
.website-ul li{
    margin: 10px 15px 30px 15px;outline: none;
    padding:20px 30px;background-color: #fff;
    box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);
    min-height: 300px;
}
.website-ul li b{font-size:25px;font-weight: 550;margin-bottom:10px;color: #495057;position: relative;display: block;}
.website-ul li b:after{content: '';width: 60px;height:2px;background-color: var(--color-3);position: absolute;bottom:18px;right:0; }
.website-ul li i{display: block;font-size: 5rem;margin: 10px auto 10px auto;color: var(--color-3);font-weight: 600;font-style: unset}
.website-ul li p{font-size: 18px;line-height:30px;color: #868e96;font-weight: 400!important;}
.website-ul .NextArrow,.website-ul .PrevArrow{
    position: absolute;
    width: 32px;
    height: 32px;
    border: 2px solid  var(--color-3);
    line-height: 28px;
    background: transparent;
    text-align: center;
    z-index: 999;
    outline: none;
    border-radius: 50%;
    top:-90px;
}
.website-ul .NextArrow i,.website-ul .PrevArrow i{font-size:1.6rem;color: var(--color-3);}
.website-ul .NextArrow:hover,.website-ul .PrevArrow:hover{border: 2px solid  var(--color-3);}
.website-ul .NextArrow:hover i,.website-ul .PrevArrow:hover i{color: var(--color-3);}
.website-ul .NextArrow{right:20px;}
.website-ul .PrevArrow{right:70px;}
@media (max-width: 1440px) {
    .website .imgs{width: 1200px;margin: 0 auto;}
    .website-ul li{min-height: 250px;}
    .website-ul li b{font-size:22px;}
    .website-ul li b:after{height:1px;}
    .website-ul li i{font-size: 4.5rem;}
    .website-ul li p{font-size: 15px;line-height:25px;}
    .web-des-ul li i{font-size: 4rem;}
    .web-des-ul li h6{font-size: 22px!important;margin-bottom: 10px!important;}
    .web-des-ul li p{font-size: 15px;line-height: 25px;}
}
@media (max-width: 991px) {
    .website{padding:20px 0 30px 0;}
    .website .text-img{padding:0;margin-bottom:10px;flex-wrap: wrap}
    .website .text-img .text{width:100%;margin-right: 0;order: 2;}
    .website .text-img .text h4{font-size: 2rem;margin-bottom: 5px;}
    .website .text-img .text b{font-size: 1.6rem;margin-bottom: 10px;}
    .website .text-img .text p{font-size: 1.4rem;line-height: 2.2rem;margin-bottom:20px;}
    .website .text-img .img{width:100%;order: 1;text-align: center;margin-bottom: 20px;}
    .website .text-img .img img{width: 60%;}
    .website .imgs{width: 100%;margin: 0 auto;}
    .website .imgs img{width: 100%;}
    .website .imgs h6{font-size: 2rem;margin-bottom:20px;}
    .web-ys{padding:20px 0;background-color: #fff;}
    .web-des{padding: 20px 0;background-color: #f1f3f5}
    .web-des-ul{padding:10px 0 0 0;flex-wrap: wrap}
    .web-des-ul li{width:49%;margin-right:2%;margin-bottom: 2%;padding:10px 15px;}
    .web-des-ul li:nth-child(2n){margin-right: 0;}
    .web-des-ul li:last-child{width: 100%;margin-right: 0;}
    .web-des-ul li i{font-size:4.5rem;margin:0 0 5px 0!important;}
    .web-des-ul li h6{font-size: 1.6rem!important;margin-bottom:10px!important;}
    .web-des-ul li p{font-size: 1.4rem;line-height: 2.2rem;}
    .web-info{padding:30px 0;}
    .web-info .text h6{font-size:2rem;margin-bottom:20px;}
    .web-info-ul{padding:10px 0 0 0;flex-wrap: wrap}
    .web-info-ul li{font-size: 1.4rem;line-height: 2.5rem;width: 100%;margin-right: 0;margin-bottom:3%;padding:20px;}
    .web-info-ul li:last-child{margin-bottom: 0;}
    .web-ad{padding:30px 0;}
    .web-ser{padding:30px 0 0 0;}
    .web-ser .section-title h4:after{display: none;}
    .website-ul{margin:20px 0 0 0;background-color: #fff;box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);}
    .website-ul li{margin: 0 0 25px 0;padding:10px 20px;min-height:auto;background-color: transparent; box-shadow:none; -webkit-box-shadow:none;}
    .website-ul li b{font-size:2rem;}
    .website-ul li b:after{width: 30px;height:1px;bottom:18px;}
    .website-ul li i{font-size: 4rem;margin: 5px auto;}
    .website-ul li p{font-size: 1.5rem;line-height:2.5rem;}
    .website-ul .NextArrow,.website-ul .PrevArrow{width:30px;height:30px;line-height:30px;bottom:unset;top:-50px}
    .website-ul .NextArrow{right:10px;display: none}
    .website-ul .PrevArrow{right:55px;display: none}
    .website-ul .NextArrow i,.website-ul .PrevArrow i{font-size:1.6rem;}
}

/*Brands*/
.Brands{padding: 50px 0 0 0;}
.Brands .section-title{margin-bottom: 25px;}
.b-service{padding: 30px 0;}
.b-service .text-img{flex-wrap:wrap;align-items: center}
.b-service .text-img .text{width: 65%;margin-right: 5%;}
.b-service .text-img .text p{font-size: 18px;line-height: 32px;color:#495057;font-weight: 400;margin-bottom:15px;}
.b-service .text-img .text p:last-child{margin-bottom: 0}
.b-service .text-img .img{width: 30%;}
.b-service .text-img .img img{width: auto;max-width: 100%;}
.cores{padding: 50px 0;background-color: #fff}
.cores .imgs{text-align: center;padding: 30px 0;}
.cores .imgs img{width: auto;max-width: 100%;}
@media (max-width: 991px) {
    .Brands{padding:20px 0 0 0;}
    .b-service{padding:10px 0;}
    .b-service .text-img{padding: 20px 0}
    .b-service .text-img .text{width: 100%;margin-right: 0;order: 2;}
    .b-service .text-img .text p{font-size: 1.5rem;line-height: 2.5rem;margin-bottom:20px;}
    .b-service .text-img .img{width:100%;order:1;text-align: center;margin-bottom: 20px;}
    .b-service .text-img .img img{width: 80%}
    .cores{padding:30px 0 10px 0;}
    .cores .imgs{padding:20px 0;}
}