/*rd*/
#rd_team{margin-top: 80px;} 
#rd_team h1{float: left;}
#rd_team .des{float: left;padding-right: 2%;width: calc(100% - 380px);}
#rd_team ul{margin-top: 60px;}

#rd_team .w1500,#rd_cert .w1500{overflow: hidden;}


#rd_cert{margin: 80px 0;}
#rd_cert .des{margin:20px 0;}
#rd_cert ul{margin-top: 30px;}

.rd-box h1{width: 380px;}
.rd-box .des b{color: #0c4098;font-size: 20px;line-height: 27px;display: block;margin-bottom: 20px;}
.rd-box .des p{font-size: 16px;line-height: 25px;color: #666;}
.rd-box ul{display: flex;gap: 2%;flex-wrap: wrap;}
.rd-box ul li{width: 23.5%;margin-bottom: 2%;}

@media(max-width:1540px){

}
@media(max-width:1100px){

    
    .rd-box .des b{font-size: 18px;line-height: 24px;}

    .rd-box .des p{font-size: 14px;line-height: 22px;}



    #rd_team{margin-top: 0px;}
    #rd_team h1{width: 100%;margin-bottom: 20px;}
    #rd_team .des{width: 100%;}

    #rd_team ul{margin-top: 25px;}
    #rd_team ul li{width: 49%;}


    #rd_cert{margin:30px 0;}
}
@media(max-width:768px){

}



/*odm-oem*/

#odm-box{padding:30px 0 80px}
#odm-box .list{overflow: hidden;margin-top: 30px;}
#odm-box .list .img{float: left;width: 49%;}
#odm-box .list .img img{}
#odm-box .list .con{float: right;width: 49%;padding:0 20px;padding-top: 70px;}
#odm-box .list:nth-child(2n) .img{float: right;}
#odm-box .list:nth-child(2n) .con{float: left;}
#odm-box .list .con .icon-img{display: block;width: 75px;height: 75px;margin-bottom: 45px;
background-color: #0c4098;background-repeat: no-repeat;background-position: center;border-radius: 5px;}
#odm-box .list:nth-child(1) .con .icon-img{background-image: url(../images/custi11.png);}
#odm-box .list:nth-child(2) .con .icon-img{background-image: url(../images/custi22.png);}
#odm-box .list:nth-child(3) .con .icon-img{background-image: url(../images/custi33.png);}
#odm-box .list:nth-child(4) .con .icon-img{background-image: url(../images/custi44.png);}
#odm-box .list:nth-child(5) .con .icon-img{background-image: url(../images/custi55.png);}
#odm-box .list:nth-child(6) .con .icon-img{background-image: url(../images/custi66.png);}

#odm-box .list .con b{font-size: 20px;display: block;margin-bottom: 25px;}
#odm-box .list .con .des{font-size: 16px;line-height: 25px;color: #666;}

#odm-box .list .con .des li::before{content:"·";color: #fa4616;font-size: 20px;line-height: 20px;display: inline-block;margin-right: 5px;}


@media(max-width:1540px){
    #odm-box .list .con{padding-top: 40px;}
}
@media(max-width:1100px){
    #odm-box{padding:25px 0 30px}
    #odm-box .list .con .icon-img{width: 55px;height: 55px;margin-bottom: 25px;}
    #odm-box .list .con b{font-size: 16px;margin-bottom: 20px;}
    #odm-box .list .con .des{font-size: 14px;line-height: 22px;}

}

@media(max-width:850px){
    #odm-box .list:nth-child(1){margin-top: 0;}
    #odm-box .list .con{width: 100%;margin-bottom: 20px;}
    #odm-box .list .img{width: 100%;}
}

@media(max-width:768px){

}






/*smart*/

#smart-plan{overflow: hidden;padding:30px 0 80px}
#smart-plan .img-box{float: left;width:595px;position: relative;}
#smart-plan .img-box img:nth-child(2){width: 80%;margin-right: 0;margin-left: auto;position: relative;margin-top: -150px;}

#smart-plan .con{float: right;width: calc(100% - 695px);padding-top: 55px;}

#smart-plan .con h2{}
#smart-plan .con .des{font-size: 16px;line-height: 26px;margin:25px 0;color: #666;}
#smart-plan .con .line b{font-size: 16px;display: block;margin-bottom: 18px;}

.progress-container {
    width: 100%;
    background-color: #eee;
    position: relative;
    height: 5px;
    border-radius: 5px;
}
 
.progress-bar {
    height: 100%;
    background-color: #0c4098;
    border-radius: 5px;
    position: relative;
    transition: width 0.05s ease-in-out;
}
 
.progress-percentage {
    position: absolute;
    right: 0;
    transform: translateY(-100%);
    font-size: 18px;
    color: #0c4098;
}


#year-plan{padding:80px 0 0;background-image: url(../images/future-back.webp);background-position: center;background-size: cover;background-repeat: no-repeat;}
#year-plan h1{margin-bottom: 60px;}
#year-plan .year-play-box{display: flex;gap: 2%;transform: translateY(50%);}
#year-plan .year-play-box li{width: 23.5%;background-color: #f2f2f2;padding:60px 20px;text-align: center;transition: all 0.6s ease;-webkit-transition: all 0.6s ease}
#year-plan .year-play-box li *{}
#year-plan .year-play-box li b{font-size: 50px;color: #0c4098;position: relative;transition: all 0.6s ease;-webkit-transition: all 0.6s ease}
#year-plan .year-play-box li b sup{position: absolute;top:0;right:-15px;font-size: 25px;}
#year-plan .year-play-box li p{font-size: 18px;line-height: 24px;color: #666;margin-top: 35px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease}
#year-plan .year-play-box li:hover{background-color: #0c4098;}
#year-plan .year-play-box li:hover *{color: #fff;}


#fact-show{padding:240px 0 80px;}
#fact-show h1{text-align: center;}
#fact-show .des{text-align: center;font-size: 16px;line-height: 25px;color: #666;margin:25px auto 50px;width: 900px;}
#fact-show ul{display: flex;gap: 2%;flex-wrap: wrap;}
#fact-show ul li{width: 23.5%;margin-bottom: 2%;}


@media(max-width:1540px){
    #year-plan .year-play-box li b{font-size: 40px;}
}

@media(max-width:1100px){
    #smart-plan .img-box{width: 100%;}
    #smart-plan .con{width: 100%;padding-top: 20px;}
    #smart-plan{padding-bottom: 30px;}

    #year-plan{padding-top: 25px;padding-bottom: 25px;}
    #year-plan h1{margin-bottom: 20px;}
    #year-plan .year-play-box{transform: unset;    flex-wrap: wrap;}
    #year-plan .year-play-box li{width: 49%;margin-bottom: 2%;}
    #year-plan .year-play-box li b{font-size: 35px;}


    #fact-show{padding:30px 0}
    #fact-show .des{width: 100%;margin: 20px auto;}

    #smart-plan .con .des{font-size: 14px;line-height: 24px;}
}

@media(max-width:850px){
    #year-plan .year-play-box li{width: 100%;padding:20px 12px;}
    #year-plan .year-play-box li p{font-size: 16px;margin-top: 20px;}
}

@media(max-width:768px){
    
}









/*quality*/
#qual-con{padding:30px 0 60px}
#qual-con .w1500{overflow: hidden;}
#qual-con .title{float: left;}
#qual-con .title .swi-btn-box{display: inline-block;margin-top:50px;}
#qual-con .title .swi-btn-box .swiper-prev,
#qual-con .title .swi-btn-box .swiper-next{
    background-color: transparent;
    border:1px solid #aaa;
    opacity: 0.7;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}
#qual-con .title .swi-btn-box .swiper-prev:hover,
#qual-con .title .swi-btn-box .swiper-next:hover{
    background-color: #aaa;
    opacity: 1;
}


