.zhzwdt .header{background: #121212;opacity: 0.8;}
.zhzwdt .headBanner{position: relative;overflow: hidden;max-width: 1920px;min-height: 650px;margin: 0 auto;background: url(../images/zwdt_bannerBG.png) no-repeat center;}
.zhzwdt .headBanner .headBanner_box{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;font-family: '思源宋体 CN';}
.zhzwdt .headBanner .headBanner_box h1, .zhzwdt .headBanner .headBanner_box h2{font-size: 40px;}

.zhzwdt .public_box{max-width: 1320px;}
.zhzwdt .snav_box ul{max-width: 1320px;display: flex;justify-content: space-between;}
.zhzwdt .snav_box ul li{width: auto;flex: auto;}
.zhzwdt .snav_box ul li a{font-size: 20px;}

.zhzwdt .module_title{font-size: 36px;font-weight: bold;margin-bottom: 40px;}

/* 智慧政务大厅建设内容 */
.zhzwdt #module_A{margin-top: 100px;padding: 80px 0 170px;background: url(../images/zhzwdt_Abg.png) no-repeat center top;background-size: 100%;}
.zhzwdt #module_A .module_Acont{width: 900px;font-size: 17px;margin-top: 60px;}
.zhzwdt #module_A .module_Acont p{line-height: 36px;}

.zhzwdt #module_B{margin-bottom: 60px;}
.zhzwdt #module_B ul{overflow: auto hidden;white-space: nowrap;}
/* 更改滚动条的宽度和背景色 */
.zhzwdt #module_B ul::-webkit-scrollbar{height: 12px;background-color: #e1e1e1;}
/* 滚动条轨道 */
.zhzwdt #module_B ul::-webkit-scrollbar-track{background: #e1e1e1;border-radius: 10px;}
/* 滚动条滑块 */
.zhzwdt #module_B ul::-webkit-scrollbar-thumb{background-color: #4e86fd;border-radius: 10px;border: 2px solid #ffffff;}
/* 滚动条滑块：鼠标悬停效果 */
.zhzwdt #module_B ul::-webkit-scrollbar-thumb:hover{background: #227ff1;}
.zhzwdt #module_B ul li{display: inline-block;width: 32%;margin-right: 2%;overflow: hidden;}
.zhzwdt #module_B ul li:hover{background: #e6f5ff;}
.zhzwdt #module_B ul li div{padding: 0 10px;}
.zhzwdt #module_B ul li:last-child{margin-right: 0;}
.zhzwdt #module_B ul li img{width: 100%;margin-bottom: 30px;}
.zhzwdt #module_B ul li h3{width: 100%;font-weight: bold;font-size: 20px;margin-bottom: 10px;}
.zhzwdt #module_B ul li p{width: 100%;white-space: initial;margin-bottom: 30px;}

.zhzwdt #module_C{margin-bottom: 60px;}
.zhzwdt #module_C ul li{float: left;width: 23%;margin-right: 2.66%;position: relative;}
.zhzwdt #module_C ul li:last-child{margin-right: 0;}
.zhzwdt #module_C ul li img{width: 100%;}
.zhzwdt #module_C ul li div{width: 100%;padding: 0 20px;box-sizing: border-box;position: absolute;left: 50%;top: 270px;transform: translateX(-50%);color: #fff;}
.zhzwdt #module_C ul li div p{line-height: 25px;}
.zhzwdt #module_C ul li div h3{font-size: 24px;font-weight: bold;margin-bottom: 40px;}

.zhzwdt #module_D{margin-bottom: 60px;}
.zhzwdt #module_D .module_title{text-align: center;}
.zhzwdt #module_D .module_Dcont{padding: 0 60px;}
.zhzwdt #module_D .module_Dcont img{width: 100%;}

.zhzwdt #module_E{margin-bottom: 60px;}
.zhzwdt #module_E .module_E_one{display: flex;}
.zhzwdt #module_E .module_E_one .module_E_onecont{width: 48%;margin-right: 4%;}
.zhzwdt #module_E .module_E_one .module_E_onecont .samll_box{margin-top: 50px;}
.zhzwdt #module_E .module_E_one .module_E_onecont .samll_box h3{font-weight: bold;font-size: 24px;}
.zhzwdt #module_E .module_E_one .module_E_onecont .samll_box p{margin-top: 20px;font-size: 18px;line-height: 36px;}
.zhzwdt #module_E .module_E_one .module_E_oneimg{width: 48%;display: flex;margin-top: -50px;}
.zhzwdt #module_E .module_E_one .module_E_oneimg img{width: 32%;margin-right: 2%;}
.zhzwdt #module_E .module_E_one .module_E_oneimg img:last-child{margin-right: 0;}
.zhzwdt #module_E .module_E_two{margin-top: 40px;}
.zhzwdt #module_E .module_E_two ul li{float: left;width: 18%;margin-right: 2.25%;height: 420px;padding: 0 20px;box-sizing: border-box;}
.zhzwdt #module_E .module_E_two ul li:last-child{margin-right: 0;}
.zhzwdt #module_E .module_E_two ul li:nth-child(1){background: linear-gradient(to top, #e2e8fe, #fff);color: #3260f5;}
.zhzwdt #module_E .module_E_two ul li:nth-child(1):hover{background: linear-gradient(to top, #afc0ff, #fff);}
.zhzwdt #module_E .module_E_two ul li:nth-child(2){background: linear-gradient(to top, #edeafc, #fff);color: #846ce7;}
.zhzwdt #module_E .module_E_two ul li:nth-child(2):hover{background: linear-gradient(to top, #ccc2ff, #fff);}
.zhzwdt #module_E .module_E_two ul li:nth-child(3){background: linear-gradient(to top, #e8f8f3, #fff);color: #59ccac;}
.zhzwdt #module_E .module_E_two ul li:nth-child(3):hover{background: linear-gradient(to top, #c6ffed, #fff);}
.zhzwdt #module_E .module_E_two ul li:nth-child(4){background: linear-gradient(to top, #fef4eb, #fff);color: #f5a25f;}
.zhzwdt #module_E .module_E_two ul li:nth-child(4):hover{background: linear-gradient(to top, #ffd6b0, #fff);}
.zhzwdt #module_E .module_E_two ul li:nth-child(5){background: linear-gradient(to top, #e2e9fe, #fff);color: #2e5df5;}
.zhzwdt #module_E .module_E_two ul li:nth-child(5):hover{background: linear-gradient(to top, #afc0ff, #fff);}
.zhzwdt #module_E .module_E_two ul li h3 img{width: 100%;}
.zhzwdt #module_E .module_E_two ul li p{margin-top: 10px;}
.zhzwdt #module_E .module_E_three{margin-top: 60px;}
.zhzwdt #module_E .module_E_three .E_child{display: flex;background-color: #edf7fe;margin-bottom: 40px;overflow: hidden;}
.zhzwdt #module_E .module_E_three .E_child:hover{background-color: #c6e8ff;}
.zhzwdt #module_E .module_E_three .E_child img{width: 48%;margin-right: 4%;}
.zhzwdt #module_E .module_E_three .E_child .samll_box{width: 48%;padding: 20px 20px 20px 0;}
.zhzwdt #module_E .module_E_three .E_child .samll_box h3{font-weight: bold;font-size: 24px;}
.zhzwdt #module_E .module_E_three .E_child .samll_box p{margin-top: 30px;font-size: 18px;line-height: 32px;}
.zhzwdt #module_E .module_E_three .E_child .samll_box a{display: inline-block;color: #0042e7;margin-top: 50px;}

.zhzwdt #module_F{margin-bottom: 60px;}
.zhzwdt #module_F ul li{float: left;width: 23%;margin-right: 2.66%;position: relative;overflow: hidden;}
.zhzwdt #module_F ul li:hover{background-color: #e6f5ff;}
.zhzwdt #module_F ul li:last-child{margin-right: 0;}
.zhzwdt #module_F ul li h3{position: relative;}
.zhzwdt #module_F ul li h3 img{width: 100%;}
.zhzwdt #module_F ul li h3 span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 24px;font-weight: bold;}
.zhzwdt #module_F ul li p{margin-top: 30px;padding: 0 10px 10px;}

.zhzwdt #module_G{margin-bottom: 60px;}
.zhzwdt #module_G ul li{float: left;width: 18%;margin-right: 2.25%;font-size: 20px;margin-bottom: 30px;}
.zhzwdt #module_G ul li:nth-child(5n){margin-right: 0;}
.zhzwdt #module_G ul li span{display: inline-block;color: #27a9df;width: 40px;text-align: center;}

@media screen and (max-width: 550px){
    .zhzwdt .headBanner{min-height: 250px;}
    .zhzwdt .headBanner .headBanner_box{box-sizing: border-box;padding: 0 20px;}
    .zhzwdt .headBanner .headBanner_box h1, .zhzwdt .headBanner .headBanner_box h2{font-size: 20px;}
    .zhzwdt .snav_box ul{flex-wrap: wrap;display: block;}
    .zhzwdt .snav_box ul li{width: 50%;font-size: 14px;}
    .zhzwdt .snav_box ul li a{font-size: 14px;}
    .zhzwdt .module_title{font-size: 24px;text-align: center;margin-bottom: 20px;}
    .zhzwdt #module_A, .zhzwdt #module_B, .zhzwdt #module_C, .zhzwdt #module_D, .zhzwdt #module_E, .zhzwdt #module_F, .zhzwdt #module_G{padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
    .zhzwdt #module_A{margin-top: 20px;}
    .zhzwdt #module_A .module_Acont{width: 100%;margin-top: 10px;}
    .zhzwdt #module_B ul li{width: 100%;}
    .zhzwdt #module_B ul li img{margin-bottom: 20px;}
    .zhzwdt #module_B ul li p{font-size: 14px;margin-bottom: 20px;}
    .zhzwdt #module_C ul li{width: 100%;margin-right: 0;overflow: hidden;max-height: 250px;margin-bottom: 20px;}
    .zhzwdt #module_C ul li:last-child{margin-bottom: 0;}
    .zhzwdt #module_C ul li div{background-color: #66666666;padding: 20px;top: 0;height: 100%;}
    .zhzwdt #module_D .module_Dcont{padding: 0;}
    .zhzwdt #module_E .module_E_one{flex-wrap: wrap;}
    .zhzwdt #module_E .module_E_one .module_E_onecont{width: 100%;margin-right: 0;}
    .zhzwdt #module_E .module_E_one .module_E_onecont .samll_box{margin-top: 0;line-height: 30px;font-size: 16px;margin-bottom: 20px;}
    .zhzwdt #module_E .module_E_one .module_E_onecont .samll_box h3{font-size: 20px;}
    .zhzwdt #module_E .module_E_one .module_E_onecont .samll_box p{margin-top: 10px;}
    .zhzwdt #module_E .module_E_one .module_E_oneimg{width: 100%;display: block;margin-top: 0;}
    .zhzwdt #module_E .module_E_one .module_E_oneimg img{width: 100%;margin-right: 0;display: none;}
    .zhzwdt #module_E .module_E_one .module_E_oneimg img:first-child{display: block;}
    .zhzwdt #module_E .module_E_two{margin-top: 20px;}
    .zhzwdt #module_E .module_E_two ul li{width: 100%;margin-right: 0;padding-bottom: 20px;margin-bottom: 20px;height: auto;}
	.zhzwdt #module_E .module_E_two ul li h3{text-align: center;}
	.zhzwdt #module_E .module_E_two ul li h3 img{width: 50%;}
	.zhzwdt #module_E .module_E_two ul li:nth-child(2n){margin-right: 0;}
    .zhzwdt #module_E .module_E_two ul li p{line-height: 22px;}
    .zhzwdt #module_E .module_E_three{margin-top: 20px;}
    .zhzwdt #module_E .module_E_three .E_child{flex-wrap: wrap;margin-bottom: 20px;}
    .zhzwdt #module_E .module_E_three .E_child img{width: 100%;margin-right: 0;}
    .zhzwdt #module_E .module_E_three .E_child .samll_box{width: 100%;padding: 20px;}
    .zhzwdt #module_E .module_E_three .E_child .samll_box h3{font-size: 20px;}
    .zhzwdt #module_E .module_E_three .E_child .samll_box p{margin-top: 10px;font-size: 16px;line-height: 24px;}
    .zhzwdt #module_E .module_E_three .E_child .samll_box a{margin-top: 10px;}
    .zhzwdt #module_F ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
    .zhzwdt #module_F ul li:last-child{margin-bottom: 0;}
    .zhzwdt #module_F ul li p{margin-top: 10px;line-height: 24px;}
    .zhzwdt #module_G{margin-bottom: 0;}
    .zhzwdt #module_G ul li{width: 49%;margin-right: 2%;margin-bottom: 20px;font-size: 16px;}
    .zhzwdt #module_G ul li:nth-child(2n){margin-right: 0;}
    .zhzwdt #module_G ul li span{width: 20px;}
}