@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
body{ background:#ffffff; font:normal 13px/22px "微软雅黑";  }
html, body {
    position: relative;
    height: 100%;
}
i{ font-style:normal;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display:none;}
.clearfix::after{content: '\20'; height: 0; clear: both; display: block;}
/* CSS Document */
@keyframes ani2{
	from{transform: scale(1);}
	50%{transform: scale(1.1);}
	to{transform: scale(1);}
}

.w1200{width: 1200px; margin: 0 auto;}
.banner img{display: block; width: 100%;}
.gdTit{text-align: center; position: relative;}
.gdTit h2{font-size: 60px; color: #262626; line-height: 1; font-weight: bold; display: inline-block; position: relative; z-index: 2;}
.gdTit h2 span{color: #3d6eff; font-weight: bold;}
.gdTit h2::after{content: ''; position: absolute; top: 50%; left: -220px; transform: translateY(-50%); width: 181px; height: 26px;
background: url(../images/titbg.png) center no-repeat; background-size: cover;}
.gdTit h2::before{content: ''; position: absolute; top: 50%; right: -220px; transform: translateY(-50%); width: 181px; height: 26px;
background: url(../images/titbg.png) center no-repeat; background-size: cover;}
.gdTit p{font-size: 60px; color: #262626; line-height: 1; font-weight: bold; opacity: .1; position: absolute; left: 0; bottom: 35px; width: 100%;}
.layer1{background: url(../images/la1bg.jpg) center no-repeat; background-size: cover; padding: 100px 0;}
.layer1 .gdTit{margin-bottom: 40px;}
.layer1 ul{overflow: hidden; text-align: center;}
.layer1 li{float: left; width: 23.5%; margin-right: 2%; border: 1px solid #99b4ff; border-radius: 16px; box-sizing: border-box; background: #f2f6ff;}
.layer1 li:last-child{margin-right: 0;}
.layer1 li .tit{height: 130px; background: url(../images/aa1.png) center no-repeat; background-size: cover; padding-top: 28px;}
.layer1 li .tit h2{font-size: 34px; color: #FFFFFF; line-height: 1.1; margin-bottom: 18px;}
.layer1 li .tit p{font-size: 16px; color: rgba(255,255,255,.5); line-height: 1;}
.layer1 li:nth-child(2) .tit{background: url(../images/aa2.png) center no-repeat; background-size: cover;}
.layer1 li:nth-child(3) .tit{background: url(../images/aa3.png) center no-repeat; background-size: cover; padding-top: 13px;}
.layer1 li:nth-child(3) .tit h2{margin-bottom: 8px;}
.layer1 li:nth-child(4) .tit{background: url(../images/aa4.png) center no-repeat; background-size: cover; padding-top: 13px;}
.layer1 li:nth-child(4) .tit h2{margin-bottom: 8px;}
.layer1 li .box1{padding: 20px 15px 0; border-bottom: 1px dashed #a9baff;}
.layer1 li:nth-child(3) .box1{padding: 34px 15px 2px;}
.layer1 li .box1 dd{font-size: 22px; color: #262626; line-height: 40px; border: 1px solid #8099ff; border-radius: 40px; margin-bottom: 16px;
background: #e5ecff;}
.layer1 li .box2{padding: 20px 0; border-bottom: 1px dashed #a9baff; overflow: hidden;}
.layer1 li .box2 h2{float: left; width: 70px; padding: 0 27px; font-size: 26px; color: #262626; line-height: 1; box-sizing: border-box;
font-weight: bold; padding-top: 13px;}
.layer1 li:nth-child(3) .box2 h2{padding-top: 25px;}
.layer1 li .box2 .txt{float: left; width: 200px; border-radius: 22px; border: 1px solid #8099ff; background: #e5ecff; padding: 0 13px;text-align: left;}
.layer1 li .box2 .txt dd{border-bottom: 1px solid #91adff;}
.layer1 li .box2 .txt dd:last-child{border: 0;}
.layer1 li .box2 .txt dd p{font-size: 21px; color: #333333; line-height: 45px;}
.layer1 li .box2 .txt dd span{font-weight: bold;}
.layer1 li .box2 .txt.txt2{padding: 0 5px;}
.layer1 li .box2 .txt.txt2 dd{border: 0; position: relative;}
.layer1 li .box2 .txt.txt2 dd::after{content: ''; position: absolute; left: 15px; bottom: 0; width: 166px; height: 1px; background: #b2c2ff;}
.layer1 li .box2 .txt.txt2 dd:last-child::after{display: none;}
.layer1 li .box2 .txt.txt2 dd:nth-child(2){white-space: nowrap;}
.layer1 li .box2 .txt.txt2 dd:nth-child(4){white-space: nowrap;}
.layer1 li .zxBox{padding: 22px 0 27px; text-align: center;}
.layer1 li .zxBox a{display: inline-block; width: 117px; line-height: 42px; border: 2px solid #3d6eff; border-radius: 10px;
font-size: 24px; color: #3d6eff; font-weight: bold; margin: 0 6px;}
.layer1 li .zxBox a.on{background: #3d6eff; color: #FFFFFF;}
.layer2{padding-top: 94px; margin-bottom: 100px;}
.layer2 .gdTit{margin-bottom: 60px;}
.layer2 ul{overflow: hidden;}
.layer2 li{float: left; width: 32%; margin-right: 2%; border: 1px solid #99b4ff; text-align: center; box-sizing: border-box;
background: #f2f6ff; border-radius: 20px; margin-bottom: 111px; padding-bottom: 29px;}
.layer2 li:nth-child(3n){margin-right: 0;}
.layer2 li:nth-child(4){margin-bottom: 0;}
.layer2 li:nth-child(5){margin-bottom: 0;}
.layer2 li:nth-child(6){margin-bottom: 0;}
.layer2 li .icon{border-radius: 16px; overflow: hidden; margin-bottom: 30px;}
.layer2 li .icon img{display: block; width: 100%; transition: 0.5s;}
.layer2 li p{font-size: 26px; color: #303030; line-height: 1; margin-bottom: 26px;}
.layer2 li a{display: block; width: 220px; font-size: 20px; color: #FFFFFF; line-height: 46px; font-weight: bold; background: #3d6eff;
border-radius: 8px; margin: 0 auto; box-shadow: 0 0 20px rgba(61,110,255,.5);}
.layer2 li:hover img{transform: scale(1.1);}
.layer3{padding-bottom: 50px; position: relative;}
.layer3 .gdTit{margin-bottom: 70px;}
.layer3::after{content: ''; position: absolute; left: 0; bottom: 0; height: 238px; width: 100%; background: linear-gradient(to bottom,#2e63b0,#2e459e);}
.layer3 .teacherBox{margin-bottom: 20px; position: relative;}
.layer3 .teacherBox::after{content: ''; position: absolute; top: 32px; right: 60px; width: 126px; height: 80px;
background: url(../images/tebg.png) center no-repeat; background-size: cover; z-index: 3;}
.layer3 .teacherBox .swiper-slide{width: 100%;}
.layer3 .mySwiper2{padding: 54px 80px 32px; background: #f2f6ff; border-radius: 5px; position: relative; z-index: 2;}
.layer3 .teacherNav{padding: 0 54px; position: relative;}
.layer3 .teacherNav .swiper-button-next::after{display: none;}
.layer3 .teacherNav .swiper-button-next{width: 36px; height: 113px; background: url(../images/next.png) center no-repeat; background-size: cover;
top: 50%; transform: translateY(-50%); right: 0; margin: 0;}
.layer3 .teacherNav .swiper-button-prev::after{display: none;}
.layer3 .teacherNav .swiper-button-prev{width: 36px; height: 113px; background: url(../images/prev.png) center no-repeat; background-size: cover;
top: 50%; transform: translateY(-50%); left: 0; margin: 0;}
.layer3 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.layer3 .swiper-slide{opacity: .8;}
.layer3 .swiper-slide-thumb-active{opacity: 1;}
.layer3 .teacherNav img{display: block; width: 100%;}
.teacherBox .icon{float: left; width: 208px; position: relative;}
.teacherBox .icon img{display: block; width: 100%; position: relative; z-index: 2; border: 1px solid #8099ff;}
.teacherBox .icon span{display: block; width: 208px; height: 276px; background: #e5ecff; position: absolute; top: -22px; left: -22px;}
.teacherBox .text{float: left; width: calc(100% - 208px); padding-left: 30px;}
.teacherBox .text h2{font-size: 24px; color: #333333; line-height: 1; margin-bottom: 27px;}
.teacherBox .text h3{font-size: 20px; color: #3d6eff; line-height: 1; margin-bottom: 12px;}
.teacherBox .text ul{height: 150px;}
.teacherBox .text li{font-size: 16px; color: #666666; line-height: 30px; overflow: hidden;}
.teacherBox .text li span{display: block; float: left; width: 30px;}
.teacherBox .text li p{float: left; width: calc(100% - 30px);}
.teacherBox .text .stBox{text-align: center;}
.teacherBox .text .stBox a{display: inline-block; width: 250px; font-size: 24px; color: #FFFFFF; line-height: 46px; background: #3d6eff;
border-radius: 46px; text-align: center; font-weight: bold; margin: 0 40px;}
.teacherNav .swiper-slide{position: relative;}
.teacherNav p{position: absolute; top: 32px; left: 126px; font-size: 20px; color: #333333; line-height: 1;}
.yuanBox{padding: 100px 0; background: url(../images/la3bg.jpg) center no-repeat; background-size: cover;}
.layer4{margin-bottom: 100px;}
.layer4 .gdTit{margin-bottom: 60px;}
.layer4 li{float: left; width: 23.5%; margin-right: 2%; text-align: center; background: #ffffff; border-radius: 18px;
overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.2); padding-bottom: 32px;}
.layer4 li:last-child{margin-right: 0;}
.layer4 li dl{margin: 33px 0;}
.layer4 li dd{font-size: 22px; color: #262626; line-height: 34px;}
.layer4 li a.zxls{display: block; font-size: 24px; color: #3d6eff; line-height: 44px; width: 192px; border: 1px solid #3d6eff;
border-radius: 44px; margin: 0 auto; font-weight: bold;}
.layer5 .gdTit{margin-bottom: 50px;}
.layer5 li{float: left; width: 48%; margin-right: 4%; margin-bottom: 30px; background: #FFFFFF; border-radius: 18px;
padding: 16px 30px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px rgba(0,0,0,.2); overflow: hidden;}
.layer5 li:nth-child(2n){margin-right: 0;}
.layer5 li p{font-size: 22px; color: #262626; line-height: 34px; width: 300px;overflow: hidden; text-overflow:ellipsis;
display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; float: left;}
.layer5 li a.ljzx{display: block; width: 160px; float: right; font-size: 24px; color: #FFFFFF; line-height: 46px; text-align: center; background: #3d6eff;
font-weight: bold; border-radius: 46px; animation: ani2 1.5s infinite linear; margin-top: 13px;}
.layer6{padding: 100px 0 90px;}
.layer6 .gdTit{margin-bottom: 35px;}
.layer6 .la6P{text-align: center; font-size: 20px; color: #262626; line-height: 30px; margin-bottom: 55px;}
.layer6 .la6Box{overflow: hidden;}
.layer6 .la6Box img{display: block; width: 100%; transition: 0.5s;}
.layer6 .la6Box img:hover{transform: scale(1.1);}
.layer6 .la6Box ul{float: left; width: calc(100% - 310px); overflow: hidden;}
.layer6 .la6Box li{float: left; width: 49%; margin-right: 2%; margin-bottom: 10px; border-radius: 18px; overflow: hidden;}
.layer6 .la6Box li:nth-child(2){margin-right: 0;}
.layer6 .la6Box li:nth-child(3){width: 32%; margin-bottom: 0;}
.layer6 .la6Box li:nth-child(4){width: 32%; margin-bottom: 0;}
.layer6 .la6Box li:nth-child(5){width: 32%; margin-right: 0; margin-bottom: 0;}
.layer6 .la6Box .right{float: right; width: 295px; border-radius: 18px; overflow: hidden;}