@charset "utf-8";
/* CSS Document */

.case-banner{margin: 0 auto;width: 1920px;;}
.case-banner img{margin: 0 auto;width: 100%;}

/*雅思学员*/
.case-student{width: 1200px;margin: 80px auto}
.case-student .tit img{float: left}
.case-student .tit .more{float:right;margin: 40px auto;width: 170px;line-height: 40px;text-align: center;font-size: 12px;color: #fff;background: #66ccff;transition: 0.3s}
.case-student .tit .more:hover{background: #3db0ea}
.case-student .case-student-content{position: relative}
.case-student .case-student-content .control{position: absolute;right: 20px;bottom: -5px;z-index: 3}
.case-student .case-student-content .control li{float: left;text-align: center;}
.case-student .case-student-content .control li a{display: block;width: 110px;height: 117px;overflow: hidden;border: 4px double rgba(0,0,0,0.00);margin-right: 10px;transition: 0.3s}
.case-student .case-student-content .control li a img{width: 100%;}
.case-student .case-student-content .control li h5{font-size: 18px;line-height: 36px;padding-right: 8px; color: #a7a7a7;border-bottom: 1px solid #333;margin-bottom: 20px;transition: 0.3s}
.case-student .case-student-content .control li h5 span{width: 8px;height: 8px;display: block;background: #333;margin: 0 auto;margin-bottom: -4px;transition: 0.3s}
.case-student .case-student-content .control li:hover h5 span{background: #66ccff}
.case-student .case-student-content .control li:hover h5 {color:  #66ccff}
.case-student .case-student-content .control li:hover a {;border: 4px double #66ccff}
.case-student .case-student-content .control .cur h5 span{width: 8px;height: 8px;display: block;background: #333;margin: 0 auto;margin-bottom: -4px;transition: 0.3s}
.case-student .case-student-content .control .cur h5 span{background: #66ccff}
.case-student .case-student-content .control .cur h5 {color:  #66ccff}
.case-student .case-student-content .control .cur a {;border: 4px double #66ccff}
.case-student .case-student-content .control-content{}
.case-student .case-student-content .control-content .detail-l{width:281px;float: left;background: #fff}
.case-student .case-student-content .control-content .detail-l p{font-size: 18px;line-height: 28px;}
.case-student .case-student-content .control-content .detail-l .bg-img {background: url(.././ages/case/case-part1-img.jpg)no-repeat;width: 281px;height: 148px;margin: 6px 0;text-align: center}
.case-student .case-student-content .control-content .detail-l .bg-img p{font-size: 12px;color: #fff}
.case-student .case-student-content .control-content .detail-l .bg-img h5{font-size: 18px;color: #fff;padding-top: 30px;}
.case-student .case-student-content .control-content .detail-l .more-button{color: #333;background: #ffc320;width: 281px;line-height: 50px;text-align: center;font-size: 16px;margin-top: 12px;transition: 0.3s;border: 1px solid #ffc320;}
.case-student .case-student-content .control-content .detail-l .more-button:hover{background: #ffd564}
.case-student .case-student-content .control-content .detail-r{float: right;background: #f5f5f5; width: 875px;height: 236px; position: relative;}
.case-student .case-student-content .control-content .detail-r .img{width: 234px;height: 295px;overflow: hidden;position: absolute;left: -30px;bottom: -92px;}
.case-student .case-student-content .control-content .detail-r .img img{width: 100%;}
.case-student .case-student-content .control-content .detail-r p{width: 630px;line-height: 22px; text-align: justify;margin: 30px 0px 0 226px;letter-spacing: 2px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}


/*私人方案*/
.case-progrom-content .tit{width: 281px;height: 305px;background:url(../images/./case/case-tit-two.jpg)no-repeat;margin-right:40px;}
.case-progrom-content h4{font-size: 24px;color: #333;position: absolute;left: 320px;top: 0}
.case-progrom-content ul{width: 1200px;margin:20px auto;position: relative;z-index: 0}
.case-progrom-content ul li{width: 188px;height: 244px;margin:60px 2px 80px 0; border: 1px solid rgba(0,0,0,0.00);float: left;padding-left: 20px;z-index: 3;transition: 0.3s;color: #666}
.case-progrom-content ul li h5{font-size: 20px;margin-top: 20px;font-weight: 500;}
.case-progrom-content ul li img{margin-top: 38px;padding-left: 10px;}
.case-progrom-content ul li span{display: block;width: 38px;height: 1px;background: #666;margin: 6px 0 16px 0;}
.case-progrom-content ul li p{font-size: 16px;text-transform: uppercase;display: -webkit-box;width: 188px;transition: 0.3s;font-size: 14px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.case-progrom-content ul li:hover{border: 1px solid #66ccff;transition: 0.3s;color: #66ccff}
.case-progrom-content ul li:hover span{background:  #66ccff;transition: 0.3s;}
.case-progrom-content ul .cur li{border: 1px solid #66ccff;color: #66ccff}
.case-progrom-content ul .cur li span{background:  #66ccff;}
.case-progrom-content ul .bg{width: 1170px;height: 148px; background: #f5f5f5;position: absolute;top: 130px;left: 0;padding-left: 30px;z-index: -1}
.case-progrom-content ul .bg-1{width: 360px;height: 148px; background: #f5f5f5;position: absolute;top: 0px;left: -360px;z-index: -1}


/*成人英语*/
.case-teaching{width: 1200px;margin: 0px auto -40px auto}
.case-teaching .tit img{float: left}
.case-teaching .tit .more{float:right;margin: 40px auto;width: 170px;line-height: 40px;text-align: center;font-size: 12px;color: #fff;background: #66ccff;transition: 0.3s}
.case-teaching .tit .more:hover{background: #3db0ea}
.case-teaching-content .img-l{width: 476px;height: 458px;float: left; background: url(.././images/case/case-part3-img.png)no-repeat;margin-top: 30px;z-index: -1;position: relative}
.case-teaching-content .img-l h5{font-size: 24px;text-transform: uppercase;color: #66ccff;position: absolute;padding-left: 24px;top: 0;right: -120px;}
.case-teaching-content .img-l h5 span{background: #66ccff;width: 20px;height: 4px;position: absolute;left: 0px;top: 14px}
.case-teaching-content{}
.case-teaching-content .detail{float: left;margin: 30px 20px;}
.case-teaching-content .detail .detail-l h4{font-size: 64px;margin:28px 0 0 40px; color: #ddd;letter-spacing: 3px;}
.case-teaching-content .detail .detail-l .img{margin: -30px 0 0 40px;width: 213px;height: 321px;overflow: hidden;}
.case-teaching-content .detail .detail-l{float: left}
.case-teaching-content .detail .detail-r{float: left;margin: 0px 0 0 20px; width: 400px;}
.case-teaching-content .detail .detail-r h4{font-size: 28px;color: #66ccff;font-weight: bold;margin-bottom: 10px;}
.case-teaching-content .detail .detail-r .yellow{display: inline-block; background: #ffc320;width: 34px;height: 8px}
.case-teaching-content .detail .detail-r .blue{display: inline-block; background: #66ccff;width: 34px;height: 8px}
.case-teaching-content .detail .detail-r .black{display: inline-block; background: #333;width: 34px;height: 8px}
.case-teaching-content .detail .detail-r h5{font-size: 20px;color: #333;font-weight: bold;margin-top: 10px;line-height: 48px;}
.case-teaching-content .detail .detail-r p{font-size: 16px;color: #6b6b6b;line-height: 26px;letter-spacing: 2px;text-align: justify;}
.case-teaching-content .detail .detail-r a{margin-top: 20px;border: 1px solid #ffc320;display: block;width: 220px;line-height: 50px;background: #ffc320;text-align: center;transition: 0.3s;}
.case-teaching-content .detail .detail-r a:hover{background: #ffd564}

.about_edu{width: 1200px;height: 627px;position: relative; }
.about_edulist{overflow: hidden; color: #fff;position: relative;width: 700px;height: 601px;margin:0 auto;}
.about_edulist ul{width: 9999px;position: absolute;}
.about_edulist ul li{width: 1000px; float: left;}
.about_edulist ul li a{color: #fff;}

.edu_btn{text-align: center;padding-top: 36px;position: absolute;bottom: 200px;left: 39px;}
.edu_btn span{display: block;width: 48px;height: 48px;background: url(.././images/case/z_img88.png) no-repeat;cursor: pointer;}
.edu_btn span.edu_rgbtn{background-position:left bottom;background: url(.././images/case/z_img89.png) no-repeat;}
.eduimg_cont img{position:static; }



/*生活英语*/
.case-living{width: 1200px;margin: 0 auto}
.case-living .tit{position: relative}
.case-living .tit h4{line-height: 56px;font-size: 24px;font-weight: bold;color: #fff;background: #66ccff;letter-spacing: 2px;width: 220px;}
.case-living .tit .block{width: 360px;position: absolute;top: 0;left: -360px;background: #66ccff;height: 56px;}
.case-living .detail-l{float: left;width: 564px;background: #fff}
.case-living .detail-l h5{padding-left: 18px;position: relative;font-size: 24px;color: #66ccff;letter-spacing: 2px;margin: 20px 0 2px 0}
.case-living .detail-l h5 span{background: url(.././images/case/case-part4-arrow.png)no-repeat;width: 10px;height: 19px;position: absolute;left: 0;top: 6px;}
.case-living .detail-l .text{font-size: 18px;width: 560px;line-height: 28px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden}
.case-living .detail-l .img{float: left;width: 161px;height: 161px;overflow: hidden;margin-top: 10px;}
.case-living .detail-l .detail{float: left;width: 376px;margin-left: 20px;margin-top: 10px;text-align: justify;}
.case-living .detail-l .detail h6{font-size: 24px;color: #66ccff; line-height: 30px;margin-bottom: 6px;}
.case-living .detail-l .detail p{font-size: 16px;line-height: 24px;color: #333;letter-spacing: 2px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden}
.case-living .detail-l .detail a{display: block; color: #333;background: #ffc320;width: 150px; line-height: 34px;text-align: center;margin-top: 16px;}

.case-living .detail-r{float: right;width: 630px;}
.case-living .detail-r ul li{float: right;margin: 0 0 30px 30px;position: relative;overflow: hidden}
.case-living .detail-r ul li .detail{width: 174px;height: 174px;position: absolute;left: 0;bottom: -174px;background: #66ccff;text-align: center;transition: 0.5s}
.case-living .detail-r ul li .detail h5{font-size: 30px;margin-top: 30px;line-height: 50px;color: #333}
.case-living .detail-r ul li .detail span{width: 30px;height: 2px;background: #fff;margin: 0 auto;display: block}
.case-living .detail-r ul li .detail p{font-size: 16px;line-height: 24px;margin-top: 6px;color: #333}
.case-living .detail-r ul li:hover .detail{bottom: 0}

.case-living .detail-r ul li .detail-img{width: 174px;;height: 174px;overflow: hidden;letter-spacing: -1px}
.case-living .detail-r ul li .detail-img img{width: 100%;}



/*考试辅导-公用雅思页面*/
.itlts-exam{margin-top:80px; }
.itlts-exam .tit{width: 1200px;margin: 0 auto;position: relative}
.itlts-exam .tit .exam-news{position: absolute;top: 0;left: 700px;width: 861px;}
.itlts-exam .itlts-exam-content{width: 1200px;margin: 30px auto;position: relative}
.itlts-exam .itlts-exam-content .control{float: left;}
.itlts-exam .itlts-exam-content .control .cur li{border: 1px solid #66ccff;background: #66ccff; text-align: right;color: #fff}
.itlts-exam .itlts-exam-content .control li{width: 218px;height: 76px;border: 1px solid #ddd;text-align: right;color: #999;transition: 0.3s}
.itlts-exam .itlts-exam-content .control li h5{font-size: 18px;margin: 14px 20px 0px 0 }
.itlts-exam .itlts-exam-content .control li p{font-size: 14px;margin: 0px 20px 0px 0 ;text-transform: uppercase;}
.itlts-exam .itlts-exam-content .control li:hover{border: 1px solid #66ccff;background: #66ccff; text-align: right;color: #fff}
.itlts-exam .itlts-exam-content .exam-news{float: left;width: 980px;}
.itlts-exam .itlts-exam-content .exam-news .detail-l{float: left;width: 440px;height: auto;background: #fff}
.itlts-exam .itlts-exam-content .exam-news .detail-l .img1{width: 440px;height: 136px;background: url(../images/ielts/ielts-exam-img1.jpg)no-repeat;display: block}

.itlts-exam .itlts-exam-content .article p:hover{color: #666}
.itlts-exam .itlts-exam-content .article h5:hover{text-decoration: underline;transition: 0.3s;}
.itlts-exam .itlts-exam-content .exam-news .detail-l ul {margin: 8px 0 20px 20px;}
.itlts-exam .itlts-exam-content .exam-news .detail-l ul li{float: left;margin-right: 20px; width: 190px;height: 20px;font-size: 14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.itlts-exam .itlts-exam-content .exam-news .detail-l ul li span{font-size: 14px;color: #ff7700;margin-right: 4px;}
.itlts-exam .itlts-exam-content .exam-news .detail-l ul li a{transition: 0.3s}
.itlts-exam .itlts-exam-content .exam-news .detail-l ul li a:hover{text-decoration: underline}

.itlts-exam .itlts-exam-content .detail-r ul li a{transition: 0.3s}
.itlts-exam .itlts-exam-content .detail-r ul li span{font-size: 14px;color: #ff7700;margin-right: 4px;}
.itlts-exam .itlts-exam-content .detail-r ul li a:hover{text-decoration: underline}
.itlts-exam .itlts-exam-content .detail-r ul {margin: 8px 0 20px 0px;}
.itlts-exam .itlts-exam-content .detail-r ul li{float: left;margin-right: 20px; width: 190px;line-height: 24px;font-size: 14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.itlts-exam .itlts-exam-content .detail-r .img2{width: 500px;height: 136px;background: url(../images/ielts/ielts-exam-img2.jpg)no-repeat;display: block}
.itlts-exam .itlts-exam-content .detail-r{width: 500px;height: auto;position: absolute;top: 0;left: 700px;}
.itlts-exam .itlts-exam-content .article{margin: 16px 0 6px 0px;background: #fff}
.itlts-exam .itlts-exam-content .exam-news .article{margin: 16px 0 6px 20px;background: #fff}
.itlts-exam .itlts-exam-content .article h5{font-size: 16px;color: #66ccff;transition: 0.3s;}
.itlts-exam .itlts-exam-content .article p{font-size: 14px;color: #999;margin-top: 4px; display: -webkit-box;transition: 0.3s;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}