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

/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);}
body::-webkit-scrollbar-track{ background:#000;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 微软雅黑;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
  @font-face {
    font-family: 'mb';
	src: url("../font/manrope-bold-2.otf");
  }
  @font-face {
    font-family: 'mm';
	src: url("../font/manrope-medium-5.otf");
  }
  @font-face {
    font-family: 'din';
	src: url("../font/din.ttf");
  }
  @font-face {
    font-family: 'dinb';
	src: url("../font/dinb.ttf");
  }
  @font-face {
    font-family: 'nb';
	src: url("../font/nb.OTF");
  }
 @font-face {
   font-family: 'hb';
 	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Bold.ttf");
 }
 @font-face {
   font-family: 'hbl';
 	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Black.ttf");
 }
 @font-face {
   font-family: 'hl';
 	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Light.ttf");
 }
 @font-face {
   font-family: 'hm';
 	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Medium.ttf");
 }
 @font-face {
   font-family: 'hr';
 	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Regular.ttf");
 }


.f_12 {
    font-size: 0.12rem;
}
.f_13 {
    font-size: 0.13rem;
}
.f_14 {
    font-size: 0.14rem;
}

.f_15 {
    font-size: 0.15rem;
}

.f_16 {
    font-size: 0.16rem;
}

.f_18 {
    font-size: 0.17rem;
}

.f_20 {
    font-size: 0.20rem;
}
.f_21 {
    font-size: 0.21rem;
}

.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_35 {
    font-size: 0.35rem;
}

.f_36 {
    font-size: 0.36rem;
}

.f_38 {
    font-size: 0.38rem;
}

.f_40 {
    font-size: 0.4rem;
}

.f_42 {
    font-size: 0.42rem;
}

.f_44 {
    font-size: 0.44rem;
}
.f_45 {
    font-size: 0.45rem;
}
.f_46 {
    font-size: 0.46rem;
}
.f_48 {
    font-size: 0.48rem;
}

.f_50 {
    font-size: 0.5rem;
}

.f_52{
    font-size: 0.52rem;
}

.f_55 {
    font-size: 0.55rem;
}

.f_56 {
    font-size: 0.56rem;
}

.f_60 {
    font-size: 0.6rem;
}

.f_64 {
    font-size: 0.64rem;
}

.f_66 {
    font-size: 0.66rem;
}

.f_68 {
    font-size: 0.68rem;
}

.f_72 {
    font-size: 0.72rem;
}

.f_80 {
    font-size: 0.8rem;
}

.f_86 {
    font-size: 0.86rem;
}

.f_88 {
    font-size: 0.88rem;
}

.f_90 {
    font-size: 0.9rem;
}

.f_100 {
    font-size: 1rem;
}

.f_110 {
    font-size: 1.1rem;
}

.f_112 {
    font-size: 1.12rem;
}

.f_122 {
    font-size: 1.22rem;
}

.header{position: fixed;z-index: 999;width: 100%;display: flex;justify-content: center;align-items: center;padding: 0.44rem 0;transition: all 0.5s;}
.header a{color: #ffffff;line-height: 0.22rem;margin: 0 0.35rem;transition: all 0.5s;}
.header a.on,.header a:hover{color: #A08461;}
.header a.logo{width: 2.14rem;}
.header .img2{display: none;}

.header.on{padding: 0.36rem 0;background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.06);}
.header.on a{color: #000000;}
.header.on .img2{display: block;}
.header.on .img1{display: none;}

.header.ny{padding: 0.36rem 0;background-color: #ffffff;}
.header.ny a{color: #000000;}
.header.ny .img2{display: block;}
.header.ny .img1{display: none;}

.m_header{display: none;}
.mh_nav{display: none;}

.w1280{position: relative;width:66.67%;margin: 0 auto;}
.w1520{position: relative;width:79.16%;margin: 0 auto;}
.w1640{position: relative;width:85.4%;margin: 0 auto;}
.w1860{position: relative;width:96.875%;margin: 0 auto;}

.banner{position: relative;overflow: hidden;}
.banner .swiper-slide{width: 100%;height:100vh;display: flex;justify-content: center;align-items: center;position: relative;}
.banner .swiper-slide .img_p,.banner .swiper-slide .img_m{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;z-index: -1;}
.banner .swiper-slide .img_p video{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);object-fit: fill;}
.banner .swiper-slide .img_m{display: none;}
.banner .swiper-slide .txt{width: 480px;text-align: center;}
.banner .swiper-slide .txt img{width: 2.9rem;display: block;margin: 0 auto;margin-bottom: 0.04rem;}
.banner .swiper-slide .txt .h{line-height: 1.12rem;color: #fff;font-weight: bold;}
.banner .swiper-pagination{bottom: 0.3rem;}
.banner .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: #C5C5C5;width: 0.1rem; height: 0.1rem;margin: 0 0.06rem; background-color: #C5C5C5;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #A08461;transform: scale(1.9);}

.part1{position: relative;width: 100%;z-index: 2;background: url(../img/ip1_bj.png)no-repeat center;background-size: 100vw 100vh;background-attachment: fixed;}
/* .part1:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100vh;} */
.part1 .box{display: flex;}
.part1 .box:nth-child(2){flex-flow:row-reverse;}
.part1 .box .pics{width: 50vw;overflow: hidden;position: relative;height: 100vh;}
.part1 .box .pics .pic{position: absolute;top: 0;left: 0; width: 0vw;height: 100%;background-repeat: no-repeat;background-position:center;  background-size: cover;transition: all 0.8s;}
.part1 .box:nth-child(2n) .pics .pic{left: auto;right: 0;background-position: right 0;}
.part1 .box .pics.show .pic{width: 50vw;}
.part1 .box .txts{width: 50%;display: flex;justify-content: center;align-items: center;position: relative;}
.part1 .box:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);z-index: -1;}
.part1 .box .txts .txt{color: #ffffff;position: relative;z-index: 2;}
.part1 .box .txts .txt .h{line-height: 0.42rem;font-weight: bold;margin-bottom: 0.46rem;}
.part1 .box .txts .txt ul{margin-bottom: 0.46rem;}
.part1 .box .txts .txt ul li{line-height: 0.3rem;padding-left: 0.26rem;position: relative;}
.part1 .box .txts .txt ul li::before{content: "";position: absolute;left: 0;top: 0.1rem;width: 0.1rem;height: 0.1rem;background-color: #ffffff;border-radius: 50%;}
.part1 .box .txts .txt .more{width: 1.15rem;line-height: 0.38rem;display: block; border:1px solid #ffffff;text-align: center;color: #ffffff;position: relative;z-index: 2;}
.part1 .box .txts .txt .more:hover{border-color: transparent;}
.part1 .box .txts .txt .more:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #A08461;z-index: -1;transition: all 0.5s;}
.part1 .box .txts .txt .more:hover:after{width: 100%;}

.part2{background: url(../img/ip2_bj.png)no-repeat center;background-size: cover;height: 100vh;position: relative;}
.part2 .w1520{display: flex;align-items: center;height: 100%;}
.part2 .w1520 .txt{color: #ffffff;width: 6.16rem;}
.part2 .w1520 .txt .h1{font-weight: bold;line-height: 0.58rem;margin-bottom: 0.18rem;}
.part2 .w1520 .txt .h2{font-weight: bold;line-height: 0.46rem;margin-bottom: 0.32rem;}
.part2 .w1520 .txt .p{line-height: 0.32rem;color: rgba(255,255,255,0.67);margin-bottom: 0.58rem;}
.part2 .w1520 .txt .more{width: 1.15rem;line-height: 0.38rem;display: block; border:1px solid #ffffff;text-align: center;color: #ffffff;position: relative;z-index: 2;margin-bottom: 0.58rem;}
.part2 .w1520 .txt .more:hover{border-color: transparent;}
.part2 .w1520 .txt .more:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #A08461;z-index: -1;transition: all 0.5s;}
.part2 .w1520 .txt .more:hover:after{width: 100%;}
.part2 .w1520 .txt .num_box{display: flex;justify-content: space-between;}
.part2 .w1520 .txt .num_box .top{font-family: dinb;margin-bottom: 0.1rem;}
.part2 .w1520 .txt .num_box .top .add{vertical-align: top;font-size: 0.24rem;}
.part2 .w1520 .txt .num_box .top .bai{font-size: 0.22rem;}
.part2 .w1520 .txt .num_box .p{line-height: 0.2rem;}
.part2 .w1520 .yuan{position: absolute; top: 46%;left: 74%;width: 0.96rem;height: 0.96rem;transform: translate(-50%,-50%);z-index: 2;}
.part2 .w1520 .yuan:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #4298F670;width: 100%;height: 100%;border-radius: 50%;z-index: -1;animation: boderM 3s .75s infinite;}
@keyframes boderM {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0}

    20% {opacity: 1}

    75% {transform: translate(-50%, -50%) scale(1.5);opacity: 0}

    100% {opacity: 0}

}

.part3{padding: 0.8rem 0;}
.part3 .title{text-align: center;line-height: 0.65rem;margin-bottom: 0.5rem;font-weight: bold;}
.part3 .w1640{display: flex;justify-content: space-between;}
.part3 .w1640 .box{width: 5.2rem;display: block;box-shadow: 0 0 0.72rem rgba(0,0,0,0.06);position: relative;}
.part3 .w1640 .box .pics{width: 100%;position: relative;overflow: hidden;}
.part3 .w1640 .box .pics .tit{position: absolute;top: 0;left: 0;width: 1.6rem;line-height: 0.6rem;text-align: center;color: #ffffff;background-color: #A08461;}
.part3 .w1640 .box .pics .pic{width: 100%;height: 3.6rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.part3 .w1640 .box .pics:hover .pic{transform: scale(1.05);}
.part3 .w1640 .box .txt{background-color: #ffffff;padding: 0.46rem 0.29rem 0.4rem 0.29rem;}
.part3 .w1640 .box .txt .h{line-height: 0.32rem;margin-bottom: 0.28rem;height: 0.32rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000000;}
.part3 .w1640 .box .txt .p{line-height: 0.3rem;height: 0.6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgba(1,3,4,0.55);margin-bottom: 0.58rem;}
.part3 .w1640 .box .txt .bottom{display: flex;justify-content: space-between;align-items: center;}
.part3 .w1640 .box .txt .more{width: 1.15rem;line-height: 0.38rem;display: block; border:1px solid #BEBEBE;text-align: center;color: #707070;position: relative;z-index: 2;}
.part3 .w1640 .box:hover .txt .more{border-color: transparent;color: #ffffff;}
.part3 .w1640 .box .txt .more:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #A08461;z-index: -1;transition: all 0.5s;}
.part3 .w1640 .box:hover .txt .more:after{width: 100%;}
.part3 .w1640 a.box:after{content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background-color: #A08461;transition: all 0.5s;}
.part3 .w1640 a.box:hover:after{width: 100%;}
.part3 .w1640 .box .txt .bottom .day{color: #000000;transition: all 0.5s;}
.part3 .w1640 .box:hover .txt .bottom .day{color: #A08461;}
.part3 .w1640 div.box{padding: 0.95rem 0.44rem 0.38rem 0.44rem;position: relative;}
.part3 .w1640 div.box .tit{position: absolute;top: 0;left: 0;width: 1.6rem;line-height: 0.6rem;text-align: center;color: #ffffff;background-color: #A08461;}

.part3 .w1640 div.box li{margin-bottom: 0.28rem;}
.part3 .w1640 div.box li:last-child{margin-bottom: 0;}
.part3 .w1640 div.box li .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.13rem;color: #000000;transition: all 0.5s;}
.part3 .w1640 div.box li .top .h{width: calc(100% - 0.8rem);line-height: 0.28rem;height: 0.28rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.part3 .w1640 div.box li .top .day{width: 0.8rem;}
.part3 .w1640 div.box li .p{line-height: 0.22rem;color: rgba(1,3,4,0.55);height: 0.22rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.part3 .w1640 div.box li:hover .top{color: #A08461;}

/* 产品列表 */
.pl_con{background-color: #F1F1E8;padding: 1.85rem 0 0 0;}
.pl_con .w1520{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.pl_con .w1520 .box{width: 4.4rem;color: #333333;transition: all 0.5s;}
.pl_con .w1520 a.box{margin-bottom: 1.3rem;}
.pl_con .w1520 .box .pics{width: 100%;overflow: hidden;margin-bottom: 0.1rem;}
.pl_con .w1520 .box .pics .pic{width: 100%;height: 2.68rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.pl_con .w1520 .box:hover .pics .pic{transform: scale(1.05);}
.pl_con .w1520 .box .h{line-height: 0.32rem;height: 0.32rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.19rem;}
.pl_con .w1520 .box .p{line-height: 0.19rem;}
.pl_con .w1520 .box:hover{color: #A08461;}

.pl_con form{display: flex;justify-content: center;margin-bottom: 0.7rem;}
.pl_con form input{width: 4.4rem;line-height: 0.7rem;border-radius: 0.35rem;border: 1px solid #333;padding: 0 14px;background-color: transparent;}

.ny_banner{height: 100vh;background: no-repeat center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.ny_banner .txt{text-align: center;color: #ffffff;}
.ny_banner .txt .h{font-weight: bold;line-height: 1.12rem;margin-bottom: 0.16rem;}
.ny_banner .txt .p{font-weight: bold;line-height: 0.4rem;}

/* 联系我们 */
.con_con{padding: 1rem 0;}
.con_con .tab{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.37rem;}
.con_con .tab .left{display: flex;align-items: center;}
.con_con .tab .left span{margin: 0 0.07rem;}
.con_con .tab .left a{color: #333333;transition: all 0.5s;}
.con_con .tab .left a.on,.con_con .tab .left a:hover{color: #A08461;}
.con_con .tab .right{display: flex;}
.con_con .tab .right a{margin-left: 0.72rem;padding: 0 3px; padding-bottom: 0.2rem;position: relative;line-height: 0.2rem;color: #333333;transition: all 0.5s;}
.con_con .tab .right a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background-color: #A08461;transition: all 0.5s;}
.con_con .tab .right a:hover:after,.con_con .tab .right a.on:after{width: 100%;}
.con_con .tab .right a:hover,.con_con .tab .right a.on{color:#A08461;}
.con_con1{box-shadow: 0 0 0.25rem rgba(0,0,0,0.12);display: flex;justify-content: space-between;border-left: 2px solid #A08461;}
.con_con1 .txt{padding:0.5rem 0 0.72rem 0.66rem;width: 4.6rem;}
.con_con1 .txt .h{font-weight: bold;color: #333333;line-height: 0.5rem;padding-bottom: 0.26rem;position: relative;border-bottom: 1px solid rgba(0,0,0,0.1);}
.con_con1 .txt .h:after{content: "";position: absolute;bottom: -1px;left: 0;width: 0.9rem;height: 2px;background-color: #A08461;}
.con_con1 .txt .h1{margin-top: 0.3rem;font-weight: bold;color: #333333;line-height: 0.28rem;margin-bottom: 0.1rem;}
.con_con1 .txt .num{color: #A08461;font-weight: bold;line-height: 0.32rem;}
.con_con1 .txt .p1{line-height: 0.22rem;color: #707070;}
.con_con1 .pics{width: 7.6rem;overflow: hidden;margin: 0.13rem 0;}
.con_con1 .pics .pic{width: 100%;height: 4.52rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.con_con1 .pics .pic:hover{transform: scale(1.05);}
.con_con2{padding: 1.2rem 0 1rem 0;}
.con_con2 .li{display: flex;justify-content: space-between;margin-bottom: 0.5rem;}
.con_con2 .li .input{width: 4.52rem;line-height: 0.77rem;background: no-repeat 0.24rem center;padding-left: 0.46rem; background-color: #F8F8F8;}
.con_con2 .li .input input{line-height: 0.77rem;background-color: transparent;}
.con_con2 .li .input1{width: 9.87rem;}
.con_con2 .li .input2{background: no-repeat 0.24rem 0.16rem; background-color: #F8F8F8;width: 100%;height: 2rem;}
.con_con2 .li .input2 textarea{border: none;background-color: transparent;height: 2rem;line-height: 0.44rem;}
.con_con2 .sub{width: 1.15rem;line-height: 0.4rem;display: block;margin: 0 auto;margin-top: 1rem; color: #ffffff;background-color: #A08461;transition: all 0.5s;}
.con_con2 .sub:hover{opacity: 0.7;}

/* 关于我们 */
.ab1{padding: 1.84rem 0 0.7rem 0;}
.ab1 .top{position: relative;display: flex;justify-content: space-between;z-index: 2;}
.ab1 .top .txt{width: 5.16rem;color: #333333;}
.ab1 .top .txt .h{line-height: 0.66rem;font-weight: bold;margin-bottom: 0.5rem;padding-bottom: 0.38rem;border-bottom: 2px solid #333333;}
.ab1 .top .txt .p{line-height: 0.44rem;}
.ab1 .top .pics{width: 0;overflow: hidden;height: 4.7rem;position: relative;transition: all 0.8s;}
.ab1 .top .pics.show{width: 9rem;}
.ab1 .top .pics .pic{position: absolute;top: 0;right: 0;width: 9rem;height: 100%;background: no-repeat center;background-size: cover;}
.ab1 .top:after{content: "";position: absolute;bottom: -0.5rem;left: -0.4rem;width: 8.1rem;height: 4.9rem;background: url(../img/ab1_bj.png)no-repeat center;background-size: cover;z-index: -1;}
.ab1 .bottom{display: flex;justify-content: space-between;text-align: center;margin-top: 1.08rem;}
.ab1 .bottom img{max-width: 0.6rem;max-height: 0.6rem;margin-bottom: 0.05rem;}
.ab1 .bottom .p{line-height: 0.46rem;color: #333333;}
.ab2{padding: 1rem 0.4rem 0.8rem 0.4rem;background: url(../img/ab2_bj.png)no-repeat center;background-size: cover;position: relative;}
.ab2 .prev,.ab2 .next{position: absolute;top: 50%;transform: translateY(-50%);width: 0.64rem;height: 0.64rem;background-size: 100% 100%;cursor: pointer;transition: all 0.5s;box-shadow: 0 0 10px rgba(0,0,0,0.16);border-radius: 50%;}
.ab2 .prev:hover,.ab2 .next:hover{transform: translateY(-50%) scale(0.8);}
.ab2 .prev{left: 0.4rem;background-image: url(../img/ab_prev.png);}
.ab2 .next{right: 0.4rem;background-image: url(../img/ab_next.png);}
.ab2 .tit{text-align: center;font-weight: bold;color: #333333;line-height: 0.65rem;margin-bottom: 0.86rem;}
.ab2 .con{padding-bottom: 1.05rem;position: relative;overflow: hidden;}
.ab2 .con .swiper-pagination{bottom: 0.1rem;}
.ab2 .con .swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: #C5C5C5;width: 0.1rem; height: 0.1rem;margin: 0 0.06rem; background-color: #C5C5C5;}
.ab2 .con .swiper-pagination .swiper-pagination-bullet-active{background-color: #A08461;transform: scale(1.9);}
.ab2 .con .swiper-slide{padding: 0.32rem 0.33rem 0.36rem 0.33rem;background-color: #FDFBF5;border-bottom: 0.09rem solid #A08461;}
.ab2 .con .pic{display: flex;align-items: center;justify-content: center;width: 100%;height: 3.56rem;padding-bottom: 0.32rem;border-bottom: 1px solid #E3E3E3;margin-bottom: 0.26rem;}
.ab2 .con .pic img{max-width: 90%;max-height: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.16);transition: all 0.5s;}
.ab2 .con .pic img:hover{transform: scale(1.05);}
.ab2 .con .txt{line-height: 0.28rem;text-align: center;height: 0.56rem;color: #333333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ab3{padding: 1.22rem 0 1.13rem 0;background-color: #ffffff;position: relative;}
.ab3 .con{display: flex;justify-content: space-between;}
.ab3 .con .pic_box{width: 47.135vw;position: relative;overflow: hidden;}
.ab3 .con .pic_box .swiper-slide{width: 100%;}
.ab3 .con .pic_box .swiper-slide .pic{height: 5.44rem;background: no-repeat center;background-size: cover;}
.ab3 .con .txt_box{width: 26.458vw;position: relative;overflow: hidden;padding-top: 0.6rem;}
.ab3 .con .txt_box .tit{line-height: 0.65rem;color: #333333;font-weight: bold;padding-bottom: 0.38rem;border-bottom: 1px solid #333333;margin-bottom: 0.36rem;}
.ab3 .con .txt_box .year{color: #A08461;margin-bottom: 0.26rem;}
.ab3 .con .txt_box .year .num{margin-right: 0.23rem;}
.ab3 .con .txt_box ul li{position: relative;padding-left: 0.2rem;line-height: 0.28rem;margin-bottom: 0.2rem;color: #333333;}
.ab3 .con .txt_box ul li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: #AD9677;}
.ab3 .con .txt_box ul li:last-child{margin-bottom: 0;}
.ab3 .bottom{padding: 0 8.85vw;margin-top: 0.76rem;position: relative;z-index: 2;overflow: hidden;}
.ab3 .bottom .swiper-slide span{display: block;width: 62px;line-height: 0.36rem;text-align: center;color: #C5C5C5;position: relative;padding-top: 0.16rem;margin: 0 auto; margin-top: 0.28rem;transition: all 0.5s;}
.ab3 .bottom .swiper-slide span::before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 0.08rem;height: 0.08rem;background-color: #C5C5C5;border-radius: 50%;transition: all 0.5s;}
.ab3 .bottom .swiper-slide-active span{color: #A08461;}
.ab3 .bottom .swiper-slide-active span::before{background-color:#A08461;transform: translateX(-50%) scale(1.5);}
.ab3 .solid{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.6rem;height: 1px;background-color: #C5C5C5;}
.ab3 .bottom:after,.ab3 .bottom:before{content:""; width:8.85vw;height: 0.8rem;background-color: #ffffff;position: absolute;top: 0;z-index: 2;}
.ab3 .bottom:after{right: 0;}
.ab3 .bottom:before{left: 0;}
.ab3 .bottom .next,.ab3 .bottom .prev{width:0.64rem;height: 0.64rem;margin-top:10px; background-size:100% 100%;position: absolute;top: 0;z-index: 3;box-shadow: 0 0 10px rgba(0,0,0,0.16);border-radius: 50%;transition: all 0.5s;cursor: pointer;}
.ab3 .bottom .next:hover,.ab3 .bottom .prev:hover{transform: scale(0.8);}
.ab3 .bottom .next{right: 4vw;background-image: url(../img/ab_next.png);}
.ab3 .bottom .prev{left: 4vw;background-image: url(../img/ab_prev.png);}
.ab4{height: 100vh;position: relative;display: flex;background: url(../img/ab4_pic.png)no-repeat center;background-size: cover;}
.ab4 .tit{position: absolute;top: 0.8rem;left: 0;width: 100%;text-align: center;color: #ffffff;line-height: 0.65rem;font-weight: bold;}
.ab4 .box{width: calc(100% / 3);border-right: 1px solid rgba(255,255,255,0.4);height: 100vh;display: flex;padding-top: 64.255vh;transition: all 0.5s; color: #ffffff;text-align: center;}
.ab4 .box>div{width: 100%;transition: all 0.5s;}
.ab4 .box>div .icon{width: 0.6rem;height: 0.6rem;margin: 0 auto;margin-bottom: 0.2rem;}
.ab4 .box>div .h{line-height: 0.42rem;font-weight: bold;margin-bottom: 0.28rem;}
.ab4 .box>div .p{line-height: 0.22rem;opacity: 0;transition: all 0.5s;}
.ab4 .box:hover{padding-top: 57.5vh;}
.ab4 .box:hover>div .p{opacity: 1;}

/* 产品详情 */
.pd_con{padding-top: 0.98rem;}
.pd_con .pd1{display: flex;justify-content: space-between;}
.pd_con .pd1 .pics{width: 10.44rem;overflow: hidden;}
.pd_con .pd1 .pics .pic{width: 100%;height: 8.08rem;background: no-repeat center;background-size: cover;}
.pd_con .pd1 .txts{width: 3.78rem;}
.pd_con .pd1 .txts .h{font-weight: bold;color: #333333;margin-bottom: 0.3rem;line-height: 0.54rem;}
.pd_con .pd1 .txts .p{line-height: 0.24rem;color: #C5C5C5;margin-bottom: 0.36rem;}
.pd_con .pd1 .txts .price{color: #CD4030;margin-bottom: 0.4rem;font-family: dinb;}
.pd_con .pd1 .txts .tab{display: flex;border-bottom: 1px solid #C5C5C5;border-top: 1px solid #C5C5C5;}
.pd_con .pd1 .txts .tab li{width: 50%;text-align: center;}
.pd_con .pd1 .txts .tab li span{display: inline-block;line-height: 36px;color: #333333;position: relative;top: 1px;padding: 0 0.24rem;}
.pd_con .pd1 .txts .tab li span.on{border-bottom: 2px solid #A08461;}
.pd_con .pd1 .txts .list{display: flex;flex-wrap: wrap;}
.pd_con .pd1 .txts .list li{width: 1.2rem;margin-top: 0.3rem;border: 1px solid #A08461;margin-right: 0.07rem;padding: 0.08rem;line-height: 0.18rem;transition: all 0.5s;cursor: pointer;position: relative;}
.pd_con .pd1 .txts .list li.on,.pd_con .pd1 .txts .list li:hover{background-color: #A08461;color: #ffffff;}
.pd_con .pd1 .txts .list li:nth-child(3n){margin-right: 0;}
.pd_con .pd1 .txts .list li.hot:after{content: "";position: absolute;right: 0.08rem;bottom: 0.08rem;width: 0.14rem;height: 0.16rem;background: url(../img/fire.png);background-size: 100% 100%;}
.pd_con .pd1 .txts .buy{display: block; width: 1.5rem;line-height: 0.58rem;text-align: center;color: #ffffff;background-color: #AD9677;margin: 0 auto;margin-top: 0.46rem;}

.pd_con .pd2{padding: 0.7rem 0;}
.pd_con .pd2 .tit .h{font-weight: bold;line-height: 0.65rem;margin-bottom: 0.2rem;color: #333333;}
.pd_con .pd2 .tit .p{line-height: 0.28rem;color: #C5C5C5;font-weight: bold;margin-bottom: 0.3rem;}
.pd_con .pd2 .con{display: flex;justify-content: space-between;}
.pd_con .pd2 .con .pics{width: 46.875vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pd_con .pd2 .con .pics .b_pic{width: 100%;position: relative;overflow: hidden;margin-bottom: 0.16rem;}
.pd_con .pd2 .con .pics .b_pic .swiper-slide .pic{height: 4.4rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.pd_con .pd2 .con .pics .b_pic .swiper-slide .pic:hover{transform: scale(1.05);}
.pd_con .pd2 .con .pics .b_pic .prev,.pd_con .pd2 .con .pics .b_pic .next{width: 18px;height: 25px;background-size: 100% 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;transition: all 0.5s;}
.pd_con .pd2 .con .pics .b_pic .prev:hover,.pd_con .pd2 .con .pics .b_pic .next:hover{top: 49%;}
.pd_con .pd2 .con .pics .b_pic .prev{background-image: url(../img/pd_prev.png);left: 0.3rem;}
.pd_con .pd2 .con .pics .b_pic .next{background-image: url(../img/pd_next.png);right: 0.3rem;}
.pd_con .pd2 .con .pics .m_pic{width: 49%;overflow: hidden;}
.pd_con .pd2 .con .pics .m_pic .pic{height:4.4rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.pd_con .pd2 .con .pics .m_pic .pic:hover{transform: scale(1.05);}
.pd_con .pd2 .con .txt{width: 4.85rem;padding-top: 0.7rem;position: relative;z-index: 2;}
.pd_con .pd2 .con .txt:after{content: "";position: absolute;top: 0;right: 0.7rem;width: 3.37rem;height: 3.37rem;background: url(../img/pd_qiu.png);background-size: 100% 100%;z-index: -1;}
.pd_con .pd2 .con .txt .pd_txt{width: 2.14rem;margin-bottom: 0.86rem;}
.pd_con .pd2 .con .txt ul{padding-bottom: 0.34rem;}
.pd_con .pd2 .con .txt li{line-height: 22px;padding-left: 0.32rem;margin-bottom: 0.36rem;color: #333333;font-weight: bold;position: relative;}
.pd_con .pd2 .con .txt li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: #AD9677;}
.pd_con .pd2 .con .txt .p{font-weight: bold;color: #333333;line-height: 0.5rem;}

.pd_con .pd3{padding:0 0 1rem 0;}
.pd_con .pd3 .tit{line-height: 0.65rem;color: #333333;font-weight: bold;margin-bottom: 0.3rem;}
.pd_con .pd3 .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pd_con .pd3 .boxs:after{content: "";display: block;width: 4.06rem;}
.pd_con .pd3 .boxs .box{width: 4.06rem;display: block;}
.pd_con .pd3 .boxs .box .pics{width: 100%;overflow: hidden;margin-bottom: 0.2rem;}
.pd_con .pd3 .boxs .box .pics .pic{width: 100%;height: 2.7rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.pd_con .pd3 .boxs .box .pics .pic:hover{transform: scale(1.05);}
.pd_con .pd3 .boxs .box .h{line-height: 0.32rem;height: 0.32rem;color: #333333;font-family: dinb;text-transform: uppercase;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.19rem;}
.pd_con .pd3 .boxs .box .p{color: #333333;font-family: dinb;line-height: 0.2rem;}

/* 新闻列表 */
.nl_con{padding: 0.6rem 0 1rem 0;}
.nl_con .nl_top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.94rem;}
.nl_con .nl_top .left{display: flex;align-items: center;}
.nl_con .nl_top .left a{transition: all 0.5s;color: #C8C8C8;}
.nl_con .nl_top .left a:hover,.nl_con .nl_top .left a.on{color: #707070;}
.nl_con .nl_top .left span{color: #C8C8C8;margin: 0 0.25rem;}
.nl_con .nl_top .right{display: flex;}
.nl_con .nl_top .right .select{position: relative;margin-left: 0.24rem;width: 2.8rem;}
.nl_con .nl_top .right .select .h{line-height: 0.44rem;height: 0.44rem; padding-right: 0.4rem;color: #999999; position: relative;width: 100%;border-bottom: 1px solid #707070;transition: all 0.5s;}
.nl_con .nl_top .right .select .h:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0.2rem;width: 0.2rem;height: 0.13rem;background: url(../img/nl_xl.png);background-size: 100% 100%;opacity: 0;transition: all 0.5s;}
.nl_con .nl_top .right .select:hover .h{background-color: #E6E6E6;color: #666666;padding-left: 0.26rem;border-bottom: none;}
.nl_con .nl_top .right .select:hover .h:after{opacity: 1;}
.nl_con .nl_top .right .select ul{position: absolute;top: 100%;left: 0;width: 100%;padding: 0 0.26rem;line-height: 0.24rem;background-color: #FFFFFF;box-shadow: 0 0 15px rgba(0,0,0,0.08);max-height: 200px;overflow: auto;display: none;}
.nl_con .nl_top .right .select ul::-webkit-scrollbar{ width:4px;height: 1px;}
.nl_con .nl_top .right .select ul::-webkit-scrollbar-thumb{ background:#A08461;}
.nl_con .nl_top .right .select ul::-webkit-scrollbar-track{ background:#E4E4E4;}
.nl_con .nl_top .right .select ul li{margin: 10px 0;}
.nl_con .con .box{display: flex;align-items: flex-start; width: 100%; border: 1px solid #BEBEBE;margin-bottom: 0.4rem;padding: 0.55rem 0.46rem 0.8rem 0.46rem;transition: all 0.5s;transition: all 0.5s;position: relative;}
.nl_con .con .box::before{content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color:#A08461;opacity: 0;z-index: 2;transition: all 0.5s;}
.nl_con .con .box .pics{width: 3.74rem;overflow: hidden;margin-right: 0.44rem;}
.nl_con .con .box .pics .pic{width: 100%;height: 2.4rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.nl_con .con .box .pics .pic:hover{transform: scale(1.05);}
.nl_con .con .box .txt{width: 9.5rem;}
.nl_con .con .box .txt .time{line-height: 0.24rem;color: #333333;margin-bottom: 0.25rem;}
.nl_con .con .box .txt .h{font-weight: bold;color: #333333;line-height: 0.32rem;height: 0.32rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.1rem;}
.nl_con .con .box .txt .p{line-height: 0.3rem;height: 0.6rem; color: #6D7278;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.nl_con .con .box .txt .more{line-height: 0.38rem;border: 1px solid #BEBEBE;color: #707070;width: 1.15rem;text-align: center;transition: all 0.5s;}
.nl_con .con .box .txt .more:hover{color: #ffffff;background-color: #A08461;border-color: transparent;}
.nl_con .con .box:hover{box-shadow: 0 0 25px rgba(160,132,97,0.12);border-color: transparent;}
.nl_con .con .box:hover::before{opacity: 1;}
.nl_con .page{display: flex;justify-content: center;margin-top: 1rem;align-items: center;}
.nl_con .page a{border: 1px solid #BEBEBE;transition: all 0.5s;text-align: center;margin: 0 8px;}
.nl_con .page .btn{width: 1.15rem;line-height: 0.4rem;}
.nl_con .page .num{width: 0.7rem;line-height: 0.4rem;}
.nl_con .page a:hover{color: #ffffff;background-color: #A08461;border-color: transparent;}

/* 新闻详情 */
.nd_tab{margin-top: 0.44rem;margin-bottom: 1.1rem;}
.nd_tab a{color: #333333;}
.nd_tab a:hover,.nd_tab a.on{color: #A08461;}
.nd_tab span{margin: 0 0.07rem;color: #707070;}
.nd_con .nd_tit{text-align: center;padding-bottom: 0.5rem;border-bottom: 1px solid #BEBEBE;margin-bottom: 0.5rem;}
.nd_con .nd_tit .h{line-height: 0.66rem;color: #000000;font-weight: bold;margin-bottom: 0.16rem;}
.nd_con .nd_tit .p{color: #707070;line-height: 0.26rem;}
.nd_con .nd_tit .p span{margin: 0 0.14rem;}
.nd_con .con .p{line-height: 0.32rem;color: #707070;padding-bottom: 2.1rem;border-bottom: 1px solid #BEBEBE;}
.nd_con .bottom{display: flex;align-items: center;padding: 0.3rem 0 1rem 0;justify-content: space-between;}
.nd_con .bottom .left a{display: block;color: #BEBEBE;line-height: 0.26rem;}
.nd_con .bottom .left a span{color: #707070;transition: all 0.5s;}
.nd_con .bottom .left a:hover span{color: #A08461;}
.nd_con .bottom .right{display: flex;align-items: center;}
.nd_con .bottom .right a{margin-right: 0.12rem;}
.nd_con .bottom .right a:last-child{margin-right: 0;}
.nd_con .bottom .right a .img2{display: none;}
.nd_con .bottom .right a:hover .img1{display: none;}
.nd_con .bottom .right a:hover .img2{display: block;}

/* 加入我们 */
.jo1{height: 5.64rem;background: url(../img/jo_pic1.png)no-repeat center;background-size: cover;display: flex;justify-content: center;align-items: center;margin-bottom: 1.2rem;}
.jo1 .txt{text-align: center;width: 8.77rem;color: #fff;}
.jo1 .txt .h{font-weight: bold;line-height: 0.68rem;margin-bottom: 0.28rem;}
.jo1 .txt .p{line-height: 0.3rem;}
.jo2 .box_sh{background-color: #ffffff;}
.jo2 .box_sh .tit{text-align: center;line-height: 48px;color: #333333;font-family: hb;margin-bottom: 5vw;}
.jo2 .box_sh .form{margin-bottom: 4vw;}
.jo2 .box_sh .form>ul{display: flex;justify-content: space-between;}
.jo2 .box_sh .form>ul>div{display: flex;width: 100%;justify-content: space-between;}
.jo2 .box_sh .form>ul>div .sel{width: 2.86rem;position: relative;}
.jo2 .box_sh .form>ul>div .sel:after{content: "";position: absolute;left: 85%;top: 50%;transform: translateY(-50%);background:url(../img/jo_xl.png);background-size: 100% 100%;width: 0.25rem;height: 0.18rem;}
.jo2 .box_sh .form>ul>div .sel:nth-child(3){width: 5.66rem;}
.jo2 .box_sh .form>ul>div .sel:nth-child(3):after{display: none;}
.jo2 .box_sh .form>ul>div .sel:nth-child(3) input{line-height:0.7rem;outline:0;padding:0 15px;background-color: #F8F8F8;width: 100%;}
.jo2 .box_sh .form>ul>div .sel span{position: absolute;left: 0;bottom: 0;z-index: 2;padding-bottom:1vw;padding-right: 18px;background: url(../img/sel_jt.png)no-repeat right 5px;font-family: hb;color: #333333;}
.jo2 .box_sh .form li.input{width: 2.86rem;line-height: 0.7rem;border-radius: 0;color: #ffffff;text-align: center; background-color: #A08461;cursor: pointer;transition: all 0.5s;}
.jo2 .box_sh .form li.input:hover{opacity: 0.7;}
.el-input__suffix{display: none;}
.jo2 .box_sh .boxs{border: 1px solid #E5E5E5;}
.jo2 .box_sh .boxs .top{display: flex;width: 100%;justify-content: space-between;padding: 2vw 0;background-color: #A08461;border-bottom: 1px solid #E5E5E5;}
.jo2 .box_sh .boxs .top .li{text-align: center;line-height: 26px;font-family: hm;color:#fff;}
.jo2 .box_sh .boxs .top .li:nth-child(1){width: 1.4rem;}
.jo2 .box_sh .boxs .top .li:nth-child(2){width: 3.5rem;}
.jo2 .box_sh .boxs .top .li:nth-child(3){width: 2rem;}
.jo2 .box_sh .boxs .top .li:nth-child(4){width: 3.3rem;}
.jo2 .box_sh .boxs .top .li:nth-child(5){width: 1.2rem;}
.jo2 .box_sh .boxs .top .li:nth-child(6){width: 2rem;}

.jo2 .box_sh .boxs .top1{display: flex;width: 100%;justify-content: space-between;padding: 2vw 0;background-color: #F9F9F9;border-bottom: 1px solid #E5E5E5;color: #000000;transition: all 0.5s;}
.jo2 .box_sh .boxs .box:last-child .top1{border-bottom: none;}
.jo2 .box_sh .boxs .top1 .li{text-align: center;line-height: 26px;font-family: hr;color:#333333;}
.jo2 .box_sh .boxs .top1 .li:nth-child(1){width: 1.4rem;}
.jo2 .box_sh .boxs .top1 .li:nth-child(2){width: 3.5rem;}
.jo2 .box_sh .boxs .top1 .li:nth-child(3){width: 2rem;}
.jo2 .box_sh .boxs .top1 .li:nth-child(4){width: 3.3rem;}
.jo2 .box_sh .boxs .top1 .li:nth-child(5){width: 1.2rem;}
.jo2 .box_sh .boxs .top1 .li:nth-child(6){width: 2rem;}
.jo2 .box_sh .boxs .top1>.btn{color: #A08461;cursor: pointer;}
/*.jo2 .box_sh .boxs .top1>.btn span{padding-left: 40px;background: url(../img/td1.png)no-repeat left center;transition: all 0.5s;}*/
.jo2 .box_sh .boxs .top1>.btn span{transition: all 0.5s;}
.jo2 .box_sh .boxs .box.on .top1{color: #ffffff;background-color: #A08461;border-bottom: none;box-shadow:0 15px 42px rgba(109,109,109,0.4);}
.jo2 .box_sh .boxs .box.on .top1 .li{color: #ffffff;}
/*.jo2 .box_sh .boxs .box.on .top1>.btn span{background: url(../img/td2.png)no-repeat left center;color: #fff;}*/
.jo2 .box_sh .boxs .box.on .top1>.btn span{color: #fff;}

.jo2 .box_sh .boxs .box .con1{display: none;}
.jo2 .box_sh .boxs .box .con1>div{display: flex;flex-wrap: wrap;padding: 3.95vw 6.77vw 6vw 6.77vw;}
.jo2 .box_sh .boxs .box .con1 .item{width: 50%;padding-right: 4vw;margin-bottom: 5.25vw;}
.jo2 .box_sh .boxs .box .con1 .item .tc_btn{width:120px;line-height:40px;text-align:center;background-color:#A08461;border-radius:20px;color:#ffffff;margin-top:12px;cursor:pointer;transition:all 0.5s}
.jo2 .box_sh .boxs .box .con1 .item .tc_btn:hover{opacity:0.8;transform: scale(0.8);}
.jo2 .box_sh .boxs .box .con1 .item:last-child{margin-bottom: 0;}
.jo2 .box_sh .boxs .box .con1 .item .h{font-family: hb;color: #363638;line-height: 22px;margin-bottom: 1.5vw;}
.jo2 .box_sh .boxs .box .con1 .item .p{line-height: 34px;font-family: hl;}
.jo2 .box_sh .boxs .box .con1 .item:last-child .p{color:#333333;}
.jo2 .box_sh .boxs .box .con1 .item .p p{color: #333333;}
.jo2 .box_sh .boxs .box .con1 .item .p a{color: #A08461;font-family: hb;}

/* 底部 */
.footer{background: url(../img/footer_bj.png)no-repeat center;background-size: cover;position: relative;}
.footer .top{display: flex;justify-content: space-between;padding: 0.8rem 0 0.62rem 0;}
.footer .top .left{width: 220px;}
.footer .top .left .tel{padding-left: 0.45rem;line-height: 0.35rem;font-family: dinb;color: #ffffff;background: url(../img/f_tel.png)no-repeat left center;background-size: 0.35rem 0.35rem;margin-bottom: 0.5rem;}
.footer .top .left .code{width: 1rem;text-align: center;color: #ffffff;line-height: 0.2rem;}
.footer .top .left .code img{width: 100%;margin-bottom: 0.15rem;}
.footer .top .left .f_fx{display: flex;color: rgba(255,255,255,0.36);align-items: center;margin-top: 0.5rem;}
.footer .top .left .f_fx span{display: block;width: 0.42rem;}
.footer .top .left .f_fx a{display: block;width: 0.3rem;height: 0.3rem;margin:0 0.1rem;}
.footer .top .left .f_fx a .img2{display: none;}
.footer .top .left .f_fx a:hover .img2{display: block;}
.footer .top .left .f_fx a:hover .img1{display: none;}
.footer .top .right{width: 7.84rem;display: flex;justify-content: space-between;position: relative;}
.footer .top .right a{color: #ffffff;}
.footer .top .right li{opacity: 0.6;line-height: 0.3rem;transition: all 0.5s;}
.footer .top .right li:hover{opacity: 1;}
.footer .top .right .li1{opacity: 1;line-height: 0.22rem;margin-bottom: 0.3rem;}
.footer .top .right .link{position: absolute;right: 0;bottom: 0;z-index: 2;background: url(../img/f_xl.png)no-repeat;background-position: 85% center;cursor: pointer;}
.footer .top .right .link .h{width: 1.36rem;height: 0.4rem;line-height: 0.38rem;border: 1px solid #616161;border-radius: 20px;color: rgba(255,255,255,0.36);padding: 0 0.3rem 0 0.25rem;}
.footer .top .right .link ul{position: absolute;top:100%;left: 0;width: 100%;padding: 0 0.25rem;display: none;}
.footer .bottom{line-height: 0.54rem;border-top: 1px solid rgba(255,255,255,0.06);}
.footer .bottom .w1520{display: flex;justify-content: space-between;}
.footer .bottom .w1520 a{color: #fff;opacity: 0.37;transition: all 0.5s;}
.footer .bottom .w1520 a:hover{opacity: 1;}
.footer .bottom .w1520 span{color: #fff;opacity: 0.37;}
.footer .back{position: absolute;right: 0.4rem;top: 0.8rem;width: 0.4rem;cursor: pointer;z-index: 3;}

@media screen and (min-width: 1922px) {
	html{font-size: 130px!important;}
}
@media screen and (max-width: 1680px) {
	html{font-size: 86px!important;}
}
@media screen and (max-width: 1560px) {
	html{font-size: 82px!important;}
}
@media screen and (max-width: 1440px) {
	html{font-size: 75px!important;}
}
@media screen and (max-width: 1366px) {
	html{font-size: 71px!important;}
}
@media screen and (max-width: 1280px) {
	html{font-size: 66px!important;}
}
@media screen and (max-width: 1024px) {
	html{font-size: 60px!important;}
	.header{display: none;}
	.m_header{display: flex;padding: 23px 20px;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0; z-index: 999;width: 100vw;}
	.m_header.on{background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
	.m_header.ny{background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
	.m_header .m_logo{width: 95px;}
	.m_header .img_b{display: block;}
	.m_header .img_h{display: none;}
	.m_header.on .img_b{display: none;}
	.m_header.on .img_h{display: block;}
	
	.m_header.ny .img_b{display: none;}
	.m_header.ny .img_h{display: block;}
	
	.m_header .m_btn{position:relative;display: inline-block;vertical-align: middle;position: relative;width: 28px;height: 22px;}
	.m_header .m_btn span{display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 2px;transform: translateY(-50%);background: #fff;transition: all .36s;}
	.m_header .m_btn:after{content:""; display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 2px;transform: translateY(-50%);background: #fff;transition: all .36s;margin-top:-8px;}
	.m_header .m_btn:before{content:""; display: block;position: absolute;left: 0;top: 50%;width: 100%;height: 2px;transform: translateY(-50%);background: #fff;transition: all .36s;margin-top:8px;}
	
	.m_header.on .m_btn span{background: #333;}
	.m_header.on .m_btn:after{background: #333;}
	.m_header.on .m_btn:before{background: #333;}
	
	.m_header.ny .m_btn span{background: #333;}
	.m_header.ny .m_btn:after{background: #333;}
	.m_header.ny .m_btn:before{background: #333;}
	
	.m_header .m_btn.on span{opacity: 0;}
	.m_header .m_btn.on:before{margin-top:0;transform: translateY(-50%) rotate(45deg);}
	.m_header .m_btn.on:after{margin-top:0;transform: translateY(-50%) rotate(-45deg);}
	
	.mh_nav{display: block;}
	.mh_nav{position: fixed;top: 76px;right: 20px;width: 154px;z-index: 999;background-color: rgba(255, 255, 255, 0.75);padding: 18px;  border-radius: 15px;backdrop-filter: blur(10px);box-shadow: 0px 8px 38px 0px rgb(155 164 191 / 26%);overflow: hidden;display:none;}
	.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: 0px;}
	.mh_nav .nav>li>a{line-height: 42px;font-size: 16px;display: block;}
	.mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/pr_jt.png)no-repeat center;display:none;}
	.mh_nav .nav>li.on:after{transform: rotate(90deg);}
	.mh_nav .nav>li:first-child:after{display: none;}
	.mh_nav .nav>li:last-child:after{display: none;}
	.mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;}
	.w1520{width: 90%;}
	.w1640{width: 90%;}
	.footer .top{display: none;}
	
	.banner .swiper-slide .img_m{display: block;}
	.banner .swiper-slide .img_p{display: none;}
	
	.part1 .box{display: block;}
	.part1 .box .pics{width: 100%;height: 100vw;}
	.part1 .box .pics.show .pic{width: 100%;background-size: cover;background-position: center;}
	.part1 .box .txts{color: #333;background-color: #fff;padding: 30px 5%;width: 100%;justify-content: flex-start;}
	.part1 .box .txts .txt{color: #333;}
	.part1 .box .txts .txt ul li::before{background-color: #333;}
	/* .part1 .box .txts .txt ul{margin-bottom: 0;} */
	.part1 .box .txts .txt .more{border-color: #333;color: #333;}
	.part2{height: auto;padding: 40px 3%;}
	.part2 .w1520 .yuan{display: none;}
	.part2 .w1520 .txt .num_box .p{margin-bottom: 0;}
	.part3{padding: 40px 0;}
	.part3 .w1640 .box{margin-right: 0;margin-bottom: 20px;width: 100%;}
	.part3 .w1640{display: block;}
	
	.footer .back{display: none;}
	
	.pl_con{padding: 1.6rem 0 0 0;}
	.pl_con .w1520 .box{width: 48%;}
	.pl_con .w1520 a.box{margin-bottom: 30px;}
	.pl_con .w1520 .box .pics .pic{height: 3.2rem;}
	.pl_con .w1520 .box .h{margin-bottom: 0.1rem;}
	.pd_con .pd1{display: block;}
	.pd_con .pd1 .pics{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.pd_con .pd1 .txts{width: 100%;}
	.pd_con .pd1 .txts .list li{width: 30%;margin-right: 0.2rem; margin-top: 0.2rem;}
	
	.pd_con{padding-top: 1.3rem;}
	.pd_con .pd2 .con{display: block;}
	.pd_con .pd2 .con .pics{width: 100%;}
	.pd_con .pd2 .con .txt{width: 100%;margin-right: 0;}
	
	.ab1{padding: 40px 0;}
	.ab1 .top{display: block;}
	.ab1 .top .txt{width: 100%;margin-right: 0;}
	.ab1 .top .txt .h{margin-bottom: 0.25rem;padding-bottom: 0.2rem;}
	.ab1 .top .txt .p{margin-bottom: 20px;}
	.ab1 .top .pics.show{width: 100%;}
	.ab1 .top .pics .pic{width: 90vw;}
	.ab2 .prev, .ab2 .next{z-index: 2;}
}

@media screen and (max-width: 668px) {
	.pl_con .w1520 .box .pics .pic{height: 1.8rem;}
	.pd_con{padding-top: 1.8rem;}
	.pd_con .pd1 .pics .pic{height: 4.1rem;}
	.pd_con .pd2 .con .pics .b_pic .swiper-slide .pic{height: 3.4rem;}
	.pd_con .pd2 .con .pics .m_pic .pic{height: 2.4rem;}
	.pd_con .pd2 .con .txt .pd_txt{margin-bottom: 0.4rem;}
	.pd_con .pd2 .con .txt li{margin-bottom: 0.16rem;}
	.pd_con .pd3{padding-bottom: 0.5rem;}
	.pd_con .pd3 .boxs .box .pics .pic{height: 1.7rem;}
	.pd_con .pd3 .boxs .box{width: 48%;margin-bottom: 20px;}
	.ab1 .top .pics.show{height: 3rem;}
	.ab1 .bottom{margin-top: 30px;}
	.ab1 .bottom img{max-width: 0.4rem;max-height: 0.4rem;}
	.ab1 .bottom .p{font-size: 16px;}
	.ab2 .tit{margin-bottom: 0.4rem;}
	.ab2 .con{padding-bottom: 0.7rem;}
	.ab3{padding: 40px 0;}
	.ab3 .con{display: block;}
	.ab3 .con .pic_box{width: 100%;}
	.ab3 .con .txt_box{width: 100%;padding-top: 0.4rem;}
	.ab3 .con .txt_box .tit{padding-bottom: 0.2rem;}
	.ab3 .solid{display: none;}
	.ab3 .bottom{margin-top: 0.1rem;}
	.ab3 .bottom .next, .ab3 .bottom .prev{width: 0.4rem;height: 0.4rem;top: 50%;transform: translateY(-50%);}
	.ab3 .bottom .next:hover, .ab3 .bottom .prev:hover{transform: translateY(-50%) scale(0.8);}
	.ab4{height: 70vh;}
	.ab4 .box{height: 70vh;padding-top: 40vh;}
	.ab4 .box:hover{padding-top: 30vh;}
	.ab1 .top:after{width: 100%;}
	
	.nl_con .nl_top{display: block;}
	.nl_con .nl_top .left{justify-content: center;font-size: 20px;margin-bottom: 30px;}
	.nl_con .nl_top .right{justify-content: center;font-size: 16px;}
	.nl_con .nl_top .right .select .h{line-height: 40px;height: 40px;}
	.nl_con .nl_top .right .select{width: 36%;margin: 0 2%;}
	.nl_con .nl_top{padding-bottom: 30px;position: relative;z-index: 2;}
	.nl_con .con .box{padding: 12px;justify-content: space-between;}
	.nl_con .con .box .pics{width: 36%;margin-right: 0;}
	.nl_con .con .box .txt{width: 60%;}
	.nl_con .con .box .txt .more{display: none;}
	.nl_con .con .box .txt .p{margin-bottom: 0;line-height: 22px;height: 66px;-webkit-line-clamp:3;}
	.nl_con .page{margin-top: 0.5rem;}
	
	.nd_tab{margin-top: 0;margin-bottom: 0.5rem;}
	.w1280{width: 90%;}
	.nd_con .con .p{padding-bottom: 1.1rem;}
	.nd_con .bottom .right a{width: 26px;}
	
	.con_con{padding: 40px 0 0 0;}
	.con_con .tab{margin-bottom: 30px;}
	.con_con1 .pics{display: none;}
	.con_con1 .txt{width: 100%;}
	.con_con2{padding: 40px 0;}
	.con_con2 .li{display: block;margin-bottom: 0;}
	.con_con2 .li .input{width: 100%;padding-left: 40px;margin-bottom: 14px;}
	.con_con2 .li .input input{width: 100%;font-size: 14px;}
	.con_con2 .li .input2 textarea{font-size: 14px;}
	.con_con2 .sub{margin-top: 30px;}
	
	.jo1{margin-bottom: 30px;}
	.jo1 .txt{width: 100%;padding: 0 10px;}
	.jo2 .box_sh .form>ul>div{flex-wrap: wrap;}
	.jo2 .box_sh .form>ul>div .sel{width: 48%;margin-bottom: 14px;}
	.jo2 .box_sh .form>ul>div .sel:nth-child(3){width: 48%;}
	.jo2 .box_sh .form li.input{width: 48%;margin-bottom: 14px;}
	.jo2 .box_sh .boxs .top{align-items: center;}
	.jo2 .box_sh .boxs{margin-bottom: 40px;}
	.jo2 .box_sh .boxs .top .li{width: calc(100% / 6)!important;}
	.jo2 .box_sh .boxs .top1 .li{width: calc(100% / 6)!important;}
	
}