#qual-con .des{float: right;width: 60%;font-size: 16px;line-height: 26px;}

#qual-con #qual-box{margin-top: 120px;display: flex;gap: 1%;}
#qual-con #qual-box>li{flex:1;background-color: #f8f8f8;padding:0 35px;margin-top:0px;padding-top: 85px;padding-bottom: 55px;position: relative;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#qual-con #qual-box>li span{position: absolute;top:0;right:10px;transform: translateY(-50%);font-size: 120px;font-weight: bold;
    -webkit-text-stroke: 1px #0c4098;
    color: transparent; 
transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}

#qual-con #qual-box>li b{font-size: 20px;color: #000;display: block;margin-bottom: 25px;}
#qual-con #qual-box>li ul li{position: relative;font-size: 16px;line-height: 25px;color: #666;padding-left: 25px;}
#qual-con #qual-box>li ul li::before{content:"";display: inline-block;width: 5px;height: 5px;border-radius: 50%;background-color: #fa4616;
position: absolute;top:5px;left:0;}
#qual-con #qual-box>li li p{}

#qual-con #qual-box>li:hover{margin-top: -40px;}
#qual-con #qual-box>li:hover span{color: #0c4098;}



#qual-equi{padding:110px 0;background-image: url(../images/fact-back.webp);background-size: cover;background-position: center;background-repeat: no-repeat;}
#qual-equi .w1500{overflow: hidden;}
#qual-equi h1{color: #fff;}
#qual-equi .des{color: #fff;font-size: 16px;line-height: 22px;margin:20px 0 75px}
#qual-equi ul{display: flex;gap:2%;flex-wrap: wrap;}
#qual-equi ul li{width: 23.5%;margin-bottom: 2%;position: relative;}
#qual-equi ul li p{background-color: rgba(0,0,0,0.3);line-height: 22px;font-size: 16px;color: #fff;padding:13px 0;text-align: center;
position: absolute;bottom:0;left:0;width: 100%;}


