@font-face {
  font-family: 'iconfont';  /* project id 2303407 */
  src: url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.eot');
  src: url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.woff') format('woff'),
  url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2303407_gjqnwbwlmfd.svg#iconfont') format('svg');
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.infoImg{
	right: 0;
	width: 25vw;
	position: fixed;
	bottom: 0;
	z-index: 100;
}
.infoImg .close{
	margin: .5vw;
	cursor: pointer;
	position: absolute;
	right: 0;
	color: white;
}

.iconfont {

	font-family: "iconfont" !important;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: 0.2px;

	-moz-osx-font-smoothing: grayscale;

}



@font-face {

	font-family: din;

	src: url(../fonts/DIN-Condensed-Bold.ttf);

}





@font-face {

	font-family: montserrat;

	src: url(../fonts/montserrat-regular-webfont.woff2);

}



.detail_page.pt100{

	padding-top: 200px;

}



.hotQQ{

	width: 116px;

	height: auto;

	position: fixed;

	z-index: 100;

	right: 50px;

	top: 50%;

	-webkit-transform: translateY(-50%);

}



.hotQQ .img{

	width: 70px;

	height: auto;

	position: absolute;

	left: 30px;

	top: -80px;

	z-index: 5;

}



.hotQQ .name{

	width: 90%;

	height: auto;

	position: relative;

	background: #fff;

	border: 1px solid rgba(0,0,0,.1);

	text-align: center;

	padding: 15px 0px 15px;

	margin-left: 5%;

	border-radius: 5px;

	display: block;

	box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);

}



.hotQQ .name:hover{

	background: #008fd7;

	color: #fff;

}



.hotQQ .name .txt{

	font-size: 14px;

	font-weight: bold;

}



.hotQQ .name .icon{

	width: 32px;

	margin: .5vw auto;

	height: auto;

	line-height: 50px;

	text-align: center;

	font-size: 32px;

}



.header {

	width: 100%;

	height: auto;

	position: fixed;

	z-index: 100;

	background: #fff;

	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	    top: 0px;

	border-bottom: 1px solid rgba(0,0,0,.01);

}



.header.active {

	max-width: none;

	width: 100%;

	top: 0px;

	border-radius: 0px;

}



.logo {

	width: 240px;

	display: block;

	margin-bottom: 5px;

}



.nav {

	width: 100%;

	height: auto;

}



.nav ul {

	display: flex;

	justify-content: space-between;

	height: 100%;

}



.nav ul li {

	position: relative;

	width: 12.5%;

	height: 100%;

	padding: 0px;

	text-align: center;

}



.nav ul li::after {

	width: 1px;

	height: 30%;

	display: block;

	position: absolute;

	right: 0px;

	top: 35%;

	content: '';

	background: #3e3e3e;

	-webkit-transition: all .5s;

	opacity: .1;

}



.nav ul li:first-child::before {

	width: 1px;

	height: 30%;

	display: block;

	position: absolute;

	left: 0px;

	top: 35%;

	content: '';

	background: #3e3e3e;

	-webkit-transition: all .5s;

	opacity: .1;

}



.nav ul li>a {

	display: block;

	width: 100%;

	line-height: 55px;

	font-size: 16px;

	text-transform: uppercase;

}



.nav ul li .list {

	display: block;

	width: 100%;

	padding: 10px 0px;

	height: auto;

	opacity: 0;

	visibility: hidden;

	background: #fff;



	border-radius: 0px 0px 5px 5px;

	transition: .15s ease-out;

	position: absolute;

	top: 75px;

	box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);

}



.nav ul li .list a {

	width: 100%;

	font-size: 16px;

	line-height: 40px;

	display: block;

	position: relative;

	z-index: 1;

	background: #fff;

}



.nav ul li .list::after {

	width: 70px;

	height: 115px;

	position: absolute;

	right: -10px;

	bottom: 10px;

	background: url(../images/pet.png) no-repeat;

	background-size: cover;

	content: '';

	-webkit-transform-origin: center bottom;

	-webkit-transform: rotate(0deg);

	-webkit-transition: all .35s;

	opacity: 0;

	-webkit-transition-delay: .15s;

}



.nav ul li:nth-child(odd) .list::after {

	right: auto;

	left: -10px;

}



.nav ul li:hover>a {

	color: #008fd7;

}



.nav ul li:nth-child(odd):hover .list::after {

	opacity: 1;

	-webkit-transform: rotate(-45deg);

}



.nav ul li:hover .list::after {

	opacity: 1;

	-webkit-transform: rotate(45deg);

}



.nav ul li:hover .list {

	opacity: 1;

	visibility: visible;

	top: 55px;

}



.commonTitle {

	width: 100%;

	height: auto;

	position: relative;

	display: block;

	margin-bottom: 25px;

	color: #035ea3;

	padding-left: 45px;

}



.commonTitle.c {

	justify-content: center;

}



.commonTitle::after{

	width: 38px;

	height: 48px;

	position: absolute;

	left: 0px;

	top: 50%;

	background: url(../images/treeIcon.png) no-repeat;

	background-size: cover;

	content: '';

	margin-top: -24px;

}





.commonTitle .cn {

	font-size: 24px;

	margin-bottom: 5px;

}



.commonTitle .en {

	font-size: 12px;

	text-transform: uppercase;

	font-family: montserrat;

	opacity: .7;

}



.commonMore3 {

	margin-top: 50px;

}

.bc-title{
	padding-top: 45px;
	color: #035ea3;
	text-align: center;
	position: relative;
}
.bc-title h3 {
	font-size: 30px;
	font-weight: 400;
	padding-bottom: 5px;
}
.bc-title p {
	font-size: 16px;
	padding-bottom: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}
.bc-title::after {
	content: '';
	width: 65px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}
.bc-cont ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bc-cont ul li {
	color: #fff;
	width: 32%;
	position: relative;
	margin-bottom: 20px;
	transition: ease .5s;
}

.bcC-p {
	text-align: center;
	padding: 20px 0;
	font-size: 20px
}

.bcC-p i {
	background: url(../images/jrtl-title.png) no-repeat center/cover;
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	opacity: 0;
	transition: ease .5s
}

.bcC-p i:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 1px;
	background: #035ea3;
	top: 50%
}

.bcC-p i.iconL {
	margin-right: 25px
}

.bcC-p i.iconR {
	margin-left: 25px
}

.bcC-p i.iconL:after {
	left: 100%
}

.bcC-p i.iconR:after {
	right: 100%
}
.bc-cont ul li:hover i {
	opacity: 1
}

.bc-cont ul li:hover .bcC-img img {
	transform: scale(1.1, 1.1)
}

