@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px;}
body{ font-family: "Ping Fang SC"; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px; vertical-align:middle; ;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#000;}
a:hover {color:#FF3300;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px; }

input,select {padding:0;margin:0; border:none;}
.wrap {width:1000px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pt25 {padding-top: 25px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
#no {border:none;border:0;}
.red{ color:#e40f41 !important;}
.clear{ clear:both;}
.ml3{ margin-left:3%;}
.mr3{ margin-right:3%;}
.white{ color:#fff !important;}
.bgf0{ background:#f0f0f0;}
.ml1{ margin-left:1%;}
.mr1{ margin-right:1%;}
.mt10{ margin-top:10px;}
.fn{ float:none !important;}
.mr4{ margin-right:4%;}
.pl3{ padding-left:3%;}
.pr3{ padding-right:3%;}
.strong{ font-weight:bold;}
.red{ color:#da261d;}
.blue{ color:#0080ff !important;}
.yellow{ color:#ff8800 !important;}
.grey{ color:#abaaa9 !important;}
.text-center{ text-align:center;}
.hidden{ visibility:hidden;}
.text-right{ text-align:right;}
a:hover{ text-decoration:none !important;}

.mt25{ margin-top:25px !important;}
a:focus{ text-decoration:none;}
.w100{ width:100% !important;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.w100{ width:100%;}
.pr{ position:relative;}
.po{ position:absolute;}


.scale img,.scale { transition:all 0.5s ease; overflow:hidden;}
.scale:hover img{ transform:scale(1.1); transition:all 0.5s ease;}
.pr{ position:relative;}
.pa{ position:absolute;}


/*菜单1*/
@keyframes run{

	from{  bottom: 30px; }
	to{  bottom: 20px; opacity: 0; }
}

header {   }
.head_t{ color: #7f7f80; padding: 20px 0 0px; }
.head_t i{ padding-left: 10px;  font-size: 20px; float: left; margin-top: -5px; margin-right: 5px;}
.head_t span{ display: inline-block; }
.head_b { clear: both; }
.menu_ul > li > a{ display: block; font-size: 16px; color: #737374; padding: 20px 15px 30px}
.yy_a a{ display: inline-block; color: #7f7f80; display: inline-block; padding: 0 2px;}
.wx{ float: right; display: inline-block; margin-left: 10px;  margin-top: -10px;}
.wx i{ font-size: 30px; margin: 0; padding: 0;}
.wx span{ display: inline-block; margin-left: 5px; position: relative;}
.wx span img{ width: 100px; position: absolute; top: 80px; left: -33px;z-index: -1;  opacity: 0;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;

 }
.wx span:hover img{ z-index: 10; opacity: 1; top: 40px;}
.wx span:nth-child(1) i{color: #3dbe5b;  }
.wx span:nth-child(2) i{color: #e05953;  }
.wx span:nth-child(3) i{color: #4497cb;  }
.ssuo{ cursor: pointer; float: right; display: inline-block; line-height: 65px; }
.logo {   position: absolute; top: 25px; left: 1px;}
.ban_lay{ position: absolute; top: 0; left: 0px;  width: 100%; height: 100%; padding-top: 15%; background: rgba(0,0,0,0.4); text-align: center;    }
.ban_lay h3{ font-size: 60px; color: #f2f6f9; text-shadow: 0px 0px 3px rgb(177, 173, 173); margin-bottom: 15px;}
.ban_lay p{  font-size: 29px; color: #f2f6f9; text-shadow: 0px 0px 3px rgb(177, 173, 173);}
.pagination_ban .swiper-pagination-bullet{ width: 12px; height: 12px; background:#fff; opacity: 1;}
.pagination_ban .swiper-pagination-bullet-active{ background: #1c5292;}

.ban_b{ border-bottom: 1px solid #f2efef; background: #fafbfe; padding: 40px 0px; text-align: center; font-size: 16px; color: #5b5b5c; line-height: 30px;}
.ban_b h3{ font-size: 28px; color: #5b5b5c;}
.line{ display:  inline-block; width: 37px; height: 3px; background: #0c3a71; margin: 10px 0 15px;}
.fwxm{ padding: 40px 0;}
.fwxm .index_h3{ position: relative; }
.fwxm .index_h3 > a{ float: none !important; margin-top: 0; font-size: 28px;display: block; color: #5b5b5c; position: relative; margin-bottom: 45px;}
.index_h3:after{ content: ""; width: 37px; height: 3px; background: #0c3a71; position: absolute; left: 0; bottom: -15px;}
.fwxm_a{ text-align: center; display: block; background: #fafbfe; border: 1px solid #f2efef; box-shadow: 0px 4.33px 5px 0px rgb( 233, 230, 230 );}
.inner .index_h3{ position: relative; margin-bottom: 40px;}

.fwxm_a h3{ font-size: 18px; color: #fff; padding: 25px 0; text-align: center; background: #5a5a63; border-top: 1px solid #f2efef;}
.fwxm_a .fw_img{ height: 145px; line-height: 145px;}
.fwxm_in .next_fwxm,.fwxm_in .next_gsxw{ width: 33px; height: 33px; background: url("../images/next.jpg") no-repeat; top: -40px; right: 0;}
.fwxm_in .prev_fwxm,.fwxm_in .prev_gsxw{ width: 33px; height: 33px; background: url("../images/prev.jpg") no-repeat; top: -40px; right: 40px; left: auto;}


.swiper-button-next:focus,.swiper-button-prev:focus{ outline: none;}
.gsxw_a{ display: block; box-shadow: 0 4px 10px 0px #eae8e8; margin-bottom: 10px; background: #fff;}
.gsxw_b{ border: 1px solid #e9e7e7; padding: 20px 10px; }
.gsxw_b h3{ font-size: 16px; color: #5b5b5c;}
.gsxw_b span{ display: block; color: #929495; margin: 5px 0 0;}
.gsxw_b p{ color: #717372; line-height: 25px;}
.zx_dl{ overflow: hidden; }
.zx_dl dt{ width: 40%;  float: left;}
.zx_dl dd{ width: 57%; float: right; }
.zx_dl dd h3{ font-size: 16px; color: #5b5b5c;  }
.zx_dl dd span{ display: block; color: #929495; margin: 10px 0;}
.zx_dl dd p{ color: #717372; line-height: 25px;}
.zx_ul{ margin-top: 10px; }
.zx_ul li{ float: none; overflow: hidden;  border-bottom: 1px solid #e9e7e7; padding: 13px 0;}
.zx_ul li:last-of-type{ border-bottom:none;  }
.zx_ul a{ display: block; overflow: hidden; float: left; width: 100%; }
.zx_ul span{ display: inline-block; }
.zx_ul span.fl{ width: 60%;  font-size: 16px; color: #5b5b5c;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.zx_ul span.fr{ color: #929495; font-size: 14px; }
.gd_dl{ cursor: pointer; background: #fafbfe; border: 1px solid #e9e7e7; margin-bottom: 5px;}
.gd_dl dt span{ background: transparent; width: 24px; height: 24px; text-align: center; line-height: 24px; position: absolute; top: 10px; left: 15px;}
.gd_dl dt span i{ color: #04366f; font-size: 20px; font-weight: bold;}
.gd_dl.active dt span i{ color: #fff; }
.gd_dl dt { padding: 10px 20px 10px 15px;  position: relative; padding-left: 50px; font-size: 16px; color: #5b5b5c;font-weight: normal;}
.gd_dl dd{ display: none;  color: #717372; line-height: 25px; padding: 0px 20px 20px 50px;}
.gd_dl dd a{  color: #717372; }
.gd_dl.active dt span{ background: #04366f;}
.gd_dl.active dd{ display: block; color: #717372;}
.gd_dl.active dd a{ color: #717372; }
footer{ background: #071e3b; padding-top: 35px; }
.foot_ul li{ width: 16%; color: #908c8c; line-height: 30px;}
.foot_ul li:last-of-type{ width: 20%; }
.foot_ul h3{ font-size: 16px; color: #fff; margin-bottom: 10px;}
.foot_ul h3 a{ font-size: 16px; color: #fff;}
.foot_ul a{ display: block; color: #908c8c; padding:  0px 0; font-size: 14px;}
.link_p{ padding: 10px 0; }
.link_p,.link_p a{ color: #908c8c; font-size: 14px;}
.link_p a{ display: inline-block; margin-right: 5px;}
.copy{ font-size: 14px; text-align: center;  color: #908c8c; padding: 10px 0; border-top: 1px solid #192e49;}
.banin_lay{ background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.load{ overflow: hidden; background: #fafbfe; height: 75px; line-height: 75px; border-bottom: 1px solid #f2efef;}
.inner{ padding: 30px 0; font-size: 16px; color: #5b5b5c; line-height: 30px;}
.fwxm_list{ margin-bottom: 25px;}
.fw_h4{ font-size: 18px; color: #3c3c3d; margin-bottom: 20px; font-weight: bold; }
.fw_ul li{ width: 25%; font-size: 16px; color: #5a5b5d; margin-bottom: 10px;}
.fw_ul li img{ float: left; margin-right: 5px; margin-top: 7px;}
.fw_ul{ overflow: hidden; margin-bottom: 40px; padding: 20px 30px; border: 1px solid #f2efef; border-bottom: none; box-shadow: 0 5px 5px 0 #e6e4e4;  }
.fs .scale{ box-shadow: 0 0 5px 0 #ccc; margin-bottom: 15px;}
.inner_fwdes{ font-size: 14px; line-height: 30px; color: #777879; }
.fw_why{  border-top: 1px solid #dcdcdc; padding-top: 20px; margin-top: 20px;}
.fw_why p{ color: #04366f;}
.fw_lx{ margin-top: 40px; font-weight: bold; border: 1px solid #f2efef; border-bottom: none; background: #fafbfe; box-shadow: 0 5px 5px 0 #e6e4e4; padding: 20px 35px; line-height: 30px;}
.fw_lx h3{   font-size: 14px; margin-bottom: 10px; font-weight: bold;}
.load_ul li a{ display: block;  font-size: 16px; color: #5a5b5d; padding: 0 20px;}
.load_ul { float: left; }
.load_p{ float: right; }
.load_ul li.active{ background: #0c3a71; color: #fff; }
.load_ul li.active a{ color: #fff; }
.about{  font-size: 16px; color: #717372; line-height: 35px; margin-bottom: 30px;}
.kf_w{ border: 3px solid #edeef1;}
.kf_w h3{ text-align: center; font-size: 16px; color: #5a5b5d; padding: 15px 0; background:#edeef1; }
.kf_list{ margin-bottom: 20px;}
.ly_list a{ display: block; }
.ly_list h3{ background: #5a5a63; padding: 20px 0; text-align: center; color: #fff; font-size: 18px; margin-top: 1px;}
.ly_list{ margin-bottom: 35px;}
.zt_w{ border-bottom: 1px solid #e5e5e5; padding: 20px 0;  }
.zt_ul li{ float: none; padding: 3px 0; overflow: hidden;}
.zt_ul a{ display: block; }
.zt_ul span.fl{ width: 60%; font-size: 16px; color: #5b5b5c; }
.ztcons{ color: #5b5b5c; line-height: 30px; margin-bottom: 30px; }
.index_h3 a{ float: right;  color: #0c3a71; margin-top: 3px; font-size: 16px;}
.zxgd_ul li{ float: none;  border: 1px solid #f2efef; padding: 15px; position: relative; margin-bottom: 25px; padding-left: 120px;}
.zxgd_ul a{ display: block; }
.zxgd_ul span{border: 1px solid #f2efef; text-align: center;  font-size: 17px; padding-top: 10px; color: #5a5b5d; display: inline-block; width: 82px; height: 76px; background: #fafbfe; position: absolute; top: 15px; left: 15px;}
.zxgd_ul h3{ font-size: 16px; color: #5b5b5c; margin-bottom: 10px; }
.zxgd_ul p{ color: #717372; line-height: 25px;}
.zxgd_ul span i{ font-size: 18px; font-style: normal; display: block;}
.newdes_titl{ font-size: 24px; color: #5b5b5c;  font-weight: bold;}
.admin{ color: #929495; margin: 10px 0 20px; }
.newdes{ font-size: 16px; color: #7b7c7c; line-height: 30px; }
.newdes img{ max-width: 100%; }
.tj{  border: 1px solid #f5f5f5; border-bottom: none; box-shadow: 0 5px 5px 0 #e8e5e5; padding: 20px; margin-bottom: 10px;}
.tj_h3{ font-size: 18px; color: #0c3a71; margin-bottom: 10px; font-weight: bold;}
.tj_ul li{ float: none; margin-bottom: 15px;}
.tj_ul a { display: block;}
.tj_ul h3{ font-size: 16px; color: #5b5b5c; line-height: 25px; margin-bottom: 10px;}
.tj_ul p{ color: #929495;}
.pain{  border-bottom: 1px solid #f5f5f5; padding: 15px 0; }
.pain:last-of-type{ border-bottom: none; }
.pain > h3{ font-size: 18px; color: #5b5b5c; margin-bottom: 10px; font-weight: bold;}
.pain a{ display: block;}
.pain a h3{ font-size: 16px; color: #5b5b5c; margin-bottom: 5px;}
.pain p{ color: #929495;}
.zxnc_list{ margin-bottom: 15px;  }
.zxnc_b{ border: 1px solid #f2efef; padding: 20px 10px; background: #fafbfe; color: #717372; line-height: 25px;}
.zxnc_b h3{ font-size: 16px; color: #5b5b5c; margin-bottom: 10px;}
.zxnc_dl dt{ cursor: pointer; border: 1px solid #f2efef; padding: 20px 15px; font-weight: normal;}
.zxnc_dl dt h3{ font-size: 18px; color: #5b5b5c; margin-bottom: 10px; font-weight: bold;}
.zxnc_dl dt p{ color: #929495; }
.zxnc_dl dd{ display: none; padding: 20px 15px; background: #fafbfe; color: #717372; line-height: 30px; border: 1px solid #f5f5f5;}
.zxnc_dl dd h3{ font-size: 16px; color: #717372; margin-bottom: 10px; font-weight: bold;}
.zxnc_dl dd .jl{ font-size: 16px; color: #0c3a71; font-weight: bold;}
.zxnc_dl { margin-bottom: 2px; }
.map_in{ display: none; }
.map_in.active{ display: block; }
.map_w{ overflow: hidden; border: 1px solid #f2efef; background: #fafbfe;}
.map_l{  border-right: 1px solid #f2efef; width: 20%; padding-top: 8%;}
.map_r{ width: 80%; }
.map_l_ul li{ cursor: pointer; width: 80%; float: none; text-align: center; margin:0 auto 10px; font-size: 16px; font-weight: bold; padding: 10px 0; background: transparent; border-radius: 4px;}
.map_l_ul li.active{background: #5a5a63;color: #fff; box-shadow: 2.5px 4.33px 5px 0px rgb( 233, 230, 230 );}
.liuy{ background: #fafbfe; border-top: 1px solid #f2efef; padding: 30px 0;}
.liuy p{ color: #424243;  margin-bottom: 5px;}
.liuy input,.liuy textarea{ width: 100%; height: 60px; line-height: 60px; border: 1px solid #e1e1e2; border-radius: 4px; background:#fff;  margin-bottom: 10px; }
.liuy textarea{  height: 160px; resize: none;  margin-bottom: 30px;}
.liuy button{ border: none; background: #09396b; color: #fff; padding: 13px 49px; border-radius: 4px;  box-shadow: 2.5px 4.33px 5px 0px rgb( 233, 230, 230 );}
.sec_ul{box-shadow: 0px 3px 5px 0px rgb(182, 171, 171); display: none; position: absolute; top: 100%; left: -25%; width: 150%; background: #fff;  z-index: 10;}
.sec_ul li{ float: none; position: relative; }
.sec_ul li:after{ content: ""; width: 100%; height: 0;  background: #0c3a71; position: absolute; top: 0px; left: 0;}
.sec_ul li:hover:after{ height: 100%; }
.sec_ul li a{ display: block; padding: 5px 25px; font-size: 13px; text-align: left; color: #737374; position: relative;z-index: 1;}
.sec_ul li:hover a{ color: #fff; }

.menu_ul li { position: relative; }
.menu_ul > li:after{ content: ""; width: 0; height: 6px; background: #0c3a71; position: absolute; left: 0; bottom: 0; }





.menu_ul > li.active:after,.menu_ul > li:hover:after{ width: 100%; }
.menu_ul > li:hover > a,.menu_ul > li.active > a{ color: #0c3a71; }
.searchbox {
    padding: 44px 0 38px;
    box-shadow: 0px 0px 7px 0px rgb(207, 207, 207);
    background: #fff;
    position: fixed;
    left: 0;
    width: 100%;
    right: 0;
    top: 129px;
    border-top: 2px solid #09396b;
    text-align: center;
    z-index: 44;
    display: none;
}
.searchs {
    max-width: 600px;
    margin: 0 auto;
}
.searchs .sertext {
    display: block;
    float: left;
    padding: 0;
    outline: none;
    padding-left: 12px;
    width: 460px;
    float: left;
    border: 1px solid #cdcdcd;
    color: #a2a2a2;
    font-size: 12px;
    height: 52px;
    line-height: 52px;
    transition: 0.4s;
}
.serbtn {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    width: 129px;
    float: right;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #09396b;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    transition: 0.44s;
}

header.active{ position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 100; border-bottom: 1px solid #eee;}
header.active .head_t { display: none; }
header.active .logo{ width:200px; top: 12px; }
header.active .logo img{ width: 100%; }
header.active .menu_ul > li > a{padding: 30px 15px;}
header.active .ssuo{ line-height: 81px; }
header.active .searchbox{ top: 83px;}


.gsxw_b h3,
.zx_dl dd h3,
.gd_dl dt,
.zt_ul span.fl,
.zxgd_ul h3,
.pain a h3
{
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}


.zxgd_ul p,
.tj_ul h3{

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

 display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 2;

 display: -ms-box;
-ms-box-orient: vertical;
-ms-line-clamp: 2;

 display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;

overflow: hidden;

}

.zx_dl dd p,
.gd_dl.active dd a{

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

 display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 3;

 display: -ms-box;
-ms-box-orient: vertical;
-ms-line-clamp: 3;

 display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 3;

overflow: hidden;
}

.gsxw_b p{

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;

 display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 4;

 display: -ms-box;
-ms-box-orient: vertical;
-ms-line-clamp: 4;

 display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 4;

overflow: hidden;
}



.fwxm_a:hover h3{ box-shadow: inset 0 0 0px 33px rgba(0,0,0,0.3); background: #04366f; }
.zx_dl dt a{display: block;}
.gsxw_a:hover{ background: #04366f; }
.gsxw_a:hover h3,.gsxw_a:hover p,.gsxw_a:hover span{ color: #fff; }



.zx_dl:hover h3,
.zx_ul li:hover span.fl,
.load_p a:hover,
.zt_ul li:hover span,
.tj_ul li:hover h3,
.pain:hover a h3{ color: #04366f; }

.index_h3 a:hover{ font-weight: bold; }



.fx_h3{ margin-top: 20px; }
.sha_w{ display: inline-block; width: 32px; height: 32px; border-radius: 100%; text-align: center; position: relative; line-height: 32px; margin-right: 15px;  }
.sha_w span{ display: inline-block;  width: 32px; height: 32px; border-radius: 100%; border:1px solid #fff; border-radius: 100%;   position: absolute; top:0; left: 0; z-index: 1;}
.sha_w span i{ color: #fff; font-size: 20px; }
.sha_w a{ background-image: none !important; width: 32px; height: 32px !important; padding: 0px !important; margin: 0px !important; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; }
.foot_ul a:hover,.link_p a:hover{ color: #fff; }
.copy a{color: #cccccc;  }
.logo_phone{ position: absolute; top: -1px; left: 10px; }
.logo_phone img{ width: 130px; }
.mdui-list li{ float: none; }
.fwxm_zx .col-md-6{ margin-bottom: 20px; }
.mobile-foot {
    background: #071e3b;
    padding: 8px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
  }
.mobile-foot a {
    color: #fff;
    height: 35px;
    line-height: 33px;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    padding: 0 15px;
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.zxnc_dl dt{ position: relative; }
.zxnc_dl dt i{  font-size: 40px; position: absolute; top: 15px; right: 20px; color: #d2d2d2; }
.load_ul li{ position: relative; }
.load_ul li a{ position: relative; z-index: 2; }
.load_ul li:before{ content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #0c3a71;}
.load_ul li:after{ content: ""; width: 0; height: 100%; position: absolute; top: 0; right: 0; background: #0c3a71;}
.load_ul li:hover:before,.load_ul li:hover:after{ width: 51%; }
.load_ul li:hover a{ color: #fff; }
.zxnc_dl.active dt{ background: #5a5a63;  color: #fff;}
.zxnc_dl.active dt h3,.zxnc_dl.active dt p,.zxnc_dl.active dt i{ color: #fff; }
.zxnc_dl.active dd{ display: block; }

.ly_list:hover h3{     background: #071e3b;  box-shadow:inset 0 0 0 28px rgba(0,0,0,0.3);}
.zxgd_ul li:hover span{  background: #5a5a63; }
.zxgd_ul li:hover span,.zxgd_ul li:hover span i{ color: #fff; }
.gsxw_a02{  background: #fafbfe; }
.xz{ float: left; margin-right: 10px; display: inline-block; width: 45px; height: 45px; background: #d2d2d2; border-radius: 100%; text-align: center; line-height: 45px;}
.xz i,.fx_in span i{ font-size: 20px; color: #fff;}
.fx{ display: inline-block; }
.fx_in{  display: inline-block; width: 45px; height: 45px; background: #d2d2d2; border-radius: 100%; text-align: center; line-height: 45px; position: relative; }
.fx_in span{ display: inline-block;  width: 45px; height: 45px; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.fx_in a{ width: 45px; height: 45px !important; background-image: none !important; padding: 0px !important; margin: 0px !important; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; }
.newdes_sha_l{ width: 130px; height: 45px; border-right: 1px solid #d2d2d2;  }
.return{ color: #555454; float: right; display: inline-block; margin-top: 7px;}
.return i{ color: #0c3a71; font-size: 30px;  float: left; margin-right: 5px;}
.newdes_sha{ margin-bottom: 25px;  }
.liuy button:hover{ box-shadow:inset 0 0 0px 22px rgba(0,0,0,0.3) }



.menu_ul > li:after,
.sec_ul li:after,
.logo,
.menu_ul > li > a,
.ssuo,
.fwxm_a h3,
.fwxm_a,
.gsxw_a,
.load_ul li:before,
.load_ul li:after,
.ly_list h3,
.zxgd_ul li span,
.liuy button{

transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}




#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}
#page li{ float:left; padding:5px 14px; border-bottom:3px solid transparent; margin-right:6px; color:#908f8f; font-size:18px; list-style:none;}
#page li:hover{border-bottom:3px solid #0c3a71;}
#page li:hover a{color:#908f8f}
#page li a{ color:#908f8f; display: block;}
#page li.active,#page .thisclass{border-bottom:3px solid #0c3a71;  color:#908f8f}
#page li.active a{ color:#fff}

.rightfix {
    position: fixed;
    top: 200px;
    right: 0px;
    width: 40px;
    border: 1px solid #dee2e7;
    border-right: none;
    z-index: 2;
    border: 1px solid #dee2e7;
    background: #fff;
}

.fix_ul li {
    font-size: 12px;
    color: #696d73;
    text-align: center;
    float: none;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    color: #fff;
}
.fix_ul li i {
    font-size: 20px;
        color: #848484;
}

.fix_ul li:nth-child(2n){    background: #eaeaea;}

.right_div {
    opacity: 0;
    position: absolute;
    right: -100px;
    top: 0px;
    background: #fff;
    padding: 5px;
    line-height: 30px;
    transition: all .2s ease-in-out;
    min-width: 120px;
        border: 1px solid #dee2e7;
}
.right_div img{ width: 110px; }

.fix_ul li:hover a{ color: #848484;}
.fix_ul li:hover .right_div{  opacity: 1; right: 40px;}
.fix_ul li:hover{    background: #04366f;}
.fix_ul li:hover i{ color: #fff; }
 button:focus{ outline: none; }
 .yy_a a:hover{ color: #071e3b;  }
 .video{ width: 100%; }
 .videoimg{ display: none; }
 .banner{ overflow: hidden; }
 .fw_img img{ max-width: 100%; }


.liuy input, .liuy textarea{ padding-left: 10px; }
input:focus,textarea:focus,button:focus{outline: none;}
.zxgd_ul li{ min-height: 109px; }
.gsxw_b{ min-height: 194px; }



.video_lay{ width: 1000px; display: inline-block; background: rgba(12, 58, 113, 0.99); padding:60px 30px;     font-size: 16px;
    color: #f6f7f6;  line-height: 25px; margin-top: 46px;}


.about01{ line-height: 25px; }
.about01 p{ margin-bottom: 20px; }
.map_l{ text-align: center; }
.map_l_ul{ display: block; }

ol li{ float: none; list-style: inherit; }

header ul li,
.rightfix li,
.foot_ul li,
.load_ul li
#page li,
.fw_ul li,
.zxgd_ul li,
.load_ul li
{ float: left; list-style: none; }


.map_l_ul li,.tj_ul li{ float: none; list-style: none;}



#allmap{ height: 500px; }
.map_w{ margin-bottom: 20px; }
.map_r{ height: 550px; position: relative;}
.map{  position: absolute; top: 0; left: 0;  right: 0; }
.map.active{ opacity: 1; }
.map_r .BMap_bubble_content{ color: #666; }






@media(max-width: 1600px){

   .ban_lay h3{ font-size: 50px; }
   .ban_lay p{ font-size: 26px; }




}

@media(max-width: 1199px){

  .logo img{ width: 200px; }
  .ban_lay h3{ font-size: 40px; }
  .ban_lay p{ font-size: 20px; }
  .ban_b h3{ font-size: 24px; }
  .ban_b{ font-size: 14px; line-height: 25px; }
  .fwxm_a h3{ padding: 20px 0; font-size: 16px;  }
  .video_lay{ margin-top: 19px;    padding: 24px 30px;}

}
@media(max-width: 1000px){
  body{ padding-top: 48px; padding-bottom: 40px; }
  header,footer{ display:none !important; }
  .header{ display: block !important; }
  .ban_lay h3{ font-size: 30px; }
  .ban_lay p{ font-size: 16px; }
  .ban_lay{ padding-top: 18%; }
  .mobile-foot{ display: block; }
  .fw_ul li{ width: 33.333%; }
  .load_ul li a{     padding: 0 10px; }
  .ly_list h3{ padding: 15px 0; }
  .index_h3{ font-size: 24px; }
  .newdes_sha_l{ width: 110px; }
  .rightfix{ display: none; }
   .video{ width: 100%; display: none;}
   .videoimg{ display: block; }
   .video_lay{ display: none; }


}


@media(max-width: 480px){
  .ban_lay h3{ font-size: 24px;  margin-bottom: 10px;}
  .ban_lay p{ font-size: 14px; }
  .ban_lay{ padding-top: 15%; }
  .ban_b h3{ font-size: 20px; line-height: 25px; }
  .index_h3{ font-size: 20px; }
  .fwxm_a h3{ padding: 15px 0; font-size: 14px; }
  .zx_dl dd p{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    display: -ms-box;
    -ms-box-orient: vertical;
    -ms-line-clamp: 2;
    display: -o-box;
    -o-box-orient: vertical;
    -o-line-clamp: 2;
    overflow: hidden;
   }

   .zx_dl dd span{ font-size: 12px; margin: 5px 0 0; }
   .zx_ul li{ padding: 10px 0; }
   .load{ height: 60px; line-height: 60px; }
   .banin > img{   }
   .inner{ font-size: 14px; line-height: 25px; }
   .fwxm_list,.ly_list,.kf_list,.ab_list { margin-bottom: 15px; }
   .fwxm_list:nth-child(2n+1),.ly_list:nth-child(2n+1),.kf_list:nth-child(2n+1){ padding-right: 7.5px; }
   .fwxm_list:nth-child(2n),.ly_list:nth-child(2n),.kf_list:nth-child(2n){ padding-left: 7.5px; }
   .fw_ul li{ width: 50%;  font-size: 14px;}
   .fw_ul li img{ margin-top: 5px; }
   .fw_lx{ padding:15px;  }
   .fw_lx h3{ line-height: 25px; }
   .load_ul{ display: none; }
   .about{ font-size: 14px; line-height: 25px; }
   .ly_list h3{ padding: 10px 0; font-size: 14px; }
   .kf_w h3{ font-size: 14px; }
   .zxnc_dl dd{ line-height: 25px; }
   .fwxm_list02{ padding: 0 15px !important; }
   .zxgd_ul span{ width: 70px; height: 65px; font-size: 12px;  top: 10px; left: 10px;}
   .zxgd_ul span i{ font-size: 16px; }
   .zxgd_ul li{ min-height: 94px; padding: 15px; padding-left: 96px; margin-bottom: 15px; float: none;}
   .zxgd_ul p{ font-size: 13px; line-height: 20px; }
   .newdes_titl{ font-size: 20px; }
   .newdes_sha{ margin-top: 20px; }
   .map_l,.map_r{ width: 100%; float: none; }
   .map_l_ul{ padding: 0px 25px; }
   .map_l_ul li{ width: 45%; float: left; font-size: 14px;}
   .map_l_ul li:nth-child(1){ width: 100%; }
   .map_l_ul li:nth-child(2n+1){ float: right; }
   .map_in #dituContent1,.map_in #dituContent2,.map_in #dituContent3,.map_in #dituContent4,.map_in #dituContent5{ height: 300px !important; }
   .liuy input, .liuy textarea{ height: 40px; }
   .liuy textarea{ height: 80px; }
   .liuy button{ width: 100%; }
    #page li{ font-size: 12px; padding: 2px 3px; }
    .kf_w h3{ padding: 5px 0px; line-height: 25px; font-size: 12px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .zxnc_dl dt i{ font-size: 28px; }

    .map_l_ul{ overflow: hidden; }
    #dituContent,
    #dituContent2,
    #dituContent3,
    #dituContent4,
    #dituContent5,.map_r { height: 250px !important; }

}