*{
  outline:0 none !important; ;
}
html{font-size: 100px;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}

body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #000;font-family: PingFang SC,Arial, Microsoft YaHei,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:0.14rem;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #000;}
textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;}
textarea{
resize:none;
padding: 0;border: 0;
font-family: PingFang SC;
}
img{border:none;max-width: 100%;display: block;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
*::-webkit-scrollbar{ width:2px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:var(--viColor);}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.2);}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: PingFang SC;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }


@keyframes fadeInUp {
   0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
   }
   100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
   }
}

.D3Box {
  scroll-margin-top: 1.40rem;
}
#pl_con {
  scroll-margin-top: -1.2rem;
}

.about2_container  [id] {
  scroll-margin-top: -1.2rem;
}
.about2_container  #d1 {
  scroll-margin-top: 0;
}
.about2_container  #d4 {
  scroll-margin-top: -1.6rem;
}
.f_12 {
  font-size: 12px;
}
.f_14 {
  font-size: 14px;
}
.f_16 {
  font-size: 16px;
}
.f_18 {
  font-size: 18px;
}
.f_20 {
  font-size: 20px;
}
.f_22 {
  font-size: 22px;
}
.f_24 {
  font-size: 24px;
}
.f_26 {
  font-size: 26px;
}
.f_28 {
  font-size: 28px;
}
.f_30 {
  font-size: 30px;
}
.f_32 {
  font-size: 32px;
}
.f_34 {
  font-size: 34px;
}
.f_36 {
  font-size: 36px;
}
.f_38 {
  font-size: 38px;
}
.f_40 {
  font-size: 40px;
}
.f_42 {
  font-size: 42px;
}
.f_44 {
  font-size: 44px;
}
.f_46 {
  font-size: 46px;
}
.f_48 {
  font-size: 46px;
}
.f_50 {
  font-size: 50px;
}
.f_52 {
  font-size: 52px;
}
.f_54 {
  font-size: 54px;
}
.f_56 {
  font-size: 56px;
}
.f_60 {
  font-size: 60px;
}
.f_62 {
  font-size: 62px;
}
.f_64 {
  font-size: 64px;
}
.f_68 {
  font-size: 68px;
}
.f_72 {
  font-size: 72px;
}
.f_74 {
  font-size: 74px;
}
.f_80 {
  font-size: 80px;
}
.f_88 {
  font-size: 88px;
}
.f_90 {
  font-size: 90px;
}
.f_133 {
  font-size: 133px;
}
@media (max-width: 1760px) {
  .f_133 {
    font-size: 110px;
  }
}
@media (max-width: 1680px) {
.f_16 {
    font-size: 15px;
  }
.f_18 {
    font-size: 15px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 20px;
  }
.f_24 {
    font-size: 22px;
  }
.f_26 {
    font-size: 24px;
  }
.f_28 {
    font-size: 26px;
  }
.f_30 {
    font-size: 28px;
  }
.f_32 {
    font-size: 28px;
  }
.f_34 {
    font-size: 32px;
  }
.f_36 {
    font-size: 34px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 34px;
  }
.f_42,
.f_44 {
    font-size: 36px;
  }
.f_46 {
    font-size: 36px;
  }
.f_48 {
    font-size: 36px;
  }
.f_50 {
    font-size: 40px;
  }
.f_52 {
    font-size: 40px;
  }
.f_54 {
    font-size: 46px;
  }
.f_56 {
    font-size: 48px;
  }
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 54px;
  }
.f_88 {
    font-size: 56px;
  }
.f_90 {
    font-size: 58px;
  }
.f_133 {
    font-size: 72px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
}
@media (max-width: 1440px) {
  .f_16 {
      font-size: 15px;
    }
  .f_18 {
      font-size: 14px;
    }
  .f_20 {
      font-size: 16px;
    }
  .f_22 {
      font-size: 18px;
    }
  .f_24 {
      font-size: 18px;
    }
  .f_26 {
      font-size: 22px;
    }
  .f_28 {
      font-size: 22px;
    }
  .f_30 {
      font-size: 24px;
    }
  .f_32 {
      font-size: 24px;
    }
  .f_34 {
      font-size: 26px;
    }
  .f_36 {
      font-size: 28px;
    }
  .f_38 {
      font-size: 28px;
    }
  .f_40 {
      font-size: 30px;
    }
  .f_42,
  .f_44 {
      font-size: 32px;
    }
  .f_46 {
      font-size: 32px;
    }
  .f_48 {
      font-size: 34px;
    }
  .f_50 {
      font-size: 36px;
    }
  .f_52 {
      font-size: 34px;
    }
  .f_54 {
      font-size: 38px;
    }
  .f_56 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 44px;
    }
  .f_88 {
      font-size: 46px;
    }
  .f_90 {
      font-size: 48px;
    }
  .f_133 {
    font-size: 60px;
  }
  }
@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 15px;
  }
.f_22 {
    font-size: 16px;
  }
.f_24 {
    font-size: 16px;
  }
.f_26 {
    font-size: 20px;
  }
.f_28 {
    font-size: 20px;
  }
.f_30 {
    font-size: 20px;
  }
.f_32 {
    font-size: 22px;
  }
.f_34 {
    font-size: 23px;
  }
.f_36 {
    font-size: 25px;
  }
.f_38 {
    font-size: 26px;
  }
.f_40 {
    font-size: 30px;
  }
.f_42,
.f_44 {
    font-size: 32px;
  }
.f_46 {
    font-size: 30px;
  }
.f_48,
.f_50 {
    font-size: 38px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_60,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 40px;
  }
.f_88 {
    font-size: 42px;
  }
.f_90 {
    font-size: 44px;
  }
.f_133 {
  font-size: 56px;
}
}
@media (max-width: 767px) {
    
.f_14,
.f_16 {
    font-size: 0.28rem;
  }
.f_18,
.f_20 {
    font-size: 0.3rem;
  }
.f_22,
.f_24,
.f_26,
.f_27 {
    font-size: 0.32rem;
  }
.f_28 {
    font-size: 0.36rem;
  }
.f_30,
.f_32,
.f_34 {
    font-size: 0.4rem;
  }
.f_36,
.f_38,
.f_40,
.f_42,
.f_44,
.f_46 {
    font-size: 0.46rem;
  }
.f_48,
.f_50,
.f_52,
.f_54,
.f_56,
.f_60,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 0.58rem;
}
.f_88 {
    font-size: 0.6rem;
}
.f_90 {
    font-size: 0.62rem;
}
.f_133 {
  font-size: 52px;
}
}

html {
  font-size: calc(100vw/19.2);
}
@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}
/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */
@media (max-width: 467px) {
    html{font-size: 60px!important;}
}

/*@keyframes fadeInUp {*/
/*    0% {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(0, 400px, 0);*/
/*        transform: translate3d(0, 400px, 0);*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*        -webkit-transform: translateZ(0);*/
/*        transform: translateZ(0);*/
/*    }*/
/*}*/

.entext {
    color: #AEB8BF;
    line-height: 1.167;
    text-transform: capitalize;
    font-weight: 400;
}