.bcC-img {
	width: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.bcC-img img {
	transition: all .4s ease;
}
.Modal {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	transition: ease .7s;
	z-index: 200;
	opacity: 0;
	visibility: hidden;
}
.Modal.active {
	opacity: 1;
	visibility: inherit
}

.Modal .overBOx {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
@font-face{font-family:templateIcon;src:url(//at.alicdn.com/t/font_973178_a2n6pacfhx.eot);src:url(//at.alicdn.com/t/font_973178_a2n6pacfhx.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_973178_a2n6pacfhx.woff2) format('woff2'),url(//at.alicdn.com/t/font_973178_a2n6pacfhx.woff) format('woff'),url(//at.alicdn.com/t/font_973178_a2n6pacfhx.ttf) format('truetype'),url(//at.alicdn.com/t/font_973178_a2n6pacfhx.svg#iconfont) format('svg')}
._templateIcon{font-family:templateIcon;font-style:inherit;}
.Modal .btnOff {
	position: absolute;
	width: 64px;
	height: 64px;
	line-height: 64px;
	color: white;
	font-weight: 700;
	text-align: center;
	right: -64px;
	background: #0c499b;
	top: 8rem;
	cursor: pointer;
	font-size: 16px;
	box-shadow: 2px 2px 2px rgb(148 148 148 / 20%);
}
.Modal .overBOx .content {
	height: 100%;
}
.Modal .overBOx .content img {
	position: relative;
	top: 50%;
	transform: translateY(18%);
	border: 3px solid #0c499b;
}



.headerSocal {

	width: auto;

	display: flex;

	justify-content: flex-end;

	position: relative;

	z-index: 10;

}



.headerSocal a {

	display: block;

	width: 25px;

	height: 25px;

	margin-left: 10px;

	background: #1aad19;

	color: #fff;

	border-radius: 50%;

	line-height: 25px;

	text-align: center;

	position: relative;

	font-size: 14px;

}



.headerSocal a.tel {

	width: auto;

	background: transparent;

	color: #fff;

	background: #008fd7;

	border-radius: 50px;

	font-size: 16px;

	padding: 0px 10px;

}



.headerSocal a.weibo {

	background: #000;

}



.headerSocal a:hover {

	opacity: .9;

}



.headerSocal a .img {

	width: 100px;

	background: #fff;

	position: absolute;

	left: -50%;

	margin-left: -25.5px;

	top: 30px;

	display: none;

	box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);

}



.headerSocal a:hover .img {

	display: block;

}



.headerTop {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 10px;

}



#mv {

	position: fixed;

	z-index: -1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	opacity: 1;

	transform: none;

	will-change: opacity, transform;

	transition: opacity .4s linear, transform .4s linear;

}



#mv.out {

	opacity: 0;

	transform: scale(.94);

}



.mvTtl {

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 50%;

	transform: translateX(-50%) translateY(-50%);

	width: 50%;

}



.bg_anime_area {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	pointer-events: none;

	opacity: 1;

	transition: opacity 2s;

}



.bg_anime_set {

	position: absolute;

	top: 0;

	left: 100%;

	width: 975px;

	height: 100vh;

	overflow: hidden;

	backface-visibility: hidden;

	will-change: transform;

}



.bg_anime_set_1 {

	animation: bg_anime1 44s linear 0s infinite normal;

}



.bg_anime_set_2 {

	animation: bg_anime1 44s linear 11s infinite normal;

}



.bg_anime_set_3 {

	animation: bg_anime1 44s linear 22s infinite normal;

}



.bg_anime_set_4 {

	animation: bg_anime1 44s linear 33s infinite normal;

}



.bg_anime_set_5 {

	animation: bg_anime1 44s linear 44s infinite normal;

}



.bg_anime_set_6 {

	animation: bg_anime1 44s linear 55s infinite normal;

}



.bg_anime_cover {

	position: absolute;

	z-index: 2;

	top: 50%;

	left: 50%;

	width: 200vh;

	height: 200vh;

	background-size: cover;

	backface-visibility: hidden;

	will-change: transform;

	transform: translateX(-50%) translateY(-50%);

}



.bg_anime_set_1 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 0s infinite alternate;

}



.bg_anime_set_2 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 5s infinite alternate;

}



.bg_anime_set_3 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 10s infinite alternate;

}



.bg_anime_set_4 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 15s infinite alternate;

}



.bg_anime_set_5 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 20s infinite alternate;

}



.bg_anime_set_6 .bg_anime_cover {

	animation: bg_cov_anime1 8s linear 25s infinite alternate;

}



.bg_anime_cover_in {

	position: absolute;

	z-index: 0;

	width: 200vh;

	height: 200vh;

	background: #fff;

}



.bg_anime_cover_in_1 {

	bottom: calc(50% + 453.8625px);

	left: calc(50% - 100vh);

}



.bg_anime_cover_in_2 {

	top: calc(50% + 453.8625px);

	left: calc(50% - 100vh);

}



.bg_anime_cover_in_3 {

	top: calc(50% - 100vh);

	left: calc(50% + 453.8625px);

}



.bg_anime_cover_in_4 {

	top: calc(50% - 100vh);

	right: calc(50% + 453.8625px);

}



.bg_anime_svg {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 926.25px;

	height: 926.25px;

	background-size: cover;

	transform: translateX(-50%) translateY(-50%);

	background-position: center;

}



.bg_anime_photo {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100vw;

	height: 100vh;

	background-size: cover;

	background-position: center;

	backface-visibility: hidden;

	will-change: transform;

}



.bg_anime_set_1 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 0s infinite normal;

}



.bg_anime_set_2 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 11s infinite normal;

}



.bg_anime_set_3 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 22s infinite normal;

}



.bg_anime_set_4 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 33s infinite normal;

}



.bg_anime_set_5 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 44s infinite normal;

}



.bg_anime_set_6 .bg_anime_photo {

	animation: bg_photo_anime1 44s linear 55s infinite normal;

}



@keyframes bg_anime1 {

	0% {

		transform: none;

	}



	100% {

		transform: translateX(-3900px) translateY(0);

	}

}



@keyframes bg_anime1_sp {

	0% {

		transform: none;

	}



	100% {

		transform: translateX(-1200px) translateY(0);

	}

}



@keyframes bg_photo_anime1 {

	0% {

		transform: translateX(-100vw) translateY(0);

	}



	100% {

		transform: translateX(3900px) translateX(-100vw) translateY(0);

	}

}



@keyframes bg_photo_anime1_sp {

	0% {

		transform: translateX(-100vw) translateY(0);

	}



	100% {

		transform: translateX(1200px) translateX(-100vw) translateY(0);

	}

}



@keyframes bg_cov_anime1 {

	0% {

		transform: translateX(-50%) translateY(-50%) translateY(-100px) rotate(-30deg);

	}



	100% {

		transform: translateX(-50%) translateY(-50%) translateY(100px) rotate(30deg);

	}

}



@keyframes bg_cov_anime1_sp {

	0% {

		transform: translateX(-50%) translateY(-50%) translateY(-50px) rotate(-30deg);

	}



	100% {

		transform: translateX(-50%) translateY(-50%) translateY(50px) rotate(30deg);

	}

}



