/* 导航 */
.mui-off-canvas-wrap {
  overflow-x: hidden;
  overflow-y: auto;
}
header {
  z-index: 999;
  position: sticky;
  top: 0px;
  width: 100%;
  height: var(--size_120);
  line-height: var(--size_120);
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
header.active {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
header .h-wrap {
  /* padding: 2.6667vw 0; */
  /* padding: 20px 0; */
}
header .h-wrap .left {}
header .h-wrap .left img {
  width: var(--size_220);
  height: auto;
}

header .h-wrap .right span {
  font-size: var(--size_50);
  color: var(--mainColor);
  font-weight: 700;
}

/* 菜单 */
#offCanvasSide .content {
  text-align: right;
  padding: 10px;
}
#offCanvasSide .content span {
  color: #fff;
}
.mui-table-view-cell.active > a {
  color: var(--mainColor);
}
.mui-table-view-cell.mui-collapse .mui-collapse-content {
  background: transparent;
}
.mui-table-view-cell.mui-collapse .mui-collapse-content a {
  display: block;
  color: #ffffff;
  padding: 3.4667vw 0 3.4667vw var(--size_30) ;
  border-bottom: 1px solid #333;
}
.mui-table-view-cell.mui-collapse .mui-collapse-content a.active {
  color: var(--mainColor);
}

.mui-off-canvas-wrap {
  position: static;
}
.mui-off-canvas-wrap .mui-inner-wrap {
  position: static;
}
.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
  z-index: 9999;
}

/* 子栏目 */

header .container .left .nav > ul > li .children {
  position: absolute;
  left: 0;
  top: 60px;
  width: 150%;
  padding: 10px 0;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* border-top: none; */
  transform: scale(0);
  opacity: 0;
  transform-origin: top center;
  transition: all 0.3s;
}
header .container .left .nav > ul > li:hover .children {
  transform: none;
  opacity: 1;
}
header .container .left .nav > ul > li .children li {
  /* margin: 8px 0; */
}
header .container .left .nav > ul > li .children li a {
  display: inline-block;
  padding: 10px 20px;
  width: 100%;
}
header .container .left .nav > ul > li.active .children li.active a {
  color: var(--mainColor);
}
.mui-table-view-cell {
  padding: 12px 15px;
}
.mui-table-view-cell a {
  /* font-size: var(--fontTitle); */
  font-size: 16px;
}

/* 底部 */
footer {
  height: 42.6667vw;
  /* height: 320px; */
  padding: 6.6667vw 6.6667vw 2.6667vw;
  /* padding: 50px 0 20px; */
  background-color: var(--bgDark);
  color: #fff;
  margin-bottom: 10.6667vw;
  padding-bottom: 55vw;
}
footer .con-wrap > div {
  margin-top: 1.3333vw;
  /* margin-top: 10px; */
}
footer .copyright {
  margin-top: var(--size_50)!important;
  text-align: center;
  color: #a3a3a3;
  font-size: var(--superSm);
}
.bottom-contact {
  justify-content: center !important;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--size_120);
  background-color: #fff;
  border-top: 1px solid #dddddd;
  font-size: 4vw;
  /* font-size: 30px; */
}
.bottom-contact > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size_300);
  height: var(--size_70);
  margin: 0 var(--size_20);
  line-height: 1;
  text-align: center;
  border-radius: var(--size_10);
  color: #fff;
}
.bottom-contact .phone {
  background-color: #5a85fc;
}

/*hd2  css*/
.hd_part img{width:100%;}


/*lp2 page  css*/
.lp2_bot{height:var(--size_110);}
.lp2_bot .phone,.lp2_bot .free-tel{height:var(--size_80);border-radius:20px;width: 45%;}
.lp2_bot .free-tel span{font-size: 16px;padding-top: 3px;}
.lp2_bot .phone span{font-size: var(--size_30);}
.lp2_foot{padding-bottom:200px;}

