@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* { margin:0px;  padding:0px;box-sizing:inherit; font-family:}
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.bai,.hui { padding:40px 10px; }
.hui { background:#f2f4f4}
@media(min-width:768px) {
.bai,.hui { padding:80px; }
}
.transition{-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; }
/*head old*/
.site-headera {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; background:rgba(57,54,196,.85); box-shadow: 0 1px rgba(57,54,196,.2);padding:10px 20px;}
body.nav-active { overflow:hidden}
body.nav-active .site-headera { background:#000} 
.top { width: 100%;display: flex;align-items: center;}
.top .logo   {flex: 1;display: flex;}
.top .logo img { height:32px;  }
.top  .lang { flex: 1;display: flex;justify-content: right;font-size: 1rem;z-index: 1; text-decoration:underline; }
.menu-icon { visibility:visible}
.nav {visibility:hidden;position:fixed;z-index:7001;font-size:15px; }
.nav__content {position:fixed;top:52px; left:0;width:100%;height:100%;cursor:pointer; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;height:100%;}
.menu-itema {border-bottom:1px #ddd solid;position:relative;margin-left: 20px;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {color:#666; display:block}
.top .lang,.top .lang a { font-size:14px; color:#FFF; /*line-height:36px;*/}
.top .lang { padding-right:30px;}
.top .lang .lang-a { display: none; margin-right:20px}

@media(min-width:1024px) {
.site-headera {padding:20px 70px; }
.top .logo   {flex: 1;}
.top  .lang { flex: 1;}
.top .lang { }
.top .logo img { height:36px;}
.menu-icon { visibility:hidden}
.site-headera .navw { text-align: center;    }
.nav {visibility: visible; padding:0; position:inherit;width: 100%;display: flex;justify-content: center;}
.nav__content { position:inherit; width:auto; height:auto; padding:0; background:none}
.nav:after { visibility:hidden}
.nav:before { visibility:hidden}
.menu-itema {border-bottom:none;position:relative; margin-left:0;display: inline-block; height:36px;line-height:34px; transition-delay:.8s;opacity:1;transition:opacity .2s ease, transform .3s ease;}
.menu-itema a {display:inline-block;font-size:14px; padding:0 20px; margin:0 20px; color:#FFF; border-radius:5px; }
.menu-itema.current-menu-itema a,.menu-itema a:hover {background:rgba(255, 255, 255, 0.1);}

}

.menu-icon {box-sizing:border-box;padding:14px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:.4rem;cursor:pointer;}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFFFFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}

@media(min-width:768px) {
.menu-icon {padding:8px 0 0;height:30px;width:30px;right:1rem;top:1rem; }
}
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .menu-itema {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .menu-itema:nth-child(0) {
transition-delay:.1s;}
body.nav-active .menu-itema:nth-child(1) {
transition-delay:.2s;}
body.nav-active .menu-itema:nth-child(2) {
transition-delay:.3s;}
body.nav-active .menu-itema:nth-child(3) {
transition-delay:.4s;}
body.nav-active .menu-itema:nth-child(4) {
transition-delay:.5s;}
body.nav-active .menu-itema:nth-child(5) {
transition-delay:.6s;}
body.nav-active .menu-itema:nth-child(6) {
transition-delay:.7s;}
body.nav-active .menu-itema:nth-child(7) {
transition-delay:.8s;}

.banner { height:358px;padding:80px 0px 0; position:relative;}
.banner .banner-text { width:90%; max-width:1080px;text-align:center; margin:0 auto; }
.banner .banner-text h1 {font-size: 2rem;color:#FFF;line-height:1.5; font-weight:bold }
.banner .banner-text p{font-size: 1.2rem;color: #ffffff; margin-top:1rem}
.banner .banner-text a { position:relative; display:block;font-size: 1.2rem;color: #ffffff; line-height:50px;border-radius: 3px;font-weight: 600;width:300px; height:50px;margin:0rem auto 0}
.banner .banner-text a span{ position:relative; z-index:3}
.banner .banner-text a:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(57,54,196); -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.banner .banner-text a:hover::before{opacity: 0 ;-webkit-transform: scale(0.5,0.5);transform: scale(0.5,0.5);}
.banner .banner-text a::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border: 1px solid rgba(255,255,255,0.5);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.banner .banner-text a:hover::after{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}
@media(min-width:768px) {
.banner { height:658px;padding:280px 0px 0;}
.banner .banner-text { }
.banner .banner-text h1 {font-size: 3.2rem;}
.banner .banner-text a {font-size: 1.2rem;   }
}
.pagebox { width:90%; max-width:1440px; margin:0 auto}
.title { text-align:center }
.title .title-a { font-size:1.8rem; color:#242f65 ;font-weight: bold; }
.title .title-p {font-size:1rem;color: #697876; line-height:1.6;width:100%; /*max-width:580px;*/ margin:0px auto 0  }
.whyw .title .title-a,.whyw .title .title-p { color:#FFF}
@media(min-width:768px) {
.title .title-a { font-size:2.52rem}
.title .title-p {font-size:1rem; margin-top:10px;}
}
.conta { background:#232d5f; color:#FFF; text-align:center}
.conta .conta-t { font-size:2.2rem; font-weight:bold }
.conta p{ font-size:1.08rem; line-height:2; margin-top:20px; }
.cont-service ul li { display:block; float:left; width:100%; margin-top:20px;}
.cont-service ul li .transition{ padding:30px; border: solid 1px #f0f0f0;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);height: 100%; }
.cont-service ul li .li-icon{ float:left; width:32px; }
.cont-service ul li .li-icon i { font-size:32px; color:#3936c4}
.cont-service ul li .li-text{ float:right;width:calc((100% - 50px) ); line-height: 2;}
.cont-service ul li .li-text h2{ font-size:1.2rem; color:#242f65 ;font-weight: bold;}
.cont-service ul li .li-text p { font-size:.8rem; color:#626a70; /*min-height:4.8rem*/ }
.cont-service ul li .transition:hover {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
@media(min-width:768px) {
.cont-service  { margin-top:30px;}
.cont-service ul { display: flex;}
.cont-service ul li {  width:calc((100% - 40px) /3); margin-right:20px;}
.cont-service.cont-service-ar ul li { margin-left:20px; margin-right:0}
.cont-service ul li:nth-child(3n) { margin-right:0; margin-left:0} 
}
.pricew { background:#deecff}
.price ul li { display:block; float:left; width:100%; background:#fcfcfc;border: 1px solid #bebebe;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); margin-top:40px; margin-right:-1px; padding-bottom:30px;}
.price ul li .price-top{ color:#FFF; text-align:center; padding:10px 0 20px; background:#3936c4}
.price ul li .price-top h2 { font-size:1.8rem }
.price ul li .price-top p { font-size:1rem; }
.price ul li:nth-child(2) {background:#ffffff;}
.price ul li:nth-child(2) .price-top{background:#18c379;}
.price ul li .price-cont{ color:#999; text-align:center; padding:20px 0 30px;border-bottom: solid 1px #bebebe; position:relative}
.price ul li .price-cont span.price-cont-a { position:absolute; top:2rem; margin-left:-1.2rem }
.price ul li .price-cont span.price-cont-b { font-size:5rem; color:#3936c4 }
.price ul li .price-item { padding:30px;}
.price ul li:nth-child(2) .price-item { padding-bottom:50px; }
.price ul li .price-item dl { font-size:.84rem; color:#626a70 ; padding-bottom:25px;}
.price ul li .price-item dl dt{ font-weight:bold; padding:6px 0 25px 0 }
.price ul li .price-item dl dd{line-height: 24px;padding: 6px 0 ; }
.price ul li .price-item dl dd i { font-weight:bolder; margin-right:10px;}
.price ul li a.price-btn{position:relative;display:block;font-size: 20px; color:#3936c4;font-weight: 500; line-height:44px; text-align:center;width:166px; height:52px; margin:0 auto;border: solid 2px #3936c4;border-radius: 3px;}
.price ul li a.price-btn:hover { background:#fcfcfc; border: solid 2px #fcfcfc}
.price ul li a.price-btn:hover{background:#fff;color:#3936c4;}
.price ul li a.price-btn:before,.price ul li a.price-btn:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background: #3936c4;transition:400ms ease all;}
.price ul li a.price-btn:after{right:inherit;top:inherit;left:0;bottom:0;}
.price ul li a.price-btn:hover:before,.price ul li a.price-btn:hover:after{width:100%;transition:800ms ease all;}

@media(min-width:768px) {
.price ul li {  width:33.33%; margin-top:90px;}
.price ul li:hover .price-top{ padding:20px 0 30px;}
.price ul li:nth-child(2) { margin-top:40px; }
}

.advantage ul li { display:block; float:left; width:100%;margin-top:20px; }
.advantage ul li .transition {padding:30px; border-radius:10px; box-shadow: 0px 12px 55px 0px rgba(0,0,0,0.1); }
.advantage ul li .advantage-icon { text-align:center}
.advantage ul li .advantage-icon i { font-size:56px; color:#3936c4}
.advantage ul li .advantage-text {font-weight: 300;font-size: 16px;line-height: 1.8em; text-align:center; }
.advantage ul li .advantage-text h2{ font-size:1.4rem; color:#242f65 ;padding:30px 0;}
.advantage ul li .advantage-text p{ font-size:.8rem; color:#626a70; line-height:2 }
.advantage ul li .transition:hover {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
@media(min-width:768px) {
.advantage { margin-top:30px;}
.advantage ul { display:flex}
.advantage ul li {  width: calc((100% - 50px)/3 ); margin-right:25px; }
.advantage.advantage-ar ul li {margin-left:25px; margin-right:0px; }
.advantage ul li:nth-child(3) { margin-right:0;margin-left:0}
.advantage ul li .transition { height:100%}
}
.whyw { background:#3936c4}
.why ul li {display:block; float:left; width: 100%; margin-top:20px;}
.why ul li .transition {padding:30px; height:100%;box-shadow: 0px 12px 55px 0px rgba(0,0,0,0.1);border-radius:10px; background:rgba(0, 0, 0, 0.1)}
.why ul li .transition:hover{ box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.why ul li h2{ font-size:1.46rem; color:#FFF; font-weight:bold; padding:20px 0 }
.why ul li p{ font-size:.9rem; color:#cdcdd4; line-height:2;   }
@media(min-width:768px) {
.why { margin-top:30px;}
.why ul { display: flex;}
.why ul li  { width: calc((100% - 20px)/2 ); margin-right:20px;}
.why.why-ar ul li {margin-left:20px; margin-right:0px; }
.why ul li:nth-child(2n) { margin-right:0;margin-left:0}
}
.benefits { }
.benefits .benefitsl{ width:100%; margin-top:30px}
.benefits .benefitsl dl {margin-top:20px;}
.benefits .benefitsl dl .transition {padding:30px;box-shadow: 0px 12px 55px 0px rgba(0,0,0,0.1);border-radius:10px;}
.benefits .benefitsl dl dt{ font-size:1.42rem; color:#242f65; font-weight:bold; margin-bottom:10px;  }
.benefits .benefitsl dl dd{ font-size:.8rem; color:#626a70; line-height:2 }
.benefits .benefitsr{ width:100%;margin-top:30px;}
.benefits .benefitsr .transition { overflow:hidden}
.benefits .benefitsr .transition:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); }
.benefits .benefitsr img { width:100%}
.benefits .benefitsl dl .transition:hover{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
@media(min-width:768px) {
.benefits .benefitsl{ float:left; width:48%; margin-top:30px}
.benefits .benefitsr{ float:right; width:48%;margin-top:50px;  }
}
.contn { background:#3936c4 }
.contn .contna{ width:100%; color:#FFF  }
.contn .contna p{ font-size:1.6rem; font-weight:bold;margin-bottom:10px; }
.contn .contna span{  font-size:.9rem; line-height:2;  }
.contn .contnb{ width:300px; margin:0 auto}
.contn .contnb a { display:block; width:160px; height:3rem; margin:0 auto;  font-size:1.32rem; color:#242f65; text-align:center; line-height:3rem; background:#FFF;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border: 1px solid rgba(255,255,255,0.5);position: relative;	}
.contn .contnb a span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%;	}
.contn .contnb a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(57,54,196);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.contn .contnb a:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1); color:#fff}
.contn .contnb a:hover {color:#fff}

@media(min-width:768px) {
.contn .contna{ float:left; width:calc((100% - 300px) ); }
.contn .contnb{ float:right; width:300px; }
}

.footer { padding:40px 0; background:#121227; font-size:.8rem;color:#fff; line-height:1.6 }
.footer .footerl img { display:inline-block;height:28px; margin-bottom:20px;}
.footer .footerr { margin-top:30px}
.footer .footerr { color:#fff }
.footer .footerr p { line-height:2}
.footer-c { padding:10px 30px 30px 30px; margin-top:30px;}
.footer-c a.footer-cbtn { display:block; margin-top:20px; font-size:1.2rem; color:#e1ff9d; text-align:center; line-height:3; background:#277768;border-radius:10px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;  }
.footer-c a.footer-cbtn:hover {background:#0c231f; color:#e1ff9d}
.copyright { background:#0c0c1b; font-size:.86rem; color:#b0b5c7; text-align:center; padding:20px 0}
.copyright a { color:#b0b5c7}
@media(min-width:768px) {
.footer { padding:80px 0;  font-size:1rem;}
.footer .footerl img { height:36px;}
.footer .footerl { float:left; width:43%;}
.footer .footerr { float:right; width:45%; margin-top:0;  color:#fff}
.footer-navw { padding:30px 0px 50px; margin:50px 10px; }
.footer-nav { float:left; width:70% }
.footer-nav ul li {width:32%; }
.footer-nav ul li dl dd a {line-height:2  }
.footer-c { float:right; width:30%; padding:30px 50px 50px 50px;}
.footer-c a.footer-cbtn{margin-top:20px; }
}

.howwework { margin-top:50px; color:#626a70}
.howwework img {padding-right: 30px;}
.howwework h3 {color: #242f65;line-height: 1.4;}
.howwework p { font-size:17px; line-height:2;}
.howwework a {color: #e99200;}
.step2, .step4 {padding-left: 100px;}
.step2 {background:url(/Content/img/line1.png) no-repeat scroll 45px 0 rgba(0, 0, 0, 0);margin: 0;padding-top: 40px;}
.step2 img {margin-top: -22px;padding-left: 16px;}
.step3 {background: url(/Content/img/line2.png) no-repeat scroll 50px 0 rgba(0, 0, 0, 0);padding-top: 50px;}
.step4 {background: url(/Content/img/line3.png) no-repeat scroll 57px 0 rgba(0, 0, 0, 0);padding-top: 60px;}
.step1, .step2, .step3, .step4 {clear: both;float: left;margin-bottom: 10px;min-width: 80%;}

.about.aboutbg { background:#f4f5f7  }
.about .about-l{padding: 7% 6%; }
.about .about-r img{ width:100% }
.about .about-l h2 {font-weight: 600;  color: #242f65;line-height: 1.2em; margin-bottom:20px;}
.about .about-l ul li{display: block;list-style: none;position: relative;margin-bottom: 15px;font-size: 15px;  color: #626a70;line-height: 1.7;padding-left: 28px; }
.about .about-l ul li::before {content: "";position: absolute;width: 20px;height: 20px;background: rgba(56,54,196,0.1);top: 5px;border-radius: 50%;left: 0;}
.about .about-l ul li::after {content: "";position: absolute;left: 5px;width: 9px;height: 9px;border-radius: 50%;background: #3936c4;top: 10px;}
@media(min-width:768px) {
.about .about-l,.about .about-r { width:50%; float:left }
}

.help .help-title {font-size: 22px;color: #242f65; font-weight:600;  }
.help .help-title.help-titlea { margin-top:30px  }
.sideToggle{   }
.sideToggle .sideToggle-title{ font-size:16px; color:#242f65 ;font-weight:600;line-height: 1.4em;  cursor:pointer;border:1px solid #e6ebf3; background:#f3f7fd;padding: 20px;margin-top: 30px;position:relative}
.sideToggle .sideToggle-title::after {content: "\e726"; position:absolute; font-family: "iconfont" !important;font-size: 16px;color: #c2ccda;right:20px;top: 50%;margin-top: -.5em;}
.sideToggle .sideToggle-content{  display:none;font-size: 15px;color: #626a70;line-height: 1.7em;font-weight: 500; padding: 20px;border:1px solid #e6ebf3; border-top:none ;}
.sideToggle .sideToggle-title.on { background:#fff; border-bottom:none}
.sideToggle .sideToggle-title.on::after {content: "\e667"; } 
@media(min-width:768px) {
.help .help-l,.help .help-r{ float:left; width:48.5%}
.help .help-r { float:right; }
}

.contact { }
.contact .contactl .contactl-title{ }
.contact .contactl .contactl-title h2{font-size: 22px;color: #242f65;line-height: 1.2em;font-weight: 600; }
.contact .contactl .contactl-title p{font-size: 14px;color: #626a70;line-height: 1.7em; margin-top:10px; }
.contact .contactl form li{ display:block; margin-top:20px; }
.contact .contactl form li input.text,.contact .contactl form li textarea{ height: 48px;
border-radius: 2px;
width: 100%;background-color: #fff;
border: 1px solid #bbb;
padding: 4px; font-size:14px;
color: #4e4e4e;}
.contact .contactl form li textarea{ height: 120px;}
.contact .contactl form li input.submit{height: 48px;
border-radius: 2px;
width: 100%;background: #3936c4;
color: #ffffff;
border-color: #3936c4;
font-size: 18px; margin-top:10px; cursor:pointer; text-align:center!important}
@media(min-width:768px) {
.contact .contactl { width:50%; float:left }
.h-captcha { float:left;}
.contact .contactl form li input.submit { float:right; width: 50%;}
}

.site-headera.site-headera-ar .top .logo a{ display:block; width:100%;text-align:left }
.site-headera.site-headera-ar .top .logo a img { display:inline-block}

.cont-service.cont-service-ar ul li .li-text,
.price.price-ar ul li .price-item,
.why.why-ar ul li,
.benefits.benefits-ar .benefitsl dl,
.contn.contn-ar .contna,
.footer.footer-ar,
.howwework.howwework-ar .step *,
.about.about-ar .about-l *,
.contact.contact-ar .contactl *,
.help.help-ar *{ text-align:left}

/*.about.about-ar .about-l ul li::before {content: "";position: absolute;top: 5px;right: 0;width: 20px;height: 20px;background: rgba(56,54,196,0.1);border-radius: 50%;}
.about.about-ar .about-l ul li::after {content: "";position: absolute;top: 10px;right: 5px;width: 9px;height: 9px;border-radius: 50%;background: #3936c4;}*/