﻿@charset "utf-8";
/* CSS Document */

/* reset */
a{color:#666;text-decoration:none}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; }

.marB5{ margin-bottom: 5px;}
.marB14{ margin-bottom: 14px;}
.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marB60{ margin-bottom: 60px;}
.marR20{ margin-right: 20px;}
.marR32{ margin-right: 32px;}
.marT9{ margin-top: 9px;}
.marT6{ margin-top: 6px;}

.pad20{ padding: 20px;}
.pad9{ padding: 0 9px 9px;}
.padS9{ padding: 11px 10px;}
.pad19{ padding: 19px;}
.padS20{ padding: 0 20px;}
.padS30{ padding: 0 30px;}


.w590{ width: 590px;}
.w498{ width: 498px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.w370{ width: 370px;}
.w980{ width: 980px;}
.w490{ width: 490px;}
.w180{ width: 180px;}
.w598{ width: 598px;}
.w600{ width: 600px;}
.w830{ width: 830px;}
.w367{ width: 367px;}
.h256{ height: 256px;}
.h326{ height: 326px;}
.h305{ height: 305px;}
.h378{ height: 378px;}

.boxMo{ min-width:1200px;}

.top_bar{ height: 36px; background-color: #f7f8fa; overflow: hidden; display: none;}
.today{ float: left; font-size: 16px; line-height: 36px; color: #063a72; margin-left: 15px;}
.top_search{ position: relative; float: left; width: 710px; height: 60px; margin-top: 280px; margin-left: 14px;}
#top_search_btn{ position: absolute; top: 0; left: 540px; width: 160px; height: 60px; font-size: 22px; background: #EFEFEF; border: none; cursor: pointer;-webkit-appearance:button;border-radius: 0;}
#top_search_keyword{ position: absolute; top: 0; left: 0; width: 540px; height: 60px; font-size: 18px; line-height: 60px; text-indent: 40px; color: #666; background-color: #fff; border: 0px solid #ccc; border-top-right-radius: 0px; border-bottom-right-radius: 0px; outline: none;}

.top_link{ float: right; margin-top: 6px;}
.top_link a{ float: right; width: 28px; height: 22px; margin-left: 20px; background-image: url(../images/icon_topbar.jpg);}
.top_link a.top_mail{ background-position: 0 0;}
.top_link a.top_weibo{ background-position: 0 -22px;}
.top_link a.top_wechat{ background-position: 0 -44px;}

.banner{ position: relative; height: 140px; background: url(../images/banner2.jpg) no-repeat center top; }
.banner_main{height: 594px; background: url(../images/banner1.jpg) no-repeat center top;}
.banner_subpage{height: 433px; background: url(../images/banner2.jpg) no-repeat center top; }
.banner_subpage .top_search{margin-top: 250px;}

.nav{ position: relative; height: 80px; background-color: #187fdd; text-align: center; z-index: 3}
/*.nav_con{ min-width: 1200px; margin: 0 auto;}*/
.nav_tem{ position: unset; float: left; width: 132px; height: 80px; margin-right: 94px; font: 28px/80px "Arial"; color: #fff; text-align: center;}
.nav_tem:first-child{width: 66px;}
.nav_tem:last-child{margin-right: 0px;}
.nav_tem a.nav_link{  color: #fff; padding: 10px 0px;}


.nav_sublist{ display: none;  min-width: 150px; width: 1060px; position: absolute; left: 0px; height: auto; padding: 20px 70px; background-color: #E6F5FD}
.nav_sublist .col{float: left; margin: 0 60px 0 0; text-align: left; }
.nav_sublist .col:last-child{margin-right: 0px;}
.nav_sublist ul{margin: 0px 0 0 0px;}
.nav_sublist ul li{margin: 0px 0 0 0px; line-height: 50px;}
.nav_sublist ol{margin: 0px 0 0 20px;position: absolute;}
.nav_sublist ol li{height: 30px;position: relative;}
.nav_sublist ol li:before { content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; margin-top: -4px; background-color: #dfdfdf; border-radius: 50%;}
.nav_sublist dl{position: absolute; left: 120px; min-width: 120px;}
.nav_sublist dl li{height: 20px; position: relative;}
.nav_sublist dl li:last-child{margin-bottom: 50px;}
.nav_sublist dl li::before{display: none;}
.nav_sub_link{ position: relative;}
a.nav_link2{ display: unset; font-size: 24px; font-weight: bold; line-height: 20px; padding: 0 0 0 15px; color: #006AB9; border-left: 3px solid #006AB9; text-align: center;}
a.nav_link2:hover{ background-color: #a4dfff; color: #11a6ff;}
a.nav_link3{float: left; font-size: 16px; height: 30px; line-height: 30px; color: #201816; margin-left: 20px;}
a.nav_link4{float: left; font-size: 16px; height: 20px; line-height: 20px; color: #7E7D7E; padding: 0 0 10px 20px; border-left: 1px solid #7E7D7E;}
.nav_sublist dl li:last-child a.nav_link4{padding-bottom: 0px;}

.nav_sublist2{ display: none; position: absolute; top: 0; left: 150px; padding: 10px 0; width: 150px; background-color: #c9edff;}
.nav_sublist2 a{ display: block; font-size: 16px; line-height: 20px; padding: 8px 5px; text-align: center; }
.nav_sublist2 a:hover{ font-weight: bold;}

.nav_sublist2.active{ display: block;}

.nav_tem.active{ background-color: #187fdd}
.nav_tem.active .nav_link{font-weight: normal; border-bottom: 3px solid #fff;}
.nav_tem.active .nav_sublist{ display: block;}


.footer{ padding: 40px 0; background: #f1faff;}

.footer_l{ float: left; width: 110px; margin-right: 40px;}
.footer_l img{ margin: 20px 0 0 20px;}

.footer_m{ float: left; width: 550px;}
.footer_des{ font: 14px/26px "Microsoft Yahei"; color: #666}
.footer_des span{ margin-right: 4px;}
.footer_link{ margin-right: 4px;}
a.footer_link:hover{ font-weight: bold;}

.footer_r{ float: right; }
.footer_qrcode{ width: 110px; margin-right: 12px; display: inline-block; vertical-align: top; }
.footer_qrcode img{ width: 110px; height: auto;}
.footer_qrcode p{ margin-top: 5px; font: bold 14px/18px "Microsoft Yahei"; text-align: center; color: #666;}

.sidebar{ position: fixed; left: 50%; bottom: 30px; width: 158px; margin-left: 630px;}
.sidebar img{ width: 100px; height: 100px; border: 1px solid #b1c4ee;}

#test1{
            background-color: aliceblue;
            width: 50px;
            height: 200px;
            position: fixed; left:10px ;top: 150px;
        }
/* .toolbox{z-index: 9999; position: fixed; top: 321px; right: 0px; width: 129px; height: 425px; overflow: hidden; background: url(../images/bg_toolbox.png) no-repeat left top;} */
.toolbox{z-index: 9999; position: fixed; top: 321px; right: 0px; width: 129px; overflow: hidden; background: url(../images/bg_toolbox.png) no-repeat left top;}
.toolbox_item{width:120px;height:130px;line-height:120px;text-align:center;background: #fff;float:right;border:1px solid #D9DADA;}
.toolbox_item i{display: block; height: 68px; margin-top: 8px; }
.toolbox_item span{height: 30px; font: bold 16px/20px "Arial"; color: #606060; }
.toolbox_item:hover{background: #006AB9;}
.toolbox_item:nth-child(1) i{background: url(../images/zw/icon_znkf_b.png) no-repeat center bottom;}
.toolbox_item:nth-child(1):hover i{background-image: url(../images/zw/icon_znkf_w.png)}
.toolbox_item:nth-child(2) i{background: url(../images/zw/icon_wmzx_b.png) no-repeat center bottom;}
.toolbox_item:nth-child(2):hover i{background-image: url(../images/zw/icon_wmzx_w.png)}
.toolbox_item:nth-child(3) i{background: url(../images/zw/icon_qbdh_b.png) no-repeat center bottom;}
.toolbox_item:nth-child(3):hover i{background-image: url(../images/zw/icon_qbdh_w.png)}
.toolbox_item:nth-child(4) i{background: url(../images/zw/icon_znjqr_b2.png) no-repeat center bottom;}
.toolbox_item:nth-child(4):hover i{background-image: url(../images/zw/icon_znjqr_w2.png)}
.toolbox_item:hover span{color: #fff;}
.toolbox1{z-index: 9999; position: fixed; top: 630px; right: 0px; width: 129px; height: 156px;}
.toolbox1_item{width:120px;height:67px;line-height:67px;text-align:center;background: #fff;float:right;border:1px solid #D9DADA;}
.toolbox1_item:hover{background: #006AB9;}

.right {
    float: right;
}

.headerTop{
    width:100%;
    min-width:1240px;
    height: 52px;
    background-color: #4184bb;
    display: '';
}

.headerTop .content{
    color: #ffffff;
    min-width:1240px;
    width:1200px;
    margin: 0 auto;
    line-height: 52px;
    font-size: 14px;
}

.headerTop .content .right a,.headerTop .content .right div{
    display: inline-block;
    color: #ffffff;
    margin-left: 24px;
}

.headerTop .content .right img{
    display: inline-block;
    margin-right: 4px;
    vertical-align: -3px;
}

.headerTop .content .right .ipv img{
    margin-right:0;
    vertical-align: middle;
}

.headerTop .content .slh{
        cursor:pointer; 
        background:#dd0900;
        font-weight:bold;
        margin-top:11px;
        float:left;
        font-size:16px;
        display: inline-block;
        width:96px;
        text-align:center;
        line-height:20px;
        height:20px;
        border-radius:6px;
    }
    .headerTop .content .slh i{
        background:url("http://www.zxgzqz.com/publicTemplete/slh.png") no-repeat;
        width: 17px;
        height: 18px;
        vertical-align: -4px;
        display:inline-block;
        margin-right:6px;
    }