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


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

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

:root{
  --vi: #007FFF;
  --back: linear-gradient(90deg, #1173F6 0%, #5542CF 100%);
}
 @font-face {
  font-family: 'mom';
  src: url("../fonts/Montserrat-Bold.otf") format("truetype");
  font-weight: 600;
} 

@font-face {
  font-family: 'mom';
  src: url("../fonts/Montserrat-Light.otf") format("truetype");
  font-weight: 300;
} 

@font-face {
  font-family: 'mom';
  src: url("../fonts/Montserrat-Medium.otf") format("truetype");
  font-weight: 500;
} 

@font-face {
  font-family: 'mom';
  src: url("../fonts/Montserrat-Regular.otf") format("truetype");
  font-weight: 400;
} 





.f_12 {
  font-size: 12px;
}
.f_14 {
  font-size: 14px;
}
.f_16 {
  font-size: 16px;
}
.f_18 {
  font-size: 18px;
}
.f_20 {
  font-size: 20px;
}
.f_22 {
  font-size: 22px;
}
.f_24 {
  font-size: 24px;
}
.f_26 {
  font-size: 26px;
}
.f_28 {
  font-size: 28px;
}
.f_30 {
  font-size: 30px;
}
.f_32 {
  font-size: 32px;
}
.f_34 {
  font-size: 34px;
}
.f_36 {
  font-size: 36px;
}
.f_38 {
  font-size: 38px;
}
.f_40 {
  font-size: 40px;
}
.f_42 {
  font-size: 42px;
}
.f_44 {
  font-size: 44px;
}
.f_46 {
  font-size: 46px;
}
.f_48 {
  font-size: 46px;
}
.f_50 {
  font-size: 50px;
}
.f_52 {
  font-size: 52px;
}
.f_54 {
  font-size: 54px;
}
.f_56 {
  font-size: 56px;
}

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

html {
  font-size: calc(100vw/19.2);
}
@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}