.bottom-contact > div span.icon {
  display: inline-block;

}
.bottom-contact > div span {
  vertical-align: middle;
}
/*.bottom-contact > div:nth-child(1) span.icon {background: url(../images/footer-icon1.png) no-repeat center / contain;}
.bottom-contact > div:nth-child(2) span.icon {background: url(../images/footer-icon2.png) no-repeat center / contain;}
 .bottom-contact .phone span {
  font-size: var(--size_30);
} */
.bottom-contact a, 
.bottom-contact span {
  color: #ffffff;
  font-size: var(--fontTitle);
}
.bottom-contact .mui-icon {
  font-size: var(--size_40)!important;
}
.bottom-contact .free-tel {
  text-align: center;
  background-color: var(--mainColor);
}
.banner-img {
  position: relative;
  height: 98.6667vw;
  /* height: 740px; */
}
.banner-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-img .con {
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
}
.banner-img .con .slogan {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  text-align: center;
}
.banner-img .con .slogan img {
  width: auto;
  height: auto;
  max-width: 90%;
}
.banner-img .con .slogan .main-title {
  margin-bottom: var(--size_10);
  font-size: var(--firstTitle);
}
.banner-img .con .slogan .sub-title {
  color: var(--textGrey);
}
.banner-img .con .btn-wrap {
  position: absolute;
  left: 50%;
  bottom: var(--size_40);
  transform: translate(-50%, -50%);
}

/* e秘 */
#emi {
  display: block;
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 3%;
  width: 56px;
  background: url(../img/home/icon-emi.png) 50% no-repeat;
  background-size: 100%;
  height: 87px;
  right: -10px;
  margin-bottom: 20px;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
  transition: all .3s;
}
#emi:hover {
  right: 2px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
#emi {}
#emi span {
  display: block;
    background: #fff;
    -webkit-box-shadow: 5px 15px 40px 0 rgba(39,43,157,.2);
    box-shadow: 5px 15px 40px 0 rgba(39,43,157,.2);
    border-radius: 25px 25px 0 25px;
    position: absolute;
    min-height: 25px;
    width: 13em;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 25px;
    left: -190px;
    bottom: 50%;
    padding: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
#emi:hover a span {
  transform: scale(1);
}
/* iframe */
#if_con {
  background: #fff;
}

/* 侧边栏 */
.aside-menu {
  position: fixed;
  z-index: 9999;
  right: 10px;
  bottom: 20%;
}
.aside-menu a {
  display: block;
  width: var(--size_80);
  height: var(--size_80);
  margin: var(--size_20) 0;
  border: 1px solid #eee;
  border-radius: 50%;
  background-color: #ffffff;
}
.aside-menu a:nth-child(1) {
  background-image: url(../img/icon_phone.png);
}
.aside-menu a:nth-child(2) {
  background-image: url(../img/icon_kefu.png);
}

/* 注册模态框 */
.mui-modal {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.3);
}
.mui-modal .close {
  text-align: right;
}
.mui-modal .close span {
  display: inline-block;
  padding: var(--size_20);
  font-size: var(--size_60);
}
.mui-modal .main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: var(--size_80);
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mui-modal .form {
  padding-bottom: var(--size_50);
}

/*form 11*/
.mui-modal .form .form-title{font-size:1rem;}
.mui-modal .form .form-bg{margin-top:10px;}
.mui-modal .form-bg img,.mob_form .form-bg img{height:100px;width:auto;}
.mui-modal .main{padding-bottom:15px;}
.mob_form .com-title p:first-child{font-size:18px;}
.mob_form .my_btn{line-height:2;}


.mui-modal .form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mui-modal .form > div .label {
  position: relative;
  width: 20%;
  padding-left: var(--size_20);
  /* text-align: right; */
}
.mui-modal .form > div .label::after {
  content: '*';
  position: absolute;
  left: 0;
  top: 0.2667vw;
  font-size: var(--size_30);
  color: #fe0000;
}
.mui-modal .form > div input {
  width: 100%;
  margin: var(--size_20) 0;
  height: var(--size_80);
}
.mui-modal .area .a-wrap {
  width: 80%;
  margin: var(--size_20) 0;
}
.mui-modal .area .a {
  width: 49%;
  border:1px solid rgba(0,0,0,.2);
  border-radius: 5px;
}
.mui-modal .area .a select {
  height: var(--size_80);
}
.mui-modal .form .btn-wrap {
  display: block;
}
.mui-modal .form .title {
  display: block;
}
.mui-modal .form .title span {
  color: #fe0000;
}
.mui-modal .com-title p:first-child::before {
  display: none;
}

