@charset "UTF-8";

/* Css Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {

  margin: 0;

  padding: 0;

}

html, body{

  width: 100%;

  height: 100%;

  overflow: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

}

body {

  font: 14px/1.8 Arial, "Microsoft YaHei", sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

  -webkit-text-size-adjust: none;

  margin: 0px;

  padding: 0px;

}

body, td, th {

  font: 14px/1.8 Arial, "Microsoft YaHei", sans-serif;

  color: #555555;

  line-height: 26px;

}

td, th, caption {

  font-size: 14px;

}

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

  font-size: 100%;

}

address, caption, cite, code, dfn, em, th, var {

  font-style: normal;

  font-weight: normal;

}

img {

  border: none;

}

ol, ul, li {

  list-style: none;

}

input, textarea, select, button {

  font: 12px/1.8 "montserrat", Arial, "微软雅黑", "Microsoft YaHei", sans-serif;

}

input, textarea, select {

 *font-size:100%;

 -webkit-appearance: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

a{

  text-decoration:none;

  -webkit-transition:all 200ms linear;

    -moz-transition:all 200ms linear;

    -o-transition:all 200ms linear;

    transition:all 200ms linear;

}

a:link {

  color: #555555;

  text-decoration: none;

}

a:visited {

  text-decoration: none;

  color: #555555;

}

a:hover {

  text-decoration: none;

  color: #0653ac;

}

a:active {

  text-decoration: none;

}

dl, dd, dt {

  line-height: 23px;

  margin: 0px;

  padding: 0px;

}



/* 滚动条 */

::-webkit-scrollbar {/*滚动条整体样式*/

  width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

  border-radius: 4px;

  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);

  background: #0653ac;

}

::-webkit-scrollbar-track {/*滚动条里面轨道*/

  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);

  border-radius: 4px;

  background: #EDEDED;

}



/* 公共样式 */

.clearfix:before, .clearfix:after {

  content: "";

  display: table;

}

.clearfix:after {

  clear: both;

  overflow: hidden;

}

.clearfix {

  *zoom: 1;

}

.lt, .left {

  float: left;

}

.rt, .right {

  float: right;

}

.clear, .clr {

  clear: both;

}

.clearfix:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}

.f-cb{

    zoom:1;

}

.f-cb:after{

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

    overflow:hidden;

    content:".";

}

.por{

    position: relative;

}

.poa{

    position: absolute;

}

