.section-page1{padding-top:25px;padding-bottom:50px;}
.section-page2{padding-top:45px;padding-bottom:430px;background: url(bg1.png) center top no-repeat;background-size:cover;}
.section-page3{padding-bottom:60px;background: url(bg3.png) center top repeat-x;}
.section-page4{padding:40px 0 60px;background: url(bg2.png) center center no-repeat;background-size:cover;}
.section-page5{padding:60px 0 60px;}
.section-page6{padding:50px 0;background:#f9f9f9;}
.fz28{font-size:28px}
.common-head{margin-bottom:50px;line-height:50px;position:relative;}
.common-head .title{color:#225ca6;font-weight:bold;text-align:center;}
.common-head .more{position:absolute;top:0;right:0;}
.common-head .more a{color:#1d4476;font-size:16px;}
.section-page2 .common-head .title,.section-page2 .common-head .more a,.trends .common-head .title,.trends .common-head .more a,.section-page4 .common-head .title,.section-page4 .common-head .more a{color:#fff;}
.notice-box{width:100%;position:relative;}
.notice-box:after{width:100%;height:1px;background:#fff;position:absolute;bottom:9px;left:0;content:"";}
.section-page2 .common-head{margin-bottom:30px;}
.section-page3 .common-head{margin-bottom:32px;}
.trends{position:relative;padding:25px 10px 0 10px;margin-top:-350px;background: rgba(255,255,255,.18);}
.campus{margin-top:40px;}
.campus .row{margin:0;}
.campus .col-pd{padding:0;}
.campus-box{width:100%;position:relative;margin-bottom:1px;}
.campus-box .pic{height:394px;position:relative;overflow:hidden;}
.campus-box .pic img{width:100%;height:100%;object-fit: cover;transition: transform linear 0.3s;}
.campus-box .text{width:100%;height:54px;line-height:54px;position:absolute;left:0;bottom:0;background: rgba(0,117,194,.84);}
.campus-box .text a{display:block;color:#fff;font-size:24px;text-align:center;}
.campus-box .text2{background: rgba(0,250,189,.84);}
.campus-box .text3{background: rgba(110,185,43,.84);}
.campus-box .text4{background: rgba(210,160,97,.84);}
.campus-box:hover .pic img{transform: scale(1.05);}
.video-box{position:relative;overflow:hidden;height:394px;margin-bottom:1px;background-color:#000;}
.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:hover video{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
.video-box .play {position: absolute;background: rgba(9,117,194,.34);height: 86px;width: 86px;top: 50%;left: 0;right: 0;margin: auto;text-align: center;line-height:86px;display: inline-block;color: #000 !important;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.video-box .play::before,.video-box .play::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;background-color: #ffffff;opacity: 0.15;z-index: -10;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.video-box .play::before {z-index: -10;-webkit-animation: inner-ripple 2000ms linear infinite;-moz-animation: inner-ripple 2000ms linear infinite;animation: inner-ripple 2000ms linear infinite;}
.video-box .play::after {z-index: -10;-webkit-animation: outer-ripple 2000ms linear infinite;-moz-animation: outer-ripple 2000ms linear infinite;animation: outer-ripple 2000ms linear infinite;}
.video-box .play span{display:block;width:78px;height:78px;margin:4px;background: url(play.png) center center no-repeat;}
.quick-box{padding-bottom:40px;}
.quick-list li{overflow: hidden;display: block;position: relative;}
.quick-list li a{display:block;color:#fff;height:100%;text-align:center;position:relative;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
.quick-list li a img{width:60px;display:block;margin:0 auto;transition: all 0.5s ease-in-out;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.quick-list li a span{ width:100%;display:block;color: #234159; font-size:16px;line-height:30px;margin-top:20px;}
.quick-list li a:hover img{transform:rotateY(180deg);}
.scroll-box .scroll-title{width:66px;height:166px;float:left;background:#217fc3;}
.scroll-box .scroll-title h3{color:#fff;font-size:24px;padding:25px 10px;font-weight:bold;}
.scroll-box .scroll-list{margin-left:100px;}
@keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-filter: alpha(opacity=50);
	}

	80% {
		transform: scale(1.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
	}

	100% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}
}
@-webkit-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}

@-moz-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}
@media (min-width: 992px){
	.section-page2 .common-box,.section-page2 .notice-box,.section-page4 .common-box,.section-page5 .common-box,.section-page6 .scroll-box{transform: translateY(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page3 .col-box1{transform: translate(80px,80px);opacity: 0;transition: all 1s ease-out 0s;}
	.section-page3 .col-box2{transform: translate(80px,80px);opacity: 0;transition: all 1s ease-out 0.2s;}
	.section-page3 .col-box3{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.4s;}
	.section-page3 .col-box4{transform: translate(80px,80px);opacity: 0;transition: all 1s ease-out 0.6s;}
	.section-page3 .col-box5{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.8s;}
	.section-page3 .col-box6{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 1s;}
	.section-page2.showdiv .common-box,.section-page2.showdiv .notice-box,.section-page4.showdiv .common-box,.section-page5.showdiv .common-box,.section-page6.showdiv .scroll-box{transform: translateY(0);opacity: 1;}
	.section-page3.showdiv .col-box1,.section-page3.showdiv .col-box2,.section-page3.showdiv .col-box3,.section-page3.showdiv .col-box4,.section-page3.showdiv .col-box5,.section-page3.showdiv .col-box6{transform:none;opacity:1;}
	.section-page6 .li1{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0s;}
	.section-page6 .li2{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.2s;}
	.section-page6 .li3{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.4s;}
	.section-page6 .li4{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.6s;}
	.section-page6 .li5{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 0.8s;}
	.section-page6 .li6{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 1s;}
	.section-page6 .li7{transform: translate(-80px,80px);opacity: 0;transition: all 1s ease-out 1.2s;}
	.section-page6.showdiv .li1,.section-page6.showdiv .li2,.section-page6.showdiv .li3,.section-page6.showdiv .li4,.section-page6.showdiv .li5,.section-page6.showdiv .li6,.section-page6.showdiv .li7{transform:none;opacity:1;}
	.quick-list li{width:14.285%;}
}
@media (max-width: 1200px){
	.fz28{font-size:24px;}
	.campus-box .pic,.video-box{height:330px;}
}
@media (max-width: 991px){
	.common-head{margin-bottom:25px;}
	.campus-box .pic,.video-box{height:275px;}
	.campus-box .text a{font-size:18px;}
}
@media (max-width: 767px){
	.fz28{font-size:20px;}
	.campus-box .pic{height:auto;}
	.campus-box .text a{font-size:16px;}
	.scroll-box .scroll-title{width:100%;height:auto;font-size:20px;margin-bottom:20px;}
	.scroll-box .scroll-list{width:100%;margin-left:0;float:left;}
}