.modal-success {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
}
.modal-success.active {
  display: block;
}
.modal-success.active .con {
  animation: zoomIn 1s 1;
}

.modal-success .con {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 10%;
  max-width: 800px;
  padding: var(--size_40);
  background-color: #fff;
  border-radius: var(--size_10);
}
.modal-success .con .close {
  text-align: right;
  padding: 0 0 var(--size_20) var(--size_20);
}
.modal-success .con img {
  width: var(--size_100);
  height: var(--size_100);
}
.modal-success .con .main > div {
  margin-top: var(--size_50);
}
.modal-success .con .main .main-title {
  font-size: var(--secondTitle);
}


/* ====================================== 工具栏 ================================= */

/* 标题字体 */
.com-title {
  padding: 0 var(--size_30);
  text-align: center;
}
.com-title p:first-child {
  position: relative;
  font-size: var(--firstTitle);
}
.com-title>.big-title_s:first-child {
  font-size: 4vw;
}
.com-title p:last-child {
  position: relative;
}
.com-title p:last-child::before {
  content: '';
  position: absolute;
  top: -2.9333vw;
  /* top: -22px; */
  left: calc(50% - 2.6667vw);
  width: 5.3333vw;
  /* width: 40px; */
  height: 4px;
  border-radius: 2px;
  background-color: var(--mainColor);
}
.com-title p.t_line:last-child::before {
  top: var(--size_120)!important;
}
.com-title>.big-title_s::before{
  display: none;
}

.com-title p:last-child {
  margin-top: var(--size_30);
  padding: 0 var(--size_30);
  color: #7f7f7f;
}
.com-title .big-title_s:last-child{
  margin-top: 0;
  color: #333333;
  font-size: 4vw;
}

/* ============================= 工具栏 =========================== */
/* 字体 */
.big-title {
  font-family: "FZLTZHJW";
}
/* 字体颜色 */
.color_main {
  color: var(--mainColor);
}
.text-grey {
  color: var(--textGrey);
}
.text-purple {
  color: var(--textPurple);
}
.text_white {
  color: #fff!important;
}

/* 字体大小 */
.fs_sm {
  font-size: var(--fontSm);
}
.fs_title {
  font-size: var(--fontTitle);
}
.fs_30 {
  font-size: var(--size_30) !important;
}
.fs_40 {
  font-size: var(--size_40) !important;
}
.fs_60 {
  font-size: var(--size_60) !important;
}
.fs_70 {
  font-size: var(--size_70) !important;
}

/* 颜色 */
.bg-color-blue {
  background-color: var(--bgColorBlue);
}
.bg-dark {
  background-color: var(--bgDark);
}
.bg_light {
  background-color: var(--bgColorBlue);
}

/* 边框 */
.border_5 {
  border-radius: 5px;
}
.border_1 {
  border: 1px solid #eee;
}

/* 边距 */
.m_50 {margin: var(--size_50)!important;}
.m_30 {margin: var(--size_30)!important;}
.m_t_50 {margin-top: var(--size_50)!important;}
.mt_80 {margin-top: var(--size_80)!important;}
.mt_70 {margin-top: var(--size_70)!important;}
.mt_60 {margin-top: var(--size_60)!important;}
.mt_50 { margin-top: var(--size_50)!important;}
.mt_40 { margin-top: var(--size_40)!important;}
.mt_30 {margin-top: var(--size_30)!important;}
.mt_20 {margin-top: var(--size_20)!important;}
.mt_10 {margin-top: var(--size_10)!important;}
.m_0 {margin: 0 !important;}
.mb_10 {margin-bottom: var(--size_10) !important;}
.mb_20 {margin-bottom: var(--size_20) !important;}
.mb_30 {margin-bottom: var(--size_30) !important;}
.mb_40 {margin-bottom: var(--size_40) !important;}
.mb_50 {margin-bottom: var(--size_50) !important;}
.mb_60 {margin-bottom: var(--size_60) !important;}
.mb_70 {margin-bottom: var(--size_70) !important;}
.mb_80 {margin-bottom: var(--size_80) !important;}
.mb_90 {margin-bottom: var(--size_90) !important;}

