.container{ width: 100%; position: relative; }
.bj-f5f9fa{ background: #f5f9fa url("2018xxzzf_body_bj.png") no-repeat bottom center; }
.bj-f8f8f8{ background: #f8f8f8; }

#top { position: fixed; z-index: 4999; right: 10%; bottom: 10%; display: none; width: 40px; height: 36px; border-radius: 2px; background: url("iconsprite_btbar.png") 8px 6px no-repeat; background-color: #444; background-color: rgba(0, 0, 0, .6); cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, .2);  }
#top:hover{ background-color: #444; background-color: rgba(0, 0, 0, .4); }

.top{ height:30px;line-height:30px;background: url("2018xxzzf_top.png");}
.top_main{width:1200px;height:30px;margin:0 auto}
.top_main_left{float:left;color:#FFF}
.top_main_right{float:right;color:#fff}
.top_main_left a,.top_main_right a{color:#fff;margin:0 10px}
#belog_span{ margin-left: -10px; }
#belog_span a{ color: #90c4f7; display: inline-block; padding-left: 25px; margin:0 0 0 10px }
#belog_span .top-ico01{ background: url("2018xxzzf_icotop01.png") no-repeat left center; }
#belog_span .top-ico02{ background: url("2018xxzzf_icotop02.png") no-repeat left center; }
#belog_span .top-ico03{ background: url("2018xxzzf_icotop03.png") no-repeat left center; }

.header{ height: 255px; background: url("2018xxzzf_banner.jpg") no-repeat center; }
.header .h-banner .logo{ margin-top: 90px; float: left; position: relative; }
.header .h-banner .search{ margin-top: 117px; width: 400px; height: 40px; border: 1px solid #98a2c5;  background-color: #0f4173; background: rgba(15, 65, 115, 0.8); border-radius: 5px; float: right; }
.app-nav-bottom{ display: none; background: url("2018xxz_app_meun1.png") no-repeat center; position: absolute; cursor: pointer; z-index: 99999; border: none;  width: 30px; top: 2px; bottom: 0; right: 10px; }
.search .sr{ display: block; float: left; width: 70%; padding: 0 4%; height: 40px; line-height: 35px; border: none; outline: none; font-size: 16px; color: #fff; background: none; }
.search .btn{ display: block; float: right; width: 22%; padding-left: 6%; height: 40px; border: none; outline: none; background: url(2018xxzzf_search.png) no-repeat left center; font-size: 20px; color: #fff; cursor: pointer;}
.search .btn{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.search .btn:hover{ opacity: 0.7; }

.nav{ height: 55px; line-height: 55px; background: url("2018xxzzf_nav.png");  }
#nav{ height: 55px; overflow: hidden; }
#nav li{ width: 12.5%; height: 100%; float: left; text-align: center; }
#nav li a{ width: 100%; height: 100%; font-size: 20px; color: #fff; }
#nav .on{/* background: url("2018xxzzf_navbj.png") no-repeat center bottom; */ }
#nav li:after{ content: ""; display: block; margin: -5px auto 0; width: 0; height: 3px; background: #fff; }
#nav .on:after{ width: 100%; }

.footer{ margin-top: 30px; background-color: #03396e; }
.footer a,.footer p{ color: #87bce4; font-size: 16px; }
.footer p{ font-size: 14px; }
.footer .link{ height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px solid #0b456f; }
.footer .link a{ display: block; width: 16.66%; height: 100%; float: left; color: #87bce4; font-size: 16px; text-align: center; }
.footer .footer-info { padding: 25px 0; }
.footer .footer-info .col-33{ float: left; }
.footer .footer-info .footer-info-box{ padding-left: 85px; border-left: 1px dashed #7fb4dd; }
.footer .footer-info .footer-info-box img{ margin-left: 10px; margin-top: 8px; text-align: right; }

/* 杩囨浮 */
#nav li:after{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }

/* 瀛椾綋棰滆壊銆佽儗鏅鑹� */
.color900000{color: #900000;}
.color-3271a4{ color: #3271a4;}
.bj-7eef7{background-color: #e7eef7;}
.ma-infinitypush-open { display: block; position: fixed; overflow: hidden; height: 100%; width: 100%; }
.mask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 4999; display: none; width: 100%; height: 100%;}

.box-shadow{ -webkit-box-shadow: 0 0 6px rgba(111, 109, 111, 0.4); -moz-box-shadow: 0 0 6px rgba(111, 109, 111, 0.4);  box-shadow: 0 0 6px rgba(111, 109, 111, 0.4); background: #fff; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;}

/*鍗曞眰tab鍒囨崲1 */
.tab_box{ overflow: hidden; text-align:left; }
.tab_box .hd{ height:40px; border-bottom: 3px solid #eaeaea; }
.tab_box .hd ul li{ padding: 0 15px; line-height: 40px; height: 40px;  float:left;  }
.tab_box .hd .on{  border-bottom: 3px solid #3271a4; }
.tab_box .hd ul li a{ font-size: 18px; }
.tab_box .bd_new ul{ zoom:1; padding: 10px 0; }
.tab_box .bd_new li{  height: 35px; line-height: 35px; padding-left: 15px; background: url("2018xxzzf_ico03.png") no-repeat left center;  }
.tab_box .bd_new li a{ font-size: 16px; display: inline-block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.tab_box .bd_a80 li a{ width: 78%; }
.tab_box .bd_new li:hover a{ color: #015f9d; }
.tab_box .bd_new li:hover span{ color: #015f9d; }
.tab_box .bd_new li span{ display: block; width: 20%; text-align: right; float:right; color: #666666; }

.tab_box .no-tabs{ float:left; line-height: 40px; font-size: 14px; margin-top: 3px; }
.tab_box .no-tabs a{ font-size: 14px; padding: 0 10px; }
.tab_box .no-tabs a:hover{ color: #015f9d; }

/*鍗曞眰tab鍒囨崲2 */
.tab_box2 .hd{ height:40px; line-height: 40px; border-bottom: 1px solid #a8c8e5; background: url(2018xxzzf_zwyw_ld01.png) no-repeat left center; }
.tab_box2 .hd .on{ border-bottom: none; }
.tab_box2 .hd .on a{ color: #3271a4; }
.tab_box2 .hd ul li{ background: url(2018xxz_listnavbg.png) no-repeat right center; }
.tab_box2 .hd ul li:last-child{ background: none; }
.tab_box2 .hd ul li a{ font-size: 20px;  }
.tab_box2 .hd span{ display: block; padding: 0 10px; height: 100%; text-align: center; float: right; }
.tab_box2 .hd span a{ font-size: 14px; }

/* 鍒嗕韩 */
.share{ position: fixed; top: 50%; margin-top: -180px; right: 20px; z-index: 99; }
.share>ul>li { width: 69px; height: 80px; text-align: center; margin-bottom: 10px; cursor: pointer; position: relative; }
.share .share-show { position: absolute; box-shadow: 0 2px 10px rgba(0,0,0,.1); background: #fff; border-radius: 3px; padding:10px; right: 79px; top: -10px; display: none; text-align: center; }
.share .share-fx { right: 79px; top:7px;  }

@media only screen and (max-width: 1200px) {
    /* 澶撮儴 */
    .top{ display: none; }
    .header{ height: auto; overflow: hidden;  }
    .header .h-banner .logo{ width: 100%; margin: 0; padding: 10px 0 10px 10px;float: none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box  }
    .header .h-banner .logo img{ width: 80%; }
    .header .h-banner .search{ margin: 20px auto 0; width: 100%; float: none; z-index: 999; border: 0; border-radius: 0; background: rgba(15, 65, 115, 0.6); }
    .search .sr{ width: calc(100% - 110px); padding: 0 10px;  }
    .search .btn{ width: 80px; padding-left: 20px; }
    .nav{ width: 200px; height: 100%; line-height: inherit; background: #3271a4; position: fixed; right: -200px; top: 0;  z-index: 5000; }
    .app-nav-bottom{ display: block; }
    #nav{ height: 100%; padding-top: 20px; overflow-x: hidden; overflow-y: auto; }
    #nav li{ width: 100%; height: 50px; line-height: 50px; float: none; text-align: center;  border-bottom: 1px solid rgba(255,255,255,.1); }
    #nav li a{  font-size: 16px; }
    #nav .on:after{ width: 65%; }
}

@media only screen and (max-width: 1024px) {
    /* 搴曢儴 */
    .footer .link{ height: auto; line-height: 40px; padding: 10px 0; }
    .footer .link a{  width: 33.33%;  }
    .footer .footer-info { padding: 20px 0; }
    .footer .footer-info .col-33{  width: 100%!important; float: none; text-align: center }
    .footer .footer-info .footer-info-box{ padding-left: 0; border-left: none; text-align: center; }
    .footer .footer-info .footer-info-box img{ margin-left: 10px; margin-top: 8px; text-align: right; }

    .tab_box .bd_a80 li a{ width: 70%; }
    .tab_box .bd_new li span{ width: auto; }
    .tab_box .no-tabs{ display: none; font-size: 12px;}
    .tab_box .no-tabs a{ font-size: 12px; padding: 0 2px; }

    /* 鍒嗕韩 */
    .share{ display: none; }

    .footer{ margin-top: 20px; }
}
@media only screen and (max-width: 320px) {
    .tab_box .bd_a80 li a{ width: 100%; }
    .tab_box .bd_new li span{ display: none; }
}