
/*通用*/
/*#ea5703;*/
.space_top_1{ padding-top:1em;}
.space_top_2{ padding-top: 2em;}
.space_top_3{ padding-top: 3em;}
.space_top_4{ padding-top: 4vh;}
.space_memu{ padding-top:5em}



.w35{width:35%;}
.w65{width:65%;}
.w30{width:30%;}
.w70{width:70%;}

.title{text-align: center;display: block;margin: 4rem 0;}

@media screen and (max-width:1000px){
	.title{margin: 2rem 0;}
}
.left{float: left;}
.right{float: right;}

.mainpage{overflow: hidden}



.dark_bg{background: rgba(0,0,0,0.2);}
.box_padding{padding: 5rem 0 15rem 0; overflow: hidden}


@media screen and (max-width:1000px){
	
	.box_padding{padding: 5rem 0 8rem 0;}
}

/*HOME*/

.home_slide{width: 100%;height: 100vh;}
.home_slide .swiper-slide{}
.slide_info{text-align: center;color: #FFF;}
.slide_info h1{ letter-spacing:1rem;}
.slide_info h5{ letter-spacing:0.5rem;}
.slide_info a{padding: 1.5rem 4rem;border-radius: 0.5rem; background: #fe5a0e;font-size:1.8rem;font-weight: bold;margin-top: 4rem;color: #FFF;line-height: 5;}
.slide_info a:hover{box-shadow:0 0 15px rgba(255,255,255,0.7);}

.index_team{}
.index_team .limarquee { background:none !important;margin-top: 100px;}
.index_team .limarquee span {color:#FFF; margin:0 15px;width:250px; height:400px; display:inline-block;text-align: center;line-height: 1;cursor:pointer;}
.index_team .limarquee span:hover{transform: scale(1.05);}
.index_team .limarquee span p{line-height:1.6;overflow: hidden;height:7rem;padding: 1rem 1rem;white-space: normal;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.index_team .limarquee span img{border-radius: 2rem;overflow: hidden;margin-bottom: 15px}
.teacher_head{width:250px; height: 340px;overflow: hidden; border-radius: 2rem;margin-bottom: 2rem;}
.index_team h6{padding: 0 2rem;}

@media screen and (max-width:1000px){
	.slide_info{padding: 0 5%;}
	.slide_info h1{ letter-spacing:0;font-size: 5rem;}
	.slide_info h5{ letter-spacing:0.2rem;margin-bottom: 3rem;font-weight: 200;font-size: 2rem;}
	.index_team .limarquee span {margin:0 5px;width:160px; height:330px;overflow: hidden}
	.teacher_head{width:160px; height: 218px;}
}


.whychoose{;overflow: hidden;}
.whychoose li{float: left;width: 21.2%;padding: 0 3%; text-align: center;border-right: 1px solid rgba(255,255,255,0.1);list-style: none;cursor:pointer;}
.whychoose li:hover img{transform: scale(1.2);}
.whychoose li:first-child{padding-left: 0;width: 18.2%}
.whychoose li:last-child{padding-right: 0;width: 18.2%;border-right: 0;}
.whychoose li img{width: 30%;margin-bottom: 4rem;}
.whychoose ul{padding-top:12rem; display: -webkit-box;/*子div 高度自动一致*/}
.whychoose li article{padding-top: 2rem}


@media screen and (max-width:1000px){
	.whychoose ul{padding-top:12rem;display: block}
	.whychoose li,.whychoose li:first-child,.whychoose li:last-child{float: left;width: 80%;border:0;margin: 0 10%;}
	.whychoose li img{width: 20%;margin-bottom: 2rem;}
	.whychoose li,.whychoose li:first-child{border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 3rem; margin-bottom: 3rem;}
}




.index_feedback{position: relative;}
.home_feedback_slide{height: 80vh;}
.index_feedback .title{padding-top: 5rem}
.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 100%; -webkit-background-size: cover;background-size: cover;background-position: center;}
.talkbox{width: 40%;max-width: 700px;margin-left: -25%;background: #2b393b;margin-top: 5vh; border-radius: 2rem;padding: 2rem;}
.talebox ul{overflow: hidden;}
.talkbox ul li{float: left;list-style: none;}
.talkbox ul li:nth-child(1),.talkbox ul li:nth-child(3){width: 100%;font-size: 10rem;line-height:0;}
.talkbox ul li:nth-child(1){text-align: left;margin-top: 4rem;}
.talkbox ul li:nth-child(3){text-align: right;margin-top:2rem;}
.talkbox ul li:nth-child(2){width:100%;padding: 0 50px;}
.talkbox ul li:nth-child(2) article{margin-top: -2rem;font-size: 1.4rem;line-height: 2}
.talkbox h6{float: right;margin-top: 1rem;padding-right: 50px;}


@media screen and (max-width:1000px){
	.home_feedback_slide{height: 100vh;}
	.talkbox{width: 80%;margin-left:0%;margin-top: 10vh; }
	.talkbox ul li:nth-child(2){padding: 20px 20px;}
	.swiper-button-next:after, .swiper-button-prev:after{display: none}
}


.index_campus{}
.home_campus_slide{height: 75vh;}
.campus_box{background: #FFF;border-radius: 1rem;padding: 2rem; color: #000}
.campus_box>p{font-size: 1.8rem; opacity: 0.5;line-height:2;}

.campus_box h5{font-size:2rem;line-height: 1.4;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break : normal;overflow: hidden;padding:0.5rem 0;height: 6.5rem;}
.campus_box article{margin-bottom: 2rem;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break : normal;overflow: hidden;height: 9.5rem;}
.campus_box>a{border: 1px solid #ccc; border-radius: 1.5rem;display: block;clear: both;text-align: center;padding: 0.5rem;font-size:1.2rem;overflow: hidden;background: #FFF}
.campus_box>a:hover{background: rgba(254,90,14,1);color: #FFF}
.home_campus_slide .swiper-slide:nth-child(odd){margin-top: -10vh;}


.home_campus_slide .swiper-pagination-bullet{ background: #2b393b;border: 2px solid #FFF;width: 1.4rem;height: 1.4rem;}

@media screen and (max-width:1000px){
	
	.home_campus_slide .swiper-slide:nth-child(odd){margin-top:0;}
	
	
}

/*about*/
.banner{width: 100%;height:200px;}
.about_main{text-align: center;margin: 0 auto;max-width: 1000px;}
.about_main h4{margin: 8rem 0;}
.about_main ul{margin: 0 auto;max-width: 1000px;padding-bottom: 8rem;}
.about_main ul li{background: #FFF;border-radius: 2rem; padding: 3rem 5rem; color: #000;margin-bottom: 3rem; overflow: hidden}
.about_main ul li img{width: 25%;}
.about_main ul li img{float: right}
.about_main ul li h5,.about_main ul li article{float: left;width: 60%;}
.about_main ul li h5{text-align: left;line-height: 3;margin-top: 2rem;}
.about_main ul li:nth-child(odd) img{float: left}
.about_main ul li:nth-child(odd) h5,.about_main ul li:nth-child(odd) article{float: right;width: 60%;}
.about_main ul li:nth-child(odd) h5{text-align: right;line-height: 3;margin-top: 2rem;}
.about_main ul li article{font-size: 1.8rem;text-align: left;line-height: 2}

@media screen and (max-width:1000px){
	
	.banner{width: 100%;height:150px;}
	.about_main{width: 90%;margin: 0 5%;}
	.about_main ul li img{width: 50%;margin:0 25%; }
	.about_main ul li{background: #FFF;border-radius: 2rem; padding: 3rem 1rem; }
	.about_main ul li:nth-child(odd) h5,.about_main ul li h5{text-align: center}
	.about_main ul li:nth-child(odd) h5,.about_main ul li:nth-child(odd) article,.about_main ul li h5,.about_main ul li article{width: 90%;margin: 0 5%}
}


.about_team{}
.about_team article{text-align: center;}
.about_team article img{margin: 0 auto; max-width: 1000px;}

.about_teaching{}
.about_teaching article{width: 65%;float: left;line-height: 2;font-size: 1.6rem;}
article>ul>li>p:nth-last-child(1){margin-bottom: 1.5rem;}
.about_teaching>.wrapper>img{float: right;width: 25%;margin-left: 10%;}


.about_linian{} 
.about_linian ul li{width: 30%;margin-right: 5%;float: left;list-style: none;}
.about_linian ul li:nth-last-child(1){margin-right: 0;}
.about_linian ul li article{font-size: 1.4rem;line-height: 2;margin-top: 1rem;}



.term_list{width: 60%;margin: 10rem auto;}
.term_list li{list-style: none;width: 30%;float: left;margin-right: 5%;margin-bottom: 3%;text-align: center;cursor:pointer;}
.term_list li:hover{transform: scale(1.05);}
.term_list li:nth-child(3n){margin-right: 0}
.term_list li p{height: 8rem;}
.term_list li img{border-radius: 2rem;overflow: hidden}

@media screen and (max-width:1000px){
	.about_teaching article{width: 90%;margin: 0 5%;}
	.about_teaching>.wrapper>img{float: right;width: 60%;margin: 0 20%;}
	.about_linian ul li{width: 100%;margin-right:0;margin-bottom:4rem;}
	.term_list{width:90%;margin: 6rem 5%;}
	.term_list li{list-style: none;width: 47%;float: left;margin-right: 6%;}
	.term_list li:nth-child(3n){margin-right:6%}
	.term_list li:nth-child(2n){margin-right:0}
	.term_list li p{height: 6rem;}
}



/*校园点滴*/
.campus_list{}
.campus_list li{width: 22%;float: left;list-style: none; margin-right: 4%;margin-bottom: 4%;}
.campus_list li:nth-child(4n){margin-right: 0}

.box_detail{background: #FFF; border-radius: 2rem; overflow: hidden;width: 100%;min-height: 50vh;color: #000;padding-bottom: 10rem;padding-top: 5rem;}
.box_detail>h3{padding:5rem 20rem;}
.box_detail>h6{padding:1rem 20rem 5rem 20rem;}
.box_detail>h6 span{font-weight: bold;margin-right: 2rem;}
.box_detail article{padding:5rem 20rem; overflow: hidden;display: block; font-size: 1.6rem;}

.box_detail article img{ padding: 0 10rem;}
.box_contact{background: #FFF; border-radius: 2rem; overflow: hidden;width: 100%;min-height: 50vh;color: #000;padding-bottom: 10rem;padding: 0 0 15rem 0; margin: 5rem 0 10rem 0;text-align: center;}
.box_contact article{font-size: 1.6rem;padding-top: 3rem;}


.back{display: block;width: 5rem; height:5rem; background: url("../Images/icon_back.svg") no-repeat center;background-size:3rem; clear: both;margin:0 10rem;border-radius: 50%;border: 2px solid #000;opacity: 0.3;float: right}


@media screen and (max-width:1000px){
	
	.campus_list li{width: 100%;float: left;list-style: none; margin-right:0;margin-bottom: 4%;}
	.campus_list li:nth-child(4n){margin-right: 0}
	.box_detail{padding-bottom: 5rem;padding-top: 3rem;}
	.box_detail>h3{padding:0 2rem;}
	.box_detail>h6{padding:1rem 2rem 2rem 2rem;}
	.box_detail article img{ padding: 0;}
	.box_detail article{padding:2rem 2rem; overflow: hidden;display: block; font-size: 1.6rem;}
	.back{margin:2rem 2rem;}
}

.term_detail{background: #FFF; border-radius: 2rem; overflow: hidden;width: 100%;min-height: 50vh;color: #000;padding-bottom: 10rem;padding: 3rem;margin: 6rem auto;}
.term_detail>h5{text-align: center;margin:2rem 0 6rem 0;}
.term_detail>img{width: 25%;float: left;margin-left: 15%;}
.term_detail>article{width:35%;float: right;margin-right: 15%;font-size:1.8rem;}

.term_video li{list-style: none;width: 22.75%;margin-right: 3%;float: left;margin-bottom: 3%;}
.term_video li:nth-child(4n){margin-right: 0}

@media screen and (max-width:1000px){
	.term_detail{padding: 2rem;}
	.term_detail>img{width: 100%;margin-left: 0;padding-bottom: 3rem}
	.term_detail>article{width:100%;margin-right: 0;font-size:1.8rem;}
	.term_video li{list-style: none;width: 48%;margin-right: 4%;}
	.term_video li:nth-child(2n){margin-right: 0}
}


.box_form{background: #FFF; border-radius: 2rem; overflow: hidden;width: 100%;min-height: 50vh;color: #000;padding-bottom: 10rem;padding: 5rem;}
.checkbox{width: 50%;margin: 0 auto;}
.box_form ul{padding: 5rem 0;}
.box_form li{list-style: none;font-size: 1.6rem;margin-bottom:2rem; border-bottom: 1px dashed #EEE;padding-bottom: 1rem;}

.theform{color: #9b9b9b}


@media screen and (max-width:1000px){
	.checkbox{width: 100%;margin: 0 auto;}
	.box_form{min-height: 30vh;}
	.box_form ul{padding:3rem 0;}
	.box_form{padding-bottom: 10rem;padding: 2rem;}
	.box_form li{font-size: 1.3rem;}
}


/*header*/
.header{ background:rgba(255,255,255,0); height: 8rem;position: fixed;z-index: 10;width:100%;overflow:hidden}
.header .logo{width:30%;height: 4.5rem;float: left;margin:2rem 0; cursor:pointer;background: url(../Images/logoW.svg) center left no-repeat; background-size:auto 100%;}

@media screen and (max-width:1000px){
	.header{height: 7rem;}
	.header .logo{width:70%;}
	.header .logo>img{height: 6rem;padding-top: 1rem;}
	
}

.submenu{width:100%;height:5rem;background:rgba(255,255,255,0.15); text-align: center;}
.submenu a{text-align: center;color: #FFF;line-height: 5rem; margin: 0 6rem; font-size: 1.4rem;}
.submenu a.active{color: #fe5a0e;}

@media screen and (max-width:1000px){

	.submenu a{text-align: center;color: #FFF;line-height: 5rem; margin: 0 1rem; font-size: 1.4rem;}
}


/* presentational */
.menu{width:60%;float: right;z-index: 5;}
.menu a {font-size: 1.4rem;white-space:nowrap; color: #FFF;}
.menu>ul>li>a{}
.menu a:hover {}
.menu ul,
.menu>ul>li { list-style-type: none; padding: 0 1.5rem; margin: 0;}
.menu > ul { display: flex; justify-content: space-between;flex-wrap: wrap;}
.menu > ul > li { display: inline-block;  text-align: left;margin-top: 2rem;}
.menu > ul > li a{text-align: left; line-height: 4rem;}
.menu > ul > li a>span{height: 2px;width:100%;border-bottom:2px solid rgba(254,90,14,0);padding-bottom: 1em;}
.menu > ul > li a.active span{color: rgba(254,90,14,1); font-weight: bold;font-size: 120%;}
.menu > ul > li:hover a>span{border-bottom:2px solid rgba(254,90,14,1);}
.menu > ul > li:hover span{opacity: 0.5}
.menu > ul > li.special{background: rgba(254,90,14,1);border-radius: 0.5rem;}
.menu > ul > li.special:hover a>span{border-bottom:2px solid rgba(254,90,14,0);}
.menu > ul > li.special:hover span{opacity: 1}

@media screen and (max-width:1000px){

	.menu{display: none}
}

.sub-menu-parent { position: relative; }

.sub-menu { white-space:nowrap;
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.sub-menu {background:none;}
.sub-menu li:hover a{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.sub-menu a{color: #FFF; line-height:2.5;font-size: 1.4rem;font-weight: bold;}
.sub-menu li:nth-child(1){ padding-top: 1.5em;}

/*footer*/

.footer {padding: 5rem 0; opacity: 1; overflow: hidden;border-top: 1px solid rgba(255,255,255,0.2);}
.footer ul{overflow:hidden}
.footer a{color: #FFF;}
.footer>.wrapper>ul{display: -webkit-box;}
.footer ul li{list-style: none;}

.footer>.wrapper>ul>li:nth-child(1){width: 17%;float: left;border-right: 1px solid rgba(255,255,255,0.2);}
.footer>.wrapper>ul>li:nth-child(2){width: 66%;float: left;border-right: 1px solid rgba(255,255,255,0.2);padding:  0 0 0 4rem}
.footer>.wrapper>ul>li:nth-child(3){width: 17%;float: left;padding-left: 4rem;}
.footer>.wrapper>ul>li>ul>li{width: 16.666%;float: left;line-height: 2;}
.footer>.wrapper>ul>li>ul>li>a{display: block;color:rgba(255,255,255,0.3);}

.footer .weixin{width: 130px;clear: both; text-align: center}
.footer .weixin img{width: 100px;}
.footer .copyright{margin-top: 40px;overflow: hidden;padding-top: 10px;color: #aaa;width: 100%;text-align: center}


	@media screen and (max-width:1000px){
		.footer>.wrapper>ul{display: block;}
		.footer>.wrapper>ul>li:nth-child(1){width: 100%;border: 0;text-align: center}
		.footer>.wrapper>ul>li:nth-child(2){display: none;}
		.footer>.wrapper>ul>li:nth-child(3){width: 100%;padding-left:0}
		.footer .weixin{margin: 0 auto;padding-top: 3rem;}

	}
.blur{-webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }

/* 黑白效果
html {
        filter: grayscale(100%); 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        -webkit-filter: grayscale(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/

