/*
*    一些常用的类
*/
.d_ib {
  display: inline-block;
}
.db {
  display: block;
}
.p_r {
  position: relative;
}
.p_a {
  position: absolute;
}
.font_b {
  font-weight: 600;
}
/*-----姘村钩鏂瑰紡-----*/
.ta_l {
  text-align: left;
}
.ta_c {
  text-align: center;
}
.ta_r {
  text-align: right;
}
/*-----鍨傜洿瀵归綈鏂瑰紡-----*/
.va_t {
  vertical-align: top;
}
.va_m {
  vertical-align: middle;
}
.va_b {
  vertical-align: bottom;
}
.t_r {
  text-align: right;
}
/*-----娴姩-----*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.cl {
  clear: left;
}
.o_v {
  overflow: hidden;
}
.bfc {
  zoom: 1;
}
.bfc:after {
  content: '';
  display: block;
  clear: both;
}
.box_s {
  box-sizing: border-box;
}
.omg {
  overflow: hidden;
  text-overflow: ellipsis ;
  white-space: nowrap;
}
.chuizhi {
  display: flex;
  align-items: center;
}
dl,
dd,
dt {
  margin: 0;
  padding: 0;
  border: 0;
}
.table {
  border: 1px solid #e8ebf4;
  border-bottom: 0;
  border-radius: 5px;
}
.zy_promit {
  overflow: hidden;
  border-radius: 4px;
}
body {
  margin: 0 auto;
  padding: 0;
  color: #333333;
  font-size: 14px;
  min-width: 1440px;
}
ul,
li {
  list-style: none;
}
img {
  width: 100%;
  display: block;
}
.flex-container {
  display: flex;
  width: 100%;
}
.flex-item {
  margin: 0px;
}
.el-main {
  padding: 0;
}
.innerBox {
  width: 1200px;
  margin: 0 auto;
}
.bg-gray {
  background: #F7F7F8;
}
.bg-white {
  background: #fff;
}
.btn {
  margin: 60px auto 0px;
  width: 148px;
  height: 38px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  border: 1px solid #D9D9D9;
  background: #fff;
  cursor: pointer;
}
.btn:hover,
.btn:active,
.btn:focus {
  color: #fff;
  background: #4B5CC4;
  border: 1px solid #4B5CC4;
}
.shadowBox {
  box-sizing: border-box;
}
.shadowBox:hover {
  box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.03);
}
.notice {
  font-size: 12px;
  color: #999999;
}
.bigBanner {
  position: relative;
  min-width: 1200px;
}
.bigBanner .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -90px;
  margin-top: -44px;
  color: #fff;
}
.bigBanner .desc h3 {
  font-size: 36px;
}
.bigBanner .desc p {
  font-size: 26px;
}
.breadcrumb {
  width: 1200px;
  margin: 0 auto;
  padding: 28px 0 40px;
  font-size: 12px;
  color: #999;
}
.breadcrumb a {
  display: inline-block;
  color: #333;
  text-decoration: none;
  font-weight: 600;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.headBox {
  width: 100%;
  min-width: 1400px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.03);
}
.headBox .flex-item:first-child {
  margin-top: 26px;
  overflow: hidden;
  width: 176px;
  height: 100%;
}
.headBox .flex-item:last-child {
  margin-top: 22px;
}
.headBox .header {
  color: #333;
  height: 100px;
  width: 1200px;
  margin: 0 auto;
}
.headBox .header .menu {
  width: 672px;
  margin: 0 auto;
}
.headBox .header .menu .menu-item {
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  width: 112px;
  border-bottom: 4px solid #fff;
  padding: 42px 0 38px;
  user-select: none;
}
.headBox .header .menu .menu-item .submenu {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 0;
  padding: 12px 0;
  background: #fff;
}
.headBox .header .menu .menu-item .submenu .submenu-item {
  cursor: pointer;
  font-size: 14px;
  color: #333;
  width: 112px;
  height: 44px;
  line-height: 44px;
  position: relative;
}
.headBox .header .menu .menu-item .submenu .submenu-item:hover {
  background: #4b5cc4;
  color: #fff;
}
.headBox .header .menu .menu-item:hover {
  border-bottom: 4px solid #4b5cc4;
  color: #4b5cc4;
}
.headBox .header .menu .menu-item:hover .submenu {
  display: block;
}
.headBox .header .nav-serviceHotile {
  width: 230px;
}
.headBox .header .nav-serviceHotile .serviceHotline-icon {
  width: 50px;
}
.headBox .header .nav-serviceHotile .serviceHotline-content {
  margin-left: 50px;
  line-height: 1.2rem;
}
.headBox .header .nav-serviceHotile .serviceHotline-content span {
  display: block;
}
.headBox .header .nav-serviceHotile .serviceHotline-content .title {
  font-size: 12px;
  color: #999999;
  line-height: 1.8rem;
}
.headBox .header .nav-serviceHotile .serviceHotline-content .number {
  font-size: 24px;
  color: #333;
  line-height: 1.2rem;
}
.footer {
  margin-top: 120px;
  position: relative;
  bottom: 0;
  background: #333;
  width: 100%;
  /*height: 277px;*/
}
.footer .footer_body {
  width: 1200px;
  margin: 0 auto;
}
.footer .footer_body .footer_body_contact {
  border-bottom: 1px solid #404040;
}
.footer .footer_body .footer_body_contact .fl {
  font-size: 14px;
  color: #fff;
}
.footer .footer_body .footer_body_contact .fl:first-child {
  margin: 90px 477px 98px 60px;
}
.footer .footer_body .footer_body_contact .fl:last-child {
  margin-top: 48px;
  line-height: 50px;
}
.footer .footer_body .footer_body_contact .fl .phone {
  font-size: 36px;
  line-height: 52px;
}
/*.footer .footer_body .footer_body_beian {*/
/*  width: 546px;*/
/*  margin: 25px auto 0;*/
/*  font-size: 12px;*/
/*  color: #999999;*/
/*}*/
/*.footer .footer_body .footer_body_beian div {*/
/*  display: inline-block;*/
/*}*/
/*.footer .footer_body .footer_body_beian div img {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  padding-right: 9px;*/
/*  padding-top: 3px;*/
/*}*/
/*.footer .footer_body .footer_body_beian div:last-child {*/
/*  margin-top: 5px;*/
/*}*/
.fixedBox {
  z-index: 999;
  position: fixed;
  right: 28px;
  bottom: 80px;
}
.fixedBox .top,
.fixedBox .wechat {
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
  position: relative;
}
.fixedBox .top span,
.fixedBox .wechat span {
  display: block;
  font-size: 12px;
  color: #666666;
}
.fixedBox .top .code,
.fixedBox .wechat .code {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 86px;
  background: #fff;
  padding: 18px 21px 15px;
  box-shadow: 0 0 9px 5px rgba(0, 0, 0, 0.03);
}
.fixedBox .top .code img,
.fixedBox .wechat .code img {
  margin-bottom: 10px;
}
.fixedBox .top .code #arrow,
.fixedBox .wechat .code #arrow {
  position: absolute;
  width: 0px;
  height: 0px;
  line-height: 0px;
  /*涓轰簡闃叉ie涓嬪嚭鐜伴鍨�*/
  border-left: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  right: -10px;
  bottom: 10px;
}
.fixedBox .wechat:hover .code {
  display: block;
}




