@media screen and (max-width: 1920px) { .logo img{max-width: initial;} } @media screen and (max-width: 1560px) { /*答考生问*/ .ksxx{width:37%;} } @media screen and (max-width: 1440px) { .wrap{width:auto;padding-left:3%;padding-right:3%;} /*教育教学*/ .jyjx li .txt h2{line-height:70px;} /*国际发展*/ .gjfz li .pic{height:328px;} /*答考生问*/ .ksxx-box{padding-right:10%;} /*搜索结果页*/ #container-wrap{padding:0 4%;} } @media screen and (max-width: 1320px) { .list_newlead .mass li.btn{float:right;} } @media screen and (max-width: 1280px) { /*新uts动态*/ .dynamic .Consultation{width:28.64%;} .uts_dt{width:35.42%;} } @media screen and (max-width: 1230px) { /*新闻*/ .news-t h2{line-height:40px;font-size: 25px;} /*教育教学*/ .jyjx li .txt h2{font-size:20px;} .jyjx li .txt h2 span{display:none;} /*国际发展*/ .gjfz li .pic{height:270px;} .gjfz li .txt{padding-top:16%;} /*尾部*/ .foot-ewm{width: 53%;} /*前景无限*/ .prospect h1{margin-bottom: 29px;} /*新uts动态*/ .Consultation h1{font-size: 16px;} .Consultation .f_txt a{padding: 0 4px;} .not-list span.date em, .uts_dt li span.date em{font-size: 30px;} .not-list span.date, .uts_dt li span.date{margin-top: -3px;} .uts_dt li .text_wrap{width: 82%;} } @media screen and (max-width: 1100px) { /*新uts动态*/ .dynamic .Consultation{width:100%;margin-bottom: 48px;} .uts_dt{width:51%;} .uts_video{width:48%;} /*新uts动态*/ .uts_dt,.uts_video{width:100%;} .uts_video{background-size: cover;margin-top: 30px;} .dynamic .Consultation{margin-bottom: 30px;} .uts_dt li .text_wrap{width:89%;} } @media screen and (max-width: 1024px) { .header .wrap{padding:0;} .head .fr{margin:0;} .header .wrap,.cont1{padding:0;} .logo{width:40%;margin-left:3%;padding:16px 0px;}\ .logo img{max-width: 100%;} .nav li a,.nav li a p.en-nava{color:#fff;} .header .weather{ display: none; } .navshow{ overflow: hidden; } .header .header-top{ padding: 0 20px; height: 110px; background-size: contain; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; position: relative; z-index: 999; -webkit-transition: all .5s ease; } .header .header-top>.fl{ margin: 30px 0 0 40%; z-index: 999; position: relative; } /* .header .logo{ top: 20px; left: 20px; } */ .header .nav{ width: 100%; position: fixed; padding: 45px 0 0 0; height: 100%; top: 0; background: rgba(0, 0, 0, 0.9); z-index: 999; transition: all 0.5s ease-in-out 0s; opacity: 0; visibility: hidden; overflow-y: auto; } .menu1.open{top:19px;} .header-top::before{ content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; height: 120px; background: url(../img/header_bg.png); background-size: auto 100%; } .nav.open{ opacity: 1; visibility: visible; } .nav ul>li{ width: 100%; float: none; height: 100%; text-align: left; line-height: 60px; border-bottom: rgba(255, 255, 255, 0.13) solid 1px; } .nav ul>li>a{ padding-left: 30px; line-height: 60px; font-weight: bold; width: 80%; } .nav ul>li::before{ left: -96%; top: 26px; bottom: auto; } .nav ol::before{ left: 65px; } .nav ul>li.last::before,.nav ul>li.mr::before{ display: block; } .nav ul>li i{ content: ""; display: block; position: absolute; top: 26px; right: 30px; width: 16px; height: 9px; color: #fff; background: url(../images/bottom.png); transition:all .5s ease ; } .logo{ right: auto; } .header .logo img{ width: 90%; } .nav ol{ position: static; z-index: 999; top: 0; display: none; } .nav ol li{ height: 60px; line-height: 60px; text-align: left; } .nav ol li a{ padding-left: 30px; } .menu1{ width: 24px; height: 24px; display: block; right: 30px; top: 68px; overflow: hidden; z-index: 452345; cursor: pointer; position: absolute; } .menu1 span{ float: left; width: 100%; background: #767171; transition: all 0.4s ease; margin-top: 5px; height: 2px; } .menu1.open span:nth-child(1){ transform: rotate(45deg); margin-top: 14px; } .menu1.open span:nth-child(2){ transform: rotate(-45deg); margin-top: -2px; } .menu1.open span:nth-child(3){ opacity: 0; } .header .nav ul>li.hover i{ transform: rotate(180deg); } .nav ul>li:hover>a{background:transparent;} .nav ul>li a.search-a{display:none;} #search{width:90%;margin:auto;margin-top:20px;height:36px;line-height:36px;margin-bottom:100px;background:none;border:none;} .motion_1{display:block;width: 100%;opacity: 1;height: 30px;line-height: 30px;border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.1);color: #fff;border-radius: 14px;position: relative; text-indent: 10px;} .submit{width: 21px;height: 21px;background: url(../images/search_04.png);position: absolute; right: 2%;top: 6px;} .subnav ul li.search{margin-top:20px;} .subnav ul li.search .submit{position:absolute;right:2%;top:6px;} #au3a{display:block;} /*通知*/ .not-list span.date em{font-size:30px;} .not-list span.date{margin-top: -7px;} .not-list .text_wrap{width:82%;} /*教育教学*/ .jyjx li .pic{height:170px;} /*国际发展*/ .gjfz li .txt h1{font-size:22px;} .gjfz li .txt h4{font-size:16px;} /*招生信息*/ .zsxx-box,.ksxx{width:100%;} .ksxx{position:static;margin-top:20px;} /*党建工作*/ .tit-t h1{font-size: 20px;} .djgz .tit-t h1:after{display:none;} /*校园生活*/ .xysh .swiper-button-next, .xysh .swiper-button-prev,.leftmenu ul{display:none;} /*校园链接*/ .link .swiper-pagination{display:block;} /*尾部*/ .foot .foot-logo,.foot-info{width: 100%;} .foot-logo{text-align:center;} .foot-logo img{width:auto;display:inline-block;margin-bottom:10px;} .foot-logo p{float:left;width:50%;text-align:left;} .foot-ewm{text-align:center;width: 100%;} /*列表页*/ .leftmenu h2{margin-top:20px;position:relative;line-height:58px;font-size:18px;border-radius:2px;} .contents,.leftmenu{width:100%;line-height: 58px;} .leftmenu h2 em{display: inline-block;position: absolute; width: 16px;height: 8px;top: 22px; right:19px;background-image: url(../images/ico12.png);background-size: 100%; background-position: right center;} .leftmenu ul li {padding: 8px 2%;} #contents .search_inner .txt{width:70%;} #contents .search_inner .btn{left:71%;} .list_newlead .desc{padding:0;line-height:30px;} .list_newlead > li .title{line-height:24px;} } @media (min-width:767px) and (max-width:900px) { /*党建工作*/ .djgz li{width:100%;margin-right:0;margin-bottom:20px;} /*尾部*/ .copy{line-height:32px;padding:20px 0px;} /*前景无限*/ .prospect h1{font-size:26px;} } @media only screen and (max-width:768px) { .logo{width:65%;} /*云校园处*/ .icon-img{padding:25px 0px;} .icon-img li{width:50%;margin-bottom:20px;} .icon-img li .tit{min-width: 95px;} .icon-img li .tit h1{font-size:17px;} .icon-img li .tit p{font-size:15px;} /*新闻*/ .news-img,.news-t,.not-img,.not-list{width:100%;float:none;} .news-t{margin-left:0;margin-top:20px;} .news-t h2{font-size: 20px;line-height: 38px;} .news-img .pic{height:340px;} .not-img{margin-top:20px;} .not-list .text_wrap{width:89%;} .news-img .swiper-slide .txt a{word-wrap: break-word;white-space: inherit;} .news-img .swiper-pagination{display:none;} /*教育教学*/ h3.zs-icon{padding: 42px 0px 30px;} h3.zs-icon:before{background-size: 157px 12px;height:109%;} h3.zs-icon:after{background-size: 157px 11px;height:109%;} .jyjx li{width:49%;margin-bottom:20px;margin-right:0;} .jyjx li:nth-child(even),.gjfz li:nth-child(even){margin-left:2%;} .jyjx li .txt{padding-bottom:52px;} .jyjx li .txt h2{line-height:50px;} /*国际发展*/ .gjfz li{width:49%;margin:0;margin-bottom:20px;} .gjfz li:last-child{width:100%;} /*党建工作*/ .djgz li{width:100%;margin-right:0;margin-bottom:20px;} /*尾部*/ .foot{padding-top:15px;} .foot-logo p{width:100%;text-align:left;} .fi-box1{width: 32%;margin-right: 1%;} .copy{line-height:32px;padding:20px 0px;} /*列表*/ .list_l .img_wrap {display: block;float: none;width: 100%;max-height: 300px;background: #efefef;box-sizing: border-box;} .list_l > li{padding-bottom:0;} .list_l > li .text{max-height: 7.6em;} .list_l > li .title{margin-top:16px;} /*前景无限*/ .prospect h1{font-size:27px;margin-bottom: 20px;} .prospect h3.zs-icon:before, .prospect h3.zs-icon:after{display: none;} } @media only screen and (max-width:620px) { .head .fl span.gcon1{display:none;} /*答考生问*/ .zsxx-box .zs-img,.zs-list{width:100%;} .zs-list li{padding-bottom: 11px;} /*尾部*/ .fi-box1{width:100%;margin-right: 0;} .xysh .swiper-slide img{height: 188px;} .list_img ul li{ width:48%; margin-right:4%; } .list_img ul li:nth-of-type(3n){ margin-right:4%; } .list_img ul li:nth-of-type(2n){ margin-right:0; } .list_img ul li{ margin-bottom:20px; } } @media screen and (max-width: 580px) { /*新uts动态*/ .uts_dt li .text_wrap{width:85%;} } @media only screen and (max-width:540px) { .list_newlead .desc{line-height:30px;} } @media only screen and (max-width:480px) { .logo{width:82%;} .head .fr strong,.head .fr span{display:none;} .head .fr{padding:0px 9px;} .header .header-top>.fl {} .header .top-link li a { font-size: 14px; } .header .top-link li { width: 50px; } .header .nav { padding-top: 120px; } .banner img{height:232px;} /*新闻*/ .news-t h2{font-size: 16px;line-height: 30px;padding: 20px 10px 17px 74px;} .news-t li{width:100%;} .news-img .pic{height:236px;} .news-t li.first{margin-right:0;margin-bottom:20px;} /*通知*/ .not-list .text_wrap{width:80%;} .not-list li{padding-top:24px;} /*教育教学*/ h3.zs-icon{font-size:28px;} h3.zs-icon:before{background-size: 187px 12px;height:109%;width: calc((100% - 146px)/ 2);} h3.zs-icon:after{background-size: 187px 11px;height:109%;width: calc((100% - 146px)/ 2);} .jyjx li .pic{height:115px;} .jyjx li .txt{padding-bottom:45px;} .jyjx li .txt a{margin-top:10px;} /*国际发展*/ .gjfz li,.gjfz li:nth-child(even){width:100%;margin-left:0;} /*内容页*/ .cont-boxb{padding: 20px;} .txtBox h2.bt {line-height: 32px;text-align: center;font-size: 18px;margin-top: 2px;margin-bottom: 16px;} /*搜索结果页*/ .cont-top h2.pageTitle{display:none;} #container-wrap .cont-top .location{float:left;} /*前景无限*/ .prospect .txt{padding: 0 14px;} .prospect h3.zs-icon {padding: 31px 0px 25px;} /*新uts动态*/ .uts_video{height:394px;} .video_p{padding: 0 12px;} .video_p img{margin-top: 40px;} .video_p ul{margin-top: 37px;} .uts_dt li .text_wrap{width: 81%;} } @media only screen and (max-width:450px) { .list_img ul li{ width:100%; margin-right:0%; } .list_img ul li:nth-of-type(3n){ margin-right:0%; } .list_img ul li:nth-of-type(2n){ margin-right:0; } .list_img ul li a p.img,.list_img ul li a img{ height:220px; } } @media only screen and (max-width:420px) { .header .header-top>.fl {} } @media only screen and (max-width:380px) { .header .nav { padding-top: 46px; } .header .top-link li a { font-size: 13px; } }