.news{position:relative;padding-bottom:80px;background:#efefef;}
.commom-head{position:relative;margin:42px 0;}
.commom-head .title{font-size:36px;color:#252525;}
.commom-head .more{position:absolute;bottom:10px;right:0;}
.commom-head .more a{color:#3d5470;display:block;padding:5px 62px 5px 0;background: url(more.png) right center no-repeat;}
.special{padding-bottom:40px;}
.special-title{max-width:100px;margin:0 auto;padding:30px 30px;height:535px;text-align:center;position:relative;}
.special-title:before{content:'';width:1px;height:100%;position:absolute;top:0;left:0;background: url(line.png) no-repeat;}
.special-title:after{content:'';width:1px;height:100%;position:absolute;top:0;right:0;background: url(line.png) no-repeat;}
.special-title h3{color:#3e3e3e;margin-top:20px;font-size:36px;writing-mode: tb-lr;writing-mode: vertical-lr;}
.special-title a{color:#767676;display:block;padding:10px 10px 62px 10px;background: url(more2.png) center bottom no-repeat;transition: 0.4s;}
.special-title a:hover{margin-top:10px;transition: 0.4s;}
.special-box{padding:10px;border:1px dashed #00479d;position:relative;margin:35px 0;}
.special-box .pic{width:100%;height:100%;min-height:100px;position:relative;overflow:hidden;}
.special-box .pic img{width:100%;height:100%;transition: transform 0.5s;}
.special-box:hover .pic img{transform:scale(1.1,1.1);}
.special-box2{border:1px dashed #bcdfb0;}
.special-box3{border:1px dashed #7e6b5a;}
.special-box4{border:1px dashed #a40000;}
.special-box .text{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.special-box .text a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.special-box .tit{font-size:24px;color:#fff;position: absolute;left: 30px;top: 40px;writing-mode: tb-lr;writing-mode: vertical-lr;}
.special-box .more{font-size:14px;color:#fff;position: absolute;right: 30px;bottom: 40px;writing-mode: tb-lr;writing-mode: vertical-lr;text-align: center;}
.special-pic{width:100%;min-height:100px;position:relative;overflow:hidden;}
.special-pic img{width:100%;height:100%;transition: transform 0.5s;}
.special-pic:hover img{transform:scale(1.1,1.1);}
.notice{padding-top:60px;padding-bottom:127px;}
.notice-slider img{width:100%;height:auto;}
.notice-title h3{font-size:40px;color:#333;margin-top:40px;margin-bottom:30px;}
.notice-title a{color:#3d5470;display:inline-block;padding:10px 72px 10px 10px;background: url(more.png) right center no-repeat;transition: 0.4s;}
.notice-title a:hover{margin-right:20px;transition: 0.4s;}
.notice-list{position: relative;margin:0 9%;padding:10px 20px;margin-top: -160px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.news-more{padding-top:10px;}
.news-more a{color:#3d5470;}
.campus-box{height:381px;position:relative; overflow:hidden;}
.campus-box .pic{height:100%;position:relative; overflow:hidden;}
.campus-box .pic img{width:100%;height:100%;transition: transform 0.5s;}
.campus-box .text{left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);z-index: 110;}
.campus-box .text a{margin: 0 60px;display:block;}
.campus-box .text a span{background-color: hsla(0, 0%, 100%, .37);border-radius: 50%;cursor: pointer;margin-bottom: 30px;padding: 20px;position: relative;display: flex;justify-content: center;align-items: center;}
.campus-box .text a span:before {bottom: -20px;left: -20px;right: -20px;top: -20px;}
.campus-box .text a span:after {bottom: -10px;left: -10px;right: -10px;top: -10px;}
.campus-box .text a span:after, .campus-box .text a span:before{animation: ringKey 3s ease-in-out infinite;border: 1px solid hsla(0, 0%, 100%, .48);border-radius: 50%;content: "";position: absolute;}
.campus-box .text a p{color: #fff; font-size: 17px;font-weight: 700;white-space: nowrap;text-align:center;}
.video-box{height:381px;position:relative; overflow:hidden;}
.video-box img{width:100%;height:100%;transition: transform 0.5s;}
.video-box a:after{position: absolute;height:51px;width:51px;top: 50%;left: 0;right: 0;background-color: rgba(27,27,27,.35);background-image: url(play.png);background-position:center center;background-repeat:no-repeat;content:"";margin: auto;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.video-box .play span{display:inline-block;width:51px;height:51px;}
.video-box:hover img,.campus-box:hover .pic img{transform:scale(1.1,1.1);}
.video-title{color:#3d5470;font-size:18px;margin-top:15px;}
.service{background:#00479d;padding-top:135px;padding-bottom:70px;}
.service .mg0{margin:0;}
.service .pd0{padding:0;}
.service-left{padding-left:24px;}
.service-right{position:absolute;top:-194px;right:100px;}
.service-item{position:relative;}
.service-box{width:100%;height:289px;position:relative;z-index:1;}
.service-box .item{width:100%;height:100%;display:block;padding:160px 20px 20px 20px;position:relative;text-align:left;}
.service-box .item img{display:block;margin-bottom:10px;transition: all .3s;}
.service-box .item span{display:block;position:relative;font-size:22px;color:#fff;padding-bottom:14px;}
.service-box .item span:after{content: "";border-bottom:2px solid #f5f7f7;display:block;width:30px;position: absolute;bottom:0;left: 0;}
.service-box .item:hover img {transform: scale(.9);}
.service-box1{background: url(bg1.jpg) center center no-repeat;background-size:cover;}
.service-box2{background: url(bg2.jpg) center center no-repeat;background-size:cover;}
.service-box4{background: url(bg3.jpg) center center no-repeat;background-size:cover;}
.service-box5{width:100%;height:772px;background: url(bg4.jpg) center center no-repeat;background-size:cover;}
.service-box5 .text{width:40%;margin:0 auto;padding:30% 0;text-align:center;}
.service-box5 .text a{display:block;font-size:28px;color:#fff;}
.service-box5 .text img{margin-right:20px;transition: all .3s;}
.service-box5 .text h3{font-size:24px;color:#fff;margin-top:40px;margin-bottom:30px;}
.service-box5 .text p{font-size:20px;color:#fff;border:1px solid #fff;padding:5px 10px;margin-bottom:20px;}
.service-box5 .text:hover img {transform: scale(.9);}
.service-box6{width:100%;height:589px;position:relative;background: url(bg5.jpg) center center no-repeat;background-size:cover;}
.service-box6 .item{width:100%;height:100%;display:block;padding:30% 0px;position:relative;text-align:center;}
.service-box6 .text{width:100%;height:100%;}
.service-box6 .item img{display:block;float:left;transition: all .3s;}
.service-box6 .item:hover img {transform: scale(.9);}
.service-box6 .item span{display:block;width:50%;margin:0 auto;}
.service-box6 .item span.title{font-size:26px;color:#fff;border-bottom:1px solid #fff;padding:15px;margin-bottom:20px;}
.service-box6 .item span.more{font-size:18px;color:#fff;}
.service-box7{background: url(bg6.jpg) center center no-repeat;background-size:cover;}
.service-box8{background: url(bg7.jpg) center center no-repeat;background-size:cover;}
.service-box10{background: url(bg8.jpg) center center no-repeat;background-size:cover;}
.section-layer{background: url(bg.png) center bottom no-repeat;}
.quick{padding-bottom:80px;background-color:rgba(244,244,244,0.5);}
.quick-nav{margin:0 -55px;}
.quick-nav>li{width:14.285%;float:left;padding:0 55px;margin:26px 0;}
.quick-nav>li>a{font-size:16px;color:#333;display:block;text-align:center;transition: all 0.2s ease-out 0s;}
.quick-nav>li>a>span{display:block;width:100%;height:auto;position:relative;margin:0 auto;margin-bottom:15px;border:2px dashed #004e96;border-radius:50%;}
.quick-nav>li>a>span>i{display:block;width:92%;height:auto;padding:30%;margin:4%;background-color:rgba(0,78,150,0.57);border-radius:50%;}
.quick-nav>li>a img{max-width:100%;height:auto;}
.quick-nav>li>a:hover>span{border-color:#137de7;}
.quick-nav>li>a:hover>span>i{background:#137de7;}
@keyframes ringKey{25%{opacity:0;transform:scale(.5)}50%{opacity:0;transform:scale(.5)}75%,to{opacity:1;transform:scale(1)}}
@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 screen and (max-width:1300px){
	.quick-nav{margin:0 -20px;}
	.quick-nav>li{padding:0 10px;}
	.quick-nav>li>a>span{width:60%;}
	.quick-nav>li>a>span>i{padding:20%;}
}
@media (max-width: 1200px){
	.service-box{height:200px;}
	.service-box .item{padding:60px 20px 20px 20px;}
	.service-box5{height:595px;}
	.service-box5 .text{width:55%;}
	.service-box6{height:400px;}
}
@media (max-width: 991px){
	.service-right{position:static;}
}
@media (max-width: 767px){
	.news{padding-top:20px;padding-bottom:20px;}
	.campus{padding-bottom:30px;}
	.commom-head{padding-right:120px;margin-top:20px;margin-bottom:30px;}
	.commom-head .title{font-size:20px;}
	.commom-head .more{bottom:0;}
	.notice{padding-bottom:30px;}
	.notice-title{position:relative;overflow:hidden;}
	.notice-title h3{font-size:20px;float:left;}
	.notice-title a{position:absolute;top:30px;right:0;font-size:12px;padding-right:40px;background-size: 30%;}
	.special{padding:20px 0;}
	.special-title{max-width:100%;position:relative;margin-bottom:20px;padding:0;height:auto;}
	.special-title:before,.special-title:after{background:none;}
	.special-title h3{font-size:16px;float:left;margin-top:0;writing-mode: lr-tb;writing-mode: lr-tb;}
	.special-title a{font-size:12px;padding: 5px 30px 5px 0;background: url(more.png) right center no-repeat;background-size:30%;position:absolute;top:0;right:0;}
	.special-box{margin:15px 0;}
	.special-box .tit{font-size:14px;}
	.special-box .more{font-size:12px;}
	.notice-list{margin:0;padding:10px;}
	.service{padding:30px 0;}
	.service-box{height:auto;}
	.service-box .item{padding:20% 5%;}
	.service-box .item span{font-size:14px;}
	.service-box .item img{max-width:30px;}
	.service-box5,.service-box6{height:auto;}
	.service-box5 .text,.service-box6 .item span{width:90%;}
	.quick-nav>li{width:33.33333333%;float:left;margin:15px 0;}
	.quick-nav>li>a>span{width:60px;height:60px;}
	.quick-nav>li>a>span>i{width:46px;height:46px;padding:10px;margin:5px;}
	.video-box,.campus-box{height:auto;}
}
@media (max-width:480px){
	.campus-box .text a span{margin-bottom:25px;}
	.campus-box .text a span img{width:40px;height:auto;}
	.quick-nav>li{width:50%;float:left;margin:15px 0;}
}