.mvScroll {

	position: absolute;

	z-index: 2;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	line-height: 1;

}



.mvScroll .txt {

	font-size: 14px;

	font-weight: 500;

	letter-spacing: .05em;

	line-height: 1;

	margin-bottom: 20px;

}



.mvScroll .line {

	width: 1px;

	height: 60px;

	margin: auto;

	overflow: hidden;

}



.mvScroll .line:before {

	content: "";

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(51, 51, 51, .25);

	transform: translateY(-100%);

	will-change: transform;

	animation: scrollLine 1.2s linear infinite;

}



@keyframes scrollLine {

	0% {

		transform: translateY(-100%);

	}



	100% {

		transform: translateY(100%);

	}

}



.mvScroll {

	bottom: 0px;

}







.homeNews{

	width: 100%;

	height: auto;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.homeNews a{

	display: block;

	width: 24%;

	background: #fff;

	position: relative;

	border-radius: 5px;

	margin-right: 2%;

	overflow: hidden;

	-webkit-transition: all .5s;

}



.homeNews a .thum{

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

}

.homeNews a .thum .pic{

	background: center center no-repeat;

	background-size: cover;

	-webkit-transition: all .5s;

}

.homeNews a:hover .thum .pic{

	-webkit-transform: scale(1.05);

}

.homeNews a:hover{

	background: #179e4b;

	color: #fff;

}

.homeNews a:hover .info .time{

	

	color: #fff;

}

.homeNews a:hover .info .title{

	color: #fff;

	

}

.homeNews a:hover .info .des{

	color: #fff;

}

.homeNews a .thum .pic img{

	max-width: auto;

	width: 100%;

}

.homeNews a .info{

	width: 100%;

	height: auto;

	position: relative;

	padding: 15px;

}

.homeNews a .info .time{

	width: 100%;

	height: auto;

	line-height: 20px;

	font-size: 12px;

	opacity: .5;

	margin-bottom: 10px;

	-webkit-transition: all .35s;

}

.homeNews a .info .title{

	width: 100%;

	height: auto;

	line-height: 1.4;

	font-size: 16px;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	margin-bottom: 5px;

	-webkit-transition: all .35s;

}

.homeNews a .info .des{

	width: 100%;

	height: auto;

	line-height: 1.7;

	font-size: 14px;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	opacity: .7;

	-webkit-transition: all .35s;

	color: #3e3e3e;

}

.homeNews a .icon{

	width: 100%;

	height: auto;

	position: absolute;

	padding-left: 15px;

	bottom: 0px;

	line-height: 2;

	font-size: 28px;

	opacity: 0;

	line-height: 1;

	color: #3e3e3e;

	-webkit-transition: all .35s;

}

.homeNews a:hover .icon{

	opacity: 1;

	bottom: 20px;

	color: #fff;

}



.boxes.b1{

	/*margin-top: calc(100vh - 125px);*/

}

.boxes.b1 .w1400{

	display: flex;

	justify-content: space-between;

}

.nBox{

	width: 65%;

}

.homeNews.two a{

	width: 49%;

}

.homeNews.two a:nth-child(2){

	margin-right: 0%;

}

.eBox{

	width: 32%;

}

.newsText ul li a{

	padding: 0px;

	align-items: center;

}

.newsText ul li{

	background: #fff;

}

.newsText ul li a .info{

	width: calc(100% - 105px);

}

.newsText ul li a .info .title{

	font-size: 16px;

	line-height: 1.6;

	-webkit-line-clamp: 3;

}

.newsText ul li{

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px solid rgba(0,0,0,.1);

}



.footer{

	background: #035ea3;

	padding: 50px 0px 10px;

	color: rgba(255,255,255,.7);

	position: relative;

}



.fLogo{

	width: 300px;

	margin: 0px auto;

	margin-bottom: 25px;	

}



.footer_nav{

	width: 100%;

}

.footer_nav ul{

	display: flex;

	justify-content: center;

}

.footer_nav ul li{

	width: auto;



}

.footer_nav ul li a{

	display: block;

	line-height: 40px;

	color: rgba(255,255,255,.7);

	padding: 0px 35px;

	position: relative;

}

.footer_nav ul li a::after{

	width: 20px;

	height: 100%;

	position: absolute;

	right: -10px;

	text-align: center;

	top: 0%;

	content: '/';

	font-size: 12px;

	opacity: .7;

}

.footer_nav ul li:last-child a::after{

	display: none;

}

.footer_nav ul li a:hover{

	color: #fff;

}

.ewmImg{

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

}

.ewmImg img{

	width: 150px;

}

.ewmImg p{

	width: 100%;

	text-align: center;

	padding-top: 10px;

}

.copyright{

	justify-content: space-between;

	text-align: center;

	line-height: 2;



}



.copyright a{

	color: rgba(255,255,255,.7);

	margin-left: 15px;

}

.copyright a:hover{

	color: rgba(255,255,255,1);

}

.footer_nav{

	margin-bottom: 25px;

}

.hotTel{

	text-align: center;

	margin-top: 25px;

}

.hotTel a{

	font-size: 48px;

	color: rgba(255,255,255,.7);

	font-family: montserrat;

	margin-bottom: 5px;

	display: block;

}

.subTitle{

	text-align: center;

	margin-bottom: 35px;

	color: #035ea3;

}

.subTitle .cn{

	font-size: 36px;

	margin-bottom: 5px;

	font-weight: bold;

}

.subTitle .en{

	font-size: 18px;

	text-transform: uppercase;

	font-family: montserrat;

	opacity: .7;

}

.vList ul{

	display: flex;

	justify-content: space-between;

}

.vList ul li{

	width: 23%;

	text-align: center;

	background: #fff;

	padding: 35px 0px;

	box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);

	border-radius: 5px;

	border: 1px solid rgba(0,0,0,.05);

}

.vList ul li .icon{

	width: 100%;

	height: auto;

	position: relative;

	margin: 0px auto;

	border-radius: 50%;

	line-height: 100px;

	font-size: 58px;

	text-align: center;

	color: #008fd7;

}

.vList ul li .icon .i{

	opacity: .7;

}



.vList ul li .txt p{

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 10px;

}

.vList ul li .txt b{

	font-size: 14px;

	font-weight: normal;

	line-height: 1.7;

}

.jBox{

	width: 100%;

	height: 480px;

	position: relative;

	background: url(../images/bg2.jpg) center center no-repeat;

	background-size: cover;

	border-radius: 10px;

}

.vList{

	margin-bottom: 50px;

}

.boxes.b2{

	height: 80vh;

	background: url(../images/bg1.jpg) center center no-repeat;

	background-size: cover;

}

.jBox ul{

	position: absolute;

	height: auto;

	right: 50px;

	top: 50px;

	background: rgba(3,94,163,.7);

	color: #fff;

	padding: 35px;

	width: 360px;

	border-radius: 10px;

}

