.dsNone {
    display: none
}

.dsBlock {
    display: block
}
.mbrLayer_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999;}

.mbrFm{ width:480px; background:#fff; border-radius:0.3em; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100000; padding-bottom:60px; box-shadow:0 8px 35px rgba(0,0,0,0.1);}

.mbrFm_tab{ height:89px; line-height:88px; border-bottom:1px solid #E2E2E2; text-align:center; position:relative;}

.mbrFm_tab a,.mbrFm_tab div{ width: 50%;cursor: pointer; float: left; font-size: 20px; font-weight: normal; color: #252b3a; border-right:1px solid #E2E2E2; position:relative }

.mbrFm_tab a:last-child,.mbrFm_tab div:last-child{border:none;}

.mbrFm_tab a.on,.mbrFm_tab div.on{ color:#108cee;}

.mbrFm_tab a span,.mbrFm_tab div span{display:inline-block; width:24px; height:24px; position:relative; margin-right:6px; transform:translateY(-2px)}

.mbrFm_tab a span img,.mbrFm_tab div span img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}

.mbrFm_tab a.on span img,.mbrFm_tab div.on span img{opacity:0;}

.mbrFm_tab a.on span img.iOpacity,.mbrFm_tab div.on span img.iOpacity{opacity:1;}

.mbrFm_tab a span,.mbrFm_tab a text,.mbrFm_tab div span,.mbrFm_tab div text{vertical-align:middle;}

.mbrFm_tab a.on:after,.mbrFm_tab div.on:after{content:""; background:#0F8CEE; height:3px; width:100%; position:absolute; left:0; bottom:-1px;}

.mbrFm_item .mbrFm-tips { padding: 20px 40px 0px; font-size: 14px;}

.mbrFm_ul{ padding:20px 40px 0}

.mbrFm_ul li{ margin-bottom:20px; height:50px; position:relative;}

.mbrFm_ul li input{ background: #FBFBFB; width: 100%; line-height: 48px; padding: 0px 18px; height: 50px; border: 1px solid #E2E2E2; font-size: 16px; color: #666; }

.mbrFm_ul li input:focus{ border: 1px solid #0f8cee; }

.mbrFm_ul li.mbrFm_li01 input{ width:260px; float:left}

.v_code{ float: left; height: 50px; width: 139px;cursor: pointer; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }

.mbrFm_ul li.mbrFm_li02 input{ width:240px;}

.ms_code{ font-size: 14px; line-height: 48px;cursor: pointer; color: #108cee; text-align: center; height: 50px; width: 140px; border: 1px solid #e2e2e2; float: right; background: #FBFBFB;  }

.mbr_submit{ line-height: 50px; transition: all 0.5s; background: #0F8CEE; text-align: center; display: block; height: 50px; font-size: 16px; color: #FFF; letter-spacing: 1px; }

.mbr_submit:hover{ color:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.1); transform:translateY(-3px);}

.mbr_btip{text-align:center;}

.mbr_btip a,.mbr_btip span{ cursor: pointer; font-size: 16px; color: #108cee; line-height: 28px; text-decoration: underline; }

@media (max-width:1799px){

.mbrFm_ul li{ margin-bottom:10px;}

.mbrFm{padding-bottom:35px}

.mbrFm_tab{ height:67px; line-height:66px;}

.mbrFm_ul{padding-top:15px;}

.mbrFm_tab a{font-size:18px;}

.mbrFm_ul li input{font-size:15px;}

.mbr_btip a{font-size:15px;}

}

.mbrFm_close{ background: url(/Public/Home/index2/images/close-2.png) no-repeat center center; display: inline-block; height: 15px; width: 15px; position: absolute; top: 10px; right: 12px; background-size:12px auto; cursor:pointer; z-index:3; transition:all 0.5s ease-in-out;}

.mbrFm_close:hover{ background: url(/Public/Home/index2/images/close-2a.png) no-repeat center center; background-size:12px auto; }

.hmFocusWpr{position:relative;}

.hmFocus{ position:relative;}

.hmFocus_item{ position:relative;}

.hmFocus_item .bgImg{ height:720px;}

.hmFsTxt{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); padding-bottom:120px;}

.hmFsTxt strong{ font-size: 48px; letter-spacing: 4px; line-height: 60px; font-weight: normal; display: block; transition:all 0.8s ease-in-out; transform:translateY(50px); opacity:0; }

.hmFsTxt p{ font-size: 18px; line-height: 30px; margin-top: 18px; letter-spacing:2px; transition:all 0.8s ease-in-out; transform:translateY(50px); opacity:0; }

.hmFsTxt div.hmFs_btn{ margin-top: 85px; transition:all 0.8s ease-in-out; transform:translateY(50px); opacity:0; }

.hmFs_btn a,.hmFs_abtn_blue{ text-align: center; display: inline-block; height: 48px; width: 180px; font-size: 14px; letter-spacing: 1px; background: #108cee; line-height: 48px; color: #FFF; }

.hmFs_btn a:hover,.hmFs_abtn_blue:hover{transform:translateY(-5px); box-shadow:0 3px 8px rgba(0,0,0,0.1);}

.hmFocus .slick-dots{bottom:90px;}

.hmFocus .slick-dots li button{display:none;}

.hmFocus .slick-dots li { background:rgba(255,255,255,0.3); display: inline-block; height: 3px; width: 25px; margin: 0px 5px; position: relative; vertical-align:middle}

.hmFocus .slick-dots li:after{content:""; background:#108cee; height:3px; width:0%; position:absolute; left:0; top:0;}

.hmFocus .slick-dots li.on:after{ width:100%; transition:all 5.8s ease-in-out!important;}

.on .hmFsTxt strong{ opacity:1; transform:translateY(0); transition-delay:0.1s;}

.on .hmFsTxt p{ opacity:1; transform:translateY(0); transition-delay:0.3s;}

.on .hmFsTxt div.hmFs_btn{ opacity:1; transform:translateY(0); transition-delay:0.5s;}

.hmFs2_img{text-align:center;}

.hmFs2_img img{display:inline-block;}

@media (max-width:1799px){

.hmFsTxt strong{font-size:40px;}

.hmFocus_item .bgImg{height:600px;}

.hmFsTxt p{margin-top:14px;}

.hmFsTxt div.hmFs_btn{margin-top:50px;}

}

.hmFtlsWpr{ margin-top:-60px; position:relative; z-index:3; margin-bottom:5.2vw}

.hmFtls{ height:120px; background:#fff; box-shadow:0 8px 25px rgba(16,140,238,0.35)}

.hmFtl_t{ background: url(/Public/Home/index2/images/top_tls_bg.png) no-repeat right top; float: left; height: 120px; width: 435px; padding: 32px 0px 0px 40px; font-size: 20px; line-height: 28px; color: #FFF; margin-right:40px; }

.hmFtls_a{ float: left; margin-right: 135px; margin-top: 20px; padding: 13px 0px 0px 106px; position: relative; }

.hmFtls .hmFtls_a:last-child{margin-right:0!important;}

.hmFtl_icon{ height: 80px; width: 80px; position: absolute; left: 0px; top: 0px; }

.hmFtls_a strong{ font-size: 18px; letter-spacing: 1px; line-height: 28px; display: block; font-weight: normal; }

.hmFtls_a p{ font-size: 14px; color: #108cee; line-height: 30px; }

.hmTbox{ text-align:center;}

.hmTbox strong{ font-size: 36px; line-height: 50px; letter-spacing: 4px; display: block; font-weight: normal; }

.hmTbox p{ font-size: 16px; color: #666666; line-height: 26px; margin-top: 20px; letter-spacing: 1px; }

@media (max-width:1799px){

.hmFtl_t{font-size:18px; width:365px;}

.hmFtls_a{margin-right:50px;}

.hmTbox strong{font-size:32px; line-height:42px;}

.hmTbox p{margin-top:12px;}

}

.mbrFm_ul li .page-check-box { width: 16px; height: 16px; position: relative; margin-right: 10px; border:1px solid #E2E2E2; cursor: pointer;}

.mbrFm_ul li .page-check-box.on { background:url(/Public/Home/index2/images/check-gou.png) no-repeat center center #0075ff; }

.mbrFm_ul li .page-check-box input {position: absolute;width: 100%;height: 100%;opacity: 0;}

.mbrFm_ul .htauto { height: auto; color: #666; font-size: 12px; display: flex;}

.mbrFm_ul .htauto  a,.mbrFm_ul .htauto  span { cursor: pointer; color: #007aff;}

/* 弹窗2022-03-31 */

.layui-layer-dialog .layui-layer-content h1 {

  font-size: 28px;

  padding-bottom: 15px;

  border-bottom:1px solid #ececec;

  margin-bottom: 25px;

}

.layui-layer-dialog .layui-layer-content h4{

  font-size: 16px;

  margin: 8px 0px;

}

.layui-layer-dialog .layui-layer-content p {

  line-height: 25px;

  margin: 8px 0px;

}

.layui-layer-dialog .layui-layer-content a {

  color: #1890ff;

}

/******************右侧悬浮***********************/
.fixed_consultation {
    position: fixed;
    right: 0;
    top: 26%;
    z-index: 16;
}

.fixed_consultation .popup {
    z-index: 10;
}

.fixed_consultation .block {
    position: relative;
    width: 70px;
    height: 70px;
}

.fixed_consultation .block:first-of-type .box {
    border: none;
    background: #e06807!important;
}

.fixed_consultation .block:nth-of-type(2) .box {
    background-color: #e06807!important;
}

.fixed_consultation .block:nth-of-type(3) .hide {
    display: none!important;
}

.fixed_consultation .block:nth-of-type(3) .hide h3 {
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 3;
}

.fixed_consultation .block:nth-of-type(3) .hide h3 i {
    font-size: 18px;
    line-height: 18px;
    font-style: normal;
    cursor: pointer;
    color: #bbb;
}

.fixed_consultation .block:hover .hide.ho {
    opacity: 1;
    visibility: visible;
}

.fixed_consultation .box {
    width: 100%;
    height: 100%;
    background-color: #e06807;
    text-align: center;
    border-top: 1px solid #fff;
}

.fixed_consultation .box.totop {
    display: none;
}

.fixed_consultation .box a,.fixed_consultation .box .ahref {
    display: block;
    cursor: pointer;
    height: 100%;
}

.fixed_consultation .box i {
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.fixed_consultation .box span {
    font-size: 12px;
    color: #fff;
    cur display: block;
    margin-top: 5px;
}

.fixed_consultation .hide {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 10px;
}

.fixed_consultation .hide.ho {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fixed_consultation .hide.hi {
    display: none;
}

.fixed_consultation .hide:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -8px;
}

.fixed_consultation .hide_cont {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    white-space: nowrap;
}

.fixed_consultation .hide_cont h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 6px;
    position: relative;
}

.fixed_consultation .hide_cont h3:before {
    content: '';
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icon-16.png");
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 0;
}

.fixed_consultation .hide_cont h3 i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    cursor: pointer;
    color: #bbb;
}

.fixed_consultation .hide_cont p {
    font-size: 14px;
    line-height: 20px;
}

.fixed_consultation .hide_cont form {
    width: 210px;
    display: block;
    position: relative;
    padding-right: 75px;
}

.fixed_consultation .hide_cont .form {
    width: 210px;
    display: block;
    position: relative;
    padding-right: 75px;
}

.fixed_consultation .hide_cont input {
    width: 100%;
    margin-top: 0px!important;
    height: 36px!important;
    border: 1px solid #e9e9e9!important;
    padding: 0 5px;
    font-size: 14px;
    color: #333;
}

.fixed_consultation .hide_cont input#callBtn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 75px;
    height: 36px;
    background: none;
    border: none;
    z-index: 2;
    background-color: #3971ff;
    ont-size: 14px;
    color: #fff;
    cursor: pointer;
}

.fixed_consultation .hide_cont button {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 75px;
    height: 36px;
}

.fixed_consultation .block:hover .hide.ho {
    opacity: 1;
    visibility: visible;
    display: block;
}

 /*智能客服开始*/

      .popup {
		     z-index: 9;
        display: none;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, 0.5);

        justify-content: center;

        align-items: center;

        animation: fadeIn 0.3s ease-in-out;
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      @keyframes fadeOut {
        from {
          opacity: 1;
        }

        to {
          opacity: 0;
        }
      }

      .popup-content {
        /*            background-color: white;*/

        background: linear-gradient(to right, #006dff, #00a8ff);

        border-radius: 15px;

        width: 850px;

        height: 750px;

        display: flex;

        flex-direction: column;

        transform: scale(0.8);
      }

      .popup-header {
        padding: 10px 20px;

        background: linear-gradient(to right, #006dff, #00a8ff);

        border-bottom: 1px solid #ccc;

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-top-left-radius: 15px;

        border-top-right-radius: 15px;
      }

      .header-left-container {
        display: flex;

        align-items: center;
      }

      .avatar-container {
        margin-right: 10px;
      }

      .avatar {
        width: 40px;

        height: 40px;

        border-radius: 50%;

        object-fit: cover;

        background-color: #fff;
      }

      .title-description-container {
        display: flex;

        flex-direction: column;

        justify-content: center;
      }

      .popup-title {
        margin: 0;

        color: white;

        font-size: 18px;

        line-height: 1.2;
      }

      .popup-description {
        margin-left: 10px;

        color: white;

        font-size: 12px;

        line-height: 1.2;
      }

      .close {
        font-size: 24px;

        cursor: pointer;

        color: white;
      }

      .popup-body {
        padding: 0px;

        flex-grow: 1;
      }

      .popup-body iframe {
        width: 100%;

        height: 100%;

        border: none;
      }

      iframe {
        border-radius: 10px;

        overflow: hidden;
      }

      /*智能客服结束*/
	  
	  
	  
/**移动端**/	  
@media (max-width:1140px){
.dsNone{display:none;}
.mbrLayer_bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:30;}
.mbrFm{width:90%;max-width:750px;background:#fff;position:fixed;left:50%;top:50%;z-index:35;padding-bottom:35px;box-shadow:0 18px 25px rgba(0,0,0,0.1);transform:translate(-50%,-50%);border-radius:0.3em;}
.mbrFm_tab{ height:57px; line-height:56px; border-bottom:1px solid #E2E2E2; text-align:center; position:relative;}
.mbrFm_tab a{ width: 100%; float: left; font-size: 14px; font-weight: normal; line-height: 56px; color: #252b3a; border-right:1px solid #E2E2E2; position:relative }
.mbrFm_tab a:last-child{border:none;display:none;}
.mbrFm_tab a.on{ color:#108cee;}
.mbrFm_tab a span{display:inline-block; width:18px; height:18px; position:relative; margin-right:3px; transform:translateY(-2px)}
.mbrFm_tab a span img{position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; max-width: 100%; height: auto;}
.mbrFm_tab a.on span img{opacity:0;}
.mbrFm_tab a.on span img.iOpacity{opacity:1;}
.mbrFm_tab a span,.mbrFm_tab a text{vertical-align:middle;}
.mbrFm_tab a.on:after{content:""; background:#0F8CEE; height:3px; width:100%; position:absolute; left:0; bottom:-1px;}
.mbrFm_ul{ padding:15px 30px 0}
.mbrFm_ul li{ margin-bottom:10px; height:40px; position:relative;}
.mbrFm_ul li input{ background: #FBFBFB; width: 100%; line-height: 38px; padding: 0px 18px; height: 40px; border: 1px solid #E2E2E2; font-size: 14px; color: #666; }
.mbrFm_ul li input:focus{ border: 1px solid #0f8cee; }
.mbrFm_ul li.mbrFm_li01 input{ width:calc(100% - 110px); float:left}
.v_code{ float: left; height: 40px; width: 110px; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }
.mbrFm_ul li.mbrFm_li02 input{ width:calc(100% - 110px);}
.ms_code{ font-size: 12px; line-height: 38px; color: #108cee; text-align: center; height: 40px; width: 100px; border: 1px solid #e2e2e2; float: right; background: #FBFBFB;  }
.mbr_submit{ line-height: 40px; background: #0F8CEE; text-align: center; display: block; height: 40px; font-size: 14px; color: #FFF; letter-spacing: 1px; }
.mbr_btip{text-align:center;}
.mbr_btip a{ font-size: 14px; color: #108cee; line-height: 26px; text-decoration: underline; }


.serBg{ background:rgba(15,140,238,0.95); position:fixed; left:0; top:0; width:100%; height:100%; z-index:55;}
.serLayer{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:56; padding-top:120px;}
.serClose{ background: url(../images/close-1.png) no-repeat center center; display: inline-block; height: 42px; width: 42px; border: 1px solid rgba(255,255,255,0.3); position: absolute; right: 30px; top: 20px; border-radius:50%; transition:all 0.5s ease-in-out; background-size:16px auto; }
.serClose.on{ transform:rotate(90deg);}
.serIntBox{ margin: 0px auto; max-width:90%; width:1200px;position:relative; }
.serIntBox input{ border:none; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 18px; line-height: 58px; color: #FFF; height: 60px; background: url(../images/ser_icon.png) no-repeat left center; padding-left: 35px; width:100%; background-size:20px auto;}
.serul{ margin: 20px auto 0; max-width:90%; width:1200px; }
.serul li{ font-size: 14px; line-height:30px; color: #FFF; padding-left:18px; position:relative; }
.serul li:after{content:""; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:0; top:15px;}
.serLayer h6{font-size:22px; line-height:40px; margin-bottom:25px; display:block; text-align:center; color:#fff; letter-spacing:10px;}
.serBox{position:absolute; left:0; width:100%; top:35%; transform:translateY(-68%);}
.serIntBox button { position:absolute;left:0px;top:0px;height:100%;opacity:0;width:35px; }


.u-df { display:-webkit-box;  display:-ms-box; display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { justify-content : space-between; }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }


.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; flex-wrap:wrap; }

.flex-1 { flex:1; }  

.mbrFm_ul li .page-check-box { width: 16px; height: 16px; position: relative; margin-right: 10px; border:1px solid #E2E2E2; cursor: pointer;}
.mbrFm_ul li .page-check-box.on { background:url(../images/check-gou.png) no-repeat center center #0075ff; }
.mbrFm_ul li .page-check-box input { position: absolute;width: 100%;height: 100%; opacity: 0;}
.mbrFm_ul .htauto { height: auto; color: #666; font-size: 12px; }
.mbrFm_ul .htauto  a { color: #007aff;}




/* 弹窗2022-03-31 */
.layui-layer-dialog {
  width: 90%!important;
  left: 5%!important;
}
.layui-layer-dialog .layui-layer-content h1 {
    font-size: 28px;
    padding-bottom: 15px;
    border-bottom:1px solid #ececec;
    margin-bottom: 25px;
  }
  .layui-layer-dialog .layui-layer-content h4{
    font-size: 16px;
    margin: 8px 0px;
  }
  .layui-layer-dialog .layui-layer-content p {
    line-height: 25px;
    margin: 8px 0px;
  }
  .layui-layer-dialog .layui-layer-content a {
    color: #1890ff;
  }
}