@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333; overflow-x:hidden;}
.atihome_wrap{ direction:rtl;}
.atihome_wrap h1,.atihome_wrap h2,.atihome_wrap h3,.atihome_wrap h4,.atihome_wrap h5,.atihome_wrap h6,.atihome_wrap dt{ font-family:Helvetica, sans-serif;}

.mt15{ margin-top: 15px;}
.imgwid{ width:100%; display:block;}
a.atihome_link{ font-size:18px; color:#257bff; text-decoration:none; display:inline-block; font-weight:bold;}
.atihome_link:after{ content:"\e902"; transform:rotate(180deg); font-family:iconfont; display:inline-block; margin-right:10px; position:relative; font-size:inherit; vertical-align:middle; color:inherit; transition:transform ease-in-out 0.3s; -webkit-transition:transform ease-in-out 0.3s; -moz-transition:transform ease-in-out 0.3s; -o-transition:transform ease-in-out 0.3s; -ms-transition:transform ease-in-out 0.3s;}
.atihome_link:hover:after{ transform:rotate(180deg) translateX(5px);}
.atihome_sec h2{ font-size:44px; font-weight:bold;}
.atihome_sec p{ font-size:18px; color:#333; line-height:1.7;}
.def_effect{ transform: translateY(50px); opacity: 0;}
.current .def_effect{transform: translateY(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;}

/*banner*/
.atihome_banner{ width:100%; min-height:779px; overflow:hidden; background:url(https://imobie-resource.com/en/anytrans/img/atidxn_banbg.jpg) #373838 top center no-repeat; background-size:cover;}
.atihome_bantext{ width:678px; margin:150px auto 0;}
.atihome_bantext h1{ font-size:54px; color:#fff; margin:30px auto 0; font-weight:bold; max-width:560px; position:relative;}
.atihome_bantext h1 img{top:-35px; right:-90px;}
.atihome_bantext h3{ font-size:44px; color:#fff; font-weight:bold; display:inline-block; vertical-align:middle;}
.atihome_bantext h3 img{ display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;}
.atihome_bantext .atihome_bantextp{ font-size:18px; color:#d9d9d9; margin-top:20px; line-height:1.8;}
.atiidxn_banimg{ left:0; right:0; margin:auto; top:30px; z-index:3; transform:translateX(540px);}
.atiidxn_banico2{ left:0; bottom:0; z-index:3;}

.atihome_btn p{ display:inline-block; vertical-align:top;}
.atihome_btn p em{ font-size:14px; color:#d9d9d9; display:block; margin-top:18px; text-align:center;}
.atihome_btn p del{ text-decoration:none;}

.atihome_btn a{  border-radius:5px; position:relative; display:inline-block; vertical-align:middle; font-weight:bold; text-align:center; text-decoration:none; transition:transform 0.3s linear; -webkit-transition:transform 0.3s linear; -moz-transition:transform 0.3s linear; -ms-transition:transform 0.3s linear; -o-transition:transform 0.3s linear;}
.atihome_btn a:hover{ transform:translateY(-5px);}
.atihome_btn a.atihome_dlbtn{ width:290px; height:65px; line-height:65px; font-size:22px; color:#fff; background-color:#257bff; margin:20px 0 0 0;}
.dlbtnp{ margin-left:30px;}
.atihome_btn a.atihome_buybtn{ width:240px; height:61px; line-height:61px; border:2px solid #fff; font-size:20px; color:#fff; margin:20px 0 0 0; }
.atihome_dlbtn,.atihome_buybtn{ position:relative;}
.atihome_dlbtn:after{content:"\e921"; font-family:iconfont; display:inline-block; margin-right:15px; position:relative; vertical-align:middle; color:inherit; font-size:32px; font-weight:normal;}
.atihome_buybtn:after{content:"\e922"; font-family:iconfont; display:inline-block; margin-right:15px; position:relative; vertical-align:middle; color:inherit; font-size:32px; font-weight:normal;}

.atihome_bantext .adlink{color:#b3b3b3; margin-top:26px; font-size:18px; text-decoration:underline;}
.adlink:after{content: "\e902"; font-family: iconfont; display: inline-block; transform:rotate(180deg) translateX(0); margin-right:10px; vertical-align:middle; transition:.3s;}
.adlink:hover:after{transform:rotate(180deg) translateX(3px); -webkit-transform:rotate(180deg) translateX(3px); -moz-transform:rotate(180deg) translateX(3px); -ms-transform:rotate(180deg) translateX(3px); -o-transform:rotate(180deg) translateX(3px);}
.atihome_banmedia{padding:23px 0; background:#000; font-size:22px; font-weight:bold; color:#fff; line-height:57px; opacity:.2; margin-top:20px;}
.atihome_banmedia img{margin-right:36px; max-width:80%;}

.atihome_sec1{ max-width:1200px; margin:100px auto 0;}
.atihome_sec1 h2{width:415px; height:244px; float:left; line-height:1.2; padding:50px 0 0 5px; margin-right:50px; background:url(https://imobie-resource.com/ar/anytrans/img/atidxn_hex3.png) top right no-repeat; background-size:260px 294px;}
.atihome_sec1 div{ width:260px; height:294px; text-align:center; float:left; margin-right:50px; position:relative; background:url(https://imobie-resource.com/ar/anytrans/img/atidxn_hex1.png) center no-repeat; background-size:cover;}
.atihome_sec1_btm{margin-top:-40px;}
.atihome_sec1 .atihome_sec1_last{margin-right:0;}
.atihome_sec1 div img{margin-top:69px;}
.atihome_sec1 div h4{ font-size:22px; color:#333; font-weight:bold; margin-top:20px;}
.atihome_sec1 div h4 span{font-size:inherit; font-weight:bold;}
.atihome_sec1 div p span{font-size:inherit; display:block; line-height:inherit; transform:translateY(5px); -webkit-transform:translateY(5px); -moz-transform:translateY(5px); -ms-transform:translateY(5px); -o-transform:translateY(5px); transition:.3s;}
.atihome_sec1 div p{ font-size:18px; color:#333; line-height:1.7; position:absolute; top:0; right:0; left:0; right:0; margin:auto; width:260px; background:url(https://imobie-resource.com/ar/anytrans/img/atidxn_hex2.png) center no-repeat; background-size:cover; width:calc(100% - 20px); height:214px; padding:80px 10px 0; opacity:0; transition:opacity .39s;}
.atihome_sec1 div:hover p{opacity:1;}
.atihome_sec1 div:hover p span{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
.atihome_sec1 div:hover{background:none;}


.atihome_sec2{ margin-top: 100px; background:url(https://imobie-resource.com/ar/anytrans/img/atihome_sec2bg.jpg) #fff top left no-repeat;}
.atihome_sec2 .atihome_sec_tit h2{ font-size:50px;}
.atihome_sec2_cnt{ max-width: 1620px; margin:100px auto 0;}
.takeleft{ width:351px;}
.takemid{ width:560px; margin: 20px 80px 0 100px;}
.takerig{ width:445px;}
.takeleft,.takemid,.takerig{display: inline-block; vertical-align:text-top;}

.atihome_sec2_left,.atihome_sec2_right{ display:none; transition:all linear 0.5s 0.3s; -webkit-transition:all linear 0.5s 0.3s; -moz-transition:all linear 0.5s 0.3s; -o-transition:all linear 0.5s 0.3s; -ms-transition:all linear 0.5s 0.3s;}
.atihome_sec2_right img{ transform:translateY(0);}
.atihome_sec2_left.showed,.atihome_sec2_right.showed{ display:block;}
.atihome_sec2_right.showed img{ animation:imgtrans 0.5s ease-in-out forwards; -webkit-animation:imgtrans 0.5s ease-in-out forwards; -moz-animation:imgtrans 0.5s ease-in-out forwards; -o-animation:imgtrans 0.5s ease-in-out forwards; -ms-animation:imgtrans 0.5s ease-in-out forwards;}
@keyframes imgshow{
	0%{ opacity:0;}
	100%{opacity:1;}
}
@keyframes imgtrans{
	0%{ transform:translateY(50px);}
	100%{transform:translateY(0);}
}
.takeleft{position: -webkit-sticky; position: sticky; top:90px;}
.takerig{position: -webkit-sticky; position: sticky; top:120px;}
.atihome_sec2_mid{width:100%; text-align: center; margin:50px auto 200px; transition:all linear 0.5s; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s; -o-transition:all linear 0.5s; -ms-transition:all linear 0.5s;}
.atihome_sec2_left{ width:100%; height: 701px;  background-size:cover; transition: transform linear 0.8s 0.6s; -webkit-transition: transform linear 0.8s 0.6s; -moz-transition: transform linear 0.8s 0.6s; -o-transition: transform linear 0.8s 0.6s; -ms-transition: transform linear 0.8s 0.6s;}
.atihome_sec2_left>img{ width:313px;  opacity:0; margin: 16px 19px 0 0; }
.atihome_sec2_left.showed>img{ animation:imgshow 0.3s ease-in-out forwards; -webkit-animation:imgshow 0.3s ease-in-out forwards; -moz-animation:imgshow 0.3s ease-in-out forwards; -o-animation:imgshow 0.3s ease-in-out forwards; -ms-animation:imgshow 0.3s ease-in-out forwards;}


.atihome_sec2_area{ margin-top: 120px;}
.atihome_sec2_area h3{ font-size: 44px; margin-top:30px; color: #333333; font-weight: bold;}
.atihome_sec2_right{ width:100%; transition: transform linear 0.8s 0.6s; -webkit-transition: transform linear 0.8s 0.6s; -moz-transition: transform linear 0.8s 0.6s; -o-transition: transform linear 0.8s 0.6s; -ms-transition: transform linear 0.8s 0.6s;}
.atihome_sec2_btn{ position: absolute; bottom: 80px; left: 0; right: 0; margin: auto; z-index: 8; text-align: center; transform: translateX(-50px);}
.atihome_sec2_btn>a{ width: 10px; height: 10px; border-radius: 10px; background: #eaeaea; display: inline-block; vertical-align: middle; margin: 9px;}
.atihome_sec2_btn>a.showed{ width: 18px; background-color: #36afff; background: linear-gradient(to right,#348fff,#72deff);}

.atihome_sec3{ width:100%;}
.atihome_sec3_cnt{ width:1377px; margin:100px auto 0;}
.atihome_sec3_text{ width:550px; float:left;}
.atihome_sec3_text ul li{ width:130px; display:inline-block; vertical-align:top; margin:10px 5px; text-align:center;}
.atihome_sec3_text ul li:nth-child(1){ width:95px;}
.atihome_sec3_text ul li span{ font-size:18px; color:#333333; font-weight:bold; display:block; margin-top:8px; line-height:1.3;}
.atihome_sec3_anima{ width:1005px; height:1174px; background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_sec3bg.jpg) top center no-repeat; background-size:cover; position:absolute; left:0; right:0; margin:auto; transform:translateX(450px); z-index:5;}
.atihome_sec3_anima img{ position: absolute; z-index: 4;}
.atiidxn_mana1{ left: 537px; top: 157px;}
.atiidxn_mana2{ left: 597px; top: 316px;}
.atiidxn_mana3{ left: 328px; top: 273px;}
.atiidxn_mana4{ left: 300px; top: 387px;}
.atihome_sec3_anima img.atiidxn_sec3ip8{ left: 12px; top: 78px; z-index:3;}
.atihome_sec3_anima img.atiidxn_sec3ip11{ left: 101px; top: 467px; z-index:3;}

.atihome_secani .atiidxn_mana1{ left: 537px; top: 157px; animation: mana1 1.2s linear forwards 1.2s; -webkit-animation: mana1 1.2s linear forwards 1.2s; -moz-animation: mana1 1.2s linear forwards 1.2s; -o-animation: mana1 1.2s linear forwards 1.2s; -ms-animation: mana1 1.2s linear forwards 1.2s;}
.atihome_secani .atiidxn_mana2{ left: 597px; top: 316px; animation: mana2 0.8s linear forwards 1s; -webkit-animation: mana2 0.8s linear forwards 1s; -moz-animation: mana2 0.8s linear forwards 1s; -o-animation: mana2 0.8s linear forwards 1s; -ms-animation: mana2 0.8s linear forwards 1s;}
.atihome_secani .atiidxn_mana3{ left: 328px; top: 273px; animation: mana3 1.5s linear forwards 1.1s; -webkit-animation: mana3 1.5s linear forwards 1.1s; -moz-animation: mana3 1.5s linear forwards 1.1s; -o-animation: mana3 1.5s linear forwards 1.1s; -ms-animation: mana3 1.5s linear forwards 1.1s;}
.atihome_secani .atiidxn_mana4{ left: 300px; top: 387px; animation: mana4 0.9s linear forwards 1.3s; -webkit-animation: mana4 0.9s linear forwards 1.3s; -moz-animation: mana4 0.9s linear forwards 1.3s; -o-animation: mana4 0.9s linear forwards 1.3s; -ms-animation: mana4 0.9s linear forwards 1.3s;}
.atiidxn_ctromo,.atiidxn_sec3chage,.atihome_sec3moimg{ display:none;}
@keyframes mana1{
	0%{left: 537px; top: 152px;}
	70%{left:705px; top: 536px;}
	80%{left:705px; top: 536px;}
	100%{left:705px; top: 536px;}
}
@keyframes mana2{
	0%{left: 597px; top: 316px;}
	70%{left:767px; top: 700px;}
	80%{left:767px; top: 700px;}
	100%{left:767px; top: 700px;}
}
@keyframes mana3{
	0%{left: 328px; top: 273px;}
	70%{left:495px; top: 656px;}
	80%{left:495px; top: 656px;}
	100%{left:495px; top: 656px;}
}
@keyframes mana4{
	0%{left: 300px; top: 387px;}
	70%{left:467px; top: 768px;}
	80%{left:467px; top: 768px;}
	100%{left:467px; top: 768px;}
}
.atihome_sec3_vedio{ width: 830px; height: 713px; position: absolute; left:0; right:0; margin:auto; transform:translateX(360px); z-index:5;}
.atihome_sec4{ margin-top: 130px;}
.atihome_sec_tit{ max-width: 850px; width: 92%; margin: 200px auto 0; text-align:center;}
.atihome_sec4_more{ max-width: 1200px; width: 92%; margin: 50px auto 0; position: relative; z-index: 3;}
.atihome_sec4_morcn{ width: 42%;}
.atihome_sec4_morcn h3{ font-size: 30px; color: #000000; font-weight: bold; margin-top: 30px;}
.atihome_sec4_vedio{ position: relative; z-index: 2; width: 100%; height: 929px; margin-top: -300px; background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_sec4bg.jpg) top center no-repeat; background-size:cover;}
.atihome_sec4_comput{ width: 1238px; height: 733px; position: absolute; top: 350px; left: 0; right: 0; margin: auto; z-index: 4; background:url(https://imobie-resource.com/anytrans/img/atiidxn_vediobg.png) top center no-repeat; background-size:cover;}
.atihome_sec4_comput>iframe,.atihome_sec4_comput>img,.atihome_sec4_comput>video{ width:900px; height:563px; position: absolute; left: 3px; right: 0; margin: auto; top:73px; z-index: 5;}
.atihome_sec5{ max-width: 1550px; width: 96%; text-align: center; margin: 150px auto 0;}
.atihome_sec5 ul li{ width: 24%; height: 210px; padding: 36px 3% 40px; display: inline-block; vertical-align: text-top; margin: 40px 1.3% 0; text-align: center; border: 1px solid #eeeeee; border-radius: 10px; position: relative;} 
.atihome_sec5 ul li.atihome_sec5tit{ width: 28%; height: 220px; padding: 55px 1% 11px; background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_sec5img1.png) center center no-repeat; border: none; background-size:233px 222px; text-align: left;}
.atihome_sec5 ul li h4{ font-size: 24px; color: #000000; font-weight: bold; margin-top: 15px;}
.atihome_sec5 ul li p{ margin-top: 15px;}

.atihome_sec5 ul li a{ position: absolute; width: 100%; height: 100%; display: block; z-index: 5; left: 0; top: 0;} 
.atihome_sec5 ul li span{ font-size:16px; color:#257bff; text-decoration:none; display:inline-block; margin-top: 20px; font-weight:bold;}
.atihome_sec5 ul li span:after{ content:"\e902"; font-family:iconfont; display:inline-block; transform:rotate(180deg); margin-right:10px; position:relative; font-size:inherit; vertical-align:middle; color:inherit; transition:transform ease-in-out 0.3s; -webkit-transition:transform ease-in-out 0.3s; -moz-transition:transform ease-in-out 0.3s; -o-transition:transform ease-in-out 0.3s; -ms-transition:transform ease-in-out 0.3s;}
.atihome_sec5 ul li:hover span:after{ transform:rotate(180deg) translateX(5px);}

.atihome_sec6{ margin-top: 134px;}
.atihome_sec6_cnt{ max-width: 1505px; width: 96%; margin: 100px auto 0;}
.atihome_sec6_comment{ width: 50%; height: 430px; background: #f4faff; border-radius: 15px; position: relative; overflow: hidden; text-align: center;}
.atihome_sec6_comment:before{ width: 134px; height: 115px; content: ""; display: block; background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_quo.png) top center no-repeat; background-size:cover; left: 52px; top: 68px; z-index: 2; position: absolute;}
.atihome_comment{ width: 65%; margin: 80px auto 110px;}
.atihome_comment ul li{ max-width: 500px; width:96%; height: 185px; left:0; right:0; opacity: 0; margin:auto; position:absolute; transform:translateX(80px) scale(0.95); -webkit-transform:translateX(80px) scale(0.95); -moz-transform:translateX(80px) scale(0.95); position: absolute;}
.atihome_comment ul li.showed{transform:translateX(0) scale(1); -webkit-transform:translateX(0) scale(1); -moz-transform:translateX(0) scale(1); opacity:1; transition:transform 0.5s ease-in-out; -webkit-transition:transform 0.5s ease-in-out; -moz-transition:transform 0.5s ease-in-out;}
.atihome_comment p{ font-size: 24px; color: #333333; font-weight: bold;}
.atiidxn_sec6media{ margin-top: 35px;}
.atiidxn_sec6media span{ font-size: 18px; color: #999; font-weight: bold; font-style: italic; display: inline-block; vertical-align: middle; margin-right: 20px;}
.atiidxn_sec6media img{display: inline-block; vertical-align: middle;}
.atihome_comment_hd{ position:absolute; bottom:35px; left:0; right:0; margin:auto;}
.atihome_comment_hd a{ width:32px; height:32px; display:inline-block; vertical-align:middle; position:relative; border:1px solid #7a7d7f; font-size:30px; color:#7a7d7f; text-decoration:none; border-radius:32px; margin:25px 12px 0; line-height:26px;}
.atihome_comment_hd a.btngray{ color:#dde2e6; border:1px solid #dde2e6;}
.atihome_comment_hd a:before{font-family:"iconfont"; font-size:20px; color:inherit; position:relative; display:inline-block; vertical-align:middle; font-weight:inherit; content:"\e802"; transform:rotate(180deg);}
.atihome_comment_hd a.comment_btnpre:before{transform:rotate(0);}

.atihome_sec6_person{ width: 41%;} 
.atihome_person{ width: calc(100% - 10px); border: 2px solid #f5f5f5; border-radius: 10px; margin-bottom: 15px; position: relative;}
.atihome_person>img{ position: absolute; left: -55px; top: calc(50% - 55px);}
.atihome_person_des{ width: 77%; margin: 40px 5% 30px 0;}
.atihome_person_des p{ font-size: 18px; color: #333333; margin-top: 20px;}
.atihome_person_des p b{ font-weight: bold; font-size: inherit;}
.atihome_person_star em{ font-size: 16px; margin-left: 30px;}
.atihome_personlink{ margin-left: -55px;}
 
/*sec7*/
.atihome_sec7{ margin-top: 200px;}
.atihome_sec7_cnt{ width:1503px; height:577px; margin:20px auto 0; background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_probg.jpg) #656565 top center no-repeat; background-size:cover; overflow:hidden; border-radius: 15px;}
.atihome_sec7_img{ margin: 50px 0 0 55px; border-radius: 10px;}
.atihome_sec7_img img{ border-radius: 10px;}
.atihome_sec7_text{ width:500px; margin:120px 80px 0 0;}
.atihome_sec7_text .atihome_btn a.atihome_dlbtn{ width:210px; height:60px; line-height:60px; font-size:18px; margin:15px 0 0 14px;}
.atihome_sec7_text .atihome_btn a.atihome_buybtn{ width:210px; height:56px; line-height:56px; font-size:20px; border-color: #fff; color: #fff; margin:15px 0 0 0;}
.atihome_sec7_text p{ color: #fff;}
.atihome_rated p{ color:#ffffff; font-size:14px;}
.atihome_rated p span{ font-size:12px; color:inherit;}
.atihome_ratednum{ display:inline-block; vertical-align:middle; padding:0 12px 0 56px; border-right:1px solid #dcd7de; border-left:1px solid #dcd7de;}
.atihome_ratednum p b{ letter-spacing:3px; color:inherit;}
.atihome_ratedrev{ padding-right:12px; display:inline-block; vertical-align:middle; text-align:right;}
.atihome_ratedrev a{color:inherit; font-weight:bold;}

 .auidx_vedio_btn{ font-size:16px; color:#b3b3b3; text-decoration:none; margin-top:25px; display:block;}
 .auidx_vedio_btn img{ vertical-align:middle; margin-left:10px;}
 .auidx_vedio_btn b{ font-size:inherit; font-weight:bold; color:#b3b3b3; vertical-align:middle; border-bottom:1px solid #fff; transition:transform ease-in-out 0.3s; display:inline-block; }
 .auidx_vedio_btn:hover b{transform:translateX(-5px);}
.auidx_vedio{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; display:none;}
.auidx_vedio_bg{width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; background:rgba(0,0,0,0.6);}
.auidx_iframe{width: 90%; max-width: 1140px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:22; background:#fff;}
.auidx_iframe img{vertical-align: bottom;width: 100%;max-width: 1140px;opacity: 0;pointer-events: none;}
.auidx_iframe iframe{width:100%; height:100%; position:absolute;left: 0;top: 0;}
.auidx_close{ font-size:46px; color:#fff; top:-60px; left:-60px; z-index:12; cursor:pointer; position:absolute;}


/* 2021/08/31  Increase article recommendation section  */
.ata_more{max-width: 1500px;margin: 100px auto -20px;height: 250px;overflow: hidden;width: 96%;border: 1px solid #f3f3f3;border-radius: 15px;padding-bottom: 40px; text-align: right;}
.ata_more_left{width: 100%}
.ata_more_right{width: 39%}
.ata_more_left>p,.ata_more_right>p{font-weight: bold}
.ata_more_left,.ata_more_right{display: inline-block;position: relative;overflow: hidden;vertical-align: top}
.ata_more_title,.pra_more_left>ul{font-size: 24px;margin: 40px 0 0 35px}
.ata_more_title>a,.pra_more_left>ul>a{font-size: 24px;color: #333;font-weight: bold;text-decoration: none}
.ata_more_title>span {font-size: 24px;color: #333;font-weight: bold;text-decoration: none}
.ata_more_left>ul{margin: 20px 0 0 35px}
.ata_more_title>img{vertical-align: bottom}
.ata_more_left:before{content: '';position: absolute;top: 40px;right: 0;width: 1px;height: 235px;background-color: #f3f3f3;}
.ata_more_left>ul>li{margin-right: 20px;position: relative;line-height: 35px; float: right; width: 46%}
.ata_more_left>ul>li>a{font-size: 18px;color: #808080;position: relative;text-decoration: none}
.ata_more_left>ul>li:before{content: '';position: absolute;top: 15px; right: -15px;width: 6px;height: 6px;background-color: #2375ff;border-radius: 3px;}
.ata_more_left>ul>li>a>span{ width:0; height:1px; display:inline-block; background:#2375ff; position:absolute; left:0; bottom:-3px; display:block; transition:width 0.3s linear; -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; -ms-transition:width 0.3s linear;}
.ata_more_left>ul>li>a:hover span{ width:calc(100% - 1px);}
.ata_more_left>ul>li>a:hover{ color: #2375ff}
.ata_tipsbox>a{display: inline-block;font-size: 15px;color:#808080;padding:0 25px;background-color: rgba(238,244,255,.8);line-height: 25px ;border-radius: 20px;margin-right: 5px;margin-top: 13px;text-decoration: none}
.ata_tipsbox{margin: 15px 0 0 35px}
.ata_tipsbox>a:hover{color: #2375ff}
.ata_more_left>p, .ata_more_left>ul{margin-right: 35px}


@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) {
	.atihome_banner{ background:url(https://imobie-resource.com/en/anytrans/img/atidxn_banbg@2x.jpg) #373838 top center no-repeat; background-size:cover;}
.atihome_sec3_anima{background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_sec3bg@2x.jpg) top center no-repeat; background-size:cover;}
.atihome_sec4_vedio{background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_sec4bg@2x.jpg) top center no-repeat; background-size:cover;}
.atihome_sec4_comput{background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_vediobg@2x.png) top center no-repeat; background-size:cover;}
.atihome_sec7_cnt{background:url(https://imobie-resource.com/ar/anytrans/img/atiidxn_probg@2x.jpg) top center no-repeat; background-size:cover;}
}
@media screen and (max-width: 1690px){	
/*.atihome_sec1 div{ width: 220px; margin: 20px;}*/
.atihome_sec2,.atihome_sec6,.atihome_sec6_cnt{ margin-top: 60px;}
.atihome_sec7{ margin-top: 120px;}
.atihome_sec2_cnt{ width: 98%; max-width: 100%;}
.takeleft{ width:300px;}
.takemid{ width:calc(100% - 830px); margin: 20px 70px;}
.takerig{ width:382px; top:140px;}
.atihome_sec2_left{ width: 300px; height: 600px; background-size: 300px 600px;}
.atihome_sec2_left>img{ width: 266px; margin: 14px 17px 0 0;}
.atihome_sec2_right img{ width: 100%; height:100%; display: block;}
.atihome_sec2_area{ margin-top:70px;}
}
@media screen and (max-width: 1560px){	
.atihome_sec7_cnt{ width:1381px; height:525px; transform:translateX(0);}
.atihome_sec7_img{ width:45%; display:inline-block; vertical-align:middle; margin-top:80px;}
.atihome_sec7_img img{ width:100%; height:auto; display:block;}
.atihome_sec7_text{ width:43%; margin:80px 4% 0 1%; display:inline-block; vertical-align:middle;}
}
@media screen and (max-width: 1440px){	
.atiidxn_banico2{ display:none;}
.atiidxn_banimg{ width:600px; height:auto; top:100px; transform:translateX(440px);}
/*.atihome_bantext{ width:580px; padding-top:180px;}*/
.atihome_bantext h1,.atihome_bantext .atihome_bantextp{ width:100%;}
/*.atihome_sec1{ margin-top:10px;}*/
/*.atihome_sec1 div{ width: 280px; margin: 30px 38px 0;}*/
.atihome_sec2{ margin-top:130px;}
.atihome_sec2_mid{ margin:100px auto 100px;}
.atihome_sec3_cnt{ width: 96%;}
.atihome_sec3_anima{ width:800px; height:934px; top:-50px; transform:translateX(360px);}
.atihome_sec3_anima img.atiidxn_sec3ip8{ width:768px; left:-25px; top:172px;}
.atihome_sec3_anima img.atiidxn_sec3ip11{ width:800px; left:30px; top:500px;}
.atiidxn_mana1{ width:92px; left: 394px; top:232px;}
.atiidxn_mana2{ width:93px; left: 444px; top: 362px;}
.atiidxn_mana3{ width:92px; left: 228px; top: 328px;}
.atiidxn_mana4{ width:92px; left: 206px; top: 420px;}
.atihome_secani .atiidxn_mana1{ left: 394px; top:232px; animation: mana1 1.2s linear forwards 0.3s;}
.atihome_secani .atiidxn_mana2{ left: 444px; top: 362px; animation: mana2 0.8s linear forwards;}
.atihome_secani .atiidxn_mana3{ left: 228px; top: 328px; animation: mana3 1.5s linear forwards 0.2s;}
.atihome_secani .atiidxn_mana4{ left: 206px; top: 420px; animation: mana4 0.9s linear forwards 0.4s;}
.atihome_sec3_text{ display: inline-block; width: 48%; vertical-align: middle;}
.atihome_sec3_vedio{display: inline-block;  width: 45%; height: auto; margin-left:5%; vertical-align: middle; position: relative; transform: none;}
.atihome_sec4{ margin-top: 70px;}
.atihome_sec4_vedio{ height:950px; margin-top:-356px;}
.atihome_sec4_comput{ width:1200px; height:709px; position: relative; margin-top: 50px; background-size:1200px 709px;}
.atihome_sec4_comput>iframe,.atihome_sec4_comput>img,.atihome_sec4_comput>video{ width: 880px; height: 550px; margin:20px auto; left:0; top:46px; display:block;}

@keyframes mana1{
	from{left: 394px; top:232px;}
	to{left:510px; top: 552px;}
}
@keyframes mana2{
	from{left: 444px; top: 362px;}
	to{left:558px; top: 683px;}
}
@keyframes mana3{
	from{left: 228px; top: 328px;}
	to{left:344px; top: 647px;}
}
@keyframes mana4{
	from{left: 206px; top: 420px;}
	to{left:321px; top: 740px;}
}
}

@media screen and (max-width: 1330px){	
.atihome_sec7_cnt {width: 1200px; height: 456px;}
.auidx_close{left: -5%;top: -10%;}
}

@media screen and (max-width: 1210px){
.atihome_sec2_area{ margin-top: 20px;}
.atihome_sec2_area h3{ font-size: 32px;}
.atihome_sec5tit h2{ font-size: 36px;}
.atihome_sec2_mid .atihome_sec2_area>img{ width:80px; height:80px;}
.atihome_sec6{ margin-top:100px;} 
.atihome_person_des p{ font-size:14px;}
.atihome_sec3_anima{ transform:translateX(400px);}
.atihome_sec7_cnt {width: 1100px; height: 418px;}
.atihome_sec4_vedio{ height:880px; margin-top:-356px;}
.atihome_sec4_comput{ width:1000px; height:590px; position: relative; margin-top: 50px; background-size:1000px 590px;}
.atihome_sec4_comput>iframe,.atihome_sec4_comput>img,.atihome_sec4_comput>video{ width: 732px; height: 459px; margin:20px auto; left:0; top:34px; display:block;}
.atihome_sec1{text-align:center;}
.atihome_sec1 h2{width:100%; height:auto; padding:0; background:none; float:none; margin:0 auto;}
.atihome_sec1 div,.atihome_sec1 .atihome_sec1_last{float:none; display:inline-block; vertical-align:top; margin:30px 20px 0;}
.atihome_sec_tit{margin: 20px auto 0;}
}
@media screen and (max-width: 1190px){
.takeleft{ width:250px;}
.takemid{ width: calc(100% - 640px); margin: 20px 40px;}
.takerig{ width:300px; top:180px;}
.atihome_sec2_left{ width: 250px; height: 500px; background-size: 250px 500px;}
.atihome_sec2_left>img{ width: 222px; margin: 11px 14px 0 0;}
.atihome_sec7_cnt {width:960px; height: 365px;}
.atihome_sec7_img{ margin-left:25px; width:40%; margin-top:20px;}
.atihome_sec7_text{ width:48%; margin-top:20px;}
}
@media screen and (max-width: 980px){
.atihome_sec{ margin-top:80px;}
.atihome_sec h2,.atihome_sec2 .atihome_sec_tit h2{ font-size:36px;}
.atihome_banner{ height:auto; min-height:auto; background-position-x:64%;}
.atiidxn_banimg,.atihome_sec3_anima{ display: none;}
.atihome_bantext{ width: 92%; margin: 60px auto 0; text-align: center;}
.dlbtnp{ margin-left:0;}
.atihome_btn a.atihome_dlbtn,.atihome_btn a.atihome_buybtn{ margin: 20px 20px 0;}
.atihome_btn p em{ margin-top: 5px;}
.atihome_banmedia img{margin:auto; }
.atihome_sec1 div img{margin-top:0;}
.atihome_sec1 div h4 span{display:inline;}
.atihome_sec1 div, .atihome_sec1 .atihome_sec1_last{ width:31%; height:auto; background:none; margin: 50px .5% 0;}
.atihome_sec1 div p{position:static; opacity:1; background:none; height:auto; padding-top:15px;}
.atihome_sec1 div p span{transform:none;}
.auidx_close {left: -4%;top: -12%;}
.atihome_sec2{ margin-top:80px;}
.atihome_sec2_cnt{ width:90%; margin-top: 40px;}
.takemid{ width:100%; margin:20px auto 0;}
.atihome_sec2_mid{ width:100%; margin:20px auto; opacity:1;}
.takeleft,.takerig,.atihome_sec2_mid .atihome_sec2_area>img{ display:none;}
.atiidxn_ctromo{ display:block; width:50%; height:auto; margin:40px auto;}

.atihome_sec3{ width:100%; height: auto; margin-top:20px; padding-bottom:20px; }
.atihome_sec3_cnt{ width:90%; margin-top: 50px;}
.atihome_sec3_vedio{ max-width: 400px; width: 80%; display: block; margin: 20px auto;}
.atihome_sec3_text{width: 100%; padding-top: 0; text-align: center;}
/*.atiidxn_sec3chage{ display:block; margin:0 auto; width:80%;}*/
.atihome_sec3moimg{ display:block; margin:0 auto; width:80%;}
.atihome_sec3_text .atihome_link{ margin-top: 20px;}

.atihome_sec4_vedio{ height: auto; margin-top:-160px; padding-bottom:100px;}
.atihome_sec4_comput{ width: 619px; height:366px; position: relative; top: 140px; margin-top: 50px; background-size:619px 366px;}
.atihome_sec4_comput>iframe,.atihome_sec4_comput>img,.atihome_sec4_comput>video{ width:455px; height: 285px; margin:20px auto; left:0; right:0; top:18px; display:block;}
.atihome_sec4_morcn{ width: 100%; float: none; margin-top: 50px; text-align: center;}
.atihome_sec5 ul li{ height: 250px; padding: 25px 2% 30px;}
.atihome_sec5 ul li h4{ font-size: 20px;}

.atihome_sec6_comment{ width: 100%; float: none;}
.atihome_sec6_person{ width: calc(100% - 55px); margin-top: 50px;}
.atihome_sec7_cnt{ width:100%; height:auto; background:#656565; padding:30px 0;}
.atihome_sec7_img{ width:70%; display:block; margin:20px auto; float:none;}
.atihome_sec7_text{ width:92%; padding: 0 4%; margin:20px auto; display:block; float:none; text-align:center;}
.homebot{ padding:40px 0 30px;}

.ata_more { width: 95%; margin: 30px 2.5% -25px; height: auto;}

}
@media screen and (max-width: 750px){
	.auidx_close {left: -5%;top: -13%;font-size: 26px;}
.atihome_bantext h1 img{display:none;}
/*.atihome_bantext .atihome_sptab{display:inline-block; margin-top:20px; width:auto; color:#fff; font-size:16px; padding:5px 20px; line-height:1; border-radius:5px; background-color:rgba(32,129,244,.5); border:1px solid #2081f4;}*/
.atihome_sec1,.atihome_sec4_more{ width:90%; margin-top:50px;}
.atihome_sec1 div, .atihome_sec1 .atihome_sec1_last{ width: 100%; margin: 30px auto 0;}
.atihome_sec2{ margin-top:10px; padding-top:100px; height: auto!important; background:url(https://imobie-resource.com/ar/anytrans/img/atihome_sec2mo.jpg) #fff top left no-repeat;}
.atihome_sec5 ul li{ width: 42%; height: 210px;}
.atihome_sec5 ul li.atihome_sec5tit{ width: 46%;}
.atiidxn_ctromo{ width:60%; margin: 20px auto 0; display: block;}
.atihome_sec3{ margin-top:30px;}
.atihome_sec4{ background-color:#f4f7fd; background:linear-gradient(to bottom,#f4f7fd 0%,#fff 50%,#fff 100%); padding:40px 0;} 
.atihome_sec5{ margin-top:20px;}
.atihome_sec5 ul li.atihome_sec5tit{ text-align:center;}
.atihome_sec6_comment:before{ display:none;}
.atihome_banmedia{padding:10px 0 23px;}
}

@media screen and (max-width: 650px) {
	.ata_more_left>ul>li { width: 95%;}
}

@media screen and (max-width: 568px){
.atihome_bantext{ margin:50px auto 30px;}
.atihome_bantext h1{ font-size:36px;}
.atihome_bantext h3{ font-size:30px;}
.atihome_btn a{ margin:20px auto 10px;}
.banmed{display:none;}
.banmedmo{display:block;}
.atihome_sec h2,.atihome_sec7_text h3{ font-size:32px;}
.atihome_sec7_text .atihome_btn a.atihome_dlbtn,.atihome_sec7_text .atihome_btn a.atihome_buybtn{ display:block; margin:20px auto 0;}
.atihome_ratednum{ padding:0 20px; border-left:none; border-right:none;}
.atihome_ratedrev{ padding-left:0; display:block; text-align:center; margin:15px auto 0; border-top:1px solid #dcd7de; padding-top:10px; width:200px;}
.atihome_ratedrev img{ display:block; margin:5px auto;}
.atihome_sec5 ul li{ width: 90%; height: auto; padding: 4%; background: none; margin: 10px auto 0;}
.atihome_sec5 ul li.atihome_sec5tit{ width: 92%; height: auto; padding: 0; background: none;}
.atihome_comment{ margin:40px auto 60px;}
.atihome_person>img{ width:60px; height:60px; left:-30px;}
.atihome_comment p{ font-size:20px;}
.atihome_sec3_text .atihome_link{ margin: 10px;}
.atihome_sec6 h2{ width:90%; margin:30px auto 0;}
.atihome_sec6_comment{ height:390px;}
.atihome_personlink{ margin-left:-40px;}
.takemid{ margin-top:0;}
.atihome_sec2_mid{ padding-top:10px;}
.atihome_sec4_comput{ width: 375px; height:222px; position: relative; top:140px; margin-top: 50px; background-size:375px 222px;}
.atihome_sec4_comput>iframe,.atihome_sec4_comput>img,.atihome_sec4_comput>video{ width: 276px; height: 170px; margin:20px auto; left:0; top:3px; display:block;}
.atihome_btn a.atihome_dlbtn,.atihome_sec7_text .atihome_btn a.atihome_dlbtn{ width:300px;}
.atihome_btn a.atihome_buybtn, .atihome_sec7_text .atihome_btn a.atihome_buybtn{ width:296px;}
.atihome_btn{margin-left:auto;}
}
@media screen and (max-width: 414px){
.atihome_sec6_comment{ height:400px;}
}
@media screen and (max-width: 400px){
.atihome_sec6_comment{ height:420px;}
}
@media screen and (max-width: 374px){
.atihome_sec4_comput{ width:320px; height:189px; background-size:320px 189px;}
.atihome_sec6_comment{ height:460px;}
}
@media screen and (max-width: 325px){
.atihome_bantext h1{ font-size:30px;}
.atihome_btn a.atihome_dlbtn,.atihome_sec7_text .atihome_btn a.atihome_dlbtn{ width:260px;}
.atihome_btn a.atihome_buybtn, .atihome_sec7_text .atihome_btn a.atihome_buybtn{ width:258px;}
}