@import "reset.css";

body{
    font: 16px/1.1 "Microsoft YaHei";
    color: #000;
    background: #fff;
}
.main {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 1px;
}

.slogan{
    font-size: 26px;
    color: #848484;
}

.ad {
    font-size: 0;
}
.ad a{
    display: inline-block;
    height: 84px;
    line-height: 84px;
    text-align: center;
}

.ad a:first-child{
    width: 486px;
    font-size: 34px; 
    color: #ffffff;
}

.ad a:last-child{
    width: 395px;
    height: 82px;
    vertical-align: bottom;
    font-size: 40px;
    color: #5f5f5f;
}

.banner{
    width: 100%;
    height: 500px;
    background: url(../images/banner.jpg) no-repeat center;
}

/* 一 */
.con1{
    padding-bottom: 74px;
}
.title1{
    height: 38px;
    margin: 68px 0 75px;
    background: url(../images/title1.png) no-repeat center;
}

.con1_main>img{
    margin-top: 44px;
}
.question{
    float: right;
    margin-right: 27px;
}

.question li{
    width: 627px;
	height: 71px;
	line-height: 71px;
	background-color: #fff8e4;
    border-radius: 36px;
    margin-bottom: 10px;
}

.question li:last-child{
    margin-bottom: 0;
}

.question li span:first-child{
    float: left;
    width: 154px;
	height: 49px;
	line-height: 49px;
	background-color: #ff6e03;
    border-radius: 25px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 11px 0 0 12px;
}
.question li span:last-child{
    float: left;
    font-size: 18px;
    color: #666666;
    margin-left: 18px;
}

/* 二 */
.con2{
    width: 100%;
    height: 820px;
    background: url(../images/con2Bg.jpg) no-repeat center;
}
.title2{
    height: 39px;
    margin: 68px 0 35px;
    background: url(../images/title2.png) no-repeat center;
}

.con2 img{
    margin: 50px auto 70px;
    display: block; 
}

