@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 16px/1.6 "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.4; color:#333;}
img{border:none;}
ul, ol {list-style: none;}
a{color:#08c; text-decoration:none; hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
a:focus {outline: 0;}
a:hover {color:#08c; text-decoration:none;}
.ft22{ font-size:22px;}
.ft26{ font-size:26px;}


.ashampoo_banner{ width:100%; height:621px; background:#5e7dfb url(https://imobie-resource.com/fr/landing/img/ashampoo_banner.jpg) top center no-repeat; background-size:cover; overflow:hidden;}
.ashampoo_banner_tit h1 sup{ border:1px solid #fff; border-radius:5px; padding:2px 6px; margin-left:10px;}
.ashampoo_banner_slide{ width:499px;}
.ashampoo_bansli_bd{ max-width:100%; height:310px; position:relative;}
.ashampoo_bansli_bd img{ opacity:0; top:0; left:0; position:absolute;}
.ashampoo_bansli_bd img.checked{ opacity:1; transition:all ease-in-out 1s; z-index:5;}
.ashampoo_bansli_hd a{ width:7px; height:7px; border-radius:7px; border:1px solid #28f1de; display:inline-block; margin:20px 8px;}
.ashampoo_bansli_hd a.on{ background-color:#28f1de;}
.ashampoo_banner_text{ max-width:450px;}
.ashampoo_banner_text ul li{ font-size:18px; color:#fff; padding-left:20px; margin-bottom:10px; position:relative;}
.ashampoo_banner_text ul li:before{ width:6px; height:6px; border-radius:6px; background-color:#fff; position:absolute; content:""; display:block; left:0; top:12px; z-index:5;}
.ashampoo_btn p{display:inline-block; text-align:center;}
.ashampoo_btn a{width:210px; height:60px; margin-top:20px; display:inline-block; line-height:60px; text-align:center; font-size:18px; color:#ffffff; position:relative;}
.ashampoo_btn span{display:block; font-size:12px; color:#fff; margin-top:5px;}
.ashampoo_btn a img{ margin:-5px 15px 0 0; display:inline-block; vertical-align:middle;}
.ashampoo_banner_dl{ background-color:#56d869; margin-right:10px;}
.ashampoo_banner_dl:hover{ background-color:#48cf5c;}
.ashampoo_banner_buy{ background-color:#ef9b16;}
.ashampoo_banner_buy:hover{ background-color:#e19319;}
.ashampoo_banner_buy:before{ width:53px; height:59px; content:""; display:block; position:absolute; background:url(https://imobie-resource.com/fr/landing/img/ashaoff.png) top center no-repeat; right:-2px; top:-3px; z-index:5;}
.ashampoo_recom{ max-width:1394px; margin:70px auto 40px;}
.ashampoo_recom span{ padding-top:-10px;}
.ashampoo_recom>img{ vertical-align:middle; margin:10px 40px;}


.ashampoo_sec1{ width:100%; background-color:#f6f9ff; overflow:hidden;}
.ashampoo_sec1_hd{ max-width:640px; height:60px; border:2px solid #5e80fb; border-radius:60px; margin:88px auto 0;}
.ashampoo_sec1_hd a{ height:60px; line-height:60px; display:inline-block; text-align:center; font-size:28px; color:#666666;}
.ashampoo_sec1_hd a.on{ background-color:#5e80fb; color:#fff; }
.ashampoo_sec1_hd1{ width:180px; box-shadow:-2px 0 0 #5e80fb; border-radius:60px 0 0 60px;}
.ashampoo_sec1_hd2{ width:276px; border-right:2px solid #5e80fb; border-left:2px solid #5e80fb;}
.ashampoo_sec1_hd3{ width:180px; box-shadow:2px 0 0 #5e80fb; border-radius:0 60px 60px 0;}

.ashampoo_sec1_bdcon{display:none; padding-bottom:70px;}
.ashampoo_sec1_bdcon.checked{ display:block;}
.ashampoo_sec1_con{ margin-top:100px;}
.ashampoo_sec1_text{ max-width:440px;}
.ashampoo_sec1_text h4{ font-size:30px; color:#333333; line-height:1.4;}
.ashampoo_sec1_text p{ font-size:18px; color:#666666; line-height:1.8; margin-top:30px;}

.ashampoo_sec2{ height:730px; background:#fff url(https://imobie-resource.com/fr/landing/img/ashampoo_sec2bg.jpg) top center no-repeat; background-size:cover; overflow:hidden;}
.ashampoo_sec2_bd{ height:251px;}
.ashampoo_sec2_bd1{ max-width:890px; text-align:center; opacity:0; position:absolute; z-index:10; left:0; right:0; margin:40px auto 0; transform:translateX(80px);}
.ashampoo_sec2_bd1.checked{ opacity:1; transform:translateX(0); transition:all ease-in-out 1s;}
.ashampoo_sec2_bd1 p,.ashampoo_sec2_bd1 span{ display:block; font-size:18px; color:#666666; margin-top:30px;}
.ashampoo_sec2_hd a{ width:7px; height:7px; border-radius:7px; border:1px solid #6283fb; display:inline-block; margin:20px 8px;}
.ashampoo_sec2_hd a.on{ background-color:#6283fb;}

.ashampoo_foot{height:576px; background:#eff5ff url(https://imobie-resource.com/fr/landing/img/ashampoo_foot.jpg) top center no-repeat; background-size:cover; position:relative;}
.ashampoo_foot_box{ position:absolute; top:-250px; left:0; right:0; margin:auto; padding:50px 0; border-radius:8px; box-shadow:0 0 50px rgba(0,0,0,0.1); background-color:#fff;}
.ashampoo_box_text{ max-width:457px; margin-top:20px;}
.ashampoo_box_text p{ font-size:24px; color:#666; margin-top:15px;}
.ashampoo_box_text h4{ font-size:40px; color:#333;}
.ashampoo_box_tips{ font-size:18px; color:#999999; border-top:1px solid #eaeaea; width:86%; margin:30px auto 0; padding:30px 0 0 50px; position:relative;}
.ashampoo_box_tips:before{ width:20px; height:20px; background:url(https://imobie-resource.com/fr/landing/img/ashampoo_ans.png) top center no-repeat; background-size:cover; position:absolute; display:block; content:""; left:20px; top:35px;}
.ashampoo_box_tips a{ font-size:inherit;}
.ashampoo_foot_slide{ top:410px; position:absolute; z-index:10; left:0; right:0; margin:auto;}
.ashampoo_foot_lang{ width:870px; margin:0 auto; overflow:hidden; }
.ashampoo_lang{ width:145px; float:left; font-size:14px; color:#666666; text-align:center; margin:10px 0;}
.ashampoo_lang span{ display:block;}
.ashampoo_foot_lancon{ width:1960px; transition:margin-left 1s ease-in-out;}
.ashampoo_foot_pre{ position:absolute; left:-16px; transform:translateY(30px);}
.ashampoo_foot_next{ position:absolute; right:-16px; transform:translateY(-57px);}
footer{ padding:20px 0;}

/*mail*/
.ios_pop_bg{background:rgba(0,0,0,0.2); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:998;}
.ios_pop{width:82%; max-height:450px; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:#fff; background-size:100%; display:none; z-index:999; overflow-y:scroll;}
.ios_pop>p .ios_close{ position:absolute; top:0; right:21px; max-width:36px; width:8%; opacity:0.5; margin-top:20px; display:block;}
.ios_pop>p{width:85%; margin:30px auto 0; text-align:center;}
.ios_pop>div{width:90%;}
.send_contain{margin:0 auto;}
.send_contain p{font-size:16px; line-height:1.6;}
.send_cont input{width:77%; border-radius:5px; padding:10px 5px 10px 10px; font-size:16px; border:1px solid #c1c1c1; color:#000; display:block; margin:0.4rem auto 0;}
.send_cont input::-webkit-input-placeholder {color:#cacaca;}
.send_cont input:-moz-placeholder {color:#cacaca;}　
.send_cont input::-moz-placeholder 　{color:#cacaca;}
.send_cont input:-ms-input-placeholder {color:#cacaca;}
.send_cont>a{padding:10px 0; width:84%; font-size:20px; margin:20px auto 0; border-radius:5px; background:linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-moz-linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-webkit-linear-gradient(top, #608bff 0%, #33b9f8 100%); color:#fff; text-align:center; display:block;}
.send_conts>a{ width:84%; }
.send_cont>a:hover{ text-decoration:none;}
.send_cont>p{ max-width:700px; text-align:center; width:85%; margin:15px auto 0; color:#5d8efe; font-size:0.16rem;}
.send_cont1 p{ font-size:0.2rem; color:#666; }
.send_cont>p img{ vertical-align:middle; margin-right:5px;}
.ios_send a{ display:none;}

.send_main a{color:#0077ce; font-size:16px;}
.send_main p{font-size:16px; line-height:1.5; margin-top:40px;}
.send_sending{margin:40px auto 0 auto; position:relative;}
.send_error{margin:40px auto 0 auto;}
.send_error p{margin-top:24px;}
.send_error .ios_close1{margin-top:0;}
.send_succ{margin:40px auto 0 auto;}
.send_succ p{margin-top:20px;}
.send_sending .send_mails{width:50px; height:50px; margin:0 auto; padding:0; }
.send_sending .send_mails img{ margin-top:15px;}
.email_send{ background:url(https://imobie-resource.com/fr/landing/img/send-email.png) no-repeat center; position:absolute; animation:spin 1s infinite linear; width:100%; height:100%; margin-left:-25px;}
.email_sendsd{ margin-left:-16px; }
.send_contain{ display:none;}
.ios-atbg{width:30%;}
@keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}

/*@keyframes trans{
	0%{ transform:translateX(0);}
	100%{ transform:translateX(-888px);}	
}
*/


@media screen and (max-width: 1400px){
.ashampoo_recom{ margin:30px auto; text-align:center;}
.ashampoo_recom span{ display:block; margin:20px auto;}	
}
@media screen and (max-width: 980px){
.pw980{width:92%; margin:0 auto;}
.ashampoo_banner{height:auto; background:linear-gradient(to bottom,#57c6ff,#5f79fb); padding-bottom:50px;}
.ashampoo_banner_slide{ max-width:500px; width:100%; margin:20px auto; float:none;}
.ashampoo_bansli_bd img{ display:block; width:100%;}
.ashampoo_banner_text{ float:none; max-width:92%; margin:30px auto;}
.ashampoo_sec1_hd{ width:92%; margin:60px auto 0; height:44px;}
.ashampoo_sec1_hd a{ font-size:20px; line-height:44px; height:44px;}
.ashampoo_sec1_con{ margin-top:50px; text-align:center;}
.ashampoo_sec1_con img{ float:none; max-width:430px; width:100%; margin:20px auto 0;}
.ashampoo_sec1_text,.ashampoo_sec1_text.right{ float:none; max-width:100%; width:100%; margin:20px auto;}	
.ashampoo_sec1_text p{ margin-top:10px; font-size:16px;}
.ashampoo_sec1_text h4{ font-size:22px;}
.ashampoo_sec2{ height:400px;}
.ashampoo_sec2 h2{ font-size:28px; margin-top:30px;}
.ashampoo_sec2_bd1{ margin:20px auto; width:92%; transform:translateX(0);}
.ashampoo_sec2_bd1 p, .ashampoo_sec2_bd1 span{ margin-top:20px;}
.ashampoo_foot{ height:auto;}
.ashampoo_foot_box{ position:relative; top:50px;}
.ashampoo_box>img{ float:none; width:100%; max-width:421px; margin:20px auto; display:block;}
.ashampoo_box_text{ float:none; text-align:center; max-width:90%; margin:10px auto;}
.ashampoo_foot_slide{ padding:100px 0 30px; position:relative; top:0;}
.ashampoo_foot_lang{ width:725px;} 
}
@media screen and (max-width: 850px){
.ashampoo_foot_lang{ width:580px;} 
}
@media screen and (max-width: 740px){
.ashampoo_banner_tit h1,.ashampoo_box_text h4{ font-size:32px;}
.ashampoo_banner_tit h1 sup{ font-size:14px;}
.ashampoo_box_text p{ font-size:18px;}
.ashampoo_foot_lang{ width:435px;}
.ashampoo_sec1_hd{ width:400px;}
.ashampoo_sec1_hd1,.ashampoo_sec1_hd3{ width:112px;}
.ashampoo_sec1_hd2{ width:172px;}
}

@media screen and (max-width: 568px){
.ashampoo_bansli_bd{ height:58vw;}
.ashampoo_btn { text-align:center;}
.ashampoo_banner_dl{ margin-right:0;}
.ashampoo_sec1_con{ margin-top:20px;}
.ashampoo_box_tips{ padding:10px;}
.ashampoo_box_tips:before{ display:none;}
.ashampoo_foot_slide{ width:80%;}
.ashampoo_lang{ width:90px;}
.ashampoo_foot_lang{ width:270px;}
}
@media screen and (max-width: 440px){
.ashampoo_banner_tit h1, .ashampoo_box_text h4{ font-size:28px;}
.ashampoo_sec2 h2{ font-size:24px;}
.ashampoo_banner_tit p{ font-size:18px;}
.ashampoo_sec1_hd{ width:300px;}
.ashampoo_sec1_hd1,.ashampoo_sec1_hd3{ width:84px;}
.ashampoo_sec1_hd2{ width:128px;}
.ashampoo_sec1_hd a{ font-size:16px;}
.ashampoo_sec2{ height:410px;}
.ashampoo_sec2_bd{ height:280px;}
}
@media screen and (max-width: 325px){
.ashampoo_banner{ padding-bottom:20px;}
.ashampoo_lang{ width:80px;}
.ashampoo_foot_lang{ width:240px;}
}