body a, body .transition, body :before, body :after, body img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flex, .index-research .dots, .g-nav2 .btn-list .language .name, .p-layer { display: flex; display: -webkit-flex; display: -ms-flex; } .flexColumn, .index-flow .title { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .itemsCenter, .g-nav2 .btn-list .language .name, .p-layer { align-items: center; -webkit-align-items: center; } .justifyCenter, .index-flow .title dl, .index-flow .title, .index-research .dots, .g-foot .info .tel, .g-foot .info, .g-foot .list li, .p-layer { justify-content: center; -webkit-justify-content: center; } .flexAround { justify-content: space-around; -webkit-justify-content: space-around; } .flexBetween, .foot-link .list ul, .index-flow .container .list ul, .index-research .wal, .index-events .wal, .g-foot .info div { justify-content: space-between; -webkit-justify-content: space-between; } .flexWrap, .index-flow .container .list ul, .index-flow .container, .index-research .wal, .g-foot .info, .g-nav2 .btn-list ul, .g-nav2 .scroll li .list dl, .g-nav2 .scroll ul { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .bsBox { box-sizing: content-box; } .p-ico { font-family: "icon"; font-size: 0.2rem; } .pageTips { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #000 url("../image/bg.png"); } .pageTips .container { color: #fff; position: absolute; left: 50%; top: 50%; width: 630px; margin-left: -315px; margin-top: -160px; } .pageTips .container a.close { display: block; width: 50px; height: 50px; position: absolute; z-index: 1; left: auto; right: -15px; top: 40px; bottom: auto; background: url("../img/close.png") center no-repeat; } .pageTips .container .img { text-align: center; } .pageTips .container .msg { font-size: 18px; line-height: 36px; padding-top: 30px; } .pageTips .container a { color: #fff; text-decoration: underline; } /*-------------------------*/ html { font-size: 50px; } body { font-size: 0.24rem; } .wal { max-width: 800px; margin: 0 0.3rem; } .g-head:before { height: 1.45rem; } .g-head .wal { min-height: 1.37rem; margin: 0 0.3rem; } .g-head a.logo { width: 5rem; } .g-head .btn-list { display: none; } .g-head a.navA { right: -0.3rem; width: 1.23rem; height: 1.02rem; top: .2rem; } .g-head a.navA:after { background-size: 0.4rem; } .g-nav { display: none; } .g-nav2 { /* background: ; */ overflow-y: auto; } .g-nav2 .scroll { position: static; padding-top: 1.37rem; } .g-nav2 .scroll li { width: 100%; text-align: left; padding-top: 0; border-bottom: rgba(255, 255, 255, 0.13) solid 1px; } .g-nav2 .scroll li h2 { font-size: .28rem; line-height: 1rem; padding-left: 0.25rem; position: relative; } .g-nav2 .scroll li h2.h2:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -.15rem; right: 0.3rem; font-size: 0.3rem; font-family: "icon"; /* content: "\eaed"; */ color: #fff; background: url(../img/icon-sel.png) no-repeat center; background-size: contain; width: .3rem; height: .3rem; } .g-nav2 .scroll li.on h2.h2:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .g-nav2 .scroll li .list { padding: 0 0 0 0.25rem; display: none; } .g-nav2 .scroll li .list h3 { font-size: 0.24rem; line-height: 0.96rem; border-top: rgba(255, 255, 255, 0.13) solid 1px; } .g-nav2 .scroll li .list h3:nth-child(1) { border: 0; } .g-nav2 .scroll li .list dl { margin-left: -0.5rem; padding: 0 0.2rem 0.3rem 0; margin-top: -0.1rem; } .g-nav2 .scroll li .list dd { font-size: 0.24rem; line-height: 0.6rem; min-width: 25%; padding-left: 0.5rem; } .g-nav2 .scroll li .list dd a { display: block; height: 0.6rem; } .g-nav2 .btn-list a { color: #fff; } .g-nav2 .btn-list ul { border-bottom: rgba(255, 255, 255, 0.13) solid 1px; padding: 0.25rem 0 0.25rem 0.5rem; } .g-nav2 .btn-list ul li { width: 25%; } .g-nav2 .btn-list ul a { display: block; font-size: 0.24rem; line-height: 0.64rem; } .g-nav2 .btn-list .language { border-bottom: rgba(255, 255, 255, 0.13) solid 1px; } .g-nav2 .btn-list .language .name { height: 1rem; padding-left: 0.5rem; font-size: 0.24rem; } .g-nav2 .btn-list .language .name i { flex-shrink: 0; font-size: 0.24rem; margin-right: 0.1rem; font-style: normal; } .g-nav2 .btn-list .language .name i img { height: .3rem; } .g-nav2 .btn-list .search { position: relative; padding: 0.4rem 0.5rem; } .g-nav2 .btn-list .search .btn { font-size: 0.36rem; color: #01478e; position: absolute; top: 0.4rem; right: 0.5rem; bottom: 0.4rem; z-index: 5; line-height: 0.9rem; width: 1rem; text-align: center; background: url(../img/icon-ss2.png) no-repeat center; background-size: .3rem .3rem; } .g-nav2 .btn-list .search .btn input { width: 100%; height: 0.9rem; cursor: pointer; position: absolute; z-index: 1; left: 0; right: auto; top: 0; bottom: auto; } .g-nav2 .btn-list .search .input { height: 0.9rem; background: #fff; } .g-nav2 .btn-list .search .input input { width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.24rem; padding: 0 0.2rem; } /*index*/ .index-video { height: auto; } .index-video video, .index-video img { position: relative; left: 0; top: 0; width: 100%; transform: translate(0, 0); } .index-video .btn { display: none; } .index-flash li { height: 6rem; } .index-flash li .img a { height: 6rem; } .index-flash li .name a { bottom: 1.04rem; font-size: 0.26rem; } .index-flash .btn .dots span { margin: 0 0.08rem; width: 0.1rem; height: 0.1rem; } .index-flash .arrow { display: none; } @media screen and (orientation: landscape) { .index-flash li { height: 100vh; } .index-flash li .img a { height: 100vh; } } .index-search { height: 1.12rem; } .index-search .wal { background-position: right center; background-size: auto 100%; min-height: 1rem; padding: 0 0.4rem; } .index-search .form .name { font-size: 0.24rem; margin-right: 0.24rem; } .index-search .form .name em { font-size: 0.2rem; } .index-search .hot-words { display: none; } .index-search .search-result { padding: 0.3rem 0.4rem 0.44rem 0.4rem; } .index-search .search-result .name h3 { font-size: 0.28rem; } .index-search .search-result .name a { font-size: 0.2rem; } .index-search .search-result li { font-size: 0.24rem; line-height: 0.48rem; } .index-search .search-result li a { padding-right: 0.32rem; } .index-search .search-result li a i { font-size: 0.28rem; } .index-search .search-result .btn a { line-height: 0.8rem; } .index-news .col-1 { width: 100%; padding-bottom: 1rem; } .index-news .col-1 .title { font-size: 0.32rem; padding: 0 0 0.25rem 0; line-height: 1em; } .index-news .col-1 .title span { padding-left: 0.2rem; } .index-news .col-1 li a .name { font-size: 0.32rem; line-height: 0.48rem; font-weight: 400; padding: 0.4rem 0; } .index-news .col-2 { width: 100%; min-height: 1rem; order: -1; } .index-news .col-2:before { display: none; } .index-news .col-2 .list li .title { font-size: 0.24rem; padding-top: 0.3rem; } .index-news .col-2 .list li .title:before, .index-news .col-2 .list li .title:after { width: 0.3rem; height: 0.02rem; margin: 0 0.28rem; } .index-news .col-2 .list li .name a { font-size: 0.36rem; line-height: 0.5rem; text-align: left; padding: 0.25rem 0 0.5rem 0; } .index-news .col-2 .list li p { display: none; } .index-news .col-2 .arrow { position: static; padding-bottom: 1rem; } .index-news .col-2 .arrow a { display: none; } .index-news .col-2 .arrow .dots { width: 100%; } .index-news .col-2 .arrow .dots span { width: 0.16rem; height: 0.16rem; margin: 0 0.1rem; } .index-events:before { bottom: auto; height: 5.66rem; right: 0; margin-right: 0; } .index-events .wal { height: 2.4rem; } .index-events .wal .title { padding-right: 0; font-size: 0.36rem; } .index-events .wal .title:after { display: none; } .index-events .wal .title h2 { font-size: 0.54rem; } .index-events .wal p { display: none; } .index-events .wal .more { margin-right: 0; } .index-events .wal .arrow { display: none; } .index-events .list-wrapper { width: 18.3rem; margin-left: -9.15rem; } .index-events .list-wrapper dd.li-dd { padding: 0 0.2rem; width: 100%; } .index-events .list-wrapper dd.li-dd:nth-child(2), .index-events .list-wrapper dd.li-dd:nth-child(3) { display: none; } .index-events .list-wrapper dd.li-dd .name a { font-size: 0.28rem; } .index-events .list-wrapper dd.li-dd .name2 { padding: 0.3rem 0; } .index-events .list-wrapper dd.li-dd .name2 a { font-size: 0.34rem; line-height: 0.48rem; font-weight: 400; height: 0.96rem; } .index-events .list-wrapper dd.li-dd dl.info { font-size: 0.24rem; } .index-events .list-wrapper dd.li-dd dl.info:before { height: 0.76rem; margin-top: -0.38rem; } .index-events .list-wrapper dd.li-dd dl.info dd { height: 0.48rem; } .index-events .list-wrapper dd.li-dd dl.info em { font-size: 0.3rem; width: 0.74rem; } .index-research .wal { min-height: 1rem; margin: 0; } .index-research .title { padding: 1.4rem 0 0.55rem 0.5rem; font-size: 0.36rem; } .index-research .title:after { display: none; } .index-research .title h2 { font-size: 0.54rem; } .index-research .content { display: none; } .index-research .more { padding: 1.8rem 0.5rem 0 0; } .index-research .list { position: relative; width: 100%; overflow: hidden; } .index-research .list li { padding: 0 0 0 0.5rem; border: 0; } .index-research .list li:before, .index-research .list li:after { display: none; } .index-research .list li .img { display: block; position: relative; padding-top: 0.3rem; } .index-research .list li .img:before { content: ""; display: block; position: absolute; left: 0.7rem; top: 0; right: 0; bottom: 0; background: url("../img/img1080.jpg") center top no-repeat; background-size: 100%; } .index-research .list li .img img { position: relative; } .index-research .list li a.name { font-size: 0.34rem; line-height: 0.52rem; font-weight: 400; padding: 0.3rem 0.5rem 0.7rem 0; } .index-research .list li:hover a.name, .index-research .list li.on a.name { left: 0; } .index-research .dots { padding-bottom: 0.8rem; border-bottom: #F2F2F2 solid 1px; position: relative; z-index: 20; width: 100%; } .index-research .dots span { width: 0.16rem; height: 0.16rem; margin: 0 0.1rem; background: #9D9D9D; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .index-research .dots span.swiper-pagination-bullet-active { background: #01478e; } .index-research .big-img { display: none; } .index-admissions.wal { margin: 0; } .index-admissions .title { padding: 0.9rem 0 0.4rem 0; font-size: 0.36rem; } .index-admissions .title:after { display: none; } .index-admissions .title h2 { font-size: 0.54rem; } .index-admissions .content { display: none; } .index-admissions .list dd { width: 33.333%; max-width: 33.333%; padding-bottom: 0.4rem; } .index-admissions .list dd .info { font-size: 0.2rem; padding: 0.2rem 0 0 0.1rem; } .index-admissions .list dd .info b { font-size: 0.36rem; } .index-admissions .list dd p { line-height: 0.3rem; font-size: 0.2rem; padding: 0 0.3rem; } .index-admissions .dots span { width: 0.16rem; height: 0.16rem; margin: 0 0.1rem; } .index-flow .container { margin-top: 0; padding-bottom: 1.57rem; } .index-flow .container .list { width: 100%; height: 2.9rem; background: #F2F3F9; padding: 0.3rem 0.5rem; position: static; } .index-flow .container .list ul { margin-bottom: 0; } .index-flow .container .list li { width: 45%; } .index-flow .container .list a { line-height: 0.72rem; font-size: 0.32rem; border: 0; font-weight: 400; } .index-flow .container .list a i { font-size: 0.36rem; } .index-flow .container .video { width: 100%; order: -1; } .index-flow .title { padding: 0.35rem 0 0.8rem 0; font-size: 0.36rem; text-align: center; } .index-flow .title:after { left: 50%; width: 5.26rem; margin-left: -2.63rem; } .index-flow .title h2 { font-size: 0.34rem; margin-bottom: 0.3rem; } .index-flow .title a.more { position: static; border-width: 1px; width: 1.5rem; font-size: 0.24rem; line-height: 0.6rem; margin: 0 auto; } .index-flow .title dl { padding-top: 0.6rem; position: static; } .index-flow .title dl dd { margin: 0 0.2rem; } .index-flow .title dl dd a { width: 0.66rem; } .index-flow .title dl dd .layer { width: 3.4rem; margin-left: -2.95rem; } .index-flow .title dl dd .layer:after { top: -0.1rem; } .index-flow .title dl dd .layer .ewm img { width: 1.3rem; } .index-flow .title dl dd.more .layer { right: -50%; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; } .index-flow .img-list { padding: 0 0.5rem; } .index-flow .img-list li { width: 100%; } .index-flow .img-list li a .layer { padding: 0 0.5rem; } .index-flow .img-list li a .layer .time { font-size: 0.2rem; } .index-flow .img-list li a .layer p { font-size: 0.24rem; line-height: 0.36rem; margin-top: 0.2rem; max-height: 1.08rem; overflow: hidden; } .index-flow .img-list li a .layer .info { font-size: 0.24rem; padding: 0.3rem 0; } .index-flow .img-list li a .layer .info img { height: 0.3rem; } .index-flow .img-list li.li_01 { width: 100%; } .index-flow .img-list li.li_01 a .layer p { max-height: 0.72rem; } @media screen and (max-width: 550px) { .wal { margin: 0 0.3rem; } } #缁撴潫 .g-nav2 .btn-list .search .input input{width:89%}