.common-head{position:relative;margin:35px 0;text-align:center;}
.common-head h3{color:#2f6c61;font-size:34px;line-height:60px;font-weight:bold;}
.common-head span{font-weight:normal;padding:0 5px;}
.common-head .more{position:absolute;bottom:20px;right:0;}
.common-head .more a {display:block;color:#fff;width:38px;height:7px;background: url(more.png) no-repeat;text-indent:-9999px;}
.section-page1{padding-bottom:55px;background:#fafafa;}
.section-page2{padding-bottom:55px;background:#e5f1ee;}
.section-page3{padding:0 0 30px;background:#ffffff;}
.section-page4{padding:0 0 40px;background: url(bg.png) center bottom no-repeat;background-size:cover;}
.section-page5{padding:20px 0;background:#ffffff;}
.common-tabs .hd{margin:40px 0;}
.tabs-nav{text-align:center;}
.tabs-nav>li{display:inline-block;color:#3d3e3e;font-size:34px;line-height:60px;padding:0 20px;font-weight:bold;cursor:pointer;position:relative;}
.tabs-nav>li>a{color:#3d3e3e;}
.tabs-nav>li span{font-size:20px;position:absolute;top:0;right:-2px;}
.tabs-nav>li.on>a{color:#2f6c61;}
.tabs-item{display:none;}
.video-box{position:relative;overflow:hidden;height:500px;background-color:#000;margin-bottom:24px;}
.video-box video{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
.video-box .play{position: absolute;left:50%;top:50%;z-index:3;margin:-23px 0 0 -23px;width:55px;height:55px;background: url(play.png) center center no-repeat;background-size:contain;cursor:pointer;}
.video-box:hover video{-webkit-transform:translate(-50%,-50%) scale(1.05);-moz-transform:translate(-50%,-50%) scale(1.05);-ms-transform:translate(-50%,-50%) scale(1.05);-o-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}
.campus-box{position:relative;overflow: hidden;height:240px;margin-bottom:20px;}
.campus-box .text{position:absolute;width:100%;left:0;bottom:0;padding:30px 40px;color:#fff;font-size:20px;text-align:center;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));}
.campus-box .text a{display:block;font-size:24px;color:#fff;}
.campus-box .text2{background: linear-gradient(rgba(124,80,24,0),rgba(124,80,24,0.7));}
.campus-box .mask{width:100%;height:100%;position:absolute;top:0;left:0;background-color: rgba(124,80,24,.43);}
.campus-box img{display: block;width:100%;height:100%;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;}
.campus-box:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.campus-box2{position:relative;height:240px;margin-bottom:20px;overflow:hidden;}
.campus-box2 a{display:block;color:#fff;font-size:20px;width:100%;height:100%;position:relative;text-align:center;overflow:hidden;}
.campus-box2 a img{display:block;margin:65px auto 30px auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.campus-box2 a:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.campus-bg1{background-color:#4a736c;}
.campus-bg2{background-color:#75b27b;}
.quick-list{width:100%;display: flex;justify-content: left;flex-wrap: wrap}
.quick-list li{width:14.285%;display:block;margin-bottom:20px;padding:0 10px;overflow:hidden;cursor:pointer;text-align:center;}
.quick-list li a{display:block;color:#717171;font-size:18px;}
.quick-list li a img{display:block;margin:0 auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.quick-list li a span{display:block;margin-top:45px;}
.quick-list li a:hover img{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
@media (max-width: 1400px){

}
@media (max-width: 1200px){
	
}
@media (max-width: 991px){
	.common-head h3,.tabs-nav>li{font-size:24px;}
	.video-box{height:400px;}
	.campus-box,.campus-box2{height:190px;}
	.campus-box2 a img{margin:25px auto;}
}
@media (max-width: 767px){
	.common-head{margin:20px 0;}
	.common-head h3,.tabs-nav>li{font-size:20px;line-height:40px;}
	.quick-list li{width:50%;}
	.quick-list li a{font-size:16px;}
	.quick-list li a img{height:50px;}
	.quick-list li a span{margin-top:20px;}
}