.fl{float: left;}
.fr{float: right;}
.clearflx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*html .clearflx { zoom: 1; } /* IE6 */
*:first-child+html .clearflx { zoom: 1; } /* IE7 */
body{background: #f2f2f2;}

.top-link{color: #fff;line-height: 49px;}
.top-link a{color: #fff;}
.top-link em{margin: 0 10px;}
.toprig{color: #fff;}
.toprig span{display: inline-block;width: 93px;height: 19px;text-align: center;line-height: 19px;font-size: 12px;color: #ffffff;float: right;border: 1px #fff solid;border-radius: 50px;margin-top: 14px;}
.toprig > a{color: #fff;float: right;line-height: 49px;margin-right: 20px;margin-left: 10px;}
.seclink{color: #fff;line-height: 49px;}
.seclink a{color: #fff;margin: 0 10px;position: relative;display: inline-block}

.xb_logo{float: left;margin-top: 40px;}
.ss_box2{float: left;margin-left: 50px;margin-top: 50px;width: 41%;}
.rqtq{float: right;color: #fff;line-height: 29px;text-align: right;margin-top: 45px;}
.rqtq p span{display: inline-block;padding-left: 30px;background: url("20210305-ty.png;vpn_img") no-repeat left center;}
#wrap{background: url("20210305-szf-bg.png;vpn_img") no-repeat center top;}
.ban{margin-bottom: 20px;}

.bs_item ul,.jctc ul{margin-left: -2%;}
.bs_item ul li{width: 23%;float: left;margin-left: 2%;margin-top: 28px;background: #fff;padding: 28px 0 22px;}
.bs_item ul li i{display: block;height: 54px;}
.bs_item ul li i.item-ic1{background: url("20210305-bs-icon01.png;vpn_img") no-repeat center;}
.bs_item ul li i.item-ic2{background: url("20210305-bs-icon02.png;vpn_img") no-repeat center;}
.bs_item ul li i.item-ic3{background: url("20210305-bs-icon03.png;vpn_img") no-repeat center;}
.bs_item ul li i.item-ic4{background: url("20210305-bs-icon04.png;vpn_img") no-repeat center;}
.bs_item ul li h5{font-size: 24px;line-height: 26px;font-weight: inherit;text-align: center;margin-top: 10px;}
.bs_item ul li p span{color: #999;display: inline-block;margin:10px 8px 0;}
.bs_item ul li p{text-align: center;}
.bs_item ul li p a{font-size: 16px;line-height: 40px;color: #1658a0;display: inline-block;padding: 0 10px;border-radius: 6px;transition: .3s all;}
.bs_item ul li p.alink{margin-top: 10px;height:80px;overflow: hidden;}
.bs_item ul li p a:hover{background: #1658a0;color: #fff;}


.jctc ul li{width: 23%;float: left;margin-left: 2%;margin-top: 24px;text-align: center;height: 93px;background-size: cover!important;}
.jctc ul li a{display: block;font-size: 20px;font-weight: bold;color: #fff;line-height: 93px;transition: .3s all;}
.jctc ul li.jc-bg1{background: url("20210305-ks-bg01.png;vpn_img") no-repeat center;}
.jctc ul li.jc-bg2{background: url("20210305-ks-bg02.png;vpn_img") no-repeat center;}
.jctc ul li.jc-bg3{background: url("20210305-ks-bg03.png;vpn_img") no-repeat center;}
.jctc ul li.jc-bg4{background: url("20210305-ks-bg04.png;vpn_img") no-repeat center;}
.jctc ul li:hover a{line-height: 80px;}

.tab2 li{width: 33.33%;}
.rel{position: relative;}
.fjyx{display:inline-block;height: 25px;padding: 0 12px 0 38px;border: 1px #e1e1e1 solid;border-radius: 4px;line-height: 25px;
background: url("20210305-xf.png;vpn_img") no-repeat 12px center;position: absolute;right: 0;top: 0}

.rig-fix{position: fixed;right: 0;top: 420px;z-index: 9999;}
.wxmz{width: 72px;border-radius: 6px 0 0 6px;background: #fff;text-align: center;padding-top: 10px;}
.wxmz li{padding: 7px 0;position: relative;}
.wxmz li span{display: block;height: 30px;}
.wxmz li span.rig01{background: url("20210305-rig01.png;vpn_img") no-repeat center;}
.wxmz li span.rig02{background: url("20210305-rig02.png;vpn_img") no-repeat center;}
.wxmz li span.rig03{background: url("20210305-rig03.png;vpn_img") no-repeat center;}
.wxmz li span.rig04{background: url("20210305-rig04.png;vpn_img") no-repeat center;}

.ewm-box{padding: 20px 20px 10px;background: #fff;border-radius: 6px;position: absolute;right: 92px;top: 0;box-shadow: 0 0 10px rgba(0,0,0,.1);
    text-align:center;width: 126px;}
.ewm-box i{position: absolute;right: -10px;top: 10px;}
.wxmz li .ewm-box span{display: inline-block;width: 118px;height: 118px;background: #f8f8f8;}


.znwd-rig{width: 72px;height: 86px;background: url("20210305-jqr.png;vpn_img") no-repeat center;margin-top: 26px;}
.znwd-rig p{padding-top:55px;text-align: center}

.ss_box2 .btn{font-size: 16px;}
.ss_box2 .inp{width: 70%;}

.search-log .rs_tit1{height: 36px;overflow: hidden;white-space: normal;}
.con_r .list{max-height: 330px;}

.ydtk{background: #fff;padding: 15px 5px 5px;border-radius: 4px;position: absolute;top: 48px;left: 50%;margin-left: -70px;z-index: 99;display: none;}
.ewp{float: left;text-align: center;width: 130px;}
.ewp i{display: inline-block;width:104px;height: 104px;background: #f8f8f8;vertical-align: bottom; }
.ewp em{color: #333;line-height: 22px;display: block;font-size: 12px;margin-top: 5px;}

.seclink a.ydb:hover{background: url("20fjszf_arr11.png;vpn_img") no-repeat center bottom;}
.seclink a.ydb:hover .ydtk{display: block}
.xb_head{position: relative;}

.elmt{display: inline-block;width: 200px;height: 60px;position: absolute;right: 0;top: 50px;}
.gb{position: absolute;top: -20px;left: 0;}

.pho-rq{display: none}



@media screen and (max-width: 1200px){
    .rqtq,.elmt{display: none;}
    .ss_box2{float: right;}
    .tit2{max-height: 76px;}
    .bs_item ul li h5{font-size: 20px;}
    .bs_item ul li p a{font-size: 14px;padding: 0 5px;line-height: 36px;}
    .bs_item ul li p.alink{height: 72px;}
    .jctc ul li a{font-size: 18px;}

}

@media screen and (max-width:999px){
    .xb_logo{float: none;text-align: center;width: 76%;margin-left: auto;margin-right: auto;margin-top: 0;padding: 10% 0 5% 0;}
    .xb_logo img{width: 80%;}

    .ss_box2{float: none;width: 90%;margin: 10px auto 0;}
    .xb_head{padding-bottom: 20px;}
    .rig-fix{display: none;}
    .bs_item ul li,.jctc ul li{width: 48%;margin-top: 15px;}
    .bs_item ul li p.alink{padding: 0 30px;}
    .yqlj_tit a{margin: 0 12px;}
    .ss_box2 .inp{width: 75%;}

    .rqtq{display: block;position: absolute;top: 10px;left: 15px;color: #fff;margin-top: 0;text-align: left}

    .zcjd,.hytj,.lb-xw-nr{float: none;}



}
@media screen and (max-width:750px){
    .xb_logo img {
        width: 90%;
    }

}

@media screen and (max-width:540px){
    .bs_item ul li, .jctc ul li{width: auto;float: none;}
    .bs_item ul li{ padding: 15px 0 10px;}
    .bs_item ul li p span{margin: 5px 5px 0;}
    .bs_item ul li p.alink{margin-top: 5px;}

    .xb_logo{padding: 19% 0 5% 0;}
    .rqtq{font-size: 12px;line-height: 22px}
}