.jBox ul li{

	display: block;

	padding-bottom: 15px;

	border-bottom: 1px solid rgba(255,255,255,.3);

	margin-bottom: 15px;

	width: 90%;

	margin-left: 5%;

	-webkit-transition: all .5s;

}

.jBox ul li:last-child{

	border-bottom: none;

	padding-bottom: 0px;

	margin-bottom: 0px;

}

.jBox ul li a{

	display: flex;

	color: #fff;

	height: 85px;

	position: relative;

	justify-content: space-between;

	align-items: center;

}

.jBox ul li a .txt{

	margin-right: 25px;

	-webkit-transition: all .35s;



}

.whIcon{

	width: 85px;

	position: absolute;

	right: 0px;

	top: 0px;

	-webkit-transition: all .55s;

	-webkit-transform: scale(0);

	opacity: 0;

	

}

.whIcon .h{

	-webkit-animation: wh 10s linear infinite;

}



@-webkit-keyframes wh{

	from{

		-webkit-transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

	}

}

.jBox ul li:hover{

	width: 100%;

	margin-left: 0%;

}

.jBox ul li:hover a .whIcon{

	-webkit-transform: scale(1);

	opacity: 1;

}

.whIcon .arrow{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0px;

	line-height: 85px;

	text-align: center;

}

.jBox ul li a .txt p{

	font-size: 20px;

}

.jBox ul li a .txt b{

	font-weight: normal;

	font-size: 12px;

	text-transform: uppercase;

}

.boxes.b3::before{

	width: 100%;

	height: 300px;

	background: #035ea3;

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.boxes.b2 .w1400{

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 100%;

}

.schoolIntro{

	width: 30%;

	color: #fff;

}

.schoolIntro .title{

	font-size: 28px;

	line-height: 2;

	margin-bottom: 25px;

}

.schoolIntro .des{

	width: 100%;

	line-height: 2;

	font-size: 16px;

	margin-bottom: 55px;

}

.lineMore{

	width: 70px;

	height: 70px;

	border-radius: 50%;

	position: relative;

	display: block;

	line-height: 70px;

	text-align: center;

	color: #fff;

	font-size: 20px;

}

.lineMore:hover::before{

	-webkit-animation: yuAnimate 10s linear infinite;

}

.lineMore::before{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	content: '';

	background: url(../images/yu.png) no-repeat;

	

}



@-webkit-keyframes yuAnimate{

	from{

		-webkit-transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

	}

}



.schoolBox{

	width: 65%;

}

.schoolBox ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.schoolBox ul li{

	width: 32%;

	position: relative;

}

.schoolBox ul li a{

	display: block;

	position: relative;

}



.schoolBox ul li .jxw{

	width: 100px;

	height: auto;

	position: absolute;

	left: 50%;

	margin-left: -50px;

	top: 0px;

	-webkit-transform-origin: center bottom;

	

	-webkit-transition: all .35s;

	opacity: 0;

}



.schoolBox ul li:hover .jxw{

	opacity: 1;

	top: -140px;

}



.schoolBox ul li .thum{

	position: relative;

	overflow: hidden;

	border: 5px solid #fff;

}

.schoolBox ul li:hover{

	z-index: 5;

}

.schoolBox ul li .thum .pic{

	-webkit-transition: all .5s;

	background: center center no-repeat;

	background-size: cover;

}

.schoolBox ul li:hover .pic{

	-webkit-transform: scale(1.05);

}

.schoolBox ul li .name{

	width: 100%;

	height: auto;

	position: absolute;

	left: 0px;

	bottom: 0px;

	z-index: 10;

	text-align: center;

	color: #fff;

	padding-bottom: 20px;

}

.schoolBox ul li .name .cn{

	display: block;

	font-size: 16px;

	position: relative;

	line-height: 1.4;

	width: 100%;

}

.schoolBox ul li .name .en{

	display: block;

	font-size: 12px;

	position: relative;

	line-height: 1.4;

	width: 100%;

	opacity: 1;

	text-transform: uppercase;

}

.schoolBox ul li .name::before{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0px;

	bottom: 0px;

	content: '';

	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);

	z-index: 0;

}

.subBanner .tips{

	width: 200px;

	position: absolute;

	left: 50%;

	margin-left: -100px;

	bottom: 30px;

	text-align: center;

	color: #fff;

	font-size: 12px;

}

.subBanner .tips .icon{

	font-size: 28px;

}

.subBanner .tips p{

	opacity: .7;

	margin-top: 5px;

}

.subBanner{

	margin-top: 125px;

}

.subBanner img{

	opacity: 1;

}

.boxes.b4 .w1400::after{

	display: block;

	width: 100%;

	height: 1px;

	clear: both;

	content: '';

}

.scrLeft{

	width: 100%;
	text-align: center;



}

.scrLeft .sTips{

	font-size: 16px;

	font-weight: bold;

	display: flex;

	margin-top: 30px;

	align-items: center;

}

.scrLeft .sTips .icon{

	margin-right: 5px;

	color: #008fd7;

	font-size: 36px;

}

.scrRight{

	width: 100%;


}

*.b4 .w1400{
	display: flex;
	flex-wrap: wrap;
}


.scrRight ul li:nth-child(1) .mark{
	display: flex;
	position: relative;
	margin-top: 10px;
}

.scrRight ul li:nth-child(1) .mark:after{
	width: 5px;
    height: 50px;
    left: 50%;
    content: '';
    background: #000;
    position: absolute;
    top: 50px;
	
}

.scrRight ul li .right-box{
	display: block;
	width: 100%;
	align-items: center;
	background: #fff;
}
.scrRight ul li:nth-child(1) .right-box{
	display: flex;
}
.scrRight ul li{
	width: 32%;
	position: relative;
	margin-bottom: 25px;
	margin-right: 2%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
}
.scrRight ul li:first-child{
	width: 70%;
    margin-right: 0%;
    margin-left: 15%;
    background: transparent;
    padding-bottom: 50px;
    border-bottom: 5px solid #000;
    margin-bottom: 100px;
}



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

.scrRight ul li .thum{
	overflow: hidden;
	position: relative;
	width: 50%;
	background: #fff;
}
.scrRight ul li .info{
	width: 50%;
	height: 100%;
	position: relative;
    line-height: 2;
    font-size: 16px;
    padding: 35px;
}

.scrRight ul li:first-child .thum{
	width: 50%;
	height: auto;
}
.scrRight ul li:first-child .info{
	width: 50%;
	padding: 25px;
	font-size: 18px;
	background: #fff;
    color: #3e3e3e;
    height: auto;
}
.scrRight ul li:first-child .thum .pic{
	height: 100%;
}

.scrRight ul li:not(:first-child):after {
	width: 5px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: -105px;
	background: #000;
	content: '';
}

.scrRight ul li:nth-child(2):after{
	margin-left: -16px;
}

.scrRight ul li:nth-child(4):after{
	margin-left: 11px;
}

