@charset "utf-8"; /* CSS Document */
body {
    max-width: 640px;
    background: #ffffff;
}

.swiper-pagination-bullet {
    opacity: 1;
}

.no-animate {
    opacity: 0;
}

@-webkit-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInLeftDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftDown {
    -webkit-animation-name: fadeInLeftDown;
    animation-name: fadeInLeftDown
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeOutUp2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }
}

@keyframes fadeOutUp2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }
}

.fadeOutUp2 {
    -webkit-animation-name: fadeOutUp2;
    animation-name: fadeOutUp2
}

@-webkit-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px,0,0);
        transform: translate3d(-60px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px,0,0);
        transform: translate3d(-60px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft2 {
    -webkit-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2
}

@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px,0,0);
        transform: translate3d(60px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(60px,0,0);
        transform: translate3d(60px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

@-webkit-keyframes fadeOutRight2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(60px,0,0);
        transform: translate3d(60px,0,0)
    }
}

@keyframes fadeOutRight2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(60px,0,0);
        transform: translate3d(60px,0,0)
    }
}

.fadeOutRight2 {
    -webkit-animation-name: fadeOutRight2;
    animation-name: fadeOutRight2
}

@-webkit-keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0%,0,0);
        transform: translate3d(0%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0%,0,0);
        transform: translate3d(0%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft3 {
    -webkit-animation-name: fadeInLeft3;
    animation-name: fadeInLeft3
}

@-webkit-keyframes fadeInRight3 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight3 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight3 {
    -webkit-animation-name: fadeInRight3;
    animation-name: fadeInRight3
}

@-webkit-keyframes fadeInDown3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-60px,0);
        transform: translate3d(0,-60px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-60px,0);
        transform: translate3d(0,-60px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown3 {
    -webkit-animation-name: fadeInDown3;
    animation-name: fadeInDown3
}

@-webkit-keyframes fadeInHeight {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInHeight {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInHeight {
    -webkit-animation-name: fadeInHeight;
    animation-name: fadeInHeight
}

@-webkit-keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp3 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp3 {
    -webkit-animation-name: fadeInUp3;
    animation-name: fadeInUp3
}

@-webkit-keyframes fadeInwidth2 {
    0% {
        opacity: 0;
        width: 0%;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

@keyframes fadeInwidth2 {
    0% {
        opacity: 0;
        width: 0%;
    }

    100% {
        opacity: 1;
        width: 100%;
    }
}

.fadeInwidth2 {
    -webkit-animation-name: fadeInwidth2;
    animation-name: fadeInwidth2
}

@-webkit-keyframes flip_x {
    0% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,-360deg);
        transform: perspective(4000px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4000px) scale3d(.95,.95,.95);
        transform: perspective(4000px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(4000px);
        transform: perspective(4000px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip_x {
    0% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,-360deg);
        transform: perspective(4000px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4000px) scale3d(.95,.95,.95);
        transform: perspective(4000px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(4000px);
        transform: perspective(4000px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes slideOutDown_s {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }

    50% {
        visibility: hidden;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px);
        opacity: 0;
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px);
        opacity: 1;
    }
}

@keyframes slideOutDown_s {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }

    50% {
        visibility: hidden;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
        opacity: 0;
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);
        opacity: 1;
    }
}

.animated.fadeOutRight2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fadeInRight2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fadeInRight3 {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes flips {
    0% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,-180deg);
    }

    100% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,0deg);
    }
}

@keyframes flipright {
    0% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,180deg);
    }

    100% {
        -webkit-transform: perspective(4000px) rotate3d(0,1,0,0deg);
    }
}


.s_h_footer {
    padding-top: 0.1rem !important;
}



.foot {
    background: url(../images/foots_02.jpg) no-repeat center;
    height: 1.2rem;
    background-size: 100% 100%;
    margin-top: -1px;
}

.foot ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.foot li {
    height: 1.2rem;
}

.foot li a {
    display: block;
    height: 100%;
}

