@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;}
.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:16px;}
.pw1200{width:92%; max-width:1200px; margin-left:auto; margin-right: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:16px; color:#175CFF; text-decoration:none; display:inline-block; font-weight:bold;}
.appro_link:after{ content:"\e902"; font-family:iconfont; display:inline-block; margin-left: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;}
.appro_link:hover:after{ transform:translateX(5px);}
/*.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/fr/apptrans/img/appro_phone1.png) top left 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/fr/apptrans/img/appro_phone2.png) top right no-repeat; background-size:100% auto;}
.appro_bg2{background:url(https://imobie-resource.com/fr/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/fr/apptrans/img/appro_banbg.jpg) top center no-repeat; background-size:cover; min-height:730px;}
.appro_banimg{top:-50px; right:-20px;}
.appro_bantext{max-width:720px;}
.appro_bantext h1{font-size:50px; line-height:1.3;}
.appro_bantext>p{font-size:18px;}
.appro_bantext li{font-size:14px; line-height:1.8; padding-left:25px; margin-top:10px; position:relative;}
.appro_bantext li:before{content:"\e923"; font-family:iconfont; position:absolute; left: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-right:40px;}
.appro_btn a{display:block; width:250px; line-height:66px; margin:auto; border-radius:6px; color:#fff; font-size:20px; 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 0 0 10px;}
.appro_btn .dlbtn:after{content:"\e928";}
.appro_btn .buybtn:after{content:"\e929";}
.appro_btn span{margin-top:10px; display:block; font-size:14px; color:#888;}
/*sec0*/
.h2strip:after{content:""; position:absolute; left: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/fr/apptrans/img/appro_note.png) no-repeat 24px 22px; background-size:53px auto; border:1px dashed #AFAFAF; border-radius:10px; text-align:left; padding:17px 5px 20px 93px; margin-left:auto; margin-right:auto;}
.appro_note p{font-size:14px; color:#888;}
.appro_note.ptr:before{content:""; position:absolute; left:-320px; top:38px; width:320px; height:65px; background:url(https://imobie-resource.com/fr/apptrans/img/appro_noteline1.png);}
.appro_note.ptr:after{content:""; position:absolute; right:-450px; bottom:-12px; width:450px; height:72px; background:url(https://imobie-resource.com/fr/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:16px; font-weight:600; margin-top:20px;}
.appro_sec3 li p{font-size:14px; 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/fr/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:14px; font-weight:bold; margin-top:15px;}
.appro_sec4_note{background:linear-gradient(to right,#50d3e4,#3aadfa); background-color:#3aadfa; padding:20px 0 30px;}
.appro_sec4_note .appro_note{background:url(https://imobie-resource.com/fr/apptrans/img/appro_note2.png) no-repeat 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;}
.cmtprev:before{transform:rotate(180deg);}
.cmtprev{left:-25px;}
.cmtnext{right:-25px;}
.usercmt{height:325px; border:2px solid #000000; border-radius:10px;}
.usercmt li{width:1000px; position:absolute; top:-64px; left:0; right: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-right: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/fr/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-left:20px;}
.appro_sec8text{max-width:530px; margin-right:50px;}
.appro_sec8 .dlbtnp{margin-right:20px;}
.appro_sec8 .appro_btn span{color:#ccc;}
.appro_btn span a{display:inline;font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;box-shadow:none!important;}
.appro_btn span a:hover{transform:none}
.ata_more{max-width: 1500px;margin: 100px auto -20px;overflow: hidden;width: 96%;border: 1px solid #f3f3f3;border-radius: 15px;padding-bottom: 40px}
.ata_more_left{width: 60%}
.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_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;vertical-align: top;}
.ata_more_left>ul>li{margin-left: 15px;position: relative;line-height: 35px;display: inline-block;width: 47%}
.ata_more_left>ul>li>a{font-size: 14px;color: #808080;position: relative;text-decoration: none}
.ata_more_left>ul>li:before{content: '';position: absolute;top: 15px;left: -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-left: 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) {
	.appro_bg1:before{background:url(https://imobie-resource.com/fr/apptrans/img/appro_phone1@2x.png) top left no-repeat; background-size:100% auto;}
	.appro_bg1:after{background:url(https://imobie-resource.com/fr/apptrans/img/appro_phone2@2x.png) top right no-repeat; background-size:100% auto;}
	.appro_banner{background:url(https://imobie-resource.com/fr/apptrans/img/appro_banbg@2x.jpg) top center no-repeat; background-size:cover;}
	.appro_note{background:#FFFFFF url(https://imobie-resource.com/fr/apptrans/img/appro_note@2x.png) no-repeat 24px 22px; background-size:53px auto;}
	.appro_sec4{background:url(https://imobie-resource.com/fr/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/fr/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{right:-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{left:0;}
	.cmtnext{right:0;}
	.usercmt li{width:calc(98% - 100px); top:-35px;}
	.usercmt li>img{width:70px; height:auto;}
	.appro_sec8img{max-width:calc(98% - 530px); margin-left:0;}
	.appro_sec8text{margin-right:2%;}
	.ata_more_left>ul>li {margin-left: 15px;position: relative;line-height: 35px;display: inline-block;width: 40%;vertical-align: top;margin-right: 20px;}
}
@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:left; display:inline-block;}
	.appro_bg1:before,.appro_bg1:after,.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;}
	.ata_more_left,.ata_more_right{position: relative;overflow: hidden;vertical-align: top}
	.ata_more_left{width: 100%;}
	.ata_more_left:before {content: '';position: absolute;top: 40px;right: 0;width: 0px;height: 235px;background-color: #f3f3f3;}
	.ata_more_right{width: 100%;}
	.ata_more_left>ul>li {margin-left: 15px;position: relative;line-height: 35px;display: inline-block;width: 42%;vertical-align: top;}
}
@media screen and (max-width: 750px){
	.appro_btn p{display:block; margin:20px auto 0;}
	.appro_sec8 .dlbtnp{margin-right: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-right: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/fr/apptrans/img/appro_notemo.png) 14px 20px no-repeat; background-size:66px auto; padding:50px 20px 20px; margin-left:1%; margin-right:1%;}
	.appro_sec4_note .appro_note{background:url(https://imobie-resource.com/fr/apptrans/img/appro_notemo2.png) 14px 20px no-repeat; background-size:66px auto; padding:50px 20px 20px; margin-left:1%; margin-right:1%;}
	.appro_logos{width:60px; height:auto;}
	.appro_sec2img{max-width:120%; transform:translateX(-6%);}
	.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-top:20px;}
	.appro_sec4 li img{width:50px; height:auto;}
	.appro_sec4 li h5{margin-top:10px;}
	.appro_sec5img{max-width:70%;}
	.appro_sec6{border-radius:0;}
	.appro_sec6 li{width:96%;text-align:left;}
	.appro_sec6 li img{width:50px; height:auto; float:left; margin:5px 10px 20px 5px;}
	.appro_sec6 li h5{float:left; font-size:18px; margin-top:0; width:calc(100% - 65px);}
	.appro_sec6 li h5 br{display:none;}
	.appro_sec6 li p{float:left; 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{left:38%;}
	.cmtnext{right:38%;}
	.usercmt li{width:90%;}
	.appro_sec8{background:#4D4D4D; border-radius:0;}
	.appro_sec8img{max-width:90%;}
	.appro_sec8text{padding:0 3%;}
	.ata_more_left>ul>li {margin-left: 15px;position: relative;line-height: 35px;display: inline-block;width: 100%;vertical-align:top;}
}
@media screen and (max-width: 350px){
	.usercmt{height:290px;}
}