@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 12px/1.8 "微软雅黑"; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/ce0d58c3caf64bc38c1de6f82814527a.gif); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
a{ text-decoration:none;}
ol, ul ,li{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
th, td { padding: 0; }
.left{ float:left;}
.right{ float:right}
.clear{ clear:both;}
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: rgba(86, 177, 255, 0.20); color: #fff; text-shadow: none; }
::selection { background: rgba(86, 177, 255, 0.20); color: #fff; text-shadow: none; }
/*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
	width: 6px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {

	-webkit-box-shadow: inset 0 0 6px #be7f26;
	background-color:#be7f26;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.inner { width: 1500px; margin: 0px auto; }
.insideW { width: 1500px; margin: 0px auto; }

.nav-box { display: block; width: 100%; position: absolute; line-height: 1; left: 0; top: 0; text-align: center; }
.mon { float: right; position: relative; z-index: 10; }
.monline { float: left; margin-top: 20px; margin-right: 18px; }
.monline strong { display: block; line-height: 1; color: #646464; border: 1px solid #7f8b90; border-radius: 5px; font-weight: normal; padding: 3px; float: left; width: 24px; }
.monline b { float: left; color: #0d4194; font-size: 30px; line-height: 33px; font-weight: normal; margin-left: 12px; font-family: "Conv_Helvetica-Condensed-Light"; }
.monstar { float: left; width: 96px; }
.monstar a { display: block; padding-top: 46px; position: relative; height: 28px; line-height: 1; text-align: center; color: #323232; }
.monstar a:hover img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }

.w_1500{ width:1500px; margin:0 auto;}
.banner-box { position: relative; }

@-webkit-keyframes slideIn {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes slideIn {
    0% { width: 0; }
    100% { width: 100%; }
}

.baby { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.btime { text-align: center; margin-bottom: 3.5%; opacity: 0; }
.btime img { display: block; margin: auto; line-height: 1; }
.bdpage1 { text-align: center; }
.bdpage1 img { display: block; margin: auto; opacity: 0; transform: scale(1, 1) translateY(100%); }
.bannerwr { position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.mindles { position: absolute; left: 50%; margin-left: -90px; top: 41.42%; opacity: 0; transform: scale(1, 1) rotate(-180deg); z-index: 20; }
.worries-info mark { display: block; width: 100%; height: 100%; background: #caf0fb; position: absolute; left: 0; top: 0; z-index: 10; transform: translateX(0%); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: 1s 0.8s; }
.banner-box .flex-direction-nav { position: absolute; left: 57px; bottom: 40px; z-index: 20; height: 24px; width: 93px; }
.banner-box .flex-direction-nav:before { content: ""; width: 13px; height: 24px; background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/line.png) center no-repeat; position: absolute; left: 40px; top: 0; }
.banner-box .flex-direction-nav li { float: left; }
.banner-box .flex-direction-nav li.flex-nav-next { float: right; }
.banner-box .flex-direction-nav li a { display: block; width: 14px; height: 23px; text-indent: 8888px; overflow: hidden; }
.banner-box .flex-direction-nav li a:hover { opacity: 0.8; }
.banner-box .flex-direction-nav li a.flex-prev { background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/prev.png) center no-repeat; }
.banner-box .flex-direction-nav li a.flex-next { background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/next.png) center no-repeat; }
.numble { position: absolute; left: 170px; bottom: 40px; z-index: 20; }
.numble span { display: inline-block; float: left; line-height: 24px; color: #0d4194; font-size: 15px; }
.numble b { display: inline-block; float: left; color: #0d4194; line-height: 24px; font-weight: normal; font-size: 15px; margin: 0 4px; }

.enav.showinfo { display: block; }
.enav { position: relative; text-align: left; display: none; }
.navigate { float: left; padding-left: 136px; margin-top: 33px; width: 45%; }
.navigate .logoin { display: inline-block; vertical-align: bottom; margin-left: 30px; padding-top: 72px; }
.navigate .logoin a { font-size: 14px; color: #fff; margin-right: 14px; line-height: 1; padding-bottom: 3px; position: relative; }
.navigate .logoin a:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.navigate .logoin a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.navigate .logoin .line { font-size: 12px; color: #fff; margin-right: 14px; line-height: 1; padding-bottom: 3px; position: relative; }
.navtt { height: 130px; align-items: center; margin-bottom: 20px; display: -webkit-flex; display: flex; }
.navtt img { line-height: 1; max-height: 100%; display: inline-block; vertical-align: bottom; }
.levalMenu { position: relative; }
.levalMenu > li { float: left; margin-right: 50px; margin-bottom: 15px; }
.levalMenu > li:last-child { margin-right: 0; }
.levalMenu > li > a { display: block; line-height: 1; padding-bottom: 17px; color: #fff; font-size: 17px; position: relative; }
.levalMenu > li > a:before { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.levalMenu > li:hover > a:before, .levalMenu > li.now > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.levalMenu > li.now .menudown { display: block; }

.wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition: transform 1s cubic-bezier(0.86,0,0.03,1); }
.wrapper .page { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.3; transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); }

.wrapper.active-page1 .page.page1 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page1 .page.page1 img{ width:100%;}
.wrapper.active-page2 .page.page2 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page2 .page.page2 .leaf h1 { -webkit-animation: flipInX 1s 0.4s ease-in-out both; -moz-animation: flipInX 1s 0.4s ease-in-out both; -ms-animation: flipInX 1s 0.4s ease-in-out both; animation: flipInX 1s 0.4s ease-in-out both; }
.wrapper.active-page2 .page.page2 .process-info { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.wrapper.active-page2 .page.page2 .process-info2 { transition: 0.5s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); }

.wrapper.active-page3 .page.page3 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page3 .page.page3 .leaf h1 { -webkit-animation: flipInX 1s 0.4s ease-in-out both; -moz-animation: flipInX 1s 0.4s ease-in-out both; -ms-animation: flipInX 1s 0.4s ease-in-out both; animation: flipInX 1s 0.4s ease-in-out both; }
.wrapper.active-page3 .page.page3 .formuladown i { height: 50px; transition: 0.7s 0.4s; }
.wrapper.active-page3 .page.page3 .formuladown a { -webkit-animation: tinUpIn 0.88s 0.6s ease-in-out both; -moz-animation: tinUpIn 0.88s 0.6s ease-in-out both; -ms-animation: tinUpIn 0.88s 0.6s ease-in-out both; animation: tinUpIn 0.88s 0.6s ease-in-out both; }
.wrapper.active-page4 .page.page4 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page5 .page.page5{ opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page6 .page.page6 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }

.nav-panel { position: fixed; top: 50%; margin-top: -57px; left: 2%; z-index: 55; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); will-change: transform, opacity; }
.nav-panel.hide { opacity: 0; visibility: hidden; }
.nav-panel ul { width: 20px; height: 155px; position: relative; }
.nav-panel ul li { width: 18px; height: 13px; background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/dia.png) no-repeat; cursor: pointer;position: absolute; }
.nav-panel ul li:before { content: ""; width: 18px; height: 13px; background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/huz.png) no-repeat; position: absolute; left: 0px;top: -2px; transition: 0.32s cubic-bezier(0.57, 1.2, 0.68, 2.6); display:none; }
.nav-panel ul li.active:before { display:block;}

.nav-panel ul li.nav-page1 { right: 0; top: 0; }
.nav-panel ul li.nav-page2 {     right: 0;
    top: 23px;}
.nav-panel ul li.nav-page3 {     right: 0;
    top: 46px; }
.nav-panel ul li.nav-page4 {     right: 0;
    top: 69px; }
.nav-panel ul li.nav-page5 {     right: 0;
    top:92px; }
.babies { position: absolute; left: 50%; margin-left: -750px; text-align: center; top: 0; height: 100%; }
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
     }
    15% {
        opacity:0.9;
    }
    25% {
        opacity:0.8;
    }
	40% {
        opacity:0.9;
    }
    50% {
        opacity: 0.8;    
    }
	60% {
        opacity: 0.9;    
    }
    75% {
        opacity:0.8;
    }
	100% {
        opacity:1;
    }
}

/*第一屏banner*/

.txt_info{ background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/txt_png24.png) no-repeat;}
.download_btn, .s_left, .s_right, .sina_ico, .opt_ico, .switch_list span{ background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/sp_png24.png) no-repeat;}
.hd{ position:absolute; left:-9999em;}
.wp{ width:775px; margin:0 auto; position:relative;}