.ad2 a:first-child{
    background-image: linear-gradient(267deg, 
		#ffbb03 0%, 
		#ff7f03 100%), 
	linear-gradient(
		#2082ec, 
        #2082ec);
}

.ad2 a:last-child{
    border: 1px solid #ff8303;
}

/* 三 */
.con3{
    padding-bottom: 100px;
}
.title3{
    height: 39px;
    margin: 64px 0 32px;
    background: url(../images/title3.png) no-repeat center;
}
.receive{
    margin: 92px auto 0;
}
.receive li{
    float: left;
    width: 286px;
    height: 282px;
    box-shadow: 0px 5px 13px 0px 
    rgba(32, 131, 236, 0.18);
    border-radius: 20px 40px 20px 40px;
    margin-right: 18px;
}

.receive li:nth-child(1){
    background: url(../images/receive1.png) no-repeat center;
}

.receive li:nth-child(2){
    background: url(../images/receive2.png) no-repeat center;
}
.receive li:nth-child(3){
    background: url(../images/receive3.png) no-repeat center;
}

.receive li:nth-child(4){
    margin-right: 0;
    background: url(../images/receive4.png) no-repeat center;
}

.receive li h3{
    font-size: 24px;
    color: #5a5a5a;
    line-height: 38px;
    margin: 24px 0 20px;
}

.receive li span{
    color: #ff6e03;
}

.receive li a{
    display: inline-block;
    width: 209px;
	height: 36px;
	line-height: 36px;
	background-image: linear-gradient(75deg, 
		#446af5 0%, 
		#5f8cf4 100%);
    border-radius: 18px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}

.receive li p{
    width: 239px;
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    margin: 30px auto 20px;
}

/* 四 */
.con4{
    height: 1283px;
    background: url(../images/con4Bg.jpg) no-repeat center;
}
.title4{
    height: 39px;
    margin: 64px 0 32px;
    background: url(../images/title4.png) no-repeat center;
}
 
.con4 img{
    display: block;
    margin: 83px auto 94px;
}

.ad4 a:first-child{
    background-image: linear-gradient(267deg, 
    #5f8cf4 0%, 
    #4a71f5 80%, 
    #446af5 100%), 
linear-gradient(
    #2082ec, 
    #2082ec);
}

.ad4 a:last-child{
    border: 1px solid #456bf5;
}


/* 五 */
.con5{
    padding-bottom: 100px;
}
.title5{
    height: 39px;
    margin: 71px 0 36px;
    background: url(../images/title5.png) no-repeat center;
}


.school {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 65px;
}

.school li {
    width: 250px;
    height: 195px;
    background-color: #ffffff;
    box-shadow: 2px 5px 13px 0px rgba(32, 131, 236, 0.18);
    border-radius: 40px 0px 40px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 39px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.school li:hover{
    transform: translate(0, -14px);
    -webkit-transform: translate(0, -14px);
    -ms-transform: translate(0, -14px);
    -moz-transform: translate(0, -14px);
}
.school li h3 {
    font-size: 22px;
    color: #5a5a5a;
    font-weight: bold;
}

.school li p {
    margin: 27px 0 21px;
}

.school li span {
    display: inline-block;
    font-size: 18px;
    line-height: 17px;
    color: #9f9f9f;
    padding: 0 6px;
    border-right: 2px solid #c3bebe;
}

.school li span:last-child {
    border-right: 0;
    padding-right: 0;
}

.school li a {
    width: 144px;
    height: 33px;
    line-height: 33px;
    background-color: #ffb554;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}


/* 六 */
.con6 {
    background-color: #e6e9fc;
    padding-bottom: 45px;
}
.title6{
    height: 39px;
    margin: 71px 0 36px;
    background: url(../images/title6.png) no-repeat center;
}

.con6-table {
    background-color: #ffffff;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin: 51px 0 66px;
}

.sort li {
    float: left;
    width: 396px;
    height: 66px;
    line-height: 66px;
    border-radius: 3px 0px 0px 0px;
    margin-right: 6px;
    text-align: center;
    background-color: #2f53f2;
    color: #fff;
    border-top: 0;
    cursor: pointer;
    font-size: 18px;
}

.sort li:last-child {
    margin-right: 0;
}

.sort li.active {
    color: #2f53f2;
    background: #fff;
    border-top: 6px solid #2f53f2;
}

.train {
    margin-top: 40px;
}

.train .train_table {
    display: none;
    padding-bottom: 30px;
}

.train .train_table:first-child {
    display: block;
}

table {
    text-align: center;
    width: 1120px;
    margin: 0 auto;
}

table tr {
    height: 80px;
}

table tr:nth-child(1) {
    height: 68px;
    background: #F3DBA6;
}

table tr td {
    line-height: 24px;
}

table tr td {
    border: 1px solid #e6e9fc;
}

table tr td:last-child {
    padding: 20px;
}

table .order {
    background-image: linear-gradient(45deg, #f0e8c1, #fefefc);
}

table .et1 p {
    padding: 20px;
}

/* 七 */ 
.con7 {
    height: 961px;
    background: url(../images/con7Bg.jpg) no-repeat center;
}
.title7{
    height: 39px;
    margin: 76px 0 36px;
    background: url(../images/title7.png) no-repeat center;
}
.slogan7{
    color: #fff;
}
.type{
    margin: 73px auto 0;
}
.type li{
    float: left;
    width: 575px;
	height: 643px;
	background-color: #ffffff;
}
.type li:first-child{
    margin-right: 40px;
}
.type li h3{
    width: 140px;
	height: 46px;
	line-height: 46px;
	background-color: #ff524e;
    border-radius: 0 23px 23px 0;
    font-size: 27px;
    color: #fff;
    margin: 20px 0 36px;
}
.type li>div{
    width: 450px;   
}

.type li>div span{
    float: left;
    width: 53px;
	height: 25px;
	line-height: 25px;
	background-color: #ffba03;
    border-radius: 13px;
    text-align: center;
    color: #fff;

}
.type .reason{
    margin:  0 auto;
}
.type .reason p{
    font-size: 20px;
    color: #333333;
}

.type div p{
    float: left;
    width: 382px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-left: 12px;
    line-height: 25px;
}

.type .perform{
    margin: 11px auto 20px;
}

.type .perform p{
    height: 50px;
}

.type .analyze{
    border-top: 1px solid #dcdcdc;
    padding-top: 15px;
    margin: 0 auto;
}

.type .analyze span{
    background-image: linear-gradient(118deg, 
		#456af5 0%, 
		#5e8cf4 100%);
}

.type .analyze p{
    height: 75px;
}

.type a{
    display: inline-block;
    width: 246px;
	height: 49px;
	line-height: 49px;
	background-image: linear-gradient(75deg, 
		#ff8003 0%, 
		#ffba03 100%);
    border-radius: 25px;
    font-size: 22px;
    color: #fff;
    margin-top: 28px;
}

/* 八 */ 
.con8 {
    height: 514px;
    background-color: #f5f6fd;
    text-align: center;
    overflow: hidden;
}
.title8{
    height: 39px;
    margin: 76px 0 88px;
    background: url(../images/title8.png) no-repeat center;
}

/* 九 */
.title9{
    height: 39px;
    margin: 68px 0 36px;
    background: url(../images/title9.png) no-repeat center;
}

.teacher {
    width: 1192px;
    height: 441px;
    margin: 43px auto 0;
    background-color: #ffffff;
    box-shadow: 2px 12px 35px 0px rgba(191, 191, 191, 0.33);
    position: relative;
    text-align: left;
}

.swiper-container {
    width: 1148px;
    padding-bottom: 70px;
    margin: 0 auto;
    padding-top: 23px;
}

.swiper-slide {
    width: 287px;
    height: 388px;
    position: relative;
    cursor: pointer;
}

.tea-wrap {
    position: absolute;
}

.tea-info {
    position: absolute;
    bottom: 23px;
    z-index: 5;
    width: 252px;
    left: 50%;
    margin-left: -126px;
}

.tea-info h4 {
    color: #fff;
    font-size: 22px;
    line-height: 37px;
    float: left;
}

.tea-info img {
    float: right;
}

.tea-info p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.swiper-slide:hover .tea-info {
    display: none;
}

.tea-mask {
    width: 287px;
    height: 388px;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    z-index: 10;
    display: none;
}

.swiper-slide:hover .tea-mask {
    display: block;
}

.tea-mask-title {
    margin: 66px 0 32px;
    text-align: center;
}

.tea-mask-title span {
    color: #fff;
    font-size: 22px;
}

.tea-mask p {
    width: 242px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.con9 .swiper-button-prev {
    background: url(../images/left_arr.png) no-repeat center;
    display: block;
    cursor: pointer;
    position: absolute;
    left: -5px;
}

.con9 .swiper-button-next {
    background: url(../images/right_arr.png) no-repeat center;
    display: block;
    cursor: pointer;
    position: absolute;
    right: -5px;
}

/* 十 */
.con10{
    height: 1240px;
    text-align: center;
}
.title10{
    height: 39px;
    margin: 68px 0 36px;
    background: url(../images/title10.png) no-repeat center;
}

.conBg {
    width: 100%;
    height: 758px;
    margin-top: 60px;
    padding-top: 1px;
    background: url(../images/con10.jpg) no-repeat center;
}

#swiper2 {
    width: 1282px;
    height: 926px;
    margin: 163px auto 0;
}

/* 十一 */
.con11{
    padding-bottom: 56px;
}
.title11{
    height: 39px;
    margin: 88px 0 36px;
    background: url(../images/title11.png) no-repeat center;
}
.book_type{
    width: 955px;
    margin: 58px auto;
}
.book_type li{
    float: left;
    width: 210px;
	height: 65px;
	line-height: 65px;
	background-color: #ffffff;
	border-radius: 8px;
    border: solid 1px #999999;
    margin-right: 35px;
    text-align: center;
    position: relative;
    font-size: 26px;
    color: #999999;
    cursor: pointer;
    
}
.book_type li:last-child{
    margin-right: 0;
}

.book_type li.active{
    background-color: #2f53f2;
    border: solid 1px #2f53f2;
    color: #fff;
}

.book_type li.active i{
    border-top: 10px solid #2f53f2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
.book_wrap .book{
    display: none;
    width: 900px;
    margin: 0 auto;
}
.book_wrap .book:first-child{
    display: block;
}

.book li{
    float: left;
    width: 285px;
	height: 349px;
	line-height: 349px;
	background-color: #ffffff;
	box-shadow: 3px 5px 29px 0px 
		rgba(38, 103, 169, 0.1);
    border-radius: 10px;
    text-align: center;
    margin-right: 22px;
}

.book li:last-child{
    margin-right: 0;
}

/* 十二 */
.con12{
    background-color: #f5f6fd;
    padding-bottom: 70px;
}
.title12{
    height: 39px;
    margin: 62px 0;
    background: url(../images/title12.png) no-repeat center;
}

.city li {
    float: left;
    width: 220px;
    height: 79px;
    line-height: 79px;
    background-color: #4097f3;
    border-radius: 8px;
    text-align: center;
    margin: 0 21px 29px 0;
}

.city li:nth-child(5n) {
    margin-right: 0;
}

.city li>a {
    display: block;
    width: 219px;
    height: 79px;
    font-size: 30px;
    color: #fff;
}