body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin: 0;padding: 0;box-sizing: border-box;}
li,ol,ul{list-style: none;}
a{text-decoration: none;color: #333;}
button:hover{cursor: pointer;}
img{border: none;display: inline-block;vertical-align: middle;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
/*banner*/
.main {background: url(../images/zzzq/index_bg.png) no-repeat top center;background-size: 100%;}
.main .wrapper {max-width: 1175px;margin: 0 auto;}
.main-top {padding-top: 10px;}
.main-top .logo {width: 40%;}
.accessibility-btn { padding: 5px 15px;border: 2px solid #fff;border-radius: 20px;background-color: transparent;color: #fff;font-size: 22px;cursor: pointer;transition: all 0.3s ease;z-index: 1;}
.accessibility-btn:hover {background-color: #007bff;color: white;}
.zzfwzq-title {display: inline-block;width: 352px;height: 85px;line-height: 85px;background-color: #407fc2;color: #fff;font-size: 55px;font-weight: bolder;text-align: center;border-radius: 34px;}
.wza-title {width: 580px;height: 106px;line-height: 106px;background-color: #407fc2;color: #fff;font-size: 68px;font-weight: bolder;text-align: center;border-radius: 34px;margin-top: 58px;}
.column {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px;margin-top: 50px;}
.column a {width: calc(25% - 15px);height: 100px;text-decoration: none;background-size: cover;background-repeat: no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.column-icon1 {background: linear-gradient(to bottom,#a1d4f7,#65b9f1);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673; }
.column-icon2 {background: linear-gradient(to bottom,#aaa5f5,#7169ef);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673;  }
.column-icon3 {background: linear-gradient(to bottom,#2dd6d1,#1bbbb2);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673; }
.column-icon4 {background: linear-gradient(to bottom,#f6acce,#f074ad);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673;  }
.column-icon5 {background: linear-gradient(to bottom,#ed8fda,#df63c6);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673;  }
.column-icon6 {background: linear-gradient(to bottom,#b1e462,#7ed33a);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673; }
.column-icon7 { background: linear-gradient(to bottom,#ffca65,#ffa73c);border-radius: 20px;box-shadow: 0px 3px 7px 3px #c9c6c673; }

.column img {max-width: 100%;height: auto;}
.column p {color: white;text-align: center;font-size: 40px;font-weight: bold;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.column a:hover p {text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);}
.service-title {color: #407fc2;font-size: 44px;text-align: center;font-weight: bolder;letter-spacing: 2px; margin: 35px auto 35px;width: auto;display: table; /* 使用 display: table 来模拟 fit-content 效果 */}
.service-title > p {position: relative;z-index: 999;font-weight: bolder;}
i.border {height: 12px;display: block;background-color: #f5bb3b;text-align: center;border-radius: 10px;margin-top: -10px;}
.service-box {display: flex;flex-wrap: wrap;justify-content: space-between;}
.service-box a {width: 32%;height: 100px; margin-bottom: 20px;text-decoration: none;overflow: hidden;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);transition: box-shadow 0.3s ease; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.service-box img {width: 100%;display: block;}
.service-box p {color: white;font-size: 40px;margin: 0;text-align: center;line-height: 1.2;font-weight: bolder;}
.service-box a:hover p {}

#content01 {position: relative;width: 1140px;padding: 30px;background-color: #ebf9f7;border-radius: 10px;margin: 20px auto 0px;}
#content01 .mainContent .path {height: 92px;line-height: 92px;border-bottom: 1px solid #EEEEEE;font-size: 32px;color: #666;margin-bottom: 30px;display: flex;}
#content01 .mainContent .path em {padding-left: 30px;background: url(../images/zzzq/dqwz.png) 0 50% no-repeat;}
#content01 .mainContent .path a, #content01 .mainContent .path span, #content01 .mainContent .path em {font-size: 32px;color: #666;}
.mainBox .mHd2 {padding: 10px 0;}
.mainBox .mHd2 h3 {float: left;font-size: 40px;margin-bottom: 50px;}
.mainBox .mHd2 .column_button{background: #e3efed;padding: 10px 20px;border-radius: 20px;margin-right: 20px;font-size: 45px;}
.mainBox .mHd2 .column_button:hover{background:#469f91}

.mainBox .mHd2 .column_button a {color: #469f91;}
.mainBox .mHd2 .column_button a:hover{color: #fff;}

.mainBox .mBd, .clear {clear: both;}
.newsList2 li {display: flex;padding: 30px;background: #dbefec;border-radius: 10px;margin-bottom: 30px;line-height: 60px;}
.newsList2 li .date {font-size: 36px;color: #999999;margin: 0 30px 0 0;word-break: keep-all;white-space: nowrap;line-height: 50px;text-align: center;}
.newsList2 li .date .dd {font-size: 62px;color: #333;line-height: 1.2;}
.newsList2 li a {font-size: 36px;color: #333333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 auto 0 0;}
.newsList2 li:hover {background: #469f91;}
.newsList2 li:hover a, .newsList2 li:hover span {color: #fff;}
.newsList2 li:hover .date .dd, .newsList2 li:hover .date .ym{color: #fff;}
.page2 {text-align: center;padding: 20px 0;}
.page2 font {font-size: 24px;line-height: 48px;}
.page2 a, .page2 .current, .page2 font {display: inline-block;font-size: 24px;color: #666666;line-height: 48px;padding: 0 18px;border: 1px solid #EEEEEE;border-radius: 5px;margin: 0 3px;}
.page2 .current {background: #146AC1;border-color: #146AC1;color: #fff;}
.articleCon2 .title, .art_title h4 {text-align: center;padding: 0 10px;font-weight: 700;font-size: 36px;line-height: 50px;text-align: center;color: #333333;margin-bottom: 20px;}
.articleCon2 img{width: 100%;}
.property2 {line-height: 50px;padding: 20px 0;border-bottom: 1px solid #EEEEEE;display: flex;margin-bottom: 30px;}
.property2 .copyfrom {margin: 0 20px 0 0;}
.property2 span {font-size: 24px;color: #999;}
.property2 .fbtime {margin: 0 auto 0 0;}
.conTxt2 p, .conTxt2 span, .conTxt2 h1, .conTxt2 h2, .conTxt2 strong, .conTxt2 td,.conTxt2 th,.pfileattach li a{font-size: 32px !important;line-height: 2!important;font-family: "Microsoft YaHei"!important;}
em {font-style: normal;}
.ov-next-prev:hover,.ov-page-num:hover,.page2 .cur{background: #469f91;color: #fff;}
.ov-fir-la {margin: 0px 6px;text-align: center;}

#bottom {padding: 35px 0px 25px 0px;text-align: center;background-color: #1555c0;color: #fff;font-size: 20px;}
#bottom .jc-xy {width: 1200px;margin: 0 auto 10px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#bottom .jc-xy .jc {overflow: hidden;margin: 0;display: inline-block;}
#bottom .jc-xy .jc li {width: 33%;float: left;}
#bottom .jc-xy .jc li:first-child a {margin: 17px 0;}
#bottom .jc-xy .jc li a {display: block;}
#bottom .jc-xy .xy {display: inline-block;overflow: hidden;margin-bottom: 0;}
#bottom .jc-xy .xy li {width: 31%;float: left;margin: 0 3px;}
#bottom .b-map {margin-bottom: 10px;}
#bottom .b-map a,#bottom .b-con a,.zzfwzq-title a{color: #fff;}
.video-js{width: 100%;height: 500px;}
.backTo{position: fixed;top: 50%;left: 6%;cursor: pointer;}
.conTxt2 table {width: 100% !important;overflow: scroll;}
.backAlt{font-size: 30px;text-align: center;font-weight: bolder;color: #333;}
.zzzq{width: 180px;height: 60px;line-height: 60px;background-color: #407fc2;color: #fff;font-size: 30px;font-weight: bolder;text-align: center;border-radius: 34px;}
.zzzq a{color: #fff;}

.anchor{display: flex;align-items: center;margin: 230px 10px 0 0;}
.search-box {width: 40%;border-radius: 20px;height: 70px;background: #ffffff;border: 2px solid #407fc2;padding-left: 53px;box-sizing: border-box;margin-left: 30px;
  position: relative;}
.search-box::before {content: "";background-image: url(../2021/images/index_zfxxgk_search_1.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: center center;width: 38px;height: 30px;position: absolute;left: 10px;top: 45%;margin-top: -10px;}
.search-box input[type="text"] {width: 72%;border: none;height: 66px;float: left;font-size: 21px;color: #212121; outline: 0;}
.search-box > a {background: #407fc2;border-radius: 14px;width: 20%;height: 66px;font-size: 20px;color: #ffffff;text-align: center;line-height: 68px;float: right;cursor: pointer;}
.wuzhangaiPC{display: inline;padding-left: 20px;}
.Voice-Voicer-Container .TipsControl-Btn,.Voice-Voicer-Container .ReturnToTop-Btn{display: none !important;}


@media (max-width: 1200px) {
  .zzfwzq-title {width: 480px;height: 78px;line-height: 78px;font-size: 48px;margin-left: 40px;}
  .logo {margin-left: 40px;}
  .column {margin-top: 150px;}
  .column a {width: calc(33.33% - 13.33px);height: 330px;background-size: 100% 100%;}
  
}
@media screen and (min-width: 768px) and (max-width: 985px) {
  .service-title {font-size: 32px;}
  .column a {width: calc(33.33% - 13.33px);height: 100px;}
  .service-box p {font-size: 32px;}
  .zzfwzq-title{width: 40%;}
  .search-box{width: 45%;}
  .main-top .logo{width: 80%;}
  .main {background-size: auto;background-image: url(../images/zzzq/index_bgMobile.png);}
  #bottom .jc-xy{width: auto;}
  .anchor {margin: 30px 10px 0 0;}
  .column{margin-top: 30px;}
  
}
@media screen and (max-width: 767px) {
  .main {background-size: auto;background-image: url(../images/zzzq/index_bgMobile.png);}
  .main-top {padding-top: 15px;}
  .service-title {font-size: 28px; margin: 25px auto;}
  .accessibility-btn {padding: 5px 0px;font-size: 22px;font-weight: 700;width: 30%;display: inline-block;text-align: center;}
  .zzfwzq-title {line-height: unset; font-size: 22px;padding: 8px 0;margin: 0 0 0 15px;width: 30%;display: inline-block;height: auto;}
  .zzzq{display: none;}
  .column {margin-top: 30px; gap: 10px;}
  .column a {width: calc(33% - 6px);height: 95px;}
  .column img {width: 25%;}
  .column p {font-size: 1.5rem;}
  .service-box a {width: 31%;margin: 0 auto 0;margin-bottom: 10px;}
  .service-box p {font-size: 1.5rem;}
  #bottom .jc-xy{width: auto;}
  #content01{width: auto; padding: 15px;}
  #content01 .mainContent .path a, #content01 .mainContent .path span, #content01 .mainContent .path em,#content01 .mainContent .path{font-size: 17px;}
  #content01 .mainContent .path{line-height: 25px;height: auto; margin-bottom: 0px;flex-wrap: wrap;}
  #content01 .mainContent .path em{background: url(../images/zzzq/dqwz.png) 0 18% no-repeat;}
  .mainBox .mHd2 h3{ margin-bottom: 15px;font-size: 32px;}
  .newsList2 li{padding: 15px;line-height: 25px;}
  .newsList2 li .date .dd,.newsList2 li .date,.newsList2 li a {font-size: 20px; -webkit-line-clamp: unset;}
  .newsList2 li .date{line-height: 35px;margin: 0px 15px 0 0;}
  .page2 a, .page2 .current, .page2 font{font-size: 20px;line-height: 35px;padding: 0 10px;}
  #bottom{font-size: 17px;}
  .articleCon2 .title, .art_title h4{font-size: 27px;line-height: 40px;}
  .property2 span{font-size: 18px;display: inline-block;}
  .property2{padding: 0;display: block;line-height: 30px;}
  .conTxt2 p, .conTxt2 span, .conTxt2 h1, .conTxt2 h2, .conTxt2 strong, .conTxt2 td, .conTxt2 th, .pfileattach li a{font-size: 25px !important;}
  .video-js{height: 260px;}
  .backTo img{width: 55px;}
  .b-con span,.beian{display: inline-block;}
  .mainBox .mHd2 .column_button{font-size: 23px;  margin-right: 10px;}
  #content01 .link-list a,#content01 #pfileattach a{font-size: 18px !important;}
  .backAlt{font-size: 20px;}
  .anchor{display: block;margin: 30px 0px 0 0;position: relative;}
  .search-box{width: 93%;border-radius: 21px;height: 55px; margin: 20px auto 0;padding-left: 33px;}
  .search-box input[type="text"] {height: 50px;font-size: 16px;}
  .search-box > a{border-radius: 15px; line-height: 50px;height: 51px;font-size: 16px;}
  .backTo {position: fixed;top: 7%;left: 75%;cursor: pointer;margin: 30px 0 0 0;}
  .main-top .logo {width: 80%; margin-left: 20px;}
  .search-box::before{background-size: 20px 20px; width: 29px;height: 29px;top: 42%;left: 5px;}
}
@media screen and (max-width: 310px) {
  .zzfwzq-title{font-size: 20px;height: auto;line-height: unset;width: 35%;}
  .backTo{left: unset;right: 13px;top: 5%;}
  .anchor {margin: 20px 0px 0 0;}
  .column p,.service-box p{font-size: 1.2rem;}
  .backAlt {font-size: 18px;}
  .backTo img {width: 53px;}
  .accessibility-btn{font-size: 20px;}
  .main-top .logo {width: 90%;margin-left: 10px;}

}