@charset "UTF-8";
*{
	padding: 0;
	margin: 0;
}
body,html{ 
    font-family:RoR,"PingFang SC", "Helvetica", "Arial", "微软雅黑", "Microsoft Yahei", "宋体", "simsun";
    -webkit-font-smoothing: antialiased;
	line-height: 1px;
	color: #2b2d3f;
	min-width: 1200px;
}
li{
	list-style: none;
}
img{
	border: none;
}
.topbar::after,.nav::after,.CoreBusiness-main::after,.media-main::after,.bottom-main::after,.bottom-text::after
,.bottom-right::after,.about::after,.team-main::after,.teacher-main::after,.campus-main::after,.share-box::after,.concept-main::after,.news-x::after,.product-text::after,.concept-main::after,.concept::after,.school-main::after{
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "";
}
.content{
	padding-top: 76px;
}
.topbar{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	width: 100%;
}
.topbar-main{
	width: 1000px;
	margin: 0 auto;
}
.logo{
	height: 40px;
	float: left;
	margin-top: 13px;
}
.logo img{
	height: 100%;;
}
.nav{
	float: right;
	height: 76px;
}
@font-face { 
	font-family: RoR; 
	src: url('../font/Roboto-Regular.ttf'); 
  } 
.nav a{
	float: left;
	display: block;
	font-size: 14px;
	line-height: 26px;
	text-decoration: none;
	margin-left: 30px;
	color: #101010;
	margin-top: 25px;
}
.nav a::after{
	display: block;
	height: 2px;
	width: 0px;
	clear: both;
	content: "";
	background-color: #67c7cd;
	transition:width 0.3s;
	-moz-transition:width 0.3s; /* Firefox 4 */
	-webkit-transition:width 0.3s; /* Safari and Chrome */
	-o-transition:width 0.3s; /* Opera */
	margin: 0 auto;
}
.nav a:hover::after{
	width: 15px;
	height: 2px;
}
.nav-active::after{
	width: 15px!important;
}
.banner-index{
	height: 890px;
	background-image: url(../images/banner-index.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center; 
	align-items: center;     
}
.banner-index-text{
	width: 660px;
	padding: 64px 0;
	border: 3px solid #fff;
	text-align: center;
	font-size: 28px;
	color: #FFF;
	line-height: 70px;
	letter-spacing: 8px;
}
@font-face { 
	font-family: RoB; 
	src: url('../font/Roboto-Bold.ttf'); 
  } 
.banner-index-text h4{
	font-size: 48px;
	font-family: RoB;
	letter-spacing: 4px;
}
.title{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 66px;
	padding-top: 60px;
	font-family: RoB;
}
.title::after{
	display: block;
	height: 3px;
	width: 44px;
	clear: both;
	content: "";
	background-color: #101010;
	margin: 0 auto;
}
.CoreBusiness{
	background-color: #fafafc;
	height: 500px;
}
.CoreBusiness-h{
	color:#666;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	margin-top: 16px;
}
.CoreBusiness-main{
	width: 1104px;
	margin: 0 auto;
	margin-top: 96px;
}
.CoreBusiness-x{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	float: left;
	width: 184px;
	text-align: center;
}
.CoreBusiness-x img{
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
}
.mission{
	height: 660px;
	position: relative;
}
.mission-main{
	width: 1000px;
	margin: 0 auto;
	padding-top: 70px;
}
.mission-main h4{
	font-size: 16px;
	line-height: 38px;
	margin-bottom: 18px;
}
.mission-main h4::after{
	display: block;
	height: 3px;
	width: 34px;
	clear: both;
	content: "";
	background-color: #101010;
}
.mission-main p{
	line-height: 18px;
	width: 440px;
	color: #555;
	font-size: 12px;
	margin-bottom: 74px;
}
.mission-bg1{
	width: 413px;
	height: 660px;
	position: absolute;
	background-image: url(../images/mission-bg1.png);
	background-position: right center;
	right: 0;
	top: 0;
}
.mission-bg2{
	position: absolute;
	height: 260px;
	width: 174px;
	background-image: url(../images/mission-bg2.png);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	left: 0;
	top: 186px;
}
.mission-bg3{
	position: absolute;
	height: 440px;
	width: 440px;
	background-image: url(../images/mission-bg3.png);
	background-size: 440px 440px;
	right: 260px;
	top: 106px;
}
.mission-bg3 img{
	width: 330px;
	height: 330px;
	margin-left: 55px;
	margin-top: 55px;
	-webkit-transform: rotate(360deg);animation: rotation 27s linear infinite;-moz-animation: rotation 27s linear infinite;-webkit-animation: rotation 27s linear infinite;-o-animation: rotation 27s linear infinite;
}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
.media-main{
	width: 1024px;
	margin: 0 auto;
	margin-top: 40px;
}
.media-main li{
	height: 64px;
	float: left;
	margin: 12px;
}
.media-main li img{
	height: 100%;
}
.banner-inside{
	height: 225px;
	line-height: 225px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-position: center center;	
}
.banner-about{
	background-image: url(../images/banner-about.png);
}
.banner-project{
	background-image: url(../images/banner-project.png);
}
.banner-news{
	background-image: url(../images/banner-news.png);
}
.banner-contact{
	background-image: url(../images/banner-contact.png);
}
.banner-join{
	background-image: url(../images/banner-join.jpg);
}
.about{
	width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
}
.about-img{
	width: 550px;
	height: 358px;
	float: left;
}
.about-text{
	float: right;
	width: 400px;
}
.about-text h4{
	font-size: 16px;
	line-height: 38px;
	margin-bottom: 32px;
	font-family: RoB;
}
.about-text p{
	line-height: 18px;
	font-size: 12px;
	color: #555;
}
.about-text h4::after{
	display: block;
	height: 3px;
	width: 44px;
	clear: both;
	content: "";
	background-color: #101010;
}


.concept-main{
	width: 1040px;
	position: relative;
	margin: 0 auto;
	margin-top: 46px;
}
.concept-main img{
	height: 280px;
	border-radius: 24px;
}
.concept-text{
	width: 660px;
	height: 160px;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	border: 1px solid #f3f3f3;
	font-size: 12px;
	line-height: 20px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 20px;
	position: absolute;
	right: 0;
	top: 50px;
}
.concept-text h4{
	font-size: 16px;
	margin-bottom: 20px;
}
.concept-text h4::after{
	display: block;
    height: 3px;
    width: 40px;
    content: "";
	background-color: #2dcacf;
	margin-top: 6px;
}
.concept-text p{
	margin-bottom: 10px;
	line-height: 24px;
}



.team{
	background-color: #f8f8f8;
	height: 800px;
	margin-top: 120px;
}
.team-main{
	width: 1000px;
	margin: 0 auto;
	margin-top: 74px;
}
.team-x{
	width: 358px;
	height: 218px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 80px;
	float: left;
	margin-left: 68px;
	margin-right: 68px;
}
.team-x img{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: -40px;
}
.team-x h4{
	color: #333;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 18px;
}
.team-x h4 span{
	font-size: 12px;
	font-weight: normal;
}
.team-x p{
	font-size: 12px;
	color: #816943;
	line-height: 16px;
	text-align: left;
}
.swiper-container{
	width: 1064px;
	height: 510px;
}
.teacher-x{
	width: 294px;
	height: 136px;
	float: left;
	border-radius: 5px;
	background-color: #fafafc;
	position: relative;
	margin: 44px 30px;
}
.teacher-x img{
	position: absolute;
	width: 80px;
	height: 80px;
	bottom: -40px;
	left: 24px;
}
.teacher-x p{
	font-size: 12px;
	line-height: 24px;
	color: #212529;
	position: relative;
	padding: 20px 0 0 34px;
}
.teacher-x p span{
	font-size: 48px;
	color: #FFE7a0;
	position: absolute;
}
.teacher-left{
	top: 30px;
	left: 7px;
}
.teacher-right{
	bottom: -20px;
}
.cussa{
	height: 554px;
	position: relative;
	margin-top: 55px;
}
.cussa::after{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/cussa-bg.png);
	opacity: 0.2;
	z-index: -1;
	background-size: 1440px 554px;
	background-repeat: no-repeat;
	background-position: center center;
}
.cussa-main p{
	width: 1000px;
	margin: 0 auto;
	line-height: 24px;
	font-size: 12px;
	color: #555;
	margin-bottom: 32px;
}
.campus{
	background-color:#f8f8f8;
	padding-bottom: 40px;
}
.campus-main{
	width: 999px;
	margin: 0 auto;margin-top: 40px;
}
.campus-x{
	width: 333px;
	float: left;
	position: relative;
}
.campus-x img{
	width: 100%;
}
.campus-x p{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
}
.campus_btn{
	width: 152px;
	height: 38px;
	border: #2dcacf solid 1px;
	border-radius: 5px;
	display: block;
	color: #2dcacf;
	font-size: 14px;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 40px;
}
.school-main{
	width: 1120px;
	margin: 0 auto;
	margin-top: 70px;
}
.school-x{
	width: 186px;
	height: 130px;
	float: left;
}
.school-x p{
	width: 186px;
	height: 64px;
	display: flex;
    align-items: center;
}
.school-x p img{
	max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    align-items: center;
}
.school-x h4{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	margin-top: 20px;
}
.share-box{
	width: 999px;
	margin: 50px auto 100px auto;
}
.share-x1{
	width: 325px;
	height: 500px;
	float: left;
	background-image: url(../images/share_img1.jpg);
	background-position: center center;
	background-size: 325px 500px;
}
.share-x1:hover{
	background-size: 422px 650px;
}
.share-x{
	width: 337px;
	height: 250px;
	float: left;
	background-position: center center;
	background-size: 337px 250px;
}
.share-x:hover{
	background-size: 422px 314px;
	transition: all 0.2s ease-out 0s;
}
.share-x2{
	background-image: url(../images/share_img2.jpg);
}
.share-x3{
	background-image: url(../images/share_img3.jpg);
}
.share-x4{
	background-image: url(../images/share_img4.jpg);
}
.share-x5{
	background-image: url(../images/share_img5.jpg);
}
.share-x1,.share-x1:hover,.share-x,.share-x:hover,.share-x2,.share-x3,.share-x4,.share-x5,.share-x6,.share-x6:hover,.share-x7,.share-x8,.share-x9,.share-x10,.share-x11,.share-x11:hover,.share-x12,.share-x13,.share-x14,.share-x15,.share-x16,.share-x16:hover,.share-x17,.share-x18,.share-x19,.share-x20{
	transition: all 0.2s ease-out 0s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}
