ul,li{padding: 0;}
.banner{width: 100%;height: auto;position: relative;}
.banner img{width: 100%;height: auto;}
.b_title{position: absolute;top: 70px;left: 30%;}
.b_title h1{font-size: 35px;}
.navto{position: absolute;top: 75%;left:35%;width: 12%;height: 20%;}
.navto a{display: block;height: 50%;}

.intro{width: 100%;height: auto;background-color: #fcfcfc;}
.intro .des{width: 800px;margin: 50px auto;overflow: hidden;}
.intro .des .phone{width: 295px;height:650px;position: relative;margin-left: 40px;float: left;}
.intro .des .phone .wrap{width: 246px;height: 560px;margin: 92px auto;overflow: hidden;}
.intro .des .bg{position: absolute;top: 0;left: 0;}
.des_title{float: left;margin: 200px 0 0 40px;}
.des_title h1{font-size: 30px;text-align: center;}
.des_title p{text-align: center;}

.swiper-pagination{bottom: -120px!important;}
.swiper-pagination-bullet{width: 20px;height: 20px;}
.swiper-container{overflow:visible;}
.swiper-pagination-bullet-active{background:#88cc5a;}

.install{width: 800px;height: auto;margin: 0 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: 25px;}
.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;}
.install .tec .left h1{font-size: 25px;color: #000000;}
.install .tec .left img{width: 70%;height: auto;margin-top: 30px;}
.install ul{margin-top: 30px;}
.install ul li{width: 80%;height: 63px;}
.install ul li:nth-of-type(1){padding-left:50px;background: url(../img/apple.jpg) no-repeat;}
.install ul li:nth-of-type(2){padding-left:50px;background: url(../img/andriod.jpg) no-repeat;}
.install ul li h1{font-size: 16px;margin: 5px 0;font-weight: bold;}
.install ul li p{line-height: 100%;font-size: 14px;}
.install .tip{box-sizing: border-box;padding-left: 50px;}
.install .tip h1{font-size: 25px;}
.install .tip p{font-size: 14px;line-height: 115%;}

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.intro .des{width: 100%;}
	.intro .des:nth-of-type(1){margin-top: 10px;}
	.intro .des .phone{overflow: hidden;margin: 0 auto;width: 250px;height: 550px;float: none;}
	.intro .des .phone img{width: 100%;height: auto;}
	.intro .des .phone .wrap{width: 200px;height: 500px;margin-top: 80px;}
	
	.des_title{float: none;margin: 0 auto;}
	
	.install{width: 100%;}
	.install .tec{width: 90%;margin: 0 auto;}
	.install .tec>div{padding: 0;width: 100%;}
	.install .tip{width: 90%;margin: 0 auto;padding: 0;}
}