@charset "utf-8";
.zwfw{background: url(../images/zwfw/zwfw_page_bg.png) no-repeat; background-size: 100%;}
.zwfw .zwfw-container{ margin: auto;}
.zwfw  .zwfw-banner{background: url(../images/zwfw/zwfw_bannerbg.png) no-repeat center; background-size: 100%;padding-bottom: 30px;margin-top: 70px;}
.zwfw .zwfw-page-thead{position: relative;text-align: center;}
.zwfw .zwfw-page-thead b{display: block;font-size: 50px;height: 80px; line-height: 80px;color:#fff;position: relative;z-index: 1;text-shadow: 2px 2px 4px rgb(0, 0, 0,.30);}
.zwfw .zwfw-page-thead span{position: absolute;display: block;top: 0;left: 0;right: 0;line-height: 88px;font-size: 70px; letter-spacing: .2em;color:rgb(42, 130, 228,.10);}

.zwfw .zwfw-menu{position: relative;min-height: 300px;}
.zwfw .zwfw-menu .itme{height: 300px;}
.zwfw .zwfw-menu ul li a{position: relative;display: block;padding-top: 35px;text-align: center;padding-left: 10px;padding-right: 10px;}
.zwfw .zwfw-menu ul li a::before{content: ''; position: absolute; left: 0;top: 0; background: url(../images/zwfw/zwfwbg2.png) no-repeat; z-index: -1; background-size: 100%;width: 100%; height: 100%;}
.zwfw .zwfw-menu ul li i::after{content: '';position: absolute; background: url(../images/zwfw/zwfwbg3.png) no-repeat bottom center; left: 50%; margin-left: -45px; bottom: -34px; width: 90px; height: 90px; background-size: 100%;}
.zwfw .zwfw-menu ul li i{position: relative; display: block; background: url(../images/zwfw/zwfwbg1.png) no-repeat; background-size: 100%; width: 90px; height: 90px;text-align: center;margin: auto;}
.zwfw .zwfw-menu ul li a span{display: block;margin-top: 30px;}
.zwfw .zwfw-menu ul li i img{width: 40px;vertical-align: middle;margin-top: 24px;}
.zwfw .zwfw-menu ul li{position: absolute;width: 128px;}
.zwfw .zwfw-menu ul li.li1{left: 7%;top: 11px;}
.zwfw .zwfw-menu ul li.li2{left: 23%;top: -59px;}
.zwfw .zwfw-menu ul li.li3{left: 36%;top: 60px;}
.zwfw .zwfw-menu ul li.li4{top: -59px; right: 44%;}
.zwfw .zwfw-menu ul li.li5{top: 60px; right: 32%;}
.zwfw .zwfw-menu ul li.li6{top: -59px; right: 20%;}
.zwfw .zwfw-menu ul li.li7{top: 13px; right: 7%;}


.zwfw .zwfw-menu .item.col-6 ul li.li1{left: 7%;top: 11px;}
.zwfw .zwfw-menu .item.col-6 ul li.li2{left: 27%;top: -59px;}
.zwfw .zwfw-menu .item.col-6 ul li.li3{left: 41%;top: 60px;}
.zwfw .zwfw-menu .item.col-6 ul li.li4{top: -59px; right: 37%;}
.zwfw .zwfw-menu .item.col-6 ul li.li5{top: 60px; right: 24%;}
.zwfw .zwfw-menu .item.col-6 ul li.li6{top: 7px; right: 5%;}

.zwfw-card{text-align: center;}
.zwfw-card ul li{display: inline-block; width: 220px; height: 70px; line-height: 70px;}
.zwfw-card ul li + li{margin-left: 40px;}
.zwfw-card ul li a{display: block; background: url(../images/zwfw/zwfwbg4.png) no-repeat;background-size: 100% 100%;font-size: 22px;box-shadow: 7px 1px 18px 0 rgb(0, 73, 156,.30);}
.zwfw-card ul li a span{font-weight: bold;display: inline-block;vertical-align: middle;}
.zwfw-card ul li a i{display: inline-block; width: 40px; height: 40px;vertical-align: middle;background-size: 100%!important;margin-right: 20px;}
.zwfw-card ul li.on a{display: block; background: url(../images/zwfw/zwfwbg4_on.png) no-repeat;background-size: 100% 100%;color:#fff}
.zwfw-card ul li.li1 i{background: url(../images/zwfw/grbs.png) no-repeat;}
.zwfw-card ul li.li2 i{background: url(../images/zwfw/frbs.png) no-repeat;}
.zwfw-card ul li.li3 i{background: url(../images/zwfw/gpsx.png) no-repeat;}
.zwfw-card ul li.li1.on i{background: url(../images/zwfw/grbs_on.png) no-repeat;}
.zwfw-card ul li.li2.on i{background: url(../images/zwfw/frbs_on.png) no-repeat;}
.zwfw-card ul li.li3.on i{background: url(../images/zwfw/gpsx_on.png) no-repeat;}


.ggfw .zwfw-img{overflow: hidden;}
.ggfw .ggfw-swiper .swiper-grid{margin: -15px;}
.ggfw .ggfw-swiper .swiper-grid .swiper-slide dl{margin: 15px 15px; box-shadow: 0 2px 15px rgba(40, 113, 166, .1);height: 333px;}
.ggfw .ggfw-swiper .swiper-grid .swiper-slide dl a{display: block;text-align: center; }
.ggfw .ggfw-swiper .swiper-grid .swiper-slide dl dt{margin:auto; margin-top: 50px;margin-bottom: 60px; width: 120px;}
.ggfw .ggfw-swiper .swiper-grid .swiper-slide dl dd span{font-size: 22px;}

.zdfw .swiper-grid{margin: -15px;}
.zdfw .swiper-grid .swiper-slide ul{margin: 15px 15px; box-shadow: 0 2px 15px rgba(40, 113, 166, .1);padding: 20px 30px;font-size: 1.125em;background: url(../images/zwfw/zdfw_icon1.png) no-repeat 110% bottom; background-size: 40%;}
.zdfw .swiper-grid .swiper-slide ul li{position: relative;}
.zdfw .swiper-grid .swiper-slide ul li + li{margin-top: 15px;}
.zdfw .swiper-grid .swiper-slide ul li i{position:absolute;left: 0;}
.zdfw .swiper-grid .swiper-slide ul li img{width: 20px;margin-right: 10px;}
.zdfw .swiper-grid .swiper-slide ul li a{display: inline-block;background-color: #ABC2DB;color:#fff;border-radius: 20px;font-size: 16px;padding: 2px 10px;}
.zdfw .swiper-grid .swiper-slide ul li em{display: block;width: 26px; height: 26px;background: #2A82E4;color: #fff; font-style: normal;text-align: center;border-radius: 50%; line-height: 26px;font-size: 14px;margin-right: 15px;position: absolute;left: 0;}
.zdfw .swiper-grid .swiper-slide ul li b{display: inline-block;vertical-align: middle;}
.zdfw .swiper-grid .swiper-slide ul li{padding-left: 35px;}
.zdfw .swiper-grid .swiper-slide ul li a{position: absolute; left: 0;}
.zdfw .swiper-grid .swiper-slide ul li:last-child{height: 30px;}

@media (max-width: 1280px){
    .zwfw .zwfw-menu ul li.li3{left: 32%;}
    .zwfw .zwfw-menu .item.col-6 ul li.li3{left: 36%;}
    .ggfw .ggfw-swiper .swiper-grid .swiper-slide dl{height: 215px;}
    .ggfw .ggfw-swiper .swiper-grid .swiper-slide dl dt{width: 80px;margin-top: 40px;margin-bottom: 20px;}
    .zwfw .zwfw-page-thead span{font-size: 50px;}
    .zwfw-card ul li{width: 25%;}
    .zwfw-card{margin-top: 40px;}
}
@media (max-width: 992px){
    .zwfw .zwfw-menu ul li{width: 25%;float: left;position: initial;}
    .zwfw .zwfw-menu ul li a::before{width: 128px;left: 50%;margin-left: -64px;}
}

@media (max-width: 780px){
    .zwfw-card ul li{height: auto;line-height: initial;}
    .zwfw-card ul li a {padding-top: 20px;padding-bottom: 20px;font-size: 1.125em;}
    .zwfw-card ul li a i{display: block;margin: auto;}
    .zwfw-card ul li span{margin-top: 10px;}
    .zwfw .zwfw-menu ul li{width: 33.33%;}
    .zwfw .zwfw-page-thead span,.zwfw .zwfw-page-thead b{font-size: 30px;}
    .zwfw .zwfw-banner{margin-top: 0;}
    .zwfw{padding-top: 30px;}
    .zwfw-card ul li + li{margin-left: 5%;}
}