.comon-title{color:#333;font-size:40px;margin-bottom:42px;position:relative;}
.comon-title .more{position:absolute;top:0;right:0;line-height:24px;}
.comon-title .more a{color:#21427d;font-size:14px;}
.news{padding:40px 0;position: relative;background: url(news-bg.jpg) no-repeat bottom center;background-size: cover;}
.notice{padding:30px 0 270px 0;position:relative;z-index:1;background: url(notice-bg.jpg) no-repeat top center;background-size: cover;overflow:hidden;}
.news-box{padding:15px;background:#fff;}
.news-box2{padding:30px 0 30px 18px;background:#fff;}
.notice-box{width:100%;padding:22% 0;background: url(bg.jpg) no-repeat;background-size: cover;}
.notice-title{width:50%;font-size:36px;color:#6487a3;margin:0 auto;padding:10% 5%;background: rgba(255,255,255,0.7);}
.notice .tcbg{position: absolute;background:#e0e0e0;transform: rotate(-3deg);transform-origin: right bottom;-ms-transform: rotate(-3deg);-ms-transform-origin: right bottom;height: 150px;width: 200%;right: -205px;bottom: 0px;z-index: -2;}

.notice-tab{position:relative;}
.notice-tab .hd{margin-bottom:60px;}
.notice-tab .hd li{display:inline-block;font-size:24px;color:#2d4369;padding:5px 25px;margin:0 5px;border:1px solid #b2c1db;background: rgba(255,255,255,0.7);letter-spacing:4px;cursor:pointer;}
.notice-tab .notice-tab-list{display:none;}
.notice-tab .hd li.on{color:#fff;background: rgba(4,55,142,0.53);}
.notice-tab .more{position:absolute;top:10px;right:0;}
.notice-tab .more a,.notice-tab .more2 a{color:#21427d;font-size:14px;}
.notice-tab .more2{padding:10px;border:1px solid #b2c1db;text-align:center;margin-bottom:25px;}

.campus{margin-top:-200px;background:#e0e0e0;padding-bottom:80px;}
.campus .container{position:relative;z-index:2;}
.campus-title{font-size:36px;color:#37506c;line-height:40px;background:#e0e0e0;padding:60px 31px 0 31px;}
.campus-title a{font-size:16px;color:#37506c;padding:50px 10px 0;display:inline-block;line-height:20px;}

.showbox{padding-top:130px;padding-bottom:60px;background: #0c2653 url(showbg.jpg) no-repeat right bottom;background-size: cover;}
.showbox .mg0{margin:0;}
.showbox .pd0{padding:0;}
.show-item{margin:0;position:relative;}
.showbox .mask{width:100%;height:297px;background: url(mask06.jpg);background-size:cover;}
.showbox .mask1{background: url(mask01.jpg);}
.showbox .mask2{background: url(mask02.jpg);}
.showbox .mask3{background: url(mask03.jpg);}
.showbox .mask4{width:100%;height:850px;background: url(mask04.jpg);background-size:cover;}
.showbox .mask5{width:100%;height:525px;background: url(mask05.jpg);background-size:cover;}
.showbox .mask7{background: url(mask07.jpg);}
.showbox .mask8{background: url(mask08.jpg);}
.show-pic a{font-size:24px;color:#fff;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;-ms-flex-direction: column;flex-direction: column;}
.show-pic a i{width:72px;height:72px;display:block;margin-bottom:10px;background-size: cover;transition: 0.3s;}
.show-pic a .xl{background-image: url(icon_xl.png);}
.show-pic a .ts{background-image: url(icon_ts.png);}
.show-pic a .tel{background-image: url(icon_tel.png);}
.show-pic a .fj{background-image: url(icon_fj.png);}
.show-pic a .vd{background-image: url(icon_vd.png);margin-bottom:30px;}
.show-pic a .map{background-image: url(icon_map.png);}
.show-pic a .fw{background-image: url(icon_fw.png);margin-bottom:20px;}
.show-pic a .xy{background-image: url(icon_xy.png);}
.show-pic a:hover{background: rgba(0,0,0,0.35);}
.show-pic a:hover i{background-color:#0c2653;border-radius:50%;transform: rotate(-30deg);-ms-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-o-transform: rotate(-30deg);}
.special{padding:60px 0 230px 0;background: #f5f5f5 url(totem.png) left 30px no-repeat;}
.special-pic{margin-bottom:12px;overflow:hidden;}
.special-pic img{max-width:100%;height:auto;transition:all 0.6s ease-out 0s;}
.special-pic:hover img{transform:scale(1.1);}

.links{padding-bottom:64px;background: url(linkbg.png) center bottom no-repeat;background-size: cover;margin-top:-180px;}
.links-title{font-size:28px;color:#1c2d4f;line-height:31px;border-left:14px solid #04378e;padding-left:20px;margin-bottom:40px;}
.links-list{display:-ms-flexbox;display: flex;flex-wrap:wrap;justify-content:space-between;}
.links-list li a{font-size:18px;color:#fff;display:block;}
.links-list li a i{width:60px;height:60px;display:block;transition: 0.3s;margin:40px auto;background-size:cover;}
.links-list li a .lk01{background-image: url(lk01.png);}
.links-list li a .lk02{background-image: url(lk02.png);}
.links-list li a .lk03{background-image: url(lk03.png);}
.links-list li a .lk04{background-image: url(lk04.png);}
.links-list li a .lk05{background-image: url(lk05.png);}
.links-list li a .lk06{background-image: url(lk06.png);}
.links-list li a:hover i{transform: rotate(-15deg);-ms-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);}
@media (min-width: 768px){
	.news-slide{margin-right:10px;}
	.news-box{margin-left:10px;}
	.campus-slider{margin-left:10px;}
	.campus-title a{writing-mode:tb-rl;writing-mode:vertical-lr;}
	.show-item2{margin-left:0;margin-right:4%;}
	.show-left{top:175px;left:4%;z-index:2;}
	.show-left2{bottom:81px;z-index:2;}
	.show-righ2{right:4%;bottom:81px;z-index:2}
}
@media (min-width: 768px) and (max-width: 1200px){
	.showbox .mask{height:200px;}
	.showbox .mask4{height:650px;margin-bottom:12px;}
	.showbox .mask5{height:400px;}
	.show-left2{bottom:87px;}
	.show-righ2{right:4%;bottom:87px;}
}
@media (min-width: 992px) and (max-width: 1440px){
	.notice-box{padding:26% 0;}
	.notice-title{width:60%;font-size:30px;padding: 14% 5%;}
}

@media (max-width: ){
	.notice-box{padding: 35% 0;}
	.notice-title{width:60%;font-size:30px;padding: 14% 5%;}
}
@media (max-width: 767px){
	.comon-title{font-size:20px;margin-bottom:22px;}
	.news{padding:20px 0;}
	.news-box{padding:15px 0 15px 15px;}
	.notice-title{font-size:24px;}
	.notice-tab .hd{margin-bottom:20px;}
	.notice-tab .hd li{width:100%;font-size:18px;margin:5px 0;}
	.notice-tab .hd li a{top:-30px;}
	.notice-tab .more{width:100%;bottom:0;}
	.campus-title{padding:20px;font-size:24px;}
	.campus-title a{float:right;padding:10px;}
	.showbox{padding:20px 0;}
	.show-left{margin-bottom:12px;}
	.show-left2,.show-righ2{bottom:0}
	.showbox .mask{height:120px;}
	.showbox .mask4,.showbox .mask5{height:200px;margin-bottom:12px;}
	.show-pic a{font-size:16px;}
	.show-pic a i{width:40px;height:40px;}
	.links-title{font-size:20px;}
	.links-list li{width:33.333%;text-align:center;}
	.links-list{justify-content:left;}
	.links-list li a{font-size:16px;}
	.links-list li a i{width:40px;height:40px;margin:10px auto;}
}