/*移动端*/

/*初始化开始*/
body,h1,h2,h3,h4,h5,h6,input,p,ul,li,dl,dt,dd,ol,form{margin:0; padding:0}
body{     font-family:"微软雅黑"}
ul{list-style:none}
img{border:none; display: block}
a{color:#4B494A; text-decoration:none}
a:hover{color:#38909c; text-decoration: none;}
.fl{float:left}
.fr{float:right}
i{ font-style:normal}
.clear{clear:both; overflow:hidden; height:0}
input:focus{outline:none}
.rel{position:relative}
.abs{position:absolute}
.block{display:block}
.none{display: none}
a:focus{text-decoration:none !important;}

/*初始化结束*/

.displayPC{ display: none}
/*头部*/
header{height: 1.12rem;padding: .27rem .2rem;}
header .logo img{width: 3.36rem}
header .right{float: right}
header .right .d1{width: 2.2rem;height: .5rem;font-size: .24rem;color: #fff;line-height: .5rem;background:#37c1ce;border-radius: 100px;text-align: center;display: inline-block}
header .right img{width: 2.14rem}
.banner{ background:url("../images/mob-banner.jpg")no-repeat center center;height: 3.64rem;background-size: 100%;display: block}
.banner .center{ display: none}

/*内容部分*/
.con1{ text-align: center;background: url("../images/con1-bg.jpg")no-repeat top center;height: 11.5rem;background-size: 100% 11.5rem}
.title h1{font-size: .46rem;color: #000;font-weight: bold;letter-spacing: 1px;margin: 0;padding-top: .4rem}
.title h2{font-size: .21rem;color: #666;margin: .15rem 0 .4rem 0;}
.content{margin-top: .4rem;padding: 0 .3rem}
.con1 .content .left{width: 6.9rem;border: 1px #37c1ce solid;background: #fff;position: relative;padding-bottom: .2rem}
.con1 .content .left .d1{width: 100%;height: 1.35rem;background: #37c1ce;color: #fff;position: absolute;top: 0;padding:.2rem .4rem;text-align: left}
.con1 .content .left .d1 p{font-size: .24rem;margin: 0}
.con1 .content .left .d1 i{float: right}
.con1 .content .left img{width: 5.64rem;display: inline-block;margin-top: 1.5rem;}
.con1 .content .right{width:100%;text-align: left;}
.con1 .content .right h3{font-size: .32rem;font-weight: bold;color: #222;margin-top: .3rem;margin-bottom: .2rem;line-height: .5rem}
.con1 .content .right p{font-size: .24rem;color: #222;margin-left: .45rem}
.con1 .content .right i{font-size: .22rem;color: #000;margin-right: .12rem;background: #dadada;padding: .18rem .22rem}
.con1 .content .right i:nth-child(2){margin-left: .45rem}
.con1 .content .right h3 i{width: .5rem;height: .32rem;float: left;background: none;padding: 0;margin: .08rem 0 .5rem 0}
.con1 .content .right h3 i img{width: .33rem;height: .32rem}
.con1 .content .right span{font-weight: bold;color: #37c1ce;}
.con1 .content .right span{font-weight: bold;color: #37c1ce}
.con1 .content .mob-bottom{background: url("../images/mob-con1-bg2.png")no-repeat;width: 100%;height: .95rem;background-size: 100%;color: #fff;display: block;margin-top: .5rem;padding-top: .08rem}

.con2{text-align: center; height: 6.7rem;}
.con2 .content .left{display: inline-block;float: none}
.con2 .content .right{text-align: left}
.con2 .content .right h4{font-size: .28rem;color: #000;font-weight: bold}
.con2 .content .right p{font-size: .24rem;color: #222;line-height: .38rem}
.con2 .content .left img{width: 6.9rem;}

.con3{text-align: center; }
.con3 .content .left{display: inline-block;float: none}
.con3 .content .right{text-align: left}
.con3 .content .right h4{font-size: .28rem;color: #000;font-weight: bold}
.con3 .content .right p{font-size: .24rem;color: #222;line-height: .38rem}
.con3 .content .right .bottom img{width: 6.9rem}
.con3 .content .left img{width: 6.9rem;}

.con4{text-align: center;}
.con4 .content{margin-bottom: .5rem}
.con4 .content .mob-ggt img{width: 100%}
.con4 .content .title2{font-size: .32rem;font-weight: bold;color: #000;text-align: left;margin-bottom: .3rem;margin-top: .3rem}
.con4 .content .title2 i{background: url("../images/con4-titbg.png")no-repeat;width: .51rem;height: .44rem;background-size: 100%;text-align: center;line-height: .44rem;color: #fff;font-size: .28rem;display: block;float: left;margin-right: .2rem}
.con4 .content .left{float: left;margin-right: .2rem}
.con4 .content .left img{width: 2.2rem}
.con4 .content .right{text-align: left;width: 4.5rem}
.con4 .content .right h5{font-size: .28rem;font-weight: bold;color: #000;margin: 0 0 .1rem 0}
.con4 .content .right p{font-size: .2rem;color: #000;line-height: .3rem;margin: 0}
.con4 .content .right span{color: #37c1ce;font-weight: bold}
.con4 .content .bottom{margin-left: -.8rem;margin-top: .2rem}
.con4 .content .bottom img{width: 3.58rem}
.con4 .content .d3 .right p{float: left;width: 2.1rem;margin-right: .1rem}
.con4 .content .d3 .right p:nth-child(3n){float: left;width: 2.1rem;margin-right: .1rem}

.con5{ height: 9rem;text-align: center;background: url("../images/mob-con5-bg.jpg")no-repeat;background-size: 100%}
.con5 h1{color: #fff}
.con5 h2{color: #e8fdff}
.con5 .content{}
.con5 .content .left img{width: 6.9rem;}
.con5 .content .right{text-align: left;margin-top: .3rem}
.con5 .content .right p{font-size: .26rem;color: #fff;line-height: .34rem;margin: 0 0 .15rem 0}



.con6{text-align: center;}
.con6 .content .left{float: none}
.con6 .content .left img{width: 100%;}
.con6 .content .mob-right{float: none;width:6.9rem;margin: .25rem 0 .5rem 0;}
.con6 .content .mob-right p{text-align: left;font-size: .3rem;line-height: .23rem;margin-top:0}
.con6 .content .mob-right img{width: 2.8rem}
.con6 .content .mob-right .bottom{background: #37c1ce;width: 2.8rem;text-align: left;padding: .2rem 0 .2rem .2rem}
.con6 .content .mob-right .bottom h6{margin: 0 0 .10rem 0;font-size: .3rem;color: #fff}
.con6 .content .mob-right .bottom p{font-size: .2rem;line-height: .25rem;margin: 0;color: #e8fdff}
.con6 .swiper-slide {
}
.con6 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url("../images/next.png")!important;
    right: 10px;
    left: auto;}
.con6 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/prev.png")!important;
    left: 10px;
    right: auto;
}
.con6 .swiper-button-next,.con6 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: .27rem;
    height: .53rem;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: .27rem .53rem;
    background-position: center;
    background-repeat: no-repeat;
}

.con7{ background:#f0f0f0;text-align: center;}
.con7 .content .left img{width: 100%;margin-bottom: .2rem}
.con7 .content .right{margin-bottom: .3rem}
.con7 .content .right ul li{float: left;margin-right: .2rem;margin-bottom: .2rem}
.con7 .content .right ul li:nth-child(2n){margin-right: 0}
.con7 .content .right ul li img{width: 3.35rem}

footer{background: #1dadbb;height: 6rem;color: #fff;padding:.52rem .3rem 0 .3rem;text-align: center}
footer .left{margin-right: .21rem;float: none}
footer .left h4{font-size: .32rem;font-weight: bold;margin-top: .2rem;}
footer .left p{font-size: .22rem;}
footer .right img{width: 2rem;}
footer .right{text-align: center;float: none;display: inline-block}
footer .right .QR1{float: left;margin-right: .3rem}
footer .right .QR2{float: left}
footer .right p{font-size: .20rem;margin: 0;}