.zfgzbg-banner{width: 100%; height: 665px; background: url(./2023zfbg_banner.jpg) no-repeat center top;}
.w1200{width: 1200px; margin: 0 auto; height: auto;}
.zfgzbg-top{width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: right;}
.zfgzbg-top a{color: #fff;}
.zfgzbg-top span{padding: 0 10px;}
.zfgzbg-logo{width: 443px; height: 72px; float: left; margin-top: -25px;}
.zfgzbg-title{width: 826px; height: 113px; margin: 37px auto 0;}
.zfgzbg-zy{width: 1070px; height: 350px; margin: 30px auto 0; background: rgba(0, 0, 0, 0.3);}
.zfgzbg-zy p{font-size: 20px; line-height: 35px; text-indent: 2em; color: #fff; padding: 30px;}
.zfgzbg-zy a{width: auto; height: 20px; line-height: 20px; float: right; margin-right: 5%; font-size: 20px; color: #fff;}

.p1{width: 100%; height: auto; margin-top: 30px; padding: 30px 20px; float: left;background: #f7f7f7;}
.gzhg{width: 565px; height: auto; float: left;}
.gzhg-title{width: 100%; height: 94px; float: left;}
.gzhg-box{width: 100%; margin-top: 12px;float: left;}
.gzhg-box ul li{width: 100%; height: 55px; line-height: 55px; float: left; position: relative;text-indent: 20px;}
.gzhg-box ul li a{display: block; font-size: 18px; color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gzhg-box ul li a:hover{color: #1492FF;}
.gzhg-box ul li:before{content: "";position: absolute;top: 20px;left: 0;width: 5px;height: 5px;margin-top: 6px;background-color: #cccccc; border-radius: 5px;}
.gzhg-box ul li:hover::before{background-color: #1d82dd;}
.more{width: 150px; height: 40px; margin-top: 20px; float: left; margin-left:calc((100% - 150px)/2); line-height: 40px; text-align: center;background: #13a1fa; font-size: 18px; border-radius: 20px;}
.more a{display: block; color: #fff;}

.gzap{width: 565px; height: auto; float: right;}





.tsbg{width: 100%; height: auto; margin-top: 30px; padding: 30px 20px; float: left;background: #f7f7f7;}
.tsbg-con{width: 1115px; float: left; height: 368px; margin: 25px 22.5px 0px 22.5px; background: url(./2023zfbg_tsbg_bg.png) no-repeat center;}
.tsbg-con img{height: 368px; width: 100%; padding: 15px; float: left;}


.sj{display: none;}
.pc{display: block;}
.msss{width: 100%; height: auto; margin-top: 30px; padding: 30px 20px; float: left;background: #f7f7f7;}
.msss-con{width: 100%; height: 250px; margin-top: 10px; float: left;overflow: hidden; position: relative;}
.msss-con .swiper-slide{text-align: center;  }
.msss-con .swiper-slide a{color: #333; display: block;}
.msss-con .swiper-slide a:hover{color: #008edb;}
.msss-con .swiper-slide p{width: 100%; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.msss-con .swiper-slide img{width: 260px; height: 190px; }







/* 底部 */
.foot{background: #f3f5f6; padding: 30px 0; margin-top: 50px;}
.footer-links{padding:24px 0;  background: #f3f5f6; border-bottom: 1px solid #f3f5f6;}
.footer-links .hd ul{margin: 0 -10px;}
.footer-links .hd ul li{float: left; width: 25%;}
.footer-links .hd ul li a{position: relative; z-index:5; display: block; text-align: center; margin: 0 10px; padding:0 36px 0 20px; height:41px; background: #fff; color: #333; line-height: 41px; border-radius:5px;}
.footer-links .hd ul li a span{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.footer-links .hd ul li a:hover{background: #fff;}
.footer-links .hd ul li.hs a{text-align: left;}
.footer-links .hd ul li.hs a:after{content: ''; position: absolute; right:20px; top: 50%; margin-top: -3px; width: 14px; height: 8px; background: url(./icon_links.png) no-repeat; opacity: .5;}
.footer-links .hd ul li.on a{background: #fff; color: #333; border-radius: 5px 5px 0 0;}
.footer-links .hd ul li.on a:after{transform: rotate(-180deg); opacity: 1;}
.footer-links .hd ul li.hs.on a{height: 51px;}
.footer-links .hd ul li.hs.on a:after{margin-top: -8px;}
.footer-links .bd-bg{background: #fff; box-shadow:0 0 25px 2px rgba(50,56,70,.25);}
.footer-links .bd ul{padding:20px 0;margin: 0 -10px;overflow: hidden;display: none;}
.footer-links .bd ul li{float: left; width: 16.66667%;}
.footer-links .bd ul li h4{padding:4px 20px; margin: 0 10px; font-size:0.9375em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
.footer-links .bd ul li a{float:left; color: #333; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.footer-links .bd ul li a:hover{color: #333;}

.footer{}
.footer br{display: none;}
.footer-copyright{padding:15px 0; color: #333; line-height: 2; text-align: left; width: 750px;float: left;}
.footer-copyright .beian{display: inline-block; background: url(./baico.png) no-repeat left center;}
.footer-copyright a{color: #333;}
.footer-copyright a:hover{color: #333;}
.footer-copyright .split{margin: 0 10px;}
.footer-wzbs{position: absolute; left: 0; top: 50%; margin-top: -40px;}
.footer-wzbs img{vertical-align: middle;}
.footer-right{float: right; margin-top: 30px;}
.footer-right span{margin-right: 5px;}





@media only screen and (max-width: 768px){
.zfgzbg-banner{height: 185vw;background-size: cover;}
.w1200{width: 96%; margin: 0 2%;}
.zfgzbg-top{height: 8vw; line-height: 8vw; font-size: 4vw;}
.zfgzbg-top span{padding: 0 1vw;}
.zfgzbg-logo{width: 50vw; height: auto; margin-top: 2vw; float: left;}
.zfgzbg-logo img{width: 100%;}
.zfgzbg-title{width: 90%; height: auto; margin: 3vw 5%; float: left;}
.zfgzbg-title img{width: 100%;}
.zfgzbg-zy{float: left; width: 100%; height: auto; margin: 0;}
.zfgzbg-zy p{font-size: 4vw;line-height: 8vw; margin: 2vw 5% 2vw; padding: 0;text-align: justify;}
.zfgzbg-zy a{height: 8vw;line-height: 8vw;margin-right: 5%;font-size: 3.5vw;}

.p1{margin-top: 3vw;padding: 0 2vw;}
.gzhg{width: 100%;}
.gzap{width: 100%;margin-top: 2vw;}
.gzhg-title{height: 12vw;}
.gzhg-title img{width: 100%;}
.gzhg-box{margin-top: 2vw;}
.gzhg-box ul li{height: 10vw; line-height: 10vw; text-indent: 4vw;}
.gzhg-box ul li a{font-size: 4vw;}
.gzhg-box ul li:before{margin-top: 0px;}

.tsbg{margin-top: 2vw;padding: 0 2vw;}
.tsbg-con{width: 100%;height: auto;margin: 0;background: none;}
.tsbg-con img{height: auto;padding: 2vw;}

.sj{display: block;}
.pc{display: none;}
.msss{margin-top: 3vw;padding: 0 2vw;}
.msss-con{margin-top: 4vw;height: 40vw;}
.msss-con .swiper-slide img{width: 100%; height: 30vw;}
.msss-con .swiper-slide p{height: 10vw; line-height: 10vw; font-size: 4vw;}
.more{width: 30vw;height: 8vw;margin-top: 3vw;font-size: 3.5vw;line-height: 8vw; margin-left: calc((100% - 30vw)/2); }

.swiper-button-next:after, .swiper-button-prev:after{font-size: 8vw!important;}

.foot{padding: 2vw 0;margin-top: 5vw;}
.footer-links{display: none;}
.footer br{display: block;}
.footer-copyright{padding: 2vw 0;line-height: 8vw;width: 100%;font-size: 3vw; text-align: center;}
.footer-right{margin-top: 2vw; text-align: center; width: 100%;}
.footer-right span{width: 20vw; margin-right: 3vw; display: inline-table;}
.footer-right span a{width: 100%; display: block;}
.footer-right span img{width: 100%; display: block;}
.footer-right .dz{width: 13vw;}





}