.pb_0 {padding-bottom: 0 !important;}
.pb_10 {padding-bottom: var(--size_10) !important;}
.pb_20 {padding-bottom: var(--size_20) !important;}
.pb_30 {padding-bottom: var(--size_30) !important;}
.pb_40 {padding-bottom: var(--size_40) !important;}
.pb_50 {padding-bottom: var(--size_50) !important;}
.pb_60 {padding-bottom: var(--size_60) !important;}
.pb_70 {padding-bottom: var(--size_70) !important;}
.pb_80 {padding-bottom: var(--size_80) !important;}
.pb_90 {padding-bottom: var(--size_90) !important;}
.pb_100 {padding-bottom: var(--size_100) !important;}
.pb_110 {padding-bottom: var(--size_110) !important;}
.pb_120 {padding-bottom: var(--size_120) !important;}

.pt_10 {padding-top: var(--size_10) !important;}
.pt_20 {padding-top: var(--size_20) !important;}
.pt_30 {padding-top: var(--size_30) !important;}
.pt_40 {padding-top: var(--size_40) !important;}
.pt_50 {padding-top: var(--size_50) !important;}
.pt_60 {padding-top: var(--size_60) !important;}
.pt_70 {padding-top: var(--size_70) !important;}
.pt_80 {padding-top: var(--size_80) !important;}
.pt_90 {padding-top: var(--size_90) !important;}
.pt_100 {padding-top: var(--size_100) !important;}
.pt_110 {padding-top: var(--size_110) !important;}
.pt_120 {padding-top: var(--size_120) !important;}

.p_lr_10 {
  padding: 0 var(--size_10) !important;
}
.p_lr_20 {
  padding: 0 var(--size_20) !important;
}
.p_lr_30 {
  padding: 0 var(--size_30) !important;
}
.p_tb_10 {
  padding: var(--size_10) 0 !important;
}
.p_tb_20 {
  padding: var(--size_20) 0 !important;
}
.p_tb_30 {padding: var(--size_30) 0 !important;}
.p_tb_40 {padding: var(--size_40) 0 !important;}
.p_tb_50 {
  padding-top: var(--size_50) !important;
  padding-bottom: var(--size_50) !important;
}
.p_tb_60 {padding: var(--size_60) 0 !important;}
.p_tb_80 {padding: var(--size_80) 0 !important;}
.p_tb_com {padding: var(--size_120) 0 !important;}
.m_t_com {
  margin-top: var(--size_120)!important;
}
.p_0 {
  padding: 0!important;
}
.pt_50 {
  padding-top: var(--size_50);
}

/* 底部li margin-bottom： 0 */
.li_hidden_2 > li:nth-last-child(-n + 2) {
  margin-bottom: 0!important;
}

/* 布局 */
.display_b {
  display: block !important;
}
.flex_bet_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_bet_center_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.text-center {
  text-align: center!important;
}

/* 省略号 */
.one_hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two_hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 按钮 */
.my_btn {
  width: 53.3333vw;
  background: var(--mainColor);
}

.my_btn_red {
  width: 53.3333vw;
  background:#c72233;
  border: 1px solid #c72233;
  padding: 8px 0;
  font-size:16px;
}

/* 宽高 */
.w_100 {width: 100% !important;}
.h_10 {height: var(--size_10);}
.h_20 {height: var(--size_20);}
.h_30 {height: var(--size_30);}
.h_40 {height: var(--size_40);}
.h_50 {height: var(--size_50);}
.h_60 {height: var(--size_60);}
.h_70 {height: var(--size_70);}
.h_80 {height: var(--size_80);}
.h_90 {height: var(--size_90);}
.h_100 {height: var(--size_100);}
.h_110 {height: var(--size_110);}
.h_120 {height: var(--size_120);}
.h_130 {height: var(--size_130);}
.h_140 {height: var(--size_140);}
.h_150 {height: var(--size_150);}
.h_160 {height: var(--size_160);}

@media screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
}

.p-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.clearFix::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}
.clearFix {
  zoom: 1;
}

/* 按钮 */
.btn {
  border-radius: 5px;
  font-size: 14px;
}
.btn.primary {
  color: #ffffff;
  background-color: var(--mainColor);
}