.content01{ position:relative;zoom:1;}
.content01 .main{ width:1100px; margin:0 auto;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%;}
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}
.bg_colors .wp{ height:830px;}
.img_area{width:775px; height:424px;padding-top: 23%;}
.img_area .s_img{ width:775px; height:404px;}
.item_txt_box{ width:370px; height:340px; position:absolute; top:0; left:720px;}
.item_txt{width:370px; height:340px; position:absolute; top:0; left:-9999px;}
.item_txt_box .on{ left:0;}
.detail{ color:#fff; font-size:12px; line-height:20px; position:absolute; left:5px; bottom:0; width:370px; overflow:hidden;}
.detail ul{ height:80px; overflow:hidden;}
.detail ul li, .detail p{opacity:0.7;filter:alpha(opacity=70); width:362px; height:20px; overflow:hidden;}
.download_btn{ background-position:0 -125px; display:block; width:126px; height:60px; padding-left:80px; font-size:24px; color:#fff; line-height:58px; margin:15px 0 5px 0;}
.download_btn:hover{ background-position:0 -188px; text-decoration:none;}
.chk_link{ color:#fff; text-decoration:none;}

.bgs_box .wp{ position:absolute;left:8%;top:50%; margin-top:-260px; height:auto!important; z-index:0!important; }

.bgs_1{ background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/banner.jpg) no-repeat center top #fff; background-size:cover;}
.bgs_1 a{ display:block; width:100%; height:100%;}
.bgs_2 a{ display:block; width:100%; height:100%;}
.bgs_3 a{ display:block; width:100%; height:100%;}
.bgs_1 .s_img{  width:775px; text-align:center; height:404px;}
.item_txt_1 .txt_info{ background-position:0 0; width:383px; height:130px;}
.bgs_1 .s_img h2{ font-weight:normal;  }

.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background-position:0 0;  left:10px;}
.s_left:hover{ background-position:0 -62px;}
.s_right{ background-position:-62px 0; right:10px;}
.s_right:hover{ background-position:-62px -62px;}

.switch_list{ position:absolute;     left: 49%;
    bottom: 4%; height:22px; margin-left:-30px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{ background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/dian01.png) no-repeat 0; float:left; vertical-align:top; width:17px; height:22px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;-webkit-animation: flipInX 1s 0.4s ease-in-out both; -moz-animation: flipInX 1s 0.4s ease-in-out both; -ms-animation: flipInX 1s 0.4s ease-in-out both; animation: flipInX 1s 0.4s ease-in-out both;}
.switch_list .on{ background: url(../../external.html?link=https://www.w-e.cc/statics/6663/images/dian_ch.png) no-repeat 0;width:51px; height:22px; _background-position:0 0;}


.bgs_2{ background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/banner01.jpg) no-repeat center top #fff; background-size:100% 100%;z-index:0;}
.bgs_2 .s_img{  width:775px; height:404px;}
.item_txt_2 .txt_info{ background-position:0 -156px; width:383px; height:105px;}
.bgs_2 .s_img h2{ font-weight:normal;text-align:center; }

.bgs_3{ background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/four_bgone.png) no-repeat center top #fff; background-size:100% 100%; z-index:0;}
.bgs_3 .s_img{width:775px; height:404px;}
.item_txt_3 .txt_info{ background-position:0 -295px; width:383px; height:110px;}
.bgs_3 .s_img h2{ font-weight:normal;text-align:center; }
.bgs_4{ background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/xbanner.jpg) no-repeat center top #fff; background-size:cover;}
.bgs_4 a{ display:block; width:100%; height:100%;}
.bgs_5{ background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/xbanner2.jpg) no-repeat center top #fff; background-size:cover;}
.bgs_5 a{ display:block; width:100%; height:100%;}

.item_img_css3{
	-webkit-animation:img_item .8s ease-out;
	animation:img_item .8s ease-out;
}

@-webkit-keyframes img_item{
	0%{-webkit-transform:translateX(-100px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item{
	0%{transform:translateX(-100px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_img_css3 .shadow01{
	-webkit-animation:img_item01 .8s ease-out;
	animation:img_item01 .8s ease-out;
}

@-webkit-keyframes img_item01{
	0%{-webkit-transform:translateX(200px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item01{
	0%{transform:translateX(200px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_txt_css3{
	-webkit-animation:txt_item .8s ease-out;
	animation:txt_item .8s ease-out;
}
@-webkit-keyframes txt_item{
	0%{-webkit-transform:translateX(100px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes txt_item{
	0%{transform:translateX(100px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}


.bor_top{ border-top:#2c94f8 solid 4px; overflow:hidden; min-width:1100px;}
.content01 .faqs_area{ width:1100px; margin:0 auto; position:relative; min-height:1000px; _height:1000px;  font-size:14px;}
.left_col{ position:absolute; left:0; top:0;width:165px; padding-left:28px; height:100%; _height:2000px; border-right:#e7e7e7 solid 1px;}
.ques_wp{ padding-top:36px;color:#3e3e3e;}
.ques_wp a{ color:#3e3e3e}

.ques_list_select {background:#2c94f8; color:#fff;}
.opt_ico{ float:left; width:16px; height:16px; margin:2px 10px 0 0; display:inline; _margin-top:0; overflow:hidden;}
.pack_up .opt_ico{ background-position:-137px -62px;}
.drop_down .opt_ico{background-position:-155px -62px;}
.pack_up .ques_item{ display:none;}

.right_col{ padding:36px 0 100px 245px; }
.faqs_wp{ color:#737373; width:638px;}

/*第一屏banner结束*/

.w_1300{ width:1200px; margin:0 auto;}
.w_1200{ width:1200px; margin:0 auto;}



.page.page1{}
.cony{ width:100%; position:absolute; top:0; left:0; height:100%; z-index:5;}

.page.page1 .pp{ display:none;}
.page.page2 .bg6{ display:none;}
.page.page2 .bg7{ display:none;}

.page.page2{}
.page.page2 .pagebg{ height:100%;}
.page.page2 .pagebg .w_1200{ height:100%;}
.page.page2 .pagebg .wwer{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:9999;}

.page.page4 .pagebg{ height:100%; background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/four_bgone.png) no-repeat top center;}
.page.page5 .pagebg{ height:100%; background:url(../../external.html?link=https://www.w-e.cc/statics/6663/images/four_bgone.png) no-repeat top center;}
.w1024{ display:none;}