/* 头部 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: all 0.5s;padding: 0.32rem 1.6rem;}
.header {
    /*border-bottom: 2px solid rgba(255,255,255,.8);*/
}
.header.on {
    background: #fff;
}
.header .img1 {
    display: none !important;
}
.header .img2 {
    display: block !important;
}
.header.on .img1 {
    display: block !important;
}
.header.on .img2 {
    display: none !important;
}
.header .con .h_right .h_btns .h_lag span {
    color: #fff !important;
    transition: all .5s;
}
.header.on .con .h_right .h_btns .h_lag span {
    color: #333 !important;
}
.header .con .h_right .h_nav li>a {
    color: #fff;
    text-transform: capitalize;
}
.header.on  .con .h_right .h_nav li>a {
    color: #333;
}

.header:hover {
    background: #fff;
}
.header:hover .img1 {
    display: block !important;
}
.header:hover .img2 {
    display: none !important;
}
.header:hover .con .h_right .h_btns .h_lag span {
    color: #333 !important;
}
.header:hover  .con .h_right .h_nav li>a {
    color: #333;
}

body[data-hd="0"] .header {
    background: #fff;
}
body[data-hd="0"] .header .img1 {
    display: block !important;
}
body[data-hd="0"] .header  .img2 {
    display: none !important;
}
body[data-hd="0"] .header .con .h_right .h_btns .h_lag span {
    color: #333 !important;
}
body[data-hd="0"] .header  .con .h_right .h_nav li>a {
    color: #333;
}


