﻿/* 关于腾华 */
.title h5{font-size: 36px;;position: relative;}
.title h5 i{font-size: 16px;font-family: ArrusBT;font-style: normal;text-transform: uppercase;}
.title h5::after{content: '';width: 30px;height: 3px;position: absolute;left: 0;bottom: -35px;background-color: #6e7378;}

/* 企业简介 */
.about_1{height: 749px;background-image: url(../img/about_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 127px;color: #fff}
.about_1 .title h5::after{background-color: #fff;}
.about_1 .content{color: #fff;padding-top: 50px;}
.about_1 .content h3{font-size: 30px;line-height: 70px;}
.about_1 .content h4{font-size: 20px;font-weight: bold;width: 864px;height: auto;line-height: 40px;}
.about_1 .content span{width: 883px;display: block;height: auto;font-size: 18px;line-height: 30px;padding-top: 10px;}

/* 企业文化 */
.about_2{height: 867px;background-image: url(../img/about_2.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 100px;color: #fff}
.about_2 .title h5::after{background-color: #fff;}
.about_2 .content{padding-top: 94px;}
.about_2 .content ul li{width: 25%;height: 495px;float: left;text-align: center;color: #fff;}
.about_2 .content ul li i{width: 62px;height: 63px;display: block;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;margin-top: 160px;}
.about_2 .content ul li:nth-child(1){background-color: #5f9bd9;}
.about_2 .content ul li:nth-child(1) i{background-image: url(../img/about_2-1.png);}
.about_2 .content ul li:nth-child(2){background-color: #578ab6;}
.about_2 .content ul li:nth-child(2) i{background-image: url(../img/about_2-2.png);}
.about_2 .content ul li:nth-child(3){background-color: #4979a3;}
.about_2 .content ul li:nth-child(3) i{background-image: url(../img/about_2-3.png);}
.about_2 .content ul li:nth-child(4){background-color: #5191ca;}
.about_2 .content ul li:nth-child(4) i{background-image: url(../img/about_2-4.png);}
.about_2 .content ul li h3{font-size: 24px;padding-top: 40px;}
.about_2 .content ul li h4{font-size: 18px;line-height: 40px;}

/* 荣誉资质 */
.about_3{height: 886px;background-color: #cde0f4;padding-top: 100px;}
.about_3 .title h5 i{color: #6e7378;}
.about_3 .content{height: 590px;padding-top: 99px;}
.about_3 .content ul{height: 590px;}
.about_3 .content ul li{width: 307px;height: 270px;padding: 5px;margin-bottom: 25px;}
.about_3 .content ul li a{width: 100%;height: 260px;background-color: #e1ebf3; display:block;padding: 11px;}
.about_3 .content ul li i{width: 285px;height: 202px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;    margin: auto;}
.about_3 .content ul li h3{font-size: 16px;color: #2f2f2f;text-align: center;line-height: 55px;}

/* 服务范围 */
.about_4{height: 966px;background-image: url(../img/about_4.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 100px;color: #fff}
.about_4 .title h5::after{background-color: #fff;}
.about_4 .content{height: 638px;position: relative;margin-top: 96px;}
.about_4 .content .before{width: 100%;height: 10px;background-color: #fff;display: block;position: absolute;top: 314px;position: relative;}
.about_4 .content .before::after{content: ''; width: 35px;height: 35px;border-radius: 50%;background-color: #fff;position: absolute;left: 0;top: -11px;border:8px solid rgba(150,154,217,.5);}
.about_4 .content .before::before{content: ''; width: 35px;height: 35px;border-radius: 50%;background-color: #fff;position: absolute;right: 0;top: -11px;border:8px solid rgba(150,154,217,.5);}
.about_4 .content ul li{width: 180px;height: 638px;position: relative;}
.about_4 .content ul li .list{width: 320px;height: 260px;background-color: #a99dd8;border-radius: 5px; position: absolute;top: 0;right: -144px;padding: 8px;}
.about_4 .content ul li .list i{width: 304px;height: 244px; display: block; border-top-left-radius:5px ;border-top-right-radius:5px ;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.about_4 .content ul li .list i span{width:100%;line-height: 46px;text-align: center;font-size: 18px; display: block;background: linear-gradient(to left, rgba(169,4,253,.5),rgba(27,52,206,.5));position: absolute;bottom: 0;}
.about_4 .content ul li::after{content: '';width: 22px;height: 22px;background-color: #fff;border-radius: 50%;position: absolute;top: 298px; right: 0;}
.about_4 .content ul li::before{content:'';width:6px;height: 50px;background-color: #fff;border-radius: 15px;position: absolute;bottom:318px; right: 8px;}
.about_4 .content ul li:nth-child(2n):before{top:298px; right: 8px;}
.about_4 .content ul li:nth-child(2n) .list{bottom: 20px;top: auto;}

@media (max-width:1680px) {
/* 荣誉资质 */
.about_3 .content ul li{width: 268px;height: 270px;margin: 0 7px;padding: 13px 9px;margin-bottom: 25px;}
.about_3 .content ul li i{width: 249px;height: 202px;}

/* 服务范围 */
/* .about_4 .content ul li{width: 157px;height: 638px;}
.about_4 .content ul li .list{width: 280px;height: 260px;right: -126px;padding: 7px;}
.about_4 .content ul li .list i{width: 266px;height: 244px;}
.about_4 .content ul li:nth-child(2n):before{ right: 7px;} */
.about_4 .m-1680-px{display: block;}
.about_4 .m-1440-px{display: none;}
.about_4 .m-1366-px{display: none;}

}
@media (max-width:1560px) {
    /* 荣誉资质 */
    .about_3 .content ul li{width: 248px;height: 270px;margin: 0 6px;padding: 13px 8px;margin-bottom: 25px;}
    .about_3 .content ul li i{width: 231px;height: 202px;}

    /* 服务范围 */
    /* .about_4 .content ul li{width: 145px;height: 638px;}
    .about_4 .content ul li .list{width: 260px;height: 260px;right: -117px;padding: 6px;}
    .about_4 .content ul li .list i{width: 247px;height: 244px;}
    .about_4 .content ul li:nth-child(2n):before{ right: 6px;} */

    
    
}
@media (max-width:1440px) {
    /* 荣誉资质 */
    .about_3 .content ul li{width: 229px;height: 270px;margin: 0 6px;padding: 13px 7px;margin-bottom: 25px;}
    .about_3 .content ul li i{width: 213px;height: 202px;}
    
    /* 服务范围 */
    /* .about_4 .content ul li{width: 134px;height: 638px;}
    .about_4 .content ul li .list{width: 240px;height: 260px;right: -108px;padding: 6px;}
    .about_4 .content ul li .list i{width: 228px;height: 244px;}
    .about_4 .content ul li:nth-child(2n):before{ right: 6px;} */
    .about_4 .m-1680-px{display: none;}
    .about_4 .m-1440-px{display: block;}
    .about_4 .m-1366-px{display: none;}
    
 }
@media (max-width:1366px) {
    /* 荣誉资质 */
    .about_3 .content ul li{width: 217px;height: 270px;margin: 0 5px;padding: 13px 7px;margin-bottom: 25px;}
    .about_3 .content ul li i{width: 202px;height: 202px;}
    
    /* 服务范围 */
    /* .about_4 .content ul li{width: 127px;height: 638px;}
    .about_4 .content ul li .list{width: 227px;height: 260px;right: -102px;padding: 5px;}
    .about_4 .content ul li .list i{width: 216px;height: 244px;}
    .about_4 .content ul li:nth-child(2n):before{ right: 5px;} */
    .about_4.m-1680-px{display: none;}
    .about_4.m-1440-px{display: none;}
    .about_4.m-1366-px{display: block;}
    
}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* 关于腾华 */
    .title h5{font-size: 0.36rem;;position: relative;}
    .title h5 i{font-size: 0.2rem;font-family: ArrusBT;font-style: normal;text-transform: uppercase;}
    .title h5::after{content: '';width: 30px;height: 3px;position: absolute;left: 0;bottom: -35px;background-color: #6e7378;}

    /* 企业简介 */
    .about_1{width: 7.5rem; height: 7.5rem;background-image: url(../img/about_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 0.5rem;color: #fff}
    .about_1 .title h5::after{background-color: #fff;}
    .about_1 .content{color: #fff;padding-top: 50px;}
    .about_1 .content h3{font-size: 0.3rem;line-height: 0.7rem;}
    .about_1 .content h4{font-size: 0.24rem;font-weight: bold;width: 7.2rem;height: auto;line-height: 0.4rem;}
    .about_1 .content span{width: 7.2rem;display: block;height: auto;font-size: 0.22rem;line-height:0.3rem;padding-top: 0.1rem;}

    /* 企业文化 */
    .about_2{height: 9.4rem;background-image: url(../img/about_2.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 0.5rem;color: #fff}
    .about_2 .title h5::after{background-color: #fff;}
    .about_2 .content{padding-top: 0.5rem;}
    .about_2 .content ul{width: 7.5rem;}
    .about_2 .content ul li{width: 3.75rem;height: 4rem;float: left;text-align: center;color: #fff;}
    .about_2 .content ul li i{width: 0.62rem;height: 0.63rem;display: block;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;margin-top: 1.2rem;}
    .about_2 .content ul li:nth-child(1){background-color: #5f9bd9;}
    .about_2 .content ul li:nth-child(1) i{background-image: url(../img/about_2-1.png);}
    .about_2 .content ul li:nth-child(2){background-color: #578ab6;}
    .about_2 .content ul li:nth-child(2) i{background-image: url(../img/about_2-2.png);}
    .about_2 .content ul li:nth-child(3){background-color: #4979a3;}
    .about_2 .content ul li:nth-child(3) i{background-image: url(../img/about_2-3.png);}
    .about_2 .content ul li:nth-child(4){background-color: #5191ca;}
    .about_2 .content ul li:nth-child(4) i{background-image: url(../img/about_2-4.png);}
    .about_2 .content ul li h3{font-size: 0.28rem;padding-top: 0.4rem;}
    .about_2 .content ul li h4{font-size: 0.22rem;line-height: 0.4rem;}

    /* 荣誉资质 */
    .about_3{height: 18.2rem;background-color: #cde0f4;padding-top: 1rem;}
    .about_3 .title h5 i{color: #6e7378;}
    .about_3 .content{height: 16.8rem;padding-top: 0.5rem;}
    .about_3 .content ul li{width: 3.4rem;height: 3rem;margin: 0 0.1rem;padding: 0.1rem 0.1rem;background-color: #e1ebf3;float: left;margin-bottom: 0.25rem;}
    .about_3 .content ul li i{width: 3.2rem;height: 2rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .about_3 .content ul li h3{font-size: 0.22rem;color: #2f2f2f;text-align: center;line-height: 0.9rem;}

    /* 服务范围 */
    .about_4{width: 7.5rem; height: 9.66rem;background-image: url(../img/about_4.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;padding-top: 1rem;color: #fff}
    .about_4 .title h5::after{background-color: #fff;}
    .about_4 .content{height:6.38rem;position: relative;margin-top: 0.96rem;}
    .about_4 .content .before{width: 100%;height: 0.1rem;background-color: #fff;display: block;position: absolute;top:3.14rem;position: relative;}
    .about_4 .content .before::after{content: ''; width: 0.35rem;height: 0.35rem;border-radius: 50%;background-color: #fff;position: absolute;left: 0;top: -0.11rem;border:0.08rem solid rgba(150,154,217,.5);}
    .about_4 .content .before::before{content: ''; width: 0.35rem;height: 0.35rem;border-radius: 50%;background-color: #fff;position: absolute;right: 0;top: -0.11rem;border:0.08rem solid rgba(150,154,217,.5);}
    .about_4 .content .swiper-container{width:7.2rem ;}
    .about_4 .content ul li{width: 1.8rem;height: 6.38rem;position: relative;}
    .about_4 .content ul li .list{width: 3.2rem;height: 2.6rem;background-color: #a99dd8;border-radius: 0.05rem; position: absolute;top: 0;right: -1.44rem;padding: 0.08rem;}
    .about_4 .content ul li .list i{width: 3.04rem;height: 2.44rem; display: block; border-top-left-radius:0.05rem;border-top-right-radius:0.05rem ;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
    .about_4 .content ul li .list i span{width:3.04rem;line-height: 0.46rem;text-align: center;font-size: 0.22rem; display: block;background: linear-gradient(to left, rgba(169,4,253,.5),rgba(27,52,206,.5));position: absolute;bottom: 0;}
    .about_4 .content ul li::after{content: '';width: 0.22rem;height: 0.22rem;background-color: #fff;border-radius: 50%;position: absolute;top: 2.98rem; right: 0;}
    .about_4 .content ul li::before{content:'';width:0.06rem;height: 0.5rem;background-color: #fff;border-radius: 0.15rem;position: absolute;bottom:3.18rem; right: 0.08rem;}
    .about_4 .content ul li:nth-child(2n):before{top:2.98rem; right: 0.08rem;}
    .about_4 .content ul li:nth-child(2n) .list{bottom: 0.2rem;top: auto;}
    .about_4 .m-1680-px{display: none;}
    .about_4 .m-1440-px{display: none;}
    .about_4 .m-1366-px{display: none;}

}