/*移动端*/

/*初始化开始*/
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;height: 9.73rem;background-size: 100%;width: 7.5rem;position: relative}
header .logo{position: absolute;left: .25rem;z-index: 10;top: .35rem}
header .logo img{width: 3rem}
header .right{position: absolute;right: .25rem;z-index: 10;text-align: center;top: .33rem}
header .right p{font-size: .24rem;color: #fff;line-height: .32rem}
header .right p span{font-size: .34rem;font-weight: bold!important;}
header .right img{width: 2.14rem}
header .text1{position: absolute;top: 7.45rem;right: .28rem;z-index: 10}
header .text1 img{width: 4.81rem}
header .top-bg1{top: 0;position: absolute;z-index: 1}
header .top-bg2{bottom: 0;position: absolute;z-index: 1}
header .top-bg1 img,header .top-bg2 img{width: 7.5rem}
.zhaosheng{background: url("../images/Mobile/zhaosheng-bg.jpg")no-repeat;width: 7.50rem;height: 3.82rem;background-size: 100%;text-align: center;padding: .3rem;}
.zhaosheng img{width: 6.91rem;display: inline-block;padding-top: .37rem}
.zhaosheng ul{justify-content: space-between;display: flex;margin-top: .4rem}
.zhaosheng ul li{}
.zhaosheng ul li a{width: 2.20rem;height: .76rem;display: block;border: .02rem solid #fff;border-radius: .1rem;font-weight: bold;color: #fff;font-size: .32rem;text-align: center;margin: 0;padding: .12rem 0}
.zhaosheng ul li:nth-child(1) a{background: #ff3743; }
.zhaosheng ul li:nth-child(2) a{background: #ff872e;}
.zhaosheng ul li:nth-child(3) a{background: #626cda;}

/*内容部分*/
.con1{ text-align: center;background: url("../images/Mobile/con1-bg.jpg")no-repeat;background-size: 100%;height: 5.49rem}
.con1 .content{width: 6.49rem;height: 2.87rem;background: rgba(7,182,189, .9);display: inline-block;margin-top: 1.4rem;}
.con1 .content img{width: 5.45rem;display: inline-block;margin-top: .75rem}
.con1 .content h2{font-size: .4rem;color: #fff;font-weight: bold;margin-top: .22rem;margin-bottom: .1rem;letter-spacing: .02rem}
.con1 .content p{font-size: .32rem;color: #fff442;}
.con1 .content p span{font-weight: bold}

.con2{ text-align: center;background:url("../images/Mobile/mob-con2-bg.jpg")no-repeat;height: 18.8rem;background-size: 100% 100%}
.con2 .title{background: url("../images/Mobile/con2-bt.png")no-repeat;height: 2.59rem;background-size: 100%;}
.title h1{font-weight: bold;font-size: .36rem;color: #fff;margin: 0;padding-top: .9rem;letter-spacing: .02rem;text-shadow:#636363 1px 1px 1px;}
.title h2{font-size: .26rem;color: #fff;margin-top: .14rem;text-shadow:#636363 1px 1px 1px}
.con2 .content1{margin-top: .42rem;padding: 0 .3rem}
.con2 .content1 ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.con2 .content1 ul li{width: 2.22rem;height: 1.42rem;border-radius: .1rem;margin-bottom: .1rem;position: relative;border: none!important;}
.con2 .content1 ul li i{position: absolute;right: 0;top:0;width: .51rem;height: .25rem;border-bottom-left-radius: .1rem;background: #ffc600;border-top-left-radius: .1rem;border-top-right-radius: .1rem;font-size: .16rem;color: #fff;line-height: .25rem;text-align: center;margin: 0;padding: 0}
.con2 .content1 ul li h3{font-size: .32rem;color: #fff;font-weight: bold;margin: .36rem 0 .06rem 0}
.con2 .content1 ul li p{font-size: .34rem;color: #fff;margin: 0}
.con2 .content1 ul li:nth-child(1){background: #3187e8;-moz-box-shadow:0 0 4px #4091ec; -webkit-box-shadow:0 0 4px #4091ec; box-shadow:0 0 4px #4091ec;}
.con2 .content1 ul li:nth-child(2){background: #00b8bf;-moz-box-shadow:0 0 4px #1dd0d7; -webkit-box-shadow:0 0 4px #1dd0d7; box-shadow:0 0 4px #1dd0d7;}
.con2 .content1 ul li:nth-child(3){background: #6e66cd;-moz-box-shadow:0 0 4px #7f77e0; -webkit-box-shadow:0 0 4px #7f77e0; box-shadow:0 0 4px #7f77e0;}
.con2 .content1 ul li:nth-child(4){background: #5e859a;-moz-box-shadow:0 0 4px #7399ad; -webkit-box-shadow:0 0 4px #7399ad; box-shadow:0 0 4px #7399ad;}
.con2 .content1 ul li:nth-child(5){background: #ff8022;-moz-box-shadow:0 0 4px #ff9b51; -webkit-box-shadow:0 0 4px #ff9b51; box-shadow:0 0 4px #ff9b51;}
.con2 .content1 ul li:nth-child(6){background: #ff3b47;-moz-box-shadow:0 0 4px #ff5862; -webkit-box-shadow:0 0 4px #ff5862; box-shadow:0 0 4px #ff5862;}
.con2 .content2{padding: 0 0.3rem}
.con2 .content2 .title2 h1{font-size: .36rem;font-weight: bold;color: #000;margin-bottom: .3rem;line-height: .5rem}
.con2 .content2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: .21rem}
.con2 .content2 ul li{width: 3.38rem;height: 2rem;border-radius: .1rem;color: #fff;text-align: left;margin-bottom: .1rem}
.con2 .content2 ul li .title3{font-size: .26rem;font-weight: bold;text-align: center;margin: .13rem 0}
.con2 .content2 ul li .d1{font-size: .23rem;padding:0 .2rem;margin-bottom: .06rem;display: flex;justify-content: space-between}
.con2 .content2 ul li .d1 a{font-size: .16rem;padding: 0 .15rem ;background: #fff;border-radius: 0.8rem;height: .3rem;line-height: .3rem}
.con2 .content2 ul li:nth-child(1) a{color: #37c1ce;}
.con2 .content2 ul li:nth-child(2) a{color: #30c69e;}
.con2 .content2 ul li:nth-child(3) a{color: #ff8022;}
.con2 .content2 ul li:nth-child(4) a{color: #ff3b47;}
.con2 .content2 ul li:nth-child(1){background: #37c1ce;-moz-box-shadow:0 0 4px #1dd0d7; -webkit-box-shadow:0 0 4px #1dd0d7; box-shadow:0 0 4px #1dd0d7;}
.con2 .content2 ul li:nth-child(2){background: #30c69e;-moz-box-shadow:0 0 4px #48d6b0; -webkit-box-shadow:0 0 4px #48d6b0; box-shadow:0 0 4px #48d6b0;}
.con2 .content2 ul li:nth-child(3){background: #ff8022;-moz-box-shadow:0 0 4px #ff9b51; -webkit-box-shadow:0 0 4px #ff9b51; box-shadow:0 0 4px #ff9b51;}
.con2 .content2 ul li:nth-child(4){background: #ff3b47;-moz-box-shadow:0 0 4px #ff5862; -webkit-box-shadow:0 0 4px #ff5862; box-shadow:0 0 4px #ff5862;}
.con2 .content3 img{width: 6.77rem;display: inline-block}

.con3{ text-align: center;width: 7.5rem;position: relative;height: 8rem;}
.con3 .title{background: url("../images/Mobile/mob-con3-bt.png")no-repeat;width: 7.5rem;height: 1.87rem;background-size: 100%;z-index: 10;position: absolute}
.con3 .title h1{padding-top: .5rem;}
.con3 .content{z-index: 1;position: absolute;top: 1.21rem}
.con3 .content div{}
.con3 .content div img{margin-bottom: .1rem;}
.con3 .content .d1 img{width: 2.52rem;margin-right: .1rem;border-bottom-right-radius: .1rem;border-top-right-radius: .1rem}
.con3 .content .d2 img{width: 2.62rem;margin-right: .1rem;border-radius: .1rem}
.con3 .content .d3 img{width: 2.16rem;border-bottom-left-radius: .1rem;border-top-left-radius: .1rem}

.con4{ text-align: center;width: 7.5rem;height: 14.2rem;}
.con4 .title{background: url("../images/Mobile/mob-con4-bt.png")no-repeat;width: 7.5rem;height: 2.58rem;background-size: 100%;z-index: 100;position: relative}
.con4 .title h1{line-height: .5rem;padding-top: .7rem}
.con4 .content{padding: 0 .3rem;margin-top: .25rem}
.con4 .content ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.con4 .content ul li{width: 2.25rem;margin-bottom: .1rem}
.con4 .content ul li img{width: 2.25rem;border-top-right-radius: .1rem;border-top-left-radius: .1rem}
.con4 .content ul li .text{padding: 0 .12rem;border-bottom-right-radius: .1rem;border-bottom-left-radius: .1rem;background: #02c5a9;color: #fff;height: 1.32rem}
.con4 .content ul li:nth-child(2) .text,.con4 .content ul li:nth-child(4) .text{background: #3f61d7;}
.con4 .content ul li:nth-child(3) .text{background: #fe5955;}
.con4 .content ul li:nth-child(6) .text{background: #00abea;}
.con4 .content ul li .text h4{font-weight: bold;padding-top: .2rem;font-size: .26rem;margin:0 0 .1rem 0}
.con4 .content ul li .text p{line-height: .3rem;font-size: .2rem}

footer{ text-align: center;padding: 0 .3rem;width: 7.5rem;background:url("../images/Mobile/mob-foot-bg.jpg")no-repeat;height: 3.81rem;background-size: 100% }
footer .title h4 span{ }
footer .content{ height: 4.64rem;background: #fff;-moz-box-shadow:0 0 8px #89dcdc; -webkit-box-shadow:0 0 8px #89dcdc; box-shadow:0 0 8px #89dcdc;border-radius: 15px;transform: translateY(-2.5rem)}
footer .center{ margin-top: -2.18rem;font-size: .24rem;color: #fff;line-height: .35rem}
footer .content .title2 h1{font-size: .37rem;color: #000;font-weight: bold;padding-top: .3rem;margin: 0}
footer .content .title2 h1 span{color: #ff3b36;}
footer .content .title2 h4 span{color: #ff3b36;font-weight: bold}
footer .content .title2 h4{letter-spacing: .01rem;margin: .1rem 0 .2rem 0;font-size: .26rem}
footer form input{width: 5.53rem;height: .68rem;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: .1rem;border-radius: 6px;font-size: .24rem;color: #9b9b9b;padding: 0 .20rem;}
footer form select{width: 5.53rem;height: .68rem;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: .1rem;border-radius: 6px;font-size: .24rem;color: #9b9b9b;padding: 0 .20rem;outline: none;}
footer .tijiao button{width: 2.26rem;height: .53rem;background: #f33b22;border-radius: 80px;color: #fff;font-size: .26rem;border: none;margin-top: .1rem}