/*sub-banner*/
.sub-banner{width: 100%;height:500px;background-size: cover;background-position: center;background-color:#868e96;position: relative;}
.sub-banner .container{position: absolute;left: 0;top:100px;text-align: center;width: 100%}
.sub-banner .container h2{width: 100%;font-size:60px;font-weight: 550;line-height: 60px;margin-bottom:30px;color: #fff;text-transform: uppercase;}
.sub-banner .container p{width: 100%;font-size: 40px;font-weight: 550;line-height: 40px;color: #fff;margin-bottom:80px;}
.sub-banner .container a{display: block;width: 200px;line-height: 50px;border-radius: 30px;border: 2px solid #fff;text-align: center;margin:0 auto;font-size: 22px;color: #fff;font-weight:500}
.sub-banner .container a i{font-size: 2.5rem}
.sub-banner .beizhu{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px;background-color: rgba(0,0,0,0.5);font-size: 20px;text-align: center;font-weight: 550;color: #fff}
/*about-banner*/
.about-banner{width: 100%;height:650px;background-size: cover;background-position: center;background-color:#868e96;position: relative;}
.about-banner .container{padding-top: 10%;}
.about-banner .container h2{font-size:55px;font-weight: 550;margin-bottom:40px;color: #fff;text-transform: uppercase;}
.about-banner .container p{font-size: 30px;font-weight: 400;color: #fff;margin-bottom: 60px;}
.about-banner .container a{display: block;width: 200px;line-height: 55px;border: 2px solid #fff;text-align: center;font-size: 25px;color: #fff;font-weight:500}
.about-banner .container a i{font-size: 2.5rem}
@media screen and (max-width: 1440px){
    .sub-banner{height:450px;}
    .sub-banner .container h2{font-size:50px;line-height: 50px;}
    .sub-banner .container p{font-size: 30px;line-height: 30px;}
    .about-banner{height:550px;}
    .about-banner .container{padding-top: 10%;}
    .about-banner .container h2{font-size:45px;}
    .about-banner .container p{font-size: 25px;}
    .about-banner .container a{width: 180px;line-height: 50px;font-size: 22px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:200px;}
    .sub-banner .container{left:0;bottom:20px;}
    .sub-banner .container h2{font-size:3rem;line-height: 3rem;margin-bottom:10px;font-weight: 700;}
    .sub-banner .container p{font-size: 1.6rem;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;
}
.main .page-nav .loc {line-height: 80px;color: #495057;}
.main .page-nav .loc a{font-size: 18px;color: #495057;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: 85px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{background-color:#ff0000;color: #fff;}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -10px;position: absolute;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #ff0000;
}
@media (max-width: 1440px) {
    .main .page-nav .loc{line-height: 60px;}
    .main .page-nav .loc a{font-size: 16px;line-height:60px;}
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 65px;}
}
@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;}
    .main .page-nav ul li:first-child{border-left: none;}
}
.section-title{width: 100%;}
.section-title h4{font-size:40px;color:#212529;padding: 0;text-transform: uppercase;position: relative;font-weight:550;margin-bottom:5px;}
.section-title p{font-size: 20px;color:#495057;text-transform: uppercase;font-weight:500}
.section-title h4:after{content: '';width:50px;height:2px;background-color: #495057;position: absolute;top:45px;left: -70px;border-radius:5px;}
.title{text-align: center;padding: 20px 0;}
.title h4{font-size: 40px;font-weight: 600;text-transform: uppercase;margin-bottom:10px;color: #495057;position: relative;display: inline-block;}
.title h4:after,.title h4:before{content: '';width: 150px;height:1px;background-color:#adb5bd;position: absolute;top:50px;}
.title h4:after{left: -200px;}
.title h4:before{right: -200px;}
.title p{font-size: 18px;font-weight: 400;color: #495057;text-transform: uppercase}
@media (max-width: 1440px) {
    .section-title h4{font-size:35px;}
    .section-title p{font-size: 18px;}
    .section-title h4:after{width:40px;top:35px;left: -60px;}
    .title h4{font-size:35px;}
    .title p{font-size: 18px;}
}
@media (max-width: 992px) {
    .section-title h4{font-size:2.2rem;margin-bottom:5px;}
    .section-title p{font-size: 1.2rem;}
    .section-title h4:after{width:50px;top:30px;left:unset;right: 0;height:1px;}
    .title h4{font-size:2.2rem;margin-bottom:5px;}
    .title p{font-size: 1.2rem;}
}

/*pro*/
.pro{background-color:#f8f9fa;}
.pro .page-nav .loc{width: 50%;}
.pro .page-nav .page-nav-ul{width: 50%;}
.pro .page-nav .page-nav-ul li{width:33.33%;}
.pro .container{flex-wrap:wrap;}
.pro-text{position: relative;align-items: center;flex-wrap: wrap;padding:100px 0}
.pro-text .info{width: 50%;}
.pro-text .info h4{font-size: 26px;font-weight: 550;color: #212529;margin-bottom:20px;}
.pro-text .info p{font-size: 19px;line-height:36px;color: #343a40;text-align:justify; text-justify:inter-ideograph;margin-bottom:40px;font-weight: 400;}
.pro-text .info a{display: block;margin: 0 0 0 auto;width: 150px;line-height: 50px;border-radius: 30px;background-color: #ff0000;color: #fff;text-align: center;font-weight: 500;font-size: 20px;}
.green .pro-text .info a{background-color: #02b980;}
.pro-text .info a i{font-size: 2.5rem;}
.pro-text .img{width: 45%;margin-left: 5%;}
.pro-text .img img{width: auto;max-width:100%;}
@media (max-width: 1440px) {
    .pro-text .info h4{font-size: 22px;}
    .pro-text .info p{font-size: 16px;line-height:30px;}
    .pro-text .info a{width: 130px;line-height: 45px;font-size: 16px;}
}
@media screen and (max-width: 992px){
    .pro{background-color:#f1f3f5;}
    .pro .page-nav .page-nav-ul{width: 100%;}
    .pro .page-nav .page-nav-ul li{width:50%;}
    .pro-text{padding:20px 0 0 0}
    .pro-text .info{width: 100%;order: 2;}
    .pro-text .info p{font-size: 1.6rem;line-height:2.8rem;margin-bottom: 20px;}
    .pro-text .img{width: 100%;text-align:center;order: 1;margin-bottom: 20px;margin-top: 20px;}
    .pro-text .img img{max-width:100%;}
}