@charset "utf-8";
@font-face { font-family: "SYST"; src: url("../font/D8FGESdMOts6.woff") format("woff") }
@font-face { font-family: "SYSTBOOD"; src: url("../font/SourceHanSerifCN-Bold.ttf") format("truetype"); }
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }

html { min-width: 320px; font-size: 100px; }

body { background-image: url("../images/body_bg1.jpg"); background-repeat: repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
body.overflow { overflow: hidden; }

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

.header { position: relative; z-index: 200; background: #01828a; }
.header::after { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; width: 9vw; height: .45rem; background: #78b5b6; content: ""; }
.header .container { display: -ms-flexbox; display: flex; max-width: 100%; }
.header .layer1 { position: relative; z-index: 2; background: #78b5b6; }
.header .layer1 .container { padding: 7px 0; justify-content: flex-end; }
.header .layer2 { position: relative; z-index: 2; justify-content: space-between; align-items: flex-end; }

.logo { padding: .26rem 0; }
.logo img { max-height: .9rem; vertical-align: middle; }

.top-link { display: inline-block; vertical-align: top; font-size: 14px; font-weight: 500; line-height: 30px; color: #fff; text-align: left; }
.top-link a { display: inline-block; color: #fff; margin: 0 0 0 .15rem; }
.top-link a:hover { text-decoration: underline; }
.top-link a:first-child { margin: 0; }

.search { display: inline-block; vertical-align: top; margin: 0 0 0 .16rem; border-radius: .3rem; overflow: hidden; background: #01828a; }
.search .form { white-space: nowrap; }
.search .input { width: 125px; height: .3rem; padding: 0 5px 0 .12rem; font-size: 14px; font-weight: 500; line-height: 30px; color: #fff; text-align: center; vertical-align: 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; }
.search .input::placeholder { color: #fff; }
.search .submit { width: 21px; height: 21px; margin: 4px 8px 0 0; vertical-align: top; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: #00324d; background-size: auto; border-radius: 50%; }

.search2 { width: 100%; max-width: 7.5rem; margin: .3rem auto; padding: .1rem; box-shadow: 0 0 14px 0 #ccc; background: #fff; }
.search2 .input { width: calc(100% - .52rem); height: .45rem; padding-left: .15rem; font-size: 0.15rem; font-weight: 500; line-height: 0.43rem; color: #555; text-align: left; vertical-align: top; border: 1px solid #eee; }
.search2 .submit { width: .45rem; height: .45rem; vertical-align: top; background-image: url(../images/search2.png); background-repeat: no-repeat; background-position: 70% 50%; background-color: transparent; background-size: auto; }
.search2 form { white-space: nowrap; font-size: 0; }

.nav { position: relative; z-index: 2; padding: 0 0 0 0; background: #78b5b6; }
.nav::before { position: absolute; top: 0; right: 100%; bottom: auto; left: auto; z-index: 1; width: 75rem; height: 100%; content: ""; border-radius: 100% 0 0 0; background: url("../images/nav-bg.png") no-repeat 100% 0; background-size: auto 100%; }
.nav .container { width: 100%; display: -ms-flexbox; display: flex; justify-content: space-between; }
.nav li { position: relative; padding: 0 .2rem; text-align: center; }
.nav li a { display: inline-block; vertical-align: top; white-space: nowrap; font-size: 0.2rem; font-weight: 500; line-height: 0.45rem; color: #fff; text-align: center; }
.nav li:hover .lv2 { visibility: visible; top: calc(100% + 0px); opacity: 1; }
.nav .lv2 { position: absolute; top: 140%; right: auto; bottom: auto; left: calc(50% - .8rem); z-index: 1; min-width: 1.6rem; padding: .1rem; background: #01828a; opacity: 0; visibility: hidden; box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.14); background: white; border-radius: 4px; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.nav .lv2 dd { border-bottom: 1px solid #efefef; }
.nav .lv2 dd:last-child { border: none; }
.nav .lv2 a { padding: .12rem 0; font-size: .15rem; font-weight: 400; line-height: .22rem; color: #888; -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; }
.nav .lv2 a:hover { color: #01828a; font-weight: 700; }
.nav .lv2 .tri { position: absolute; top: auto; right: auto; bottom: 100%; left: 0%; z-index: 1; width: 100%; height: 10px; overflow: hidden; border: none; }
.nav .lv2 .tri::after { display: block; content: ""; box-sizing: border-box; width: 12px; height: 12px; margin: 0 auto; background: #fff; -webkit-transform: translate(0px, 6px) rotate(45deg); -moz-transform: translate(0px, 6px) rotate(45deg); -ms-transform: translate(0px, 6px) rotate(45deg); -o-transform: translate(0px, 6px) rotate(45deg); transform: translate(0px, 6px) rotate(45deg); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }

.pad-btn { display: none; align-items: center; }
.pad-btn .nav-btn { display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 32px; height: 30px; border-radius: 4px; text-align: center; cursor: pointer; background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
.pad-btn .nav-btn i { display: block; width: 20px; height: 2px; margin: 4px 0 0; background: #01828a; -webkit-transition: all 0.3s cubic-bezier(0.99, 0, 0, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.99, 0, 0, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.99, 0, 0, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.99, 0, 0, 1) 0s; transition: all 0.3s cubic-bezier(0.99, 0, 0, 1) 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, 6px) rotate(45deg); -moz-transform: translate(0, 6px) rotate(45deg); -ms-transform: translate(0, 6px) rotate(45deg); -o-transform: translate(0, 6px) rotate(45deg); transform: translate(0, 6px) 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, -6px) rotate(-45deg); -moz-transform: translate(0, -6px) rotate(-45deg); -ms-transform: translate(0, -6px) rotate(-45deg); -o-transform: translate(0, -6px) rotate(-45deg); transform: translate(0, -6px) rotate(-45deg); }

.banner { font-size: 0; border-top: 5px solid #0d7e9c; }
.banner .img { position: relative; display: block; width: 100%; padding: 39.47% 0 0; overflow: hidden; }
.banner .img img { position: absolute; top: 0; right: auto; bottom: auto; 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: transform 0.4s linear 0s; -moz-transition: transform 0.4s linear 0s; -ms-transition: transform 0.4s linear 0s; -o-transition: transform 0.4s linear 0s; transition: transform 0.4s linear 0s; }
.banner .img .text { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 3; width: 100%; background: rgba(140, 140, 140, 0.4); }
.banner .img .text p { font-size: 0.16rem; font-weight: 500; line-height: 0.5rem; color: #fff; text-align: left; opacity: 0; -webkit-transform: translateY(60%); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); transform: translateY(60%); }
.banner .swiper-slide-active img { -webkit-transition: transform 6.2s linear 1s; -moz-transition: transform 6.2s linear 1s; -ms-transition: transform 6.2s linear 1s; -o-transition: transform 6.2s linear 1s; transition: transform 6.2s linear 1s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.banner .swiper-slide-active .text p { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s linear .8s; -moz-transition: all 0.3s linear .8s; -ms-transition: all 0.3s linear .8s; -o-transition: all 0.3s linear .8s; transition: all 0.3s linear .8s; }
.banner .pagination { position: absolute; top: auto; right: calc(50% - 530px); bottom: 0.6rem; left: auto; z-index: 2; width: auto; text-align: center; }
.banner .pagination .swiper-pagination-bullet { display: inline-block; margin: 0 7px; width: 13px; height: 13px; cursor: pointer; border-radius: 50%; border: 1px solid #fff; background: none; 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; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }

.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; }

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

.tt6 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 6; 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 { /*背景图替换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; min-height: 100%; }
.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: .13rem 0; border-bottom: 2px solid #073852; }
.column .more { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; }
.column h3 { display: inline-block; vertical-align: top; position: relative; margin: 0 0 -2px; padding: 0 0 2px; font-size: 0.24rem; font-weight: 500; line-height: 0.3rem; color: #01828a; text-align: left; border-bottom: 2px solid #b89076; }
.column h3 img { vertical-align: bottom; }

.column2 { position: relative; width: 100%; height: 40px; margin: .13rem 0 0; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-end; }
.column2 .more { position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; }
.column2 img { width: auto; }
.column2 h3 { position: relative; width: calc(100% - 50px); font-size: 0.24rem; font-weight: 500; line-height: 0.4rem; color: #01828a; text-align: left; border-bottom: 2px solid #01828a; }
.column2 h3 img { vertical-align: bottom; }

.more { font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #666; text-align: left; }
.more:hover { color: #01828a; font-weight: 700; }

.title { font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #424242; text-align: left; }

.info { font-size: 0.14rem; font-weight: 500; line-height: 0.24rem; color: #767676; text-align: justify; }

.date { font-family: Arial, Helvetica, sans-serif; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #5a5a5a; text-align: left; }

.date1 { display: inline-block; vertical-align: top; width: 80px; font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #00324d; text-align: center; background: #fff; }
.date1 p:first-child { color: #fff; background: #00324d; }

.index-layer1 { padding: .15rem 0 .4rem; background: rgba(121, 181, 182, 0.5); }
.index-layer1 .container { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.index-layer1 .news-swiper { width: 32.5%; height: 5.2rem; margin: 0; background: #fff; border: 1px solid #848484; }
.index-layer1 .news-box1 { width: 32.5%; height: 5.2rem; padding: 0 .12rem .12rem; background: #fff; border: 1px solid #848484; }

.index-layer2 { padding: 0 0 2.7rem; background-image: url("../images/index_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: transparent; background-size: 100%; }
.index-layer2 .container { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start; }
.index-layer2 .news-box2 { width: 32.5%; }
.index-layer2 .title { color: #424242; }
.index-layer2 .column { height: 43px; }
.index-layer2 .column h3 { line-height: 39px; }
.index-layer2 .column.c7 { height: auto; margin: .08rem 0; }
.index-layer2 .list2 { height: 2.84rem; padding: 1px .12rem .12rem; background: #dcdedd; }
.index-layer2 .list3 { height: 1.16rem; padding: 3px .12rem 0; background: #dcdedd; }
.index-layer2 .list3 .title { line-height: .27rem; }
.index-layer2 .list3 .title:hover { color: #01828a; font-weight: 700; }
.index-layer2 .list4 { height: 1.06rem; padding: 1px .1rem 0; background: #dcdedd; }

.news-swiper .img-frame .img { padding: 2.3rem 0 0; }
.news-swiper .img-frame img { display: none; }
.news-swiper .text { width: 100%; padding: .15rem .12rem; }
.news-swiper .title { height: .44rem; margin: 0 0 .12rem; line-height: .22rem; font-size: .18rem; color: #333; }
.news-swiper .info { height: 1.68rem; }
.news-swiper .img-scale:hover .title { color: #01828a; font-weight: 700; }
.news-swiper .pagination { position: absolute; top: auto; right: 0; bottom: 0.1rem; left: auto; z-index: 2; width: 100%; text-align: center; }
.news-swiper .pagination .swiper-pagination-bullet { display: inline-block; margin: 0 5px; width: 10px; height: 10px; cursor: pointer; border-radius: 50%; background: none; border: 2px solid #848484; 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; }
.news-swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #848484; }

.news-swiper2, .news-swiper3 { margin: 0; }
.news-swiper2 .img-scale, .news-swiper3 .img-scale { height: 0; padding: 2.8rem 0 0; }
.news-swiper2 .img-scale .img, .news-swiper3 .img-scale .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news-swiper2 .text, .news-swiper3 .text { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0 .15rem; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
.news-swiper2 .swiper-slide-active .title, .news-swiper3 .swiper-slide-active .title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.news-swiper2 .title, .news-swiper3 .title { line-height: .55rem; color: #fff; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.3s linear 0.4s; -moz-transition: all 0.3s linear 0.4s; -ms-transition: all 0.3s linear 0.4s; -o-transition: all 0.3s linear 0.4s; transition: all 0.3s linear 0.4s; }

.xshd-box .slide-tag { display: inline-block; vertical-align: bottom; margin: 0 0 4px .1rem; }
.xshd-box .slide-tag h6 { display: inline-block; padding: 0 .1rem; font-size: .16rem; font-weight: 400; line-height: .26rem; color: #01828a; border-radius: .15rem; cursor: pointer; transition: all .2s; -ms-transition: all .2s; }
.xshd-box .slide-tag h6.cur { background: rgba(1, 130, 138, 0.24); }

.list1 li { position: relative; display: -ms-flexbox; display: flex; padding: .17rem 0; border-bottom: 1px solid #8c8c8c; }
.list1 li::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; width: 0; height: 1px; background: #073852; content: ""; -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 li:hover::after { width: 100%; }
.list1 li:hover .title { color: #01828a; font-weight: 700; }
.list1 li:hover .date { color: #01828a; }
.list1 .title { padding: 0 0 0 .1rem; }

.list2 li { display: -ms-flexbox; display: flex; align-items: center; margin: .2rem 0; }
.list2 li:hover .title { color: #01828a; font-weight: 700; }
.list2 li:hover .date { color: #01828a; }
.list2 .date { width: 55px; padding: 0 .1rem 0 0; line-height: .37rem; border-right: 2px solid #01828a; }
.list2 .title { display: -ms-flexbox; display: flex; align-items: center; width: calc(100% - 56px); padding: 0 0 0 .12rem; }

.list4 li { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; }
.list4 li:hover .title { color: #01828a; font-weight: 700; }
.list4 .text { width: calc(100% - 80px); padding: 0 0 0 .15rem; }

.footer { background: #01828a; }
.footer .layer1 { display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: .6rem 0; }
.footer .line { width: 1px; height: .85rem; margin: 0 .25rem 0; background: rgba(255, 255, 255, 0.4); }

.foot-img img { max-height: .76rem; }

.foot-contact { font-size: 0.16rem; font-weight: 500; line-height: 0.25rem; color: #fff; text-align: left; }
.foot-contact a { color: #fff; }

.copy { padding: .2rem 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 0.16rem; font-weight: 500; line-height: 0.25rem; color: #b2b2b2; text-align: center; }
.copy a { color: #b2b2b2; }

.flex-st { display: -ms-flexbox; display: flex; justify-content: space-between; }

.section { position: relative; z-index: 1; padding: 0 0 1rem; background-image: url("../images/body_bg2.png"); background-repeat: repeat; background-position: 50% 50%; background-color: #fff; background-size: auto; }
.section .container { max-width: 1500px; }
.section::after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: -1; width: 100%; height: 2.2rem; background-image: url("../images/n_bg2.jpg"); background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; background-size: cover; content: ""; }
.section.a-wrapper { padding-bottom: 3rem; background-image: url("../images/n_bg3.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: #fbfbfb; background-size: 100%; }
.section.a-wrapper::after { display: none; }
.section.a-wrapper .container { max-width: 1300px; }
.section.a-wrapper .flex-st .article { width: 70%; padding: .3rem .2rem 0; background: linear-gradient(0deg, transparent, #fff 20%); }
.section.a-wrapper .flex-st .new-news { width: 30%; padding: 1.2rem 0 0 .2rem; }

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

.sidebar { position: relative; z-index: 3; width: 2.5rem; margin: -1rem 0 .4rem; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); }
.sidebar h3 { display: flex; justify-content: center; align-items: center; height: 1rem; margin: 0 -1px 0 0; padding: 0 .12rem; font-family: "SYSTBOOD"; font-size: 0.3rem; font-weight: 500; line-height: .36rem; color: #fff; text-align: center; background: #01828a; }
.sidebar .sub-nav { position: relative; padding: 0 0 1.3rem; background: #fff; }
.sidebar .sub-nav li { position: relative; }

.sidebar .sub-nav li.cur > a { color: #01828a; font-weight: 700; border-color: transparent; background-color: #F1FFFC; }
.sidebar .sub-nav li.cur > a p::after { width: 100%; opacity: 1; } 
.sidebar .sub-nav li:hover > a { color: #01828a; }
.sidebar .sub-nav a { display: -ms-flexbox; display: flex; align-items: center; padding: 0 .36rem 0; border-top: 1px dashed rgba(158, 1, 5, 0.1); font-size: 0.18rem; font-weight: 500; line-height: 0.65rem; color: #333; text-align: left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.sidebar .sub-nav a p { position: relative; }
.sidebar .sub-nav a p::after { position: absolute; top: auto; right: auto; bottom: -0.03rem; left: 0; z-index: 1; width: 0; max-width: .9rem; height: .15rem; border-radius: .1rem 0 .1rem 0; background: #54a4e2; content: ""; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; }
.sidebar .sub-nav a span { position: relative; z-index: 2; }
.sidebar .sub-nav .down { position: absolute; top: 0.22rem; right: 0.15rem; bottom: auto; left: auto; z-index: 1; width: .3rem; height: .3rem; background-image: url("../images/icon12_2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.sidebar .sub-nav .down.close { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.sidebar .sub-nav .lv3 { display: none; padding: .1rem 0 .15rem .2rem; }
.sidebar .sub-nav .lv3 a { height: auto; font-size: .15rem; line-height: .34rem; border: none; color: #666; }
.sidebar .sub-nav .lv3 a:hover { color: #01828a; }
.sidebar .sub-nav .lv3 a.cur { color: #01828a; font-weight: 700; }

.list6 li { position: relative; display: -ms-flexbox; display: flex; justify-content: space-between; border-bottom: 1px solid #d8d8d8; -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; }
.list6 li::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; width: 0; height: 1px; background: #01828a; content: ""; -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; }
.list6 li:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -ms-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); }
.list6 li:hover::after { width: 100%; }
.list6 li:hover .title, .list6 li:hover .date { color: #01828a; }
.list6 .title { width: calc(100% - 100px); font-size: .18rem; line-height: .8rem; color: #333; }
.list6 .date { font-size: .16rem; line-height: .8rem; font-family: "SYST"; color: #A4A4A4; }

.main { width: calc(100% - 3.2rem); min-height: 4rem; padding: .35rem 0 0; }

.position { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 0 .2rem; border-bottom: 1px solid #d8d8d8; }
.position h3 { padding: 0 0 0 .17rem; font-family: "SYSTBOOD"; font-size: 0.28rem; font-weight: 500; line-height: 28px; color: #313131; text-align: left; border-left: 5px solid #01828a; }
.position.p2 { padding: 0; border: none; background: #f0f0f0; }
.position.p2 .container { display: -ms-flexbox; display: flex; justify-content: flex-end; }
.position.p2 .place { line-height: .62rem; }

.place { font-size: 0.14rem; font-weight: 500; line-height: 28px; color: #808080; text-align: left; padding: 0 0 0 22px; background-image: url(../images/place2.png); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto; }
.place a { color: #808080; }
.place a:hover { color: #01828a; }
.place a:last-child { color: #01828a; font-weight: 700; }

.article { padding: .3rem 0 .4rem; }
.article .title { font-size: 0.25rem; font-weight: 500; line-height: 0.45rem; color: #424242; text-align: center; }
.article hr { margin: .25rem 0 0; height: 1px; border: none; background: #efefef; }
.article .subtitle { font-size: 0.18rem; font-weight: 500; line-height: 0.4rem; color: #424242; 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: .02rem 0 0; padding: .15rem 0; font-size: 0.13rem; font-weight: 500; line-height: 0.22rem; color: #aaa; text-align: center; border-bottom: 1px solid #efefef; }
.article .content { padding: .3rem 0 .2rem; font-size:16px; font-weight: 500; line-height: 200%; color: #494949; text-align: justify; }
.article .content p { text-indent: 2em; word-break: break-all; margin: 0 0 .12rem; }
.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: 0 auto .22rem; }
.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: #01828a; }
.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: #01828a; -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 ul a, .article a { color: #2196f3; }
.article ul a:hover, .article a:hover { text-decoration: underline; }
.article .table-box { overflow-x: auto; }

.list5 li { padding: .1rem 0; border-top: 1px dashed #999; }
.list5 li:hover .title { color: #01828a; }
.list5 .date { padding: 0 0 0 28px; font-size: .15rem; line-height: .25rem; color: #b4b4b4; background-image: url("../images/n_icon5.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: 17px; }
.list5 .title { font-size: .15rem; line-height: .25rem; color: #737373; }
.list5 .more { display: block; padding: .12rem 0; border-bottom: 1px solid #999; }

.new-news .news-item { margin: 0 0 .2rem; }
.new-news .column3 { display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; padding: 0 0 .13rem; margin: 0 0 -1px; border-bottom: 1px solid #999; cursor: pointer; }
.new-news .column3 h6 { font-size: 0.2rem; font-weight: 500; line-height: 0.4rem; color: #505050; text-align: left; padding: 0 0 0 47px; background-image: url("../images/n_icon6_1.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto 100%; }
.new-news .column3 h6.n2 { background-image: url("../images/n_icon6_2.png"); }
.new-news .column3 h6.n3 { background-image: url("../images/n_icon6_3.png"); }
.new-news .column3 h6.n4 { background-image: url("../images/n_icon6_4.png"); }
.new-news .column3 h6.n5 { background-image: url("../images/n_icon6_5.png"); }
.new-news .column3 h6.n6 { background-image: url("../images/n_icon6_6.png"); }
.new-news .column3 .icon { width: 26px; height: 26px; font-size: .25rem; text-align: center; line-height: 22px; color: #848484; border: 1px solid #b5b5b5; 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; }
.new-news .column3.on { border-color: transparent; }
.new-news .column3.on .icon { background: #e6621e; border-color: #e6621e; color: #fff; }
.new-news .list5 { display: none; }
.new-news .list5.on { display: block; }

.picture3 { font-size: 0; margin: 0 -0.1rem; margin-top: .4rem; }
.picture3 > li { display: inline-block; vertical-align: top; width: 25%; padding: 0 0.1rem; }
.picture3 li { margin: 0 0 .3rem; }
.picture3 .img-scale { border: 1px solid #B9B9B9; -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; }
.picture3 .img-scale:hover { border-color: #01828a; background: #fff; box-shadow: 0px 4px 10px 0px rgba(14, 65, 150, 0.2); }
.picture3 .img-scale:hover .title { color: #fff; font-weight: 700; background: #01828a; }
.picture3 .img-frame .img { padding: 125% 0 0; background-position: 50% 0%; }
.picture3 .title { padding: 0 .1rem; line-height: .5rem; text-align: center; -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; }

.picture4 { margin: .2rem 0 0; }
.picture4 a { display: block; padding: 0.28rem 0.25rem; font-size: 0; border-bottom: 1px solid #ddd; border-left: 1px solid transparent; -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; }
.picture4 a:hover { background: #fff; border-color: #01828a; box-shadow: 7px 6px 0 0 #ddd; }
.picture4 a:hover .title { font-weight: 700; color: #01828a; }
.picture4 .img-frame { display: inline-block; vertical-align: top; width: 2.4rem; padding: 1.6rem 0 0; }
.picture4 .text { display: inline-block; vertical-align: top; width: calc(100% - 2.4rem); padding: 0 0 0 .3rem; }
.picture4 .date { margin: 4px 0 .15rem; padding: 0; font-size: .15rem; line-height: .22rem; font-style: inherit; background: none; letter-spacing: 1px; }
.picture4 .date span { font-size: .24rem; font-weight: 700; color: #01828a; }
.picture4 .title { font-size: .18rem; font-weight: 700; color: #333; }
.picture4 .info { height: .52rem; }

.link-box { position: fixed; top: 50%; right: auto; bottom: auto; left: 8%; z-index: 1; -webkit-transform: translate(-60%, -50%); -moz-transform: translate(-60%, -50%); -ms-transform: translate(-60%, -50%); -o-transform: translate(-60%, -50%); transform: translate(-60%, -50%); opacity: 0; visibility: hidden; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
.link-box li { margin: 0 0 .1rem; }
.link-box li:last-child { margin: 0; }
.link-box li a { display: block; text-align: center; }
.link-box li a: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); }
.link-box li a:hover p { font-weight: 700; }
.link-box img { display: block; margin: 0 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; }
.link-box p { display: inline-block; font-size: 0.14rem; font-weight: 500; line-height: 0.32rem; color: #00324d; text-align: center; }
.link-box.show { opacity: 1; visibility: visible; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.teach-list { font-size: 0; margin: 0 -.2rem; }
.teach-list li { display: inline-block; vertical-align: top; width: 20%; margin: .3rem 0 0 ; padding: 0 .2rem; }
.teach-list li:hover .name { color: #01828a; }
.teach-list li:hover .name::after { width: 100%; }
.teach-list .name { position: relative; display: block; padding: .1rem 0 .1rem .1rem; font-size: 0.17rem; font-weight: 700; line-height: 0.3rem; color: #494949; text-align: left; border-bottom: 1px solid #d8d8d8; -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; }
.teach-list .name::after { position: absolute; top: auto; right: auto; bottom: -1px; left: 0; z-index: 1; width: 0; height: 1px; background: #01828a; content: ""; -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; }
.teach-list .name span { margin: 0 0 0 .18rem; font-size: .16rem; font-weight: 500; color: #808080; }

.name-t { display: inline-block; vertical-align: top; width: 52px; }

.about-wrapper, .zt-wrapper { position: relative; padding-bottom: 3rem; background-image: url("../images/n_bg3.jpg"); background-repeat: no-repeat; background-position: 50% 100%; background-color: #fbfbfb; background-size: 100%; }
.about-wrapper::after, .zt-wrapper::after { display: none; }
.about-wrapper .container { max-width: 1050px; }
.about-wrapper .h2 { margin: 0 0 .2rem; font-size: 0.4rem; font-weight: 500; line-height: 0.7rem; color: #fff; text-align: center; }

.about-layer1 { padding: .4rem 0 .8rem; background-image: url("../images/n_bg1.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.about-layer1 .h6 { font-size: 0.15rem; font-weight: 500; line-height: 180%; color: #fff; text-align: left; text-indent: 2em; }
.about-layer1 .content { position: relative; margin: .12rem 0 0; padding: 0.4rem 0.12rem 0.32rem 0.25rem; background: rgba(255, 255, 255, 0.3); font-size: 0.15rem; font-weight: 500; line-height: 180%; color: #fff; text-align: left; }
.about-layer1 .content::before { position: absolute; top: 0.22rem; right: 0.08rem; bottom: auto; left: auto; z-index: 1; width: 12px; height: 14px; content: ""; background-image: url("../images/n_icon4.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
.about-layer1 .content::after { position: absolute; top: auto; right: 0.08rem; bottom: 0.14rem; left: auto; z-index: 1; width: 12px; height: 14px; content: ""; background-image: url("../images/n_icon4.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.about-layer1 .content .scroll { padding-right: .14rem; height: 3.9rem; overflow-y: auto; }
.about-layer1 .content .scroll::-webkit-scrollbar { width: 5px; }
.about-layer1 .content .scroll::-webkit-scrollbar-thumb { border-radius: 6px; background: #fff; }
.about-layer1 .content .scroll::-webkit-scrollbar-track { border-radius: 0; background: #8d8d8d; }
.about-layer1 .content p { text-indent: 2em; margin: 0 0 .2rem; }

.about-layer2 { padding: .4rem 0 .8rem; background: #fff; }
.about-layer2 .container { display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }
.about-layer2 .h2 { width: 100%; margin: 0 0 .4rem; color: #01828a; }
.about-layer2 .img { position: relative; width: 3.75rem; }
.about-layer2 .img img { box-shadow: -.17rem -.17rem 0 0 #78b5b6; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.about-layer2 .img p { position: absolute; top: calc(50% - .3rem); right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; font-size: 0.3rem; font-weight: 500; line-height: 0.6rem; color: #fff; text-align: center; text-shadow: 0 0 7px rgba(0, 0, 0, 0.35); }
.about-layer2 ul { display: -ms-flexbox; display: flex; flex-wrap: wrap; width: calc(100% - 3.75rem); padding-left: .6rem; }
.about-layer2 ul li { width: 48%; }
.about-layer2 ul a { font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #323232; text-align: left; }
.about-layer2 ul a span { color: #6e6e6e; }
.about-layer2 ul a:hover { color: #01828a; }
.about-layer2 ul a:hover span { color: #01828a; }

.about-layer3 { padding: .4rem 0; background: #e4f0f0; text-align: center; }
.about-layer3 .h2 { color: #78b5b6; margin: 0 0 .1rem; border-bottom: 1px solid #c2c2c2; }
.about-layer3 .h5 { margin: 0 0 .15rem; font-size: 0.3rem; font-weight: 500; line-height: 0.5rem; color: #505050; text-align: center; }
.about-layer3 video { max-width: 100%; background: #bcbcbc; }

.about-layer4 { padding: 1.2rem 0; background-image: url("../images/n_img5_2.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; text-align: center; }
.about-layer4 .h2 { text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45); }
.about-layer4 ul { display: inline-block; }
.about-layer4 ul a { display: -ms-flexbox; display: flex; align-items: center; margin: .45rem 0 0; font-size: 0.3rem; font-weight: 500; line-height: 0.5rem; color: #fff; text-align: left; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); }
.about-layer4 ul a img { max-width: .72rem; margin: 0 .28rem 0 0; }
.about-layer4 ul a:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.about-aside { position: absolute; top: 0; left: 7.5%; padding: .28rem 0 .55rem; border-left: 1px solid #a6a6a6; transform: translateY(2.3rem); -ms-transform: translateY(2.3rem); transition: top .12s linear; }
.about-aside li { display: flex; align-items: center; margin: .45rem 0 0 ; }
.about-aside li:first-child { margin-top: 0; }
.about-aside li::before { display: block; width: 5px; height: 5px; margin: 0 7px 0 -5px; border: 2px solid #fd0101; border-radius: 50%; content: ""; }
.about-aside li p { padding: 0 .2rem; font-size: .16rem; line-height: .36rem; color: #78b5b6; border-radius: .36rem; background: #c1c1c1; transition: all .3s; cursor: pointer; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.15); }
.about-aside li.on p, .about-aside li:hover p { background: #fff; }

.zxzt-title { padding: 0 0 0 .22rem; font-size: .32rem; line-height: .7rem; color: #fff; border-left: .1rem solid #78b5b6; background: #01828a; }

.zxzt-box { display: flex; margin: .17rem 0 .14rem; background: #78b5b6; }
.zxzt-box .img-scale { width: 65%; height: 4.8rem; border: 1px solid #ed3535; }
.zxzt-box .text { width: 35%; padding: .38rem .36rem 0; }
.zxzt-box .text h3 { margin: 0 0 .18rem; font-family: "SYSTBOOD"; font-size: .48rem; line-height: .65rem; color: #fff; }
.zxzt-box .text h3 a { color: #fff; }
.zxzt-box .text p { height: 3.12rem; text-indent: 2em; font-size: .3rem; line-height: .52rem; font-weight: 400; color: #fff; }

.zt-list { font-size: 0; background: #f5f5f5; }
.zt-list li { display: inline-block; vertical-align: top; width: 20%; padding: .15rem; }
.zt-list .img-scale { background: #fff; transition: all .3s; -ms-transition: all .3s; }
.zt-list .img-frame { padding: 56% 0 0; }
.zt-list .text { height: 1.71rem; padding: .1rem .12rem .2rem; border: 1px solid #9d9d9d; border-top: none; }
.zt-list .title { max-height: .56rem; color: #333; margin: 0 0 .12rem; }
.zt-list .info { height: .72rem; }
.zt-list .img-scale:hover { transform: translateY(-.06rem); -ms-transform: translateY(-.06rem); box-shadow: 0 4px .1rem 0 rgba(0, 0, 0, .18); }
.zt-list .img-scale:hover .title { font-weight: 700; color: #01828a; }

.zt-wrapper .left-box { width: 62%; }
.zt-wrapper .right-box { width: 34%; }
.zt-wrapper .flex-between { display: flex; justify-content: space-between; }

.zt-wrapper .right-box h3 { display: inline-block; font-size: .38rem; line-height: .6rem; color: #494949; border-bottom: 5px solid #a50102; font-weight: 500; }

.ztjs-content { min-height: 4.1rem; margin: .2rem 0 0; padding: .6rem .4rem .4rem; box-shadow: 0 6px .12rem 0 rgba(0, 0, 0, .18); border: 1px solid #e2e2e2; font-size: .2rem; line-height: 180%; color: #a0a0a0; background: #fbfbfb; }
.ztjs-content p { text-indent: 2em; }

.dqzt-tit { display: flex; justify-content: center; align-items: center; height: 1.85rem; margin: 0 0 .2rem; font-size: .52rem; color: #fff; text-align: center; line-height: 120%; background: url("../images/zt_bg.jpg") no-repeat 50% 50%; background-size: cover; }

.zt-news .img-scale { padding: 52% 0 0; }
.zt-news .text { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; background: rgba(0, 0, 0, .3); }
.zt-news .title { padding: 0 80px 0 6%; font-size: .2rem; line-height: 250%; color: #fff; }
.zt-news .pagination { position: absolute; z-index: 2; left: auto; bottom: .12rem; right: .22rem; width: auto; }
.zt-news .pagination span { width: 10px; height: 10px; background: #c2c1c1; opacity: 1; }
.zt-news .pagination span.swiper-pagination-bullet-active { background: #fff; }

.zt-list2 { margin: .2rem 0 0; }
.zt-list2 li { border-bottom: 1px dashed #a5a5a5; }
.zt-list2 a { display: flex; background: #f5f5f5; }
.zt-list2 .date1 { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 1.3rem; font-family: "SYSTBOOD"; background: #fbfbfb; font-size: .16rem; line-height: .24rem; color: #01828a; }
.zt-list2 .date1 p { width: 62px; text-align: left; }
.zt-list2 .date1 p:first-child { font-size: .26rem; line-height: .34rem; background: none; color: #01828a; }
.zt-list2 .text { width: calc(100% - 1.3rem); padding: .25rem .2rem; }
.zt-list2 .title { font-size: .24rem; margin: 0 0 .14rem; }
.zt-list2 .info { height: .48rem; }
.zt-list2 a:hover .title { color: #01828a; }

#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: .4rem 0 .2rem !important; font-family: Arial; text-align: center; }
#list-page .p_pages a, #list-page span, #list-page .p_goto a { font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a { padding: 10px 12px; color: #428bca; border: 1px solid #aaa; border-radius: 4px; }
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a { background: #01828a; font-weight: bold; color: #fff; border-color: #01828a; }
#list-page .p_t { padding: 0 2px 0 0; color: #777; }
#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: 32px; line-height: 32px; vertical-align: bottom; }

.about-wrapper .siteNav .h2 { margin: .3rem 0 .2rem; font-family: "SYSTBOOD"; color: #01828a; }
.siteNav-box a { display: inline-block; font-size: .18rem; line-height: .48rem; color:  #416bbb; }
.siteNav-box li { margin: 0 0 .4rem; } 
.siteNav-box li > a {
    display: block; margin: 0 0 .12rem;
    background-image: linear-gradient(0deg, #eaebed, #fff);
    border-top: 1px solid #eee;
    border-bottom: 3px solid #89bada;
    padding: 0 0.2rem;
    color: #416bbb;
    font-weight: 700;
}
.siteNav-box .lv2 dd > a {
position: relative;
    overflow: hidden;
   padding-right: 20px;
}
.siteNav-box .lv2 dd > a span {
display: inline-block;
 min-width: 1rem;
    color: #416bbb;
padding: 0 .16rem 0 .2rem;
    font-weight: 700;
    background-image: linear-gradient(0deg, #e2eef6, #fff);
 border: 1px solid #eceaed;
    border-right: none;
}
.siteNav-box .lv2 dd > a i {
position: absolute; top:0; right: 0; z-index: -1; width: .38rem; height: .38rem; border: 1px solid #eceaed; transform: translateX(-9px) rotate(45deg) skew(10deg, 10deg);
    overflow: hidden;
}
.siteNav-box .lv2 dd > a i::after { position: absolute; top: 0; left: 0; z-index: 1; content: ""; width: 100%; height: 100%;  background-image: linear-gradient(0deg, #e1eff9, #fff); transform: translate(5px, -5px) rotate(-45deg); }
.siteNav-box .lv3 {
display: inline-block; vertical-align: top;
}
.siteNav-box .lv3 > a {

}
.siteNav-box .lv3 span { color: #ccc; margin: 0 .1rem; }
.siteNav-box .lv2 a { font-size: .16rem; line-height: .36rem; text-align: center; transition: all .3s; -ms-transition: all .3s; }
.siteNav-box .lv2 dd { margin: 0 0 .15rem; }
.siteNav-box .lv2 a:hover { color: #01828a; text-decoration: underline; }

.yg-list, .hd-list {
    padding: 3px .12rem .12rem;
    height: 2.84rem;
    background: #dcdedd;
}
.yg-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .08rem 0 0;
}
.yg-list a:hover .title, .hd-list a:hover {
    color: #01828a;
    font-weight: 700;
}
.yg-list .date1 {
    width: 65px;
    font-size: .13rem;
    border: 1px solid #ddd;
    color: #888;
    line-height: .24rem;
    background: #fff;
}
.yg-list .date1 p:first-child {
    font-size: .22rem;
    line-height: .32rem;
    color: #01828a;
    background: none;
    border-bottom: 1px solid #ddd;
}
.yg-list .text {
    width: calc(100% - 65px);
    padding: 0 0 0 .15rem;
}
.hd-list {
    padding-top: .1rem;
    padding-bottom: .1rem;
}
.hd-list a {
    
    line-height: .42rem;
    border-bottom: 1px solid #bbb;
}
.hd-list li:last-child a {
    border: none;
}
 
@media screen and (max-width: 1680px) { .header > .container { width: 90%; }
  .header .layer1 .container { width: 90%; }
  .about-aside { left: 4%; }
  .nav { padding: 0; } }
  @media screen and (max-width: 1450px) {
    .about-aside { left: 1%; }
  }
@media screen and (max-width: 1024px) { html { font-size: 90px; } .container { width: 92% !important; }
.about-aside { display: none; }
  .header::after { display: none; }
  .header .layer1 .container { justify-content: space-between; padding: 4px 0; }
  .header .layer2 { padding: 5px 0; }
  .header .container { display: flex; justify-content: space-between; align-items: center; }
  .header .container::after, .header .container::before { display: none; }
  .logo { display: -ms-flexbox; display: flex; align-items: center; padding: 0; }
  .logo a { display: block; height: 45px; }
  .logo img { max-height: 100%; }
  .pad-btn { display: flex; margin-left: .2rem; }
.banner { border: 0; }
  .nav { visibility: hidden; position: fixed; top: 93px; right: -100%; bottom: auto; left: auto; z-index: 100; width: 100%; height: calc(100vh - 93px); padding: .2rem 0 30px; background: #eaecfd; overflow-x: hidden; 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; }
  .nav .container { display: block; height: 100%; padding: .1rem .22rem; background: #fff; overflow-x: hidden; border-radius: 10px; box-sizing: border-box; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
  .nav li { float: none; width: 100%; padding: 0; border-top: 1px dashed #fff; border-bottom: 1px dashed #c6d3e4; background: none !important; }
  .nav li:first-child { border-top: none; }
  .nav li:last-child:after { display: block; content: ""; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: -2px; left: 0; z-index: 1; width: 100%; height: 0; border-top: 1px dashed #fff; }
  .nav li > a { width: 100%; line-height: .55rem; padding: 0 .1rem !important; text-align: left; color: #333; }
  .nav li > a::after { display: none; }
  .nav li .down { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .55rem; height: .55rem; background-image: url(../images/down1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 8px; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -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 li .down.close { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  .nav li .lv2 { display: none; width: 100%; position: static; visibility: visible; opacity: 1; padding-left: 40px; padding-top: 0; border: none; background: none; box-shadow: none; transition: none; }
  .nav li .lv2 a { display: block; color: #333 !important; line-height: .25rem; text-align: left; }
  .nav li .lv2 .tri { display: none; }
  .nav li:hover .lv2 { display: none; animation: none; box-shadow: none; }
  .nav.show { visibility: visible; right: 0; opacity: 1; }
  .banner .img { padding: 42% 0 0; }
  .banner .img .text p { line-height: .4rem; }
  .banner .pagination { display: none; }
  .index-layer1 .news-swiper { width: 100%; height: auto; }
  .index-layer1 .news-box1 { width: 100%; height: auto; margin: .2rem 0 0; }
  .news-swiper { padding: 0 0 .2rem; }
  .news-swiper .img-frame .img { padding: 66% 0 0; }
  .news-swiper .title { font-size: .18rem; }
  .news-swiper .info { height: .96rem; -webkit-line-clamp: 4; }
  .news-swiper2 .img-scale { padding: 66% 0 0; }
  .index-layer2 { padding: 0 0 13vw; }
  .index-layer2 .container { flex-wrap: wrap; }
  .index-layer2 .news-box2 { width: 100%; margin: 0 0 .2rem; }
  .index-layer2 .list2 { height: auto; }
  .index-layer2 .list3 { height: auto; padding-top: .1rem; padding-bottom: 1px; }
  .index-layer2 .list3 li { margin: 0 0 .1rem; }
  .index-layer2 .column.c7 { margin: .33rem 0 .13rem; }
  .index-layer2 .list4 { height: auto; padding-top: .12rem; padding-bottom: .15rem; }
  .footer .layer1 { padding: .2rem 0; flex-direction: column; }
  .footer .line { display: none; }
  .foot-img { width: 100%; margin: 0 0 .15rem; text-align: center; }
  .section { padding: 0 0 .4rem; }
  .sidebar { width: 100%; min-width: 100%; margin: .2rem 0 0; padding: 0; border-radius: 3px; overflow: hidden; background: #01828a; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); }
  .sidebar::before, .sidebar::after { display: none; }
  .sidebar h3 { display: -ms-flexbox; display: flex; padding: 0; justify-content: space-between; position: relative; font-size: .21rem; line-height: .5rem; height: auto; font-weight: 700; background: #01828a; border-width: 2px; text-indent: 0; }
  .sidebar h3::after { display: none; }
  .sidebar h3 i { width: .5rem; height: .5rem; 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: .5rem; height: .5rem; 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; padding: 0; }
  .sidebar .sub-nav::after { display: none; }
  .main { width: 100%; padding: .15rem 0 0; }
  .decorate { padding: 30% 0 0; }
  .position { margin-bottom: .2rem; padding: 0 0 5px; }
  .position h3 { display: none; }
  .place { line-height: .2rem; background-position-y: 7px;  padding: 8px 0 7px 22px; }
.position.p2 .container { justify-content: flex-start; } 
.position.p2 .place { line-height: .2rem;  background-position-y: 18px;  padding: 20px 0 20px 22px; }
  .main .list6 li { flex-direction: column; align-items: flex-start; padding: .12rem 0; }
  .main .list6 .title { width: 100%; line-height: .24rem; overflow: visible; text-overflow: clip; white-space: initial; }
  .main .list6 .date { line-height: .3rem; }
  .article .title { font-size: .22rem; line-height: .26rem; }
  .picture3 > li { width: 50%; }
  .link-box { position: static; opacity: 1 !important; visibility: visible !important; transform: translate(0, 0) !important; font-size: 0; margin: 0 -3px; padding: .14rem 2% 0; }
  .link-box > li { display: inline-block; vertical-align: top; width: 20%; padding: 0 3px; }
  .link-box p { margin: 7px 0 4px; line-height: .2rem; font-size: 12px; }
  .link-box img { max-width: 56px; }
  .teach-list li { width: 25%; margin: .3rem 0 0; }
.teach-list .name span  { margin-left: .1rem; }
  .teach-list .img-scale::after { top: 5px; right: 5px; }
  .section.a-wrapper { padding-bottom: 1.6rem; }
  .section.a-wrapper .flex-st .article { width: 100%; }
  .section.a-wrapper .flex-st .new-news { display: none; }
  .position.p2 { margin: 0; }
  .about-wrapper .h2 { font-size: .3rem; line-height: .4rem; }
  .about-layer4 ul a { font-size: .24rem; }
  .about-layer3 .h5 { font-size: .25rem; }
  .about-layer2 ul { width: calc(100% - 3rem); padding-left: .2rem; }
  .about-layer2 .img { width: 3rem; }
  .about-wrapper, .zt-wrapper { padding-bottom: 1.6rem; }
  .about-layer4 ul a img { max-width: .75rem; margin-right: .15rem; } 
  .zxzt-box { flex-wrap: wrap; }
  .zxzt-box .img-scale { width: 100%; height: auto; padding: 49.5% 0 0; }
  .zxzt-box .text h3 { font-size: .38rem; line-height: .45rem; text-align: center; }
  .zxzt-box .text { width: 100%; padding: .2rem .2rem .3rem; }
  .zxzt-box .text p { height: auto; font-size: .24rem; line-height: 150%; }
  .zt-list li { width: 25%; padding: .1rem; }
  .zt-wrapper .flex-between { flex-direction: column-reverse; }
  .dqzt-tit {  height: 1.2rem;  font-size: .32rem; }
  .zt-wrapper .left-box { width: 100%; }
  .zt-wrapper .right-box { width: 100%; }
  .zt-wrapper .right-box h3 { font-size: .28rem; }
  .ztjs-content { min-height: auto; margin: .2rem 0; padding: .3rem .2rem; }
  .zt-list2 .date1 { width: 1rem; }
  .zt-list2 .text { width: calc(100% - 1rem); }
  .zt-list2 .title { font-size: .22rem; }
  .ztjs-content { font-size: .19rem; }
}
@media screen and (max-width: 768px) { .about-layer2 .container { justify-content: center; }
  .about-layer2 .img { width: 3.75rem; max-width: 100%; margin: 0 0 .3rem; }
  .about-layer2 ul { width: 100%; } 
.teach-list li { width: 50%; margin: .2rem 0 0; }
.siteNav-box .lv2 dd { min-width: auto; margin-right: 0.15rem; padding: 0 5px; }
.zxzt-title { padding: 0 0 0 .15rem; font-size: .25rem; line-height: 200%; }
.zxzt-box .text h3 { font-size: .26rem; line-height: .4rem; margin: 0 0 5px; text-align: center; }
  .zxzt-box .text { width: 100%; padding: .12rem .15rem .25rem; }
  .zxzt-box .text p { height: auto; font-size: .19rem; line-height: 150%; }
  .zt-list li { width: 50%; padding: .1rem; }
}
@media screen and (max-width: 600px) {
  .teach-list .img-scale { width: 1.8rem; }
  .teach-list .text { width: calc(100% - 1.8rem); }
  .teach-list .name { padding-left: .2rem; }
  .teach-list .info { padding-left: .2rem; } }
@media screen and (max-width: 480px) { .teach-list li { width: 100%; }
  .teach-list .img-scale { width: 2rem; }
  .teach-list .img-scale::after { top: 6px; right: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
  .zt-list li { width: 100%; padding: .1rem; }
  .teach-list .text { width: 100%; }   .dqzt-tit {  height: 1.2rem;  font-size: .26rem; }
  .teach-list .info { margin: .1rem 0 0; height: auto; padding: 0; }
.siteNav-box .lv2 dd { display: block; margin: 0; }
.zt-list2 .date1 { width: .8rem; }
.zt-list2 .text { width: calc(100% - .8rem); padding: .16rem .15rem; }
.zt-list2 .title { font-size: .2rem; }
  .about-layer2 ul li { width: 100%; } }

.xcp-box { position: relative; max-width: 620px; margin: 0 auto; padding: 349px 0 0; cursor: pointer; }
.xcp-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; vertical-align: top; }
.xcp-box img { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; object-fit: cover; transition: all .3s; -ms-transition: all .3s; }
.xcp-box::before { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: url("../images/bofang.png")  
 no-repeat 50% 50% rgba(0, 0, 0, .1); background-size: .7rem; content: ""; transition: all .3s; -ms-transition: all .3s; }
.xcp-box.play img, .xcp-box.play::before { z-index: 1; opacity: 0; }
@media screen and (max-width: 680px) {
.xcp-box { max-width: 100%; padding: 56.29% 0 0; }
}