* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    zoom: 1
}
html * {
    outline: 0;
    zoom: 0
}
article, section, aside, details, figcaption, figure, footer, header, main, menu, nav, summary {
    display: block;
    clear: both
}
body, div, ul, li, h1, h2, h3, h4, h5, h6, form, p {
    margin: 0;
    padding: 0
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-style: normal;
    font-size: 100%
}
ul, li {
    list-style-type: none
}
em, i {
    font-style: normal
}
input, select {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 12px
}
body {
    font: 400 17px/1.8 Microsoft YaHei, sans-serif;
    background-color: #fff
}
.clearfix {
    zoom: 1
}
.clearfix:after {
    content: '';
    clear: both;
    display: block
}
.mt10 {
    clear: both;
    margin-top: 10px
}
.mt20 {
    clear: both;
    margin-top: 20px
}
img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
a {
    text-decoration: none;
    color: #333
}
a:hover {
    color: #039;
    transition: color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s;
    cursor: pointer
}
.img-cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.tp img {
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear
}
.tp img:hover {
    transition: All .7s ease;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}
main, .wrap {
    width: 1220px;
    margin: 0 auto
}
.clearfix:after {
    content: "";
    display: block;
    clear: both
}
.row21 {
    display: grid;
    1grid-template-columns: 800px 380px;
    grid-template-columns: 2fr 1fr;
    gap: 40px
}
.row3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}
.row {
    display: flex;
    gap: 40px
}
.col {
    flex: 1
}
.fl {
    float: left
}
.fr {
    float: right
}
.sb {
    box-shadow: 0 5px 10px rgba(26, 26, 26, .1);
    background: #fff
}
.section-title {
    clear: both;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px 0 20px;
    overflow: hidden
}
.section-title:before {
    content: "";
    width: 100%;
    height: 4px;
    background-image: linear-gradient(to right, rgba(225, 225, 225, 0.1), rgba(25, 25, 25, 0.3), rgba(225, 225, 225, 0.1));
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 0;
    display: inline-block
}
.section-title .tit {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    z-index: 1
}
.section-title .tit::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: inline-block;
    background: #fff
}
.section-title p {
    font-size: 20px;
    font-weight: 600
}
.line {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}
.line .tit {
    font-size: 20px;
    font-weight: 600
}
.line .more {
    float: right;
    font-weight: 500;
    font-size: 15px
}
header {
    padding: 30px 0 15px;
    background: #fcfcfc
}
header .wrap {
    display: flex;
    align-items: center
}
.logo {
    width: 165px
}
.logo img {
    width: 160px;
    height: 80px
}
.htxt {
    flex: 1
}
.htxt p {
    height: 25px;
    line-height: 25px
}
.htxt .hjs {
    color: #039;
    font-weight: bold;
    letter-spacing: 2px
}
.htxt .htime {
    font-size: 15px
}
.searchinput {
    width: 400px;
    height: 40px
}
.searchinput .search_input {
    float: left;
    border: #039 1px solid;
    width: 340px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 18px;
    background: #fff;
    color: #666;
    font-size: 15px;
    1border-radius: 5px 0 0 5px;
    border-right: none
}
.searchinput .search_a {
    float: left;
    display: block;
    text-align: center;
    background: url(../images/ico-so.png) no-repeat center #039;
    background-size: 26px;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-size: 0;
    border: #039 1px solid;
    border-left: none;
    1border-radius: 0 5px 5px 0;
    cursor: pointer
}
.hdzb {
    width: 130px;
    background: url(../images/ico-dzb.png) left center no-repeat;
    background-size: 20px;
    padding-left: 22px;
    text-align: center;
    margin-left: 50px
}
.hdzb a {
    color: #039;
    1font-weight: 600
}
.hlxwm {
    width: 100px;
    background: url(../images/ico-email.png) left center no-repeat;
    background-size: 20px;
    padding-left: 22px;
    text-align: center;
    margin-left: 20px
}
.jft {
    width: 60px;
    background: url(../images/ico-jft.png) left center no-repeat;
    background-size: 20px;
    padding-left: 22px;
    text-align: right;
    margin-left: 20px
}
.jft a {
    1color: #fff;
    font-size: 19px
}
.jft a:hover {
    1color: #ff0;
    font-weight: bold
}
nav {
    height: 60px;
    line-height: 60px;
    background: #039;
    1background-image: linear-gradient(to right, #039 0%, #2575fc 100%);
    overflow: hidden
}
nav .wrap {
    clear: both;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0 40px
}
nav a {
    color: #fff;
    font-size: 20px;
    text-align: center
}
nav a:hover, nav a.cur {
    color: #ff0;
    1border-bottom: 2px solid #ff0;
    1padding-bottom: 7px;
    font-weight: bold
}
.intt {
    padding: 40px 0 30px
}
.intt .tit {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden
}
.intt .tit a {
    color: #039;
    font-size: 40px;
    font-weight: bold
}
.intt .tit a:hover {
    color: #900
}
.intt ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 20px;
    margin-top: 20px
}
.intt ul li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden
}
.banner {
    position: relative;
    overflow: hidden
}
.banner_img {
    float: left;
    position: relative;
    width: 840px;
    height: 450px;
    z-index: 1
}
.banner_img .swiper-slide {
    height: 100%
}
.banner_img .swiper-slide img {
    width: 100%;
    height: 100%
}
.banner_img .swiper-slide a {
    display: block;
    height: 100%;
    position: relative
}
.banner_img .swiper-slide a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 85%, rgba(0, 0, 0, 0.9) 100%);
    left: 0;
    top: 0
}
.banner_img .tit {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    1text-align: center;
    padding: 0 10px 0 20px;
    z-index: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}
