@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; direction:rtl;}
.appro_wrap{overflow-x:hidden; padding-bottom:70px;}
.appro_wrap h1,.appro_wrap h2,.appro_wrap h3,.appro_wrap h4,.appro_wrap h5,.appro_wrap h6,.appro_wrap dt{ font-family:Helvetica, sans-serif;}
.appro_wrap h2{font-size:32px; font-weight:bold; line-height:1.4;}
.appro_wrap p{line-height:1.8; font-size:18px;}
.pw1200{width:92%; max-width:1200px; margin-right:auto; margin-left:auto;}
.mt15{ margin-top: 15px;}
.mt110{ margin-top: 110px;}
.mt120{ margin-top: 120px;}
.mt150{ margin-top: 150px;}
img{ max-width:100%;}
a.appro_link{ font-size:18px; color:#175CFF; text-decoration:none; display:inline-block; font-weight:bold;}
.appro_link:after{ content:"\e902"; font-family:iconfont; display:inline-block; margin-right:10px; position:relative; font-size:inherit; vertical-align:middle; color:inherit; transform:rotate(180deg);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;}
.appro_link:hover:after{ transform:translateX(-5px) rotate(180deg);}
/*.appro_sec p{ font-size:16px; color:#fff; line-height:1.7; opacity:.8;}*/
.def_effect{ transform: translateY(50px); opacity: 0;}
.def_effect0{opacity:0; transform:scale(.95);}
.def_effect1{ transform: translateX(-50px); opacity: 0;}
.def_effect2{ transform: translateX(50px); opacity: 0;}
.current .def_effect,.current .def_effect1,.current .def_effect2{transform: translate(0); opacity: 1;transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.current .def_effect0{transform: scale(1); opacity: 1;transition: transform 0.5s ease-in-out, opacity 0.5s .2s ease-in-out;}
.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;}


.appro_bg1:before{content:""; position:absolute; z-index:1; top:680px; left:-5%; width:484px; height:1032px; background:url(https://imobie-resource.com/apptrans/img/appro_phone1.png) top right no-repeat; background-size:100% auto;}
.appro_bg1:after{content:""; position:absolute; z-index:0; top:950px; right:-5%; width:445px; height:1050px; background:url(https://imobie-resource.com/ar/apptrans/img/appro_phone2.png) top left no-repeat; background-size:100% auto;}
.appro_bg2{background:url(https://imobie-resource.com/ar/apptrans/img/appro_bg1.png) top center no-repeat; background-size:100% auto; padding-bottom:80px;}
/*banner*/
.appro_banner{background:url(https://imobie-resource.com/ar/apptrans/img/appro_banbg.jpg) top center no-repeat; background-size:cover; min-height:730px;}
.appro_banimg{top:-50px; right: 650px;}
.appro_bantext{max-width:580px;}
.appro_bantext h1{font-size:50px; line-height:1.3;}
.appro_bantext li{font-size:18px; line-height:1.8; padding-right:25px; margin-top:10px; position:relative;}
.appro_bantext li:before{content:"\e91c"; font-family:iconfont; position:absolute; right:0; top:3px; font-weight:bold; font-size:20px; color:#000; line-height:1;}
.appro_btn p{display:inline-block; text-align:center;}
.dlbtnp{margin-left:40px;}
.appro_btn a{display:block; width:250px; line-height:66px; margin:auto; border-radius:6px; color:#fff; font-size:22px; font-weight:bold; text-align:center; text-decoration:none; transition: transform linear .2s;}
.appro_btn a:hover{transform: translateY(-5px);}
.appro_btn .dlbtn{background:linear-gradient(270.23deg, #22C2D5 5.92%, #175CFF 100.12%); background-color:#22C2D5;}
.appro_btn .buybtn{background-color:#F39B11;}
.appro_btn a:after{font-family:iconfont;font-size:inherit;color:inherit;display:inline-block;vertical-align:middle;font-weight:400;margin:-3px 10px 0 0;}
.appro_btn .dlbtn:after{content:"\e921";}
.appro_btn .buybtn:after{content:"\e922";}
.appro_btn span{margin-top:10px; display:block; font-size:14px; color:#888;}
/*sec0*/
.h2strip:after{content:""; position:absolute; right:calc(50% - 24px); bottom:-26px; width:48px; height:6px; background-color:#000; border-radius:6px 0px 6px 6px;}
/*sec1*/
.appro_sec1{max-width:750px; margin:80px auto 0; position:relative; z-index:0;}
.appro_note{background:#FFFFFF url(https://imobie-resource.com/ar/apptrans/img/appro_note.png) no-repeat calc(100% - 24px) 22px; background-size:53px auto; border:1px dashed #AFAFAF; border-radius:10px; text-align:right; padding:17px 93px 20px 5px; margin-right:auto; margin-left:auto;}
.appro_note p{font-size:16px; color:#888;}
.appro_note.ptr:before{content:""; position:absolute; right:-320px; top:38px; width:320px; height:65px; background:url(https://imobie-resource.com/ar/apptrans/img/appro_noteline1.png);}
.appro_note.ptr:after{content:""; position:absolute; left:-450px; bottom:-12px; width:450px; height:72px; background:url(https://imobie-resource.com/ar/apptrans/img/appro_noteline2.png);}
/*sec2*/
.appro_sec2{margin:auto;}
.appro_sec2>p{max-width:900px; margin:25px auto 0;}
.appro_sec2img{transform:translateX(90px);}
/*sec3*/
.appro_sec3 li{display:inline-block; vertical-align:top; border:1px solid #000000; background-color:#fff; border-radius:10px; padding:0 15px 20px; margin:20px; width:calc(24% - 70px); max-width:260px;}
.appro_sec3 li img{width:94px; margin-top:-50px;}
.appro_sec3 h5{font-size:18px; font-weight:600; margin-top:20px;}
.appro_sec3 li p{font-size:16px; color:#666; margin-top:15px; line-height:1.6; min-height:154px;}
.appro_sec3 .appro_note{max-width:795px;}
/*sec4*/
.appro_sec4{padding-top:70px; background:url(https://imobie-resource.com/ar/apptrans/img/appro_bg2.png) #209BF9 bottom center no-repeat; background-size:cover; padding-bottom:10px;}
.appro_sec4 .appro_link{color:#fff;}
.appro_sec4 .h2strip:after{background:#fff}
.appro_sec4 p.white{max-width:1000px; margin:50px auto 0;}
.appro_sec4 li{display:inline-block; vertical-align:top; background-color:#e9f7fd; box-shadow:6px 2px 20px #0FA2D0; border-radius:10px; margin:20px; padding:30px 0 20px; max-width:200px; width:calc(19% - 40px);}
.appro_sec4 li h5{font-size:16px; font-weight:bold; margin-top:15px;}
.appro_sec4_note{background:linear-gradient(to left,#50d3e4,#3aadfa); background-color:#3aadfa; padding:20px 0 30px;}
.appro_sec4_note .appro_note{background:url(https://imobie-resource.com/ar/apptrans/img/appro_note2.png) no-repeat calc(100% - 24px) 22px; max-width:860px; border:none;}
.appro_sec4_note .appro_note p{color:#fff;}
/*sec5*/
.appro_sec5{width:92%; max-width:1280px; margin:100px auto 0;}
.appro_sec5img{margin:20px -42px 0 0;}
.appro_sec5text{max-width:620px;}
/*sec6*/
.appro_sec6{max-width:1560px; margin:90px auto 0; padding:80px 0 60px; background-color:#F2F8FE; border-radius:40px;}
.appro_sec6 .h2strip:after{background:linear-gradient(270.23deg, #22C2D5 5.92%, #175CFF 100.12%);}
.appro_sec6 li{display:inline-block; vertical-align:top; width:230px; margin:20px;}
.appro_sec6 li img{width:100px; height:auto;}
.appro_sec6 h5{margin-top:25px; font-size:20px; font-weight:bold;}
.appro_sec6 p{margin-top:20px; font-size:14px; color:#666;}
/*sec7*/
.appro_sec7{max-width:1250px; margin:80px auto 0;}
.appro_sec7 .pta{width:46px; height:46px; background-color:#fff; border:2px solid #000000; border-radius:50px; cursor:pointer; bottom:137px;}
.appro_sec7 .pta:before{font-family:iconfont; font-size:26px; /*font-weight:bold;*/ line-height:46px; color:#000; content:"\e802"; display:inline-block;}
.cmtnext:before{transform:rotate(180deg);}
.cmtprev{right:-25px;}
.cmtnext{left:-25px;}
.usercmt{height:325px; border:2px solid #000000; border-radius:10px;}
.usercmt li{width:1000px; position:absolute; top:-64px; right:0; left:0; margin:0 auto;  transform:translateX(50px) scale(.95); opacity:0;}
.usercmt .active{transform:translateX(0) scale(1); opacity:1; transition:.39s ease-in-out;}
.usercmt p{font-size:22px; margin-top:20px; font-weight:bold;}
.usercmt p img{vertical-align:bottom; margin-left:38px;}
.usercmt p i{font-size:inherit; color:#666; font-weight:400;}
/*sec8*/
.appro_sec8{max-width:1300px; margin:85px auto 0; background:url(https://imobie-resource.com/ar/apptrans/img/appro_btmbg.png) #4D4D4D top center no-repeat; background-size:cover; padding:32px 0; border-radius:40px;}
.appro_sec8img{/*box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);*/margin-right:20px;}
.appro_sec8text{max-width:530px; margin-left:50px;}
.appro_sec8 .dlbtnp{margin-left:20px;}
.appro_sec8 .appro_btn span{color:#ccc;}

.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 #b3b3b3; 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:60%; height:60%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:22; background:#fff;}
.auidx_close{ font-size:46px; color:#fff; top:-60px; left:-60px; z-index:12; cursor:pointer; position:absolute;}


@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) {
	.appro_bg1:before{background:url(https://imobie-resource.com/ar/apptrans/img/appro_phone1@2x.png) top right no-repeat; background-size:100% auto;}
	.appro_bg1:after{background:url(https://imobie-resource.com/ar/apptrans/img/appro_phone2@2x.png) top left no-repeat; background-size:100% auto;}
	.appro_banner{background:url(https://imobie-resource.com/ar/apptrans/img/appro_banbg@2x.jpg) top center no-repeat; background-size:cover;}
	.appro_note{background:#FFFFFF url(https://imobie-resource.com/ar/apptrans/img/appro_note@2x.png) no-repeat 24px 22px; background-size:53px auto;}
	.appro_sec4{background:url(https://imobie-resource.com/ar/apptrans/img/appro_bg2@2x.png) #209BF9 bottom center no-repeat; background-size:cover;}
	.appro_sec4_note .appro_note{background:url(https://imobie-resource.com/ar/apptrans/img/appro_note2@2x.png) no-repeat 24px 22px; background-size:53px auto;}
}
@media screen and (max-width: 1680px){
	.appro_bg1:before{max-width:calc(50% - 380px); top:50%;}
	.appro_bg1:after{max-width:calc(50% - 380px); top:1050px;}
}
@media screen and (max-width: 1380px){
	.appro_sec6 li{margin:20px 10px;}
}
@media screen and (max-width: 1280px){
	.appro_bg1:before{top:60%;}
	.appro_banimg{left:-330px;}
	.appro_sec3 li{margin:40px 10px; width:calc(24% - 50px);}
	.appro_sec5img,.appro_sec5text{max-width:50%;}
	.appro_sec6 li{width:28%; margin:20px 2% 0;}
	.cmtprev{right:0;}
	.cmtnext{left:0;}
	.usercmt li{width:calc(98% - 100px); top:-35px;}
	.usercmt li>img{width:70px; height:auto;}
	.appro_sec8img{max-width:calc(98% - 530px); margin-right:0;}
	.appro_sec8text{margin-left:2%;}
}
@media screen and (max-width: 1100px){
	.appro_sec8text{margin-top:20px;}
	.appro_sec2img{transform:none;}
}
@media screen and (max-width: 980px){
	.appro_bantext h1,.appro_wrap h2,.appro_wrap h3{font-size:36px;}
	.mt120,.mt110,.mt100,.mt80{margin-top:40px;}
	.mt40{margin-top:30px;}
	.appro_banner{text-align:center; padding-bottom:40px;}
	.appro_banimg{position:static;}
	.appro_banimg img{max-width:70%;}
	.appro_bantext{max-width:100%;}
	.appro_banner ul{text-align:right; display:inline-block;}
	.appro_bg1:after,.appro_bg1:before,.appro_note.ptr:before,.appro_note.ptr:after{display:none;}
	.appro_bg2{padding-bottom:40px;}
	.appro_sec1{margin-top:50px; padding:0 4%;}
	.appro_sec3 ul{margin-top:20px;}
	.appro_sec3 li{width:calc(48% - 50px); max-width:unset;}
	.appro_sec3 li p{min-height:auto;}
	.appro_sec4{padding-top:40px;}
	.appro_sec4 li{width:calc(32.5% - 40px); max-width:unset;}
	.appro_sec4 p.white{padding:0 4%;}
	.appro_sec5{text-align:center; margin-top:20px;}
	.appro_sec5img,.appro_sec5text{float:none; max-width:100%; margin:30px auto 0;}
	.appro_sec6{margin-top:40px; padding:40px 0;}
	.appro_sec7{margin-top:40px;}
	.appro_sec8{text-align:center; padding-top:30px; margin-top:40px;}
	.appro_sec8img{float:none; max-width:70%;}
	.appro_sec8text{float:none; margin:auto;}
}
@media screen and (max-width: 750px){
	.appro_btn p{display:block; margin:20px auto 0;}
	.appro_sec8 .dlbtnp{margin-left:auto;}
	.appro_sec7 .pta{bottom:50%; transform:translateY(50%); width:30px; height:30px;}
	.appro_sec7 .pta:before{font-size:20px; font-weight:bold; line-height:30px;}
	.usercmt li{width:calc(98% - 80px);}
	.usercmt p{font-size:16px; margin-top:10px; line-height:1.7;}
	.usercmt p img{width:100px; margin-left:15px; vertical-align:middle;}
	.usercmt {height:260px;}
}
@media screen and (max-width: 568px){
	.moimg{display:block; opacity:.9; margin-bottom:-50%;}
	.appro_bantext h1,.appro_wrap h2,.appro_wrap h3{font-size:26px;}
	.appro_banner{background-position-x:47%;}
	.appro_banimg img{max-width:80%;}
	.appro_note{background:url(https://imobie-resource.com/ar/apptrans/img/appro_notemo.png) calc(100% - 20px) 20px no-repeat; background-size:66px auto; padding:50px 20px 20px; margin-right:1%; margin-left:1%;}
	.appro_sec4_note .appro_note{background:url(https://imobie-resource.com/ar/apptrans/img/appro_notemo2.png) calc(100% - 20px) 20px no-repeat; background-size:66px auto; padding:50px 20px 20px; margin-right:1%; margin-left:1%;}
	.appro_logos{width:60px; height:auto;}
	.appro_sec2img{max-width:120%; transform:translateX(10%);}
	.appro_sec3 li{width:calc(98% - 70px); max-width:unset; margin-bottom:20px;}
	.appro_sec3 li img{width:80px; height:auto; margin-top:-40px;}
	.appro_link{padding:0 4%; margin-top:15px;}
	.appro_sec4{background:linear-gradient(90.05deg, #27C9DD -0.75%, #209BF9 99.97%); padding:40px 1% 10px;}
	.appro_sec4 li{width:calc(32.5% - 10px); margin:10px 5px; padding:20px 0 12px;}
	.appro_sec4 li img{width:50px; height:auto;}
	.appro_sec4 li h5{margin-top:10px; min-height:36px;}
	.appro_sec5img{max-width:70%;}
	.appro_sec6{border-radius:0;}
	.appro_sec6 li{width:96%;text-align:right;}
	.appro_sec6 li img{width:50px; height:auto; float:right; margin:5px 5px 20px 10px;}
	.appro_sec6 li h5{float:right; font-size:18px; margin-top:0; width:calc(100% - 65px);}
	.appro_sec6 li h5 br{display:none;}
	.appro_sec6 li p{float:right; font-size:14px; width:calc(100% - 65px); margin-top:5px;}
	.appro_sec6 li:after{content:""; display: block; height: 0; clear: both; visibility: hidden;}
	.appro_sec7{padding:0 3%}
	.appro_sec7 .pta{bottom:15px; transform:none;}
	.cmtprev{right:38%;}
	.cmtnext{left:38%;}
	.usercmt li{width:90%;}
	.appro_sec8{background:#4D4D4D; border-radius:0;}
	.appro_sec8img{max-width:90%;}
	.appro_sec8text{padding:0 3%;}
}
@media screen and (max-width: 350px){
	.usercmt{height:290px;}
}