img{max-width:100%;}
body{overflow-x:hidden;}
.dft_pw .dft_link{color: #31b52d; position: relative; font-size: inherit;}
.dft_link:after{ content: ""; width: 142px; height: 1px; display:block; border-bottom: 1px solid #31b52d; position: absolute; left: -5px; bottom: -5px; transform: scale(0); transition: all 0.3s ease-in-out;}
.dft_link:hover:after{ transform: scale(1);}
.dft_link:hover{ text-decoration: none;}
.dft_pw { width: 100%; max-width:1400px; margin-left: auto; margin-right: auto;}
.dft_pw .dft_btn{color: #fff; text-align: center; display: inline-block; vertical-align: middle; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.dft_pw .dft_btn:hover{text-decoration: none;}
.pw1200{max-width:1200px; width:94%; margin-left:auto; margin-right:auto;}
.pw1400{max-width:1400px; width:94%; margin-left:auto; margin-right:auto;}


.def_effect,.pro_item1_main>a{ transform: translateY(30px); opacity: 0;}
.active .def_effect, .active .pro_item1_main>a{ transform: translate(0); opacity: 1;}

.def_effect:nth-child(1){ transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.def_effect:nth-child(2){ transition: transform 0.5s 0.2s ease-in-out, opacity 0.5s 0.2s ease-in-out;}
.def_effect:nth-child(3){ transition: transform 0.5s 0.4s ease-in-out, opacity 0.5s 0.4s ease-in-out;}
.def_effect:nth-child(4){ transition: transform 0.5s 0.6s ease-in-out, opacity 0.5s 0.6s ease-in-out;}
.def_effect:nth-child(5){ transition: transform 0.5s 0.8s ease-in-out, opacity 0.5s 0.8s ease-in-out;}
.def_effect:nth-child(6){ transition: transform 0.5s 1s ease-in-out, opacity 0.5s 1s ease-in-out;}
.def_effect:nth-child(7){ transition: transform 0.5s 1.2s ease-in-out, opacity 0.5s 1.2s ease-in-out;}
.def_effect:nth-child(8){ transition: transform 0.5s 1.4s ease-in-out, opacity 0.5s 1.4s ease-in-out;}
.def_effect:nth-child(9){ transition: transform 0.5s 1.6s ease-in-out, opacity 0.5s 1.6s ease-in-out;}
.def_effect:nth-child(10){ transition: transform 0.5s 1.8s ease-in-out, opacity 0.5s 1.8s ease-in-out;}
.def_effect:nth-child(11){ transition: transform 0.5s 2s ease-in-out, opacity 0.5s 2s ease-in-out;}
.def_effect:nth-child(12){ transition: transform 0.5s 2.2s ease-in-out, opacity 0.5s 2.2s ease-in-out;}
.def_effect:nth-child(13){ transition: transform 0.5s 2.4s ease-in-out, opacity 0.5s 2.4s ease-in-out;}
.def_effect:nth-child(14){ transition: transform 0.5s 2.6s ease-in-out, opacity 0.5s 2.6s ease-in-out;}
.active .pro_item1_main a:nth-child(1){transition: transform 0.5s 0.6s ease-in-out, opacity 0.5s 0.6s ease-in-out;}
.active .pro_item1_main a:nth-child(2){transition: transform 0.5s 0.8s ease-in-out, opacity 0.5s 0.8s ease-in-out;}
.active .pro_item1_main a:nth-child(3){transition: transform 0.5s 1s ease-in-out, opacity 0.5s 1s ease-in-out;}

.mobile_show{ display: none;}
/*.android_btn_mobile{ max-width: 250px; padding:10px 20px; margin-top: 30px; text-align: center; background-color: rgba(255,255,255,0.5);}
.android_btn_mobile p{ margin-bottom: 10px; font-size: 16px;}
.android_btn_mobile b{ display: block; margin:20px auto 0; font-size:16px; font-weight: bold; color: #fff;}
.banner_text .android_btn_mobile a{ margin: 0; line-height: 1; font-size: inherit; font-weight: inherit; color: inherit;}
.banner_text .android_mobile_cont>a{ width: 250px; height: 61px; display: block; box-shadow: 0 0 10px #000;}*/

.android_btn_mobile{ margin-top:30px;}
.android_mobile_cont{ margin-right:20px; display:inline-block; vertical-align: top; text-align: center;}
.android_btn_mobile b{ display: block; margin:10px auto 0; font-size:16px; color: #fff; text-align: center;}
.banner_text .android_mobile_cont a, .pro_bottom .android_mobile_cont a{ margin: 0; line-height: 1; font-size: inherit; font-weight: inherit; color: inherit;}
.pro_bottom .android_btn_mobile b{ color: #000;}
.banner_text .android_btn_mobile .dft_btn, .android_btn_mobile .dft_btn{ width: 270px; height: 60px; line-height: 60px; font-size:18px;}
.android_mobile_cont>a{ display: block; height: 60px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.25);}
.android_mobile_cont b a{ text-decoration: underline;}



.sub_nav_cont{border-bottom-color:#d2ded7;}
.banner{ height: 800px; padding-bottom:200px; background:linear-gradient(180deg, #EDF7F0 0%, #ADE6D3 100%); background-color:#d1f0e4; overflow: hidden;}
.banner_cont{margin: 150px auto 0; position: relative;}
.banner_cont:before{content:""; position:absolute; left:-158px; top:-65px; width:88px; height:82px; background:url(https://imobie-resource.com/fr/anydroid/img/index_round.png) no-repeat; background-size:cover;}
.banner_text{ max-width: 680px;}
.banner_text h1{font-size:56px; line-height:1; color:#000; font-family:Helvetica, sans-serif;}
.banner_text li{ padding-left:35px; margin-top:15px; font-size:18px; color:#000; background:url(https://imobie-resource.com/fr/anydroid/img/index_tick.png) left 3px no-repeat; background-size:18px;}
.banner_img{position: absolute; right: -190px; top: 0;}
.banner_text p{margin-top: 15px; font-size:16px; line-height: 1.5;}
.banvd{left:700px; top:0; padding:0 43px 80px 0; background:url(https://imobie-resource.com/fr/anydroid/img/index_black.png) right bottom no-repeat;}
.banvd div{ width:906px; height:510px; background-color:#2B6654; border-radius: 20px; overflow:hidden;}


.btn_dl{ background-color: #31bd86; background:linear-gradient(to right, #02a286,#65db87);}
.btn_dl:after{ content: "\e928"; font-family:"iconfont"; font-size: 26px; margin-left: 5px; vertical-align: middle;}
.banner_btn_buy{ background-color: #ff9731; background: linear-gradient(to right,#ff8c1c,#ffb15e);}
.banner_btn_buy:after{ content: "\e929"; font-family: "iconfont"; font-size: 26px; margin-left: 5px; vertical-align: middle;}
.btn_dl:hover{ background:linear-gradient(to left, #02a286,#65db87);}
.banner_btn_buy:hover{ background: linear-gradient(to left,#ff8c1c,#ffb15e);}
.banner_text .dft_btn { width: 239px; height: 68px; line-height: 68px; font-size:22px; border-radius:10px; transition:.3s ease-in-out;}
.banner_text .dft_btn:hover,.sec2text a:hover,.pro_bottom_btns .dft_btn:hover,.recom a:hover{transform:translateY(-5px);}
.mobile_hide .dft_btn{ margin: 40px 30px 0 0; }

.pro_item h2{ font-size: 44px;}
.pro_item_text>p,.pro_item2_cont p{ margin-top: 30px; font-size: 18px; line-height: 1.7; color:#666;}

.sec h2{font-size:44px; font-weight:bold; font-family:Helvetica, sans-serif;}

.sec1{padding:100px 0 50px; background-color:#fff; border-top-left-radius:200px; margin-top:-200px;}
.sec1>p{max-width:1050px; margin:30px auto 70px; line-height:1.6;}
.sec1img{display:inline-block; vertical-align:middle; width:740px; height:440px;}
.sec1img figure{position:absolute; left:0; top:0; right:0; transition:.5s ease-in-out; display:none;}
.sec1img .active{display:block;}
.sec1text{display:inline-block; vertical-align:middle; width:470px; height:320px; text-align:left; margin-left:130px;}
.sec1text li{position:absolute; opacity:0; z-index:0; transition:.5s ease-in-out;}
.sec1text h3{font-size:32px; font-weight:bold; line-height:1.2; font-family:Helvetica, sans-serif;}
.sec1text p{font-size:20px; margin-top:20px;}
.sec1text a{position:relative; padding:12px 18px 26px; display:inline-block; margin-top:20px;}
.sec1text a:before{content:""; position:absolute; left:0; top:0; height:100%; width:47px; background:#EAF4F1; border-radius:100px; transition: .5s ease-in-out;}
.sec1text a:hover:before{ width:100%;}
.sec1text a span{font-size:20px; display:inline-block; position:relative; color:#1B9A73;}
.sec1text a span:before{content:""; position:absolute; bottom:-8px; width:100%; height:2px; background-color:#1B9A73;}
.sec1text .active{ opacity:1; z-index:1;}
.sec1dots li{display:inline-block; width:12px; height:12px; border:2px solid #E3E3E3; border-radius:50%; position:relative; margin:10px; cursor:pointer;}
.sec1dots li:before{content:""; position:absolute; left:-12px; top:-12px; width:30px; height:30px; border-radius:50%; border:3px solid #20B386; opacity:0; transition:.3s ease-in-out;}
.sec1dots .active{background-color:#20B386; border-color:#20B386;}
.sec1dots .active:before{opacity:.2;}
.sec1dots li svg{position:absolute; left:-13px; top:-13px; transform:rotate(-90deg);}
.svgcircle{stroke:#fff; fill:transparent; stroke-dasharray:102px; stroke-dashoffset:0;}
.sec1dots .active .svgcircle{stroke:#20B386; stroke-dashoffset:102px; animation:svgan 8s linear 1 forwards; -webkit-animation:svgan 8s linear 1 forwards; -moz-animation:svgan 8s linear 1 forwards;}
@keyframes svgan {
	to {stroke-dashoffset:0;}
}
@-webkit-keyframes svgan {
	to {stroke-dashoffset:0;}
}
@-moz-keyframes svgan {
	to {stroke-dashoffset:0;}
}

.sec2{padding:110px 0; background-color:#F8F8F8;}
.sec2 h2{margin-bottom:60px; }
.sec2tab{display:inline-block; vertical-align:top;}
.whiteblock{width:470px; height:200px; position:absolute; left:0; top:0; z-index:0; background-color:#fff; border-radius:20px; transition:.3s ease-in-out;}
.sec2tab li{font-size:30px; color:#b1b1b1; font-weight:bold; font-family:Helvetica, sans-serif; width:432px; margin-bottom:36px; padding:37px 0 29px 38px; text-align:left; cursor:pointer; position:relative; z-index:1; transition:.5s ease-in-out;}
.sec2tab li:before{content:""; display:block; width:80px; height:80px; margin-bottom:20px; transition:.5s ease-in-out; background:url(https://imobie-resource.com/fr/anydroid/img/index_icons2.png) no-repeat; background-size:cover;}
.sec2tab li:nth-of-type(2):before{background-position-x:-80px}
.sec2tab li:nth-of-type(3):before{background-position-x:-160px}
.sec2tab .active{color:#333; /*background-color:#fff; border-radius:20px;*/}
.sec2tab .active:before{background:url(https://imobie-resource.com/fr/anydroid/img/index_icons1.png) no-repeat; background-size:cover;}
.sec2text{width:890px; display:inline-block; margin-left:40px; height:714px;}
.sec2text li{transition:z-index 1s ease-in-out, opacity .8s ease-in-out; opacity:0; z-index:0; position:absolute; left:0; top:0;}
.sec2text .active{opacity:1; z-index:1;}
.sec2text div{background:#2B6654; border-radius:20px; margin-top:-20px; padding:18px 20px; text-align:left; position:relative;}
.sec2text p{font-size:16px; line-height:1.6; color:#fff; width:550px; display:inline-block; vertical-align:middle;}
.sec2text a{display:inline-block; vertical-align:middle; margin-left:17px; width:280px; line-height:69px; color:#fff; font-size:18px; text-align:center; border-radius: 10px; text-decoration:none; transition:.3s ease-in-out;}
.sec2text .btn_android:before{display:none;}
.sec2text .btn_android:after{content: "\e902"; font-family:iconfont; margin-left:6px; font-size:inherit;}
.sec2text .btn_android:hover{background: linear-gradient(to right,#575757,#303030);}

.sec3 h2{display:inline-block; vertical-align:top; text-align:left; font-size:50px; width:530px; padding:31px 0 0 56px; margin-right:63px; background:url(https://imobie-resource.com/fr/anydroid/img/index_circle.png) left top no-repeat;}
.sec3 p{display:inline-block; vertical-align:top; width:140px; font-size:24px; font-weight:bold; line-height:1; margin:20px 10px; /*transform-style:preserve-3d;*/}
.sec3 p img{margin-bottom:15px; display:inline-block; transition:.2s ease-in-out;}
.sec3 p:hover img{transform:rotate3d(1,1,0,15deg);}

.sec4{background:#F8F8F8; border-radius:50px; padding:30px 0;}
.sec4cmt{height:150px;}
.sec4cmt li{position:absolute; top:0; left:0; right:0; margin:0 auto; opacity:0; transition:.5s ease-in-out;}
.sec4cmt .active{opacity:1;} 
.sec4cmt div{display:inline-block; vertical-align:middle; text-align:left; margin-right:50px; border-right:1px dashed #000000;}
.sec4cmt img{vertical-align:middle;}
.sec4cmt b{font-size:24px; font-weight:bold; margin-left:20px; width:236px; display:inline-block; vertical-align:middle;}
.sec4cmt b img{display:block; margin-top:15px;}
.sec4cmt p{display:inline-block; vertical-align:middle; font-size:26px; font-weight:bold; color:#666; width:700px; text-align:left;}
.sec4dots li{display:inline-block; width:12px; height:12px; border:2px solid #E3E3E3; border-radius:50%; margin:7px; cursor:pointer;}
.sec4dots .active{background-color:#20B386; border-color:#20B386;}

.sec5{height:766px; background:url(https://imobie-resource.com/fr/anydroid/img/index_green.jpg) #2B6654 top center no-repeat; background-size:cover;}
.steps{width:510px; margin-top:150px;}
.steps li{padding:0 0 30px 24px; border-left:2px dashed #9AD5D1; cursor:pointer;}
.steps li:last-child{padding-bottom:0; border:0; margin-left:2px;}
.steps b{font-size:24px; color:#BFD1CB; font-weight:bold; top:-8px; position:relative;transition:.3s ease-in-out;}
.steps b:before{content:""; position:absolute; left:-30px; top:8px; width:10px; height:10px; background-color:#BFD1CB; border-radius:50%; z-index:1; transition:.3s ease-in-out;}
.steps b:after{content:""; position:absolute; transform:scale(.5); left:-35px; top:3px; width:18px; height:18px; background-color:#fff; border-radius:50%; z-index:0; border:1px solid #fff; transition:.3s ease-in-out;}
.steps p{font-size:20px; color:#BFD1CB; margin-top:5px; min-height:44px; transition:.3s ease-in-out;}
.steps .active,.steps .act{border-left:2px solid #20B386;}
.steps .active b{color:#20B386;}
.steps .active b:before{background-color:#26b8a7;}
.steps .active b:after{transform:scale(1)}
.steps .active p{color:#fff;}
.stepimg{width:716px; height:429px; margin-top:200px; border-radius:10px;}
.stepimg li{opacity:0; transition:.3s ease-in-out; position:absolute; left:0; top:0; box-shadow:0px 4px 40px rgba(0, 0, 0, 0.25);}
.stepimg .active{opacity:1;}

.sec6 div{min-height:364px; padding:40px; background:#F8F8F8; border-radius:50px;}
.sec6 h3{font-size:28px; margin-bottom:30px;}
.links1{width:740px;}
.links1 a{display:block; font-size:18px; margin-top:15px; padding-left:18px; color:#333; text-decoration:none; position:relative;}
.links1 a:hover{color:#20B386;}
.links1 a:before{content:""; position:absolute; left:0; top:8px; width:10px; height:10px; border-radius:50%; background-color:#20B386;}
.links1 a:after{content:" >";}
.links2{width:460px;}
.links2 a{display:inline-block; margin:10px; font-size:18px; color:#fff; line-height:50px; padding:0 27px; border-radius:25px; background-color:#20B386; text-decoration:none;}
.links2 a:hover{background-color:#27c998;}

.sec7{background-color:#F8F8F8; border-radius:50px; padding:70px 0;}
.sec7 ul{text-align:left;}
.sec7 li{border:2px solid #E8E8E8; border-radius:50px; margin-top:20px; padding:20px 30px 5px; transition:.2s ease-in-out;}
.sec7 li:hover{border-color:#20B386;}
.sec7 li:hover h3{color:#1B9A73;}
.sec7 div{display:none; }
.sec7 h3{font-size:18px; margin-bottom:15px; position:relative; cursor:pointer;}
.sec7 h3:after{content:"\e814"; font-family:iconfont; position:absolute; font-weight:bold; top:2px; right:0; transition:.2s ease-in-out;}
.sec7 p{font-size:16px; margin-bottom:10px; line-height:1.6;}
.sec7 p:last-child{margin-bottom:15px;}
.sec7 .active{border-color:#20B386;}
.sec7 .active h3{color:#1B9A73;}
.sec7 .active h3:after{transform:rotate(45deg);}

.recom {margin:60px auto;}
.recom div{display:inline-block; vertical-align:top; margin:20px; width:400px; padding:50px 20px; background:#F8F8F8; border-radius:50px;}
.recom h3{font-size:32px; font-weight:bold; font-family:Helvetica, sans-serif; margin-top:20px;}
.recom h3 a{font:inherit; color:inherit; text-decoration:none;}
.recom p{font-size:16px; line-height:1.7; margin-top:10px; min-height:107px;}
.recom a{display:block; width:230px; line-height:56px; color:#fff; font-size:18px; border-radius:10px; margin:30px auto 0; text-decoration:none; transition:.3s ease-in-out;}
.recom a:after{font-size:20px;}

.pro_item{ padding: 100px 0; }
.dft_pw .pro_item1_main .dft_link{ font-size: 18px;}

.banner_text .comttext{margin-top:20px;}
.banner_text .comttext img{margin-right:8px}
.banner_text .comttext a{font-size:18px; color:#000;}
.pro_bottom{ padding: 90px 0 99px 0; background: url(https://imobie-resource.com/fr/anydroid/img/index_bottom.jpg) #2B6654 center no-repeat; background-size: cover;}
.pro_bottom p{ max-width: 680px; margin: 20px auto 10px; font-size: 18px; line-height: 1.7; color:#fff;}
.pro_bottom_btns .dft_btn{ width: 310px; height: 70px; display: inline-block; font-size: 18px; line-height: 70px; border-radius: 10px; transition:.3s ease-in-out;}
.btn_android:after{ margin-left: 10px; font-family: 'pricon'; vertical-align: middle; font-size:32px;}
.btn_android:after{content: "\eac0";}
.dft_btn_web img{ margin-left: 10px;}
.btn_android{ background-color: #454444; background: linear-gradient(to right,#303030,#575757);}
.dft_btn_web{ background-color: #2c77e2; background: linear-gradient(to right,#235fb6,#3387ff);}
.dft_btn_web:hover{ background: linear-gradient(to left,#235fb6,#3387ff);}

.bottom_android{width: 310px; display: inline-block; cursor: pointer; margin-right:25px; text-align: center; position: relative;}
.android_qr{ padding: 20px 0; position: absolute; top: -220px; left: 0; right: 0; margin: 0 auto; border-radius: 5px; filter: drop-shadow(0 8px 18px rgba(0,0,0,.1)); box-shadow: 0 8px 30px rgba(0,0,0,.1); background-color: #fff; z-index: -1; opacity: 0; transition: all 0.5s ease-in-out; transform: scale(0.95);}
.android_qr:after{ content: ""; width: 0; height: 0; display: block; border: 18px solid transparent; border-top-color: #fff; position: absolute; left: 0; right: 0; bottom: -32px; margin: 0 auto;}
.android_qr span{ display: block; margin-bottom: 10px; font-size: 14px;}
.bottom_android:hover .android_qr{ transform: scale(1); opacity: 1; z-index: 2;}


@media screen and (max-width: 1680px){
	.banvd{left:680px;}
	.sec6 div{padding:30px 20px;}
}
@media screen and (max-width: 1440px){
	.dft_pw{width:94%;}
	.banner_text{width:550px;}
	.banner_text h1{font-size:40px;}
	.banner_text li{font-size:16px; padding-left:25px; text-align:left;}
	.banvd{left:560px; padding:0 30px 40px 0; background-size:80%;}
	.banvd div{width:700px; height:394px;}
	.sec1text{margin-left:40px;}
	.sec1img{width:700px; height:416px;}
	.sec2tab li{width:300px; padding-left:20px; font-size:24px;}
	.whiteblock{width:320px;}
	.sec2text{margin-left:20px;}
	.sec3{margin-top:0;}
	.sec3 h2{width:auto; margin:40px auto; text-align:center;}
	.sec3 br{display:block;}
	.steps li{padding-bottom:20px;}
	.steps p{min-height:auto;}
	.stepimg{max-width:716px; width:calc(100% - 520px);}
	.links1{width:calc(98% - 530px); max-width:740px;}
	.links2{width:440px;}
	.links2 a{font-size:16px;}
}
@media screen and (max-width: 1280px){
	.sec1text{margin-left:20px;}
	.sec1img{width:480px; height:285px;}
	.sec1text{height:280px;}
	.sec1text p{font-size:18px; margin-top:10px;}
	.sec2tab{display:none;}
	.sec2 h2{margin-bottom:0;}
	.sec2text{margin-left:auto; width:94%; max-width:890px; height:auto;}
	.sec2text li{position:static; opacity:1; z-index:0; margin-top:40px;}
	.sec2text p{width:calc(100% - 310px);}
	.sec4cmt div{margin-right:30px;}
	.sec4cmt b{width:160px; font-size:20px;}
	.sec4cmt p{font-size:20px; width:calc(96% - 310px)}
	.links1 a{font-size:16px;}
	.sec7 li{padding:20px 40px 5px 20px;}
	.sec7 h3:after{right:-20px; top:calc(50% - 9px);}
}


@media screen and (max-width: 1000px){
	.pro_bottom_btns .dft_btn,.bottom_android{display: block; margin: 10px auto;}
	.sec5{height:auto; background:#2B6654; overflow:hidden;}
	.sec5 h2{text-align:center;}
	.steps{width:100%; margin-top:40px; float:none;}
	.steps ul{margin-top:30px;}
	.steps b{font-size:18px;}
	.steps p{font-size:16px;}
	.stepimg{width:100%; height:auto; padding-bottom:60%; float:none; margin:40px auto;}
	.sec6{margin-top:0;}
	.sec6 div{width:calc(100% - 40px); max-width:none; min-height:auto;margin-top:30px;}
	.sec6 h3{text-align:center;}
}

@media screen and (max-width: 980px){
	.ft18,.sec1text p,.sec1text a span{font-size:16px;}
	.banner{ height: auto;}
	.banner_cont{ margin: 30px auto;}
	.banner_text{ width:90%; margin: 0 auto; text-align: center;}
	.banvd{ display: none;}
	.pro_item { padding: 40px 0;}
	.pro_item .pro_item_text{ max-width: 90%;}
	.sec h2,.sec1text h3,.ft32{font-size:30px; padding:0 3%;}
	.sec1{border-top-left-radius:50px; padding:40px 0;}
	.sec1>p{margin:20px auto; padding:0 3%;}
	.sec1img{display:block;margin:30px auto;}
	.sec1text{display:block;margin:30px auto; text-align:center;}
	.sec1dots{margin-top:0;}
	.sec2{padding:40px 0; margin-top:0;}
	.sec3 h2{padding:31px 0 0 36px; background-size:contain;}
	.sec3 p{width:100px; font-size:20px;}
	.links2 a{line-height:1; padding:10px 18px; margin:5px;}
	.sec7{margin-top:30px; padding:40px 0;}
	.faqlist{margin-top:30px;}
	.pro_bottom {background:#2B6654;}
}

@media screen and (max-width: 680px){
	.banner_text a{ width: 90%; max-width: 400px;}
	.banner_text h1,.sec h2,.sec1text h3,.ft32,.sec6 h3,.recom h3{ font-size:24px;}
	.sec2text p{width:100%;}
	.sec2text a{display:block; margin:20px auto;}
	.sec3 p{width:60px; font-size:12px; margin:10px 5px;}
	.sec4{margin-top:40px;}
	.sec4cmt {margin-top:20px;}
	.sec4cmt div{margin-right:auto; border-right:none;}
	.sec4cmt p{width:94%; text-align:center; margin-top:20px; font-size:14px;}
	.sec4cmt img{width:60px;}
	.sec4cmt b{font-size:16px;}
	.sec4cmt b img{margin-top:10px;}
	.sec1img{width:94%; max-width:480px; height:auto;padding-bottom:56%;}
	.sec1text{width:94%; max-width:480px;}
}
@media screen and (max-width: 568px){
	.banner_text h1{ font-size:30px;}
	.pro_item h2{ font-size: 26px; padding: 0 10px;}
	.pro_item_text>p, .pro_item2_cont p, .pro_bottom p,.pro_item4 .pro_item_text p{ font-size: 16px;}
	
	.android_mobile_cont{ max-width: 270px; display: block; margin: 20px auto; text-align: left;}
	.banner_text .android_mobile_cont a{ width: 100%;}
	.pro_bottom .android_mobile_cont{ margin: 20px auto;}
	.recom div{width:calc(94% - 40px); max-width:400px; padding:20px; margin:10px auto;}
	.recom a{margin-top:20px;}
}



@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

}