@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;overflow-y:auto;overflow-x:hidden;}
html,body,div,ul,li,dl,dd,dt,a,ol,u,i,b,br,p,span,hr,label,input,select,textarea,button,form,h1,h2,h3,h4,h5,h6,font,strong,em,iframe,img,tr,th,td,q,abbr,acronym{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body{padding:0;margin:0; color:#333;font-size: 14px; font-family: "Microsoft YaHei";  background:#fff; }
input,textarea,select,button{vertical-align:middle;outline:none;color:#333;font-family: "Microsoft YaHei";}
input.active,textarea.active,select.active,button.active,input.on,textarea.on,select.on,button.on{color:#333;}
textarea{resize:none;}
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#da0000;text-decoration:none;}
a:focus{outline:none;}
img,a img {border:none; margin:0; padding:0; border:0; vertical-align:middle;}
.left,.fl{float:left;}
.right,.fr{float:right;}
.cur{cursor: default;}
/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear,.cc{clear:both;font-size:0;line-height:0;height:0;margin-top:0;overflow:hidden;}
h1,h2,h3{font-weight:normal;}
h1{ font-size:20px;}
h2{ font-size:18px;}
h3{ font-size:16px;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
ul,li{ vertical-align:middle;}
.jump-info .btn-group{ padding-left:0!important;}
.pr{position:relative;}
.pa{position:absolute;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.bot20{margin-bottom:20px !important;}
.bgfff{background: #fff;}
.bggray{background: #f4f4f4;}
.pos-rel{position: relative;}
.hide.active{ display: block!important;}
.hidden-title .img-title{ display: none;}
.container{ width: 1200px;}
.container-bg{ background: url("../images_xxgk/sfj-bg.png") top center repeat-x; }
/*头部*/
.header{ background: url("../images_sfj/banner-bg.jpg") top center no-repeat;color: #fff; background-size: 100% 100%; }
.header a{ color: #fff; }
.topAreabg{background: #0086cd; height: 34px; color: #fff; line-height: 34px;   font-size: 12px;}
.topAreabg a{ color: #fff;}
.topLink{ height: 30px;line-height: 30px;z-index: 9;position: relative; }
.topLink li{ float: left; padding: 0 8px;   background: url("../images_xxgk/topline.png") left center no-repeat; }
.topLink li.num1{ background: none;}
.topRight li.sj{ position: relative;}
.topRight li.sj .ewm{ position:absolute; display: none; z-index: 999; left:-32px; top:28px; width: 100px; height: 100px; padding: 6px; background: #fff;}
.topRight li.sj .ewm li{ float: none; padding: 0;}
.topRight li.sj .ewm img{ width: 100px; height:  100px; }
.topRight li.sj:hover  .ewm{ display: block;}
.search-box{width:280px;height:40px;  border-radius: 20px;  background:#fff;;z-index:3;position:absolute; right:0; top:8px; }
.search-box ul li.input{ height: 40px; vertical-align: top; padding: 2px 10px 2px 10px; margin-right: 50px; font-size: 14px;float: none; color: #aaa;  border-right:none;}
.search-box ul li.input .topsearchtext{ width: 100%; vertical-align: top; height: 36px; line-height:36px;border:none; background: none;color: #838383;}
.search-box ul li.input .topsearchtext::-webkit-input-placeholder{color: #838383;}
.search-box ul li.input .topsearchtext:-moz-placeholder{color:#838383;}
.search-box ul li.input .topsearchtext::-moz-placeholder{color:#838383;}
.search-box ul li.input .topsearchtext:-ms-input-placeholder{color: #838383;}
.search-box .sea_an{float:right;width: 50px; height: 40px;  background: url("../images_sfj/search-ico.png") center center no-repeat;     background-size: 30px 30px; }
.search-box .sea_an input{ width: 100%; height: 100%; background: none; border: none; font-size: 0; color: #fff;}
.search-box .msg-box{ top:0;}
.banner-box{  height: 276px;}
.banner-box .banner-font{ position: absolute; right: 0; top:115px;}
.banner-box .logo{ padding-top: 90px;}
.banner-box .logo img,.banner-box .banner-font img{ max-width: 98%;}
.banner-box .logo li,.banner-box .logo ul{ display: inline;}
/*导航*/
.navbg{  background: #2a66cd url("../images_sfj/nav_bg.jpg") right center no-repeat; height:60px;}
.navbox{ height: 60px; line-height: 60px; width: 794px; padding-right: 78px; background: #2a66cd url("../images_sfj/nav_bgl.png?v=1") right center no-repeat;  }
.navbox .navbar-nav{width: 100%;height: 60px; position:relative; }
.navbox .navbar-nav  li{  width: 164px; height: 60px;  float: left;text-align: center; position: static;}
.navbox .navbar-nav  li.on a,.nav ul li:hover a{ background: #337ab7; color: #fff;}
.navbox .navbar-nav  li a{display: block; font-size: 18px;color: #fff;height:100%; font-weight: bold;}
.navbox .navbar-nav  li .ico{ margin-right: 10px;}
.navbox .navbar-nav  li.first {border: none; width: 130px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ color: #fff;}
.navbox .navbar-header{ padding: 0 10px;}
.navbox .navbar-brand{ height:40px; line-height:40px; color:#fff; padding:0;}
.navbox .navbar-brand:hover{ color: #fff;}
.navbar-default .navbar-toggle {border-color: #fff; background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}
.navbox .menulist{ position: absolute; display: none;  width:100%; z-index:7; left: 0; right: 0; top: 50px;   background: #5795c5;  height:56px; line-height:56px;}
.navbox .navbar-nav .menulist ul{ display:block; height:56px; }
.navbox .navbar-nav .menulist li{display: inline; height:56px; line-height:56px; border:none; width:auto;}
.navbox .navbar-nav .menulist li a{display: inline-block; color:#fff; vertical-align: middle; width: auto; line-height: 50px; text-align:center;   padding: 0 15px; font-size: 14px; background: none;}
.navbox .navbar-nav .menulist li a:hover{ background:none;  color:#fff; }
.notice{ height: 42px; background: #f4f3f3; position: relative; padding-top: 8px;}
.gknew_banner{  padding: 45px 0!important;     text-shadow: 0px 0 0px #b0b0b0!important;      font-size: 56px!important;    color: #2d66a5!important; line-height: 1.2; }
/***底部***/
.footer{background: #1b6dd3; color: #fff;}
.footer-con{width: 100%;height: auto;padding:20px 0;  text-align: center; }
.footer-info{font-size: 14px;line-height: 30px;}
.footer-info p img{vertical-align: middle;}
.footer-info p .sp{padding: 0 0.5em;display: inline-block;}
.footer-info p a{display: inline-block; color: #fff;}
.jc_icon{position: absolute;top: 30px;right: 0;}
.dz_icon{position: absolute;top: 20px;left:0;  text-align: center;}
.ewm_icon{position: absolute;top: 0;left:0;  text-align: center;}
@media (max-width: 1199px) and (min-width: 992px){
    .container{ width: 992px;}
    /*导航*/
    .navbox{ width: 640px;}
    .navbox .navbar-nav  li{ width: 128px;}
    .navbox .navbar-nav  li.first{ width: 122px;}
}
@media (max-width:991px) {
    .container{ width: 768px;}
    /*导航*/
    .navbg{ background-image: none; height: auto;}
    .navbox{ width: auto; background-image: none; padding: 0;}
    .search-box{ position:absolute; left:10px; right: 10px; width: auto; top:-60px; }
    .banner-box{ height: auto; padding-bottom: 80px;}
    .banner-box .logo {padding: 20px 0; text-align: center;}
    .banner-box .banner-font{ position: static; text-align: center;}
    .navbox .navbar-nav  li{  width: 20% !important; }
    /***底部***/
    .footer-con{ padding: 15px 0;}
    .dz_icon,.jc_icon,.ewm_icon{ display: inline-block; text-align: center; position: static; width: auto;}
}
@media (max-width: 767px) {
    .container{ width: 100%;}
    /*头部*/
    .topLink{  height: auto;}
    .logo{ text-align: center; }
    /*导航*/
    .navbg{ height: auto;}
    .navbox{ float: none; height: auto; background: #1a6cd2;}
    .navbox .navbar{ height: 50px; width:100%; z-index: 999;}
    .navbox .navbar-nav{ background: #1a6cd2; margin: 0; height: auto; padding-bottom: 10px; position: relative; z-index: 999;  border-bottom: none;}
    .navbox .navbar-header{ height:50px; font-weight:bold;}
    .navbox .navbar-nav  li{float: none; border-bottom: 1px solid #fff; text-align:center; height: 50px; line-height: 50px;   width: auto !important; font-size:20px; margin-left: 0;}
    .navbox .navbar-nav  li.first{ display:none;}
    .navbox .navbar-nav  li i{ display:none;}
    .navbox .navbar-nav  li a{ color: #fff; height: 50px; background: none !important; line-height: 50px;}
    .navbox .navbar-nav  li .ico{ display: none;}
    .navbox .navbar-nav  li.on>a,.navbox .navbar-nav  li>a:hover{background:none !important;}
    .navbox .navbar-brand{  font-size:20px; height:50px;  padding:0 0 0 20px; line-height: 50px; }
    .gknew_banner{ font-size: 40px !important;}
}
@media print{
    a[href]:after {
        content: none!important;
    }
    .container{ width: 1100px!important;}
    .header,.footer{ display:none;}
}