body.show a, body.show .transition, body.show :before, body.show :after, body.show 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; } .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("../image/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; } .p-more { font-size: 0.24rem; padding: 0 0.1rem; line-height: 0.5rem; border-bottom: #6510AD solid 0.04rem; } /*-------------------------*/ html { font-size: 50px; } body { font-size: 0.24rem; } .wal { max-width: 800px; margin: 0 0.5rem; } .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-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 { width:auto; padding: 0.5rem 0; font-size: 0.36rem; text-align: center; } .index-flow .title h2 { font-size: 0.34rem; text-align: center; } .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.5rem; } }