/*移动端*/

/*初始化开始*/
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!important;}
/*头部*/
header{background:url("../images/Mobile/mob-banner.jpg")no-repeat center center;height: 6.78rem;background-size: 100%;display: block;padding: .3rem .30rem;width: 7.5rem}
header .logo img{width: 3.36rem}
header .right{float: right;margin-top: .1rem}
header .right .d1{width: 2.5rem;height: .5rem;font-size: .24rem;color: #fff;line-height: .5rem;background:#5886f4;border-radius: 100px;text-align: center;display: inline-block}
header .right img{width: 2.14rem}
.banner .center{ display: none}

/*内容部分*/
.con1{ text-align: center;padding: 0 .2rem;width: 7.5rem;height: 9rem}
.title{padding: 0 .3rem;}
.title h1{font-size: .6rem;color: #000;margin-bottom: 0;background: url("../images/title-right.png")no-repeat top right;display: inline-block;margin-top: .4rem;padding: .20rem .20rem 0 .20rem;letter-spacing: .02rem;background-size: .39rem .4rem;font-weight: bold}
.title h2{font-size: .3rem;color: #4d4d4d;margin-top: .1rem;line-height: .4rem}
.con1 .content{position: relative;height: 6rem;background: #3fbbce;width: 6.7rem;display: inline-block}
.con1 .kx-tit{position: absolute;top: .18rem;z-index: 2;left: -.2rem}
.con1 .kx-tit ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;background: url("../images/Mobile/mob-gaoxin.png")no-repeat;width: 7.11rem;height: .53rem;background-size: 100%;line-height: .42rem;}
.con1 .kx-tit ul li{font-weight: bold}
.con1 .kx-nr{height: 4.85rem;width: 6.7rem;display: inline-block;position: absolute;top: .95rem;left: 0;z-index: 1;background: none}
.con1 .kx-nr ul{}
.con1 .kx-nr ul li{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;margin-bottom:0;}
.con1 .kx-nr ul li p{color: #fff;font-size: .22rem;width: 1.8rem}
.con1 .kx-nr ul li p:nth-child(1){width: 2rem}
.con1 .kx-nr ul li p:nth-child(2){width: 4.8rem}
.con1 .kx-nr ul li p:nth-child(3){width: 3rem}

.con2{ text-align: center;padding: 0 .4rem;width: 7.5rem;background: #ebf8ff;height: 8.9rem}
.con2 .content ul li{float: left;margin-right: .10rem;margin-bottom: .10rem;position: relative}
.con2 .content ul li span{position: absolute;bottom:.1rem;background: url("../images/huanjing-bg.jpg")no-repeat;width: 1.86rem;height: .42rem;left: 50%;margin-left: -.93rem;line-height: .42rem;color: #fff;font-size: .26rem;letter-spacing: .01rem; background-size: 100%}
.con2 .content ul li:nth-child(1) img,.con2 .content ul li:nth-child(5) img{width: 2.83rem}
.con2 .content ul li:nth-child(2) img,.con2 .content ul li:nth-child(3) img,.con2 .content ul li:nth-child(4) img{width: 3.77rem}
.con2 .content ul li:nth-child(2),.con2 .content ul li:nth-child(3),.con2 .content ul li:nth-child(5){margin-right: 0}

.con3{ text-align: center;padding: 0 .4rem;width: 7.5rem;background: url("../images/Mobile/mob-con3-bg.jpg")no-repeat;height: 8.30rem;background-size: 100%}
.con3 .content{position: relative;height: 3rem}
.con3 .content div{width: 2.30rem;height: 2.3rem;position: absolute;color: #fff;}
.con3 .content div h3{font-weight: bold;font-size: .32rem;margin-bottom: .05rem;margin-top: .65rem}
.con3 .content div p{font-weight: bold;font-size: .28rem;margin-top: 0}
.con3 .content div.d1{background: url("../images/con3-bg1.png")no-repeat;background-size: 100%;left: 2.2rem;top:0}
.con3 .content div.d2{background: url("../images/con3-bg2.png")no-repeat;background-size: 100%;left: 3.98rem;top: 1rem;}
.con3 .content div.d3{background: url("../images/con3-bg1.png")no-repeat;background-size: 100%;left: 3.98rem;top: 3rem}
.con3 .content div.d4{background: url("../images/con3-bg4.png")no-repeat;background-size: 100%;left: 2.2rem;top: 4rem}
.con3 .content div.d5{background: url("../images/con3-bg2.png")no-repeat;background-size: 100%;left: .4rem;top: 3rem}
.con3 .content div.d6{background: url("../images/con3-bg3.png")no-repeat;background-size: 100%;top: 1rem;left: .4rem}
.con3 .content div.niao{top:1.42rem;left: 2.5rem}
.con3 .content div.niao img{width: 1.66rem}



.con4{ text-align: center;width: 7.5rem;height: 10rem;background: #ebf8ff;}
.con4 .content{display: inline-block;color: #fff;}
.con4 .content div{padding: .2rem .2rem;margin-bottom: .25rem}
.con4 .content .d1{background: url("../images/Mobile/mob-con4-01.png")no-repeat;width: 6.70rem;background-size: 100%;height: 2.31rem;text-align: left}
.con4 .content .d2{background: url("../images/Mobile/mob-con4-02.png")no-repeat;width: 6.70rem;background-size: 100%;height: 2.31rem;text-align: right}
.con4 .content .d3{background: url("../images/Mobile/mob-con4-03.png")no-repeat;width: 6.70rem;background-size: 100%;height: 2.31rem;text-align: left}
/*.con4 .content .d4{background: url("../images/Mobile/mob-con4-04.png")no-repeat;width: 6.70rem;background-size: 100%;height: 2.31rem;text-align: right}*/
.con4 .content div p{font-size: .30rem;font-weight: bold;}
.con4 .content div p span{font-size: .24rem;font-weight: normal}
/*.con4 .content div:nth-child(2) p{font-size: .28rem;}*/
/*.con4 .content div:nth-child(2) p span{font-size: .22rem;font-weight: normal}*/

.con5{ text-align: center;padding: 0 .4rem;width: 7.5rem;height: 7.82rem}
.con5 .content ul{display: inline-block}
.con5 .content ul li{float: left;margin:0 .14rem .14rem 0}
.con5 .content ul li:nth-child(2n){margin-right: 0}
.con5 .content ul li img{width: 3.28rem;}

footer{ text-align: center;padding: 0 .4rem;width: 7.5rem;background:#4cc8d4 }
footer .content{ height: 3.74rem;background: #fff;-moz-box-shadow:0 0 8px #4cc8d4; -webkit-box-shadow:0 0 8px #4cc8d4; box-shadow:0 0 8px #4cc8d4;border-radius: 15px;transform: translateY(-2.23rem)}
footer .center{ margin-top: -1.90rem;padding-bottom: .3rem;font-size: .24rem;color: #fff;line-height: .35rem}
footer .content .title2 h1{font-size: .37rem;color: #000;font-weight: bold;padding-top: .46rem;letter-spacing: .02rem}
footer .content .title2 h1 span{color: #f33b22;}
footer form input{width: 5.53rem;height: .7rem;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: .20rem;border-radius: 6px;font-size: .24rem;color: #9b9b9b;padding: 0 .20rem;}
footer .tijiao button{width: 2.26rem;height: .53rem;background: #f33b22;border-radius: 80px;color: #fff;font-size: .26rem;border: none;}