@media(max-width:1540px){
}
@media(max-width:1100px){
    #qual-con .title{width: 100%;}
    #qual-con .title .swi-btn-box{margin-top: 20px;}
    #qual-con .des{width: 100%;margin-top: 20px;}
    #qual-con #qual-box{flex-wrap: wrap;margin-top: 30px;}
    #qual-con #qual-box>li{flex: unset;width: 49%;margin-bottom: 2%;padding: 0 15px;padding-top: 55px;padding-bottom: 15px;}
    #qual-con #qual-box>li:hover{margin-top: 0;}
    #qual-con #qual-box>li span{font-size: 60px;transform: unset;}


    #qual-equi{padding:30px 0}
    #qual-equi .des{margin-bottom: 20px;}
    #qual-equi ul li p{font-size: 14px;line-height: 19px;padding: 7px 0;}
}

@media(max-width:850px){
    #qual-equi ul li{width: 32%;}

    
    #qual-con #qual-box>li{width: 100%;}
}

@media(max-width:768px){

    #qual-equi ul li{width: 49%;}
}









/*serve-page*/
#serve-page{padding:80px 0}
#serve-page .con{float: left;width: 48%;}
#serve-page .con .des{font-size: 16px;line-height: 26px;margin:50px 0}
#serve-page .con ul li{position: relative;padding-left: 85px;background-repeat: no-repeat;background-position: left top;background-size: auto;margin-bottom: 42px;}
#serve-page .con ul li:nth-child(1){background-image: url(../images/serveli1.png);}
#serve-page .con ul li:nth-child(2){background-image: url(../images/serveli2.png);}
#serve-page .con ul li:nth-child(3){background-image: url(../images/serveli3.png);}
#serve-page .con ul li .tit{margin-bottom: 5px;}
#serve-page .con ul li .tit b{font-size: 50px;font-weight: bold;display: inline-block;color: #0c4098;}
#serve-page .con ul li .tit sub{font-size: 12px;transform: translateY(-6px);color: #0c4098;display: inline-block;font-weight: normal;}
#serve-page .con ul li p{font-size: 16px;line-height: 22px;color: #666;}


#serve-page .img{float: right;display: flex;gap:20px;width: 50%;padding: 75px 0;}
#serve-page .img img{width: 50%;position: relative;}
#serve-page .img img:nth-child(1){top:75px}
#serve-page .img img:nth-child(2){top:-75px;}


@media(max-width:1540px){
    #serve-page .con ul li .tit b{font-size: 40px;}
    #serve-page .con ul li{background-size: 35px;}
}
@media(max-width:1100px){
    #serve-page{padding:30px 0;}
    #serve-page .con{width: 100%;}
    #serve-page .con ul li .tit b{font-size: 35px;}
    #serve-page .con ul li{background-size: 32px;padding-left: 65px;}

    #serve-page .con .des{margin:15px 0}
    #serve-page .con .des p,#serve-page .con .des span{font-size: 14px;line-height: 22px;}
    #serve-page .con ul li p{font-size: 14px;}

    #serve-page .img{width: 100%;padding:20px 0}
    #serve-page .img img:nth-child(1){top:15px}
    #serve-page .img img:nth-child(2){top:-15px;}
}

@media(max-width:850px){
}

@media(max-width:768px){
    #serve-page .con ul li .tit b{font-size: 26px;}
    #serve-page .con ul li{background-size: 24px;padding-left: 45px;}
}