html,body{width:100%;display: block;}
body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,button,textarea,th,td,p,tbody,thead,tfooter{
	margin:0;padding:0;font-family:"Microsoft YaHei","sans-self", Verdana, Arial; font-size:12px;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}
input,button,select,textarea{outline:none; font-family:"Microsoft YaHei",Verdana,Arial; border: 1px solid #dbdbdb; padding:5px; }
button{border:none; }
input:focus,select:focus,textarea:focus{border-color:#34a853 !important; }
ul,li{list-style:none;}
textarea{resize:none;}
.fl{float:left;display:block;}
.fr{float:right;display:block;}
.abs{position:absolute;}
.rel{position:relative;z-index: 2;}
.table{display:table;width:100%;height:100%;vertical-align:middle;}
.tableCell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.clear:after{content:"";display:block;clear:both;height:0px;visibility:hidden;}
.clear{zoom:1;}
a{text-decoration:none; color:#34a853; }
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{background:#fff; overflow-x:hidden; }
.center{width: 1200px; margin: 0 auto; padding-left:20px !important; padding-right:20px !important; }

/*头部*/
.top-wrap{width: 100%; background:#fff; }
.top-top{width: 100%; height:auto;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafbfc));
	background: -webkit-linear-gradient(#fff, #fafbfc);
	background: -moz-linear-gradient(#fff, #fafbfc);
	background: -o-linear-gradient(#fff, #fafbfc);
	background: linear-gradient(#fff, #fafbfc); 
}
.top-logo{height:55px; line-height:55px; padding-left:15px; }
.top-logo img,
.top-logo span{display:inline-block; vertical-align:middle; }
.top-logo span{font-size:16px; color:#666666; padding:0 20px; }

.top-bot{height:84px; }
.top-bot .logo{padding:23px 15px; }
.top-bot .logo img{display:block; }
.top-bot .top-tel{color:#31c358;padding:23px 0; line-height:38px; font-size:18px; padding-left:35px; background:url(../img/icon-user.png) no-repeat left center; }

/*banner*/
.index-banner{width:100%; height:540px; }
.mobindex-banner{display:none; }

/*英语学习的难题*/
.idxpart1-wrap{padding:60px 0; }
.idxpart1-wrap .img{height:285px; margin:25px 0 0 80px; }
.idxpart1-cont{width:460px; margin-right:150px; } 
.idxpart1-cont .tit{font-size:36px; color:#333; line-height:110px; font-weight:normal; background:url(../img/bg1.png) no-repeat right center; }
.idxpart1-cont .subtit{display:inline-block; line-height:40px; background:#fefad5; padding:0 15px; border-radius:5px; font-size:20px; color:#666; }
.idxpart1-cont .text{line-height:44px; font-size:18px; color:#999; margin-bottom:24px; }
.idxpart1-cont .subtit2{background:#ecffe6; }

/*LinKid*/
.idxpart2-wrap{width:100%; padding:55px 0; background:#fafafb; }
.idxpart2-cont{position:relative; }
.idxpart2-cont .img{display:block; width:480px;height:auto; border-radius:5px; position:absolute; top:0; left:20px; box-shadow:0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 10px 20px rgba(0,0,0,.1); z-index:5; }
.linkid-info{width:775px; height:350px; background:#fff; margin-top:65px; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,.1); -webkit-box-shadow:0 10px 20px rgba(0,0,0,.03); padding:30px 40px 40px 110px; position:relative; }
.linkid-info p{font-size:18px; color:#333; line-height:1.9; margin-bottom:35px; text-align:justify; }
.linkid-info .bglogo{height:50px; position:absolute; right:50px; bottom:40px; }

/*视频*/
.index-tit{width:100%; line-height:130px; font-size:38px; color:#333; text-align:center; position:relative; background:url(../img/titbg.png) no-repeat top center; margin:60px 0 50px; }
.index-tit .line{display:block; width:80px; height:3px; background:#34a853; position:absolute; bottom:18px; left:50%; margin-left:-40px; }

.video-cont{width:100%; height:500px; background:url(../img/videobg.png) no-repeat center; }
.video-cont .video{display:block; width:900px; height:500px; margin:0 auto; border-radius:10px; outline:none; }

/*6大理由*/
.reason-wrap{overflow:hidden; }
.reason-list{padding-bottom:20px; width:1300px; }
.reason-list li{width:350px; float:left; background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); margin-right:55px; margin-bottom:40px; position:relative; }
.reason-list li:nth-child(3n){margin-right:0; }
.reason-list li a{display:block; padding:25px 12px; }
.reason-list li .img-cont{width:100%; height:195px; border-radius:20px; overflow:hidden; }
.reason-list li .img-cont img{display:block;width:100%; height:100%; border-radius:20px; transition:all .3s; -moz-transition:all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; }
.reason-list li:hover{box-shadow:0 0 10px rgba(17,195,96,.4); -webkit-box-shadow:0 0 10px rgba(17,195,96,.4); }
.reason-list li:hover .img-cont img{transform:scale(1.07); -moz-transform:scale(1.07);-webkit-transform:scale(1.07);-o-transform:scale(1.07); -ms-transform:scale(1.07);}

.reason-list li .text{padding:45px 0 20px; text-align:center; }
.reason-list li .text p{line-height:42px; font-size:22px; color:#333; }
.reason-list li:hover .text p{color:#34a853; }
.reason-list li .num{position:absolute; bottom:20px; left:20px; display:block; font-size:94px; font-weight:bold; line-height:1; color:#f6f6f6; }

/*教学目标*/
.mubiao-wrap{width:100%; height:1116px; background:url(../img/maxbg1.jpg) no-repeat center; padding:50px 0 40px 0; }
.index-tit2{padding-top:35px; text-align:center; background:url(../img/titbg.png) no-repeat top center; }
.index-tit2 p{font-size:38px; color:#333; line-height:55px; }
.index-tit2 .line{display:block; width:80px; height:3px; background:#34a853; margin:20px auto 0; }
.index-tit2 .text{line-height:60px; font-size:18px; color:#999; letter-spacing:6px; }
.mubiao-img{display:block; margin:35px auto 0; width:82%; }

/*成长规划*/
.czguihua-wrap{padding:60px 0 55px 0; width:100%; background:#fff; }
.guihua-img{display:block; margin:15px auto 0; width:90%; }

/*英美外教*/
.waijiao-wrap{width:100%; background:#fafafb; padding:55px 0 0; }
.waijiao-cont{overflow:hidden; }
.waijiao-tedian{padding:50px 0 40px; width:1310px; }
.waijiao-tedian li{width:220px; float:left; margin-right:90px; text-align:center; }
.waijiao-tedian li:last-child{margin-right:0; }
.waijiao-tedian li .icon{display:block; margin:0 auto 17px; transition:all .3s; -moz-transition:all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; }
.waijiao-tedian li p{width:100%; padding:12px 0; background:#eeeef0; border-radius:25px; line-height:30px; font-size:21px; color:#999; transition:all .3s; -moz-transition:all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; }
.waijiao-tedian li:hover .icon{transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -ms-transform:rotate(360deg); }
.waijiao-tedian li:hover p{background:#34a853; color:#fff; }

.waijiao-bot{width:100%; height:554px; background:url(../img/waijiao-bg.png) no-repeat center; padding:210px 0 0 435px; position:relative; }
.waijiao-bot .tit{font-size:32px; font-weight:bold; color:#34a853; display:inline-block; padding-right:40px; height:82px; line-height:82px; background:url(../img/titright-icon.png) no-repeat right top; margin-bottom:10px; }
.waijiao-bot ul li{font-size:21px; color:#666; line-height:45px; }
.waijiao-bot ul li span{color:#34a853; margin-right:10px; }

/*课程设置*/
.kcshezhi-wrap{padding:70px 0 40px; }
.kcshezhi-cont{padding-top:55px; }
.kcshezhi-img{width:640px; }
.kcshezhi-list{margin-top:150px; margin-left:10px; width:495px; padding-left:55px; min-height:500px; background:url(../img/list-leftbg.png) no-repeat left top; }
.kcshezhi-list li:first-child{margin-bottom:45px; }
.kcshezhi-list li{margin-bottom:52px; }
.kcshezhi-list .tit{font-size:24px; color:#333; line-height:40px; }
.kcshezhi-list .subtit{font-size:18px; color:#333; line-height:26px; }
.kcshezhi-list .text{font-size:18px; color:#999; line-height:26px; }

/*核心成员指导*/
.zhidao-wrap{width:100%; background:#fafafb; padding:55px 0 0; }

.zhidao-cont{padding:35px 0 50px; }
.zhidao-cont .img{width:565px; }
.zhidao-cont li{position:relative; margin-bottom:50px; }
.zhidao-cont li:last-child{margin-bottom:0; }
.zhidao-cont li .info{width:670px; height:240px; background:#fff; border-radius:45px 45px 45px 0; position:absolute; left:490px; top:90px; box-shadow:0 0 20px rgba(0,0,0,.1); -webkit-box-shadow:0 0 20px rgba(0,0,0,.1); padding:20px 30px; }
.zhidao-cont li:hover .info{box-shadow:0 0 20px rgba(17,195,96,.4); -webkit-box-shadow:0 0 20px rgba(17,195,96,.4);}
.zhidao-cont li .info p{line-height:; font-size:18px; color:#333; line-height:40px; }
.zhidao-cont li .info p b{margin-right:6px; }
.zhidao-cont li.even .info{left:0; }

/*家长寄语*/
.jiyu-wrap{width:100%; background:#fff; padding:55px 0 40px; }
.jiyu-cont{padding:70px 0 0; }
.jiyu-swiper{padding:0 100px !important; width:100%; }
.jiyu-swiper .swiper-button-prev,
.jiyu-swiper .swiper-button-next{width:95px; height:100%; background-color:#fff; margin:0; top:0; outline:none; }
.jiyu-swiper .swiper-button-prev{left:0 !important; background-image: url(../img/arrow-left.png); background-position:left center; background-repeat: no-repeat; background-size:75px 75px; }
.jiyu-swiper .swiper-button-next{right:0 !important; background-image: url(../img/arrow-right.png); background-position:right center; background-repeat: no-repeat; background-size:75px 75px; }
.jiyu-item{display:block; padding:15px; background: url(../img/bg3.png) no-repeat bottom 40px right 80px; }
.jiyu-main{display:block; width:290px; height:430px; box-shadow:0 0 15px rgba(0,0,0,.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); border-radius:10px 10px 70px 10px; padding:32px 20px 0; background:url(../img/bg2.png) no-repeat top 20px right 16px; position:relative; }
.jiyu-main:hover{box-shadow:0 0 15px rgba(17,195,96,.4); -webkit-box-shadow:0 0 15px rgba(17,195,96,.4); }
.jiyu-main .avatar-cont{height:82px; position:relative; margin-bottom:25px; }
.jiyu-main .avatar-cont .avatar{display:block; width:82px; height:82px;border-radius:100%; position:absolute; top:0; left:10px; box-shadow:0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); }
.jiyu-main .avatar-cont span{display:inline-block; margin:17px 0 0 45px; padding-left:55px; width:140px; height:50px; line-height:50px; font-size:21px; color:#333; background:#eee; border-radius:0 50px 0 0; }
.jiyu-main:hover .avatar-cont span{background:#34a853; color:#fff; }
.jiyu-main .text{max-height:245px; overflow:hidden; font-size:18px; color:#333; line-height:32px; }
#mobjiyu-swiper{display:none; }

/*公司荣誉*/
.rongyu-wrap{width:100%; background:#fafafb; padding:50px 0 60px; }
.rongyu-cont{padding:20px 0 0; }

.rongyu{padding-top:85px; }
.rongyu .img{width:256px; height:190px; padding-top:10px; background:url(../img/rongyu-bg.png) no-repeat center; }
.rongyu .img img{display:block; margin:0 auto; border-radius:100%; }
.rongyu .text{padding-top:25px; text-align:center; }
.rongyu .text p{font-size:18px; color:#333; line-height:30px; }
.rongyu:hover .text p{color:#34a853; }

.rongyu-swiper .swiper-button-prev,
.rongyu-swiper .swiper-button-next{width:67px; height:195px; margin-top:-98px; outline:none; opacity:0; }
.rongyu-swiper .swiper-button-prev{left:0 !important; background-image: url(../img/arrow-left2.png); background-position:left center; background-repeat: no-repeat; background-size:cover; }
.rongyu-swiper .swiper-button-next{right:0 !important; background-image: url(../img/arrow-right2.png); background-position:right center; background-repeat: no-repeat; background-size:cover; }
.rongyu-swiper:hover .swiper-button-prev,
.rongyu-swiper:hover .swiper-button-next{opacity:1; }

.mobrongyu-list{display: none; }

/*我们的承诺*/
.chengnuo-wrap{width:100%; background:#fff; padding:55px 0 50px; }
.chengnuo-cont{overflow:hidden; }
.chengnuo-list{padding-top: 85px; width:1320px; }
.chengnuo-list li{width:320px; float:left; margin-right:100px; }
.chengnuo-list li:last-child{margin-right:0; }
.chengnuo-list li .icon{display:block; margin: 0 auto 25px; }
.chengnuo-list li .tit{text-align: center; font-size:24px; color:#333; line-height:36px; }
.chengnuo-list li .text{text-align:center; }
.chengnuo-list li .text p{font-size:18px; color:#666; line-height:30px; }
.chengnuo-list li:hover .tit{color:#34a853; }

/*footer*/
.footer-wrap{width:100%; padding:20px 0 15px; background:#333; }
.footer-left{margin-left:95px; }
.footer-left .left-main{margin-left:52px; }
.footer-left .left-main p{font-size:13px; color:#fff; line-height:1.3; margin-bottom:10px; }
.footer-left .left-main p.tit{font-size:16px; margin-bottom:0; }
.footer-left .place .place-text { color: #fff; }

.footer-cont .bot-code{margin-right:95px; text-align:center; }
.footer-cont .bot-code img{width:82px; height:auto; }
.footer-cont .bot-code p{font-size:12px; color:#fff; line-height:22px; }

/*side*/
.side-layer{width:72px; height:max-content; background:#fff; position:fixed; bottom:50%; margin-bottom:-125px; right:25px; border:1px solid #dcdcdc; border-radius:10px; z-index:999; }
.side-layer li{position:relative; }
.side-layer .btn{display:block; padding:8px 0 6px; text-align:center; border-bottom:1px solid #dcdcdc; }
.side-layer li:last-child .btn{border:none; }
.side-layer .btn img{display:block; width:30px; height:30px; margin:0 auto; }
.side-layer .btn p{line-height:25px; font-size:12px; color:#666; }
.side-layer .zixun p{color:#34a853; }
.side-layer .btn:hover p{color:#34a853; }
.side-layer .gotop{display:block; height:45px; background:url(../img/gotop-bg.png) no-repeat center; }
.side-layer .gotop:hover{background:url(../img/gotop-bgon.png) no-repeat center; }

.side-layer li .side-code{display:block; height:178px; position:absolute; right:82px; bottom:50%; margin-bottom:-89px; padding:10px; border:1px solid #dcdcdc; border-radius:10px; background:#fff; display:none;  }
.side-layer li .side-code img{display:block; width:110px; height:110px; margin-bottom:10px; }
.side-layer li .side-code .text{line-height:18px; text-align:center; font-size:12px; color:#666; }
/*.side-layer li:hover .side-code{display:block; }*/
