@charset "utf-8";
/* CSS Document */
.mt40{margin-top: 40px;}
.pos-rel{position: relative;}
body{background:#F6F9FF url("./../images-zwgz2022/zt-bg.png") no-repeat center top;}
.zt-header{height: auto;width: 100%;}
.zt-header .img-title{display: none;}
.zt-logo{padding-top: 220px;width: 100%;height: auto;padding-bottom: 30px;}
.zt-logo img{height: auto;width: auto;max-width: 96%;}
.site-logo{position: absolute;width: auto;height: 84px;left: -50px;top: 50px;}
.bg-fff{background: #fff;}

/* 主内容 */
.pt75{padding-top: 75px;}
.num{position: absolute;left: 0;top: 0;height: 80px;}
.num img{height: 100%;width: auto;}
.com-title{height: auto;line-height: 69px;background: url("./../images-zwgz2022/numbg-01.png") no-repeat center left;}
.title02{background: url("./../images-zwgz2022/numbg-02.png") no-repeat center left;}
.title03{background: url("./../images-zwgz2022/numbg-03.png") no-repeat center left;}
.title04{background: url("./../images-zwgz2022/numbg-04.png") no-repeat center left;}
.com-title a{display: block;float: left;padding:0 32px;color:#fff;font-size: 30px;height: 69px;line-height: 69px;}
.main-con{padding-bottom: 24px;}
.iconList{padding-top: 12px;}
.iconList ul li{float: left;width: 23%;margin: 20px 1% 0;height: 115px;border-radius: 12px;background: #F9FAFE;line-height: 115px;}
.iconList ul li a{display: block;width: 100%;height: 100%;}
.iconList ul li img{display: block;float: left;width: auto;height: auto;padding-left: 30px;padding-top: 25px;padding-right: 20px;}
.iconList ul li span{display: inline-block;height: auto;font-size: 20px;color: #4A4A4A;line-height: 24px;vertical-align: middle;}
.iconList ul li span:hover{color: #47ADF7;}
.iconList02 ul li span:hover{color: #FEC969;}
.iconList03 ul li span:hover{color: #FC9C7E;}
.iconList04 ul li span:hover{color: #84F7DF;}
.iconList04 ul li{width: 31.3333%;}
.iconList03 ul li{width: 31.3333%;}
/* .iconList02 ul li{width: 31.3333%;} */
.iconList04 ul li{text-align: center;}
.iconList04 ul li img{display: inline-block;padding-left: 0;float: none;padding-top: 0;}
.guidang { position: absolute; right: 0px; top: 0px; z-index: 99;}

@media(max-width:1199px) and (min-width:992px){
    .site-logo{left: 0;}
    .iconList ul li img{padding-left: 10px;padding-right: 0;}
}
@media(max-width:991px){
    .site-logo{left: 0;}
    .iconList ul li{width: 48%;}
    .iconList ul li img{padding-left: 10px;padding-right: 0;}
}
@media(max-width:767px){
    .zt-header{padding-bottom: 20px;}
    .site-logo,.zt-logo{position: initial;padding-top: 20px;}
    .main-con{padding: 10px;}
    .mt40 {margin-top: 10px;}
    .com-title{line-height: 42px;text-align: left;background: #47ADF7;}
    .title02{background: #FEC969;}
    .title03{background: #FC9C7E;}
    .title04{background: #84F7DF;}
    .com-title a{font-size: 24px;line-height: 42px;height: auto;padding: 0 10px;}
    .iconList{padding-top: 0;}
    .iconList ul li span{font-size: 16px;}
}
@media(max-width:500px){
    .iconList ul li{width: 100%;float: none;margin: 10px auto 0;}
    .iconList ul li img{padding-right: 10px;}
}