.scrRight ul li:not(:first-child) .thum {
	width: 100%;
}
.scrRight ul li:not(:first-child) .info{
	width: 100%;
	padding: 25px;
    min-height: auto;
    height: auto;
    padding-top: 10px;
}

.tsBox{
	width: 90%;
	max-width: 600px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
}
.tsBox .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	border-bottom: 1px solid rgba(0,0,0,.1);
	margin-bottom: 15px;

	padding-bottom: 5px;
}
.tsBox .des{
	width: 100%;
	font-size: 16px;
	line-height: 2;
	max-height: 70vh;
	overflow-y: auto;
}

.hideBtn{
	width: 35px;
	height: 35px;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	line-height: 35px;
	text-align: center;

	-webkit-transition: all .5s;
}



.hideBtn:hover{

	-webkit-transform: rotate(45deg);

}

.scrRight ul{
	display: flex;
	flex-wrap: wrap;
}


.scrRight ul li .thum .pic{

	background: center center no-repeat;

	background-size: cover;

	-webkit-transition: all .5s;

}
.scrRight ul li .mark2{
	display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 25px;
}

.scrRight ul li:nth-child(1) .mark2{
	display: none;
}

.scrRight ul li .mark{
	font-size: 18px;
    height: auto;
    text-align: center;
    line-height: 50px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
	font-weight: bold;
	display: none;

}
.scrRight ul li .mark b{
	    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    display: block;
    margin-bottom: 2px;
}
.scrRight ul li .mark p{
	font-size: 18px;
    margin-left: 5px;
}
.menuTitle{

	width: 100%;

	font-size: 36px;

	font-weight: bold;

	line-height: 1;

	position: relative;

	margin-bottom: 35px;

}

.menuTitle span{

	color: #008fd7;

}





.menuTitle.c{

	text-align: center;

}

.swiper-container.fine{

	padding-bottom: 30px;

}



.swiper-container.fine .pic{

	background: center center no-repeat;

	background-size: cover;

}



.swiper-container.fine .name,

.swiper-container.foods .name {

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .8) 100%);

	line-height: 60px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	position: absolute;

	left: 0px;

	text-align: center;

	width: 100%;

	bottom: 0px;

}



.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

	top: auto;

	bottom: 0px;

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	background: #008fd7;

}



.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 16px;

    color: rgba(255, 255, 255, 1);

}

.boxes.b4 .singePage::after{

	width: 50px;

	height: 50px;

	position: absolute;

	right: 0px;

	bottom: 100px;

	background: url(../images/yinhao.png) no-repeat;

	background-size: cover;

	content: '';

}

.boxes.b6 .singePage{

	text-align: center;

}

.teamImg{

	width: 818px;

	margin: 0px auto;

}

.boxes.b6{

	padding-bottom: 0px;

}

.schoolBox.f{

	width: 80%;

	margin-left: 10%;

}

.teachers ul li .thum {

	width: 100%;

	border-radius: 0px 0px 15px 0px;

	overflow: hidden;

}

.teachers ul li .thum .pic {

	width: 100%;

	background: center center no-repeat;

	background-size: cover;

	-webkit-transition: all .5s;

}

.teachers ul li:hover .pic{

	-webkit-transform: scale(1.05);

}

.teachers {

	margin-top: 2vw;

	display: block;

	justify-content: space-between;

}



.teachers ul {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.teachers ul li {

	width: 32%;

	height: auto;

	position: relative;

	margin-bottom: 25px;

	margin-right: 2%;

}



.teachers ul li:nth-child(3n) {

	margin-right: 0%;

}



.teachers ul li .thum {

	border-radius: 0px;

}



.teachers ul li .info {

	width: 100%;

	height: auto;

	text-align: center;

	background: #f9f9f9;

	padding: 15px 0px;

	line-height: 1.4;

}



.teachers ul li .info b {

	font-size: 18px;

}



.teachers ul li .info p {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	white-space: break-spaces;

	line-height: 1.7;

	-webkit-box-orient: vertical;

	overflow: hidden;

	padding: 0px 20px;

}

.introBox{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}

.introBox .img{

	width: 50%;

}

.introBox .imgs{

	width: 100%;

	margin-top: 25px;

}

.introBox .singePage{

	width: 50%;

	padding: 25px;

}



.introBox .singePage p{

	margin-bottom: 0px;

}



.boxes.b7{

	background: url(../images/bgs1.jpg) center center no-repeat;

	background-size: cover;

}

.introTitle{

	width: 100%;

	line-height: 2;

	font-size: 28px;

	font-weight: bold;

	text-align: center;

	padding: 45px 0px 25px;

	margin-bottom: 35px;

	    position: relative;

}

.introTitle::after{

	width: 50px;

	height: 5px;

	position: absolute;

	content: '';

	left: 50%;

	margin-left: -25px;

	bottom: 0px;

	background: #008fd7;

}

.inList ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.inList ul li{

	display: block;

	width: 32%;

}

.inList ul li .thum{

	width: 100%;

}

.inList ul li .info{

	font-size: 14px;

	line-height: 2;

	width: 100%;

	margin-top: 15px;

}

.inList ul li .des{

	width: 100%;

}

.inList ul li .name{

	font-size: 16px;

	font-weight: bold;

}

.homeNews.f a{

	width: 32%;

	margin-bottom: 35px;

}

.homeNews.f{

	justify-content: initial;

}

.homeNews.f a:nth-child(3n){

	margin-right: 0%;

}

.cons {

	width: 100%;

}



.cons ul {

	display: flex;

	justify-content: center;

}



.cons ul li {

	width: 25%;

	position: relative;

	text-align: center;

}



.cons ul li .icon {

	width: 100px;

	height: 100px;

	background: #008fd7;

	color: #fff;

	line-height: 100px;

	text-align: center;

	border-radius: 50%;

	font-size: 32px;

	margin: 0px auto;

}



.cons ul li .info {

	width: 100%;

	padding-top: 10px;

}



.cons ul li .info b {

	color: #008fd7;

	font-size: 18px;

	display: block;

	text-align: center;

	margin-bottom: 10px;

}



.cons ul li .info p {

	font-size: 16px;

	line-height: 1.7;

}



.cons ul li .info a {

	font-size: 30px;

	font-family: din;

}



.cons ul li .info img{

	display: block;

	width: 120px;

	margin: 0px auto;

}



.map {

	height: 400px;

	background: #fff;

	position: relative;

}

.nav ul li.active>a{

	background: #008fd7;

	color: #fff;

}

.nav ul li .list a:hover{

	color: #008fd7;

}

.backTop:hover {

    background-color: #008fd7;

    color: #fff;

}

.ideaList{

	width: 100%;

}

.ideaList ul li{

	width: 100%;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	position: relative;

	margin-bottom: 70px;

}

.ideaList ul li .thum{

	width: 65%;

	position: relative;

}

.ideaList ul li .thum .pic{

	background: center center no-repeat;

	background-size: cover;

}

.ideaList ul li .info{

	width: 45%;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	left: 50%;

	position: absolute;

}

.ideaList ul li .info .iBox{

	position: relative;

	width: 100%;

	height: auto;

	-webkit-transform: skewX(-18deg);

	background: #fff;

	border-top: 4px solid #008fd7;

	padding:50px 75px 70px;

	text-align: center;

	box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);

}