.poa-f{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.ovh{

    overflow: hidden;

}

.noselect{

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}

.z1{

    z-index: 1;

}

.z2{

    z-index: 2;

}

.z3{

    z-index: 3;

}

.dn{

    display: none;

}

.width-full{

    width: 100%;

}

.height-full{

    height: 100%;

}

.dib{

    display: inline-block;

}

.indent {

  text-indent: 2em;

}

.m70{

  margin-top: 70px;

}

.m60{

  margin-top: 60px;

}

.m40{

  margin-top: 40px;

}

.m50{

  margin-top: 50px;

}

.w1200 {

  width: 94%;

  margin: 0px auto;

}



.text-center{

  text-align: center;

}



/* 字号 */

.font156{

  font-size: 156px;

}

.font60{

  font-size: 60px;

}

.font36{

  font-size: 36px;

}

.font30{

  font-size: 30px;

}

.font26{

  font-size: 26px;

}

.font24{

  font-size: 24px;

}

.font20{

  font-size: 20px;

}

.font18{

  font-size: 18px;

}

.font16{

  font-size: 16px;

}



img{

  max-width: 100% !important;

  height: auto !important;

  display: block;

}



/* 字体颜色 */

.white{

  color: #ffffff;

}

.white a:link {

  color: #ffffff;

  text-decoration: none;

}

.white a:visited {

  text-decoration: none;

  color: #ffffff;

}

.white a:hover {

  text-decoration: none;

  color: #ffffff;

}

.white a:active {

  text-decoration: none;

}

.blue{

  color: #b9c0cf;

}

.blue a:link {

  color: #b9c0cf;

  text-decoration: none;

}

.blue a:visited {

  text-decoration: none;

  color: #b9c0cf;

}

.blue a:hover {

  text-decoration: none;

  color: #b9c0cf;

}

.blue a:active {

  text-decoration: none;

}



.table{

  width: 100%;

  border: none;

  margin-bottom: 0 !important;

  border-collapse: collapse;

border-spacing: 0;

table-layout: fixed;

}

.table th, .table td{

  border-top: none !important;

  border-bottom: 1px #eee solid;

  height: 48px;

  line-height: 48px;

  font-size: 14px;

  padding: 0 20px !important;

}

.table th p, .table td p{

  line-height: 48px;

}

.table th{

  background: #0653ac;

  color: #fff;

}



/*分页*/

.page{margin-top:20px;overflow: hidden;text-align: center;}

.page a,.page span{ display:inline-block;line-height:32px; padding:0 8px; border:1px solid #e5e5e5; background-color:#fff; margin-right:10px; font-size:13px; color:#888; cursor:pointer;}

.page a:hover,.page a.active{ border:1px solid #0653ac; background-color:#0653ac; color:#fff;}

.pg-ig{ margin-top:25px;}

#espcms_bbs_pagination{margin:25px 0;}



/*头部*/

.header{

  width: 100%;

  background: #ffffff;

  position: relative;

  z-index: 999;

}

.header .top{

  width: 100%;

  height: 33px;

  line-height: 32px;

  border-bottom: 1px #eeeeee solid;

}

.header .top .mb_show{

  display: none;

}

.header .top .rt{

  position: relative;

  z-index: 1;

}

.header .top .rt .lan{

  display: none;

  cursor: pointer;

  background: url('../img/jt_01.png') no-repeat center right;

  padding-right: 14px;

}

.header .top .rt .lan.open{

  background: url('../img/jt_02.png') no-repeat center right;

}

.header .top .rt > ul{

  display: block;

}

.header .top .rt > ul > li{

  float: left;

  margin-left: 10px;

}

.header .top .rt a{

  display: block;

}

.header .top .rt a.cn{

  padding-left: 30px;

  background: url('../img/cn.gif') no-repeat left center;

}

.header .top .rt a.en{

  padding-left: 30px;

  background: url('../img/en.gif') no-repeat left center;

}

.header .middle{

  height: 100px;

}

.header .middle .logo{

  background: url('../img/logo.jpg') no-repeat center;

  width: 464px;

  height: 64px;

  background-size: cover;

  margin: 18px 0;

}

.header .middle .tel{

  height: 100px;

  background: url('../img/tel.png') no-repeat center left;

  display: flex;

  align-items: flex-start;

  justify-content: center;

  flex-direction: column;

  padding-left: 60px;

}

.header .middle .tel p:nth-child(2){

  font-size: 28px;

  color: #fe0000;

}

.header .middle .nav_trigger{

  width: 36px;

  height: 24px;

  border: none;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  margin:28px 0;

  display: none;

}

.header .middle .nav_trigger:focus{outline:0}

.header .middle .nav_trigger .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}

.header .middle .nav_trigger .icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}

.header .middle .nav_trigger .icon-bar{display:block;margin:8px 0 0 0;width:36px;height:2px;background-color:#3d3d3d}

.header .middle .nav_trigger .icon-bar:first-child{margin-top: 0;}

.header .middle .nav_trigger.drop .icon-bar{-webkit-transition:all .5s ease;z-index: 10;}

.header .middle .nav_trigger.drop .icon-bar{display:block;background:#3d3d3d;}

.header .middle .nav_trigger.drop .middle{width:0;vertical-align: hidden;}

.header .middle .nav_trigger.drop .top{-webkit-transform:translateY(11px) rotateZ(45deg);}

.header .middle .nav_trigger.drop .bottom{-webkit-transform:translateY(-9px) rotateZ(-45deg);}

.header .bottom{

  width: 100%;

  height: 50px;

  line-height: 50px;

  background: #00488e;

}

.header .bottom li{

  float: left;

}

.header .bottom a{

  display: block;

}

.header .bottom > ul > li{

  width: 9.09%;

  line-height: 50px;

  position: relative;

}

.header .bottom > ul > li:last-child{

  width: 9.1%;

}

.header .bottom > ul > li > a{

  color: #fff;

  text-align: center;

  font-weight: bolder;

}

.header .bottom > ul > li:hover > a, .header .bottom > ul > li.current > a{

  background: #fe0204;

}

.header .bottom > ul > li > a > i{

  display: none;

  float: right;

}

.header .bottom > ul > li > ul{

  position: absolute;

  top: 50px;

  left: 0;

  display: none;

  background: #fff;

}

.header .bottom > ul > li:nth-last-child(2) > ul, .header .bottom > ul > li:last-child > ul{

  left: auto;

  right: 0;

}

.header .bottom > ul > li > ul > li{

  width: 130px;

  text-align: center;

  border-bottom: 1px #eee solid;

  line-height: 18px;

  height: 60px;

}

.header .bottom > ul > li > ul > li > a{

  padding: 0 4px;

  font-size: 13px;

  width: 100%;

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  /* white-space:nowrap; 

  overflow:hidden; 

  text-overflow:ellipsis; */

}

.header .bottom > ul > li > ul > li:hover{

  background: #fe0204;

}

.header .bottom > ul > li > ul > li:hover > a{

  color: #fff;

}



/*底部*/

.footer{

  width: 100%;

  background: #00468c;

  overflow: hidden;

}

.footer .footer-contact{

  width: 100%;

  background: url('../img/foot_bg1.jpg') no-repeat center top;

  background-size: cover;

  display: flex;

  align-items: center;

  padding: 70px 0;

  overflow: hidden;

}

.footer .footer-contact > div{

  display: flex;

  display: -webkit-flex;

  display: -o-flex;

  display: -moz-flex;

  display: -ms-flex;

  align-items: stretch;

  background: #fff;

  overflow: hidden;

}

.footer .footer-contact .tit{

  width: 100%;

  height: 44px;

  line-height: 44px;

  display: flex;

  align-items: center;

  font-size: 18px;

}

.footer .footer-contact .tit img{

  margin-right: 12px;

}

.footer .footer-contact .contact-left{

  width: 50%;

  background: #369ad6;

  padding: 40px;

}

.footer .footer-contact .contact-left .tit{

  color: #fff;

}

.footer .footer-contact .contact-left .con{

  width: 100%;

  padding-top: 10px;

  overflow: hidden;

}

.footer .footer-contact .contact-left .con .box{

  width: 100%;

  margin-top: 20px;

  overflow: hidden;

}

.footer .footer-contact .contact-left .con .ipt{

  width: 48%;

  height: 36px;

  padding: 0 10px;

  border: none;

  outline: none;

  border-radius: 0;

}

.footer .footer-contact .contact-left .con .tarea{

  width: 90%;

  width:-moz-calc(96% - 53px); 

  width:-webkit-calc(96% - 53px);

  height: 53px;

  padding:4px 10px;

  border: none;

  outline: none;

  border-radius: 0;

}

.footer .footer-contact .contact-left .con .btn{

  width: 53px;

  height: 53px;

  border: none;

  outline: none;

  border-radius: 0;

  color: #fff;

  line-height: 35px;

  text-align: center;

  background: #00468c;

  border: none;

  outline: none;

  border-radius: 0;

}

.footer .footer-contact .contact-right{

  width: 50%;

  background: url('../img/foot_bg2.jpg') no-repeat right bottom;

  background-size: cover;

  padding: 40px;

}

.footer .footer-contact .contact-right .con{

  padding-top: 20px;

  overflow: hidden;

}

.footer .footer-contact .contact-right .con td{

  vertical-align: top;

}

.footer .footer-main{

  display: flex;

  display: -webkit-flex;

  display: -o-flex;

  display: -moz-flex;

  display: -ms-flex;

  align-items: stretch;

  padding:60px 0;

  overflow: hidden;

}

.footer .footer-main .tit{

  width: 100%;

  font-size: 20px;

  color: #fff;

  background: url('../img/foot_bg4.png') no-repeat left bottom;

  line-height: 32px;

}

.footer .footer-main .con{

  width: 100%;

  padding-top: 30px;

  overflow: hidden;

}

.footer .footer-main .footer-dyue{

  width: 300px;

  overflow: hidden;

}

.footer .footer-main .footer-dyue form{

  width: 300px;

  margin-top: 10px;

}

.footer .footer-main .footer-dyue .infoInput{

  width: 248px;

  height: 28px;

  background: #fff;

  border: none;

  border-radius: 0;

  outline: none;

  float: left;

  padding: 0 10px;

}

.footer .footer-main .footer-dyue .button{

  width: 52px;

  height: 28px;

  background: url('../img/foot_bg5.jpg') no-repeat center;

  border: none;

  border-radius: 0;

  outline: none;

}

.footer .footer-main .footer-link{

  width: 537px;

  padding: 0 60px 0 76px;

  overflow: hidden;

}

.footer .footer-main .footer-link li{

  width: 133px;

  padding-right: 10px;

  float: left;

  line-height: 30px;

}

.footer .footer-main .footer-link li:nth-child(3n){

  padding-right: 0;

}

.footer .footer-main .footer-link a{

  display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

.footer .footer-main .footer-code{

  width: 363px;

  height: 189px;

  background: url('../img/foot_bg3.png') no-repeat center;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  overflow: hidden;

}

.footer .footer-main .footer-code ul{
    display:flex;
    text-align:center;
}
.footer .footer-main .footer-code li{
    margin:0 5px;
}
.footer .footer-main .footer-nav{

  width: 100%;

  text-align: center;

  display: none;

  overflow: hidden;

}

.footer .footer-main .footer-nav li{

  width: 100%;

  padding:0;

  float: left;

}

.footer .footer-main .footer-nav > ul > li{

  line-height: 28px;

}

.footer .footer-main .footer-nav a{

  display: block;

  text-align: left;

  border-bottom: 1px #3d6b99 solid;

}

.footer .footer-main .footer-nav > ul > li > a{

  color: #fff;

  font-size: 16px;

  margin-bottom: 10px;

  line-height: 48px;

  margin-bottom: 0;

  font-size: 14px;

}

.footer .footer-main .footer-nav > ul > li > a > i{

  display: block;

}

.footer .footer-main .footer-nav > ul > li > ul{

  display: none;

}

.footer .footer-main .footer-nav > ul > li > ul > li > a{

  line-height: 42px;

  padding:0 10px;

}

.footer .footer-copyright{

  height: 60px;

  line-height: 60px;

  border-top: 1px #3d6b99 solid;

  text-transform: uppercase;

  overflow: hidden;

}

.footer .footer-copyright .gongshang{
	float:right;
	margin-top: 12px;
	margin-left: 12px;
}

.footer .mb-copyright{

  display: none;

  height: 52px;

  line-height: 52px;

  text-align: center;

  /* text-transform: uppercase; */

  overflow: hidden;

}

.keifu{ font:12px/1.5 tahoma,"microsoft yahei","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; color:#666;}
ul,li{list-style:none; zoom:1;}
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:999;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }
.tel-icon img{position: relative;width: 21px;    display: inline;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden;}
.tel-icon{margin-left:-15px;padding:0 0 0 12px;line-height: 40px;}