@media screen and (min-width: 1280px) and (max-width: 1650px) {
.header{ height:120px;}
.header .logo{margin: 45px 0 0 20px; }
.header .logo img{height:50px;}
.header .home{ position:fixed; right:20px; top:30px;}
.header .home a{ float:left; color:#FFF; margin:0 7px; font-size:16px;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
.header .home a i{ font-size:18px;}

.header .menus{position:fixed; right:20px; top:70px;}
.header .menus li{margin:0 7px; float:left; position: relative; padding-bottom:30px;}
.header .menus a{color:#FFF; font-size:16px; font-weight: bold;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}

.xzfc{ margin-top:-80px;}

.other{aspect-ratio: 1915/2250; padding-top:30px;}
.other .img{ display:none;}
.other .college { width:50%;}
.other .magazine{width:35%; left:50%; top:450px;}
.other .magazine .brief{ position:absolute; right:-40%; bottom:-40%;top:auto;}
}
@media screen and (min-width: 1746px) and (max-width: 1800px) {
	.other{aspect-ratio: 1915/1880; padding-top:80px;}
}
@media screen and (min-width: 1600px) and (max-width: 1745px) {
	.other{aspect-ratio: 1915/1930; padding-top:80px;}
	.other .img{ display:none;}
	.other .magazine .brief{ position:absolute; right:-37%; bottom:-40%;top:auto;}
}
@media screen and (min-width: 1536px) and (max-width: 1599px) {
	.other{aspect-ratio: 1915/2030; padding-top:80px;}
	.other .img{ display:none;}
	.other .magazine .brief{ position:absolute; right:-40%; bottom:-40%;top:auto;}
}
	
@media screen and (min-width: 1536px) and (max-width: 1650px) {
.header .home a{ float:left; color:#FFF; margin:0 10px; font-size:16px;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
.header .home a i{ font-size:18px;}
.header .menus li{margin:0 10px; float:left; position: relative;}
.header .menus a{color:#FFF; font-size:20px; font-weight: bold;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
}
@media screen and (min-width: 1400px) and (max-width: 1535px) {
.header .menus li{margin:0 7px; float:left; position: relative;}
.header .menus a{color:#FFF; font-size:19px; font-weight: bold;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
}
@media screen and (min-width: 1350px) and (max-width: 1535px) {
.header .menus a{color:#FFF; font-size:18px; font-weight: bold;text-shadow: 0px 2px 2px rgb(0 0 0 / 90%);}
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
.header{ height:120px;}
.header .logo{margin: 25px 0 0 20px; }
.header .logo img{height:40px;}
.other{aspect-ratio: 1915/2550; margin-top:100px;}
.other .img{ display:none;}
.other .magazine .brief{margin:0;}
}

@media screen and (max-width: 1200px) {
	.header .logo{margin:15px 0 0 15px; }
	.header .logo img{height:35px;}
	.home{ display:none;}
	.header .menus{ background:rgb(0,0,0,.8); position:fixed; left:0;top:-100%; width:100%; height:100%; z-index:1001; padding-top:160px;transition: top .5s ease;}
	.header .menus.show{top: 0;}
	.header .menus.show .close{ display: block; position: absolute; z-index:1005; color:#FFF; right:30px; top:30px; font-size:32px;}
	.header .menus li{ width:100%;padding-left:10px; margin:0 0 20px 20px; padding-bottom:0;font-size:18px; font-weight:normal; border-left:#2DB7B3 3px solid;}
	.header .menus a{font-size:18px; font-weight:normal;}
	.header .menus li ul{ width: calc(100% - 180px);left:120px; top:0px; margin-left:0px; display:none;border:none; background:none; }
	.header .menus li:hover ul{background:rgb(0,0,0,.3);display:none;border-top:none; padding:20px; border-radius:10px;}
	.header .menus li ul::before { display:none;}
	.header .menus li ul li{ border-left:none; border-bottom:#333 1px solid; text-align:left; display:none;}
	.header .menus li:hover ul li{ display:block;}
	.header .menus li ul li a{ color:#FFF;}
	
	.header .bar{ background:rgb(45,183,179,1); height:5px;}
	.header .btn{width:60px; height:60px; display: block;transition: right 1s ease;}
	.header .btn.move {right: -100px;}
	.header{ height:70px;}
	
	.banner{ height:auto;aspect-ratio: 16/9;}
	.banner .btitle{ bottom:10px;}
	.swiper-pagination-bullet{ width:10px; height:10px;}
	.banner .swiper-pagination{ bottom:5px;}
	
	.content{margin:auto;padding:50px 0;}
	.title{width:100%; text-align:center; position:relative;}
	.title h3{font-size:32px;}
	.title .line{width:50px; height:4px;}
	
	.title .more{bottom:20px;background-size: 20px 20px;}
	.title .more a{font-size:18px;padding-left:30px;}
	
	.news .images{ width:100%;}
	.news .text{ width:100%; padding:20px;}
	.news .text .btitle{ font-size:20px;}
	.news .text .time{ font-size:16px;}
	.news .text .excerpt{ font-size:16px;}
	.news .newslist li{ width:100%; margin-right:0; margin-bottom:30px;}
	.news .newslist li .time {padding: 20px 20px 10px 20px;font-size: 16px;}
	.news .newslist li .btitle {padding: 0px 20px;font-size: 18px;}
	
	.cont{ width:100%;}
	.notice .cont{ margin-bottom:50px;}
	.notice .cont .title{ text-align:center;}
	.notice .cont:nth-last-child(2){ margin-bottom:0px;}
	.notice .cont .title .line{margin:15px auto;}
	.notice .cont li{ width:100%;}
	
	.calendar { padding-bottom:80px;}
	.calendar .cont{ width:100%;margin-bottom:50px;}
	.calendar .cont .title{ text-align:center;}
	.calendar .cont:nth-last-child(2){ margin-bottom:0px;}
	.calendar .cont:nth-child(2n){ width:100%;}
	.calendar .cont .title .line{margin:15px auto;}
	
	.express a{width:48%;margin-right:4%;}
	.express a:nth-child(2n){margin-right:0%;background: #2DB7B3;}
	.express a:nth-child(2),
	.express a:nth-child(3),
	.express a:nth-child(6),
	.express a:nth-child(7){background:#CAD4D5;}
	
    /* 学子风采轮播移动端改为单张全屏 */
    .photos {
        top:80px;
    }
    .student-swiper {
        overflow: hidden !important;
    }
    .student-swiper .swiper-slide {
        width: 100% !important;
        transform: scale(1) !important;
    }
    .student-swiper .swiper-slide-prev,
    .student-swiper .swiper-slide-next {
        transform: translateX(0) scale(1) !important;
    }
    .student-swiper .swiper-slide-active {
        transform: scale(1) !important;
    }
    .student-swiper .btitle {
        opacity: 1 !important;
        visibility: visible !important;
    }
	.student-swiper .pagination{margin-top:10px;}
	.xzfc{ padding-top:0px;}
	
	.other{aspect-ratio: 1915/3850; padding-top:30px;}
	.other .college{ position:relative; width:100%; top:400px;}
	.other .icon{ padding-top:50px;}
	.other .icon span{ font-size:32px;}
	.other .magazine{ width:100%; position:relative; left:0; top:0;}
	.other .img{ display:none;}
	.other .magazine .list{ width:48%; float:left;}
	.other .magazine > a:nth-child(2n) .list {float:right;}
	.other .magazine .icon{ padding:20px;}
	.other .magazine .icon img{ width:24px;height:24px;}
	.other .magazine .icon span { font-size:24px;}
	.other .magazine .brief {margin-left: 0px;margin-top: 20px;position: relative;}
	
	.other .college .reservation { display:none;}
	.other .magazine .reservation{ display:block;}
	.other .magazine .reservation {background:url(../images/1-33.png);background-size:cover;background-position:center -5px;color:#FFF; text-align:center; font-size:22px;margin-top:20px;padding-top:75px;padding-bottom: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: center;
     }
	 
	 
.content.brief .magazine{ margin:20px 0;}
.content.brief .magazine li{width:48%; margin-right:2%;}
.content.brief .magazine li:nth-child(5n){margin-right:2%;}
.content.brief .magazine li:nth-child(2n){margin-right:0;}
.content.brief .magazine li .img{ border:#CCC 1px solid;}
	
	.links .list{ width:100%;}
	.links .title{ text-align:center; width:100%;}
	.links .title .line{ margin:15px auto;}
	.links .list li{ width:47%;margin: 5px 0;}
	.links .list li:nth-child(2n){ float:right;}
	.links .list li a{ font-size:18px;}
	
	.footer .logo{padding-bottom:50px;}
	.footer .logo img{ max-height:50px; max-width:100%;}
	.footer .icon{ height:auto;}
	.footer .wechat {position: relative;top: 0; transform: none; margin-top:30px;}
	.footer .wechat img { max-width:30%;}
	.footer .rights{ margin-top:30px; text-align:center;}
	
	.content .menus{ width:100%;padding-bottom:0;}
	.content .items{ width:100%;}
	.content .menus .btitle .bt { display:none;}
	
	.back{ margin-top:-40px;}
	.ban .title{ bottom:-30px;}
	.ban .title::before {width:50%;clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 100%, 0 100%);}
	.ban .title .bt{ font-size:20px; height:50px; line-height:50px;}
	
	.contact{margin-top:0;}
	.contact li{ width:100%;padding:20px;}
	.contact li .btitle{ font-size:20px;}
	.contact li .tel{ font-size:16px; line-height:30px;}
	.contact li .email{ font-size:16px; line-height:30px;}
	
	.student li .img{ width:100%;}
	.student li .text{ width:100%;}
	.student li .text .bt{ font-size:20px; padding-top:15px;}
	.student li .date {left: 20px;top: -20px;}
	
	.announcement li{ width:100%;}
	.announcement li .text .bt{ font-size:20px;}
	.announcement li .date{ width:90px;}
	.announcement li .date big{ font-size:20px;}
	.announcement li .text .add { height:auto;}
	
	.notices li{ width:100%;}
	.notices li .bt{ font-size:20px;}
	
	.magazine li{ width:48%;}
	.magazine li:nth-child(2n) { margin-right:0;}
	.magazine li .bt{ font-size:16px; height:60px; line-height:30px;}
}

@media screen and (max-width: 800px) {
	.other {aspect-ratio: 1915 / 4050;}
	.other .college{top:200px;}
}
@media screen and (max-width: 600px) {
	.other {aspect-ratio: 1915 / 4250;}
	.other .college{top:100px;}
}
@media screen and (max-width: 600px) {
	.other {aspect-ratio: 1915 / 4350;}
	.other .college{top:50px;}
}
@media screen and (max-width: 600px) {
	.other {aspect-ratio: 1915 / 4550;}
	.other .college{top:0px;}
}