@charset "utf-8";


.headerBox{background: #fff;}
.header{height: 120px;width: 1200px;margin: 0 auto;max-width: 90%;display: flex;align-items: center;}
.logo{width:323px;}
.logo img{width: 100%;}
.banner{position: relative;}
.banner img{width:100%;}
.bannerText{width: 1200px;max-width: 94%; position: absolute; left: 50%;transform: translateX(-50%);top: 1.05rem;}
.bannerText h2{color: #fff;font-weight: bold;font-size: var(--font46);}
.bannerText p{font-weight: bold;color: #fff;font-size: var(--font28);margin: .15rem 0 .6rem;}
.bannerText span{display: inline-block; line-height: 34px;background: #004280;border-radius: 17px;padding-right: 28px;color: #f39800;font-weight: bold;font-size: 24px;}
.bannerText span a{font-weight: 400;color: #fff; padding: 0 26px;border: 1px solid #fff;line-height: 32px; display: inline-block;vertical-align: middle; border-radius: 27px; font-size: 20px;background: #4a82bd;vertical-align: middle;}
.bannerText b{background: url(../images/a1.png);width: 26px;height: 26px;background-size: 100%;display: inline-block;vertical-align: middle; margin: 0 6px 0 20px;}

.nxbox{position: relative;}
.topbox{text-align: center; background: #004280;position: sticky; left: 0;top: 0;z-index: 100;}
.topbox ul{display: flex;justify-content: center;color: #fff;}
.topbox li{font-size:20px;line-height: 54px;}
.topbox li span{cursor: pointer; padding: 0 6px;color: #fff;}

.zxfw{width: 1200px;max-width: 90%; margin: 0 auto;}
.zxfwTitle{padding: .6rem 0 .95rem;}
.zxfwTitle p{text-align: center; font-size: 19px;color: #4f4f4f; line-height: 2;}
.zxfwTitle ul{display: flex; gap:.35rem; padding-top: .7rem;}
.zxfwTitle li{background-image: linear-gradient(#fff, #e8eefe);border: 1px solid #dbe4ff;border-radius: 10px; padding: .35rem 0 .2rem;text-align: center;width: calc(25% - 1.05rem/4);}
.zxfwTitle h2{font-weight: bold; font-size: 16px;line-height: 2;color: #013ea0;margin-top: .2rem;}
.zxfwTitle img{margin: 0 auto;}
.zxfwBottom h2{font-weight: bold;text-align: center; margin-bottom: .7rem;color: #004280;font-size: var(--font34);}
.zxfwBottom ul{display: flex;gap:.5rem; padding-bottom: .6rem;}
.zxfwBottom li{text-align: center;width: calc(25% - 1.5rem/4);}
.zxfwBottom img{margin: 0 auto;}
.zxfwBottom h3{font-weight: bold;font-size: 20px;margin: .2rem 0;color: #004280;}
.zxfwBottom p{font-size: 15px; line-height: 1.8;color: #4f4f4f;}

.bj1{background: #e9f1f8;}
.hyfa{width: 1200px;max-width: 90%; margin: 0 auto; padding-bottom: .6rem;}
.hyfa_title h2{font-weight: bold; color: #1d2c68;font-size: var(--font36); padding: .55rem 0;text-align: center;}
.hyfa_bt{text-align: center;}
.hyfa_bt ul{display: flex;justify-content: space-between;}
.hyfa_bt li{width: 25%;}
.hyfa_bt li span{display: block;border-radius: 15px 15px 0 0; line-height: .64rem; background: #c7e1ee;color: #003b7b;font-size: var(--font30);cursor: pointer; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1) inset;}
.hyfa_bt li.cur span{background: #fff;box-shadow: 5px 0 10px rgba(0, 0, 0, 0) inset;}
.hyfaBox{background: #fff;}
.hyfaTp{position: relative;}
.hyfaTp img{width: 100%;}
.hywb{position: absolute;left: 0;bottom: -.5rem;width: 50%; padding: .25rem 0 .25rem .5rem;background: url(../images/a2.jpg) no-repeat center center;background-size: cover;}
.hywb h2{font-weight: bold; color: #fff;font-size: var(--font24);margin-bottom: .12rem;}
.hywb p{color: #fff;font-size:15px;line-height: 1.7;}
.flzb ul{display: flex; padding: .45rem .3rem .55rem .3rem;}
.flzb li{width: 25%;}
.flzbbox {text-align: center; position: relative;}
.flzbbox h1{position: absolute;font-size: 15px;left: .2rem; top: .25rem;font-weight: bold;color: #256db6;}
.flzbbox h2{font-weight: bold; font-size: 20px;color: #000;}
.flzbbox p{font-size: 15px;color: #000000; margin-top: 15px;}
.flzb a:hover h2{color: #1d2c68;text-decoration: none !important;}
.flzb a:hover p{text-decoration: none !important;}
.flzbbox img{width: 100%;transition: all 1.1s;}
.flzbbox span{display: block; overflow: hidden;}
.flzbbox:hover img{transform: scale(1.1);}

.flzbbtn{padding:0 0 .6rem 0;text-align: center;}
.flzbbtn ul{display: flex;justify-content: center;gap:.7rem;}
.btn1{display: block; padding: 0 .18rem; line-height: 50px;border-radius: 26px;border: 1px solid #256db6;color: #006abd;font-size: 22px;transition: all .5s;}
.btn2{display: block; padding: 0 .7rem; line-height: 50px;border-radius: 26px;border: 1px solid #256db6;color: #006abd;font-size: 22px;transition: all .5s;}
.btn1:hover{background: #256db6;color: #fff;}
.btn2:hover{background: #256db6;color: #fff;}
.btn3{font-size: 26px;color: #006abd;text-align: center; line-height: 50px;}
.btn3 img{display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;}

.sczx{width: 1200px; margin: 0 auto;max-width: 94%; padding-bottom: .85rem;}
.sczx_title{text-align: center; padding: .75rem 0 .85rem;}
.sczx_title h2{font-weight: bold; color: #1d2c68;font-size: var(--font36);}
.sczxbox ul{display: flex;gap:.27rem;}
.sczxbox li{width: calc(33.33% - .54rem/3);background:#f1f1f1 ;}
.sczxnr{padding: 115px 20px 20px 20px;position: relative;}
.sczxnr span{display: block;width: 3rem;height: 3.2rem; right: 20px;top: -40px;position: absolute;}
.sczxnr img{width: 100%;aspect-ratio: 16 / 16;}
.sczxtext{text-align: right;}
.sczxtext h2{font-weight: bold; color: #0078d7;font-size: var(--font24);text-align: left;}
.sczxtext h3{color: #0078d7;font-size: var(--font20);line-height: 1.5;margin: .15rem 0;text-align: left;}
.sczxtext dl{padding-bottom: 20px;height: 190px;}
.sczxtext dt{position: relative; padding-left: 10px;font-size: 15px; line-height: 1.6;color: #555555;text-align: left;}
.sczxtext dt:before{position:absolute; content: "";width: 4px;height: 4px;border-radius: 50%;background: #555555;left: 0;top: 10px;}
.sczxtext a{display: inline-block; line-height: 36px; padding: 0 23px;background: #256db6;font-size: 16px;transition: all .5s;color: #fff;}
.sczxtext a:hover{background: #fefefe;color: #256db6;}

.bj2{background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;}
.cpdh{width: 1200px; margin: 0 auto;max-width: 94%; padding-bottom: .85rem;}
.cpdh h2{text-align: center; padding: .75rem 0 .85rem;font-weight: bold; color: #1d2c68;font-size: var(--font36);}
.cpdhnr ul{display: flex;gap:.25rem;flex-wrap: wrap;}
.cpdhnr li{width: calc(25% - .75rem/4);background: rgba(255,255,255,.3);}
.cpdhbox {padding: 15px 0;}
.cpdhbox img{margin: 0 auto;width: 100%;transition: all 1.1s;}
.cpdhbox span{display: block;overflow: hidden;}
.cpdhbox p{text-align: center; font-size: 18px; line-height: 64px;color: #004280;}
.cpdhbox h3{display: flex;gap:.25rem;justify-content: center;}
.cpdhbox a{display: block; padding: 0 15px; line-height: 30px;color: #004280;border: 1px solid #004280;transition: all .3s;}
.cpdhbox a:hover{background: #004280;color: #fff;}
.cpdhbox h3 a:nth-child(1){color: #fff;background: #004280;}
.cpdhbox:hover img{transform: scale(1.1);}

.hdzx{width: 1200px;max-width: 94%; margin: 0 auto;}
.hdzx_title h2{text-align: center; padding: .75rem 0 .0;font-weight: bold; color: #1d2c68;font-size: var(--font36);}
.hdzxNr{position: relative; padding:.54rem .9rem 0 .9rem ;}
.hdzxNr img{width: 100%;}
.hdzxNr .mySwiper{padding-bottom: .54rem;}
.hdzxNr .swiper-button-next{background: url(../images/a45.png);width: .3rem;height: .94rem;background-size: 100% 100%; margin-top: -.47rem;}
.hdzxNr .swiper-button-prev{background: url(../images/a44.png);width: .3rem;height: .94rem;background-size: 100% 100%; margin-top: -.47rem;}
.hdzxNr .swiper-button-next:after,.hdzxNr .swiper-button-prev:after{font-size: 0;}

.ljgd{width: 1200px;max-width: 94%; margin: 0 auto; padding-bottom: 1.1rem;}
.ljgd_title h2{text-align: center; padding: .7rem 0 .5rem;font-weight: bold; color: #1d2c68;font-size: var(--font36);}
.ljgdNr ul{display: flex;gap:.3rem}
.ljgdNr li{width: calc(25% - .9rem/4);text-align: center;}
.ljgdNr p{font-size: 16px;color: #000000;line-height: 38px;text-align: center;}
.ljgdNr img{height: 1.68rem; margin: 0 auto;}

.gdcp{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;}
.gdcpbox{width: 1200px;max-width: 94%; margin: 0 auto; padding: 0 0 35px;display: flex;justify-content: space-between;align-items: center;}
.gdcpleft{width: calc(100% - 210px);}
.gdcpleft ul{display: flex;justify-content: space-between;}
.gdcpleft li{width: 50%;}
.gdcpxq{display: flex;justify-content: space-between;align-items: center;}
.gdleft{width: 50%; margin-top: -35px;}
.gdleft img{width: 100%;}
.gdright{width: 50%;text-align: center;}
.gdright h2{font-weight: bold;color: #fff;font-size: var(--font24);line-height: 1.5; margin-bottom: 15px;}
.gdright a{display: inline-block; padding: 0 .2rem; line-height: 30px; font-size: 15px;color: #054988;background: #fff;border-radius: 15px;transition: all .5s;}
.gdright a:hover{background: #054988;color: #fff;}
.btn5{background: #fff;border-radius: 21px;color: #008cd6;font-size: 18px;line-height: 32px;height: 42px;padding:6px 23px 6px 6px;display: block;}
.btn5 b{display: inline-block;vertical-align: middle; background: url(../images/a48.png);width: 33px;height: 33px;background-size: 100%; margin:-7px 5px 0 0;transition: all .5s;}
.btn5:hover b{ transform: rotate(-90deg);}
.foot-container ul li a{font-size: 16px !important;}
.foot-container{margin: 0;}








@media(max-width:1000px){
.banner{height: 200px;}
.banner img{height: 100%; object-fit: cover;}
.bannerText span{font-size: 14px; padding-right: 15px;}
.bannerText a{font-size: 14px;padding: 0 15px;}
.bannerText h2{font-size: 20px;}
.bannerText b{width: 15px;height: 15px; margin: -2px 5px 0 5px;}
.topbox li span{font-size: 14px;}
.topbox li{font-size: 14px;}
.zxfwTitle p{font-size: 16px;}
.zxfwTitle ul{flex-wrap: wrap;}
.zxfwTitle li{width: 100%;}
.zxfwBottom ul{flex-wrap: wrap;}
.zxfwBottom li{width: 100%;}
.flzbbtn li{width: 100%;display: block;}
.flzbbtn ul{display: block; padding: 0 25px;}
.btn1{font-size: 16px;line-height: 36px;}
.btn3{font-size: 16px;}
.btn3 img{width: 15px;}
.btn2{font-size: 16px;line-height: 36px;}
.hywb{position: static;padding: 15px;width: 100%;}
.hyfa_bt li span{border-radius: 6px 6px 0 0;font-size: 14px;}
.flzb li{width: 100%; padding-bottom: 30px;}
.flzb ul{flex-wrap: wrap;}
.sczxbox ul{flex-wrap: wrap;}
.sczxbox li{width: 100%;}
.sczxnr span{top: 20px;width: 160px;}
.cpdhnr li{width:100%;}
.ljgdNr ul{flex-wrap: wrap;}
.ljgdNr li{width: calc(50% - .3rem/2);}
.gdcpbox{display: block;}
.gdcpleft{width: 100%;}

.gdcpleft li{width: 100%;}
.gdcpxq{display: block;}
.gdleft{margin:-20px auto 0 auto;}
.gdright{width: 100%;}
.btn5{width: 180px; margin: 30px auto 0 auto;}
}