/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 2; top: 30%; }
.ind-banner .onebox .cn{ margin:0; font-weight:400; position: relative; font-size: var(--fs60); line-height: 0.72rem; color: #fff;}
.ind-banner .twobox .cn{ color:#333;}
.ind-banner .twobox .cn em{ color:#e60012;}
.ind-banner .onebox .en{ margin-top: 0.3rem; font-size: var(--fs18); line-height: 0.3rem; text-transform: uppercase; color: #fff; font-family:'Poppins-L';}
.ind-banner .twobox .en{ color:#333;}
.ind-banner .onebox .btnDiv{ margin-top:0.6rem; width:1.2rem; height:0.45rem; line-height:0.43rem; border:#fff solid 1px; color:#fff; text-align:center; font-size:var(--fs16);}
.ind-banner .twobox .btnDiv{ border:#333 solid 1px; color:#333;}
.ind-banner .onebox .btnDiv:hover{border:#e60012 solid 1px; background:#e60012; color:#fff;}

.ind-banner .list{ margin-top: 0.55rem; overflow:hidden; }
.ind-banner .list li{ float: left; margin-right: 0.3rem; }
.ind-banner .list li .g_img{ width:1.2rem; height:1.2rem; position:relative;}
.ind-banner .list li .bj{ position: absolute; left: 0; top: 0; width: 100%; }
.ind-banner .list li .wen{ font-size: var(--fs18); line-height: 0.24rem; text-align: center; color:#fff;}


.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
.ind-banner .look{ margin-top: 1.2rem; }
.ind-banner .look a{ display: block; position: relative; width: 1.24rem; height: 1.24rem; border-radius: 50%; background: rgba(255,255,255,0.2); }
.ind-banner .look a:after{ content: ''; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -0.52rem; margin-top: -0.52rem; width: 1.04rem; height: 1.04rem; border-radius: 50%;  }
.ind-banner .look a img{ position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; width: 35px; height: 35px; z-index: 1; }
.ind-banner .look .videoDiv{ display: none; }


.ind-banner .onebox, .ind-banner .twobox, .ind-banner .threebox, .ind-banner .fourbox{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .onebox, .ind-banner .swiper-slide-active .twobox, .ind-banner .swiper-slide-active .threebox, .ind-banner .swiper-slide-active .fourbox{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .swiper-pagination{ width: 100%; bottom: 0.4rem; z-index:2; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 8px; height: 8px; opacity: 1; background: #fff; border: none; overflow: hidden; border-radius: 50%; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; border-radius: 8px; }
.ind-banner .swiper-pagination-bullet-active { background: rgba(255,255,255,0.5); width: 58px; border-radius: 8px; } 
.ind-banner .swiper-pagination-bullet-active:after{ width: 100%; }
.ind-banner .se{ display:block; z-index:3; position: absolute; width: 18px; height: 34px; top: 50%; margin-top: -17px; }
.ind-banner .prev{ left: 0.5rem; background: url(../images/nimg18_left.png) center no-repeat;} 
.ind-banner .next{ right: 0.5rem; background: url(../images/nimg18_right.png) center no-repeat; }
.ind-banner .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.ind-banner .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}

.indexP1{ overflow: hidden; padding-top: 1.3rem; height: 9.66rem; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover; }

.indpro{ position: relative; }
.indpro:before{ content: ''; position: absolute; left: 0; top: 16%; width: 27.6%; height: 3.0rem; background: #fff; border-top-right-radius: 1.6rem; border-bottom-right-radius: 1.6rem; }
.indpro:after{ content: ''; position: absolute; right: 0; top: 16%; width: 27.6%; height: 3.0rem; background: #fff; border-top-left-radius: 1.6rem; border-bottom-left-radius: 1.6rem; }
.indexP1 .imgList { width: 24rem; position: relative; left: 50%; margin-left: -12rem;}
.indexP1 .swiper-slide { overflow: hidden; }
.indexP1 .swiper-slide .imgDiv { width: 5.2rem; position: relative; margin: 0 auto; overflow: hidden; }
.indexP1 .swiper-slide .imgDiv img{ width: 100%;transform:scale(0.4);-webkit-transform:scale(0.4); }
.indexP1 .swiper-slide .hideDiv{ position: relative; margin: 0.2rem auto 0; width: 2.8rem;}
.indexP1 .swiper-slide .name{ font-size: var(--fs18); line-height: 0.3rem; text-align: left; color: #333; height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexP1 .swiper-slide .msg{ font-size: var(--fs16); line-height: 0.32rem; overflow: hidden; height: 0.64rem; color: #666; text-align: left; }
/*.indexP1 .swiper-slide .more{ opacity: 0; visibility: hidden; margin: 0.25rem auto 0; }
.indexP1 .swiper-slide .more a{ position: relative; overflow: hidden; font-size: var(--fs16); color: #333; }
.indexP1 .swiper-slide .more em{ margin-right: 0.2rem; display: block; width: 0.52rem; height: 0.52rem; background: #e60012 url(../images/ico1.png) center no-repeat; border-radius: 50%;}
.indexP1 .swiper-slide .more a:hover{ color: #e60012; }
*/
.indexP1 .swiper-slide .more{ opacity: 0; visibility: hidden; margin: 0.25rem auto 0; width: 1.8rem;}
.indexP1 .swiper-slide .more a{ display: block; position: relative; padding-left: 0.68rem; height: 0.52rem; line-height: 0.52rem; font-size: var(--fs16); color: #333; }
.indexP1 .swiper-slide .more a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #e60012 url(../images/ico1.png) center no-repeat; background-size: 0.1rem; }
.indexP1 .swiper-slide .more em{ position: relative; z-index: 1; }
.indexP1 .swiper-slide .more a:hover{ padding-left: 0.25rem; color: #fff; }
.indexP1 .swiper-slide .more a:hover:before{ width: 1.8rem; border-radius: 0.48rem; background: #e60012 url(../images/ico1.png) 1.4rem center no-repeat; background-size: 0.1rem;}



.indexP1 .swiper-slide.swiper-slide-prev .imgDiv img{ position: relative; right: -1.7rem; }
.indexP1 .swiper-slide.swiper-slide-next .imgDiv img{ position: relative; left: -1.7rem; }
.indexP1 .swiper-slide.swiper-slide-prev .hideDiv{ right: -1.3rem; }
.indexP1 .swiper-slide.swiper-slide-next .hideDiv{ left: -1.3rem; }
.indexP1 .swiper-slide-active .imgDiv{ width: 5.2rem;}
.indexP1 .swiper-slide-active .imgDiv img{ transform:scale(1.0);-webkit-transform:scale(1.0);}
.indexP1 .swiper-slide-active .name{ text-align: center; font-size: var(--fs24); line-height: 0.48rem; height: 0.48rem; }
.indexP1 .swiper-slide-active .msg{ font-size: var(--fs24); line-height: 0.48rem; height: 0.48rem; text-align: center; }
.indexP1 .swiper-slide-active .hideDiv{ width: 5.2rem;}
.indexP1 .swiper-slide-active .more{ opacity: 1; visibility: visible; }

.indexP1 .se{ font-size: 18px; color: #333; top: 33.5%; font-family: 'Poppins-M'; text-transform: uppercase; }
.indexP1 .prev{ position: absolute; z-index: 3; left: 50%; margin-left: -8.18rem; padding-left: 18px; background: url(../images/nimg7_left.png) left center no-repeat;} 
.indexP1 .next{ position: absolute; z-index: 3; right: 50%; margin-right: -8.18rem; padding-right: 18px; background: url(../images/nimg7_right.png) right center no-repeat; }
.indexP1 .prev:hover{ color: #e60012; background: url(../images/nimg7_lefton.png) left center no-repeat;}
.indexP1 .next:hover{ color: #e60012; background: url(../images/nimg7_righton.png) right center no-repeat;}

.indmh{ width: 100%; position: relative; height: 200vh;}
.indmh-sticky{ width: 100%; top: 0;left: 0; position: sticky; overflow: hidden;}
/*.indmh-bg{width: 100%;height: 100vh;object-fit: cover;}*/
.indmh-logo{ position: absolute; z-index: 2; width: 100%; height: 100vh; top: -2px; left: 0;}
.indmh-logo img{ width: 100%; height: 100%; object-fit: cover;}
.indmh-text{ display: flex; flex-wrap: wrap; width: 100%; position: absolute; z-index: 3; justify-content: center; left: 0; top: 60vh; font-size: var(--fs36); color: #333; transition: all .2s ease;}
.indmh-text.active{ opacity: 0;}

.indexP2{ position: relative; width: 100%; height: 100vh;/*z-index: 4; */}
.indexP2 .detail-box{ position: relative; }
.indexP2 .detail-box .item {
  display: none;
  position: relative;
}
.indexP2 .detail-box .item.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}
.indexP2 .detail-box .item .bg{ height: 100vh; }
.indexP2 .detail-box .item .bg img{ width: 100%; height: 100%; object-fit: cover; }
.indexP2 .layer{ opacity: 0; position: absolute; left: 50%; margin-left: -7.68rem; color: #fff; z-index: 4; top: 2.1rem; width: 5.6rem; transition: all .4s ease; -webkit-animation-name: slideIndUp;
    animation-name: slideIndUp;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s; }
.indexP2 .layer.active{ opacity: 1; }
.indexP2 .layer .txt{ font-size: var(--fs24); line-height: 0.24rem; margin-bottom: 0.2rem;}
.indexP2 .layer .name{ font-weight: bold; font-size: var(--fs48); line-height: 0.48rem; margin-bottom: 0.4rem; }
.indexP2 .layer .content{ font-size: var(--fs16); line-height: 0.3rem; height: 1.2rem; overflow: hidden; }
.indexP2 .layer .more{ margin-top: 0.75rem; }
.indexP2 .layer .more a{ z-index: ; display: block; position: relative; overflow: hidden; font-size: var(--fs16); width: 1.32rem; height: 0.46rem; line-height: 0.42rem; text-align: center; border-radius: 0.48rem; border: rgba(255,255,255,0.2) solid 2px; color: #fff; }
.indexP2 .layer .more a:before{ content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #e60012;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.indexP2 .layer .more a:hover{ border:#e60012 solid 2px;}
.indexP2 .layer .more a:hover:before{opacity: 1;
  background-color: #e60012;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

.indexP2 .box-container{ position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 0.3rem; height: 1.6rem; box-sizing: border-box; background: rgba(0,0,0,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1;}
.indexP2 .box-container:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2); z-index: 1; }
.indexP2 .temeDiv{ position: relative; width: 6.24rem; margin: 0 auto; }
.indexP2 .year-swiper{ width: 4.6rem; margin: 0 auto; }
.indexP2 .round{ position: relative; width: 1.0rem; height: 1.0rem; background: #fff; border-radius: 50%; overflow: hidden; margin: 0 auto; cursor: pointer; }
.indexP2 .round .before{ width: 100%; height: 100%; }
.indexP2 .round .before img{ max-width: 0.9rem; max-height: 0.5rem; }
.indexP2 .round .after{ opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e60012; border-radius: 50%; border: #ec424f solid 3px; }
.indexP2 .round .after em{ height: 100%; font-size: var(--fs16); line-height: 0.24rem; color: #fff; text-align: center; }
.indexP2 .swiper-slide-active .before{ opacity: 0;}
.indexP2 .swiper-slide-active .after{ opacity: 1; visibility: visible;}
.indexP2 .se{ display: block; position: absolute; top: 50%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; z-index: 1; }
.indexP2 .prev{ left: 0; background: #fff url(../images/nimg17_left.png) center no-repeat; }
.indexP2 .next{ right: 0; background: #fff url(../images/nimg17_right.png) center no-repeat; }
.indexP2 .prev:hover{ background: #e60012 url(../images/nimg17_lefton.png) center no-repeat;}
.indexP2 .next:hover{ background: #e60012 url(../images/nimg17_righton.png) center no-repeat;}

.indexP3{ position: relative; }
.indexP3 .bg{ position: relative; }
.indexP3 .bg img{ width: 100%; }
.indexP3 .conDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 2.4rem; z-index: 1; width: 5.78rem; }
.indexP3 .title{ font-size: var(--fs24); line-height: 0.24rem; color: #fff; margin-bottom: 0.2rem; }
.indexP3 .txt{ font-size: var(--fs48); line-height: 0.48rem; color: #fff; margin-top:0; margin-bottom: 0.3rem; }
.indexP3 .content{ font-size: var(--fs16); line-height: 0.3rem; height: 1.5rem; color: #fff; text-align: justify; overflow: hidden; }
.indexP3 .more{ margin-top: 0.35rem; }
.indexP3 .more a{ z-index: ; display: block; position: relative; overflow: hidden; font-size: var(--fs16); width: 1.32rem; height: 0.46rem; line-height: 0.42rem; text-align: center; border-radius: 0.48rem; border: rgba(255,255,255,0.2) solid 2px; color: #fff; }
.indexP3 .more a:before{ content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #e60012;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.indexP3 .more a:hover{ border:#e60012 solid 2px;}
.indexP3 .more a:hover:before{opacity: 1;
  background-color: #e60012;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

.indexP3 .numList{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0.8rem; width: 15.36rem; z-index: 1; }
.indexP3 .numList li{ float: left; width: 25%; text-align: center; color: #fff; }
.indexP3 .numList li .pj{ height: 0.75rem; }
.indexP3 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; justify-content: center; -webkit-justify-content: center;}
.indexP3 .numList li .numUp{ font-family:'DIN-SB'; font-size: var(--fs72); line-height: 0.6rem; padding-right: 0.1rem;}
.indexP3 .numList li p{ font-size: var(--fs16); height: 0.52rem; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP3 .numList li span{ position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: url(../images/nimg14_3.png) no-repeat; }
.indexP3 .numList li .wen{ font-size: var(--fs18); line-height: 0.24rem;}

.indexP4{ padding: 1.4rem 0; background: url(../images/indexP4.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.indexP4 .mxfDiv{ position: relative; }
.indexP4 .leftDiv{ width: 9.2rem; }
.indexP4 .toptop{ height: 1.4rem; }
.indexP4 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-top:0; margin-bottom: 0.15rem; }
.indexP4 .wen{ font-size: var(--fs18); line-height: 0.18rem; }

.indNews{ position: relative; }
.indNews .imgDiv{ height: 5.66rem; }
.indNews .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indNews .layer{ position: absolute; left: 0; bottom: 0; width: 8.1rem; height: 1.8rem; border-top-right-radius: 0.48rem; background: #fff; z-index: 1; padding: 0.4rem 1.0rem 0 0.4rem }
.indNews .time{ font-size: var(--fs16); overflow: hidden; line-height: 0.16rem; color: #999; margin-bottom: 0.15rem; font-family: 'Poppins-L'; }
.indNews .name{ font-size: var(--fs18); line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; color: #000; font-weight: 600; }
.indNews .swiper-pagination{ position: absolute; width: auto; left: 0.4rem; bottom: 0.4rem; z-index:2; } 
.indNews .swiper-pagination-bullet { position: relative; display: inline-block; width: 28px; height: 3px; opacity: 1; background: #dfdfdf; border: none; border-radius: 4px; margin: 0 10px 0 0!important; } 
.indNews .swiper-pagination-bullet-active { background: #e60012; } 

.indexP4 .rightDiv{ width: 5.1rem; }
.indexP4 .limg img{ width: 100%; }
.indexP4 .list li{ border-bottom: #e7e7e7 solid 1px; }
.indexP4 .list li a{ display: block; padding: 0.35rem 0; }
.indexP4 .list li .time{ font-size: var(--fs16); line-height: 0.26rem; color: #999; font-family: 'Poppins-L'; }
.indexP4 .list li .name{ height: 0.32rem; color: #000; font-size: var(--fs18); line-height: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexP4 .list li a:hover .name{ color: #e60012; }
.indexP4 .more{ position: absolute; right: 0; bottom: 0; z-index: 1; }
.indexP4 .more a{ position: relative; overflow: hidden; display: block; width: 1.34rem; line-height: 0.46rem; height: 0.46rem; border-radius: 0.48rem; font-size: var(--fs16); text-align: center; color: #fff; background: #e60012; }

.indexP5{ padding: 1.3rem 0; }
.indexP5 .toptop{ height: 0.95rem; position: relative; }
.indexP5 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #000; margin:0; }
.indexP5 .arrowDiv{ position: absolute; right: 0; top: 0; }
.indexP5 .arrowDiv .se{ display: block; float: left; width: 0.58rem; height: 0.58rem; border-radius: 50%; }
.indexP5 .arrowDiv .prev{ background: #f5f5f5 url(../images/nimg10_left.png) center no-repeat; }
.indexP5 .arrowDiv .next{ margin-left: 0.2rem; background: #f5f5f5 url(../images/nimg10_right.png) center no-repeat; }
.indexP5 .arrowDiv .prev:hover{ background: #e60012 url(../images/nimg10_lefton.png) center no-repeat;}
.indexP5 .arrowDiv .next:hover{ background: #e60012 url(../images/nimg10_righton.png) center no-repeat;}

.indPartner{ position: relative; }
.indPartner:before{ content:''; position:absolute; top:0; right:50%; margin-right:7.68rem; width:25%; height:100%; background: #fff; z-index:3;}
.indPartner .list li a{ display: block; height: 5.9rem; padding: 0.4rem 0.4rem 0; border-radius: 0.12rem; background: #f5f5f5;}
.indPartner .list li .time{ color: #e60012; font-size: var(--fs16); line-height: 0.16rem; font-family:'Poppins-M'; }
.indPartner .list li .time em{ display: block; font-size: var(--fs60); line-height: 0.6rem; font-family:'Poppins-SB';}
.indPartner .list li .name{ margin-top: 0.35rem; font-size: var(--fs24); color: #000; line-height: 0.32rem; height: 0.64rem; overflow: hidden; }
.indPartner .list li .msg{ position: absolute; left: 0; bottom: 0.45rem; width: 100%; padding: 0 0.4rem; font-size: var(--fs16); line-height: 0.32rem; height: 0.64rem; overflow: hidden; color: #000; }
.indPartner .list li a:hover{ background: url(../images/nimg482Bg.jpg) center no-repeat; background-size: cover; }
.indPartner .list li a:hover .time, .indPartner .list li a:hover .name{ color: #fff; }
.indPartner .list li a:hover .msg{ height: 2.88rem; bottom: 0.75rem; color: #fff;}








.product{ padding: 1.2rem 0 0.8rem; }
.product .list ul{ margin-right: -0.4rem; }
.product .list li{ float: left; width: 50%; padding-bottom: 0.4rem; }
.product .list li .box{ margin-right: 0.4rem; }
.product .list li a{ display: block; position: relative; height: 4.0rem; background: #f5f5f5; padding: 0 3.8rem 0 0.5rem; border-radius: 0.12rem; }
.product .list li .imgDiv{ position: absolute; right: 0.5rem; top: 50%; width: 3.0rem; height: 3.0rem; margin-top: -1.5rem; }
.product .list li .imgDiv img{ max-width: 3.0rem; max-height: 3.0rem; mix-blend-mode:multiply;}
.product .list li .conDiv{ height: 4.0rem; }
.product .list li .en{ font-size: var(--fs18); height: 0.32rem; overflow: hidden; line-height: 0.32rem; color: #000; font-family: 'Poppins-M'; }
.product .list li .cn{ font-size: var(--fs18); height: 0.32rem; overflow: hidden; line-height: 0.32rem; color: #000; font-weight: 700; }
.product .list li .more{ margin-top: 0.48rem; position: relative; padding-left: 0.68rem; height: 0.52rem; line-height: 0.52rem; font-size: var(--fs16); color: #333; }
.product .list li .more:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #e60012 url(../images/ico1.png) center no-repeat; }
.product .list li .more em{ position: relative; z-index: 1; }
.product .list li a:hover{ background: #fff; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.16); }
.product .list li a:hover .more{ padding-left: 0.2rem; color: #fff; }
.product .list li a:hover .more:before{ width: 1.5rem; border-radius: 0.48rem; background: #e60012 url(../images/ico1.png) 1.14rem center no-repeat;  }

.cooperation{ padding: 1.0rem 0 1.4rem; background: #f6f6f6 url(../images/cooperationBg.jpg) center top no-repeat; background-size: 100%; }
.cooperation .mainBox{ background: #fff; border-radius: 0.24rem; padding: 1.0rem 1.3rem 1.6rem; }
.cooperation .title{ text-align: center; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-family: 'MiSans-DB'; margin-bottom: 0.4rem; }
.cooperation .form ul{ margin-right: -0.22rem; }
.cooperation .form li{ float: left; width: 33.33%; margin-bottom: 0.2rem; position: relative; }
.cooperation .form .li01{ width: 50%; }
.cooperation .form .li02{ width: 100%; }
.cooperation .form .li03{ width: 5.0rem; padding-right: 2.0rem; }
.cooperation .form li .box{ margin-right: 0.22rem; background: #fff; position: relative; border: #dcdcdc solid 1px; border-radius: 0.16rem; }
.cooperation .form li .txt{ position: absolute; left: 0.28rem; top: 0; line-height: 0.64rem; font-size: var(--fs16); color: #999; }
.cooperation .form li .txt2{ color: #333; }
.cooperation .form li .txt em{ color: #ff0000; }
.cooperation .form li .input1{ width: 100%; padding-left: 1.1rem; height: 0.64rem; line-height: 0.64rem; font-size: var(--fs16); }
.cooperation .select{ width: 100%; height: 0.64rem; position: relative; }
.cooperation .caption { position: relative; cursor: pointer; height: 0.64rem; line-height: 0.64rem; padding-left: 1.9rem; font-size: var(--fs16); color: #000; background:url(../images/selectIco.png) right center no-repeat; text-overflow: ellipsis; white-space: nowrap;}
.lyb .caption{ padding-left: 1.32rem; }
.cooperation .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.5rem; overflow-y: auto; display: none; border: 1px solid #dcdcdc; border-radius: 0.16rem;}
.cooperation .xlist::-webkit-scrollbar { width: 4px;}
.cooperation .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.cooperation .xlist::-webkit-scrollbar-thumb { background-color: #e60012;} 
.cooperation .xlist a { display: block; overflow:hidden; font-size: var(--fs16); color: #666; height: 0.5rem; line-height: 0.5rem; padding: 0 0.3rem; text-align: left; }
.cooperation .xlist a:hover, .cooperation .xlist a.on { color: #e60012;}

.cooperation .form li textarea{ width: 100%; padding: 0.18rem 0 0 1.1rem; height: 1.86rem; line-height: 0.26rem; font-size: var(--fs16); }
.cooperation .form li .single{ overflow: hidden; padding-left: 1.9rem;}
.cooperation .form li .single dd{ float: left; cursor: pointer; color: #333; font-size: var(--fs16); line-height: 0.64rem; margin-right: 0.64rem; padding-left: 0.32rem; background: url(../images/nimg22_1.png) left center no-repeat; background-size: 0.22rem;}
.cooperation .form li .single dd:last-child{ margin-right: 0; }
.cooperation .form li .single dd.on{ background: url(../images/nimg22_1on.png) left center no-repeat; background-size: 0.22rem; }
.cooperation .form li .yzm{ position: absolute; right: 0.1rem; top: 50%; margin-top: -0.3rem;}
.cooperation .form li .yzm img{ height: 0.6rem; }

.lyb .form li .single{ overflow: hidden; padding-left: 1.32rem;}
.lyb .form li .single dd{ margin-right: 0.35rem; }

.cooperation .choose{ font-size: var(--fs16); line-height: 16px; color: #999;}
.cooperation .choose input{width: 0.2rem; height: 0.2rem; position: relative; top: 0.06rem; margin-right: 8px; border-radius: 50%;
    background: #fff;
    border: 1px solid #dcdcdc;
    /* 边框颜色 */
    -webkit-appearance: none;
    /* 移除默认样式 */
    -moz-appearance: none;
    /* 移除默认样式 */
    appearance: none;
    /* 移除默认样式 */
    outline: none;
    /* 移除点击后的轮廓 */}
.cooperation .choose input:checked { border: 1px solid #e60012; background: #e60012 url(../images/gou.png) center no-repeat; /* 选中时的背景颜色 */}
.cooperation .choose a{ color: #e60012; }
.cooperation .choose a:hover{ text-decoration: underline; }

.cooperation .btnDiv{ width: 3.7rem; margin: 0.75rem auto 0; }
.cooperation .btnDiv a{ display: block; width: 100%; height: 0.66rem; text-align: center; line-height: 0.66rem; border-radius: 0.16rem; background: #eb3341; font-size: var(--fs24); color: #fff; }
.cooperation .btnDiv a:hover{ background: #e60012; }

.rules-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.rules-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.rulesLayer{ width: 8.5rem; height: 6.0rem; padding: 0.55rem 0.45rem 0; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; }
.rulesLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 30px; height: 30px; background: url(../images/close2.png) center no-repeat; background-size: contain; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.rulesLayer .close:hover { transform: rotate(-90deg);}
.rulesLayer .title{ color: #000; font-size: var(--fs36); height: 0.75rem; font-weight: bold; line-height: 36px; text-align: center;}
.rulesLayer .content{ font-size: var(--fs16); line-height: 0.32rem; height: 4.16rem; overflow: auto; }
.rulesLayer .content::-webkit-scrollbar { width: 3px;}
.rulesLayer .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.rulesLayer .content::-webkit-scrollbar-thumb { background-color: #e60012;} 

.service{ padding: 1.4rem 0; }
.service .name{ font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-bottom: 0.5rem; }
.service .content{ font-size: var(--fs18); line-height: 0.36rem; margin-bottom: 1.0rem; }
.service .list{ border-radius: 0.16rem; height: 6.8rem; overflow: hidden; background: center no-repeat; background-size: cover; }
.service .list li{ float: left; width: 25%; position: relative; height: 6.8rem; }
.service .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3); }
.service .list li:last-child:after{ display: none; }
.service .list li a{ display: block; position: relative; width: 100%; height: 100%; }
.service .list li .layer{ position: absolute; top: auto; left: 0; bottom: 0.7rem; width: 100%; padding: 0 0.7rem; text-align: center; }
.service .list li .ico{ height: 1.1rem; }
.service .list li .ico img{ width: 0.48rem; }
.service .list li .txt{ font-size: var(--fs30); line-height: 0.4rem; color: #fff; }
.service .list li .pjDiv{ height: 0; overflow: hidden; position: relative;}
.service .list li .msg{ margin-top: 0.2rem; font-size: var(--fs16); line-height: 0.24rem; color: #fff; }
.service .list li .more{ opacity: 0; visibility: hidden; position: absolute; font-size: var(--fs16); left: 50%; bottom: 0; color: #fff; width: 1.5rem; height: 0.5rem; margin-left: -0.75rem; border: rgba(255,255,255,0.5) solid 2px; border-radius: 0.48rem; }
.service .list li .more em{ margin-left: 0.25rem; display: block; width: 10px; height: 17px; background: url(../images/ico1.png) no-repeat; }
.service .list li .bg{ height: 4.8rem; }
.service .list li .bg img{ width: 100%; height: 100%; object-fit: cover; }
.service .list li a:hover{ background: rgba(0,0,0,0.7); }
.service .list li a:hover .layer{ bottom: 0; top: 50%; margin-top: -1.9rem; }
.service .list li a:hover .pjDiv{ height: 1.9rem; }
.service .list li a:hover .more{ opacity: 1; visibility: visible; }
.service .list li .more:hover{ border: #e60012 solid 2px; background: #e60012;}

.contactP1{ padding: 1.4rem 0 1.0rem; }
.contactP1 .mxfDiv{ height: 5.8rem; background: #f9f9f9; }
.contactP1 .conDiv{ padding: 0 0.8rem; width: 50%; order: 0; }
.contactP1 .imgDiv{ width: 50%; height: 5.8rem; order: 1; }
.contactP1 .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.contactP1 .name{ margin:0; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 400; }
.contactP1 .txt{ font-size: var(--fs24); line-height: 0.24rem; color: #333; font-weight: 400; margin: 0.5rem 0 0.18rem; }
.contactP1 .msgList li{ font-size: var(--fs18); line-height: 0.48rem; position: relative; padding-left: 0.45rem; font-family: 'Poppins-M';}
.contactP1 .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -12px; }
.contactP1 .msgList li em{ color: #e60012; }

.contactP2{ padding-bottom: 1.4rem; }
.contactP2 .list ul{ margin-right: -0.4rem; }
.contactP2 .list li{ float:left; width: 25%; }
.contactP2 .list li .box{ margin-right: 0.4rem; }
.contactP2 .list li a{ display: block; position: relative; text-align: center; height: 3.95rem; background: #f9f9f9; border-radius: 0.16rem; }
.contactP2 .list li .conDiv{ width:100%; top: 50%; margin-top: -1.15rem; padding: 0 0.35rem; position:absolute; z-index:1;}
.contactP2 .list li .ico{ width: 1.1rem; height: 1.1rem; margin: 0 auto; position: relative; background: #e60012; border-radius: 50%;}
.contactP2 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.24rem; margin-top: -0.24rem; width: 0.48rem; }
.contactP2 .list li .name{ margin-top: 0.4rem; font-size: var(--fs24); line-height: 0.24rem; color: #333; height: 0.6rem; font-weight: bold;}
.contactP2 .list li .msg{ font-size: var(--fs18); line-height: 0.18rem; color: #666; }
.contactP2 .list li .more{ height: 0; overflow: hidden; margin-top: 0.3rem; font-size: var(--fs16); color: #e60012; position:relative;}
.contactP2 .list li .more em{ width: 7px; height: 12px; background: url(../images/ico2.png) no-repeat; margin-left: 5px; }
.contactP2 .list li a:hover{ background: #fff; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1); }
.contactP2 .list li a:hover .conDiv{ margin-top: -1.3rem; }
.contactP2 .list li a:hover .more{ height: 0.24rem; }

.investor{ padding: 1.4rem 0; }
.investor .mxfDiv{ position: relative; padding-left: 3.94rem; min-height: 150px;}
.investor .layer{ position: absolute; left: 0; top: 0; z-index: 1; }
.investor .title{ color: #000; font-size: var(--fs48); line-height: 0.48rem; font-weight: 600; }
.investor .more{ margin-top: 0.6rem; }
.investor .more a{ position: relative; display: inline-block; padding-left: 0.68rem; height: 0.52rem; line-height: 0.52rem; font-size: var(--fs16); color: #333; border-radius: 0.48rem; }
.investor .more a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #e60012 url(../images/ico1.png) center no-repeat; }
.investor .more em{ position: relative; z-index: 1; }
.investor .more a:hover{ color: #e60012; }
.investor .table_t{ border-bottom: #e1e1e1 solid 3px; height: 0.36rem; overflow: hidden; }
.investor .table_t li{ float: left; font-size: var(--fs16); color: #333; line-height: 16px; }
.investor .table_t li:nth-child(1){ width: 7.88rem; }
.investor .table_t li:nth-child(2){ width: 2.7rem; }
.investor .list li{ border-bottom: #e1e1e1 solid 1px; }
.investor .list li a{ display: block; height: 0.8rem; position: relative; }
.investor .list li .name{ float: left; font-size: var(--fs18); color: #000; width: 7.88rem; height: 0.8rem; overflow: hidden; padding-right: 0.5rem; line-height: 0.36rem; }
.investor .list li .time{ float: left; font-size: var(--fs16); color: #333; line-height: 0.8rem; font-family: 'Poppins-L'; }
.investor .list li .look{ position: absolute; right: 0; top: 0; padding-left: 22px; font-size: var(--fs16); line-height: 0.8rem; color: #333; background: url(../images/nimg14_1.png) left center no-repeat; }
.investor .list li a:hover .name{ color: #e60012; }
.investor .list li a:hover .look{ color: #e60012; background: url(../images/nimg14_1on.png) left center no-repeat; }

.newsP1{ padding: 1.4rem 0; }
.newsP1 .toptop{ height: 1.0rem; position: relative; }
.newsP1 .title{ margin:0; color: #000; font-size: var(--fs48); line-height: 0.48rem; font-weight: 600;  }
.newsP1 .more{ position: absolute; right: 0; top: 0; z-index: 1; }
.newsP1 .more a{ width: 1.5rem; height: 0.48rem; color: #fff; font-size: var(--fs16); border-radius: 0.48rem; background: #e60012; position: relative; overflow: hidden; }
.newsP1 .more span{ position: relative; z-index: 1; padding-right: 26px;}
.newsP1 .more span:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 10px; height: 17px; background: url(../images/ico1.png) no-repeat; }
.newsP1 .leftDiv{ width: 10.1rem; }
.newsP1 .leftDiv ul{ margin-right: -0.45rem; }
.newsP1 .leftDiv li{ float: left; width: 50%; }
.newsP1 .leftDiv li .box{ margin-right: 0.45rem; border-radius: 0.24rem; overflow: hidden; }
.newsP1 .leftDiv li .imgDiv{ height: 2.96rem; overflow: hidden; }
.newsP1 .leftDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP1 .leftDiv li .botDiv{ height: 2.54rem; padding: 0.32rem 0.4rem 0; background: #f6f6f6; }
.newsP1 .leftDiv li .name{ font-size: var(--fs20); line-height: 0.3rem; height: 0.6rem; padding-right: 0.7rem; overflow: hidden; color: #000; }
.newsP1 .leftDiv li .content{ margin-top: 0.28rem; font-size: var(--fs16); line-height: 0.24rem; height: 0.48rem; color: #666; }
.newsP1 .leftDiv li .look{ display: inline-block; margin-top: 0.25rem; font-size: var(--fs16); line-height: 16px; color: #666; padding-right: 15px; background: url(../images/ico3.png) right center no-repeat; }
.newsP1 .leftDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.newsP1 .leftDiv li .box:hover .name{ color: #e60012; }
.newsP1 .leftDiv li .box:hover .look{ color: #e60012; background: url(../images/ico2.png) right center no-repeat; }

.newsP1 .rightDiv{ width: 4.8rem; height: 5.5rem; padding: 0.4rem 0.4rem 0 0.3rem; background: #f6f6f6; border-radius: 0.24rem; }
.newsP1 .rightDiv li{ margin-bottom: 0.35rem; }
.newsP1 .rightDiv li:last-child{ margin-bottom: 0; }
.newsP1 .rightDiv li .name{ font-size: var(--fs20); color: #000; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.newsP1 .rightDiv li .time{ margin-top: 0.1rem; color: #999; font-size: var(--fs16); line-height: 16px; font-family: 'Poppins-L';}
.newsP1 .rightDiv li a:hover .name{ color: #e60012;}

.newsP2{ padding: 1.4rem 0; background: url(../images/newsP2.jpg) center no-repeat; background-size: cover; }
.newsP2 .toptop{ height: 1.0rem; position: relative; }
.newsP2 .title{ margin:0; color: #000; font-size: var(--fs48); line-height: 0.48rem; font-weight: 600;  }
.newsP2 .arrowDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.newsP2 .se{ display: block; width: 0.58rem; height: 0.58rem; float: left; border-radius: 50%; }
.newsP2 .prev { background: #fff url(../images/nimg10_left.png) center no-repeat;}
.newsP2 .next { margin-left: 0.2rem; background: #fff url(../images/nimg10_right.png) center no-repeat;}
.newsP2 .prev:hover{ background: #e60012 url(../images/nimg10_lefton.png) center no-repeat;}
.newsP2 .next:hover{ background: #e60012 url(../images/nimg10_righton.png) center no-repeat;}

.newsPic .imgList{ width: 19.8rem; overflow: hidden; }
.newsPic .imgList .box{ width: 3.45rem; }
.newsPic .imgList .imgDiv{ height: 4.74rem; border-radius: 0.2rem; overflow: hidden;}
.newsPic .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.newsPic .imgList .name{ margin-top: 0.1rem; font-size: var(--fs20); color: #010101; line-height: 0.3rem; height: 0.9rem; overflow: hidden; }
.newsPic .imgList .wen{ margin-top: 0.2rem; font-size: var(--fs16); color: #666; line-height: 24px; height: 48px; overflow: hidden; font-family: 'Poppins-L';}
.newsPic .imgList .look{ display: inline-block; margin-top: 0.25rem; font-size: var(--fs16); line-height: 16px; color: #e60012; padding-right: 15px; background: url(../images/ico2.png) right center no-repeat; }
.newsPic .imgList .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.newsPic .imgList .box:hover .name{ color: #e60012; }

.newsP3{ padding: 1.4rem 0 1.0rem; }
.newsP3 .title{ color: #000; font-size: var(--fs48); line-height: 0.48rem; font-weight: 600; margin-bottom: 0.5rem;}
.newsP3 .list ul{ margin-right: -0.45rem; }
.newsP3 .list li{ float: left; width: 33.33%; margin-bottom: 0.4rem; }
.newsP3 .list li .box{ margin-right: 0.45rem; }
.newsP3 .list li .imgDiv{ position: relative; height: 2.96rem; overflow: hidden; border-radius: 0.12rem; }
.newsP3 .list li .imgDiv:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 0.8rem; height: 0.8rem; margin-left: -0.4rem; margin-top: -0.4rem; background: url(../images/nimg80_1.png) no-repeat; background-size: 0.8rem; }
.newsP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP3 .list li .name{ margin-top: 0.3rem; height: 0.3rem; line-height: 0.3rem; font-size: var(--fs20); color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsP3 .list li .msg{ margin-top: 0.1rem; font-size: var(--fs16); color: #666; line-height: 0.24rem; height: 0.48rem; overflow: hidden; }
.newsP3 .list li .shipin{ display: none; }
.newsP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsP3 .list li .box:hover .name{ color: #e60012;}

.newShow{ padding: 1.3rem 0 1.4rem; }
.newShow .name{ font-size: var(--fs40); line-height: 0.52rem; color: #000; margin-bottom: 0.25rem; margin-top:0; font-weight:600; }
.newShow .info{ padding-bottom: 0.3rem; border-bottom: #e4e4e4 solid 1px; }
.newShow .info em{ padding-right: 25px; font-size: var(--fs18); line-height: 18px; font-family: 'Poppins-L'; }
.newShow .content{ padding-top: 0.3rem; font-size: var(--fs18); line-height: 0.36rem; text-align: justify; }
/*.newShow .content p{ text-indent:2em;}*/
.newShow .imgDiv{ text-align: center;}
.newShow .content img{ max-width: 9.6rem; }

.pageDown{ padding-top: 0.5rem; }
.pageDown li{ margin-bottom: 20px; }
.pageDown li:last-child{ margin-bottom: 0; }
.pageDown li a{ display: block; position: relative; font-size: var(--fs16); padding: 20px 40px 0; height: 100px; line-height: 30px; border: #e1e1e1 solid 1px; border-top: none; }
.pageDown li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #5f5f5f;}
.pageDown li em{ display: block; color: #000; }
.pageDown li p{ height: 30px; overflow: hidden; color:#666; }
.pageDown li a:hover:before{ background: #e60012; }

.sideNews .title{ height: 0.4rem; font-size: var(--fs24); line-height: 0.24rem; color: #000; margin:0; font-weight:600; }
.sideNews .list li{ border-bottom: #e2e2e2 solid 1px; }
.sideNews .list li a{ display: block; padding: 0.3rem 0 0.35rem; }
.sideNews .list li .txt{ font-size: var(--fs18); line-height: 0.24rem; color: #333; }
.sideNews .list li .time{ font-size: var(--fs16); line-height: 0.16rem; margin-top: 0.1rem; color: #999; font-family: 'Poppins-L'; }
.sideNews .list li a:hover .txt{ color: #e60012; }

.news{ padding: 1.0rem 0 1.2rem; }

.zjMxf{ position: relative; z-index: 1; margin-bottom: 0.6rem; }
.zjMxf .select{ width: 3.3rem; height: 0.6rem; position: relative; }
.zjMxf .caption { border-radius: 0.48rem; position: relative; cursor: pointer; height: 0.6rem; line-height: 0.6rem; padding-left: 0.3rem; font-size: var(--fs18); background: #f6f6f6 url(../images/selectIco.png) right center no-repeat; }
.zjMxf .caption.on{ border-radius:0; border-top-left-radius:0.32rem; border-top-right-radius:0.32rem;}
.zjMxf .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #f6f6f6; max-height: 2.4rem; overflow-y: auto; display: none; border-bottom-left-radius:0.24rem; border-bottom-right-radius:0.24rem;}
.zjMxf .xlist::-webkit-scrollbar { width: 4px;}
.zjMxf .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.zjMxf .xlist::-webkit-scrollbar-thumb { background-color: #e60012;} 
.zjMxf .xlist a { display: block; font-size: var(--fs16); color: #333; height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; border-bottom: 1px solid #ddd;}
.zjMxf .xlist a:hover, .zjMxf .xlist a.on { color: #e60012;}
.zjMxf .xlist a:last-child { border-bottom: none;}

.zjMxf .form{ margin-left: 0.3rem; width: 3.3rem; height: 0.6rem; background: #f6f6f6 url(../images/nimg20_4.png) 0.2rem center no-repeat; border-radius: 0.48rem;}
.zjMxf .form .input1{ width: 100%; padding-left: 0.6rem; font-size: var(--fs18); color: #666; height: 0.6rem; line-height: 0.6rem; }
.zjMxf .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #666; opacity: 1;}
.zjMxf .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; opacity: 1;}
.zjMxf .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; opacity: 1;}
.zjMxf .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; opacity: 1;}
.zjMxf .btnDiv{ margin-left: 0.3rem; }
.zjMxf .btnDiv a{ display: block; width: 1.4rem; height: 0.6rem; line-height: 0.6rem; text-align: center; color: #fff; font-size: var(--fs24); border-radius: 0.48rem; background: #e60012;}

.news .list{ padding-bottom: 0.6rem; }
.news .list li a{ display: block; height: 2.66rem; position: relative; padding: 0.4rem 0.5rem 0 3.45rem; border-radius: 0.2rem; overflow: hidden; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 50%; margin-top: -0.93rem; width: 3.04rem; height: 1.86rem; border-radius: 0.12rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .name{ font-size: var(--fs26); font-weight: bold; height: 0.48rem; line-height: 0.48rem; color: #333; padding-right: 1.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'MiSans-DB'; }
.news .list li .content{ padding-right: 1.4rem; margin-top: 0.1rem; font-size: var(--fs16); height: 0.6rem; line-height: 0.3rem; overflow:hidden; color: #666;}
.news .list li .bot{ margin-top: 0.4rem; font-size: var(--fs16); color: #666; position: relative; font-family: 'Poppins-L'; }
.news .list li .bot em{ color: #e60012; margin-right: 0.12rem; }
.news .list li a:hover{ padding: 0.4rem 0.5rem 0 3.85rem; box-shadow: 0 0 0.3rem 0 rgba(230,0,18,0.1);}
.news .list li a:hover .imgDiv{ left: 0.4rem; }
.news .list li a:hover .name{ color: #e60012; }

.joinP1{ padding: 1.4rem 0; }
.joinP1 .mxfDiv{ position: relative; overflow: hidden; }
.joinP1 .imgDiv{ float: right; width: 10.24rem; border-radius: 0.12rem; overflow: hidden; }
.joinP1 .imgDiv img{ width: 100%; }
.joinP1 .conDiv{ position: absolute; left: 0; top: 50%; margin-top: -2.2rem; z-index: 1; width: 6.34rem; height: 4.4rem; padding: 0 1.2rem 0 0.8rem; background: #f9f9f9; border-radius: 0.12rem; }
.joinP1 .title{ font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-top:0; margin-bottom: 0.45rem;}
.joinP1 .content{ font-size: var(--fs18); line-height: 0.36rem; }

.joinP2{ padding-bottom: 1.4rem; }
.joinP2 .title{ text-align: center; font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-top:0; margin-bottom: 0.4rem;}
.joinP2 .msg{ text-align: center; font-size: var(--fs18); line-height: 0.36rem; width: 15.36rem; margin: 0 auto 0.9rem;}
.joinP2 .lunbo{ position: relative; overflow: hidden; }
.joinP2 .list { width: 31.6rem; position: relative; left: 50%; margin-left: -15.8rem;}
.joinP2 .swiper-slide { position: relative; overflow: hidden; }
.joinP2 .swiper-slide .img { width: 10.24rem; height: 5.8rem; position: relative; margin: 0 auto; border-radius: 0.16rem; overflow: hidden;}
.joinP2 .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; }
.joinP2 .se { display: block; width: 0.58rem; height: 0.58rem; position: absolute; z-index: 3; top: 50%; border-radius: 50%; margin-top: -0.29rem; background: rgba(0,0,0,0.5); }
.joinP2 .prev { left: 50%; margin-left: -7.68rem; }
.joinP2 .next { right: 50%; margin-right: -7.68rem; }
.joinP2 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -8px; width: 9px; height: 17px; background: url("../images/nimg9_lefton.png") center no-repeat; }
.joinP2 .next:after{ content: ''; position: absolute; right: 50%; top: 50%; margin-right: -5px; margin-top: -8px; width: 9px; height: 17px; background: url("../images/nimg9_righton.png") center no-repeat; }
.joinP2 .se:hover{ background: #e60012;}

.joinP3{ padding-bottom: 1.3rem; }
.joinP3 .title{ text-align: center; font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-top:0; margin-bottom: 0.4rem;}
.joinP3 .msg{ text-align: center; font-size: var(--fs18); line-height: 0.36rem; width: 15.36rem; margin: 0 auto 0.9rem;}
.demeanour{ position: relative; }
.demeanour .list{ overflow: hidden; }
.demeanour .list li .imgDiv{ border-radius: 0.12rem; height: 2.96rem; overflow: hidden; }
.demeanour .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.demeanour .list li .name{ margin-top: 0.15rem; height: 0.3rem; line-height: 0.3rem; text-align: center; color: #000; font-size: var(--fs18); }
.demeanour .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.demeanour .se { display: block; width: 0.58rem; height: 0.58rem; position: absolute; z-index: 3; top: 50%; border-radius: 50%; margin-top: -0.29rem; }
.demeanour .prev { left: 50%; margin-left: -8.6rem; }
.demeanour .next { right: 50%; margin-right: -8.6rem; }
.demeanour .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -8px; width: 10px; height: 17px; background: url("../images/nimg10_left.png") center no-repeat; }
.demeanour .next:after{ content: ''; position: absolute; right: 50%; top: 50%; margin-right: -5px; margin-top: -8px; width: 10px; height: 17px; background: url("../images/nimg10_right.png") center no-repeat; }
.demeanour .se:hover{ background: #e60012;}
.demeanour .prev:hover:after{ background: url("../images/nimg10_lefton.png") center no-repeat;}
.demeanour .next:hover:after{ background: url("../images/nimg10_righton.png") center no-repeat;}

.joinP4{ padding-bottom: 1.4rem; }
.joinP4 .mxfDiv{ position: relative; border-radius: 0.12rem; overflow: hidden; }
.joinP4 .mxfDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 5.7rem; height: 100%; background: url(../images/nimg570Bg.png) right center no-repeat; background-size: cover; }
.joinP4 .imgDiv img{ width: 100%; }
.joinP4 .layer{ position: absolute; left: 1.2rem; top: 0; z-index: 1; height: 100%; }
.joinP4 .title{ font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #fff; margin-top:0; margin-bottom: 0.3rem;}
.joinP4 .msg{ color: #fff; font-size: var(--fs24); line-height: 0.24rem; }
.joinP4 .btnDiv{ margin-top: 1.0rem; }
.joinP4 .btnDiv a{ width: 1.5rem; height: 0.52rem; font-size: var(--fs16); border-radius: 0.48rem; border: #fff solid 2px; color: #fff;}
.joinP4 .btnDiv em{ margin-left: 0.2rem; width: 10px; height: 17px; background: url(../images/ico1.png) no-repeat; }
.joinP4 .btnDiv a:hover{ background: #fff; color: #e60012; }
.joinP4 .btnDiv a:hover em{ background: url(../images/ico1on.png) no-repeat;}


.platformP1{ padding: 1.4rem 0; overflow: hidden;}
.platformP1 .conDiv{ width: 6.2rem; }
.platformP1 .name{ font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; margin-top:0; }
.platformP1 .content{ font-size: var(--fs18); line-height: 0.36rem; text-align: justify; }
.platformP1 .imgDiv{ width: 50%; border-radius: 0.16rem; overflow: hidden;}
.platformP1 .imgDiv img{ width: 100%; }

.platformP2{ padding-bottom: 1.4rem; }
.platformP2 .title{ text-align: center; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; }
.platformP2 .msg{ font-size: var(--fs18); line-height: 0.36rem; text-align: center; width: 8.4rem; margin: 0 auto 0.7rem; }
.platformP2 .list{ overflow: hidden; }
.platformP2 .list ul{ display: block; width: auto; margin-right: -0.4rem; }
.platformP2 .list li{ float: left; width: 25%;}
.platformP2 .list li .box{ cursor: pointer; margin-right: 0.4rem; height: 3.6rem; text-align: center; background: #f7f7f7; padding: 0.85rem 0.85rem 0; border-radius: 0.2rem; }
.platformP2 .list li .ico{ height: 1.3rem; }
.platformP2 .list li .ico img{ width: 0.77rem; }
.platformP2 .list li .name{ font-size: var(--fs22); line-height: 0.32rem; color: #333; }
.platformP2 .list li .box:hover .name{ color: #e60012; }

.platformP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.platformP2 .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.platformP2 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}

.platformP3{ padding-bottom: 1.4rem; }
.platformP3 .title{ text-align: center; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; }
.platformP3 .msg{ font-size: var(--fs18); line-height: 0.36rem; text-align: center; width: 8.4rem; margin: 0 auto 0.7rem; }
.platformP3 .imgDiv img{ width: 100%; }

.platformP4{ padding: 1.4rem 0; background: url(../images/platformP4.jpg) center no-repeat; background-size: cover;}
.platformP4 .list ul{ margin-right: -0.4rem; }
.platformP4 .list li{ float: left; width: 50%; }
.platformP4 .list li .box{ margin-right: 0.4rem; }
.platformP4 .list li a{ display: block; height: 2.3rem; padding-top: 0.5rem; padding-left: 0.6rem; background: #fff; border-radius: 0.2rem; position: relative; }
.platformP4 .list li .name{ font-size: var(--fs32); line-height: 0.32rem; margin-bottom: 0.4rem; color: #000; }
.platformP4 .list li .more{ position: relative; display: inline-block; padding-left: 0.68rem; height: 0.52rem; line-height: 0.52rem; font-size: var(--fs16); color: #333; border-radius: 0.48rem; }
.platformP4 .list li .more:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #e60012 url(../images/ico1.png) center no-repeat; }
.platformP4 .list li .ico{ position: absolute; right: 0.7rem; top: 50%; margin-top: -0.65rem; }
.platformP4 .list li .ico img{ width: 1.29rem; }
.platformP4 .list li a:hover .more{ color: #e60012; }
.platformP4 .list li a:hover .ico{ right: 0.5rem; }

.honor{ padding: 1.4rem 0 0; position: relative; overflow: hidden; }
.honor .title{ font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; margin-top:0; }
.honor .content{ font-size: var(--fs18); line-height: 0.36rem; text-align: justify; padding-bottom: 1.4rem;}
.honorPic{ padding-bottom: 1.1rem; position: relative;}
.honorPic:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3.32rem; background: url(../images/honorBg.jpg) top repeat-x; }
.honorPic .imgList{ position: relative; }
.honorPic .box{ cursor: pointer; position: relative; text-align: center; width: 2.88rem;}
.honorPic .mxfDiv{ min-width: 2.88rem; height: 3.9rem; position: relative; }
.honorPic .imgDiv{ position: absolute; left: 0; bottom: 0; width: 100%;}
.honorPic .imgDiv img{ width: 2.32rem; }
.honorPic .name{ opacity: 0; visibility: hidden; margin-top: 1.3rem; height: 0.6rem; line-height: 0.3rem; text-align: center; color: #333; font-size: var(--fs22); overflow: hidden; }
.honorPic .swiper-slide.swiper-slide-active .imgDiv img{ width: 2.88rem; }
.honorPic .swiper-slide.swiper-slide-active .name{ opacity: 1; visibility: visible; }
.honorPic .arrowDiv{ position: absolute; left: 0; bottom: 0.2rem; z-index: 2; }
.honorPic .arrowDiv .se{ float: left; display: block; width: 10px; height: 17px; }
.honorPic .arrowDiv .prev{ background: url(../images/nimg10_left.png) center no-repeat; margin-right: 0.3rem; }
.honorPic .arrowDiv .next{ background: url(../images/nimg10_right.png) center no-repeat;}
.honorPic .arrowDiv .prev:hover{ background: url(../images/nimg10_left2.png) center no-repeat;}
.honorPic .arrowDiv .next:hover{ background: url(../images/nimg10_right2.png) center no-repeat;}

.aboutP1{ padding: 1.4rem 0; position: relative; overflow: hidden; }
.aboutP1 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; margin-top:0; }
.aboutP1 .content{ font-size: var(--fs18); line-height: 0.36rem; text-align: justify; padding-bottom: 0.8rem; color:#666;}
.aboutP1 .numList li{ float: left; width: 25%; color:#666; }
.aboutP1 .numList li .pj{ height: 0.75rem; }
.aboutP1 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; }
.aboutP1 .numList li .numUp{ font-family:'DIN-SB'; font-size: var(--fs72); line-height: 0.6rem; color: #e60012; padding-right: 0.1rem;}
.aboutP1 .numList li p{ font-size: var(--fs16); height: 0.52rem; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP1 .numList li span{ position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: url(../images/nimg14_2.png) no-repeat; }
.aboutP1 .numList li .wen{ font-size: var(--fs18); line-height: 0.24rem; width: 2.6rem; }

.aboutP1 .aboutP1-3D { position: absolute; bottom: -75%; left: 0; opacity: 1;}

.aboutP2 .videobox{ width: 100%; height: 8.6rem; position: relative; overflow: hidden; }
.aboutP2 .videobox .imgDiv{ height: 8.6rem; }
.aboutP2 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP2 .videobox video{ max-width:100%; max-height:8.6rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.aboutP2 .videobox.cur{ background:#000;}
.aboutP2 .videobox.cur .imgDiv,.aboutP2 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP2 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP2 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 80px; height: 80px; margin-left:-40px; margin-top:-40px; z-index:1;}
.aboutP2 .videobox .playbox img{ width: 80px; }
.aboutP2 .videobox .close{ position:absolute; right:1.5rem; top:0.3rem; z-index:2; display:none; width:30px; height:30px; background:url(../images/close.png) no-repeat;}

.aboutP3{ padding: 1.4rem 0; background: url(../images/aboutP3.png) center bottom no-repeat; background-size: 100%;}
.aboutP3 .title{ text-align: center; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin-bottom: 0.4rem; margin-top:0; }
.aboutP3 .msg{ font-size: var(--fs18); line-height: 0.36rem; text-align: center; padding-bottom: 0.9rem; color:#666;}

.historyPic{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 65px; width: 100%; height: 2px; background: #e7e7e7; }
.historyPic .box-container .year-swiper{ padding: 0 60px; height: 86px; }
.historyPic .box-container .swiper-slide{ height: 86px; cursor: pointer; position: relative; text-align: center; color: #000; }
.historyPic .box-container .swiper-slide .year{ font-family: 'DIN-SB'; font-size: 18px; line-height: 18px; height: 65px; }
.historyPic .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 40px; background: #fff; border: #e7e7e7 solid 1px; border-radius: 50%; }
.historyPic .box-container .swiper-slide .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; width: 14px; height: 14px; background: #e7e7e7; border-radius: 50%; }
.historyPic .box-container .swiper-slide-active .ico{ border: #e60012 solid 1px; }
.historyPic .box-container .swiper-slide-active .ico:after{ background: #e60012; }
.historyPic .box-container .se{ position: absolute; top: 40px; width: 50px; height: 50px; border-radius: 50%; border: #e7e7e7 solid 2px; z-index: 5;}
.historyPic .box-container .prev { left: 50%; margin-left: -7.5rem; background: #fff url(../images/nimg14_left.png) no-repeat center; }
.historyPic .box-container .next { right: 50%; margin-right: -7.5rem; background: #fff url(../images/nimg14_right.png) no-repeat center; }
.historyPic .box-container .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg14_lefton.png) no-repeat center;}
.historyPic .box-container .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg14_righton.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; padding-top: 0.8rem; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .mxfDiv{ margin: 0 auto; width: 9.68rem; padding: 0.2rem; position: relative; }
.historyPic .detail-box .mxfDiv:before{ content: ''; z-index: 1; position: absolute; left: 1.0rem; top: 0; width: 0.38rem; height: 0.38rem; background: url(../images/nimg38_1.png) no-repeat; background-size: 0.38rem; }
.historyPic .detail-box .mxfDiv:after{ content: ''; z-index: 1; position: absolute; right: 1.0rem; bottom: 0; width: 0.38rem; height: 0.38rem; background: url(../images/nimg38_2.png) no-repeat; background-size: 0.38rem; }
.historyPic .detail-box .contentDiv{ position: relative; background: #fff; border-radius: 0.24rem; height: 3.0rem; padding: 0.55rem 2.75rem 0 0.8rem; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1);}
.historyPic .detail-box .year{ position: absolute; right: 0.75rem; top: 0.55rem; font-size: 0.8rem; line-height: 0.72rem; font-family: 'DIN-SB'; color: #ffebed; }
.historyPic .detail-box .content{ height: 1.8rem; overflow: auto; padding-right: 5px; }
.historyPic .detail-box .content::-webkit-scrollbar { width: 3px;}
.historyPic .detail-box .content::-webkit-scrollbar-track { background-color: #ebebeb;}
.historyPic .detail-box .content::-webkit-scrollbar-thumb { background-color: #e60012;}
.historyPic .detail-box .content li{ position: relative; font-size: var(--fs18); color: #333; padding-left: 20px; line-height: 0.36rem; }
.historyPic .detail-box .content li:before{ content: ''; position: absolute; left: 0; top: 0.15rem; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }


.video-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.video-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.videoLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.videoLayer .close:hover { transform: rotate(-90deg);}
.videoLayer video{ width:100%;}

.productP1{ padding: 1.4rem 0; }
.productP1 .leftDiv{ width: 5.8rem; }
.productP1 .name{ font-weight: 600; font-size: var(--fs48); line-height: 0.6rem; color: #000; font-family: 'Poppins-M'; margin:0; }
.productP1 .name em{ color: #e60012; }
.productP1 .msg{ margin-top: 0.2rem; font-size: var(--fs16); line-height: 0.3rem; color: #333;}
.productP1 .rightImg{ width: 50%; border-radius: 0.2rem; overflow: hidden; }
.productP1 .rightImg img{ width: 100%; }

.productP2{ padding: 1.25rem 0 1.2rem; background: url(../images/productP2.jpg) center no-repeat; background-size: cover;}
.productP2 .toptop{ position: relative; }
.productP2 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; margin:0; }
.productP2 .wen{ position: absolute; right: 0; top: 0; font-size: var(--fs18); line-height: 0.36rem; text-align: right; width: 50%; color:#666; }
.productP2 .list{ overflow: hidden; margin-top: 1.0rem; }
.productP2 .list ul{ display: block; width: auto; margin-right: -0.4rem; }
.productP2 .list li{ float: left; width: 25%;}
.productP2 .list li .box{ margin-right: 0.4rem; height: 3.85rem; text-align: center; background: #fff; padding: 0.65rem 0.35rem 0; border-radius: 0.2rem; }
.productP2 .list li .ico{ width: 1.1rem; height: 1.1rem; margin: 0 auto; position: relative; border-radius: 50%; background: #e60012; }
.productP2 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.35rem; margin-top: -0.35rem; width: 0.7rem; }
.productP2 .list li .name{ margin-top: 0.35rem; font-size: var(--fs32); line-height: 0.48rem; color: #333; font-weight: bold; }
.productP2 .list li .msg{ margin: 0.23rem auto 0; font-size: var(--fs18); line-height: 0.24rem; width: 2.46rem; }
.productP2 .list li .box:hover .ico img{ transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); }

.productP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.productP2 .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.productP2 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}


.productP3{ padding-top: 1.2rem; height: 9.2rem; position: relative; background: url(../images/productP3.jpg) center bottom no-repeat; background-size: 100%;}
.productP3 .title{ margin-top:0; margin-bottom: 0.55rem; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; }
.productP3 .rightImg{ position: absolute; right: 0; bottom: 0; width: 50%; height: 7.0rem; background: center no-repeat; background-size: cover; }
.productP3 .leftDiv{ margin-top: 1.0rem; width: 6.75rem; }
.productP3 .list li{ margin-bottom: 0.8rem; position: relative; padding-left: 1.58rem; min-height: 1.28rem; }
.productP3 .list li:last-child{ margin-bottom: 0; }
.productP3 .list li .ico{ position: absolute; left: 0; top: 0; width: 1.28rem; height: 1.28rem; border-radius: 50%; background: #f6f6f6; }
.productP3 .list li .ico img{ position: absolute; left: 50%; top: 50%; width: 0.62rem; margin-left: -0.31rem; margin-top: -0.31rem; }
.productP3 .list li .name{ font-size: var(--fs32); line-height: 0.32rem; color: #333; font-weight: bold; }
.productP3 .list li .msg{ margin-top: 0.3rem; font-size: var(--fs16); line-height: 0.28rem; color: #333; }

.productP4{ padding: 1.2rem 0; }
.productP4-2{ background: #f7f7f7; }
.productP4 .title{ margin-top:0; margin-bottom: 0.55rem; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; }
.productP4 .list li .imgDiv{ width: 50%; height: 4.3rem; border: #e4e5e7 solid 1px; overflow: hidden;}
.productP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit:  cover; }
.productP4 .list li .conDiv{ width: 6.7rem; }
.productP4 .list li:nth-child(even) .imgDiv{ order: 1; }
.productP4 .list li .name{ font-size: var(--fs32); line-height: 0.48rem; color: #333; font-weight: bold; margin-bottom: 0.3rem;}
.productP4 .list li .msg{ font-size: var(--fs16); line-height: 0.3rem; text-align: justify; color:#666; }
.productP4 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.productP5{ padding-top: 1.2rem; }
.productP5 .title{ margin-top:0; margin-bottom: 0.8rem; font-size: var(--fs48); line-height: 0.48rem; color: #000; font-weight: 600; }
.productP5 .tabDiv{ position: relative; height: 0.6rem; overflow: hidden; }
.productP5 .tabDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e2e2e2; }
.productP5 .tabDiv li{ cursor: pointer; float: left; font-size: var(--fs26); line-height: 0.26rem; height: 0.6rem; color: #000; position: relative; z-index: 1; margin-right: 1.6rem; }
.productP5 .tabDiv li:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 4px; background: #e60012; }
.productP5 .tabDiv li.on{ color: #e60012; }
.productP5 .tabDiv li.on:after{ width: 100%; left: 0; }

.sceneBox{ margin-top: 0.8rem; display: none; position: relative;}
.sceneBox .imgDiv{ width: 9.32rem; height: 4.62rem; }
.sceneBox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.sceneBox .conDiv{ padding-top: 1.0rem; width: 5.0rem; }
.sceneBox .msg{ font-size: var(--fs16); line-height: 0.3rem; color:#666; }
.sceneBox .arrowDiv{ position: absolute; right: 0; bottom: 1rem; width: 5.0rem; z-index: 2; }
.sceneBox .se{ display: block; width: 0.58rem; height: 0.58rem; float: left; border-radius: 50%; }
.sceneBox .prev { background: #fff url(../images/nimg10_left.png) center no-repeat;}
.sceneBox .next { margin-left: 0.2rem; background: #fff url(../images/nimg10_right.png) center no-repeat;}
.sceneBox .prev:hover{ background: #e60012 url(../images/nimg10_lefton.png) center no-repeat;}
.sceneBox .next:hover{ background: #e60012 url(../images/nimg10_righton.png) center no-repeat;}

.productP6{ padding: 1.4rem 0; }
.productP6 .title{ margin-top:0; font-size: var(--fs48); margin-bottom: 0.55rem; color: #000; font-weight: 600; line-height: 0.48rem; }
.productP6 .table table{ border-top: #e60012 solid 2px; border-left: #e7e7e7 solid 1px; border-right: #e7e7e7 solid 1px; }
.productP6 .table th{ background: #fbf7f7; padding-left: 0.4rem; text-align: left; height: 0.8rem; color: #333; font-size: var(--fs18); }
.productP6 .table th:nth-child(1){ width: 5.1rem; }
.productP6 .table th:nth-child(2){ width: 5.1rem; }
.productP6 .table td{ border-bottom: #e7e7e7 solid 1px; height: 0.8rem; font-size: var(--fs16); padding-left: 0.4rem; }


.productP7{ padding: 1.2rem 0; background: #f7f7f7;}
.productP7 .title{ margin-top:0; font-size: var(--fs48); margin-bottom: 0.5rem; color: #000; font-weight: 600; line-height: 0.48rem; }
.productP7 .list ul{ margin-right: -0.4rem; }
.productP7 .list li{ float: left; width: 50%; }
.productP7 .list li .box{ margin-right: 0.4rem; }
.productP7 .list li a{ display: block; height: 2.3rem; padding-top: 0.5rem; padding-left: 0.6rem; background: #fff; border-radius: 0.2rem; position: relative; }
.productP7 .list li .name{ font-weight: bold; font-size: var(--fs32); line-height: 0.32rem; margin-bottom: 0.4rem; color: #000; }
.productP7 .list li .more{ position: relative; display: inline-block; padding-left: 0.68rem; height: 0.52rem; line-height: 0.52rem; font-size: var(--fs16); color: #333; border-radius: 0.48rem; }
.productP7 .list li .more:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.52rem; border-radius: 50%; background: #e60012 url(../images/ico1.png) center no-repeat; }
.productP7 .list li .ico{ position: absolute; right: 0.7rem; top: 50%; margin-top: -0.65rem; }
.productP7 .list li .ico img{ width: 1.29rem; }
.productP7 .list li a:hover .more{ color: #e60012; }
.productP7 .list li a:hover .ico{ right: 0.5rem; }

.productP8{ padding-bottom: 1.2rem; background: #f7f7f7;}
.productP8 .title{ font-size: var(--fs48); margin-top:0; margin-bottom: 0.5rem; color: #000; font-weight: 600; line-height: 0.48rem; }
.productP8 .list ul{ margin-right: -0.4rem; }
.productP8 .list li{ float: left; width: 25%; }
.productP8 .list li .box{ margin-right: 0.4rem; }
.productP8 .list li a{ display: block; padding-top: 0.4rem; height: 4.55rem; border-radius: 0.12rem; background: #fff; }
.productP8 .list li .imgDiv{ width: 3.0rem; height: 3.0rem; margin: 0 auto; overflow: hidden; }
.productP8 .list li .imgDiv img{ max-width: 3.0rem; max-height: 3.0rem; }
.productP8 .list li .name{ margin-top: 0.25rem; font-size: var(--fs18); line-height: 0.3rem; height: 0.6rem; text-align: center; padding: 0 0.3rem; overflow: hidden; color: #333; }
.productP8 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.productP8 .list li .box:hover .name{ color: #e60012;}



.searchBox{ padding:0.8rem 0 1.2rem; border-top:#eee solid 1px;}
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ display: inline-block; font-size: 16px; margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #cd0000; text-decoration: underline;}

.searchBox .list{ padding-bottom:0.6rem;}
.searchBox .list li { position: relative; list-style: none; border-bottom: 1px dashed #eee;}
.searchBox .list li:first-child { border-top: 1px dashed #eee;}
.searchBox .list li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding: 0.1rem 0;
  align-items: center;
}
.searchBox .list .title {
  flex: 1;
  font-size: 16px;
  color: #666;
  line-height: 0.48rem;
  margin-right: 1rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.searchBox .list p { font-size: 16px; color: #999; font-family:'Poppins-M';}
.searchBox .list li:hover .title { color: #e60012;}

.searchBox .tips { display: none; text-align:center; font-size:0.2rem; color:#333;}



.ewm-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.ewm-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.ewmLayer { width: 200px; margin: 0 auto; background: #fff; padding: 15px; position: relative; }
.ewmLayer .limg img{ width: 160px; }
.ewmLayer .close{position: absolute; display: block; right: -50px; top: -50px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.ewmLayer .close:hover { transform: rotate(-90deg);}

.job{ padding: 1.2rem 0; }
.job .title{ text-align: center; font-weight: 600; font-size: var(--fs48); line-height: 0.48rem; color: #000; margin-top:0; margin-bottom: 0.65rem;}
.jobTop{ height: 0.9rem; background: #e8e8eb; }
.jobTop li{ float: left; height: 0.9rem; line-height: 0.9rem; font-size: 0.18rem; color: #000; font-weight: bold; }
.jobTop .li01{ width: 4.0rem; text-align: left; padding-left: 0.5rem; }
.jobTop .li02{ width: 3.8rem; }
.jobTop .li03{ width: 3.0rem; }
.jobTop .li04{ width: 2.9rem; }
.jobTop .li05{ float: right; width: 1.6rem; }

.job .list{ border-bottom: #e9e9e9 solid 1px; margin-bottom: 0.6rem; }
.job .list li{ position: relative; border-top: #e9e9e9 solid 1px; }
.job .list li .msgDiv{ height: 0.9rem; position: relative; overflow: hidden; }
.job .list li .msgDiv a{ display: block; height: 0.9rem; }
.job .list li .txt{ position: absolute; right: 0; top: 0; font-size: 0.16rem; line-height: 0.9rem; width: 1.6rem; color: #666; }
.job .list li .txt span{ display: block; width: 54px; background: url(../images/ico4.png) right center no-repeat; }
.job .list li .txt em{ display: block; color: #fff; width: 54px; background: url(../images/ico4on.png) right center no-repeat; }
.job .list li .box{ display: none; padding: 0.4rem 0.5rem 0.55rem; }
.job .list li .msgDiv dd{ height: 0.9rem; float: left; font-size: 0.16rem; color: #666; }
.job .list li .msgDiv dd em{ height: 0.9rem; line-height:0.3rem; display: flex;
  display: -webkit-flex;  align-items: center;
  -webkit-align-items: center;}
.job .list li .msgDiv .dd01{ width: 4.0rem; padding-left: 0.5rem; padding-right: 0.2rem; }
.job .list li .msgDiv .dd02{ width: 3.8rem; }
.job .list li .msgDiv .dd03{ width: 3.0rem; }
.job .list li .msgDiv .dd04{ width: 2.9rem; }
.job .list li .msgDiv.aNow{ background: #e60012;}
.job .list li .msgDiv.aNow dd{ color: #fff; }
.job .list li .msgDiv.aNow:after{ color: #fff; }
.job .list li .msgDiv.aNow .txt span, .job .list li .msgDiv.aNow .txt em{transform:translateY(-0.9rem);-webkit-transform:translateY(-0.9rem);-moz-transform:translateY(-0.9rem)}
.job .list li strong{ display: block; font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.2rem; color: #000; }
.job .list li .content{ line-height: 0.3rem; padding-bottom: 0.25rem; font-size: 0.16rem;}
.job .list li .btnDiv a{ display: block; width: 1.6rem; height: 0.5rem; text-align: center; color: #333; font-size: 0.16rem; line-height: 0.48rem; border-radius: 0.48rem; border: #e60012 solid 1px; }
.job .list li .btnDiv a:hover{ background: #e60012; color: #fff; }