@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%;
}
body {
  font: 14px/1.8 "montserrat", 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 "montserrat", 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: #ce000d;
}
a:active {
  text-decoration: none;
}
dl, dd, dt {
  line-height: 23px;
  margin: 0px;
  padding: 0px;
}

img{
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* 滚动条 */
::-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: #ce000d;
}
::-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;
}
.m60{
  margin-top: 60px;
}
.m40{
  margin-top: 40px;
}
.m50{
  margin-top: 50px;
}
.w1200 {
  width: 90%;
  margin: 0px auto;
}

/* 颜色 */
.gray{
  color: #7a7878;
}
.gray a:link {
  color: #7a7878;
}
.gray a:visited {
  color: #7a7878;
}
.gray a:hover {
  color: #7a7878;
}

/*分页*/
.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 #ce000d; background-color:#ce000d; color:#fff;}
.pg-ig{ margin-top:25px;}
#espcms_bbs_pagination{margin:25px 0;}

/*头部*/
.header{
  width: 100%;
  height: 80px;
  background: #ffffff;
  position: relative;
  z-index: 999;
}
.header .logo{
  width: 269px;
  height: 80px;
  background: url(../img/logo.png) no-repeat center left;
  display: block;
}
.header .search_box{
  height: 80px;
  position: relative;
}
.header .search_box .zoom{
  width: 32px;
  height: 32px;
  display: block;
  margin:24px 0;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
}
.header .search_box .zoom.hover,.header .search_box .zoom:hover{
  color: #ce000d;
}
.header .search_box form{
  width: 300px;
  height: 46px;
  position: absolute;
  top:80px;
  right: 0;
  background: #fff;
  padding:10px;
  display: none;
}
.header .search_box form .s_txt{
  width: 220px;
  float: left;
  height: 26px;
  border:1px #ddd solid;
  outline: none;
  padding:0 10px;
}
.header .search_box form .s_btn{
  width: 50px;
  float: right;
  background: #ce000d;
  color: #fff;
  outline: none;
  border:none;
  cursor: pointer;
  height: 26px;
}
.header .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 .nav_trigger:focus{outline:0}
.header .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 .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 .nav_trigger .icon-bar{display:block;margin:8px 0 0 0;width:36px;height:2px;background-color:#999}
.header .nav_trigger .icon-bar:first-child{margin-top: 0;}
.header .nav_trigger.drop .icon-bar{-webkit-transition:all .5s ease;z-index: 10;}
.header .nav_trigger.drop .icon-bar{display:block;background:#3d3d3d;}
.header .nav_trigger.drop .icon-bar{background:#636363;}
.header .nav_trigger.drop .middle{width:0;vertical-align: hidden;}
.header .nav_trigger.drop .top{-webkit-transform:translateY(11px) rotateZ(45deg);}
.header .nav_trigger.drop .bottom{-webkit-transform:translateY(-9px) rotateZ(-45deg);}
.header .navBox{
  width: 90%;
  width: -moz-calc(100% - 301px);
  width: -webkit-calc(100% - 301px); 
  width: -o-calc(100% - 301px);
  width: -ms-calc(100% - 301px);
  width: calc(100% - 301px);  
  height: 80px;
  text-align: center;
}
.header .navBox li{
  float: left;
  text-align: center;
}
.header .navBox a{
  display: block;
}
.header .navBox > ul{
  display: flex;
  justify-content: flex-end;
  white-space:nowrap;
}
.header .navBox > ul > li{
  padding: 0 3%;
  height: 80px;
  position: relative;
  text-align: center;
}
.header .navBox > ul > li > a{
  line-height: 80px;
  font-size: 15px;
}
.header .navBox > ul > li > a > i.arrow{
  width: 9px;
  height: 9px;
  background: url(../img/nav_arrow.png) no-repeat center;
  background-size: cover;
  display: inline-block;
  -webkit-transition: transform .25s linear;
  -moz-transition: transform .25s linear;
  -o-transition: transform .25s linear;
  transition: transform .25s linear;
}
.header .navBox > ul > li > a > i.mb_arrow{
  display: none;
  float: right;
}
.header .navBox > ul > li > a > i.arrow.iconTrans {
  transform: rotate(180deg);
  -webkit-transition: transform .25s linear;
  -moz-transition: transform .25s linear;
  -o-transition: transform .25s linear;
  transition: transform .25s linear;
}
.header .navBox > ul > li:last-child > a{
  background: none;
}
.header .navBox > ul > li.current, .header .navBox > ul > li:hover{
  background: url(../img/line1.png) no-repeat center bottom;
}
.header .navBox > ul > li.current > a, .header .navBox > ul > li:hover > a{
  color: #ce000d;
}
.header .navBox > ul > li.current > a > i.arrow, .header .navBox > ul > li:hover > a > i.arrow{
  background: url(../img/nav_arrow1.png) no-repeat center;
  background-size: cover;
}
.header .navBox > ul > li > ul{
  position: absolute;
  top:80px;
  left: 3%;
  background: #fff;
  display: none;
}
.header .navBox > ul > li > ul > li{
  width: 100%;
  border-bottom: 1px #eee solid;
  line-height: 38px;
}
.header .navBox > ul > li > ul > li:last-child{
  border-bottom: none;
}
.header .navBox > ul > li > ul > li > a{
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
}
.header .navBox > ul > li > ul > li > a:hover{
  background: #ce000d;
  color: #ffffff;
}

/*底部*/
.footer{
  width: 100%;
  background: #2f2f2f;
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: stretch;
  overflow: hidden;
}
.footer .footer-left{
  width: 20%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.footer .footer-left > div{
  width: 100%;
  overflow: hidden;
}
.footer .footer-left .tel{
  margin-top: 8%;
}
.footer .footer-left .tel span{
  font-size: 26px;
  color: #d6d6d6;
}
.footer .footer-left .links{
  margin: 8% 0;
}
.footer .footer-left .links select {
  width: 100%;
  height: 40px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../img/arrow.png") #3d3d3d no-repeat 94% center;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 5%;
  outline: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.footer .footer-left .links select::-ms-expand { display: none; }
.footer .footer-left .links option{
  background: #3d3d3d;
  border: none;
  outline: none;
}
.footer .footer-left .share{
  width: 100%;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}
.footer .footer-left .bdsharebuttonbox a{
  width: 24px;
  height: 24px;
  display: block;
  background: url('../img/shareIcon.png') no-repeat;
  margin: 0 8px;
  padding: 0;
}
.footer .footer-left .bdsharebuttonbox a.bds_tsina{
  background-position: 0 -48px;
}
.footer .footer-left .bdsharebuttonbox a.bds_tqq{
  background-position: 0 -72px;
}
.footer .footer-left .bdsharebuttonbox a.bds_weixin{
  background-position: 0 0
}
.footer .footer-left .bdsharebuttonbox a.bds_sqq{
  background-position: 0 -24px;
}
.footer .footer-right{
  width: 66%;
}
.footer .footer-nav{
  padding: 70px 0;
  text-align: center;
  overflow: hidden;
}
.footer .footer-nav > ul{
  display:flex;
  justify-content:space-between;
}
.footer .footer-nav > ul > li{
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
}
.footer .footer-nav a{
  display: block;
  text-align: left;
  color: #a0a0a0;
  float: left;
}
.footer .footer-nav > ul > li > a{
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
.footer .footer-nav > ul > li > a > i{
  display: none;
}
.footer .footer-copyright{
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-top: 1px #424141 solid;
  overflow: hidden;
}
.footer .mb-copyright{
  display: none;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-align: center;
}

.ecode_overlay{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;z-index: 1000;}
.pop_ecode{position: fixed;z-index: 1010;display: none;width: 35%;left:32%;top: 31%;}
.pop_ecode .ecode_img{width: 100%;}
.pop_ecode .ecode_h2{width: 100%;text-align: center;color: #fff;font-size: 1.1em;line-height: 140%;padding:1em 0;}
.pop_ecode .close{width: 18%;margin:0 auto;display: block;float:none !important;opacity: 1 !important;}
.pop_activity{position: fixed;z-index: 1010;display: none;width: 69%;left:15.5%;top:0%;}
.pop_activity .act_h2{width: 100%;text-align: center;color: #fff;font-size: 1.4em;line-height: 140%;padding:1em 0;}
.pop_activity .act_img{width: 100%;padding:.5em 0;}
.pop_activity .close{width: 10%;margin:0 auto;display: block;margin-top:2em;opacity: 1;}

.topbar_box{display:none;position: fixed;width: 3em;right: 0;top: 40%;z-index: 100;-webkit-transition: all .5s ease;}
.topbar_box img{width: 100%;}
.topbar_box .topbar_ico{position: absolute;z-index: 501;top:34%;left: 27%;}
.topbar_box .topbar_ico:focus{outline:0}
.topbar_box .icon-bar{display:block;margin:5px 0;width:1.5em;height:2px;background-color:#7f7f7f;}
.topbar_box .topbar_ico .top{-webkit-transform:translateY(6px) rotateZ(90deg);-webkit-transition: all 0.5s ease;}
.topbar_box .topbar_ico .bottom{-webkit-transform:translateY(-8px) rotateZ(0deg);-webkit-transition: all 0.5s ease;}
.topbar_box .topbar_ico .middle{width:0;}
.topbar_box_cut .topbar_ico .top{-webkit-transform:translateY(6px) rotateZ(45deg);}
.topbar_box_cut .topbar_ico .bottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);}
.topbar_m{width:125%;position: absolute;left: 0;top: 0;}
.topbar_m img{width: 100%;}
.topbar_box .topbar_m1{position: absolute;left:0%;top:20%;opacity: 0;-webkit-transition: all 0.5s ease;border-radius: 100% 100%;box-shadow:0px 0px 2px #999;}
.topbar_box .topbar_m2{position: absolute;left:0%;top:20%;opacity: 0;-webkit-transition: all 0.5s ease;border-radius: 100% 100%;box-shadow:0px 0px 2px #999;}
.topbar_box .topbar_m3{position: absolute;left:0%;top:20%;opacity: 0;-webkit-transition: all 0.5s ease;border-radius: 100% 100%;box-shadow:0px 0px 2px #999;}
.topbar_box .topbar_m4{position: absolute;left:0%;top:20%;opacity: 0;-webkit-transition: all 0.5s ease;border-radius: 100% 100%;box-shadow:0px 0px 2px #999;}
.topbar_box .topbar_m5{position: absolute;left:0%;top:20%;opacity: 0;-webkit-transition: all 0.5s ease;border-radius: 100% 100%;box-shadow:0px 0px 2px #999;}
.topbar_box_cut .topbar_m1{position: absolute;left: -40%;top: -109%;opacity: 1;}
.topbar_box_cut .topbar_m2{position: absolute;left: -163%;top: -55%;opacity: 1;}
.topbar_box_cut .topbar_m3{position: absolute;left: -241%;top: 19%;opacity:1;}
.topbar_box_cut .topbar_m4{position: absolute;left: -189%;top: 96%;opacity:1;}
.topbar_box_cut .topbar_m5{position: absolute;left: -42%;top: 155%;opacity:1;}
.topbar_box .quartercircle {width: 6.8em;height: 6.8em;background: #fff;-webkit-border-radius: 6.8em 6.8em 6.8em 6.8em;box-shadow: 1px 0 18px #7f7f7f;z-index: 500;position: relative;}
.topbar_box .topbar_ico {position: absolute;z-index: 501;top: 35%;left: 27%;}