.banner_img em {
    position: absolute;
    right: 10px;
    bottom: 30px;
    color: #fff;
    font-family: Impact;
    font-size: 24px;
    letter-spacing: 5px
}
.banner_img em b {
    color: #f00;
    font-weight: 500
}
.banner_img .swiper-pagination {
    text-align: center
}
.banner_img .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    opacity: 1;
    background: #ccc;
    margin: 0 7px;
    border-radius: 1px
}
.banner_img .swiper-pagination .swiper-pagination-bullet-active {
    width: 50px;
    background: #900
}
.banner_nav {
    float: right;
    width: 380px;
    z-index: 10
}
.banner_nav ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
    1grid-column-gap: 0;
    1grid-row-gap: 0;
    background: #039;
    1padding: 10px 0
}
.banner_nav li {
    cursor: pointer;
    position: relative
}
.banner_nav li .tit {
    padding: 10px;
    height: 90px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}
.banner_nav li .tit img {
    float: left;
    width: 120px;
    height: 70px;
    1border: 1px solid #ddd
}
.banner_nav li .tit > p {
    float: right;
    width: 240px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.banner_nav li:hover .tit, .banner_nav li.on .tit {
    background: url(../images/pics_show.png) left repeat-y;
    font-weight: bold
}
.plist {
    clear: both;
    overflow: hidden
}
.plist .p-item {
    position: relative;
    overflow: hidden
}
.plist .p-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background: linear-gradient(transparent 5%, rgb(0, 0, 0));
    left: 0;
    bottom: 0;
    z-index: 0
}
.plist .pic {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden
}
.plist .tit {
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    z-index: 9;
    overflow: hidden
}
.plist li:hover .tit {
    text-shadow: 0 0 2px #fff
}
.plist span {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #F78506;
    color: #fff;
    padding: 0 10px;
    font-size: 17px;
    border-radius: 2px;
    z-index: 100
}
.tlist {
    position: relative;
    overflow: hidden
}
.tlist .t-item {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.tlist .t-item:before {
    content: "";
    float: left;
    width: 5px;
    height: 5px;
    background: #666;
    overflow: hidden;
    position: absolute;
    top: 17px;
    left: 0;
    display: inline-block
}
.tlist .t-item h3 {
    font-size: 15px
}
.tplist {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0
}
.tplist .tp-item1 {
    background: #fff;
    box-shadow: 0 2px 5px rgba(26, 26, 26, .1)
}
.tplist .tp-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tplist .tp-item .pic {
    width: 163px;
    height: 97px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden
}
.tplist .tp-item p {
    flex: 1;
    padding-right: 15px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.twlist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0
}
.twlist .item {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    1background: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}
.twlist .item:last-child {
    border-bottom: none
}
.twlist .item .pic {
    width: 163px;
    height: 97px;
    border: 1px solid #eee;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden
}
.twlist .item .text {
    position: relative;
    flex: 1
}
.twlist .item .tit {
    font-weight: 600;
    line-height: 25px;
    height: 50px;
    margin-bottom: 30px;
    overflow: hidden
}
.twlist .item .tit span {
    border: 1px solid #F66;
    padding: 0 5px;
    margin-right: 10px;
    color: #F66;
    font-weight: 400;
    font-size: 15px
}
.twlist .item .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #777;
    overflow: hidden
}
.tbtj {
    display: flex;
    margin-top: 40px;
    1padding: 20px;
    1background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%)
}
.tbtj .tbtj-list {
    flex: 1;
    overflow: hidden
}
.tbtj .tbtj-list ul {
    clear: both;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px
}
.incs-nav {
    display: inline-block;
    width: 100%;
    height: 100px;
    background: url(../images/incs-bg.png) left center no-repeat;
    margin: 40px 0 30px;
    overflow: hidden
}
.incs-nav .nav-box {
    display: flex;
    height: 20px;
    line-height: 20px;
    margin: 40px 0 0 110px;
    overflow: hidden
}
.incs-nav .nav-box .incs-cs {
    width: 140px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-right: 1px solid #fff
}
.incs-nav .nav-box ul {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 0
}
.incs-nav .nav-box ul li {
    text-align: center
}
.incs-nav .nav-box ul li a {
    color: #fff
}
.incs-nav .nav-box ul li a:hover {
    color: #ff0;
    font-weight: bold
}
.inzx ul li {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}
.inzx ul .b {
    font-weight: bold
}
.inzx ul span {
    color: #039
}
.inzx ul span:hover {
    color: #900
}
.inzt .plist .p-item {
    margin-bottom: 20px
}
.inzt .plist .p-item:last-child {
    margin: 0
}
.inzt .plist .pic {
    height: 163px
}
.injz {
    border: 1px solid #e6e6e6;
    padding: 20px;
    border-radius: 10px
}
.injz .tit {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}
.injz .jzlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 10px
}
.injz .jzlist li {
    text-align: center;
    font-size: 15px
}
.injz .jzlist li img {
    width: 80px;
    height: 80px
}
.injz .more {
    margin-top: 10px;
    text-align: center;
    cursor: pointer
}
.injz .more a {
    display: inline-flex;
    align-items: center;
    padding: 5px 40px;
    background-color: #ddd;
    color: #333;
    font-size: 15px;
    border-radius: 5px;
    transition: all .3s
}
.injz .more a:hover {
    background: #039;
    color: #fff
}
.coverflow {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden
}
.coverflow .swiper-slide {
    text-align: center;
    overflow: hidden
}
.coverflow .swiper-slide1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.coverflow .swiper-slide p {
    padding: 0 10px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    overflow: hidden
}
.coverflow .swiper-slide a {
    color: #000
}
.coverflow .swiper-slide a:hover {
    color: #039
}
.coverflow .swiper-slide-active p {
    color: #039
}
.coverflo .swiper-button-prev:after, .coverflow .swiper-button-next:after {
    font-size: 0
}
.coverflow .swiper-next {
    1right: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/arrow-right.png);
    display: block !important;
    1background-color: rgba(0, 0, 0, .5);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    border-radius: 50%
}
.coverflow .swiper-prev {
    1left: 0;
    width: 50px;
    height: 50px;
    background-image: url(../images/arrow-left.png);
    display: block !important;
    1background-color: rgba(0, 0, 0, .5);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    border-radius: 50%
}
.coverflow .swiper-next:hover, .coverflow .swiper-prev:hover {
    background-color: #039;
    box-shadow: 0 22px 43px 0 rgb(2 126 132 / 20%)
}
.coverflow .swiper-pagination {
    bottom: 0;
    line-height: 0
}
.coverflow .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    background: #ccc;
    margin: 0 5px;
    border-radius: 100%
}
.coverflow .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 5px;
    background: #039
}
.indzb .swiper-slide {
    width: 200px;
    height: 340px
}
.indzb .swiper-slide img {
    height: 300px
}
.inzh .plist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 40px
}
.inzh .plist .pic {
    height: 190px
}
.in-zjzx .zjzx-ico {
    1float: left;
    flex: 1;
    1width: 100%;
    text-align: center;
    height: 80px
}
.in-zjzx .zjzx-ico img {
    height: 60px
}
.inpp-pxb {
    padding: 20px;
    background: #e7f1ff;
    position: relative
}
.inpp-pxb .tit {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    background: #2ebbc3;
    padding: 2px 20px
}
.inpp-pxb ul {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 30px 15px 10px
}
.inpp-pxb li {
    padding: 10px 0;
    margin-top: 4px;
    border-bottom: 1px solid #2ebbc3
}
.inpp-pxb li:last-child {
    border: none
}
.inpp-pxb li a {
    display: flex;
    align-items: center
}
.inpp-pxb li i {
    width: 50px;
    font-size: 24px;
    font-family: Impact;
    text-align: center
}
.inpp-pxb li .pic {
    width: 150px;
    overflow: hidden
}
.inpp-pxb li .pic img {
    width: 140px;
    height: 45px
}
.inpp-pxb li p {
    flex: 1;
    overflow: hidden
}
.in-link a {
    height: 25px;
    line-height: 25px;
    margin-right: 15px;
    font-size: 15px;
    overflow: hidden
}
.dqwz {
    margin: 20px 0
}
.column {
    position: relative;
    overflow: hidden
}
.column .swiper-container {
    width: 100%;
    overflow: hidden
}
.column .swiper-slide {
    position: relative;
    background-image: linear-gradient(to top, #00c6fb 0%, #aae6fa 100%);
    width: 100%;
    height: 360px;
    padding: 40px 20px 0;
    overflow: hidden
}
.column .swiper-slide .title {
    font-size: 40px;
    font-weight: 300;
    line-height: 50px
}
.column .swiper-slide a:hover .title {
    color: #000;
    text-shadow: 0 0 5px #fff
}
.column .swiper-slide .text {
    padding: 30px 40px 0 40px
}
.column .swiper-slide .text .pic {
    float: left;
    width: 30%;
    height: 120px;
    border: 1px solid #e7e7e7;
    padding: 1px;
    overflow: hidden
}
.column .swiper-slide .text .pic img {
    width: 100%;
    height: 100%
}
.column .swiper-slide .text .txt {
    float: right;
    width: 67%;
    color: #fff;
    font-size: 17px;
    line-height: 30px
}
.column .swiper-button-prev, .column .swiper-button-next {
    background-size: 20px
}
.column .swiper-pagination {
    text-align: right;
    padding: 0 20px 20px 0;
    line-height: 0
}
.column .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    opacity: 1;
    background: #fff;
    margin: 0 5px;
    border-radius: 100%
}
.column .swiper-pagination .swiper-pagination-bullet-active {
    width: 30px;
    background: #F96;
    border-radius: 10px
}
.wqcs {
    display: grid;
    grid-template-columns: 420px auto 200px;
    gap: 40px 40px;
    padding-bottom: 20px
}
.wqcs .pic {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    box-shadow: 0 12px 33px 0 rgb(2 126 132 / 20%)
}
.wqcs .pic p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
    text-shadow: 2px 2px 5px #000
}
.wqcs .zxlb .tit {
    font-size: 20px;
    font-weight: 600;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    overflow: hidden
}
.wqcs .wqcsbz {
    height: 240px;
    overflow: hidden
}
.wqcs .wqcsbz img {
    width: 100%
}
.csinfo {
    line-height: 60px
}
.csinfo p {
    float: left;
    color: #039;
    font-size: 20px;
    font-weight: 600
}
.csinfo p a {
    color: #039
}
.csinfo p a:hover {
    color: #900
}
.csinfo span {
    float: right;
    color: #039;
    font-weight: 600
}
.csinfo .nav-tem {
    display: inline-block;
    position: relative;
    margin-left: 10px
}
.csinfo .nav-t {
    position: relative;
    color: #039;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer
}
.csinfo .nav-t i {
    position: absolute;
    right: -35px;
    top: 14px;
    width: 32px;
    height: 32px;
    background: url(../images/nav_arr.png) center no-repeat;
    background-size: 24px
}
.csinfo .nav-list {
    display: none;
    position: absolute;
    top: 50px;
    left: 25px;
    width: 110px;
    background: #039;
    z-index: 999
}
.csinfo .nav-list li {
    float: left;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px
}
.csinfo .nav-list li a {
    color: #fff;
    font-size: 20px
}
.csinfo .nav-list li:hover {
    background: #900
}
.csinfo .nav-list .no {
    display: none
}
.csinfo .nav-tem.selected .nav-list {
    display: block
}
.text-center {
    border-top: solid 1px #EBEBEB;
    text-align: center;
    padding-top: 20px
}
.pagination {
    display: inline-block;
    margin: 10px 0 30px;
    font-size: 12px
}
.pagination li {
    display: inline-block !important;
    1border: solid 1px #EBEBEB;
    1border-radius: 4px;
    margin: 0 5px;
    font-size: 12px
}
.pagination li a {
    border-radius: 4px;
    color: #6e6e6e;
    background: #fff;
    padding: 10px 16px;
    border: 1px solid #DCDCDC
}
.pagination li.active a, .pagination li a:hover {
    background: #039;
    color: #fff;
    border: 1px solid #039
}
.csyx {
    position: relative
}
.csyx a {
    position: relative
}
.csyx a:hover img {
    box-shadow: 0 2px 5px rgba(26, 26, 26, .5)
}
.csyx p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7)
}
.bsrk ul {
    clear: both;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px
}
.bsrk ul li {
    border: 1px solid #56b6e7;
    text-align: center;
    border-radius: 10px;
    overflow: hidden
}
.bsrk ul li img {
    height: auto
}
.bsrk ul li:hover {
    box-shadow: 0 0 10px #0146ae;
    transition: all 0.3s;
    border-radius: 10px
}
.dkjj .coverflow .swiper-slide {
    width: 400px;
    height: 400px
}
.dkjj .coverflow .swiper-slide img {
    height: 400px
}
.r-zh {
    background: #f8f8f8;
    padding: 10px 15px 15px
}
.r-zh .plist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0
}
.r-ph {
    margin: 20px 0;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 15px 15px
}
.right .title {
    height: 40px;
    line-height: 40px;
    overflow: hidden
}
.right .title h2 {
    font-size: 20px;
    font-weight: 600
}
.right .title span {
    float: right;
    font-size: 15px
}
.yzt-tzrk {
    clear: both;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 40px
}
.yzt-tzrk .item {
    padding: 30px 15px 15px;
    background: #e7f1ff;
    border-radius: 20px;
    position: relative
}
.yzt-tzrk .item h2 {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
    padding: 2px 20px
}
.yzt-tzrk .item .gr {
    background: #2ebbc3
}
.yzt-tzrk .item .fr {
    background: #2fbcc4
}
.yzt-tzrk .item .ga {
    background: #ffa92e
}
.yzt-tzrk .tzrk-list {
    padding: 30px 20px 20px;
    background: #fff;
    border-radius: 20px
}
.tzrk-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 10px
}
.tzrk-list ul li {
    height: 100px;
    margin-top: 10px;
    background: #e7f1ff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden
}
.tzrk-list ul li img {
    width: auto;
    height: 50px;
    margin: 10px 0 5px
}
.yzt-qtrk {
    clear: both
}
.ico-list {
    clear: both;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px
}
.ico-list .item {
    position: relative;
    background: #fff;
    padding: 1rem 0.8rem;
    cursor: pointer
}
.ico-list .item:hover {
    background: #e4f2fe
}
.ico-list .item a {
    display: block;
    width: 100%;
    height: 100%
}
.ico-list .ico {
    float: left;
    margin-right: 0.8rem
}
.ico-list .text {
    display: inline-block
}
.ico-list .text h3 {
    font-size: 19px;
    line-height: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.4rem
}
.ico-list .text h3:hover {
    color: #0b68da
}
.ico-list .text p {
    color: #555;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6rem
}
.ico-list .text p:hover {
    color: #0b68da;
    text-decoration: underline
}
.gk-lb {
    margin-top: 40px;
    overflow: hidden
}
.gk-lb .tit {
    height: 60px;
    line-height: 60px;
    background: url(../images/gk-tit.jpg) left top repeat-x;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center
}
.gk-lb .item-list {
    float: left;
    width: 100%;
    background: #788de0
}
.gk-lb .item-list li {
    float: left;
    width: 100%;
    line-height: 40px;
    text-align: center;
    border-bottom: solid 1px #e5e5e5
}
.gk-lb .item-list li a {
    color: #fff
}
.gk-lb .item-list li:hover {
    background: rgba(0, 0, 0, 0.5)
}
.ppgc {
    margin-top: 20px;
    overflow: hidden
}
.zjzx {
    margin-top: 20px;
    overflow: hidden
}
.qygd {
    margin-top: 15px;
    overflow: hidden
}
.pp-list {
    clear: both;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px
}
.pp-list .item {
    background: #fff;
    border: solid 1px #c1c1c1;
    text-align: center;
    position: relative
}
.pp-list .item a {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    padding: 10px
}
.pp-list .item .img_title {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    color: rgba(0, 0, 0, 0.8);
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    opacity: 0;
    z-index: 10
}
.pp-list .item .img {
    overflow: hidden;
    position: relative
}
.pp-list .item a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}
.pp-list .item:hover a::before {
    opacity: 1;
    visibility: visible
}
.pp-list .item:hover .img_title {
    opacity: 1
}
.pp-list .item .img img {
    margin: 0 auto;
    width: auto;
    height: 80px;
    object-fit: cover;
    vertical-align: middle
}
.imglist {
    position: relative
}
.imglist ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px
}
.imglist .item {
    background: #f8f8f8;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px #ccc;
    position: relative;
    padding-bottom: 20px
}
.imglist .pic {
    position: relative;
    height: 200px;
    overflow: hidden
}
.imglist .djs {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden
}
.imglist .tit {
    font-weight: 600;
    line-height: 25px;
    height: 50px;
    overflow: hidden
}
.imglist .text {
    padding: 10px 15px 0
}
.imglist .text p {
    font-size: 15px;
    color: #777;
    line-height: 20px;
    margin-top: 10px
}
.listmore {
    clear: both;
    position: relative;
    text-align: center;
    1margin: 20px 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    border-top: 1px solid #eee;
    cursor: pointer
}
.listmore a {
    display: inline-flex;
    align-items: center;
    transition: all .3s
}
.listmore i {
    animation-play-state: paused;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(../images/list_loading.png) no-repeat left center;
    background-size: 18px
}
.wq92 .swiper-slide {
    width: 300px;
    height: 400px
}
.wq92 .swiper-slide img {
    height: 400px
}
.art-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding: 20px 0
}
.art-title span {
    border: 1px solid #F66;
    padding: 0 5px;
    1margin-right: 10px;
    color: #F66;
    font-weight: 500;
    font-size: 20px
}
.art-info {
    font-size: 15px;
    line-height: 50px;
    color: #666;
    border-bottom: 1px solid #f2f2f2
}
.art-info .dh {
    float: left;
    margin-right: 40px
}
.art-info .cks {
    float: right;
    background: url(../images/ico-cks.png) left center no-repeat;
    background-size: 15px;
    padding-left: 18px;
    color: #d81e06
}
.new_field_content {
    display: flex
}
.new_field_content .sidebar_right {
    padding-left: 60px
}
.new_field_content .sidebar_right1 {
    width: calc(100% - 100px)
}
.art-con {
    1min-height: 1740px;
    overflow: hidden
}
.art-con p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px
}
.art-con img {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 1.5rem auto;
    1border-radius: 0.5rem;
    1box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}
