/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, 微软雅黑, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; object-fit: cover;}
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%;}
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
/* html.on { overflow: hidden; height: 100%; } */
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

::-webkit-scrollbar-track{background-color:#f7f7f7}
::-webkit-scrollbar{width:0px; height: 0px;}
::-webkit-scrollbar-thumb{background-color:#c1c1c1}

.container-box{ width: 100%; padding: 0 30px;}
.fp-warning, .fp-watermark{ display: none !important;}
.fp-scrollable .fp-section{ height: 100vh !important; min-height: 100vh !important;}

#section1{ background: url(../images/index-box2-bg.png) no-repeat center; background-size: cover;}
#section2{ background: url(../images/index-box3-bg.jpg) no-repeat center; background-size: cover;}
#section3{ background: url(../images/index-box4-bg.jpg) no-repeat center; background-size: cover;}

.header{ position: fixed; height: 120px; line-height: 120px; z-index: 999; width: 100%; top: 0; left: 0; transition: all .3s; display: flex; align-items: center; padding: 0 30px; background: rgba(255,255,255,.5) ;}
.header.on{ background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.15);}
.header .logo{ width: 58%;}
.header .pc-nav{ width: 42%;}
.header .pc-nav ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.header .pc-nav li{ position: relative;}
.header .pc-nav li > a{ font-size: 2em; color: #000; padding: 15px 0; position: relative;}
.header .pc-nav li > a::before{ content: ""; position: absolute; height: 2px; background: #36a77c; width: 0; left: 50%; transform: translateX(-50%); bottom: 0; transition: all .3s;}
.header .pc-nav li:hover > a::before, .header .pc-nav li.on > a::before{ width: 80%;}
.header .pc-nav li .nav-box{ margin-bottom: 0; position: absolute; width: 160px; background: #fff; top: 100%; left: 50%; animation-name: layui-upbit;  animation-fill-mode: both; animation-duration: .3s; display: none; box-shadow: 0 3px 10px rgba(0,0,0,.15); border-radius: 0 0 6px 6px;}
.header .pc-nav li:hover .nav-box{ display: block;}
.header .pc-nav li .nav-box dl{ margin-bottom: 0;}
.header .pc-nav li .nav-box dd{ width: 100%; height: 45px; line-height: 45px; text-align: center; position: relative; border-bottom: 1px dashed #bfbfbf;}
.header .pc-nav li .nav-box dd:last-child{ border-bottom: none; border-radius: 0 0 6px 6px;}
.header .pc-nav li .nav-box dd > a{ font-size: 1.4em; text-align: center; color: #333; display: block;}
.header .pc-nav li .nav-box dd:hover{ background: #028a7d;}
.header .pc-nav li .nav-box dd:hover > a{ color: #fff;}

@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0,-30px,0);
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0,-30px,0) ;
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

.header .search-pc{ position: relative; width: 8%; text-align: right; height: 100%;}
.header .search-pc span{ position: absolute; width: 74px; height: 28px; line-height: 28px; text-align: center; border-radius: 24px; border: 1px solid #000; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer;}
.header .search-pc span img{ width: 24px;}
.header .search-pc .box{ position: absolute; z-index: 0; top: 100%; transform: translateY(-50%); border-radius: 50px; width: 320px; overflow: hidden; right: -80%; visibility: hidden; opacity: 0; transition: all .3s; box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.header .search-pc .box input[type="text"]{ height: 45px; border: none; width: 80%; padding-left: 25px; float: left; font-size: 1.4em;}
.header .search-pc .box input[type="submit"]{ height: 45px; border: none; width: 20%; float: left; background: #fff;}
.header .search-pc.on .box{ right: -12px; opacity: 1; visibility: visible;}
.header .search-pc .box i{ position: absolute; width: 20%; height: 100%; right: 0; pointer-events: none;}
.header .search-pc .box i img{ position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.header .search{ padding:0 15px; text-align:right;}
.header .search > img{ width: 34px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #028a7d; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding-right: 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#028a7d; color:#fff; line-height:40px;}
.header .search-box select{ position: absolute; width: 18%; top: 0; left: 0; height: 100%; padding: 0 10px; font-size: 1.4em; color: #333; border: none;}


.header .nav-btn { height: 60px; line-height: 60px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #028a7d; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 100%; height: 100%; top: 0; right: -100%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #028a7d; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left; height: 60px; line-height: 60px;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li{ width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; position: relative;}
.nav li>a { display: inline-block; width: 80%; padding-left: 30px; height: 100%; font-size: 1.4em; color: #333; }
.nav li i{ position: absolute; font-size: 1.8em; color: #333; right: 20px; top: 18px; transition: all .3s;}
.nav li.on > i, .nav li dd.on > i{ transform: rotate(90deg);}
.nav li.on > a{ color: #028a7d;}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; position: relative;}
.nav li dd i{ top: 14px;}
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 80%; line-height: 45px; text-indent: 4em; font-size: 1.4em; color: #333; }
.nav li dd.on > a{ color: #028a7d;}
/* .nav li dd .nav-box{ display: none; }
.nav li dd .nav-box a{ border-top: 1px dashed #ccc; text-indent: 6em; }
.nav li dd .nav-box a:hover{ color: #028a7d;} */
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ position: relative; width: 100%; overflow: hidden; height: 100vh;}
.banner .swiper-container, .banner .swiper-wrapper, .banner .swiper-slide{ width: 100%; height: 100%;}
.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide a{ display: block; position: relative; width: 100%; height: 100%;}
.banner .swiper-slide img{ position: absolute; width: 100%; height: 100%; transition: all 16s;}
.banner .swiper-slide-active img{ transform: scale(1.1);}
.banner .swiper-button-next{ right: -50px;}
.banner .swiper-button-prev{ left: -50px;}
.banner:hover .swiper-button-next{ right: 10px;}
.banner:hover .swiper-button-prev{ left: 10px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width: 40px; height: 80px; border-radius: 4px; margin-top: -40px; background: rgba(0,0,0,.3); transition: all .3s;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after{ display: none;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{ color: #fff; font-size: 2.4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.banner .swiper-pagination{ bottom: 15px;}
.banner .swiper-pagination-bullet{ width: 15px; height: 15px; background: rgba(0,0,0,.35); margin: 0 7.5px !important; border-radius: 15px; transition: all .3s; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: #fff; width: 30px;}

.index-box2{ width: 41.08%; margin-left: 65px;}
.index-box2 .top{ font-size: 3.2em; color: #666; line-height: 1;}
.index-box2 .list{ margin-top: 60px;}
.index-box2 .list ul{ display: flex; flex-wrap: wrap;}
.index-box2 .list li{ line-height: 1;}
.index-box2 .list li+li{ margin-left: 45px;}
.index-box2 .list li .t{ font-size: 1.6em; color: #666;}
.index-box2 .list li .p{ font-size: 1.4em; color: #666; display: flex; align-items: flex-end;}
/* .index-box2 .list li:last-child .p{ padding-left: 35px;} */
.index-box2 .list li .p span{ font-size: 7rem; font-weight: bold; color: #006944; line-height: 1;}
.index-box2 .list li .p span:nth-child(2){ font-size: 5.4rem; transform: translateY(-9px);}
.index-box2 .text{ font-size: 1.6em; color: #666; line-height: 28px; text-align: justify; margin-top: 30px;}
.index-box2 .more{ margin-top: 45px;}
.index-box2 .more a{ display: flex; flex-wrap: wrap; align-items: center; font-size: 2.4em; color: #006944;}
.index-box2 .more a:hover{ text-decoration: underline;}
.index-box2 .more span{ display: inline-block; width: 64px; height: 64px; border-radius: 20px; background: #006944; margin-right: 20px; position: relative;}
.index-box2 .more span i{ position: absolute; font-size: 2em; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#section2.fp-table{ justify-content: end;}
.index-box3{ position: relative; width: 100%; height: 100vh;}
.index-box3 .top{ font-size: 3.2em; color: #fff; line-height: 1; position: absolute; top: 20vh; left: 16%; z-index: 3;}
.index-box3 .frame{ position: relative; height: 100%; z-index: 1;}
.index-box3 .frame .mySwiper{ width: 590px; height: 310px; position: absolute; bottom: 40px; left: 12%; z-index: 1; padding: 0 40px 0 65px;}
.index-box3 .frame .mySwiper .swiper-slide{ height: 50%; width: 25%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer;}
.index-box3 .frame .mySwiper .swiper-slide .on{ display: none;}
.index-box3 .frame .mySwiper .swiper-slide-thumb-active img{ display: none;}
.index-box3 .frame .mySwiper .swiper-slide-thumb-active .on{ display: inline-block;}
.index-box3 .frame .mySwiper .swiper-slide-thumb-active .xh .on{ background: #fff; border-radius: 100%;}
.index-box3 .frame .mySwiper .bg{ background: linear-gradient(to right, rgba(255,255,255,.3), transparent); position: absolute; width: 0; height: 50%; left: 0; transition: all 1s;}
.index-box3 .frame .mySwiper .bg1.on{ top: 0; width: 100%;}
.index-box3 .frame .mySwiper .bg2.on{ bottom: 0; width: 100%;}
.index-box3 .frame .mySwiper .bg::before{ content: ""; position: absolute; width: 6px; height: 0; background: #fff; left: 0; top: 50%; transform: translateY(-50%); transition: all 1.4s;}
.index-box3 .frame .mySwiper .bg.on::before{ height: 90px;}


.index-box3 .frame .mySwiper2{ position: relative; z-index: 0;}
.index-box3 .frame .mySwiper2 .swiper-slide{ display: flex; flex-direction: row; padding-top: 13.8vh;}
.index-box3 .frame .mySwiper2 .swiper-slide.professor{ background: url(../images/index-box3-bg.jpg) no-repeat center; background-size: cover;}
.index-box3 .frame .mySwiper2 .swiper-slide.school1{ background: url(../images/index-box3-xx-bg1.jpg) no-repeat center; background-size: cover;}
.index-box3 .frame .mySwiper2 .swiper-slide.school2{ background: url(../images/index-box3-xx-bg2.jpg) no-repeat center; background-size: cover;}
.index-box3 .frame .mySwiper2 .swiper-slide.school3{ background: url(../images/index-box3-xx-bg3.jpg) no-repeat center; background-size: cover;}
.index-box3 .frame .mySwiper2 .swiper-slide.school4{ background: url(../images/index-box3-xx-bg4.jpg) no-repeat center; background-size: cover;}
.index-box3 .frame .mySwiper2 .swiper-slide .text{ width: 40%; padding-left: 16%; padding-top: 16.2vh; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: all .8s;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .t{ font-size: 5em; color: #fff; font-weight: bold; line-height: 1;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .p{ font-size: 1.8em; color: #fff; line-height: 30px; margin-top: 28px; width: 390px;}
.index-box3 .frame .mySwiper2 .swiper-slide .img{ width: 60%; text-align: center; opacity: 0; visibility: hidden; transform: translateY(50%); min-height: 835px; display: flex; align-items: end; justify-content: center; transition: all .8s;}
.index-box3 .frame .mySwiper2 .swiper-slide.school .img{ justify-content: flex-end;}
.index-box3 .frame .mySwiper2 .swiper-slide-active .text{ opacity: 1; visibility: visible; transform: translateX(0);}
.index-box3 .frame .mySwiper2 .swiper-slide-active .img{ opacity: 1; visibility: visible; transform: translateY(0);}

.index-box4 .frame{ position: relative; margin-top: 5.6vw;}
.index-box4 .frame .mySwiper{ width: 590px; height: 115px; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0 40px 0 50px;}
.index-box4 .frame .mySwiper .swiper-slide{ width: 30%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; padding-right: 40px;}
.index-box4 .frame .mySwiper .swiper-slide:nth-child(2){ width: 40%;}
.index-box4 .frame .mySwiper .swiper-slide img{ opacity: .4; max-height: 100%;}
.index-box4 .frame .mySwiper .swiper-slide-thumb-active img{ opacity: 1;}

.index-box4 .frame .mySwiper2{ position: relative; z-index: 0;}
.index-box4 .frame .mySwiper2 .swiper-slide{ display: flex; flex-direction: row;}
.index-box4 .frame .mySwiper2 .swiper-slide .text{ width: 40%; padding-left: 75px; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: all .8s;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .p{ font-size: 1.8em; color: #333; line-height: 30px; margin-top: 50px; text-align: justify;}
.index-box4 .frame .mySwiper2 .swiper-slide .img{ width: 60%; text-align: center; opacity: 0; visibility: hidden; transform: translateX(50%); max-height: 600px; display: flex; align-items: end; justify-content: center; transition: all .8s; padding-left: 30px;}
.index-box4 .frame .mySwiper2 .swiper-slide .img img{ max-height: 100%;}
.index-box4 .frame .mySwiper2 .swiper-slide-active .text{ opacity: 1; visibility: visible; transform: translateX(0);}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more{ margin-top: 45px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a{ display: flex; flex-wrap: wrap; align-items: center; font-size: 2.4em; color: #c20f2f;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a:hover{ text-decoration: underline;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span{ display: inline-block; width: 64px; height: 64px; border-radius: 20px; background: #c20f2f; margin-right: 20px; position: relative;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span i{ position: absolute; font-size: 2em; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.index-box4 .frame .mySwiper2 .swiper-slide-active .img{ opacity: 1; visibility: visible; transform: translateX(0);}
.index-box4 .frame .mySwiper2 .swiper-slide .text.fzj .more a{ color: #007465;}
.index-box4 .frame .mySwiper2 .swiper-slide .text.fzj .more span{ background: #007465;}
.index-box4 .frame .mySwiper2 .swiper-slide .text.tlx .more a{ color: #7e0e22;}
.index-box4 .frame .mySwiper2 .swiper-slide .text.tlx .more span{ background: #7e0e22;}

.index-title-bf{ text-align: center; line-height: 1;}
.index-title-bf .cn{ font-size: 2.6em;}
.index-title-bf .en{ font-size: 1.4em; margin-top: 8px;}
.index-title-bf .line{ margin-top: 10px; height: 2px; position: relative;}
.index-title-bf .line i{ position: absolute; width: 200px; height: 100%; background: #bfbfbf; left: 50%; transform: translateX(-50%);}
.index-title-bf .line i::before{ content: ""; position: absolute; width: 60px; height: 100%; background: #007465; top: 0; left: 50%; transform: translateX(-50%);}

.index-box5 .list{ margin-top: 105px; padding: 0 6.23%;}
.index-box5 .list ul{ display: flex; flex-wrap: wrap;}
.index-box5 .list li{ width: calc((100% - 60px) / 3); margin-right: 30px; position: relative; overflow: hidden; height: 270px; border-radius: 20px;}
.index-box5 .list li:last-child{ margin-right: 0;}
.index-box5 .list li .img{ width: 100%; height: 100%; position: absolute; z-index: 0; overflow: hidden;}
.index-box5 .list li .img img{ position: absolute; width: 100%; height: 100%;}
.index-box5 .list li .text{ position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: rgba(9,96,88,.6); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .3s;}
.index-box5 .list li .text .t{ font-size: 1.6em; color: #fff; text-align: center; line-height: 20px; padding: 0 28%; letter-spacing: .8px; width: 100%;}
.index-box5 .list li .text .more{ font-size: 1.4em; color: #fff; text-align: center; width: 100%; margin-top: 20px;}
.index-box5 .list li .text .more span{ display: inline-block; line-height: 24px; border-bottom: 1px solid #fff;}
.index-box5 .list li:hover .text{ top: 0;}
.index-box5 .more{ margin-top: 90px; text-align: center;}
.index-box5 .more a{ display: inline-block; font-size: 2.4em; color: #595757; padding: 8px 12px; border-bottom: 1px solid #595757;}
.index-box5 .more a:hover{ color: #028a7d; border-color: #028a7d;}

.i-foot{ background: #1b1b1b; overflow: hidden;}
.i-foot-box{ padding: 50px 0 30px; overflow: hidden;}
.i-foot-contact{ width: 46.5%; float: left; padding-left: 20px; padding-right: 35px;}
.i-foot-contact .foot-xx{ margin-top: 26px;}
.i-foot-contact .foot-xx p{ line-height: 26px; padding-left: 30px; position: relative; font-size: 1.4em; color: #fff;}
.i-foot-contact .foot-xx p+p{ margin-top: 10px;}
.i-foot-contact .foot-xx p i{ position: absolute; width: 22px; height: 22px; line-height: 0; left: 0; top: 2px;}
.i-foot-contact .foot-wx{ margin-top: 20px;}
.i-foot-contact .foot-wx li{ float: left; margin-right: 20px;}
.i-foot-contact .foot-wx li .img{ width: 105px; height: 105px; overflow: hidden;}
.i-foot-contact .foot-wx li .t{ font-size: 1.4em; color: #fff; text-align: center; margin-top: 5px;}

.i-foot-map{ width: 53.5%; height: 340px; float: left; margin-top: 4px;}
.i-foot-map img{ max-width: none;}

.i-foot-copy{ line-height: 30px; padding: 30px 0; background: #1b1b1b; font-size: 1.4em; color: #fff; text-align: center;}
.i-foot-copy a{ color: inherit;}


.fp-auto-height.fp-section, .fp-auto-height .fp-slide{ min-height: auto !important;}




@media (min-width: 1366px){
.container-box{ width: 1485px; margin: 0 auto;}

}
@media (max-width:1365px) and (min-width: 1200px){
.header .logo{ width: 48%;}
.header .pc-nav{ width: 48%;}
.header .pc-nav li > a{ font-size: 1.8em;}

.index-box2{ width: 50.08%;}
.index-box2 .top{ font-size: 3.6em;}
.index-box2 .list li .p span{ font-size: 6rem;}
.index-box2 .list li .p span:nth-child(2){ font-size: 4.8rem; transform: translateY(-7px);}
.index-box2 .more a{ font-size: 2.2em;}
.index-box2 .more span{ width: 60px; height: 60px; border-radius: 16px;}
.index-box2 .more span i{ font-size: 1.8em;}

.index-box3 .top{ font-size: 3.6em;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .t{ font-size: 4em;}

.index-box4 .frame .mySwiper2 .swiper-slide .text .icon img{  height: 45px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a{ font-size: 2.2em;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span{ width: 60px; height: 60px; border-radius: 16px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span i{ font-size: 1.8em;}
}
@media (max-width:1199px) and (min-width:992px){
.header .logo{ width: 40%; padding-right: 10%;}
.header .pc-nav{ width: 48%; padding-right: 3%;}
.header .pc-nav li > a{ font-size: 1.6em;}

.index-box2{ width: 55.08%;}
.index-box2 .top{ font-size: 3em;}
.index-box2 .list li .p span{ font-size: 5rem;}
.index-box2 .list li .p span:nth-child(2){ font-size: 3.8rem; transform: translateY(-7px);}
.index-box2 .more a{ font-size: 2em;}
.index-box2 .more span{ width: 54px; height: 54px; border-radius: 14px;}
.index-box2 .more span i{ font-size: 1.6em;}

.index-box3 .top{ font-size: 3em; left: 9%;}
.index-box3 .frame .mySwiper2 .swiper-slide .text{ padding-left: 9%;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .t{ font-size: 4em;}
.index-box3 .frame .mySwiper{ left: 9%;}

.index-box4 .frame{ padding-bottom: 60px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .icon img{  height: 45px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .p{ font-size: 1.6em;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a{ font-size: 2em;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span{ width: 54px; height: 54px; border-radius: 14px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span i{ font-size: 1.6em;}

.i-foot-top{ line-height: 38px;}
.i-foot-top .t{ font-size: 2.8em;}
.i-foot-top .p{ font-size: 2.2em;}
}
@media (max-width:991px) and (min-width: 768px){
.header{ height: 80px; line-height: 80px;}
.header .logo{ width: 75%;}
.header .logo img{ height: 55px;}
.header .pc-nav, .header .search-pc{ display: none;}
.nav .nav-top{ height: 80px; line-height: 80px;}

.index-box2{ width: 60.08%;}
.index-box2 .top{ font-size: 2.4em;}
.index-box2 .list li .p span{ font-size: 4rem;}
.index-box2 .list li .p span:nth-child(2){ font-size: 3.2rem; transform: translateY(-4px);}
.index-box2 .more a{ font-size: 1.6em;}
.index-box2 .more span{ width: 40px; height: 40px; border-radius: 10px;}
.index-box2 .more span i{ font-size: 1.4em;}

.index-box3 .top{ font-size: 2.4em; left: 9%; top: 15vh;}
.index-box3 .frame .mySwiper2 .swiper-slide .text{ padding-left: 9%; padding-top: 8.2vh;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .t{ font-size: 3em;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .p{ width: 420px;}
.index-box3 .frame .mySwiper{ left: 9%; padding: 0 40px; width: 500px; height: 280px;}

.index-box4 .frame{ padding-bottom: 160px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .icon img{  height: 45px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .p{ font-size: 1.4em; margin-top: 30px; line-height: 24px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a{ font-size: 1.6em;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span{ width: 40px; height: 40px; border-radius: 10px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span i{ font-size: 1.4em;}

.index-box5 .list li .text .t{ padding: 0 10%;}

.i-foot-top{ line-height: 38px; padding: 40px 0 72px;}
.i-foot-top .t{ font-size: 2.4em;}
.i-foot-top .p{ font-size: 1.8em;}

.i-foot-contact{ width: 54.5%;}
.i-foot-map{ width: 45.5%;}
.i-foot-copy{ padding: 15px; line-height: 20px;}
}
@media (max-width: 767px){
.container-box{ width: 100%; padding: 0 15px;}
.header{ height: 60px; line-height: 60px; padding: 0 15px; background: #fff;}
.header .logo{ width: 75%;}
.header .logo img{ height: 35px;}
.header .pc-nav, .header .search-pc{ display: none;}

#section1{ background: url(../images/m-index-box2-bg.jpg) no-repeat center; background-size: cover;}
#section2{ background: url(../images/m-index-box3-bg.jpg) no-repeat center; background-size: cover;}
#section3{ background: url(../images/m-index-box4-bg.jpg) no-repeat center; background-size: cover;}

.index-box2{ width: 100%; margin-left: 0; padding: 0 18px;}
.index-box2 .top{ font-size: 1.8em; color: #333;}
.index-box2 .list{ margin-top: 20px;}
.index-box2 .list li+li{ margin-left: 25px;}
.index-box2 .list li .t{ font-size: 1.2em; color: #333;}
.index-box2 .list li .p{ margin-top: 10px; color: #333; font-size: 1.2em;}
.index-box2 .list li .p span{ font-size: 2.6rem; }
.index-box2 .list li .p span:nth-child(2){ font-size: 2rem; transform: translateY(-3px);}
.index-box2 .text{ font-size: 1.2em; color: #333; line-height: 24px;}
.index-box2 .more{ margin-top: 20px;}
.index-box2 .more a{ font-size: 1.4em;}
.index-box2 .more span{ width: 36px; height: 36px; border-radius: 6px;}
.index-box2 .more span i{ font-size: 1.2em;}

.index-box3 .top{ font-size: 1.8em; left: 30px; top: 100px;}
.index-box3 .frame .mySwiper2 .swiper-slide{ padding-top: 120px; position: relative;}
.index-box3 .frame .mySwiper2 .swiper-slide .text{ padding-left: 30px; padding-top: 40px; position: absolute; width: 52%;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .t{ font-size: 2em;}
.index-box3 .frame .mySwiper2 .swiper-slide .text .p{ width: 100%; font-size: 1.2em; line-height: 24px; text-align: justify; margin-top: 16px;}
.index-box3 .frame .mySwiper2 .swiper-slide .img{ min-height: 53vh; height: 53vh; margin-top: 20px; position: relative; width: 100%;}
.index-box3 .frame .mySwiper2 .swiper-slide .img img{ height: 100%; position: absolute; bottom: 0; }
.index-box3 .frame .mySwiper2 .swiper-slide.school .img img{ right: -20%; max-width: none; height: 70%;}
.index-box3 .frame .mySwiper{ left: 0; padding: 0 40px; width: 100%; height: 25.9vh; bottom: 12px; opacity: 1; left: 0; transform: translateX(0px);}
.index-box3 .frame .mySwiper .swiper-slide{ text-align: center;}
.index-box3 .frame .mySwiper .swiper-slide img{ width: 60%;}
.index-box3 .frame .mySwiper .bg{ width: 100%; height: 100%; background: linear-gradient(-45deg, transparent, rgba(255,255,255,.7), transparent);}
.index-box3 .frame .mySwiper .bg::before{ height: 60%; width: 2px; display: none;}

.index-box4 .frame{ padding-bottom: 80px; margin-top: 40px;}
.index-box4 .frame .mySwiper2 .swiper-slide{ flex-direction: column; }
.index-box4 .frame .mySwiper2 .swiper-slide .text{ width: 100%; padding-left: 0; padding: 0 20px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .icon img{  height: 35px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .p{ font-size: 1.2em; margin-top: 15px; line-height: 24px; min-height: 144px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more a{ font-size: 1.4em;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span{ width: 36px; height: 36px; border-radius: 6px;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more span i{ font-size: 1.2em;}
.index-box4 .frame .mySwiper2 .swiper-slide .img{ min-height: 30vh; height: 30vh; margin-top: 15px; width: 100%; padding-left: 0;}
.index-box4 .frame .mySwiper2 .swiper-slide .text .more{ margin-top: 15px;}
.index-box4 .frame .mySwiper{ width: 100%; padding: 0; height: 60px; opacity: 1; left: 0; transform: translateX(0px);}
.index-box4 .frame .mySwiper .swiper-slide{ padding: 0 20px;}

.index-title-bf .cn{ font-size: 1.8em;}
.index-title-bf .en{ font-size: 1.2em;}

.index-box5{ margin-top: 30px;}
.index-box5 .list{ margin-top: 20px; padding: 0 20px;}
.index-box5 .list li{ width: 100%; margin-right: 0; height: 140px; border-radius: 0;}
.index-box5 .list li+li{ margin-top: 15px;}
.index-box5 .list li .text{ height: 35px; line-height: 35px; top: inherit; bottom: 0; background: rgba(9,96,88,.7);}
.index-box5 .list li:hover .text{ top: inherit;}
.index-box5 .list li .text .t{ padding: 0 15px; font-size: 1.2em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.index-box5 .list li .text .more{ display: none;}
.index-box5 .more{ margin-top: 20px; opacity: 1; left: 0; transform: translateX(0px);}
.index-box5 .more a{ font-size: 1.4em;}

.i-foot-top{ line-height: 28px; padding: 20px 0 40px;}
.i-foot-top .t{ font-size: 1.8em;}
.i-foot-top .p{ font-size: 1.4em;}

.i-foot-box{ padding: 30px 0 0;}
.i-foot-contact{ width: 100%; padding: 0 10px;}
.i-foot-contact .foot-logo{ padding-right: 30%;}
.i-foot-contact .foot-xx{ margin-top: 10px;}
.i-foot-contact .foot-xx p{ font-size: 1.2em;}
.i-foot-contact .foot-xx p a{ color: inherit;}
.i-foot-contact .foot-xx p+p{ margin-top: 5px;}
.i-foot-contact .foot-wx{ text-align: center; margin-top: 15px;}
.i-foot-contact .foot-wx ul{ display: inline-block;}
.i-foot-contact .foot-wx li{ margin-right: 0; padding: 0 5px; width: 33%;}
.i-foot-contact .foot-wx li .img{ width: 70px; height: 70px;}
.i-foot-contact .foot-wx li .t{ font-size: 1.2em;}
.i-foot-map{ width: 100%; margin-top: 15px; height: 160px;}
.i-foot-copy{ padding: 15px; line-height: 20px; font-size: 1.2em;}
.i-foot-copy a{ display: inline-block;}


}