.project-ad{
	height: 350px;
	background-image: url(../images/project-ad.jpg);
	background-position: center center;
}
.futureschool{
	height: 404px;
	position: relative;
}
.futureschool p{
	font-size: 12px;
	color: #555;
	line-height: 24px;
	padding-bottom: 4px;
	width: 1000px;
	margin: 0 auto;
}
.futureschool-bg1{
	position: absolute;
	left: 0;
	width: 515px;
	top:100px;
	z-index:-1;
}
.futureschool-bg2{
	position: absolute;
	right: 0;
	width: 317px;
	top: 140px;
	z-index:-1;
}
.project{
	background-image: url(../images/project_bg.jpg);
	background-position: top center;
	padding-bottom: 50px;
}
.product-text{
	box-shadow: rgba(219, 219, 219, 0.6) 0px 2px 6px 0px;
	border-radius: 5px;
	background-color: #fff;
	padding: 26px;
	padding-bottom: 50px;
	font-size: 12px;
	color: #002425;
	line-height: 22px;
	width: 1040px;
	margin: 0 auto;
	margin-bottom: 24px;
}
.product-text-h4{
	font-size: 14px;
	font-family: RoB;
	line-height: 14px;
	margin-bottom: 20px;
}
.product-text-h4::after{
	display: block;
    height: 1px;
    width: 42px;
    content: "";
	background-color: #002425;
	margin-top: 10px;
	
}
.product-text-h4 i{
	width: 36px;
	height: 36px;
	display: block;
	margin-bottom: 14px;
}
.product-text-h4 i img{
	width: 100%;
}
.product-list li{
	width: 290px;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 20px;
}
.product-list h4{
	font-size: 16px;
	font-family: SY;
	color: #ffc600;
	background-image: url(../images/prolisticon.png);
	background-position: left 0px;
	background-repeat: no-repeat;
	background-size: 22px;
	padding-left: 26px;
}
.product-list h4 span{
	font-size: 12px;
	color: #002425;
	font-weight: normal;
	font-family:"PingFang SC", "Helvetica", "Arial", "微软雅黑", "Microsoft Yahei", "宋体", "simsun";
}
.product-list p{
	padding-left: 26px;
	line-height: 16px;
	margin-top: 5px;
}
.harvest{
	margin-right: -65px;
}
.harvest-h4{
	font-size: 14px;
	color: #002425;
	width: 260px;
	margin: 0 auto;
	text-align: center;
	line-height: 1px;
	position: relative;
	margin-top: 30px;
	margin-bottom: 60px;
}