.art-con .FontSize20 {
    font-size: 20px;
    line-height: 2.4rem
}
.mzsm {
    font: 12px/22px Arial, Hiragino Sans GB, STHeiti, Helvetica Neue, Helvetica, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
    color: #888;
    padding: 30px 0 20px
}
.xtbg {
    display: block;
    width: 100%;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAIAAABxOqH0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUEzNDdGMzdDMDhEMTFFQUFEOEY4Qjc0NEI0MzEwRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUEzNDdGMzhDMDhEMTFFQUFEOEY4Qjc0NEI0MzEwRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQTM0N0YzNUMwOEQxMUVBQUQ4RjhCNzQ0QjQzMTBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQTM0N0YzNkMwOEQxMUVBQUQ4RjhCNzQ0QjQzMTBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkNk148AAABlSURBVHjaXMo9DkAREEbRiVZiBxoShdl/aROUoqEStWaa94fkcatvTgaulXMu5zw2g6/ee2tNSjnOqc+XUgpWU7331tpNa61CCM75pjFGYwz8YkSUUtJab1pKOejVEAIiHnoLMADo6zHZNScGtAAAAABJRU5ErkJggg==) repeat-x;
    background-size: 7px 9px
}
.so-head {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 50px 0 40px
}
.so-form {
    margin: 0 auto;
    width: 830px;
    height: 60px;
    overflow: visible;
    position: relative
}
.so-input {
    box-sizing: border-box;
    float: left;
    width: 670px;
    height: 60px;
    font-size: 20px;
    border: 1px solid #039;
    border-right: none;
    border-radius: 4px 0 0 4px;
    padding: 0 20px;
    overflow: hidden
}
.so-btn {
    float: left;
    width: 160px;
    height: 60px;
    font-family: "黑体 Regular", "黑体";
    font-size: 24px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: url(../images/ico-so.png) #039 35px center no-repeat;
    background-size: 26px;
    padding-left: 30px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer
}
.so-bt {
    text-align: center;
    line-height: 80px
}
.so-bt strong {
    color: #F00
}
.epages {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center
}
.epages li {
    float: left
}
.epages a {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #444;
    padding: 5px 12px;
    font-size: 14px;
    text-align: center
}
.epages .active a, .epages li a:hover {
    background: #039;
    border: 1px solid #039;
    color: #fff;
    text-decoration: none
}
.special {
    background: #fff
}
.zt-top {
    position: relative;
    box-shadow: 0 5px 10px rgba(50, 100, 200, .5)
}
.zt-top img {
    position: relative;
    width: 100%;
    height: auto
}
.special .intt {
    margin: 40px 0 30px
}
.zt-photo {
    margin-top: 40px
}
.zt-bt {
    float: left;
    width: 100%;
    position: relative;
    margin: 3em 0 3em 0;
    height: 10px;
    background: radial-gradient(circle, #f60 0%, #09f 100%);
    display: flex;
    justify-content: center;
    align-items: center
}
.zt-bt > span {
    display: grid;
    place-items: center;
    line-height: 1;
    background-color: #fff;
    padding: 0 0.5em;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 10px;
    color: #09f;
    margin: 0 1em 0 1em;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5)
}
.zt-view {
    clear: both;
    overflow: hidden
}
.box-tw {
    position: relative;
    overflow: hidden
}
.box-tw-item {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    1border-bottom: 1px solid #ddd;
    position: relative
}
.box-tw-item:last-child {
    1border-bottom: 0 solid #ddd
}
.box-tw .b-pic {
    float: left;
    width: 500px;
    height: 330px;
    margin-right: 20px;
    overflow: hidden
}
.box-tw .b-txt {
    display: inline-block;
    display: inline;
    width: auto;
    overflow: hidden
}
.box-tw .b-txt h2 {
    font-weight: 600;
    line-height: 20px;
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden
}
.box-tw .b-txt p {
    font-size: 14px;
    line-height: 24px;
    height: 50px;
    color: #777;
    overflow: hidden
}
.box-tw .b-txt .info {
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    color: #777;
    margin-top: 20px;
    overflow: hidden
}
.zt-view .b-pic {
    width: 450px;
    height: 260px
}
.zt-view .b-pic img {
    height: 260px
}
.zt-view .b-txt h2 {
    font-size: 30px;
    height: 90px;
    line-height: 40px
}
.zt-view .b-txt p {
    font-size: 17px;
    line-height: 30px;
    height: 120px
}
.dzb-box {
    clear: both;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 40px
}
.dzb-box a {
    background: #fff;
    text-align: center;
    box-shadow: 0 5px 10px rgba(26, 26, 26, .1);
    border-radius: 10px
}
.dzb-box .pic {
    height: 400px;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}
.dzb-box a p {
    padding: 10px 0 15px;
    font-size: 20px
}
footer {
    padding: 30px 0 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
    1background: url(../images/footbg.webp) bottom center no-repeat
}
footer p {
    font-size: 14px;
    text-align: center;
    line-height: 30px
}
footer .pc {
    display: block
}
#go-top {
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3.725rem;
    cursor: pointer;
    position: fixed;
    right: 1.175rem;
    bottom: 1.875rem;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: none;
    border-radius: .25rem;
    z-index: 99999
}
#go-top i {
    border: solid #fff;
    border-width: 0 .125rem .125rem 0;
    display: inline-block;
    padding: 0.375rem;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}
#go-top:hover {
    background: #039
}