*{margin: unset;padding: unset;}
a{text-decoration: none;color: #333;}
ul,li,ul>li{list-style: none;line-height: 1.5em;}
.w1200{width: 1200px;margin: 0px auto;}
.fl{float: left;}
.fr{float: right;}
.biaoyu{margin-bottom: 40px;}
.menu,.icon1,.icon2{margin-bottom: 50px;}

.header{width: 100%;height: 424px;background: url(./2022_nxzwgkyd_banner.png) no-repeat center;}
.logo{width: 30%;padding-top: 20px;}
.logo img{width: 100%;height: auto;}

.main{margin-top: 80px;}
.biaoyu{text-align: center;}
.biaoyu h3{color: #7f91a7;font-size: 40px;letter-spacing: 2px;text-align: center;}
.biaoyu p{color: #cccccc;font-size: 14px;line-height: 2em;}
.menu ul{overflow: hidden;margin: 0px 17%;}
.menu li{float: left;width: 45%;background: url(./2022_nxzwgkyd_jx.png) no-repeat center /356px;text-align: center;padding: 16px 0px;margin-right: 10%;margin-bottom: 30px;color: #fff;font-size: 20px;}
.menu li a{color: #fff;width: 100%;height: 100%;display: block;}
.menu li:nth-child(2n){margin-right: unset;}
.menu li:nth-child(3),.menu li:nth-child(4){margin-bottom: unset;}
.menu1 li{background:#337ad3 url(./2022_nxzwgkyd_icon1.png) no-repeat left 20% center / 40px;height: 96px;padding: unset;line-height: 90px; text-indent: 15%;border-radius: 50px;margin-bottom: 50px;font-size: 24px;}
.menu1 li:last-child a{display: block;margin:15px 10% 0px 20%;line-height: 32px;text-align: center;width: unset;height: unset;}
.icon1 ul{width: 100%;overflow: hidden;}
.icon1 li {float: left; width: 28%;margin-right: 8%;background-repeat: no-repeat;background-position: top 20px center;border-radius: 10px;text-align: center;font-size: 24px;color:#fff;}
.icon1 li a{display: block;padding: 120px 0px 30px 0px;}
.icon1 li a{color: #fff;}
.icon1 ul li:last-child{margin-right: unset;}
.icon2 ul{overflow: hidden;}
.icon2 li{width: 21%;margin-right: 5%;height: 200px;float: left;position: relative;}
.icon2 li:last-child{margin-right: unset;}
.icon2 .border_a{width: 100%;border: 1px #eceaea solid;height: 60px;padding-top: 80px; border-radius: 10px;background-color: #fff; box-shadow:0px 0px 5px rgb(226 223 223); display: block;position: absolute;bottom: 0px;text-align: center;font-weight: 600;font-size: 24px;line-height: 26px;}
.icon2 .iicon2 {position: absolute;z-index: 10;left: 50%;margin-left: -55px;}
.icon2 .iicon2 img{width: 110px;height: 110px;}
.icon2 i{background: url(./2022_nxzwgkyd_bian.png) no-repeat left bottom / 124px;position: absolute;top: -70px;left: 50%;margin-left: -62px;width: 124px;height: 124px;z-index: 10;}
.iicon2 img{transition:all 0.6s 0.1s ease-out;}
.iicon2 img:hover{transform: rotate(180deg);}

@media screen and (max-width:1200px) {
    .w1200{width: unset;margin:0px 3%;}
}

@media screen and (max-width:1040px) {
    .menu1 li,.icon1 li,.icon2 .border_a{font-size: 22px;}
    .icon1 li{width: 30%;margin-right: 5%;}
    .icon1 li a{height: 66px;padding: 120px 5px 30px 5px;}
    
}

@media screen and (max-width:800px) {
    .menu ul{margin: 0px 8%;}
    .menu1 li,.icon1 li,.icon2 .border_a{font-size: 20px;}
    .biaoyu h3{font-size: 34px;}
    .logo{width: 42%;}
    .main{margin-top: 50px;}
    .header{background-size: 1400px;height: 320px;}
}

@media screen and (max-width:500px) {
    .header {
        background-size: 900px;
        height: 200px;
    }
    .menu ul{margin: 0px 0%;}
    .menu li{width: 47%;margin-right: 5%;}
    .menu1 li{margin-bottom: 30px;height: 72px;line-height: 72px;background-size: 28px;}
    .menu1 li,.icon1 li,.icon2 .border_a,.menu li{font-size: 14px;}
    .biaoyu h3{font-size: 18px;}
    .biaoyu {
        margin-bottom: 20px;
    }
    .main{margin-top: 30px;}
    .menu, .icon1, .icon2 {
        margin-bottom: 30px;
    }
    .menu1 li:last-child a{line-height: 23px;margin: 15px 5% 0px 22%;}
    .biaoyu p{font-size: 12px;}
    .icon1 li a {
        height: 66px;
        padding: 100px 5px 2px 5px;
    }
    .icon1 li{background-size: 64px;}
    .icon2 li{width: 25%;margin-right: unset;height: 180px;}
    .icon2 .iicon2{margin-left: -40px;}
    .icon2 .iicon2 img {
        width: 80px;
        height: 80px;
    }
    .icon2 i{background-size: 86px;width: 86px;height: 86px;margin-left: -43px;top: -45px;}
}
@media screen and (max-width:400px) {
    .header {
        background-size: 720px;
        height: 160px;
    }
    .main{margin-top: 20px;}
    .menu, .icon1, .icon2 {
        margin-bottom: 20px;
    }
    .menu li,.menu1 li{margin-bottom: 20px;}
}