.harvest-h4::before{
	display: block;
    height: 2px;
    width: 16px;
    content: "";
	background-color: #002425;
	position: absolute;
	left: 0;
}
.harvest-h4::after{
	display: block;
    height: 2px;
    width: 16px;
    content: "";
	background-color: #002425;
	position: absolute;
	right: 0;
}
.harvest-x{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 210px;
	height: 460px;
	float: left;
	margin: 0 66px;
}
.harvest-x2{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 164px;
	height: 360px;
	float: left;
	margin-right: 55px;
}
.harvest-x3{
	margin: 0 47px!important;
}
.harvest-bg1{
	background-image: url(../images/harvest-bg1.png);
}
.harvest-bg2{
	background-image: url(../images/harvest-bg2.png);
}
.harvest-bg3{
	background-image: url(../images/harvest-bg3.png);
}
.harvest-bg4{
	background-image: url(../images/harvest-bg4.png);
}
.harvest-bg5{
	background-image: url(../images/harvest-bg5.png);
}
.harvest-x h4{
	text-align: center;
	color: #002425;
	font-size: 12px;
	font-family: SY;
	padding-top: 66px;
}
.harvest-x2 h4{
	text-align: center;
	color: #002425;
	font-size: 12px;
	font-family: SY;
	padding-top: 50px;
}
.harvest-x h4 img,.harvest-x2 h4 img{
	width: 30px;
}
.harvest-p{
	padding: 0 20px;
	font-size: 12px;
	margin-top: 240px;
	line-height: 16px;
}
.harvest-p2{
	padding: 0 20px;
	font-size: 12px;
	margin-top: 50px;
	line-height: 18px;
}

