body{background-color: #fff;}
.topnews{width: 100%;padding: 48px 0 96px;background: url(../images/index/topnewsbg.png;vpn_img) no-repeat;}

/* topbanner */
.bntimg{width: 570px;position: relative;}
.swiper1{overflow: hidden;}
.swiper1 .swiper-slide{position: relative;}
.swiper1 .swiper-slide img{width: 100%;;height: 320px;}
.swiper1 .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;height: 45px;line-height: 45px;background: rgba(0, 0, 0, .8);}
.swiper1 .swiper-slide p a{color: #fff;display: block;width: 100%;padding-left: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.swiper1 .swiper-pagination{text-align: center;width: 100%;bottom: -50px;}
.swiper1 .swiper-pagination .swiper-pagination-bullet{background-color: #fff;width: 12px;height: 12px;margin: 0 6px;}
.bnrtxt{overflow: hidden;width: 574px;height: 320px;}
.swiper2{overflow: hidden;}
.swiper2 .swiper-wrapper{width: 100%;height: 100%;}
.swiper2 .swiper-wrapper h2{font-size: 30px;font-weight: normal;;line-height: 48px;}
.swiper2 .swiper-wrapper h2 a{color: #fff;}
.swiper2 .swiper-wrapper h2 a:hover{color: #DBBC83;}
.swiper2 .swiper-wrapper .memo{color: #fff;margin: 38px 0;line-height: 32px;}
.swiper2 .swiper-slide > a{color: #DBBC83;text-decoration: underline;}

.newsbox{padding: 48px 0;}
.gwyxxbox{width: 162px;}
.gwyxxbox li{width: 100%;height: 88px;border-radius: 4px;}
.gwyxxbox li a{display: block;padding-top: 50px;;text-align: center;}
.gwyxxbox li:hover a{color: #fff;}
.gwyxxbox li + li{margin-top: 8px;}
.gwyxxbox li.gwy{background:#F5F7FA url(../images/index/gwy_ico.png;vpn_img) no-repeat center 15px;}
.gwyxxbox li.gwy:hover{background-image: url(../images/index/gwy_ico_on.png;vpn_img);background-color: #BF1329;}
.gwyxxbox li.zzq{background:#F5F7FA url(../images/index/zzqxx_ico.png;vpn_img) no-repeat center 15px;}
.gwyxxbox li.zzq:hover{background-image: url(../images/index/zzqxx_ico_on.png;vpn_img);background-color: #BF1329;}
.gwyxxbox li.lzyw{background:#F5F7FA url(../images/index/lzyw_ico.png;vpn_img) no-repeat center 15px;}
.gwyxxbox li.lzyw:hover{background-image: url(../images/index/lzyw_ico_on.png;vpn_img);background-color: #BF1329;}
.gwyxxbox li.wjzl{background:#F5F7FA url(../images/index/wjzl_ico.png;vpn_img) no-repeat center 15px;}
.gwyxxbox li.wjzl:hover{background-image: url(../images/index/wjzl_ico_on.png;vpn_img);background-color: #BF1329;}

.jkywbox{margin-left: 32px;position: relative;width: 506px;}

.tzggbox{width: 462px;}
.tzggbox .comlist{margin-top: 25px;}

.wzhf{width: 100%;padding: 33px 0;background: #F2F4F7;}
.wzhf a + a{margin-left: 16px;}

.zwgkbox{padding: 47px 0;}
.zcwjbox{width: 700px;position: relative;}
.zcwjbox .comlist{margin-top: 20px;}

.zfxxgk{width: 462px;}
.zfxxgk ul{text-align: justify;text-align-last: justify;font-size: 0;}
.zfxxgk ul li{margin-top: 10px;display: inline-block;font-size: 16px;vertical-align: top;;width: 225px;height: 94px;text-align-last: left;text-align: left;border: 1px solid rgba(151, 151, 151, .3);border-radius: 4px;background-position: 24px center;background-repeat: no-repeat;}
.zfxxgk ul li a{display: block;width: 100%;height: 100%;padding: 25px 55px 25px 104px;}
.zfxxgk ul li.zc{background-image: url(../images/index/zc_ico.png;vpn_img);}
.zfxxgk ul li.zc:hover{background-image: url(../images/index/zc_ico_on.png;vpn_img);}
.zfxxgk ul li.gkzn{background-image: url(../images/index/gkzn_ico.png;vpn_img);}
.zfxxgk ul li.gkzn:hover{background-image: url(../images/index/gkzn_ico_on.png;vpn_img);}
.zfxxgk ul li.gkzd{background-image: url(../images/index/gkzd_ico.png;vpn_img);}
.zfxxgk ul li.gkzd:hover{background-image: url(../images/index/gkzd_ico_on.png;vpn_img);}
.zfxxgk ul li.gknr{background-image: url(../images/index/gknr_ico.png;vpn_img);}
.zfxxgk ul li.gknr:hover{background-image: url(../images/index/gknr_ico_on.png;vpn_img);}
.zfxxgk ul li.gknb{background-image: url(../images/index/gknb_ico.png;vpn_img);}
.zfxxgk ul li.gknb:hover{background-image: url(../images/index/gknb_ico_on.png;vpn_img);}
.zfxxgk ul li.ysqgk{background-image: url(../images/index/ysqgk_ico.png;vpn_img);}
.zfxxgk ul li.ysqgk:hover{background-image: url(../images/index/ysqgk_ico_on.png;vpn_img);}

.zfxxgk ul li.ysqgk a,.zfxxgk ul li.zc a{padding-right: 35px;line-height: 42px;}

.tzxx{padding: 17px 20px 27px;position: relative;;width: 720px;background: #F2F4F7;}
.tzxx .commore{right: 20px;top: 18px;}
.tzxx .comlist{margin-top: 26px;}
.tzcon > div{display: none;}
.tzcon > div.on{display: block;}
.newsinfo{margin-top: 25px;}
.newsinfo .imgbox{width: 213px;}
.newsinfo .info{width: 450px;}
.newsinfo .info h3{font-size: 20px;font-weight: normal;}
.newsinfo .info .memo{line-height: 22px;margin-top: 25px;}

.zmhd{width: 460px;}
.hdtop{padding: 10px 0 10px 310px;background: url(../images/index/hdtop.png;vpn_img) no-repeat;background-size: 100% 100%;}
.hdtop div{width: 125px;height: 42px;background: #fff;border-radius: 8px;line-height: 36px;text-align: center;box-shadow: inset 0px -5px 0px 0px #8ACCFF;}
.hdtop div a{display: block;color: #BF1329;font-weight: bold;}
.hdtop div span{margin-left: 10px;}
.lxxd{padding: 20px 24px;background: #fff;box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.06);}
.lxxd p{font-size: 18px;font-weight: bold;}
.lxxd .comlist li a{width: 100%;}
.dczj{margin-top: 10px;}
.dczj .myzj{margin-left: 15px;}

.ztzlbox{margin-top: 48px;overflow: hidden;position: relative;padding-bottom: 40px;}
.ztzlbox img{width: 285px;height: 136px;}

.ztswiper .swiper-pagination{text-align: center;width: 100%;bottom: 0px;}
.ztswiper .swiper-pagination .swiper-pagination-bullet{background-color: rgba(0, 0, 0, .5);width: 12px;height: 12px;margin: 0 6px;}
.ztswiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #BF1329;}


@media (max-width: 1200px) {
    .bntimg{width: 460px;}
    .bnrtxt{width: 515px;}
    .swiper1 .swiper-slide img{height: 280px;}
    .swiper2 .swiper-wrapper .memo{margin: 10px 0;}
    .swiper2 .swiper-wrapper h2{font-size: 26px;line-height: 38px;}

    .newsbox{padding: 10px;}
    .gwyxxbox{width: 100%;}
    .gwyxxbox li{float: left;width: 24%;margin: 0.5%;}
    .jkywbox{margin-left: 0;}

    .wzhf img{width: 33%;}
    .wzhf a + a{margin-left: 0;}

    .zwgkbox{padding: 10px;}
    .zcwjbox{width: 49%;}
    .tzxx{width: 49%;}
    .newsinfo .info{width: 50%;}
    .newsinfo .info h3{font-size: 18px;}
    .newsinfo .info .memo{margin-top: 15px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}

@media (max-width: 992px) {
    .topnews{padding: 0;background-size: 100% 100%;}
    .bntimg{width: 100%;}
    .swiper1 .swiper-slide img{height: 220px;}
    .swiper1 .swiper-slide p{font-size: 14px;height: 32px;line-height: 32px;}
    .swiper1 .swiper-slide p a{padding: 0 10px;}
    .swiper1 .swiper-pagination{bottom: -25px;}
    .swiper1 .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;}
    .bnrtxt{width: 100%;margin-top: 30px;height: 270px;}
    .swiper2 .swiper-wrapper h2{font-size: 20px;line-height: 30px;}
    .swiper2 .swiper-wrapper .memo{font-size: 14px;line-height: 24px;margin: 15px 0;}
    .swiper2 .swiper-slide > a{font-size: 14px;}

    .newsbox{padding: 10px;}
    .gwyxxbox{width: 100%;}
    .gwyxxbox li{width: 100%;}
    .jkywbox{width: 100%;margin-left: 0;margin-top: 20px;}
    .tzggbox{width: 100%;margin-left: 0;margin-top: 20px;}

    .wzhf{padding: 10px 0;}
    .wzhf img{width: 100%;}
    .wzhf a{display: block;}
    .wzhf a + a{margin-left: 0;margin-top: 15px;}
    
    .zwgkbox{padding: 10px;}
    .zcwjbox{width: 100%;}
    .zfxxgk{width: 100%;margin-top: 20px;}
    .zfxxgk ul li{width: 49%;background-position: 10px center;}
    .zfxxgk ul li a{padding: 25px 10px 25px 75px;}
    .zfxxgk ul li.ysqgk a, .zfxxgk ul li.zc a{padding-right: 0;}

    .tzxx{width: 100%;padding: 10px;}
    .newsinfo .imgbox{width: 100%;}
    .newsinfo .imgbox img{width: 100%;height: 180px;}
    .newsinfo .info{width: 100%;margin-top: 15px;}
    .newsinfo .info h3{font-size: 18px;}
    .newsinfo .info .memo{font-size: 14px;margin-top: 15px;}

    .zmhd{width: 100%;margin-top: 20px;}
    .hdtop{padding: 10px 0 10px 190px;}
    .hdtop div span{font-size: 14px;}
    .lxxd{padding: 10px;}
    .dczj > a{display: inline-block;width: 49%;}
    .dczj .myzj{margin-left: 0;}
}