﻿*{max-width:640px;}
body{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);}
	}
.banner_1 { width: 100%; overflow: hidden; position: relative; }
.banner_1 .m_banner-pagination { position: absolute; left: 0rem; bottom: 0.36rem; width: 100%; z-index: 3;  right:auto;text-align:center;}
.banner_1 .m_banner-pagination .swiper-pagination-bullet { width:0.13rem;height:0.12rem; background: #fff;margin:0 0.08rem;position:relative;}
.banner_1 .m_banner-pagination .swiper-pagination-bullet-active { background: #ed7020; }
.banner_1 img { vertical-align: bottom; }
.s_h_footer {
    padding-top: 10px !important;
}

.m_width{width:93.75%;margin:0 auto;}

.wjw_js .title{font-size:0.4rem;font-weight:bold;text-align:center;padding-top:0.5rem;padding-bottom:0.5rem;}
.wjw_js .wjw_list{margin-bottom:0.6rem;}
.wjw_js .wjw_list ul{display: flex;grid-template-columns:repeat(2,1fr);gap: .3rem 0.2rem;margin-bottom:0.2rem;flex-wrap: wrap;justify-content: center;}
.wjw_js .wjw_list li{background:url(../images/index_05.jpg) no-repeat top 0.45rem center;width:2.85rem;height:3.9rem;}
.wjw_js .wjw_list li font{width:0.9rem;height:0.9rem;background:#0c65be;border-radius:50%;display:block;text-align:center;line-height:0.9rem;color:#fff;font-size:0.28rem;font-weight:bold;margin:0 auto;}
.wjw_js .wjw_list li p{width:2.4rem;margin:0 auto;margin-top:0.3rem;line-height:1.6;font-size:0.2rem;}
.wjw_js .wjw_list li:nth-child(2){background-image:url(../images/index_07.jpg);}
.wjw_js .wjw_list li:nth-child(3){background-image:url(../images/index_09.jpg);}
.wjw_js .wjw_list li:nth-child(4){background-image:url(../images/index_11.jpg);}
.wjw_js .wjw_list li:nth-child(5){background-image:url(../images/index_18.jpg);}
.wjw_js .wjw_list li:nth-child(6){background-image:url(../images/index_20.jpg);}
.wjw_js .wjw_list li:nth-child(7){background-image:url(../images/index_22.jpg);}

.jyhua{width:100%;overflow:hidden;background:url(../images/02_04.jpg) no-repeat center;min-height:6.5rem;padding-bottom:0.8rem;background-size:cover;}
.jyhua .title{color:#ffffff;font-size:0.4rem;font-weight:bold;text-align:center;padding-top:0.6rem;line-height:1;}
.jyhua .content{font-size:0.2rem;line-height:0.46rem;overflow:hidden;margin-top:0.8rem;color:#fff;overflow:auto;height:4.86rem;}

.jsuf{width:100%;overflow:hidden;padding-bottom:0.8rem;}
.jsuf .title{text-align:center;color:#333333;font-size:0.4rem;padding-top: 0.5rem;padding-bottom: 0.4rem;}
.jsuf .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap: 0.2rem;}
.jsuf .list li{border:0.01rem solid #2f7bc8;border-radius:0.05rem;position:relative;text-align:center;margin-top:0.5rem;padding-left:10px;padding-right:10px;}
.jsuf .list li div{margin:0 auto;width:0.97rem;height:0.97rem;background:url(../images/d1.png) no-repeat center;background-color:#0b64be;border-radius:50%;margin-top:-0.5rem;z-index:2;position:relative;transition: 0.3s ease all;background-size:.4rem auto;}
.jsuf .list li:hover div{background-color:#ed7020;transform: rotateY(180deg);}
.jsuf .list li::after{position:absolute;left: calc(50% - 0.72rem);top: -0.4rem;width:1.45rem;content:"";display:block;height:0.4rem;background:#fff;}
.jsuf .list li font{color:#0757a8;font-size:0.24rem;font-weight:bold;padding-top:0.2rem;display:inline-block;}
.jsuf .list li p{color:#333333;font-size:0.2rem;line-height:0.28rem;padding-top:0.1rem;padding-bottom:0.2rem;}
.jsuf .list li:nth-child(2) div{background-image:url(../images/d2.png);}
.jsuf .list li:nth-child(3) div{background-image:url(../images/d3.png);}
.jsuf .list li:nth-child(4) div{background-image:url(../images/d4.png);}
.jsuf .list li:nth-child(5) div{background-image:url(../images/d5.png);}
.jsuf .list li:nth-child(6) div{background-image:url(../images/d6.png);}


.xtjgjjfa{width:100%;overflow:hidden;background:url(../images/02_06.jpg) no-repeat center;padding-bottom:0.1rem;min-height:6.5rem;background-size:cover;}
.xtjgjjfa .title{font-size:0.4rem;color:#ffffff;font-weight:bold;text-align:center;padding-top:0.7rem;}
/* .xtjgjjfa .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:0.5rem;} */
.xtjgjjfa .list{overflow:hidden;}
.xtjgjjfa .list li{margin-top:0.8rem;border:0.02rem solid #ffffff;border-radius:0.1rem;text-align:center;background:rgba(255,255,255,.1);box-sizing: border-box;}
.xtjgjjfa .list li img{display:block;margin:0.2rem auto;margin-bottom:0.3rem;max-width:1.02rem;}
.xtjgjjfa .list li font{font-size:0.24rem;color:#ffffff;}
.xtjgjjfa .list li p{text-align:left;margin-left:0.26rem;margin-right:0.25rem;margin-top:0.2rem;font-size:0.18rem;color:#ffffff;line-height:1.888;padding-bottom:0.6rem;}


.xtaqxjjfa{width:100%;overflow:hidden;}
.xtaqxjjfa .title{font-size:0.4rem;font-weight:bold;text-align:center;padding-top:0.55rem;}
.xtaqxjjfa .content{overflow:hidden;width:100%;}
.xtaqxjjfa .content .imgs{overflow:hidden;width:4.35rem;margin:0 auto;}
.xtaqxjjfa .content .right_s{width:93.75%;margin-top:.2rem;overflow:hidden;}
.xtaqxjjfa .content .right_s font{font-size:0.24rem;font-weight:bold;color:#0c65be;}
.xtaqxjjfa .content .right_s p{font-size:0.2rem;color:#333333;line-height:0.34rem;margin-top:0.11rem;margin-bottom:0.2rem;}
.xtaqxjjfa .content .right_s li{padding-left:1.39rem;background:url(../images/e1.png) no-repeat left top;background-size:1rem auto;margin-top:.2rem}
.xtaqxjjfa .content .right_s li:nth-child(2){background-image:url(../images/e2.png);background-size:1rem auto;}
.xtaqxjjfa .content .right_s li:nth-child(3){background-image:url(../images/e3.png);background-size:1rem auto;}


.hdgljjfa{width:100%;overflow:hidden;background:#f8fbfe;}
.hdgljjfa .title{font-size:0.4rem;font-weight:bold;color:#333333;text-align:center;padding-top:0.8rem;}
.hdgljjfa .m_main{width:100%;overflow:hidden;padding-bottom:.2rem;}
.hdgljjfa .m_main .m_main_left{width:100%;overflow:hidden;}
.hdgljjfa .m_main .m_main_right{width:4.4rem;margin:0 auto;overflow:hidden;margin-top:.6rem;}
.hdgljjfa .m_main .m_main_left font{font-size:0.24rem;color:#0c65be;font-weight:bold;display:block;margin-top:0.35rem;padding-left:0.33rem;position:relative;}
.hdgljjfa .m_main .m_main_left p{font-size:0.2rem;line-height:0.34rem;padding-top:0.15rem;}
.hdgljjfa .m_main .m_main_left font::after{width:0.12rem;height:0.12rem;display:block;background:#0c65be;border-radius:50%;content:"";position:absolute;left:0rem;top:0.12rem;}


.zcaxdz{width:100%;overflow:hidden;}
.zcaxdz .title{font-size:0.4rem;color:#333333;font-weight:bold;text-align:center;padding-top:0.6rem;line-height:1;}
.zcaxdz .zcaxdz_main{margin-top:0.6rem;margin-bottom:0.8rem;min-height: 6.8rem;position:relative;overflow:hidden;z-index:1;}
.zcaxdz .zcaxdz_main .zcaxdz_main_1{position:absolute;left:0rem;top: 0rem;}
.zcaxdz .zcaxdz_main .zcaxdz_main_1 font{color:#0c65be;font-size:0.24rem;font-weight:bold;padding-left:0.77rem;background:url(../images/index_43.jpg) no-repeat left center;line-height:0.4rem;display:block;background-size:.6rem auto;}
.zcaxdz .zcaxdz_main .zcaxdz_main_2{left:auto;top:auto;right:0rem;bottom: 0rem;}
.zcaxdz .zcaxdz_main .zcaxdz_main_1 p{max-width:2.6rem;font-size:0.2rem;color:#333333;line-height:0.35rem;margin-top:0.25rem;}
.zcaxdz .zcaxdz_main .zcaxdz_main_2 p{max-width: 3rem;}
.zcaxdz .zcaxdz_main i{display:block;background:url(../images/index_40.jpg) no-repeat center;position:absolute;left:0rem;top: 1.4rem;width:4.39rem;height: 4.5rem;background-size:100% auto;z-index:-1;}
.khal{width:100%;overflow:hidden;background:#f8f8f8}
.khal .title{padding-top:0.44rem;padding-bottom:0.44rem;text-align:center;color:#333333;font-size:0.4rem;font-weight:bold;}

.al_list{width:93.75%;margin:0 auto;overflow:hidden;height:6rem;}
.al_list ul{display:grid;grid-template-columns: repeat(2,1fr);}
.al_list li{text-align:center;padding-top:0.2rem;float:left;overflow:hidden;}
.al_list li a{display:block;padding:0 0.15rem;}
.al_list li p{padding-top:0.2rem;color:#333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



.al_list .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
  }


.khal .al_list-pagination {width: 100%;z-index: 3;right:auto;text-align:center;/* padding-top:0.4rem; */padding-bottom:0.4rem;width:100%;}
.khal .al_list-pagination .swiper-pagination-bullet { width:0.13rem;height:0.12rem; background: #d6d6d6;margin:0 0.08rem;position:relative;}
.khal .al_list-pagination .swiper-pagination-bullet-active { background: #ed7020; }



.foot{background:url(../images/foots_02.jpg) no-repeat center;height:1.2rem;background-size:100% 100%;}
.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:"联系";}


.xtjgjjfa .xtjgjjfa-pagination { width: 100%; z-index: 3;  right:auto;text-align:center;padding-top:0.4rem;padding-bottom:0.4rem;width:100%;}
.xtjgjjfa .xtjgjjfa-pagination .swiper-pagination-bullet { width:0.13rem;height:0.12rem; background: #d6d6d6;margin:0 0.08rem;position:relative;}
.xtjgjjfa .xtjgjjfa-pagination .swiper-pagination-bullet-active { background: #ed7020; }