@font-face {
    font-family: icon;
    src: url(//at.alicdn.com/t/font_886941_qkf75od3pd9.eot);
    src: url(//at.alicdn.com/t/font_886941_qkf75od3pd9.eot?#iefix) format("embedded-opentype"),
    url(//at.alicdn.com/t/font_886941_qkf75od3pd9.woff) format("woff"),
    url(//at.alicdn.com/t/font_886941_qkf75od3pd9.ttf) format("truetype"),
    url(//at.alicdn.com/t/font_886941_qkf75od3pd9.svg#iconfont) format("svg");
}

@font-face {
    font-family: 'DIN';
    src: url(../fonts/DIN/fonteditor.eot);
    src: url(../fonts/DIN/fonteditor.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DIN/fonteditor.woff) format("woff"),
    url(../fonts/DIN/fonteditor.ttf) format("truetype"),
    url(../fonts/DIN/fonteditor.svg#iconfont) format("svg");
}

@font-face {
    font-family: 'GothamRounded';
    src: url(../fonts/GothamRounded/fonteditor.eot);
    src: url(../fonts/GothamRounded/fonteditor.eot?#iefix) format("embedded-opentype"),
    url(../fonts/GothamRounded/fonteditor.woff) format("woff"),
    url(../fonts/GothamRounded/fonteditor.ttf) format("truetype"),
    url(../fonts/GothamRounded/fonteditor.svg#iconfont) format("svg");
}

._iconfont {
    font-family: iconfont;
    font-style: initial;
}

@font-face {
    font-family: akrobatblack;
    src: url("../fonts/akrobat-black-webfont.woff2") format('woff2'), url(../fonts/akrobat-black-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: LemonMilk;
    src: url("../fonts/montserrat-regular-webfont.woff2");
}

body,
html {
    background: #ebf0f4;
    font-family: 'PingFang SC', "微软雅黑";
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

._w1200::after,
.clearfix:after,
.news_list::after {
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
    content: '';
}

._w1200 {
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.boxes {
    padding: 100px 0;
    position: relative;
    height: auto;
    z-index: 1;
    background: #f3f7f9;
}

header {
    width: 100%;
    height: 80px;
    background: #3eb45e;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 10px 10px 0 0;
}

.logo {
    width: 300px;
    height: auto;
    float: left;
    margin-left: 25px;
    margin-top: 21px;
}


.nav ul li {
    height: 45px;
    position: relative;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    margin: 0 15px;
}

.nav ul {
    display: flex;
}

.rr {
    display: flex;
    align-items: center;
}

.nav ul li .first_nav {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.nav ul li.active::after{
	width: 60%;
	height: 3px;
	position: absolute;
	left: 20%;
	bottom: 0px;
	content: '';
	background: #fff;
}

.nav ul li .first_nav a {
    color: #fff;
}

.nav ul li .second_nav {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 45px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
    color: #3e3e3e;
    line-height: 40px;
}

.nav ul li .second_nav a {
    text-align: center;
    display: block;
    font-size: 15px;
    font-weight: 100;
}

.nav ul li .second_nav a + a {
    border-top: 1px solid rgba(55, 55, 55, .1);
}

.nav ul li .second_nav a:hover {
    background: #3eb45e;
    color: #fff;
}

.nav ul li:hover .second_nav {
    height: 80px;
}

.nav ul li:nth-child(2):hover .second_nav {
    height: 160px;
}


.nav ul li .first_nav b {
    display: block;
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: 17px;
}

.pages {
    width: 100%;
    height: auto;
    padding: 40px 0;
    text-align: center
}

.pages a {
    color: #3e3e3e;
    width: 36px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    border: 1px solid rgba(55, 55, 55, .1);
    border-radius: 3px
}

.pages a.active, .pages a:hover {
    color: #fff;
    background-color: #0d6aad;
}

.pages a:first-of-type, .pages a:last-of-type, .pages a.total {
    padding: 0 20px;
    width: auto
}

.pages a.total {
    pointer-events: none;
}

.pages a + a {
    margin-left: 5px
}

.home .banner {
    display: flex;
}

.home .banner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    transition: all .35s ease-in-out;
    opacity: 1;
    -webkit-filter: blur(0px);
}

.home .banner .item {
    width: 25%;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0f5aa3;
    cursor: pointer;
}


.home .banner .text {
    text-align: center;
    position: relative;
    z-index: 3;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    width: 100%;
}
.home .banner .text .title{
    -webkit-transition: all .6s cubic-bezier(.23,1,.32,1);
    position: relative;
    margin-top: 0px;
}
.home .banner .item:hover .title{
    margin-top: -5vh;
}
.home .banner .item:hover .bg{
    -webkit-filter: blur(5px);
}
.home .banner .text .des {
    position: absolute;
    line-height: 1.8;
    font-size: 16px;
    left: 0;
    top: 50px;
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.23,1,.32,1);
    transform: translateY(100%) translate3d(0, 0, 0);
    opacity: 0;
    padding: 0 30px;
    text-align: justify;
}


.home .banner .item.active .des {
    transform: translateY(0) translate3d(0, 0, 0);
    opacity: 1;
}


.home .banner .item.active .bg {
    opacity: .2;
}

.home .banner .text span {
    display: block;
}

.home .c-title {
    text-align: center;
}

.home .c-title .cn {
    color: #006cc8;
    font-size: 30px;
    line-height: 1;
}

.home .c-title .en {
    text-transform: uppercase;
    font-size: 14px;
    color: #48c647;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 24px;
}

.home .box1 {
    padding-top: 65px;
}

.home .box1 .cont {
    margin-top: 45px;
    position: relative;
    background-color: #e5e5e5;
    padding-top: calc(490 / 1920 * 100vmax);
    display: flex;
    justify-content: center;
    padding-bottom: 0px;
}

.home .box1 .cont img {
    position: absolute;
    left: 0;
    top: 0;
}

.home .box2 {
    height: 784px;
    padding: 0 calc(260 / 1920 * 100vmax);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-image: url(../images/home-img3.jpg?v=20230831);
    background-position: center center;
    background-size: cover;
    color: #fff;
}

.home .box2 .d {
    font-size: 16px;
    margin-top: 10px;
}

.home .box2 h2 {
    font-size: 50px;
    line-height: 1.3;
    font-weight: 400;
}

.home .box2 .lists {
    margin-top: 95px;
    margin-bottom: 125px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home .box2 .lists .item {
    width: 360px;
    text-align: center;
}

.home .box2 .abs {
    line-height: 24px;
    font-size: 16px;
    opacity: .72;
    margin-top: 15px;
}

.home .box3 {
    padding: 70px 35px;
}

.home .box3 .lists {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
}

.home .box3 .lists .item {
    width: calc((100% - 48px) / 4);
    background-color: #fff;
    height: 160px;
    font-size: 16px;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.home .box3 .c-more {
    margin: 60px auto 0;
}

.home .line {
    width: 36px;
    height: 5px;
    background-color: #029342;
}

.home .box3 .lists img {
    width: 80px;
    display: block;
}

.home .box4 {
    position: relative;
}

.home .box4 .text {
    position: absolute;
    width: 760px;
    padding: 65px 95px 95px;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
}

.home .box4 .text .title {
    font-size: 36px;
    line-height: 1;
}

.home .box4 .text .line {
    margin: 30px auto;
}

.home .box4 .abs {
    line-height: 24px;
    font-size: 16px;
}

.home .box5 {
    padding: 70px 35px;
}

.home .box5 .lists {
    margin-top: 50px;
    margin-bottom: 60px;
    display: flex;
}

.home .box5 .item {
    width: calc((100% - 48px) / 4);
    background-color: #fff;
}

.home .box5 .lists .item + .item {
    margin-left: 16px;
}

.home .box5 .item:nth-child(n + 5) {
    display: none;
}

.home .box5 .thum {
    background-position: center center;
    background-size: cover;
}

.foot .top {
    padding: 60px calc(260 / 1920 * 100vmax) 40px;
    background-color: #0f233f;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.teacher-zp .lists .home {
    margin-top: 30px;
}

.foot .top img {
    width: auto;
}

.foot .right {
    text-align: right;
}

.foot .links {
    line-height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    width: 700px;
    display: flex;
    justify-content: flex-end;
}

.foot .links a + a {
    margin-left: 35px;
}

.foot .info {
    padding-top: 15px;
    text-align: right;
	color: rgba(255,255,255,.5);
}

.foot .info p {
    margin-top: 12px;
}

.foot .top .f-logo img{
	width: 300px;
}

.foot .info img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
	opacity: .5;
}

.foot .copy {
    line-height: 30px;
    padding: 10px calc(260 / 1920 * 100vmax);
    display: flex;
    justify-content: space-between;
    background-color: #0c1c32;
    color: rgba(255, 255, 255, .3);
}

.home .box1 .lists {
    background-color: #fff;
    padding: 50px 5%;
    position: relative;
    z-index: 3;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.home .box5 .title {
    padding: 32px 20px 44px 35px;
}

.home .box5 .title .name {
    color: #006cc8;
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .box5 .title .date {
    color: #029342;
}

.home .box6 {
    position: relative;
}

.home .box6 .text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 calc(260 / 1920 * 100vmax);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
}

.home .box6 .c-more {
    margin-top: 60px;
}

.home .box6 .c-title {
    text-align: left;
}

.home .box6 .c-title .cn {
    color: #fff;
}

.home .box6 .c-title .en {
    color: #fff;
}

.home .box5 .title .des {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-align: justify;
    margin-top: 20px;
}

.home .box5 .c-more {
    margin: 0 auto;
}

.home .box1 .lists .item {
    width: 32%;
    text-align: center;
    padding: 0px;
	position: relative;
	background: #2c61aa;
	color: #fff;
	
}


.home .c-title .des {
    font-size: 16px;
    line-height: 24px;
}

.home .c-name {
    font-size: 24px;
	line-height: 30px;
	padding: 25px 25px 15px;
	font-weight: bold;
}

.home .c-name span {
    position: relative;
    display: inline-block;
}

.home .c-name span::before, .home .c-name span::after {
    content: '';
    position: absolute;
    width: 54px;
    height: 30px;
    left: -80px;
    top: 0;
    background-image: url(../images/icon-left.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.home .c-name span::after {
    background-image: url(../images/icon-right.png);
    left: auto;
    right: -80px;
}

.home-header {
    position: fixed;
    left: 0;
    top: 0;
    padding: 25px 35px;
    width: 100vw;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .25s;
    background-color: transparent;
}

.home-header.bgbg {
    background-color: #2c61aa;
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav {
    opacity: 1;
    visibility: visible;
    transition: all .25s;
}

.home-header.active .nav {
    opacity: 0;
    visibility: hidden;
}

.home-header .btn {
    position: relative;
    width: 44px;
    height: 27px;
    cursor: pointer;
    z-index: 6;
    margin-left: 30px;
}

.home-header .btn span {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background-color: #fff;
    transition: all .35s;
    transform: rotate(0) translate3d(0, 0, 0) scaleX(1);
}

.home-header .btn span:nth-child(2) {
    width: 90%;
    top: 12px;
    transform-origin: left center;
}

.full-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #254a7f;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%) translate3d(0, 0, 0);
    transition: all .35s;
}

.home-header.active .btn span:nth-child(1) {
    top: 12px;
    transform: rotate(45deg) scaleX(1) translate3d(0, 0, 0);
}

.home-header.active .btn span:nth-child(2) {
    transform: scaleX(0) rotate(0) translate3d(0, 0, 0);
}

.home-header.active .btn span:nth-child(3) {
    top: 12px;
    transform: rotate(-45deg) scaleX(1) translate3d(0, 0, 0);
}

.home-header.active .full-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) translate3d(0, 0, 0);
    transition: all .5s;
}

.full-menu ._nav {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 10%;
}

.full-menu ._nav ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.full-menu ._nav ul li {
    color: rgba(255, 255, 255, .5);
    transition: all .25s;
	text-align: center;
	width: calc(100%/8);
}

.full-menu ._nav ul li.active, .full-menu ._nav ul li:hover {
    color: rgba(255, 255, 255, 1);
}

.full-menu .first_nav b {
    font-size: 22px;
}

.full-menu ._nav ul li.active .first_nav {
    color: #029342;
}

.full-menu .first_nav p {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    opacity: .4;
	display: none;
}

.full-menu .second_nav {
    margin-top: 20px;
    font-size: 15px;
}

.full-menu .second_nav a + a {
    margin-top: 10px;
}

.full-menu ._nav li a {
    display: block;
}

.full-menu .second_nav a:hover {
    text-decoration: underline;
}


.home-header .btn span:nth-child(3) {
    top: 25px;
}

.home-header ._logo img {
    height: 48px;
    width: auto;
    position: relative;
    z-index: 6;
    transition: all .25s;
}

.home-header.bgbg ._logo img {
    height: 35px;
}

.home .box1 .abs {
	width: 100%;
	text-align: justify;
	position: relative;
	padding: 0px 25px 25px;
}

.home .box1 .abs span {
    display: block;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	min-height: 100px;
}

.home .box1 .c-more {
	position: relative;
	margin: 0px auto;
	margin-bottom: 25px;
}
.home .box1 .thum{
	position: relative;
	overflow: hidden;
	    width: 100%;
}
.home .box1 .thum .pic{
	background: center center no-repeat;
	background-size: cover;
	-webkit-transition: all .5s;
	height: 30vh;
}
.home .c-more {
    line-height: 54px;
    width: 290px;
    background-color: #fff;
    color: #029342;
    font-size: 16px;
    text-align: center;
    display: block;
    -webkit-transition: all .5s;
    cursor: pointer;
	
}

.home .c-more:hover{
    background: #029342;
    color: #fff;
    border-radius: 40px;
}
.home .c-more.fill {
    background-color: #029342;
    color: #fff;
}

.nav ul li .first_nav p {
    display: block;
    width: 100%;
    height: auto;
    line-height: 15px;
    font-size: 13px;
    opacity: .3;
    text-transform: uppercase;
    margin-top: 5px;
    font-family: 'DIN', serif;
}

.banner_box {
    width: 80%;
    height: 45vw;
    position: relative;
    left: 10%;
    top: 0;
    overflow: hidden;
    -webkit-transition: all .5s;
}

.container.open .banner_box {
    left: 40vw;
}

.banner_box .banner {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
}

.banner ul {
    height: 100%;
    width: 100%;
}

.banner ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .6s cubic-bezier(.55, .085, .68, .53);
    -webkit-transition-delay: .2s;
    will-change: opacity;
    visibility: hidden;
    background: #000;
}

.banner ul li .img {
    -webkit-transform: scale(1);
    position: relative;
    width: 100%;
    height: 100%;
    opacity: .7;
}

.banner ul li .img .a {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(.445, .05, .55, .95);
    transition: none;
}

.banner ul li.active {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(.455, .03, .515, .955);
    -webkit-transition-delay: 0;
}

.banner ul li.visible {
    visibility: visible;
}

.banner ul li.visible .img {
    -webkit-transform: scale(1.07);
    -webkit-transition: -webkit-transform 8s linear;
}

.banner ul li.visible .img .a {
    transition: none;
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(.445, .05, .55, .95);
}


.banner ol {
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 20px;
    text-align: center;
    z-index: 10;
}

.banner ol li {
    width: 5px;
    height: 20px;
    background: rgba(255, 255, 255, .5);
    display: inline-block;
    margin: 0 5px;
    border-radius: 5px;
    -webkit-transition: all .35s;
    -webkit-transform: scaleY(.5);
    transform-origin: bottom;
}

.banner ol li.active {
    -webkit-transform: scaleY(1);
    background: #fff;
}

.banner .btn {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -45px;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .35s;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .75);
    border-radius: 5px;
    overflow: hidden;
}

.banner .btn.next {
    left: auto;
    right: 3%;
}


.container {
    width: 80%;
    height: auto;
    position: relative;
    margin-left: 10%;
}

.sub_header {
    width: 100%;
    height: 45px;
    position: relative;
    line-height: 45px;
    z-index: 100;

}

.sh_ewm,
.zs_tel {
    float: right;
    position: relative;
}

.zs_tel {
    padding-left: 35px;
    font-family: 'DIN', serif;
    font-size: 20px;
    line-height: 51px;
    overflow: hidden;
    height: 45px;
    color: rgba(0, 0, 0, .5);
}

.zs_tel::after {
    width: 25px;
    height: 25px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
    background: url("../images/tel_icon.png") no-repeat;
    background-size: cover;
    content: '';
}

.sh_ewm {
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.sh_ewm .icon {
    width: 27px;
    height: 27px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    background: url("../images/ewm_icon.png") no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 0;
}

.sh_ewm .img {
    width: 100px;
    height: auto;
    position: absolute;
    left: -35px;
    top: 45px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    padding-bottom: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.sh_ewm:hover .img {
    opacity: 1;
    visibility: visible;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .75);
    border-radius: 5px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    font-size: 18px;
    opacity: .8;
}

.home_focus {
    width: 60%;
    height: auto;
    position: relative;
    padding: 0;
    margin-left: 20%;
    border-radius: 50px;
    margin-top: -40px;
    z-index: 10;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    background: #fff;
}

.inbanner {
    position: relative;
    height: auto;
    overflow: hidden;
}

.inbanner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 130px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    z-index: 2;
}

.home_focus ul {
    display: block;
    height: 80px;

}

.home_focus ul li {
    width: 33%;
    height: 100%;
    float: left;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 80px;
}

.home_focus ul li a {
    display: block;
    position: relative;
}

.home_focus ul li a::after {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    background: url("../images/icon1.png") no-repeat;
    background-size: cover;
    content: '';
    margin-left: -80px;
}

.home_focus ul li:nth-child(2) a::after {
    background-image: url("../images/icon2.png");
}

.home_focus ul li:nth-child(3) a::after {
    background-image: url("../images/icon3.png");
}

.home_focus ul li a b {
    font-weight: normal;
}

.home_focus ul li:nth-child(2) {
    width: 34%;

}

.home_focus ul li a:hover {
    color: #3eb45e;
}

.home_focus ul li a:hover::after {
    background-position: -30px 0;
}

.swiper-container-horizontal.banner > .swiper-pagination-bullets {
    bottom: 50px;
}

.home_focus ul li::after {
    width: 1px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    content: '';
    background: rgba(0, 0, 0, .1);
}

.home_focus ul li:last-child::after {
    display: none;
}

.c-page{
    padding-bottom: 50px;
}

.c-page .c-more{
    margin: 0 auto;
}

.home .c-more.disabled{
    pointer-events: none;
    background-color: darkgrey;
}

.home_a {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 100px 0 100px 10%;
    background: #fff;
    margin-top: 50px;
}

.home_about {
    width: 45%;
    height: auto;
    float: left;
    position: relative;
}

.home_imgs {
    width: 50%;
    height: auto;
    float: right;
}

.home_imgs .swiper-slide {
    width: 80%;

}

.sub_title {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 2vw;
}

.sub_title b {
    font-size: 28px;
    line-height: 1.4;
    font-weight: normal;
}

.sub_title p {
    font-size: 14px;
    line-height: 1.7;
    opacity: .5;
}

.home_data {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.home_data ul li {
    width: auto;
    float: left;
    position: relative;
    margin-right: 4vw;
}

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

.home_data ul li b {
    font-size: 60px;
    font-family: LemonMilk;
    font-weight: normal;
}

.home_data ul li b span {
    font-size: 14px;
    opacity: .6;
}

.home_data ul li p {
    font-size: 14px;
    text-align: center;
}

.home_intro {
    width: 100%;
    height: auto;
    line-height: 1.7;
    margin-top: 2vw;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 2vw;
}

.more_btn {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 200px;
    line-height: 45px;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius: 45px;
    color: #3eb45e;
}

.more_btn p {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #3eb45e;
    border-radius: 30px;
    box-shadow: 0 2px 0 rgba(62, 180, 97, .75);
    transition: .15s ease-out;
    background: #fff;
}

.more_btn i {
    display: inline-block;
    position: absolute;
    right: 11%;
}

.more_btn:hover p {
    background-color: #3eb45e;
    transform: translateY(2px);
    box-shadow: 0 0 0 rgba(62, 180, 97, .75);
    opacity: 1;
    color: #fff;
}

.more_btn i {
    display: inline-block;
    position: absolute;
    right: 11%;
}

.home_b {
    width: 100%;
    height: auto;
    position: relative;
    background: #f9f9f9;
}

.home_title {
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 0 10% 0 0;
    overflow: hidden;
}

.home_title_l {
    width: 50%;
    background: #3eb45e;
    float: left;
    position: relative;
    height: 80px;
    color: #fff;
    line-height: 80px;
    padding-left: 10%;
    z-index: 10;
}

.home_title_l b {
    display: inline-block;
    width: auto;
    font-size: 22px;
    padding-left: 30px;
    font-weight: 100;
    position: relative;
}

.home_title_l b::after {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12.5px;
    background: url("../images/book_icon.png") no-repeat;
    background-size: cover;
    content: '';
}

.home_title_l span {
    float: right;
    position: relative;
    z-index: 1;
    margin-right: 35px;
}

.home_title_l span::after {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -10px;
    background: url("../images/jts.png") no-repeat;
    background-size: cover;
    content: '';
}

.home_title_r {
    width: 50%;
    height: 80px;
    float: right;
    line-height: 80px;
    padding-left: 10%;
}

.home_title_r a {
    display: block;
    float: left;
    padding: 0 25px;
    font-size: 16px;
}

.home_title_r a:hover {
    color: #3eb45e;
}

.home_title_l::after {
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 80px solid #3eb45e;
    content: '';
    position: absolute;
    right: -80px;
    top: 0;
    z-index: -1;
}

.ht_list {
    width: 100%;
    padding: 50px 10% 25px;
    height: auto;
}

.ht_list ul li {
    width: 32%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
    background: #fff;
}

.ht_list ul li:nth-child(3n) {
    margin-right: 0;
}

.ht_list ul li .title {
    padding: 15px;
}

.ht_list ul li .thum {
    position: relative;
    width: 100%;
    height: auto;
    background: center center no-repeat;
    background-size: cover;
}

.ht_list ul li .name {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px;
    height: 65px;
    overflow: hidden;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
}

.ht_list ul li .des {
    font-size: 14px;
    line-height: 25px;
    opacity: .7;
    height: 50px;
    overflow: hidden;

}

.ht_list ul li .date {
    width: auto;
    font-size: 16px;
    font-family: 'DIN', serif;
    line-height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    background: #3eb45e;
    color: #fff;
    -webkit-transition: all .5s;
    font-style: italic;
}

.ht_list ul li:hover .date {
    opacity: 1;
}

.home_c {
    background: url("../images/home_bg.jpg") center center no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 60vh;
    position: relative;
    color: #fff;
    text-align: center;
}

.hc_info {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
}

.hc_info b {
    font-size: 36px;
    line-height: 2;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.hc_info b::after {
    background: #3eb45e;
    position: absolute;
    width: 100px;
    height: 8px;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    content: '';
    display: block;
    border-radius: 5px;
}

.hc_info p {
    display: block;
    font-size: 18px;
    padding-top: 25px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.footer {
    width: 100%;
    height: auto;
    background: #162c5b url(../images/footer.png) center bottom repeat-x;
    text-align: center;
    padding: 60px 0 0 0;
}

.f_logo {
    width: 300px;
    margin: 0 auto;
}

.f_nav {
    text-align: center;
    padding: 55px 0;
    font-size: 17px;
    font-weight: 100;
}

.f_nav a {
    display: inline-block;
    padding: 0 25px;
    line-height: 25px;
    color: rgba(255, 255, 255, .5);
}

.f_nav a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
}

.social {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.social .ewm,
.social .weibo {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #3eb45e;
    color: #fff;
    border-radius: 8px;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
}

.social .ewm .icon,
.social .weibo .icon {
    width: 100%;
    height: 100%;
    position: relative;
}

.social .ewm .icon::after,
.social .weibo .icon::after {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    display: block;
    content: '';
    background: url("../images/ewm_icon1.png") no-repeat;
    background-size: cover;
}

.social .weibo .icon::after {
    background-image: url("../images/weibo.png");
}

.social .ewm .pic {
    width: 110px;
    height: auto;
    position: absolute;
    left: -30px;
    top: -150px;
    padding: 5px;
    background: #fff;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    visibility: hidden;
}

.social .ewm:hover .pic {
    opacity: 1;
    visibility: visible;
    top: -120px;
}

.copyright {
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, .5);
    line-height: 50px;
    padding: 0 10%;
    background-color: #071531;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 13px;
}

.copyright p {
    float: left;
    letter-spacing: 1px;
}

a, a:hover {
    color: inherit;
}

.copyright a {
    float: right;
}

.copyright a:hover {
    color: rgba(255, 255, 255, 1);
}

.banner .slogan {
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 40%;
    color: #fff;
    text-align: center;

}

.banner .slogan b {
    font-size: 38px;
    display: block;
    margin-bottom: 10px;
    opacity: 0;
    top: 25px;
    position: relative;
    font-weight: 400;
    letter-spacing: 4px;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}

.banner .slogan p {
    font-size: 16px;
    display: block;
    opacity: 0;
    top: 50px;
    position: relative;
    font-family: 'GothamRounded', serif;
    text-transform: uppercase;
}

.banner ul li.active .slogan b,
.banner ul li.active .slogan p {
    top: 0;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1) .5s;
}

.process {
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #3eb45e;
    opacity: .75;
    z-index: 10;
}

.process.on {
    -webkit-transition: all 8s;
    width: 100%;
}

.banner .btn::after, .banner .btn::before {
    width: 20px;
    height: 20px;
    background: url(../images/icon_left.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    content: '';
    display: block;
    opacity: .5;
    -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
}

.banner .btn::before {
    left: 20%;
    opacity: 0;
}

.banner .btn.prev::after {
    background-image: url(../images/icon_right.png);
}

.banner .btn.prev::before {
    background-image: url(../images/icon_right.png);
}

.banner .btn:hover {
    background: #3eb45e;
}

.banner .btn:hover::after {
    left: 80%;
    opacity: 0;
}

.banner .btn.prev::before {
    left: 80%;
    opacity: 0;
}

.banner .btn:hover::before {
    left: 50%;
    opacity: 1;
}

.banner .btn.prev:hover::after {
    left: 30%;
    opacity: 0;
}

.banner .btn.prev:hover::before {
    left: 50%;
    opacity: 1;
}

.backTop {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ht_list ul li a:hover .name {
    color: #3eb45e;
}

.tab_list::after {
    display: block;
    clear: both;
    content: '';
}

.boxes {
    width: 80%;
    height: auto;
    padding: 50px 0px;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin-left: 10%;
}

.boxes.b2 {
    background: #ebf0f4;
}

.join-page .home_title {
    margin: 50px auto;
}

.header {
    width: 80%;
    height: auto;
    position: relative;
    margin-left: 10%;
}

.student {
    width: 100%;
    height: auto;
    margin-top: 100vh;
    background: #fff;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.student .studentBox {
    width: 50%;
    display: inline-block;
    float: left;
    overflow: hidden;
}

.student .studentBox .img {
    width: 100%;
    height: 475px;
    position: relative;
    background: center center no-repeat;
    background-size: cover;
    color: #fff;
}

.student .studentBox .img::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(8, 107, 185, .9);
    opacity: 0;
    content: '';
    -webkit-transition: all .5s;
}

.student .studentBox:hover .img::before {
    opacity: 1;
}


.student .studentBox .img .text {
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 25px;
    left: 0px;
}


.student .studentBox .img .title {
    text-align: right;
    margin-bottom: 20px;
    position: absolute;
    width: 100%;
    padding: 0px 5%;
    bottom: 100px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.student .studentBox:nth-child(even) .img .title {
    text-align: left;
}

.student .studentBox:nth-child(even) .img .details {
    left: 5%;
}

.student .studentBox .img .title .cn {
    font-size: 24px;
    margin-bottom: 5px;
}

.student .studentBox .img .title .en {
    font-size: 16px;
    font-family: LemonMilk;
    opacity: .7;

}

.student .studentBox .img .content {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    text-align: right;
    width: 100%;
    padding: 0px 5%;
    bottom: 50px;
    height: 60px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) .05s;
    color: rgba(255, 255, 255, .7);
}

.student .studentBox:nth-child(even) .img .content {
    text-align: left;
}

.student .studentBox .img .details {
    width: 154px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .7);
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    float: right;
    position: absolute;
    border-radius: 35px;
    right: 5%;
    bottom: -50px;
    opacity: 0;
    color: rgba(255, 255, 255, .7);
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;

}

.student .studentBox:hover .title {
    bottom: 180px;
}

.student .studentBox:hover .content {
    bottom: 120px;
    opacity: 1;
}

.student .studentBox:hover .details {
    bottom: 60px;
    opacity: 1;

}

.student .studentBox .img .details:hover {
    background: #fff;
    color: #086bb9;
}


.school {
    width: 100%;
    height: auto;
    background: url("../images/schoolbg.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.school .schoolBox {
    width: 100%;
    height: auto;
    padding: 100px 5%;
}

.tab_list {
    width: 100%;
    height: auto;
    position: relative;
}

.tab_list a {
    width: 200px;
    height: 85px;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
    display: block;
    float: left;
    position: relative;
    text-indent: 25px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tab_list a::after {
    width: 30px;
    height: 50px;
    background: url(../images/s_icon.png) no-repeat;
    content: '';
    position: absolute;
    right: 20px;
    bottom: -20px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
}

.tab_list a.active {
    color: #fff;
    background: #009042;
}

.tab_list a.active::before {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #009042;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    content: '';
}

.tab_list a.active::after {
    bottom: 0px;
    opacity: 1;
}

.tab_list a .cn {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: normal;
    margin-top: 17px;
}

.tab_list a .en {
    font-size: 12px;
    opacity: .5;
    font-family: LemonMilk;
}

.school .schoolBox .content {
    padding-top: 31px;
    clear: both;
    position: relative;
}

.school .schoolBox .content ul {
    display: none;
}

.school .schoolBox .content ul.active {
    display: block;
}

.school .schoolBox .content li {
    position: relative;
    display: flex;
    transition: ease .3s;
}

.school .schoolBox .content:after {
    content: '';
    display: block;
    clear: both;
}

.school .schoolBox .content .left {
    width: 50%;
    display: inline-block;
    float: left;
    background: center center no-repeat;
    background-size: cover;
}

.school .schoolBox .content .left img {
    width: 100%;
}

.school .schoolBox .content .right {
    width: 50%;
    display: inline-block;
    float: left;
}

.school .schoolBox .content .right .top {
    width: 100%;
    height: 50%;
    background: url(../images/schools.jpg) center center no-repeat;
    background-size: cover;
}

.school .schoolBox .content .right .top img {
    width: 710px;
    height: 454px;
    position: relative;
    top: -9.7rem;
    right: .25rem;
}

.school .schoolBox .content .right .bottom {
    background: rgba(8, 107, 185, .9);
    width: 100%;
    height: 50%;
    color: #fff;
}

.school .schoolBox .content .right .bottom .text {
    width: 100%;
    padding: 50px 25px;
}

.school .schoolBox .content .right .bottom .title {
    text-align: left;
    margin-bottom: 10px;
}

.school .schoolBox .content .right .bottom .title .cn {
    font-size: 24px;
    margin-bottom: 5px;
}

.school .schoolBox .content .right .bottom .title .en {
    font-size: 14px;
    font-family: LemonMilk;
    opacity: .7;
}

.school .schoolBox .content .right .bottom .contents {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    opacity: .7;
}

.school .schoolBox .details {
    width: 154px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .7);
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    color: rgba(255, 255, 255, .7);
    border-radius: 35px;
    display: block;
}

.school .schoolBox .details:hover {
    background: #fff;
    color: #086bb9;
}

.news {
    width: 100%;
    height: auto;
    background: url("../images/newbg.jpg");
    background-size: cover;
    position: relative;
    padding: 100px 0px;
}

.news .newsBox {
    width: 100%;
    padding: 0px 5%;
}

.news .newsBox .title {
    text-align: center;
    color: #086bb9;
    margin-bottom: 25px;
}

.news .newsBox .title .cn {
    font-size: 30px;
    margin-bottom: 5px;
}

.news .newsBox .title .en {
    font-size: 18px;
    font-family: LemonMilk;
    opacity: .5;
}

.newsList {
    width: 100%;
    overflow: hidden;
}

.newsList a {
    display: block;
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
    cursor: pointer;
    width: 32%;
}

.newsList .news_detail {
    width: 100%;
    height: auto;
    position: relative;
}

.newsList .news_detail .pic {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
}

.newsList .news_detail .pic img {
    max-width: auto;
    width: 100%;
}

.newsList a:nth-child(3n) {
    margin-right: 0%;
}

.newsList .news_detail .number {
    width: 60px;
    height: 70px;
    background: #086bb9;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.newsList .news_detail .number .num {
    font-size: 30px;
    padding: 8px 12px;
    border-bottom: 1px solid #5398ce;
    font-weight: 700;
    font-family: LemonMilk;
}

.newsList .news_detail .number .time {
    font-size: 12px;
    text-align: center;
    line-height: 1.7;
    font-family: LemonMilk;
}

.newsList .news_detail .titles {
    font-size: 16px;
    width: 100%;
    height: auto;
    position: relative;
    left: 0px;
    bottom: 0px;
    padding: 15px 3%;
    line-height: 25px;
    background: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.environment {
    width: 100%;
    height: auto;
    background: url("../images/environmentbg.jpg");
    background-size: cover;
    position: relative;
    padding: 100px 0px;
}

.environment .environmentBox {
    width: 100%;
    padding: 0px 5%;
}

.environment .environmentBox .title {
    text-align: center;
    color: #086bb9;
    margin-bottom: 25px;
}

.environment .environmentBox .title .cn {
    font-size: 30px;
}

.environment .environmentBox .title .en {
    font-size: 18px;
    font-family: LemonMilk;
    opacity: .5;
}

.environmentList {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

.environmentList .left {
    width: 20%;
    height: auto;
    display: block;
    position: relative;
}

.environmentList .pic {
    width: 100%;
    height: 100%;
    background: center center no-repeat;
    background-size: cover;
}

.environmentList .pic span, .environmentList .centre span, .environmentList .right span {
    display: block;
    width: 100%;
    height: auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
}

.environmentList .centre {
    width: 56%;
    height: 100%;
    display: block;
    position: relative;
}

.environmentList .right {
    width: 20%;
    height: auto;
    display: block;
}

.environmentList .right .top {
    width: 100%;
    height: calc(50% - 10px);
    margin-bottom: 20px;
    position: relative;
    background: center center no-repeat;
    background-size: cover;
}

.environmentList .right .bottom {
    width: 100%;
    height: calc(50% - 10px);
    position: relative;
    background: center center no-repeat;
    background-size: cover;
}

.environment .environmentBox img {
    width: 100%;
    height: 100%;
}

.environment .environmentBox .titles {
    position: relative;
    top: -3rem;
    color: #fff;
    font-size: 18px;
    margin: 0 18px;
}

.environment .environmentBox .refresh {
    width: 60px;
    height: 60px;
    position: absolute;
    margin-top: 33px;
    margin-left: 594px;
    cursor: pointer;
    background: #0089c7;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 50%;
    font-size: 26px;
}

._pageTitle {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

._pageTitle b {
    font-size: 28px;
    font-weight: normal;
    display: block;
    line-height: 1.7;
}

._pageTitle p {
    font-size: 14px;
    text-transform: capitalize;
    font-family: LemonMilk;
    opacity: .5;
}

.profileContent {
    padding: 60px 0 30px;
    background: #f9f9f9;
}

.profileContent .description {
    width: 800px;
    position: relative;
    margin: 95px auto 65px;
}

.profileContent .description ._iconfont {
    position: absolute;
    color: #b9d8c0;
    font-size: 50px;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.profileContent .description .icon_L {
    top: -60px;
    left: -60px;
}

.profileContent .description .icon_R {
    bottom: -60px;
    right: -60px;
}

._tips_icon {
    text-align: center;
}

._tips_icon span {
    color: rgba(102, 102, 102, .6);
    display: block;
    margin-bottom: 15px;
}

._tips_icon i {
    display: inline-block;
    background: #bfbfbf;
    width: 1px;
    height: 60px;
}

.teacherContent {
    padding: 60px 0 30px;
    position: relative;
}

.teacherContent .teacher {
    position: relative;
    margin: 48px auto 0;
    padding-bottom: 48px;
}

.teacherContent .teacher:after {
    content: '';
    position: absolute;
    background: url("../images/bg_about_teacher.jpg") no-repeat bottom/cover;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 80%;
    z-index: 1;
}

.teacherContent .Avatar {
    width: 325px;
    height: 325px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    position: relative;
    margin: 0 auto 30px;
    border: 12px solid #fff;
}

.teacherContent .Introduction {
    z-index: 2;
    position: relative;
    background: #fff;
    width: 1000px;
    margin: 0 auto;
    padding: 25px 10%;
}

.teacherContent .Introduction .name {
    text-align: center;
    color: #323232;
    font-size: 30px;
}

.teacherContent .Introduction .position {
    text-align: center;
    font-size: 16px;
    color: #9c9c9c;
}

.teacherContent .description {
    position: relative;
    margin: 25px auto;
    min-height: 50px;
}

.teacherContent .description .text {
    height: 60px;
}

.teacherContent .description ._iconfont {
    position: absolute;
    color: #b9d8c0;
    font-size: 26px;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top: 0;
}

.teacherContent .description .icon_L {
    left: -60px;
}

.teacherContent .description .icon_R {
    right: -60px;
}

.teacherContent .teachersSwiper {
    padding: 25px 0;
}

.teacherContent .teachersBox {
    z-index: 2;
    position: relative;
    border-top: 1px solid #039342;
}

.teacherContent .teachersBox .li {
    padding: 25px 3%;
    position: relative;
    background: #fff;
    cursor: pointer;
}

.teacherContent .teachersBox .number {
    display: inline-block;
    font-size: 28px;
    color: #039342;
    font-weight: 700;
    vertical-align: top;
    width: 32px;
    margin-right: 5%;
}

.teacherContent .teachersBox .infor {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.teacherContent .teachersBox .name {
    color: #505050;
    font-size: 20px;
}

.teacherContent .teachersBox .position {
    color: #9c9c9c;
    font-size: 14px;
}

.teacherContent .teachersBox .icon {
    width: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15%;
}

.teacherContent .teachersBox .li.swiper-slide-active {
    background: #2c9829;
}

.teacherContent .teachersBox .li.swiper-slide-active .number {
    color: #fff;
}

.teacherContent .teachersBox .li.swiper-slide-active .name {
    color: #fff;
}

.teacherContent .teachersBox .li.swiper-slide-active .position {
    color: #fff;
}

.teacherContent .teachersBox .li.swiper-slide-active .icon {
    opacity: 0;
}

.conceptContent {
    padding: 60px 0 180px;
    background: #f9f9f9;
}

.conceptContent .concept {
    margin: 48px auto 0;
}

.conceptContent ul {
    display: flex;
    justify-content: space-between;
}

.conceptContent ul li {
    background: #fff;
    width: 24%;
    padding-bottom: 80px;
    position: relative;
}

.conceptContent ul .WildGoose {
    margin: 0 auto 25px;
}

.conceptContent ul .title {
    text-align: center;
}

.conceptContent .title img {
    margin: 0 auto 10px;
}

.conceptContent .title span {
    display: inline-block;
    color: #6d6d6d;
    font-size: 24px;
    width: 40px;
}

.conceptContent li .summary {
    color: #9a9a9a;
    font-size: 16px;
    text-align: center;
    width: 70%;
    margin: 80px auto;
}

.conceptContent li .f_title {
    text-align: center;
    color: #039342;
    font-size: 16px;
    position: absolute;
    width: 100%;
    bottom: 10%;
}

.conceptContent ul li:nth-child(2n-1):after {
    content: '';
    background: url("../images/icon_flower2.png") no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 85px;
    height: 150px;
}

.conceptContent ul li:nth-child(2n):after {
    content: '';
    background: url("../images/icon_flower3.png") no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 85px;
    height: 150px;
}

.primaryPage .teamContent {
    padding: 60px 0 0;
}

.team_list, .school-news, .style_list {
    display: block;
    width: calc(100% - 250px);
    float: right;
    position: relative;
}

.team_list li {
    width: 31%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
    margin-right: 3.5%;
    float: left;
}

.team_list li:nth-child(3n) {
    margin-right: 0%;
}

.team_list li .thum {
    width: 100%;
    height: auto;

}

.team_list li .info {
    width: 100%;
    height: auto;
}

.team_list li .thum .pic {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}

.team_list li .thum .pic img {
    max-width: auto;
    width: 100%;
}

.team_list li .name {
    font-size: 16px;
    color: #3e3e3e;
    line-height: 40px;
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    font-weight: bold;
}

.team_list li .name::after {
    width: 3px;
    height: 50%;
    background: rgba(16, 124, 98, .85);
    content: '';
    left: 0px;
    top: 25%;
    display: block;
    position: absolute;
}

.team_list li .mark {
    font-size: 14px;
    opacity: .7;
    overflow: hidden;
}

.team_list li .mark span {
    width: auto;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    float: left;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.team_list li .summary {
    display: block;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 20px;
    color: rgba(0, 0, 0, .7);
}

.teamContent .team:after {
    content: '';
    width: 50%;
    height: 100%;
    background: #f9f9f9;
    right: 100%;
    position: absolute;
}

.teamContent .teamContent .R {
    width: 75%;
    position: relative;
}

.teamContent .R:after {
    content: '';
    background: url("../images/icon_flower4.png");
    position: absolute;
    width: 129px;
    height: 189px;
    display: block;
    bottom: 0;
    left: 44%;
}

.teamContent .teamsInofr .li {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.teamContent .teamsInofr .img {
    width: 40%;
}

.teamContent .teamsInofr .Introduction {
    width: 54%;
    position: absolute;
    left: 0;
    top: 15%;
}

.teamContent .Introduction .name {
    color: #2e982d;
    font-size: 18px;
    margin-bottom: 15px;
}

.teamContent .Introduction .summary {
    font-size: 16px;
    color: #5b5b5b;
}

.teamContent .L {
    width: 17%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.teamContent .R {
    width: 75%;
    position: relative;
}

.teamContent .R .icon_aircraft {
    position: absolute;
    color: #cee8f6;
    font-size: 60px;
    left: 5%;
    bottom: 18%;
    transform: rotate(17deg);
}

.teamContent .R .icon_aircraft2 {
    position: absolute;
    color: #cee8f6;
    font-size: 31px;
    left: 1%;
    bottom: 7%;
    transform: rotate(17deg);
}

.teamContent .nameList {
    height: 70%;
    top: 15%;
}

.teamContent .nameList .li {
    position: relative;
}

.teamContent .nameList .li:after {
    right: 0;
}

.teamContent .nameList .li:before {
    left: 0;
}

.teamContent .nameList .li.swiper-slide-active:after {
    width: 49%;
}

.teamContent .nameList .li.swiper-slide-active:before {
    width: 19%;
}

.primaryPage .nameList .li:before,
.teamContent .nameList .li:after {
    background: #2e982d;
    height: 1px;
    position: absolute;
    content: '';
    top: 50%;
    width: 0;
    transition: ease .5s;
}

.teamContent .nameList .li.swiper-slide-active span {
    color: #0d77c2;
}

.teamContent .nameList .li span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    text-align: center;
    color: #333;
    left: 10%;
    font-size: 18px;
}

.teamContent .swiperTop {
    top: 10%;
}

.teamContent .swiperBottom {
    bottom: 10%;
}

.teamContent .swiperBottom,
.teamContent .swiperTop {
    position: absolute;
    left: 29%;
    width: 30px;
}


.newsContent ._pageTitle {

    position: relative;
    z-index: 5;
}

.newsContent .box1 {
    position: relative;
    z-index: 2;
    margin: 40px auto 100px;
}

.newsContent .topInfor {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsContent .topInfor .text1 {
    color: #5b5b5b;
    font-size: 18px;
}

.newsContent .topInfor .text2 {
    color: #2e982d;
    font-size: 40px;
    font-weight: 700;
    margin: 10px 0 15px;
}

.newsContent .topInfor .text3 {
    font-size: 24px;
    color: #5b5b5b;
}

.newsContent .topInfor .more {
    width: 280px;
    line-height: 96px;
    background: #fff;
    display: block;
    text-align: center;
    color: #2e982d;
    font-size: 18px;
}

.newsContent .topInfor .more img {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin-left: 15px;
}

.newsContent .box2 {
    position: relative;
}

.newsContent .box2 .ul .li {
    background: #2e982d;
    color: #fff;
    padding: 20px;
}

.newsContent .box2 .ul .img {
    margin-bottom: 20px;
}

.newsContent .box2 .timer {
    color: rgba(255, 255, 255, .7);
}

.newsContent .box2 .title {
    font-size: 24px;
    margin: 10px 0;
}

.newsContent .box2 .summary {
    font-size: 16px;
    margin-bottom: 15px;
}

.newsContent .box2 .newsSwiperBtn {
    position: absolute;
    top: 50%;
}

.newsContent .box2 .newsNext {
    right: 0;
    transform: translate(200%, -50%);
}

.newsContent .box2 .newsPrev {
    left: 0;
    transform: translate(-200%, -50%);
}

.styleContent {
    padding: 100px 5%;
}

.styleContent .box1 {
    margin: 30px auto 0;
}

.styleContent .styleSwiper .li {
    background: #f9f9f9;
    padding: 50px 0 60px;
}

.styleContent .styleSwiper .img {
    width: 270px;
    margin: 0 auto 40px;
    overflow: hidden;
    border-radius: 50%;
    border: 6px solid #2e982d;
}

.styleContent .styleSwiper .Introduction {
    margin: 0 auto 50px;
}

.styleContent .styleSwiper .summary {
    width: 65%;
    margin: 0 auto;
    text-align: center;
    color: #959595;
    font-size: 16px;
}

.styleContent .Introduction p {
    text-align: center;
}

.styleContent .Introduction .name {
    color: #2e982d;
    font-size: 24px;
}

.styleContent .Introduction .level {
    color: #959595;
    font-size: 16px;
}

.styleContent .styleSwiper .pagination {
    text-align: center;
    padding: 60px 0;
}

.styleContent .styleSwiperBtn {
    position: absolute;
    top: 40%;
}

.styleContent .styleNext {
    right: 0;
    transform: translate(200%, -50%);
}

.styleContent .stylePrev {
    left: 0;
    transform: translate(-200%, -50%);
}

.join_list {
    width: 100%;
    height: auto;
    padding: 0 10%;
}


.join_list li {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
}

.join_list li .thum, .join_list li .info {
    width: 50%;
}
.join_list li .thum{
	background: center center no-repeat;
	background-size: cover;
}
.join_list li .info {
    padding: 50px;
    background: #fff;
}

.consultationContent {
    padding: 60px 0;
}

.join_list li .info .title {
    font-size: 24px;
    line-height: 2;
    margin-bottom: 15px;
    margin-top: 50px;
}


.join_list li .info .title b {
    color: #009042;
}

.join_list li .info .summary {
    width: 100%;
    height: auto;
    line-height: 1.7;
    font-size: 16px;
    opacity: .7;
    margin-bottom: 25px;
}

.join_list li .info .more {
    width: 120px;
    height: 40px;
    border: 1px solid #009042;
    color: #009042;
    text-align: center;
    line-height: 40px;
    display: block;
}

.join_list li .info .more:hover{
	color: #fff;
	background: #009042;
}

.consultationContent .formBox {
    margin-top: 60px;
    background: #f7f7f7;
}

.contactContent {
    position: relative;
    padding: 50px 0;
}

.contactContent:after {
    content: '';
    background: #edf5ff;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
}

.contactContent .contactBox {
    display: flex;
    justify-content: space-between;
    padding: 55px;
    background: #fff;
    position: relative;
    z-index: 5;
}

.contactContent .contactBox .title p img {
    display: inline-block;
    margin: 0 0 15px 15px;
}

.contactContent .title p:nth-child(1) {
    font-size: 30px;
    color: #086bb9;
}

.contactContent .title p:nth-child(2) {
    color: #039342;
    font-size: 36px;
    margin-bottom: 35px;
}

.contactContent .title p:nth-child(3) {
    font-size: 18px;
    color: #8e8e8e;
}

.ContactInformation ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.ContactInformation li {
    font-size: 16px;
    text-align: center;
    width: 25%;
}

.ContactInformation li i {
    display: inline-block;
    height: auto;
    text-align: center;
    font-size: 32px;
    margin-bottom: 5px;
}

.ContactInformation li span {
    display: block;
    font-size: 20px;
    font-weight: 700;
}


.ContactInformation li p {
    margin: 10px auto 0px;
    font-size: 18px;
    opacity: .7;
    font-family: 'DIN';
    color: #162c5b;
}

.ContactInformation .right {
    text-align: center;
    margin-top: 35px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: 35px;
}

.ContactInformation .right .img {
    width: 130px;
    border-radius: 8px;
    padding: 5px;
    border: 1px solid #ceddff;
    margin-bottom: 5px;
    display: inline-block;
}

.ContactInformation li a {
    opacity: .7;
    display: block;
    font-size: 14px;
}

.ContactInformation li .img {
    width: 90px;
    height: auto;
    margin: 0px auto 10px;
}

.ContactInformation .QRcode {
    padding: 15px 60px;
    text-align: center;
    color: #bdbdbd;
    font-size: 16px;
    position: relative;
}

.ContactInformation .QRcode:after {
    content: '';
    left: 0;
    background: #e5e5e5;
    width: 1px;
    height: 80%;
    top: 10%;
    position: absolute;
}

.ContactInformation .QRcode img {
    margin-bottom: 25px;
}

.form_submit {
    width: 120px;
    height: 40px;
    border: 1px solid #009042;
    color: #009042;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #fff;
}

.tidingsContent {
    padding: 100px 5%;
    background: url("../images/bg_news.jpg") center/cover no-repeat fixed;
}

.facilitiesPage .AlbumContent {
    padding: 60px 0 0;
}

.facilitiesPage .AlbumSwiper {
    padding: 60px 0;
}

.facilitiesPage .AlbumSwiper .li {
    position: relative;
}

.facilitiesPage .AlbumSwiper .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 65px 50px;
}

.facilitiesPage .AlbumSwiper .title {
    font-size: 22px;
}

.facilitiesPage .AlbumSwiper .title.en {
    font-size: 16px;
    text-transform: uppercase;
}

.facilitiesPage .AlbumSwiper .summary {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 15px;
}

.facilitiesPage .AlbumSwiper .iconFlower {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 100px;
}

.facilitiesPage .paginationPrimary li {
    padding: 50px 0;
}

.pltr .li .text {
    background: #039342;
    width: 45%;
    right: 0;
    color: #fff;
}

.prtl .li .text {
    background: #086bb9;
    width: 45%;
    right: 0;
    color: #fff;
    left: 0;
}

.prtl .li .pic {
    float: right;
}

.prtl .AlbumSwiper .iconFlower {
    right: auto;
    left: 5%;
}

.facilitiesPage .paginationPrimary .round {
    width: 7vw;
    height: 7vw;
    position: relative;
    border-radius: 50%;
    margin: 0 auto;
}

.facilitiesPage .paginationPrimary .top_sk {
    background: #029342;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    border-radius: 200px 200px 0 0;
}

.facilitiesPage .paginationPrimary .bottom_sk {
    background: #0077bc;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 200px 200px;
}

.facilitiesPage .paginationPrimary .sk {
    position: absolute;
    width: calc(7vw - 20px);
    height: calc(7vw - 20px);
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.facilitiesPage .paginationPrimary .title {
    position: absolute;
    display: block;
    text-align: center;
    color: #029342;
    width: 100%;
    bottom: 53%;
    font-size: 22px;
}

.facilitiesPage .paginationPrimary .title.en {
    bottom: auto;
    top: 53%;
    font-size: 14px;
    color: #0b499b;
    width: 80%;
    left: 10%;
    text-transform: uppercase;
}

.facilitiesPage .paginationPrimary li img {
    position: absolute;
    transform: translateX(-46%);
    bottom: 50%;
}

.homeSchool {
    padding: 0 0 60px;
}

.homeSchool .schoolSwiper {
    padding: 60px 0 0;
}

.homeSchool .pagination {
    text-align: center;
    margin: 65px auto;
}

.homeSchool .schoolSwiper .li {
    position: relative;
    width: 44vw;
}

.homeSchool .schoolSwiper .pic {
    position: relative;
}

.homeSchool .schoolSwiper .summary {
    position: absolute;
    top: 50%;
    background: rgba(255, 255, 255, .7);
    width: 73%;
    left: 5%;
    transform: translateY(-50%);
}

.homeSchool .schoolSwiper .text {
    padding: 25px;
    font-size: 16px;
}

.homeSchool .schoolSwiper .summary a {
    width: 140px;
    line-height: 40px;
    text-align: center;
    display: block;
    border: 1px solid #056bb9;
    color: #056bb9;
    position: absolute;
    right: 25px;
    background: #fff;
    bottom: 0;
    transform: translateY(50%);
}

.homeSchool .schoolSwiper .summary a img {
    display: inline-block;
    width: 12px;
    vertical-align: middle;
    margin-left: 5px;
}

.homeSchool .schoolSwiper .title {
    width: 100%;
    position: absolute;
    background: #056bb9;
    color: #fff;
    line-height: 62px;
    font-size: 18px;
    bottom: 0;
    padding: 0 25px;
}

.homeSchool .moreHomeSchool {
    width: 154px;
    line-height: 40px;
    background: #056bb9;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.homeSchool .swiper-pagination-bullet {
    background: 0 0;
    opacity: 1;
    margin: 0 6px !important;
    width: 9px;
    height: 9px;
    position: relative;
    outline: 0;
    vertical-align: middle;
}

.homeSchool .swiper-pagination-bullet span {
    width: 3px;
    height: 3px;
    background: #ccc;
    display: block;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
}

.homeSchool .swiper-pagination-bullet i {
    background: #0077bc;
    height: 1px;
    width: 20px;
    position: absolute;
    top: 4px;
    transform: scaleX(0);
    transform-origin: left;
    z-index: 3;
    transition-timing-function: linear;
}

.homeSchool .swiper-pagination-bullet-active span,
.homeSchool .swiper-pagination-bullet:hover span {
    width: 9px;
    height: 9px;
    margin-top: 0;
    margin-left: 0;
    background: #0077bc;
    position: relative;
    z-index: 1;
}

.homeSchool .swiper-pagination-bullet-active i {
    animation: middle 6s;
}

.homeSchool .swiper-pagination-bullet:first-child.homeSchool .swiper-pagination-bullet-active i {
    animation: first 6s;
}

.homeSchool .swiper-pagination-bullet:last-child.homeSchool .swiper-pagination-bullet-active i {
    animation: last 6s;
}

@keyframes first {
    0% {
        transform: scaleX(.5);
        left: 0;
    }

    100% {
        transform: scaleX(1);
        left: 2px;
    }
}

@keyframes last {
    0% {
        transform: scaleX(.7);
        left: -10px;
    }

    20% {
        transform: scaleX(.3);
        left: 2px;
    }

    100% {
        transform: scaleX(.3);
        left: 0;
    }
}

@keyframes middle {
    0% {
        transform: scaleX(.7);
        left: -10px;
    }

    20% {
        transform: scaleX(.45);
        left: 2px;
    }

    100% {
        transform: scaleX(1);
        left: 2px;
    }
}

.positionTable {
    padding: 50px 0;
}

.positionTableBox {
    width: 80%;
    height: auto;
    background: #fff;
    margin-left: 10%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
}

.positionTableBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.positionTableBox li {
    width: 100%;
    height: auto;
    line-height: 50px;
    overflow: hidden;
}

.positionTableBox ol li b {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    background: #3eb45e;
    color: #fff;
}

.positionTableBox ul li .j_top {
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}

.positionTableBox ul li .j_bottom {
    width: 100%;
    height: auto;
    padding: 20px;
    font-style: 14px;
    line-height: 1.7;
    display: none;
    background: #fff;
}

.positionTableBox ul li.active .j_bottom {
    display: block;
}

.positionTableBox ul li:nth-child(even) {
    background: #f5f5f5;
}

.positionTableBox ul li.active .j_top {
    background: rgba(0, 0, 0, .1);
    color: #fff;
}

.positionTableBox ul li .j_top > div {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
}

.positionTableBox li .title {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.positionTableBox li .des {
    color: #666;
    font-size: 12px;
    margin-top: 8px;
}

.positionTableBox li .time {
    color: #666;
    font-size: 12px;
    margin-top: 8px;
}

._subtitle {
    width: 200px;
    height: auto;
    position: relative;
    float: left;
    background: #3eb45e;
    color: #fff;
    padding: 25px 25px 50px;
}

._subtitle .sub_tips {
    width: 128px;
    height: 50px;
    line-height: 50px;
    position: relative;
    font-family: LemonMilk;
    text-transform: uppercase;
}

._subtitle .sub_tips p {
    display: inline-block;
    width: auto;
    float: left;
}

._subtitle .sub_tips::after {
    width: 62px;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 21px;
    top: 23px;
    content: '';
    display: block;
}

._subtitle .sub_tips span {
    float: right;
}

._subtitle .name {
    display: block;
    width: 150px;
    line-height: 50px;
    font-size: 34px;
    font-weight: bold;
}

.boxes.teamContent {
    padding: 50px;
    overflow: hidden;
}

.boxes.newsContent {
    position: relative;
    padding: 100px 5%;
}

.school-news ol {
    display: block;
    width: 550px;
    height: auto;
    float: left;
}

.school-news ol li {
    display: block;
    width: 100%;
    height: auto;
}

.school-news ol li a {
    display: block;
    width: 100%;
}

.school-news ol li a .thum {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.school-news ol li a .thum::after {
    display: block;
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url(../images/nbg.png) repeat-x;
    color: #fff;
    content: '';
}

.school-news ol li a .thum .pic {
    width: 100%;
    height: auto;
    position: relative;
    background: center center no-repeat;
    background-size: cover;
}

.school-news ul {
    display: block;
    width: calc(100% - 575px);
    height: 385px;
    float: left;
    margin-left: 25px;
    position: relative;
    padding-left: 25px;
}

.school-news ul::before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .2);
    content: '';
}

.school-news ol li a .info {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    color: #fff;
    padding: 0px 10px 5px;
}

.school-news ol li a .info .date {
    width: 110px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 30px;
    font-family: LemonMilk;
    text-align: center;
}

.school-news ol li a .info .name {
    width: calc(100% - 110px);
    float: left;
    line-height: 40px;
    font-size: 14px;
}

.school-news ul li {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 35px;

}

.school-news ul li .timer {
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-family: LemonMilk;
    font-size: 30px;
    margin-top: -20px;
    color: #009042;
}

.school-news ul li .title {
    font-size: 14px;
    line-height: 25px;
    position: relative;
    height: 25px;
    width: 100%;
    overflow: hidden;
}

.school-news ul li .summary {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    height: 40px;
    width: 100%;
    opacity: .7;
    overflow: hidden;
}

.school-news ul li::before {
    width: 10px;
    height: 1px;
    position: absolute;
    left: -24px;
    top: 20px;
    background: #009042;
    content: '';
}

.school-news ul::after {
    width: 10px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #009042;
    content: '';
}

.style_list ul li {
    width: 32%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    float: left;
    margin-right: 2%;
}

.style_list ul li:nth-child(3n) {
    margin-right: 0%;
}

.style_list ul li .thum {
    width: 100%;
    height: auto;
}

.style_list ul li .thum .pic {
    background: center center no-repeat;
    background-size: cover;
}

.style_list ul li .thum img {
    max-width: none;
    width: 100%;
}

.style_list ul li .info {
    width: calc(100% - 280px);
    height: auto;
    float: right;
}

.style_list ul li .info .name {
    font-size: 16px;
    line-height: 30px;
}

.style_list ul li .info .level {
    font-size: 12px;
    line-height: 20px;
    opacity: .7;
}

.style_list ul li .info .summary {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    opacity: .7;
    line-height: 25px;
    position: relative;
}

.style_list ul li .info .summary .des {
    width: calc(100% - 120px);
    height: auto;
    float: left;
    line-height: 20px;
}

.style_list ul li .info .summary .more {
    width: 100px;
    height: 30px;
    float: right;
    text-align: center;
    position: relative;
    line-height: 30px;
}

.style_list ul li .info .summary .more::after {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .1);
    content: '';
}

.boxes.intro {

    height: auto;
    position: relative;
    padding: 0px;
    width: 80%;
    margin-left: 10%;

}

.home_title.common-page {
    height: auto;
}

.home_title.common-page .home_title_r {
    line-height: normal;
    height: 97px;
    display: table;
}

.home_title.common-page .home_title_r a.active {
    color: #3eb45e;
    text-decoration: underline;
}

.home_title.common-page .home_title_r .cell {
    display: table-cell;
    vertical-align: middle;
}

.home_title.common-page .home_title_l {
    height: auto;
    line-height: 1.6;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home_title.common-page .home_title_l::after {
    border-top-width: 100px;
}

.home_title.common-page .home_title_l b {
    font-weight: 100;
    padding-left: 35px;
    line-height: inherit;
    font-size: 22px;
}

.home_title.common-page .home_title_l b::after {
    background-position: center center;
}

.home_title.common-page .home_title_l p {
    padding-left: 35px;
    font-family: 'GothamRounded', serif;
    text-transform: uppercase;
    opacity: .7;
}

.school_intro .intro_box .profile {
    background-image: url("../images/about_bg.jpg");
}

.school_intro .wrap {
    background-color: rgba(62, 180, 94, .9);
    padding: 80px 50px;
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
}

.teacher-lists {
    font-size: 0;
    -webkit-text-size-adjust: none;
    padding: 50px 10%;
}

.teacher-lists .team_top {
    width: calc(100% - 200px);
    font-size: 14px;
    padding-right: 80px;
}

.intro {
    margin-top: 50px;
}

.intro_box {
    width: 100%;
    height: auto;
    padding: 50px 10%;

}

.intro_box .profile {
    width: 100%;
    height: auto;
    line-height: 2;
    font-size: 16px;
    text-align: justify;
}

.intro_box .profile.bx {
    color: #fff;
}

.intro_box .profile p {
    margin-bottom: 10px;
}

.boxes.school_intro {
    background: url(../images/about_bg.jpg) center center no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    padding: 0px;
}

.boxes.school_intro .intro_box {
    float: left;
    background: rgba(57, 157, 35, .9);
}

.show_num {
    width: 100%;
    height: 245px;
    position: relative;
}

.show_num ul {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.show_num ul li {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    text-align: center;
}

.show_num ul li p {
    font-size: 16px;
    line-height: 25px;
    display: block;
    color: #009042;
    margin-top: 60px;
    position: relative;
}

.show_num ul li b {
    font-size: 16px;
    color: #009042;
    position: relative;
}

.show_num ul li b span {
    font-size: 90px;
    font-family: LemonMilk;
    text-shadow: 10.88px 8.81px 10px rgba(37, 60, 154, 0.17);
}

.show_num ul li::before {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 60%;
    top: 50%;
    background: url(../images/num1.png) no-repeat;
    background-size: cover;
    content: '';
    opacity: .1;
}

.show_num ul li:nth-child(2)::before {
    background-image: url(../images/num2.png);
}

.show_num ul li:nth-child(3)::before {
    background-image: url(../images/num3.png);
}

.show_num ul li:nth-child(4)::before {
    background-image: url(../images/num4.png);
}

.team_top {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.team_top .thum {
    width: 400px;
    height: auto;
    float: left;
    background: center center no-repeat;
    background-size: cover;
}

.team_top .thum img {
    max-width: auto;
    width: 100%;
}

.team_top .info {
    width: calc(100% - 450px);
    height: auto;
    float: left;
    margin-left: 50px;
    margin-top: 200px;
    position: relative;
}

.team_top .info .name {
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 25px;
    overflow: hidden;
}

.team_top .info .name b {
    width: auto;
    float: left;
    font-weight: normal;
}

.team_top .info .name p {
    width: auto;
    float: left;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
    padding: 0px 10px;
    background: #009042;
    color: #fff;
}

.team_top .info .name p::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #009042;
    position: absolute;
    right: -15px;
    bottom: 0;
    content: '';
}

.team_top .info .name p::before {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #009042;
    position: absolute;
    right: -15px;
    top: 0;
    content: '';
}

.team_top .info .des {
    width: 100%;
    max-height: 240px;
    line-height: 28px;
    overflow-y: auto;
}

.team_title {
    width: 200px;
    height: auto;
    position: absolute;
    left: 0%;
    top: -150px;
}

.team_title b {
    font-size: 28px;
    font-weight: normal;
    display: block;
    line-height: 1.7;
}

.team_title p {
    font-size: 14px;
    text-transform: capitalize;
    font-family: LemonMilk;
    opacity: .5;
}

.master_list {
    width: 200px;
    height: 512px;
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, .1);
    vertical-align: top;
}

.master_list ul {
    display: block;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
    left: 0px;
}

.master_list ul::after {
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
    content: '';
}

.master_list .li {
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 15px 0;
    height: auto;
}

.master_list .li .name {
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 0 25px;
    background-color: #ebf0f4;
}

.master_list .li .position {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    opacity: .7;
}

.master_list .li::before, .master_list .li::after {
    width: 0px;
    height: 1px;
    left: 0;
    top: 50%;
    background: #009042;
    content: '';
    display: block;
    position: absolute;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.master_list .li::after {
    left: auto;
    right: 0;
}

.master_list .swiper-container {
    height: 100%;
}

.master_list .li.swiper-slide-active::before, .master_list .li.swiper-slide-active::after {
    width: 50px;
}

.master_list .li.swiper-slide-active {
    color: #009042;
}

._pageTitle.c {
    text-align: center;
}

._pageTitle.w {
    color: #fff;
}

.boxes.sz {
    background: url(../images/sz_bg.jpg) center center no-repeat;
    background-size: cover;
}

.teacher_list {
    width: 90%;
    height: auto;
    margin-left: 5%;
    padding: 0px;
}

.teachersBox .swiper-slide {
    background: #fff;
    padding: 50px 25px;
}

.teachersBox .swiper-slide .thum {
    width: 200px;
    height: 200px;
    margin: 0px auto 15px;
    overflow: hidden;
}

.teachersBox .swiper-slide .thum .pic {
    width: 100%;
    background: center center no-repeat;
    height: 100%;
    background-size: cover;
    border-radius: 50%;

}

.teachersBox .swiper-slide .thum .pic img {
    max-width: auto;
    width: 100%;
}

.teachersBox .infor {
    text-align: center;
}

.teachersBox .infor .name {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.teachersBox .infor .position {
    font-size: 14px;
    line-height: 1.7;
    opacity: .7;
}

.ideas {
    width: 100%;
    height: auto;
    padding: 0px 5%;
    overflow: hidden;
    text-align: center;
}

.ideas ul {
    display: inline-block;
}

.ideas ul li {
    width: 120px;
    float: left;
    position: relative;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    margin-right: 2px;
    height: 365px;
    overflow: hidden;
    border-radius: 25px 0px 25px 0px;
}

.ideas ul li:nth-child(even) {
    border-radius: 0px 25px 0px 25px;
}

.ideas ul li .thum {
    width: 465px;
    height: 100%;

    overflow: hidden;
    position: relative;
    left: -100%;
}

.ideas ul li.active {
    width: 465px;
}

.ideas ul li.active .thum {
    left: 0%;
}

.ideas ul li .show {
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: -75px;
    padding-left: 100px;
    text-align: left;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.ideas ul li .show::after {
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '01';
    font-size: 40px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-family: LemonMilk;
}

.ideas ul li:nth-child(2) .show::after {
    content: '02';
}

.ideas ul li:nth-child(3) .show::after {
    content: '03';
}

.ideas ul li:nth-child(4) .show::after {
    content: '04';
}

.ideas ul li .show b {
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 25px;
    margin-top: 13px;
}

.ideas ul li .show p {
    opacity: .9;
    font-size: 16px;
}

.ideas ul li.active .show {
    bottom: 0px;
}

.ideas ul li .title {
    width: 120px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #31992b;
    color: #fff;
    writing-mode: tb-rl;
    font-size: 24px;
    letter-spacing: 5px;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.ideas ul li:nth-child(2) .title {
    background: #2e8b52;
}

.ideas ul li:nth-child(3) .title {
    background: #29739b;
}

.ideas ul li:nth-child(4) .title {
    background: #276ab4;
}

.ideas ul li .title span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
}

.ideas ul li.active .title {
    right: -120px;
}

.ideas ul li .title::after {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -40px;
    background: url(../images/WildGoose1.png) no-repeat;
    background-size: cover;
    content: '';
    opacity: .2;

}

.team_list.ls ul li {
    width: 100%;
    margin-right: 0%;
}

.team_list.ls li .thum {
    width: 225px;
    height: auto;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.team_list.ls li .info {
    width: calc(100% - 250px);
    height: auto;
    float: right;
}

.team_list.ls li .summary {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-top: 15px;
    height: auto;
    color: rgba(0, 0, 0, .5);
    line-height: 1.7;
}

.team_list.ls li .name {
    font-size: 18px;
}

.AlbumSwiper .swiper-slide {
    width: 70%;

}

.AlbumSwiper .swiper-slide .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #000 center center no-repeat;
    background-size: cover;
}

.AlbumSwiper .swiper-slide img {
    max-width: none;
    width: 100%;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.AlbumSwiper .swiper-slide:hover img {
    -webkit-transform: scale(1.05);
    opacity: .6;
}

.AlbumSwiper .swiper-slide .text {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: -30%;
    padding: 35px 10%;
    text-align: center;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.AlbumSwiper .swiper-slide .text .title {
    font-size: 24px;
    line-height: 2;
    color: #3eb45e;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

.AlbumSwiper .swiper-slide .text .summary {
    width: 100%;
    color: rgba(255, 255, 255, .9);
    line-height: 1.7;
}

.AlbumSwiper .swiper-slide:hover .text {
    bottom: 0%;
}

.swiper-button-next, .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: rgba(62, 180, 94, .8);
    border-radius: 3px;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.swiper-button-next {
    right: -50px;
}

.swiper-button-prev {
    left: -50px;
}

.AlbumSwiper:hover .swiper-button-next {
    right: 10px;
}

.AlbumSwiper:hover .swiper-button-prev {
    left: 10px;
}

.swiper-button-next:after {
    content: 'next';
    color: #fff;
    font-size: 14px;
}

.swiper-button-prev:after {
    color: #fff;
    font-size: 14px;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    border-radius: 50%;
    background: rgba(62, 180, 94, 1);
}

.life {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
}

.life ul li {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
}

.life ul li:nth-child(even) {
    margin-right: 0%;
}

.life ul li .thum {
    background: center center no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
}

.life ul li p {
    display: block;
    width: 100%;
    padding: 20px 40px;
    height: auto;
    position: relative;
    font-size: 20px;
    background: #f9f9f9;
}

.life ul li p:after {
    width: 20px;
    height: 5px;
    background: #3eb45e;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 1;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-top: -2.5px;
}

.home_list {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.home_list ul li {
    width: 32%;
    height: auto;
    float: left;
    position: relative;
    margin-right: 2%;
    margin-bottom: 15px;
}

.home_list ul li:nth-child(3n) {
    margin-right: 0%;
}

.home_list ul li .thum {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.home_list ul li .pic {
    background: center center no-repeat;
    background-size: cover;
}

.home_list ul li .info {
    width: 100%;
    height: auto;
    margin-top: 15px;
    position: relative;
}

.home_list ul li .info .title {
    display: block;
    width: 100%;
    height: auto;
    line-height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}

.home_list ul li .info .title b {
    display: block;
    width: calc(100% - 100px);
    height: auto;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home_list ul li .info .title p {
    width: 90px;
    height: auto;
    float: right;
    border: 1px solid #3eb45e;
    line-height: 30px;
    text-align: center;
    color: #3eb45e;
    font-size: 12px;
    margin-top: 5px;
}

.home_list ul li .info .des {
    width: 100%;
    height: 75px;
    line-height: 1.7;
    font-size: 14px;
    overflow: hidden;
    opacity: .7;
}

#map {
    width: 80%;
    height: 400px;
    margin-left: 10%;
    position: relative;
    border: 1px solid #ceddff;
}

.ContactInformation {
    padding: 50px 0px;
    overflow: hidden;
    background-color: #ffffff;
    margin-left: 10%;
    width: 80%;
    margin-bottom: 50px;
}

.sub_tips.t::after {
    width: 35px;
}

._news_detail {
    width: 1000px;
    margin: 0px auto 0px;
    background: #fff;
    padding: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    position: relative;
}

._news_detail .detail_content {
    width: 100%;
}

._news_detail .returnBtn {
    position: absolute;
    right: 0;
    width: 120px;
    display: block;
    text-align: center;
    line-height: 40px;
    top: -40px;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

._ndc_top .title {
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 30px;
    padding-top: 10px;
    border-bottom: none;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

._ndc_npnews .post_next, ._ndc_npnews .post_prev {
    width: 50%;
    display: flex;
    line-height: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, .01);
    box-sizing: border-box;
}

._ndc_top .des {
    line-height: 25px;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #777;
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative;
    font-size: 12px;
    opacity: .7;
}

._ndc_top .des span {
    margin-right: 25px;
}

.ndc_detail {
    width: 100%;
    height: auto;
    position: relative;
    line-height: 1.7;
    margin-bottom: 50px;
    font-size: 16px;
}

.ndc_detail p {
    margin-bottom: 20px;
}

._ndc_top {
    width: 100%;
    height: auto;
}

.ndc_detail img {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

._ndc_npnews {
    width: 100%;
    height: auto;
    display: flex;
}

._ndc_npnews .post_next, ._ndc_npnews .post_prev {
    width: 50%;
    display: flex;
    line-height: 20px;
    padding: 20px;
    background: rgba(0, 0, 0, .01);
    box-sizing: border-box;
    transition: ease .5s;
}

._ndc_npnews .post_next .name, ._ndc_npnews .post_prev .name {
    width: calc(100% - 40px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.backTop {
    text-indent: 100px;
}

.inbanner img {
    max-width: none;
    width: 100%;
}

.team_nav {
    width: 100%;
    height: 50px;
    text-align: right;
}

.team_nav a {
    width: auto;
    display: inline-block;
    padding: 0px 45px;
    margin: 0px 5px;
    line-height: 45px;
    border-radius: 35px;
    background: #f9f9f9;
}

.team_nav a:hover {
    background: #3eb45e;
    color: #fff;
}

._news {
    padding: 30px 0;
}

._news.news2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

._news.news2 ul li {
    width: 32.5%;
    height: auto;
    margin-bottom: 20px;
}

._news.news2 ul li .news_thum {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
}

._news.news2 ul li .img {
    display: block;
    width: 100%;
    height: auto;
    background: center center no-repeat;
    background-size: cover;
}

._news.news2 ul li .news_time {
    width: auto;
    height: auto;
    line-height: 35px;
    position: absolute;
    padding: 0 10px;
    font-size: 12px;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
    font-family: helveticaneuethn;
    transition: all 0.36s ease 0s;
}

._news.news2 ul li .news2_des {
    width: 100%;
    height: auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.99);
    box-sizing: border-box;
    transition: all 0.36s ease 0s;
}

._news.news2 ul li .news2_des b {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    color: #3e3e3e;
    padding-bottom: 5px;
    position: relative;
}

._news.news2 ul li .news2_des .text {
    display: block;
    line-height: 24px;
    height: 48px;
    font-size: 12px;
    overflow: hidden;
}

._news.news2 ul li .news2_des b:after {
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    transition: all 0.36s ease 0s;
}

.scenery-list {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    padding: 50px 0;
}

.scenery-list .warp {
    font-size: 0;
    -webkit-text-size-adjust: none;
    white-space: nowrap;
    cursor: move;
}

.scenery-list .warp li {
    width: 650px;
    display: inline-block;
    font-size: 14px;
    white-space: normal;
    padding: 0 5px;
    position: relative;

}

.scenery-list .warp li .thum {
    background-color: #2683bc;
    background-position: center center;
    background-size: cover;
}

.scenery-list .warp li .show {
    position: absolute;
    width: 0;
    right: 5px;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    text-align: justify;
    z-index: 5;
    line-height: 1.6;
    overflow: hidden;
    transition: all .25s;
}

.scenery-list .warp li .show p {
    padding: 15px 20px;
    width: 300px;
}

.scenery-list .warp li:hover .show {
    width: 300px;
}

.scenery-list .warp ul {
    display: inline-block;
    padding-bottom: 35px;
}

.scenery-list .warp .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding-left: 30px;
    position: absolute;
    bottom: -35px;
}


.news-pages {
    margin-top: 50px;
    margin-bottom: 50px;
}

.news-pages .news-box {
    padding: 50px 10% 0px;
}


.news-pages .ht_list ul li .des {
    line-height: 30px;
    white-space: nowrap;
    font-size: 13px;
    height: 30px;
    text-overflow: ellipsis;
}

.iswx {
    display: none;
    line-height: 30px;
    opacity: .6;
    color: #0151aa;
}

.news-pages .ht_list ul li .title.wxUrl .des {
    display: none;
}

.news-pages .ht_list ul li .title.wxUrl .iswx {
    display: block;
}

.news-pages .ht_list ul li .title {
    border: 1px solid #c5d8ff;
}

.news-pages .ht_list ul li .name {
    height: auto;
    padding-bottom: 0;
    max-height: 50px;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: none;
    line-height: 25px;
}

.news-pages .ht_list ul li ._line {
    height: 1px;
    background-color: #162c5b;
    margin: 15px 0 10px;
    opacity: .2;
}

.news-pages .ht_list ul li a {
    height: 410px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.news-pages .ht_list ul li .thum {
    flex: auto;
}

.teacher-zp .home_title {
    margin: 50px auto;
}


.teacher-zp .flex-box {
    padding: 0 10% 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.teacher-zp .right {
    width: 360px;
    background-color: #ffffff;
    padding: 10px 25px 50px;
    line-height: 1.5;
}

.teacher-zp .flex-box .left {
    width: calc(100% - 410px);
}

.teacher-zp .right .title {
    font-size: 22px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    color: #0d6aad;
}

.teacher-zp .right .info {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
}

.teacher-zp .right .info p {
    width: 70px;
}


.teacher-zp .right .info + .info {
    margin-top: 10px;
}

.teacher-zp .right .c-more {
    margin: 40px auto 0;

}

.teacher-zp .right .info a {
    display: block;
}

.teacher-zp .right .slogan {
    font-size: 16px;
    margin-bottom: 30px;
}

.teacher-zp .right .slogan span {
    display: block;
}

.teacher-zp .lists .total {
    line-height: 65px;
    font-size: 17px;
    background-color: #162c5b;
    color: rgba(255, 255, 255, .85);
    padding: 0 30px;
    font-weight: 700;
    letter-spacing: 2px;
}

.teacher-zp .lists li {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.teacher-zp .lists li .name {
    padding: 0 30px;
    font-size: 20px;
    line-height: 40px;
}

.teacher-zp .lists li .open {
    position: absolute;
    right: 25px;
    line-height: 40px;
    top: 20px;
    font-size: 13px;
    cursor: pointer;
    padding: 0 5px;
}

.teacher-zp .lists li .open:hover {
    text-decoration: underline;
}

.teacher-zp .lists li .detail {
    padding: 30px;
    line-height: 2;
    color: rgba(0, 0, 0, .65);
    display: none;
    border-top: 1px solid #eeeeef;
    margin-top: 20px;
}


.primary-page .home_title {
    margin: 50px auto;
}

.team-lists {
    padding: 0 10%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    min-height: 80vh;
}

.team-nav {
    width: 200px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}

.team-nav.fixed {
    position: fixed;
    right: 10%;
    bottom: calc(100vh - 550px);
}

.team-nav.end {
    position: absolute;
    right: 10%;
    bottom: 0;
}

.team-lists ul {
    width: calc(100% - 200px);
}

.team-nav .swiper-slide {
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 15px 0;
    height: auto;
}

.team-nav .swiper-container {
    height: 500px;

}

.team-nav .swiper-slide p {
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 0 25px;
    background-color: #ebf0f4;
}

.team-nav .swiper-slide span {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    opacity: .7;
}

.team-nav .swiper-slide.swiper-slide-active {
    color: #009042;
}

.team-nav .swiper-slide.swiper-slide-active:before, .team-nav .swiper-slide.swiper-slide-active:after {
    width: 50px;
}

.team-nav .swiper-slide:before, .team-nav .swiper-slide:after {
    width: 0px;
    height: 1px;
    left: 0;
    top: 50%;
    background: #009042;
    content: '';
    display: block;
    position: absolute;
    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);
}

.team-nav .swiper-slide:after {
    left: auto;
    right: 0;
}

.team-lists ul {

    padding-right: 50px;
}

.team-lists ul li {
    background-color: #ffffff;
    display: flex;
    align-items: center;
}

.team-lists ul li .pic {
    width: 200px;
    background-position: center top;
    background-size: cover;
}

.team-lists ul li .info .name {
    font-size: 24px;
    font-weight: 100;
    color: #009042;
    margin-bottom: 5px;
}


.team-lists ul li .info {
    padding-left: 50px;
    padding-right: 50px;
}

.team-lists ul li:not(:first-of-type) {
    margin-top: 50px;
}

.team-lists ul li .info .mark {
    font-size: 13px;
    opacity: .7;
}

.team-lists ul li .info .summary {
    margin-top: 10px;
    line-height: 25px;
    text-align: justify;
    max-height: 75px;
    overflow: hidden;
}

.primary-page .news-pages {
    margin: 0;
}

.primary-page .news-pages .news-box {
    padding-top: 0;
}


.school-life .home_title {
    margin: 50px auto;
}

.school-life .lists {
    width: 80%;
    margin-left: 10%;
}

.school-life .lists .item {
    width: 20%;
}

.school-life .lists .width2 {
    width: 40%;
}

.school-life .lists .width5 {
    width: 20%;
}

.school-life .lists .height2 {
    width: 20%;
}

.school-life .lists .height2 img {
    display: none;
}

.school-life .lists .width2 img, .school-life .lists .width5 img {
    display: none;
}

.school-life .lists .width2 a {
    padding-top: 100%;
}

.school-life .lists .width5 a {
    padding-top: 100%;
}

.school-life .lists .height2 a {
    padding-top: 200%;
}

.school-life .lists .sizer {
    position: relative;
    overflow: hidden;
    padding: 15px;

}

.school-life .lists .sizer a {
    background-position: center center;
    background-size: cover;
    display: block;
    position: relative;
}

.school-life .lists .sizer a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: all .25s;
}


.school-life .lists .sizer .title {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    background-color: #ffffff;
}

.school-life .lists .sizer:hover a:before {
    opacity: .35;
}


.student-page .home_title {
    margin: 50px auto;
}

.student-page .formBox {
    padding: 0 10% 80px;
    display: flex;
    flex-wrap: wrap;
}

.student-page .formBox .input {
    width: 24%;
    margin-right: calc(4% / 3);
    font-size: 16px;
}

.f-btn {
    width: 100%;
    margin-top: 10px;
    color: #ffffff;
    text-align: center;
}

.f-btn p {
    line-height: 50px;
    width: 150px;
    background-color: #0d77c2;
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
    cursor: pointer;
}

.student-page .formBox .input:nth-child(4n) {
    margin-right: 0;
}

.student-page .formBox input, .student-page select {
    height: 45px;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, .2);
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    margin-top: 8px;
    display: block;
    margin-bottom: 30px;
}

.student-page select option {
    line-height: 45px;
}

.kc {
    padding: 50px 10%;
}

.kc li {
    width: calc(100% / 3);
    float: left;
    padding: 15px;

}

.kc ul {
    display: block;
    overflow: hidden;
}

.kc li a {
    display: block;
    background-color: #ffffff;
    border: 1px solid #dadada;
    position: relative;
}

.kc li .news_thum {
    background-position: center center;
    background-size: cover;
    opacity: .5;
}

.kc li .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 10% 5vw 0;
}

.kc li b {
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1;
    display: block;
}

.kc li ._w {
    display: none;
}

.kc .c-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.kc li .icon {
    display: inline-block;
}

.kc li:hover a {
    border-color: #2683bc;
    background-color: #2683bc;
    color: #ffffff;
}

.kc li:hover a .icon img {
    display: none;
}

.kc li:hover a .icon img._w {
    display: block;
}

.kc li .text {
    margin-top: 20px;
}

.tl-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #fff;

}

.tl-box .right {
    position: relative;
    width: 50%;
    margin-right: 0;
    margin-left: auto;
}
.tl-box .right .pic{
	height: 100%;
    background: center center no-repeat;
    background-size: cover;
}
.tl-box .left {
    background-color: #ffffff;
    position: relative;
    width: 50%;
    left: 0;
    bottom: 0;
    top: 0;
    padding: 50px;
}

.tl-box .left .title {
    font-size: 24px;
    margin-bottom: 5%;
    position: relative;
}

.tl-box .left .title span {
    display: inline-block;
    vertical-align: middle;
    width: 8vw;
    background-color: #4e3b3c;
    height: 2px;
    margin-right: 20px;
}

.tl-box .i2002 {
    position: absolute;
    left: 5%;
    bottom: 40%;
    z-index: 5;
    width: 120px;
    display: none;
}

.tl-box .left .e {
    padding-left: 0%;
    font-size: 20px;
    margin-bottom: 20px;
}

.tl-box .left .d {
    padding-left: 0%;
    text-align: justify;
    line-height: 1.7;
    opacity: .75;
}

.tl-box .left .d p + p {
    margin-top: 5px;
}

.sc-box {
    background-position: center center;
    background-size: cover;
    padding: 5vw 0px;
}

.sc-box .text {
    margin-left: 50%;
    width: 40vw;
    position: relative;
    height: 40vw;
    background-color: #ffffff;
    padding: 5vw;
    overflow: hidden;
}

.sc-box .text b {
    display: block;
    font-size: 20px;
    text-align: justify;
    margin-bottom: 20px;
}

.sc-box .text b span {
    color: #3eb45e;
    padding: 0 5px;
    font-size: 22px;
}

.sc-box .text p {
    line-height: 1.8;
    text-align: justify;
    font-size: 15px;
    margin-top: 30px;
}

.sc-box .text .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    filter: blur(10px);
    opacity: .2;
}

.sc-box .text-box {
    position: relative;
    z-index: 3;
}


.ln ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.ln li {
    width: 50%;
    padding: 20px;
    display: flex;
}

.ln li .box {
    background-color: #ffffff;
    border: 1px solid #eee;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    width: 100%;
}

.ln li .box .t {
    width: 120px;
    font-size: 26px;
    line-height: 140px;
    border-right: 1px solid #f3f3f3;
    text-align: center;
}

.ln li .box .d {
    width: calc(100% - 120px);
    padding-left: 30px;
    font-size: 22px;
}

.ln li .box .d .des {
    font-size: 13px;
    opacity: .6;
    line-height: 1.6;
    margin-top: 10px;
}


@media only screen and (max-width: 1600px) {
    .home .box2,
    .home .box6 .text,
    .foot .top,
    .foot .copy {
        padding-left: 8%;
        padding-right: 8%;
    }

    .tl-box .left {
        padding: 25px 40px;
        text-align: justify;
    }

    .tl-box .left .d,
    .tl-box .left .e {
        padding-left: 50px;
    }

    .intro_box {
        padding-left: 5%;
        padding-right: 5%;
    }

    .tl-box .left .title {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1440px) {
    .home-header ._logo img {
        height: 35px;
    }

    .nav ul li .first_nav b {
        font-size: 15px;
    }

    .nav ul li {
        height: 35px;
    }

    .home-header .btn {
        width: 38px;
        margin-left: 20px;
    }

    .home .banner .text {
        font-size: 22px;
    }

    .home .banner .text .des {
        font-size: 15px;
        top: 40px;
    }

    .home .c-title .cn {
        font-size: 24px;
    }

    .home .c-title .en {
        font-size: 12px;
    }

    .home .c-title .des {
        font-size: 14px;
    }


    .home .box2 {
        height: auto;
        padding-top: 8vw;
        padding-bottom: 8vw;
    }

    .home .box2 h2 {
        font-size: 34px;
    }

    .home .box3 .lists img {
        width: 65px;
    }

    .home .box3 .lists .item {
        height: auto;
        padding: 20px 25px;
    }

    .home .box3 .lists .item p {
        height: 44px;
        text-align: center;
    }

    .home .box3 .lists .item .line {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .home .box4 .text {
        width: 45%;
        padding: 40px 50px;
    }

    .home .box4 .text .title {
        font-size: 28px;
    }

    .home .box5 .title {
        padding: 20px 25px;
    }

    .f-logo img {
        height: 40px;
    }

    .intro_box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .tl-box .left .d, .tl-box .left .e {
        padding-left: 0;
    }

    .tl-box .left .title {
        margin-bottom: 10px;
    }

    .tl-box .left .e {
        margin-bottom: 10px;
    }

    .sc-box .text {
        margin-left: auto;
        margin-right: 50px;
        width: 50vw;
        height: auto;
        padding: 50px;
        text-align: justify;
    }

    .sc-box .text b {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .sc-box .text b span {
        font-size: 19px;
    }

    .kc li b {
        font-size: 22px;
    }


}

@media only screen and (max-width: 1366px) {
    .home .box2 .lists .item {
        width: 300px;
    }

    .home .box2 h2 {
        font-size: 28px;
    }

    .home .box2 .abs {
        font-size: 14px;
        line-height: 1.8;
    }

    .tl-box .left .title {
        font-size: 18px;
        font-weight: 700;
    }

    .tl-box .left .e {
        font-size: 16px;
        font-weight: 700;
    }

    .tl-box .left .d {
        line-height: 1.6;
    }

    .ln li .box .d {
        font-size: 18px;
    }

}

@media only screen and (min-width: 1024px) {
    .home .banner .item:hover .des {
        transform: translateY(0) translate3d(0, 0, 0);
        opacity: 1;
    }

    .home .banner .item:hover .bg {
        opacity: .2;
    }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .full-menu ._nav ul {
        flex-direction: column;
        align-items: center;
    }

    .home .banner .item {
        height: 50vmin;
    }

    .full-menu ._nav {
        text-align: center;
    }

    .full-menu .first_nav p {
        display: none;
    }

    .full-menu .second_nav {
        display: flex;
    }

    .full-menu .second_nav a + a {
        margin-top: 0;
        margin-left: 30px;
    }

    .full-menu ._nav ul li + li {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .home .banner .item {
        height: 80vmin;
    }

    .home-header ._logo img,
    .home-header.bgbg ._logo img {
        height: 35px;
    }

    .full-menu .first_nav b {
        font-size: 18px;
        width: 100px;

    }

    .teacher-zp .flex-box .left {
        width: 100%;
        margin-bottom: 40px;
    }

    .teacher-zp .flex-box {
        flex-wrap: wrap;
    }

    .full-menu .first_nav p {
        font-size: 10px;
        letter-spacing: 0;
    }

    .full-menu ._nav {
        padding: 5vw;
    }

    .home .box1 .cont {
        padding-top: 30vw;
    }

    .home .box2 .lists .item {
        width: calc((100% - 8vw) / 3);
    }

    .home .box5 .title .name {
        font-size: 15px;
    }

    .home .box5 .title {
        padding: 15px;
    }

    .home .box5 .title .des {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
        margin-top: 5px;
    }

    .home .box6 .c-more {
        margin-top: 20px;
    }

    .foot .links {
        display: none;
    }

    .foot .top {
        padding: 5vw;
        flex-direction: column;
        align-items: center;
    }

    .f-logo img {
        height: 25px;
    }

    .foot .right,
    .foot .info {
        text-align: center;
    }

    .nav {
        display: none;
    }

    .inbanner {
        height: 50vmin;
    }

    .inbanner img {
        max-width: unset;
        width: auto;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }

    .kc {
        padding: 0 5vw;
    }

    .kc .c-title {
        margin-bottom: 25px;
    }

    .kc li {
        width: 50%;
    }

    .team-lists {
        padding: 0 5vw;
    }

    .team-nav {
        width: 150px;
    }

    .team-lists ul {
        width: calc(100% - 150px);
    }

    .primary-page .news-pages .news-box {
        padding: 0 5vw 5vw;
    }

    .team-nav.fixed, .team-nav.end {
        right: 5vw;
    }

    .school-life .lists {
        width: 90%;
        margin-left: 5%;
    }

    .school-life .lists .sizer {
        padding: 5px;
    }

    .school-life .lists .sizer .title {
        font-size: 13px;
        padding: 10px;
    }

    .news-pages .news-box {
        padding: 5vw;
    }

    .ht_list ul li .name {
        font-size: 15px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

    .join_list {
        padding: 0 5vw;
    }

    .join_list li .info .title {
        margin-top: 0;
        font-size: 18px;
    }

    .join_list li .info .summary {
        font-size: 14px;
    }

    #map, .ContactInformation {
        width: 90%;
        margin-left: 5%;
    }

    .ContactInformation li {
        width: 30%;
    }

    .ContactInformation li p {
        font-size: 14px;
    }


}

@media only screen and (max-width: 768px) {
    .home-header {
        padding: 15px 20px;
    }

    .home .banner .text .des {
        font-size: 12px;
        padding: 0 20px;
        top: 30px;
    }

    .home .banner .text {
        font-size: 18px;
    }

    .home .box1 {
        padding-top: 5vw;
    }

    .home .c-title {
        padding: 0 5vw;
    }

    .home .box1 .lists {
        padding: 35px 5%;
    }

    .home .box1 .lists .item {
        width: 42vw;
        height: auto;
        padding: 5vw 25px;
    }

    .home .box1 .lists .item + .item {
        margin-left: 20px;
    }

    .home .box1 .abs span {
        font-size: 12px;
		line-height: 25px;
		min-height: auto;
		-webkit-line-clamp: 3;
    }
	.home .c-more{
		line-height: 48px;
		width: 80%;
		font-size: 16px;
	}
    .home .box2 h2 {
        font-size: 22px;
        text-align: center;
    }

    .home .box2 .lists {
        flex-direction: column;
        margin-top: 8vw;
        margin-bottom: 8vw;
    }

    .home .box2 .lists .item {
        width: 100%;
    }

    .home .box2 .lists .item + .item {
        margin-top: 30px;
    }

    .home .box2 {
        align-items: center;
    }

    .home .box3 .lists .item {
        justify-content: flex-start;
    }

    .home .box3 .lists .item p {
        height: auto;
        font-size: 14px;
        text-align: justify;
    }

    .home .box3 .lists img {
        width: 45px;
    }

    .home .c-title .des p {
        display: inline;
    }

    .home .box4 .text {
        height: 100%;
        right: 0;
        top: 0;
        transform: none;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home .box4 .text .title {
        font-size: 18px;
        font-weight: 700;

    }

    .home .box4 .abs {
        font-size: 14px;
        line-height: 1.7;
    }

    .home .box5 {
        padding: 5vw;
    }

    .home .box5 .item {
        width: calc((100% - 20px) / 2);
    }

    .home .box5 .lists .item + .item {
        margin-left: 20px;
    }

    .home .box5 .lists .item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .home .box5 .lists {
        flex-wrap: wrap;
    }

    .home .box5 .lists .item:nth-child(n + 3) {
        margin-top: 20px;
    }

    .home .box6 {
        height: 300px;
    }

    .home .box6 > img {
        height: 100%;
        position: relative;
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }

    .home .box6 .text {
        align-items: center;
        text-align: center;
    }

    .home .box6 .c-title {
        text-align: center;
    }

    .full-menu ._nav ul {
        flex-direction: column;
        align-items: center;
    }

    .full-menu ._nav {
        text-align: center;
    }

    .full-menu .first_nav p {
        display: none;
    }

    .full-menu .second_nav {
        display: flex;
    }

    .full-menu .second_nav a + a {
        margin-top: 0;
        margin-left: 30px;
    }

    .full-menu ._nav ul li + li {
        margin-top: 40px;
    }

    .home_title.common-page .home_title_l {
        padding: 15px 0 15px 5vw;
    }

    .home_title.common-page .home_title_l b {
        font-size: 18px;
    }

    .home_title.common-page .home_title_l p {
        font-size: 11px;
    }

    .intro_box {
        padding: 5vw;
    }

    .tl-box {
        display: flex;
        flex-direction: column-reverse;
    }

    .tl-box .left {
        width: 100%;
        position: relative;
    }

    .tl-box .right {
        width: 100%;
        height: 40vh;
    }

    .sc-box .text {
        width: 90%;
        margin-right: 5%;
        padding: 5vw;
    }

    .sc-box {
        padding: 5vw 0;
    }

    .ln ul {
        flex-direction: column;
    }

    .ln li {
        width: 100%;
        padding: 0;
    }

    .ln li .box {
        padding-left: 0;
    }

    .ln li .box .t {
        font-size: 20px;
        font-weight: 700;
    }

    .ln li + li {
        margin-top: 20px;
    }

    .teacher-lists {
        display: none;
    }

    .mobile-show {
        display: block !important;
    }

    .b2 .mobile-show {
        padding: 5vw;
    }

    .b2 .mobile-show .lists .item {
        display: flex;
        border: 1px solid #458746;
    }

    .b2 .mobile-show .lists .item .img-box {
        width: 30vw;
        height: 0;
        padding-top: 40%;
        background-position: center top;
        background-size: cover;
    }

    .b2 .mobile-show .lists .item .text {
        width: calc(100% - 30vw);
        padding: 25px;
        background-color: #fff;
    }

    .b2 .mobile-show .lists .title {
        font-size: 18px;
        color: #458746;
        font-weight: 700;
    }

    .b2 .position {
        font-size: 12px;
        margin: 5px 0 10px;
        opacity: .6;
    }

    .b2 .description {
        text-align: justify;
        line-height: 1.7;
        font-size: 13px;
    }

    .b2 .mobile-show .lists .item + .item {
        margin-top: 3vw;
    }


    .scenery .swiper-slide {
        width: 60vw;
    }

    .scenery-list {
        display: none;
    }

    .scenery .swiper-container {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .scenery .swiper-slide {
        border: 1px solid #458746;
        text-align: center;
    }

    .scenery .swiper-slide .title {
        line-height: 45px;
        font-size: 15px;
        background-color: #fff;
    }

    .scenery .swiper-slide .thum {
        background-position: center center;
        background-size: cover;
    }

    .intro {
        margin-top: 0;
    }

    .primary-page .home_title {
        margin: 0;
    }

    .kc {
        padding: 5vw;
    }

    .kc li {
        width: calc(50% - 10px);
        padding: 0;
        margin-right: 20px;
    }

    .kc li:nth-child(2n) {
        margin-right: 0;
    }

    .kc li:nth-child(n + 3) {
        margin-top: 20px;
    }

    .kc li .text-box {
        padding-top: 15%;
    }

    .primary-page .news-pages .news-box {
        padding: 5vw;
    }

    .ht_list ul li {
        width: calc(50% - 10px);
        margin-right: 20px;
        display: flex;
    }

    .ht_list ul {
        display: flex;
        flex-wrap: wrap;
    }


    .ht_list ul li:nth-child(3n) {
        margin-right: 20px;
    }

    .ht_list ul li:nth-child(2n) {
        margin-right: 0;
    }

    .news-pages .ht_list ul li a {
        height: auto;
        width: 100%;
    }

    .home_title {
        padding-right: 0;
    }

    .home_title.common-page .home_title_r {
        height: 77px;
    }

    .home_title_r a {
        font-size: 15px;
        padding: 0 15px;
    }

    .school-life .home_title {
        margin: 0;
    }

    .school-life .lists {
        margin: 5vw;
    }

    .school-life .lists .width2,
    .school-life .lists .item,
    .school-life .lists .height2,
    .school-life .lists .width5 {
        width: 33.33%;
    }

    .join_list li .info {
        padding: 0 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .join_list li .info .title {
        line-height: 1;
    }

    .join_list li .info .summary {
        text-align: justify;
        line-height: 1.5;
    }

    .home_title.common-page {
        margin: 0;
    }

    .join_list {
        padding: 5vw;
    }

    .ContactInformation {
        margin-bottom: 5vw;
    }

    #map {
        margin-top: 5vw;
    }

    .tl-box .left {
        padding: 5vw;
    }

    .news-pages {
        margin-top: 0;
        margin-bottom: 5vw;
    }

}

@media only screen and (max-width: 767px) {
	.full-menu ._nav ul li{
		width: 100%;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(255,255,255,.2);
		margin-bottom: 15px;
	}
	.full-menu ._nav li a{
		text-align: left;
	}
    .ht_list ul li {
        width: 100%;
        margin-right: 0;
    }

    .teacher-zp .flex-box {
        padding: 8vw 5vw;
    }

    .teacher-zp .right {
        width: 100%;
    }

    .teacher-zp .lists .total {
        line-height: 50px;
        padding: 0 20px;
        font-size: 13px;
        letter-spacing: 0;
    }

    .student-page .formBox {
        padding: 8vw 5vw;
    }

    .student-page .formBox .input {
        width: 100%;
        margin-right: 0;
    }

    .teacher-zp .right .title {
        line-height: 50px;
        font-size: 18px;
    }

    .teacher-zp .lists li .name {
        padding: 0 5vw;
        font-size: 16px;
        line-height: 26px;
    }

    .teacher-zp .lists li .detail {
        padding: 5vw 5vw 0;

    }

    .teacher-zp .lists li .open {
        right: 5vw;
        line-height: 26px;
    }

    .student-page .formBox input, .student-page select {
        margin-bottom: 20px;
        border-radius: 0;
    }

    .f-btn p {
        width: 100%;
        line-height: 45px;
        font-size: 14px;
    }

    .ht_list ul li:nth-child(3n) {
        margin-right: 0;
    }

    .full-menu ._nav ul li + li {
        margin-top: 0px;
    }

    .full-menu .first_nav b {
        font-size: 16px;
    }

    .full-menu .second_nav a + a {
        margin-left: 10px;
    }
	
	.full-menu ._nav ul li{
		
	}
	
    .full-menu .second_nav a {
        font-size: 14px;
		color: rgba(255,255,255,.7);
    }
	
	.pages a:first-of-type, .pages a:last-of-type, .pages a.total{
		display: none;
	}
    .full-menu .second_nav {
        margin-top: 5px;
    }
	.pages{
		padding: 0px 0 40px;
	}
    .home-header ._logo img, .home-header.bgbg ._logo img {
        height: 24px;
    }
	.full-menu ._nav li .first_nav a{
		color: rgba(255,255,255,.9);
	}
    .home-header .btn {
        width: 30px;
        height: 20px;
    }

    .home-header .btn span {
        height: 2px;
    }

    .home-header .btn span:nth-child(2), .home-header.active .btn span:nth-child(1), .home-header.active .btn span:nth-child(3) {
        top: 9px;
    }

    .home-header .btn span:nth-child(3) {
        top: 18px;
    }

    .f-logo img {
        height: 30px;
    }

    .foot .info img {
        display: none;
    }

    .foot .info p {
        margin-top: 5px;
        font-size: 12px;
    }

    .foot .copy {
        flex-direction: column;
        align-items: flex-start;
        font-size: 10px;
        line-height: 1.7;
        text-transform: uppercase;
    }

    .backTop {
        display: none;
    }

    .foot .copy a {
        display: none;
    }

    .inbanner {
        height: 65vmin;
    }

    .home_title.common-page .home_title_l {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .join_list li {
        flex-direction: column;
    }

    .join_list li .thum, .join_list li .info {
        width: 100%;
    }

    .join_list li .info {
        padding: 20px;
    }

    .join_list li + li {
        flex-direction: column-reverse;
    }

    #map {
        height: 90vw;
    }

    .ContactInformation li span {
        font-size: 16px;
    }

    .ContactInformation ul {
        flex-direction: column;
        align-items: center;
    }

    .ContactInformation ul li {
        width: 100%;
    }

    .ContactInformation ul li + li {
        margin-top: 20px;
    }

    .ContactInformation {
        padding: 5vw 0;
    }

    .ContactInformation li p {
        margin-top: 5px;
    }

    .school-life .lists .width2, .school-life .lists .item, .school-life .lists .height2, .school-life .lists .width5 {
        width: 50%;
    }

    .home_title.common-page .home_title_r {
        height: 67px;
    }

    .home_title.common-page .home_title_r .cell {
        display: none;
    }

    .kc .c-title {
        font-size: 16px;
    }

    .kc li {
        width: 100%;
        margin-right: 0;
    }

    .kc li + li {
        margin-top: 20px;
    }

    .kc li b {
        font-size: 18px;
    }

    .sc-box .text b {
        font-size: 15px;
    }

    .sc-box .text b span {
        font-size: 16px;
    }

    .ln li .box {
        flex-direction: column;
    }

    .ln li .box .t {
        width: 100%;
        line-height: 1.5;
    }

    .ln li .box {
        padding: 20px;
    }

    .ln li .box .t {
        font-size: 18px;
        border-right: none;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: left;
    }

    .ln li .box .d {
        width: 100%;
        font-size: 14px;
        padding-left: 0;
        font-weight: 700;
    }

    .ln li .box .d .des {
        font-weight: 400;
    }

    .b2 .mobile-show .lists .item {
        flex-direction: column;
    }

    .b2 .mobile-show .lists .item .img-box {
        width: 100%;
        padding-top: 100%;
    }

    .b2 .mobile-show .lists .item .text {
        width: 100%;
        padding: 20px;
    }

    .home .box1 .cont img {
        width: auto;
        height: 100vmin;
        left: 50%;
        transform: translateX(-50%);
		display: none;
    }

    .home .box1 .lists {
        flex-direction: column;
    }

    .home .box1 .lists .item + .item {
        margin-left: 0;
        margin-top: 20px;
    }

    .home .box1 .lists .item {
        width: 100%;
    }

    .home .c-name {
        font-size: 18px;
        font-weight: 700;
    }

    .home .c-name span::before {
        left: -60px;
        transform: scale(.7);
    }

    .home .c-name span::after {
        right: -60px;
        transform: scale(.7);
    }

    .home .box1 .cont {
        padding-top: 0px;
        padding-bottom: 5vw;
    }

    .home .box2 .d {
        margin-top: 20px;
        text-align: center;
    }

    .home .box2 {
        padding: 10vw 5vw;
    }

    .home .box2 .abs {
        margin-top: 8px;
    }

    .home .box2 .lists {
        margin: 15vw 0;
    }

    .home .box3 .lists {
        flex-wrap: wrap;
    }

    .home .box3 .lists .item {
        width: 100%;
    }

    .home .box3 .lists .item + .item {
        margin-top: 20px;
    }

    .home .box4 .text {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        transform: none;
        padding: 10vw 5vw;
    }

    .home .box5 {
        padding: 10vw 5vw;
    }

    .home .c-title .cn {
        font-size: 20px;
    }

    .home .c-title .en {
        font-size: 10px;
    }

    .home .box5 .lists .item + .item {
        margin-left: 0;
        margin-top: 20px;
    }

    .home .box5 .lists .item {
        width: 100%;
    }

    .home .box5 .title .des {
        height: auto;
        max-height: 40px;
    }

    .home .box5 .lists {
        margin-bottom: 10vw;
    }

    body {
        -webkit-tap-highlight-color: transparent;
    }

    .home .banner .item .bg {
        width: 55vw;
    }

    .home .banner .item .text {
        width: 55vw;
        flex-shrink: 0;
        text-align: left;
    }

    .home .banner .item {
        width: 15vw;
        overflow: hidden;
        justify-content: flex-start;
        transition: all .25s ease-in-out;


    }

    .home .banner .item .title {
        padding-left: 20px;
    }


    .home .banner .item.active {
        width: 55vw;
    }

    .home .banner {
        display: none;
    }

    .team-nav.fixed {
        bottom: 0;
        right: 0;
    }

    .team-nav.fixed, .team-nav.end {
        right: 0;
    }

    .team-nav {
        width: 80px;
        height: calc(100vh - 50px);
        background-color: #fff;
        padding: 5vw 0;
    }

    .team-nav .swiper-slide p {
        font-size: 14px;
        padding: 0;
        background-color: transparent;
    }

    .team-lists {
        padding: 0;
        min-height: 100vh;
    }

    .team-nav .swiper-slide span {
        font-size: 12px;
    }

    .team-nav .swiper-container {
        height: 100%;
    }

    .team-lists ul {
        width: calc(100% - 80px);
        padding: 5vw;
    }

    .team-lists ul li {
        border-radius: 0;
        flex-direction: column;
    }

    .team-lists ul li .pic {
        width: 100%;
        border-radius: 0;
        height: 0;
        padding-top: 100%;
        background-position-y: top;
    }

    .team-lists ul li .thum {
        width: 100%;
    }

    .team-lists ul li .thum img {
        display: none;
    }

    .team-lists ul li .info {
        padding: 5vw;
    }

    .team-lists ul li:not(:first-of-type) {
        margin-top: 5vw;
    }

    .team-lists ul li .info .summary {
        max-height: unset;
    }

    .home-banner .bg {
        width: 100vw;
        height: 80vw;
        background-position: center center;
        background-size: cover;
    }

    .home-banner .swiper-button-prev {
        left: 10px;
        transform: scale(.9);
    }

    .home-banner .swiper-button-next {
        right: 10px;
        transform: scale(.9);
    }
	.news-pages .ht_list ul li ._line{
		margin: 5px 0 5px;
	}
}