*{
  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: Microsoft YaHei,Arial,-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%;}
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%;font-family:Microsoft YaHei;}
textarea{resize:none;padding: 0;border: 0;font-family:  Microsoft YaHei;}
img{border:none;max-width: 100%;display: block;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
*::-webkit-scrollbar{ width:4px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;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; }

:root{
  --vi: #0062FF;
}
 @font-face {
  font-family: 'MON';
  src: url("../fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
} 


/*video{pointer-events: none;}*/




.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_58 {
  font-size: 58px;
}
.f_60 {
  font-size: 60px;
}
.f_62 {
  font-size: 62px;
}
.f_64 {
  font-size: 64px;
}
.f_66 {
  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: 14px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 19px;
  }
.f_24 {
    font-size: 20px;
  }
.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: 30px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 32px;
  }
.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_58 {
    font-size: 48px;
  }
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 52px;
  }
.f_88 {
    font-size: 56px;
  }
.f_90 {
    font-size: 58px;
  }
.f_133 {
    font-size: 72px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 48px;
  }
}
@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_58 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .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: 34px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_66,
.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_58,
.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: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}

/* 网站顶部 */
.header{padding: 0 1.6rem;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: all 0.5s;}
.header:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: rgba(0, 0, 0, 0.05);backdrop-filter: blur(30px);}
.header.on{border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.header.ny{border-bottom: 1px solid rgba(0, 0, 0, 0.10);}

.header.on:after{background-color: #fff;}
.header.ny:after{background-color: #fff;}

.header .img2{display: none;}
.header.on .img2{display: block;}
.header.on .img1{display: none;}
.header.ny .img2{display: block;}
.header.ny .img1{display: none;}
.header .con{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .con .logo{display: block;width: 1.54rem;}
.header .con .logo img{width: 100%;}
.header .con .h_right{display: flex;align-items: center;}
.header .con .h_right .h_nav{display: flex;gap: 0.6rem;margin-right: 0.8rem;align-items: center;}
.header .con .h_right .h_nav .li{position: relative;}
.header.on .con .h_right .h_nav a{color: #333;}
.header.ny .con .h_right .h_nav a{color: #333;}
.header .con .h_right .h_nav .li .h_xl{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 0.08rem;display: none;}
.header .con .h_right .h_nav .li .h_xl .con1{display: flex;align-items: flex-start;gap: 0.48rem;padding: 0.16rem 0.2rem 0.16rem 0.2rem;border-radius: 0.12rem;border: 1px solid rgba(255, 255, 255, 0.10);background: rgba(51, 51, 51, 0.40);box-shadow: 4px 4px 31.6px 0 rgba(20, 29, 44, 0.08);backdrop-filter: blur(40px);}

.header.on .con .h_right .h_nav .li .h_xl .con1,
.header.ny .con .h_right .h_nav .li .h_xl .con1{background-color: #fff;}

.header .con .h_right .h_nav .li .h_xl .con1 .pic{width: 3.5rem;height: 2.2rem;border-radius: 0.2rem;overflow: hidden;}
.header .con .h_right .h_nav .li .h_xl .con1 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.header .con .h_right .h_nav .li .h_xl .con1 .pic:hover img{transform: scale(1.05);}
.header .con .h_right .h_nav .li .h_xl .con1 ul{width: fit-content;white-space: nowrap;color: #fff;}
.header .con .h_right .h_nav .li .h_xl .con1 ul li a{color: #ffffff;display: block;margin-bottom: 0.15rem;padding: 0;line-height: 1.2;transition: all 0.5s;}
.header.on .con .h_right .h_nav .li .h_xl .con1 ul li a,
.header.ny .con .h_right .h_nav .li .h_xl .con1 ul li a{color: #333;}
.header .con .h_right .h_nav .li .h_xl .con1 ul li a:hover{color: var(--vi);}
.header .con .h_right .h_nav .li .h_xl .con1 ul li:last-child a{margin-bottom: 0;}
.header .con .h_right .h_nav a{display: block;padding: 0.35rem 0;color: #fff;font-weight: 400;transition: all 0.5s;}

.header .con .h_right .h_ser{display: block;width: 0.18rem;}
.header .con .h_right>span{width: 1px;height: 0.16rem;background-color: rgba(255,255,255,1);opacity: 0.3; display: block;margin: 0 0.14rem;}
.header.on .con .h_right>span{background-color: #333;}
.header.ny .con .h_right>span{background-color: #333;}
.header .con .h_right .h_lag{color: #ffffff;font-weight: 400;text-transform: uppercase;}
.header.on .con .h_right .h_lag{color: #333;}
.header.ny .con .h_right .h_lag{color: #333;}
/* 网站顶部 end */

/* 网站底部 */
.footer{background-color: #11172E;padding: 0 1.6rem;}
.footer .f_top{padding: 0.7rem 0 0.42rem 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.2);position:relative;z-index:5;}
.footer .f_top .f_logo{display: block;width: 2.46rem;}
.footer .f_top .f_logo img{width: 100%;}
.footer .f_top .fx{display: flex;gap: 0.2rem;}
.footer .f_top .fx a{display: block;width: .4rem;height: 0.4rem;border-radius: 50%;background-color: rgba(255,255,255,0.2);transition: all 0.5s;position:relative;}
.footer .f_top .fx a .code{position: absolute;top: calc(100% + 0.1rem);left: 50%;transform: translateX(-50%);width: 1.2rem;border-radius:0.05rem;opacity:0;pointer-events:none;transition:all 0.5s;overflow:hidden;background-color:#fff;}
.footer .f_top .fx a .code img{width: 100%;}
.footer .f_top .fx a:hover .code{opacity:1;}
.footer .f_top .fx a img{width: 100%;height: 100%;}
.footer .f_top .fx a:hover{background-color: var(--vi);}
.footer .f_center{padding: 0.64rem 0 0.98rem 0;border-bottom: 1px solid rgba(255,255,255,0.2);display: flex;justify-content: space-between;}
.footer .f_center .left{width: 11.7rem;display: flex;justify-content: space-between;}
.footer .f_center .left .h{font-weight: 500;line-height: 1.16;margin-bottom: 0.35rem;color: #fff;}
.footer .f_center .left .solid{position: relative;width: 0.8rem;height: 1px;background-color: rgba(255,255,255,0.2);margin-bottom: 0.18rem;}
.footer .f_center .left .solid::after{content: "";position: absolute;left: 0;top: -1px;height: 2px;width: 0.2rem;background-color: #fff;}
.footer .f_center .left a{display: block;color: #ffffff;opacity: 0.6;font-weight: 400;line-height: 2.85;transition: all 0.5s;}
.footer .f_center .left a:hover{opacity: 1;}
.footer .f_center .right{width: 2.7rem;color: #ffffff;}
.footer .f_center .right .item{display: flex;align-items: flex-start;gap: 0.08rem;margin-bottom: 0.34rem;}
.footer .f_center .right .item .icon{width: 0.2rem;height: 0.2rem;object-fit: contain;}
.footer .f_center .right .item .txt{width: calc(100% - 0.28rem);}
.footer .f_center .right .item .txt .p{opacity: 0.6;line-height: 1.16;margin-bottom: 0.12rem;font-weight: 400;}
.footer .f_center .right .item .txt a{display: block;color: #fff;font-weight: 400;line-height: 1.4;}
.footer .f_center .right .codes{display: flex;gap: 0.32rem;padding-left: 0.28rem;}
.footer .f_center .right .codes img{width: 0.8rem;height: 0.8rem;object-fit: contain;}
.footer .f_bottom{display: flex;padding: 0.16rem 0;justify-content: space-between;color: #fff;font-weight: 300;line-height: 1.167;}
.footer .f_bottom .ps{display: flex;align-items: center;}
.footer .f_bottom .ps a{color: #ffffff;}
.footer .f_bottom .ps span{display: block;width: 1px;height: 0.14rem;background-color: #ffffff;margin: 0 0.08rem;}
/* 网站底部 end */

/* 公共样式 */
.more{width: fit-content;display: block; padding: 0.1rem 0.34rem;border-radius: 0.4rem;color: #ffffff;line-height: 1.16;font-weight: 300;transition: all 0.5s; border: 1px solid #FFF;}
.more1{color: #333;border-color: #333;}
.more:hover{border-color: transparent;background-color: var(--vi);color:#fff}

.social-share .social-share-icon{width: 100%;height: 100%;margin: 0;border-color: transparent!important;background-color: transparent!important;}
.social-share .icon-wechat:before{opacity: 0;}
.social-share .icon-weibo:before{opacity: 0;}
/* 公共样式 end */


/* 首页 */
.index_con{position: relative;height: 100vh;overflow: hidden;}
.index_con>.swiper-wrapper>.swiper-slide{height: 100vh;}
.index_con>.swiper-wrapper>.swiper-slide-auto{height: auto!important;}
.part1{position: relative;overflow:hidden;}
.part1 .swiper-slide{height: 100vh;}
.part1 .swiper-pagination{bottom:0.5rem;}
.part1 .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;border-radius: 0;width: 0.36rem;height:3px;}
.part1 .pic{width: 100%;height: 100%;display: block;}
.part1 .pic img,.part1 .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.part1 .txt{position: absolute;left: 0;width: 100%;text-align: center;bottom: 14.8vh;color: #ffffff;}
.part1 .txt .h{line-height: 1.178;font-weight: 700;margin-bottom: 0.08rem;}
.part1 .txt .p{line-height: 1.167;font-weight: 500;text-transform: uppercase;}

.part2{position: relative;}
.part2 .pic{width: 100%;height: 100%;}
.part2 .pic img,.part2 .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.part2 .txt{position: absolute;left: 0;width: 100%;text-align: center;bottom: 11.8vh;color: #ffffff;}
.part2 .txt .h{font-weight: 700;line-height: 1.8;margin-bottom: 0.14rem;}
.part2 .txt .p{font-weight: 400;line-height: 1.2;margin-bottom: 0.44rem;}
.part2 .txt .solid{width: 6.4rem;height: 1px;position: relative;margin: 0 auto;margin-bottom: 0.49rem;background-color: #fff;}
.part2 .txt .solid:after{content: "";position: absolute;top: -1px;width: 3.44rem;height: 3px;left: 50%;transform: translateX(-50%);background-color: #fff;}
.part2 .txt .more{margin: 0 auto;}

.part3{position: relative;}
.part3 .tit{position: absolute;top: 23.1vh; left: 0;width: 100%;text-align: center;color: #ffffff;font-weight: 500;line-height: 1.42;letter-spacing: 3px;z-index: 10;}
.part3 .pic{width: 100%;height: 100%;position: relative;}
.part3 .pic:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 47%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);}
.part3 .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.part3 .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.part3 .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;}
.part3 .list .item{width: calc(100% / 4);height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0, 0, 0, 0);--modal-scrim-blur: 0; backdrop-filter: blur(var(--modal-scrim-blur));transition: all 0.5s;}
.part3 .list .item.on{--modal-scrim-blur: 8px; background: rgba(0, 0, 0, 0.20);}
.part3 .list .item .txt{position: absolute;left: 0;width: 100%;bottom: 20vh;color: #ffffff;padding: 0 0.8rem;text-align: center;transition: all 0.5s;}
.part3 .list .item.on .txt{bottom: 17vh;}
.part3 .list .item .txt .h{font-weight: 500;line-height: 1.8;transition: all 0.5s;}
.part3 .list .item.on .txt .h{margin-bottom: 0.2rem;}
.part3 .list .item .txt .p{line-height: 1.75;font-weight: 400;display: none;height: 14em;display: none;}

.part4{position: relative;background-color: #000;}
.part4 video{width: 100%;height: 100vh;object-fit: cover;}
/* 首页  end*/

/* 技术 */
.tec_banner{position: relative;}
.tec_banner .pic{width: 100%;height: 100vh;}
.tec_banner .pic .mimg{display: none;}
.tec_banner .pic img,.tec_banner .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.tec_banner .txt{position: absolute;left: 0;width: 100%;text-align: center;bottom: 11.8vh;color: #ffffff;}
.tec_banner .txt .tit{font-weight: 700;line-height: 1.8;margin-bottom: 0.14rem;}
.tec_banner .txt .p{font-weight: 400;line-height: 1.2;margin-bottom: 0.44rem;}
.tec_banner .txt .solid{width: 6.4rem;height: 1px;position: relative;margin: 0 auto;margin-bottom: 0.49rem;background-color: #fff;}
.tec_banner .txt .solid:after{content: "";position: absolute;top: -1px;width: 3.44rem;height: 3px;left: 50%;transform: translateX(-50%);background-color: #fff;}
.tec_banner .txt .more{margin: 0 auto;}

.tec_con .con{padding: 1.4rem 2.6rem 1.6rem 2.6rem;background-color: #ffffff;display: flex;flex-wrap: wrap;gap: 0.4rem;}
.tec_con .con .item{display: block;width: calc(50% - 0.2rem);height: 3.84rem;border-radius: 0.1rem;overflow: hidden;position: relative;}
.tec_con .con .item .pic{width: 100%;height: 100%;}
.tec_con .con .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.tec_con .con .item:hover .pic img{transform: scale(1.05);}
.tec_con .con .item .txt{position: absolute;left: 0;bottom: 0.4rem;width: 100%;padding: 0 0.4rem;}
.tec_con .con .item .h{color: #fff;font-weight: 500;line-height: 1.18;z-index: 2;transition: all 0.5s;}
.tec_con .con .item:hover .h{margin-bottom: 0.2rem;}
.tec_con .con .item .p{color: #ffffff;line-height: 1.77;font-weight: 400;height: 1.77em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: none;}

.td_con{padding: 2.1rem 2.6rem 1.6rem 2.6rem;}
.td_con .con{position: relative;}
.td_con .con .left{float: left;width: 9.4rem;background-color: #F7F8FA;border-radius: 0.1rem;padding: 0.6rem 0.6rem 1rem 0.6rem;}

.td_con .con .left .top{padding-bottom: 0.4rem;border-bottom: 1px solid #C4C4C450;margin-bottom: 0.4rem;}
.td_con .con .left .top .h{color: #333;font-weight: 500;line-height: 1.5;margin-bottom: 0.28rem;padding-right: 1rem;}
.td_con .con .left .top .ps{display: flex;justify-content: space-between;align-items: center;}
.td_con .con .left .top .day{color: #666;font-weight: 400;}
.td_con .con .left .top .fx{display: flex;align-items: center;gap: 0.16rem;}
.td_con .con .left .top .fx .name{color: #333;font-weight: 400;}
.td_con .con .left .top .fx>a{display: block;width: 0.3rem;height: 0.3rem;position: relative;}
.td_con .con .left .top .fx>a>img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.td_con .con .left .top .fx>a>img.img2{display: none;}
.td_con .con .left .top .fx>a:hover>img.img2{display: block;}
.td_con .con .left .top .fx>a:hover>img.img1{display: none;}

.td_con .con .left .tit{padding-bottom: 0.4rem;color: #333;font-weight: 500;line-height: 1.2;border-bottom: 1px solid #C4C4C450;margin-bottom: 0.4rem;}
.td_con .con .left .txt p{color: #666;line-height: 2;font-weight: 400;}
.td_con .con .left .txt img{margin: 0 auto;margin-bottom: 0.28rem;}
.td_con .con .left .txt video{display:block;height:auto!important;  margin: 0 auto;margin-bottom: 0.28rem;width:100%;}
.td_con .con .left .txt .name{color: #333;line-height: 1.15;font-weight: 400;text-align: center;}
.td_con .con .right{float: right;width: 4rem;position: sticky;top: 1.6rem;}
.td_con .con .right .item{background-color: #F7F8FA;border-radius: 0.1rem;margin-bottom: 0.24rem;padding-top: 0.6rem;overflow: hidden;}
.td_con .con .right .item .tit{padding: 0 0.32rem;position: relative;color: #333;font-weight: 500;line-height: 1.16;margin-bottom: 0.4rem;}
.td_con .con .right .item .tit::before{content: "";position: absolute;top: 0;left: 0;width: 0.03rem;height: 100%;background-color: var(--vi);}
.td_con .con .right .item .boxs{padding: 0 0.48rem 0.32rem 0.32rem;}
.td_con .con .right .item .boxs .box{display: block;margin-bottom: 0.28rem;}
.td_con .con .right .item .boxs .box .h{color: #333;line-height: 1.2;margin-bottom: 0.12rem;height: 1.2em;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 600;}
.td_con .con .right .item .boxs .box:hover .h{color: var(--vi);}
.td_con .con .right .item .boxs .box .day{color: #666;line-height: 1.16;font-weight: 400;}
.td_con .con .right .item .btn{display: flex;justify-content: center;align-items: center;color: #fff;background-color: var(--vi);padding: 0.15rem 0;font-weight: 400;}
.td_con .con .right .item .btn img{width: 0.2rem;height: 0.2rem;margin-left: 0.16rem;}
/* 技术 end */

/* 微分行业 */
.ind1{position: relative;overflow: hidden;}
.ind1 .prev{position: absolute;top: 50%;left: 0;z-index: 2;width: 0.56rem;height: 0.96rem;border-radius: 0 0.14rem 0.14rem 0;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ind1 .next{position: absolute;top: 50%;right: 0;z-index: 2;width: 0.56rem;height: 0.96rem;border-radius: 0.14rem 0 0 0.14rem;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ind1 .prev img,.ind1 .next img{width: .24rem;height: 0.24rem;}
.ind1 .pic{width: 100%;height: 10.8rem;min-height: 100vh;}
.ind1 .pic img,.ind1 .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.ind1 .txt{position: absolute;z-index: 2;top: 1.65rem;left: 0;width: 100%;color: #ffffff;text-align: center;}
.ind1 .txt .h{font-weight: 700;line-height: 1.21;margin-bottom: 0.32rem;}
.ind1 .txt .p{line-height: 2;font-weight: 400;padding:0 1.6rem;}

.ind1 .tabs{position: absolute;bottom: 0.6rem;left: 0;width: 100%;padding: 0 1rem;display: flex;justify-content: center;gap: 0.4rem;z-index:5;}
.ind1 .tabs .tab{cursor: pointer;color: #ffffff50;padding-bottom: 0.12rem;border-bottom:0.03rem solid rgba(255, 255, 255,0.2);width:2.6rem;text-align:center;font-weight:500;line-height:1.2;position:relative;transition:all 0.5s;}
.ind1 .tabs .tab.on{color: #ffffff;}
.ind1 .tabs .tab:after{content:"";position: absolute;bottom: -0.03rem;left:0; width: 0;height: 0.03rem;background-color: #fff;transition: all 0.6s;z-index:5;}
.ind1 .tabs .tab.on:after{width:100%;}

.ind2{position: relative;}
.ind2 .pics{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.ind2 .pics .pic{width: 100%;height: 100%;opacity: 1;}
.ind2 .pics .pic.swiper-slide-active{opacity: 1;}
.ind2 .pics .pic img{width: 100%;height: 100%;object-fit: cover;}
.ind2 .pics .prev{position: absolute;top: 50%;left: 0;z-index: 2;width: 0.56rem;height: 0.96rem;border-radius: 0 0.14rem 0.14rem 0;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ind2 .pics .next{position: absolute;top: 50%;right: 0;z-index: 2;width: 0.56rem;height: 0.96rem;border-radius: 0.14rem 0 0 0.14rem;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.ind2 .pics .prev img,.ind2 .pics .next img{width: .24rem;height: 0.24rem;}
.ind2 .tit{position: absolute;top: 2.9rem;left: 2.6rem;color: #ffffff;font-weight: 700;line-height: 1.2;z-index: 2;}
.ind2 .txts{position: absolute;top: 4.18rem;left: 2.6rem;color: #ffffff;z-index: 2;}
.ind2 .txts .txt{position: absolute;top: 0;left: 0;width: 8.6rem;transform: translateY(0.8rem);opacity: 0;}
.ind2 .txts .txt.on{transform: translateY(0);opacity: 1;transition: all 0.6s;}
.ind2 .txts .txt .h{line-height: 1.25;font-weight: 500;margin-bottom: 0.2rem;}
.ind2 .txts .txt .p{color: #fff;line-height: 1.66;font-weight: 400;height:6.64em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ind2 .tabs{position: absolute;left: 0;bottom: 1.02rem;width: 100%;padding: 0 2.6rem;display: flex;gap: 0.24rem;z-index: 3;}
.ind2 .tabs .tab{width: 2.6rem;border-radius: 14px;border: 1px solid transparent;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(24px);padding: 0.3rem 0.28rem;display: flex;color: #ffffff;line-height: 1.5; justify-content: space-between; align-items: center;transition: all 0.5s;cursor: pointer;}
.ind2 .tabs .tab img{width: 0.32rem;height: 0.32rem;object-fit: contain;}
.ind2 .tabs .tab.on{border: 1px solid rgba(255, 255, 255, 0.40);background: rgba(255, 255, 255, 0.20);}
/* 微分行业 end */

/* 空间 */
.pl1{padding: 1.6rem 0 0.9rem 0;}
.pl1 .tit{text-align: center;color: #333;font-weight: 700;line-height: 1.41;margin-bottom: 0.6rem;}
.pl1 .list{display:block;width:100%;position:relative;overflow:hidden; margin-bottom: 0.24rem;}
.pl1 .list2{transform: scaleX(-1);}
.pl1 .list:last-child{margin-bottom: 0;}
.pl1 .list .swiper-wrapper{transition-timing-function: linear;}
.pl1 .list .item{width: 2.15rem;border-radius: 0.14rem;background: #F7F8FA;box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.02);display: flex;align-items: center;justify-content: center;padding: 0.12rem;}
.pl1 .list .item img{height: 0.96rem;object-fit: contain;}
.pl1 .list2 img{transform: scaleX(-1);}

.pl2{padding: 30.3vh 0 3.8rem 0;height:100vh; background: url(../img/pl2_bj.jpg)no-repeat center;background-size: cover;}
.pl2 .con{width: 7.64rem;margin: 0 auto;text-align: center;}
.pl2 .con .icon{width: 2.4rem;height: 1.4rem;object-fit:contain; margin: 0 auto;margin-bottom: 0.2rem;}
.pl2 .con .tit{color: #fff;line-height: 1.21;font-weight: 700;text-transform: capitalize;margin-bottom: 0.4rem;}
.pl2 .con .p{color: #fff;font-weight: 400;line-height: 2.22;margin-bottom: 0.4rem;}
.pl2 .con .more{margin: 0 auto;}
.pl2 .con .solid{margin: 0 auto;margin-top: 0.66rem;width: 1px;height: 0.8rem;background-color: #fff;}
/* 空间 end */

/* 产品详情 */
.pd_banner{position: relative;}
.pd_banner .pic{width: 100%;height: 8.8rem;overflow: hidden;}
.pd_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd_banner .pic .mimg{display: none;}
.pd_banner .txt{position: absolute;top: 47%;left: 1.6rem;width: 7.8rem;color: #ffffff;}
.pd_banner .txt .p{line-height: 1.1875;font-weight: 500;margin-bottom: 0.24rem;}
.pd_banner .txt .h{font-weight: 700;line-height: 1.17;margin-bottom: 0.32rem;font-size: 0.78rem;}
.pd_banner .txt .p1{line-height: 1.77;font-weight: 400;text-align: justify;}

.pd1{padding: 1.4rem 2.6rem;background: url(../img/pd1_bj.png)no-repeat center;background-size: cover;}
.pd1 .tit{text-align: center;color: #333;line-height: 1.4;font-weight: 700;margin-bottom: 0.6rem;}
.pd1 .con{display: flex;justify-content: space-between;}
.pd1 .con .pics{width: 8.24rem;height: 5.12rem;overflow: hidden;position: relative;}
.pd1 .con .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;border-radius: 0.2rem;background-color:#fff;}
.pd1 .con .pics .pic.on{-webkit-animation: play 1s linear;animation: play 1s linear;z-index: 3;}
.pd1 .con .pics .pic.on1{z-index:2;}
.pd1 .con .pics .pic img{position: absolute;top: 0;left: 0;width: 8.24rem;height: 100%;object-fit: cover;max-width: 9999px;}
.pd1 .con .pics .pic video{position: absolute;top: 0;left: 0;width: 8.24rem;height: 100%;object-fit: cover;max-width: 9999px;}
.pd1 .con .txts{width: 4.8rem;}
.pd1 .con .txts .txt{cursor: pointer;border-bottom: 1px solid rgba(2, 57, 146, 0.10);position: relative;padding-bottom: 0.1rem;}
.pd1 .con .txts .txt .jt{position: absolute;top: 0.36rem;right: 0;width: 0.32rem;height: 0.32rem;transition: all 0.5s;}
.pd1 .con .txts .txt.on .jt{transform: rotate(180deg);}
.pd1 .con .txts .txt .jt img{width: 100%;height: 100%;}
.pd1 .con .txts .txt .jt img.img2{display: none;}
.pd1 .con .txts .txt.on .jt img.img2{display: block;}
.pd1 .con .txts .txt.on .jt img.img1{display: none;}
.pd1 .con .txts .txt .h{padding: 0.38rem 0 0.24rem 0;color: #333;font-weight: 500;line-height: 1.16;}
.pd1 .con .txts .txt .p{padding: 0 0 0.22rem 0;color: #666;line-height: 1.75;font-weight: 400;display: none;}

.pd2{padding: 1.2rem 2.6rem 0.72rem 2.6rem;background: url(../img/pd2_bj.png)no-repeat center;background-size: cover;}
.pd2 .tit{text-align: center;color: #333;line-height: 1.4;font-weight: 700;margin-bottom: 0.6rem;}
.pd2 .con{width: 100%;display: flex;background-color: #ffffff;border-radius: 0.2rem;background-color: #ffffff;overflow: hidden;}
.pd2 .con .pics{width: 8.14rem;height: 5.8rem;overflow: hidden;position: relative;}
.pd2 .con .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.pd2 .con .pics .pic.on{-webkit-animation: play 1s linear;animation: play 1s linear;z-index: 3;}
.pd2 .con .pics .pic.on1{z-index: 2;}
@-webkit-keyframes play {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@keyframes play {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
/*.pd2 .con .pics .pic.on1{width: 100%;}*/
/*.pd2 .con .pics .pic.on2{width: 0%;transition:all 0.01s;}*/
.pd2 .con .pics .pic img{position: absolute;top: 0;left: 0;width: 8.14rem;height: 100%;object-fit: cover;max-width: 9999px;}
.pd2 .con .pics .pic video{position: absolute;top: 0;left: 0;width: 8.14rem;height: 100%;object-fit: cover;max-width: 9999px;}
.pd2 .con .left{width: calc(100% - 8.14rem);padding: 0.67rem 0.9rem 0.67rem 0.6rem;}
.pd2 .con .left .item{background-color: #F0F3F8;border-radius: 0.2rem;width: fit-content;transition: all 0.6s;padding: 0.08rem 0.08rem 0.08rem 0.23rem;margin-bottom: 0.16rem;cursor: pointer;}
.pd2 .con .left .item:last-child{margin-bottom: 0;}
.pd2 .con .left .item.on{width: 100%;padding: 0.22rem 0.18rem 0.22rem 0.3rem;}
.pd2 .con .left .item .h{display: flex;gap: 0.16rem;color: #333;font-weight: 500;line-height: 1.15;align-items: center;}
.pd2 .con .left .item .h img{display: block;width: 0.32rem;height: 0.32rem;transition: all 0.5s;}
.pd2 .con .left .item.on .h img{opacity: 0;}
.pd2 .con .left .item .p{width: 3.86rem;color: #666;line-height: 1.5;font-weight: 400;display: none;padding-top: 0.1rem;}

.pd3{padding: 1.2rem 2.6rem 2.6rem;position: relative;background: url(../img/pd3_bj.png)no-repeat center;background-size: cover;background-attachment:fixed;}
.pd3 .tit{color: #333;font-weight: 700;line-height: 1.41;text-align: center;margin-bottom: 0.8rem;}
.pd3 .con .tab{width: 2.8rem;float: left;position: sticky;top: 1.6rem;}
.pd3 .con .tab .li{padding-left: 0.3rem;position: relative;color: #666;line-height: 1.15;margin-bottom: 0.87rem;cursor: pointer;}
.pd3 .con .tab .li.on{color: var(--vi);}
.pd3 .con .tab .li:last-child{margin-bottom: 0;}
.pd3 .con .tab .li span{position: absolute;left: -0.04rem;top: 50%;transform: translateY(-50%); width: 0.14rem;height: 0.14rem;background-color: #ffffff;border-radius: 50%;border: 0.04rem solid #e5ebf4;transition: all 0.5s;}
.pd3 .con .tab .li.on span{background-color: var(--vi);}
.pd3 .con .tab .li::before{content: "";position: absolute;top: 0.22rem;left: 0.02rem; width: 0.02rem;height: 0.87rem;background: url(../img/pd3_solid.png);background-size: 100% auto;}
.pd3 .con .tab .li:last-child:before{display: none;}
.pd3 .con .boxs{width: calc(100% - 2.85rem);float: right;}
.pd3 .con .boxs .box{display: none;}
.pd3 .con .boxs .box.on{display:block;}
.pd3 .con .boxs .box .h{color: var(--vi);margin-bottom: 0.08rem;}
.pd3 .con .boxs .box .list{margin-bottom: 0.6rem;}
.pd3 .con .boxs .box .list .item{padding: 0.32rem 0;border-bottom: 1px solid rgba(2, 57, 146, 0.10);display: flex;}
.pd3 .con .boxs .box .list .item .h_1{width: 2.9rem;padding-right: 0.3rem;color: #333;line-height: 1.17;font-weight: 500;}
.pd3 .con .boxs .box .list .item .p_1{width: 5rem;color: #333;line-height: 1.75;}
/*.pd3 .con .boxs .box .list .item:nth-child(n+7){display: none;}*/
.pd3 .con .boxs .box .list.on .item:nth-child(n+7){display: flex;}
.load{display: flex;justify-content: center;align-items: center;cursor: pointer;color: var(--vi);font-weight: 400;line-height: 1.11;}
.load img{width: 0.2rem;height: 0.2rem;margin-left: 0.08rem;}
.load.hid{display: none;}
/* 产品详情 end */

/* 联系我们 */
.cat_banner{position: relative;width: 100%;height: 100vh;}
.cat_banner .pic{width: 100%;height: 100vh;}
.cat_banner .pic .mimg{display: none;}
.cat_banner .pic img,.cat_banner .pic video{display: block;width: 100%;height: 100%;object-fit: cover;}
.cat_banner .txt{position: absolute;left: 0;width: 100%;text-align: center;bottom: 11.8vh;color: #1F1F1F;}
.jo_banner .txt{color: #fff;}
.cat_banner .txt .tit{font-weight: 700;line-height: 1.8;margin-bottom: 0.14rem;}
.cat_banner .txt .p{font-weight: 400;line-height: 1.2;margin-bottom: 0.44rem;}
.cat_banner .txt .solid{width: 6.4rem;height: 1px;position: relative;margin: 0 auto;margin-bottom: 0.49rem;background-color: #1F1F1F;}
.jo_banner .txt .solid{background-color: #fff;}
.cat_banner .txt .solid:after{content: "";position: absolute;top: -1px;width: 3.44rem;height: 3px;left: 50%;transform: translateX(-50%);background-color: #1F1F1F;}
.jo_banner .txt .solid:after{background-color: #fff;}
.cat_banner .txt .more{margin: 0 auto;}

.cat1{padding: 1.4rem 2.6rem;background: url(../img/cat1_bj.jpg)no-repeat center;background-size: cover;display: flex;justify-content: space-between;}
.cat1>div{width: 6.8rem;border-radius: 0.1rem;background-color: #fff;}
.cat1 .box1{padding: 0.9rem 0 0.5rem 0;}
.cat1 .box1 .h{color: #333;line-height: 1.16;margin-bottom: 0.32rem;font-weight: 500;text-align: center;}
.cat1 .box1 .eml{display: block;line-height: 1.218;color: var(--vi);font-weight: 700;padding-bottom: 0.6rem;border-bottom: 1px solid #E8E8E8;margin-bottom: 0.6rem;text-align: center;}
.cat1 .box1 .icon{width: 0.6rem;height: 0.6rem;margin: 0 auto;margin-bottom: 0.32rem;object-fit: contain;}
.cat1 .box1 .h_1{color: #333;font-weight: 700;line-height:1.15;margin-bottom: 0.16rem;text-align: center;}
.cat1 .box1 .p{color: #333;font-weight: 400;line-height: 1.73;height: 3.46em;text-align: center;}

.cat1 .box2{padding: 1.2rem 1.18rem;}
.cat1 .box2 .h{color: #333;font-weight: 500;line-height: 1.16;margin-bottom: 0.5rem;text-align: center;}
.cat1 .box2 .codes{display: flex;justify-content: space-between;}
.cat1 .box2 .codes .code{width: 2rem;text-align: center;color: #333;line-height: 1.16;}
.cat1 .box2 .codes .code img{margin: 0 auto;width: 2.02rem;height: 2.02rem;margin-bottom: 0.2rem;object-fit: contain;}

.cat2{padding: 1.67rem 2.6rem 1.6rem 2.6rem;background: url(../img/cat_bj.jpg)no-repeat center top;background-size: 100% 7rem;}
.cat2 .tit{text-align: center;color: #fff;line-height: 1.41;font-weight: 500;margin-bottom: 1.2rem;}
.cat2 .form{width: 100%;background-color: #ffffff;border-radius: 0.2rem;box-shadow: 0 20px 60px 0 rgba(17, 23, 46, 0.05);padding: 0.8rem 1rem 1.02rem 1rem;}
.cat2 .form .top{margin-bottom: 0.76rem;text-align: center;}
.cat2 .form .top .h{color: #11172E;line-height: 1.2;margin-bottom: 0.28rem;font-weight: 500;}
.cat2 .form .top .p{color: #666;font-weight: 400;line-height: 1.18;}
.cat2 .form form{width: 100%;display: flex;flex-wrap: wrap;column-gap: 0.35rem;row-gap: 0.32rem;}
.cat2 .form form .input{width: 3.74rem;}
.cat2 .form form .input1{width: 5.78rem;}
.cat2 .form form .input2{width: 100%;}
.cat2 .form form .input .name{color: #333;font-weight: 400;line-height: 1.2;margin-bottom: 0.1rem;display: flex;align-items: center;}
.cat2 .form form .input .name span{color: #FF1010;margin-right: 0.06rem;}
.cat2 .form form .input input{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.cat2 .form form .input .select{position: relative;}
.cat2 .form form .input .select:after{content: "";position: absolute;top: 50%;right: 0.2rem;transform: translateY(-50%);width: 0.13rem;height: 0.06rem;background: url(../img/cat_jt.png);background-size: 100% 100%;}
.cat2 .form form .input .select select{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.cat2 .form form .input textarea{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.cat2 .form form input[type="submit"]{width: fit-content;padding: 0.12rem 0.36rem;color: #ffffff;line-height: 1.2;background-color: var(--vi);border-radius: 1rem;margin: 0 auto;margin-top: 0.3rem;}
/* 联系我们 end */

/* 加入我们 */
.jo1{padding: 1.4rem 2.6rem 0.6rem 2.6rem;}
.jo1 .tit{text-align: center;font-weight: 700;color: #333;line-height: 1.41;margin-bottom: 0.8rem;}
.jo1 .list{width: 100%;display: flex;gap: 0.4rem;}
.jo1 .list .item{width: 4.4rem;border-radius: 0.14rem;background: #F7F8FA;padding: 0.72rem 0.4rem 0.48rem 0.4rem;transition: all 0.5s;background-repeat: no-repeat;background-size: cover;background-position: center;}
.jo1 .list .item .icon{width: 0.68rem;height: 0.68rem;margin: 0 auto;margin-bottom: 0.24rem;object-fit: contain;}
.jo1 .list .item .icon.img2{display: none;}
.jo1 .list .item:hover .icon.img2{display: block;}
.jo1 .list .item:hover .icon.img1{display: none;}
.jo1 .list .item:hover{background-image: url(../img/jo1_mask.png);background-color: #fff;box-shadow: 0 16px 68px 10px rgba(4, 38, 161, 0.05);}
.jo1 .list .item .h{color: #333;font-weight: 500;line-height: 1.5;margin-bottom: 0.24rem;text-align: center;transition: all 0.5s;}
.jo1 .list .item:hover .h{color: var(--vi);}
.jo1 .list .item .p{line-height: 2;height: 10em;color: #666;font-weight: 400;text-align: center;}

.jo2{padding: 1.2rem 2.6rem 1.6rem 2.6rem;background: url(../img/jo_bj.jpg)no-repeat center top;background-size: 100% auto;background-color: #F7F8FA;}
.jo2 .top{text-align: center;margin-bottom: 0.8rem;}
.jo2 .top .tit{color: #333;line-height: 1.41;margin-bottom: 0.32rem;font-weight: 700;}
.jo2 .top .p{color: #333;line-height: 1.77;text-align: center;font-weight: 400;}
.jo2 .tab{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.4rem;position: relative;z-index: 2;}
.jo2 .tab .h{color: #333;line-height: 1.2;font-weight: 500;}
.jo2 .tab .right{display: flex;align-items: center;}
.jo2 .tab .right .select{position: relative;width: 2.8rem;margin-right: 0.4rem;cursor: pointer;}
.jo2 .tab .right .select .h{width: 100%;height: 0.54rem;line-height: 0.54rem; border-radius: 0.3rem;position: relative;padding: 0 0.3rem;background-color: #ffffff;}
.jo2 .tab .right .select .h:after{content: "";position: absolute;top: 50%;right: 0.32rem;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;background: url(../img/jo_jt.png);background-size: 100% 100%;}
.jo2 .tab .right .select ul{position: absolute;left: 0;top: 100%;width: 100%;background-color: #ffffff;line-height: 1.8;padding: 0 0.3rem;color:#333;border-radius: 0.1rem;display: none;box-shadow: 0 0 0.3rem rgba(0,0,0,0.05);padding: 0.12rem 0.3rem;}
.jo2 .tab .right .select ul li{transition: all 0.5s;cursor: pointer;}
.jo2 .tab .right .select ul li:hover{color: var(--vi);}
.jo2 .tab .right .ser{line-height: 0.4rem;padding: 0.07rem 0.12rem;display: flex;border-radius: 0.3rem;background-color: #ffffff;width: 4.8rem;}
.jo2 .tab .right .ser a{display: block;width: 0.4rem;height: 0.4rem;}
.jo2 .tab .right .ser input{width: calc(100% - 0.4rem);padding: 0 0.18rem;}
.jo2 .tab .right .ser input::placeholder{color: #333;}
.jo2 .list{padding-bottom: 0.4rem;}
.jo2 .list .item{display: block;margin-bottom: 0.28rem;background-color: #ffffff;border-radius: 0.14rem;box-shadow: 0 16px 50px rgba(0, 0, 0, 0.02);padding: 0.42rem 0.6rem;position: relative;}
.jo2 .list .item .h{display: flex;align-items: center;margin-bottom: 0.18rem;gap: 0.16rem;color: #333;font-weight: 500;}
.jo2 .list .item .h .tip{width: fit-content;padding: 0.02rem 0.05rem;color: var(--vi);border: 1px solid var(--vi);border-radius: 0.02rem;}
.jo2 .list .item .p{color: #999;font-weight: 400;line-height: 1.16;margin-bottom: 0.18rem;}
.jo2 .list .item .p1{color: #666;line-height: 1.5;font-weight: 400;height: 4.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.jo2 .list .item .btn{display: flex;gap: 0.04rem;align-items: center;position: absolute;top: 0.46rem;right: 0.6rem;color: #333;font-weight: 400;transition: all 0.5s;}
.jo2 .list .item:hover .btn{color: var(--vi);}
.jo2 .list .item .btn .icon{width: .18rem;height: 0.18rem;}
.jo2 .list .item .btn .icon img{width: 100%;height: 100%;}
.jo2 .list .item .btn .icon img.img2{display: none;}
.jo2 .list .item:hover .btn .icon img.img2{display: block;}
.jo2 .list .item:hover .btn .icon img.img1{display: none;}
.jo2 .list .item:nth-child(n+6){display: none;}
.jo2 .list.on .item:nth-child(n+6){display: block;}

.jd1{padding: 1.4rem 2.6rem 0 2.6rem;background: #F0F2F5;}
.jd1 .con{background-color: #fff;border-radius: 0.2rem;padding: 0.6rem;}
.jd1 .con .top{padding-bottom: 0.4rem;border-bottom: 1px solid #CCC;position: relative;}
.jd1 .con .top .tit{color: #333333;font-weight: 500;line-height: 1.25;margin-bottom: 0.3rem;}
.jd1 .con .top ul{display: flex;gap: 0.11rem;}
.jd1 .con .top ul li{width: fit-content;padding: 0.07rem 0.12rem;color: var(--vi);background-color: rgba(0, 98, 255, 0.12);border-radius: 0.32rem;}
.jd1 .con .top .btn{position: absolute;top: 0;right: 0;width: fit-content;padding: 0.12rem 0.36rem;color: #ffffff;background-color: var(--vi);border-radius: 0.28rem;}
.jd1 .con .bottom .item{margin-top: 0.4rem;}
.jd1 .con .bottom .item .h{color: #333;line-height: 1.16;font-weight: 500;margin-bottom: 0.24rem;}
.jd1 .con .bottom .item .p{color: #666;line-height: 2;font-weight: 400;}

.jd2{padding: 1.4rem 2.6rem 1.6rem 2.6rem;background: #F0F2F5;}
.jd2 .titx{color: #333;font-weight: 700;line-height: 1.1;margin-bottom: 0.6rem;text-align: center;}
.jd2 .list .item:nth-child(n+4){display: none;}
.jd2 .list.on .item:nth-child(n+4){display: block;}
/* 加入我们 end */

/* 新闻 */
.nl_banner{position: relative;}
.nl_banner .pic{width: 100%;height: 100vh;overflow: hidden;}
.nl_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.nl_banner .tit{color: #ffffff;position: absolute;z-index: 2;top: 47%;left: 2.6rem;font-weight: 700;line-height: 1.52;transform: translateY(-50%);}
.nl_con .con{padding: 1.4rem 2.6rem 1.6rem 2.6rem;}
.nl_con .top{margin-bottom: 0.6rem;}
.nl_con .top .h{background: linear-gradient(90deg, #11172E 0%, #374A94 35.52%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.16;font-weight: 700;margin-bottom: 0.2rem;}
.nl_con .top .p{color: #666;line-height: 1.8;font-weight: 400;}
.nl_con .center{width: 100%;display: flex;flex-flow:row-reverse;background-color: #F7F8FA;margin-bottom: 0.7rem; border-radius: #F7F8FA;border-radius: 0.1rem;overflow: hidden;}
.nl_con .center .pic{width: 7.6rem;height: 3.24rem;overflow: hidden;}
.nl_con .center .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl_con .center .pic:hover img{transform: scale(1.05);}
.nl_con .center .txt{width: calc(100% - 7.6rem);padding: 0.56rem 0.8rem 0.2rem 0.6rem;}
.nl_con .center .txt .day{color: #333;line-height: 1.25;margin-bottom: 0.24rem;font-weight: 300;}
.nl_con .center .txt .h{color: #333;font-weight: 500;line-height: 1.5;height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.nl_con .center .txt .p{color: #666;line-height: 2;height: 4em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;}
.nl_con .list{display: flex;flex-wrap: wrap;gap: 0.47rem;margin-bottom: 0.8rem;}
.nl_con .list .item{display: block;width: 4.33rem;background-color: #F7F8FA;border-radius: 0.2rem;overflow: hidden;}
.nl_con .list .item .pic{width: 100%;height: 1.85rem;overflow: hidden;}
.nl_con .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl_con .list .item:hover .pic img{transform: scale(1.05);}
.nl_con .list .item .txt{padding: 0.24rem 0.2rem 0.32rem 0.2rem;}
.nl_con .list .item .txt .day{color: #999;font-weight: 300;line-height: 1.4;margin-bottom: 0.12rem;}
.nl_con .list .item .txt .h{color: #333;line-height: 1.5;height: 3em;font-weight: 500;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page{display: flex;justify-content: center;align-items: center;gap: 0.16rem;}
.page svg{display: block;width: 100%;height: 100%;}
.page a{display: block;width: 0.45rem;height: 0.45rem;line-height: 0.45rem;text-align: center;color: #333;font-weight: 500;background-color: transparent;border-radius: 50%;transition: all 0.5s;display: block;overflow: hidden;}
.page a:hover,
.page a.on{background-color: var(--vi);color: #ffffff;}
.page a:hover svg path,
.page a.on svg path{fill:transparent;stroke:#fff;}
/* 新闻 end */

/* 关于我们 */
.ab1{display: flex;position: relative;width: 100%;height: 100vh;}
.ab1 .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ab1 .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
.ab1 .pics .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab1 .pics .pic.on{opacity: 1;}
.ab1 .tit{position: absolute;top: 2.5rem;left: 0;width: 100%;text-align: center;color: #fff;font-weight: 700;line-height: 1.16;z-index: 2;}
.ab1 .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index:3;}
.ab1 .list .item{width: 50%;border-right: 1px solid rgba(255,255,255,0.2);height: 100%;display: flex;align-items: center;transition: all 0.5s;}
.ab1 .list:hover .item{width: 42.7%;}
.ab1 .list:hover .item.on{width: 57.3%;}
.ab1 .list .item:last-child{border-right: none;}
.ab1 .list .item .txt{width: 100%;color: #ffffff;text-align: center;}
.ab1 .list .item .txt .h{line-height: 1.167;font-weight: 500;margin-bottom: 0.24rem;}
.ab1 .list .item .txt .p{line-height: 1.45;font-weight: 300;opacity:0;transition:all 0.5s;transform:translateY(0.5rem);}
.ab1 .list .item:hover .txt .p{transform:translateY(0);opacity: 1;}
.ab2{padding: 1.9rem 2.6rem 0 2.6rem;height: 100vh;background: url(../img/ab2_bj.jpg)no-repeat center;background-size: cover;display: flex;align-items: flex-start;justify-content: space-between;}
.ab2 .tit{color: #333;font-weight: 700;line-height: 1.16;}
.ab2 .txt{width: 9.8rem;color: #333;font-weight: 400;line-height: 1.9;}
.ab2 .txt span{color: var(--vi);}

.ab3{padding: 1.9rem 0 1.15rem 0;background: url(../img/ab3_bj.png)no-repeat center;background-size: cover;height: 11rem;}
.ab3 .tit{color: #333;text-align: center;font-weight: 700;line-height: 1.16;margin-bottom: 0.6rem;}
.ab3 .con1{position: relative;overflow: hidden;}
.ab3 .con1:after{content: "";position: absolute;top: 0;left: 0;width: 5rem;height: 6rem;background: linear-gradient(to right, rgba(245, 248, 252, 0.90) 24.7%, rgba(245, 248, 252, 0.00) 100%);z-index: 3;}
.ab3 .con1::before{content: "";position: absolute;top: 0;right: 0;width: 5rem;height: 6rem;background: linear-gradient(to left, rgba(245, 248, 252, 0.90) 24.7%, rgba(245, 248, 252, 0.00) 100%);z-index: 3;}
.ab3 .con1 .btns{margin-top: 0.6rem;display: flex;justify-content: center;gap: 0.2rem;}
.ab3 .con1 .btns>div{cursor: pointer;width: 0.48rem;height: 0.48rem;}
.ab3 .con1 .btns>div img{width: 100%;height: 100%;}
.ab3 .con1 .btns>div img.img2{display: none;}
.ab3 .con1 .btns>div:hover img.img2{display: block;}
.ab3 .con1 .btns>div:hover img.img1{display: none;}
.ab3 .con1 .swiper-slide{padding-top: 0.5rem;transition: all 0.5s;text-align: center;}
.ab3 .con1 .swiper-slide-active{padding-top: 0}
.ab3 .con1 .swiper-slide .pic{width: 3.2rem;height: 4rem;margin: 0 auto;margin-bottom: 0.28rem;padding: 0.3rem 0.4rem;transition: all 0.5s;border-radius: 0.1rem;
  background: rgba(0, 0, 0, 0.00);border: 2px solid #0059FF20;}
.ab3 .con1 .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;}
.ab3 .con1 .swiper-slide-active .pic{width: 4rem;height: 5rem;padding: 0.37rem 0.5rem;}
.ab3 .con1 .swiper-slide .h{color: #333;transition: all 0.5s;line-height: 1.4;opacity: 0;}
.ab3 .con1 .swiper-slide-active .h{opacity: 1;}
/* 关于我们 end */

/* 搜索结果 */
.seh1{padding: 1.86rem 0 1.12rem 0;background-color: #F0F2F5;}
.seh1 .input{width: 8rem;margin: 0 auto;color: #333; padding: 0.1rem 0.12rem;background-color: #ffffff;border-radius: 0.3rem;display: flex;justify-content: space-between;}
.seh1 .input button{display: block;width: 0.4rem;height: 0.4rem;background-color:transparent;border:none;cursor:pointer;}
.seh1 .input button img{width: 100%;}
.seh1 .input input{width: calc(100% - 0.4rem);padding-left: 0.18rem;}
.seh1 .p{width: 8rem;margin: 0 auto;display: flex;align-items: center;color: #33333360;font-weight: 400;margin-top: 0.24rem;padding: 0 0.3rem;}
.seh1 .p a{color: #333;margin-left:0.16rem;display:block;transition:all 0.5s;}
.seh1 .p a:hover{color:var(--vi);}
.seh2{padding: 0.9rem 2.6rem 1.6rem 2.6rem;}
.seh2 .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7rem;}
.seh2 .top .left{color: #333333;font-weight: 500;line-height: 1.2;}
.seh2 .top .left span{color: var(--vi);}
.seh2 .top .tab{display: flex;gap: 0.8rem;border-bottom: 1px solid #D9D9D9;}
.seh2 .top .tab a{position: relative;line-height: 1.16;padding-bottom: 0.12rem;color: #333;transition: all 0.5s;}
.seh2 .top .tab a:hover,.seh2 .top .tab a.on{color: var(--vi);}
.seh2 .top .tab a:after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: var(--vi);opacity: 0;transition: all 0.5s;}
.seh2 .top .tab a:hover:after,.seh2 .top .tab a.on:after{opacity: 1;}
.seh2 .con{display: none;}
.seh2 .con.on{display: block;}
.seh2 .con1 .list{display: flex;flex-wrap: wrap;gap: 0.47rem;margin-bottom: 0.8rem;}
.seh2 .con1 .list .item{display: block;width: 4.33rem;background-color: #F7F8FA;border-radius: 0.2rem;overflow: hidden;}
.seh2 .con1 .list .item .pic{width: 100%;height: 1.85rem;overflow: hidden;}
.seh2 .con1 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.seh2 .con1 .list .item:hover .pic img{transform: scale(1.05);}
.seh2 .con1 .list .item .txt{padding: 0.24rem 0.2rem 0.32rem 0.2rem;}
.seh2 .con1 .list .item .txt .day{color: #999;font-weight: 300;line-height: 1.4;margin-bottom: 0.12rem;}
.seh2 .con1 .list .item .txt .h{color: #333;line-height: 1.5;height: 3em;font-weight: 500;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.seh2 .con2 .list{display: flex;flex-wrap: wrap;column-gap: 0.48rem;row-gap: 0.6rem;margin-bottom: 0.8rem;}
.seh2 .con2 .list .item{width: calc(50% - 0.24rem);background: #F7F8FA;border-radius: 0.2rem;padding: 0.45rem;}
.seh2 .con2 .list .item .pic{width: 100%;height: 2.86rem;margin: 0 auto;overflow: hidden;margin-bottom: 0.28rem;}
.seh2 .con2 .list .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.seh2 .con2 .list .item:hover .pic img{transform: scale(1.05);}
.seh2 .con2 .list .item .h{color: #333333;font-weight: 500;line-height: 1.2;transition: all 0.5s;}
.seh2 .con2 .list .item:hover .h{color: var(--vi);}
/* 搜索结果 end */

/* 服务 */
.sec1{padding: 1.4rem 2.6rem 1.6rem 2.6rem;background: url(../img/sec1_bj.jpg)no-repeat center top;background-size: 100% auto;background-color: #E8EDF4;}
.sec1 .top{margin-bottom: 0.8rem;}
.sec1 .top .tit{color: #333;font-weight: 700;line-height: 1.41;margin-bottom: 0.29rem;}
.sec1 .top .input{width: 6.46rem;color: #333; padding: 0.1rem 0.12rem;background-color: #ffffff;border-radius: 0.3rem;display: flex;justify-content: space-between;}
.sec1 .top .input a{display: block;width: 0.4rem;height: 0.4rem;}
.sec1 .top .input a img{width: 100%;}
.sec1 .top .input input{width: calc(100% - 0.4rem);padding-left: 0.18rem;}
.sec1 .list .item{margin-bottom: 0.3rem;background-color: #ffffff;border-radius: 0.14rem;padding: 0.52rem 0.8rem;transition: all 0.5s;background-repeat: no-repeat;background-size: 100% auto;background-position: right bottom;}
.sec1 .list .item.on{padding: 0.75rem 0.8rem;background-image: url(../img/sec1_mask.png);}
.sec1 .list .item .h{position: relative;padding-left: 0.7rem;line-height: 0.34rem;color: #333;font-weight: 500;transition: all 0.5s;}
.sec1 .list .item.on .h{margin-bottom: 0.28rem;}
.sec1 .list .item .h .tip{position: absolute;top: 0;left: 0; width: 0.34rem;height: 0.34rem;line-height: 0.34rem;text-align: center;color: var(--vi);background-color: #0426A108;}

.sec1 .list .item .p{position: relative;padding-left: 0.7rem;line-height: 0.34rem;color: #4F606D;font-weight: 400;line-height: 2.12;display: none;}
.sec1 .list .item .p .tip{position: absolute;top: 0;left: 0; width: 0.34rem;height: 0.34rem;line-height: 0.34rem;text-align: center;color: #E70011;background-color: #E7001108;}
.sec1 .list .item:nth-child(n+6){display: none;}
.sec1 .list.on .item:nth-child(n+6){display: block;}

.sec2{padding: 1.2rem 2.6rem 1.4rem 2.6rem;}
.sec2 .top{text-align: center;margin-bottom: 0.6rem;}
.sec2 .top .tit{color: #333;font-weight: 700;line-height: 1.41;margin-bottom: 0.32rem;}
.sec2 .top .btns{display: flex;justify-content: center;gap: 0.24rem;}
.sec2 .top .btns .btn{width: fit-content;padding: 0.12rem 0.36rem;color: #333333;border: 1px solid #333;border-radius: 0.3rem;cursor: pointer;}
.sec2 .top .btns .btn.on{border-color: transparent;color: #fff;background-color: var(--vi);}
.sec2 .cons{position: relative;}
.sec2 .cons .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor:pointer;}
.sec2 .con{display: none;}
.sec2 .con.on{display: block;}
.sec2 .con .list{display: flex;column-gap: 0.4rem;row-gap: 0.32rem;flex-wrap: wrap;margin-bottom: 0.6rem;}
.sec2 .con .list .item{width: calc(50% - 0.2rem);background-color: #F7F8FA;border-radius: 0.14rem;padding: 0.4rem 0.48rem;position: relative;background-repeat: no-repeat;background-size: 100% auto;background-position: right bottom;transition: all 0.5s;}
.sec2 .con .list .item:hover{background-image: url(../img/sec1_mask.png);box-shadow: 0 4px 68px rgba(4, 38, 161, 0.10);}
.sec2 .con .list .item .txt{width: 4.8rem;}
.sec2 .con .list .item .txt .h{color: #333;font-weight: 500;line-height: 1.2;height: 1.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.2rem;transition: all 0.5s;}
.sec2 .con .list .item:hover .txt .h{color: var(--vi);}
.sec2 .con .list .item .txt .p{color: #4F606D;font-weight: 400;line-height: 1.25;height: 1.25em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sec2 .con .list .item .btn{position: absolute;top: 50%;transform: translateY(-50%);right: 0.48rem;width: fit-content;color: #333;text-align: center;}
.sec2 .con .list .item:hover .btn{color: var(--vi);}
.sec2 .con .list .item .btn .icon{width: 0.4rem;height: 0.4rem;margin: 0 auto; margin-bottom: 0.06rem;}
.sec2 .con .list .item .btn .icon img{width: 100%;height: 100%;object-fit: contain;}
.sec2 .con .list .item .btn .icon img.img2{display: none;}
.sec2 .con .list .item:hover .btn .icon img.img2{display: block;}
.sec2 .con .list .item:hover .btn .icon img.img1{display: none;}
.sec2 .con .list .item:nth-child(n+7){display: none;}
.sec2 .con .list.on .item:nth-child(n+7){display: block;}

.sec3{position: relative;padding: 1.2rem 2.6rem 1.6rem 2.6rem;background: url(../img/sec3_bj.jpg)no-repeat top center;background-size: 100% auto;background-color: #F0F4F9;}
.sec3 .tit{color: #333;font-weight: 700;line-height: 1.41;margin-bottom: 0.6rem;text-align: center;}
.sec3 .con .left{float: left;width: 2.6rem;position: sticky;top: 1.6rem;min-height: 60vh;}
.sec3 .con .left .tit1{color: #333;font-weight: 500;line-height: 1.16;margin-bottom: 0.46rem;}
.sec3 .con .left li{position: relative;padding-bottom: 0.18rem;border-bottom: 1px solid #E4E1E1;color: #333;line-height: 1.2;font-weight: 500;transition: all 0.5s;margin-bottom: 0.32rem;cursor: pointer;}
.sec3 .con .left li.on{color: var(--vi);}
.sec3 .con .left li .icon{position: absolute;right: 0;top: calc(50% - 0.09rem);transform: translateY(-50%);width: 0.14rem;height: 0.14rem;}
.sec3 .con .left li .icon img{width: 100%;height: 100%;object-fit: contain;}
.sec3 .con .left li .icon img.img2{display: none;}
.sec3 .con .left li.on .icon img.img2{display: block;}
.sec3 .con .left li.on .icon img.img1{display: none;}
.sec3 .con .right{width: 10.8rem;float: right;}
.sec3 .con .right .con1{display: none;}
.sec3 .con .right .con1.on{display: block;}
.sec3 .con .right .con1 .tit2{color: #333;font-weight: 500;line-height: 1.2;margin-bottom: 0.24rem;}
.sec3 .con .right .con1 .p{color: #4F606D;line-height: 2;font-weight: 400;}
.sec3 .con .right .con1 .h{color: #333;line-height: 1.2;font-weight: 500;margin-bottom: 0.24rem;}
.sec3 .con .right .con1 .h_1{color: #333;line-height: 1.6;font-weight: 400;margin-bottom: 0.1rem;}
.sec3 .con .right .con1 .list{height: 7.5rem;overflow: hidden;margin-bottom: 0.7rem;}
.sec3 .con .right .con1 .list.on{height: auto;}
/* 服务 end */

.ser_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:all 0.5s;}
.ser_tc.show{pointer-events: all;opacity: 1;}
.ser_tc .con{width: 14rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ser_tc .con .out{width: 0.5rem;height: 0.5rem;position: absolute;top: 0.3rem;right: 0.3rem;cursor:pointer; transition: all 0.5s;}
.ser_tc .con .out:hover{transform:rotate(180deg);}
.ser_tc .form{width: 100%;background-color: #ffffff;border-radius: 0.2rem;box-shadow: 0 20px 60px 0 rgba(17, 23, 46, 0.05);padding: 0.6rem 1rem 0.7rem 1rem;}
.ser_tc .form .top{margin-bottom: 0.76rem;text-align: center;}
.ser_tc .form .top .h{color: #11172E;line-height: 1.2;margin-bottom: 0.28rem;font-weight: 500;}
.ser_tc .form .top .p{color: #666;font-weight: 400;line-height: 1.18;}
.ser_tc .form form{width: 100%;display: flex;flex-wrap: wrap;column-gap: 0.35rem;row-gap: 0.3rem;}
.ser_tc .form form .input{width: 3.74rem;}
.ser_tc .form form .input1{width: 5.78rem;}
.ser_tc .form form .input2{width: 100%;}
.ser_tc .form form .input .name{color: #333;font-weight: 400;line-height: 1.2;margin-bottom: 0.1rem;display: flex;align-items: center;}
.ser_tc .form form .input .name span{color: #FF1010;margin-right: 0.06rem;}
.ser_tc .form form .input input{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.ser_tc .form form .input .select{position: relative;}
.ser_tc .form form .input .select:after{content: "";position: absolute;top: 50%;right: 0.2rem;transform: translateY(-50%);width: 0.13rem;height: 0.06rem;background: url(../img/cat_jt.png);background-size: 100% 100%;}
.ser_tc .form form .input .select select{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.ser_tc .form form .input textarea{width: 100%;line-height: 0.48rem;border: 0.01rem solid #11172E15;border-radius: 0.04rem;padding: 0 0.15rem;}
.ser_tc .form form input[type="submit"]{width: fit-content;padding: 0.12rem 0.36rem;color: #ffffff;line-height: 1.2;background-color: var(--vi);border-radius: 1rem;margin: 0 auto;margin-top: 0.3rem;}



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


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

}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1024px) {
    html{font-size: 60px!important;}
    .header{display: none;}
    /*.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: transparent;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: 100px;}
    .m_header .logo img{width: 100%;display:block;}
    .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 .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);}
    .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>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
    .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);}
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    .mh_nav .nav>li:nth-child(1):after{display: none;}
    .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;}
    .mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}
    
    .footer{padding: 0 28px;}
    .footer .f_center .left{display: none;}
    .footer .f_center .right .item .icon{width: 16px;height: 100%;}
    .footer .f_center .right .item .txt .p{font-size: 14px;}
    .footer .f_center .right .item .txt a{font-size: 14px;}
    .footer .f_center .right{width: 100%;}
    .footer .f_center .right .codes img{width: 90px;height: 90px;}
    .footer .f_bottom{display: block;}
    .footer .f_bottom .f_14{font-size: 12px;text-align: center;} 
    .footer .f_bottom .ps{font-size: 12px;justify-content: center;margin-top: 12px;}

    .index_con{height: auto;}
    .index_con>.swiper-wrapper{display: block;}
    .index_con>.swiper-wrapper>.swiper-slide{height: 144vw;}
    .part1 .txt{bottom: 60px;padding: 0 28px;}
    .part1 .txt .h{font-size: 20px;line-height: 1.5; margin-bottom: 12px;}
    .part1 .txt .p{font-size: 12px;}

    .part2 .txt{bottom: 60px;padding: 0 28px;}
    .part2 .txt .h{font-size: 20px;line-height: 1.5;margin-bottom: 12px;}
    .part2 .txt .p{font-size: 14px;}
    .part2 .txt .solid{width: 230px;margin-bottom: 20px;}
    .part2 .txt .solid:after{width: 123px;}
    .more{font-size: 12px;padding: 5px 17px;}

    .part3 .list{display: none;}
    .part3 .tit{top: 80px;font-size: 20px;}

    .part3 .pic::before{content:""; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);}

    .part3 .list_m{display: block!important;position: absolute;left: 0;bottom: 60px;width: 100%;padding-top: 134px; color: #ffffff;text-align: center; overflow: hidden;z-index: 50;}
    .part3 .list_m .swiper-slide{padding: 0 48px;}
    .part3 .list_m .h{text-align: center;font-size: 17px;line-height: 1.176;margin-bottom: 20px;font-weight: 500;}
    .part3 .list_m .p{font-size: 13px;line-height: 1.54;font-weight: 400;}
    .part3 .list_m .prev{top: 0;left: 0;width: 28px;height: 48px;border-radius: 0 7px 7px 0;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;z-index: 20;cursor: pointer;position: absolute;}
    .part3 .list_m .next{top: 0;right: 0;width: 28px;height: 48px;border-radius: 7px 0 0 7px;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);display: flex;align-items: center;justify-content: center;z-index: 20px;cursor: pointer;position: absolute;}
    .part3 .list_m .next img,.part3 .list_m .prev img{width: 12px;height: 12px;}
    .index_con>.swiper-wrapper>.swiper-slide.part4{height: 116vw;}
    .part4 video{height: 116vw;}

    .ab1{padding: 60px 28px;display: block;height: auto;}
    .ab1 .pics{display: none;}
    .ab1 .list{display: none;}
    .ab1 .tit{position: static;color: #333;font-size: 20px;line-height: 1.5;margin-bottom: 20px;}
    .ab1 .conm{display: block!important;}
    .ab1 .conm .item{display: block;border-radius: 12px;overflow: hidden;position: relative;margin-bottom: 20px;}
    .ab1 .conm .item:last-child{margin-bottom: 0;}
    .ab1 .conm .item .pic{width: 100%;height: 56.25vw;}
    .ab1 .conm .item .pic img{width: 100%;height: 100%;object-fit: cover;}
    .ab1 .conm .item .txt{position: absolute;bottom: 30px;left: 20px;width: calc(100% - 40px);color: #ffffff;text-align: center;z-index: 5;}
    .ab1 .conm .item .txt .h{font-size: 18px;line-height: 1.5;margin-bottom: 10px;font-weight: 500;}
    .ab1 .conm .item .txt .p{font-size: 13px;font-weight: 400;}

    .ab2{padding: 60px 28px;display: block;height: auto;padding-bottom: 180px;}
    .ab2 .tit{font-size: 20px;line-height: 1.5;text-align: center;margin-bottom: 20px;}
    .ab2 .txt{width: 100%;font-size: 13px;}

    .ab3{padding: 60px 0;height: auto;}
    .ab3 .tit{font-size: 20px;margin-bottom: 30px;}
    .ab3 .con1:after{width: 1rem;}
    .ab3 .con1::before{width: 1rem;}
    .ab3 .con1 .swiper-slide .pic{padding: 10px;}
    .ab3 .con1 .swiper-slide-active .pic{width: 100%;padding: 12px;}
    .ab3 .con1 .swiper-slide .h{font-size: 13px;}
    .cat_banner{height: 116vw;}
    .cat_banner .pic{height: 100%;}
    .cat_banner .txt{bottom: 60px;}
    .cat_banner .txt .tit{font-size: 20px;line-height: 1.5;margin-bottom: 12px;}
    .cat_banner .txt .p{font-size: 14px;}
    .cat_banner .txt .solid{width: 230px;margin-bottom: 20px;}
    .cat_banner .txt .solid:after{width: 123px;}

    .cat1{padding: 60px 28px;display: block;}
    .cat1>div{width: 100%;}
    .cat1 .box1{margin-bottom: 30px;padding: 30px 0;}
    .cat1 .box1 .h{font-size: 18px;margin-bottom: 12px;}
    .cat1 .box1 .eml{font-size: 16px;padding-bottom: 20px;margin-bottom: 20px;}
    .cat1 .box1 .icon{width: 36px;height: 36px;margin-bottom: 12px;}
    .cat1 .box1 .h_1{font-size: 15px;}
    .cat1 .box1 .p{font-size: 14px;padding: 0 20px;}
    .cat1 .box2{padding: 30px 20px;}
    .cat1 .box2 .h{font-size: 18px;margin-bottom: 20px;}
    .cat1 .box2 .codes{justify-content: center;gap: 20px;}
    .cat1 .box2 .codes .code .p{font-size: 14px;}
    .cat2{padding: 60px 28px;}
    .cat2 .form{padding: 30px 16px;}
    .cat2 .tit{font-size: 20px;margin-bottom: 30px;}
    .cat2 .form .top .h{font-size: 20px;}
    .cat2 .form .top .p{font-size: 15px;}
    .cat2 .form form .input{width: 100%;}
    .cat2 .form form .input .name{font-size: 13px;}
    .cat2 .form form .input input,.cat2 .form form .input .select select,.cat2 .form form .input textarea,.cat2 .form form input[type="submit"]{font-size: 13px;}

    .tec_banner{height: 116vw;}
    .tec_banner .pic{height: 100%;}
    .tec_banner .txt{bottom: 60px;}
    .tec_banner .txt .tit{font-size: 20px;line-height: 1.5;margin-bottom: 12px;}
    .tec_banner .txt .p{font-size: 14px;}
    .tec_banner .txt .solid{width: 230px;margin-bottom: 20px;}
    .tec_banner .txt .solid:after{width: 123px;}

    .ind1 .txt{top: 60px;}
    .ind1 .pic{height: 136vw;min-height: 136vw;}
    .ind1 .txt .h{font-size: 20px;}
    .ind1 .txt .p{padding: 0 28px;font-size: 14px;line-height: 20px;}

    .ind2 .tit{top: 60px;left: 0;width: 100%;text-align: center;font-size: 20px;}
    .ind2 .txts{top: 120px;left: 0;width: 100%;}
    .ind2 .txts .txt{padding: 0 28px;width: 100%;}
    .ind2 .txts .txt .h{font-size: 18px;}
    .ind2 .txts .txt .p{font-size: 15px;}
    .ind2 .tabs{padding: 0 38px;flex-wrap: wrap;gap: 12px;bottom:30px;}
    .ind2 .tabs .tab{width: calc(50% - 6px);padding: 16px;}
    .ind2 .pics{height: 150vw;}
    .ind2 .tabs .tab .h{font-size: 16px;}

    .jd1{padding: 60px 28px;}
    .jd1 .con{padding: 30px 16px;}
    .jd1 .con .top .btn{font-size: 13px;position: static;}
    .jd1 .con .top .tit{font-size: 18px;margin-bottom: 12px;}
    .jd1 .con .top ul{font-size: 13px;margin-bottom: 12px;}
    .jd1 .con .bottom .item .h{font-size: 16px;}
    .jd1 .con .bottom .item .p{font-size: 13px;}
    .jd2{padding: 0 28px 60px 28px;}
    .jd2 .titx{font-size: 20px;margin-bottom: 20px;}
    .jo2 .list .item{padding: 20px 16px;}
    .jo2 .list .item .h{font-size: 16px;}
    .jo2 .list .item .h .tip{font-size: 12px;}
    .jo2 .list .item .btn{font-size: 13px;top: 20px;right: 16px;}
    .jo2 .list .item .p{font-size: 14px;}
    .jo2 .list .item .p1{font-size: 13px;}
    .load{font-size: 14px;}

    .jo1{padding: 60px 28px 0 28px;}
    .jo1 .tit{font-size: 20px;margin-bottom: 20px;}
    .jo1 .list{display: block;}
    .jo1 .list .item{width: 100%;margin-bottom: 20px;padding:30px 20px;}
    .jo1 .list .item .icon{width: 40px;height: 40px;}
    .jo1 .list .item .h{font-size: 16px;}
    .jo1 .list .item .p{font-size: 13px;height: auto;}
    .jo2{padding: 60px 28px;}
    .jo2 .top .tit{font-size: 20px;margin-bottom: 12px;}
    .jo2 .top .p{font-size: 14px;}
    .jo2 .top .p br{display: none;}
    .jo2 .tab{display: block;}
    .jo2 .tab>.h{font-size: 18px;margin-bottom: 12px;}
    .jo2 .tab .right .select .h{font-size: 14px;}
    .jo2 .tab .right .ser input{font-size: 14px;}

    .td_con{padding: 60px 28px;}
    .td_con .con .left{float: none;width: 100%;padding: 30px 16px;}
    .td_con .con .right{float: none;width: 100%;position: static;margin-top: 30px;}
    .td_con .con .left .top .h{font-size: 18px;margin-bottom: 12px;padding-right: 0;}
    .td_con .con .left .top .day{font-size: 13px;}
    .td_con .con .left .top .fx .name{font-size: 13px;}
    .td_con .con .left .txt{font-size: 13px;}
    .td_con .con .left .txt .name{font-size: 14px;}
    .td_con .con .right .item .tit{font-size: 16px;}
    .td_con .con .right .item .boxs .box .h{font-size: 13px;}
    .td_con .con .right .item .boxs .box .day{font-size: 12px;}
    .td_con .con .right .item .btn{font-size: 13px;}

    .nl_banner .pic{height: 116vw;}
    .nl_banner .tit{left: 0;width: 100%;padding: 0 28px;font-size: 20px;}
    .nl_con .con{padding: 60px 28px;}
    .nl_con .top .h{font-size: 20px;}
    .nl_con .top .p{font-size: 15px;}
    .nl_con .center{display: block;}
    .nl_con .center .pic{width: 100%;height: 36vw;}
    .nl_con .center .txt{width: 100%;padding: 20px;}
    .nl_con .center .txt .day{font-size: 13px;}
    .nl_con .center .txt .h{font-size: 16px;}
    .nl_con .center .txt .p{font-size: 13px;}
    .nl_con .list .item{width: 100%;}
    .nl_con .list .item .pic{width: 100%;height: 36vw;}
    .nl_con .list .item .txt{padding: 20px;}
    .nl_con .list .item .txt .day{font-size: 13px;}
    .nl_con .list .item .txt .h{font-size: 16px;}
    .page{font-size: 13px;}

    .pd_banner .pic{height: 144vw;}
    .pd_banner .pic .pimg{display: none;}
    .pd_banner .pic .mimg{display: block;}
    .pd_banner .txt{top: 29.33vw;left: 0;width: 100%;padding: 0 28px;}

    .pd_banner .txt .p{font-size: 16px;}
    .pd_banner .txt .h{font-size: 28px;}
    .pd_banner .txt .p1{font-size: 14px;}

    .pd1{padding: 60px 28px;}
    .pd1 .tit{font-size: 20px;margin-bottom: 20px;}
    .pd1 .con{display: block;}
    .pd1 .con .pics{width: 100%;height: 53vw;}
    .pd1 .con .pics .pic img{width: 100%;}
    .pd1 .con .txts .txt .h{font-size: 16px;}
    .pd1 .con .txts .txt .p{font-size: 13px;}
    .pd1 .con .txts{width: 100%;}

    .pd2{padding: 60px 28px;}
    .pd2 .tit{font-size: 20px;margin-bottom: 20px;}
    .pd2 .con{display: block;}
    .pd2 .con .left{width: 100%;padding: 30px 16px;}
    .pd2 .con .left .item.on{padding: 12px;}
    .pd2 .con .left .item{padding: 8px;}
    .pd2 .con .left .item .h{font-size: 15px;}
    .pd2 .con .left .item .p{font-size: 13px;}

    .pd3{padding: 60px 28px;}
    .pd3 .tit{font-size: 20px;margin-bottom: 20px;}
    .pd3 .con .tab{width: 90px;}
    .pd3 .con .tab .li{font-size: 15px;margin-bottom: 20px;}
    .pd3 .con .boxs{width: calc(100% - 106px);}
    .pd3 .con .boxs .box .h{font-size: 16px;}
    .pd3 .con .boxs .box .list .item .h_1{font-size: 14px;}
    .pd3 .con .boxs .box .list .item .p_1{font-size: 13px;}

    .seh1{padding: 60px 28px;}
    .seh1 .input{width: 100%;}
    .seh1 .input input{font-size: 14px;}
    .seh1 .p{width: 100%;flex-wrap: wrap;font-size: 13px;margin-top: 12px;line-height: 1.5;}
    .seh2{padding: 60px 28px;}
    /* .seh2 .top{display: block;} */
    .seh2 .top .left{font-size: 18px;}
    .seh2 .top .tab{font-size: 14px;gap: 30px;}
    .seh2 .con1 .list .item{width: 100%;}
    .seh2 .con1 .list .item .pic{height: 36vw;}
    .seh2 .con1 .list .item .txt{width: 100%;padding: 20px;}
    .seh2 .con1 .list .item .txt .day{font-size: 13px;}
    .seh2 .con1 .list .item .txt .h{font-size: 16px;}
    .seh2 .con1 .list .item .txt .p{font-size: 13px;}

    .seh2 .con2 .list .item{width: 100%;}
    .seh2 .con2 .list .item .h{font-size: 16px;}

    .sec1{padding: 60px 28px;}
    .sec1 .top .tit{font-size: 20px;}
    .sec1 .top .input{width: 100%;}
    .sec1 .top .input input{font-size: 14px;}
    .sec1 .list .item{padding: 20px;}
    .sec1 .list .item .h .tip{font-size: 14px;}
    .sec1 .list .item .h{font-size: 15px;}

    .sec2{padding: 60px 28px;}
    .sec2 .top .tit{font-size: 20px;margin-bottom: 20px;}
    .sec2 .top .btns{font-size: 13px;}
    .sec2 .con .list .item{width: 100%;padding: 20px 50px 20px 16px;display: block;}
    .sec2 .con .list .item .txt{width: 100%;}
    .sec2 .con .list .item .btn{top: 20px;right: 20px;transform: translateY(0);font-size: 13px;}
    .sec2 .con .list .item .txt .h{font-size: 15px;}
    .sec2 .con .list .item .txt .p{font-size: 13px;}
    .sec3{padding: 60px 28px;}
    .sec3{padding: 60px 28px;}
    .sec3 .tit{font-size: 20px;margin-bottom: 20px;}
    .sec3 .con .left{width: 90px;}
    .sec3 .con .left .tit1{font-size: 16px;line-height: 1.3;}
    .sec3 .con .left li{font-size: 15px;margin-bottom: 20px;}
    .sec3 .con .right{width: calc(100% - 106px);margin-top: 50px;}
    .sec3 .con .right .con1 .h{font-size: 16px;}
    .sec3 .con .right .con1 .list .tit2{font-size: 18px;}
    .sec3 .con .right .con1 .list .p{font-size: 13px;}
    .sec3 .con .right .con1 .h_1{font-size: 14px;}

    .pl2 .con{width: 100%;padding: 0 28px;}
    .pl2 .con .p{font-size: 14px;}

    .tec_con .con{padding: 60px 28px;}
    .tec_con .con .item{width: 100%;height: 50vw;}
    .tec_con .con .item .h{font-size: 16px;}
    
}

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

}