.parter-main{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 60px;
	margin-top: 50px;
}
.parter-main:after{
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "";
}
.parter-x{
	float: left;
	font-size: 24px;
}
.parter-x h5{
	line-height: 80px;
	margin-right: 30px;
	font-size: 16px;
}
.parter-x img{
	width: 790px;
}
.news-list{
	width: 1000px;
	margin: 0 auto;
}
.news-x{
	margin-top: 116px;
}
.news-x img{
	float: left;
	width: 240px;
	border-radius: 5px;
	margin-right: 36px;
}
.news-x h4{
	font-size: 24px;
	color: #2b2d3f;
	line-height: 34px;
	margin-bottom: 12px;
}
.news-x p{
	font-size: 12px;
	color: #555;
	line-height: 24px;
	margin-bottom: 4px;
}

.news-x a{
	text-decoration: none;
	color: #2b2d3f;
}
.news-x a:hover{
	text-decoration: underline;
}
.news-main{
	width: 1000px;
	margin: 0 auto;
}
.news-img{
	text-align: center;
	position: relative;
}
.news-img span{
	color: #939393;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
}
.news-img img{
	width: 490px;
	margin: 64px 0;
}
.news-main h4{
	font-size: 28px;
	color: #101010;
	text-align: center;
	line-height: 28px;
	margin-bottom: 58px;
	margin-top: 96px;
}
.news-main h5{
	font-size: 18px;
	margin-bottom: 50px;
	line-height: 24px;
}
.news-main h5::before{
	height: 34px;
	width: 7px;
	content: "";
	list-style: none;
	display: inline-block;
	background-color: #3cd2da;
	margin-bottom: -10px;
	margin-right: 10px;
}
.news-main p{
	color: #101010;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 40px;
}
.ispan::before{
	margin-bottom: -20px!important;
}
.contact{
	width: 1000px;
	margin: 0 auto;
}
.contact p{
	margin-top: 30px;
	line-height: 24px;
	color: #555;
	font-size: 12px;
	margin-bottom: 4px;
}
.contact-map{
	position: relative;
	width: 800px;
	height: 320px;
}
.bottom{
	background-color: #212121;
	color: #FFF;
	margin-top: 172px;
}
.bottom-main{
	width: 1000px;
	margin: 0 auto;
}
.bottom-left{
	float: left;
	width: 710px;
}
.bottom-left h4{
	font-size: 24px;
	line-height: 60px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 24px;
}
.bottom-left h4::before{
	display: block;
	height: 3px;
	width: 44px;
	clear: both;
	content: "";
	background-color: #fff;
}
.bottom-text{
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 28px;
}
.bottom-text i{
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center; 
	align-items: center;
	border: 1px solid #fff;
	border-radius: 100px;
	float: left;
	margin-right: 16px;
}
.bottom-text i img{
	width: 15px;
	height: 15px;
}
.bottom-right{
	float: right;
	margin-top: 136px;
}
.bottom-right p{
	width: 100px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	float: right;
	margin-left: 68px;
}
.bottom-right p img{
	width: 100%;
}
.copyright{
	border-top: #4d4d4d 1px solid;
	line-height: 60px;
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
}
.bottom-sign{
	float: right;
	height: 50px;
}
.bottom-sign img{
	display: block;
	margin-top: 18px;
	margin-left: 24px;
	float: left;
}