.footer .footB{
  /*margin: 24px 0 36px 0;*/
  font-size: 12px;
  color: #999999;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  padding: 24px 0 36px 0;
}
.footer .footB ul {
  /*width: 1200px;*/
  margin-left: 60px;
}
.footer .footB li{
  margin-bottom: 12px;
  text-align: left;
}
.footer .footB li a{
  display:inline-block;
}
.footer .footB li a:hover{
  color:#fff;
}
.footer .footB .footL{
  width: 680px;
}
.footer .footB .footR{
  width: 520px;
}
.footer .footB .footR a{
  margin-top: 30px;
}
.footer .footB .footR a img{
  width: 20px;
  height: 20px;
  display: inline-block;
  /*text-align:center;*/
  vertical-align:middle;
}

[v-cloak] {
  display: none;
}

.licence{
  /*position: fixed;*/
  position:fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #333333;
}

.licence .licenceImg{
  width: 28%;
  /*width: 100%;*/
   height: 80%;
   position: absolute;
   top: 50%;
   left: 50%;
  transform: translate(-50%,-50%);
 }
.licenceImg img{
  /*width: 100%;*/
}
.licenceImgD{
  width: 55%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.licenceImgD img{
  /*height: 100%;*/
  /*width: 100%;*/
  /*width: 70%;*/
}
.licenceIcon .icon{
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  cursor: pointer;
}
.licenceIcon .iconL{
  right: 200px;
}
.licenceIcon .iconR{
  left: 200px;
}
.licenceIcon img{
  width: 100%;
}