@charset "utf-8";
/* CSS Document */
/* 基本样式 */

ul,li{ list-style:none;}
img,table{ border:0px none;}
body,ul,li,table,input,p,h1,h2,h3,h4,h5,h6,dt,dd,dl,th,tr{ margin:0px; padding:0px;}
* { margin: 0px; padding: 0px; }
body {font-family: PingFang SC,Helvetica,"思源黑体 CN Normal",Tahoma,Arial,DengXian,Microsoft YaHei,Simsun, SimHei, sans-serif!important;min-width: 1200px;}
li { list-style-type: none; }
a { text-decoration: none;    color: #666; }
a:hover { text-decoration: none; cursor: pointer; }
em, i { font-style: normal; }


/*------------------------------通用样式*/
.main{width: 1200px;height: 100%;margin: 0 auto 60px;padding: 1px 0;position: relative;}
.inner {width:1200px; margin:0 auto;}


/*------------------------------标题*/
.main-title{font-size: 40px;text-align:center;padding: 50px 0 30px;}
.main-title .linebox{color: #2F80ED;vertical-align:middle; margin: 20px 0 10px;}
.main-title .line{display:inline-block;width:80px;border-top:1px solid #999;vertical-align:middle;margin:0 15px;transform:translateY(-2px);}
.main-title .title_small{font-size: 18px;color:#555;text-align:center;}
.main-title .point{color: #076ebd;font-size: 1.5em;position:  relative;bottom: -8px;}


/*------------------------------banner轮播样式*/
.s1 {position: fixed;z-index: 10;left: 50%;top: 50%;margin: -150px 0 0 -250px;width: 500px;height: 300px;background: rgba(255,255,255,.7);box-shadow: 0 0 15px rgba(0,0,0,.3);}
.s1 p {margin: 0;padding: 50px 0 20px 0;font-family: Arial;font-size: 60px;font-weight: bold;text-align: center;}
.s1 span {display: block;font-family: Arial;font-size: 25px;color: #666;text-align: center;}
.s1 a {margin: 20px auto 0 auto;display: block;width: 220px;height: 50px;border-radius: 5px;text-align: center;line-height: 50px;color: #fff;text-decoration: none;font-family: Arial;font-size: 25px;background: #f88371;}
.s1 a:hover { background: #ed6f5c; }

 @media (max-width:480px) {
.s1 {margin: -127px 0 0 0;width: 80%;height: 255px;left: 10%;}
.s1 p { font-size: 36px; }
.s1 span { font-size: 18px; }
}

.slides-box{width:100%;margin:auto;overflow:hidden;position:relative;}.slides{height:500px;width:100%;margin:auto;float:left;}.slides li{position:absolute;width:100%;height:500px}.slides li img{display:block;width:100%;margin:auto}.prev,.next{position:absolute;z-index:99;top: 50%;margin-top:-40px;left: 20px;height:70px;width:30px;color:#fff;cursor:pointer;background-color:#000;opacity:.5;}.prev:hover,.next:hover{opacity:.7}.prev{background-image:url( ../images/left.gif)}
.next{left:auto;right: 20px;background-image:url( ../images/right.gif);}.pagination li{padding:5px 3px;float:left}.pagination li a{display:block;width:25px;height:25px;line-height:25px;border-radius:25px;background:#666;color:#fff;text-align:center;font-family:Arial;text-decoration:none}.pagination .active{background:red}



/*------------------------------banner表单*/
.banner-form-box{width: 1200px;height: 330px;margin: 0 auto;position:  relative;}
.banner-form{padding: 20px 0;width: 320px;height: 320px;background: #fff;float: left;border-radius:  8px;position:  absolute;top: 70px;right: 0;}
.banner-form_title{text-align: center;font-size:  1.8em;}
.banner-form_intxt{width: 240px;height: 40px;line-height: 40px;border-radius: 4px;padding: 0 20px;font-size: 1em;border: 1px solid #ccc;background: #fff;color: #6e6e6e;margin: 0 0 20px 0;}
.banner-form_coolbg{width: 280px;height:40px;border-radius:5px;background-color: #e73438;border: none;color: #ffffff;margin: 0 auto 10px;font-size: 1.3em;}
.banner-form_tip{font-size: 0.6em;text-align:  center;color: #9b9b9b;}




/*------------------------------顶部导航*/

/*------------------------------顶部导航（1）*/
.topBar {background-color:#333; padding:11px 0;}
.topBar .inner {overflow: hidden;}
.topTel {float:right; background:url(../images/icon_01.png) no-repeat left center; height:28px; line-height: 28px; color:#fff; padding-left:48px; font-size:20px;}
.topNav {float:left;height:28px;line-height: 28px;color:#fff;font-size: 20px;overflow: hidden;}
.topNav span {display:block; float:left;}
.topNav span:first-child {margin-right:5px;}
.topNav .a {padding:0 10px;}
.topNav a {color:#fffefe;padding: 0 3px;}
.topNav .a:hover a{background:#f64344 ; color:#fff;border-radius: 4px;}

/*------------------------------顶部导航（2）*/
body,body .header,body .header .topTel,body .header .topNav,body .nav,body .header .nav li,body .logo img,body .curCity span{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;background: #fff;}
.header .topTel,.header .topNav{display: none;}
.nav-box .nav{padding: 8px 0 3px;height:  40px;line-height: 30px;}
.nav-box .curCity span{height: 28px;line-height: 28px;font-size: 16px;}
.nav-box .curCity span:hover{color: #f64344;}
.nav-box .logo img{width: 162px;height: auto;}
.nav-box .topBar{display: none;}
.nav-box .header{padding: 10px 0}
.nav-box .header .topNav{color: #000;line-height: 40px;height: 40px;display: block;font-size: 16px;margin-left: 30px;}
.nav-box .header .topNav .a{color: #000;padding: 0 6px;}
.nav-box .header .topNav a{color: #000;padding: 0 3px;}
.nav-box .header .topNav .a:hover a{background:#f64344 ; color:#fff;border-radius: 4px;}
.nav-box .header .topTel{float: left;display: block;font-size: 14px;color: #000;line-height: 40px;height: 40px;padding-left: 30px;margin-left: 20px;}
.nav-box .header .nav li{margin-left: 10px;font-size: 16px;}
.logo {float:left;}
.logo a {display:block;}
.curCity {float:left;margin-left: 20px;display:inline-block;padding: 6px 0;position:relative;}
.curCity:before {content:''; display:block; width:1px; height:40px; background-color:#d6d6d6; position:absolute; left:-20px; top:50%; margin-top:-20px;}
.curCity span {font-size:20px; color:#333; position:relative; letter-spacing: 0.5em; height:40px; line-height: 40px; display:block; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none;}
.curCity span:hover{color: #f64344;}
.curCity span:after {content:''; display:block; width:6px; height:6px; border-right:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; transform:rotate(45deg); position:absolute; right:-10px; top:50%; margin-top:-4.5px;}
.curCity span:hover:after{border-right:1px solid #f64344; border-bottom:1px solid #f64344;}
.curCity ul {position:absolute;left:50%;top:100%;font-size: 12px;background-color:#fff;border:1px solid #d6d6d6;border-radius:5px;width: 150px;margin-left:-40px;text-align:left;padding:5px 20px;display:none;z-index: 2;}
.curCity ul:before {content:'';display:block;position:absolute;top:-4px;left: 20%;margin-left:-4px;width:5px;height:5px;background-color:#fff;border-left:1px solid #d6d6d6;border-top:1px solid #d6d6d6;transform:rotate(45deg);}
.curCity li{margin-bottom:1px;overflow: hidden;}
.curCity li b{top: 0;left: 0;line-height: 28px;float: left;}
.curCity li em{float: left;font-weight: normal;font-style: inherit;width: 222px}
.curCity li a {margin-left: 10px;color: #333;display:inline-block;font-size: 20px;}
.nav {float:right; padding:14px 0 6px;}
.nav li {float:left;font-size: 18px;color:#333;margin-left: 30px;display:inline-block;position:relative;}
.nav li a {color:#333; display:block; padding:0 5px 5px;position: relative;}
.nav li a:hover, .nav li.cur > a, .nav li.on > a{ color:#e12d30;}
.nav li a:after{display: block;width: 0%;bottom: 0;left: 50%;position: absolute;height: 3px;background: #e12d30;content: '';-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after{width: 100%;}
.nav li .current{color:#e12d30;}
.nav dl {position:absolute; left:50%; top:100%; width:90px; margin-left:-45px; padding-top:2px; display:none; z-index: 2;}
.nav dd {line-height: 40px; background-color:#fff; text-align:center;}
.nav dd a {display:block; color:#333; padding-bottom:0; border-bottom:none;}
.nav dd a:hover {color:#fff; background-color:#e12d30;}
.nav li .price{color: #f64344 !important;}





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓首页样式，开始↓↓↓↓↓*/

/*当季推荐课程*/
.cloud-item3{height: 330px;}
.cloud-item3 .title-bar{padding-top:50px;}
.prof-info{margin: 20px auto 0;width:1220px;}
.prof-info .prof-item{position:relative;float:left;width: 270px;height: 340px;margin: 0 40px 10px 0;text-align:center;overflow:hidden;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;background: #f8f8f8;}
.prof-info .prof-04{margin-right: 0;}
.prof-info .prof-item .before{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;}
.prof-info .prof-item:hover .before{opacity:1}
.prof-info .prof-item .in{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.prof-info .icon-server{position:relative;display:block;margin:0 auto;margin-top: 40px;width:78px;height:78px;background:url( ../images/tskc-icon.png) no-repeat 0 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.prof-info .sub{position:relative;margin-top:23px;font-size:18px;line-height:32px;padding-bottom:10px;color:#333;letter-spacing:1px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.prof-info .desc{padding:0 20px;margin-top:15px;font-size:16px;line-height:32px;color:#898989;letter-spacing:2px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.prof-info .tj-more{width: 120px;margin: 20px auto 0;height: 30px;border-radius: 15px;border: 1px solid #898989;line-height: 30px; color: #898989;}
.prof-info .icon-server.icon1{background-position:5px 5px}
.prof-info .icon-server.icon2{background-position:-96px 0}
.prof-info .icon-server.icon3{background-position:-208px 5px}
.prof-info .icon-server.icon4{background-position:-312px 5px}
.prof-info .prof-item:hover{color:#fff;box-shadow: 0px 10px 40px 0px rgba(121, 126, 145, 0.4);}
.prof-info .prof-item:hover .sub{color:#fff}
.prof-info .prof-item:hover .desc{color:#fff}
.prof-info .prof-item:hover .sub:before{border-top:1px solid rgba(255,255,255.5);}
.prof-info .prof-item:hover .tj-more{color:#fff;background-color: #f64344;border: 1px solid #f64344;}
.prof-info .prof-item:hover .icon-server.icon1{background-position:5px -93px}
.prof-info .prof-item:hover .icon-server.icon2{background-position:-96px -96px}
.prof-info .prof-item:hover .icon-server.icon3{background-position:-208px -87px}
.prof-info .prof-item:hover .icon-server.icon4{background-position:-312px -87px}
.prof-info .prof-01:hover .before{background:url(../images/cloud-item3-01.jpg) no-repeat 0 0;}
.prof-info .prof-02:hover .before{background:url(../images/cloud-item3-02.jpg) no-repeat 0 0;}
.prof-info .prof-03:hover .before{background:url(../images/cloud-item3-03.jpg) no-repeat 0 0;}
.prof-info .prof-04:hover .before{background:url(../images/cloud-item3-04.jpg) no-repeat 0 0;}
.prof-info .hl .in{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.prof-info .hl .sub{margin-top:35px;color:#fff}
.prof-info .hl .list{margin:20px 30px 20px 63px}
.prof-info .hl li{float:left;min-width:123px;position:relative;padding-left:12px;line-height:30px;height:30px;letter-spacing:2px;text-align:left;font-size:15px;}
.prof-info .hl li:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;background-color:#fff;box-shadow:0 0 20px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5);}

/*------------------------------当季推荐课程下的表单*/
.top_form_box{width: 1200px;height: 270px;border-radius: 10px;box-shadow: 0px 0px 15px 3px rgba(231,46,27,0.1);background: #fff;margin-top: 80px;padding: 50px 0 0;}
.top_form_title{text-align: center;font-size: 30px;letter-spacing:2px;}
.top_form_title img{margin: 0 10px;}
.top_form_title img:nth-child(2){-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}
.top_form_title span{color: #f03f3e;}
.top_form{width: 1000px;margin: 40px auto;} 
.top_form_intxt{float: left;margin: 0 20px 30px 0;padding: 0 20px;font-size: 16px;width: 310px;height: 50px;box-sizing: border-box;border: none;color: #666;border-radius: 3px;background: #f6f6f6;}
.top_form_coolbg{width: 315px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;cursor: pointer;border-radius: 4px;background-color: #f03f3e;border: 0;outline: none;}
    

/*------------------------------学科辅导切换（大）*/
.container {width: 1200px;margin: 0 auto;padding: 0;}
.container:after {content: "";display: block;clear: both;}
.index-page{width: 100%;background: url(../images/bg-img.jpg) no-repeat center center;padding: 1px 0 0 0;}
.index-page .solution-more {height: 700px;width: 100%;overflow: hidden;}
.index-page .solution-more-slide .container {height: 700px;position: relative;}
.index-page .solution-more-slide .hd {width: 255px;position: absolute;z-index: 2;background: #333;height: 625px;left: 0;top: 0;color: #fff;}
.index-page .solution-more-slide .hd ul {margin-top: 15px;}
.index-page .solution-more-slide .hd li {height: 70px;padding-top: 25px;position: relative;cursor: default;transition: all .5s;cursor: pointer;}
.index-page .solution-more-slide .hd li:after {content: "";width: 80%;border-bottom: 1px solid #000;position: absolute;left: 10%;bottom: 0;}
.index-page .solution-more-slide .hd li i {margin-left: 20px;margin-right: 20px;float: left;background: url("../images/icon-logo.png") no-repeat;width: 40px;height: 40px;position: relative;z-index: 2;transition: all .2s;}
.index-page .solution-more-slide .hd li.item-1 i {background-position: 0 0;}
.index-page .solution-more-slide .hd li.item-2 i {background-position: -40px 0;}
.index-page .solution-more-slide .hd li.item-3 i {background-position: -80px 0;}
.index-page .solution-more-slide .hd li.item-4 i {background-position: -120px 0;}
.index-page .solution-more-slide .hd li.item-5 i {background-position: -160px 0;}
.index-page .solution-more-slide .hd li.item-6 i {background-position: -200px 0;}
.index-page .solution-more-slide .hd li.item-1.on i {background-position: 0 -40px;}
.index-page .solution-more-slide .hd li.item-2.on i {background-position: -40px -40px;}
.index-page .solution-more-slide .hd li.item-3.on i {background-position: -80px -40px;}
.index-page .solution-more-slide .hd li.item-4.on i {background-position: -120px -40px;}
.index-page .solution-more-slide .hd li.item-5.on i {background-position: -160px -40px;}
.index-page .solution-more-slide .hd li.item-6.on i {background-position: -200px -40px;}
.index-page .solution-more-slide .hd li:before {
    background: #fd7d7d;/* Old browsers */
    background: -moz-linear-gradient(left, #fd7d7d 0%, #f05251 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fd7d7d 0%,#f05251 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fd7d7d 0%,#f05251 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7d7d', endColorstr='#f05251',GradientType=1 );/* IE6-9 */
    content: "";
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    transition: all .2s;
}
.index-page .solution-more-slide .hd li.on:before {width: 100%;}
.index-page .solution-more-slide .hd li.on:after { display: none;}
.index-page .solution-more-slide .hd .text {position: relative; z-index: 2;}
.index-page .solution-more-slide .hd .text h3 {font-size: 18px;margin-bottom: 5px;margin-top: 13px;font-weight:  normal;}
.index-page .solution-more-slide .bd {width: 1920px;margin-left: -360px;}

/*------------------------------学科辅导切换（小）、校区地图切换*/
.tabs{margin: 0 0 0 300px;}
.tabs-list {list-style:none;position:  relative;top: 40px;}
.tabs-list li {display:inline-block; *display:inline; *zoom:1;margin-right: 20px;margin-bottom:2px;}
.tabs-list li a {display:block;height:38px;line-height:38px;padding:0 30px;background-color: #fff;color:#808080;text-decoration:none;font-size: 16px;transition:all 0.4s ease 0s;border-radius:  4px;}
.tabs-list li a:hover { background-color:#d9d9d9; }
.tabs-list li.active a {background-color: #323993;color:#fff;}
.tab-content {padding:10px;margin:10px 0 15px;}
.tab-content h4, .accordion-content h4 { margin-bottom:5px; }
.tab-content p, .accordion-content p {margin-bottom:10px;font-size:  14px;}
.tabs .accordion-handle { display:none; }
.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }
.accordion-handle { position:relative; margin-bottom:10px; background-color:#ebebeb; text-decoration:none; color:#808080; cursor:pointer; transition:all 0.4s ease 0s; }
.accordion-handle:hover { background-color:#d9d9d9; }
.accordion-handle.active { background-color:#0d7eff; color:#fff; }
.accordion-handle h4 { height:38px; line-height:38px; padding:0 15px; font-size:14px; font-weight:normal; }
.accordion-handle i { display:block; width:38px; height:38px; overflow:hidden; position:absolute; right:0; top:0; background:url(../images/icon-accordion.gif) no-repeat top center; }
.accordion-handle.active i { background-position:bottom center; }
.accordion-content { margin-bottom:15px; display:none; }



/*------------------------------学科辅导等级*/
.lesson-level.lesson-level active .level[data-v-1b3b22c8]{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.level[data-v-1b3b22c8]{will-change:transform;-webkit-transition:-webkit-transform 2s ease;transition:-webkit-transform 2s ease;-o-transition:transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;display: inline-block;vertical-align: bottom;}
.level-info[data-v-1b3b22c8]{font-size:30px;text-align:center;line-height:1}.level-score[data-v-1b3b22c8]{font-size:16px;text-align:center}
.level-content[data-v-1b3b22c8]{width: 135px;margin-top:10px;color:#fff;text-align:left;border-radius:12px;border-top-left-radius:40px;list-style-type:none;font-size:16px;position:relative;}
.level-content li[data-v-1b3b22c8]{padding-left:10px;text-indent:-10px}
.level-content[data-v-1b3b22c8]:after{position:absolute;top:0;left:0;content:"";width:0;height:0;border-top:30px solid #fafafa;border-right:30px solid transparent}
.level[data-v-1b3b22c8]:first-of-type{ /* -webkit-transform:translateY(186px); */-ms-transform:translateY(186px);/* transform: translateY(186px); */-webkit-transition: all .6s ease-out;transition: all .6s ease-out;}
.level:first-of-type>.level-content[data-v-1b3b22c8]{height: 190px;padding:40px 15px 0 20px;background-color: #ffa19a;}
.level[data-v-1b3b22c8]:nth-of-type(2){/* -webkit-transform:translateY(236px); */-ms-transform:translateY(236px);/* transform: translateY(236px); */}
.level:nth-of-type(2)>.level-content[data-v-1b3b22c8]{height: 250px;padding:50px 15px 0 20px;background-color: #ff8e86;}
.level[data-v-1b3b22c8]:nth-of-type(3){/* -webkit-transform:translateY(276px); */-ms-transform:translateY(276px);/* transform: translateY(276px); */}
.level:nth-of-type(3)>.level-content[data-v-1b3b22c8]{height: 300px;padding:60px 15px 0 20px;background-color: #f06f6e;}
.level[data-v-1b3b22c8]:nth-of-type(4){/* -webkit-transform:translateY(326px); */-ms-transform:translateY(326px);/* transform: translateY(326px); */}
.level:nth-of-type(4)>.level-content[data-v-1b3b22c8]{height: 350px;padding:80px 15px 0 20px;background-color: #f15655;}
.level[data-v-1b3b22c8]:nth-of-type(5){/* -webkit-transform:translateY(386px); */-ms-transform:translateY(386px);/* transform: translateY(386px); */height:  565px;}
.level:nth-of-type(5)>.level-content[data-v-1b3b22c8]{height: 385px;padding:90px 15px 0 20px;background-color: #f03f3e;}
.level-more{width: 100px;text-align:center;	margin:0 auto;border:1px solid #fff;padding:2px 0;border-radius: 20px;position:relative;bottom:40px;font-size:14px;color:#fff;}
.level-more:hover{background: #f64344;border:  1px solid #f64344; }


/*------------------------------三种教学模式*/
.mode-box{width:100%;height: 910px;overflow:  hidden;}
.mode-backimg{width: 100%;height: 500px;background: url( ../images/mode-backimg.jpg) no-repeat  center center;background-attachment: fixed;padding: 1px 0 0 0;position: absolute;}
.mode-backimg .main-title{color: #FFFFFF;}
.mode-backimg .main-title .title_small{color: #FFFFFF;}
.mode{width: 1090px;height: 420px;margin:0 auto;padding: 50px 0 0 40px;background:#fff;border-radius:8px;position:relative;top:220px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index: 99;}
.mode a{display: block;width: 300px;height: 360px;overflow: hidden;position: relative;display: inline-block;}
.mode-more-box{display: table;position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;transition: bottom .3s;}
.mode-more {background-color: rgba(51,51,51,.92);display: table-cell;width: 80%;height: 100%;vertical-align: middle;padding: 10px 20px 0 30px;border-radius: 8px;}  
.mode-more h3 {font-size:30px; color:#fff; line-height: 1.125em; margin-bottom:15px;}
.mode-more h4 {font-size:25px; color:#999; font-weight:normal; line-height: 1.125em; margin-bottom:5px;}
.mode-more .text {font-size: 16px;color:#fff;line-height: 30px;margin-bottom:25px;max-height: 90px;overflow:hidden;}
.mode-more .more {width:175px;height:38px;border-radius:19px;color:#fff;background-color:#f44942;text-align:center;line-height: 38px;font-size:20px;margin: 0 auto;}
.mode a:hover .mode-more-box {bottom:0;}
.mode-line{width: 1px;height: 356px;background: url(../images/mode-line.png) no-repeat center center;display: inline-block;box-shadow: 0 0 3px 1px rgba(0,0,0,.08);}
.mode-td{width: 1130px;height: 150px;margin: 275px auto 0;overflow:  hidden;padding: 10px 10px 0;}
.mode-td li{width: 100px;height: 150px;display:  inline-block;margin: 0 50px;position: relative;}
.mode-td li:nth-child(1){margin-left: 0px;}
.mode-td li:nth-child(6){margin-right: 0px;}
.mode-td li i{display: block;margin: 0 auto 30px;background: url(../images/mode-icon.png) no-repeat;width: 100px;height: 100px;background-position: 0 0px;border-radius: 100%;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.mode-td li:hover i{box-shadow: 0 5px 20px rgba(0,0,0,.2);}
.mode-td li:nth-child(2) i{background-position: -100px 0;}
.mode-td li:nth-child(3) i{background-position: -200px 0;}
.mode-td li:nth-child(4) i{background-position: -300px 0;}
.mode-td li:nth-child(5) i{background-position: -400px 0;}
.mode-td li:nth-child(6) i{background-position: -500px 0;}
.mode-td li:after{content: '';display: block;position: absolute;left: 100%;width: 40px;height: 6px;background: url(../images/mode-icon2.png) no-repeat center center;top: 32%;margin: 0 0 0 30px;}


/*------------------------------6大服务流程*/
.govt-item4{height: 570px;overflow:hidden;background-image:url("../images/govt-item4-bg.jpg");}
.govt-item4 .main{padding-top: 40px;}
.value-step{position:relative;margin:138px 0 0 68px;width: 1050px;height:23px;}
.value-step .value-step-list {position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 23px;background: url("../images/value-line.png") no-repeat right 0;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
}
.value-step.active  .value-step-list {width: 1050px;}
.value-step li {position: absolute;left: 128px;bottom: 22px;width: 19px;height:0;color: #333;background: url("../images/value-step-li.png") no-repeat 0 0;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
.value-step li.active{height:63px;}
.value-step li.old.active{height:74px;}
.value-step li .value-step-txt {position: absolute;left: -47px;bottom: 38px;padding-left: 130px;width: 150px;height: 111px;font-size: 14px;line-height: 25px;color: #898989;opacity: 0;
       filter: alpha(opacity=0);
       -webkit-transition: all 1s ease-out;
       transition: all 1s ease-out;
}
.value-step li .value-step-txt.active{opacity:1;filter:alpha(opacity=100);}
.value-step li .value-step-txt{bottom:0}
.value-step li .value-step-txt.active{bottom:38px;}
.value-step li.old .value-step-txt{width: 150px;bottom:auto;top:0;}
.value-step li.old .value-step-txt.active{bottom:auto;top:45px;}
.value-step li .value-step-txt span{display:block;margin-bottom:10px;position:relative;left:0;line-height:20px;font-size:18px;color:#333333;}
.value-step li .value-step-txt p{position:relative;left:0;}
.value-step li .value-step-txt .icon{width:111px;height:111px;position:absolute;left: 0;top:0;}
.value-step li .value-step-txt .icon:before,.value-step li .value-step-txt .icon:after{content:"";position:absolute;left:0;top:0;width: 111px;height: 111px;background:url("../images/value-icon-bg1.png") no-repeat;}
.value-step li .value-step-txt .icon:after{background:url("../images/value-icon-bg2.png") no-repeat;}
.value-step li .value-step-txt .icon i{position:absolute;width: 60px;height: 60px;left:50%;top:50%;margin:-30px 0 0 -30px;background:url("../images/value-icon.png") no-repeat;}
.value-step li .value-step-txt .icon.icon1 i{background-position:0 0}
.value-step li .value-step-txt .icon.icon2 i{background-position:0 -60px}
.value-step li .value-step-txt .icon.icon3 i{background-position:0 -120px}
.value-step li .value-step-txt .icon.icon4 i{background-position:0 -180px}
.value-step li .value-step-txt .icon.icon5 i{background-position:0 -240px}
.value-step li .value-step-txt .icon.icon6 i{background-position: 0 -300px;}
.value-step .value-step-list li:before{content: "";position: absolute;bottom: -23px;left: 50%;box-sizing: border-box;margin-left: -10px;width: 19px;height: 23px;background: url("../images/value-arrow.png") no-repeat 0 bottom;opacity: 0;filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.value-step li.active:before {opacity: 1;filter: alpha(opacity=100);}
.value-step li.old {bottom: auto;top: 22px;background: url("../images/value-step-lib.png") no-repeat 0 bottom;}
.value-step li.old:before {bottom: auto;top: -23px;}
.value-step li .value-step-txt span,.value-step li .value-step-txt p{
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.value-step li .value-step-txt:hover span{color:#ff1231;left:-5px;}
.value-step li .value-step-txt:hover p{left:5px;}
.value-step li .value-step-txt:hover .icon:before{
     -webkit-animation: rotateForEver 5s linear infinite;
    -moz-animation: rotateForEver 5s linear infinite;
    -ms-animation: rotateForEver 5s linear infinite;
    -o-animation: rotateForEver 5s linear infinite;
    animation: rotateForEver 5s linear infinite;
}
.value-step li .value-step-txt:hover .icon:after{
    -webkit-animation: rotateForEver1 7s linear infinite;
    -moz-animation: rotateForEver1 7s linear infinite;
    -ms-animation: rotateForEver1 7s linear infinite;
    -o-animation: rotateForEver1 7s linear infinite;
    animation: rotateForEver1 7s linear infinite;
}
@-webkit-keyframes rotateForEver {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);

        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}


/*------------------------------品牌荣誉*/
.honor{background: url(../images/honor-img.jpg) no-repeat center center;width: 100%;}
#div1{width: 1200px;height: 355px;position: relative;margin: 20px auto 0;overflow: hidden;}
.honor-box{width: 1200px;font-size: 16px;font-weight: normal;margin: 0 auto;padding: 0 0 0 60px;position: relative;}
.honor-box li{width: 320px;height: 350px;background: #fff;margin-right: 40px;border: 1px solid #e7e7e7;border-radius: 6px;box-shadow: 0 0px 10px rgba(153,153,153,.3);float: left;}
.honor-box li:nth-last-of-type(1){margin-right: 0;}
.honor-box li img{width: 320px;height: 225px;display: inline-block;}
.honor-box li p{text-align: center;height: 42px;line-height: 42px;}
.honorImgBox{width: 100%;overflow: hidden;}
.honorImgBox:hover img{
   -webkit-transform:scale(1.06,1.06);
	-moz-transform:scale(1.06,1.06);
	-o-transform:scale(1.06,1.06);
	transform:scale(1.06,1.06);
}



/*------------------------------师资力量*/
.teacher-box{width: 100%;padding: 1px 0 30px 0;background:  #f8f8f8;margin-bottom: 0px;}
/*老师切换css*/
.foucebox{width: 1100px;height: 560px;margin: 0 auto;padding:7px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.foucebox .bd{position:relative;float: left;width: 650px;height:370px;overflow:hidden;}
.foucebox .showDiv{position:relative;width: 650px;height: 370px;}
.foucebox .showDiv img{width: 650px;height: 370px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.foucebox .showDiv p{position:absolute;left:20px;bottom:0;padding-right:20px;color:#aaa;z-index:9;height:44px}
.foucebox .showDiv h2{position:absolute;left:20px;bottom:0;width:380px;height:34px;background:url(../images/foucebox_h2.png) no-repeat 0 4px;_background:none;padding-left:40px;_padding-left:0;font-size:24px;font-family:microsoft yahei;line-height:34px;z-index:9;overflow:hidden}
.foucebox .showDiv h2 a{color:#fff;font-weight:400;text-decoration:none}
.foucebox .foucebox_bg{position:absolute;left:0;bottom:0;width: 650px;height:107px;background:#000;filter:alpha(opacity=60);opacity:.6;z-index:8;overflow:hidden;}
.foucebox .hd{width: 1100px;height: 186px;float: right;margin: 35px auto 0;}
.foucebox .hd ul li{width: 153px;height: 153px;float:left;margin: 0 15px 10px;display:inline;position:relative;border-radius:  100%;}
.foucebox .hd ul a{display:block;width: 200px;height: 140px;}
.foucebox .hd ul img{width: 153px;height: 153px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-radius: 100%;}
.foucebox .hd ul .txt{width:110px;height:24px;line-height:24px;color:#fff;position:absolute;left:4px;bottom:4px;z-index:2;text-lign:right;padding-right:5px;overflow:hidden}
.foucebox .hd ul .mask{width: 153px;height: 153px;display:block;position:absolute;left: 0;bottom: 0;z-index:3;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000');background: rgba(0,0,0,.6);border-radius: 100%;}
.foucebox .hd ul a:hover .mask,.foucebox .hd ul .on .mask{display:none;position:relative}
.teacher-text{width: 430px;height: 370px;background: #f0f0f0;float: right;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/background: -webkit-gradient(linear, 50% 0%, 100% 0%,from(#2e7fed), to(#78bff8));/*谷歌*/color:  #fff;}
.teacher-text h3{margin: 25px 0 30px 30px;position: relative;font-weight: normal;}
.teacher-text h3:after{position: absolute;top: 40px;left:  0;width: 350px;height: 1px;content: '';background-color: #2e6ec4;}
.teacher-text p{font-weight: normal;font-size: 15px;}   
.teacher-text ul{margin: 0 0 0 30px;}
.teacher-text ul li{margin: 0 auto 20px;}
.teacher-text ul li img{float: left;margin: 6px 10px 20px 0;}
.teacher-text-content h4{margin: 0 0 5px 0;font-size:  18px;font-weight: normal;}



/*------------------------------底部表单*/
.bottom-form{width: 100%;height: 65px;position:  absolute;background: rgba(0,0,0,.6);z-index:  9999;position:fixed;bottom:0; left:0; overflow:visible;margin: 0 auto;
	_position:absolute; /* for IE6 */
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ 	
}
.bottom-form-fixed{width: 100%;height: 65px;background: rgba(0,0,0,.6);z-index:  9999;display: block;opacity: 1;position: absolute;bottom:365;top:auto;margin:  0;
	_position:absolute; /* for IE6 */
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ }
.bottom-form_box{width: 1200px;margin: 0 auto;}
.bottom_form_img{float: left;position:  relative;bottom: 117px;}
.bottom_form{padding: 13px 0 13px 30px;height: 45px;float: left;}
.bottom_form_intxt{width:130px;height:40px;line-height:40px;border-radius:4px;padding:0 20px;font-size:1em;border:1px solid #ccc;background:#fff;margin:0 20px 0px 0;color:#6e6e6e;float:left;}
.bottom_form_coolbg{width: 200px;height:40px;border-radius: 2px;background-color: #f64344;border: none;color: #ffffff;margin: 0 auto;font-size: 1.3em;}


/*------------------------------校区地图*/
.map-box{width: 100%;height: auto;overflow: hidden;background:url("../../images/rs/xiaoqubg.jpg");}
.map-top{width: 985px;margin: 10px auto 20px;background:  #fff;padding:15px  30px;border-radius:  8px;}
.map-top .tabs{margin:  0 auto;}
.map-top .tabs-list p{float: left;line-height:  38px;margin-right: 10px;font-size: 18px;}
.map-top .tabs-list{top: 0;}
.map-top .tab-content{padding: 0 ;}
.map-box .main-title{color: #fff;}
.map-box .main-title .title_small{color: #fff;}
#container3 {width: 1045px;height: 450px;margin: 0 auto 100px;}
.map-list {width: 985px;background: #eee;overflow: auto;margin:  0 auto;border-radius:  8px;}
.map-list li,.map-list p {height: 36px;line-height: 36px;width:  140px;float:  left;margin: 10px 20px;text-align:  center;border-radius:  6px;}
.map-list li.active a { color: red; }
.map-list li.active {background: #fff; }
.map-list li:hover {background: #fff; }	


/*------------------------------服务保障*/
.guarantee{height:80px;position:relative;z-index:99;background: url(../images/service-img.jpg) no-repeat center center;}
.guarantee .mods{height:100%;*zoom:1;width:  1200px;margin:  0 auto;}
.guarantee .mod{float:left;width: 390px;height:100%;border-right: 1px solid rgba(255,255,255,.2);}
.guarantee .mod:nth-last-of-type(1){border-right: none;}
.guarantee .mod .wrap{padding-top: 18px;width: 250px;margin:  0 auto;}
.guarantee .mod .wrap img{float: left;margin: 5px 10px 0 0;}
.guarantee-img{width: 32px;height: 32px;background: url(../images/service-icon1.png) no-repeat;position: relative;float:  left;margin: 3px 10px 0 0;}
.guarantee .mod:nth-child(2) .wrap .guarantee-img{background-position: -32px 0;}
.guarantee .mod:nth-child(3) .wrap .guarantee-img{background-position: -64px 0;}
.guarantee .mod .wrap h3{color:#fff;font-size:18px}
.guarantee .mod .wrap p{color:#fff;font-size: 14px;}


/*------------------------------底部导航*/
.link-wrap{width:100%;background:#2e3238}
.link-wrap .footer-logo{width: 168px;height: 154px;float: left;margin: 0 50px 0 30px;}
.link-wrap .footer-logo img{width: 168px;height: 154px;opacity: 0.5;}
.link-wrap .inner{overflow:hidden;margin:0 auto;padding-top:35px;width:1200px;height: 180px;color:#fff;}
.link-wrap .sub{color:#e5e5e5;font-weight:700;font-size:14px;}
.link-wrap .link-item{float:left;width: 430px;}
.link-wrap .link-right{float:right;width:511px;height: 180px;}
.link-wrap .link-info{float:left;height: 150px;font-size:12px;}
.link-wrap .link-info:nth-last-of-type(1){border-right:1px solid #3b3c3f;}
.link-wrap .link-info ul{float:left;margin-top: 15px;}
.link-wrap .link-info ul li a{display:inline-block;height:28px;color:#7c8187;font-size:13px;line-height:28px;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}
.link-wrap .link-info ul li a:hover{color:#fff;}
.link-info li{float:left;width:100%;}
.link-wrap .link-info2{padding-left:54px;}
.link-wrap .link-info2 .fl{box-sizing:border-box;padding-left:11px;width:130px;}
.link-info .link-ul-uil{width: 140px;}
.link-info .link-ul-uis{width:110px;}
.link-wrap .link-code{float:left;width: 180px;}
.link-wrap .link-code-outer{margin-top: 20px;}
.link-wrap .link-code-outer img{width: 100px;height: 100px;}
.link-wrap .link-code li img,.link-wrap .link-code-outer{display:block;width:125px;height:125px;}
.link-wrap .link-tel{float:left;width:235px;}
.link-tel .tel-phone{margin-top: 20px;font-size: 28px;line-height:48px;}
.link-tel .tel-time{margin-bottom:22px;padding-left:5px;color:#7c8187;font-size:13px;line-height:24px;}
.link-tel .js-link-udesk{display:inline-block;overflow:hidden;width:140px;height:36px;border-radius:2px;background:#f64344;background:-moz-linear-gradient(left,#db393a 0%,#f64444 100%);background:-webkit-linear-gradient(left,#db393a 0%,#f64444 100%);background:linear-gradient(to right,#db393a 0%,#f64444 100%);color:#fff;font-size:15px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db393a',endColorstr='#f64444',GradientType=1);margin: 15px 0 0 0;}
.link-tel .js-link-udesk span{display:block;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.link-tel .js-link-udesk em{display:block;padding:8px 20px;height:20px;line-height:20px;text-align:  center;}
.link-tel a:hover span{margin-top:-36px}
.footer-wrap{width: 100%;background: #272a30;}
.footer-wrap .inner{overflow: hidden;margin: 0 auto; width: 1200px;height: 50px;color: #65696e;font-size: 12px;line-height: 50px;}
.footer-wrap .Copyright {float: left;}
.footer-wrap .Copyright span {margin-left: 20px;}
.footer-wrap .record {float: right;}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑首页样式，结束↑↑↑↑↑*/





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓考试倒计时，开始↓↓↓↓↓*/
.middle-exam-index .index-djs {width: 100%;height: 80px;background: url(../images/djs_02.png) no-repeat center center;overflow: hidden;}
.middle-exam-index .index-djs .djs-title{font-size: 22px;font-weight: bold;position: relative;left: 110px;}
.middle-exam-index .index-djs .djs-container {width: 1200px;height: 80px;margin: auto;overflow: hidden;}
.middle-exam-index .index-djs .djs-container>div {float: left;position: relative;width: 50%;height: 80px;box-sizing: border-box;line-height:  80px;}
.middle-exam-index .index-djs .djs-container>div ul li {position: absolute;font-size: 24px;color: #f54c47;}
.middle-exam-index .index-djs .djs-container>div ul #day {left: 236px;}
.middle-exam-index .index-djs .djs-container>div ul #hour {left: 335px;}
.middle-exam-index .index-djs .djs-container>div ul #minute {left: 423px;}
.middle-exam-index .index-djs .djs-container>div ul #second {right: 61px;}
.middle-exam-index .index-djs .djs-container>div ul #days {left: 205px;}
.middle-exam-index .index-djs .djs-container>div ul #hours {left: 293px;}
.middle-exam-index .index-djs .djs-container>div ul #minutes {left: 380px;}
.middle-exam-index .index-djs .djs-container>div ul #seconds {right: 101px;}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑考试倒计时，结束↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓小学辅导页面，开始↓↓↓↓↓*/

/*------------------------------小学辅导问题*/
.problem-xx{height: 750px;overflow:hidden;}
.problem-xx-content{width: 1200px;margin: 0 auto;position:relative;}
.problem-xx-content .i1{position:absolute;top: 150px;left: 455px;width: 300px;height: 300px;}
.problem-xx-content .i4{left: 260px;width: 700px;height: 467px;background-image:url(../images/problem-i4.png);}
.problem-xx-content p{position:absolute;padding:6px 30px;font-size:16px;line-height:20px;color:#fff;border-radius:8px;-webkit-border-radius:8px;animation:marginauto 3s linear .5s infinite;-webkit-animation:marginauto 3s linear .5s infinite;}
.problem-xx-content .p1{top:102px;right:755px;width:243px;background-color:#8d9bff;}
.problem-xx-content .p2{top:296px;right:755px;width:274px;background-color:#545ee1;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-delay:1s;-webkit-animation-delay:1s;}
.problem-xx-content .p3,.problem-xx-content .p5{padding-top:13px;padding-bottom:13px;}
.problem-xx-content .p3{top:83px;left:716px;width:290px;background-color:#545ee1;animation-duration:2.5s;-webkit-animation-duration:2.5s;}
.problem-xx-content .p4{top:210px;left:782px;width:290px;background-color:#8965cb;animation-delay:1s;-webkit-animation-delay:1s;}
.problem-xx-content .p5{top:335px;left:742px;width:177px;background-color:#3baaf1;animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.problem-xx-content .p-con{position:absolute;top:30px;left:405px;width:385px;height:385px;}
.problem-xx-content p{position:absolute;padding:10px 25px;min-width:163px;min-height:26px;border-radius:8px;text-align:center;line-height:26px;color:#fff;font-size:16px;}
.problem-xx-content .p01{left: -280px;top:30px;background-color: #f7b733;}
.problem-xx-content .p02{left: -400px;top:138px;background-color: #FDB99B;max-width:290px;text-align:left;line-height:20px;padding:8px 25px;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-delay:1s;-webkit-animation-delay:1s;}
.problem-xx-content .p03{left: -320px;top:248px;background-color: #ED213A;animation-duration:2.5s;-webkit-animation-duration:2.5s;}
.problem-xx-content .p05{top:40px;right: -350px;background-color: #ED213A;animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.problem-xx-content .p06{top: 250px;right: -400px;background-color: #fa7825;animation-delay:.6s;-webkit-animation-delay:.6s;}
/*动画*/
.cv-anima{position:relative;margin:0 auto;display:block;width:226px;height:226px;}
.cv-anima .ring1,.cv-anima .ring2,.cv-anima .ring3{position:absolute;top:0;left:0;display:block;width:226px;height:226px;background: #f6e6ec;border-radius:100%;opacity:0;-webkit-animation:scaleaieing 3s linear 0s infinite;-moz-animation:scaleaieing 3s linear 0s infinite;-o-animation:scaleaieing 3s linear 0s infinite;animation:scaleaieing 3s linear 0s infinite;}
.cv-anima .ring2{animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;}
.cv-anima .ring3{animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;}
.problem-xx-content i{position:absolute;display:inline-block;background-repeat:no-repeat;background-position:50% 100%;}
.problem-xx-content .i2{top:44px;left:61px;width:1064px;height:377px;background-image:url(../images/problem-i2.png);}
@keyframes lefteasein{
    0%{transform:translateX(-1500px);}
    100%{transform:translateX(1500px);}
}
.rotate{-webkit-animation-name:rotate;animation-name:rotate;}
@keyframes marginauto{
    0%{-webkit-transform:translateZ(0)}
    50%{-webkit-transform:translate3d(0,10px,0)}
    to{-webkit-transform:translateZ(0)}
}
@-webkit-keyframes marginauto{
    0%{-webkit-transform:translateZ(0)}
    50%{-webkit-transform:translate3d(0,10px,0)}
    to{-webkit-transform:translateZ(0)}
}
.round-01{}
@keyframes cir1{
    0%{transform:rotateX(59.2deg) rotateY(0deg) rotate(0deg)}
    to{transform:rotateX(59.2deg) rotateY(0deg) rotate(1turn)}
}
.round-02{}
@keyframes cir2{
    0%{transform:rotateX(66deg) rotateY(0deg) rotate(0deg)}
    to{transform:rotateX(66deg) rotateY(0deg) rotate(-1turn)}
}
.round-03{}
@keyframes cir3{
    0%{transform:rotateX(59deg) rotateY(0deg) rotate(0deg)}
    to{transform:rotateX(59deg) rotateY(0deg) rotate(1turn)}
}
.smlight2{-webkit-animation-name:smlight2;animation-name:smlight2;}
@-webkit-keyframes scaleaieing{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity: 0;}
    50%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity: .3;}
    100%{transform:scale(2.6);-webkit-transform:scale(2.6);opacity:0;display:none;}
}

/*------------------------------小学页面三种教学模式*/
.module2-box{margin: 0 auto;width: 100%;background: #f7f7f7;padding: 0 0 60px;}
.module2-box ul{width: 1200px;margin: 0 auto;display: block;}
.module2{width: 360px;height: 410px;float: left;margin: 0 20px;text-align: center;background: #fff;border-radius: 8px;}
.module2 img{width: 340px;margin: 10px 0 0 0;border-radius: 8px;}
.module2 h3{font-size: 22px;margin: 15px auto 10px;}
.module2 p{line-height: 30px;}
.module2 div{width: 120px;height: 30px;line-height: 30px;margin: 10px auto 0;text-align: center;border: 1px solid #f7a213;color: #fff;border-radius: 15px;background: -webkit-gradient(linear, 20% 0%, 90% 0%,from(#f79f13), to(#f67212));}
.clear {clear: both;height: 0px;}



/*------------------------------小、初、高特色课程模块*/
.course-wrap{height:580px;background:#f4f5fc;}
.course-list-box{margin-top: 10px;height: 282px;}
.course-list-box li{float:left;background-color:rgba(255,255,255,0.6);width: 270px;height: 320px;transition:all .4s cubic-bezier(.4,0,.2,1);border: 1px solid #e6e6e6;border-radius: 6px;}
.course-list-box li a{color: #000;}
.course-list-box li .pic{height: 150px;position:relative;text-align:  center;}
.course-list-box li .pic:before{content:"";width:123px;height:34px;position:absolute;left:50%;margin-left:-62px;bottom:0;}
.course-list-box li .pic img{border-radius: 6px 6px 0 0;}
.course-list-box li+li{margin-left: 37px;}
.course-list-box li:hover{border-radius:5px;margin-top:-10px;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.2);}
.course-text{margin: 20px 0 0 0;padding: 0 8px 0 6px;height:  90px;}
.course-text p{line-height: 30px;}
.course-text span{width: 6px;height: 6px;display: block;float: left;border: 1px solid #666;margin: 12px 10px 10px;}
.course-more{background: url(../images/main1-icon1.png) no-repeat right center;text-align:right;padding-right: 40px;margin-right: 10px;line-height: 50px;color:  #eaeaea;transition:all .4s cubic-bezier(.4,0,.2,1);}
.course-list-box li:hover .course-more{background: url(../images/main1-icon2.png) no-repeat right center;color: #ff3b47;}



/*------------------------------小学页面同步辅导课程*/
.course-box{background: #f7f7f7;padding: 30px 0;}
.course-box h3:before{width: 6px;height: 24px;content: '';position: absolute;top: 4px;left: -15px;background: #f64344;}
.course-box .course-title{position:  relative;margin: 0 0 0 30px;font-size:  1.5rem;	color: #666;}
.course{width: 1200px;	margin: 20px auto 10px;	padding: 0 0 0 14px;}
.course .course-content{width: 270px;height: 310px;background:  #fff;display: inline-block;margin:0 10px;transition:all .4s cubic-bezier(.4,0,.2,1);}
.course-content span{color:  #fff;font-size:  1.8rem;font-weight: 800;position:  relative;top: 20px;left: 50px;}
.course-content .yw{width: 270px;height: 158px;background: url(../picture/yw.png) no-repeat;}
.course-content .sx{width: 270px;height: 158px;background: url(../picture/sx.png) no-repeat;}
.course-content .yy{width: 270px;height: 158px;background: url(../picture/yy.png) no-repeat;}
.course-content .wl{width: 270px;height: 158px;background: url(../picture/wl.png) no-repeat;}
.course-content .hx{width: 270px;height: 158px;background: url(../picture/hx.png) no-repeat;}
.course .course-content:hover{box-shadow:0px 10px 30px 0px rgba(0,0,0,0.2);border-radius: 8px;}
.course .course-content:hover .course-button{background: #f64344;border: 1px solid #f64344;color: #fff;}
.course-content p{margin: 10px 10px 15px;line-height:  30px;height: 80px;}
.course-button{width:  120px;	height:  30px;	color:  #f64344;	line-height:  30px;	text-align:  center;	border: 1px solid #f64344;	border-radius:  15px;	margin:  0 auto;}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑小学页面样式，结束↑↑↑↑↑*/





/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓初中辅导页面，开始↓↓↓↓↓*/

.problem-cz-box{position: relative;height: 640px;background-image:url(../images/item2-bg.jpg);padding:  1px 0 0 0;}
.problem-cz-box h2.item-sub{padding-top:100px;}
.problem-cz-icon{margin-top:35px;position:relative;}
.advantage-anima{position:absolute;left:50%;top:0;margin-left:-436px;width:871px;height:871px;}
.advantage-anima:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/item2-cir.png) no-repeat;-webkit-animation:rotateForEver 8s linear infinite;-moz-animation:rotateForEver 8s linear infinite;-ms-animation:rotateForEver 8s linear infinite;-o-animation:rotateForEver 8s linear infinite;animation:rotateForEver 8s linear infinite;}
.advantage-anima .ring-box{position:absolute;top:50%;left:50%;z-index:1;width:220px;height:220px;margin:-110px 0 0 -110px;}
.advantage-anima .ring-box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: #b8dbff;border-radius:100%;opacity:.3;}
.advantage-anima .ring1,.advantage-anima .ring2,.advantage-anima .ring3{position:absolute;top:50%;left:50%;display:block;width:220px;height:220px;margin:-110px 0 0 -110px;background: #b8dbff;border-radius:100%;opacity:0;-webkit-animation:scaleaieing 3s linear 0s infinite;-moz-animation:scaleaieing 3s linear 0s infinite;-o-animation:scaleaieing 3s linear 0s infinite;animation:scaleaieing 3s linear 0s infinite;}
.advantage-anima .ring2{animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;}
.advantage-anima .ring3{animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;}
.problem-cz-content{position:absolute;width:1200px;height: 370px;z-index:1;}
.problem-cz-content .problem-cz-list{width:340px;text-align:center;position:absolute;margin-top:0px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.problem-cz-content .problem-cz-list.list1{left: 0px;bottom: 0px;width:330px;}
.problem-cz-content .problem-cz-list.list2{left:420px;top:0;}
.problem-cz-content .problem-cz-list.list3{right: 0px;bottom: 30px;width:330px;}
.problem-cz-content .problem-cz-list .icon{display:inline-block;width: 70px;height: 70px;position: relative;}
.problem-cz-content .problem-cz-list .icon.icon1 i{background:url(../images/item2-icon1.png) no-repeat;}
.problem-cz-content .problem-cz-list .icon.icon2 i{background:url(../images/item2-icon2.png) no-repeat;}
.problem-cz-content .problem-cz-list .icon.icon3 i{background:url(../images/item2-icon3.png) no-repeat;}

.problem-cz-content .problem-cz-list .icon i{position: absolute;width: 100%;height: 100%;top:0;left:0;}
.problem-cz-content .problem-cz-list .icon:after {content: "";position: absolute;left: -1px;top: -1px;width: 70px;height: 70px;border: 1px dashed #e1e1e1; border-radius: 50%;
    -webkit-animation: scaleForEver22 3s linear infinite;
    -moz-animation: scaleForEver22 3s linear infinite;
    -ms-animation: scaleForEver22 3s linear infinite;
    -o-animation: scaleForEver22 3s linear infinite;
    animation: scaleForEver22 3s linear infinite;
}
.problem-cz-content .problem-cz-list .title{width:  90px;margin: 5px auto 20px;color: #2082e3;letter-spacing:1px;line-height:36px;height:36px;position:relative;/* margin-bottom:20px; */-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .4s;transition:all .4s;}
.problem-cz-content .problem-cz-list .title:after{content:"";position:absolute;left:50%;margin-left:-18px;bottom:-10px;width:36px;height:1px;background:url(../images/item2-line.png) no-repeat;}
.problem-cz-content .problem-cz-list p{margin-top:25px;text-align:left;font-size:15px;color:#808080;letter-spacing:1px;line-height:28px;}
.problem-cz-content .problem-cz-list:hover .title:after{-webkit-animation:background0 .6s linear infinite;-moz-animation:background0 .6s linear infinite;-ms-animation:background0 .6s linear infinite;-o-animation:background0 .6s linear infinite;animation:background0 .6s linear infinite;}
.problem-cz-content .problem-cz-list:hover .title{letter-spacing:3px;background:#f64344;color: #FFFFFF;border-radius: 6px; }
.problem-cz-box .sub-tip {position: absolute;width: 58px;height: 58px;bottom: 30px;left: 50%;margin-left: -29px;border-radius: 50%;background-color: #1b74e1;box-shadow: 0px 10px 30px 0px rgba(185, 140, 100, 0.2);z-index: 2;
    -webkit-animation: tipInDown 1.2s linear 0s infinite;
    -moz-animation: tipInDown 1.2s linear 0s infinite;
    -o-animation: tipInDown 1.2s linear 0s infinite;
    animation: tipInDown 1.2s linear 0s infinite;
}
.problem-cz-box .sub-tip:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;background: url(../images/item2-tip.png) no-repeat;}
@-webkit-keyframes tipInDown{
  0%{opacity:1;bottom: 30px}
  100%{opacity:0;bottom: 0px}
}
@keyframes tipInDown{
  0%{opacity:1;bottom: 30px}
  100%{opacity:0;bottom: 0px}
}
@-webkit-keyframes scaleForEver22 {
    0% {
        display: block;
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    70% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: .8;
    }
    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        display: block;
    }
}
@keyframes scaleForEver22 {
    0% {
        display: block;
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    70% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: .8;
    }
    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        display: block;
    }
}
.cz-mode-backimg{width: 100%;height: 500px;background: url( ../images/cz-mode-backimg.jpg) no-repeat  center center;padding: 1px 0 0 0;position: absolute;z-index:  1;}
.cz-mode-backimg .main-title{color: #FFFFFF;}
.cz-mode-backimg .main-title .line{border-top: 1px solid #fff;}
.cz-mode-backimg .main-title .linebox{color: #fff;}
.cz-mode-backimg .main-title .title_small{color: #FFFFFF;}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑初中辅导页面，结束↑↑↑↑↑*/




/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓高中辅导页面，开始↓↓↓↓↓*/
.lsjr-item3{width: 100%; position:relative;height:812px;overflow: hidden;
    z-index:1;}
.lsjr-item3 .item-sub{color:#fff}
.lsjr-item3 .item-subs{color:#777a83}
.system-info{margin-top: 30px;height:500px;box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);}
.system-info li{position:relative;padding-top:20px;top:-20px;width:400px;height:500px;float:left;color:#fff;overflow:hidden;}
.system-info .list{position:absolute;top:20px;left:0;width:400px;height:500px;overflow:hidden;background: #f7f7f7;}
.system-info .title{padding-top:30px;height:150px;text-align:center;box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1);background: url(../images/system-top.png) no-repeat;}
.system-info .title .icon{width:68px;height:46px;display:inline-block;background:url(../images/system-icon.png) no-repeat;}
.system-info .title .icon.icon1{background-position:0 -2px;}
.system-info .title .icon.icon2{background-position:-97px -2px;}
.system-info .title .icon.icon3{background-position:-202px 0;}
.system-info .title span{display:block;color:rgba(255,255,255,.4);font-size: 16px;letter-spacing:2px;}
.system-info .title p{font-size: 22px;line-height:40px;letter-spacing:2px;margin-top: 12px;}
.system-info .text{padding: 40px 30px;font-size:16px;color: #666;}
.system-info .text p{position:relative;padding-left:20px;line-height:30px;margin-bottom:15px;}
.system-info li.active .text span{color: #f64344;}
.system-info .text p:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background-color: #999;box-shadow:0 0 20px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.4);}
.system-info .text em{font-size:12px}
.system-info .text em i+i{margin-left:2px}
.system-info li.active .list:after{background-position:-162px top}
.system-info li.active .list{top:520px;height:520px;bottom:0;background:#fff;}
.system-info li.active .list .title{box-shadow:none;background: -webkit-linear-gradient(left,#56CCF2,#2F80ED);background: -o-linear-gradient(right,#56CCF2,#2F80ED);background: -moz-linear-gradient(right,#56CCF2,#2F80ED);background: linear-gradient(to right,#56CCF2,#2F80ED);}
.system-info li.active .list .icon.icon1{background-position:0 -84px;}
.system-info li.active .list .icon.icon2{background-position:-97px -84px;}
.system-info li.active .list .icon.icon3{background-position:-202px -82px;}
.system-info li.active .list .title span{color: #fff;}
.system-info li.active .list .text{color:#4c4c4c}
.system-info li.active .list .text p:before{background-color: #f64344;box-shadow:0 0 20px rgba(205,161,123,.3),0 0 20px rgba(205,161,123,.3);}
.system-info li.active .list{top:0;}
.system-info .list.nl {
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated{animation-duration:1s;animation-delay:0s;animation-fill-mode:both;}
@-webkit-keyframes fadeInUp {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    from { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; transform: none; }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.gz-mode-box{width: 100%;background: #fafafa;margin: 0 auto;padding: 0 0 60px;}
.gz-mode-box ul{width: 1200px; margin: 0 auto;}
.gz-mode-box ul a:nth-child(1) .gz-mode{background: url(../images/gz-mode-img3.jpg) no-repeat;}
.gz-mode-box ul a:nth-child(2) .gz-mode{background: url(../images/gz-mode-img1.jpg) no-repeat;}
.gz-mode-box ul a:nth-child(3) .gz-mode{background: url(../images/gz-mode-img2.jpg) no-repeat;}
.gz-mode{top: 20px;width: 360px;float: left;margin: 30px 20px 1px;height: 400px;box-shadow: 0 0 10px 5px rgba(0,0,0,.05);border-radius:  8px;}
.gz-mode ul{width: 340px;margin: 100px auto 0;height: 80px;}
.gz-mode li{width: 110px;float: left;line-height:  40px;font-size: 17px;color: #555;text-align: center;}
.gz-mode:hover {box-shadow: 0 0 10px 5px rgba(0,0,0,.12);}
.gz-mode-more{text-align:right;padding-right: 40px;line-height: 50px;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);}
.gz-mode:hover .gz-mode-more{color: #ff3b47;}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑高中辅导页面，结束↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓教师团队页面，开始↓↓↓↓↓*/

.teacher{width: 100%;margin:0 auto;background: #f7f7f7;}
.teacher_int{text-align:center;line-height: 30px;}
.teacher_int .int_box{display:inline-block;margin: 20px 30px 30px;width:320px;height: 570px;background:#fff;position:relative;overflow:hidden;}
.teacher_int .int_box .onlineServer{margin:0 auto 0 -72px;font-size:20px;height: 40px;width:145px;line-height:45px;color:#2F80ED;border:1px solid #2F80ED;position:absolute;left:50%;bottom:50px;cursor:pointer;border-radius: 8px;}
.teacher_int .int_box .onlineServer:hover{background:#2F80ED;color: #fff;}
.teacher_int .int_box .txt .s {color: #2F80ED;font-style: normal;}
.teacher_int .int_box:nth-of-type(1) .txt{text-align: center;margin:0 auto;font-size: 18px;color:#505050;}
.teacher_int .int_box:nth-of-type(2) .txt_big{font-size: 20px;margin:0 auto;text-align:center;}
.teacher_int .int_box:nth-of-type(2) .txt_small{font-size:18px;color:#505050;text-align:left;margin:25px auto 0}
.teacher_int .int_box:nth-of-type(2) .txt_small p{margin-left:35px;margin-bottom:13px}
.teacher_int .int_box:nth-of-type(2) .txt_small i{display:inline-block;width:20px;height:20px;margin-right:10px;background:url(" ../images/teacher-icon-1.png") center center no-repeat}
.teacher_int .int_box:nth-of-type(3) .txt_big{font-size:22px;margin:0 auto;text-align:center}
.teacher_int .int_box:nth-of-type(3) .txt_small{font-size:18px;color:#505050;text-align:center;margin: 60px auto 0;}
.teacher_int .int_box:nth-of-type(3) .txt_small p{margin-bottom:13px}
.teacher_int .int_box:nth-of-type(3) .txt_small i{display:inline-block;width:22px;height:20px;margin-right:10px;vertical-align:middle;background:url(" ../images/teacher-icon-2.png") center center no-repeat}
.teacher_int .int_box_top{height:170px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;color:#fff;position:relative}
.teacher_int .int_box_top .toptitle{display:inline-block;font-size:32px;margin:28px auto 12px}
.teacher_int .int_box_top .toptitle_small{display:inline-block;margin:0 auto;font-size:18px}
.teacher_int .int_box_top .circle{width:85px;height:85px;border-radius:50%;display:inline-block;position:absolute;background:#fdfdfd;left:50%;bottom:-43px;margin-left:-43px;box-shadow:0 0 5px 5px rgba(252,252,252,.7)}
.teacher_int .int_box_top .circle.one{background:url(" ../images/teacher-icon-3.png") center center no-repeat #fff}
.teacher_int .int_box_top .circle.two{background:url(" ../images/teacher-icon-4.png") center center no-repeat #fff}
.teacher_int .int_box_top .circle.three{background:url(" ../images/teacher-icon-5.png") center center no-repeat #fff}
.int_box_top.one,.int_box_top.two,.int_box_top.three{background:-webkit-linear-gradient(left,#56CCF2,#2F80ED);background:-o-linear-gradient(right,#56CCF2,#2F80ED);background:-moz-linear-gradient(right,#56CCF2,#2F80ED);background:linear-gradient(to right,#56CCF2,#2F80ED)}

/*------------------------------五层筛选*/
.screening{width: 100%;background: #000;margin:  0 auto;color:  #fff;}
.screening .teacher-title,.screening .title_small{color:#fff;}
.screening-img{width: 1200px;margin: 0 auto 30px;}

/*------------------------------老师形象展示*/
.single-member{width: 270px;float: left;margin: 30px 15px;background-color: #141E30;text-align: center;position: relative;color:  #fff;}
.single-member a{color: #fff;}
.member-image img{max-width: 100%; vertical-align: middle;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
.effect-3{max-height: 310px;min-height: 310px;overflow: hidden;}
.effect-3 h3{line-height: 30px;padding-top:7px;font-weight: normal;}
.effect-3 h5{ line-height: 33px;margin-bottom: 10px;font-weight: normal;}
.effect-3 p{line-height: 30px;}
.effect-3 .member-image{transition: 0.4s;height: 240px;width: 100%;display: inline-block;float: none;vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;padding:  0 10px;}
.effect-3 .member-info .course-more {width: 70px;background: url(../images/main1-icon2.png) no-repeat right center;color:#ff3b47;float:  right;line-height:  30px;}
.effect-3 .member-info .course-more:hover{border-bottom: 1px solid #ff3b47}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 100px; display: inline-block; overflow: hidden; width: 135px; transition: 0.4s;}
.team-members{text-align: center;}
.container{margin: 0 auto; max-width: 1200px;}
.row{width: 100%;float: left;margin: 0 auto 0;}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑教师团队页面，结束↑↑↑↑↑*/




/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓校区分布页面，开始↓↓↓↓↓*/
.introduce{width: 600px;height: 270px;margin: 0 auto;background: #fff;opacity: .8;padding: 60px 50px 70px;position:  relative;top: 140px;font-size: 16px;line-height:  40px;z-index: 100;}
.introduce h3{width: 120px;	height: 4px;	background: #f64344;	margin: 10px 0 20px;}
.introduce-box{width: 700px;height: 390px;background: #fff;position: relative;bottom: 280px;margin: 0 auto;opacity: .6;left: 20px;z-index: 99;}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑校区分布页面，结束↑↑↑↑↑*/