*{
    outline:0 none !important; blur:expression(this.onFocus=this.blur());
}
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; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;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;}

/* 滚动条样式 */
*::-webkit-scrollbar{ width:4px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);}
*::-webkit-scrollbar-track{ background:#000;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;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("/static/font/manrope-bold-2.otf");
  }
  @font-face {
    font-family: 'mm';
	src: url("/static/font/manrope-medium-5.otf");
  }
  @font-face {
    font-family: 'nb';
	src: url("/static/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_48 {
    font-size: 0.48rem;
}

.f_50 {
    font-size: 0.5rem;
}

.f_55 {
    font-size: 0.55rem;
}

.f_56 {
    font-size: 0.56rem;
}

.f_60 {
    font-size: 0.6rem;
}

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

.w1740{width:90.625vw;position: relative;margin: 0 auto;}
.w1360{width:70.83vw;position: relative;margin: 0 auto;}

.header{position: fixed;top: 0;left: 0;width: 100%;background: linear-gradient(to bottom, #00000050,transparent );z-index: 999;transition: all 0.5s;}
.header .con{padding: 0 1.6rem;border-bottom: 1px solid rgba(255,255,255,0.3);display: flex;justify-content: space-between;align-items: center;transition:all 0.5s}
.header .img2{display: none;}
.header .logo img{height: 0.36rem;transform: translateY(0.07rem);}
.header .con .right{display: flex;align-items: center;}
.header .con .right .nav{display: flex;margin-right: 1.5rem;}
.header .con .right .nav>li{margin-left:0.36rem;}
.header .con .right .nav>li>a{display: block;line-height: 0.22rem;padding: 0.45rem 0.14rem 0.33rem 0.14rem;font-weight: 400;color: #FFFFFF;position: relative;}
.header .con .right .nav>li>a:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0%;height: 0.03rem;background-color: #FF6300;}
.header .con .right .nav>li.on>a:after{width: 100%;}
.header .con .right .ser{width: 0.22rem;height: 0.22rem;transform: translateY(0.06rem);}
.header .con .right .solid{width: 1px;height: 0.08rem;background-color: rgba(255,255,255,0.4);transform: translateY(0.06rem);margin: 0 0.2rem;}
.header .con .right .lag{position: relative;transform: translateY(0.06rem);}
.header .con .right .lag .h{color: #ffffff;line-height: 0.22rem;padding-left: 0.28rem;background: url(/static/img/lag1.png)no-repeat left center;background-size: 0.22rem 0.22rem;}
.header .con .right .lag ul{display: none;}

.header.on{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);}
.header.on .img1{display: none;}
.header.on .img2{display: block;}
.header.on .con .right .nav>li>a{color: #333333;}
.header.on .con .right .lag .h{background-image: url(/static/img/lag2.png);}
.header.on .con .right .solid{background-color: rgba(0, 0, 0, 0.4);}
.header.on .con .right .lag .h{color: #333333;}

.header.on1{background: transparent;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0);}
.header.on1 .img2{display: none;}
.header.on1 .img1{display: block;}
.header.on1 .con .right .nav>li>a{color: #ffffff;}


.header .con .right .nav>li .xl{
    display: none;
    position: fixed;
    top: 1rem;
    left: 0;
    width: 100vw;
    height: 4rem;
    background-color: #FFF;
    padding: 0.6rem 2.6rem;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    
}

.header .con .right .nav>li .xl .inner{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

/*一般的下拉*/
.header .con .right .nav>li .xl .inner .xleft{
    display: flex;
    flex-wrap: wrap;
    width: 7rem;
}

.header .con .right .nav>li .xl .inner .xleft .item{
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    margin-bottom: 0.6rem;
    width: 25%;
    cursor: pointer;
}
.header .con .right .nav>li .xl.pro .inner .xleft .item{
    width: 100%;
}
.header .con .right .nav>li .xl .inner .xleft .item:nth-child(4n){
    margin-right: 0;
}

.header .con .right .nav>li .xl .inner .xleft .item:hover,
.header .con .right .nav>li .xl .inner .xleft .item.act{
    color: #FF6300;
}
.header .con .right .nav>li .xl .inner .xleft .item i{
    background-image: url('/static/img/arr.png');
    background-size: cover;
    width: 0.22rem;
    height: 0.22rem;
    margin-left: 0.08rem;
}
.header .con .right .nav>li .xl .inner .xleft .item:hover i,
.header .con .right .nav>li .xl .inner .xleft .item.act i{
    
    background-image: url('/static/img/arra.png');
}


.header .con .right .nav>li .xl .xright{
    width: 5.72rem;
    height: 2.8rem;
}


.header .con .right .nav>li .xl .xright img{
    width: 100%;
    max-height: 100%;
}

/*产品下拉*/

.header .con .right .nav>li .xl.pro{
    height: 6.61rem;
}

.header .con .right .nav>li .xl.pro .inner{
    height: 5.45rem;
}
.header .con .right .nav>li .xl.pro .inner .xleft{
    width: 3rem;
    display: block;
    height: 100%;
    overflow: auto;
    border-right: 1px solid #D8D8D8;
    margin-right: 1.2rem;
    padding: 0.1rem 0;
}

.header .con .right .nav>li .xl.pro .inner .xleft a{
    margin-right: 0;
    margin-bottom: 0.6rem;
}

 .header .con .right .nav>li .xl.pro .xright{
    width: calc(100% - 3rem);
    height: 100%;
    overflow: auto;
     
 }

 .header .con .right .nav>li .xl.pro .xright .pro_list  {
    display: none;
    flex-wrap: wrap;
}

 .header .con .right .nav>li .xl.pro .xright .pro_list.act{
    display: flex;
}


 .header .con .right .nav>li .xl.pro .xright .pro_list .pro{
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

 .header .con .right .nav>li .xl.pro .xright .pro_list .pro:nth-child(3n){
    margin-right: 0;
}


 .header .con .right .nav>li .xl.pro .xright .pro_list .pro .img{
    width: 2.88rem;
    height: 2.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.16rem;
    background-color: #ededed;
    border-radius: 0.12rem;
}

 .header .con .right .nav>li .xl.pro .xright .pro_list .pro .img img{
    width: 100%;
}
 .header .con .right .nav>li .xl.pro .xright .pro_list .pro .txt{
    font-size: 0.16rem;
    line-height: 1.5;
}

.header.on1 .con .right .lag .h{background-image: url(/static/img/lag1.png);}
.header.on1 .con .right .solid{background-color: rgba(255,255,255,0.4);}
.header.on1 .con .right .lag .h{color: #ffffff;}

.header:hover{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);}
.header:hover .img1{display: none;}
.header:hover .img2{display: block;}
.header:hover .con .right .nav>li>a{color: #333333;}
.header:hover .con .right .lag .h{background-image: url(/static/img/lag2.png);}
.header:hover .con .right .solid{background-color: rgba(0, 0, 0, 0.4);}
.header:hover .con .right .lag .h{color: #333333;}


.header.on2 .con{transform: translateY(-110%);}
.header.on2:hover .con{transform:translateY(0);}

.header.nd{background: #ffffff;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);}
.header.nd .img1{display: none;}
.header.nd .img2{display: block;}
.header.nd .con .right .nav>li>a{color: #333333;}
.header.nd .con .right .lag .h{background-image: url(/static/img/lag2.png);}
.header.nd .con .right .solid{background-color: rgba(0, 0, 0, 0.4);}
.header.nd .con .right .lag .h{color: #333333;}
.m_header{display: none;}
.mh_nav{display: none;}

.banners{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-mask-image: url(/static/img/index.svg);
    overflow: hidden;
    -webkit-mask-size: 100% 100%, 100% 100%;height: 400vh;width: 400vw;z-index:20;}
.banners.hid{opacity: 0;transition: all 0.5s;}
.banner{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100vw; overflow: hidden;height: 100vh;background: no-repeat center;background-size: cover;}
.banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

	.banners .banner img{
	    display: none;
	}
.i_part1{height: 100vh;position: sticky;top: 0;}

.i_part1 .tit{position: absolute;top: 60%;left: 0;transform: translateY(-50%);width: 100%;text-align: center;font-weight: 600;color: #333333;line-height: 0.95rem;opacity: 0;transition: all 0.5s;}
.i_part1.show .tit{top: 50%;opacity: 1;}
.i_part1 svg{position: absolute;bottom: 0.5rem;left: 0;width: 100%;}

.i_part2{position: relative;height: 100vh;margin-top: 550vh;z-index: 2;background-color: #ffffff;}
.i_part2::before {
    content: "";
    position: absolute;
    bottom: 99%;
    width: 100%;
    height: 50vh;
    background: linear-gradient(#ffffff30,#ffffff80, #ffffff);
    filter: blur(5.2694px);
    z-index: -1;
}
.i_part2 .tit{position: absolute;top: 18.52vh;font-weight: 600;color: #FFFFFF;line-height: 0.42rem;z-index: 2;text-align: center;width: 100%;}
.i_part2 .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i_part2 .pics .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;background:no-repeat center;background-size:cover;}
.i_part2 .pics .pic.on{opacity: 1;}
.i_part2 .boxs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;display: flex;color: #ffffff;}
.i_part2 .boxs .box{width: 2.32rem;transition: all 0.5s;padding: 0 1rem 0 0.49rem;color: #ffffff;border-left: 1px solid rgba(255,255,255,0.4);position: relative;overflow: hidden;}
.i_part2 .boxs .box .txt{position: absolute;bottom: 1rem;width: calc(100% - 2.4rem);}
.i_part2 .boxs .box .h{font-weight: 600;color: #FFFFFF;line-height: 0.42rem;}
.i_part2 .boxs .box .h1{width: 0.31rem;}
.i_part2 .boxs .box .h2{width: 3.8rem;display: none;}
.i_part2 .boxs .box .p{display: none;width: 4.8rem;}
.i_part2 .boxs .box .btn{display: none;width: 1.86rem;}
.i_part2 .boxs .box.on{width: 7.6rem;padding: 0 0.8rem 0 1.6rem;}
.i_part2 .boxs .box.on .h{width: 100%;margin-bottom: 0.2rem;}
.i_part2 .boxs .box.on .p{display: block;font-weight: 400;color: #FFFFFF;line-height: 0.32rem;height:0.64rem; margin-bottom: 0.72rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i_part2 .boxs .box.on .btn{display: block; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;}
.i_part2 .boxs .box.on .btn:hover{opacity: 0.7;}
.i_part2 .boxs .box.on .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}
.i_part2 .boxs .box.on .h1{display: none;}
.i_part2 .boxs .box.on .h2{display: block;}

.st0{fill:none;}
.st1{fill:none;stroke:#525252;stroke-miterlimit:10;}
.st2{fill:none;stroke:#525252;stroke-width:2;stroke-miterlimit:10;}

@keyframes offset {
    to {
    stroke-dashoffset: 0;
    }
}

.i_part1.show #First{
    animation: offset 1.5s 0.5s linear forwards;
}
#First {
    stroke-dasharray: 3500;
    stroke-dashoffset: -3500;
}

.i_part3{position: relative;height: 100vh;padding: 24vh 0 0 1.6rem;z-index: 2;background:url(/static/img/ip3_bj.png)no-repeat center;background-size:cover; background-color: #ffffff;}
.i_part3 .left{width: 8.6rem;position:relative;z-index:2;}
.i_part3 .left .txt{margin-bottom: 1.3rem;}
.i_part3 .left .txt .h{font-weight: 600;color: #333333;line-height: 0.66rem;margin-bottom: 0.32rem;}
.i_part3 .left .txt .p{font-weight: 400;color: #666666;line-height: 0.32rem;width: 6.12rem;margin-bottom: 0.68rem;}
.i_part3 .left .txt .btn{width:1.88rem;line-height: 0.64rem;border: 1px solid #FF6300;border-radius: 0.08rem;text-align: center;}
.i_part3 .left .txt .btn:hover{opacity: 0.7;}
.i_part3 .left .txt .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip3_btn.png)no-repeat right center;color: #FF6300; background-size: 0.2rem 0.2rem;}
.i_part3 .left .icon_box{display: flex;justify-content: space-between;width: 8.6rem;}
.i_part3 .left .icon_box .icon{width: 0.8rem;margin-bottom: 0.15rem;}
.i_part3 .left .icon_box .p{display: block;align-items:flex-end;}
.i_part3 .left .icon_box .p .ntm{
    margin-bottom: 0.1rem;
    color: #FF6300;
}
.i_part3 .left .icon_box .p .no{
    font-size: 0.24rem;
}
.i_part3 .left .icon_box .p {font-family: Arial;font-weight:600;line-height: 1;transform: translateY(0.06rem);margin-right: 0.07rem;}
.i_part3 .right{position: absolute;top: 18.52vh;right: 1.6rem;width: 8.48rem;}

.i_part4{position: relative;height: 100vh;background: url(/static/img/ip4_bj.png)no-repeat center;background-size: cover;padding: 16.66vh 1.58rem 0 1.6rem;display: flex;justify-content: space-between;align-items: flex-start;}
.i_part4 .left{width: 7.2rem;}
.i_part4 .left .tit{font-weight: 600;color: #333333;line-height: 0.66rem;margin-bottom: 0.4rem;}
.i_part4 .left .p{font-weight: 600;color: #999999;line-height: 0.36rem;margin-bottom: 1rem;}
.i_part4 .left .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;}
.i_part4 .left .btn:hover{opacity: 0.7;}
.i_part4 .left .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}
.i_part4 .right{width: 7.2rem;height: 6.9rem; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.i_part4 .right .box{width:3.4rem;text-align: center;}
.i_part4 .right .box>div{padding: 0.8rem 0;background: #FFFFFF; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);border-radius: 0.4rem;opacity: 0.9;}
.i_part4 .right .box:nth-child(2)>div,.i_part4 .right .box:nth-child(4)>div{transform: translateY(0.6rem);}
.i_part4 .right .box:nth-child(3)>div{transform: translateY(-0.6rem);}
.i_part4 .right .box:nth-child(2)>div,.i_part4 .right .box:nth-child(3)>div{padding: 1.1rem 0;}
.i_part4 .right .box>div .h{font-weight: 600;color: #FF6300;margin-bottom: 0.16rem;}
.i_part4 .right .box>div .h span{font-family:Arial;font-weight: 600;color: #FF6300;}
.i_part4 .right .box>div .p{font-weight: 400;color: #333333;line-height: 0.24rem;}

.i_part5{position: relative;height: 100vh;padding: 1.2rem 1.6rem 0 1.6rem;background-color: #ffffff;}
.i_part5 .top{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;}
.i_part5 .top .tit{font-weight: 600;color: #333333;line-height: 0.66rem;}
.i_part5 .top .btn_box{width: 1.36rem;display: flex;justify-content: space-between;}
.i_part5 .top .btn_box>div{width: 0.56rem;height: 0.46rem;border-radius: 0.23rem;display: flex;justify-content: center;align-items: center;background-color: #DDDDDD;cursor: pointer;transition: all 0.5s;}
.i_part5 .top .btn_box>div:hover{background-color: #FF6300;}
.i_part5 .box{position: relative;width: 100%;overflow: hidden;padding: 30px 0;}
.i_part5 .box .swiper-slide{position: relative;background-color: #ffffff;border-radius:0.24rem;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.11);}
.i_part5 .box .swiper-slide>div{padding: 0.72rem 0.6rem 0.36rem 0.6rem;position: relative;overflow: hidden;}
.i_part5 .box .swiper-slide>div .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.5s;background: url(/static/img/ip5_bj1.png);background-size: 100% 100%;background-color: #fff;padding: 0.72rem 0.6rem 0.36rem 0.6rem;color: #ffffff;border-radius:0.24rem;opacity: 0;}
.i_part5 .box .swiper-slide>div:hover .txt{opacity: 1;}

.i_part5 .box .swiper-slide>div .txt .day1{font-family: Arial;line-height: 0.18rem;margin-bottom: 0.29rem;}
.i_part5 .box .swiper-slide>div .txt .h1{font-weight: 600;line-height: 0.32rem;height: 0.64rem;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;}
.i_part5 .box .swiper-slide>div .txt .p1{font-weight: 400;line-height: 0.32rem;height: 0.96rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 2.4rem;}
.i_part5 .box .swiper-slide>div .txt .btn1{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #ffffff;text-align: center;color: #FF6300;transition: all 0.5s;}
.i_part5 .box .swiper-slide>div .txt .btn1:hover{opacity: 0.7;}
.i_part5 .box .swiper-slide>div .txt .btn1 span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip3_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}
.i_part5 .box .swiper-slide .day{font-family: Arial;color: #FF6300;line-height: 0.18rem;margin-bottom: 0.25rem;}
.i_part5 .box .swiper-slide .h{font-weight: 600;color: #333333;line-height: 0.32rem;height: 0.64rem;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;}
.i_part5 .box .swiper-slide .pics{width: 100%;overflow: hidden;}
.i_part5 .box .swiper-slide .pics .pic{width: 100%;height: 2.65rem;background: no-repeat center;background-size: cover;margin-bottom: 0.72rem;}
.i_part5 .box .swiper-slide .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;}
.i_part5 .box .swiper-slide .btn:hover{opacity: 0.7;}
.i_part5 .box .swiper-slide .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}

.footer{padding: 0 1.8rem;background: url(/static/img/footer_bj.png)no-repeat center;background-size: cover;z-index: 21;position: relative;}
.footer .top{display: flex;justify-content: space-between;padding: 0.8rem 0 0.7rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.footer .top .left{width: 11rem;display: flex;justify-content: space-between;}
.footer .top .left ul li a{color: rgba(255,255,255,0.7);line-height: 0.2rem;margin-bottom: 0.1rem;}
.footer .top .left ul li:last-child a{margin-bottom: 0;}
.footer .top .left ul li:first-child a{font-size: 0.18rem;line-height: 0.26rem;color: #fff;margin-bottom: 0.36rem;}
.footer .top .right{width: 2.7rem;color: #ffffff;opacity: 0.7;}
.footer .top .right li{display: flex;line-height: 0.2rem;font-weight: 400;margin-bottom: 0.2rem;}
.footer .top .right li span:nth-child(1){width: 0.52rem;white-space: nowrap;}
.footer .top .right li span:nth-child(2){width:2.28rem;}
.footer .bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.45rem 0 0.37rem 0;color:rgba(255,255,255,0.7);}
.footer .bottom .left{display: flex;align-items: center;color: rgba(255,255,255,0.7);}
.footer .bottom .left .f_logo img{height: 0.36rem;transform: translateY(0.06rem);margin-right: 0.6rem;}
.footer .bottom  a{color: rgba(255,255,255,0.7);transition: all 0.5s;}
.footer .bottom  a:hover{color: #ffffff;}
.footer .bottom .right{display: flex;}
.footer .bottom .right a{width: 0.38rem;margin-left: 0.22rem;position:relative;}
.footer .bottom .right a .ewm{
    position: absolute;
    left: 50%;
    top: -0.1rem;
    transform: translate(-50%,-100%);
    width: 2rem;
    height: 2rem;
    background-color: #FFF;
    opacity: 0;
    z-index: -1;
    transition: all .5s;
}
.footer .bottom .right a:hover .ewm{
    opacity: 1;
    z-index: 99;
}
.footer .back{position:fixed;z-index:30; right: 0;bottom: 2rem;transform: translateX(2rem);transition:all .5s;}
.footer .back .item{
    width: 0.84rem;padding: 0.2rem 0; background-color: #FF6300;display: flex;flex-direction: column; justify-content: center;align-items: center;cursor:pointer;
    margin-bottom: 0.1rem;
    color: #fff;
}
.footer .back .item .txt{
    margin-top: 0.1rem;
    font-size: 0.14rem;
    text-align: center;
}
.footer .back img{width: 0.32rem;}
.footer .back.act{transform: translateX(0);
    
}
/* 内页公共 */
.ny_banner{position: relative;height: 36.46vw;background: no-repeat center;background-size: cover;}
.ny_banner video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index:2;}
.ny_banner .txt{position: absolute;top: 15.625vw;left: 0;width: 100%;text-align: center;z-index:5;}
.ny_banner .txt .h{font-weight: 600;color: #FFFFFF;line-height: 0.78rem;margin-bottom: 0.15rem;}
.ny_banner .txt .p{font-weight: 600;color: #FFFFFF;line-height: 0.25rem;letter-spacing: 0.15rem;text-transform:uppercase;}
.ny_banner .txt .p1{font-weight: 400;color: #FFFFFF;line-height: 0.32rem;}
.ny_banner input{width: 360px;max-width: 90%;line-height: 0.5rem;padding: 0 0.15rem;background-color: transparent;border: 1px solid #fff;
color:#ffffff;border-radius:0.08rem;color:#ffffff;font-size:0.18rem;}

.ny_banner .input input::-webkit-input-placeholder { 
/* WebKit browsers，webkit内核浏览器 */
color: rgba(255,255,255,0.8);
font-family: hl; 
} 
.ny_banner .input input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: rgba(255,255,255,0.8);
font-family: hl; 
} 
.ny_banner .input input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: rgba(255,255,255,0.8);
font-family: hl; 
} 
.ny_banner .input input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: rgba(255,255,255,0.8);
font-family: hl; 
}


.ny_tab{position: relative;padding: 0.3rem 0;background-color: #F8F8F8;}
.ny_tab.nd{margin-top: 6.93vw;background-color: transparent;}
.ny_tab ul{display: flex;width: 100%;justify-content: center;}
.ny_tab ul li{margin: 0 0.6rem;font-weight: 400;line-height: 0.22rem;}
.ny_tab ul li a{color: #333333;}
.ny_tab ul li.on a{color: #FF6300;}
.ny_tab .right_btn{position: absolute;top: 50%;right: 1.6rem;transform: translateY(-50%);display: flex;align-items: center;padding-left: 0.2rem;background: url(/static/img/home.png)no-repeat left center;background-size: 0.2rem 0.2rem;font-weight: 400;line-height: 0.2rem;}
.ny_tab .right_btn>a{display: flex;align-items: center;color: #333333;}
.ny_tab .right_btn span{display: block;width: 0.2rem;height: 0.2rem;background: url(/static/img/ny_jt.png);background-size: 100% 100%;}


/* 关于Stake */
.ab1{padding: 1.6rem 2.8rem;background: url(/static/img/ab1_bj.png)no-repeat center;background-size: cover;}
.ab1 .h{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;}
.ab1 .p{font-weight: 400;color: #666666;line-height: 0.36rem;}
.ab2 .box{height: 40.9vw;background: no-repeat center;background-size: cover;position: relative;color: #ffffff;margin-bottom: 0.2rem;}
.ab2 .box video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.ab2 .box:last-child{margin-bottom: 0;}
.ab2 .box .txt{position: absolute;top: 12.5vw;left: 2.8rem;width: 5.56rem;}
.ab2 .box:nth-child(2n) .txt{left: auto;right: 1.8rem;text-align:right;}
.ab2 .box .txt .h{font-weight: 600;line-height: 0.56rem;margin-bottom: 0.18rem;}
.ab2 .box .txt .p{font-weight: 400;line-height: 0.36rem;opacity: 0.87;margin-bottom: 0.4rem;}
.ab2 .box .txt ul{display: flex;font-weight: 600;line-height: 0.28rem;justify-content:end;}
.ab2 .box .txt ul li{padding-right: 0.48rem;position: relative;}
.ab2 .box .txt ul li:after{content: "";position: absolute;right: 0.24rem;top:0.07rem;width: 1px;height: 0.14rem;background-color: rgba(255,255,255,0.7);}
.ab2 .box .txt ul li:last-child{padding-right: 0;}
.ab2 .box .txt ul li:last-child:after{display: none;}

.ab2 .kuang{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
.ab2 .kuang1{position: absolute;top: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
.ab2 .kuang2{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.ab2 .kuang3{position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin: 0 50%;transform-origin: 0 50%;}
.ab2 .kuang4{position: absolute;top: 0;right: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;}
.ab2 .kuang1.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);}
.ab2 .kuang2.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);}
.ab2 .kuang3.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);}
.ab2 .kuang4.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);}

/* 企业文化 */
.cul_con{height: 43.75vw;display: flex;background: no-repeat center;background-size: cover;}
.cul_con .box{width: calc(100% / 3);height: 100%;position: relative;text-align: center;}
.cul_con .box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0;transition: all 0.5s;}
.cul_con .box.on::after{opacity: 0.15;}
.cul_con .box .txt{top: 22.9vw;left: 0;position: absolute;width: 100%;z-index: 2;transition: all 0.5s;}
.cul_con .box .txt .h{font-weight: 600;color: #FFFFFF;line-height: 0.5rem;margin-bottom: 0.2rem;}
.cul_con .box.on .txt{top: 20.83vw;}
.cul_con .box .txt .p{font-weight: 400;color: #FFFFFF;line-height: 0.32rem;display: none;}
.cul_con .box.on .txt .p{display: block;}

/* 发展历程 */
.his_con{min-height: 58vh;background: no-repeat center;background-size: cover;padding: 1rem 1.5rem 1.34rem 1.5rem;position: relative;}
.his_con .top{display: flex;padding: 0 0.5rem;margin-bottom: 0.5rem;}
.his_con .top .year{font-family: Arial;font-weight: 600;color: #FFFFFF;line-height: 1.3rem;background: linear-gradient(270deg, #FFC099 0%, #FF6300 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-right: 1.28rem;}
.his_con .top .txt{margin-top: 0.4rem;position: relative;overflow: hidden;}
.his_con .top .txt .swiper-slide{opacity: 0!important;transition: all 0.5s;display:flex;justify-content:space-between;}
.his_con .top .txt .swiper-slide .left{
    width: 58%;
}
.his_con .top .txt .swiper-slide .txt1{width: 100%;margin-bottom: 0.24rem;}
.his_con .top .txt .swiper-slide .img1{width: 42%;}
.his_con .top .txt .swiper-slide-active{opacity: 1!important;}
.his_con .top .txt .swiper-slide .p{font-weight: 400;color: #333333;line-height: 0.28rem;margin-bottom: 0.46rem;padding-left: 0.63rem;background: url(/static/img/his_jt.png)no-repeat left center;background-size: 0.23rem auto;}
.his_con .top .txt .swiper-slide .p:last-child{margin-bottom: 0;}
.his_con .bottom{position: absolute;left: 1.5rem;width: calc(100% - 3rem);bottom:1.34rem;padding: 0 1rem;}
.his_con .bottom::before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #A7A7A7;}
.his_con .bottom .prev,.his_con .bottom .next{position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #EFEFEF;display: flex;justify-content: center;align-items: center;top: 0;transform: translateY(-50%);cursor: pointer;transition: all 0.5s;}
.his_con .bottom .prev img,.his_con .bottom .next img{width: 0.32rem;}
.his_con .bottom .prev:hover,.his_con .bottom .next:hover{background-color: #FF6300;}
.his_con .bottom .prev{left: 0.5rem;}
.his_con .bottom .next{right: 0.5rem;}
.his_con .bottom .prev .img2,.his_con .bottom .next .img2{display: none;}
.his_con .bottom .prev:hover .img2,.his_con .bottom .next:hover .img2{display: block;}
.his_con .bottom .prev:hover .img1,.his_con .bottom .next:hover .img1{display: none;}
.his_con .bottom .bottom1{position: absolute;top: -0.16rem;left: 1rem;width: calc(100% - 2rem); overflow: hidden;text-align: center;}
.his_con .bottom .bottom1 .swiper-slide{padding-top: 0.08rem;cursor:pointer;}
.his_con .bottom .bottom1 .swiper-slide .dian{position: relative;width: 0.16rem;height: 0.16rem;border-radius: 50%;margin: 0 auto;margin-bottom: 0.23rem; border: 0.04rem solid #FF6300;background-color: #ffffff;}
.his_con .bottom .bottom1 .swiper-slide .dian::before{content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 0.32rem;height: 0.32rem;border-radius: 50%;background-color:  #FF6300;opacity: 0.2;width: 0;height: 0;transition: all 0.5s;}
.his_con .bottom .bottom1 .swiper-slide-active .dian::before{width: 0.32rem;height: 0.32rem;}

/* 荣誉资质 */
.ho_con{padding: 1rem 0;}
.ho_con .box{display: flex;margin-bottom: 0.6rem;}
.ho_con .box:nth-child(2n){flex-flow:row-reverse;}
.ho_con .box:last-child{margin-bottom: 0;}
.ho_con .box .pic{width: 12.8rem;display: flex;justify-content: center;align-items: center;background-color: #F0F0F0;height: 5.9rem;}
.ho_con .box .txt{width: 6.4rem;padding: 0.82rem 2.8rem 0 1.12rem;}
.ho_con .box:nth-child(2n) .txt{width: 6.4rem;padding: 0.82rem 1.12rem 0 2.8rem;}
.ho_con .box .txt p{
    line-height: 1.5;
}
.ho_con .box .txt .h{font-weight: 600;color: #333333;line-height: 0.46rem;padding-left: 0.62rem;background: no-repeat left center;background-size: 0.45rem 0.45rem;margin-bottom: 0.5rem;}
.ho_con .box .txt .h1{font-weight: 600;color: #FF6300;line-height: 0.2rem;display: flex;align-items: flex-end;margin-bottom: 0.26rem;}
.ho_con .box .txt .h1 span{font-family: Arial;font-weight: 600;color: #FF6300;line-height: 0.74rem;transform: translateY(0.1rem);}
.ho_con .box .txt ul{font-weight: 400;color: #666666;line-height: 0.36rem;height: 2.88rem;
    text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}

/* 新闻列表 */
.nl_con{padding: 1.2rem 2rem;}
.nl_con .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.6rem;}
.nl_con .boxs:after{content:"";width: 4.8rem;height:0;}
.nl_con .boxs .box{width: 4.4rem;padding: 0.5rem 0.5rem 0.4rem 0.5rem;background-color: #ffffff;transition: all 0.5s;border-radius: 0.16rem;margin-bottom: 0.4rem;position: relative;}
.nl_con .boxs .box:after{content: "";position: absolute;bottom: 0;left: 0.5rem;width: calc(100% - 1rem);height: 1px;background-color: #D8D8D8;}
.nl_con .boxs .box:hover:after{opacity: 0;}
.nl_con .boxs .box:hover{box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);}
.nl_con .boxs .box .pics{width: 100%;overflow: hidden;margin-bottom: 0.32rem;border-radius: 0.16rem;}
.nl_con .boxs .box .pics .pic{width: 100%;height: 2.34rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.nl_con .boxs .box:hover .pics .pic{transform: scale(1.05);}
.nl_con .boxs .box .txt .h{font-weight: 600;color: #333333;line-height: 0.36rem;height: 0.8rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0.6rem;}
.nl_con .boxs .box .txt .bottom{display: flex;justify-content: space-between;align-items: center;}
.nl_con .boxs .box .txt .bottom .day{font-family: Arial;color: #999999;line-height: 0.18rem;}
.nl_con .boxs .box .txt .bottom .more{font-weight: 600;color: #333333;line-height: 0.22rem;transition: all 0.5s;}
.nl_con .boxs .box:hover .txt .bottom .more{color: #FF6300;}
.nl_con .page{display: flex;justify-content: center;}
.nl_con .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;}
.nl_con .page a:hover{color: #ffffff;background-color: #FF6300;}
.nl_con .page a.on{color: #ffffff;background-color: #FF6300;}
.nl_con .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;}
.nl_con .page a.btn:hover{color: #fff;}

/* 新闻详情 */
.nd_con{padding: 1.3rem 2rem 1.2rem 2rem;}
.nd_con .con{position: relative;}
.nd_con .con .left{float: left;width: 11rem;}
.nd_con .con .left .top{padding-bottom: 0.5rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.5rem;}
.nd_con .con .left .top .tit{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.2rem;}
.nd_con .con .left .top .day{font-family: Arial;color: #999999;line-height: 0.18rem;}
.nd_con .con .left .con1{padding-bottom: 0.5rem;border-bottom: 1px solid #EEEEEE;}
.nd_con .con .left .con1 .p{font-weight: 400;color: #666666;line-height: 0.28rem;margin-bottom: 0.5rem;}
.nd_con .con .left .con1 .p:last-child{margin-bottom: 0;}
.nd_con .con .left .con1 img{width: 100%;margin-bottom: 0.25rem;margin-top:0.25rem;height:auto!important;}
.nd_con .con .left .con1 .h{margin-bottom: 0.2rem;font-weight: 600;color: #333333;line-height: 0.28rem;}
.nd_con .con .left .bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.24rem 0 0 0;}
.nd_con .con .left .bottom .b_left{width: 70%;}
.nd_con .con .left .bottom .b_left a{display: block;font-weight: 400;color: #666666;line-height: 0.22rem;height:0.22rem;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;}
.nd_con .con .left .bottom .b_left a:hover{color: #FF6300;}
.nd_con .con .left .bottom .b_left a:last-child{margin-bottom: 0;}
.nd_con .con .left .bottom .b_right{display: flex;align-items: center;}
.nd_con .con .left .bottom .b_right span{font-weight: 400;color: #666666;line-height: 0.22rem;}
.nd_con .con .left .bottom .b_right a{display: block;width: 0.36rem;height: 0.36rem;margin-left: 0.16rem;position: relative;}
.nd_con .con .left .bottom .b_right a a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin-left: 0;}
.social-share .icon-wechat,.social-share .icon-qq,.social-share .icon-weibo{border: transparent;}
.social-share .icon-wechat:hover,.social-share .icon-qq:hover,.social-share .icon-weibo:hover{background-color: transparent;}
.social-share .icon-wechat:before,.social-share .icon-qq:before,.social-share .icon-weibo:before{color: transparent;}
.nd_con .con .left .bottom .b_right a img{width: 100%;}
.nd_con .con .left .bottom .b_right a .img2{display: none;}
.nd_con .con .left .bottom .b_right a:hover .img2{display: block;}
.nd_con .con .left .bottom .b_right a:hover .img1{display: none;}
.nd_con .con .right{float: right;width: 3rem;position: sticky;top: 1.3rem;}
.nd_con .con .right .tit{padding: 0.63rem 0 0.24rem 0;border-bottom: 1px solid #D8D8D8;font-weight: 600;color: #333333;line-height: 0.4rem;}
.nd_con .con .right .item{display: block;padding: 0.2rem 0;border-bottom: 1px solid #D8D8D8;}
.nd_con .con .right .item .h{font-weight: 600;color: #333333;line-height: 0.28rem;max-height: 0.56rem;margin-bottom: 0.16rem;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nd_con .con .right .item:hover .h{color: #FF6300;}
.nd_con .con .right .item .day{font-family: Arial;color: #999999;line-height: 0.18rem;}

/* 投资者关系 */
.inv1{padding: 1.2rem 2rem 0.8rem 2rem;}
.inv1 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;}
.inv1 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;}
.inv1 .top ul{display: flex;}
.inv1 .top ul li a{font-weight: 600;color: #333333;line-height: 0.32rem;opacity: 0.5;margin-left: 0.5rem;}
.inv1 .top ul li a:hover,.inv1 .top ul li.on a{opacity: 1;}
.inv1 .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.inv1 .boxs:after{content: "";width: 4.8rem;height: 0;}
.inv1 .boxs .box{display: block;width: 4.8rem;border-radius: 0.16rem;background: #FFFFFF;color: #333333; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);padding: 0.4rem;margin-bottom: 0.4rem;transition: all 0.5s;}
.inv1 .boxs .box:hover{background: url(/static/img/pdf_bj.png)no-repeat center;background-size: cover;background-color: #FF6300;color: #fff;}

.inv1 .boxs .box .day{font-weight: 600;line-height: 0.32rem;margin-bottom: 0.24rem;}
.inv1 .boxs .box .h{font-weight: 600;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.18rem;}
.inv1 .boxs .box .a_bottom{display: flex;justify-content: space-between;align-items: flex-end;}
.inv1 .boxs .box .a_bottom span{font-weight: 600;color: #666666;line-height: 0.22rem;}
.inv1 .boxs .box:hover .a_bottom span{color: #fff;}
.inv1 .boxs .box .a_bottom .img{width: 0.32rem;}
.inv1 .boxs .box .a_bottom .img .img2{display: none;}
.inv1 .boxs .box:hover .a_bottom .img .img1{display: none;}
.inv1 .boxs .box:hover .a_bottom .img .img2{display: block;}
.inv1 .page{display: flex;justify-content: center;}
.inv1 .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;}
.inv1 .page a:hover{color: #ffffff;background-color: #FF6300;}
.inv1 .page a.on{color: #ffffff;background-color: #FF6300;}
.inv1 .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;}
.inv1 .page a.btn:hover{color: #fff;}

.inv2{padding: 1rem 2rem 1rem 2rem;background-color: #F7F7F7;}
.inv2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;}
.inv2 .con{display: flex;justify-content: space-between;}
.inv2 .con .pics{width: 7.6rem;overflow: hidden;}
.inv2 .con .pics .pic{height: 100%;background: no-repeat center;background-size: cover;transition: all 0.5s;min-height:5.8rem;}
.inv2 .con .pics:hover .pic{transform: scale(1.05);}
.inv2 .con .txts{width: 6.6rem;}
.inv2 .con .txts .item{display: flex;justify-content: space-between;align-items: center; padding:0 0 0.15rem 0;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.2rem;}
.inv2 .con .txts .item .h{width: calc(100% - 110px);font-weight: 400;color: #333333;line-height: 0.28rem;transition: all 0.5s;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.inv2 .con .txts .item .h:hover{color: #FF6300;}
.inv2 .con .txts .item .day{width: 110px;text-align: right;font-family: Arial;color: #666666;}
.inv2 .con .txts .page{display: flex;justify-content: flex-start;}
.inv2 .con .txts .page a{display: block;width: 0.48rem;line-height: 0.48rem;border-radius: 0.04rem;text-align: center;margin: 0 0.06rem;color: #333;transition: all 0.5s;}
.inv2 .con .txts .page a:hover{color: #ffffff;background-color: #FF6300;}
.inv2 .con .txts .page a.on{color: #ffffff;background-color: #FF6300;}
.inv2 .con .txts .page a.btn{color: #FF6300;border: 1px solid #FF6300;line-height: 0.46rem;}
.inv2 .con .txts .page a.btn:hover{color: #fff;}

.inv3{padding: 1.2rem 2rem;}
.inv3 .tit{font-weight: 600;margin-bottom: 0.7rem; color: #333333;line-height: 0.56rem;}
.inv3 .con{display: flex;justify-content: space-between;align-items: center;}
.inv3 .con .left{width: 6.1rem;}
.inv3 .con .left .h{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.36rem;}
.inv3 .con .left .p{font-weight: 400;color: #666666;line-height: 0.36rem;}
.inv3 .con .right{width: 7.6rem;padding: 0.5rem 0.6rem;background: url(/static/img/inv3_bj.png)no-repeat center;background-size: cover;}
.inv3 .con .right .h{font-weight: 600;color: #333333;line-height: 0.4rem;margin-bottom: 0.76rem;}
.inv3 .con .right .h1{font-weight: 600;color: #333333;line-height: 0.24rem;margin-bottom: 0.1rem;}
.inv3 .con .right .tel{font-family:Arial;font-weight: 600;color: #333333;line-height: 0.34rem;}

/* 联系Stake */
.con_con{padding: 1.2rem 2rem 1rem 2rem;position: relative;}
.con_con .left{float: left;width: 9.14rem;}
.con_con .left .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;}
.con_con .left .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 0.1rem;margin-bottom: 0.3rem; border-bottom: 1px dashed #D8D8D8;}
.con_con .left .boxs:after{content: "";width: 26%;}
.con_con .left .boxs .box{width: 26%;margin-bottom: 0.2rem;}
.con_con .left .boxs .tit1{display: block;width: 100%;margin-bottom: 0.2rem;}
.con_con .left .boxs .box .icon{width: 0.48rem;margin-bottom: 0.2rem;}
.con_con .left .boxs .box .h{font-weight: 600;color: #333333;line-height: 0.24rem;margin-bottom: 0.12rem;}
.con_con .left .boxs .box .p{font-weight: 400;color: #666666;line-height: 0.28rem;}
.con_con .left .bottom{padding-top: 0.2rem;}
.con_con .left .bottom form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.con_con .left .bottom form .input{width: 4.18rem;margin-bottom: 0.32rem;}
.con_con .left .bottom form .input .name{font-weight: 400;color: #333333;line-height: 0.22rem;margin-bottom: 0.12rem;}
.con_con .left .bottom form .input .name span{color: #F52323;}
.con_con .left .bottom form .input input{width: 100%;line-height: 0.48rem;border-radius: 0.04rem;border: 1px solid #D8D8D8;padding: 0 0.25rem;}
.con_con .left .bottom form .input textarea{width: 100%;line-height: 0.48rem;border-radius: 0.04rem;border: 1px solid #D8D8D8;padding: 0 0.25rem;}
.con_con .left .bottom form .input1{width: 100%;}
.con_con .left .bottom form input[type="submit"]{width: 1.4rem;height: 0.48rem;background: #FF6300;border-radius: 0.08rem;text-align: center;color: #fff;}
.con_con .right{float: right;width: 5.36rem;position: sticky;top: 1.2rem;height: 6.18rem;background: no-repeat center;background-size: cover;}
.con_con .right .map{width: 2.48rem;position: absolute;top: 2.28rem;left: 1.44rem;z-index: 2;}
.con_con .right .map:after{content: ""; position: absolute;bottom: 0.14rem;left: 50%;z-index: -1; transform: translateX(-50%); width: 0.18rem;height: 0.18rem;background: #FF6300;border-radius: 50%;}
.con_con .right .map:before{content: ""; position: absolute;bottom: 0.07rem;left: 50%;z-index: -1; transform: translateX(-50%); width: 0.32rem;height: 0.32rem;background: #FF6300;border-radius: 50%;opacity: 0.5;}

/* 案例列表 */
.case_con{padding: 0 2rem;height: 100vh;display: flex;align-items: center;background: no-repeat center;background-size: cover;}
.case_con .tit{font-weight: 600;color: #FFFFFF;line-height: 0.68rem;margin-bottom: 0.2rem;}
.case_con>div{width: 10.16rem;}
.case_con .p{font-weight: 400;color: #FFFFFF;line-height: 0.28rem;margin-bottom: 0.72rem;}
.case_con .tit1{font-weight: 600;color: #FFFFFF;line-height: 0.32rem;margin-bottom: 0.2rem;}
.case_con .boxs{width: 100%;display: flex;margin-bottom: 0.72rem;}
.case_con .boxs .box{width: 3.12rem;margin-right: 0.4rem;}
.case_con .boxs .box:last-child{margin-right: 0;}
.case_con .boxs .box .pics{width: 100%;overflow: hidden;border-radius: 0.16rem;margin-bottom: 0.2rem;}
.case_con .boxs .box .pics .pic{width: 100%;height: 1.92rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.case_con .boxs .box:hover .pics .pic{transform: scale(1.05);}
.case_con .boxs .box .txt{text-align: center;font-weight: 600;color: #FFFFFF;line-height: 0.28rem;}
.case_con .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;}
.case_con .btn:hover{opacity: 0.7;}
.case_con .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}

/* 案例详情 */
.cd1{padding: 1.2rem 2rem 1.6rem 2rem;background: url(/static/img/cd1_bj.png)no-repeat center;background-size: cover;}
.cd1 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;}
.cd1 .boxs{position: relative;overflow: hidden;padding-bottom: 0.6rem;}
.cd1 .boxs .swiper-slide{padding: 0.5rem 0.48rem 0.8rem 0.48rem;border-radius: 0.16rem;overflow: hidden;text-align: center;transition: all 0.5s;}
.cd1 .boxs .swiper-slide:hover{background-color: #ffffff;}
.cd1 .boxs .swiper-slide .yuan{width: 1.2rem;height: 1.2rem;margin: 0 auto;margin-bottom: 0.36rem;background-color: #ffffff;border: 1px solid #DCDCDC;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.cd1 .boxs .swiper-slide .yuan img{width: 0.56rem;}
.cd1 .boxs .swiper-slide .h{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.15rem;}
.cd1 .boxs .swiper-slide .p{font-weight: 400;color: #666666;line-height: 0.32rem;}
.cd1 .boxs .swiper-pagination{bottom: 0;}
.cd1 .boxs .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;}
.cd1 .boxs .swiper-pagination-bullet-active{border-color: #FF6300;}
.cd2{padding: 1.2rem 2rem 0 2rem;background-color: #ffffff;}
.cd2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.2rem;}
.cd2 img{width: 100%;}
.cd3{background-color: #F7F7F7;padding: 1.24rem 0 1rem 0;}
.cd3 .tit{margin-left: 2rem;font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;}
.cd3 .con{position: relative;overflow: hidden;padding-bottom: 0.6rem;}
.cd3 .con .swiper-slide{padding: 0.6rem;background-color: #ffffff;border-radius: 0.16rem;display: flex;justify-content: space-between;align-items: flex-start;transition: all 0.5s;}
.cd3 .con .swiper-slide-next,.cd3 .con .swiper-slide-prev{opacity: 0.4;}
.cd3 .con .swiper-slide .pics{width: 3.5rem;overflow: hidden;}
.cd3 .con .swiper-slide .pics .pic{width: 100%;height: 2.84rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.cd3 .con .swiper-slide:hover .pics .pic{transform: scale(1.05);}
.cd3 .con .swiper-slide .txt{width: 3.92rem;}
.cd3 .con .swiper-slide .txt .h1{font-weight: 600;color: #FF6300;line-height: 0.32rem;margin-bottom: 0.12rem;}
.cd3 .con .swiper-slide .txt .h2{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.24rem;}
.cd3 .con .swiper-slide .txt .p{font-weight: 400;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.4rem; color: #666666;line-height: 0.32rem;height: 0.64rem;}
.cd3 .con .swiper-slide .txt .btn{display: block;width: 1.86rem; line-height: 0.64rem;border-radius: 0.08rem;background-color: #FF6300;text-align: center;color: #ffffff;transition: all 0.5s;}
.cd3 .con .swiper-slide .txt .btn:hover{opacity: 0.7;}
.cd3 .con .swiper-slide .txt .btn span{display: inline-block;padding-right: 0.3rem;background: url(/static/img/ip2_btn.png)no-repeat right center;background-size: 0.2rem 0.2rem;}
.cd3 .con .swiper-pagination{bottom: 0;}
.cd3 .con .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;}
.cd3 .con .swiper-pagination-bullet-active{border-color: #FF6300;}
.cd3 .con .prev,.cd3 .con .next{width: 0.5rem;height: 0.5rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #EFEFEF;position: absolute;top: 2rem;transform: translateY(-50%);cursor: pointer;transition: all 0.5s;z-index: 2;}
.cd3 .con .prev img,.cd3 .con .next img{width: 0.32rem;}
.cd3 .con .prev .img2,.cd3 .con .next .img2{display: none;}
.cd3 .con .prev:hover .img2,.cd3 .con .next:hover .img2{display: block;}
.cd3 .con .prev:hover .img1,.cd3 .con .next:hover .img1{display: none;}
.cd3 .con .prev:hover,.cd3 .con .next:hover{background-color: #FF6300;}
.cd3 .con .prev{left: 2rem;}
.cd3 .con .next{right: 2rem;}
.cd4{padding: 1.2rem 2rem 1rem 2rem;background-color: #ffffff;}
.cd4 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.2rem;}
.cd4 .boxs{position: relative;overflow: hidden;}
.cd4 .boxs .swiper-slide{background-color: #ffffff;transition: all 0.5s;border-radius: 0.16rem;margin-bottom: 0.4rem;position: relative;overflow: hidden;box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.09);}
.cd4 .boxs .swiper-slide .pics{width: 100%;overflow: hidden;}
.cd4 .boxs .swiper-slide .pics .pic{width: 100%;height: 2.9rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.cd4 .boxs .swiper-slide:hover .pics .pic{transform: scale(1.05);}
.cd4 .boxs .swiper-slide .txt{padding: 0.4rem;}
.cd4 .boxs .swiper-slide .txt .h{font-weight: 600;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.2rem;transition: all 0.5s;}
.cd4 .boxs .swiper-slide:hover .txt .h{color: #FF6300;}
.cd4 .boxs .swiper-slide .txt .p{font-weight: 400;color: #666666;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0.45rem;}
.cd4 .boxs .swiper-slide .txt .bottom{display: flex;justify-content: space-between;align-items: center;}
.cd4 .boxs .swiper-slide .txt .bottom .day{font-family: Arial;color: #999999;line-height: 0.18rem;}
.cd4 .boxs .swiper-slide .txt .bottom .more{font-weight: 600;color: #333333;line-height: 0.22rem;transition: all 0.5s;}
.cd4 .boxs .swiper-slide:hover .txt .bottom .more{color: #FF6300;}
.cd4 .boxs .swiper-pagination{bottom: 0;}
.cd4 .boxs .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;border: 0.02rem solid #D7D5D6;background-color: transparent;opacity: 1;}
.cd4 .boxs .swiper-pagination-bullet-active{border-color: #FF6300;}

/* 产品详情 */
.pd1{padding: 1rem 2rem 1.2rem 2rem;display: flex;justify-content: space-between;align-items: flex-start;}
.pd1 .left{width: 7.6rem;}
.pd1 .left .m_pic{display: none;}
.pd1 .left .top{padding-bottom: 0.36rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.36rem;}
.pd1 .left .top .en{font-weight: 600;color: #FF6300;line-height: 0.44rem;margin-bottom: 0.08rem;}
.pd1 .left .top .cn{font-weight: 600;color: #333333;line-height: 0.56rem;}
.pd1 .left .bottom .tit1{font-weight: 600;color: #333333;line-height: 0.32rem;margin-bottom: 0.4rem;}
.pd1 .left .bottom .tab{display: flex;justify-content: space-between;margin-bottom: 0.4rem;flex-wrap:wrap;}
.pd1 .left .bottom .tab .li{width: 1.66rem;padding: 0.24rem;transition: all 0.5s;cursor: pointer;}
.pd1 .left .bottom .tab .li1{width: 1.66rem;height:0;}
.pd1 .left .bottom .tab .li.on{background: #F5F5F5;border-radius: 0.08rem;}
.pd1 .left .bottom .tab .li .icon{width: 0.48rem;margin: 0 auto;margin-bottom: 0.16rem;}
.pd1 .left .bottom .tab .li .p{font-weight: 400;color: #333333;line-height: 0.2rem;text-align: center;}
.pd1 .left .bottom .txt_box .txt{display: none;position: relative;padding: 0.38rem 0rem;border-radius: 0.16rem;}
/*.pd1 .left .bottom .txt_box .txt:after{content: "";position: absolute;top: 0;transform: translate(-50%,-100%);width: 0.28rem;height: 0.15rem;background: url(/static/img/pd1_sj.png);background-size: 100% 100%;}*/
.pd1 .left .bottom .txt_box .txt:nth-child(1):after{left: 0.83rem;}
.pd1 .left .bottom .txt_box .txt:nth-child(2):after{left: 2.81rem;}
.pd1 .left .bottom .txt_box .txt:nth-child(3):after{left: 4.79rem;}
.pd1 .left .bottom .txt_box .txt:nth-child(4):after{left: 6.77rem;}
.pd1 .left .bottom .txt_box .txt.on{display: block;}
.pd1 .left .bottom .txt_box .txt .p{font-weight: 400;color: #666666;line-height: 0.2rem;padding-left: 0.2rem;position: relative;margin-bottom: 0.14rem;}
.pd1 .left .bottom .txt_box .txt .p::before{content: "";position: absolute;top: 0.06rem;left: 0;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: #FF6300;}
.pd1 .left .bottom .txt_box .txt .p:last-child{margin-bottom: 0;}
.pd1 .right{width: 6.6rem;}
.pd2{padding:1.2rem 2rem 1rem 2rem;background-color: #FDFCFB;}
.pd2 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;}
.pd2 .item{display: flex;justify-content: space-between;align-items: flex-start;}
.pd2 .item .h{width: 1rem;line-height: 0.22rem;color: #333333;padding: 0.2rem 0;}
.pd2 .item ul{display: flex;flex-wrap: wrap;width: 13.7rem;border-bottom: 1px dashed #D8D8D8;}
.pd2 .item ul li{font-weight: 400;color: #666666;line-height: 0.22rem;width: 50%; padding: 0.2rem 0 0.2rem 0.5rem;border-bottom: 1px dashed #D8D8D8;}
/* .pd2 .item ul li:nth-last-of-type(-n+2){border-bottom: none;} */
.pd3{padding: 0.8rem 2rem 0 2rem;}
.pd3 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;}
.pd3 img{width: 100%;}

.pd4{background-color: #F6F6F6;padding: 1.2rem 2rem 1rem 2rem;}
.pd4 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.6rem;}
.pd4 .boxs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pd4 .boxs:after{content: "";width: 4.8rem;height: 0;}
.pd4 .boxs .box{display: block;width: 4.8rem;border-radius: 0.16rem;background: #FFFFFF;color: #333333; box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);padding: 0.4rem;margin-bottom: 0.4rem;transition: all 0.5s;}
.pd4 .boxs .box:hover{background: url(/static/img/pdf_bj.png)no-repeat center;background-size: cover;background-color: #FF6300;color: #fff;}

.pd4 .boxs .box .day{font-weight: 600;line-height: 0.32rem;margin-bottom: 0.24rem;}
.pd4 .boxs .box .h{font-weight: 600;line-height: 0.32rem;height: 0.64rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.18rem;}
.pd4 .boxs .box .a_bottom{display: flex;justify-content: space-between;align-items: flex-end;}
.pd4 .boxs .box .a_bottom span{font-weight: 600;color: #666666;line-height: 0.22rem;}
.pd4 .boxs .box:hover .a_bottom span{color: #fff;}
.pd4 .boxs .box .a_bottom .img{width: 0.32rem;}
.pd4 .boxs .box .a_bottom .img .img2{display: none;}
.pd4 .boxs .box:hover .a_bottom .img .img1{display: none;}
.pd4 .boxs .box:hover .a_bottom .img .img2{display: block;}

.pd5{padding: 1.2rem 2rem;}
.pd5 .con{width: 100%;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);background-color: #ffffff; border-radius: 0.32rem;background: url(/static/img/pd5_bj.png)no-repeat left bottom;background-size: 8rem 5.32rem;padding: 0.8rem 1.2rem 0.6rem 1rem;display: flex;justify-content: space-between;align-items: flex-start;}
.pd5 .con .left{width: 4.53rem;}
.pd5 .con .left .h1{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.4rem;}
.pd5 .con .left .h2{font-weight: 400;color: #FF6300;line-height: 0.4rem;margin-bottom: 0.16rem;}
.pd5 .con .left .p{font-weight: 400;color: #666666;line-height: 0.28rem;margin-bottom: 1.16rem;}
.pd5 .con .left .p1{font-weight: 400;color: #333333;line-height: 0.28rem;margin-bottom: 0.1rem;}
.pd5 .con .left .tel{font-weight: 600;color: #FF6300;line-height: 0.4rem;}
.pd5 .con form{width: 5.2rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pd5 .con form .input{width: 2.4rem;margin-bottom: 0.3rem;}
.pd5 .con form .input .name{font-weight: 400;color: #333333;line-height: 0.22rem;margin-bottom: 0.12rem;}
.pd5 .con form .input .name span{color: #F52323;}
.pd5 .con form .input input{line-height: 0.4rem;width:100%; background: #F4F4F4;border-radius: 0.04rem;padding: 0 0.14rem;}
.pd5 .con form .input textarea{line-height: 0.4rem;background: #F4F4F4;border-radius: 0.04rem;padding: 0 0.14rem;border: none;}
.pd5 .con form .input1{width: 100%;}
.pd5 .con form input[type="submit"]{width: 1.4rem;line-height: 0.48rem;background: #FF6300;border-radius: 0.08rem;float: right;color: #fff;transition: all 0.5s;}
.pd5 .con form input[type="submit"]:hover{opacity: 0.6;}

/* 产品列表 */
@keyframes rotate1 {
    0%{
     transform: rotate(30deg);
    }
    100%{
     transform: rotate(0deg);
    }
}

@keyframes myfirst1{
    0% {transform: translate(-50%,-50%) scale(1);opacity: 1;}
    50% {transform: translate(-50%,-50%) scale(1.3);opacity: 0.5;}
    100% {transform: translate(-50%,-50%) scale(1.6);opacity: 0;}
}
@keyframes myfirst2{
    0% {transform: translate(-50%,-50%) scale(1);opacity: 1;}
    50% {transform: translate(-50%,-50%) scale(1.6);opacity: 0.5;}
    100% {transform: translate(-50%,-50%) scale(1.9);opacity: 0;}
}
@keyframes myfirst3{
    0% {transform: translate(-50%,-50%) scale(1);opacity: 1;}
    50% {transform: translate(-50%,-50%) scale(1.9);opacity: 0.5;}
    100% {transform: translate(-50%,-50%) scale(2.8);opacity: 0;}
}
@keyframes myfirst4{
    to {top: 0.61rem;right: 0.2rem;}
}
@keyframes myfirst5{
    to {background: linear-gradient(22deg, #FF6300 0%, #FFFFFF 100%);color: #fff;}
}

.pl_banner{width: 100vw;height: 100vh;background-color: #000000;position: relative;}
.pl_banner .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 7.5rem;height: 7.5rem;}
.pl_banner .con .quans{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.pl_banner .con .quans img{width: 100%;animation: rotate1 1.5s linear forwards;transform: rotate(30deg);}
.pl_banner .con .quan1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.2);width: 2.8rem;height: 2.8rem;border-radius: 50%;z-index: 2;}
.pl_banner .con .quan2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.1);width: 2.8rem;height: 2.8rem;border-radius: 50%;animation: myfirst2 1.5s linear infinite;}
.pl_banner .con .quan3{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: rgba(255,255,255,0.1);width: 2.8rem;height: 2.8rem;border-radius: 50%;animation: myfirst3 1.5s linear infinite;}

.pl_banner .con .quan1 .yuan1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 1.36rem;height: 1.36rem;border-radius: 50%;background: linear-gradient(322deg, #FF6300 0%, #FFFFFF 100%);}
.pl_banner .con .quan1 .yuan1 img{width: 0.56rem;}
.pl_banner .con .quan1 .yuan2{position: absolute;top: 0.1rem;right: -0.2rem;width: 0.64rem;height: 0.64rem;border-radius: 50%;text-align: center;line-height: 0.64rem;color: #333; animation: myfirst4 1.5s 1.5s linear forwards;overflow: hidden;}
.pl_banner .con .quan1 .yuan2>div{width: 100%;height: 100%;background: linear-gradient(22deg, #ffffff 0%, #FFFFFF 100%);animation: myfirst5 0.3s 2.9s linear forwards;}
.pl_banner .con .quan1 .yuan2>div span{font-size: 0.14rem;position:relative;top:-0.08rem;left:0.03rem;}


.pl1{width: 15.2rem;margin: 0 auto;margin-top: 1.2rem;background: #FFFFFF;border-radius: 0.08rem; box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.09);padding: 1.2rem 0.8rem 0.6rem 0.8rem;display: flex;justify-content: space-between;align-items: flex-start;}
/*.pl1:nth-child(6){margin-bottom:1.2rem;}*/
.pl1 .left{width: 6.6rem;display: flex;justify-content: space-between;}
.pl1 .left .txt1{width: 3rem;}
.pl1 .left .txt1 .icon{width: 0.48rem;margin-bottom: 0.12rem;}
.pl1 .left .txt1 .h{font-weight: 600;color: #333333;line-height: 0.44rem;margin-bottom: 0.24rem;}
.pl1 .left .txt1 .p{font-weight: 400;color: #666666;line-height: 0.3rem;}
.pl1 .left .txt2{width: 3.2rem;}
.pl1 .left .txt2 li{font-weight: 400;line-height: 0.22rem;margin-bottom: 0.2rem;cursor: pointer;}
.pl1 .left .txt2 li a{color: #333333;}
.pl1 .left .txt2 li:last-child{margin-bottom: 0;}
.pl1 .left .txt2 li.on a{color: #FF6300;text-decoration: underline!important;}
.pl1 .right{width: 6.08rem;position: relative;overflow: hidden;padding-bottom: 0.6rem;}
.pl1 .right .swiper-slide{border-radius: 0.16rem;overflow:hidden;}
.pl1 .right .swiper-slide .pic{padding-bottom: 2.04rem;background: no-repeat center;background-size: cover;transition: all 0.5s;}
.pl1 .right .swiper-slide .pic:hover{transform:scale(1.05);}
.pl1 .right .swiper-pagination{top: auto;bottom: 0;height: 0.02rem;background-color: #D8D8D8;}
.pl1 .right .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #FF6300;}

.pl2{padding: 1.2rem 2rem;background: url(/static/img/pl2_bj.png)no-repeat center;background-size: cover;margin-top:1.2rem;}
.pl2 .top{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.4rem;}
.pl2 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;}
.pl2 .top .btn_box{width: 1.33rem;display: flex;justify-content: space-between;}
.pl2 .top .btn_box>div{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #EFEFEF;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.5s;}
.pl2 .top .btn_box>div img{width: 0.32rem;}
.pl2 .top .btn_box>div .img2{display: none;}
.pl2 .top .btn_box>div:hover .img2{display: block;}
.pl2 .top .btn_box>div:hover .img1{display: none;}
.pl2 .top .btn_box>div:hover{background-color: #FF6300;}
.pl2 .con{position: relative;overflow: hidden; padding-bottom: 0.74rem;}
.pl2 .con .swiper-pagination{top: auto;bottom: 0;height: 0.02rem;background-color: #D8D8D8;}
.pl2 .con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #FF6300;}
.pl2 .con .swiper-slide{overflow: hidden;}
.pl2 .con .swiper-slide .pic{width: 100%;height: 3.84rem;background: no-repeat center;background-size: cover;margin-bottom: 0.3rem;transition:all 0.5s;}
.pl2 .con .swiper-slide:hover .pic{transform:scale(1.05);}
.pl2 .con .swiper-slide .p{font-weight: 600;color: #333333;line-height: 0.26rem;transition:all 0.5s;}
.pl2 .con .swiper-slide:hover .p{color:#FF6300;}

.pl3{padding: 1rem 2rem 1.2rem 2rem;}
.pl3 .tit{font-weight: 600;color: #333333;line-height: 0.56rem;margin-bottom: 0.5rem;}
.pl3 .boxs .box{margin-bottom: 0.2rem;box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.1);background-color: #ffffff;padding: 0.3rem 0.6rem;border-radius: 0.16rem;cursor: pointer;}
.pl3 .boxs .box:last-child{margin-bottom: 0;}
.pl3 .boxs .box .h{font-weight: 600;color: #333333;line-height: 0.24rem;padding-right: 0.3rem;background: url(/static/img/pl_jia.png)no-repeat right center;background-size: 0.18rem 0.18rem;}
.pl3 .boxs .box.show .h{background-image: url(/static/img/pl_jian.png);}
.pl3 .boxs .box .p{width: 11.2rem;font-weight: 400;color: #666666;line-height: 0.28rem;display: none;margin-top: 0.15rem;}

/* 加入Stake */
.height{height: 50vh;display: none;}
.jo1{position: relative;}
.jo1 .con{width: 100%;height: 8.34rem;background: no-repeat center;background-size: cover;position: relative;}
.jo1 .con .txt{position: absolute;top: 50%;left: 2.6rem;transform: translateY(-50%);font-weight: 600;color: #FFFFFF;line-height: 0.46rem;}

.jo1 .kuang{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
.jo1 .kuang1{position: absolute;top: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
.jo1 .kuang2{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.2rem;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.jo1 .kuang3{position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin: 0 50%;transform-origin: 0 50%;}
.jo1 .kuang4{position: absolute;top: 0;right: 0;width: 2rem;height: 100%;background: #fff;-webkit-transition: -webkit-transform 1s ease;transition: -webkit-transform 1s ease;-o-transition: -o-transform 1s ease;-moz-transition: transform 1s ease, -moz-transform 1s ease;transition: transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;}
.jo1 .kuang1.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);}
.jo1 .kuang2.on{-webkit-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);}
.jo1 .kuang3.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);}
.jo1 .kuang4.on{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);}

.jo2{padding: 0 2rem 1.2rem 2rem;}
.jo2 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.64rem;}
.jo2 .top .tit{font-weight: 600;color: #333333;line-height: 0.56rem;}
.jo2 .top .ser_box{display: flex;align-items: center;padding: 2px;border: 1px solid #979797;border-radius: 0.48rem;}
.jo2 .top .ser_box input{line-height: 0.42rem;width: 3.84rem;font-weight: 400;color: #999999;padding-left: 0.66rem;background: url(/static/img/jo_ser.png)no-repeat 0.36rem center;background-size: 0.16rem 0.16rem;}
.jo2 .top .ser_box button{border: none;width: 0.92rem;text-align: center;color: #ffffff;
    height: 0.4rem;
    background: #FF6300;
    border-radius: 0.4rem;cursor: pointer;}
.jo2 .con{display: flex;justify-content: space-between;}
.jo2 .con .left{width: 2.4rem;padding-right: 0.5rem;border-right: 1px solid #E6E6E6;}
.jo2 .con .left .h{font-weight: 400;color: #333333;line-height: 0.4rem;margin-bottom: 0.48rem;}
.jo2 .con .left .box{margin-bottom: 0.68rem;}
.jo2 .con .left .box .h1{font-weight: 400;margin-bottom: 0.3rem; color: #111111;line-height: 0.22rem;display: table;padding-right: 0.25rem;position: relative;}
.jo2 .con .left .box .h1:after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.16rem;height: 0.16rem;background: url(/static/img/jo_jt.png);background-size: 100% 100%;}
.jo2 .con .left .box li{font-weight: 400;color: #111111;line-height: 0.2rem;position: relative;padding-left: 0.35rem;margin-bottom: 0.2rem;cursor: pointer;}
.jo2 .con .left .box li:last-child{margin-bottom: 0;}
.jo2 .con .left .box li::before{content: "";position: absolute;top: 0;left: 0;width: 0.2rem;height: 0.2rem;border: 1px solid #CCCCCC;}
.jo2 .con .left .box li.on::before{background: url(/static/img/jo_gou.png)no-repeat center;background-size: 0.12rem 0.12rem;background-color: #FF6300;border-color: #FF6300;}
.jo2 .con .right{width: 12rem;}
.jo2 .con .right .top{display: flex;justify-content: space-between;font-weight: 600;color: #FFFFFF;line-height: 0.24rem;padding: 0.18rem 0;background-color: #FF6300;margin-bottom: 0;}
.jo2 .con .right .top .h{width: 100%;text-align: center;}
.jo2 .con .right .item{display: flex;justify-content: space-between;font-weight: 400;color: #666666;line-height: 0.22rem;padding: 0.25rem 0;border-bottom: 1px solid #D8D8D8;}
.jo2 .con .right .item .p{text-align: center;width: 100%;}

.jo_tanchuang{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -999;background-color:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;}
.jo_tanchuang.show{opacity: 1;z-index:999;}
.jo_tanchuang .tc{width: 100%;height: 100%;display:none;}
.jo_tanchuang .tc.on{display: block;}
.jo_tanchuang .tc .con{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 11.88rem;border-radius: 0.16rem;background-color: #ffffff;padding:0.6rem 0.8rem;}
.jo_tanchuang .tc .con .out{width: 0.64rem;position: absolute;right: -0.84rem;top: 0;cursor:pointer;transition:all 0.5s;}
.jo_tanchuang .tc .con .out:hover{transform:rotate(180deg);}
.jo_tanchuang .tc .con .top{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom:0.2rem;border-bottom:1px solid #D8D8D8;margin-bottom:0.36rem;}
.jo_tanchuang .tc .con .top .tit{font-weight: 600;color: #333333;line-height: 0.44rem;margin-bottom: 0.16rem;}
.jo_tanchuang .tc .con .top .p{font-weight: 400;color: #FF6300;line-height: 0.22rem;}
.jo_tanchuang .tc .con .top .p span{margin-right: 0.32rem;}
.jo_tanchuang .tc .con .top .btn{width: 1.2rem;line-height: 0.4rem;background: linear-gradient(270deg, #FFC099 0%, #FF6300 100%);border-radius: 0.2rem;text-align: center;color:#fff;}
.jo_tanchuang .tc .con .bottom{display: flex;justify-content: space-between;}
.jo_tanchuang .tc .con .bottom>div{width: 4.84rem;}
.jo_tanchuang .tc .con .bottom>div .h{font-weight: 400;color: #3D3D3D;line-height: 0.22rem;margin-bottom: 0.16rem;}
.jo_tanchuang .tc .con .bottom>div .p{font-weight: 400;color: #999999;line-height: 0.32rem;}



@media screen and (max-width: 1024px) {
    .i_part5 .box .swiper-slide>div:hover .txt{opacity: 1;}
}
@media screen and (min-width: 2270px) {
	html{font-size: 130px!important;}
}
@media screen and (max-width: 2270px) {
	html{font-size: 116.66px!important;}
}
@media screen and (max-width: 1930px) {
    html{font-size: 100px!important;}
}
@media screen and (max-width: 1680px) {
	html{font-size: 82px!important;}
}
@media screen and (max-width: 1560px) {
	html{font-size: 78px!important;}
	.nd_con .top .h{font-size: 24px;line-height: 32px;}
}
@media screen and (max-width: 1440px) {
	html{font-size: 72px!important;}
	.mod1 .pics{padding: 2rem 0;}
}
@media screen and (max-width: 1366px) {
	html{font-size: 68px!important;}
}
@media screen and (max-width: 1280px) {
	html{font-size: 63px!important;}
}
@media screen and (max-width: 1024px) {
	html{font-size: 60px!important;}
	
	.banners .banner {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.banners .banner video{
	    display: none;
	}
	.banners .banner img{
	    display: block;
	    max-width: fit-content;
	}
	.header{display: none;}
		.m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:10px 15px;z-index: 98;}
	.m_header .mh_top{display: flex;justify-content: space-between;align-items: center;}
	.m_header .mh_top>div{align-items: center;}
	.m_header .mh_top>div .h_btn{width: 1.95rem;line-height: 0.58rem;text-align: center;border: 1px solid #000000;font-size: 0.24rem;margin-right: 0.44rem;}
	.m_header .logo img{width: 150px;}
	.m_header .btn{display: block;}
	.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
	.m_header .btn.hide{opacity: 0;}
	.m_header .btn span{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
	.m_header .btn span:nth-child(1){transform: translate(0,-8px);}
	.m_header .btn span:nth-child(2){transform: translate(12px,0);width: 12px;}
	.m_header .btn span:nth-child(3){transform: translate(0px,8px);}
	.m_header .btn:hover span:nth-child(1){transform: translate(0,-8px);}
	.m_header .btn:hover span:nth-child(2){transform: translate(0,0);width: 22px;}
	.m_header .btn:hover span:nth-child(3){transform: translate(0,8px);}
	.m_header{display: block;}
	
	.mh_nav{display: block;}
	.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 25px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
	.mh_nav.show{transform: translateX(0);}
	.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
	.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 60px;}
	.mh_nav .nav>li>a{line-height: 60px;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(/static/img/hl_jt.png)no-repeat center;}
	.mh_nav .nav>li.on:after{transform: rotate(90deg);}
	.mh_nav .nav>li:first-child:after{display: none;}
	.mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;font-size: 14px;}
	.footer{padding: 0 20px;}
	.footer .top{display: none;}
	.footer .bottom{text-align: center;line-height: 1.5;padding:18px 0;}
	.footer .bottom .left .f_logo{display: none;}
	.footer .bottom .right{display: none;}
	
	.i_part1{position: relative;height:auto;padding:50px 20px 100px 20px;}
	.i_part1 .tit{font-size: 20px;line-height: 26px;top:50%;opacity:1;position:static;transform:translateY(0);}
	#First {stroke-dashoffset: 0;}
	.banners{-webkit-mask-image:none;position:static;width:100vw!important;height:100vh!important;transform:translate(0,0);}
	.banner{position: static;top: 0;left: 0;width: 100%;height: 100vh;transform:translate(0,0);}
	.i_part2{margin-top: 0;}
	.i_part2::before{display:none;}
	.i_part1 svg{bottom: -1.3rem;}
	.i_part3{display: block;padding:40px 20px;height: auto;}
	.i_part3 .left .txt{margin-bottom: 25px;}
	.i_part3 .left .txt .h{font-size: 24px;line-height: 32px;margin-bottom: 14px;}
	.i_part3 .left .txt .p{font-size: 14px;line-height: 22px;margin-bottom: 14px;}
	.i_part3 .left .txt .btn{width: 93px;line-height: 30px;font-size: 12px;}
	
	
	.mbtn{width: 93px!important;line-height: 30px!important;font-size: 12px!important;}
	
	.i_part3 .left .icon_box{width: 100%;margin-bottom:25px;}
	.i_part3 .left .icon_box .icon{width: 35px;margin:0 auto; margin-bottom:0;}
	.i_part3 .left .icon_box .p{display: block;text-align:center;}
	.i_part3 .left .icon_box .p span{margin-right:0;line-height:1.5;}
	.i_part3 .left{width: 100%;}
	.i_part3 .left .txt .p{width: 100%;}
	.i_part3 .right{width: 100%;position:static;}
	
	.i_part4{display: block;padding: 60px 20px 90px 20px;height:auto;}
	.i_part4 .left{width: 100%;}
	.i_part4 .left .tit{font-size: 20px;line-height:26px;margin-bottom: 25px;}
	.i_part4 .left .p{font-size: 14px;line-height: 22px;margin-bottom:30px;}
	.i_part4 .right{width: 100%;height:auto;margin-top:50px;}
	.i_part4 .right .box{width: 42.67vw;}
	.i_part4 .right .box>div{padding:24px 10px!important;}
	.i_part4 .right .box:nth-child(3)>div{transform:translateY(0.3rem);}
	.i_part4 .right .box:nth-child(4)>div{transform:translateY(0.9rem);}
	
	.i_part5{padding: 50px 20px;height:auto;}
	.i_part5 .top{margin-bottom: 16px;}
	.i_part5 .top .tit{font-size: 20px;line-height: 26px;}
	.i_part5 .top .btn_box>div img{width: 10px;}
	.i_part5 .box{padding: 16px;}
	
	.ny_banner{height: 350px;margin-top:50px;}
	.ny_banner .txt{top: 50%;transform: translateY(-50%);padding:0 20px;}
	.ny_banner .txt .h{font-size: 28px;line-height: 37px;margin-bottom:10px;}
	.ny_banner .txt .p{font-size: 10px;line-height: 12px;}
	.ny_tab{display: none;}
	.ny_tab.case_tab{display: block;}
	.ny_tab .right_btn{display: none;}
	.ny_tab ul{flex-wrap: wrap;font-size:14px;line-height:22px}
	.ny_tab ul li{margin: 0;width:calc(100% / 3);text-align:center;line-height:2;}
	
	.pl_banner{overflow: hidden;}
	
	.ab1{padding: 40px 20px 73px 20px;}
	.ab1 .h{font-size: 20px;line-height: 26px;margin-bottom: 18px;}
	.ab1 .p{font-size: 12px;line-height: 18px;}
	.ab2 .box{margin-bottom: 16px;min-height: 393px;padding:92px 20px 0 20px;}
	.ab2 .box .txt{position: static;width: 100%;}
	.ab2 .box .txt .h{font-size: 24px;line-height: 32px;margin-bottom: 18px;}
	.ab2 .box .txt .p{font-size: 12px;line-height: 18px;padding-right: 57px;}
	.ab2 .box .txt ul{font-size: 14px;}
		.ab2 .box .kuang{
		    display: none;
		}
		
	.his_con{padding: 40px 20px 73px 20px;}
	.his_con .top{
	    flex-direction: column;
	}
	.his_con .bottom{
	    left: 0;
	    width: 100%;
	}
		
	.cul_con{display: block;padding:71px 20px 41px 20px;height:auto;}
	.cul_con .box{display: block;width: 100%;margin-bottom: 30px;padding:30px 24px 56px 24px;}
	.cul_con .box .txt{position: relative;top:0;z-index:2;}
	.cul_con .box.on .txt{top: 0;}
	.cul_con .box .txt .p{display: block;}
	.cul_con .box::after{opacity:0.15;}
	
	.case_con{position: static;padding: 0 20px;}
	.case_con .boxs{flex-wrap: wrap;}
	.case_con .boxs .box{margin-bottom: 16px;width:48%;margin-right:2%;}
	
	.case_con .tit{font-size: 24px;line-height: 32px;margin-bottom: 14px;}
	.case_con .p{font-size: 12px;line-height: 18px;margin-bottom: 45px;}
	
	.case_con .btn{width: 93px;line-height: 30px;font-size: 12px;}
	
	.cd1{padding: 50px 20px;}
	.cd1 .tit{font-size: 24px;line-height: 32px;margin-bottom: 26px;text-align:center;}
	.cd1 .boxs .swiper-slide{background-color: #ffffff;border-radius: 16px;}
	.cd2{padding: 50px 20px;}
	.cd2 .tit{font-size: 24px;line-height: 32px;margin-bottom: 26px;text-align:center;}
	
	.cd3{padding: 50px 20px;}
	.cd3 .tit{margin:0;text-align:center; font-size: 24px;line-height: 32px;margin-bottom: 26px;}
	.cd3 .con .prev, .cd3 .con .next{display: none;}
	.cd3 .con .swiper-slide{padding:20px;}
	.cd3 .con .swiper-slide .pics{width: 33.6vw;}
	.cd3 .con .swiper-slide .pics .pic{height: 102px;}
	.cd3 .con .swiper-slide .txt{width: calc(100% - 33.6vw - 20px);}
	.cd3 .con .swiper-slide .txt .p{display: none;}
	
	.cd4{padding: 50px 20px;}
	.cd4 .tit{margin:0;text-align:center; font-size: 24px;line-height: 32px;margin-bottom: 26px;}
	
	.pd_con{margin-top: 50px;}
	.pd1{padding: 30px 20px 44px 20px;display:block;}
	.pd1 .left{width: 100%;margin-bottom:0px;}
	.pd1 .left .top{padding-bottom: 20px;margin-bottom: 20px;}
	.pd1 .left .top .en{font-size: 16px;line-height: 22px;margin-bottom: 5px;}
	.pd1 .left .top .cn{font-size: 20px;line-height: 26px;}
	.pd1 .right{width: 100%;}
	.pd2{padding: 50px 20px;}
	.pd2 .item .h{width: 80px;font-size:12px;line-height:18px;}
	.pd2 .item ul{width: calc(100% - 100px);font-size:12px;}
	.pd2 .item ul li{line-height:18px;}
	.pd2 .item ul li{padding-left: 8px;}
	.pd2 .tit{font-size: 20px;line-height: 26px;}
	.pd3{padding: 50px 20px;}
	.pd3 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.pd4{padding: 50px 20px 30px 20px;}
	.pd4 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.pd4 .boxs .box{width: 48%;padding:12px;}
	.pd5{padding: 50px 20px;display:block;}
	.pd5 .con{padding: 26px 12px;display: block;}
	.pd5 .con .left{margin-bottom: 20px;width:100%;}
	.pd5 .con .left .p{margin-bottom: 40px;font-size:12px;line-height:18px;}
	.pd5 .con .left .h1{font-size: 20px;line-height: 26px;margin-bottom: 18px;}
	.pd5 .con form .input{width: 100%;}
	.pd5 .con form .input input{width: 100%;line-height: 30px;}
	.pd5 .con .left .p1{font-size: 14px;line-height: 20px;}
	.pd5 .con form .input .name{font-size: 12px;line-height: 18px;}
	.pd5 .con form .input input{font-size: 12px;}
	.pd5 .con form .input textarea{font-size: 12px;}
	
	.pl_banner .con{width: 100%;height: 100vw;}
	.pl1{margin-top: 0;width: 100%;padding:50px 20px;display:block;}
	.pl1 .left{display: block;margin-bottom: 26px;width:100%;}
	.pl1 .left .txt1{width: 100%;}
	.pl1 .left .txt1 .h{font-size: 18px;line-height: 24px;margin-bottom: 10px;}
	.pl1 .left .txt1 .p{width: 80%;font-size:14px;line-height:20px;margin-bottom:10px;}
	.pl1 .left .txt2{width: 100%;justify-content: space-between;flex-wrap: wrap;}
	.pl1 .left .txt2 li{width: 100%;font-size:14px;line-height:1.3; margin-bottom: 10px;}
	.pl1 .right{width: 100%;}
	
	.pl2{padding: 50px 20px;}
	.pl2 .top{margin-bottom: 26px;}
	.pl2 .top .tit{font-size: 20px;line-height: 26px;}
	.pl2 .top .btn_box>div img{width: 10px;}
	.pl2 .con .swiper-slide .p{font-size: 12px;line-height: 18px;}
	
	.pl3{padding: 50px 20px;}
	.pl3 .boxs .box{padding: 10px 16px;}
	.pl3 .boxs .box .p{width: 100%;font-size:12px;line-height:18px;}
	.pl3 .boxs .box .h{font-size: 14px;line-height:20px;}
	
	.nl_con{padding: 50px 20px;}
	.nl_con .boxs .box{width: 100%;}
	.nl_con .boxs .box .txt .h{font-size: 14px;line-height: 20px;height: 40px;margin-bottom: 12px;}
	.nl_con .boxs .box .txt .bottom .day,.nl_con .boxs .box .txt .bottom .more{font-size: 12px;line-height: 18px;}
	.nd_con{padding: 50px 20px;margin-top:50px;}
	.nd_con .con .left{float: none;width: 100%;}
	.nd_con .con .right{display: none;}
	.nd_con .con .left .con1{font-size: 14px;line-height: 20px;}
	.nd_con .con .left .top{padding-bottom: 20px;margin-bottom: 20px;}
	.nd_con .con .left .top .day{font-size: 14px;line-height: 20px;}
	.nd_con .con .left .top .tit{font-size: 20px;line-height: 26px;margin-bottom: 16px;}
	.nd_con .con .left .bottom .b_right{display: none;}
	.nd_con .con .left .bottom .b_left{width:100%;}
	.nd_con .con .left .bottom .b_left a{font-size: 14px;line-height: 22px;height: 22px;}
	
	.inv1{padding: 50px 20px;}
	.inv1 .boxs .box{width: 48%;padding:12px;}
	.inv2{padding: 50px 20px;}
	.inv2 .con{display: block;}
	.inv2 .con .pics{width: 100%;margin-bottom:26px;}
	.inv2 .con .txts{width: 100%;}
	.inv2 .con .txts .item .h{font-size: 14px;line-height: 20px;height: 20px;}
	.inv3{padding: 50px 20px;}
	.inv3 .con{display: block;}
	.inv3 .con .left{width: 100%;margin-bottom:26px;}
	.inv3 .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.inv3 .con .left .h{font-size: 16px;line-height: 22px;margin-bottom: 16px;}
	.inv3 .con .left .p{font-size: 14px;line-height: 20px;margin-bottom: 12px;}
	.inv3 .con .right{width: 100%;padding:12px 20px;}
	
	.con_con{padding: 50px 20px;}
	.con_con .left .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.con_con .left{width: 100%;float:none;}
	.con_con .left .boxs{flex-wrap: wrap;}
	.con_con .left .boxs .box{width: 48%;margin-bottom:26px;}
	.con_con .left .boxs .box .h{font-size: 14px;line-height: 20px;}
	.con_con .left .boxs .box .p{font-size: 12px;line-height: 18px;}
	
	.con_con .left .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.con_con .left .bottom form .input .name{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
	.con_con .left .bottom form .input{width: 100%;}
	.con_con .left .bottom form .input input{font-size: 12px;line-height: 30px;}
	.con_con .left .bottom form .input textarea{font-size: 12px;line-height: 30px;}
	.con_con .right{float: none;width:100%;margin-top:30px;position:relative;top:0;}
	
	.jo1{margin-bottom: 50px;}
	.jo1 .kuang{display: none;}
	.jo1 .con .txt{left: 0;width: 100%;padding: 0 20px;font-size:17px;}
	.jo2{padding: 0 20px;}
	.jo2 .top{width: 100%;display: block;margin-bottom:26px;}
	.jo2 .top .tit{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.jo2 .top .ser_box{width: 100%;}
	.jo2 .top .ser_box .cx{width: calc(100% - 80px);}
	.jo2 .top .ser_box input{width: 100%;}
	.jo2 .top .ser_box button{width: 80px;}
	.jo2 .con{display: block;}
	.jo2 .con .left{width: 100%;display:flex;margin-bottom:20px;flex-wrap:wrap;padding-right:0;border-right:none;}
	.jo2 .con .left .h{display: block;width: 100%;}
	.jo2 .con .left .box{display: block;width: 33.33%;margin-bottom:0;}
	.jo2 .con .left .h{font-size: 16px;line-height: 22px;margin-bottom: 20px;}
	.jo2 .con .left .box .h1{font-size: 14px;line-height: 20px;}
	.jo2 .con .left .box li{font-size: 12px;line-height: 18px;}
	.jo2 .con .right{width: 100%;margin-bottom:50px;}
	.jo_tanchuang .tc .con{width: 94vw;padding:30px 15px;}
	.jo_tanchuang .tc .con .bottom{display: block;}
	.jo_tanchuang .tc .con .bottom>div{width: 100%;}
	.jo_tanchuang .tc .con .bottom>div.b_left{margin-bottom: 20px;}
	.jo_tanchuang .tc .con .bottom>div .h,.jo_tanchuang .tc .con .bottom>div .p{font-size: 12px;line-height: 20px;}
	.jo_tanchuang .tc .con .out{width: 20px;top: -30px;right: 0;}
	.i_part3 .right{display: none;}
	
	.i_part2{height: auto;padding:50px 20px 0 20px;}
	.i_part2 .tit{position: static;text-align: center;font-size: 20px;line-height: 26px;color: #333333;margin-bottom:26px;}
	.i_part2 .boxs{position: static;color:#ffffff;justify-content:flex-start;flex-wrap:wrap;margin-bottom:20px;}
	.i_part2 .boxs .box .txt{position: static;width:100%;}
	.i_part2 .boxs .box{width: 25%!important;padding: 0!important;text-align:center;}
	.i_part2 .boxs .box .h1{font-size:15px;line-height:24px;width:100%;}
	.i_part2 .boxs .box.on .h1{display: block;color:#FF6300;}
	.i_part2 .boxs .box.on .h2{display: none;}
	.i_part2 .boxs .box .h{color: #333;}
	.i_part2 .boxs .box .p{color: #333;}
	.i_part2 .boxs .box .p,.i_part2 .boxs .box .btn{display: none;}
	.i_part2 .boxs .box.on .p,.i_part2 .boxs .box.on .btn{display: none;}
	.i_part2 .pics{position: relative;margin-top:10px;}
	.i_part2 .pics .pic{height: 316px;display:none;position:static;}
	.i_part2 .pics .pic.on{display:block;}
	
	.i_part3 .left .txt .h{font-size: 20px;line-height: 26px;text-align: center;}
	.i_part5 .box .swiper-slide .day{font-size: 14px;}
	.i_part5 .box .swiper-slide .h{font-size: 16px;}
	
	.ho_con{padding-top: 0;}
	.ho_con .box{display: block;}
	.ho_con .box .pic{width: 100%;height:auto;}
	.ho_con .box .txt{padding: 20px 40px 0 40px;width:auto;}
	.ho_con .box:nth-child(2n) .txt{width:auto;padding: 20px 40px 0 40px;}
	.ho_con .box .txt .h{margin-bottom: 16px;}
	.i_part3 .left .icon_box .p .ntm{line-height: 0.58rem;height: 0.58rem;}
	
	.pd1 .left .m_pic{display: block;margin-bottom:20px;}
	.pd1 .right{display: none;}
	.pd1 .left .bottom .txt_box .txt{padding-bottom: 0;}
	
}


@media screen and (max-width: 768px) {
	.inv2 .con .pics .pic{min-height: 4.2rem;}
}