html {
    zoom: calc(1 / var(--zoom));
  --zoom: 1;
  font-size:calc(100vw/19.2); -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-gutter: stable;}

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;}

/* *:focus:not(:focus-visible) { outline: none }
*:focus-visible { outline: 2px solid var(--color-primary) } */

:root{
  --color-vi: #005EAD;
  --theme-color: linear-gradient(98deg, #FE9144 0%, #FF5E4A 89.82%);
  --text-color: #333333;
  --text-color2: #666666;
  --border-light: #E0E0E0;
  --imgwhite: brightness(0) invert(1);
  --imgblack: brightness(0);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* 禁止文字选中 */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@font-face {
  font-family: 'sy';
  src: url("../fonts/SourceHanSansCN-VF-2.otf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  font-variation-settings: "wght" var(--font-weight, 400);
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
}

.syb{font-family: 'sy';font-weight: 700;}
.sym{font-family: 'sy';font-weight: 500;}
.syr{font-family: 'sy';font-weight: 400;}
.syl{font-family: 'sy';font-weight: 300;}
.popb{font-family: 'Poppins-SemiBold';}

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: var(--text-color);font-family:'syr', 'HarmonyOS_Sans_SC_Regular', Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Hiragino Sans GB,Helvetica Neue,Arial,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size: 14px;line-height:1;background:#fff;-webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
    word-wrap: break-word;
}

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;}
a {display:inline-block;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 0, 0, 0);color: var(--text-color);-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:#666;font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:'sy';}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}
.place::-webkit-input-placeholder {color:#999;}
.place:-moz-placeholder {color:#999;}
.place::-moz-placeholder {color:#999;}
.place:-ms-input-placeholder {color:#999;}

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}


/* 滚动条样式 */*
/* ::-webkit-scrollbar {width:4px;height:1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);} */
.scroll::-webkit-scrollbar {width:3px;height:1px;}
.scroll::-webkit-scrollbar-thumb{ background:var(--color-primary);}
.scroll::-webkit-scrollbar-track{ background:#DDDDDD;}

.scroll2::-webkit-scrollbar {width:3px;height:1px;}
.scroll2::-webkit-scrollbar-thumb{ background:var(--color-primary);border-radius: 3px;}
.scroll2::-webkit-scrollbar-track{ background:#E3E3E3;border-radius: 3px;}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:'hmr';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;}

h3 {font-weight:500;}
.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:48px;}
.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:66px;}
.f_68 {font-size:68px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_74 {font-size:74px;}
.f_76 {font-size:76px;}
.f_78 {font-size:78px;}
.f_80 {font-size:80px;}


/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 0;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../img/login_out.png) center no-repeat;background-size: 30px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../img/login_out.png) center no-repeat;background-size: 30px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

/* 首页 */
.header{position: fixed;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.01);backdrop-filter: blur(25px);padding: 0 1.3rem;z-index: 99;transition: all 0.5s;}
.header .img2{display: none;}
.header .con{display: flex;justify-content: space-between;align-items: center;}
.header .con .left{display: flex;align-items: center;}
.header .con .left .logo{display: block;width: 1.27rem;margin-right: 1rem;}
.header .con .left .logo img{width: 100%;}
.header .con .left .h_nav{display: flex;}
.header .con .left .h_nav>li{
    /*position: relative;*/
    margin-right: 0.6rem;
}

.header .con .left .h_nav>li:nth-child(3){position: static;}

.header .con .left .h_nav>li .lv2prod{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(25px);
    /*padding: 0.5rem 1.3rem;*/
    padding: 0.3rem 1.3rem;
    transition: background 0.5s;
    display: none;
}
.header .con .left .h_nav>li .lv2prod .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.header .con .left .h_nav>li .lv2prod .mylist {
    justify-content: center;
    column-gap: 1rem;
}

.header .con .left .h_nav>li .lv2prod .list .lv2 a{display: block;}

.header .con .left .h_nav>li .lv2prod .list .lv2 .t1{line-height: calc(27 / 18);color: #fff;    transition: all 0.5s;font-weight: 400}

.header .con .left .h_nav>li .lv2prod .list .lv2 .t2{line-height: calc(24 / 16);color: #fff;margin-top: 0.06rem;    transition: all 0.5s;}

.header:hover .con .left .h_nav>li .lv2prod .list .lv2 a:hover .t1{color: var(--color-vi);}

.header:hover .con .left .h_nav>li .lv2prod .list .lv2 a:hover .t2{color: var(--color-vi);}

.header:hover .con .left .h_nav>li .lv2prod{
    background: #fff;
    /*background: rgba(255,255,255,.6);*/
}
.header.ny .con .left .h_nav>li .lv2prod{background: #fff;}
.header.on .con .left .h_nav>li .lv2prod{background: #fff;}

.header.ny .con .left .h_nav>li .lv2prod .list .lv2 .t1,
.header.ny .con .left .h_nav>li .lv2prod .list .lv2 .t2{color: #333;}

.header.on .con .left .h_nav>li .lv2prod .list .lv2 .t1,
.header.on .con .left .h_nav>li .lv2prod .list .lv2 .t2{color: #333;}

.header:hover .con .left .h_nav>li .lv2prod .list .lv2 .t1,
.header:hover .con .left .h_nav>li .lv2prod .list .lv2 .t2{color: #333;}
.lv2flex {
    display: flex;
    align-items: center;
}
.lv2__a {
    display: flex!important;
    align-items: center;
}
.lv2icon {
    display: block;
    width: .4rem;
    height: auto;
    /*height: 1rem;*/
    margin-right: .2rem;
}
.header:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0.01rem;background: #fff;opacity: 0.06;pointer-events: none;}

.header:hover:before,
.header.ny:before,
.header.on:before{background: #000;}


.header .con .left .h_nav>li .lv2list{
  position: absolute;
  top: 100%;
  left: 50%;
  /* margin-left: -.75rem; */
  opacity: 0;
  z-index: -3;
  -webkit-transform:translateX(-50%) rotateX(-15deg);
  transform: translateX(-50%) rotateX(-15deg);
  -webkit-transform-origin: 50% -.5rem;
  -ms-transform-origin: 50% -.5rem;
  transform-origin: 50% -.5rem;
  height: 0;
  padding-top: .13rem;
  overflow: hidden;
  /*pointer-events: none;*/
  
}

.header .con .left .h_nav>li .lv2list .list{
  -webkit-box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
  box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
  background-color: #fff;
  border-radius: .06rem;
  padding: .16rem 0;
  pointer-events: all;
}

.header .con .left .h_nav>li .lv2list .list .lv2 {
  padding: 0 .2rem;
  width: 2.1rem;
  text-align: center;
  margin: 0;
  height: .38rem
}

.header .con .left .h_nav>li .lv2list .list .lv2 a {
  font-size: .16rem;
  line-height: .38rem
}

.header .con .left .h_nav>li .lv2list .list .lv2 a:hover{color: var(--color-vi);}

.header .con .left .h_nav>li:hover .lv2list {
  -webkit-transform:translateX(-50%) rotateX(-15deg);
  transform: translateX(-50%) rotateX(-15deg);
  /* transform: none; */
  height: auto;
  opacity: 1;
  -webkit-transition: all .8s;
  transition: all .8s;
  z-index: 9999
}


.header .con .left .h_nav>li>a{display: block;line-height: 1.5;padding: 0.24rem 0 0.2rem 0;color: #fff;}

/*.header .con .left .h_nav>li.on>a{color: var(--color-vi);}*/
.header .con .right{display: flex;align-items: center;}
.header .con .right .h_ser{display: block;width: 0.2rem;height: 0.2rem;}
.header .con .right .h_ser img{width: 100%;}
.header .con .right>span{display: block;width: 1px;height: 0.18rem;background-color: rgba(255,255,255,0.228);margin: 0 0.18rem;}
.header .con .right .h_lag{position: relative;}
.header .con .right .h_lag .h{display: flex;align-items: center;color: #ffffff;}
.header .con .right .h_lag .h .qiu{display: block;width: 0.2rem;height: 0.2rem;margin-right: 0.16rem;}
.header .con .right .h_lag .h .jt{width: 0.08rem;margin-left: 0.07rem;}

.header.on{background-color: #ffffff;}
.header.on .img2{display: block;}
.header.on .img1{display: none;}
.header.on .con .left .h_nav>li>a{color: #333333;}
.header.on .con .right .h_lag .h{color: #333333;}
.header.on .con .left .h_nav>li.on>a{color: var(--color-vi);}
.header.on .con .right>span{background-color: #333333;opacity: 0.228;}

.header.ny{background-color: #ffffff;}
.header.ny .img2{display: block;}
.header.ny .img1{display: none;}
.header.ny .con .left .h_nav>li>a{color: #333333;}
.header.ny .con .right .h_lag .h{color: #333333;}
.header.ny .con .left .h_nav>li.on>a{color: var(--color-vi);}
.header.ny .con .right>span{background-color: #333333;opacity: 0.228;}
.header:hover .con .left .h_nav>li:hover a {
    color: #005CA9;
}

.header:hover{background-color: #ffffff;}
.header:hover .img2{display: block;}
.header:hover .img1{display: none;}
.header:hover .con .left .h_nav>li>a{color: #333333;}
.header:hover .con .right .h_lag .h{color: #333333;}
.header:hover .con .left .h_nav>li.on>a{color: var(--color-vi);}
.header:hover .con .right>span{background-color: #333333;opacity: 0.228;}

.footer{background-color: #ffffff;}
.footer .f_top{padding: 1rem 1.3rem 0.6rem 1.3rem;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid #E4E4E4;}
.footer .f_top .f_logo{display: block;width: 1.82rem;margin-bottom: 0.8rem;}
.footer .f_top .f_logo img{width: 100%;}
.footer .f_top .left ul li{display: flex;align-items: center;margin-bottom: 0.2rem;color: #333;line-height: 1.5;}
.footer .f_top .left ul li img{display: block;width: 0.22rem;height: 0.22rem;margin-right: 0.2rem;}
.footer .f_top .right{width: 10rem;display: flex;justify-content: space-between;}
.footer .f_top .right a{display: block;color: #333;line-height: 2.87;transition: all 0.5s;}
.footer .f_top .right a:hover{color: var(--color-vi);}
.footer .f_top .right .h{display: block;color:#333333;line-height: 1.5;margin-bottom: 0.3rem;}
.footer .f_center{padding: 0.3rem 1.3rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #E4E4E4;}
.footer .f_center .f_cat{color: #333;line-height: 1.5;transition: all 0.5s;}
.footer .f_center .f_cat:hover{color: var(--color-vi);}
.footer .f_center .fx{display: flex;position: relative;}
.footer .f_center .fx a{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.2rem;
    /*position: relative;*/
}
.fx-code {
    display: none;
    position: absolute;
    top: -1rem;
    left: 0;
    width: 1rem!important;
    height: 1rem;
}
.footer .f_center .fx a img{width: 100%;}
.footer .f_center .fx a img.img1{display: none;}
.footer .f_center .fx a:hover img.img2{display: none;}
.footer .f_center .fx a:hover img.img1{display: block;}
.f_ship {
    margin-top: .67rem;
}
.f_ship__p {
    color: #333;
    font-weight: 400;
    margin-bottom: .38rem;
}
.f_ship__a {
    display: flex;
    flex-direction: column;
}
.f_ship__a img {
    display: block;
    width: .97rem;
    margin-bottom: .08rem;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* 兼容 WebKit 内核的浏览器 */
    opacity: .5;
    transition: all .3s ease;
}
.f_ship__a__p {
    color: #606060;
    font-weight: 350;
    line-height: 1.3;

}
.f_ship__a:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); /* 兼容 WebKit 内核的浏览器 */
    opacity: 1;
}

.footer .f_bottom{display: flex;width: 100%;justify-content: space-between;align-items: center;padding: 0.3rem 1.3rem;}
.footer .f_bottom .left{display: flex;align-items: center;color: #606060;line-height: 1.5;}
.footer .f_bottom .left span{display: block;margin: 0 0.06rem;}
.footer .f_bottom .left a{color: #606060;display: block;transition: all 0.5s;}
.footer .f_bottom .left a:hover{color: var(--color-vi);}
.footer .f_bottom .left .p{margin-left: 0.25rem;display: flex;align-items: center;}
.footer .f_bottom .back{display: flex;align-items: center;color: #333333;cursor: pointer;opacity: 0.6;transition: all 0.5s;}
.footer .f_bottom .back:hover{opacity: 1;}
.footer .f_bottom .back img{display: block;width: 0.09rem;margin-left: 0.08rem;}
.site-box {
    display: flex;
    align-items: center;
}
/* 首页 end */

.combtn{width: fit-content;border: 0.02rem solid #fff;display: flex;align-items: center; border-radius: 0.1rem;padding: 0.12rem 0.44rem;color: #ffffff;line-height: 1.5;transition: all 0.5s;}
.combtn img{width: 0.07rem;margin-left: 0.1rem;display:block;}
.combtn:hover{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);}
.combtn.show{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);}

.banner{position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;height: 100vh;}
.banner .swiper-slide>a{display: block;height: 100%;}
.banner .swiper-slide>a>img,
.banner .swiper-slide>img{width: 100%;height: 100vh;object-fit: cover;}
.banner .swiper-slide .txt{position: absolute;}
.banner .swiper-slide.banner1 .txt{top: 19.26vh;left: 1.3rem;color: #ffffff;}
.banner .swiper-slide.banner1 .txt .h_1{display: flex;align-items: flex-end;line-height: 1.5;margin-bottom: 0.3rem;}
.banner .swiper-slide.banner1 .txt .h_1 .num{font-size: 1.04rem;line-height: 1;position: relative;height: em;transform: translateY(0.1rem);}
.banner .swiper-slide.banner1 .txt .h_1 .num div:nth-child(2){background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 62.26%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
  filter: blur(7.282211780548096px);position: absolute;top: 63%;left: 0;transform: rotateX(180deg) scale(0.95);}
.banner .swiper-slide.banner1 .txt .h_2{line-height: 1.18;text-shadow: 0 2px 4.1px rgba(36, 91, 169, 0.36);margin-bottom: 0.71rem;}

.banner .swiper-slide.banner2 .txt{top: 25.46vh;left: 1.3rem;color: #ffffff;}
.banner .swiper-slide.banner2 .txt .h_1{line-height: 1.3;margin-bottom: .2rem;font-size: 0.6rem;}
.banner .swiper-slide.banner2 .txt .h_2{line-height: 1.44;margin-bottom: 0.52rem;font-size: 0.36rem;}

.banner .swiper-slide.banner3 .txt{top: 20.83vh;left: 1.3rem;color: #ffffff;}
.banner .swiper-slide.banner3 .txt .h_1{line-height: 1.44;margin-bottom: 0.1rem;}
.banner .swiper-slide.banner3 .txt .h_2{line-height: 1.67;}

.banner .swiper-slide.banner3 .txt .combtn{margin-top: 0.71rem;}

.banner .swiper-slide.banner4 .txt{top: 17.13vh;left: 1.3rem;color: #ffffff;}
.banner .swiper-slide.banner4 .txt .p1{line-height: 2.5;margin-bottom: 0.1rem;}
.banner .swiper-slide.banner4 .txt .h_1{line-height: 1.14;}
.banner .swiper-slide.banner4 .txt .h_2{line-height:2.22;margin-bottom: 0.1rem;}
.banner .swiper-slide.banner4 .txt .p1{line-height: 1.3;}

.banner .swiper-pagination{position: absolute;width: fit-content;left: 1.4rem;bottom: 0.76rem;}
.banner .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.07rem;height: 0.07rem;border-radius: 50%;margin: 0 0.42rem 0 0;position: relative;background-color: #fff;}
.banner .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.29rem;height: 0.29rem;border: 1px solid #fff;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}

.ipart1{padding: 1.4rem 0 0 0;}
.ipart1 .top{text-align: center;margin-bottom: 0.62rem;}
.ipart1 .top .tit{line-height: 1.38;margin-bottom: 0.6rem;}
.ipart1 .top .tab{width: 9.7rem;margin: 0 auto;display: flex;justify-content: space-between;border-bottom: 1px solid rgba(51, 51, 51, 0.10);}
.ipart1 .top .tab li{cursor: pointer;width: fit-content;position: relative;padding:0 0 0.1rem 0;color: #333;line-height: 1.5;transition: all 0.5s;}
.ipart1 .top .tab li:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);opacity: 0;transition: all 0.5s;}
.ipart1 .top .tab li.on:after{opacity: 1;}
.ipart1 .top .tab li.on{color: #005EAD;}

.ipart1 .top .swiper{width: fit-content;max-width: 100%;margin: 0 auto;border-bottom: 1px solid rgba(51, 51, 51, 0.10);}
.ipart1 .top .swiper .swiper-slide{cursor: pointer;width: auto;position: relative;padding:0 0 0.1rem 0;color: #333;line-height: 1.5;transition: all 0.5s;margin-right: 0.72rem;}
.ipart1 .top .swiper .swiper-slide:last-child{margin-right: 0;}
.ipart1 .top .swiper .swiper-slide:after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);opacity: 0;transition: all 0.5s;}
.ipart1 .top .swiper .swiper-slide.on:after{opacity: 1;}
.ipart1 .top .swiper .swiper-slide.on{color: #005EAD;}

.ipart1 .con .swiper-slide .con1 .pic{position: relative;}

.ipart1 .con .swiper-slide .con1 .pic:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(203deg, rgba(0, 0, 0, 0.00) 61.64%, rgba(0, 0, 0, 0.40) 85.17%);z-index: 3;}
.ipart1 .con .swiper-slide .con1 .txt{z-index: 5;}


.ipart1 .con{padding: 0.5rem 0;position: relative;overflow: hidden;}
.ipart1 .con .swiper-slide{position: relative;height: 5.2rem;}
.ipart1 .con .swiper-slide .con1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%; border-radius: 0.2rem;overflow: hidden;transition: all 0.6s;}
.ipart1 .con .swiper-slide-active .con1{width: 11rem;height: 6.2rem;}
.ipart1 .con .swiper-slide .con1 .pic{width: 100%;height: 100%;}
.ipart1 .con .swiper-slide .con1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.ipart1 .con .swiper-slide .con1 .txt{position: absolute;left: 0.6rem;bottom: 0rem;width: 5.1rem;color: #ffffff;opacity: 0;transition: all 0.5s;}
.ipart1 .con .swiper-slide-active .con1 .txt{bottom: 0.5rem;opacity: 1;}
.ipart1 .con .swiper-slide .con1 .txt .h{line-height: 1.5;height: 1.5em;margin-bottom: 0.2rem;}
.ipart1 .con .swiper-slide .con1 .txt .p{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;}

.ipart1 .con .swiper-slide .con1 .combtn{position: absolute;bottom: 0.62rem;right: 0.6rem;z-index: 5;opacity: 0;}
.ipart1 .con .swiper-slide-active .con1 .combtn{opacity: 1;}
.ipart1 .con .prev{position: absolute;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;left: 4.3rem;}
.ipart1 .con .prev img{width: 100%;height: 100%;}
.ipart1 .con .prev img.img2{display: none;}
.ipart1 .con .prev:hover img.img1{display: none;}
.ipart1 .con .prev:hover img.img2{display: block;}

.ipart1 .con .next{position: absolute;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;right: 4.3rem;}
.ipart1 .con .next img{width: 100%;height: 100%;}
.ipart1 .con .next img.img2{display: none;}
.ipart1 .con .next:hover img.img1{display: none;}
.ipart1 .con .next:hover img.img2{display: block;}

/*.ipart2{position: relative;height: 250vh;}*/
/*.ipart2 .con{position: sticky;top: 0;padding: 1.37rem 0 0 0;z-index: 2;height: 100vh;overflow: hidden;}*/
/*.ipart2 .con:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
    /*height: 5.6rem;*/
/*    height: 1.6rem;*/
/*    background: url(../img/ip2_mask.png)no-repeat center;*/
/*    background-size: 100% 100%;z-index: 20;transform: translateY(120%);transition: all 0.8s;}*/
/*.ipart2.on3 .con:after{transform: translateY(0);}*/
/*.ipart2 .con .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: url(../img/ip2_bj.jpg)no-repeat center;background-size: cover;z-index: -1;opacity: 0;transition: all 0.5s;}*/
/*.ipart2.on1 .con .bj{opacity: 1;}*/
/*.ipart2 .con .top{text-align: center;width: 8.66rem;margin: 0 auto;}*/
/*.ipart2 .con .top .h_1{line-height: 1.42;margin-bottom: 0.06rem;color: #333;}*/
/*.ipart2 .con .top .h_2{line-height: 1.5;margin-bottom: 0.3rem;color: #333;}*/
/*.ipart2 .con .top .p{line-height: 2;color: #333;transition: all 0.4s;}*/
/*.ipart2.on1 .con .top .p{opacity: 0;}*/
/*.ipart2 .con .pic1{position: absolute;bottom: -2.2rem;bottom: -3.2rem;left: 50%;transform: translateX(-50%);width: 8rem;transition: all 0.8s;}*/

/*.ipart2.on1 .con .pic1{bottom: 2vh;width: 6.61rem;}*/
/*@media screen and (max-height: 1000px) and (max-width: 1560px) {*/
/*    .ipart2 .con .pic1{bottom: -1.2rem;}*/
/*}*/

/*@media screen and (max-height: 900px) and (max-width: 1440px) {*/
/*    .ipart2 .con .pic1{bottom: -1.2rem;}*/
/*}*/

/*@media screen and (max-height: 900px) {*/
/*    .ipart2 .con .pic1{bottom: -3.7rem;}*/
/*}*/
/*@media screen and (max-height: 800px) {*/
/*    .ipart2 .con .pic1{bottom: -4.7rem;}*/
/*}*/
/*@media screen and (max-height: 700px) {*/
/*    .ipart2 .con .pic1{bottom: -6rem;}*/
/*}*/
/*@media screen and (max-height: 600px) {*/
/*    .ipart2 .con .pic1{bottom: -7rem;}*/
/*}*/

/*@media screen and (max-height: 900px) and (max-width: 1440px) {*/
/*    .ipart2 .con .pic1{bottom: -1.2rem;}*/
/*}*/
/*@media screen and (max-height: 800px) and (max-width: 1440px) {*/
/*    .ipart2 .con .pic1{bottom: -2.7rem;}*/
/*}*/
/*@media screen and (max-height: 700px) and (max-width: 1440px) {*/
/*    .ipart2 .con .pic1{bottom: -3.4rem;}*/
/*}*/
/*@media screen and (max-height: 600px) and (max-width: 1440px) {*/
/*    .ipart2 .con .pic1{bottom: -4.5rem;}*/
/*}*/


/*@media screen and (max-height: 600px) and (max-width: 1440px) {*/
/*    .ipart2.on1 .con .pic1{bottom: -0.5rem;}*/
/*}*/
/*@media screen and (max-height: 550px) and (max-width: 1440px) {*/
/*    .ipart2.on1 .con .pic1{bottom: -1rem;}*/
/*}*/
/*@media screen and (max-height: 500px) and (max-width: 1440px) {*/
/*    .ipart2.on1 .con .pic1{bottom: -2rem;}*/
/*}*/
/*@media screen and (max-height: 450px) and (max-width: 1440px) {*/
/*    .ipart2.on1 .con .pic1{bottom: -2.5rem;}*/
/*}*/
/*@media screen and (max-height: 400px) and (max-width: 1440px) {*/
/*    .ipart2.on1 .con .pic1{bottom: -3rem;}*/
/*}*/

/*.ipart2 .con .pic2{position: absolute;left: 1rem;bottom: 0; width: 5.13rem;opacity: 0;transition: all 0.8s;}*/
/*.ipart2.on2 .con .pic2{left: 1.8rem;opacity: 1;bottom: 2vh;}*/
/*.ipart2 .con .pic3{position: absolute;right: 1.3rem;bottom: 0;width: 4.43rem;opacity: 0;transition: all 0.8s;}*/
/*.ipart2.on2 .con .pic3{right: 2.4rem;opacity: 1;bottom: 2vh;}*/
/*.ipart2 .con .pic3 .img1{width: 0.88rem;position: absolute;bottom: 0;left: 0;z-index: 2;left: -1rem;transition: all 0.8s;}*/
/*.ipart2.on2 .con .pic3 .img1{left: 0;}*/
/*.ipart2 .con .pic3 .img2{width: 3.73rem;position: absolute;bottom: 0;right: 0;}*/

/*.ipart2 .con .more a{margin: 0.2rem auto 0;transition: all 0.4s;}*/
/*.ipart2 .con .more{}*/
/*.ipart2.on1 .con .more a{opacity: 0;}*/

/* ========== HaiPower区块 核心样式 - 适配1920px基准 ========== */
.ipart2{
    position: relative;
    /*height: 250vh; */
    /* 保留长滚动区，适配粘性布局 */
    box-sizing: border-box;
}
.ipart2 .con{
    position: relative;
    top: 0;
    padding: 1.37rem 0 0 0; /* 137px，贴合设计稿 */
    z-index: 2;
    height: auto !important; 
    /* 粘性容器严格占满视口，核心不变 */
    overflow: hidden;
    box-sizing: border-box; /* ✅ 关键：padding不撑高容器，适配基准必加 */
}
/* 底部遮罩动效 */
.ipart2 .con:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.6rem; /* 160px，贴合基准 */
    background: url(../img/ip2_mask.png)no-repeat center;
    background-size: 100% 100%;
    z-index: 20;
    transform: translateY(120%);
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*.ipart2.on1 .con:after{transform: translateY(0);}*/
.ipart2.on3 .con:after{transform: translateY(0);}

/* 背景图渐显 */
.ipart2 .con .bj{
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
    background: url(../img/ip2_bj.jpg)no-repeat center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.ipart2.on1 .con .bj{opacity: 1;}

/* 顶部文本区 - 适配1920基准，防溢出 */
.ipart2 .con .top{
    text-align: center;
    width: 8.66rem; /* 866px，设计稿原尺寸 */
    max-width: 95%; /* ✅ 窄屏兜底，防止超出屏幕 */
    margin: 0 auto;
    box-sizing: border-box;
}

.ipart2 .con .picbox{position: relative;margin-top: 0.7rem;}

.ipart2 .con .top .h_1{line-height: 1.42;margin-bottom: 0.06rem;color: #333;} /* 6px间距 */
.ipart2 .con .top .h_2{line-height: 1.5;margin-bottom: 0.3rem;color: #333;}   /* 30px间距 */
.ipart2 .con .top .p{line-height: 2;color: #333;transition: all 0.4s ease;display: block !important;}
/*.ipart2.on1 .con .top .p{opacity: 0;}*/

/* 按钮区 */
.ipart2 .con .more a{
    margin: 0.2rem auto 0; /* 20px间距 */
    transition: opacity 0.4s ease;
    display: inline-flex; /* ✅ 解决margin:auto失效 */
}
/*.ipart2.on1 .con .more a{opacity: 0;}*/

/* ========== 图片定位核心适配（1920基准专属优化） ========== */
/* pic1 - 解决所有屏幕高度错位，适配1920基准 */
.ipart2 .con .pic1{
    position: relative;
    bottom: 0 !important; /* 320px，设计稿原偏移 */
    left: 50%;
    transform: translateX(-50%);
    width: 8rem; /* 800px，设计稿原尺寸 */
    max-width: 90vw; /* ✅ 窄屏自动收缩，不溢出 */
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ipart2 .con .pic1 img{transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);margin: 0 auto;}

.ipart2.on1 .con .pic1 img{
    /*bottom: 2vh; */
    /* 垂直位置用vh，所有屏幕视觉统一 */
    width: 6.61rem; /* 661px，设计稿动效后尺寸 */
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* pic2 + pic3 - 水平偏移适配，贴合1920基准 */
.ipart2 .con .pic2{
    position: absolute;
    left: 1rem; /* 100px，设计稿原偏移 */
    bottom: 0;
    width: 5.13rem; /* 513px */
    max-width: 45vw; /* 窄屏兜底 */
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ipart2.on1 .con .pic2,
.ipart2.on2 .con .pic2{left: 1.8rem;opacity: 1;bottom: 0;} /* 180px偏移 */

.ipart2 .con .pic3{
    position: absolute;
    right: 1.3rem; /* 130px，设计稿原偏移 */
    bottom: 0;
    width: 4.43rem; /* 443px */
    max-width: 40vw; /* 窄屏兜底 */
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ipart2.on1 .con .pic3,
.ipart2.on2 .con .pic3{right: 2.4rem;opacity: 1;bottom: 0;} /* 240px偏移 */

.ipart2 .con .pic3 .img1{
    width: 0.88rem; /* 88px */
    position: absolute;
    bottom: 0;left: -1rem; /* -100px偏移 */
    z-index: 2;
    transition: left 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ipart2.on1 .con .pic3 .img1,
.ipart2.on2 .con .pic3 .img1{left: 0;}
.ipart2 .con .pic3 .img2{
    width: 3.73rem; /* 373px */
    position: absolute;
    bottom: 0;right: 0;
    max-width: 100%; /* 防止子图溢出 */
}

/* ========== 媒体查询（贴合1920基准，按宽度降序，无冲突） ========== */
/* 1560px及以下窄屏 + 矮屏适配 */
@media screen and (max-width: 1560px) and (max-height: 1000px) {
    .ipart2 .con .pic1{bottom: -1.2rem;}
}
/* 1440px及以下核心适配（主流办公屏） */
@media screen and (max-width: 1440px) {
    .ipart2 .con .pic1{bottom: -1.2rem;}
    .ipart2.on1 .con .pic1{bottom: 1vh;}
}
@media screen and (max-width: 1440px) and (max-height: 900px) {
    .ipart2 .con .pic1{bottom: -2.7rem;}
}
@media screen and (max-width: 1440px) and (max-height: 700px) {
    .ipart2 .con .pic1{bottom: -3.4rem;}
}
@media screen and (max-width: 1440px) and (max-height: 600px) {
    .ipart2 .con .pic1{bottom: -4.5rem;}
    .ipart2.on1 .con .pic1{bottom: -0.5rem;}
}
/* 纯高度适配（所有宽度通用，兜底） */
@media screen and (max-height: 900px) {
    .ipart2 .con .pic1{bottom: -3.7rem;}
}
@media screen and (max-height: 800px) {
    .ipart2 .con .pic1{bottom: -4.7rem;}
}
@media screen and (max-height: 700px) {
    .ipart2 .con .pic1{bottom: -6rem;}
}
@media screen and (max-height: 600px) {
    .ipart2 .con .pic1{bottom: -7rem;}
}
@media screen and (max-height: 550px) and (max-width: 1440px) {
    .ipart2.on1 .con .pic1{bottom: -1rem;}
}
@media screen and (max-height: 500px) and (max-width: 1440px) {
    .ipart2.on1 .con .pic1{bottom: -2rem;}
}
@media screen and (max-height: 450px) and (max-width: 1440px) {
    .ipart2.on1 .con .pic1{bottom: -2.5rem;}
}
@media screen and (max-height: 400px) and (max-width: 1440px) {
    .ipart2.on1 .con .pic1{bottom: -3rem;}
}





















.ipart3{height: 18.95rem;background: url(../img/ip3_bj.jpg)no-repeat center;background-size: cover;position: relative;height: 100vh;}
.ipart3 .con{
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    color: #ffffff;
    /*color: #333333;*/
    padding:17vh 1.3rem 0 1.3rem;
}
.ipart3 .con .txt{width: 5.73rem;}
.ipart3 .con .txt .h_1{line-height: 2.57;}
.ipart3 .con .txt .h_2{line-height: 1.2;margin-bottom: 0.28rem;}
.ipart3 .con .txt .p{line-height: 2;margin-bottom: 0.4rem;}

.ipart4{padding: 1.4rem 1.3rem 1.2rem 1.3rem;}
.ipart4 .tit{line-height: 1.44;margin-bottom: 0.43rem;text-align: center;}
.ipart4 .combtn{margin: 0 auto; margin-bottom: 0.5rem;}
.ipart4 .list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ipart4 .list:after{content: "";display: block;width: 5.27rem;height: 1px;}
.ipart4 .list .item{display: flex; flex-direction: column; width: 5.27rem;border-radius: 0.2rem;overflow: hidden;position: relative;z-index: 2;}
.ipart4 .list .item:after{content: "";position: absolute;right: 0;bottom: 0;width: 1.53rem;height: 1.25rem;z-index: 1;background: url(../img/ip4_bj1.png);background-size: 100% 100%;}

.ipart4 .list .item .pic{width: 100%;height: 3.4rem;overflow: hidden;}
.ipart4 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}


.ipart4 .list .item .txt{padding: 0.4rem 0.4rem 0.64rem 0.4rem;position: relative;background: #F2F9FF;transition: all 0.5s;color: #333;flex: 1;}


.ipart4 .list .item .txt .day{line-height: 1.5;margin-bottom: 0.19rem;}
.ipart4 .list .item .txt .h{line-height: 1.5;margin-bottom: 0.62rem;}
.ipart4 .list .item .txt .more{display: flex;align-items: center;color: #005EAD;transition: all 0.5s;}
.ipart4 .list .item .txt .more img{display: block;width: 0.07rem;margin-left: 0.1rem;}
.ipart4 .list .item .txt .more img.img2{display: none;}

@media screen and (min-width: 769px) {
    .ipart4 .list .item:hover:after{background-image: url(../img/ip4_bj2.png);}
    .ipart4 .list .item:hover .pic img{transform: scale(1.05);}
    .ipart4 .list .item:hover .txt{color: #fff;background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);}
    .ipart4 .list .item:hover .txt .more img.img2{display: block;}
    .ipart4 .list .item:hover .txt .more img.img1{display: none;}
    .ipart4 .list .item:hover .txt .more{color: #fff;}
}

.ipart4 .swiper-part4 .swiper-slide {
    width: 5.27rem;
    margin-left: .16rem;
    margin-right: .16rem;
}

.ipart5{position: relative;width: 100%;height: 8.63rem;}
.ipart5 .top{position: absolute;top: 1rem;left: 0;width: 100%;text-align: center;}
.ipart5 .top .tit{color: #fff;}
.ipart5 .top .combtn{margin: 0 auto;margin-top: 0.7rem;border-color: transparent;
    background: url(../img/combtn.png) no-repeat center;
    background-size: cover;
    backdrop-filter: blur(9px);}
.ipart5 .bj{width: 100%;height: 100%;border-top-right-radius: 1rem;border-top-left-radius: 1rem;overflow: hidden;transition: all 0.8s;}
.ipart5.on .bj{border-top-right-radius: 0;border-top-left-radius: 0;}
.ipart5 .bj img{width: 100%;height: 100%;object-fit: cover;}

.mbx{display: flex;align-items: center;}
.mbx .icon{display: block;width: 0.24rem;height: 0.24rem;margin-right: 0.1rem;}
.mbx .jt{width: 0.14rem;height: 0.14rem;margin-right: 0.1rem;}
.mbx a{color: #999;}
.mbx a:last-child{color: #333;}

.pl_banner{position: relative;width: 100%;height: 100vh;}
.pl_banner .pic{width: 100%;height: 100%;}
.pl_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.pl_banner .pic img.mimg{display: none;}
.pl_banner .txt{position: absolute;top: 2.04rem;left: 0;width: 100%;color: #ffffff;line-height: 1.5;text-align: center;}

.pl_con{position: relative;background-color: #F6FAFF;}
.pl_con .mbx{margin-left: 0.21rem;margin-bottom: 0.84rem;}
.pl_con .left{width: 3.62rem;float: left;position: sticky;top: 1rem;background-color: #ffffff;padding: 1.18rem 0 2.2rem 1.3rem;}
.pl_con .left ul a{display: flex;align-items: center;padding: 0.12rem 0.1rem;position: relative;z-index: 2;margin-bottom: 0.2rem;color: #1D1D1F;border-top-left-radius: 0.06rem;border-bottom-left-radius: 0.06rem;overflow: hidden;transition: all 0.5s;}
.pl_con .left ul a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);z-index: -1;opacity: 0;transition: all 0.5s;}
.pl_con .left ul a.on{color: #ffffff;}
.pl_con .left ul a.on:after{opacity: 1;}
.pl_con .left ul a .icon{display: block;width: 0.38rem;height: 0.38rem;margin-right: 0.15rem;}
.pl_con .left ul a .icon img{width: 100%;height: 100%;object-fit: contain;}
.pl_con .left ul a .icon img.img2{display: none;}
.pl_con .left ul a.on .icon img.img1{display: none;}
.pl_con .left ul a.on .icon img.img2{display: block;}
.pl_con .right{width: calc(100% - 3.62rem);padding: 1.45rem 1.4rem 0.6rem 1.3rem;float: right;}
.pl_con .right .con1{padding-bottom: 0.55rem;}
.pl_con .right .con1 .tit{padding-left: 0.26rem;position: relative;color: #333;line-height: 1;margin-bottom: 0.45rem;}
.pl_con .right .con1 .tit::before{content: "";position: absolute;top: 0;left: 0;width: 0.06rem;height: 100%;background: linear-gradient(2deg, #006BBA 15.66%, #00C2F6 99.42%);opacity: 0.4;}
.pl_con .right .con1 .list{display: flex;flex-wrap: wrap;}
.pl_con .right .con1 .list .item{display: block;background-color: #fff;border-radius: 0.1rem;margin-bottom: 0.2rem;margin-right: 0.3rem;width: 4rem;padding-bottom: 0.45rem;position: relative;overflow: hidden;}
.pl_con .right .con1 .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.pl_con .right .con1 .list .item:hover:after{width: 100%;}
.pl_con .right .con1 .list .item:nth-child(3n){margin-right: 0;}
.pl_con .right .con1 .list .item .pic{position: relative;display: flex;padding-top: 0.54rem; justify-content: center;width: 100%;height: 2.82rem;}
.pl_con .right .con1 .list .item .pic img{width: 2.6rem;height: 2.08rem;object-fit: contain;transition: all 0.5s;}
.pl_con .right .con1 .list .item:hover .pic img{transform: scale(1.05);}
.pl_con .right .con1 .list .item .pic .tips{position: absolute;top: 0.2rem;left: 0.2rem;display: flex;z-index: 10;}
.pl_con .right .con1 .list .item .pic .tips>div{width: fit-content;padding: 0 5px;line-height: 1.5;color: #ffffff;margin-right: 0.1rem;border-radius: 0.04rem;}
.pl_con .right .con1 .list .item .pic .tips .new{background-color: #00A73C;}
.pl_con .right .con1 .list .item .pic .tips .hot{background-color: #FFBD71;}
.pl_con .right .con1 .list .item .txt{padding: 0 0.4rem 0 0.4rem;text-align: center;}
.pl_con .right .con1 .list .item .txt .h_1{color: #333;line-height: 1.5;margin-bottom: 0.1rem;}
.pl_con .right .con1 .list .item .txt .h_2{color: #666;line-height: 1.5;margin-bottom: 0.54rem;}
.pl_con .right .con1 .list .item .more{width: fit-content;display: flex;align-items: center;margin: 0 auto;color: #666;transition: all 0.5s;}
.pl_con .right .con1 .list .item:hover .more{color: var(--color-vi);}
.pl_con .right .con1 .list .item .more .icon{width: 0.07rem;height: 0.07rem;margin-left: 0.1rem;}
.pl_con .right .con1 .list .item .more .icon svg{width: 100%;height: 100%; display: block;}
.pl_con .right .con1 .list .item .more .icon svg.svg2{display: none;}
.pl_con .right .con1 .list .item:hover .more .icon svg.svg2{display: block;}
.pl_con .right .con1 .list .item:hover .more .icon svg.svg1{display: none;}

.pd_banner{position: relative;width: 100%;height: 100vh;}
.pd_banner .pic{width: 100%;height: 100%;}
.pd_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd_banner .pic img.mimg{display: none;}
.pd_banner .txt{position: absolute;top: 51%;transform: translateY(-50%); left: 1.3rem;color: #ffffff;}
.pd_banner .txt .h_1{line-height: 1.23;margin-bottom: 0.1rem;}
.pd_banner .txt .h_2{line-height: 1.38;margin-bottom: 0.2rem;}
.pd_banner .txt ul{display: flex;margin-bottom: 0.4rem;}
.pd_banner .txt ul li{width: fit-content;padding: 0.1rem 0.2rem;margin-right: 0.2rem;border-radius: 0.06rem;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(105, 131, 172, 0.20);backdrop-filter: blur(8px);}
.pd_banner .txt .p{width: 5.14rem;line-height: 2;margin-bottom: 0.5rem;}

.pd1{padding: 0.7rem 0.4rem 1.2rem 0.4rem;}
.pd1 .mbx{padding-left: 0.9rem;margin-bottom: 0.66rem;}
.pd1 .tit{text-align: center;line-height: 1.38;margin-bottom: 0.3rem;}
.pd1 .cons{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.pd1 .cons .con{width: 17rem;position: relative;overflow: hidden;padding: 0.2rem;}
.pd1 .cons .prev{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;display: block!important;}
.pd1 .cons .prev img{width: 100%;height: 100%;}
.pd1 .cons .prev img.img2{display: none;}
.pd1 .cons .prev:hover img.img1{display: none;}
.pd1 .cons .prev:hover img.img2{display: block;}
.pd1 .cons .next{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;display: block!important;}
.pd1 .cons .next img{width: 100%;height: 100%;}
.pd1 .cons .next img.img2{display: none;}
.pd1 .cons .next:hover img.img1{display: none;}
.pd1 .cons .next:hover img.img2{display: block;}
.pd1 .cons .con .swiper-slide{height: auto; border-radius: 0.2rem;background: #F6FAFF;position: relative;overflow: hidden;transition: all 0.5s;padding: 0.4rem 0.5rem;}
.pd1 .cons .con .swiper-slide:hover{background-color: #ffffff;box-shadow: 0 4px 0.2rem 0 rgba(91, 126, 163, 0.16);}
.pd1 .cons .con .swiper-slide:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.pd1 .cons .con .swiper-slide:hover:after{width: 100%;}
.pd1 .cons .con .swiper-slide .icon{display: block;width: 0.4rem;height: 0.4rem;margin-bottom: 0.2rem;}
.pd1 .cons .con .swiper-slide .icon img{width: 100%;height: 100%;object-fit: contain;}
.pd1 .cons .con .swiper-slide .icon img.img1{display: none;}
.pd1 .cons .con .swiper-slide:hover .icon img.img1{display: block;}
.pd1 .cons .con .swiper-slide:hover .icon img.img2{display: none;}
.pd1 .cons .con .swiper-slide .h{line-height: 1.5;margin-bottom: 0.14rem;color: #333}
.pd1 .cons .con .swiper-slide ul{min-height:11.25em;}
.pd1 .cons .con .swiper-slide li{color: #666;line-height: 2.25;position: relative;padding-left: 0.16rem;}
.pd1 .cons .con .swiper-slide li::before{content: "";position: absolute;left: 0;width: 0.03rem;height: 0.03rem;border-radius: 50%;background-color: #666666;/*transform: translateY(-50%);top: 50%;*/top: 1.2em;}

.pd2{padding: 1.4rem 1.3rem 1rem 1.3rem;background: url(../img/pd2_bj.png)no-repeat center;background-size: cover;}
.pd2 .tit{text-align: center;line-height: 1.38;margin-bottom: 0.6rem;}
.pd2 .con{background-color: #ffffff;border-radius: 0.2rem;box-shadow: 0 -19px 42.2px 0 rgba(157, 206, 255, 0.11);display: flex;padding: 0 0.5rem;justify-content: space-between;}
.pd2 .con .left{position: relative;overflow: hidden;width: 6rem;}
.pd2 .con .left .swiper-slide{padding: 1.2rem 0.7rem 0.6rem 0.7rem;}
.pd2 .con .left .swiper-slide img{width: 4.6rem;height: 4.6rem;}
.pd2 .con .left .swiper-slide img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pd2 .con .left .swiper-slide:hover img{transform: scale(1.05);}

.pd2 .con .left .prev{position: absolute;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;left: 0;}
.pd2 .con .left .prev img{width: 100%;height: 100%;}
.pd2 .con .left .prev img.img2{display: none;}
.pd2 .con .left .prev:hover img.img1{display: none;}
.pd2 .con .left .prev:hover img.img2{display: block;}

.pd2 .con .left .next{position: absolute;top: 50%;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;right: 0;}
.pd2 .con .left .next img{width: 100%;height: 100%;}
.pd2 .con .left .next img.img2{display: none;}
.pd2 .con .left .next:hover img.img1{display: none;}
.pd2 .con .left .next:hover img.img2{display: block;}


.pd2 .con .right{width: 8.6rem;padding: 1.2rem 0 0.75rem 0;}
.pd2 .con .right .tab{/*display: flex;*/margin-bottom: 0.4rem;}
/*.pd2 .con .right .tab li{width: fit-content;padding: 0.15rem 0.42rem;border-radius: 0.06rem;border: 1px solid #CFD6E0;background: #FFF;backdrop-filter: blur(8px);transition: all 0.5s;color: #333;line-height: 1;margin-right: 0.2rem;cursor: pointer;}*/
/*.pd2 .con .right .tab li.on{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);color:#ffffff}*/


.pd2 .con .right .tab .swiper-slide{width: fit-content;padding: 0.15rem 0.42rem;border-radius: 0.06rem;border: 1px solid #CFD6E0;background: #FFF;backdrop-filter: blur(8px);transition: all 0.5s;color: #333;line-height: 1;margin-right: 0.2rem;cursor: pointer;}

.pd2 .con .right .tab .swiper-slide.swiper-slide-thumb-active{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);color:#ffffff}


.pd2 .con .right .con1{position: relative;overflow: hidden;padding-bottom: 0.7rem;}
.pd2 .con .right .con1 .swiper-slide{border-radius: 0.1rem;border: 1px solid #005EAD10;}
.pd2 .con .right .con1 .swiper-slide .list{display: flex;background-color: #F6FAFF;}
.pd2 .con .right .con1 .swiper-slide .list .item{width: 33.33%;border-right: 1px solid #DDEAF7;padding: 0.17rem 0;text-align: center;}
.pd2 .con .right .con1 .swiper-slide .list .item:nth-child(3){border-right: none;}
.pd2 .con .right .con1 .swiper-slide .list .item .p{color: #333;line-height: 1.5;margin-bottom: 0.1rem;}
.pd2 .con .right .con1 .swiper-slide .list .item .h{color: #333;line-height: 1.5;}
.pd2 .con .right .con1 .swiper-slide .list:nth-child(2n){background-color: #fff;}
.pd2 .con .right .con1 .swiper-pagination{width: fit-content;left: 0.12rem;}

.pd2 .con .right .con1 .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.07rem;height: 0.07rem;border-radius: 50%;margin: 0 0.42rem 0 0;position: relative;background-color: #005EAD;opacity: 0.3;}
.pd2 .con .right .con1 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.pd2 .con .right .con1 .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.29rem;height: 0.29rem;border: 1px solid #005EAD;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.pd2 .con .right .con1 .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}

.pd3{position: relative;margin-bottom: 1.4rem;}
.pd3 img{display: block;width: 100%;}
/*.pd3 video{display: block;width: 100%;}*/
.pd3 .txt{position: absolute;top: 1rem;left: 0;width: 100%;text-align: center;}

.pd3 .txt .t1{line-height: calc(72 / 52);color: #fff;font-weight: 700;}

.pd3 .txt a{display: flex;align-items: center;justify-content: center;margin: 0 auto;border-radius: 0.1rem;border: 2px solid #FFF;background: rgba(179, 179, 179, 0.15);backdrop-filter: blur(35.5px);padding: 0.12rem 0.3rem;line-height: 1.5;color: #fff;width: fit-content;margin: 0.4rem auto 0;}

.pd3 .txt a svg{width: 0.14rem;margin-left: 0.1rem;}

.pd3 .txt a:hover{background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);backdrop-filter: blur(8.050000190734863px);}



.zz_tanchuang{
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 100%;
    z-index: 999;
}
.zz_tanchuang.one {
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    transform: scaleY(.01) scaleX(0);
    -webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang .tbox {
    background: #000c;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-height: 90%;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 80%;
}
.zz_tanchuang.one .tbox .modal {
    animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    -webkit-animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.zz_tanchuang .tbox .modal .out{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824' viewBox='0 0 8.824 8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:20px;border-radius:50%;color:#000;cursor:pointer;font-size:30px;height:40px;line-height:40px;opacity:.75;position:absolute;right:-55px;text-align:center;top:-40px;transition:all .5s;width:40px;}

.zz_tanchuang .tbox .modal .out:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.zz_tanchuang .tbox .modal .img {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
    background-color: #000;
    display: block;
    max-height: 67vh;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(.005) scaleX(0)
    }
}




.pd4{padding: 0 1.3rem 1.4rem;}
.pd4 .top{margin-bottom: 0.6rem;text-align: center;}
.pd4 .top .tit{line-height: 1.38;margin-bottom: 0.4rem;}
.pd4 .top .tab{display: flex;justify-content: center;}
.pd4 .top .tab a{cursor: pointer;padding: 0.15rem 0.25rem;min-width: 1.48rem;border-radius: 0.06rem;border: 1px solid #CFD6E0;background: #FFF;backdrop-filter: blur(8px);transition: all 0.5s;color: #333;line-height: 1.11;display: block;margin: 0 0.1rem;}
.pd4 .top .tab a.on{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);color:#ffffff}
.pd4 .bottom .list{display: flex;flex-wrap: wrap;padding-bottom: 0.35rem;}
.pd4 .bottom .list.act{justify-content: center;}

.pd4 .bottom .list .item{width: 3.93rem;border-radius: 0.1rem;background: #F6FAFF;margin-right: 0.23rem;margin-bottom: 0.25rem;padding: 0.3rem;position: relative;overflow: hidden;transition: all 0.5s;}
.pd4 .bottom .list .item:hover{background-color: #ffffff;box-shadow: 0 4px 40px 0 rgba(91, 126, 163, 0.16);}
.pd4 .bottom .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.pd4 .bottom .list .item:hover:after{width: 100%;}

.pd4 .bottom .list .item .p{color: #333333;line-height: 1.5;margin-bottom: 0.1rem;}
.pd4 .bottom .list .item .h{color: #333;line-height: 1.55;height: 3.1em;margin-bottom: 0.12rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pd4 .bottom .list .item .bottom1{padding-top: 0.22rem;border-top: 1px solid #E2E8ED;display: flex;justify-content: space-between;align-items: center;}
.pd4 .bottom .list .item .bottom1 .p1{display: flex;align-items: center;color: #333;}
.pd4 .bottom .list .item .bottom1 .p1 span{display: block;color: #999;margin: 0 0.12rem;}
.pd4 .bottom .list .item .bottom1 .link{display: flex;}
.pd4 .bottom .list .item .bottom1 .link a{display: block;width: 0.24rem;height: 0.24rem;opacity: 0.5;margin-left: 0.08rem;transition: all 0.5s;}
.pd4 .bottom .list .item .bottom1 .link a:hover{opacity: 1;}
.pd4 .bottom .list .item:nth-child(4n){margin-right: 0;}

.page{display: flex;justify-content: center;align-items: center;}
.page .btn{display: block;width: 0.08rem;height: 0.1rem;margin: 0 0.13rem;}
.page .num{display: block;width: 0.4rem;margin: 0 0.2rem; height: 0.4rem;text-align: center;line-height: 0.4rem;color: #333333;transition: all 0.5s;position: relative;border-radius: 50%;}
.page .num.on{color: #ffffff;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);}

.pd5{padding: 1.48rem 0 0.66rem 0;background: url(../img/pd5_bj.jpg)no-repeat center;background-size: cover;}
.pd5 .con{width: 11.4rem;border-radius: 0.2rem;background: rgba(70, 89, 113, 0.30);backdrop-filter: blur(30px);padding: 0.7rem 0.6rem 0.53rem 0.6rem;margin: 0 auto;color: #ffffff;}
.pd5 .con .tit{text-align: center;line-height: 1.38;margin-bottom: 0.6rem;}
.pd5 .con form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pd5 .con form .input{width: 3.2rem;margin-bottom: 0.3rem;}
.pd5 .con form .input .name{display: flex;align-items: center;color: #ffffff;line-height: 1.66;margin-bottom: 0.1rem;}
.pd5 .con form .input .name span{color: #FF2525;margin-right: 0.08rem;}
.pd5 .con form .input input{width: 100%;border-radius: 0.06rem;line-height: 0.5rem;padding: 0 0.16rem; border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(50, 63, 88, 0.40);color: #fff;}
.pd5 .con form .input textarea{width: 100%;border-radius: 0.06rem;line-height: 0.5rem;padding: 0 0.16rem; border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(50, 63, 88, 0.40);color: #fff;height: 1.35rem;padding: 0.1rem 0.16rem;line-height: 1.87;}
.pd5 .con form .input .select{position: relative;}
.pd5 .con form .input .select:after{content: "";position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;background: url(../img/pd5_sel.png)no-repeat center;background-size: 100% auto;}
.pd5 .con form .input select{width: 100%;border-radius: 0.06rem;line-height: 0.5rem;padding: 0 0.16rem; border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(50, 63, 88, 0.40);color: #fff;}
.pd5 .con form .input input::placeholder{color: rgba(255, 255, 255, 0.60);}
.pd5 .con form .input textarea::placeholder{color: rgba(255, 255, 255, 0.60);}
.pd5 .con form .input1{width: 4.95rem;}
.pd5 .con form .input2{width: 100%;}

.pd5 .con form input[type="submit"]{width: fit-content;border: 0.02rem solid #fff;display: flex;align-items: center; border-radius: 0.1rem;padding: 0.12rem 0.44rem;color: #ffffff;line-height: 1.5;transition: all 0.5s;margin: 0 auto;}
.pd5 .con form input[type="submit"]:hover{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover;}

.ab_banner{position: relative;height: 8rem;}
.ab_banner .pic{width: 100%;height: 100%;}
.ab_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.ab_banner .pic img.mimg{display: none;}
.ab_banner .txt{position: absolute;color: #fff; top: 49%;transform: translateY(-50%);line-height: 1.22;left: 1.3rem;}
.ab_con{position: relative;}
.ab_tab{width: 100%;z-index:50; background-color: #ffffff;display: flex;justify-content: center;position:sticky;top:0.68rem;}
.ab_tab .li{line-height: 0.68rem;text-align: center;width: 2rem;color: #666666;position: relative;margin: 0 0.55rem;}
.ab_tab .li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background:linear-gradient(2deg, #006BBA 7.88%, #00C2F6 53.39%);transition: all 0.5s;}
.ab_tab .li.on{background:linear-gradient(2deg, #006BBA16 7.88%, #00C2F616 53.39%);color: #333;}
.ab_tab .li.on:after{width: 100%;}

.ab_con{background: linear-gradient(0deg, #F6FAFF 0%, #F6FAFF 100%), #F5F5F7;}

.ab1{padding: 0.7rem 1.3rem 0 1.3rem;}
.ab1 .mbx{margin-left: 0.75rem;margin-bottom: 0.66rem;}
.ab1 .top{}
.ab1 .top .tit{text-align: center;color: #333333;line-height: 1.23;margin-bottom: 0.04rem;}
.ab1 .top .p{background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 2.66;margin-bottom: 0.4rem;text-align: center;}
.ab1 .top .p1{text-align: center;color: #666;line-height: 1.77;width: 13.12rem;margin: 0 auto;margin-bottom: 0.8rem;}
.ab1 .top .num_box{width: 13.12rem;margin: 0 auto;display: flex;justify-content: space-between;}
.ab1 .top .num_box .box .nums{display: flex;align-items: flex-start;background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;margin-bottom: 0.06rem;}

.ab1 .top .num_box .box .nums i{background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ab1 .top .num_box .box .nums .dw{margin: 0.2rem 0 0 0.2rem;}
.ab1 .top .num_box .box .p2{color: #666666;line-height: 1.5;}

.ab1 .map{width: 100%;margin-bottom: 0.8rem;position: relative;margin-top: 0.8rem;}
.ab1 .map img{width: 100%;}
.ab1 .video{width: 100%;height: auto;border-radius: 0.16rem;overflow: hidden;}
.ab1 .video video{width: 100%;display: block;}

.ab2{padding: 1.4rem 1.3rem;}
.ab2 .top{text-align: center;margin-bottom: 0.57rem;}
.ab2 .top .tit{color: #333;line-height: 1.23;margin-bottom: 0.05rem;}
.ab2 .top .p{line-height: 2.46;background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.ab2 .bottom{display: flex;}
.ab2 .bottom .item{width: 3.84rem;margin-right: 0.4rem;}
.ab2 .bottom .item:nth-child(4n){margin-right: 0;}
.ab2 .bottom .item .pic{width: 100%;height: 3.8rem;border-radius: 0.06rem;overflow: hidden;}
.ab2 .bottom .item .pic img{width: 100%;height: 100%;transition: all 0.5s;margin-bottom: 0.3rem;}
.ab2 .bottom .item:hover .pic img{transform: scale(1.05);}
.ab2 .bottom .item .h{color: #333;line-height: 1.5;margin-bottom: 0.13rem;margin-top: 0.3rem;}
.ab2 .bottom .item .p{color: #666;line-height: 2;}

.abo1{padding: 0.7rem 2.05rem 0 2.05rem;}
.abo1 .mbx{margin-bottom: 1.06rem;}
.abo1 .tit{color: #333;line-height: 1.23;margin-bottom: 0.42rem;}
.abo1 .con1{display: flex;justify-content: space-between;}
.abo1 .con1 .left{width: 4.9rem;background-color: #ffffff;border-radius: 0.1rem;padding: 0.3rem 0.7rem 0.36rem 0.7rem;}
.abo1 .con1 .left .item{padding: 0.3rem 0 0.24rem 0;border-bottom: 1px solid rgba(0, 0, 0, 0.06);cursor: pointer;}
.abo1 .con1 .left .item:last-child{border-bottom: none;}
.abo1 .con1 .left .item .p{color: #666;line-height: 2;padding: 0.23rem 0 0.22rem 0;display: none;}
.abo1 .con1 .left .item .h{position: relative;color: #333;line-height: 1.45;padding-right: 0.4rem;}
.abo1 .con1 .left .item .h .jt{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.24rem;height: 0.24rem;transition: all 0.5s;}
.abo1 .con1 .left .item .h .jt img{width: 100%;}
.abo1 .con1 .left .item .h .jt img.img2{display: none;}
.abo1 .con1 .left .item.on .h{background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}
.abo1 .con1 .left .item.on .h .jt{transform: translateY(-50%) rotate(180deg);}
.abo1 .con1 .left .item.on .h .jt img.img1{display: none;}
.abo1 .con1 .left .item.on .h .jt img.img2{display: block;}
.abo1 .con1 .right{width: 10rem;min-height: 5.3rem;border-radius: 0.1rem;overflow: hidden;position: relative;}
.abo1 .con1 .right .pic{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;overflow: hidden;transition: all 0.5s;}
.abo1 .con1 .right .pic.on{z-index: 2; -webkit-animation: play 1s linear;animation: play 1s linear}

@-webkit-keyframes play {
	from {
		height: 0%;
	}
	to {
		height: 100%;
	}
}

@keyframes play {
	from {
		height: 0%;
	}
	to {
		height: 100%;
	}
}

.abo1 .con1 .right .pic video{width: 100%;height: 100%;object-fit: contain;position: absolute;bottom: 0;left: 0;}

.abo2{padding: 1.4rem 2.04rem 0 2.04rem;}
.abo2 .tit{line-height: 1.23;margin-bottom: 0.26rem;color: #333;}
.abo2 .top{display: flex;justify-content: space-between;margin-bottom: 0.76rem;align-items: flex-start;}
.abo2 .top .p{width: 6.8rem;line-height: 2;color: #666666;}
.abo2 .top .num_box{width: 6.5rem;display: flex;justify-content: space-between;}
.abo2 .top .num_box .nums{display: flex;align-items: flex-end;background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 0.1rem;}
.abo2 .top .num_box .nums i{background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.abo2 .top .num_box .nums .num{line-height: 1;}
.abo2 .top .num_box .nums .dw{margin: 0 0 0 0.09rem;}
.abo2 .top .num_box .p1{color: #333;line-height: 1.45;}
.abo2 .bottom{display: flex;}
.abo2 .bottom .item{width: 4.9rem;margin-right: 0.2rem;position: relative;overflow: hidden;}
.abo2 .bottom .item:last-child{margin-right: 0;}
.abo2 .bottom .item .pic{width: 100%;height: 5.58rem;border-radius: 0.14rem;overflow: hidden;}
.abo2 .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.abo2 .bottom .item:hover .pic img{transform: scale(1.05);}
.abo2 .bottom .item .txt{position: absolute;left: 0.34rem;width: calc(100% - 0.68rem);bottom: 0.6rem;border-radius: 0.1rem;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(31px);color: #ffffff;padding: 0.36rem 0.2rem 0.36rem 0.36rem;}
.abo2 .bottom .item .txt .h{line-height: 1.5;}
.abo2 .bottom .item .txt .p{line-height: 0.27rem;padding-top: 0.06rem;display: none;font-size:0.16rem;}
.abo2 .bottom .item .txt .p ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.abo2 .bottom .item .txt .p li{margin-top: 0.17rem;position: relative;padding-left: 0.18rem;width: 48%;}
.abo2 .bottom .item .txt .p li::before{content: "";position: absolute;left: 0;top: 0.1rem;width: 0.07rem;height: 0.07rem;background-color: #ffffff;border-radius: 0.01rem;}

.abo3{padding: 1.4rem 0 0 0;}
.abo3 .top{display: flex;justify-content: space-between;margin-bottom: 0.5rem;padding: 0 2.04rem;align-items: center;}
.abo3 .top .tit{color: #333;line-height: 1.23;}
.abo3 .top .tab{display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.abo3 .top .tab li{position: relative;cursor: pointer;padding-bottom: 0.17rem;color: #666;line-height: 1.15;transition: all 0.5s;margin-right: 0.7rem;}
.abo3 .top .tab li:last-child{margin-right: 0;}
.abo3 .top .tab li:after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);opacity: 0;transition: all 0.5s;}
.abo3 .top .tab li.on{color: #333;}
.abo3 .top .tab li.on:after{opacity: 1;}
.abo3 .con{position: relative;width: 100%;height: 7.2rem;background: no-repeat center;background-size: cover;display: none;}
.abo3 .con.on{display: block;}
.abo3 .con .list{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 2.04rem 0.75rem 2.04rem;display: flex;}
.abo3 .con .list .item{width: 4.9rem;margin-right: 0.18rem;color: #ffffff;border-radius: 0.1rem;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(31px);padding: 0.36rem 0.34rem 0.52rem 0.34rem;}
.abo3 .con .list .item .h{padding-left: 0.25rem;position: relative;line-height: 0.33rem;margin-bottom: 0.19rem;}
.abo3 .con .list .item .h:after{content: "";position: absolute;left: 0;top: 0.12rem;width: 0.09rem;height: 0.09rem;border-radius: 1px;background-color: #ffffff;}
.abo3 .con .list .item .p{line-height: 2;opacity: 0.8;}
.abo3 .con .list .item:last-child{margin-right: 0;}

.abou1{padding: 0.7rem 2.04rem 1.2rem 2.04rem;}
.abou1 .mbx{margin-bottom: 1.06rem;}
.abou1 .con .tit{color: #333;line-height: 1.23;margin-bottom: 0.4rem;}
.abou1 .con .box{margin-bottom: 0.2rem;display: flex;justify-content: space-between;}
.abou1 .con .box:nth-child(2n){flex-flow:row-reverse;}
.abou1 .con .box .txt{width: 7.46rem;background-color: #ffffff;height: 5.3rem;border-radius: 0.1rem;overflow: hidden;display: flex;align-items: center;padding:0.5rem 0.4rem 0.5rem 1.5rem;}
.abou1 .con .box .txt .p{background:linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.9;margin-bottom: 0;width: fit-content;}

.abou1 .con .box .txt .h{line-height: 1.25;color: #333;}
.abou1 .con .box .txt .p1{line-height: 2;color: #666;margin-top: 0.5rem;}
.abou1 .con .box .pic{width: 7.46rem;border-radius: 0.1rem;overflow: hidden;height: 5.3rem;}
.abou1 .con .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.abou1 .con .box .pic:hover img{transform: scale(1.05);}

.abou23{position: relative;height: 200vh;}
.abou23 .con{position: sticky;top: 0;width: 100%;height: 100vh;}
.abou23 .con>div{width: 100%;height: 100vh;position: absolute;}
.abou23 .con>div.abou2{position: absolute;top: 0;left: 0;}
.abou23 .con>div.abou3{bottom: 0;left: 0;height: 0;width: 100%;overflow: hidden;transition: all 1.6s;}
.abou23.on .con>div.abou3{height: 100vh;}
.abou23 .con>div.abou3 .con1{position: absolute;bottom: 0;left: 0;width: 100%;height: 100vh;}
.abou23 .con>div .pic{width: 100%;height: 100vh;}
.abou23 .con>div .pic video,.abou23 .con>div .pic img{width: 100%;height: 100%;object-fit: cover;}
.abou23 .con>div .txt{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);color: #ffffff;text-align: center;}
.abou23 .con>div .txt .top{margin-bottom: 2.6rem;}
.abou23 .con>div .txt .top .h{line-height: 1.25;}
.abou23 .con>div .txt .top .p{line-height: 1.9;margin-bottom: 0.07rem;}
.abou23 .con>div .txt .bottom{display: flex;justify-content: center;align-items: flex-start;}
.abou23 .con>div .txt .bottom .item{margin: 0 0.3rem;}
.abou23 .con>div .txt .bottom .item .h_1{line-height: 1.77;margin-bottom: 0.06rem;}
.abou23 .con>div .txt .bottom .item .p1{line-height: 1.77;}

.case_con{padding:0.7rem 2.04rem 1.16rem 2.04rem;background-color: #F6FAFF;}
.case_con .mbx{margin-bottom: 1.06rem;}
.case_con .tit{line-height: 1.45;padding-bottom: 0.13rem;border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin-bottom: 0.5rem;}
.case_con .case1 .top{display: flex;margin-bottom:0.6rem;justify-content: space-between;}
.case_con .case1 .top .form{display: flex;align-items: center; border-radius: 0.06rem;line-height: 0.48rem; border: 1px solid #D3D4D4;padding: 0 0 0 0.24rem;position: relative;}
.case_con .case1 .top .form::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 0.24rem;background-color: rgba(0,0,0,0.1);right:
  1.07rem;}
.case_con .case1 .top .form img{display: block;width: 0.16rem;height: 0.16rem;object-fit: contain;margin-right: 0.19rem;}
.case_con .case1 .top .form input{background-color: transparent;width: 2.64rem;}
.case_con .case1 .top .form .h_btn{width: 1.07rem;text-align: center;color: #1D1D1F;transition: all 0.5s;}
.case_con .case1 .top .form .h_btn:hover{color: var(--color-vi);}
.case_con .case1 .con .list{display: flex;flex-wrap: wrap;}
.case_con .case1 .con .list .item{width: 4.7rem;position: relative;border-radius: 0.1rem;overflow: hidden;margin-right: 0.42rem;margin-bottom: 0.6rem;background-color: #ffffff;transition: all 0.5s;}
.case_con .case1 .con .list .item:hover{box-shadow: 0 26px 42.2px 20px rgba(91, 126, 163, 0.10);}
.case_con .case1 .con .list .item:nth-child(3n){margin-right: 0;}
.case_con .case1 .con .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.case_con .case1 .con .list .item:hover:after{width: 100%;}
.case_con .case1 .con .list .item .pic{width: 100%;height: 3.3rem;position: relative;overflow: hidden;}
.case_con .case1 .con .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.case_con .case1 .con .list .item:hover .pic img{transform: scale(1.05);}
.case_con .case1 .con .list .item .txt{padding: 0.37rem 0.16rem 0.27rem 0.16rem;position: relative;}
.case_con .case1 .con .list .item .txt .h{color: #333;line-height: 1.6;height: 1.6em;margin-bottom: 0.06rem;}
.case_con .case1 .con .list .item .txt .ad{position: absolute;top: 0.38rem;right: 0.16rem;color: #666;line-height: 1;}
.case_con .case1 .con .list .item .txt .ps{line-height: 1.75; color: #999;}
.case_con .case1 .con .list .item .txt .ps>div{display: inline-block;margin-right: 0.3rem;}
.case_con .case1 .con .list .item .txt .ps>div:last-child{margin-right: 0;}

.case_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.6);transition: all 0.5s;opacity: 0;pointer-events: none;}
.case_tc.show{opacity: 1;pointer-events: all;}
.case_tc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8rem;border-radius: 0.16rem;overflow: hidden;display: flex;background-color: #ffffff;;}
.case_tc .con .out{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.4rem;height: 0.4rem;cursor: pointer;}
.case_tc .con .pic{width: 3.67rem;height: 4.92rem;border-radius: 0.16rem;overflow: hidden;}
.case_tc .con .pic img{width: 100%;height: 100%;object-fit: cover;}
.case_tc .con .txt{width: 4.33rem;height: 4.92rem;display: flex;justify-content: center;align-items: center;padding: 0.2rem;}
.case_tc .con .txt .list{width: fit-content;}
.case_tc .con .txt .list .li{display: flex;align-items: center;margin-bottom: 0.25rem;line-height: 1.5;color: #333333;}
.case_tc .con .txt .list .li:last-child{margin-bottom: 0;}
.case_tc .con .txt .list .li span{color: #666666;display: block;margin:0 0.15rem;}
.case_tc .con .txt .list .li .p{color: #666666;flex: 1;}

.nl_con{background-color: #F6FAFF;}
.nl1{padding: 0.7rem 2.04rem 0 2.04rem;}
.nl1 .mbx{margin-bottom: 1.06rem;}
.nl1 .tit{color: #333;line-height: 1.5;margin-bottom: 0.5rem;}
.nl1 .con{width: 100%;border-radius: 0.2rem;box-shadow: 0 26px 42.2px 20px rgba(91, 126, 163, 0.10);display: flex;}
.nl1 .con .pics{width: 8.26rem;height: 5.23rem;border-radius: 0.2rem;overflow: hidden;position: relative;}
.nl1 .con .pics img{width: 100%;height: 100%;object-fit: cover;}
.nl1 .con .txts{position: relative;overflow: hidden;width: calc(100% - 8.26rem);background: url(../img/news_logo.png) no-repeat right bottom;}
.nl1 .con .txts .swiper-slide{padding: 1.4rem 0.73rem 0.4rem 0.75rem;}
.nl1 .con .txts .swiper-slide .day{color: #333;line-height: 1.5;margin-bottom: 0.1rem;}
.nl1 .con .txts .swiper-slide .h{color: #333;line-height: 1.5;height: 1.5em;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;}
.nl1 .con .txts .swiper-slide .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;margin-bottom: 0.54rem;}
.nl1 .con .txts .swiper-slide .more{display: flex;align-items: center;color: #005EAD;width: fit-content;}
.nl1 .con .txts .swiper-slide .more svg{display: block;width: 0.1rem;height: 0.1rem; margin-left: 0.1rem;}
.nl1 .con .txts .swiper-pagination{width: fit-content;left: 0.87rem;bottom: 0.83rem;}



.nl1 .con .txts .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.07rem;height: 0.07rem;border-radius: 50%;margin: 0 0.42rem 0 0;position: relative;background-color: #005EAD;opacity: 0.3;}
.nl1 .con .txts .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.nl1 .con .txts .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.29rem;height: 0.29rem;border: 1px solid #005EAD;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.nl1 .con .txts .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}

.nl2{padding: 1.3rem 2.04rem 1.6rem 2.04rem;}
.nl2 .list{padding-bottom: 0.26rem;}
.nl2 .list .item{margin-bottom: 0.54rem;position: relative;display: flex;justify-content: space-between;align-items: flex-start;}
.nl2 .list .item .day{display: flex;color: #333;align-items: flex-end;}
.nl2 .list .item .day span{color: #666;}
.nl2 .list .item .pic{position: absolute;top: 50%;left: 1.62rem;transform: translateY(-50%);width: 4.65rem;height: 2.78rem;border-radius: 0.12rem;overflow: hidden;}
.nl2 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl2 .list .item:hover .pic img{transform: scale(1.05);}
.nl2 .list .item .txt{width: 9.92rem;border-radius: 0.2rem;background-color: #fff;box-shadow: 0 26px 42.2px 20px rgba(91, 126, 163, 0.10);padding: 0.7rem 2.23rem 0.58rem 2.09rem;background-color: transparent;transition: all 0.5s;}
.nl2 .list .item:hover .txt{background-color: #ffffff;}
.nl2 .list .item .txt .h{color: #333;line-height: 1.1;height: 1.1em;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;}
.nl2 .list .item:hover .txt .h{color: var(--color-vi);}
.nl2 .list .item .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;margin-bottom: 0.54rem;}
.nl2 .list .item .txt .more{display: flex;align-items: center;color: #666;transition: all 0.5s;}
.nl2 .list .item:hover .txt .more{color: #005EAD;}
.nl2 .list .item .txt .more svg{width: 0.1rem;height: 0.1rem;margin-left: 0.1rem;}
.nl2 .list .item .txt .more svg path{transition: all 0.5s;}
.nl2 .list .item:hover .txt .more svg path{stroke:#005EAD}

.nd1{padding: 1.37rem 2.04rem 1.2rem 2.04rem;position: relative;background-color: #F6FAFF;}
.nd1:after{content: "";position: absolute;top: 0;right: 6.27rem;width: 1px;height: 100%;background-color: rgba(0,0,0,0.06);}
.nd1 .mbx{margin-bottom: 1.2rem;}
.nd1 .left{float: left;width: 10.08rem;}
.nd1 .left .top{padding-bottom: 0.3rem;border-bottom: 1px solid #CFD6E0;margin-bottom: 0.4rem;}
.nd1 .left .top .tit{line-height: 1.33;color: #333;margin-bottom: 0.2rem;}
.nd1 .left .top .day{color: #868686;line-height: 2;}
.nd1 .left .p{color: #666;line-height: 2;padding-bottom: 0.4rem;}
/*.nd1 .left .p span{display: block;color: #1D1D1F;line-height: 1.6;margin-bottom: 0.1rem;}*/
.nd1 .left .bottom{display: flex;justify-content: space-between;align-items: center;padding-top: 0.36rem;border-top: 1px solid #CFD6E0;}
.nd1 .left .bottom a{display: flex;align-items: center;max-width: 48%;color: #333;transition: all 0.5s;line-height: 1.8;}
.nd1 .left .bottom a:hover{color: var(--color-vi);}
.nd1 .left .bottom a span{display: block;width: 40vw;line-height: 1.5;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nd1 .left .bottom a:nth-child(1) .jt{display: block;width: 0.05rem;height: 0.1rem;margin-right: 0.15rem;}
.nd1 .left .bottom a:nth-child(2) .jt{display: block;width: 0.05rem;height: 0.1rem;margin-left: 0.15rem;}
.nd1 .left .bottom a .jt .img2{display: none;}
.nd1 .left .bottom a:hover .jt .img1{display: none;}
.nd1 .left .bottom a:hover .jt .img2{display: block;}
.nd1 .right{float: right;width: 3.46rem;position: sticky;top: 1.2rem;}
.nd1 .right .tit{color: #333;line-height: 1.4;margin-bottom: 0.2rem;}
.nd1 .right .list{padding-bottom: 0.1rem;}
.nd1 .right .li{margin-bottom: 0.3rem;}
.nd1 .right .li .h{color: #333333;line-height: 1.3;margin-bottom: 0.14rem;transition: all 0.5s;}
.nd1 .right .li:hover .h{color: #005EAD;}
.nd1 .right .li .p{color: #666;line-height: 1.5;}
.nd1 .right .backl{display: flex;align-items: center;width: fit-content;padding:0.15rem 0.35rem;border-radius: 0.1rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);backdrop-filter: blur(20px);color: #ffffff;line-height: 1.5;}
.nd1 .right .backl img{display: block;width: 0.12rem;margin-right: 0.1rem;}

.cat1{padding: 0.7rem 1.14rem 1.2rem 1.14rem;background-color: #F6FAFF;}
.cat1 .mbx{margin-bottom: 0.66rem;padding-left: 0.16rem;}
.cat1 .cons{display: flex;justify-content: space-between;align-items: center;}
.cat1 .cons .prev{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;display:block;}
.cat1 .cons .prev img{width: 100%;height: 100%;}
.cat1 .cons .prev img.img2{display: none;}
.cat1 .cons .prev:hover img.img1{display: none;}
.cat1 .cons .prev:hover img.img2{display: block;}
.cat1 .cons .next{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;display:block;}
.cat1 .cons .next img{width: 100%;height: 100%;}
.cat1 .cons .next img.img2{display: none;}
.cat1 .cons .next:hover img.img1{display: none;}
.cat1 .cons .next:hover img.img2{display: block;}
.cat1 .cons .con{width: 15.12rem;position: relative;overflow: hidden;padding-bottom: 0.83rem;}
.cat1 .cons .con .item{background-color: #ffffff;border-radius: 0.15rem;margin-bottom: 0.33rem;padding: 0.66rem 0.78rem 0 0.78rem;display: block;width: 100%;height: 3.06rem;text-align: center;}
.cat1 .cons .con .item:last-child{margin-bottom: 0;}
.cat1 .cons .con .item .icon{display: block;width: 0.6rem;height: 0.6rem;margin: 0 auto;margin-bottom: 0.32rem;}
.cat1 .cons .con .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.cat1 .cons .con .item .h{color: #333;line-height: 1.5;margin-bottom: 0.16rem;}
.cat1 .cons .con .item .p{color: #666;line-height: 1.44;}
.cat1 .cons .con .item .p a{color: #666;}
.cat1 .cons .con .item .p1{color: #666;display: flex;align-items: center;justify-content: center;}
.cat1 .cons .con .item:hover .p1{color: var(--color-vi);}
.cat1 .cons .con .item .p1 svg{display: block;width: 0.1rem;height: 0.1rem;margin-left: 0.1rem;}
.cat1 .cons .con .item .p1 svg path{transition: all 0.5s;}
.cat1 .cons .con .item:hover .p1 svg path{stroke: var(--color-vi);}

/* .cat1 .cons .con .swiper-pagination{width: fit-content;left: 0.87rem;bottom: 0.83rem;} */

.cat1 .cons .con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.07rem;height: 0.07rem;border-radius: 50%;margin: 0 0.42rem 0 0;position: relative;background-color: #005EAD;opacity: 0.3;}
.cat1 .cons .con .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.cat1 .cons .con .swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.29rem;height: 0.29rem;border: 1px solid #005EAD;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.cat1 .cons .con .swiper-pagination .swiper-pagination-bullet-active:after{opacity: 1;}

.dl_con{padding: 1.37rem 2.04rem 1.6rem 2.04rem;background-color: #F6FAFF;}
.dl_con .mbx{margin-bottom: 0.75rem;}
.dl_con .top{margin-bottom: 0.7rem;}
.dl_con .top .tit{color: #333;line-height: 1.5;text-align: center;margin-bottom: 0.64rem;}

.dl_con .top .form{display: flex;align-items: center; border-radius: 0.06rem;line-height: 0.48rem; border: 1px solid #D3D4D4;padding: 0 0 0 0.24rem;position: relative;width: fit-content;margin: 0 auto;}
.dl_con .top .form::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 0.24rem;background-color: rgba(0,0,0,0.1);right:
  1.07rem;}
.dl_con .top .form img{display: block;width: 0.16rem;height: 0.16rem;object-fit: contain;margin-right: 0.19rem;}
.dl_con .top .form input{background-color: transparent;width: 6.16rem;}
.dl_con .top .form .h_btn{width: 1.07rem;text-align: center;color: #1D1D1F;transition: all 0.5s;position: relative;}
.dl_con .top .form .h_btn:hover{color: var(--color-vi);}

.dl_con .top .form .h_btn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:0;}

.bottom_maodian{position: relative;top: -1rem;}

.dl_con .center{padding: 0.55rem 0.71rem;border-radius: 0.1rem;border: 1px solid #EFF1F8;background: #FFF;margin-bottom: 0.36rem; box-shadow: 0 4px 20px 0 rgba(91, 126, 163, 0.06);}
.dl_con .center .box{margin-bottom: 0.24rem;}
.dl_con .center .box .h{color: #333;line-height: 1.5;margin-bottom: 0.26rem;}
.dl_con .center .box ul{display: flex;flex-wrap:wrap;}
.dl_con .center .box ul li{width: fit-content;line-height: 1.5;padding: 0.09rem 0.26rem;border-radius: 0.06rem;position: relative; border: 1px solid #D3D4D4;transition: all 0.5s;margin-right: 0.2rem;cursor: pointer;color: #333;margin-bottom:0.2rem;}
.dl_con .center .box ul li.on{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);color: #fff;}
.dl_con .center .box:last-child{margin-bottom: 0;}

.dl_con .bottom .px{color: #666;margin-bottom: 0.2rem;}
.dl_con .bottom .px span{background: var(--1, linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.dl_con .bottom .list .top1 ul{display: flex;width: 100%;justify-content: space-between;color: #ffffff;border-radius: 0.06rem 0.06rem 0 0;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);padding: 0 0.6rem 0 0.7rem;line-height: 0.6rem;}
.dl_con .bottom .list .top1 ul li:nth-child(1){width: 40%;}
.dl_con .bottom .list .top1 ul li:nth-child(2){width: 20%;}
.dl_con .bottom .list .top1 ul li:nth-child(3){width: 12%;}
.dl_con .bottom .list .top1 ul li:nth-child(4){width: 12%;}
.dl_con .bottom .list .top1 ul li:nth-child(5){width: 12%;}

.dl_con .bottom .list .item{background-color: #ffffff;border-bottom: 1px solid #D3D4D4;}
.dl_con .bottom .list .item:last-child{border-bottom: none;border-radius:0 0 0.1rem 0.1rem;}
.dl_con .bottom .list .item ul{display: flex;width: 100%;justify-content: space-between;color: #666666;padding: 0.35rem 0.6rem 0.35rem 0.7rem;line-height: 1.5;}
.dl_con .bottom .list .item ul li:nth-child(1){width: 40%;}
.dl_con .bottom .list .item ul li:nth-child(2){width: 20%;}
.dl_con .bottom .list .item ul li:nth-child(3){width: 12%;}
.dl_con .bottom .list .item ul li:nth-child(4){width: 12%;}
.dl_con .bottom .list .item ul li:nth-child(5){width: 12%;}
.dl_con .bottom .list .item ul li:last-child{display: flex;align-items: center;}
.dl_con .bottom .list .item ul li a{display: block;width: 0.24rem;height: 0.24rem;margin-right: 0.23rem;opacity: 0.5;transition: all 0.5s;}
.dl_con .bottom .list .item ul li a:last-child{margin-right: 0;}
.dl_con .bottom .list .item ul li a img{width: 100%;height: 100%;object-fit: contain;}
.dl_con .bottom .list .item ul li a:hover{opacity: 1;}

.vi_con{padding: 1.37rem 2.04rem 1.6rem 2.04rem;background-color: #F6FAFF;}
.vi_con .mbx{margin-bottom: 0.76rem;}
.vi_con .top .tit{text-align: center;color: #333;line-height: 1.44;margin-bottom: 0.62rem;}
.vi_con .center{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.vi_con .center ul{display: flex;margin-bottom: 0.5rem;}
.vi_con .center ul li{width: fit-content;line-height: 1.5;padding: 0.09rem 0.3rem;border-radius: 0.06rem;position: relative; border: 1px solid #D3D4D4;transition: all 0.5s;margin-right: 0.24rem;cursor: pointer;color: #333;}
.vi_con .center ul li.on{border-color: transparent; background: url(../img/combtn.png)no-repeat center;background-size: cover; backdrop-filter: blur(9px);color: #fff;}
.vi_con .center .form{display: flex;align-items: center; border-radius: 0.06rem;line-height: 0.48rem; border: 1px solid #D3D4D4;padding: 0 0 0 0.24rem;position: relative;}
.vi_con .center .form::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 1px;height: 0.24rem;background-color: rgba(0,0,0,0.1);right:
  1.07rem;}
.vi_con .center .form img{display: block;width: 0.16rem;height: 0.16rem;object-fit: contain;margin-right: 0.19rem;}
.vi_con .center .form input{background-color: transparent;width: 2.64rem;}
.vi_con .center .form .h_btn{width: 1.07rem;text-align: center;color: #1D1D1F;transition: all 0.5s;position: relative;}
.vi_con .center .form .h_btn:hover{color: var(--color-vi);}

.vi_con .center .form .h_btn input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:0;}

.vi_con .bottom .list{display: flex;flex-wrap: wrap;padding-bottom: 0.6rem;}
.vi_con .bottom .list .item{display: block;width: 4.8rem;border-radius: 0.12rem;background-color: #ffffff;padding: 0.14rem;margin-right: 0.27rem;margin-bottom: 0.4rem;position: relative;overflow: hidden;}
.vi_con .bottom .list .item:nth-child(3n){margin-right: 0;}
.vi_con .bottom .list .item .pic{position: relative;width: 4.52rem;height: 2.54rem;border-radius: 0.12rem;overflow: hidden;margin-bottom: 0.39rem;}
.vi_con .bottom .list .item .pic .img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.vi_con .bottom .list .item .pic .btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:0.38rem;height: 0.38rem;cursor: pointer;}
.vi_con .bottom .list .item:hover .pic .img{transform: scale(1.05);}
.vi_con .bottom .list .item .txt{padding: 0 0.1rem 0.04rem 0.1rem;}
.vi_con .bottom .list .item .txt .day{color: #333;line-height: 1.5;margin-bottom: 0.13rem;}
.vi_con .bottom .list .item .txt .h{color: #333;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;transition: all 0.5s;}
.vi_con .bottom .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.vi_con .bottom .list .item:hover:after{width: 100%;}

.at1{padding: 0.7rem 0 1rem 0;}
.at1 .mbx{padding-left: 2.04rem;margin-bottom: 0.75rem;}
.at1 .txts{position: sticky;top: 2.6rem;text-align: center;width: 100%;height: 376px;z-index: 2;padding-bottom: 100px;}
.at1 .txts.show{position: absolute;}
.at1 .txts>div{text-align: center;overflow: hidden;}
.at1 .txts>div .tit{line-height: 1.23;margin-bottom: 0.23rem;color: #333;}
.at1 .txts>div .p{color: #666666;line-height: 1.77;width: 7.7rem;margin: 0 auto;}
.at1 .txts>div.txt2{position: absolute;left: 0;width: 100%;bottom: 0;}
.at1 .txts>div.txt1 .tx{position: absolute;left: 0;width: 100%;top: 0;height: 376px;}
.at1 .txts>div.txt2 .tx{position: absolute;left: 0;width: 100%;bottom: 0;height: 376px;}
.at1 .txts>div.txt2 .tit{color: #fff;}
.at1 .txts>div.txt2 .p{color: #fff;}
.at1 .pics{overflow: hidden;display: flex;justify-content: center;transform: translateY(0);position: sticky;top: 1rem;}
.at1 .pics .pic{overflow: hidden;transition: all 0.6s;width: 100%;background-color:#000;}
.at1 .pics .pic img{width: 100%;opacity:0.9;}
.at1 .pics .pic.show{width: 15.1rem;border-radius: 0.16rem;}


.at1 .txts>div .tit{
  color: transparent; /* 文字透明，由背景填充颜色 */
  background-clip: text;
  -webkit-background-clip: text; /* 兼容Safari */
  /* 默认背景：黑色（未变色状态） */
  background-image: linear-gradient(#333, #333);
  background-size: 100% 100%;
  background-position: 0 0;
  /* 过渡动画：让变色更丝滑 */
  transition: background-size 0.6s ease;
}

.at1 .txts>div .p{
  color: transparent; /* 文字透明，由背景填充颜色 */
  background-clip: text;
  -webkit-background-clip: text; /* 兼容Safari */
  /* 默认背景：黑色（未变色状态） */
  background-image: linear-gradient(#666, #666);
  background-size: 100% 100%;
  background-position: 0 0;
  /* 过渡动画：让变色更丝滑 */
  transition: background-size 0.6s ease;
}

.at1 .txts>div:not(.text-animate) .tit,
.at1 .txts>div:not(.text-animate) .p{background-size: 100% 100% !important;}


.at1 .txts>div.text-animate .tit,
.at1 .txts>div.text-animate .p{
  background-image: linear-gradient(#fff, #fff);
  /* 初始背景高度为0，后续JS动态调整 */
  background-size: 100% 0;
}



.swiper-button-disabled{cursor: not-allowed!important;}

.at2{padding: 1.92rem 0 2.89rem 0;background: url(../img/at2_bj.png)no-repeat center;background-size: cover;}
.at2 .top{padding: 0 2.04rem;margin-bottom: 0.7rem;display: flex;justify-content: space-between;align-items: center;}
.at2 .top .tit{color: #333333;}

.at2 .top .btns{display: flex;justify-content: space-between;width: 1.25rem;}
.at2 .top .prev{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;}
.at2 .top .prev img{width: 100%;height: 100%;}
.at2 .top .prev img.img2{display: none;}
.at2 .top .prev:hover img.img1{display: none;}
.at2 .top .prev:hover img.img2{display: block;}

.at2 .top .next{width: 0.5rem;height: 0.5rem;z-index: 10;cursor: pointer;z-index: 10;}
.at2 .top .next img{width: 100%;height: 100%;}
.at2 .top .next img.img2{display: none;}
.at2 .top .next:hover img.img1{display: none;}
.at2 .top .next:hover img.img2{display: block;}
.at2 .bottom{padding-left: 2.04rem;position: relative;overflow: hidden;}
.at2 .bottom .swiper-slide{border-radius: 0.14rem;background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);height: 3.9rem;overflow: hidden;}
.at2 .bottom .swiper-slide .pic{padding: 0.56rem 0.46rem 0.35rem 0.46rem;}
.at2 .bottom .swiper-slide .pic img{width: 2.28rem;height: 2.06rem;object-fit: contain;transition: all 0.5s;}
.at2 .bottom .swiper-slide:hover .pic img{transform: scale(1.05);}
.at2 .bottom .swiper-slide .h{text-align: center;color: #333;line-height: 1.77;}

.at3{padding: 1.2rem 2.04rem 1.6rem 2.04rem;}
.at3 .tit{text-align: center;line-height: 1.23;margin-bottom: 0.7rem;}
.at3 .list{display: flex;margin-bottom: 0.53rem;flex-wrap: wrap;justify-content: center;}
.at3 .list .item{width: 4.68rem;border-radius: 0.1rem;background-color: #fff;overflow: hidden;position: relative;margin-right: 0.5rem;}
.at3 .list .item:last-child{margin-right: 0;}
.at3 .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.at3 .list .item:hover:after{width: 100%;}
.at3 .list .item .pic{width: 100%;height: 2.68rem;overflow: hidden;}
.at3 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.at3 .list .item:hover .pic img{transform: scale(1.05);}
.at3 .list .item .txt{padding: 0.2rem 0.3rem 0.27rem 0.3rem;}
.at3 .list .item .txt .h{color: #333;line-height: 1.6;height: 1.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.26rem;}
.at3 .list .item .txt .btns{display: flex;}
.at3 .list .item .txt .btns a{display: flex;align-items: center;color: #666;margin-right: 0.41rem;}
.at3 .list .item .txt .btns a .icon{display: block;width: 0.16rem;height: 0.15rem;margin-left: 0.1rem;transform: translateY(0.02rem);}
.at3 .list .item .txt .btns a .icon img{width: 100%;height: 100%;object-fit: contain;}
.at3 .list .item .txt .btns a .icon img.img2{display: none;}
.at3 .list .item .txt .btns a:hover .icon img.img2{display: block;}
.at3 .list .item .txt .btns a:hover .icon img.img1{display: none;}
.at3 .list .item .txt .btns a:hover {color: var(--color-vi);}




/***************************search--搜索页************************************/
.contianer1 {
  width: 100%;
  background-color: #f9f9f9;
}

.search1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.61rem 0 0.90rem;
}

.search1 .input {
  width: 7.98rem;
  height: 0.60rem;
  border-radius: 0.30rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}

.search1 .input input[type="text"] {
  width: 100%;
  height: 0.60rem;
  border-radius: 0.30rem;
  background-color: #fff;
  border: 1px solid #D6D6D6;
  padding: 0.20rem 0.69rem;
  font-size: 0.16rem;
  font-weight: 400;
}

.search1 .input::before {
  content: "";
  display: inline-block;
  background: url(../img/search-b.png) no-repeat center;
  background-size: 100% 100%;
  width: 0.16rem;
  height: 0.16rem;
  position: absolute;
  left: 0.43rem;
}

.search1 .input::after {
  content: "搜索";
  display: inline-block;
  font-size: 0.18rem;
  font-weight: 500;
  color: #fff;
  background-color: #0D468c;
  width: 1.80rem;
  height: 0.60rem;
  border-radius: 0.30rem;
  text-align: center;
  line-height: 0.60rem;
  position: absolute;
  right: 0;
}

.search1 .input input[type="submit"]{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    width: 1.8rem;
    height: 100%;
    opacity: 0;
}

.search-nav {
  display: flex;
  flex-direction: row;
  padding: 0 2.10rem 0.20rem;
  margin-top: 0.90rem;
  border-bottom: 1px solid #dfdfdf;
}

.search-nav .list {
  display: flex;
  flex-direction: row;
  gap: 1.30rem;
  margin-left: 2.50rem;
}

.search-nav .list .item {
  cursor: pointer;
}

.search-nav .list .on {
  color: #0D468C;
  position: relative;
}

.search-nav .list .on::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -0.2rem;
  width: 100%;
  height: 0.02rem;
  background: #0D468C;
  left: 0;
}

.search-main {
  padding: 0.70rem 0 1.60rem;
}


.search-main .search-box{display: none;}
.search-main .search-box.on {
  display: block;
  background: none;
}

.dl_con.search_xz{display: none;}

.search-prod{width: 16.9rem;margin: 0 auto;}
.search-prod .list{display: flex;flex-wrap: wrap;}
.search-prod .list .item{display: block;background-color: #fff;border-radius: 0.1rem;margin-bottom: 0.2rem;margin-right: 0.3rem;width: 4rem;padding-bottom: 0.45rem;position: relative;overflow: hidden;}
.search-prod .list .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 0.03rem;background: linear-gradient(90deg, #006BBA 0.89%, #00C2F6 99.73%);transition: all 0.5s;}
.search-prod .list .item:hover:after{width: 100%;}
.search-prod .list .item:nth-child(4n){margin-right: 0;}
.search-prod .list .item .pic{position: relative;display: flex;padding-top: 0.54rem; justify-content: center;width: 100%;height: 2.82rem;}
.search-prod .list .item .pic img{width: 2.6rem;height: 2.08rem;object-fit: contain;transition: all 0.5s;margin:0 auto;}
.search-prod .list .item:hover .pic img{transform: scale(1.05);}
.search-prod .list .item .pic .tips{position: absolute;top: 0.2rem;left: 0.2rem;display: flex;width: calc(100% - 0.4rem);}
.search-prod .list .item .pic .tips>div{width: fit-content;padding: 0 5px;line-height: 1.5;color: #ffffff;margin-right: 0.1rem;border-radius: 0.04rem;}

.search-prod .list .item .pic .tips .new{background-color: #00A73C;height: max-content;}
.search-prod .list .item .pic .tips .hot{background-color: #FFBD71;height: max-content;}
.search-prod .list .item .txt{padding: 0 0.4rem 0 0.4rem;text-align: center;}
.search-prod .list .item .txt .h_1{color: #333;line-height: 1.5;margin-bottom: 0.1rem;}
.search-prod .list .item .txt .h_2{color: #666;line-height: 1.5;margin-bottom: 0.54rem;}
.search-prod .list .item .more{width: fit-content;display: flex;align-items: center;margin: 0 auto;color: #666;transition: all 0.5s;}
.search-prod .list .item:hover .more{color: var(--color-vi);}
.search-prod .list .item .more .icon{width: 0.07rem;height: 0.07rem;margin-left: 0.1rem;}
.search-prod .list .item .more .icon svg{width: 100%;height: 100%; display: block;}
.search-prod .list .item .more .icon svg.svg2{display: none;}
.search-prod .list .item:hover .more .icon svg.svg2{display: block;}
.search-prod .list .item:hover .more .icon svg.svg1{display: none;}

.dl_con.search_xz,
.case_con.search-case,
.vi_con.search-video,
.nl2.search-news{padding: 0;}

.search_xz,
.search-case,
.search-video,
.search-news{width: 15.02rem;margin: 0 auto;}

.hp4 .ewm{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 0.6rem;}

.hp4 .ewm .item{margin: 0 0.2rem;}

.hp4 .ewm .item .code{border-radius: 0.2rem;border: 1px solid #D3D4D4;background: #FFF;padding: 0.1rem;width: fit-content;margin: 0 auto;}

.hp4 .ewm .item .code img{width: 2.05rem;height: 2.05rem;width: 1.35rem;height: 1.35rem;object-fit: contain;}

.hp4 .ewm .item .text{line-height: calc(32 / 18);margin-top: 0.2rem;text-align: center;}

.nl2.search-news .list .item:last-child{margin-bottom: 0;}

.search-main .page{margin-top: 0.6rem;}

.header .con .right .h_lag:hover .h_bot{display: block;}

.header .con .right .h_bot{
    position: absolute;
    left: -0.18rem;
    top: 100%;
    width: max-content;
    padding-top: 0.08rem;
    display: none;
}

.header .con .right .h_bot .bot{border-radius: 0.1rem;background: #FFF;box-shadow: 0 0.26rem 0.236rem -0.09rem rgba(91, 126, 163, 0.15);padding: 0.16rem 0.05rem 0.14rem;}

.header .con .right .h_bot .bot a{display: flex;align-items: center;padding: 0.08rem 0.16rem 0.08rem 0.1rem;margin-bottom: 0.04rem;border-radius: 0.06rem;}

.header .con .right .h_bot .bot a:last-child{margin-bottom: 0;}

.header .con .right .h_bot .bot a .aicon{width: 0.2rem;margin-right: 0.1rem;position: relative;}

.header .con .right .h_bot .bot a .aicon img{width: 100%;}

.header .con .right .h_bot .bot a .aicon img:nth-child(2){position: absolute;top: 0;opacity: 0;}

.header .con .right .h_bot .bot a .atxt{line-height: 1.5;color: #666;}

.header .con .right .h_bot .bot a.act,
.header .con .right .h_bot .bot a:hover{background: #F6FAFF;}

.header .con .right .h_bot .bot a.act .aicon img:nth-child(1),
.header .con .right .h_bot .bot a:hover .aicon img:nth-child(1){opacity: 0;}

.header .con .right .h_bot .bot a.act .aicon img:nth-child(2),
.header .con .right .h_bot .bot a:hover .aicon img:nth-child(2){opacity: 1;}

.header .con .right .h_bot .bot a.act .atxt,
.header .con .right .h_bot .bot a:hover .atxt{color: #005EAD;}












@media screen and (min-width:1025px) {
    .banner .swiper-slide.banner1 .txt .h_1{font-size: 0.46rem;}
    .banner .swiper-slide.banner1 .txt .h_2{font-size: 0.6rem;}
    .banner .swiper-slide.banner2 .txt .h_1{font-size: 0.6rem;}
    .banner .swiper-slide.banner2 .txt .h_2{font-size: 0.36rem;}
    .banner .swiper-slide.banner3 .txt .h_1{font-size: 0.4rem;}
    .banner .swiper-slide.banner3 .txt .h_2{font-size: 0.6rem;}
    .banner .swiper-slide.banner4 .txt .p1{font-size: 0.24rem;}
    .banner .swiper-slide.banner4 .txt .h_1{font-size: 0.6rem;}
    .banner .swiper-slide.banner4 .txt .h_2{font-size: 0.36rem;}
    .banner .swiper-slide.banner4 .txt .p2{font-size: 0.24rem;}
}


@media screen and (min-width:1921px) {
  body{font-size: 0.14rem;}
  .f_12 {font-size:0.12rem;}
  .f_14 {font-size:0.14rem;}
  .f_16 {font-size:0.16rem;}
  .f_18 {font-size:0.18rem;}
  .f_20 {font-size:0.2rem;}
  .f_22 {font-size:0.22rem;}
  .f_24 {font-size:0.24rem;}
  .f_26 {font-size:0.26rem;}
  .f_28 {font-size:0.28rem;}
  .f_30 {font-size:0.3rem;}
  .f_32 {font-size:0.32rem;}
  .f_34 {font-size:0.34rem;}
  .f_36 {font-size:0.36rem;}
  .f_38 {font-size:0.38rem;}
  .f_40 {font-size:0.40rem;}
  .f_42 {font-size:0.42rem;}
  .f_44 {font-size:0.44rem;}
  .f_46 {font-size:0.46rem;}
  .f_48 {font-size:0.48rem;}
  .f_50 {font-size:0.50rem;}
  .f_52 {font-size:0.52rem;}
  .f_54 {font-size:0.54rem;}
  .f_56 {font-size:0.56rem;}
  .f_58 {font-size:0.58rem;}
  .f_60 {font-size:0.60rem;}
  .f_62 {font-size:0.62rem;}
  .f_64 {font-size:0.64rem;}
  .f_66 {font-size:0.66rem;}
  .f_68 {font-size:0.68rem;}
  .f_70 {font-size:0.70rem;}
  .f_72 {font-size:0.72rem;}
  .f_74 {font-size:0.74rem;}
  .f_76 {font-size:0.76rem;}
  .f_78 {font-size:0.78rem;}
  .f_80 {font-size:0.80rem;}
  .f_90 {font-size:0.90rem;}
}
/*@media screen and (max-width:1680px) {*/
/*  .f_14 {font-size:13px;}*/
/*  .f_16 {font-size:14px;}*/
/*  .f_18 {font-size:16px;}*/
/*  .f_20 {font-size:18px;}*/
/*  .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:30px;}*/
/*  .f_34 {font-size:32px;}*/
/*  .f_36 {font-size:34px;}*/
/*  .f_38 {font-size:36px;}*/
/*  .f_40 {font-size:38px;}*/
/*  .f_42,.f_44 {font-size:40px;}*/
/*  .f_46 {font-size:42px;}*/
/*  .f_48 {font-size:44px;}*/
/*  .f_50 {font-size:46px;}*/
/*  .f_52 {font-size:48px;}*/
/*  .f_54 {font-size:48px;}*/
/*  .f_56 {font-size:48px;}*/
/*  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}*/
/*}*/
@media screen and (max-width:1680px) {
  .f_14 {font-size:13px;}
  .f_16 {font-size:14px;}
  .f_18 {font-size:16px;}
  .f_20 {font-size:18px;}
  .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:30px;}
  .f_34 {font-size:32px;}
  .f_36 {font-size:34px;}
  .f_38 {font-size:36px;}
  .f_40 {font-size:38px;}
  .f_42,.f_44 {font-size:40px;}
  .f_46 {font-size:36px;}
  .f_48 {font-size:44px;}
  .f_50 {font-size:46px;}
  .f_52 {font-size:48px;}
  .f_54 {font-size:48px;}
  .f_56 {font-size:48px;}
  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:52px;}
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_38 {font-size:34px;}
  .f_40 {font-size:36px;}
  .f_42,.f_44 {font-size:36px;}
  .f_46 {font-size:36px;}
  .f_48 {font-size:36px;}
  .f_50 {font-size:36px;}
  .f_52 {font-size:38px;}
  .f_54 {font-size:38px;}
  .f_56 {font-size:38px;}
  .f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}
}
@media screen and (max-width:1440px) {
  /*.f_16 {font-size:14px;}*/
  /*.f_18 {font-size:15px;}*/
  /*.f_20 {font-size:17px;}*/
  /*.f_22 {font-size:18px;}*/
  /*.f_24 {font-size:20px;}*/
  /*.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,.f_40 {font-size:30px;}*/
  /*.f_42,.f_44 {font-size:32px;}*/
  /*.f_46 {font-size:34px;}*/
  /*.f_48 {font-size:36px;}*/
  /*.f_50 {font-size:36px;}*/
  /*.f_52 {font-size:38px;}*/
  /*.f_54 {font-size:38px;}*/
  /*.f_56 {font-size:40px;}*/
  /*.f_58 {font-size:42px;}*/
  /*.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:44px;}*/
  .f_16 {font-size:14px;}
  .f_18 {font-size:15px;}
  .f_20 {font-size:17px;}
  .f_22 {font-size:18px;}
  .f_24 {font-size:18px;}
  .f_26 {font-size:20px;}
  .f_28 {font-size:22px;}
  .f_30 {font-size:24px;}
  .f_32 {font-size:24px;}
  .f_34 {font-size:24px;}
  .f_36 {font-size:24px;}
  .f_38,.f_40 {font-size:24px;}
  .f_42,.f_44 {font-size:25px;}
  .f_46 {font-size:26px;}
  .f_48,.f_50 {font-size:26px;}
  .f_52, .f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:28px;}
  .pl_banner .txt{top: 1.5rem;}
}
@media screen and (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:36px;}*/
  /*.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:40px;}*/
  
  .f_14 {font-size:12px;}
  .f_16 {font-size:14px;}
  .f_18 {font-size:14px;}
  .f_20 {font-size:14px;}
  .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:24px;}
  .f_38 {font-size:24px;}
  .f_40 {font-size:24px;}
  .f_42,.f_44 {font-size:25px;}
  .f_46 {font-size:25px;}
  .f_48,.f_50 {font-size:25px;}
  .f_52, .f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_66,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:26px;}
  
  .ipart1 .con .swiper-slide .con1 .txt .h{font-size: 26px}
}

@media screen and (max-width:1024px) {
  html {font-size:60px;}

  .f_14,.f_16 {font-size:12px;}
  .f_18,.f_20 {font-size:14px;}
  .f_22,.f_24,.f_26,.f_28 {font-size:16px;}
  .f_30,.f_32,.f_34 {font-size:18px;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size:20px;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:30px;}

  .pcbox{display: none;}

  .phbox{display: block;}
  
  
  
  .search1 {
    padding: 1.00rem 0;
  }

  .search1 .input {
    width: 90%;
  }

  .search-nav {
    padding: 0 5% .2.00rem;
    margin-top: 0.40rem;
    flex-wrap: wrap;
  }

  .search-nav .list {
    width: 100%;
    margin-top: .2.00rem;
    margin-left: 0;
  }

  .search-main {
    padding: 0.40rem;
  }

  .search-main .items:nth-child(2) {
    margin-top: 0;
  }

  .search-main .items {
    margin-bottom: 0.60rem;
  }

  .search-main .items:last-child {
    margin-bottom: 0;
  }

  .search-main .list1 {
    margin-top: .3.20rem;
    gap: 0.40rem;
  }

  .search-main .list1 .item {
    width: 100%;
    text-align: center;
  }

  .search-main .list1 .item .pic {
    margin: auto;
  }

  .search-main .list1 .item .item-text .tag {
    width: max-content;
    height: auto;
    padding: .0.80rem;
    margin: auto;
    margin-bottom: .0.80rem;
  }

  .search-main .list1 .item .item-text .more {
    justify-content: center;
  }

  .search-main .list1 .item .item-text .more span {
    font-size: 12px;
  }

  .search-main .search3 .items .list1 {
    flex-wrap: wrap;
  }

  .search-main .search3 .items .list1 .item {
    width: 100%;
  }

  .search-main .search3 .items .list1 .item .pic {
    width: 100%;
    height: 4.00rem;
  }

  .search-main .search4 .items .list1 .item {
    width: 100%;
    padding: 0.40rem;
  }

  .search-main .search4 .items .list1 .item .title .tag {
    width: max-content;
    height: auto;
    padding: .0.40rem .0.80rem;
  }

.ipart1 .top .swiper{width: calc(100% - 0.8rem);}

.ipart1 .con .swiper-slide .con1 .pic:before{background: linear-gradient(203deg, rgba(0, 0, 0, 0.00) 41.64%, rgba(0, 0, 0, 0.40) 85.17%);}
}