/* 动画 */
.transition_3 {
  transition: all 0.3s;
}
.item-shadow:hover {
  transform: translateY(-3px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* 子元素延迟 */
.transition_delay li:nth-child(1) {
  transition-delay: 0.1s;
}
.transition_delay li:nth-child(2) {
  transition-delay: 0.3s;
}
.transition_delay li:nth-child(3) {
  transition-delay: 0.5s;
}
.transition_delay li:nth-child(4) {
  transition-delay: 0.7s;
}
.transition_delay li:nth-child(5) {
  transition-delay: 0.9s;
}
.transition_delay li:nth-child(6) {
  transition-delay: 1.1s;
}
.transition_delay li:nth-child(7) {
  transition-delay: 1.3s;
}
.transition_delay li:nth-child(8) {
  transition-delay: 1.5s;
}
.transition_delay li:nth-child(9) {
  transition-delay: 1.7s;
}

/* 改写bootstrap */
.btn-primary {
  background-color: var(--mainColor);
}
.btn-primary:hover {
}

/* ul li 动画 鼠标经过图片放大 */
.hover_scale > div .img,
.hover_scale > li .img {
  transition: all 0.5s;
  cursor: pointer;
}
.hover_scale > div:hover .img,
.hover_scale > li:hover .img {
  transform: scale(1.2);
}

.is-scroll {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

/* 英文字体 */
.font-en {
  font-family: 'Condensed_Bold';
}


/* 修改第三方插件 */
.mui-btn, button, input[type=button], input[type=reset], input[type=submit] {
  /*padding: var(--size_10) var(--size_20);*/
}

.mui-btn, button, input[type=button], input[type=reset], input[type=submit] {
  /*height: var(--size_70);*/
  line-height: normal;
  /*padding: 0;*/
}
.mui-scroll-wrapper {
  overflow-y: auto;
}
.mui_b-phone {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--size_80);
  /* color: #ffffff; */
  background-color: #fff;
}
.mui_b-phone div {
  font-size: var(--fontTitle);
}
.mui_b-phone a {
  display: inline-block;
  width: var(--size_200);
  height:30px;
  line-height: 30px;
  border-radius: 15px;
  background-color: var(--mainColor);
  color: #fff;
  text-align: center;
  width:80%;
}

/* 修改省市选择 */
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_title {
  color: var(--mainColor);
} 
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:before,
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:after {
  background-color:var(--mainColor);
}
.cascade_scroll_selects .scs_container .scs_dialog .scs_item.scs_selected {
  color: var(--mainColor);
}
.cascade_scroll_selects .scs_container .scs_dialog .scs_btns {
  background: #fff;
}
.cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn_ok {
  background-color: var(--mainColor);
}


/* 封装的工具类 */
/* 提示框樣式 */
.info-toast {
  position: fixed;
  z-index: 9999;
  padding: var(--size_10) var(--size_60);
  background-color: #f56c6c;
  left: 50%;
  top: 10%;
  border-radius: var(--size_10);
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(-50%, -26.6667vw);
      -ms-transform: translate(-50%, -26.6667vw);
          transform: translate(-50%, -26.6667vw);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.info-toast.active {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
/*电话弹窗*/
.model-call{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    top: 0;
    z-index: 10000;
}
.call-phone-modal{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width:90%;
    background-color: #fff;
    border-radius:var(--size_40);
}
.call_img{
    /*height: var(--size_400);*/
}
.call_img>img{
     border-radius:var(--size_40);
    width: 100%;
}
.call-title{
    text-align: center;
    font-weight: 600;
    font-size: var(--size_40);
    margin:var(--size_20);
}
.call-content{
     margin-bottom:var(--size_30);
     color: #858585;
     text-align: center;
     font-size: 14px;
}
.call-button{
    display: block;
    font-size: 14px;
    text-align: center;
    background-color: #4e6ef2;
    color: #fff;
    padding:var(--size_20) 0;
    border-radius:var(--size_20);
    margin:0 var(--size_20) var(--size_60);
}
.call-close{
    position: absolute;
    width:var(--size_50);
    right: 13px;
    top: 16px;
}