.ideaList ul li .info .name{

	font-size: 22px;

	font-weight: bold;

	line-height: 1.6;

	margin-bottom: 10px;

	-webkit-transform: skewX(18deg);

}

.ideaList ul li .info .des{

	width: 100%;

	height: auto;

	line-height: 2;

	-webkit-transform: skewX(18deg);

	-webkit-line-clamp: 3;

	font-size: 16px;

}



.ideaList ul li .info .more{

	position: absolute;

	background-color: #fff;

	align-items: center;

	justify-content: center;

	border: 1px solid #008fd7;

	display: inline-block;

	padding: 0px 0px;

	font-size: 16px;

	font-weight: bold;

	left: 50%;

	bottom: -20px;

	line-height: 40px;

	width: 200px;

	margin-left: -100px;

	color: #008fd7;

}

.ideaList ul li .info .more::before{

	width: 0%;

	height: 100%;

	position: absolute;

	right: 0%;

	top: 0px;

	background: #008fd7;

	content: '';

	-webkit-transition: all .4s;

}

.ideaList ul li .info .more:hover::before{

	width: 100%;

	left: 0%;

}

.ideaList ul li .info .more span{

	transform: skewX(18deg);

	z-index: 5;

	position: relative;

}



.ideaList ul li .info .more:hover span{

	color: #fff;

}



.ideaList ul li:nth-child(even){

	direction: rtl;

}

.ideaList ul li:nth-child(even) .info{

	left: 5%;

}



.lists {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin-top: 50px;

}



.lists .item {

	margin-bottom: 25px;

	width: 49%;

}

.lists .img-box{

	position: relative;

	overflow: hidden;

}

.lists .img-box .pic{

    background-size: cover;

    background-position: center center;

}

.lists .text {

    padding: 15px 0 25px;

    line-height: 1.7;

}

.lists .text .title {

    font-size: 18px;

    font-weight: 700;

}

.services{

	width: 100%;

	height: auto;

}

.services ul li{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-bottom: 25px;

}

.services ul li .thum{

	width: 60%;

	position: relative;

	overflow: hidden;

}

.services ul li .thum .pic{

	background: center center no-repeat;

	background-size: cover;

}

.services ul li .info{

	width: 40%;

	position: relative;

	background: #f7f7f7;

	padding: 50px;

}

.services ul li .info .name{

	width: 100%;

	position: relative;

	font-size: 24px;

	font-weight: bold;

	line-height: 2;

	margin-bottom: 25px;

	padding-bottom: 10px;

}

.services ul li .info .name::after{

	width: 50px;

	height: 4px;

	content: '';

	background: #008fd7;

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.services ul li .info .des{

	width: 100%;

	height: auto;

	line-height: 2;

	font-size: 16px;

}

.services ul li:nth-child(even){

	direction: rtl;

}

.services ul li:nth-child(even) .info{

	direction: initial;

}

.menu_btn {

	position: absolute;

	right: 5%;

	top: 15px;

	height: 40px;

	font-size: 0;

	-webkit-text-size-adjust: none;

	width: 115px;

	-webkit-filter: drop-shadow(2px 2px 15px rgba(0, 0, 0, .3));

	filter: drop-shadow(2px 2px 15px rgba(0, 0, 0, .3));

	display: none;

	z-index: 10;

}



.menu_btn p {

	position: absolute;

	width: 74%;

	line-height: 40px;

	font-size: 13px;

	background-color: #006eb9;

	-webkit-border-radius: 40px;

	-moz-border-radius: 40px;

	border-radius: 40px;

	color: #fff;

	text-transform: uppercase;

	padding-left: 10px;

	letter-spacing: 1px;

	right: 0;

	top: 0;

	white-space: nowrap;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-transition: width .25s ease-in-out;

	-o-transition: width .25s ease-in-out;

	-moz-transition: width .25s ease-in-out;

	transition: width .25s ease-in-out

}



.menu_btn.active p {

	width: 100%

}



.menu_btn p+p {

	opacity: 0

}



.menu_btn.active .menu_btn p+p {

	opacity: 1

}



.menu_btn .btn {

	width: 47px;

	height: 47px;

	position: relative;

	cursor: pointer;

	-webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	-o-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	-moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	transition: all .3s cubic-bezier(.445, .05, .55, .95);

	z-index: 20;

	top: -4px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	margin-left: auto;

	margin-right: 0

}



.menu_btn .btn span {

	display: block;

	height: 1px;

	width: 20px;

	background-color: #000;

	position: absolute;

	top: 50%;

	right: 14px;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	-o-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	-moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);

	transition: all .3s cubic-bezier(.445, .05, .55, .95)

}



.menu_btn .btn span:nth-child(1) {

	width: 20px;

	top: 18px

}



.menu_btn .btn span:nth-child(3) {

	width: 10px;

	top: 31px

}



.menu_btn.active .btn span:nth-child(1) {

	-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);

	-moz-transform: rotate(-45deg) translate3d(0, 0, 0);

	transform: rotate(-45deg) translate3d(0, 0, 0);

	top: 50%

}



.menu_btn.active .btn span:nth-child(2) {

	-webkit-transform: rotate(45deg) translate3d(0, 0, 0);

	-moz-transform: rotate(45deg) translate3d(0, 0, 0);

	transform: rotate(45deg) translate3d(0, 0, 0)

}



.menu_btn.active .btn span:nth-child(3) {

	-webkit-transform: scaleX(0) translate3d(0, 0, 0);

	-moz-transform: scaleX(0) translate3d(0, 0, 0);

	transform: scaleX(0) translate3d(0, 0, 0)

}



.dplBox{

	width: 1000px;

	margin: 0px auto;

	background: #fff;

	padding: 50px;

}



.dplBox .name{

	width: 100%;

	height: auto;

	padding: 15px 0px;

	line-height: 1.4;

	font-size: 28px;

	font-weight: bold;

	border-bottom: 4px solid #008fd7;

	margin-bottom: 25px;

	color: #008fd7;

	position: relative;

}



.dplBox .name a{

	width: auto;

	height: auto;

	font-size: 14px;

	line-height: 40px;

	position: absolute;

	right: 0px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	border: 1px solid #008fd7;

	color: #008fd7;

	padding: 0px 45px;

	font-weight: normal;

	border-radius: 45px;

}



.dplBox .name a:hover{

	background: #008fd7;

	color: #fff;

}



.swiperBanner{
	height: 43vw;
	/*display: none;*/

}



.sub_nav{

	display: none;

}



.experList{

	width: 100%;

}

.experList ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.experList ul li{

	width: 49%;

	height: auto;

	position: relative;

	display: flex;

	margin-bottom: 30px;

	background: #fff;

}