.header .img2{display: none;}
.header .con{display: flex;justify-content: space-between;align-items: center;}
.header .con .logo{display: block;width: 2.78rem;}
.header .con .logo img{width: 100%;}
.header .con .h_right{display: flex;}
.header .con .h_right .h_nav{display: flex;}
.header .con .h_right .h_nav a{display: block;color: #333;font-weight: 400;line-height: 1.1875;}
.header .con .h_right .h_btns{display: flex;align-items: center;margin-left: 0.75rem;}
.header .con .h_right .h_btns .h_ser{display: block;width: 0.17rem;height: 0.17rem;margin-right: 0.2rem;}
.header .con .h_right .h_btns .h_ser img{width: 100%;height: 100%;}
.header .con .h_right .h_btns .solid{width: 1px;height: 0.14rem;background-color: #D4D4D4;margin-right: 0.2rem;}
.header .con .h_right .h_btns .h_lag{position: relative;margin-right: 0.34rem;}
.header .con .h_right .h_btns .h_lag .h{display: flex;align-items: center;}
.header .con .h_right .h_btns .h_lag .icon{width:0.17rem;height: 0.17rem;margin-right: 0.07rem;}
.header .con .h_right .h_btns .h_lag span{color: #000;font-weight: 400;line-height: 1.1875;display: block;margin-right: 0.06rem;}
.header .con .h_right .h_btns .h_lag .jt{width: 0.06rem;height: 0.04rem;}
.header .con .h_right .h_btns .h_lag .jt img{width: 100%;height: 100%;object-fit: contain;}
.header .con .h_right .cta{display: block;width: 1.68rem;line-height: 0.5rem;text-align: center;color: #fff;background-color: #22B9D9;border-radius: 0.25rem;font-weight: 400;transition: all 0.5s;}
.header .con .h_right .cta:hover{opacity: 0.7;}

.header .con .h_right .h_nav li.on>a {
    color:var(--viColor) !important;
}
.header .con .h_right .h_nav li>a {
    transition: all .4s ease;
} 

.header .con .h_right .h_nav li {
    margin-left: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .con .h_right .h_nav li:nth-child(1) {
    margin-left: 0;
}
.header .con .h_right .h_nav li.style2 {
    position: relative;
}
.header .con .h_right .h_nav li.style2 .lis_down{
    position: absolute;
    left: 50%;
    min-width: 120px !important;
    width: fit-content !important;
    display: none;
    transform: translateX(-50%);
    background: #fff;
    padding:  20px 0;
    padding-top: 0.32rem ;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 35px 32.1px 0px rgba(230, 220, 220, 0.2);
}
.header .con .h_right .h_nav li.style2 .lis_down>a {
       white-space: nowrap; 
    line-height: 1.9;
    text-align: center;
    display: block;
    font-size: clamp(12px,.2rem,16px);
    color: #666;
    transition: all .4s ease;
    position: relative;
    padding: 0 10px;
}

.header .con .h_right .h_nav li.down_cont {
    /*position: relative;*/
}
.header .con .h_right .h_nav li.down_cont .lis_down {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    /*padding: 0.32rem  0 0;*/
    display: none;
    /*height: 100vh;*/
    /*background-color: rgba(0,0,0,.3);*/
    /*pointer-events: none;*/
}
.mod_dwon_prop{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.3);
    display: none;
    z-index: 20;
}

.header .con .h_right .h_nav li.down_cont .lis_down .card_cont {
    position: relative;
    z-index: 2;
    padding: 0.75rem  3.94rem 0.75rem   3.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #fff;
    pointer-events: all;
    /*justify-content: space-between;*/
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card {
    width: 30%;
    height: 1.57rem;
    border-radius: 15px;
    overflow: hidden;
    background: url() no-repeat center center;
    background-size: cover;
    background-image: url(../img/sub/11.png);
    position: relative;
    margin-right: 5%;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card:last-child {
    margin-right: 0;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card .h1 {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}


/*.header .con .h_right .h_nav li.down_cont .lis_down  a {*/
/*    display: block;*/
/*    line-height: 1.7;*/
/*    margin: 0;*/
/*    padding: 0 10px;*/
/*    margin-bottom: .25rem;*/
/*    white-space: nowrap; */
/*    text-align: center;*/
/*    font-size: 14px;*/
/*}*/

.tec4 .con .right .list .prev {
    display: none;
}
.tec4 .con .right .list .next {
    display: none;
}

.contnes1 {
    position: relative;
    width: 100%;
}
.contnes1 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.contnes1 .bg .bg1 {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 14.92rem;
}


.contnes1 .bg .bg2 {
    position: absolute;
    z-index: 1;
    left: -2.9rem;
    top: 0;
    width: 14.36rem;
}

.contnes1 .cont {
    position: relative;
    z-index: 2;
    padding: 1.43rem var(--FIPadd);
}

.contnes1 .cont .module_title {
    margin-bottom: .5rem;
}
.contnes1 .cont .tit-h1 {
    color: #333;
    font-weight: 500;
    font-family: var(--f500);
    margin-bottom: 2.57rem;
}
.contnes1 .cont .list{
    display: flex;
    column-gap: .28rem;
        align-items: stretch;
}

.contnes1 .cont .item {
    width: calc((100% - .28rem * 3 ) / 4);
    border: 1px solid rgba(71, 67, 66, 0.1);
    border-radius: 10px;
    background: #f9f9f9;
    padding: .38rem;
    min-height: 3.07rem;
    transition: all .4s ease;
    cursor: pointer;
}
.contnes1 .cont .item .ico {
    width: .66rem;
    height: .66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dcdddd;
    border-radius: 6px;
    margin-bottom: .4rem;
}

.contnes1 .cont .item  img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}


.contnes1 .cont .item .item-h1 {
    color: #474342;
    line-height: 1.3;
    margin-bottom: .19rem;
    font-weight: 700;
    font-family: var(--f700);
}
.contnes1 .cont .item  .item-p1 {
    color: #474342;
    line-height: 1.6;
}
.contnes1 .cont .item  .item-ewm {
    width: .87rem;
    height: .87rem;
    background: #fff;
}
.contnes1 .cont .item  .item-ewm img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contnes1 .cont .item .item-h1 {
    /*color: #fff;*/
    transition: all .4s ease;
}
.contnes1 .cont .item .item-p1 {
    transition: all .4s ease;
}

.footer{
    padding: .52rem 1.6rem 0.16rem 1.6rem;
    background: #ffffff;
}
.footer .top_svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.footer .f_top{width: 100%;display: flex;    margin-bottom: 0.4rem;
    justify-content: space-between; align-items: center;padding-bottom: 0.57rem;border-bottom: 1px solid rgba(255,255,255,0.16);margin-bottom: 0.4rem;}
.footer .f_top .f_logo{display: block;width: 2.53rem;}
.footer .f_top .f_nav{display: flex;margin-right: 2.22rem;}
.footer .f_top .f_nav li a{color: #fff;font-weight: 400;line-height: 1.167;margin-right: 0.65rem;}
.footer .f_top .f_nav li:last-child a{margin-right: 0;}
.footer .f_top .f_tel{color: #fff;}
.footer .f_top .f_tel .p{font-weight: 400;line-height: 1.14;margin-bottom: 0.1rem;}
.footer .f_top .f_tel .tel{font-weight: 700;line-height:1.1875;color: #fff;}
.footer .f_center{padding-bottom: 0.36rem;border-bottom: 1px solid #c9c9c9;display: flex;justify-content: space-between;align-items: center;}
.footer .f_center .c_left{color: rgba(102, 102, 102, 0.80);display: flex;align-items: center;font-weight: 300;}
.footer .f_center .c_left img{width: 0.1rem;margin-left: 0.24rem;}
.footer .f_center .c_right{display: flex;align-items: center;}
.footer .f_center .c_right .fx{display: flex;margin-right: 0.76rem;}
.footer .f_center .c_right .fx a{display: block;margin-left:0.2rem;width: 0.3rem;height: 0.3rem;background-color: #e3e3e3;border-radius: 50%;}
.footer .f_center .c_right .fx a:hover {
    background-color: var(--viColor);
}
.footer .f_center .c_right .fx a .ico {width: 100%;height: 100%;object-fit: contain;}
.footer .f_center .c_right .f_lag{position: relative;}
.footer .f_center .c_right .f_lag .h{color:#c1c1c1;font-weight: 300;line-height: 1.1875;padding-bottom: 0.04rem;border-bottom: 1px solid #333;}
.footer .f_center .c_right .f_lag ul{display: none;position: absolute;left: 0;top: 100%;width: 100%;}
.footer .f_bottom{display: flex;justify-content: space-between;align-items: center;padding-top: 0.2rem;}
.footer .f_bottom .left{display: flex;align-items: center;color: #c1c1c1;}
.footer .f_bottom .left a{color:#c1c1c1;font-weight: 300;display: block;}
.footer .f_bottom .left span{display: block;margin: 0 0.19rem;}
.footer .f_bottom .right{display: flex;align-items: center;font-weight: 300;color:#c1c1c1;}
.footer .f_bottom .right a{color: #c1c1c1;display: block;margin-left: 0.14rem;}
.footer .f_bottom .right .back{display: flex;align-items: center;margin-left: 0.8rem;cursor: pointer;}
.footer .f_bottom .right .back img{width: 0.1rem;margin-left: 0.1rem;}

.footer .f_center .c_right .fx a {
    position: relative;
}
.footer .f_center .c_right .fx a .ewm_cont {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 40px);
    width: 165px;
    z-index: 10;
    height: 165px;
    transition: all .4s ease;
    opacity: 0;
    pointer-events: none;
    border-radius: 8px;
    padding: 5px;
    background: #fff;
}

.footer .f_center .c_right .fx a:hover .ewm_cont {
    bottom: calc(100% + 20px);
    opacity: 1;
}
.footer .f_center .c_right .fx a .ewm_cont img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer .f_center .c_right .fx a .ewm_cont::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top-color: #fff;
}
.footer {
    position: relative;
}

.footer .cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.03rem;
}
.footer .cont .left {
    width: 2.7rem;
}

.footer .cont .left .item {
    margin-bottom: .23rem;
}

.footer .cont .left .item .item_h {
    color:#818181;
    line-height: calc(16 / 14);
    margin-bottom: .1rem;
    font-size: .14rem;
}
.footer .cont .left .item .item_p {
    color: #333333;
    line-height: 1.5;
    font-size: .16rem;
}


.footer .cont .left .item .item_p.fonb  {
    font-size: .24rem;
}

.footer .cont .right ul {
    width: 1.4rem;
}
.footer .cont .right ul .h1 {
    padding-bottom: .14rem;
    width: 100%;
    color: #4A4A4A;
    position: relative;
    margin-bottom: .16rem;
    font-size: .16rem;
    border-bottom: 1px solid rgba(51,51,51,.16);
    white-space: nowrap;
}
.footer .cont .right ul .h2 {
    color:#8e8e8e;
    line-height: 1.4;
    transition: all .4s ease;
    margin-bottom: .1rem;
    font-size: .14rem;
}
.footer .cont .right ul .h2:hover {
    color: var(--viColor);
}
.footer .cont .right ul .h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: .3rem;
    transform: translateY(1px);
    border: 1px solid var(--viColor);
}

.fonb {
    font-weight: 600;
}

.footer .cont .left .item .item_p a {
    color: #333;
}
.footer .cont .left .item:last-child {
    margin-bottom: 0;
}

.footer .cont .left .ewm_cont {
    width: fit-content;
}
.footer .cont .left .ewm_cont .img {
    width: .98rem;
    height: .98rem;
    padding: .06rem;
    border: 1px solid rgba(174, 174, 174, 0.40);
    border-radius: .06rem;
    margin-bottom: .13rem;
}

.footer .cont .left .ewm_cont .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer .cont .left .ewm_cont .text {
    text-align: center;
    line-height: calc(16 / 14);
    color: #333;
}

.footer .cont .right {
    display: flex;
    width: fit-content;
    column-gap: .6rem;
}


/* @keyframes dash1 {
  to {
      width: 7.88rem;;
  }
}

animation: dash5 3s linear infinite; */

.more{width: fit-content;display: flex;align-items: center;padding: 0.15rem 0.38rem;background-color: #fff;
transition: all 0.5s;
    border-radius: 0.34rem 0 0.34rem 0;
}
.more .icon{width: 0.3rem;height: 0.3rem;margin-left: 0.1rem;}
.more .icon img{width: 100%;height: 100%;object-fit: contain;}
.more .icon img.img2{display: none;}
.more span{color: #12B8D7;font-weight: 400;transition: all 0.5s;}

.more1{background-color: #12B8D7;}
.more1:hover{opacity: 0.7;}
.more1 .icon img.img2{display: block;}
.more1 .icon img.img1{display: none;}
.more1 span{color: #fff;}

.in_banner{position: relative;overflow: hidden;}
.in_banner .swiper-slide{height: 100vh;position: relative;}
.in_banner .swiper-slide .pic{width: 100%;height: 100%;overflow: hidden;}
.in_banner .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.in_banner .swiper-slide .pic .bgimg{width: 100%;height: 100%;object-fit: cover;}
.in_banner .swiper-slide .txt{position: absolute;top:26.2vh;left: 1.6rem;color: #fff;}
.in_banner .swiper-slide .txt .h_1{height: 1.3rem;margin-bottom: 0.25rem;}
.in_banner .swiper-slide .txt .h_1 img{height: 100%;}
.in_banner .swiper-slide .txt .h_2{font-weight: 300;line-height: 1.54;margin-bottom: 0.1rem;}
.in_banner .swiper-slide .txt .p{font-weight: 300;line-height: 1.167;margin-bottom: 1.44rem;}
.in_banner .swiper-slide .txt .more{}

.in_banner .swiper-slide .txt.act{opacity: 0;}

.i_part1{padding: 1.38rem 0 0.8rem 1.6rem;display: flex;justify-content: space-between;}
.i_part1 .left{width: 6.1rem;
    position: relative;
    z-index: 2;
    background: #fff;
}
.i_part1 .left .h_1{line-height: 1.5;margin-bottom: 0.2rem;color: #666;font-weight: 300;}
.i_part1 .left .h_2{display: flex;align-items: center;color: #666;font-weight: 700;line-height: 1.2;margin-bottom: 0.18rem;white-space: nowrap;}
.i_part1 .left .h_2 img{height: 0.47rem;}
.i_part1 .left .p{color: #B6BEBF;font-weight: 300;line-height: 1.4;margin-bottom: 1.36rem;}
.i_part1 .left .h_3{color: #666;font-weight: 600;line-height: 1;margin-bottom: 0.3rem;}
.i_part1 .left .p_1{color: #666;line-height: 1.4;font-weight: 400;margin-bottom: .5rem;
      display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 min-height: 7em;
}
.i_part1 .right{flex:1; width: calc(100% - 5.1rem);position: relative;}
.i_part1 .left .p {
    /*all: initial;*/
    color: #B6BEBF;font-weight: 300;line-height: 1.4;
}
.i_part2{position: relative;width: 100%;height: 100vh;height: calc(100vh - 1.14rem);}
.i_part2 .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i_part2 .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
.i_part2 .pics .pic.on{opacity: 1;}
.i_part2 .pics .pic img{width: 100%;height: 100%;object-fit: cover;}
.i_part2 .txts{position: absolute;top:10vh;left: 1.6rem;color: #fff;}
.i_part2 .txts .txt{position: absolute;top: 0.5rem;left: 0;width: 7.68rem;opacity: 0;transition: all 0.5s;}
.i_part2 .txts .txt.on{top: 0;opacity: 1;}
.i_part2 .txts .txt .h_1{font-weight: 300;line-height: 1.2;margin-bottom: 0.22rem;}
.i_part2 .txts .txt .h_2{font-weight: 700;line-height: 1.5;margin-bottom: 0.28rem;font-size: 0.4rem;}
.i_part2 .txts .txt .p{font-weight:400;line-height: 1.55; margin-bottom: 1.24rem;margin-bottom: 0.5rem;}
.i_part2 .tab{
    position: absolute;
    bottom: 0;
    /*v1 left: 1.6rem;*/
    left: 0;
    /*v1 width: calc(100% - 3.2rem);*/
    width: 100%;
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.80);
    
}
.i_part2 .tab .item{cursor: pointer;width: 50%;text-align: center;line-height: 1.167;padding: 0.79rem 0 0.65rem 0;color: #fff;transition: all 0.5s;position: relative;backdrop-filter: blur(0);}
.i_part2 .tab .item.on{background: rgba(255, 255, 255, 0.30);backdrop-filter: blur(39.29999923706055px);}
.i_part2 .tab .item::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0.06rem;
/*background-color: #8FC31F;*/
background-color: #ffffff1a;
    backdrop-filter: blur(10px);
transition: all 0.5s;}
.i_part2 .tab .item.on::before{
    background-color: #8FC31F;
}
.i_part2 .tab .item:nth-child(1).on::before {
    background-color: #12b8d7;
    
}

.i_part3{padding: 1.9rem 1.6rem 1.72rem 1.6rem;}
.i_part3 .top{display: flex;justify-content: space-between;margin-bottom: 0.9rem;}
.i_part3 .top .left{width: 8.63rem;}
.i_part3 .top .left .h_1{color: #666;font-weight: 300;line-height: 1.2;margin-bottom: 0.19rem;}

.i_part3 .top .left .h_1 span{font-weight: 700;color: #22B9D9;}

.i_part3 .top .left .h_2{color: #666;/*font-weight: 700;*/line-height: 1.2;margin-bottom: 0.3rem;}
.i_part3 .top .left .p{color: #666;line-height: 1.66;font-weight: 400;margin-bottom: 0.75rem;}
.i_part3 .top .right{width: 6.5rem;position: relative;padding-top: 1.58rem;z-index: 2;}
.i_part3 .top .right .bj{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.i_part3 .top .right .bj img{width: 100%;}
.i_part3 .top .right .list{display: flex;justify-content: space-between;}
.i_part3 .top .right .list .item{display: flex;align-items: flex-start;}
.i_part3 .top .right .list .item .icon{width: 0.52rem;height: 0.62rem;margin-right: 0.11rem;}
.i_part3 .top .right .list .item .txt .nums{display: flex;align-items: flex-end;color: #12B8D7;margin-bottom: 0.15rem;}
.i_part3 .top .right .list .item .txt .nums .num{
    font-size: .6rem;
    line-height: 1.11;font-weight: 700;}
.i_part3 .top .right .list .item .txt .nums .num_f{
    font-size: .6rem;
    line-height: 1.11;font-weight: 700;}
.i_part3 .top .right .list .item .txt .nums .dw {margin-right: 0.22rem; }
.i_part3 .top .right .list .item .txt .p{color: #666;font-weight: 400;line-height: 1.66;max-width:3.6rem;}
.i_part3 .bottom{display: flex;justify-content: space-between;}
.i_part3 .bottom .item{width: 2.3rem;height: 7rem;position: relative;overflow: hidden;border-radius: 0.2rem;transition: all 0.5s;}
.i_part3 .bottom .item.on{width: 6.1rem;}
.i_part3 .bottom .item .pic{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6.1rem;height: 100%;}
.i_part3 .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.i_part3 .bottom .item .txt{position: absolute;left: 0;bottom: 0.63rem;padding: 0 0.15rem;color: #fff;text-align: center;width: 100%;}
.i_part3 .bottom .item .txt .h{line-height: 1.5;font-weight: 700;margin-bottom: 0.19rem;}
.i_part3 .bottom .item .txt .p{line-height: 0.22rem;height:1.1rem; min-height: 0.56rem;overflow:auto;  font-weight: 400;margin-bottom: 0.22rem;display: none;width: 4.46rem;}

.i_part3 .bottom .item .txt .p::-webkit-scrollbar{ width:2px;height: 1px;}
.i_part3 .bottom .item .txt .p::-webkit-scrollbar-thumb{ background:#fff;}
.i_part3 .bottom .item .txt .p::-webkit-scrollbar-track{ background:rgba(255,255,255,0.4);}

.i_part3 .bottom .item .txt .mor{line-height: 1.5;font-weight: 400;display: none;}
.i_part3 .bottom .item .txt .mor img{width: 0.3rem;height: 0.3rem;margin-left: 0.1rem;}
/*.i_part3 .bottom .item.on .txt{text-align: left;padding: 0 0.78rem 0 0.86rem;}*/
.i_part3 .bottom .item .txt .p{display: block;}
/*.i_part3 .bottom .item.on .txt .mor{display: flex;align-items: center;}*/
.i_part3 .bottom .item {
}
.i_part3 .bottom .item .txt1 {
    width: 6.1rem;
    opacity: 0;
    transition: all .4s ease;
    padding: 0 0.78rem 0 0.86rem;
}
.i_part3 .bottom .item .txt1  {text-align: left;}

.i_part3 .bottom .item .txt2 {
    width: 2.3rem;
    padding: 0 0.15rem;
    transition: all .4s ease;
    opacity: 1;
}

.i_part3 .bottom .item .txt2 .p {
    display: none;
}


.i_part3 .bottom .item.on .txt1 {
    opacity:1;
} 

.i_part3 .bottom .item.on .txt2 {
    opacity: 0;
} 

.i_part3 .bottom .item::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 40%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(156, 238, 255, 0.00) 4.36%, rgba(167, 221, 233, 0.66) 44.88%, rgba(34, 185, 217, 0.66) 85.4%);
}
.i_part3 .bottom .item .txt {
    z-index: 3;
}

.i_part4{padding: 1.5rem 1.6rem 1.24rem 1.6rem;background-color: rgba(72,193,214,0.04);}
.i_part4 .top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 0.85rem;}
.i_part4 .top .left .h_1{color: #666;line-height: 1.2;margin-bottom: 0.2rem;font-weight: 300;}
.i_part4 .top .left .h_2{color: #22B9D9;line-height: 1.2;margin-bottom: 0.2rem;font-weight: 700;}
.i_part4 .top .left .p{color: #AEB8BF;line-height: 1.167;text-transform: capitalize;font-weight: 400;}
.i_part4 .top .right{display: flex;width: fit-content;position: relative;z-index: 2;}
.i_part4 .top .right a{color: #333;font-weight: 400;line-height: 1.167;position: relative;margin-left: 0.8rem;padding: 0.2rem 0;}
.i_part4 .top .right a:after{content: "";position: absolute;left: -0.34rem;width: calc(100% + 0.68rem);bottom: 0;height: 100%;z-index: -1;background-color: #12B8D7;opacity: 0;transition: all 0.5s;mask: url(../img/btn_mask.svg);mask-size: 100% 100%;-webkit-mask: url(../img/btn_mask.svg);-webkit-mask-size: 100% 100%;}
.i_part4 .top .right a:hover{color: #fff;}
.i_part4 .top .right a:hover:after{opacity: 1;}
.i_part4 .top .right a.on{color: #fff;}
.i_part4 .top .right a.on:after{opacity: 1;}
.i_part4 .list{width: 100%;display: flex;}
.i_part4 .list .item{display: block;width: 4.96rem;margin-right: 0.57rem;border-radius: 0.2rem;overflow: hidden;background-color: #fff;box-shadow: 0px 4px 22px 3px rgba(34, 185, 217, 0.06);transition: all 0.5s;}
/*.i_part4 .list .item:hover{background-color: #12B8D7;}*/
.i_part4 .list .item:last-child{margin-right: 0;}
.i_part4 .list .item .pic{width: 100%;height: 3.12rem;overflow: hidden;}
.i_part4 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
/*.i_part4 .list .item:hover .pic img{transform: scale(1.05);}*/
.i_part4 .list .item .txt{padding: 0.4rem 0.3rem 0.88rem 0.3rem;color: #666;transition: all 0.5s;}
.i_part4 .list .item:hover .txt{color: #fff;}
.i_part4 .list .item .txt .day{font-weight: 300;line-height: 1.1875;margin-bottom: 0.25rem;}
.i_part4 .list .item .txt .h{font-weight: 500;line-height: 0.36rem;height: 0.72rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.25rem;}
.i_part4 .list .item .txt .mor{display: flex;align-items: center;font-weight: 400;}
.i_part4 .list .item .txt .mor img{width: 0.3rem;height: 0.3rem;margin-left: 0.12rem;}
/*.i_part4 .list .item .txt .mor img.img2{display: none;}*/
.i_part4 .list .item:hover .txt .mor img.img2{display: block;}
/*.i_part4 .list .item:hover .txt .mor img.img1{display: none;}*/

.i_part5{padding: 1.5rem 1.6rem 1.4rem 1.6rem;}
.i_part5 .con{width: 100%;height: 6.86rem;border-radius: 0.2rem;overflow: hidden;background: no-repeat center;background-size: cover;color: #fff;text-align: center;padding: 0 1rem; padding-top: 1.7rem;}
.i_part5 .con .h{font-weight: 700;line-height: 1.2;margin-bottom: 0.24rem;}
.i_part5 .con .p{font-weight: 400;line-height: 1.167;}

.tec1{padding: 2rem 1.6rem 0 1.6rem;display: flex;justify-content: space-between;align-items: flex-start;}
.tec1 .txt{width: 6.82rem;}
.tec1 .txt .h_1{
    font-weight: 300;line-height: 1.2;margin-bottom: 0.2rem;color: #666;}
.tec1 .txt .h_2{font-weight: 700;line-height: 1.2;margin-bottom: 0.95rem;color: #666;
    
}
.f_50 {
    font-size: .45rem;
}
.tec1 .txt .p{
    /*all:initial;*/
    font-size: .18rem;
    color: #333;
    line-height: 1.66;
    font-weight: 400;
}
.tec1 .pic{width: 7.4rem;height: 6rem;overflow: hidden;border-radius: 0.2rem;}
.tec1 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
/*.tec1 .pic:hover img{transform: scale(1.05);}*/

.tec2{padding: 1.23rem 1.6rem 0 1.6rem;}
.tec2 .tit{display: flex;align-items: center;color: #666;font-weight: 300;line-height: 1.4;margin-bottom: 0.65rem;}
.tec2 .tit span{font-weight: 700;color: #12B8D7;}
.tec2 .con{position: relative;overflow: hidden;padding-bottom: 1.76rem;}
.tec2 .con .swiper-slide .hp{padding: 0.45rem 0.27rem 0.33rem 0.27rem;background-color: rgba(34, 185, 217, 0.06);border-radius: 0.15rem;margin-bottom: 0.35rem;transition:all .4s ease; }
.tec2 .con .swiper-slide .h{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.28rem;color: #666;font-weight: 500;}
.tec2 .con .swiper-slide .h .icon{width: 0.49rem;height: 0.49rem;}
.tec2 .con .swiper-slide .h .icon img{width: 100%;height: 100%;object-fit: contain;}
.tec2 .con .swiper-slide .p{padding: 0 0.27rem;color: #333;font-weight: 400;line-height: 0.36rem;height: 0.72rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tec2 .con .swiper-pagination{width: calc(100% - 2.6rem);top: auto;bottom: 0.32rem;height: 0.04rem;background-color: rgba(0,0,0,0.1);}
.tec2 .con .btns{position: absolute;right: 0;bottom: 0;width: 1.56rem;display: flex;justify-content: space-between;}
.tec2 .con .btns>div{cursor: pointer;width: 0.65rem;height: 0.65rem;border-radius: 50%;}
.tec2 .con .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.tec2 .con .btns>div img.img2{display: none;}
.tec2 .con .btns>div:hover img.img2{display: block;}
.tec2 .con .btns>div:hover img.img1{display: none;}

.tec3{padding: 1.38rem 1.6rem 0 1.6rem;}
.tec3 .box{margin-bottom: 1.5rem;display: flex;align-items: flex-start;justify-content: space-between;}
.tec3 .box:nth-child(2n){flex-flow:row-reverse;}
.tec3 .box .txt{width: 7.34rem;padding-top: 0.25rem;position: relative;z-index: 2;}
.tec3 .box .txt .bj{position: absolute;z-index: -1;position: absolute;bottom: 0;}
.tec3 .box .txt .bj img{height: 3.34rem;}
.tec3 .box:nth-child(1) .txt .bj{right:0;}
.tec3 .box:nth-child(2) .txt .bj{left: 0;}
.tec3 .box .txt .tit{color: #666;font-weight: 300;line-height: 1.2;margin-bottom: 0.64rem;}
.tec3 .box .txt .tit span{color: #12B8D7;font-weight: 700;}
.tec3 .box .txt .p{color: #333;font-weight: 400;line-height: 1.67;margin-bottom: 0.8rem;}
.tec3 .box .txt ul li{display: flex;align-items: center;color: #333;font-weight: 400;margin-bottom: 0.3rem;}
.tec3 .box .txt ul li:last-child{margin-bottom: 0;}
.tec3 .box .txt ul li img{width: 0.32rem;height: 0.32rem;object-fit: contain;margin-right: 0.2rem;}
.tec3 .box .pic{width: 7.34rem;height: 5.14rem;border-radius: 0.2rem;overflow: hidden;}
.tec3 .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
/*.tec3 .box .pic:hover img{transform: scale(1.05);}*/
.tec3 .box .pic .swiper-slide {
    border-radius: .2rem;
    overflow: hidden;
}


.tec4{padding: 0 0 1.5rem 0;}
.tec4 .con{display: flex;flex-flow:row-reverse;align-items: flex-start;}
.tec4 .con .left{width: 10.3rem;height: 8.54rem;border-radius: 0.2rem;overflow: hidden;}
.tec4 .con .left img{width: 100%;height: 100%;object-fit: cover;}
.tec4 .con .right{width: calc(100% - 10.3rem);position: relative;padding-left: 0.89rem;padding-right: 1.67rem;}
.tec4 .con .right .tit{color: #333;font-weight: 300;line-height: 1.2; margin-bottom: 0.5rem;}
.tec4 .con .right .tit span{color: #12B8D7;font-weight: 700;}
.tec4 .con .right .p{color: #333;line-height: 1.66;font-weight: 400;}
.tec4 .con .right .list{position: absolute;right: 0;bottom: 0.74rem;width: 100vw;height: 4.73rem;overflow: hidden;padding-left: 6.62rem;}
.tec4 .con .right .list .prev{position: absolute;bottom: 0.55rem;left: 9.6rem;z-index: 2;width: 0.47rem;height: 0.47rem;cursor: pointer;}
.tec4 .con .right .list .prev img{width: 100%;height: 100%;object-fit: contain;}
.tec4 .con .right .list .prev img.img2{display: none;}
.tec4 .con .right .list .prev:hover img.img1{display: none;}
.tec4 .con .right .list .prev:hover img.img2{display: block;}
.tec4 .con .right .list .next{position: absolute;bottom: 0.55rem;left: 10.2rem;z-index: 2;width: 0.47rem;height: 0.47rem;cursor: pointer;}
.tec4 .con .right .list .next img{width: 100%;height: 100%;object-fit: contain;}
.tec4 .con .right .list .next img.img2{display: block;}
.tec4 .con .right .list .next img.img1{display: none;}
.tec4 .con .right .list .prev img.img2{display: block;}
.tec4 .con .right .list .prev img.img1{display: none;}
.tec4 .con .right .list .next:hover img.img1{display: none;}
.tec4 .con .right .list .next:hover img.img2{display: block;}
.tec4 .con .right .list .swiper-slide{border-radius: 0.15rem;padding: 0.74rem 0.5rem 0.55rem 0.5rem; border: 1px solid #DDD;background-color: #fff;}
.tec4 .con .right .list .swiper-slide .icon{width: 0.5rem;height: 0.5rem;margin-bottom: 0.88rem;position:relative;  }
.tec4 .con .right .list .swiper-slide .icon img{width: 100%;height: 100%;object-fit: contain; position:absolute; top:0;left:0;}
.tec4 .con .right .list .swiper-slide .icon img.img2{display: none;}
.tec4 .con .right .list .swiper-slide .txt{
    transition: all .4s ease;
    color: #333;font-weight: 400;line-height: 0.3rem;height: 1.2rem;overflow: auto;margin-bottom: 0.4rem;}
.tec4 .con .right .list .swiper-slide .num{display: flex;align-items: flex-end;color: #BABABA;line-height: 1.5;font-weight: 400;}
.tec4 .con .right .list .swiper-slide .num span{color: #12B8D7;line-height: 1.5;font-weight: 700;transform: translateY(0.06rem);margin-right: 0.06rem;}
.tec4 .con .right .list .swiper-slide {
    position: relative;
    overflow: hidden;
}
.tec4 .con .right .list .swiper-slide::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #22B9D9 0%, #BDF3FF 100%);
    transition: all .4s ease;
    opacity: 0;
    z-index: 1;
}
.tec4 .con .right .list .swiper-slide .icon {
    position: relative;
    z-index: 2;
}
.tec4 .con .right .list .swiper-slide .txt {
    position: relative;
    z-index: 2;
}
.tec4 .con .right .list .swiper-slide .num {
    position: relative;
    z-index: 2;
}
.tec4 .con .right .list .swiper-slide-active .num{color: #fff;}
.tec4 .con .right .list .swiper-slide-active .num span{color: #fff;}
.tec4 .con .right .list .swiper-slide-active::after {opacity:1;}
.tec4 .con .right .list .swiper-slide-active .icon img.img2{display: block;}
.tec4 .con .right .list .swiper-slide-active .icon img.img1{display: none;}
.tec4 .con .right .list .swiper-slide-active .txt{color: #fff;}

.ny_banner{position: relative;}
.ny_banner .pic{width: 100%;height: 8.5rem;overflow: hidden;}
.ny_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.ny_banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,.19);
    top: 0;
    left: 0;
}
.ny_banner .txt{position: absolute;top: 3rem;left: 1.6rem;color: #fff; z-index:3;}
.ny_banner .txt .h_1{font-weight: 300;line-height: 1.1;margin-bottom: 0.2rem;}
.ny_banner .txt .h_2{font-weight: 700;line-height: 1.2;}

.pl_con{padding: 2rem 1.6rem 1.2rem 1.6rem;}
.pl_con .tit{color: #666;line-height: 1.2;margin-bottom: 0.62rem;font-weight: 300;}
.pl_con .tit span{color: #12B8D7;font-weight: 700;}
.pl_con .con{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.pl_con .con .right{width: 12.12rem;display: flex;flex-wrap: wrap;}
.pl_con .con .right .item{width: 3.7rem;margin-right: 0.5rem;margin-bottom: 0.6rem;padding: 0.6rem 0.64rem;border-radius: 0.1rem;background-color: #fff;
transition: all 0.5s;}
.pl_con .con .right .item {
    position: relative;
    overflow: hidden;
}
.pl_con .con .right .item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    transition: all .4s ease;
    /*opacity: 0;*/
    border-bottom: 1px solid #f4f4f4;
}
.pl_con .con .right .item:hover::after {
    /*opacity: 1;*/
    border-color: var(--viColor);
}

.pl_con .con .right .item:hover{box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);}
.pl_con .con .right .item:nth-child(3n){margin-right: 0;}
.pl_con .con .right .item .h{text-align: center;color: #333;font-weight: 400;line-height: 1.167;height:2.334em; margin-bottom: 0.3rem;transition: all 0.5s;}
.pl_con .con .right .item:hover .h{color: #12B8D7;font-weight: 700;}
.pl_con .con .right .item .pic{width: 100%;height: 2.64rem;border-radius: 0.1rem;overflow: hidden;margin-bottom: 0.35rem;}
.pl_con .con .right .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
/*.pl_con .con .right .item:hover .pic img{transform: scale(1.05);}*/
.pl_con .con .right .item .more{margin: 0 auto;background: url(../img/pl_more.png);background-size: 100% 100%;mask:none; }
.pl_con .con .left{width: 1.96rem;position:sticky; top:1.5rem; }
.pl_con .con .left .item{padding: 0.25rem 0;border-bottom: 1px solid #EBEBEB;}
.pl_con .con .left .item .h{position: relative;color: #333;font-weight: 400;line-height: 1.167;}
.pl_con .con .left .item .h .jt{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.08rem;height: 0.08rem;}
.pl_con .con .left .item .h .jt img{width: 100%;height: 100%;object-fit: contain;}
.pl_con .con .left .item .h .jt img.img2{display: none;}
.pl_con .con .left .item.on .h .jt img.img2{display: block;}
.pl_con .con .left .item.on .h .jt img.img1{display: none;}
.pl_con .con .left .item .pln1{padding: 0.35rem 0 0 0.25rem;display: none;}
.pl_con .con .left .item.on .pln1{display: block;}
.pl_con .con .left .item .pln1>li>a{display: block;line-height: 1.3125;margin-bottom: 0.15rem;color: #333;font-weight: 400;transition: all 0.5s;}
.pl_con .con .left .item .pln1>li>a.on{color: #12B8D7;}
.pl_con .con .left .item .pln1>li>a:hover{color: #12B8D7;}
.pl_con .con .left .item .pln2{padding: 0 0 0.15rem 0.15rem;}
.pl_con .con .left .item .pln2>li>a{display: block;color: #666;line-height: 1.5;margin-bottom: 0.15rem;font-weight: 400;transition: all 0.5s;}
.pl_con .con .left .item .pln2>li>a.on{color: #12B8D7;}
.pl_con .con .left .item .pln2>li>a:hover{color: #12B8D7;}

.pl_con .con .right1{width: 12.34rem;display: flex;flex-wrap: wrap;}
.pl_con .con .right1 .list1{width: 100%;display: flex;justify-content: space-between;}
.pl_con .con .right1 .list1 .box{width: 6rem;overflow: hidden;border: 1px solid #eee;border-radius: 0.1rem;}

.pd_con{padding: 1.55rem 1.6rem 1.38rem 1.6rem;display: flex;justify-content: space-between;}
.pd_con .pic{width: 7.2rem;height:fit-content;border-radius: 0.1rem;overflow: hidden;}
.pd_con .pic img{width: 100%;height: auto;transition: all 0.5s;}
/*.pd_con .pic:hover img{transform: scale(1.05);}*/
.pd_con .txt{width: 7.44rem;}
.pd_con .txt .tit{font-weight: 300;color: #333;line-height: 1.2;margin-bottom: 0.35rem;display: flex;align-items: center;}
.pd_con .txt .tit p {
    display: flex;
    align-items: center;
    font-size: .5rem;
}
.pd_con .txt .tit p {
    display: inline;
}
.pd_con .txt .tit span{color: #12B8D7;font-weight: 700; display: inline;}
.pd_con .txt .p{color: #333;font-weight: 400;line-height: 1.67;margin-bottom: 0.57rem;}
.pd_con .txt .list{
    column-gap: .1rem;
    display: flex;justify-content: space-between;}
.pd_con .txt .list .item{
    /*width: 2.9rem;*/
    flex:  1;
}
.pd_con .txt .list .item .h{
    /*text-align: center;*/
    color: #333;font-weight: 600;line-height: 1.167;margin-bottom: 0.22rem;}
.pd_con .txt .list .item li{color: #333;line-height: 1.67;font-weight: 400;margin-bottom: 0.14rem;}
/* .pd_con .txt .tit span i{transform: translateY(-0.3rem);} */

.pd_con .txt .list {
    margin-bottom: .54rem;
}
.pd_con .txt .phone_card {
    width: fit-content;
    height: .56rem;
    padding: 0.06rem .67rem 0 0;
    display: flex;
    align-items: center;
    background: #f5fbff;
    border-radius: 0.33rem 0 .33rem 0;
}
.pd_con .txt .phone_card .ti1 {
    height: .5rem;
    padding: 0 .27rem;
    border-radius: .3rem 0 .3rem 0;
    background: var(--viColor);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pd_con .txt .phone_card .p1 {
    padding-left: .44rem;
    color: #333;
    font-weight: 600;
}


.tec2 .con .swiper-slide .p {
    opacity: 0;
    transition: all .4s ease;
}
.tec2 .con .swiper-slide {
    padding-bottom: 44px;
    position: relative;
}
.tec2 .con .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #12b8d7;
    opacity: 0;
    transition: all .4s ease;
    
}
/*.on*/
.tec2 .con .swiper-slide.on .hp {
    background: #fff;
    box-shadow: 0px 4px 36px 0px rgba(34, 185, 217, 0.10);
}
/*.on*/
.tec2 .con .swiper-slide .p {
    opacity: 1;
}
/*.on*/
.tec2 .con .swiper-slide.on::after {
    opacity: 1;
}
.tec4 .con .right .list {
    padding: 0;
    width: calc(100vw - 6.62rem);
}


.netec2 {
    padding: 1.23rem 1.6rem;
}

.netec2 .tit  {
    display: flex;
    align-items: center;
    color: #666;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0.66rem;
}

.netec2 .tit span {
    font-weight: 700;
    color: #12B8D7;
}

.netec2 .cont {
    display: flex;
    justify-content: space-between;
}
.netec2 .cont .cont_left {
    width: 4.6rem;
}
.netec2 .cont .cont_left .item {
    margin-bottom: .6rem;
}

.netec2 .cont .cont_left .item:last-child {
    margin-bottom: 0;
}

.netec2 .cont .cont_left .item .h1 {
    padding-bottom: .24rem;
    position: relative;
    color: #333;
    font-weight: 600;
    margin-bottom: .2rem;
}
.netec2 .cont .cont_left .item .h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .56rem;
    border: 1px solid var(--viColor);
}
.netec2 .cont .cont_left .item .p1 {
    line-height: calc(36 / 18);
    color: rgba(51, 51, 51, 0.80);
}


.netec2 .cont .cont_right {
    width: calc(100% - 4.6rem - 2.1rem);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 5.52rem;
    column-gap: .16rem;
    row-gap: .16rem;
}

.netec2 .cont .cont_right img {
    width: calc((100% - .16rem) / 2);
    height: calc((100% - .16rem) / 2);
    border-radius: .2rem;
    overflow: hidden;
}
.netec2 .cont .cont_right img:nth-child(3) {
    height: 100%;
}
.m_dw{position: relative;top: -1.14rem;}


@media screen and (min-width: 1922px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {

.header .con .h_right .h_nav li{margin-left: 0.25rem;}
}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {

.m_dw{position: relative;top: -18.6667vw;}
.header {
  display: none;
}
.header_phone .mb-head .mb-head_cont .item .header_down_cont a.act{color: var(--viColor);}

/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px 15px;
  z-index: 98;
  display: flex !important;
  justify-content: space-between;
  transition: all 0.5s;
}

.m_header.on {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.m_header .logo {
  width: 162px;
}

.m_header .logo img {
  width: 100%;
}

.m_header .right {
  display: flex;
  align-items: center;
}

.m_header .right .tel {
  font-size: 16px;
  font-weight: 600;
  margin-right: 12px;
  padding-left: 26px;
  line-height: 26px;
  background: url(../img/m_tel.svg)no-repeat left center;
  background-size: 22px auto;
}

/*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
/*.m_header .right .tel img{width: 100%;}*/
.m_header .right .ser {
  width: 20px;
  margin-right: 18px;
}

.m_header .right .ser img {
  width: 100%;
}

.m_header .btn {
  display: block;
}

.m_header .btn {
  margin-right: 0;
  cursor: pointer;
  height: 37px;
  padding-top: 16px;
}

.m_header .btn.hide {
  opacity: 0;
}

.m_header .btn div {
  display: block;
  width: 22px;
  height: 1px;
  background-color: #333;
  border-radius: 1px;
  transition: all 0.3s;
}

.m_header .btn div:nth-child(1) {
  transform: translate(0, -8px);
}

.m_header .btn div:nth-child(2) {
  transform: translate(12px, 0);
  width: 12px;
}

.m_header .btn div:nth-child(3) {
  transform: translate(0px, 8px);
}



.m_header {
  display: flex !important;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.mh_nav {
  display: block !important;
}

.mh_nav {
  position: fixed;
  top: 0;
  left: 10%;
  width: 90%;
  transform: translateX(120%);
  z-index: 999;
  background-color: #fff;
  height: 100vh;
  overflow: auto;
  padding: 50px 15px;
  transition: all 0.5s;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.mh_nav.show {
  transform: translateX(0);
}

.mh_nav .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
}

.mh_nav .nav>li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding-right: 40px;
}

.mh_nav .nav>li::after{
  content: "";
  position: absolute;
  right: 0;
  top: 24px;
  transition: all 0.5s;
  width: 12px;
  height: 12px;
  background: url(../img/hx_add.svg)no-repeat center;
  background-size: auto 100%;
  transform: rotate(-90deg);
  display: none;
}

.mh_nav .nav>li>a {
  line-height: 60px;
  font-size: 16px;
  display: block;
  font-family: hm;
}


.mh_nav .nav>li.on:after {
  transform: rotate(0deg);
}

.mh_nav .nav>li:nth-child(2):after {
  display: block;
}
.mh_nav .nav>li:nth-child(3):after {
  display: block;
}
.mh_nav .nav>li:nth-child(4):after {
  display: block;
}

/*.mh_nav .nav>li:nth-child(4):after {*/
/*  display: none;*/
/*}*/

.mh_nav .nav>li .nav1 {
  padding: 15px;
  line-height: 24px;
  display: none;
  font-size: 14px;
  font-family: hm;
}

.mh_nav .nav>li .nav1 .h {
  font-family: 'hb';
  font-weight: 600;
  font-size: 14px;
  color: #1f1f1f;
  margin-bottom: 8px;
}

.mh_nav .nav>li .nav1 a {
  padding: 6px 0;
}

.mh_nav .nav>li .nav2 {
  font-size: 13px;
  padding-left: 16px;
  font-family: hr;
}

.mh_nav .nav>li .nav2 a {
  font-size: 13px;
  padding: 0;
}
    
    .in_banner .swiper-slide .txt .h_1{height: 0.8rem;}

}




@media screen and (min-width: 1024px) { 
    .more:hover span{color: #fff;}
    .pl_con .con .right .item .more:hover{background-image: url(../img/pl_more1.png);}
    .more:hover .icon img.img2{display: block;}
    .more:hover .icon img.img1{display: none;}
    .more:hover{background-color: #12B8D7;}
    .contnes1 .cont .item:hover .item-h1 {
        color: #fff;
    }
    .contnes1 .cont .item:hover .item-p1 {
        color: #fff;
    }
    .contnes1 .cont .item:hover {
        background-color: var(--viColor);
        filter: drop-shadow(0px 4px 30px rgba(18, 184, 215, 0.10));
    }
    .header .con .h_right .h_nav li.down_cont .lis_down  a:hover {
        color: var(--viColor);
        transition: all .4s ease;
    }
    .header .con .h_right .h_nav li:hover>a {
        color:var(--viColor);
    }
    .m_header .btn:hover div:nth-child(1) {
      transform: translate(0, -8px);
    }
    
    .m_header .btn:hover div:nth-child(2) {
      transform: translate(0, 0);
      width: 22px;
    }
    
    .m_header .btn:hover div:nth-child(3) {
      transform: translate(0, 8px);
    }
    .search_container .cont .card .list .item.mod_pro .more:hover {
      color: #fff;
      background-color: var(--viColor);
    }
    .search_container .cont .card .list .item.mod_new:hover {
      background-color: #f8f8f8;
    }
    .search_container .cont .card .list .item.mod_new:hover .text::before {
        transform: translateY(0);
    }
}

.contactus2 {
    
}


@media screen and (max-width: 668px) {

}