/* CSS Document */
html{font:400 100% "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
html{overflow-x:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}
.dis{display: none !important;}

/* banner */
.banner{width: 100%;height: 435px;background: url(https://imobie-resource.com/en/education/img/banner-background.png)  top center no-repeat;background-size: cover; position: relative;}

.banner .container{ max-width:1000px; position: absolute;top: 38px;left: 50%;transform: translateX(-50%);z-index:2; }

.container .row-1{margin-left: 0px;width: 905px;}
.row-1 .left-img img{display: block;width: 188px;}
.row-1 .right-img h1{color: white;font-size: 40px; margin-top: 16px;margin-left: 22px;font-weight: bold;}
.row-1 .right-img .new-text span{color: #ff8330;font-size: 40px;font-weight: bold;}
.row-1 .right-img .new-text {display: none;}
.container .row-2{max-width: 795px; min-height: 345px;background: #FFFFFF;border: 1px solid #CCCCCC;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);border-radius: 10px;margin:-28px auto;text-align: center; padding: 5px 0 10px;}
.row-2 h2{color: #333;font-size: 26px;margin-top: 36px;font-weight: bold;}
.row-2 h3{color: #333;font-size: 15px;max-width: 555px;margin:16px auto 20px; font-weight: 400;}
.row-2 input{width: 98%;;max-width: 478px;height: 40px;background: rgba(250, 250, 250, 0.6);border: 1px solid #CCCCCC;border-radius: 5px;text-align: center;}
.row-2 >p{max-width: 417px;margin: auto;font-size: 12px;}
.row-2 >p .blew{color: #017be3;cursor: pointer;}

.row-2 input::placeholder{color: #CACACA;font-size: 16px;}
.row-2 input::-webkit-input-placeholder{color: #CACACA;font-size: 16px;}
.row-2 input::-moz-placeholder{color: #CACACA;font-size: 16px;}
.row-2 input:-ms-input-placeholder{color: #CACACA;font-size: 16px;}
.row-2 input:-moz-placeholder {color: #CACACA;font-size: 16px;}

.row-2 .submit-button{ display: inline-block; background: #017BE3;border-radius: 5px;margin:12px auto 14px;color: white;font-size: 20px;font-weight: bold;text-align: center; padding: 8px 10px; cursor: pointer;transition: all 0.5s;}
.row-2 .submit-button:hover{transform: translateY(-8px);}
.submit-button-last:hover{transform: translateY(-8px);}
.container .row-2 .email-list { bottom: -490px; left: 67%; }
.email-list{ position: absolute; left: 40%;transform: translateX(-50%);bottom: -391px;width: 940px; visibility: hidden;z-index: 8;}
.email-list .text{ width: 94%;top: 22px;left: 5%;position: absolute;height: 85%;}
.email-list .text h4{font-size: 20px;color: #333;font-weight: bold;}
.email-list .text p{font-size: 16px;color: #333;margin-top: 12px;}
.email-list .text ul{text-align: left;margin-right: 30px;margin-top: 20px;}
.email-list .text ul:nth-child(7){margin-right: 0px;}
.email-list a,.media-email-list a{font-size: 16px;}
.email-list img{margin-left: 25px;}

.media-email-list{margin-top: 30px; padding-left: 10px;display: none; }
.media-email-list .text ul{text-align: left;margin-right: 42px;margin-top: 20px;width: 100%;}
.media-email-list .text ul li{color: #333;font-size: 12px;line-height: 30px;width: 198px;float: left;  }
.media-email-list .text h4{font-size: 20px;color: #333;font-weight: bold;}
.media-email-list .text p{font-size: 16px;color: #333;margin-top: 4px;}
.text ul li{color: #333;font-size: 12px;line-height: 30px;font-weight: bold;}
.media-email-list .text{width: 94%;margin-left: 3%;}


 /* content */
 .content{ max-width: 1200px;margin:195px auto 0;padding-bottom: 80px;text-align: center;position: relative; }
 .content h5{font-size: 30px;font-weight: bold;color: black;}
 .content h6{font-size: 20px;color: #333333;font-weight: 600;}
 .content .step{width: 100%;margin-top:46px;margin-bottom: 94px;}
 .content .step p{color: #666666;font-size: 16px;font-weight: 400;margin-top: 5px;}
 .content .step img{width: 68px;}
 .step .card1{width: 24%;}
 .step .card2{width: 36%;margin-left: 72px;}
 .step .card3{width: 23%;margin-left: 72px;}

 .content >ul{margin-top: 56px;margin-bottom: 62px;}
 .content >ul li{width: 250px;height: 210px;background: #FFFFFF;border: 1px solid #E6E6E6;border-radius: 20px;overflow: hidden;position: relative;float: left;margin: 0px 24px 38px 24px;transition: all 0.5s;cursor: pointer;}
 .content >ul li a{text-decoration: none;}

 .content >ul li:hover{transform: translateY(-14px);}


 .content >ul li img:nth-child(1){margin-top: 20px;margin-bottom: 16px;width: 72px;}
 .content >ul li img:nth-child(2){position: absolute;width: 90px;}
 .brand-name{font-weight: 600;font-size: 18px;color: #000;}
 .brand-des{font-size: 14px;color: #999;}

 .content input{width: 98%;max-width: 750px;height: 50px;background: rgba(250, 250, 250, 0.6);border: 1px solid #D9D9D9;border-radius: 5px;margin-top: 50px;text-indent:12px;text-align: center;}
 .content input::placeholder{color: #CACACA;font-size: 16px;text-indent: 10px;}
 .content input::-webkit-input-placeholder{color: #CACACA;font-size: 16px;text-indent: 10px;}
 .content input::-moz-placeholder{color: #CACACA;font-size: 16px;text-indent: 10px;}
 .content input:-ms-input-placeholder{color: #CACACA;font-size: 16px;text-indent: 10px;}
 .content input:-moz-placeholder {color: #CACACA;font-size: 16px;text-indent: 10px;}

 .content .submit-button{width: 348px;height: 38px;background: #017BE3;border-radius: 5px;margin:30px auto 14px;color: white;font-size: 20px;font-weight: bold;text-align: center;padding-top: 12px;cursor: pointer;}
 .content .here, .here{color: #017be3;cursor: pointer;font-size: 14px;}
 .content .desc{font-size: 14px; }

 .row-2 .error-text{color: #FF3F3F;font-weight: 400;font-size: 12px;margin-top: 4px;visibility: hidden;}
 .error-text-last{color: #FF3F3F;font-weight: 400;font-size: 12px;margin-top: 4px;visibility: hidden;}

 .model-box{width: 100%;height: 100%;position: fixed;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));top: 0px;left: 0;;right: 0;bottom: 0;z-index: 99999;display: none;}
 @keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3);
     }
 
     20% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1);
     }
 
     40% {
         -webkit-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9);
     }
 
     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03);
     }
 
     80% {
         -webkit-transform: scale3d(0.97, 0.97, 0.97);
         transform: scale3d(0.97, 0.97, 0.97);
     }
 
     to {
         opacity: 1;
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
     }
 }
 @keyframes zoomOut {/*缩小；收回去*/from {opacity: 1;}50% { opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to { opacity: 0;display: none;}}
.modelactive{animation: bounceIn 0.75s ease-in-out;;}
 .model-box .model{max-width: 670px; box-sizing: border-box; padding: 0 40px 25px;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: white;position: relative;text-align: center;}
 .model-box .model .close{position: absolute;width: 15px;top: 8px;right: 7px;cursor: pointer;}
  


 .model-box .model  .success{margin-top: 42px;}
 .model-box .model  h1{font-size: 26px;font-weight: 600;}
 .model-box .model  h2{font-size: 18px;font-weight: 400;color: #333333;margin-top: 18px;}
 .model-box .select-box{max-width: 398px;height: 44px;background: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 5px;margin: 33px auto 0;text-align: left;position: relative;}
 .select-box .default-text{color: #CACACA;font-size: 14px;position: absolute;top:13px;left: 12px;}
 .select-box .default-text img { display: inline-block; vertical-align: middle; margin-top: -2px; }
 
 .select-box .arrow{transform: rotate(-180deg);position: absolute;right: 10px;top: 19px;}

 /* arrow 动画 */
 .arrowMove{animation:  arrow 0.4s linear forwards;}
@keyframes arrow {from{transform: rotate(-180deg)} to{transform: rotate(0deg)}  }
@-webkit-keyframes arrow {from{transform: rotate(-180deg)} to{transform: rotate(0deg)}  }
@-moz-keyframes arrow {from{transform: rotate(-180deg)} to{transform: rotate(0deg)}  }
@-ms-keyframes arrow {from{transform: rotate(-180deg)} to{transform: rotate(0deg)}  }
@-o-keyframes arrow {from{transform: rotate(-180deg)} to{transform: rotate(0deg)}  }

@keyframes arrowRe {from{transform: rotate(0deg)} to{transform: rotate(-180deg)}  }
@-webkit-keyframes arrowRe {from{transform: rotate(0deg)} to{transform: rotate(-180deg)}  }
@-moz-keyframes arrowRe {from{transform: rotate(0deg)} to{transform: rotate(-180deg)}  }
@-ms-keyframes arrowRe {from{transform: rotate(0deg)} to{transform: rotate(-180deg)}  }
@-o-keyframes arrowRe {from{transform: rotate(0deg)} to{transform: rotate(-180deg)}  }
.arrowRecovery{animation:  arrowRe 0.4s linear forwards;}
.select-list{max-width: 398px;height: 193px;background: #FFFFFF; position: relative;top:45px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 5px;overflow-y: scroll;display: none;text-align: left; padding: 10px 13px 0;}
.select-list li{color: #000;cursor: pointer;font-size: 14px; padding: 8px;}
.select-list li img { display: inline-block; vertical-align: middle; margin-top: -2px; }
.select-list .active{background-color: #f5f5f5; border-radius: 5px;}
.select-list::-webkit-scrollbar {width: 3px;background-color: white;} 
.select-list::-webkit-scrollbar-thumb {background-color: #e2e2e2;}

.list-button{width: 196px;height: 32px;background: #CCCCCC;border-radius: 5px;margin:14px auto 0;color: white;font-size: 20px;font-weight: bold;text-align: center;padding: 10px 0 8px;cursor: pointer;}
.model-submit{width: 100%;height: 100%;position: fixed;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));top: 0px;left: 0;z-index: 99999;display: none;}
.model-submit .box{ width:570px;padding-bottom: 26px; top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: white;position: relative;text-align: center;}
.zoomOut{animation: zoomOut 0.55s ease-in-out !important;;}
.model-submit .close{position: absolute;width: 15px;top: 8px;right: 7px;cursor: pointer;}
.model-submit  .email{margin-top: 42px;}
.model-submit  h1{font-size: 26px;font-weight: 600;}
.model-submit  h2{font-size: 18px;font-weight: 400;color: #333333;margin-top: 18px;}

.submit-button-last{ display: inline-block; background: #017BE3;border-radius: 5px;margin:30px auto 14px;color: white;font-size: 20px;font-weight: bold;text-align: center;cursor: pointer;transition: all 0.5s; padding: 8px 10px;}
.in_app_loading{width:100%;height:100%;background-color:rgba(255,255,255,.9);position:fixed;left:0;top:0;z-index:9; }
.in_app_loading img{position:absolute;top:45%;left:48%;animation:loading 1s linear infinite;-ms-animation:loading 1s linear infinite;-webkit-animation:loading 1s linear infinite}
@keyframes loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-ms-keyframes loading{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}
@-webkit-keyframes loading{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}


@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) {
.banner{width: 100%;height: 435px;background: url(https://imobie-resource.com/en/education/img/banner-background.png)  top center no-repeat;background-size: cover; position: relative;}}

@media screen and (max-width: 980px) {
	/*nav style**/
.pw980{width:100%;}
.nva_meau{display:block;}
.nav_cont ul{width:100%; background-color: rgba(0,0,0,0.95); position: absolute; z-index:9999; height:100%; left:0; top:54px; margin:0; overflow:hidden; display: none;}
.nav_cont ul li{float:none; text-align:left;}
.nav_cont ul li a{display:block; text-align:left; color:#fff; margin-left:20px;}
.nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#fff;}
.language{display:none;}
.nav_pro_list{margin-left:50px; display:none;}
.nav_pro_list>a{display:block; font-size: 12px; color: #fff; line-height: 50px; font-family:"Open Sans"; margin-right:20px; text-decoration:none;} 
.nav_pro_list>a:hover{text-decoration: underline;}
.asidelink{ display: none;}
.pw980{ width:95%; overflow:hidden;}
.media-email-list{display: block;}
.email-list{display: none;}
}
@media screen and (max-width: 860px){
.banner .container{width: 100%;}
.container .row-1{width: 90%;margin: 0 auto;}
.content .step {width: 94%;margin: 40px 3%;}
.step .card1{width: 40%;margin: 0 5%;}
.step .card2{width: 40%;margin: 0 5%;}
.step .card3{width: 100%;margin-left: 0;margin-top: 60px;}
.content >ul li{margin:0px 10px 19px 10px}
.row-1 .left-img,.original-text{display: none;}
.right-img{text-align: center; }

.row-1 .right-img .new-text {width: 100%;margin: 0 auto;display: block;}
.container .row-2{margin-top: 36px;width: 80%; padding: 10px;}
.media-email-list .text ul{margin-right: 0;margin-top: 20px;width: 92%;margin-left: 3%;}
.media-email-list .text ul li{width:160px;}
}

@media screen and (max-width: 620px){
.banner{height: 285px;}
.container{width: 92%;}
.content{margin: 300px auto 0;}

.step .card1{width: 100%;margin-left: 0px;}
.step .card2{width: 100%;margin-left: 0px;margin-top: 35px;}
.step .card3{width: 100%;margin-left: 0;margin-top: 35px;}
.content >ul li{margin: 15px 5% 0 5%;width: 90%;}

.container .row-1{width:100%;margin:-10px auto 0;}
.container .row-2 {width: 88%;margin-top: 10px;padding: 10px;}
.row-2 h2{margin-top: 18px;font-size:22px}
.row-2 h3{font-size: 12px;}
.row-2 input{width: 78%;}
.content input{width: 82%;}
.email-list .text ul li {width: 230px;}
.content >ul li img:nth-child(2){right: 0;}
.content h5{width: 98%;margin-left: 1%;}
.select-list { padding: 10px; }
}

@media screen and (max-width: 520px){
.select-box .default-text { font-size: 13px; }
.content { margin: 320px auto 0; }
.email-list .text ul li {width: 230px;}
.model-box .model{ width: 96%; padding: 0 20px 25px;}
.model-box .select-box{width: 100%;margin-top:20px}
.model-box .model .success{width: 66px;margin-top: 20px;}
.model-box .model h1{font-size: 22px;}
.model-box .model h2{font-size: 14px;margin-top: 6px;}
.select-list li{font-size: 13px;}
.select-list .active{font-size: 13px;}
.model-submit .box{width: 87%; }
.model-submit .email {margin-top: 43px;width: 87px;}
.model-submit h2{font-size: 14px;}

}

@media screen and (max-width: 380px){
.container .row-2 {width: 86%;padding-bottom: 30px;margin-top: 28px;margin-left: 4%;}
.content{margin: 380px auto 0;}
.row-2 input::placeholder{color: #CACACA;font-size: 12px;}
.row-2 input::-webkit-input-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input::-moz-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input:-ms-input-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input:-moz-placeholder {color: #CACACA;font-size: 12px;}
.row-2 .submit-button{margin: 14px auto 14px;}
.email-list a, .media-email-list a{font-size: 12px;}
.media-email-list .text p{font-size: 12px;}
.content .desc{padding: 10px;}
.content h5{width: 94%;margin-left: 3%;}
.content input::placeholder{color: #CACACA;font-size:12px;text-indent: 10px;}
.content input::-webkit-input-placeholder{color: #CACACA;font-size:12px;text-indent: 10px;}
.content input::-moz-placeholder{color: #CACACA;font-size:12px;text-indent: 10px;}
.content input:-ms-input-placeholder{color: #CACACA;font-size:12px;text-indent: 10px;}
.content input:-moz-placeholder {color: #CACACA;font-size:12px;text-indent: 10px;}
}

@media screen and (max-width: 330px){
.container .row-2 {width:85%;padding-bottom: 30px;margin-top: 28px;height: 334px;}
.content{margin: 452px auto 0;}
.content input{margin-top: 15px;}
.submit-button-last{margin: 18px auto 14px;width: 200px;}
.content{padding-bottom: 0;}

.row-2 input::placeholder{color: #CACACA;font-size: 12px;}
.row-2 input::-webkit-input-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input::-moz-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input:-ms-input-placeholder{color: #CACACA;font-size: 12px;}
.row-2 input:-moz-placeholder {color: #CACACA;font-size: 12px;}
.content input::placeholder{color: #CACACA;font-size: 12px;text-indent: 10px;}
.content input::-webkit-input-placeholder{color: #CACACA;font-size: 12px;text-indent: 10px;}
.content input::-moz-placeholder{color: #CACACA;font-size: 12px;text-indent: 10px;}
.content input:-ms-input-placeholder{color: #CACACA;font-size: 12px;text-indent: 10px;}
.content input:-moz-placeholder {color: #CACACA;font-size: 12px;text-indent: 10px;}
 
}