@media screen and (max-width: 1023px){
	/* banner 濞戞挸顦妵鍥炊閿燂拷*/.
	banner-all{width: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 55%, from(#E7E9FF), to(#FFFFFF));}
	.banner-all .middle-box-banner{width: 16rem;height: auto;margin: 0 auto;flex-direction: column;}
	.banner-all .middle-box-banner a{color: #fff;}
	.banner-all .middle-box-banner .left-big{width: 16rem;height: 7.53333333rem;position: relative;}
	.banner-all .middle-box-banner .left-big .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.banner-all .middle-box-banner .left-big .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/}
	.banner-all .middle-box-banner .left-big .img-box img{width: 100%;height: 100%;}
	.banner-all .middle-box-banner .left-big .txt-box{width: 15rem;position: absolute;left: 0.5rem;bottom: 0;padding-bottom: 0rem;color: #fff;}
	.banner-all .middle-box-banner .left-big .txt-box h2{font-weight: 500;text-transform: uppercase;font-size: 0.83333333rem;line-height: 0.93333333rem;margin-top: 5px;}
	.banner-all .middle-box-banner .left-big .txt-box h2::before{content: '';position: absolute;left: 0;width: 0.53333333rem;height: 0.1rem;background-color: #FFF;}
	.banner-all .middle-box-banner .left-big .txt-box p{font-size: 20px;line-height: 30px;margin-top: 0.13333333rem;color: #fff;margin-bottom: 25px;}
	.left-right-path .left-col{width: 9.26666667rem;display: none !important;}
	.container-index .banner{}
	.content{overflow: hidden;}
}

@media screen and (min-width: 768px){
	.mm-spn a{font-size: 22px;}
	.container-index .explore-box .explore-wrap{grid-gap: 0.2rem;margin-left: 0;}
	.container-index .explore-box .explore-wrap > div{margin-left: 0;}
	.container-index .header-actions{}
	.container-index .content{width: 100%;margin: 0 auto;background: #fff;overflow: hidden;}
	.container-index .content .middle-box{width: 11.7rem;margin: 0 auto;}
	
	
	.container-index .banner{margin-top: 40px;width: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 55%, from(#E7E9FF), to(#FFFFFF));}
	.container-index .banner .middle-box-banner{width: 15rem;height: 7rem;margin: 0 auto;padding-top: 0.5rem;}
	.container-index .banner .middle-box-banner a{color: #fff;}
	.container-index .banner .middle-box-banner .left-big{width: 11rem;height: 6.26rem;position: relative;cursor: pointer;}
	.container-index .banner .middle-box-banner .left-big .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .left-big .img-box::before, .container-index .explore-box .explore-wrap .explore-item .img-box::before, .container-index .location-box .explore-box .explore-wrap .explore-item .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/z-index: 1;}
	.container-index .banner .middle-box-banner .left-big .img-box img{width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .left-big .txt-box{width: 6.5rem;position: absolute;left: 0.3rem;bottom: 0;padding-bottom: 0.4rem;color: #fff;z-index: 10;}
	.container-index .banner .middle-box-banner .left-big .txt-box::before{content: '';position: absolute;top: -0.1rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #FFF;}
	.container-index .banner .middle-box-banner .left-big .txt-box .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.5rem;line-height: 0.6rem;}
	.container-index .banner .middle-box-banner .mian-container{transition: all 0.2s ease-in-out;}
	.container-index .banner .middle-box-banner div.mian-container.clears{transition: all 0.2s ease-in-out;-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);background: transparent;}
	.container-index .banner .middle-box-banner .left-big .txt-box p{font-size: 0.16rem;line-height: 0.2rem;color: #fff;}
	.container-index .banner .middle-box-banner .right-big{width: 5rem;height: 6.26rem;margin-left: 0.18rem;cursor: pointer;}
	.container-index .banner .middle-box-banner .right-big .right-box{width: 5rem;height: 3.03rem;position: relative;}
	.container-index .banner .middle-box-banner .right-big .right-box:nth-child(2){margin-top: 0.18rem;}
	.container-index .banner .middle-box-banner .right-big .right-box .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .right-big .right-box .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/z-index: 1;}
	.container-index .banner .middle-box-banner .right-big .right-box img{width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box{width: 3rem;position: absolute;left: 0.2rem;bottom: 0;padding-bottom: 0.2rem;color: #fff;z-index: 1;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box p{display:none;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.3rem;line-height: 0.4rem;letter-spacing: -2px;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title:hover, .container-index .banner .middle-box-banner .left-big .txt-box .txt-box-title:hover, .container-index .banner .middle-box-banner .left-big .txt-box:hover a, .container-index .banner .middle-box-banner .right-big .right-box .txt-box p:hover, .container-index .banner .middle-box-banner .right-big .right-box .txt-box:hover{color:#FFF200;}
	.container-index .banner .middle-box-banner .left-big a:hover .txt-box-title::before{background-color: #FFF200;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title::before{content: '';position: absolute;top: -0.08rem;left: 0;width: 0.3rem;height: 0.03rem;background-color: #FFF;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box p{font-size: 0.16rem;line-height: 0.2rem;color: #fff;}
	.container-index .search-banner{width: 15rem;height: 0.76rem;background: #fff;margin: 0 auto;margin-top: 0.3rem;-moz-box-shadow: 0px 0px 0.2rem #BABABA;-webkit-box-shadow: 0px 0px 0.2rem #BABABA;box-shadow: 0px 0px 0.2rem #BABABA;}
	.container-index .search-banner form{width: 100%;height: 100%;align-items: center;}
	.container-index .search-banner form .icon{width: 0.32rem;height: 0.32rem;margin-left: 0.3rem;}
	.container-index .search-banner form .icon::before{content: '\F002';display: block;text-indent: 0;font-family: "FontAwesome";font-size: 0.32rem;color: #181818;}
	.container-index .search-banner form .search-input{flex: 1;border: none;outline: none;font-size: 0.2rem;color: #010544;text-indent: 0.2rem;}
	.container-index .search-banner form .search-input::placeholder{color: #010544;}
	.container-index .search-banner form .search-btn{width: 2.1rem;height: 100%;background: #010544;text-align: center;font-size: 0.28rem;color: #fff;cursor: pointer;transition: all 0.4s ease-in-out;}
	.container-index .search-banner form .search-btn:hover{background-color: #FFF200;color: #010544;}
	.container-index .who-box{width: 15rem;margin: 0 auto;margin-top: 0.4rem;}
	.container-index .banner-title{width: 100%;height: 0.4rem;font-size: 0.25rem;color: #181818;line-height: 0.5rem;margin-top: 0.46rem;position: relative;margin-top: 0.06rem;}
	.container-index .banner-title::before{content: '';display: block;position: absolute;top: -0.05rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #181818;}
	.container-index .m40{margin-top: 0.4rem;}
	.container-index .who-box .who-warp{margin-top: 0.4rem;flex-wrap: wrap;}
	.container-index .who-box .who-warp .who-item{padding: 0 0.35rem;height: 0.34rem;-moz-box-shadow: 0px 0px 4px #BABABA;-webkit-box-shadow: 0px 0px 4px #BABABA;box-shadow: 0px 0px 4px #BABABA;margin-right: 0.116rem;font-size: 0.18rem;line-height: 0.34rem;margin-bottom: 0.2rem;color: #010544;transition: all 0.6s ease;}
	.zh .container-index .who-box .who-warp .who-item{margin-right: 0.3rem;}
	.container-index .who-box .who-warp .who-item:hover{color: #181818;background-color: #FFF200;}
	.container-index .glance-box{width: 100%;height: 3.4rem;background: #010544;padding: 0.5rem 0;box-sizing: border-box;}
	.container-index .middle-box-pure{width: 15rem;margin: 0 auto;}
	.container-index .glance-box .glance-middle{width: 15rem;margin: 0 auto;height: 100%;}
	.container-index .glance-box .glance-middle .banner-title{color: #fff;margin-top: 0;}
	.container-index .glance-box .glance-middle .banner-title::before{background: #fff;}
	.container-index .glance-box .grance-flex{height: 100%;}
	.container-index .glance-box .grance-flex .left-block{font-size: 0.15rem;color: #fff;margin-top: 0.24rem;line-height: 0.18rem;position: relative;width: 3.7rem;}
	.container-index .glance-box .grance-flex .bt-btn{padding: 0 0.3rem;background: #fff;color: #010544;height: 0.38rem;line-height: 0.38rem;position: absolute;bottom: 0.5rem;left: 0;transition: all 0.4s ease-in-out;}
	.container-index .glance-box .grance-flex .date-txt{position: absolute;bottom: 0.1rem;font-size: 0.12rem;font-style:italic;}
	.container-index .glance-box .grance-flex .right-block{justify-content: space-around;flex: 1;}
	.container-index .glance-box .grance-flex .bt-btn a{color: #010544;}
	.container-index .glance-box .grance-flex .bt-btn a:hover{color: #010544;background-color: #FFF200;}
	.container-index .glance-box .score-item .score-img{width: 0.62rem;height: 0.74rem;margin: 0 auto;}
	.container-index .glance-box .score-item div.circle{width: 0.74rem;height: 0.74rem;}
	.container-index .glance-box .score-item .score-img img{width: 100%;height: 100%;}
	.container-index .glance-box .score-item .score-txt{text-align: center;font-size: 0.42rem;line-height: 0.5rem;color: #fff;margin-top: 0.1rem;}
	.container-index .glance-box .score-item .score-sec{text-align: center;font-size: 0.15rem;line-height: 0.22rem;color: #fff;}
	.container-index .school-intro{width: 100%;background: #D5D5D52e;padding: 0.5rem 0;margin-bottom:0.9rem;}
	.container-index .school-intro .banner-title{margin-top: 0;height: auto;}
	.container-index .school-intro .banner-title .left-txt{color: #010544;font-size: 0.3rem;line-height: 0.35rem;padding-top: 0.1rem; width:600px;}
	.container-index .school-intro .banner-title .icons-box{justify-content: flex-end;align-items: center;}
	.container-index .school-intro .banner-title .icons-box .uol-logo img{width: 2.44rem;height: 0.62rem;}
	.container-index .school-intro .banner-title .icons-box .xjtu-logo img{width: 0.9rem;height: 0.9rem;margin-right: 0.4rem;margin-left: 0.4rem;}
	.container-index .explore-box .explore-wrap{margin-top: 0.3rem;margin-bottom: 0.3rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-left: -.2rem;}
	.container-index .events-box .explore-wrap{margin-top: 0.5rem;}
	.container-index .explore-box .explore-wrap > div{margin-left: .2rem;}
	.container-index .explore-box{margin-bottom:0.9rem;}
	.container-index .section-title{width: 100%;height: 0.4rem;font-size: 0.3rem;color: #181818;line-height: 0.5rem;margin-top: 0.46rem;position: relative;margin-top: 0.06rem;text-transform:uppercase;}
	.container-index .section-title::before{content: '';display: block;position: absolute;top: -0.04rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #181818;}
	.container-index .explore-box .explore-item .banner-title{color: #fff;line-height:0.25rem;}
	.container-index .explore-box .explore-item .banner-title::before{background: #fff;top: -0.13rem}
	.container-index .explore-box .explore-wrap .explore-item{position: relative;width: 2.8rem;height: 4.2rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;overflow: hidden;}
	.container-index .explore-box .explore-wrap .explore-item .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .img-box img{width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box{width: 2.12rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:10;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box .sec-txt{font-size: 0.14rem;line-height: 0.16rem;padding-bottom: 0.3rem;color: #fff;padding-top: 0.2rem;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .sec-txt, .container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .banner-title{color: #FFF200;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .banner-title::before{background-color: #FFF200;}
	.container-index .explore-box .explore-wrap .explore-item a .img-box img{-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .img-box img{transform: scale(1.1);}
	.container-index .new-box .news-wrap .news-item{width: 4.78rem;height: 3.6rem;overflow: hidden;background: #D5D5D52e;}
	.container-index .new-box .news-wrap .news-item img{display: block;width: 100%;height: 1.88rem;}
	.container-index .new-box .news-wrap .news-item:hover img{transform: scale3d(1.2);}
	.container-index .new-box .news-wrap .news-item .news-txt{padding-top: 0.18rem;padding-left: 0.3rem;padding-right: 0.3rem;position: relative;z-index: 2;width: 100%;height: 100%;}
	.container-index .new-box .news-wrap .news-item .news-txt::before{position: absolute;content: " ";width: 100%;height: 100%;display: block;left: 0;top: 0;z-index: 1;transform: translateY(100%);background: #FFF200;transition: all 0.4s ease-in-out;}
	.container-index .new-box .news-wrap .news-item:hover .news-txt::before{transform: translateY(0);}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate{font-size: 0.14rem;height: 0.2rem;line-height: 0.1rem;color: #3D3B46;position: relative;z-index: 2;}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate span{z-index:2;}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate span:nth-child(2){display: inline-block;position: relative;z-index: 2;padding-left: 0.1rem;}
	.container-index .new-box .news-wrap .news-item .news-txt .news-title{font-size: 0.26rem;line-height: 0.34rem;color: #010544;transition: all 0.6s ease;position: relative;z-index: 2;}
	.container-index .new-box .more-new{margin-top: 0.25rem;font-size: 0.16rem;line-height: 0.2rem;color: #181818;text-transform:uppercase;}
	.container-index .new-box .more-new a{font-size: 0.2rem;line-height: 0.2rem;color: #181818;display: inline-block;padding: 4px;transition: all 0.4s ease;text-transform:uppercase;font-weight:bold;}
	.container-index .new-box .more-new a:hover{background: #FFF200;}
	.container-index .location-box .explore-wrap .explore-item{width: 4.77rem;height: 4.18rem;}
	.container-index .location-box .explore-wrap .explore-item .banner-title::before{top: -0.08rem;}
	.container-index .location-box .explore-wrap .explore-item .txt-box{width: 2.8rem;padding-bottom: 0.4rem;z-index:10;}
	.container-index .location-box .explore-wrap .explore-item .txt-box .banner-title{height: auto;line-height: 0.35rem;}
	.container-index .events-box .event-item{position: relative;}
	.container-index .events-box .news-wrap .news-item{overflow: visible;height: auto;cursor: pointer;position: relative;transition: all 0.4s ease-in-out;}
	.container-index .events-box .news-wrap .news-item:hover{background-color: #FFF200;}
	.container-index .events-box .event-item .time-cate{position: absolute;left: 0.3rem;top: -0.2rem;width: 0.6rem;height: 0.7rem;background: #010544;}
	.container-index .events-box .event-item .time-cate p:nth-child(1){font-size: 0.22rem;line-height: 0.26rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.container-index .events-box .event-item .time-cate p:nth-child(2){font-size: 0.15rem;line-height: 0.18rem;color: #fff;text-align: center;width: 100%;}
	.container-index .events-box .event-item .time-cate p:nth-child(3){font-size: 0.13rem;line-height: 0.14rem;color: #fff;text-align: center;width: 100%;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(3){font-size: 0.18rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(2){font-size: 0.18rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(1){font-size: 0.13rem;line-height: 0.14rem;color: #fff;text-align: center;width: 100%;margin-top: 0.08rem;}
	.container-index .events-box .event-item .news-title{font-size: 0.26rem;line-height: 0.34rem;color: #010544;width: 3.3rem;margin: 0 auto;margin-top: 0.6rem;}
	.container-index .events-box .event-item .learnmore{font-size: 0.17rem;line-height: 0.48rem;color: #010544;width: 3.3rem;margin: 0 auto;}
	.container-index .events-box .event-item .learnmore{color: #010544;}
	.container-index .events-box .event-item:hover .learnmore::after{margin-left: 0.3rem;}
	.container-index .events-box .event-item .learnmore::after{content: "\F105";font-family: "FontAwesome";font-size: 0.17rem;margin-left: 0.2rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	.container-index .bottom-banner{width: 100%;height: auto;padding: 0.5rem 0;background: #010544;margin-top: 0.4rem;position: relative;z-index: 2;}
	.container-index .bottom-banner .logo{width: 2.58rem;height: 0.29rem;}
	.container-index .bottom-banner .logo img{width: 100%;height: 100%;}
	.container-index .bottom-banner .message-list{width: 100%;margin-top: 0.45rem;}
	.container-index .bottom-banner .message-list .left-ul{display: flex;justify-content: space-between;}
	.container-index .bottom-banner .message-list .left-ul .ul-list{flex: 1;padding: 0 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-title{font-size: 0.14rem;line-height: 0.18rem;color: #fff;margin-bottom: 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-list ul{padding-left: 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li{list-style: disc;font-size: 0.13rem;line-height: 0.18rem;color: #fff;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li a{color: #fff;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li a:hover{color: #FFF200;}
	.container-index .bottom-banner .message-list .right-connect{width: 2.4rem;}
	.container-index .bottom-banner .message-list .right-connect .cnt-title{font-size: 0.14rem;line-height: 0.18rem;color: #fff;}
}


@media screen and (max-width: 767px){
	.content{margin: 0 auto;width: 100%;overflow: visible;}
	.container-index .banner{padding-top:0.3rem;}
	
	.m-nav .title{top: 0.666667rem !important;}
	
	/* banner 娑撳銇囬崶锟�*/
	.banner{width: 100%;background: -webkit-gradient(linear, 0% 0%, 0% 55%, from(#E7E9FF), to(#FFFFFF));}
	.banner .middle-box-banner{width: 15rem;height: auto;margin: 0 auto;padding-top: 0.5rem;flex-direction: column;}
	.banner .left-big .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.83333333rem;line-height: 0.93333333rem;}
	.banner .left-big .txt-box-title::before{content: '';position: absolute;top: -0.13333333rem;left: 0;width: 0.53333333rem;height: 0.1rem;background-color: #FFF;}
	.banner .right-big .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.5rem;line-height: 0.56666667rem;}
	.banner .right-big .txt-box-title::before{content: '';position: absolute;top: -0.2rem;left: 0;width: 0.6rem;height: 0.1rem;background-color: #FFF;}
	.banner .middle-box-banner a{color: #fff;}
	.banner .middle-box-banner .txt-box p{display:none;}
	.banner .middle-box-banner img-box{display: block;}
	.banner .middle-box-banner a:hover{color: #FFF200;}
	.banner .middle-box-banner .left-big{width: 15rem;height: 9.06666667rem;position: relative;cursor: pointer;}
	.banner .middle-box-banner .right-big .right-box:hover p, .banner .middle-box-banner .right-big .right-box:hover a{color: #FFF200;}
	.banner .middle-box-banner .right-big{display: flex;}
	.banner .middle-box-banner .left-big .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.banner .middle-box-banner .left-big .img-box img{width: 100%;height: 100%;}
	.banner .middle-box-banner .left-big .txt-box{width: 12rem;position: absolute;left: 0.5rem;bottom: 0;padding-bottom: 0.83333333rem;color: #fff;z-index: 10;}
	.banner .middle-box-banner .left-big .txt-box h2{font-weight: 500;text-transform: uppercase;font-size: 0.83333333rem;line-height: 0.93333333rem;}
	.banner .middle-box-banner .left-big .txt-box h2::before{content: '';position: absolute;top: -0.13333333rem;left: 0;width: 0.53333333rem;height: 0.1rem;background-color: #FFF;}
	.banner .middle-box-banner .left-big .txt-box p{font-size: 0.53333333rem;line-height: 0.66666667rem;margin-top: 0.13333333rem;color: #fff;}
	.banner .middle-box-banner .right-big{width: 15rem;height: 5.2rem;margin-top: 0.46666667rem;cursor: pointer;}
	.banner .middle-box-banner .right-big .right-box{width: 7.26666667rem;height: 5.2rem;position: relative;}
	.banner .middle-box-banner .right-big .right-box:nth-child(2){margin-left: 0.46666667rem;}
	.banner .middle-box-banner .right-big .right-box .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.banner .middle-box-banner .right-big .right-box img{width: 100%;height: 100%;}
	.banner .middle-box-banner .right-big .right-box .txt-box{width: 6.33333333rem;position: absolute;left: 0.5rem;bottom: 0;padding-bottom: 0.53333333rem;color: #fff;z-index: 10;}
	.banner .middle-box-banner .right-big .right-box .txt-box h2{font-weight: 500;text-transform: uppercase;font-size: 0.5rem;line-height: 0.56666667rem;}
	.banner .middle-box-banner .right-big .right-box .txt-box h2::before{content: '';position: absolute;top: -0.2rem;left: 0;width: 0.6rem;height: 0.1rem;background-color: #FFF;}
	.banner .middle-box-banner .right-big .right-box .txt-box p{font-size: 0.53333333rem;line-height: 0.66666667rem;color: #fff;margin-top: 0.13333333rem;}
	/* 閹兼粎鍌ㄩ弽蹇曟窗*/
	.search-banner{width: 15rem;height: 1.46666667rem;background: #fff;margin: 0 auto;margin-top: 1rem;-moz-box-shadow: 0px 0px 0.33333333rem #BABABA;-webkit-box-shadow: 0px 0px 0.33333333rem #BABABA;box-shadow: 0px 0px 0.33333333rem #BABABA;}
	.search-banner form{width: 100%;height: 100%;align-items: center;}
	.search-banner form .icon{width: 0.63333333rem;height: 0.63333333rem;margin-left: 0.5rem;}
	.search-banner form .icon::before{content: '\F002';display: block;text-indent: 0;font-family: "FontAwesome";font-size: 0.63333333rem;color: #181818;}
	.search-banner form .search-input{flex: 1;border: none;outline: none;font-size: 0.4rem;color: #010544;text-indent: 0.33333333rem;}
	.search-banner form .search-input::placeholder{color: #010544;font-size: 0.4rem;}
	.search-banner form .search-btn{width: 3.33333333rem;height: 100%;background: #010544;text-align: center;font-size: 0.46666667rem;color: #fff;cursor: pointer;}
	/* I AM A*/.who-box{width: 15rem;margin: 0 auto;margin-top: 1.33333333rem;}
	.banner-title, .section-title{width: 100%;height: 0.93333333rem;font-size: 0.66666667rem;color: #181818;line-height: 0.8rem;margin-top: 0.66666667rem;position: relative;}
	.banner-title::before, .section-title::before{content: '';display: block;position: absolute;top: -0.33333333rem;left: 0;width: 0.66666667rem;height: 0.13333333rem;background-color: #181818;}
	.container-index .m40{margin-top: 0.66666667rem;}
	.who-box .who-warp{margin-top: 0.66666667rem;flex-wrap: wrap;}
	.who-box .who-warp .who-item{padding: 0 0.53333333rem;height: 1.33333333rem;-moz-box-shadow: 0px 0px 0.13333333rem #BABABA;-webkit-box-shadow: 0px 0px 0.13333333rem #BABABA;box-shadow: 0px 0px 0.13333333rem #BABABA;margin-right: 0.53333333rem;font-size: 0.46666667rem;line-height: 1.33333333rem;margin-bottom: 0.53333333rem;color: #010544;transition: all 0.4s ease;}
	.who-box .who-warp .who-item:hover{color: #FFF200;}
	.glance-box{width: 100%;height: 13rem;background: #010544;padding: 1rem 0;box-sizing: border-box;}
	.container-index .middle-box-pure{width: 15rem;margin: 0 auto;}
	.glance-box .glance-middle{width: 15rem;margin: 0 auto;height: 100%;}
	.glance-box .glance-middle .banner-title{color: #fff;margin-top: 0;}
	.glance-box .glance-middle .banner-title::before{background: #fff;}
	.glance-box .grance-flex{height: 100%;flex-direction: column;position: relative;}
	.glance-box .grance-flex .left-block{font-size: 0.5rem;color: #fff;margin-top: 0.33333333rem;line-height: 0.73333333rem;width: 13.86666667rem;}
	.glance-box .grance-flex .bt-btn{text-align: center;width: 9.66666667rem;background: #fff;color: #010544;height: 1.33333333rem;line-height: 1.33333333rem;position: absolute;bottom: 1.53333333rem;left: 0;z-index: 2;}
	.glance-box .grance-flex .date-txt{position: absolute;bottom: 0.3rem;font-size: 0.4rem;font-style: italic;}
	.glance-box .grance-flex .right-block{justify-content: space-around;flex: 1;position: relative;top: 0.66666667rem;}
	.glance-box .grance-flex .bt-btn a{color: #010544;}
	.glance-box .grance-flex .bt-btn a:hover{color: #010544;}
	.glance-box .score-item{box-sizing: border-box;overflow: hidden;}
	.glance-box .score-item .score-img{width: 1.63333333rem;height: 1.63333333rem;margin: 0 auto;}
	.glance-box .score-item div.circle{width: 1.63333333rem;height: 1.63333333rem;}
	.glance-box .score-item .score-img img{width: 100%;height: 100%;}
	.glance-box .score-item .score-txt{text-align: center;font-size: 0.93333333rem;line-height: 1.33333333rem;color: #fff;margin-top: 0.33333333rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.glance-box .score-item .score-sec{text-align: center;font-size: 0.4rem;line-height: 0.53333333rem;color: #fff;}
	.container-index .school-intro{width: 100%;background: #F5F5F5;padding: 1rem 0.5rem;}
	.container-index .school-intro .banner-title{margin-top: 0;height: auto;}
	.container-index .school-intro .banner-title .fbox{flex-direction: column;}
	.container-index .school-intro .banner-title .left-txt{color: #010544;font-size: 0.6rem;line-height: 0.73333333rem;padding-top: 0.33333333rem;}
	.container-index .school-intro .banner-title .icons-box{align-items: center;margin-top: 0.86666667rem;display: flex;flex-direction: row;}
	.container-index .school-intro .banner-title .icons-box .uol-logo img{width: 5.2rem;height: 1.33333333rem;margin-right: 1.66666667rem;}
	.container-index .school-intro .banner-title .icons-box .uol-logo{margin-left: 1rem;}
	.container-index .school-intro .banner-title .icons-box .xjtu-logo img{width: 1.93333333rem;height: 1.93333333rem;}
	.container-index .explore-box .explore-wrap{margin-top: 0.33333333rem;justify-content: space-between;flex-wrap: wrap;}
	.container-index .explore-box .explore-item .banner-title{color: #fff;}
	.container-index .explore-box .explore-item .banner-title::before{background: #fff;}
	.container-index .explore-box .explore-wrap .explore-item{position: relative;width: 7.2rem;height: 9.13333333rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;overflow: hidden;margin-bottom: 0.5rem;}
	.container-index .explore-box .explore-wrap .explore-item .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .img-box img{width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box{width: 5.73333333rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 10;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box .sec-txt{font-size: 0.4rem;line-height: 0.53333333rem;padding-bottom: 0.66666667rem;color: #fff;padding-top: 0.26666667rem;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .sec-txt, .container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .banner-title{color: #FFF200;}
	.container-index .explore-box .explore-wrap .explore-item a .img-box img{-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .img-box img{transform: scale(1.1);}
	/* news*/
	.new-box .news-wrap .news-item{width: 15rem;height: 11rem;overflow: hidden;background: #D5D5D52e;margin-bottom: 0.5rem;}
	.new-box .news-wrap .news-item img{display: block;width: 100%;height: 7rem;}
	.new-box .news-wrap .news-item .news-txt{padding-top:10px;padding-left: 0.53333333rem;padding-right: 0.53333333rem;}
	.new-box .news-wrap .news-item .news-txt .time-cate{font-size: 0.53333333rem;height: 0.66666667rem;color: #3D3B46;}
	.new-box .news-wrap .news-item .news-txt .time-cate span:nth-child(1){display: inline-block;border-right: 1px solid #3D3B46;padding-right: 0.33333333rem;}
	.new-box .news-wrap .news-item .news-txt .time-cate span:nth-child(2){display: inline-block;padding-left: 0.33333333rem;}
	.new-box .news-wrap .news-item .news-txt .news-title{font-size: 0.66666667rem;line-height: 1rem;color: #010544;transition: all 0.6s ease; margin-top:10px;}
	.new-box .news-wrap .news-item a:hover .news-title{color: #010544;}
	.new-box .more-new{margin-top: 0.8rem;font-size: 0.53333333rem;line-height: 0.73333333rem;color: #181818;}
	.new-box .more-new a{font-size: 0.53333333rem;line-height: 0.73333333rem;color: #181818;}
	.new-box .more-new a:hover{color: #FFF200;}
	.container-index .location-box{margin-top: 1.66666667rem;}
	.container-index .location-box .explore-wrap .explore-item{width: 15rem;height: 10.93333333rem;}
	.container-index .location-box .explore-wrap .explore-item .banner-title::before{top: -0.26666667rem;}
	.container-index .location-box .explore-wrap .explore-item .txt-box{width: 13.66666667rem;padding-bottom: 0.8rem;}
	.container-index .location-box .explore-wrap .explore-item .txt-box .banner-title{height: auto;font-size: 0.93333333rem;line-height: 1.33333333rem;}
	.events-box .event-item{position: relative;}
	.events-box .news-wrap .news-item{overflow: visible;height: auto;padding-bottom: 0.66666667rem;margin-top: 1.26666667rem;}
	.events-box .event-item .time-cate{position: absolute;left: 1.23333333rem;top: -0.8rem;width: 2.13333333rem;height: 2.46666667rem;background: #010544;}
	.events-box .event-item .time-cate p:nth-child(1){font-size: 0.4rem;color: #fff;text-align: center;width: 100%;margin-top: 0.33333333rem;}
	.events-box .event-item .time-cate p:nth-child(2){font-size: 0.5rem;color: #fff;text-align: center;width: 100%;}
	.events-box .event-item .time-cate p:nth-child(3){font-size: 0.5rem;line-height: 0.46666667rem;color: #fff;text-align: center;width: 100%;}
	.events-box .event-item .news-title{font-size: 0.86666667rem;line-height: 1.13333333rem;color: #010544;width: 13.33333333rem;margin: 0 auto;margin-top: 2rem;}
	.events-box .event-item .learnmore{font-size: 0.46666667rem;line-height: 1.33333333rem;color: #010544;width: 13.33333333rem;margin: 0 auto;}
	.events-box .event-item .learnmore{color: #010544;}
	.events-box .event-item:hover .learnmore{color: #010544;}
	.events-box .event-item:hover .learnmore::after{color: #010544;margin-left: 0.86666667rem;}
	.events-box .event-item .learnmore::after{content: "\F105";font-family: "FontAwesome";font-size: 0.6rem;margin-left: 0.2rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	
	
	.m20{margin-top: 0.66666667rem;}
	.form-msg .Name, .form-msg .Email{display: block;width: 100%;height: 1.06666667rem;background: transparent;border: none;border-bottom: 1px solid #fff;margin-top: 0.33333333rem;color: #fff;}
	.form-msg .Name::placeholder, .form-msg .Email::placeholder{color: #fff;}
	.form-msg .check-box{margin-top: 0.66666667rem;}
	.form-msg .check-box label{font-size: 0.11rem;/* line-height: 0.16rem;*/padding-left: 0.1rem;color: #fff;}
	.form-msg .sub-btn{width: 100%;height: 1.2rem;border: 1px solid #FFF;text-align: center;line-height: 1.2rem;font-size: 0.53333333rem;color: #fff;background: transparent;cursor: pointer;margin-top: 0.66666667rem;}
	.form-msg .sub-btn:hover{color: #CE57C1;}
	.author-line{width: 100%;text-align: center;font-size: 0.46666667rem;color: #fff;line-height: 0.66666667rem;margin-top: 1rem;}
	.jm-dropdown:hover ul{z-index: 99;}
	.mm-spn.mm-spn--navbar:after{color: #fff;opacity: 1;}
}

@media screen and (min-width: 1024px){
	
	/* banner 濞戞挸顦妵鍥炊閿燂拷*/
	.banner-all{width: 11.7rem;margin: 0 auto;margin-top: 1rem;}
	.banner-all .middle-box-banner{width: 11.7rem;height: 4.2rem;margin: 0 auto;padding-top: 0;}
	.banner-all .middle-box-banner a{color: #fff;}
	.banner-all .middle-box-banner .left-big{width: 100%;height: 4.2rem;position: relative;}
	.banner-all .middle-box-banner .left-big .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.banner-all .middle-box-banner .left-big .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1, 5, 68, 0.7) 8%, rgba(37, 255, 249, 0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/}
	.banner-all .middle-box-banner .left-big .img-box img{width: 100%;height: 100%;}
	.banner-all .middle-box-banner .left-big .txt-box{width: 11rem;position: absolute;left: 0.5rem;bottom: 0;padding-bottom: 0.3rem;color: #fff;}
	.banner-all .middle-box-banner .left-big .txt-box h2{font-weight: 500;text-transform: uppercase;font-size: 0.5rem;line-height: 0.7rem;}
	.banner-all .middle-box-banner .left-big .txt-box h2::before{content: '';position: absolute;top: -0.05rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #FFF;}
	.banner-all .middle-box-banner .left-big .txt-box p{font-size: 0.2rem;line-height: 0.24rem;margin-top: 0.1rem;color: #fff;}
	.container-index .banner{margin-top: 1rem;}
	.container-index .banner .middle-box-banner{width: 11.7rem;height: 5.76rem;margin: 0 auto;padding-top: 0.5rem;}
	.container-index .banner .middle-box-banner a{color: #fff;}
	.container-index .banner .middle-box-banner .left-big{width: 7.74rem;height: 5.26rem;position: relative;cursor: pointer;}
	.container-index .banner .middle-box-banner .left-big .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .left-big .img-box::before, .container-index .explore-box .explore-wrap .explore-item .img-box::before, .container-index .location-box .explore-box .explore-wrap .explore-item .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/z-index: 1;}
	.container-index .banner .middle-box-banner .left-big .img-box img{width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .left-big .txt-box{width: 6.5rem;position: absolute;left: 0.3rem;bottom: 0;padding-bottom: 0.4rem;color: #fff;z-index: 10;}
	.container-index .banner .middle-box-banner .left-big .txt-box::before{content: '';position: absolute;top: -0.1rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #FFF;}
	.container-index .banner .middle-box-banner .left-big .txt-box .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.5rem;line-height: 0.6rem;}
	.container-index .banner .middle-box-banner .mian-container{transition: all 0.2s ease-in-out;}
	.container-index .banner .middle-box-banner div.mian-container.clears{transition: all 0.2s ease-in-out;-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);background: transparent;}
	.container-index .banner .middle-box-banner .left-big .txt-box p{font-size: 0.16rem;line-height: 0.2rem;color: #fff;}
	.container-index .banner .middle-box-banner .right-big{width: 3.78rem;height: 5.26rem;margin-left: 0.18rem;cursor: pointer;}
	.container-index .banner .middle-box-banner .right-big .right-box{width: 3.78rem;height: 2.53rem;position: relative;}
	.container-index .banner .middle-box-banner .right-big .right-box:nth-child(2){margin-top: 0.18rem;}
	.container-index .banner .middle-box-banner .right-big .right-box .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .right-big .right-box .img-box::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;/*background-image: -webkit-gradient(linear, 50% 0%, 49% 100%, from(rgba(37, 197, 249, 0)), to(rgba(37, 197, 249, 0.25)));*//*background-image: linear-gradient(to right, rgb(244, 195, 77), transparent);*//*background-image: linear-gradient(45deg,#010544,25%,rgba(37, 197, 249, 0));*/background-image: -webkit-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -moz-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: -ms-linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*/background-image: linear-gradient(45deg, rgba(1,5,68,0.7) 8%, rgba(37, 255, 249,0));/* W3C,*//*background-image: linear-gradient(45deg, #010544, 25%,#25C5F9,0%);!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010544', endColorstr='#25FFF9',GradientType=1 );!* IE6-9 *!*/z-index: 1;}
	.container-index .banner .middle-box-banner .right-big .right-box img{width: 100%;height: 100%;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box{width: 3rem;position: absolute;left: 0.2rem;bottom: 0;padding-bottom: 0.2rem;color: #fff;z-index: 1;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box p{display:none;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title{font-weight: 500;text-transform: uppercase;font-size: 0.3rem;line-height: 0.4rem;letter-spacing: -2px;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title:hover, .container-index .banner .middle-box-banner .left-big .txt-box .txt-box-title:hover, .container-index .banner .middle-box-banner .left-big .txt-box:hover a, .container-index .banner .middle-box-banner .right-big .right-box .txt-box p:hover, .container-index .banner .middle-box-banner .right-big .right-box .txt-box:hover{color:#FFF200;}
	.container-index .banner .middle-box-banner .left-big a:hover .txt-box-title::before{background-color: #FFF200;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title::before{content: '';position: absolute;top: -0.08rem;left: 0;width: 0.3rem;height: 0.03rem;background-color: #FFF;}
	.container-index .banner .middle-box-banner .right-big .right-box .txt-box p{font-size: 0.16rem;line-height: 0.2rem;color: #fff;}
	.container-index .search-banner{width: 11.72rem;height: 0.76rem;background: #fff;margin: 0 auto;margin-top: 0.3rem;-moz-box-shadow: 0px 0px 0.2rem #BABABA;-webkit-box-shadow: 0px 0px 0.2rem #BABABA;box-shadow: 0px 0px 0.2rem #BABABA;}
	.container-index .search-banner form{width: 100%;height: 100%;align-items: center;}
	.container-index .search-banner form .icon{width: 0.32rem;height: 0.32rem;margin-left: 0.3rem;}
	.container-index .search-banner form .icon::before{content: '\F002';display: block;text-indent: 0;font-family: "FontAwesome";font-size: 0.32rem;color: #181818;}
	.container-index .search-banner form .search-input{flex: 1;border: none;outline: none;font-size: 0.2rem;color: #010544;text-indent: 0.2rem;}
	.container-index .search-banner form .search-input::placeholder{color: #010544;}
	.container-index .search-banner form .search-btn{width: 2.1rem;height: 100%;background: #010544;text-align: center;font-size: 0.28rem;color: #fff;cursor: pointer;transition: all 0.4s ease-in-out;}
	.container-index .search-banner form .search-btn:hover{background-color: #FFF200;color: #010544;}
	.container-index .who-box{width: 11.72rem;margin: 0 auto;margin-top: 0.4rem;}
	.container-index .banner-title{width: 100%;height: 0.4rem;font-size: 0.25rem;color: #181818;line-height: 0.5rem;margin-top: 0.46rem;position: relative;margin-top: 0.06rem;}
	.container-index .banner-title::before{content: '';display: block;position: absolute;top: -0.05rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #181818;}
	.container-index .m40{margin-top: 0.4rem;}
	.container-index .who-box .who-warp{margin-top: 0.4rem;flex-wrap: wrap;}
	.container-index .who-box .who-warp .who-item{padding: 0 0.35rem;height: 0.34rem;-moz-box-shadow: 0px 0px 4px #BABABA;-webkit-box-shadow: 0px 0px 4px #BABABA;box-shadow: 0px 0px 4px #BABABA;margin-right: 0.116rem;font-size: 0.18rem;line-height: 0.34rem;margin-bottom: 0.2rem;color: #010544;transition: all 0.6s ease;}
	.zh .container-index .who-box .who-warp .who-item{margin-right: 0.3rem;}
	.container-index .who-box .who-warp .who-item:hover{color: #181818;background-color: #FFF200;}
	.container-index .glance-box{width: 100%;height: 3.4rem;background: #010544;padding: 0.5rem 0;box-sizing: border-box;}
	.container-index .middle-box-pure{width: 11.72rem;margin: 0 auto;}
	.container-index .glance-box .glance-middle{width: 11.72rem;margin: 0 auto;height: 100%;}
	.container-index .glance-box .glance-middle .banner-title{color: #fff;margin-top: 0;}
	.container-index .glance-box .glance-middle .banner-title::before{background: #fff;}
	.container-index .glance-box .grance-flex{height: 100%;}
	.container-index .glance-box .grance-flex .left-block{font-size: 0.15rem;color: #fff;margin-top: 0.24rem;line-height: 0.18rem;position: relative;width: 3.7rem;}
	.container-index .glance-box .grance-flex .bt-btn{padding: 0 0.3rem;background: #fff;color: #010544;height: 0.38rem;line-height: 0.38rem;position: absolute;bottom: 0.5rem;left: 0;transition: all 0.4s ease-in-out;}
	.container-index .glance-box .grance-flex .date-txt{position: absolute;bottom: 0.1rem;font-size: 0.12rem;font-style:italic;}
	.container-index .glance-box .grance-flex .right-block{justify-content: space-around;flex: 1;}
	.container-index .glance-box .grance-flex .bt-btn a{color: #010544;}
	.container-index .glance-box .grance-flex .bt-btn:hover{color: #181818;background-color: #FFF200;}
	.container-index .glance-box .score-item .score-img{width: 0.62rem;height: 0.74rem;margin: 0 auto;}
	.container-index .glance-box .score-item div.circle{width: 0.74rem;height: 0.74rem;}
	.container-index .glance-box .score-item .score-img img{width: 100%;height: 100%;}
	.container-index .glance-box .score-item .score-txt{text-align: center;font-size: 0.42rem;line-height: 0.5rem;color: #fff;margin-top: 0.1rem;}
	.container-index .glance-box .score-item .score-sec{text-align: center;font-size: 0.15rem;line-height: 0.22rem;color: #fff;}
	.container-index .school-intro{width: 100%;background: #D5D5D52e;padding: 0.5rem 0;margin-bottom:0.9rem;}
	.container-index .school-intro .banner-title{margin-top: 0;height: auto;}
	.container-index .school-intro .banner-title .left-txt{color: #010544;font-size: 0.3rem;line-height: 0.35rem;padding-top: 0.1rem;}
	.container-index .school-intro .banner-title .icons-box{justify-content: flex-end;align-items: center;}
	.container-index .school-intro .banner-title .icons-box .uol-logo img{width: 2.44rem;height: 0.62rem;}
	.container-index .school-intro .banner-title .icons-box .xjtu-logo img{width: 0.9rem;height: 0.9rem;margin-right: 0.4rem;margin-left: 0.4rem;}
	.container-index .explore-box .explore-wrap{margin-top: 0.3rem;margin-bottom: 0.3rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-left: -.2rem;}
	.container-index .events-box .explore-wrap{margin-top: 0.5rem;}
	.container-index .explore-box .explore-wrap > div{margin-left: .2rem;}
	.container-index .explore-box{margin-bottom:0.9rem;}
	.container-index .section-title{width: 100%;height: 0.4rem;font-size: 0.3rem;color: #181818;line-height: 0.5rem;margin-top: 0.46rem;position: relative;margin-top: 0.06rem;text-transform:uppercase;}
	.container-index .section-title::before{content: '';display: block;position: absolute;top: -0.04rem;left: 0;width: 0.3rem;height: 0.05rem;background-color: #181818;}
	.container-index .explore-box .explore-item .banner-title{color: #fff;line-height:0.25rem;}
	.container-index .explore-box .explore-item .banner-title::before{background: #fff;top: -0.13rem}
	.container-index .explore-box .explore-wrap .explore-item{position: relative;width: 2.8rem;height: 4.2rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;overflow: hidden;}
	.container-index .explore-box .explore-wrap .explore-item .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .img-box img{width: 100%;height: 100%;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box{width: 2.12rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:10;}
	.container-index .explore-box .explore-wrap .explore-item .txt-box .sec-txt{font-size: 0.14rem;line-height: 0.16rem;padding-bottom: 0.3rem;color: #fff;padding-top: 0.2rem;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .sec-txt, .container-index .explore-box .explore-wrap .explore-item a:hover .txt-box .banner-title{color: #FFF200;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .banner-title::before{background-color: #FFF200;}
	.container-index .explore-box .explore-wrap .explore-item a .img-box img{-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	.container-index .explore-box .explore-wrap .explore-item a:hover .img-box img{transform: scale(1.1);}
	.container-index .new-box .news-wrap .news-item{width: 3.78rem;height: 3.6rem;overflow: hidden;background: #D5D5D52e;}
	.container-index .new-box .news-wrap .news-item img{display: block;width: 100%;height: 1.88rem;}
	.container-index .new-box .news-wrap .news-item:hover img{transform: scale3d(1.2);}
	.container-index .new-box .news-wrap .news-item .news-txt{padding-top: 0.18rem;padding-left: 0.3rem;padding-right: 0.3rem;position: relative;z-index: 2;width: 100%;height: 100%;}
	.container-index .new-box .news-wrap .news-item .news-txt::before{position: absolute;content: " ";width: 100%;height: 100%;display: block;left: 0;top: 0;z-index: 1;transform: translateY(100%);background: #FFF200;transition: all 0.4s ease-in-out;}
	.container-index .new-box .news-wrap .news-item:hover .news-txt::before{transform: translateY(0);}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate{font-size: 0.14rem;height: 0.2rem;line-height: 0.1rem;color: #3D3B46;position: relative;z-index: 2;}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate span{z-index:2;}
	.container-index .new-box .news-wrap .news-item .news-txt .time-cate span:nth-child(2){display: inline-block;position: relative;z-index: 2;padding-left: 0.1rem;}
	.container-index .new-box .news-wrap .news-item .news-txt .news-title{font-size: 0.26rem;line-height: 0.34rem;color: #010544;transition: all 0.6s ease;position: relative;z-index: 2;}
	.container-index .new-box .more-new{margin-top: 0.25rem;font-size: 0.16rem;line-height: 0.2rem;color: #181818;text-transform:uppercase;}
	.container-index .new-box .more-new a{font-size: 0.2rem;line-height: 0.2rem;color: #181818;display: inline-block;padding: 4px;transition: all 0.4s ease;text-transform:uppercase;font-weight:bold;}
	.container-index .new-box .more-new a:hover{background: #FFF200;}
	.container-index .location-box .explore-wrap .explore-item{width: 3.77rem;height: 4.18rem;}
	.container-index .location-box .explore-wrap .explore-item .banner-title::before{top: -0.08rem;}
	.container-index .location-box .explore-wrap .explore-item .txt-box{width: 2.8rem;padding-bottom: 0.4rem;z-index:10;}
	.container-index .location-box .explore-wrap .explore-item .txt-box .banner-title{height: auto;line-height: 0.35rem;}
	.container-index .events-box .event-item{position: relative;}
	.container-index .events-box .news-wrap .news-item{overflow: visible;height: auto;cursor: pointer;position: relative;transition: all 0.4s ease-in-out;}
	.container-index .events-box .news-wrap .news-item:hover{background-color: #FFF200;}
	.container-index .events-box .event-item .time-cate{position: absolute;left: 0.3rem;top: -0.2rem;width: 0.6rem;height: 0.7rem;background: #010544;}
	.container-index .events-box .event-item .time-cate p:nth-child(1){font-size: 0.22rem;line-height: 0.26rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.container-index .events-box .event-item .time-cate p:nth-child(2){font-size: 0.15rem;line-height: 0.18rem;color: #fff;text-align: center;width: 100%;}
	.container-index .events-box .event-item .time-cate p:nth-child(3){font-size: 0.13rem;line-height: 0.14rem;color: #fff;text-align: center;width: 100%;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(3){font-size: 0.18rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(2){font-size: 0.18rem;color: #fff;text-align: center;width: 100%;margin-top: 0.06rem;}
	.zh .container-index .events-box .event-item .time-cate p:nth-child(1){font-size: 0.13rem;line-height: 0.14rem;color: #fff;text-align: center;width: 100%;margin-top: 0.08rem;}
	.container-index .events-box .event-item .news-title{font-size: 0.26rem;line-height: 0.34rem;color: #010544;width: 3.3rem;margin: 0 auto;margin-top: 0.6rem;}
	.container-index .events-box .event-item .learnmore{font-size: 0.17rem;line-height: 0.48rem;color: #010544;width: 3.3rem;margin: 0 auto;}
	.container-index .events-box .event-item .learnmore{color: #010544;}
	.container-index .events-box .event-item:hover .learnmore::after{margin-left: 0.3rem;}
	.container-index .events-box .event-item .learnmore::after{content: "\F105";font-family: "FontAwesome";font-size: 0.17rem;margin-left: 0.2rem;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
	.container-index .bottom-banner{width: 100%;height: auto;padding: 0.5rem 0;background: #010544;margin-top: 0.4rem;position: relative;z-index: 2;}
	.container-index .bottom-banner .logo{width: 2.58rem;height: 0.29rem;}
	.container-index .bottom-banner .logo img{width: 100%;height: 100%;}
	.container-index .bottom-banner .message-list{width: 100%;margin-top: 0.45rem;}
	.container-index .bottom-banner .message-list .left-ul{display: flex;justify-content: space-between;}
	.container-index .bottom-banner .message-list .left-ul .ul-list{flex: 1;padding: 0 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-title{font-size: 0.14rem;line-height: 0.18rem;color: #fff;margin-bottom: 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-list ul{padding-left: 0.2rem;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li{list-style: disc;font-size: 0.13rem;line-height: 0.18rem;color: #fff;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li a{color: #fff;}
	.container-index .bottom-banner .message-list .left-ul .ul-list li a:hover{color: #FFF200;}
	.container-index .bottom-banner .message-list .right-connect{width: 2.4rem;}
	.container-index .bottom-banner .message-list .right-connect .cnt-title{font-size: 0.14rem;line-height: 0.18rem;color: #fff;}


}


@media (min-width: 1024px) and (max-width: 1299px){
	.container-index .banner{margin-top: 40px;}
}


@media (min-width: 480px){
	.mm-spn a{font-size: 18px;}
}

html{-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;-webkit-text-size-adjust: none;background: #F4F4F4;font-family: "FFDIN", "DIN Pro", "Helvetica Neue", helvetica, arial, verdana, "Hiragino Sans GB", "\51AC\9752\9ED1\4F53\7B80\4F53\4E2D\6587", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STXihei", "\534E\6587\9ED1\4F53", "SimSun", "\4E2D\6613\5B8B\4F53", sans-serif;}
html *{outline: 0;padding: 0;margin: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;font-family: "FFDIN", "DIN Pro", "Helvetica Neue", helvetica, arial, verdana, "Hiragino Sans GB", "\51AC\9752\9ED1\4F53\7B80\4F53\4E2D\6587", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STXihei", "\534E\6587\9ED1\4F53", "SimSun", "\4E2D\6613\5B8B\4F53", sans-serif;}
body{-webkit-tap-highlight-color: transparent;-webkit-font-smoothing: subpixel-antialiased;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 12px;background: #fff;font-family: "FFDIN", "DIN Pro", "Helvetica Neue", helvetica, arial, verdana, "Hiragino Sans GB", "\51AC\9752\9ED1\4F53\7B80\4F53\4E2D\6587", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "STXihei", "\534E\6587\9ED1\4F53", "SimSun", "\4E2D\6613\5B8B\4F53", sans-serif;}
[data-dpr="2"]{font-size: 24px;}
[data-dpr="3"]{font-size: 36px;}
body{width: 16rem;margin: 0 auto;}
html, body, #app{height: 100%;width: 100%;color: #333;}
#app{margin: 0 auto;/* max-width: 750px;*/}
a{text-decoration: none;}
button{padding: 0;border: none;}
i, em{font-style: normal;}
input{outline: none;}
ul, ol{list-style: none;}
/* 0.5px border start*/
.border_top05, .border_bottom05, .border_left05, .border_right05, .border_top_bottom05{position: relative;}
.border_top05:before, .border_bottom05:after, .border_top_bottom05:before, .border_top_bottom05:after{content: '';position: absolute;left: -50%;width: 199%;width: calc(200%);height: 2px;background-color: #e6e6e6;transform: scale(0.5);z-index: 1;}
.border_left05:before, .border_right05:after{content: '';position: absolute;top: -50%;width: 2px;height: 199%;height: calc(200%);background-color: #e6e6e6;transform: scale(0.5);z-index: 1;}
.border_top05:before, .border_top_bottom05:before{top: 0;}
.border_bottom05:after, .border_top_bottom05:after{bottom: 0;}
.border_left05:before{left: 0;}
.border_right05:after{right: 0;}
.border_topf2:before, .border_bottomf2:after, .border_top_bottomf2:before, .border_top_bottomf2:after{background-color: #f2f2f2;}
.border_leftf2:before, .border_rightf2:after{background-color: #f2f2f2;}
.border_topDE:before, .border_bottomDE:after, .border_top_bottomDE:before, .border_top_bottomDE:after{background-color: #dedede;}
.border_leftDE:before, .border_rightDE:after{background-color: #dedede;}
.arrow-down, .arrow-hor{position: relative;transition: all 0.3s;display: inline-block;width: pr(32px);height: pr(32px);margin-bottom: pr(-4px);}
.arrow-down.active{transform: rotate(180deg);}
.arrow-down:after, .arrow-hor:after{content: '';position: absolute;top: 50%;right: 3px;width: 10px;height: 10px;margin-top: -8px;border: 1px solid #bbb;transform: rotate(45deg);border-width: 0 1px 1px 0;}
.arrow-up:after{margin-top: -3px;border-width: 1px 0 0 1px;}
.arrow-hor{transform: rotate(270deg);}
/* 0.5px border end*//* 閺傚洦婀扮搾鍛毉 start*/
.textDot{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.textHide{overflow: hidden;}
/* 閺傚洦婀扮搾鍛毉 end*/
/* flex start*/
.fbox{display: flex}
.flex_box .flex_column{flex-direction: column;}
.flex_align_center{align-items: center;}
.flex_justify_center{justify-content: center;}
.flex1{flex: 1;}
.flex_1{flex: 1;}
.flex_2{flex: 2;}
.flex_3{flex: 3;}
/* flex end*//* font -algin*/.l{text-align: left;}
.c{text-align: center;}
.r{text-align: right;}
.layer{height: 100%;width: 100%;position: fixed;z-index: 1010;background: rgba(0, 0, 0, 0.6);top: 0;left: 0;right: 0;bottom: 0;}
.slide-enter-active, .slide-leave-active{transition: all 0.3s ease;overflow: hidden;}
.slide-enter, .slide-leave-to{transform: translate3d(100%, 0, 0);}
.slideup-enter-active, .slideup-leave-active{transform: translate3d(0, 0, 0);transition: all 0.2s ease-in-out;}
.slideup-enter, .slideup-leave-to{transform: translate3d(0, 100%, 0);}
.zoombig-enter-active, .zoombig-leave-active{transform: scale(1);transition: all 0.2s ease-in-out;}
.zoombig-enter, .zoombig-leave-to{transform: scale(0);}
.fade-enter-active, .fade-leave-active{opacity: 1;transition: all .5s ease-in-out;}
.fade-enter, .fade-leave-to{opacity: 0;}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
/* remember to define focus styles!*/:focus{outline: 0;}
/* remember to highlight inserts somehow!*/ins{text-decoration: none;}
del{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup*/table{border-collapse: collapse;border-spacing: 0;}
img{display: block;margin: 0;padding: 0;}

input:focus::-webkit-input-placeholder{color: transparent!important;/* transparent閺勵垰鍙忛柅蹇旀姒涙垼澹�(black)閻ㄥ嫰鈧喕顔囧▔鏇礉閸楀厖绔存稉顏嗚娴肩磧gba(0,0,0,0)鏉╂瑦鐗遍惃鍕偓锟�*/}
/* Mozilla Firefox 4 to 18*/input:focus:-moz-placeholder{color: transparent!important;}
/* Mozilla Firefox 19+*/input:focus::-moz-placeholder{color: transparent!important;}
/* Internet Explorer 10+*/input:focus:-ms-input-placeholder{color: transparent!important;}

.middle-box-pure{width: 11.72rem;margin: 0 auto;}
/* 閻庝絻澹堥崺鍛磼閹惧瓨灏�*/


.container-index .banner .middle-box-banner .right-big .right-box .txt-box .txt-box-title{ display:block;}
.container-index .banner .middle-box-banner .left-big .txt-box .txt-box-title{ display:block;}


/* wangyz补充 */
html {
	background: #FFF;
}
.explore-box {
	padding: 0;
}
.explore-box .explore-wrap .explore-item .txt-box {
	padding: 0;
}
.explore-box .explore-item .banner-title {
	font-size: 0.25rem;
}
.event-item {
	position: relative;
}

.news-wrap .event-item {
	overflow: visible !important;
	height: auto !important;
	cursor: pointer !important;
	position: relative !important;
	transition: all 0.4s ease-in-out;
}

.event-item:hover {
	background-color: #FFF200!important;
}

.event-item .time-cate {
	position: absolute;
	left: 0.3rem;
	top: -0.2rem;
	width: 0.6rem;
	height: 0.7rem;
	background: #010544;
}

	.event-item .time-cate p:nth-child(1) {
		font-size: 0.22rem;
		line-height: 0.26rem;
		color: #fff;
		text-align: center;
		width: 100%;
		margin-top: 0.06rem;
	}

	.event-item .time-cate p:nth-child(2) {
		font-size: 0.18rem;
		line-height: 1.25;
		color: #fff;
		text-align: center;
		width: 100%;
	}

	.event-item .time-cate p:nth-child(3) {
		font-size: 0.18rem;
		line-height: 1.25;
		color: #fff;
		text-align: center;
		width: 100%;
	}

.zh .container-index .events-box .event-item .time-cate p:nth-child(3) {
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 0.06rem;
}

.event-item .news-title {
	font-size: 0.26rem;
	line-height: 0.34rem;
	color: #010544;
	width: 3.3rem;
	margin: 0 auto;
	margin-top: 0.6rem;
}

.event-item .learnmore {
	font-size: 0.17rem;
	line-height: 0.48rem;
	color: #010544;
	width: 3.3rem;
	margin: 0 auto;
}

.event-item .learnmore {
	color: #010544;
}

.event-item:hover .learnmore::after {
	margin-left: 0.3rem;
}

.event-item .learnmore::after {
	content: "\F105";
	font-family: "FontAwesome";
	font-size: 0.17rem;
	margin-left: 0.2rem;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.event-item .time-cate p:nth-child(1) {
	font-size: 0.13rem;
	line-height: 0.14rem;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 0.08rem;
}
.section-title {
	margin-bottom: 0.46rem;
}