@charset "utf-8";
/*
	westdrug | 2018(yy)/03(mm)/07(dd) 
	http://www.268xue.com 
	desc:268教育软件 - 在线教育整体解决方案提供商
*/
/*---mw reset---*/
body{overflow-x: hidden;touch-action: pan-y;-webkit-overflow-scrolling: touch;background: #fff;}
.b-fff{background-color: #f7f9fb;}
.b-white{background-color: #fff;}
.page.page-current, .page-group.page-current{overflow-y: auto;background-color: #f7f9fb;}
.text-right{text-align: right;}
.clear{height: 0;overflow: hidden;clear: both;}
ul,ol,li,dl,dt,dd{margin: 0;padding: 0;list-style: none;}
/*---mw style---*/
#header{ background-color: #fff; top: 0;/*background: rgba(0,0,0,.93); position: fixed;*/ height: auto;padding: 0;z-index: 1;}
.header-wrap{height: 2.8rem;position: relative;}
.logo{position: absolute;width: 3rem;top: 0;left: 1.5rem;margin: 0;}
.logo img{vertical-align: middle;width: 100%;}
.mw-nav-tel {display: block;position: relative;height: 100%;}
.mw-nav-btn{position: absolute; margin-right: .5rem; right: .5rem;top: 50%;bottom: 0;width: 1.0811rem;height: 0.973rem;margin-top: -.8rem;}
.mw-nav-icon{background: url(/company/mobile/v3/img/list.png) no-repeat;width: 1rem;height: .85rem;background-size:100% 100%;vertical-align: middle;margin: 0.375rem .3rem;}
.mw-nav-close{background: url(/company/mobile/v3/img/close.png) no-repeat;width: 1rem;height: 1rem;background-size: 100% 100%;}
.mw-nav-bx {position: relative;width: 100%;right: 0;left: 0;top: 0;bottom: 0;overflow: hidden;opacity: 0;z-index: -1;}
.mw-nav-b-wrap {background: #fff;padding: 0.45rem 1.5rem 0.5rem;}
#header.mw-nav-show {background: rgba(0,0,0,.93);}
.mw-nav-bx{transition: .5s;-webkit-transition: .5s;}
.mw-nav-show .mw-nav-bx {opacity: 1;z-index: 3;}
.mw-nav-ol li .icon{font-size: 0.5rem;float: right;padding: 0 .1rem;line-height: 2rem;}
.mw-nav-ol li a {color: #6E6E6E;display: block;line-height: 2rem;/*height: 2rem;*/font-size: 0.75rem;}
.second-level{display: none;}
.second-level li a{height: 1.5rem;line-height: 1.5rem;font-size: 0.65rem;}
.mw-nav-ol li.active .second-level{display: block;}

.second-level-flex{width: 100%; display: flex;}
.second-level-flex li{flex: 1; text-align: center;}
.second-level-bd{    color: #6e6e6e;display: block;line-height: 2rem;font-size: 0.75rem;}


.m-content{top: 2.8rem;position: absolute;left: 0;right: 0;bottom: 0;}

.video-wrap {background: url(/company/mobile/v3/img/banner-bg.jpg) no-repeat;background-size: cover;width: 100%;/*max-height: 15.6rem;*/position: fixed;top: 0;right: 0;bottom: 0;overflow: hidden;left: 0;z-index: -1;}
.video-wrap * {display: none;}
.carousel-wrap{height: 166px !important;top:2.8rem;background: url(/company/mobile/v3/img/ab_banner_bg.jpg) no-repeat;background-size: cover;}

.sc-slogn-txt {padding: 1.85rem 1rem;text-align: center;color: #fff;position: relative;}
.sc-slogn-txt h2 {line-height: 1.6rem;font-size: 1.2rem;letter-spacing: 0.2rem;font-weight: normal;margin: 0;/*height: 3.2rem;*/}
.sc-sub-slogn-txt {margin-top: 1rem;/*height: 4.6rem;*/}
.sc-sub-slogn-txt p {margin: 0 0 0.3rem 0;line-height: 1rem;/*height: 0.7rem;*/font-size: .55rem;letter-spacing: 0.05rem;}
.sc-btn-bx {margin-top: 1.05rem;}
.sc-btn {height: 0.7rem;line-height: 0.7rem;padding: 0 0.625rem;border-radius: 0.5rem;}
.sc-btn span {font-size: 0.3rem;}

/*footer CSS*/
.footer {padding: 1.75rem 0;background-color: #060914;}
.foot-link-bx{padding: 1.5rem 0 0;}
.foot-link-bx dl{margin-top: -1.5rem;}
.foot-link-bx dt,.foot-link-bx dd{width: 49%;display: inline-block;}
.foot-link ol li{width: 100%;}
.foot-link ol li a {line-height: 0.75rem;height: 0.75rem;color: #939494;font-size: .75rem;}
.foot-copyright{margin-top: 1.35rem;line-height: 200%;word-spacing: normal;word-break: break-word;color: #939494;font-size: .6rem;}
.foot-copyright p{margin: 0;}
.f-title{color: #b2b2b2;display: block;}
.f-line{width: .9rem;height: .15rem;background-color: #b2b2b2;display: block;margin: .5rem 0 1.5rem;}
.foot-hot-bx a{font-size: .75rem;display: inline-block;width: 32.3%;color: #939494;}
.ft-gz{width: 50%;width: 6.2rem;height: 6.2rem;}
.ft-gz img{width: 100%;display: block;vertical-align: middle;}

.vp-pro-bx {width: 75%;margin: 0 auto 0.5rem;}
.vp-pro-title {line-height: 1.25rem;height: 1.25rem;margin-top: -0.25rem;}
.vp-pro-title aside {font-size: 0.6rem;}
.vp-pro-line {height: 0.55rem;}
.vp-pro-links dl {margin-top: 0.65rem;min-height: 0.9rem;padding-left: 1.25rem;}
.vp-pro-links dl dt {top: 50%;margin-top: -0.43rem;}
.vp-pro-links dl dt em {width: 0.87rem;height: 0.87rem;}
.pro-name {line-height: 0.7rem;height: 0.7rem;font-size: 0.5rem;}
.pro-aHref {line-height: 0.7rem;height: 0.7rem;}
.pro-aHref * {font-size: 0.4rem;}

.m-v-bx {padding-bottom: 0.875rem;}
.m-v-c-title {padding: 0 0.375rem;margin-top: 0.875rem;}
.m-v-c-title h3 {font-size: 0.5rem;line-height: 0.8rem;letter-spacing: 0.09rem;margin-bottom: 0.25rem;}
.m-v-c-title h5 big {font-size: 0.6rem;line-height: 1.0rem;height: 1.0rem;margin: 0;letter-spacing: 0;}
.m-v-c-title h5 big small {top: -0.3rem;right: -0.35rem;}
.t-des-text {font-size: 0.3rem;line-height: 0.5rem;}

.vp-thr-ul ul li {float: none;margin: 0;width: 100%;}
.vp-thr-ul ul li .vp-thr-box {height: 5.0rem;width: 5.0rem;margin: 0 auto;}
.vp-thr-ul ul li:last-child .vp-thr-box {overflow: hidden;}
.vp-thr-desc {margin-top: -0.25rem;}
.vp-thr-desc p {font-size: 0.3rem;}
.vp-thr-ul ul li:nth-child(2) .animation {height: 4.0rem;}
.ellipses-container {height: 5.0rem;width: 5.0rem;}
.ellipses__outer--thin {height: 3.6rem;width: 3.6rem;margin: -1.8rem 0 0 -1.8rem;}
.ellipses__orbit {width: 0.5rem;height: 0.5rem;top: 50%;right: 50%;margin: -0.25rem 0 0 -0.25rem;}
.ellipses__orbit:before {width: 0.125rem;height: 0.125rem;}
.loader {-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scale(0.8);-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scale(0.8);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg) scale(0.8);transform: translateX(-50%) translateY(-50%) rotate(-90deg) scale(0.8);}

.apply-ele-bx {background: none;padding: 0;margin: 0;width: inherit;}
.apply-ele-bx .news-apply-bx {width: 100%;padding: 20px 0;}

.m-v-g-bx {padding-left: 0.375rem;padding-right: 0.375rem;}
.news-apply-bx {width: 100%;}
.news-apply-bx .mr25,.news-apply-bx .ml25 {margin: 0;}
.news-bx dl {padding: 0 0 0.375rem 1.95rem;min-height: 1.25rem;}
.news-time {width: 1.5rem;height: 1.05rem;padding-top: 0.2rem;line-height: 0.45rem;}
.news-time big {font-size: 0.6rem;}
.news-time small, .news-desc span {font-size: 0.3rem;}
.news-title, .news-desc {height: 0.75rem;line-height: 0.75rem;}
.news-title a {font-size: 0.45rem;}
.suBtn {height: 0.9rem;line-height: 0.8rem;padding: 0 0.75rem;font-size: 0.45rem;margin-top: 0.125rem;}

/*case*/
.case-sort-bx {display: none;}
.case-list dd h2 {font-size: 0.9rem;margin: 0;font-weight: normal;}

.case-view {position: relative;overflow: hidden;min-height: 620px;padding: 0 .5rem;}
.case-list {margin-top: 2.5rem;}
.case-list dl {overflow: hidden;border-bottom: .05rem solid #ddd;padding-bottom: .75rem;padding-left: 4.9rem;margin-bottom: 1rem;position: relative;-webkit-transition: .6s;transition: .6s;}
.case-list dd {color: #666;min-height: 9rem;overflow: hidden;}
.case-list dd p {font-size: .7rem;margin: .25rem 0 0;}
.case-desc {height: 2rem;overflow: hidden;font-size: .7rem;line-height: 1rem;color: #777;margin-top: .25rem;text-align: justify;}
.case-list dt {position: absolute;left: 0;top: 0;}
.case-pic-bx {width: 4.2rem;height: 4.2rem;overflow: hidden;position: relative;}
.case-pic-bx img{width: 100%;height: 100%;}
.case-txt {position: absolute;bottom: 0.2rem;height: 1.2rem;width: 4.2rem;text-align: center;z-index: 0;}
.case-txt a {color: #fbfbfb;text-decoration: underline;font-size: .6rem;line-height: 1.2rem;}
.case-txt a:hover {color: #fff;text-decoration: none;}
.round-bg {background: url(/company/img/round-bg.png) no-repeat 0 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-size: cover;}
.gogw {margin-top: 20px;text-align: center;}
.gogw a {border: .05rem solid #2F75BB;border-radius: 1.5rem;color: #2F75BB;font-size: .72rem;line-height: 1.5rem;display: inline-block;width: 6rem;height: 1.5rem;-webkit-transition: .6s;transition: .6s;}
.gogw a:hover {border-color: #479FF8;color: #479FF8;border-radius: .5rem;text-decoration: none;}
.gogw a small {font-family: 'SimSun';margin-left: 3px;vertical-align: middle;}

/*new CSS*/
.i-content{padding: 0 1.5rem;}
.aboutMain{padding: 1.5rem 0 .7rem;}
.dTitle{text-align: center;color: #616161;font-size: 1.1rem;margin: 0 0 .5rem;}
.aboutTxt{font-size: 0.75rem;color: #333;}
.require-ul{padding: 1rem .75rem 0;}
.require-ul li{width: 33.33%;margin-bottom: .45rem;list-style: none;float: left;}
.require-ul h2{font-size: .7rem;color: #303235;margin: 0 0 .8rem;}
.vp_require_bx svg{width: 2.6rem;height: 2.6rem;}
.vp_productAll_ul ul{margin-top: -.5rem;}
.vp_productAll_ul ul li {float: none;margin: 1.5rem 0;width: 100%;text-align: center;list-style: none;background-color: #fff;border-radius: .5rem;}
.vp_product_bx{padding: 2.1rem 1.15rem;}
.vp_productAll_ul .pro-svg svg {width: 2.4rem;height: 2.4rem;}
.vp_productAll_ul .pro-svg p{font-size: .8rem;line-height: 1rem;margin: 0 0 .5rem; color: #111;}
.vp_product_desc{height: 3rem;overflow: hidden}
.vp_product_desc p{font-size: .6rem;line-height: 1rem;color: #111;text-align: left;}
.i-product h5{color: #53a4ff;font-size: 1rem;line-height: 1.5rem;margin: 0 0 .7rem;}
.i-product h5 big{margin: 0;letter-spacing: 0;display: inline-block;position: relative;}
.i-product h5 big small {top: -0.35rem;right: -0.65rem;position: absolute;}
.all-case-ul ul{padding: .25rem 0 .75rem;}
.all-case-ul li{width: 49%;text-align: center;margin-top: 0.5rem;list-style: none;display: inline-block;}
.all-case-ul li img{max-width: 100%;display: block;overflow: hidden;vertical-align: middle;}

/*ecological begin*/
.ecological-list{padding: 1.5rem 0 .7rem;}
.ecological-list li{width: 100%;float: none;padding: .8rem 0;margin: 0;}
.ecological-list li .ecological-li{margin: 0;}
.ecological-list li img{width: 100%;vertical-align: middle;}
.e-h-box{padding: 1.3rem 0 0;}
.e-h-box h3{font-size: .8rem;line-height: 1.2rem;color: #111;letter-spacing: .1rem;margin: 0 0 .7rem 0;}
.e-l-line{height: .1rem;width: .8rem;background-color: #111;}
.ecological-list li .e-h-box p{color: #333;font-size: .63rem;line-height: 1.2rem;min-height: 2rem;max-height: 3.6rem;text-align: justify;}
.ecExam{background: url(/company/img/ecologicalExam-bg.jpg) no-repeat 50% 0;width: 100%;height: auto;background-size: cover;}
.examBox{padding: 2rem 0 1.6rem;}
.examBox em{display: inline-block;width: 2rem;background: url(/company/img/exam.png) no-repeat 50% 0;height: 1.5rem;background-size: cover;margin: .25rem 0;padding-right: .75rem;}
.exam-txt{display: inline-block;vertical-align: top;padding-left: .75rem;border-left: solid .05rem #b6c7e2;margin-left: .5rem;}
.exam-txt p{text-align: left;color: #fff;margin: 0;line-height: 1rem;}

/*about---introduce CSS*/
#ab-play svg{vertical-align: text-bottom;width: 1.5rem;height: 1.5rem;}
.m-i-head{padding-top: 1.6rem;}
.m-i-head h1{font-size: 1.5rem;font-weight: normal;margin: 0;}
.m-i-head .line{width: 1.5rem;height: .1rem;margin: .5rem 0;background-color: #398ae6;}
.m-iTxt{font-size: .8rem;padding-top: .5rem;}
.m-iTmain{margin-top: .8rem;}
.m-iTmain p{font-size: .65rem;line-height: 1.2rem;color: #333;text-align: justify;}
.m-i-box{padding-bottom: .5rem;}
.i-b-f-main{text-align: center;padding: .6rem 0;}
.i-b-f-main img{width: 7rem;}
.m-i-con .i-b-head{font-size: .8rem;}
.m-i-con p{font-size: .65rem;line-height: 1.2rem;text-align: justify;}
.f-about{height: auto;background: url(/company/img/fabout-bg.jpg) no-repeat;background-size: 100% 100%;}
.fAbout-txt{padding: 1.05rem 0;}
.fAbout-txt p{font-size: 1rem;font-weight: bold;margin: 0;}
.fAbout-txt a{font-size: .9rem;color: #fff;height: 2rem;line-height: 2rem;border-radius: .1rem;padding: 0 2.35rem;margin-top: .95rem;display: inline-block;background-color: #3488f9;}

/*about---culture CSS*/
.m-l-culture{padding-top: .65rem;}
.m-l-culture img{width: 100%;vertical-align: middle;overflow: hidden;}
.m-l-culture .m-iTxt,.m-l-culture .m-iTmain{margin-top: .3rem;}
.m-cultureMain{margin-top: .85rem;}
.m-aboutList{padding-bottom: .5rem;}
.m-aboutList li{padding: .5rem 0;}
.m-ab-txt{padding: .5rem .75rem .55rem;box-shadow: 0 0 .4rem rgba(0,0,0,.15);}
.m-ab-txt h2{padding-bottom: .5rem;border-bottom: solid .05rem #f7f9fb;color: #111;position: relative;font-size: .8rem;}
.m-ab-txt h2 span{font-size: .5rem;color: #333;padding-left: .5rem;}
.m-ab-txt p{font-size: .6rem;color: #333;margin-top: .44rem;}
.m-line{position: absolute;bottom: -.05rem;left: 0;width: 1.25rem;background-color: #398ae6;height: .1rem;}

/*about---developHistory CSS*/
.timeLine{padding: .3rem 0 .7rem;}
.timeLine li{position: relative;}
.timeLine li .tl-txt{margin: .4rem 0 0 .98rem;padding: .5rem 0 .5rem 2rem;border-left: dashed .05rem #959ca9;}
.timeLine li .tl-txt em{background: url(/company/img/timeBg.png) no-repeat;background-size: cover;display: block;width: 1.1rem; height: .8rem;margin-bottom: .5rem;}
.timeLine li p{font-size: .6rem;color: #333;line-height: .9rem;margin: 0;text-align: justify;}
.second-txt{margin-top: .5rem;}
.timeLine li p.year{font-size: .95rem;font-weight: bold;margin: 1rem 0;}

/*about---contact CSS*/
.ab-map-bx{margin: 1rem 0 .5rem;height: 12rem;}
.m-contactWay{padding: .75rem 1.5rem 1.25rem;}
.m-cowList{padding: 0;}
.m-cowList li{font-size: .7rem;color: #333;line-height: 1.2rem;}

/*apply CSS*/
.a_form{padding: 3.5rem 1.5rem;}
.a_form header{height: 2.8rem;border-radius: .1rem;box-shadow: 0 0 7px rgba(0,0,0,.1);background-color: #fafafa;line-height: 2.8rem;text-align: center;font-size: 1rem;color: #333;}
.a_form header,.apply-form li{margin-bottom: 1.6rem;}
.apply-form span{display: block;color: #333;font-size: .75rem;line-height: 1rem;margin-bottom: .25rem;}
.apply-form input,.apply-form select{line-height: 2rem;height: 2rem;padding: 0 .5rem;width: 100%;border-radius: .25rem;border: solid 1px #d1d1d5;color: #666;font-size: .6rem;background-color: #f7f9fb;}
.applybtn input.suBtn{background-color: #398ae6;border: none;border-radius: .1rem;color: #fff;margin: 0;font-size: .9rem;letter-spacing: .2rem;}

/*宣传片 CSS*/
.bg-shadow{background: #000;opacity: 0.3;filter: alpha(opacity=30);position: fixed;_position: absolute;height: 100%;width: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 11;display: none;}
.videoPlay{width:100%;height: 12rem; position:fixed; top:50%; left:0; margin:-6rem 0 0 0;background:#fff;z-index: 15;display: none;box-shadow: 0 0 50px rgba(33,28,28,.5);}
.loading{background: url(/company/img/loading.svg) no-repeat 50% 10%;min-height: 600px;display: none;}
.close{ width:56px; height:56px; position:absolute; top:0; right:0;display:block; background:url(../img/close.png) no-repeat;}