.header { position: relative; padding: .5rem 0; background: #fff; }

.header .container { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 1.35rem; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.header .logo a { display: block; }

.header .logo img { max-width: 100%; vertical-align: top; }

.header::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: 0; bottom: 0; left: auto; z-index: 1; width: 67%; height: .5rem; background: #003a8e; }

.header.inset::after { width: 100%; }

.top-link { display: inline-block; vertical-align: top; font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #666; text-align: left; }

.top-link a { color: #666; }

.top-link span { margin: 0 6px; }

.btn { display: inline-block; }

.btn i { cursor: pointer; }

.btn .search-btn { display: inline-block; width: .3rem; height: .3rem; background-image: url(../images/h_icon1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.search-box { position: absolute; top: 35%; right: auto; bottom: auto; left: 50%; z-index: 1; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); background: #fff; white-space: nowrap; padding: .15rem .1rem .15rem .15rem; width: 76%; max-width: 6rem; font-size: 0; opacity: 0; -webkit-transition: all 0.23s ease 0s; -moz-transition: all 0.23s ease 0s; -o-transition: all 0.23s ease 0s; transition: all 0.23s ease 0s; box-shadow: 0 0 2px 0 #ccc; }

.search-box .input { width: -webkit-calc(100% - .55rem); width: -moz-calc(100% - .55rem); width: calc(100% - .55rem); height: .5rem; padding: 0 .1rem 0 .15rem; vertical-align: top; font-size: 0.15rem; font-weight: 500; line-height: 0.5rem; color: #333; text-align: left; border: 1px solid #eee; }

.search-box .submit { width: .5rem; height: .5rem; vertical-align: top; background-image: url("../images/h_icon1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; }

.search-box.show { opacity: 1; top: 40%; }

#mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 102; background: rgba(0, 0, 0, 0.75); }

#mask .close { width: .7rem; height: .7rem; position: absolute; top: 1rem; right: 10%; bottom: auto; left: auto; z-index: 1; cursor: pointer; }

#mask .close i { display: block; width: 100%; height: 3px; background: #fff; }

#mask .close i:nth-child(1) { -webkit-transform: translate(0, 33px) rotate(45deg); -moz-transform: translate(0, 33px) rotate(45deg); -o-transform: translate(0, 33px) rotate(45deg); -ms-transform: translate(0, 33px) rotate(45deg); transform: translate(0, 33px) rotate(45deg); }

#mask .close i:nth-child(2) { -webkit-transform: translate(0, 31px) rotate(-45deg); -moz-transform: translate(0, 31px) rotate(-45deg); -o-transform: translate(0, 31px) rotate(-45deg); -ms-transform: translate(0, 31px) rotate(-45deg); transform: translate(0, 31px) rotate(-45deg); }

.nav { position: absolute; top: auto; right: 0; bottom: -0.5rem; left: auto; z-index: 90; text-align: right; }

.nav .nav-btn { position: relative; z-index: 9; display: inline-block; width: .5rem; height: .5rem; background-image: url(../images/h_icon2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: auto; background-size: auto; cursor: pointer; vertical-align: middle; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.nav ul { position: absolute; top: 0; right: -webkit-calc(90% + 0px); right: -moz-calc(90% + 0px); right: calc(90% + 0px); bottom: auto; left: auto; z-index: 9; opacity: 0; visibility: hidden; width: 2.2rem; padding: .15rem 0; background: linear-gradient(45deg, #184077, #076cbc); background: -o-linear-gradient(45deg, #184077, #076cbc); background: -moz-linear-gradient(45deg, #184077, #076cbc); background: -webkit-linear-gradient(45deg, #184077, #076cbc); background: -webkit-gradient(linear, 45deg, color-stop(#076cbc), color-stop(#076cbc)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#184077', endColorstr='#076cbc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#184077', endColorstr='#076cbc')"; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.nav ul::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0.15rem; right: auto; bottom: auto; left: 100%; z-index: 1; width: 0; border: 10px solid transparent; border-left-color: #076cbc; }

.nav li { position: relative; padding: 0 0 0 .4rem; }

.nav li a { display: block; font-size: 0.16rem; font-weight: 500; line-height: 0.45rem; color: #fff; text-align: left; text-indent: 4px; border-bottom: 1px solid #3c81b8; }

.nav li:last-child a { border: none; }

.nav li::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 48%; right: auto; bottom: auto; left: 0; z-index: 1; width: 0; height: 2px; background: #ee9b11; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.nav li:hover a { color: #ee9b11; }

.nav li:hover::before { width: .3rem; }

.nav.navShow ul { right: -webkit-calc(100% + 10px); right: -moz-calc(100% + 10px); right: calc(100% + 10px); opacity: 1; visibility: visible; }

.nav.navShow .nav-btn { background-image: url(../images/close44.png); }

.banner { position: relative; }

.banner .container { padding-right: 8%; }

.banner .swiper-container { width: 74%; }

.banner .swiper-container .img-scale { position: relative; }

.banner .swiper-container .img { display: block; height: 6.4rem; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.banner .swiper-container .text { position: absolute; top: auto; right: auto; bottom: 0; left: auto; z-index: 1; width: 100%; padding: 0 4.8% .14rem; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), transparent); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4), transparent); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), transparent); background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent); background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent); background: -webkit-gradient(linear, 90deg, color-stop(transparent), color-stop(transparent)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='rgba(0, 0, 0, 0.4)', endColorstr='transparent'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='rgba(0, 0, 0, 0.4)', endColorstr='transparent')"; }

.banner .swiper-container .text .title { margin: .08rem 0 .05rem; font-size: .22rem; color: #fff; }

.banner .swiper-container .text .info { height: .44rem; line-height: .22rem; color: #ddd; }

.banner .side { position: relative; z-index: 2; width: 26%; height: 6.4rem; background: #fff; }

.banner .side li { position: relative; left: 0; width: 100%; height: 20%; padding: .15rem .2rem; border-bottom: 1px dashed #ddd; background: #fff; overflow: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.banner .side li:last-child { border: none; }

.banner .side li.on { left: -10%; width: 110%; background: #ee9b11; border: none; }

.banner .side li.on .title { font-size: .18rem; font-weight: 700; color: #fff; }

.banner .side li.on .date { color: #fff; }

.banner .side .title { height: .64rem; margin: .05rem 0 0; line-height: .32rem; }

.banner::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: -1; width: 67%; height: 100%; background: -webkit-linear-gradient(right, #004196, #076cbc); background: -moz-linear-gradient(right, #004196, #076cbc); background: -o-linear-gradient(right, #004196, #076cbc); background: linear-gradient(-90deg, #004196, #076cbc); background: -o-linear-gradient(-90deg, #004196, #076cbc); background: -moz-linear-gradient(-90deg, #004196, #076cbc); background: -webkit-linear-gradient(-90deg, #004196, #076cbc); background: -webkit-gradient(linear, -90deg, color-stop(#076cbc), color-stop(#076cbc)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#004196', endColorstr='#076cbc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#004196', endColorstr='#076cbc')"; }

.index-subject { width: 100%; margin: .45rem 0; overflow: hidden; }

.index-subject .column { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.index-subject .swiper-container { margin: .3rem 0 0; overflow: visible; }

.index-subject .swiper-container::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 100%; bottom: auto; left: auto; z-index: 1; width: 25%; height: 100%; background: #fff; }

.index-subject .img-frame .img { padding: 35% 0 0; }

.index-subject .title { line-height: .7rem; }

.index-subject .title::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: .45rem; height: 1px; background: #076cbc; }

.index-news { margin: .6rem 0 .5rem; }

.index-news .container { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.index-news .news1 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 61.31%; }

.index-news .news2 { position: relative; width: 38.69%; margin: 0 -.6rem 0 0; padding: .35rem 0 .25rem; background: -webkit-linear-gradient(135deg, #003e93, #076cbc); background: -moz-linear-gradient(135deg, #003e93, #076cbc); background: -o-linear-gradient(135deg, #003e93, #076cbc); background: linear-gradient(-45deg, #003e93, #076cbc); background: -o-linear-gradient(-45deg, #003e93, #076cbc); background: -moz-linear-gradient(-45deg, #003e93, #076cbc); background: -webkit-linear-gradient(-45deg, #003e93, #076cbc); background: -webkit-gradient(linear, -45deg, color-stop(#076cbc), color-stop(#076cbc)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003e93', endColorstr='#076cbc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#003e93', endColorstr='#076cbc')"; }

.index-news .news2::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: -0.42rem; left: -0.3rem; z-index: -1; width: 80%; height: 80%; background: #efefef; }

.news1-nav { width: 16.8%; }

.news1-nav ul { border-left: 1px solid #076cbc; }

.news1-nav ul li { padding: 0 0 .12rem; }

.news1-nav ul li.on a { background: #ee9b11; color: #fff; }

.news1-nav a { display: block; margin: 0 0 0 -1px; font-size: 0.22rem; font-weight: 500; line-height: 0.46rem; color: #333; text-align: center; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.news1-nav .more { display: block; padding: 0 0 .1rem; font-size: .16rem; margin: 0; color: #999; border-left: 1px solid #076cbc; }

.news1-box { width: 83.2%; }

.news1-box .pic-list { display: none; }

.pic-list li { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: .4rem 0 .4rem .3rem; border-top: 1px dashed #ccc; }

.pic-list li:first-child { padding-top: 0; border: none; }

.pic-list li .img-frame { width: 37.27%; display: block; }

.pic-list li .img { padding: 61.66% 0 0; }

.pic-list li .date { position: absolute; top: auto; right: auto; bottom: 0.65rem; left: 0; z-index: 1; padding: .05rem .09rem .09rem; font-size: .12rem; line-height: .2rem; color: #fff; text-align: center; background: #076cbc; }

.pic-list li .date p:first-child { font-size: .24rem; line-height: .3rem; }

.pic-list li .text { width: 60%; }

.pic-list li .title { max-height: .8rem; font-size: .18rem; font-weight: 700; }

.pic-list li .title:hover { color: #076cbc; }

.pic-list li .info { max-height: .84rem; }

.pic-list.active { display: block; }

.news2-nav { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .4rem; }

.news2-nav a { display: block; height: .3rem; padding: 0 .45rem 0 0; font-size: 0.2rem; font-weight: 500; line-height: 0.3rem; color: #fff; text-align: left; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.news2-nav a::before { display: inline-block; content: ""; width: 2px; height: 0; margin: 0 .1rem 0 0; background: #ee9b11; vertical-align: sub; -webkit-transition: height 0.35s ease 0s; -moz-transition: height 0.35s ease 0s; -o-transition: height 0.35s ease 0s; transition: height 0.35s ease 0s; }

.news2-nav .on a { font-size: .3rem; }

.news2-nav .on a::before { height: 100%; }

.news2-box .pic-list2 { margin: .2rem 0 0; display: none; }

.news2-box .pic-list2.active { display: block; }

.pic-list2 .img-scale { position: relative; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: .24rem .4rem; border-top: 1px dashed #2c75bd; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

.pic-list2 .img-scale:first-child { border: none; }

.pic-list2 .img-scale .img-frame { position: relative; z-index: 2; width: 48.27%; display: block; }

.pic-list2 .img-scale .img { padding: 55.357% 0 0; }

.pic-list2 .img-scale .date { line-height: .15rem; color: #fff; }

.pic-list2 .img-scale .date::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; width: .34rem; height: 2px; margin: .12rem 0 0; background: #ee9b11; }

.pic-list2 .img-scale .text { position: relative; z-index: 2; width: 48%; }

.pic-list2 .img-scale .title { margin: .08rem 0 3px; color: #fff; font-weight: 700; }

.pic-list2 .img-scale .info { max-height: .69rem; line-height: .23rem; color: #fff; }

.pic-list2 .img-scale:hover { margin: 0 0 0 -.4rem; padding-left: .8rem; background: #ee9b11; border: none; }

.pic-list2 .img-scale:hover .date::after { background: #fff; }

.pic-list2 li:last-child { margin: .1rem 0 0; padding: 0 .4rem; text-align: right; }

.index-media .container { position: relative; }

.index-media .column { margin: 0  0 .35rem; }

.index-media .img { padding: 61.73% 0 0; }

.index-media .title { line-height: .55rem; }

.index-media .swiper-prev { position: absolute; top: 50%; right: auto; bottom: auto; left: -0.6rem; z-index: 1; }

.index-media .swiper-next { position: absolute; top: 50%; right: -0.6rem; bottom: auto; left: auto; z-index: 1; }

.index-media .swiper-container { padding: 0 0 .35rem; }

.index-media .swiper-pagination .swiper-pagination-bullet { width: 21px; height: 6px; border-radius: 6px; background: #ddd; opacity: 1; cursor: pointer; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.index-media .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 31px; background: #076cbc; }

.index-video { margin: .4rem 0 .5rem; }

.pic-list3 { font-size: 0; margin: 0 0; }

.pic-list3 > li { display: inline-block; vertical-align: top; width: 33.33333%; padding: 0 0; }

.pic-list3 li { position: relative; }

.pic-list3 .img { display: block; padding: 61.45% 0 0; }

.pic-list3 .img::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.pic-list3 .sthy_list{ background-image: url(../images/h_bg1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: 100% 100%; background-size: 100% 100%;}

.pic-list3 .text { position: absolute; top: auto; right: auto; bottom: 0; left: auto; z-index: 1; width: 100%; padding: 0 5.7% .1rem; }

.pic-list3 .text .title { margin: 5px 0 0; color: #fff; font-weight: 700; }

.index-links .container2 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.index-links .news-card { width: 30%; }

.index-links .news-card .column2 { margin: 0 0 .18rem; }

.list1 li { padding: .1rem 0; border-bottom: 1px dashed #ddd; }

.list1 li:last-child { border: none; }

.list1 .title { line-height: .32rem; }

.footer { margin: 1.4rem 0 0; position: relative; }

.footer::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0.3rem; right: 0; bottom: 0; left: auto; z-index: -2; width: 96.875%; background: #dbe5ec; }

.footer::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; left: auto; z-index: -2; width: 93.75%; background: -webkit-linear-gradient(left, #003a8e, #0074d3); background: -moz-linear-gradient(left, #003a8e, #0074d3); background: -o-linear-gradient(left, #003a8e, #0074d3); background: linear-gradient(90deg, #003a8e, #0074d3); background: -o-linear-gradient(90deg, #003a8e, #0074d3); background: -moz-linear-gradient(90deg, #003a8e, #0074d3); background: -webkit-linear-gradient(90deg, #003a8e, #0074d3); background: -webkit-gradient(linear, 90deg, color-stop(#0074d3), color-stop(#0074d3)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003a8e', endColorstr='#0074d3'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#003a8e', endColorstr='#0074d3')"; }

.footer .container2 { position: relative; }

.foot-logo { position: absolute; top: -0.85rem; right: auto; bottom: auto; left: 0; z-index: 1; height: .85rem; }

.foot-logo img { max-width: 80%; }

.copy { padding: .55rem 0; font-size: 0.14rem; font-weight: 500; line-height: 0.32rem; color: #fff; text-align: left; }

.copy a { color: #fff; }

.code { margin: -.3rem 0 0; }

.code li { position: relative; display: inline-block; width: .6rem; height: .6rem; margin: 0 .22rem 0 0; border-radius: 50%; cursor: pointer; background-image: url(../images/h_icon3.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff; -o-background-size: auto; background-size: auto; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.code li:nth-child(2) { background-image: url(../images/h_icon4.png); }

.code li:nth-child(3) { background-image: url(../images/h_icon5.png); }

.code li:nth-child(4) { background-image: url(../images/h_icon6.png); }

.code li:nth-child(5) { background-image: url(../images/h_icon7.png); }

.code li:nth-child(6) { background-image: url(../images/h_icon8.png); }

.code li .mx { visibility: hidden; opacity: 0; padding: 8px 10px 4px; background: #fff; border-radius: 3px; box-shadow: 0 0 5px 0 #999; position: absolute; top: 95%; right: auto; bottom: auto; left: 50%; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.code li .mx img { width: 90px; height: 90px; }

.code li .mx p { font-size: 0.14rem; font-weight: 500; line-height: 0.18rem; color: #666; text-align: center; }

.code li .mx::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: auto; right: auto; bottom: 100%; left: -webkit-calc(50% - 12px); left: -moz-calc(50% - 12px); left: calc(50% - 12px); z-index: 1; width: 0; border: 10px solid transparent; border-bottom-color: #fff; }

.code li:hover { background-color: #0043b4; }

.code li:hover:nth-child(1) { background-image: url(../images/h_icon3_2.png); }

.code li:hover:nth-child(2) { background-image: url(../images/h_icon4_2.png); }

.code li:hover:nth-child(3) { background-image: url(../images/h_icon5_2.png); }

.code li:hover:nth-child(4) { background-image: url(../images/h_icon6_2.png); }

.code li:hover:nth-child(5) { background-image: url(../images/h_icon7_2.png); }

.code li:hover:nth-child(6) { background-image: url(../images/h_icon8_2.png); }

.code li:hover .mx { display: block; visibility: visible; opacity: 1; top: -webkit-calc(100% + 12px); top: -moz-calc(100% + 12px); top: calc(100% + 12px); }

.position { border-bottom: 1px solid #ddd; }

.position h3 { display: inline-block; padding: 0 0 .17rem; margin: 0 0 -1px; font-size: 0.3rem; font-weight: 500; line-height: 0.3rem; color: #000; text-align: left; border-bottom: 3px solid #076cbc; }

.place { font-size: 0.14rem; font-weight: 500; line-height: 0.3rem; color: #999; text-align: left; }

.place a { color: #999; }

.place a:hover { color: #076cbc; }

.section { position: relative; }

.section::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 50%; height: 1.48rem; background: -webkit-linear-gradient(right, #004196, #076cbc); background: -moz-linear-gradient(right, #004196, #076cbc); background: -o-linear-gradient(right, #004196, #076cbc); background: linear-gradient(-90deg, #004196, #076cbc); background: -o-linear-gradient(-90deg, #004196, #076cbc); background: -moz-linear-gradient(-90deg, #004196, #076cbc); background: -webkit-linear-gradient(-90deg, #004196, #076cbc); background: -webkit-gradient(linear, -90deg, color-stop(#076cbc), color-stop(#076cbc)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#004196', endColorstr='#076cbc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#004196', endColorstr='#076cbc')"; }

.section .container3 { position: relative; z-index: 2; padding: .6rem .5rem; background: #fff;    min-height: 8.5rem; }

.section .pic-list { margin: .4rem 0 0; }

.section .pic-list li { padding-left: 0; }

.section .pic-list .date { top: auto !important; bottom: 0; }

.section .pic-list .img-frame { position: relative; width: 27%; max-width: 3.2rem; }

.section .pic-list .text { width: 70.5%; min-width: -webkit-calc(100% - 3.55rem); min-width: -moz-calc(100% - 3.55rem); min-width: calc(100% - 3.55rem); }

.section .pic-list .info { max-height: 1.12rem; }

.list2 { margin: .1rem 0 0; }

.list2 li { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: .27rem 0; border-bottom: 1px dashed #ddd; }

.list2 .date { width: 62px; color: #076cbc; text-align: center; }

.list2 .date p:first-child { font-size: .3rem; font-weight: 700; line-height: .34rem; }

.list2 .title { display: block; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); max-height: .6rem; line-height: .3rem; }

.article { padding: .4rem 0 0;min-height: 7.5rem; }

.article h1 { font-size: 0.22rem; font-weight: 700; line-height: 0.3rem; color: #184077; text-align: center; }
.article .bj_fx{border-bottom: 1px dashed #ccc; margin-top:20px;}
.article .sub { padding: .1rem 0 .3rem; font-size: 0.14rem; font-weight: 500; line-height: 0.25rem; color: #999; text-align: center;float:left; }

.article .sub span { margin: 0 .14rem; }

.article .content { padding: .2rem 0 .4rem; font-size: 0.16rem; font-weight: 500; line-height: 0.34rem; color: #000; text-align: justify; }

.article .content p { text-indent: 2em;background: none; }

.article .content img, .article .content video, .article .content iframe { display: block; max-width: 100%;   margin: 0 auto; }

.article .content table { max-width: 100%; height: auto !important; margin: 0 auto; }

.article .content table p { text-indent: 0; }

.article .cont-page { padding: .15rem 0 0; border-top: 1px solid #eceef3; }

.article .cont-page a { display: block; padding: .08rem 0; font-size: 0.16rem; font-weight: 500; line-height: 0.24rem; color: #999; text-align: left; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }

.article .cont-page a span { color: #000; }

.article .cont-page a:hover { -webkit-transform: translateX(6px); -moz-transform: translateX(6px); -o-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); color: #076cbc; }

.links-nav { display: none; width: 100%; border-bottom: 1px solid #ddd;}

.links-nav ul { display: inline-block; width: calc(100% - 60px); margin: 0 0 -1px; }

.links-nav ul li { display: inline-block; width: 25%; }

.links-nav ul li.on a { background: #ee9b11; color: #fff; }

.links-nav a { display: block; font-size: 0.22rem; font-weight: 500; line-height: 0.46rem; color: #333; text-align: center; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; cursor: pointer;}

.links-nav .more { font-size: .16rem; margin: 0; color: #999; }

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}
.pic-list1{width:100%;height:auto;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}
.pic-list1 .img_pic{width:25%;float:left;margin:20px 0;}
.pic-list1 .img_pic a{padding:5px 20px;display:block;}
.pic-list1 .img_pic a img{width:100%;object-fit: cover;height:240px;}

.left_sthy{width:66%;}
.right_sthy{width:32%;}
.right_sthy .right_pic{margin-bottom:15px;}

.news_share{float:right;}

@media screen and (max-width: 1700px) { .banner .container { padding-right: 4%; }
  .footer::before { width: 98%; }
  .footer::after { width: 96%; } }

@media screen and (max-width: 1300px) { html { font-size: 90px; }
  .banner .container { padding: 0; }
  .pic-list2 .img-scale .title { margin: 0; } }

@media screen and (max-width: 1024px) { 
  .article .sub{float:none;}
  .news_share{float:none;margin-bottom:20px;text-align:center;}
  .header { padding-top: .2rem; }
  .pic-list1 .img_pic{width:33.33%;}
  .header .container { height: 1rem; }
  .header .logo a img { height: .7rem; }
  .banner .swiper-container { width: 100%; }
  .banner .swiper-container .img { height: 0; padding-top: 56.15%; }
  .banner .side { display: none; }
  .index-news .container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .index-news .news1 { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .index-news .news2 { margin: .2rem; width: 100%; }
  .index-media .swiper-next { right: -35px; }
  .index-media .swiper-prev { left: -35px; }
  .pic-list3 li { width: 50%; }
  .footer { margin: .4rem 0 0; }
  .foot-logo { height: auto; padding: .3rem 0; position: static; text-align: center; }
  .code { float: none; margin: 0; text-align: center; }
  .copy { padding: .2rem 0 .4rem; text-align: center; }
  .code li .mx { bottom: calc(100% + 12px); top: auto !important; }
  .code li .mx::after { bottom: auto; top: 100%; border-color: transparent; border-top-color: #fff; }
  .nav { width: 100%; }
  .nav ul { top: -1.2rem; left: -5vw; width: 3.5rem; min-height: 100vh; padding: 0 0 .4rem; }
  .nav ul::before { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 1.2rem; background-image: url(../images/bg_logo.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; -o-background-size: 90%; background-size: 90%; }
  .nav ul a { font-size: .2rem; line-height: .6rem; }
  .nav ul::after { top: 1.3rem; }
  .nav.navShow::after { display: block; content: ""; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); } 
}

@media screen and (max-width: 768px) { html { font-size: 80px; }
   .left_sthy{width:100%;margin-bottom: 10px;}
   .right_sthy{width:100%;}
   .pic-list1 .img_pic{width:50%;}
  .header .logo a img { height: .5rem; }
  .index-links .container2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .index-links .links-nav { display: block; margin: 0 0 10px; }
  .index-links .news-card { display: none; width: 100%; }
  .index-links .news-card.active { display: block; }
  .index-links .news-card .column2 { display: none; }
  .news1-nav a { font-size: .18rem; }
  .index-media .swiper-next, .index-media .swiper-prev { display: none; }
  .index-subject .swiper-container { overflow: hidden; }
  .index-news { margin: .4rem 0; }
  .code li { width: .5rem; height: .5rem; background-size: 66%;}
  .section .container3 { padding: .3rem 0;min-height: 8.5rem; }
  .section::after { display: none; }
  .column h3 { font-size: .25rem; }
  .section .pic-list li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .section .pic-list .img-frame { width: 100%; max-width: 5rem; }
  .section .pic-list .text { width: 100%; margin: .2rem 0 0; } }

@media screen and (max-width: 520px) { 
 .pic-list1 .img_pic{width:100%;}
.banner .swiper-container .text { position: static; padding: .1rem .1rem 0; background: #fff; }
  .banner .swiper-container .text .title { color: #000; }
  .banner .swiper-container .text .info { color: #666; }
  .top-link { position: absolute; top: -.15rem; left: -5vw; right: -5vw; width: -webkit-calc(100% + 10vw); width: -moz-calc(100% + 10vw); width: calc(100% + 10vw); padding: 0 5vw; display: block; text-align: right; border-bottom: 1px solid #eee; }
  .top-link span.last { display: none; }
  .news1-nav { width: 100%; }
  .news1-box { width: 100%; }
  .news1-nav ul { font-size: 0; }
  .news1-nav ul li { display: inline-block; width: 20%; }
  .index-news .news2 { margin: 0; }
  .index-news .news2::after { display: none; }
  .news2-box .pic-list2 { margin: 0; }
  .news2-nav, .pic-list2 .img-scale { padding-left: .2rem; padding-right: .2rem; }
  .news2-nav a { padding-right: .25rem; }
  .index-video { margin: .2rem 0 .4rem; }
  .index-subject .swiper-container { margin: 0; }
  .index-media .column { margin: 0 0 .2rem; }
  .pic-list li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .pic-list li .img-frame, .pic-list li .text { width: 100%; }
  .pic-list li .date { top: 40%; bottom: auto; }
  .pic-list2 .img-scale { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .pic-list2 .img-scale .img-frame, .pic-list2 .img-scale .text { width: 100%; }
  .pic-list2 .img-scale .text { margin: .2rem 0 0; }
  .pic-list3 li { width: 100%; }
  .position { text-align: center; }
  .place { float: none; width: 100%; margin: 0 0 .15rem; text-align: center; }
  .code li { margin: 0 8.5% .15rem; }
  .list2 .date { width: 52px; }
  .list2 .title { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); } }

#list-page {font-family: Arial; text-align: center; margin: 25px 0 30px !important; }
#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: 7px 9px; border: 1px solid #aaa; border-radius: 2px; color: #428bca;}
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a {background: #076cbc; font-weight: bold; color: #fff; border-color: #076cbc;;}
#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: 2px; width: 40px; height: 30px; line-height: 30px; vertical-align: bottom; }