/* 网站顶部 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header .con{padding: 0 2.7rem;display: flex;justify-content: space-between;align-items: center;background-color: #ffffff;border-bottom: 1px solid #ECECEC50;}
.header .con .logo{display: block;width: 1.83rem;}
.header .con .h_right{display: flex;align-items: center;justify-content: space-between;}
.header .con .h_right .h_nav{display: flex;gap: 0.52rem;margin-right: 1.45rem;}
.header .con .h_right .h_nav .li>a{line-height: #333;line-height: 1.2;padding: 0.43rem 0;display: block;transition: all 0.5s;font-weight: 400;}
.header .con .h_right .h_nav .li>a:hover{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.header .con .h_right .h_nav .li>a.active{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.header .con .h_right .h_ser{display: block;width: 0.18rem;height: 0.18rem;margin-right: 0.27rem;}
.header .con .h_right .h_lag{position: relative;cursor: pointer;}
.header .con .h_right .h_lag .h{display: flex;align-items: center;color: #333;font-weight: 500;}
.header .con .h_right .h_lag .h .icon1{width: 0.18rem;height: 0.18rem;margin-right: 0.08rem;}
.header .con .h_right .h_lag .h .jt{width: 0.09rem;height: 0.04rem;object-fit: contain;margin-left: 0.04rem;}
.header .con .h_right .h_lag ul{position: absolute;top: 168%;padding: 0.16rem 0.26rem 0.1rem 0.26rem;background-color:#fff;display: none;border-radius: 0.06rem;}
.header .con .h_right .h_lag ul a{line-height: 2.2;color: #333;transition: all 0.5s;white-space: nowrap;display: block;}
.header .con .h_right .h_lag ul a:hover{color: var(--vi);}
.header .con .h_right .btn{background: var(--back);color: #ffffff;font-weight: 400;line-height: 0.38rem;border-radius: 0.19rem;width: fit-content;padding: 0 0.23rem;border-radius: 0.2rem;margin-left: 0.27rem;}

.mimg{display: none!important;}
.more{width: fit-content;padding: 0.13rem 0.4rem;background-color: #F2F2F5;border-radius: 0.32rem;display: flex;align-items: center;gap: 0.1rem;color: #333;font-weight: 500;line-height: 1.25;transition: all 0.5s;}
.more1{border: 1px solid #fff;color: #fff;background-color: transparent;}
.more:hover{background: var(--back);color: #ffffff;}
.more1:hover{background: #fff;color: #333;}
.more .jt{width: 0.04rem;height: 0.08rem;}
.more .jt img{width: 100%;height: 100%;}
.more .jt img.img2{display: none;}
.more:hover .jt img.img1{display: none;}
.more:hover .jt img.img2{display: block;}

.more1:hover .jt img.img2{display: none;}
.more1:hover .jt img.img1{display: block;}

/* 网站底部 */
.footer{padding: 2.63rem 0 0 0;background: url(../img/f_bj.webp)no-repeat center;background-size: 100% 100%;position: relative;z-index: 2;}
.footer .f_bottom{padding: 0.15rem 1.94rem;display: flex;justify-content: space-between;align-items: center;background-color: rgba(255,255,255,0.05);}
.footer .f_bottom a{color: #ECECEC;font-weight: 300;line-height: 1.22;}
.footer .f_bottom a{color: #ECECEC;font-weight: 300;margin-right: 0.5rem;}
.footer .f_bottom p{color: #ECECEC;font-weight: 300;}

.footer .f_bottom .back{display: flex;align-items: center;gap: 0.05rem;color: #ECECEC;cursor: pointer;font-weight: 300;}
.footer .f_bottom .back img{width: 0.08rem;}
.footer .f_top{padding: 0 1.94rem 0.93rem 1.94rem;display: flex;justify-content: space-between;align-items: flex-start;}
.footer .f_top .t_left{width: fit-content;color: #ffffff;}
.footer .f_top .t_left .f_logo{display: block;width: 2.2rem;margin-bottom: 0.6rem;}
.footer .f_top .t_left .tit{line-height: 1.41;font-weight: 500;margin-bottom: 0.51rem;}
.footer .f_top form{display: flex;border-radius: 0.46rem;background: rgba(255, 255, 255, 0.20);padding: 0.05rem;width: fit-content; backdrop-filter: blur(40px);margin-bottom: 0.67rem;}
.footer .f_top form input{width: 2.6rem;margin-right: 0.1rem;background-color: transparent;color: #ffffff;font-weight: 300;line-height: 0.36rem;padding-left: 0.12rem;}
.footer .f_top form input::placeholder{color: rgba(255,255,255,0.8);}
.footer .f_top form button{line-height: 0.36rem;background-color: #ffffff;color: #333;text-align: center;border: none;width: 1.14rem;color: var(--vi);border-radius: 0.18rem;cursor: pointer;}
.footer .f_top .p{display: flex;align-items: center;margin-bottom: 0.2rem;color: #fff;font-weight: 500;line-height: 1.25;}
.footer .f_top .p:last-child{margin-bottom: 0;}
.footer .f_top .p a{color: #fff;font-weight: 400;}
.footer .f_top .fx{display: flex;gap: 0.11rem;margin-top: 0.23rem;}
.footer .f_top .fx a{display: block;width: 0.42rem;height: 0.42rem;}
.footer .f_top .fx a img{width: 100%;height: 100%;object-fit: contain;}
.footer .t_right{display: flex;gap: 0.78rem;}
.footer .t_right .item{max-width: ;}
.footer .t_right .h{color: #fff;line-height: 1.25;font-weight: 500;margin-bottom: 0.3rem;}
.footer .t_right a{color: #fff;line-height: 2.78;font-weight: 300;display: block;}

/* 首页 */
.banner{position: relative;width: 100%;height: 100vh;}
.banner .pic{width: 100%;height: 100vh;}
.banner .pic img,
.banner .pic video{width: 100%;height: 100%;object-fit: cover;display: block;}
.banner .txt{position: absolute;left: 0;bottom: 0;padding: 0 2.7rem 0.5rem 0.8rem;width: 100%;color: #ffffff;}
.banner .txt .p{line-height: 1.22;font-weight: 500;margin-bottom: 0.27rem;}
.banner .txt .h{font-weight: 600;line-height: 1.3;font-size: 1rem;}

.part1{padding: 2.04rem 2.46rem 0 1.87rem;position: relative;display: flex;justify-content: space-between;flex-flow:row-reverse;}
.part1::after{content: "";position: absolute;top: 0;right: 0;width: 3.59rem;height: 3.54rem;background: url(../img/ip1_kuai.webp)no-repeat center;background-size: cover;}
.part1 .left{width: 7.1rem;height: 8.31rem;position: relative;}
.part1 .left>div{position: absolute;border-radius: 0.16rem;overflow: hidden;}
.part1 .left>div img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.part1 .left>div:hover img{transform: scale(1.05);}
.part1 .left>div.pic1{top: 0;left: 0;width: 4.75rem;height: 4.61rem;}
.part1 .left>div.pic2{bottom: 0;right: 0;width: 2.99rem;height: 3.31rem;}
.part1 .right{width: 6.92rem;padding-top: 0.82rem;}
.part1 .right .p1{color: #333;line-height: 1.25;font-weight: 500;margin-bottom: 0.26rem;}
.part1 .right .tit{font-weight: 600;color: #333;line-height: 1;font-size: 0.7rem;margin-bottom: 0.5rem;}
.part1 .right .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.part1 .right .p2{color: #333;font-weight: 400;line-height: 2;margin-bottom: 0.64rem;}
.part1 .right .p3{color: #333;line-height: 2.68;font-weight: 500;margin-bottom: 0.1rem;}
.part1 .right li{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 0.6rem;font-weight: 500;position: relative;padding-left: 0.24rem;padding-left: 0;display: flex;gap:0.16rem;}
.part1 .right li img{width: auto;height: 0.28rem;margin-top: 0.16rem;}
/* .part1 .right li::before{content: "";position: absolute;top: 0.28rem;left: 0;width: 0.04rem;height: 0.04rem;border-radius: 50%;background: var(--back);} */

.part2{padding: 1.6rem 2.7rem 0 2.7rem;position: relative;}
.part2::after{content: "";position: absolute;top: -3.1rem;left: 0;width: 1.87rem;height:4.62rem;background: url(../img/ip2_kuai.webp)no-repeat center;background-size: cover;}
.part2 .top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 0.7rem;}
.part2 .top .left .p{color: #333;line-height: 1.25;font-weight: 500;margin-bottom: 0.26rem;}
.part2 .top .left .tit{color: #333;font-weight: 600;line-height: 1;font-size: 0.9rem;}
.part2 .top .left .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.part2 .top .right{display: flex;gap: 0.2rem;}
.part2 .list{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.3rem;}
.part2 .list .item{display: flex; width: calc(50% - 0.15rem);background: #F2F2F5;border-radius: 0.16rem;padding: 0.6rem 0.2rem 0.5rem 0.35rem;}
.part2 .list .item .txt{width: 4rem;}
.part2 .list .item .txt .h{color: #333;transition: all 0.5s;font-weight: 600;line-height: 1.23;margin-bottom: 0.13rem;display: flex;align-items: center;gap: 0.15rem;}
.part2 .list .item .txt .h img{width: 0.06rem;}
.part2 .list .item .txt .p{color: #333;line-height: 1.43;height: 2.86em;margin-bottom: 0.35rem;width: 3.4rem;}
.part2 .list .item .txt .p1{color: var(--vi);line-height: 1.25;font-weight: 400;margin-bottom: 0.15rem;}
.part2 .list .item .txt ul{display: flex;gap: 0.1rem;}
.part2 .list .item .txt ul li{width: fit-content;color: #333;font-weight: 500;background-color: #ffffff;border-radius: 0.23rem;overflow: hidden;}
.part2 .list .item .txt ul li a{color:#333;transition: all 0.5s;padding: 0.1rem 0.2rem;}
.part2 .list .item .txt ul li a:hover{color: #fff;background:var(--back);}
.part2 .list .item .pic{width: 2.1rem;height: 1.76rem;overflow: hidden;}
.part2 .list .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.part2 .list .item .pic:hover img{transform: scale(1.05);}

.part3{padding: 2.42rem 5.06rem 0 2.7rem;position: relative;flex-flow:row-reverse;}
.part3::after{content: "";position: absolute;top: 0.16rem;right: 0;width: 2.68rem;height:3.33rem;background: url(../img/ip3_kuai.webp)no-repeat center;background-size: cover;}
.part3 .pic{position: absolute;bottom: 0;right: 0;width: 13.14rem;}
.part3 .con{width: 100%;padding: 0.75rem 5.9rem 1.83rem 1.23rem;border-radius: 0.2rem;background: var(--back);color: #ffffff;position: relative;}
.part3 .con::after{content: "";position: absolute;left: 0;bottom: -0.62rem;width: 2.64rem;height:2.33rem;background: url(../img/ip3_kuai2.webp)no-repeat center;background-size: cover;}
.part3 .con .p{line-height: 1.25;font-weight: 500;margin-bottom: 0.26rem;}
.part3 .con .h{font-weight: 600;line-height: 1;font-size: 0.9rem;margin-bottom: 0.64rem;}
.part3 .con .h_1{line-height: 1.6;font-weight: 600;margin-bottom: 0.17rem;}
.part3 .con .p1{line-height: 1.62;font-weight: 400;margin-bottom: 0.57rem;}

.part4{padding: 2.43rem 2.7rem 1.95rem 0;display: flex;justify-content: space-between;align-items: center;flex-flow:row-reverse;}
.part4 .pic{width: 9.26rem;height: 7.43rem;border-radius: 0 20px 20px 0;overflow: hidden;}
.part4 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.part4 .pic:hover img{transform: scale(1.05);}
.part4 .txt{width: 6.27rem;color: #333;}
.part4 .txt .p{line-height: 1.25;font-weight: 500;margin-bottom: 0.26rem;}
.part4 .txt .h{font-weight: 600;line-height: 1;font-size: 0.9rem;margin-bottom: 0.64rem;}
.part4 .txt .h span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.part4 .txt .h_1{line-height: 1.6;font-weight: 600;margin-bottom: 0.17rem;}
.part4 .txt .p1{line-height: 1.62;font-weight: 400;margin-bottom: 0.57rem;}
/* 首页 end */

/* 产品列表 */
.pl_con{padding: 1.56rem 2.7rem 1.75rem 2.7rem;}
.pl_con .pl_tab{display: flex;gap: 0.5rem;position: sticky;padding-top: 0.2rem;padding-bottom: 0.15rem; z-index: 50;background-color: #fff;top: 1.1rem;}
.pl_con .pl_tab:after{content: "";position: absolute;left: 0;top: 0.76rem;width: 100%;height: 1px;background-color: rgba(51, 51, 51, 0.15);}
.pl_con .pl_tab .item{width: 100%;display: block;}
.pl_con .pl_tab .item .pic{width: 0.56rem;height: 0.56rem;margin: 0 auto;padding-bottom: 0.21rem;object-fit: contain;}
.pl_con .pl_tab .item .pic img{width: 100%;height: 0.55rem;object-fit: contain;transition: all 0.5s;}
.pl_con .pl_tab .item:hover .pic img{transform: scale(1.05);}
.pl_con .pl_tab .item.on .pic img{transform: scale(1.05);}
.pl_con .pl_tab .item .solid{width: 0%;height: 2px;background: var(--back);margin-bottom: 0.22rem;transition: all 0.5s;}
.pl_con .pl_tab .item:hover .solid{width: 100%;}
.pl_con .pl_tab .item.on .solid{width: 100%;}
.pl_con .pl_tab .item .h{color: #333;line-height: 1.25;font-weight: 400;text-align: center;transition: all 0.5s;}
.pl_con .pl_tab .item:hover .h{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}
.pl_con .box{margin-top:1.55rem;}
.pl_con .pl_tab .item.on .h{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}
.pl_con .box{margin-top:1.55rem;position: relative;}
.pl_con .box .top{display: flex;flex-flow:row-reverse;border-radius: 0.2rem;overflow: hidden;background: linear-gradient(90deg, #1173F6 0%, #5542CF 50%);color: #ffffff;justify-content: space-between;align-items: flex-end;margin-bottom: 0.2rem;}
.pl_con .box .top .pic{width: 7.26rem;height: 4.6rem;overflow: hidden;}
.pl_con .box .top .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pl_con .box .top .pic:hover img{transform: scale(1.05);}
.pl_con .box .top .txt{width: calc(100% - 7.26rem);padding: 0 1.22rem 0.64rem 0.57rem;}
.pl_con .box .top .txt .h{font-weight: 600;line-height: 1.52;margin-bottom: 0.25rem;}
.pl_con .box .top .txt .p{font-weight: 400;line-height: 2;}
.pl_con .box .bottom{display: flex;gap: 0.3rem;}
.pl_con .box .bottom .item{display: block;width: calc(33.33% - 0.2rem);}
.pl_con .box .bottom .item .pic{width: 100%;height: 3.42rem;border-radius: 0.16rem;overflow: hidden; background-color: #F2F2F5;margin-bottom: 0.3rem;}
.pl_con .box .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pl_con .box .bottom .item .pic:hover img{transform: scale(1.05);}
.pl_con .box .bottom .item .tit{display: flex;width: fit-content;align-items: center;gap: 0.15rem;margin-bottom: 0.07rem;color: #333;font-weight: 600;line-height: 1.23;transition: all 0.5s;}
.pl_con .box .bottom .item:hover .tit{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pl_con .box .bottom .item .tit img{display: block;width: 0.06rem;}
.pl_con .box .bottom .item .p{color: #333;font-weight: 300;line-height: 1.85;height: 3.7em; margin-bottom: 0.3rem;}
.pl_con .box .bottom .item li{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.25rem;}
.pl_con .box .bottom .item li:last-child{margin-bottom: 0;}
.pl_con .box .bottom .item li .name{color: var(--vi);font-weight: 600;line-height: 1.25;width: calc(40% - 10px);}
.pl_con .box .bottom .item li .txt{text-align: right;color: #333;font-weight: 500;line-height: 1.25;text-transform: capitalize;width: 60%;}
.pl_con .box .more{margin: 0 auto;margin-top: 0.8rem;}

.pl_con .box:nth-child(2)::before{content: "";position: absolute;left: -2.7rem;bottom: 1.48rem;width: 2.03rem;height: 2.52rem;background: url(../img/pl_kuai1.webp);background-size: 100% 100%;}
.pl_con .box:nth-child(5)::before{content: "";position: absolute;right: -2.7rem;bottom: 3.82rem;width: 2.27rem;height: 2.66rem;background: url(../img/pl_kuai2.webp);background-size: 100% 100%;}
/* 产品列表 end */

/* 产品详情 */
.pd_banner{padding: 2.37rem 0 0 0;position: relative;}
.pd_banner .bj{width: 13.62rem;height: 6.28rem;border-radius: 0 0.3rem 0.3rem 0;background: var(--back);}
.pd_banner .pic{position: absolute;top: 1.58rem;right: 0.56rem;width: 13.86rem;height: 6.49rem;border-radius: 0.3rem;overflow: hidden;}
.pd_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd_banner .txt{position: absolute;z-index: 3;color: #ffffff;top:3.49rem;left: 2.7rem;}
.pd_banner .txt .tit{line-height: 1.22;font-weight: 600;text-transform: capitalize;margin-bottom: 0.14rem;font-size: 1.2rem;}
.pd_banner .txt .p{line-height: 1.62;font-weight: 400;margin-bottom: 0.17rem;}
.pd_banner .txt .p1{line-height: 1.23;font-weight: 600;margin-bottom: 0.4rem;}
.pd_banner .txt .btns{display: flex;gap: 0.17rem;}
.pd_banner .txt .btns a{display: block;width: 0.69rem;}

.pd1{padding: 2rem 2.7rem 0 2.7rem;}
.pd1 .top{margin-bottom: 0.5rem;}
.pd1 .top .p{color: #333;line-height: 1.22;font-weight: 500;margin-bottom: 0.17rem;}
.pd1 .top .tit{color: #333;font-weight: 600;line-height: 1.22;}
.pd1 .top .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd1 .list1{display: flex;gap: 0.3rem;margin-bottom: 0.85rem;}
.pd1 .list1 .item{width: calc(33.33% - 0.2rem);border-radius: 0.14rem;border: 1px solid rgba(0, 0, 0, 0.10);padding: 0.35rem 0.6rem 0.33rem 0.6rem;text-align: center;}
.pd1 .list1 .item .icon{width: 0.36rem;height: 0.35rem;margin: 0 auto;margin-bottom: 0.28rem;}
.pd1 .list1 .item .h{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;line-height: 1.45;text-transform: capitalize;margin-bottom: 0.1rem;}
.pd1 .list1 .item .p{color: #423F3F;font-weight: 400;line-height: 1.62;}
.pd1 .tit1{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600; line-height: 1.45;margin-bottom: 0.3rem;}
.pd1 .list2{display: flex;gap: 0.3rem;}
.pd1 .list2 .item{width: calc(33.33% - 0.2rem);border-radius: 0.14rem;border: 1px solid rgba(0, 0, 0, 0.10);padding: 0.28rem 0.4rem 0.4rem 0.4rem;}
.pd1 .list2 .item .pic{width: 100%;height: 1.76rem;margin: 0 auto; margin-bottom: 0.49rem;width: 2.97rem;}
.pd1 .list2 .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pd1 .list2 .item:hover .pic img{transform: scale(1.05);}
.pd1 .list2 .item .h{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;line-height: 1.45;text-align: center;}

.pd1 .list2x{border:1px solid rgba(0, 0, 0, 0.10);border-radius: 0.14rem;overflow: hidden;display: flex;}
.pd1 .list2x .item{width: 2.98rem;}
.pd1 .list2x .item:nth-child(1){width: calc(100% - 5.96rem);}
.pd1 .list2x .item .top{display: flex;justify-content: center;align-items: center;width: 100%;height: 0.9rem;background-color: #F2F2F5;border-right: 1px solid rgba(0, 0, 0, 0.10);line-height: 1.45;font-weight: 600;text-transform: capitalize;margin-bottom: 0;}
.pd1 .list2x .item:last-child .top{border-right: none;}
.pd1 .list2x .item .top img{display: block;width: auto;height: 0.27rem;margin-right: 0.14rem;}
.pd1 .list2x .item .top span{background: var(--Linear, linear-gradient(90deg, #1173F6 0%, #5542CF 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd1 .list2x .item .boxs{display: flex;}
.pd1 .list2x .item .boxs .box{width: 100%;border-right: 1px solid rgba(0, 0, 0, 0.10);text-align: center;}
.pd1 .list2x .item .boxs .box .p{width: 100%;height: 0.72rem;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.10);color:#423F3F;font-weight: 400;line-height: 1.62;}
.pd1 .list2x .item .boxs .box .p .yuan{width: 0.14rem;height: 0.14rem;border-radius: 50%;border: 1px solid #1173F6;}
.pd1 .list2x .item .boxs .box .p:last-child{border-bottom: none;}
.pd1 .list2x .item:last-child .boxs .box:last-child{border-right: none;}
.pd1 .list2x .item .boxs .box .p:last-child{border-bottom: none;}
.pd1 .list2x .item:last-child .boxs .box .p{border-bottom: none;}

.pd2{padding: 1.14rem 2.7rem 0 2.7rem;}
.pd2 .con{background-color: #F2F2F5;border-radius: 0.3rem;padding: 0.78rem 0.55rem 0.55rem 0.55rem;}
.pd2 .con .pics{display: flex;align-items: center;justify-content: center;gap: 1.06rem;}
.pd2 .con .pics .pic{height: 3.3rem;}
.pd2 .con .pics .pic img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;}
.pd2 .con .pics .pic1{width: 48%;}
.pd2 .con .pics .pic2{width: 48%;}
.pd2 .con .txt{padding-top: 0.6rem;}
.pd2 .con .txt li{padding: 0.3rem 0 0.25rem 0;border-bottom: 1px solid rgba(0, 0, 0, 0.10);display: flex;align-items: center;}
.pd2 .con .txt li .p1{display: block;width: 5.6rem;padding-right: 0.2rem;background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;line-height: 1.45;padding-left: 0.26rem;position: relative;}
.pd2 .con .txt li .p1::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.08rem;height: 0.08rem;background: url(../img/pd3_quan.webp);background-size: 100% 100%;}
.pd2 .con .txt li .p2{width: calc(100% - 5.6rem);color: #423F3F;line-height: 1.77;font-weight: 400;}

.pd3{padding: 2.28rem 2.7rem 2rem 2.7rem;display: flex;justify-content: space-between;align-items: center;position: relative;flex-flow:row-reverse;}
.pd3 .pic{width: 9.5rem;height: 5.55rem;border-radius: 0.2rem;overflow: hidden;}
.pd3 .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd3 .pic video{width: 100%;height: 100%;object-fit: cover;}
.pd3 .txt{width: 3.7rem;}
.pd3 .txt .p1{color: #333;line-height: 1.22;font-weight: 500;margin-bottom: 0.17rem;}
.pd3 .txt .tit{color: #333;font-weight: 600;line-height: 1.22;margin-bottom: 0.5rem;}
.pd3 .txt .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd3 .txt .p{color: #333;line-height: 2;font-weight: 400;}
.pd3::after{content: "";position: absolute;right: 0;top: 0;width: 1.87rem;height: 4.62rem;background: url(../img/pd4_kuai.webp);background-size: 100% 100%;}

.pd4{padding: 1.4rem 2.7rem 0 2.7rem;background-color: #F2F2F5;}
.pd4 .top{margin-bottom: 0.5rem;}
.pd4 .top .p{color: #333;line-height: 1.22;font-weight: 500;margin-bottom: 0.17rem;}
.pd4 .top .tit{color: #333;font-weight: 600;line-height: 1.22;}
.pd4 .top .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd4 .con{padding: 0.8rem 1.2rem;background-color: #ffffff;border-radius: 0.3rem;}
.pd4 .con img{width: 100%;border-radius: 0.16rem;margin-bottom: 0.4rem;}
.pd4 .con img:last-child{margin-bottom: 0;}

.pd5{padding: 2rem 2.7rem 1.35rem 2.7rem;position: relative;background-color: #F2F2F5;}
.pd5::before{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 20vh;background-color: #F2F2F5;}
.pd5 .top{margin-bottom: 0.5rem;}
.pd5 .top .p{color: #333;line-height: 1.22;font-weight: 500;margin-bottom: 0.17rem;}
.pd5 .top .tit{color: #333;font-weight: 600;line-height: 1.22;}
.pd5 .top .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd5::after{content: "";position: absolute;right: 0;top: 0.48rem;width:2.03rem;height: 2.52rem;background: url(../img/pd5_kuai.webp);background-size: 100% 100%;}
.pd5 .h_1{padding: 0.13rem 0.33rem;border-radius: 0.1rem;background: var(--back);line-height: 1.22;color: #fff;font-weight: 500;margin-bottom: 0.3rem;}
.pd5 .list{display: flex;gap: 0.15rem;flex-wrap: wrap;}
.pd5 .list .item{width: calc(33.33% - 0.12rem);border-radius: 0.18rem;background: rgba(255, 255, 255, 0.80);padding: 0.3rem 0.26rem;min-height: 2.36rem;}
.pd5 .list .item .h{line-height: 1.77;font-weight: 600;color: #333;margin-bottom: 0.15rem;}
.pd5 .list .item .p{line-height: 1.75;font-weight: 400;color: #423F3F;}

.pd6{padding: 1.8rem 2.7rem 1.5rem 2.7rem;position: relative;background-color: #fff;z-index: 10;}
.pd6 .top{margin-bottom: 0.5rem;}
.pd6 .top .p{color: #333;line-height: 1.22;font-weight: 500;margin-bottom: 0.17rem;}
.pd6 .top .tit{color: #333;font-weight: 600;line-height: 1.22;}
.pd6 .top .tit span{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd6 .bottom{display: flex;gap: 0.3rem;}
.pd6 .bottom .item{display: block;width: calc(33.33% - 0.2rem);}
.pd6 .bottom .item .pic{width: 100%;height: 3.42rem;border-radius: 0.16rem;overflow: hidden; background-color: #F2F2F5;margin-bottom: 0.3rem;}
.pd6 .bottom .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pd6 .bottom .item .pic:hover img{transform: scale(1.05);}
.pd6 .bottom .item .tit{display: flex;width: fit-content;align-items: center;gap: 0.15rem;margin-bottom: 0.07rem;color: #333;font-weight: 600;line-height: 1.23;transition: all 0.5s;}
.pd6 .bottom .item:hover .tit{background: var(--back);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pd6 .bottom .item .tit img{display: block;width: 0.06rem;}
.pd6 .bottom .item .p{color: #333;font-weight: 300;line-height: 1.85;margin-bottom: 0.3rem;}
.pd6 .bottom .item li{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.25rem;}
.pd6 .bottom .item li:last-child{margin-bottom: 0;}
.pd6 .bottom .item li .name{color: var(--vi);font-weight: 600;line-height: 1.25;}
.pd6 .bottom .item li .txt{text-align: right;color: #333;font-weight: 500;line-height: 1.25;text-transform: capitalize;}

.pd5 .more{margin: 0 auto;margin-top: 0.55rem;background-color: #fff;}
/* 产品详情 end */
 

@media screen and (min-width: 1922px) {
}
@media screen and (max-width: 1680px) {
  .header .con .h_right .h_nav{margin-right: 1rem;gap: 0.5rem;}
}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {
  .header .con .h_right .h_nav{margin-right: 1rem;gap: 0.36rem;}

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

}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1024px) {
.mimg{display: block!important;}
.pimg{display: none!important;}
.header{display: none;}
.m_header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 13px 18px;
  z-index: 98;
  border-bottom: 1px solid rgba(119, 119, 119, 0.10);
  background: #FFF;
  display: block!important;
  display: flex !important;
        justify-content: space-between;
        align-items: center;
    
}

.m_header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 131px;
}

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

.m_header .h_mean {
  width: 21px;
  height: 21px;
}
.m_header .h_mean img{width: 100%;height: 100%;object-fit: contain;}
.m_header .lag{cursor: pointer;position: relative;}
.m_header .lag .h{display: flex;align-items: center;color: #000;font-size: 14PX;}
.m_header .lag .h img:first-child{width: 18px;height: 18px;margin-right: 0.08rem;}
.m_header .lag .h img:last-child{width: 0.09rem;margin-left: 0.04rem;}
.m_header .lag .pos-cont{position: absolute;top: calc(100% + 0.13rem);left: -0.8rem;width: 1.72rem;padding: 0.2rem 0 0.04rem 0;text-align: center;border-radius: 0.13rem;border: 1px solid #DCDCDC;background: #FFF;display: none;}
.m_header .lag .pos-cont a{display: block;line-height: 1.25;margin-bottom: 0.16rem; color: #423F3F;transition: all 0.5s;}
.m_header .lag .pos-cont a:hover{background: linear-gradient(90deg, #1173F6 0%, #5542CF 100%);background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

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

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

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

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

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

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


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

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

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

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

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

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

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

.mh_nav .nav>li .nav2 a {
  font-size: 13px;
  padding: 0;
}


.footer{padding: 70px 0 0 0;background-image: url(../img/fm_bj.png);}
.footer .f_top{padding: 0 18px;padding-bottom: 30px;display: block;}
.footer .f_top .t_left{width: 100%;}
.footer .f_top .t_left .f_logo{width: 130px;margin: 0 auto;margin-bottom: 20px;}
.footer .f_top .p{font-size: 16px;justify-content: center;margin-bottom: 20px;}
.footer .f_top .fx{margin-top: 0;padding-top: 20px;justify-content: center;border-top: 1px solid rgba(255, 255, 255, 0.2);gap: 12px;}
.footer .f_top .fx a{width: 26px;height: 26px;}
.footer .t_right{display: none;}
.footer .f_bottom{padding: 12px 18px;display: block;    font-size: 12px;}
.footer .f_bottom>div:nth-child(1){display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;}
.footer .f_bottom a{margin-right: 0;}
.footer .f_bottom>div:nth-child(1) a:nth-child(1){width: 100%;margin-right: 0;text-align: center;}
.footer .f_bottom .back{display: none;}
.more{font-size: 13px;}

.banner .txt{padding: 0 18px;bottom: 40px;}
.banner .txt .h{font-size: 42px;}
.banner .txt .p{font-size: 18px;}
.part1{padding: 90px 18px 0 18px;display: block;}
.part1 .right{width: 100%;padding-top: 0;margin-bottom: 30px;}
.part1 .left{width: 100%;height: 125vw;}
.part1 .left>div.pic1{top:0;left: 0;width: 76.4vw;height: 74.13vw;}
.part1 .left>div.pic2{bottom: 0;left: auto;right: 0;width: 42vw;height: 46.67vw;}
.part1 .right .p1{font-size: 18px;margin-bottom: 8px;}
.part1 .right .tit{font-size: 32px;margin-bottom: 21px;}
.part1 .right .p2{font-size: 14px;margin-bottom: 40px;}
.part1 .right .p3{margin-bottom: 0;font-size: 20px;}
.part1 .right ul{font-size: 14px;}
.part1 .right li{line-height: 20px;margin-bottom: 20px;}
.part1 .right li:last-child{margin-bottom: 0;}
.part1 .right li img{height: 20px;margin-top: 0;}

.part2{padding: 90px 18px 0 18px;}
.part2 .top{margin-bottom: 30px;}
.part2 .top .left .p{font-size: 18px;margin-bottom: 4px;}
.part2 .top .left .tit{font-size: 32px;line-height: 1.36;}
.part2 .list{gap: 20px;}
.part2 .list .item{width: 100%;padding: 28px 0 22px 16px;}
.part2 .list .item .txt{width: 50%;}
.part2 .list .item .txt .h{font-size: 20px;margin-bottom: 6px;}
.part2 .list .item .txt .p{width: 100%;font-size: 14px;margin-bottom: 38px;}
.part2 .list .item .txt ul{font-size: 12px;gap: 5px;}
.part2 .list .item .txt ul li a{padding: 5px 10px;}
.part2 .list .item .txt .p1{display: none;}
.part2 .list .item .pic{width: 48%;height: 39.6vw;}

.part3{padding: 90px 18px 115px 18px;}
.part3 .con{padding: 40px 16px 102px;}
.part3 .pic{width: 100%;}
.part3 .con .p{font-size: 18px;margin-bottom: 0;}
.part3 .con .h{font-size: 32px;margin: 4px 0 25px 0;}
.part3 .con .h_1{font-size: 18px;margin-bottom: 11px;}
.part3 .con .p1{font-size: 14px;margin-bottom: 20px;}

.part4{padding: 72px 18px 90px 18px;display: block;}
.part4 .pic{width: 100%;height: 85.46vw;}
.part4 .txt{width: 100%;margin-bottom: 40px;}
.part4 .txt .p{font-size: 18px;margin-bottom: 4px;}
.part4 .txt .h{font-size: 32px;margin-bottom: 25px;}
.part4 .txt .h_1{font-size: 18px;margin-bottom: 11px;}
.part4 .txt .p1{font-size: 14px;margin-bottom: 20px;}

.pl_con{padding: 60px 18px;}
.pl_con .box{margin-top: 50px;overflow: hidden;}
.pl_con .box .top{display: block;margin-bottom: 20px;}
.pl_con .box .top .pic {width: 100%;height: 57vw;}
.pl_con .box .top .txt{width: 100%;padding: 26px 18px;}
.pl_con .box .top .txt .h{font-size: 20px;margin-bottom: 12px;}
.pl_con .box .top .txt .p{font-size: 13px;}
.pl_con .box .bottom{flex-wrap: wrap;gap: 20px;}
.pl_con .box .bottom .item{width: 100%;}
.pl_con .pl_tab{top: 0.9rem;}
.pl_con .pl_tab .item .h{font-size: 13px;}
.pl_con .box .bottom .item .pic{height: 72vw;}
.pl_con .box .bottom .item .tit{font-size: 18px;}
.pl_con .box .bottom .item .p{font-size: 12px;margin-bottom: 12px;height: auto;}
.pl_con .box .bottom .item ul{font-size: 13px;}
.pl_con .box .bottom .item li{margin-bottom: 10px;}

.pd_banner{padding: 60px 34px 110px 0;}
.pd_banner .bj{width: 100%;height: 133vw;}
.pd_banner .txt{position: absolute;top: 82px;left: 34px;width: calc(100% - 61px);}
.pd_banner .txt .tit{font-size: 50px;}
.pd_banner .txt .p{font-size: 13px;}
.pd_banner .txt .p1{font-size: 20px;}
.pd_banner .pic{top: auto;bottom: 0;right: 18px;width: 86.13vw;height: 102vw;}

.pd1{padding: 60px 18px 0 18px;}
.pd1 .top{margin-bottom: 30px;}
.pd1 .top .p{font-size: 18px;margin-bottom: 4px;}
.pd1 .top .tit{font-size: 32px;}
.pd1 .list1{flex-wrap: wrap;gap: 16px;margin-bottom: 45px;}
.pd1 .list1 .item{width: 100%;display: flex;padding: 18px 42px 21px 42px;display: flex;align-items: center;gap: 40px;}
.pd1 .list1 .item .icon{width: 30px;height: 30px;}
.pd1 .list1 .item .txt{width: calc(100% - 70px);text-align: left;}
.pd1 .list1 .item .txt .h{font-size: 20px;margin-bottom: 6px;}
.pd1 .list1 .item .txt .p{font-size: 14px;}
.pd1 .tit1{font-size: 20px;margin-bottom: 20px;}
.pd1 .list2x{flex-wrap: wrap;border: none;}
.pd1 .list2x .item{width: 50%;}
.pd1 .list2x .item:nth-child(2){border-radius: 0.14rem 0 0 0.14rem;overflow: hidden;border-left: 1px solid rgba(0, 0, 0, 0.10);border-bottom: 1px solid rgba(0, 0, 0, 0.10);border-top: 1px solid rgba(0, 0, 0, 0.1);}
.pd1 .list2x .item:nth-child(3){border-radius: 0 0.14rem 0.14rem 0;overflow: hidden;border-right: 1px solid rgba(0, 0, 0, 0.10);border-bottom: 1px solid rgba(0, 0, 0, 0.10);border-top: 1px solid rgba(0, 0, 0, 0.1);}
.pd1 .list2x .item:nth-child(1){width: 100%;margin-bottom: 20px;border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0.14rem;overflow: hidden;}
.pd1 .list2x .item:nth-child(1) .top{border-right: none;}
.pd1 .list2x .item:nth-child(1) .boxs .box:last-child{border-right: none;}
.pd1 .list2x .item .top span{font-size: 14px;}
.pd1 .list2x .item .boxs .box .p{font-size: 12px;}

.pd2{padding: 60px 18px 0 18px;}
.pd2 .con{padding: 46px 16px;}
.pd2 .con .pics{gap: 10px;margin-bottom: 15px;}
.pd2 .con .pics .pic1{width: 100%;}
.pd2 .con .pics .pic2{width: 100%;}
.pd2 .con .txt{width: 100%;}
.pd2 .con .txt li{display: block;padding: 20px 0 18px 0;}
.pd2 .con .txt li .p1{width: 100%;font-size: 18px;margin-bottom: 12px;padding: 0;}
.pd2 .con .txt li .p2{width: 100%;font-size: 14px;}

.pd3{padding: 60px 18px;display: block;}
.pd3 .txt{width: 100%;margin-bottom: 26px;}
.pd3 .txt .p1{font-size: 18px;margin-bottom: 4px;}
.pd3 .txt .tit{font-size: 32px;margin-bottom: 20px;}
.pd3 .txt .p{font-size: 14px;}
.pd3 .pic{width: 100%;height: 51vw;}

.pd5{padding: 60px 18px;}
.pd5 .top{margin-bottom: 26px;}
.pd5 .top .p{font-size: 18px;margin-bottom: 4px;}
.pd5 .top .tit{font-size: 32px;}
.pd5 .h_1{font-size: 18px;margin-bottom: 16px;}
.pd5 .list{gap: 16px;}
.pd5 .list .item{width: calc(50% - 8px);padding: 16px 15px;}
.pd5 .list .item .h{font-size: 12px;}
.pd5 .list .item .p{font-size: 9px;}

.pd6{padding: 60px 18px;}
.pd6 .top{margin-bottom: 26px;}
.pd6 .top .p{font-size: 18px;margin-bottom: 4px;}
.pd6 .top .tit{font-size: 32px;}
.pd6 .bottom{gap: 30px;flex-wrap: wrap;}
.pd6 .bottom .item{width: 100%;}
.pd6 .bottom .item .pic{height: 72vw;}
.pd6 .bottom .item .tit{font-size: 18px;}
.pd6 .bottom .item .p{font-size: 12px;margin-bottom: 12px;height: auto;}
.pd6 .bottom .item ul{font-size: 13px;}
.pd6 .bottom .item li{margin-bottom: 10px;}

}

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

}