.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 button,.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 button:last-child,.mbrFm_tab div:last-child{border:none;}



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



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



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



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



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



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



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


.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; width: 100%; cursor: pointer; 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  button,.mbrFm_ul .htauto  span { cursor: pointer; color: #007aff;}
.mbrFm_ul .htauto  button { background: transparent; }



/* 弹窗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: 99;

        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  button { 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;

  }

}