.experList ul li .thum{

	width: 40%;

	height: auto;

	position: relative;

	overflow: hidden;

}

.experList ul li .thum .pic{

	background: top center no-repeat;

	background-size: cover;

	height: 100%;

}

.experList ul li .thum .pic img{

	max-width: none;

	width: 100%;

}

.experList ul li .info{

	width: 60%;

	padding:50px 25px;

	background: #f9f9f9;

}

.experList ul li .info .name{

	font-size: 20px;

	font-weight: bold;

	color: #000;

	margin-bottom: 15px;

}

.experList ul li .info .mark{

	font-size: 14px;

	opacity: .7;

	margin-bottom: 25px;

}

.experList ul li .info .des{

	width: 100%;

	line-height: 2;

}



.schoolBox.sd{

	margin-left: 10%; 

	margin:0px auto;

}



@media screen and (max-width: 767px) {
	.bc-title {
		padding-top: 0;
	}
	.bc-title h3 {
		font-size: 20px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.bc-title p {
		font-weight: inherit;
		font-size: 14px;
	}
	.bc-cont ul li {
		width: 48%;
		margin-bottom: 0;
	}
	.bcC-p i.iconR,.bcC-p i.iconL{
		display: none;
	}
	.bcC-p{
		padding: 10px 0;
		font-size: 14px;
	}
	.Modal {
		position: fixed;
		background: rgba(0, 0, 0, .6);
	}
	.Modal .overBOx {
		width: 90%;
		left: 5%;
		top: 40%;
	}
	.Modal .btnOff {
		top: -10px;
		right: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.headerSocal{

		display: none;

	}

	.infoImg{
		width: 50vw;
	}

	.logo{

		width: 150px;

	}

	.menu_btn {

		display: block;

	}

	.nav,.footer_nav{

		display: none;

	}

	.bg_anime_set,.nBox,.eBox{

		width: 100%;

	}

	.boxes.b1 .w1400,.boxes.b2 .w1400,.vList ul{

		flex-wrap: wrap;

	}

	.schoolIntro{

		width: 100%;

		margin-bottom: 25px;

	}

	.lineMore{

		display: none;

	}

	.schoolIntro .des{

		margin-bottom: 0px;

	}

	.boxes.b2 .w1400{

		display: block;

	}

	.schoolIntro .title{

		font-size: 24px;

		line-height: 1;

		margin-bottom: 15px;

	}

	.schoolIntro .des{

		font-size: 14px;

	}

	.boxes.b2{

		height: auto;

	}

	#mv{

		height: 70vh;

		margin-top: 70px;

	}

	.boxes.b1{

		margin-top: 0px;

	}

	.commonTitle::after{

		width: 19px;

		height: 24px;

		margin-top: -12px;

	}

	.commonTitle{

		padding-left: 25px;

	}

	.commonTitle .cn{

		font-size: 20px;

	}

	.nBox{

		margin-bottom: 50px;

	}

	.schoolBox{

		width: 100%;

	}

	.schoolBox ul li{

		width: 49%;

		margin-bottom: 10px;

	}

	.schoolBox ul li:last-child{

		width: 100%;

		height: 25vh;

	}

	.schoolBox ul li:last-child img{

		display: none;

	}

	.schoolBox ul li:last-child a{

		height: 100%;

		display: block;

	}

	.schoolBox ul li:last-child a .thum,.schoolBox ul li:last-child a .thum .pic{

		height: 100%;

	}

	.mvScroll{

		display: none;

	}

	.bg_anime_set{

		height: 100%;

	}

	.bg_anime_cover,.bg_anime_photo,.bg_anime_cover_in{

		width: 100%;

		height: 100%;

	}

	#mv{

		display: none;

	}

	.swiperBanner{

		display: block;

		height: 60vw;

		margin-top: 70px;

	}

	.swiper-pagination.bannerDot .swiper-pagination-bullet{

		width: 7px;

		height: 7px;

		margin-right: 4px;

	}

	.swiper-pagination.bannerDot{

		padding: 5px 7.5px;

	}

	.boxes{

		padding: 50px 0px;

	}

	.vList ul li{

		width: 49%;

		margin-bottom: 10px;

		padding: 35px 15px;

	}

	.vList ul li .icon{

		font-size: 48px;

		line-height: 75px;

	}

	.vList ul li .txt p{

		font-size: 20px;

	}

	.vList ul li .txt b{

		opacity: .7;

		font-size: 12px;

	}

	.vList ul li:nth-child(2) .icon,.vList ul li:nth-child(4) .icon{

		font-size: 38px;

	}

	.vList ul li:nth-child(3) .icon{

		font-size: 44px;

	}

	.vList{

		margin-bottom: 20px;

	}

	.jBox{

		width: 100%;

		height: auto;

		position: relative;

	}

	.boxes.b3::before{

		display: none;

	}

	.jBox ul{

		position: relative;

		height: auto;

		right: 0px;

		top: 0px;

		width: 100%;

		padding: 25px;

	}

	.jBox ul li{

		width: 100%;

		margin-left: 0%;

	}

	.backTop{

		display: none;

	}

	.sub_nav{

		opacity: 0;

		visibility: hidden;

		height: calc(100vh - 70px);

		position: fixed;

		left: 0px;

		top: 70px;

		background: #fff;

		width: 100%;

		

		width: 100%;

	}

	.sub_nav.active{

		display: block;

		opacity: 1;

		visibility: visible;

	}

	.sub_nav ul{

		padding: 25px 5%;

		display: block;

		height: 100%;

	}

	.sub_nav ul li{

		width: 100%;

		height: auto;

		padding-bottom: 0px;

		border-bottom: 1px solid rgba(0,0,0,.05);

		position: relative;

		display: flex;

	}

	.sub_nav ul li>a{

		width: 100px;

		font-size: 16px;

		font-weight: bold;

		line-height: 40px;

	}

	.sub_nav ul li .list{

		width: calc(100% - 100px);

		line-height: 30px;

		padding: 5px 0px;

		word-break: keep-all;

	}

	.sub_nav ul li .list a{

		font-size: 16px;

		margin-right: 15px;

	}

	.subBanner{

		margin-top: 70px;

	}

	.subBanner .title{

		font-size: 24px;

	}

	.subBanner .title p{

		font-size: 14px;

	}

	.boxes.b4::before{

		width: 0%;

	}

	.scrLeft{

		width: 100%;

		position: relative;

		padding: 0px;

	}

	.boxes.b4{

		padding: 50px 0px;

	}

	.menuTitle{

		font-size: 24px;

		margin-bottom: 15px;

	}

	.singePage{

		font-size: 14px;

	}

	.scrRight{

		width: 100%;

		padding: 0px;

		background: transparent;

		margin-right: 0%;

	}

	.scrRight ul{

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between;

	}

	.scrRight ul li{

		width: 100%;
		margin-bottom: 10px;

	}
	.scrRight ul li:nth-child(1) .right-box{
		display: block;
	}
	
	.scrRight ul li:nth-child(1) .mark{
		display: flex;
	    position: relative;
	    margin-top: 10px;
	    width: 100%;
	    height: auto;
	    padding: 0px;
	    font-size: 16px;
	}
	
	.scrRight ul li:nth-child(1) .mark:after{
		display: none;
	}
	.scrRight ul li:first-child{
		width: 100%;
		margin-left: 0%;
		margin-left: 0%;
	    padding-bottom: 0px;
	    border-bottom: none;
	    margin-bottom: 10px;
	}
	.scrRight ul li:nth-child(2):after{
		display: none;
	}
	.scrRight ul li:not(:first-child):after{
		display: none;
	}
	.scrRight ul li:not(:first-child) .info{
		padding: 20px;
		min-height: auto;
	}
	.schoolBox ul li .jxw{

		display: none;

	}

	.ideaList ul li .thum{

		width: 100%;

	}

	.ideaList ul li .info{

		width: 100%;

		position: relative;

		top: 0%;

		left: 0%;

		-webkit-transform: translateY(0%);

	}

	.ideaList ul li .thum .pic img{

		display: none;

	}

	.ideaList ul li .thum .pic{

		height: 30vh;

	}

	.ideaList ul li .info .iBox{

		-webkit-transform: skewX(0deg);

		padding: 15px;

	}

	.ideaList ul li .info .name{

		-webkit-transform: skewX(0deg);

		font-size: 16px;

	}

	.ideaList ul li .info .des{

		font-size: 14px;

		line-height: 1.7;

		-webkit-transform: skewX(0deg);

	}

	.ideaList ul li .info .more{

		position: relative;

		display: block;

		bottom: 0px;

		margin-top: 15px;

		width: 120px;

		margin-left: -60px;

		font-weight: normal;

		font-size: 14px;

	}

	.dplBox{

		width: 100%;

	}

	.detail_page{

		padding: 50px 5%;

	}

	.detail_page.pt100{

		padding-top: 100px;

	}

	.dplBox{

		padding:25px 15px;

	}

	.dplBox .name a{

		display: none;

	}

	.dplBox .name{

		padding: 0px;

		line-height: 2;

		margin-bottom: 15px;

		padding-bottom: 5px;

		font-size: 20px;

		border-bottom: 3px solid #008fd7;

	}

	.subBanner .title b{

		margin-bottom: 5px;

	}

	.subBanner .tips{

		display: none;

	}

	.introBox .img{

		width: 100%;

	}

	.introBox .singePage{

		width: 100%;

		padding: 0px;

		margin-top: 15px;

	}

	.introBox .imgs{

		margin-top: 0px;

	}

	.introTitle{

		font-size: 20px;

		line-height: 1.6;

		margin-bottom: 15px;

		padding-bottom: 15px;

	}

	.services ul li .info .name::after{

		width: 40px;

	}

	.introTitle::after{

		width: 30px;

		margin-left: -15px;

	}

	.cons ul li .info p{

		font-size: 14px;

	}

	.cons ul li .info a{

		font-size: 24px;

	}

	.inList ul li{

		width: 100%;

		margin-bottom: 35px;

	}

	.homeNews.f a{

		width: 100%;

		margin-bottom: 15px;

	}

	.homeNews a .info .des{

		display: none;

	}

	.homeNews a .info{

		padding: 15px;

	}

	.detail_box .dpl{

		width: 100%;

		padding: 15px;

	}

	.detail_box{

		width: 100%;

		flex-wrap: wrap;

	}

	.detail_box .dpl .title{

		text-align: left;

		font-size: 20px;

	}

	.detail_box .dpl .info{

		margin-bottom: 20px;

		font-size: 12px;

	}

	.detail_box .dpr{

		display: none;

	}

	.lists .text{

		padding: 15px 0 0px;

	}

	.lists .text .title{

		font-size: 16px;

	}

	.lists .text .des{

		font-size: 14px;

		opacity: .7;

	}

	.services ul li .thum{

		width: 100%;

	}

	.services ul li .info{

		width: 100%;

		padding: 15px;

	}

	.services ul li .info .name{

		font-size: 20px;

		margin-bottom: 15px;

	}

	.services ul li .info .des{

		font-size: 14px;

	}

	.cons ul{

		flex-wrap: wrap;

	}

	.cons ul li{

		width: 100%;

		margin-bottom: 35px;

	}

	.map{

		display: none;

	}

	.ewmImg img{

		width: 120px;

	}

	.ewmImg p{

		font-size: 12px;

	}

	.hotTel a{

		font-size: 32px;

	}

	.copyright{

		font-size: 12px;

	}

	.scrRight ul li .mark{
		left: 5px;
	    width: 60px;
	    padding: 5px;
	    font-size: 14px;
	    height: 67px;
	    background-size: cover;
	}
	.scrRight ul li .mark b{
		font-size: 12px;
	}
	
	.teachers ul li{

		width: 100%;

		margin-right: 0%;

	}
	.scrRight ul li:first-child .thum{
		width: 100%;
	}
	.scrRight ul li .info{
		width: 100%;
		height: auto;
		font-size: 14px;
		padding: 20px;
	}
	.homeNews.two a{

		width: 100%;

		margin-right: 0%;

	}

	.fLogo{

		display: none;

	}

	.ideaList ul li:nth-child(even){

		direction: inherit;

	}

	.ideaList ul li:nth-child(even) .info{

		left: 0%;

	}
	.scrRight ul li:first-child .info{
		width: 100%;
		padding: 20px;
    	font-size: 14px;
	}
	.ideaList ul li{

		margin-bottom: 20px;

	}

	.swiper-container.fine .name, .swiper-container.foods .name{

		font-size: 14px;

	}

	.boxes.b4 .singePage::after{

		display: none;

	}

	.scrRight ul li:last-child{

		margin-bottom: 10px;

	}

	.header{

		height: 70px;

	}

	.headerTop{

		margin-top: 15px;

	}

	.schoolBox ul li .name{

		padding-bottom: 10px;

	}

	.schoolBox ul li .name .en{

		opacity: .7;

	}

	.hotQQ{

		width: 68px;

		right: 10px;

	}

	.hotQQ .name{

		padding: 15px 0px;

	}

	.hotQQ .name .txt{

		font-size: 12px;

		margin-top: 3px;

	}

	.hotQQ .img{

		width: 50px;

		top: -55px;

		left: 14px;

	}

	.hotQQ .name .icon{

		font-size: 24px;

		line-height: 1;

	}

	.experList ul li{

		width: 100%;

		margin-bottom: 10px;

	}

	.experList ul li .info{

		padding: 25px;

	}

	.schoolBox.sd{

		width: 100%;

		margin-left: 0%;

	}

	.tsBox .title{

		font-size: 20px;

	}

	.tsBox .des{

		font-size: 14px;

	}

}