.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.3);}
.dft_pw .dft_btn:hover{text-decoration: none;}


.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;}
.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; font-weight: bold; color: #fff;}
.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;}
.android_mobile_cont>a.atmdl{ background:#303030; line-height:60px; text-align:center; font-size:18px; color:#fff;}



.banner{ height: 600px; background:#494b46 url("https://imobie-resource.com/es/anytrans/img/ataidx_banner_bg.jpg") center no-repeat; background-size: cover; overflow: hidden;}
.banner_cont{margin: 100px auto; position: relative;}
.banner_text{ max-width: 600px;}
.banner_text li{ padding-left: 35px; margin-top: 15px; font-size:16px; color: #fff; color: rgb(255,255,255,0.7); background: url("https://imobie-resource.com/es/anytrans/img/ataidx_list_icon.png") no-repeat; background-size: 18px;}
.banner_img{position: absolute; left: 50%; top: 0;}
.banner_text p{margin-top: 15px; font-size:18px; color: #fff; line-height: 1.5;}

.banner_text .comttext{margin-top:20px;}
.banner_text .comttext img{margin-right:8px}
.banner_text .comttext a{color:#fff; opacity:.8;}

.btn_dl{ background-color: #31bd86; background:linear-gradient(to right, #02a286,#65db87);}
.btn_dl:before,.atmdl:before{ content: "\e801"; font-family:"iconfont"; font-size: 30px; margin-right: 5px; vertical-align: middle;}
.banner_btn_buy{ background-color: #ff9731; background: linear-gradient(to right,#ff8c1c,#ffb15e);}
.banner_btn_buy:before{ content: "\e815"; font-family: "iconfont"; font-size: 30px; margin-right: 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: 230px; height: 68px; line-height: 68px; font-size:22px;}
.mobile_hide .dft_btn{ margin: 40px 30px 0 0; }

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

.pro_item{ padding: 100px 0; }
.pro_item1 .pro_item_text>p{ color: #333;}
.pro_item1{background-color: #ebebeb; overflow: hidden;}
.pro_item1 .pro_item_text{ max-width:910px; margin: 0 auto; color: #999;}
.pro_item1 .pro_item_text h2{ max-width:710px; font-weight:bold; margin:0 auto;}
.pro_item1_main>a{ width: 31%; display: inline-block; vertical-align: top; background-color: #4b4b4b; overflow: hidden;}
.pro_item1_main>a figure{ max-height: 219px; overflow: hidden;}
.pro_item1_main>a img{ transition: all 0.5s ease-in-out;}
.pro_item1_main>a:hover{ text-decoration: none;}
.pro_item1_main>a:nth-of-type(2){ margin: 0 2%;}
.pro_item1_main>a:hover img{ transform: scale(1.1); }
.pro_item1_main>a:hover .dft_link:after{ transform: scale(1);}
.item1_main_text{ border-top: 5px solid #32af2e; padding: 30px 30px 40px 30px; overflow: hidden; text-align: center;}
.pro_item1_main>a b{color: #fff; font-size: 20px; font-weight: bold;}
.pro_item1_main>a p{ margin:20px 0; color: #fff; opacity: 0.7; font-size: 16px; line-height: 1.7;}
.dft_pw .pro_item1_main .dft_link{ font-size: 18px;}


.pro_item2{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_tem2_bg.jpg") repeat;}
.pro_item2_main{ box-shadow: 0 0 35px rgba(0,0,0,0.2); position: relative;}
.pro_item2_nav { width: 240px; height: 490px; display: inline-block; vertical-align: top; border-right: 1px dotted #d7d7d7; text-align: center; z-index: 3; position: relative; background-color: #fff;}
.pro_item2_nav span{ display: block; font-size: 18px; color: #666;}
.pro_item2_nav p{ padding: 20px 15px; position: relative;}
.pro_item2_nav p:after{content: ""; width: 0; height: 0; display: block; border: 15px solid transparent; overflow: hidden; position: absolute; top: 0; bottom: 0; right: -30px; margin: auto;}
.pro_item2_nav i{ width: 54px; height: 54px; display: block; margin:0 auto 20px auto ; overflow: hidden; border:}
.pro_item2_icon1{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_img1.png") no-repeat;}
.pro_item2_icon2{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_img2.png") no-repeat;}
.pro_item2_icon3{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_img3.png") no-repeat;}

.pro_item2_block2{ border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;}
.item2_active span{color: #fff;}
.item2_active  i{ background-position: 0 -54px; transition: all 0.3s ease-in-out;}
.item2_active .pro_item2_block1{ background-color:#33be86; background: linear-gradient(to right, #02a286,#61da87);}
.item2_active .pro_item2_block2{ background-color:#40acff; background: linear-gradient(to right, #3387ff,#51d7ff);}
.item2_active .pro_item2_block3{ background-color:#424243; background: linear-gradient(to right, #303031,#424243);}
.item2_active .pro_item2_block1:after{ border-left-color:#61da87;}
.item2_active .pro_item2_block2:after{ border-left-color:#51d7ff;}
.item2_active .pro_item2_block3:after{ border-left-color:#424243;}


/*.item2_nav_bg{ transition: all 0.3s ease-in-out;}
.item2_nav_bg:after{content: ""; width: 0; height: 0; display: block; border: 15px solid transparent; overflow: hidden; position: absolute; top: 0; bottom: 0; right: -30px; margin: auto;}

.item2_nav_bg1{width: 240px; height: 162px; position: absolute; top: 0; left: 0; background-color:#33be86; background: linear-gradient(to right, #02a286,#61da87);}
.item2_nav_bg2{width: 240px; height: 162px; position: absolute; top: 0; left: 0; background-color:#40acff; background: linear-gradient(to right, #3387ff,#51d7ff);}
.item2_nav_bg3{width: 240px; height: 162px; position: absolute; top: 0; left: 0; background-color:#424243; background: linear-gradient(to right, #303031,#424243);}

.item2_nav_bg1:after{ border-left-color:#61da87;}
.item2_nav_bg2:after{ border-left-color:#51d7ff;}
.item2_nav_bg3:after{ border-left-color:#424243;}*/



.pro_item2_cont{ width:955px; height: 490px; display: inline-block; vertical-align: top; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.5s ease-in-out;}
.pro_item2_cont>div{ width:875px; height: 410px; padding:50px 40px; position:absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease-in-out;}
.pro_item2_cont figure{ display: none;}
.pro_item2_cont h3{ max-width: 460px; font-size: 24px; color: #4c4c4c; font-weight: bold; transform: translateY(30px); opacity: 0;}
.pro_item2_cont p{ max-width: 460px; transform: translateY(30px); opacity: 0;}
.pro_item2_cont a{height: 56px; display: inline-block; padding:0 20px; margin-top: 30px; line-height: 56px; font-size: 18px; text-align: center; transform: translateY(30px); opacity: 0; background-color: #fff;}
.pro_item2_cont a:after{ content: "\e902"; font-family: "iconfont"; margin-left: 5px; vertical-align: middle; transition: all 0.5s ease-in-out; display: inline-block;}
.pro_item2_cont a:hover{ text-decoration: none;}
.pro_item2_cont a:hover:after{ transform: translateX(10px);}

.item2_cont_block1 a{ border:2px solid #2dbb86; color: #2dbb86;}
.item2_cont_block2 a{ border:2px solid #3996ff; color: #3996ff;}
.item2_cont_block3 a{ border:2px solid #343435; color: #343435;}

.pro_item2_cont .item2_active{ z-index: 2; opacity: 1;}
.item2_active h3{ transform: translateY(0); opacity: 1; transition: all 0.5s ease-in-out;}
.item2_active p{ transform: translateY(0); opacity: 1; transition: all 0.5s 0.2s ease-in-out;}
.item2_active a{ transform: translateY(0); opacity: 1; transition: all 0.5s 0.4s ease-in-out;}


.item2_cont_block1{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_bg1.jpg") bottom right no-repeat; background-size: cover;}
.item2_cont_block2{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_bg2.jpg") bottom right no-repeat; background-size: cover;}
.item2_cont_block3{ background: url("https://imobie-resource.com/es/anytrans/img/ataidx_item2_bg3.jpg") bottom right no-repeat; background-size: cover;}


.pro_item3{ background-color: #3c413e;}
.pro_item3 h2{ max-width: 790px; margin: 0 auto 60px auto; color: #fff;}
.pro_item3 h3{margin-top: 30px; font-size: 22px; font-weight: bold;}
.pro_item3 .pro_item_text{ padding:15px 0px 40px 0px; max-width: 48%; background-color: #f5f5f5; overflow: hidden;}
.pro_item3 .pro_item_text p{ margin: 30px 20px;}
.pro_item3 figure{ width: 540px; height: 270px; margin: 0 auto; overflow: hidden;}
.pro_item3 img{transition: all 0.5s ease-in-out;}
.pro_item3 .pro_item_text:hover img{ transform: scale(1.1);}
.pro_item3 a:hover{ text-decoration: none;}
.pro_item3 a:hover .dft_link:after{ transform: scale(1);}




.pro_item4 .pro_item_text{ max-width: 570px; margin: 0 auto;}
.pro_item4 .pro_item_text p{ /*color: #fff; opacity: 0; */font-size: 18px;}
/*.active .pro_item4_text p{ opacity: 0.7;}*/
.pro_item_text a{font-size: inherit;}
.pro_item4_cont>p{ width: 30%; display: inline-block; vertical-align:top; text-align: center;}
.pro_item4_cont i{ display: block; margin-bottom: 10px;}
.pro_item4_cont p:nth-of-type(2){ margin: 0 4%;}
.pro_item4_note span{ width: 95%; margin-left: 5px; font-size: 14px; color: #999; line-height: 1.6;}
.pro_item4_note i{ margin: 5px 5px 0 0;}




.pro_bottom{ padding: 60px 0 100px 0; background: url("https://imobie-resource.com/es/anytrans/img/ataidx_bottom_bg.jpg") center no-repeat; background-size: cover;}
.pro_bottom p{ max-width: 680px; margin: 20px auto 40px auto;}
.pro_bottom_btns .dft_btn{ width: 310px; height: 70px; display: inline-block; font-size: 18px; line-height: 70px;}
.btn_android:before{ margin-right: 10px; font-family: 'pricon'; vertical-align: middle; font-size:32px;}
.btn_android:before{content: "\eac0";}
.dft_btn_web img{ margin-right: 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: -250px; 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;}
.pro_bottom_btns{ margin-top:40px;}
.pro_bottom_btns .dft_btn{ margin:0 15px 0 0;}

@media screen and (max-width: 1200px){
	.banner_text{ margin-left: 30px;}
	.banner_img {top: 90px;left: 55%;}
	.banner_img img{width: 560px;}
	
	.pro_item2_nav{ display: none;}
	.pro_item2_cont{ width: 100%; height: auto; position: relative;}
	.pro_item2_cont>div{ width: 100%; height: auto; position: relative; opacity: 1; z-index: auto;}
	.item2_cont_block2{ margin: 30px auto;}
	.pro_item2_cont h3,.pro_item2_cont p,.pro_item2_cont a{  opacity: 1; transform: none;}
	.pro_item2_cont h3,.pro_item2_cont p{ max-width: 60%;}
	
	.pro_item4{ text-align: center;}
	.pro_item4 figure { max-width: 46%;}
	.pro_item4 .pro_item_text{ max-width: 50%; margin-right: 30px;}
	.pro_item4 figure img { width: 100%; display: block;}
}


@media screen and (max-width: 1000px){
	.pro_bottom_btns .dft_btn,.bottom_android{display: block; margin: 10px auto;}
}

@media screen and (max-width: 980px){
	.banner{ height: auto;}
	.banner_cont{ margin: 30px auto;}
	.banner_text{ width:90%; margin: 0 auto; text-align: center;}
	.banner_img{ display: none;}
	.pro_item { padding: 40px 0;}
	.pro_item3{ background:none;}
	.pro_item3 h2{ color:#333;}
	.pro_item .pro_item_text{ max-width: 90%;}
	
	.pro_item2_main{margin-top: 40px;}
	.pro_item2_cont figure img{width: 100%; max-width: 400px; height: auto; }
	.pro_item4 figure{ display: none;}
	.pro_item4_note{ width: 90%; margin: 40px auto;}
	.pro_item4_note span{ width: 90%;}
	.pro_item4 .pro_item_text{ margin: 0 auto; float: none;}
	
	.pro_item3 .pro_item_text{ width: 100%; max-width: 100%; float: none; padding: 0; background:none;}
	.pro_item3 h2{ margin-bottom: 0; padding: 0 20px;}
	.pro_item3 h3{ margin-bottom: 0; padding: 0 20px;}
	.pro_item3 .pro_item_text p,.pro_bottom p{ padding: 0 20px;}
	.pro_item3_block1{ margin-top: 20px;}
	.pro_item3 .pro_item_text figure{ margin-top: 30px;}
	.pro_item h2{ font-size: 34px;}	
	.pro_item3 figure,.pro_item2_cont figure{ width: 100%; height: auto;}
	.pro_item3 figure img{ width: 100%; max-width: 540px; height: auto;}
	.pro_bottom { background: none; border-top: 1px solid #ebebeb;}
	.android_btn_mobile b{ text-align:center; font-weight:normal;}
	
}

@media screen and (max-width: 820px){
	.pro_item2_main{ box-shadow: none;}
	.pro_item2,.pro_item2_cont>div{ background: none;}
	.pro_item2_cont>div{ padding:20px 0;}
	.pro_item2_cont{ text-align: center;}
	.pro_item2_cont h3, .pro_item2_cont p{ max-width: 90%; margin-left:auto; margin-right:auto;}
	.pro_item2_cont figure{ display: block; margin:0 auto 30px auto;}

}


@media screen and (max-width: 680px){
	.banner_text a{ width: 90%; max-width: 400px;}
	.banner_text h1{ font-size:36px;}
	.pro_item1_main>a figure{ display: none;}
	.pro_item1_main>a{ width: 90%; display: block; margin: 20px auto;}
	.pro_item1_main a:nth-child(2){ margin: 20px auto;}
	
	.pro_item2_cont>div{ padding: 30px 0;}
	.pro_item2_cont h3, .pro_item2_cont p{ max-width: 90%; text-align: center; margin-left: auto; margin-right: auto;}
	.pro_item2_cont a{width: 85%; max-width: 320px; display: block; font-size: 14px; padding: 0 10px; margin-left: auto; margin-right: auto;}
	
}
@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;}
	
}



@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) {

}