@media screen and (min-width:969px) and (max-width: 1220px) {
    .service-content{min-height: calc(100vh - 5.2rem);}
}

@media screen and (max-width: 968px) {
    /* 字体+6 */
    .service-content{min-height:auto;}
    .service-head .logo{ margin-top: calc(100vw * 95 / 850); }
    .service-head .logo img{ height:calc(100vw * 84 / 850);}

    .service-content #section-swiper{
        margin-top: calc(100vw * 150 / 850);
    }
    .service-content #section-swiper .swiper-slide{
        width: 100%;
    }
    .service-content #section-swiper .swiper-slide .list-box{
        margin: 0 auto;
        width: 80%;
        height: calc(100vw * 420 / 850);
        box-shadow: 0 0 calc(100vw * 8 / 850) 0 #dceaf7;
        border-radius: calc(100vw * 8 / 850);
        -webkit-border-radius: calc(100vw * 8 / 850);
        -moz-border-radius: calc(100vw * 8 / 850);
        -ms-border-radius: calc(100vw * 8 / 850);
        -o-border-radius: calc(100vw * 8 / 850);
        z-index: 2;
    }
    .service-content #section-swiper .swiper-slide .list-box .slide-title{
        top: calc(-100vw * 49 / 850);
        left: calc(-100vw * 14 / 850);
        width: calc(100vw * 116 / 850);
        height: calc(100vw * 49 / 850);
        border-top-right-radius: calc(100vw * 8 / 850);
    }
    .service-content #section-swiper .swiper-slide-active .list-box .slide-title{
        top: calc(-100vw * 61 / 850);
        left: calc(-100vw * 14 / 850);
        width: calc(100vw * 154 / 850);
        height: calc(100vw * 61 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .slide-title span{
        height: calc(100vw * 49 / 850);
        line-height: calc(100vw * 49 / 850);
        font-size: .30rem;
    }
    .service-content #section-swiper .swiper-slide-active .list-box .slide-title span{
        height: calc(100vw * 61 / 850);
        font-size: .34rem;
        line-height: calc(100vw * 61 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .tringle{
        left: calc(-100vw * 14 / 850);
        border: calc(100vw * 7 / 850) solid;
        border-color: rgb(102,144,228) rgb(102,144,228) transparent transparent;
    }
    .service-content #section-swiper .swiper-slide-active .list-box .tringle{
        left: calc(-100vw * 14 / 850);
        border-color: rgb(240,178,32) rgb(240,178,32) transparent transparent;
    }
    /* 一行2个带图标，总共2行 */
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2{
        padding: calc(100vw * 40 / 850) 0 calc(100vw * 20 / 850) 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2 li img { 
        width: calc(100vw * 95 / 850);
        height: calc(100vw * 95 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2 li span {
        height: calc(100vw * 50 / 850);
        margin-top: calc(100vw * 10 / 850);
        line-height: calc(100vw * 25 / 850);
        font-size: .23rem;
    }
    
    /* 一行3个带图标，总共2行 */
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3{
        padding: calc(100vw * 40 / 850) 0 calc(100vw * 20 / 850) 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li{
        padding: 0 calc(100vw * 10 / 850);
    }
    
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li img { 
        width: calc(100vw * 95 / 850);
        height: calc(100vw * 95 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li span {
        height: calc(100vw * 50 / 850);
        margin-top: calc(100vw * 10 / 850);
        line-height: calc(100vw * 25 / 850);
        font-size: .23rem;
    }
    /* 文字 一行2个 */
    .service-content #section-swiper .swiper-slide .list-box .text-list-2{
        padding: calc(100vw * 40 / 850) calc(100vw * 30 / 850) 0 calc(100vw * 30 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li{
        padding: 0 calc(100vw * 10 / 850);
        margin-right: calc(100vw * 30 / 850);
        margin-bottom: calc(100vw * 25 / 850);
        width: calc((100% - (100vw * 30 / 850)) / 2);
        height: calc(100vw * 74 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li:nth-child(2n+2){
        margin-right: 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li span {
        font-size: .23rem;
    }
    
    /* 文字 一行3个 */
    .service-content #section-swiper .swiper-slide .list-box .text-list-3{
        padding: calc(100vw * 40 / 850) calc(100vw * 30 / 850) 0 calc(100vw * 30 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li{
        padding: 0 calc(100vw * 10 / 850);
        margin-right: calc(100vw * 30 / 850);
        margin-bottom: calc(100vw * 25 / 850);
        width: calc((100% - (100vw * 60 / 850)) / 3);
        height: calc(100vw * 74 / 850);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li:nth-child(3n+3){
        margin-right: 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li span {
        font-size: .23rem;
    }
    .service-content .section-foot{
        margin-top:calc(100vw * 150 / 850);
    }
    .service-content .section-foot ul{
        padding: 0 calc(100vw * 0 / 850);
        height: calc(100vw * 40 / 850);
    }    
    .service-content .section-foot ul li{
        width: calc(100% / 9);
    }
    .service-content .section-foot ul li .normal{
        margin-top: calc(100vw * 12 / 850);
        width: calc(100vw * 12 / 850);
        height: calc(100vw * 12 / 850);
    }
    .service-content .section-foot ul li .select{
        margin-top: calc(100vw * 11 / 850);
        width: calc(100vw * 18 / 850);
        height: calc(100vw * 18 / 850);
    }
    .service-content .section-foot ul li .title-box{
        left: calc(50% - (100vw * 44 / 850));
        top: calc(-100vw * 55 / 850);
        width: calc(100vw * 88 / 850);
        height: calc(100vw * 40 / 850);
        border-radius: calc(100vw * 5 / 850);
        -webkit-border-radius: calc(100vw * 5 / 850);
        -moz-border-radius: calc(100vw * 5 / 850);
        -ms-border-radius: calc(100vw * 5 / 850);
        -o-border-radius: calc(100vw * 5 / 850);
    }
    .service-content .section-foot ul li .title-box span{
        font-size: .25rem;
        line-height: calc(100vw * 40 / 850);
    }
    .service-content .section-foot ul li .tringle{
        left: calc(50% - (100vw * 4 / 850));
        top: calc(-100vw * 15 / 850);
        border: calc(100vw * 4 / 850) solid;
        border-color: rgba(114, 198 , 144, 1) transparent transparent transparent;
    }
    .service-content .section-foot ul li .select-image{
        left: calc(50% - calc(100vw * 40 / 850));
        top: calc(-100vw * 35 / 850);
        width: calc(100vw * 80 / 850);
        height: calc(100vw * 35 / 850);
    }
    .service-content .section-foot ul .active .title-box{
        top: calc(-100vw * 95 / 850);
    }
    .service-content .section-foot ul .active .tringle{
        top: calc(-100vw * 55 / 850);
        border-color: #f3bc00 transparent transparent transparent;
    }

}

@media screen and (max-width: 700px) {
    /* 字体+5 */
    .service-head .logo{ margin-top: calc(100vw * 85 / 700); }
    .service-head .logo img{ height:calc(100vw * 64 / 700);}
    .service-content{
        padding-bottom:calc(100vw * 150 / 700); 
    }
    .service-content #section-swiper{
        margin-top: calc(100vw * 140 / 700);
    }
    .service-content #section-swiper .swiper-slide{
        width: 100%;
    }
    .service-content #section-swiper .swiper-slide .list-box{
        margin: 0 auto;
        width: 85%;
        height: auto;
        min-height: calc(100vw * 420 / 700);
        box-shadow: 0 0 calc(100vw * 8 / 700) 0 #dceaf7;
        border-radius: calc(100vw * 8 / 700);
        -webkit-border-radius: calc(100vw * 8 / 700);
        -moz-border-radius: calc(100vw * 8 / 700);
        -ms-border-radius: calc(100vw * 8 / 700);
        -o-border-radius: calc(100vw * 8 / 700);
        z-index: 2;
    }
    .service-content #section-swiper .swiper-slide .list-box .slide-title{
        top: calc(-100vw * 49 / 700);
        left: calc(-100vw * 14 / 700);
        width: calc(100vw * 116 / 700);
        height: calc(100vw * 49 / 700);
        border-top-right-radius: calc(100vw * 8 / 700);
    }
    .service-content #section-swiper .swiper-slide-active .list-box .slide-title{
        top: calc(-100vw * 61 / 700);
        left: calc(-100vw * 14 / 700);
        width: calc(100vw * 154 / 700);
        height: calc(100vw * 61 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .slide-title span{
        height: calc(100vw * 49 / 700);
        line-height: calc(100vw * 49 / 700);
        font-size: .35rem;
    }
    .service-content #section-swiper .swiper-slide-active .list-box .slide-title span{
        height: calc(100vw * 61 / 700);
        font-size: .39rem;
        line-height: calc(100vw * 61 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .tringle{
        left: calc(-100vw * 14 / 700);
        border: calc(100vw * 7 / 700) solid;
        border-color: rgb(102,144,228) rgb(102,144,228) transparent transparent;
    }
    .service-content #section-swiper .swiper-slide-active .list-box .tringle{
        left: calc(-100vw * 14 / 700);
        border-color: rgb(240,178,32) rgb(240,178,32) transparent transparent;
    }
    /* 一行2个带图标，总共2行 */
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2{
        padding: calc(100vw * 40 / 700) 0 calc(100vw * 20 / 700) 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2 li{
        margin-bottom: calc(100vw * 20 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2 li img { 
        width: calc(100vw * 95 / 700);
        height: calc(100vw * 95 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-2 li span {
        height: calc(100vw * 60 / 700);
        margin-top: calc(100vw * 10 / 700);
        line-height: calc(100vw * 30 / 700);
        font-size: .28rem;
    }
    
    /* 一行3个带图标，总共2行, 移动端一行2个图标 */
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3{
        padding: calc(100vw * 40 / 700) 0 calc(100vw * 20 / 700) 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li{
        width: 50%;
        margin-bottom: calc(100vw * 20 / 700);
        padding: 0 calc(100vw * 10 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li img { 
        width: calc(100vw * 95 / 700);
        height: calc(100vw * 95 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .ico-list-3 li span {
        height: calc(100vw * 60 / 700);
        margin-top: calc(100vw * 10 / 700);
        line-height: calc(100vw * 30 / 700);
        font-size: .28rem;
    }
     /* 文字 一行2个 ，移动端一行显示2个*/
     .service-content #section-swiper .swiper-slide .list-box .text-list-2{
        padding: calc(100vw * 40 / 700) calc(100vw * 30 / 700) 0 calc(100vw * 30 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li{
        padding: 0 calc(100vw * 10 / 700);
        margin-right: calc(100vw * 30 / 700);
        margin-bottom: calc(100vw * 25 / 700);
        width: calc((100% - (100vw * 30 / 700)) / 2);
        height: calc(100vw * 74 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li:nth-child(3n+3){
        margin-right: calc(100vw * 30 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li:nth-child(2n+2){
        margin-right: 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-2 li span {
        font-size: .28rem;
    }
    /* 文字 一行3个 ，移动端一行显示2个*/
    .service-content #section-swiper .swiper-slide .list-box .text-list-3{
        padding: calc(100vw * 40 / 700) calc(100vw * 30 / 700) 0 calc(100vw * 30 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li{
        padding: 0 calc(100vw * 10 / 700);
        margin-right: calc(100vw * 30 / 700);
        margin-bottom: calc(100vw * 25 / 700);
        width: calc((100% - (100vw * 30 / 700)) / 2);
        height: calc(100vw * 74 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li:nth-child(3n+3){
        margin-right: calc(100vw * 30 / 700);
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li:nth-child(2n+2){
        margin-right: 0;
    }
    .service-content #section-swiper .swiper-slide .list-box .text-list-3 li span {
        font-size: .28rem;
    }
    .service-content .section-foot{
        display: none;
    }
 

}