main{background-color: #fff;}
main img{display: block;}
main ul li{position: relative;overflow: hidden;height: auto;}

.des1{position: absolute;top: 1.2rem;left: 25%;}
.des1 h2{font-size: .4rem;color: #333333;font-family: SBold;}
.des1 p{font-size: .2rem;color: #333333;}
.download{position: absolute;top: 5.9rem;left: 6.6rem;}
.download a{display: block;width: 2.2rem;height: .6rem;}
.download a:nth-of-type(1){margin-bottom: .2rem;}

.des{width: 70%;margin: .8rem auto;overflow: hidden;}
.des .phone{width: 295px;height:650px;position: relative;margin-left: 40px;float: left;}
.des .phone .wrap{width: 246px;height: 560px;margin: 92px auto;overflow: hidden;}
.des .bg{position: absolute;top: 0;left: 0;}
.des_title{float: left;margin: 200px 0 0 40px;}
.des_title h1{font-size: .3rem;text-align: center;font-family: SBold;}
.des_title p{text-align: center;font-size: .18rem;line-height:.3rem;}

.install{width: 70%;height: auto;margin: .4rem auto;}
.install .tec{width: 100%;height: auto;overflow: hidden;}
.install .tec>div{float: left;width: 50%;box-sizing: border-box;padding-left: 40px;}
.install .tec>div h1{font-size: .3rem;font-family: SBold;}
.install .tec>div img{width: 70%;height: auto;margin-top: 30px;}
.install .tec .left{float: left;width: 50%;box-sizing: border-box;padding-left: 40px;position: relative;}
.install .tec .left h1{font-size: .3rem;color: #000000;font-family: SBold;}
.install .tec .left img{width:4rem;height: auto;margin-top: 30px;}
.install .tec .left ul{position: absolute;top: .9rem;left: 2rem;margin: 0;}
.install .tec .left ul a{display: block;width: 2.5rem;height:.7rem;}
.install .tec .left ul a:nth-of-type(1){margin-bottom: .3rem;}
.install ul{margin-top: 30px;}
.install ul li{width: 80%;}
.install ul li:nth-of-type(1){padding-left:50px;background: url(../../resouce/image/app/apple.jpg) no-repeat;}
.install ul li:nth-of-type(2){padding-left:50px;background: url(../../resouce/image/app/andriod.jpg) no-repeat;}
.install ul li a{color: #00B3C4;}
.install ul li h1{font-size: .3rem;margin: 5px 0;font-weight: bold;}
.install ul li p{line-height: .2rem;font-size: .18rem;}
.install .tip{box-sizing: border-box;padding-left: 50px;}
.install .tip h1{font-size: .3rem;font-family: SBold;}
.install .tip p{font-size: .18rem;line-height: .3rem;}

.swiper-pagination{bottom: -2rem!important;}
.swiper-pagination-bullet{width: 20px;height: 20px;}
.swiper-container{overflow:visible;}
.swiper-pagination-bullet-active{background:#88cc5a;}
.applyInspect{background-color: #fff;}
/*-----------------------移动端样式-------------------------*/
@media only screen and (min-width: 320px) and (max-width: 1200px) {
	.des{width: 100%;}
	.des:nth-of-type(1){margin-top: 10px;}
	.des .phone{overflow: hidden;margin: 0 auto;width: 250px;height: 550px;float: none;}
	.des .phone img{width: 100%;height: auto;}
	.des .phone .wrap{width: 200px;height: 500px;margin-top: 80px;}
	
	.des_title{float: none;margin: 0 auto;}
	.des_title h1{font-size: .5rem;text-align: center;}
    .des_title p{text-align: center;font-size: .3rem;padding: 0 .2rem;margin: .2rem 0;}
	
	.install{width: 100%;}
	.install .tec{width: 90%;margin: 0 auto;}
	.install .tec>div{padding: 0;width: 100%;}
	.install .tec .left{padding: 0;width:70%}
	
	.install .tip{width: 90%;margin: 0 auto;padding: 0;}
	.install .tip h1{font-size: .45rem;}
	.install .tip p{font-size: .3rem;line-height: 130%;}
	.install ul,.install .tec .left img{margin: 10px 0 20px 0;}

    .swiper-pagination{bottom: -3rem!important;}
    
    .des_title{float: none;margin: 0 auto;}
}