@charset "UTF-8";
@font-face { font-family: "SourceBold"; font-weight: 700; src: url("../font/WFvWdCOLjrTr.woff2") format("woff2"), url("../font/WFvWdCOLjrTr.woff") format("woff"); }
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }

html { min-width: 320px; overflow-x: auto; font-size: 100px; }
html.overflow { width: 100vw; height: 100vh; overflow: hidden; }

.container { width: 1500px; max-width: 85%; margin: 0 auto; font-size: .16rem; }

.header { position: fixed; top: 0; right: 0; bottom: auto; left: auto; z-index: 10; width: 100%; background: linear-gradient(270deg, #0E59A5 0%, #0E2E8B 100%); }
.header::after { position: absolute; top: 0; right: 30%; bottom: auto; left: auto; z-index: 1; width: 3.52rem; height: 1.59rem; content: ""; background-image: url("../images/head_bg1.png"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: contain; }
.header > .container { display: -ms-flexbox; display: flex; align-items: center; position: relative; z-index: 1; padding: .22rem 0; }
.header .right-box { position: absolute; top: 0.57rem; right: calc(50% - 750px); bottom: auto; left: auto; z-index: 2; }

.logo img { max-height: 1.15rem; }

.search { width: 3rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.6); }
.search .form { display: -ms-flexbox; display: flex; }
.search .input { width: calc(100% - .5rem); height: .43rem; padding: 0 .1rem 0 .2rem; font-size: 0.16rem; font-weight: 500; line-height: 0.43rem; color: rgba(255, 255, 255, 0.8); text-align: left; }
.search .input::placeholder { color: rgba(255, 255, 255, 0.7); }
.search .submit { width: .43rem; height: .43rem; background-image: url("../images/search.png"); background-repeat: no-repeat; background-position: 50% 40%; background-color: transparent; background-size: auto; }

.nav { position: relative; z-index: 2; border-top: 1px solid #3766A1; }
.nav .container { display: -ms-flexbox; display: flex; justify-content: space-between; }
.nav li { position: relative; width: 9.09%; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; perspective: 1000px; }
.nav li > a { position: relative; z-index: 2; }
.nav li a { display: block; font-size: 0.2rem; font-weight: 500; line-height: 0.78rem; color: #fff; text-align: center; -webkit-transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -ms-transition: background 0.2s linear 0s; -o-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; }
.nav li.cur > a { background: #0A58A6; }
.nav li:hover { background: #0A58A6; }
.nav li:hover > a { background: #0A58A6; }
.nav li:hover .lv2 { opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.nav .lv2 { position: absolute; top: 100%; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); transform-origin: center top; -ms-transform-origin: center top; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.nav .lv2 a { width: 100%; padding: .12rem 5px; font-size: .17rem; line-height: .25rem; color: #333; }
.nav .lv2 a:hover { color: #fff; background: #0A58A6; }

.pad-btn { display: none; align-items: center; }
.pad-btn .nav-btn { display: inline-block; width: 38px; height: 37px; font-size: 0; padding: 9px 0 0; margin: 0 0 0 .15rem; border-radius: 4px; text-align: center; vertical-align: top; box-shadow: 0 0 4px 0 rgba(17, 74, 164, 0.3); }
.pad-btn .nav-btn i { display: inline-block; width: 24px; height: 2px; margin: 6px 0 0; background: #fff; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.pad-btn .nav-btn i:nth-child(1) { margin-top: 0; }
.pad-btn .nav-btn.close i:nth-child(1) { -webkit-transform: translate(0, 8px) rotate(-45deg); -moz-transform: translate(0, 8px) rotate(-45deg); -ms-transform: translate(0, 8px) rotate(-45deg); -o-transform: translate(0, 8px) rotate(-45deg); transform: translate(0, 8px) rotate(-45deg); }
.pad-btn .nav-btn.close i:nth-child(2) { opacity: 0; }
.pad-btn .nav-btn.close i:nth-child(3) { -webkit-transform: translate(0, -8px) rotate(45deg); -moz-transform: translate(0, -8px) rotate(45deg); -ms-transform: translate(0, -8px) rotate(45deg); -o-transform: translate(0, -8px) rotate(45deg); transform: translate(0, -8px) rotate(45deg); }

.banner .img { position: relative; display: block; padding: 40.4% 0 0; overflow: hidden; }
.banner .img a { display: block; }
.banner .img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.banner .swiper-slide-active img { -webkit-transition: all 6.5s linear 1.5s; -moz-transition: all 6.5s linear 1.5s; -ms-transition: all 6.5s linear 1.5s; -o-transition: all 6.5s linear 1.5s; transition: all 6.5s linear 1.5s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner .pagination { position: absolute; z-index: 1; bottom: .32rem; width: 100%; text-align: center; }
.banner .pagination .swiper-pagination-bullet { margin: 0 8px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.8); background: transparent; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.8); }

.tt1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tt2 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.tt3 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.tt4 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.tt7 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }

.img-scale { position: relative; display: block; overflow: hidden; }
.img-scale img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; -webkit-transition: transform 0.5s linear 0s; -moz-transition: transform 0.5s linear 0s; -ms-transition: transform 0.5s linear 0s; -o-transition: transform 0.5s linear 0s; transition: transform 0.5s linear 0s; }
.img-scale .img-frame { position: relative; overflow: hidden; }
.img-scale .img { height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.5s linear 0s; -moz-transition: transform 0.5s linear 0s; -ms-transition: transform 0.5s linear 0s; -o-transition: transform 0.5s linear 0s; transition: transform 0.5s linear 0s; }
.img-scale .img img { display: none; }
.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }
.img-scale:hover .img { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); }

.column { position: relative; width: 100%; margin: .6rem 0 .4rem; text-align: center; }
.column .more { position: absolute; top: 0.3rem; right: 0; bottom: auto; left: auto; z-index: 1; padding: 0 45px 0 0; background-image: url("../images/icon2.png"); background-repeat: no-repeat; background-position: 100% 50%; background-color: transparent; background-size: auto; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.column .more:hover { color: #0A58A6; font-weight: 700; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.column h3 { display: inline-block; font-family: "sourceBold"; font-size: 0.36rem; font-weight: 500; line-height: 0.37rem; color: #333; text-align: center; }
.column h3 .cn { padding: 22px 0 0 14px; text-align: left; background-image: url("../images/icon1.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
.column h3 .en { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 3px 0 0; font-size: .18rem; color: #0A58A6; }
.column h3 .en::before { display: inline-block; content: ""; width: .24rem; height: 1px; margin: 0 .1rem; background: #0A58A6; }
.column h3 .en::after { display: inline-block; content: ""; width: .24rem; height: 1px; margin: 0 .1rem; background: #0A58A6; }

.more { font-size: 0.18rem; font-weight: 500; line-height: 0.4rem; color: #4d4d4d; text-align: left; }

.title { font-size: 0.18rem; font-weight: 500; line-height: 0.3rem; color: #333; text-align: left; }

.info { font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #9e9e9e; text-align: justify; }

.date { padding: 0 0 0 25px; font-family: "SourceBold"; font-size: 0.16rem; font-weight: 500; line-height: 0.3rem; color: #0A58A6; text-align: left; background-image: url("../images/icon4.png"); background-repeat: no-repeat; background-position: 0 55%; background-color: transparent; background-size: auto; }

.date1 { display: inline-block; vertical-align: top; width: 87px; padding: 9px 0 11px; font-family: "SourceBold"; font-size: 0.16rem; font-weight: 500; line-height: 0.24rem; color: #0A58A6; text-align: center; }
.date1 p:first-child { font-size: .36rem; line-height: .38rem; margin: 0 0 5px; }

.index-layer1 { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 .7rem; }
.index-layer1 .left-box { width: 41.33%; }
.index-layer1 .center-box { width: 26.66%; }
.index-layer1 .right-box { width: 26.66%; }

.index-layer2 { padding: 1px 0 .7rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index-layer2 .container { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.index-layer2 .left-box { width: 41.33%; }
.index-layer2 .left-box .column { text-align: left; }
.index-layer2 .right-box { width: 55.33%; }

.index-layer3 { padding: 1px 0 .2rem; }

.index-layer4 { padding: 1rem 0 2.1rem; background-image: url("../images/index_bg3.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100% 100%; }

.index-layer5 { margin-top: -.32rem; padding: 0 0 .4rem; }
.index-layer5 .column { margin-top: 0; }

.index-layer6 { background: #F5F8FC; }
.index-layer6 .container { display: -ms-flexbox; display: flex; }
.index-layer6 .column2 { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 120px; background: #0074C8; }
.index-layer6 .column2 p { font-size: 0.2rem; font-weight: 700; line-height: 0.3rem; color: #fff; text-align: center; }
.index-layer6 .column2 .icon { display: block; width: 41px; height: 41px; margin: 0 0 5px; background-image: url("../images/icon7.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.index-layer6 .link-box { width: calc(100% - 120px); padding: .22rem 0 .22rem .32rem; font-size: 0; }
.index-layer6 .link-box a { display: inline-block; vertical-align: top; font-size: 0.18rem; font-weight: 500; line-height: 0.36rem; color: #43464A; text-align: left; }
.index-layer6 .link-box a:hover { color: #0A58A6; font-weight: 700; }
.index-layer6 .link-box span { display: inline-block; vertical-align: top; width: 1px; height: .18rem; margin: .09rem .22rem; background: #C3CEE1; }

.index-link1 { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .14rem; background-image: url("../images/index_bg5.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100% 100%; }
.index-link1 li { max-width: 28.5%; }
.index-link1 li:nth-child(2) a { background: #2A716D; }
.index-link1 li:nth-child(2) a:hover { box-shadow: 0 0 .14rem 0 #2A716D; }
.index-link1 li:nth-child(3) a { background: #0A58A6; }
.index-link1 li:nth-child(3) a:hover { box-shadow: 0 0 .14rem 0 #0A58A6; }
.index-link1 a { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 2.29rem; max-width: 100%; height: 2.29rem; padding: 0 0 .1rem; border-radius: 50%; background: #D39E4F; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.index-link1 a p { margin: .18rem 20% 0; font-size: 0.2rem; font-weight: 700; line-height: 0.27rem; color: #fff; text-align: center; }
.index-link1 a p span { height: .54rem; }
.index-link1 a p::after { display: block; content: ""; box-sizing: border-box; width: .46rem; height: 2px; margin: .16rem auto 0; background: #fff; }
.index-link1 a:hover { box-shadow: 0 0 .14rem 0 #c59142; }
.index-link1 a:hover .icon i { -webkit-transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -ms-transition: all 1s linear 0s; -o-transition: all 1s linear 0s; transition: all 1s linear 0s; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.index-link1 .icon { width: 1.26rem; height: .82rem; background-image: url("../images/icon6.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.index-link1 .icon i { display: block; width: 100%; height: 100%; background-image: url("../images/icon8_1.png"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: auto; }
.index-link1 .icon.i2 { background-image: url("../images/icon6_1.png"); }
.index-link1 .icon.i2 i { background-image: url("../images/icon8_2.png"); }
.index-link1 .icon.i3 { background-image: url("../images/icon6_2.png"); }
.index-link1 .icon.i3 i { background-image: url("../images/icon8_3.png"); }

.news-swiper1 .img-frame .img { padding: 3.9rem 0 0; }
.news-swiper1 .img-frame::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 25%; content: ""; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
.news-swiper1 .date1 { position: absolute; top: 0; right: auto; bottom: auto; left: 0.21rem; z-index: 1; height: 84px; padding-top: 5px; color: #FFC062; background-image: url("../images/icon3.png"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: auto; }
.news-swiper1 .date1 p:first-child { margin: 0; }
.news-swiper1 .text { padding: .21rem .3rem; background: linear-gradient(270deg, #076DB5 0%, #0D3288 100%); }
.news-swiper1 .text .title { height: .6rem; font-size: .2rem; color: #fff; }
.news-swiper1 .pagination { position: absolute; z-index: 1; bottom: 1.18rem; right: .28rem; width: auto; text-align: right; }
.news-swiper1 .pagination .swiper-pagination-bullet { margin: 0 0 0 .1rem; width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: .6; }
.news-swiper1 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.news-swiper2 { position: relative; }
.news-swiper2 .img-scale { border-radius: .2rem 0 .2rem 0; }
.news-swiper2 .img { padding: 52.857% 0 0; }
.news-swiper2 .arrow { position: absolute; top: calc(50% - .29rem); right: auto; bottom: auto; left: auto; z-index: 1; width: .58rem; height: .58rem; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: 1px solid #0A58A6; border-radius: 50%; cursor: pointer; }
.news-swiper2 .arrow.swiper-prev { left: -.77rem; }
.news-swiper2 .arrow.swiper-next { right: -.77rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.news-swiper3 { position: relative; }
.news-swiper3 .img-scale:hover .title { color: #0A58A6; }
.news-swiper3 .img-scale:hover .date1 { border-color: #FFC062; background: #FFC062; }
.news-swiper3 .img { padding: 62.658% 0 0; }
.news-swiper3 .date1 { border: 1px solid #0A58A6; border-radius: .2rem 0 .2rem 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.news-swiper3 .text { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start; padding: .28rem 0 0 1px; }
.news-swiper3 .text .cont-box { width: calc(100% - 87px); padding-left: .18rem; }
.news-swiper3 .text .title { margin: 0 0 .2rem; font-weight: 700; }
.news-swiper3 .text .info { color: #7E8083; }
.news-swiper3 .arrow { position: absolute; top: 30%; right: auto; bottom: auto; left: auto; z-index: 1; width: .58rem; height: .58rem; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: 1px solid #0A58A6; border-radius: 50%; cursor: pointer; }
.news-swiper3 .arrow.swiper-prev { left: -.77rem; }
.news-swiper3 .arrow.swiper-next { right: -.77rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.picture1 .img-scale { border-bottom: 2px solid #0A58A6; background: #fff; box-shadow: 0px 0px 10px 0px rgba(62, 62, 62, 0.2); }
.picture1 .img { padding: 2.83rem 0 0; }
.picture1 .text { padding: .17rem .24rem .2rem; }
.picture1 .info { margin: .12rem 0; }

.picture2 { font-size: 0; margin: 0 -0.37rem; }
.picture2 > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.37rem; }
.picture2 li { font-size: 0; margin: 0 0 .36rem; }
.picture2 li a { display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.picture2 li a:hover .title { color: #0A58A6; }
.picture2 li a:hover .title span { background-size: 100% 1px; -webkit-transition: background-size 0.5s linear 0s; -moz-transition: background-size 0.5s linear 0s; -ms-transition: background-size 0.5s linear 0s; -o-transition: background-size 0.5s linear 0s; transition: background-size 0.5s linear 0s; }
.picture2 .img-frame { width: 3.27rem; border-radius: .1rem; }
.picture2 .img-frame .img { padding: 65.749% 0 0; }
.picture2 .text { width: calc(100% - 3.27rem); padding: .15rem 0 0 .28rem; }
.picture2 .title { max-height: .6rem; font-weight: 700; }
.picture2 .title span { background-image: linear-gradient(#0A58A6, #0A58A6); background-repeat: no-repeat; background-size: 0 1px; background-position: 0 100%; }
.picture2 .info { max-height: .56rem; margin: .18rem 0; }

.picture3 li { margin: 0 0 .3rem; }
.picture3 .img-scale { display: -ms-flexbox; display: flex; align-items: center; padding: .2rem; background: #F2F5F9; border-radius: .3rem 0px .3rem 0px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; border-bottom: 3px solid transparent; }
.picture3 .img-scale:hover { background: #fff; box-shadow: 0px 0px 14px 0px rgba(23, 88, 190, 0.5); border-color: #0A58A6; }
.picture3 .img-scale:hover .date1 { color: #0A58A6; }
.picture3 .img-scale:hover .date1 p:first-child { color: #F1AC33; }
.picture3 .img-frame { width: 2.45rem; }
.picture3 .img-frame .img { padding: 67.4% 0 0; }
.wttwlist{width:calc(100% - 1.4rem) !important;}
.picture3 .text { width: calc(100% - 3.85rem); padding: 0 .4rem 0 .34rem; }
.picture3 .text .title { font-size: .2rem; }
.picture3 .text .title::after { display: block; content: ""; box-sizing: border-box; width: .38rem; height: 3px; background: #0A58A6; margin: .18rem 0; }
.picture3 .text .info { margin: 0 0 0; color: #898989; }
.picture3 .date1 { width: 1.4rem; border-left: 1px solid #BFD4F4; color: #9B9B9B; }
.picture3 .date1 p:first-child { color: #0A58A6; }

.list1 { display: -ms-flexbox; display: flex; justify-content: space-between; flex-direction: column; }
.list1 a { position: relative; display: block; margin: .18rem 0 0; padding: .32rem; border: 1px solid #D0E1F1; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list1 a:hover { box-shadow: 0px 0px 10px 0px rgba(10, 88, 166, 0.4); }
.list1 a:hover .title { color: #0A58A6; font-weight: 700; }
.list1 a:hover .icon { opacity: 1; }
.list1 a:hover::after { opacity: 1; background-position-y: 100%; }
.list1 a::after { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; content: ""; background-image: url("../images/index_bg1.png"); background-repeat: no-repeat; background-position: 100% -70%; background-color: transparent; background-size: auto; opacity: 0; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.list1 .icon { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; width: .46rem; height: .52rem; background-image: url("../images/icon5.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; opacity: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.list1 .date { position: absolute; top: -0.18rem; right: auto; bottom: auto; left: 0.34rem; z-index: 1; display: inline-block; padding: 0 .09rem; line-height: .37rem; background: #E5EDF9; border-radius: 10px 0px 10px 0px; }

.list2 li { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; margin: 0 0 .3rem; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list2 li:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.list2 li:hover .title { color: #0A58A6; font-weight: 700; }
.list2 li:hover .date { color: #fff; background: #0A58A6; }
.list2 .date { display: inline-block; padding: 0 .09rem; line-height: .37rem; background: #E5EDF9; border-radius: 10px 0px 10px 0px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list2 .title { width: calc(100% - 1.35rem); max-height: .52rem; line-height: .26rem; }

.list6 { font-size: 0; margin: 0 -0.25rem; }
.list6 > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.25rem; }
.list6 li { margin: 0 0 .45rem; }
.list6 a { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .28rem .28rem; margin: 0 0 2px; border: 1px solid #CBDFF3; border-radius: 0px .3rem 0px .3rem; -webkit-transition: background 0.3s linear 0s; -moz-transition: background 0.3s linear 0s; -ms-transition: background 0.3s linear 0s; -o-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.list6 a:hover { margin: 0; border-color: #0A58A6; background: #0A58A6; border-bottom: 3px solid #FFC062; }
.list6 a:hover .title { color: #fff; }
.list6 a:hover .date1 { color: #fff; }
.list6 a:hover .date1 p:first-child { color: #FFC062; }
.list6 .date1 { width: 100px; padding: 0 20px 0 0; color: #707070; border-right: 1px solid #CBDFF3; }
.list6 .date1 p:first-child { color: #0A58A6; font-size: .24rem; margin: 0; }
.list6 .text { width: calc(100% - 100px); padding: 0 0 0 .28rem; }
.list6 .title { max-height: .6rem; font-size: .2rem; }

.list7 { margin: -.2rem 0 0; }
.list7 li { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed #C4D1E5; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list7 li:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); border-bottom: 1px solid #0A58A6; }
.list7 li:hover .title { color: #0A58A6; }
.list7 li:hover .date { color: #0A58A6; }
.list7 .title { width: calc(100% - 140px); line-height: .75rem; padding: 0 0 0 28px; background-image: url("../images/icon13.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.list7 .date { padding: 0; line-height: .75rem; color: #9e9e9e; background: none; }

.footer { background-image: url("../images/index_bg4.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.footer .container { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: .32rem 0; }

.foot-logo img { max-height: 1.05rem; }

.foot-contact .tips { margin: 0 0 .2rem; padding: 0 0 0 8px; border-left: 3px solid #fff; font-size: 0.2rem; font-weight: 700; line-height: 0.2rem; color: #fff; text-align: left; }
.foot-contact .contact-box { font-size: 0.16rem; font-weight: 500; line-height: 0.34rem; color: #fff; text-align: left; }
.foot-contact .contact-box p { padding: 0 0 0 28px; background-image: url("../images/icon9_1.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.foot-contact .contact-box p:nth-child(2) { background-image: url("../images/icon9_2.png"); }

.QR-code img { width: 1.32rem; height: auto; }
.QR-code p { margin: .1rem 0 0; font-size: 0.14rem; font-weight: 500; line-height: 0.16rem; color: #fff; text-align: center; }

.copy { padding: .22rem .1rem; font-size: 0.16rem; font-weight: 500; line-height: 0.3rem; color: #fff; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.decorate { position: relative; padding: 31.6% 0 0; }
.decorate img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }

.position { position: relative; background: #F5F8FF; }
.position::before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: calc((100% - 1450px) / 2); height: 1.1rem; content: ""; background: #0A58A6; }
.position .container { display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; z-index: 2; }

.sidebar { position: relative; z-index: 3; margin: -.35rem 0; font-size: 0; }
.sidebar h3 { display: inline-block; vertical-align: top; min-width: 2.3rem; padding: 0 .2rem 0 0; font-family: "SourceBold"; font-size: 0.3rem; font-weight: 500; line-height: 1.1rem; color: #fff; text-align: center; background-image: url("../images/icon6_3.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: #0A58A6; background-size: auto; border-radius: 0 .3rem 0 0; }
.sidebar .sub-nav { display: inline-block; vertical-align: bottom; }
.sidebar .sub-nav li { position: relative; display: inline-block; vertical-align: top; margin: 0 0 0 2.125vw; border-bottom: 2px solid transparent; }
.sidebar .sub-nav li.cur { border-color: #0A58A6; }
.sidebar .sub-nav li.cur > a { color: #0A58A6; font-weight: 700; }
.sidebar .sub-nav li:hover { border-color: #0A58A6; }
.sidebar .sub-nav li:hover a { color: #0A58A6; }
.sidebar .sub-nav a { display: block; font-size: 0.22rem; font-weight: 500; line-height: 0.73rem; color: #333; text-align: center; background-repeat: no-repeat; background-position: 100% 50%; background-color: transparent; background-size: 10px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }

.place { font-size: 0.16rem; font-weight: 500; line-height: 0.75rem; color: #626E7B; text-align: left; padding: 0 0 0 28px; background-image: url(../images/icon10.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.place a { color: #626E7B; }
.place a:hover { color: #0A58A6; }
.place a:last-child { color: #0A58A6; font-weight: 700; }

.main-box { padding: .6rem 0; }

/* 产学研基地 */
.index2-layer1 { display: -ms-flexbox; display: flex; align-items: flex-start; padding: .7rem 0; }
.index2-layer1 .column { text-align: left; }
.index2-layer1 .column h3 .en::before { display: none; }
.index2-layer1 .column .more { right: 20%; }
.index2-layer1 .left-box { position: relative; z-index: 2; width: 51%; margin: 0 -4% 0 0; }
.index2-layer1 .right-box { position: relative; z-index: 1; width: 53%; }
.index2-layer1 .right-box img { position: relative; height: auto; }
.index2-layer1 .content-box { padding: .6rem .55rem; font-size: 0.2rem; font-weight: 500; line-height: 0.42rem; color: #333; text-align: left; text-indent: 2em; background-image: url("../images/index_bg6.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; border-radius: .4rem 0 .4rem 0; }
.index2-layer1 .content-box .tt7 { height: 2.94rem; }

.index2-layer2 { padding: .2rem 0 .7rem; background-image: url("../images/index_bg7.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index2-layer2 .container { display: -ms-flexbox; display: flex; justify-content: space-between; }
.index2-layer2 .column { text-align: left; }
.index2-layer2 .left-box { width: 43%; }
.index2-layer2 .right-box { width: 53%; }

.index2-layer3 { padding: 1px 0 .7rem; }
.index2-layer3 .column h3 .en { margin-left: -.45rem; }

.index2-layer4 { padding: 1px 0 .5rem; background-image: url("../images/index_bg8.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.index2-layer4 .container { display: -ms-flexbox; display: flex; justify-content: space-between; }
.index2-layer4 .column { text-align: left; }
.index2-layer4 .column h3 .en::before { display: none; }
.index2-layer4 .left-box { width: 48.2%; }
.index2-layer4 .right-box { width: 48.2%; }

.news-swiper4 { margin: .6rem 0 0; }
.news-swiper4 .img-scale:hover .title { color: #0A58A6; font-weight: 700; }
.news-swiper4 .img-frame .img { padding: 4.4rem 0 0; }
.news-swiper4 .date1 { position: absolute; top: auto; right: 0.3rem; bottom: 0.66rem; left: auto; z-index: 1; height: 80px; padding-top: 5px; padding-bottom: 0; color: #FFC062; background: #0A58A6; border-radius: .2rem 0 .2rem 0; }
.news-swiper4 .date1 p:first-child { margin: 0; }
.news-swiper4 .text { padding: 0.22rem calc(80px + .75rem) 0.22rem 0; }
.news-swiper4 .text .title { height: .6rem; }
.news-swiper4 .pagination { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 2px; background: #0A58A6; font-size: 0; }
.news-swiper4 .pagination .swiper-pagination-bullet { width: 20%; height: 2px; margin: 0; background: #EAAB19; opacity: 0; }
.news-swiper4 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.news-swiper5 { position: relative; padding: 0 .56rem; }
.news-swiper5 .swiper-slide { padding: 1px; }
.news-swiper5 a { position: relative; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; padding: .37rem .37rem .8rem; border: 1px solid #B8C8DF; border-radius: 1.63rem; overflow: hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.news-swiper5 a::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; background-image: url("../images/index_bg9.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; content: ""; }
.news-swiper5 a:hover { border-color: #0C428A; background: #0C428A; }
.news-swiper5 a:hover .img-frame { background: #0C428A; border: 1px dashed #98979C; }
.news-swiper5 a:hover::after { opacity: .4; }
.news-swiper5 a:hover .name, .news-swiper5 a:hover .txt1, .news-swiper5 a:hover .txt2 { color: #fff; }
.news-swiper5 .img-frame { position: relative; width: 2.34rem; max-width: 90%; padding: .15rem; background: #EAF0F9; border-radius: 50%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.news-swiper5 .img-frame .img { padding: 100% 0 0; height: 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; border-radius: 50%; }
.news-swiper5 .img-frame .img img { display: none; }
.news-swiper5 .name { margin: .25rem 0 .12rem; font-size: 0.22rem; font-weight: 700; line-height: 0.3rem; color: #242424; text-align: center; }
.news-swiper5 .txt1 { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 0 0 0; height: .46rem; font-size: 0.18rem; font-weight: 500; line-height: 0.22rem; color: #0A58A6; text-align: center; }
.news-swiper5 .txt2 { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; height: .46rem; font-size: 0.18rem; font-weight: 500; line-height: 0.22rem; color: #6F7A86; text-align: center; }
.news-swiper5 .arrow { position: absolute; top: calc(50% - .29rem); right: auto; bottom: auto; left: auto; z-index: 1; width: .58rem; height: .58rem; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: 1px solid #0A58A6; border-radius: 50%; cursor: pointer; }
.news-swiper5 .arrow.swiper-prev { left: -.21rem; }
.news-swiper5 .arrow.swiper-next { right: -.21rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.list3 { position: relative; font-size: 0; margin: 0 0; }
.list3 > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 0; }
.list3 li { position: relative; padding: .36rem .3rem .36rem 0; border-bottom: 1px dashed #99A8B6; }
.list3 li:nth-child(even) { padding-left: .3rem; padding-right: 0; border-left: 1px dashed #99a8b6; }
.list3 li:nth-child(1), .list3 li:nth-child(2) { padding-top: 0; }
.list3 li:nth-last-child(1), .list3 li:nth-last-child(2) { padding-bottom: 0; border-bottom: none; }
.list3 a { display: block; }
.list3 a:hover .title { color: #0A58A6; }
.list3 .date { padding: 0; font-size: .18rem; color: #9e9e9e; background: none; }
.list3 .date span { margin: 0 6px 0 0; font-size: .26rem; color: #0A58A6; vertical-align: bottom; }
.list3 .title { margin: .15rem 0; }
.list3 .info { color: #8a8a8a; }

.list4 li { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list4 li:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.list4 li:hover .title { color: #0A58A6; }
.list4 .title { width: calc(100% - 1rem); line-height: .56rem; }
.list4 .title::before { display: inline-block; content: ""; width: 5px; height: 5px; border-radius: 50%; margin: 0 .15rem 2px 0; background: #116EC9; }
.list4 .date { padding: 0; line-height: .56rem; color: #9e9e9e; background: none; }

.list5 li { position: relative; z-index: 1; margin: 0 0 .1rem; padding: 0 0 0 42px; }
.list5 li:hover .text::after { opacity: 1; }
.list5 li:hover .title, .list5 li:hover .info { position: relative; z-index: 2; color: #fff; }
.list5 li:hover .date1 { color: #0A58A6; border-color: #ffc062; background: #FFC062; }
.list5 .date1 { position: absolute; top: calc(50% - 44px); right: auto; bottom: auto; left: 0; z-index: 2; color: #737373; background: #fff; border: 1px solid #E5E5E5; border-radius: .15rem 0 .15rem 0; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list5 .date1 p:first-child { color: #0A58A6; }
.list5 .text { position: relative; display: block; padding: .22rem .3rem .2rem .65rem; border-radius: .3rem 0 .3rem 0; overflow: hidden; }
.list5 .text::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; background: linear-gradient(104deg, #085ABD 47%, #0EAEDE 97%); opacity: 0; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list5 .info { height: .56rem; margin: .1rem 0 0; }

.first-news { display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 0 .32rem; box-shadow: 0px 0px 10px 0px rgba(10, 88, 166, 0.2); background: #fff; }
.first-news:hover .title { color: #0A58A6; }
.first-news .img-frame { width: 50%; }
.first-news .img-frame .img { padding: 2.5rem 0 0; }
.first-news .text { width: 50%; padding: .3rem .26rem 0; background-image: url("../images/icon11.png"); background-repeat: no-repeat; background-position: calc(100% - .26rem) 82%; background-color: transparent; background-size: auto; }
.first-news .title { font-weight: 700; }
.first-news .info { margin: .17rem 0 .2rem; }
.first-news .date { width: 1.15rem; padding: 0; line-height: .4rem; color: #fff; border-radius: .15rem 0 .15rem 0; text-align: center; background: linear-gradient(270deg, #0A58A6 0%, #0D3389 98%); }

/*************/
/* 现任领导 */
.leader-box { width: 1150px; padding: 0 0 1rem; }

.leader-item { margin: .9rem 0 0; }
.leader-item .leader-title { display: inline-block; min-width: 4.4rem; padding: 0 .28rem 0 .7rem; font-size: 0.24rem; font-weight: 700; line-height: 0.75rem; color: #fff; text-align: left; background: url("../images/icon12.png") no-repeat 22px 50% #0A58A6; border-radius: 0 .2rem 0 0; border-left: 6px solid #FFC062; }
.leader-item:nth-child(2) .leader-list p { width: 70%; }
.leader-item:nth-child(2) .leader-list p:first-child { width: 21%; }

.leader-list { padding: .5rem .56rem; background-image: url("../images/index_bg10.png"); background-repeat: no-repeat; background-position: 100% 100%; background-color: transparent; background-size: auto; border-radius: 0 .4rem 0 .4rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.leader-list li { display: -ms-flexbox; display: flex; justify-content: space-between; font-size: 0.2rem; font-weight: 500; line-height: 0.74rem; color: #333; text-align: left; border-bottom: 1px dashed #CCCFD1; }
.leader-list li:last-child { border: none; }
.leader-list p { width: 45%; text-indent: .18rem; }
.leader-list p:first-child { position: relative; }
.leader-list p:first-child::after { position: absolute; top: 0.25rem; right: 0; bottom: auto; left: auto; z-index: 1; width: 1px; height: .24rem; background: #CCCFD1; content: ""; }

/***********/
/* 教师风采 */
.teach-box { padding: .15rem 0 1rem; }

.teach-item { margin: .45rem 0 0; }

.teach-title { width: 95%; border-left: 4px solid #0A58A6; font-size: 0.24rem; font-weight: 700; line-height: 0.67rem; color: #0A58A6; text-align: left; background: #F5F8FF; border-radius: 0 .4rem 0 0; }
.teach-title::before { display: inline-block; vertical-align: top; width: 3px; height: .67rem; margin: 0 .18rem 0 4px; background: #FFC062; content: ""; }

.teach-list { display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: .1rem .5rem .15rem; border: 1px solid #CEDBE8; }
.teach-list li { width: 16.666%; }
.teach-list a { font-size: 0.18rem; font-weight: 500; line-height: 0.55rem; color: #333; text-align: left; }
.teach-list a::before { display: inline-block; width: 0; height: 0; margin: 0 5px 1px 0; border: 5px solid transparent; border-left-color: #0A58A6; content: ""; }
.teach-list a:hover { color: #0A58A6; font-weight: 700; }

/***********/
/* 南疆教育发展研究中心 */
.index3-layer1 { padding: 0 0 .5rem; }
.index3-layer1 .content-box { font-size: 0.18rem; font-weight: 500; line-height: 0.32rem; color: #333; text-align: justify; }
.index3-layer1 .content-box p { text-indent: 2em; }

.index3-layer2 { padding: 1px 0 1rem; background-image: url("../images/index_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: #F2F6FA; background-size: auto; }
.index3-layer2 .container { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.index3-layer2 .left-box { width: 51.4%; }
.index3-layer2 .right-box { width: 45.33%; }
.index3-layer2 .list5 { border-bottom: 1px dashed #C6D4E2; }
.index3-layer2 .list5 li:hover .title { color: #0A58A6; }
.index3-layer2 .list5 li:hover .info { color: #808080; }
.index3-layer2 .list5 .date1 { top: 0; background: #0A58A6 !important; color: #FFC062 !important; border-color: #0A58A6 !important; }
.index3-layer2 .list5 .date1 p:first-child { color: #FFC062 !important; }
.index3-layer2 .list5 .text { padding-top: 0; }
.index3-layer2 .list5 .text::after { display: none; }
.index3-layer2 .list4 { margin: .2rem 0 0; }
.index3-layer2 .list4 .title { line-height: .6rem; }
.index3-layer2 .list4 .title::before { border: 1px solid #0A58A6; background: none; }
.index3-layer2 .list4 .date { line-height: .6rem; }

.index3-layer3 { padding: 0 0 .25rem; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.index3-layer3 .column { margin-bottom: .34rem; text-align: left; }
.index3-layer3 .left-box { width: 48.5%; }
.index3-layer3 .right-box { width: 48.5%; }

.index3-layer4 { padding: 0 0 .8rem; background-image: url("../images/index_bg12.png"); background-repeat: no-repeat; background-position: 100% 100%; background-color: transparent; background-size: auto; }

.news-swiper6 .img { padding: 5.1rem 0 0; }
.news-swiper6 .text { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0 120px 0 .24rem; background: rgba(21, 21, 21, 0.4); }
.news-swiper6 .text .title { color: #fff; line-height: .75rem; }
.news-swiper6 .pagination { position: absolute; top: auto; right: 0.32rem; bottom: 0.32rem; left: auto; z-index: 1; width: auto; font-size: 0; }
.news-swiper6 .pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 0 0 10px; background: #fff; opacity: .6; }
.news-swiper6 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.news-swiper7 { position: relative; }
.news-swiper7 .swiper-slide { padding: .1rem; }
.news-swiper7 .img-scale { padding: .3rem .32rem; border-radius: .1rem; box-shadow: 0px 0px 0.1rem 0px rgba(211, 211, 211, 0.5); background: #fff; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.news-swiper7 .img-scale:hover { background: #0A58A6; }
.news-swiper7 .img-scale:hover .date { color: #fff; }
.news-swiper7 .img-scale:hover .date span { color: #FFC062; }
.news-swiper7 .img-scale:hover .title { color: #fff; }
.news-swiper7 .img { padding: 71.75% 0 0; }
.news-swiper7 .date { color: #818181; padding: 0; background: none; }
.news-swiper7 .date span { vertical-align: sub; margin: 0 5px 0 0; color: #0A58A6; font-size: .26rem; }
.news-swiper7 .title { height: .6rem; margin: .27rem 0 .32rem; font-size: .2rem; font-weight: 700; }
.news-swiper7 .arrow { position: absolute; top: calc(50% - .29rem); right: auto; bottom: auto; left: auto; z-index: 1; width: .58rem; height: .58rem; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; border: 1px solid #0A58A6; border-radius: 50%; cursor: pointer; }
.news-swiper7 .arrow.swiper-prev { left: -.77rem; }
.news-swiper7 .arrow.swiper-next { right: -.77rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.list8 { padding: 0 0 0 .38rem; border-left: 1px dashed #9CB8D5; }
.list8 li { border-bottom: 1px solid rgba(87, 119, 150, 0.3); }
.list8 li:first-child a { padding-top: 0; }
.list8 li:last-child { border: none; }
.list8 li:last-child a { padding-bottom: 0; }
.list8 li:last-child a::after, .list8 li:last-child a::before { display: none; }
.list8 a { position: relative; display: -ms-flexbox; display: flex; padding: .3rem 0; }
.list8 a::before { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 0%; height: 2px; background: #0A58A6; content: ""; opacity: 0; }
.list8 a::after { position: absolute; top: auto; right: 0; bottom: -4px; left: auto; z-index: 1; width: 5px; height: 5px; content: ""; border: 1px solid #9CB8D4; border-radius: 50%; background: #fff; }
.list8 a:hover::before { width: 100%; opacity: 1; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list8 a:hover::after { display: none; }
.list8 a:hover .title { color: #0A58A6; }
.list8 a:hover .date::before { background-color: #0A58A6; background-image: url("../images/icon14_2.png"); }
.list8 .date { position: relative; padding: 0; font-size: .21rem; background: none; }
.list8 .date::before { position: absolute; top: 0; right: auto; bottom: auto; left: -0.54rem; z-index: 1; content: ""; width: .28rem; height: .28rem; border: 1px solid #9CB8D4; border-radius: 50%; background-image: url("../images/icon14_1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff; background-size: auto; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list8 .title { width: calc(100% - 59px); padding: 0 0 0 .3rem; }

.list9 li { margin: 0 0 .08rem; }
.list9 a { display: -ms-flexbox; display: flex; justify-content: space-between; padding: .2rem .3rem; border-radius: .3rem 0px .3rem 0; background: #EFF6FD; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.list9 a:hover { border-color: #0A58A6; background-image: url("../images/index_bg11.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.list9 a:hover .title { color: #fff; }
.list9 a:hover .date1 { color: #fff; }
.list9 a:hover .date1 p:first-child { color: #FFC062; }
.list9 .date1 { position: relative; width: 95px; padding: 0 26px 0 0; color: #707070; line-height: .2rem; text-align: right; }
.list9 .date1 p:first-child { color: #0A58A6; font-size: .24rem; line-height: .24rem; margin: 0 0 8px; }
.list9 .date1::before { position: absolute; top: 2px; right: -4px; bottom: auto; left: auto; z-index: 1; content: ""; width: 5px; height: 5px; border: 1px solid #9CB8D4; border-radius: 50%; }
.list9 .date1::after { position: absolute; top: auto; right: -4px; bottom: 3px; left: auto; z-index: 1; content: ""; width: 5px; height: 5px; border: 1px solid #9CB8D4; border-radius: 50%; }
.list9 .text { position: relative; display: -ms-flexbox; display: flex; align-items: center; width: calc(100% - 95px); padding: 0 0 0 .28rem; }
.list9 .text::before { position: absolute; top: 0.08rem; right: auto; bottom: auto; left: 0; z-index: 1; content: ""; width: 1px; height: .34rem; background: #9CB8D4; }
.list9 .title { max-height: .6rem; font-size: .2rem; }

/**********************/
.article { padding: 0 5%; }
.article .title { font-size: 0.26rem; font-weight: 500; line-height: 0.32rem; color: #333; text-align: center; }
.article .sub-title1 { margin: 0 0 .08rem; font-size: 0.17rem; font-weight: 500; line-height: 0.32rem; color: #333; text-align: center; }
.article .sub-title2 { margin: .08rem 0 0; font-size: 0.17rem; font-weight: 500; line-height: 0.32rem; color: #666; text-align: center; }
.article .sub { margin: .3rem 0; padding: .16rem 6px; font-size: 0.16rem; font-weight: 500; line-height: 0.22rem; color: #787878; text-align: center; background: rgb(245, 248, 252); }
.article .content { padding: 0 0 .2rem; font-size: 0.17rem; font-weight: 500; line-height: 220%; color: #333; text-align: justify; }
.article .content p { text-indent: 2em; word-break: break-all; margin: 0 0 .15rem; }
.article .content img, .article .content video { max-width: 100%; height: auto !important; }
.article .content video { display: block; margin: 0 auto; }
.article .content table { max-width: 100%; margin: .2rem auto; }
.article .content table td { word-break: break-all; }
.article .content table p { text-indent: 0; margin: 0; }
.article .content table img, .article .content table video, .article .content table iframe { margin-top: 0; margin-bottom: 0; }
.article .content iframe { display: block; max-width: 100%; margin: .2rem auto; }
.article .cont-page { padding: .25rem 0 0; border-top: 1px dashed #aaa; }
.article .cont-page span { color: #0A58A6; }
.article .cont-page a { display: block; padding: 4px 0; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #333; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.article .cont-page a:hover { color: #0A58A6; -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); text-decoration: none; }
.article.about .title { margin: 0 0 .25rem; }
.article ul a, .article a { color: #2196f3; }
.article ul a:hover, .article a:hover { text-decoration: underline; }
.article .table-box { width: 100%; overflow-x: auto; }

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }
#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }
#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px; }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; }
#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase; }
#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }
#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }
#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; }
#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; }
#browser-modal .browser-content .browser-item a { display: block; cursor: pointer; }
#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }
#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }
#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

#list-page { margin: .3rem 0 .15rem !important; font-family: Arial; text-align: center; }
#list-page .p_pages a, #list-page span, #list-page .p_goto a { font-size: .15rem; width: auto; height: auto; margin-top: 5px; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a { padding: 10px 12px; color: #6a6a6a; border: 1px solid #DCDCDC; border-radius: 3px; }
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a { background: #0A58A6; font-weight: bold; color: #fff; border-color: #0A58A6; }
#list-page .p_t { padding: 0 .1rem 0 0; color: #6a6a6a; }
#list-page .p_first, #list-page .p_first_d, #list-page .p_last, #list-page .p_last_d { display: inline-block; }
#list-page .p_pages span { color: #aaa; }
#list-page .p_goto input { font-family: 'Arial'; color: #333; border-radius: 4px; width: 40px; height: 34px; line-height: 34px; vertical-align: bottom; }

#to-top { position: fixed; top: auto; right: -1rem; bottom: 20vh; left: auto; z-index: 20; width: 0.52rem; height: 0.52rem; border-radius: .1rem; cursor: pointer; background: linear-gradient(270deg, #0E2E8B 0%, #0E59A5 100%); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 0.42s linear 0s; -moz-transition: all 0.42s linear 0s; -ms-transition: all 0.42s linear 0s; -o-transition: all 0.42s linear 0s; transition: all 0.42s linear 0s; }
#to-top::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; background-image: url("../images/toTop.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.34rem; }
#to-top:hover { background: linear-gradient(270deg, #0A58A6 0%, #0A58A6 100%); }

@media screen and (min-width: 1025px) { .header { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }
  .header > .container, .header .right-box, .header .logo img { -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
  .header.scroll > .container { padding: .1rem 0; }
  .header.scroll .right-box { top: .19rem; }
  .header.scroll .logo img { max-height: .65rem; }
  .header.scroll .nav li > a { line-height: .6rem; font-size: .18rem; }
  .banner, .decorate { margin: 1.83rem 0 0; } 
  .research-box .logo img { max-height: .82rem !important; }
  .research-box .mobile-box { position: absolute; top: 0; right: calc(50% - 750px); bottom: auto; left: auto; z-index: 2; display: flex; align-items: center; width: 7rem; height: 100%; }
  .research-box .nav { border: none; width: calc(100% - .8rem); }
  .research-box .nav li { width: auto; background: none; }
  .research-box .nav li a { position: relative; font-size: .2rem !important; line-height: .5rem !important; }
  .research-box .nav li > a::after { position: absolute; top: 100%; left: auto; right: 0; width: 0; height: 3px; background: #fff; content: ""; border-radius: 3px; transition: all .3s; -ms-transition: all .3s; }
  .research-box .nav li:hover > a::after { width: 100%; left: 0; right: auto; }
   .research-box .nav li > a.on { font-weight: 700; }
   .research-box .nav li > a.on::after { width: 100%; font-weight: 700; }
  .research-box .nav li a:hover { background: none; font-weight: 700; }
  .research-box .mobile-box .container { width: auto; max-width: none; }
  .research-box .header > .container { padding: .2rem 0; }
  .research-box .header.scroll > .container { padding: .2rem 0; }
  .research-box .header .right-box { position: absolute; top: 50%; right: 0 !important; z-index: 3; transform: translateY(-50%); -ms-transform: translateY(-50%); }
  .research-box .search {  width: auto; border-radius: .3rem; background: #0e4e9e; }
  .research-box .search { transition: all .25s; -ms-transition: all .25s; }
  .research-box .search .input { width: 0; padding: 0; transition: all .3s; -ms-transition: all .3s; }
  .research-box .search:hover { padding-right: .1rem; }
  .research-box .search:hover .input { width: 2.2rem; padding: 0 .1rem 0 .2rem; }
  .research-box .banner, .research-box .decorate { margin: 1.2rem 0 0; }
  .research-box .banner .img { padding: 42.4% 0px 0px; }
}
@media screen and (max-width: 1764px) and (min-width: 1025px) {
    .research-box .mobile-box { right: 7.5%; }
    .research-box .mobile-box { width: 6.2rem; }
    .research-box .search .submit { background-size: 64%; background-position: 50% 50%; } 
}
@media screen and (max-width: 1764px) { .header .right-box { right: 7.5%; }
  .position::before { width: 7.5%; } }
@media screen and (max-width: 1500px) { .index-link1 .icon.i3 i { background-size: auto 100%; }
  .index-link1 a { height: 2.1rem; }
  .index-link1 a p { margin: .12rem 19% 0; font-size: .18rem; }
  .index-link1 a p::after { margin: .1rem auto 0; } }
@media screen and (max-width: 1300px) { .news-swiper2 .arrow, .news-swiper3 .arrow { background-size: 12px; }
  .index-link1 .icon i { background-size: auto 86% !important; }
  .list5 li { padding: 0 0 0 50px; }
  .list5 .date { top: calc(50% - 32px); }
  .search .submit { background-size: 72%; } 
}
@media screen and (max-width: 1024px) { .container { max-width: 92%; }
  .header { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
  .header::after { height: 100%; background-size: auto 100%; }
  .nav .lv2 a:hover{color:#1157b5;}
  .header > .container { padding: 10px 0; justify-content: space-between;position: relative;z-index: 9999;}
  .header .right-box { position: static; }
  .logo a { display: -ms-flexbox; display: flex; align-items: center; height: 45px; }
  .logo img { max-height: 100%; }
  .pad-btn { display: block; }
  .mobile-box { position: fixed; top: 65px; right: -100%; bottom: auto; left: auto; z-index: 1; width: 100% !important; height: calc(100vh - 65px); padding: .2rem 4% .3rem; background: #f2f2f2; opacity: .6; visibility: hidden; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
  .mobile-box .right-box { display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; }
  .mobile-box.show { right: 0; opacity: 1; visibility: visible; }
  .search { width: 100%; padding: 0 0 0 .1rem; background: #fff; }
  .search .input { width: calc(100% - .7rem); height: .5rem; line-height: .5rem; background: #fff; color: #333; }
  .search .input::placeholder { color: #aaa; }
  .search .submit { width: .7rem; height: .5rem; background-size: auto !important; background-color: #0A58A6; }
  .nav { margin: .25rem 0 0; height: calc(100% - 1.2rem); overflow-y: auto; background: none; }
  .nav .container { max-width: 100%; flex-wrap: wrap; }
  .nav li { width: 100%; background: none !important; border-bottom: 1px solid #d5dfe9; }
  .nav li::before { display: none; }
  .nav li a { text-align: left; padding: 0 .15rem; line-height: .6rem; color: #333; background: none !important; }
  .nav li.show { background: #fff !important; }
  .nav li.show > a { font-weight: 700; }
  .nav li.show .down { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  .nav .lv2 { display: none; position: static; opacity: 1; visibility: visible; transition: none; box-shadow: none; padding: 0 0 .1rem .3rem; }
  .nav .lv2 a { padding: .08rem 5px; }
  .nav .down { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 3; width: .6rem; height: .6rem; background-image: url(../images/down1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 9px; cursor: pointer; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
  .banner { margin: 65px 0 0; }
  .banner .img { padding: 36% 0 0; }
  .banner .pagination { bottom: .15rem; }
  .banner .pagination .swiper-pagination-bullet { width: 12px; height: 12px; }
  .column { margin: .3rem 0 .2rem !important; text-align: left; }
  .column h3 { font-size: .32rem; }
  .index-layer1 { padding: 0 0 .4rem; }
  .index-link1 { justify-content: space-around; background: none; }
  .index-link1 li { max-width: 31%; padding: .08rem; border: 2px solid #D39E4F; border-radius: 50%; }
  .index-link1 li:nth-child(2) { border-color: #2A716D; }
  .index-link1 li:nth-child(3) { border-color: #0A58A6; }
  .index-link1 a { height: 2.29rem; }
  .index-layer1 .left-box { width: 100%; margin: 0 0 .25rem; }
  .index-layer1 .center-box { width: 48%; }
  .index-layer1 .right-box { width: 48%; }
  .index-layer2 { padding: 1px 0 .4rem; }
  .index-layer2 .left-box { width: 100%; }
  .index-layer2 .right-box { width: 100%; }
  .index-layer3 { padding: 1px 0 .4rem; }
  .index-layer4 { padding: 1px 0 .4rem; background-size: auto; }
  .index-layer5 { margin-top: .3rem; padding: 0 0 .2rem; }
  .index-layer6 .container { max-width: 100%; }
  .index-layer6 .link-box { padding: .12rem .2rem; }
  .index-layer6 .link-box a { margin-right: .25rem; }
  .index-layer6 .link-box span { display: none; }
  .news-swiper1 .img-frame .img { padding: 63% 0 0; }
  .news-swiper2 { padding: 0 0 .58rem; }
  .news-swiper2 .arrow { top: auto; bottom: 0; width: .4rem; height: .4rem; background-size: 10px; }
  .news-swiper2 .arrow.swiper-prev { left: calc(50% - .6rem); }
  .news-swiper2 .arrow.swiper-next { right: calc(50% - .6rem); }
  .news-swiper3 { padding: 0 0 .58rem; }
  .news-swiper3 .arrow { top: auto; bottom: 0; width: .4rem; height: .4rem; background-size: 10px; }
  .news-swiper3 .arrow.swiper-prev { left: calc(50% - .6rem); }
  .news-swiper3 .arrow.swiper-next { right: calc(50% - .6rem); }
  .picture2 { margin: 0; }
  .picture2 li { width: 100%; margin: 0 0 .2rem; padding: 0; }
  .footer .container { flex-wrap: wrap; padding: .2rem 0; }
  .foot-logo { width: 100%; text-align: center; }
  .foot-logo img { max-height: .8rem; }
  #to-top { display: none !important; }
  .decorate { margin: 65px 0 0; padding: 40% 0 0; }
  .position::before { display: none; }
  .position .container { display: block; max-width: 100%; }
  .place { margin: 0 4%; padding: .16rem 0 .16rem 28px; line-height: .24rem; background-position-y: 11px; }
  .sidebar { width: 100%; margin: 0; background: #0A58A6; }
  .sidebar h3 { display: -ms-flexbox; display: flex; justify-content: space-between; position: relative; padding: 0 4%; font-size: .22rem; line-height: .54rem; font-weight: 700; background: #0A58A6; }
  .sidebar h3::after { display: none; }
  .sidebar h3 i { width: .54rem; height: .54rem; background-image: url(../images/subNav.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.25rem; cursor: pointer; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
  .sidebar h3.down i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .sidebar h3 .return-sup { display: block; width: .54rem; height: .54rem; background-image: url("../images/down2.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 0.3rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  .sidebar .sub-nav { display: none; background: #fff; text-align: center; padding: 0 4%; }
  .sidebar .sub-nav li { margin: 0 1.5vw; border: none; }
  .sidebar .sub-nav a { font-size: .18rem; line-height: .28rem; padding: .2rem 0; }
  .sidebar .sub-nav::after { display: none; }
  .index2-layer1 { padding: .2rem 0 .4rem; flex-direction: column; }
  .index2-layer1 .column .more { right: 0; }
  .index2-layer1 .left-box { width: 100%; margin: 0 0 .3rem; }
  .index2-layer1 .right-box { width: 100%; }
  .index2-layer1 .content-box { padding: .3rem; }
  .index2-layer1 .content-box .tt7 { height: auto; }
  .index2-layer2 { padding: .1rem 0 .4rem; }
  .index2-layer2 .container { flex-direction: column; }
  .index2-layer2 .left-box { width: 100%; margin: .2rem 0 0; }
  .index2-layer2 .right-box { width: 100%; }
  .index2-layer3 { padding: 1px 0 .4rem; }
  .index2-layer3 .column h3 .en { margin: 0; }
  .index2-layer3 .column h3 .en::before { display: none; }
  .index2-layer4 { padding: 1px 0 .3rem; }
  .index2-layer4 .container { flex-direction: column; }
  .index2-layer4 .left-box { width: 100%; }
  .index2-layer4 .right-box { width: 100%; }
  .news-swiper4 .img-frame .img { padding: 66.66% 0 0; }
  .news-swiper5 { padding: 0 0 .58rem; }
  .news-swiper5 a { padding: .24rem .2rem .45rem; }
  .news-swiper5 .arrow { top: auto; bottom: 0; width: .4rem; height: .4rem; background-size: 10px; }
  .news-swiper5 .arrow.swiper-prev { left: calc(50% - .6rem); }
  .news-swiper5 .arrow.swiper-next { right: calc(50% - .6rem); }
  .first-news { margin: 0 0 .18rem; }
  .main-box { padding: .3rem 0; }
  .leader-box, .teach-box { padding: 0 0 .5rem; }
  .leader-list { padding: .2rem .25rem; }
  .leader-item { margin: .35rem 0 0; }
  .leader-item .leader-title { min-width: 3rem; height: .6rem; display: -ms-flexbox; display: flex; align-items: center; padding-left: .6rem; font-size: .21rem; line-height: .24rem; background-position-x: 12px; }
  .leader-list li { padding: .1rem 0; line-height: .22rem; font-size: .18rem; }
  .leader-list p { width: 40%; height: .44rem; display: -ms-flexbox; display: flex; align-items: center; text-indent: .0; }
  .leader-list p:first-child { width: 60%; padding-right: .2rem; }
  .leader-list p:first-child::after { display: none; }
  .teach-list li { width: 25%; }
  .list6 { margin: 0 -.12rem; }
  .list6 > li { padding: 0 .12rem; }
  .list6 a { padding: .22rem .15rem; }
  .list6 .date1 { width: 80px; padding: 0 10px 0 0; }
  .list6 .text { width: calc(100% - 80px); padding: 0 0 0 14px; }
  .index3-layer2 { padding: 1px 0 .35rem; }
  .index3-layer2 .left-box { width: 100%; }
  .index3-layer2 .right-box { width: 100%; margin: .28rem 0 0; }
  .index3-layer3 .left-box { width: 100%; }
  .index3-layer3 .right-box { width: 100%; }
  .index3-layer4 { padding: 0 0 .35rem; }
  .news-swiper6 .img { padding: 66% 0 0; }
  .news-swiper7 { padding: 0 0 .58rem; }
  .news-swiper7 .img-scale { padding: .2rem; }
  .news-swiper7 .arrow { top: auto; bottom: 0; width: .4rem; height: .4rem; background-size: 10px; }
  .news-swiper7 .arrow.swiper-prev { left: calc(50% - .6rem); }
  .news-swiper7 .arrow.swiper-next { right: calc(50% - .6rem); } }
@media screen and (max-width: 768px) { .column h3 { line-height: .3rem; text-align: left; }
  .column h3 .en::before { display: none; }
  .index-layer1 .center-box { width: 100%; }
  .index-layer1 .right-box { width: 100%; }
  .list1 li { margin: .25rem 0 0; }
  .list1 a { padding: .2rem; }
  .list2 li { margin: 0 0 .2rem; }
  .index-link1 { padding: 0; background: none; }
  .index-link1 li { max-width: 32%; padding: 5px; }
  .index-link1 a { width: 28vw; height: 28vw; }
  .index-link1 a p { margin: .1rem 13% 0; font-size: .16rem; line-height: .22rem; }
  .index-link1 a p span { height: .44rem; }
  .index-link1 .icon { width: .68rem; height: .6rem; }
  .picture2 a { align-items: flex-start; }
  .picture2 .img-frame { width: 2.6rem; }
  .picture2 .text { width: calc(100% - 2.6rem); padding: 0 0 0 .2rem; }
  .picture2 .info { margin: .08rem 0; }
  .foot-logo { text-align: left; }
  .foot-logo img { max-width: 85%; }
  .foot-contact { width: 100%; margin: .18rem 0 .12rem; }
  .QR-code { width: 100%; text-align: center; }
  .teach-list { padding: .1rem .2rem; }
  .teach-list li { width: 50%; }
  .picture3 .img-frame { width: 2rem; }
  .picture3 .text { width: calc(100% - 3rem); padding: 0 .2rem 0 .15rem; }
  .picture3 .date1 { width: 1rem; }
  .wttwlist{width: calc(100% - 1rem) !important;}
  .list6 { margin: 0; }
  .list6 > li { width: 100%; padding: 0; margin: 0 0 .22rem; }
  .list7 li { padding: .12rem 0; flex-direction: column; }
  .list7 .title { width: 100%; line-height: .25rem; padding: 0 0 0 18px; background-position-y: 6px; overflow: visible; text-overflow: clip; white-space: initial; }
  .list7 .date { line-height: .3rem; padding: 0 0 0 18px; }
  .article { padding: 0; }
  .article .title { line-height: .3rem; font-size: .22rem; }
  .article .sub { margin: .18rem 0; } }
@media screen and (max-width: 520px) { .column h3 { font-size: .28rem; }
  .index-layer6 .container { flex-direction: column; }
  .index-layer6 .column2 { flex-direction: row; justify-content: flex-start; width: 100%; padding: 5px 4%; }
  .index-layer6 .column2 .icon { margin: 0 6px 0 0; width: 35px; height: 35px; background-size: 100%; }
  .index-layer6 .link-box { width: 100%; }
  .index-link1 { flex-wrap: wrap; justify-content: center; }
  .index-link1 li { max-width: 46%; margin: 0 2%; }
  .index-link1 a { width: 38vw; height: 38vw; padding: .1rem 0; }
  .index-link1 a p { margin: 4px 10% 0; }
  .picture2 .img-frame { width: 100%; }
  .picture2 .text { width: 100%; padding: .12rem 0 0; }
  .list3 li { width: 100%; padding: .15rem 0 !important; border-bottom: 1px dashed #99A8B6 !important; }
  .list3 li:nth-child(even) { border-left: none; }
  .leader-item { min-width: auto; }
  .leader-item .leader-title { font-size: .18rem; }
  .leader-list { border-radius: 0 0 0 .3rem; }
  .teach-item { margin: .25rem 0 0; }
  .picture3 .img-scale { padding: .1rem; flex-wrap: wrap; border-radius: 4px; }
  .picture3 .img-frame { width: 100%; margin: 0 0 .15rem; }
  .picture3 .text { width: calc(100% - .8rem); padding: 0 .2rem 0 .15rem; }
  .picture3 .text .title::after { margin: 6px 0; }
  .wttwlist{width: calc(100% - 0.8rem) !important;}
  .picture3 .date1 { width: .8rem; }
  .index3-layer1 { padding: 0 0 .25rem; }
  .index3-layer3 { padding: 0; }
  .list8 { margin-left: .1rem; padding: 0 0 0 .25rem; }
  .list8 .date::before { left: -.41rem; }
  .list9 a { padding: .15rem; }
  .list9 .date1 { width: 80px; padding: 0 18px 0 0; }
  .list9 .text { width: calc(100% - 80px); padding-left: 18px; }
  .news-swiper7 .title { margin: .15rem 0; } }
@media screen and (max-width: 380px) {
    .sidebar h3 { padding: 0 1% 0 0; }
    .article .title { font-size: .2rem; line-height: .26rem; font-weight: 700; }
}