.foot{/* width:93.75%; */background: #000;/* height:.94rem; */background-size:100% 100%;margin:0 auto;}
.foot li a{display:block;height:100%;background: url(/images/t1.png) no-repeat center top .28rem;background-size: .29rem auto;}
.foot li a::after{content:"首页";display:block;text-align:center;padding-top: .4rem;color:#fff;font-size:.2rem;}
.foot li:nth-child(2) a{background-image:url(/images/t2.png);}
.foot li:nth-child(2) a::after{content:"服务";}
.foot li:nth-child(3) a{background-image:url(/images/t3.png);}
.foot li:nth-child(3) a::after{content:"案例";}
.foot li:nth-child(4) a{background-image:url(/images/t4.png);}
.foot li:nth-child(4) a::after{content:"地址";}
.foot li:nth-child(5) a{background-image:url(/images/t5.png);}
.foot li:nth-child(5) a::after{content:"联系";}

.s_h_jiejue{width:100%;overflow:hidden;}








.main_w{padding:0 .4rem;}

.qmtsz_banner{width:100%;overflow:hidden;}

.qmtszmhwz{background:#edf4fd;overflow:hidden;width:100%;padding-bottom:0.5rem;}
.qmtszmhwz .title{text-align:center;overflow:hidden;color:#333333;font-size:0.36rem;padding-top:0.6rem;padding-bottom:0.5rem;}
.qmtszmhwz .ti_lm{display:grid;grid-template-columns:auto;gap:0.45rem;}
.qmtszmhwz .ti_lm .t_left{line-height:2;font-size: 14px;}
.qmtszmhwz .ti_lm .t_left font{color:#ed7021;font-weight:bold;}
.qmtszmhwz .ti_lm .t_right{background:#fff;padding:0.32rem 0.24rem;padding-top:0.45rem;}
.qmtszmhwz .ti_lm .t_right .tit{text-align:center;font-size: .28rem;padding-bottom:0.2rem;}
.qmtszmhwz .ti_lm .t_right .img1{text-align:center;}
.qmtszmhwz .ti_lm .t_right .ckdt{width:1.35rem;height:0.53rem;padding-left:0.3rem;background:#5fadf5;margin:0 auto;border-radius:0.1rem;margin-top:0.18rem;}
.qmtszmhwz .ti_lm .t_right .ckdt a{line-height:0.53rem;padding-left:0.36rem;color:#ffffff;font-size:0.18rem;background:url(../images/a2.svg) no-repeat left center;background-size: .22rem auto;}
.zqglxt .box .b_right{text-align:center;}
.khal .box .list{text-align:center;}
.hxxt{width:100%;overflow:hidden;}
.hxxt .title{text-align:center;color:#333333;font-size:0.36rem;padding-top:0.6rem;padding-bottom:0.55rem;}
.hxxt .list{padding-bottom:0.6rem;}
.hxxt .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:0.2rem;}
.hxxt .list ul li{overflow:hidden;background:url(../images/c1.png) no-repeat center;border-radius: 0.2rem;background-size:100% 100%;text-align:center;padding-top:0.33rem;}
.hxxt .list ul li font img{width:.68rem;}
.hxxt .list ul li p{color:#333333;font-size: .28rem;padding-top:0.3rem;padding-bottom:0.35rem;}
.hxxt .list ul li:nth-child(2){background-image:url(../images/c2.png);}
.hxxt .list ul li:nth-child(3){background-image:url(../images/c3.png);}
.hxxt .list ul li:nth-child(4){background-image:url(../images/c4.png);}
.hxxt .list ul li:nth-child(5){background-image:url(../images/c5.png);}
.hxxt .list ul li:nth-child(6){background-image:url(../images/c6.png);}


.zqglxt{width:100%;overflow:hidden;background:url(../images/i1.png) no-repeat top center;}
.zqglxt .item1{padding-top: .59rem;}
.zqglxt .title{text-align:center;font-size: .36rem;color:#333333;padding-bottom: .6rem;}
.zqglxt .item1 .box{margin-bottom:.4rem;}
.zqglxt .box{display:grid;grid-template-columns: auto;gap:.4rem;}
.zqglxt .tit font{color:#0254a0;font-size:0.26rem;background:url(../images/d1.png) no-repeat center;background-size:.5rem auto;width:0.5rem;height:0.49rem;display:inline-block;line-height:0.49rem;text-align:center;font-weight:bold;}
.zqglxt .tit p{font-size: 0.28rem;}
.zqglxt .tit{display:flex;gap:0.18rem;align-items: center;font-weight:bold;}
.zqglxt .cont{color:#333333;font-size: 14px;line-height:2;padding-top:0.4rem;}
.zqglxt .box>div{overflow:hidden;}
.zqglxt .box2{/* padding-top:0.9rem; */}
.zqglxt .box2 .xttd{margin-top:0.3rem;margin-bottom:.3rem;}
.zqglxt .box2 .xttd ul{display:grid;grid-template-columns: repeat(2,1fr);gap:0.2rem;}
.zqglxt .box2 .xttd li{overflow:hidden;background:url(../images/d9.png) no-repeat center;background-size:100% 100%;text-align:center;padding:0.25rem 0.2rem;}
.zqglxt .box2 .xttd li font{color:#333333;font-size: 0.24rem;padding-top:0.2rem;padding-bottom:0.15rem;display:block;}
.zqglxt .box2 .xttd li p{font-size: .24rem;color:#666666;line-height:1.5;}
.zqglxt .box2 .xttd li div img{width:0.67rem;}
.zqglxt .box2 .cont_s{padding-top:0.17rem;padding-bottom:0.65rem;}
.zqglxt .item2{background:url(../images/i2.png) no-repeat top center;;background-size:cover;padding-top:0.54rem;padding-bottom:0.64rem;}
.zqglxt .item2 .cont_s{font-size: 0.24rem;line-height:2;}
.zqglxt .item2 .box3 .list ul{display:grid;grid-template-columns: repeat(1,1fr);gap:0.2rem 0.15rem;}
.zqglxt .item2 .box3 .list{padding-top:0.38rem;padding-bottom:0.6rem;}
.zqglxt .item2 .box3 .list li{background:url(../images/h1.png) no-repeat center;background-size:100% 100%;padding:0.27rem;}
.zqglxt .item2 .box3 .list .titl{display:flex;align-items: center;gap:0.2rem;font-size: 0.26rem;font-weight:bold;}
.zqglxt .item2 .box3 .list .titl img{width:.51rem;}
.zqglxt .item2 .box3 .list .conts{font-size: 0.22rem;line-height:1.8;padding-top:0.15rem;}
.zqglxt .item3{background:url(../images/i3.png) no-repeat top center;background-size:cover;padding-top:0.54rem;margin-top:-0.64rem;padding-bottom:1.32rem;}
.zqglxt .item4{background:url(../images/i4.png) no-repeat top center;background-size:cover;padding-top:0.54rem;margin-top:-0.64rem;padding-bottom:1.32rem;}
.zqglxt .item5{background:url(../images/i5.png) no-repeat top center;background-size:cover;padding-top:0.54rem;margin-top:-0.64rem;padding-bottom:1.32rem;}
.zqglxt .item6{background:url(../images/i6.png) no-repeat top center;background-size:cover;padding-top:0.54rem;margin-top:-0.64rem;}
.zqglxt .item6 .box6{/* padding-bottom:0.65rem; */}
.zqglxt .item6 .cont_s{line-height:2;font-size: 0.24rem;padding-top:0.45rem;}
.zqglxt .item6 .cont_s font{color:#ed7021;font-weight:bold;}

.yyxtjz{width:100%;overflow:hidden;background:url(../images/i7.jpg) no-repeat center;background-size:100% 100%;padding:0.57rem 0;}
.yyxtjz .title{text-align:center;color:#ffffff;font-size:0.36rem;}
.yyxtjz .list{padding-top:0.8rem;}
.yyxtjz .list ul{    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem 0.6rem;}
.yyxtjz .list ul:last-child{margin-bottom:0rem;}
.yyxtjz .list li p{color:#ffffff;font-size:0.18rem;text-align:center;padding-top:0.15rem;}

.khal .title{text-align:center;padding-top:0.6rem;padding-bottom:0.6rem;font-size:0.36rem;}
.khal .menu_list ul{display:grid;gap:0.1rem;justify-content: center;
    grid-template-columns: repeat(3, 1fr);text-align:center;}
.khal .menu_list li{font-size:0.22rem;padding:0.2rem 0.29rem;}
.khal .menu_list li.cur{background:#0254a0;border-radius:0.5rem;}
.khal .menu_list li.cur a{color:#fff;}
.khal .box{padding-top:0.4rem;padding-bottom:0.5rem;overflow:hidden;}
.khal .box .list{display:none;}
.khal .box .list.cur{display:block;}
.khal .box .list.cur li p{text-align:center;padding-top:0.16rem;font-size:0.2rem;}
.yyxtjz .list li{cursor:pointer;}


.khal .al_list-pagination { width: 100%; z-index: 3;  right:auto;text-align:center;padding-top:0.4rem;width:100%;}
.khal .al_list-pagination .swiper-pagination-bullet { width:0.13rem;height:0.13rem; background: #d6d6d6;margin:0 0.08rem;position:relative;}
.khal .al_list-pagination .swiper-pagination-bullet-active { background: #0b64be; }