/*banner*/
.ind-banner{ width: 100%; overflow: hidden;} 
.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: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .en{ font-size: 0.7rem; line-height: 0.7rem; color: #222; padding-bottom: 0.1rem; font-family: regular; text-transform: uppercase; text-align:center; }
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.86rem; color: #ba1e21; }
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .txt1{ font-size: 0.6rem; line-height: 0.86rem; font-weight: bold; }
.ind-banner .twobox .txt2{ font-size: 0.44rem; line-height: 0.64rem; }
.ind-banner .btnDiv{ margin-top: 0.75rem; position: relative; width: 1.84rem; height: 0.56rem; line-height: 0.56rem; background: #aa041b; color: #fff; font-size: 0.16rem; border-radius: 0.48rem; text-transform: uppercase; font-family: regular; text-indent: 0.34rem;}
.ind-banner .btnDiv:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.ind-banner .btnDiv:hover:after{ animation: iconAni 1.5s ease infinite;}

.ind-banner .se{ display: block; width: 56px; height: 56px; position: absolute; z-index: 3; top: 50%; margin-top: -28px; border-radius: 50%; background: rgba(0,0,0,0.4);}
.ind-banner .se:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 16px; margin-left: -5px; margin-top: -8px; }
.ind-banner .se:hover{ background: #d0181c; }
.ind-banner .prev { left: 40px; }
.ind-banner .next { right: 40px; }
.ind-banner .prev:after{ background: url(../images/nimg10_left.png) center no-repeat; }
.ind-banner .next:after{ background: url(../images/nimg10_right.png) center no-repeat; }
.ind-banner .swiper-pagination{ width: 100%; bottom: 45px; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 40px; height: 4px; opacity: 1; background: #eee; box-sizing:border-box; border-radius:0; margin: 0 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #ba1e21;} 

.homepage-banner .conLayer{ text-align: center; position: absolute; left: 0; width: 100%; color: #fff; z-index: 1; top: 18.5%;transition: all .6s; opacity: 0;
  -webkit-transform: translateY(120px);
  transform: translateY(120px); }
.homepage-banner .name{ font-family: 'mont'; font-size: 0.6rem; line-height: 0.6rem; margin-bottom: 0.15rem; }
.homepage-banner .content{ font-size: 0.18rem; line-height: 0.36rem; max-height:0.72rem; width:10.0rem; margin:0 auto; overflow:hidden; text-align:left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.homepage-banner .more{ width: 130px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #fff; border-radius: 24px; margin: 0.2rem auto 0; border: #fff solid 1px; }
.homepage-banner .more img{ margin-left: 10px; }
.homepage-banner .more:hover{/* border: #e95625 solid 1px; background: #e95625;*/ border: #e95625 solid 1px; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}

/*banner结束*/

.indexTxt{ text-align:center;}
.indexTxt .en{ font-size: 0.3rem; line-height: 0.3rem; color:#e95625; padding-bottom:0.2rem; text-transform:uppercase; font-family: 'mont';}
.indexTxt .cn{ font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; }




.learn { box-sizing: border-box; display: inline-block; min-width: 178px; line-height: 52px; border-radius: 0.48rem; border:#fff solid 1px; padding: 0 0.15rem; text-align: center; color: #fff; font-size: 14px;}
.learn i { display: inline-block; width: 18px; height: 14px; background: url(../images/ico2.png) center no-repeat; margin-left: 16px; position: relative; vertical-align: middle; top: -1px; }
.learn:hover{ border: #e95625 solid 1px; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal; color: #fff;}

.indexP1{ position: relative; overflow: hidden; }
.indexP1 .indexTxt { position: absolute; left: 0; width:100%; top: 12.5%; z-index: 2; text-align:center;}
.indexP1 .indexTxt .en, .indexP1 .indexTxt .cn{ color: #fff;}
.indexP1 .swiper-slide { position: relative;}
.indexP1 .swiper-slide .pic{ position:relative;}
.indexP1 .swiper-slide .pic:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg1.png) repeat-y;}
.indexP1 .swiper-slide .pic img { width: 100%; height: 8.6rem; object-fit: cover;}
.indexP1 .swiper-slide .info { position: absolute; left: 0; top: 35%; z-index: 10; width: 100%;}
.indexP1 .swiper-slide .inner { width: 6.5rem; }
.indexP1 .swiper-slide.swiper-slide-active .en,
.indexP1 .swiper-slide.swiper-slide-active .name,
.indexP1 .swiper-slide.swiper-slide-active .desc,
.indexP1 .swiper-slide.swiper-slide-active .learn { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.indexP1 .swiper-slide .en,
.indexP1 .swiper-slide .name,
.indexP1 .swiper-slide .desc,
.indexP1 .swiper-slide .learn {
  transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.indexP1 .swiper-slide .en{ font-size: 0.3rem; line-height: 0.3rem; color: #fff; padding-bottom: 0.2rem; text-transform:uppercase;}
.indexP1 .swiper-slide .name{ font-size: 0.42rem; line-height: 0.42rem; color: #fff; font-weight: bold; padding-bottom: 0.6rem; }
.indexP1 .swiper-slide .desc { font-size: 0.16rem; text-align:justify; line-height: 0.3rem; max-height: 0.9rem; color: #fff; margin-bottom: 0.7rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.indexP1 .tab-box { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%;}
.indexP1 .tab-box a { display: block; float: left; text-align: center; width: 33.33%; height: 1.4rem; position: relative; background: rgba(0,0,0,0.4);}
.indexP1 .tab-box a:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.25); }
.indexP1 .tab-box a:nth-child(3n):after { display: none;}
.indexP1 .tab-box .inner{ position: relative; padding-left: 50%; height: 100%; text-align: left; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.indexP1 .tab-box .icon{ position: absolute; left: 34.4%; top: 50%; margin-top: -22px; }
.indexP1 .tab-box .icon img{ width: 45px; }
.indexP1 .tab-box p{ font-size: 0.24rem; line-height: 0.32rem; color: #fff; }
.indexP1 .tab-box a.on { background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}

.indexBox{ position: relative;}
.indexBox:after{ content: ''; position: absolute; right: 0; top: 0; width: 3.3rem; height: 3.3rem; background: url(../images/nimg330Bg.png) no-repeat; background-size: 3.3rem; }
.indexBox:before{ content: ''; position: absolute; left: 0; top: 10.6rem; width: 2.88rem; height: 4.5rem; background: url(../images/nimg288Bg.png) no-repeat; background-size: 2.88rem; }

.indexP2{ padding:1.2rem 0;}
.indexP2 .btn{ padding-top: 0.5rem; text-align: center; height: 0.7rem; position: relative; z-index: 1;}
.indexP2 .btn ul{ font-size: 0; }
.indexP2 .btn li{ display: inline-block; cursor: pointer; margin: 0 0.6rem; height: 0.36rem; position: relative; font-size: 0.24rem; line-height: 0.24rem; color: #999; }
.indexP2 .btn li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #e95625; }
.indexP2 .btn li.on{ color: #e95625;}
.indexP2 .btn li.on:after{ width: 100%; left: 0; }
.indexP2 .list{ position: relative; }
.indexP2 .imgList{ overflow: hidden; }
.indexP2 .imgList .box{ position: relative; padding-top:0.4rem; padding-right:0.3rem; }
.indexP2 .imgList .imgDiv{ height: 7.2rem; overflow: hidden; border-radius: 12px; }
.indexP2 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP2 .imgList .conLayer{ position: absolute; right: 0; top: 0; z-index: 1; box-sizing: border-box; color: #fff; padding: 0 0.6rem; width: 5.38rem; height: 3.4rem; border-radius: 12px; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.indexP2 .imgList .conLayer:after{ content: ''; position: absolute; top: 50%; margin-top: -1.21rem; right: 0.6rem; width: 2.42rem; height: 2.42rem; background: url(../images/nimg242Bg.png) no-repeat; background-size: 2.42rem; }
.indexP2 .imgList .name{ position: relative; z-index: 1; height: 0.4rem; line-height: 0.4rem; font-size: 0.36rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.indexP2 .imgList .txt{ position: relative; z-index: 1; padding: 0.18rem 0 0.25rem; font-size: 0.16rem; line-height: 0.16rem; }
.indexP2 .imgList .content{ position: relative; z-index: 1; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; }
.indexP2 .imgList .more{ position: relative; z-index: 1; margin-top: 0.3rem;}
.indexP2 .imgList .more a{ display: block; font-family: 'bold'; width: 1.6rem; height: 0.55rem; line-height: 0.55rem; border-radius: 0.36rem; font-size: 14px; color: #e95625; text-transform: uppercase; background: #fff; text-align: center; }
.indexP2 .imgList .more a img{ margin-left: 0.2rem; }
.indexP2 .imgList .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexP2 .arrowDiv .se { z-index: 2; position: absolute; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; border: #e95625 solid 2px; border-radius: 50%; box-sizing: border-box;}
.indexP2 .arrowDiv .prev { left: -0.9rem; background: url(../images/nimg8_left.png) center no-repeat; }
.indexP2 .arrowDiv .next { right: -0.9rem; background: url(../images/nimg8_right.png) center no-repeat; }
.indexP2 .arrowDiv .prev:hover { background: #e95625 url(../images/nimg8_lefton.png) center no-repeat; }
.indexP2 .arrowDiv .next:hover { background: #e95625 url(../images/nimg8_righton.png) center no-repeat; }




.indexP3{ padding-bottom:1.2rem;}
.indexNews{ position:relative; margin-top:0.5rem;}
.indexNews .list{ overflow:hidden;}
.indexNews .list li .box{ border-radius:12px; overflow:hidden;}
.indexNews .list li .imgDiv{ height: 2.76rem; overflow: hidden; }
.indexNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexNews .list li .botDiv{ position: relative; padding: 0.3rem 0.48rem 0; height: 2.78rem; background:#f7f7fa; box-sizing: border-box; }
.indexNews .list li .botDiv:after{ content: ''; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 1.5rem; height: 1.5rem; background: url(../images/nimg242Bg.png) no-repeat; background-size: 1.5rem;}
.indexNews .list li .time{ font-size: 0.18rem; line-height: 0.36rem; color: rgba(51,51,51,0.3); font-family: 'mont'; }
.indexNews .list li .name{ position: relative; z-index: 1; margin-top: 0.1rem; line-height: 0.36rem; height: 0.72rem; font-size: 0.22rem; font-weight: bold; color: #333; }
.indexNews .list li .ico{ margin-top: 0.6rem; width: 47px; height: 33px; border-radius: 24px; border: #f27d2c solid 2px; background: url(../images/ico3.png) center no-repeat; box-sizing: border-box; }
.indexNews .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexNews .list li .box:hover .botDiv{ background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.indexNews .list li .box:hover .time, .indexNews .list li .box:hover .name{ color: #fff; }
.indexNews .list li .box:hover .ico{ border: #fff solid 2px; background: #fff url(../images/ico3.png) center no-repeat; }
.indexNews .se{ display: block; position: absolute; top: 50%; margin-top:-24px; width: 48px; height: 48px; box-sizing:border-box; border:#e95625 solid 2px; border-radius:50%; z-index: 2; }
.indexNews .prev{ left: -0.9rem; background: url(../images/nimg8_left.png) center no-repeat;}
.indexNews .next{ right: -0.9rem; background: url(../images/nimg8_right.png) center no-repeat;}
.indexNews .prev:hover{ background: #e95625 url(../images/nimg8_lefton.png) center no-repeat;}
.indexNews .next:hover{ background: #e95625 url(../images/nimg8_righton.png) center no-repeat;}
.indexNews .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.5rem;}
.indexNews .swiper-pagination-bullet { position: relative; width: 20px; height: 3px; opacity: 1; border-radius: 0; border: none; background: #f0f0f0; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.indexNews .swiper-pagination-bullet-active { background: #e95625; }

.indexP3 .moreBtn{ margin:0.6rem auto 0; width:1.6rem;}
.indexP3 .moreBtn a{ display:block; text-align:center; font-size:16px; color:#fff; font-family:'mont'; text-transform:uppercase; width:100%; height: 0.55rem; line-height:0.55rem; border-radius:0.36rem; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}

.indexP4{ padding-top: 1.2rem; height:6.05rem; background:url(../images/indexP4.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.indexP4 .leftDiv{ width: 4.3rem; }
.indexP4 .indexTxt{ text-align: left; }
.indexP4 .wen{ padding-top: 1.2rem; font-size: 0.36rem; line-height: 0.36rem; color: #353432; }

.indexP4 .rightDiv{ width: 9.76rem; }
.partnerPic .list{ overflow: hidden; }
.partnerPic .list .box{ height: 1.1rem; background: #fff; border-radius: 12px; margin-bottom: 22px; }
.partnerPic .list .box img{ max-width: 1.6rem; max-height: 0.9rem; }
.partnerPic .list .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.partnerPic .arrowDiv{ padding-top: 0.3rem; }
.partnerPic .arrowDiv .se{ display: block; position: relative; float: left; width: 0.6rem; height: 0.6rem; box-sizing: border-box; border: #acbac6 solid 1px; border-radius: 50%; margin-right: 0.4rem;}
.partnerPic .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; width: 9px; height: 14px; background: url(../images/prev.png) no-repeat; }
.partnerPic .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -7px; width: 9px; height: 14px; background: url(../images/next.png) no-repeat; }
.partnerPic .arrowDiv .se:hover{ border: none; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal; }
.partnerPic .arrowDiv .prev:hover:after{ background: url(../images/prev2.png) no-repeat;}
.partnerPic .arrowDiv .next:hover:after{ background: url(../images/next2.png) no-repeat;}

.solution{ padding: 1.2rem 0 0.7rem; position: relative; }
.solution:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.solution .list{ padding: 60px 15px 0; position: relative; z-index: 1;}
.solution .list li{ margin-bottom: 0.5rem; }
.solution .list li a{ display: block; position: relative; }
.solution .list li .bg{ height: 6.5rem; background: center no-repeat; background-size: cover; }
.solution .list li .layer{ z-index: 1; position: absolute; left: 2.7rem; top: 50%; transform: translateY(-50%); /*padding-left: 2.7rem;*/ width: 5.4rem; color: #fff;}
.solution .list li:nth-child(even) .layer{ left: auto; right: 2.35rem;  /*padding-left: 0; float: right;*/ }
.solution .list li .name{ font-size: 0.36rem; line-height: 0.36rem; position: relative; padding-bottom: 0.3rem; }
.solution .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; background: #fff; width: 40px; height: 2px; }
.solution .list li .content{ margin-top: 0.32rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; }
.solution .list li .more{ position: relative; display: inline-block; padding-right: 20px; margin-top: 0.5rem; font-size: 0.16rem; line-height: 0.24rem; }
.solution .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 13px; height: 13px; background: url(../images/nimg13_1.png) no-repeat; }
.solution .list li .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 1px;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.solution .list li:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.solution .list li:hover .more{ color: #e95625; }
.solution .list li:hover .more span{ background-size: 100% 1px; background-position: 0 100%; }
.solution .list li:hover .more:after{ background: url(../images/nimg13_1on.png) no-repeat; transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}

.case{ padding: 1.2rem 0; position: relative; }
.case:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.case .list{ padding: 0.6rem 0 0.15rem; }
.case .list ul{ margin-right: -0.78rem; }
.case .list li{ float: left; width: 50%; padding-bottom: 0.4rem;}
.case .list li .box{ margin-right: 0.78rem; }
.case .list li .imgDiv{ height: 3.7rem; overflow: hidden; }
.case .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.case .list li .botDiv{ position: relative; height: 2.16rem; padding: 0.35rem 0.6rem 0; box-sizing: border-box; background: #f7f7f7;}
.case .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e95625; }
.case .list li .name{ font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; overflow: hidden; color: #333; font-weight: bold; }
.case .list li .msg{ margin-top: 0.15rem; line-height: 0.26rem; font-size: 0.16rem; color: #999; height: 0.52rem; text-align: justify; }
.case .list li .more{ margin-top: 0.2rem; font-size: 0.16rem; color: #e95625; }
.case .list li .more img{ margin-left: 10px; }
.case .list li .box:hover{ box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.case .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.case .list li .box:hover .botDiv{ background: #fff; }
.case .list li .box:hover .botDiv:after{ width: 100%; }

.newsP1{ padding: 1.2rem 0; position: relative; }
.newsP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.newsP1 .detail{ position: relative; z-index: 1; }
.newsP1 .detail a{ display: block; background: #f8f8f8; height: 4.78rem; position: relative; padding: 0 1.15rem 0 9.12rem; border-radius: 12px; overflow: hidden; }
.newsP1 .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 8rem; height: 4.78rem; overflow: hidden;}
.newsP1 .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP1 .detail .conDiv{ padding-top: 0.55rem; }
.newsP1 .detail .name{ margin-bottom: 0.3rem; line-height: 0.48rem; height: 0.96rem; color: #333; font-size: 0.3rem; font-weight: bold; }
.newsP1 .detail .content{ font-size: 16px; color: #999; line-height: 0.3rem; height: 0.9rem; margin-top: 0.25rem; }
.newsP1 .detail .btnDiv{ margin-top: 0.35rem; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.14rem; font-family: 'mont'; color: #fff; text-transform: uppercase; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal; border-radius: 24px; position: relative; text-indent: 0.4rem; }
.newsP1 .detail .btnDiv:after{ content: ''; position: absolute; right: 0.38rem; top: 50%; width: 16px; height: 12px; margin-top: -6px; background: url(../images/nimg16_3.png) no-repeat; }
.newsP1 .detail a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsP1 .detail a:hover .name{ color: #e95625; }

.newsP2{ padding: 0.8rem 0 1.2rem; background: #f8f8f8; }
.newsP2 .list{ padding-bottom: 0.2rem; }
.newsP2 .list ul{ margin-right: -0.82rem; }
.newsP2 .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.newsP2 .list li .box{ margin-right: 0.82rem; border-radius:12px; overflow:hidden;}
.newsP2 .list li .imgDiv{ height: 2.76rem; overflow: hidden; }
.newsP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsP2 .list li .botDiv{ position: relative; padding: 0.3rem 0.48rem 0; height: 2.78rem; background:#fff; box-sizing: border-box; overflow: hidden;}
.newsP2 .list li .botDiv:after{ content: ''; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 1.5rem; height: 1.5rem; background: url(../images/nimg242Bg.png) no-repeat; background-size: 1.5rem;}
.newsP2 .list li .time{ font-size: 0.18rem; line-height: 0.36rem; color: rgba(51,51,51,0.3); font-family: 'mont'; }
.newsP2 .list li .name{ position: relative; z-index: 1; margin-top: 0.1rem; line-height: 0.36rem; height: 0.72rem; font-size: 0.22rem; color: #333; }
.newsP2 .list li .ico{ margin-top: 0.6rem; width: 47px; height: 33px; border-radius: 24px; border: #f27d2c solid 2px; background: url(../images/ico3.png) center no-repeat; box-sizing: border-box; }
.newsP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsP2 .list li .box:hover .botDiv{ background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.newsP2 .list li .box:hover .time, .newsP2 .list li .box:hover .name{ color: #fff; }
.newsP2 .list li .box:hover .ico{ border: #fff solid 2px; background: #fff url(../images/ico3.png) center no-repeat; }

.newsBox{ padding: 1.2rem 0; position: relative; }
.newsBox:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem;}
.newShow{ position: relative; z-index: 1; }
.newShow .name{ font-size: 0.36rem; line-height: 0.48rem; color: #393939; font-weight: bold; padding-bottom: 0.25rem; }
.newShow .msg{ padding-bottom: 0.4rem; border-bottom: #f1f1f1 solid 1px; }
.newShow .msg em{ padding-right: 0.8rem; line-height: 26px; color: #ccc; font-size: 16px; font-family: 'mont';}
.newShow .content{ padding: 0.45rem 0; font-size: 16px; line-height: 30px; color: #555454;}
.newShow .imgDiv{ text-align: center; padding: 45px 0 15px; }
.newShow .content img{ max-width: 8.9rem; }
.newShow .content p{ font-size: 0.22rem; color: #333; }

.sideNews{ background: #f8f8f8; padding: 0.4rem 0.4rem 1.0rem; position: relative; z-index: 1; }
.sideNews .title{ padding-bottom: 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #333; border-bottom: #d3d3d3 solid 1px; }
.sideNews .list{ padding-top: 0.35rem; }
.sideNews .list li{ padding-bottom: 0.5rem; }
.sideNews .list li:last-child{ padding-bottom: 0; }
.sideNews .list li .imgDiv{ overflow: hidden; border-radius: 12px;}
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ margin-top: 0.25rem; height: 48px; line-height: 24px; overflow: hidden; font-size: 16px; color: #333; }
.sideNews .list li .ico{ width: 35px; height: 35px; border-radius: 50%; background: #eee url(../images/nimg9_right.png) center no-repeat; }
.sideNews .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.sideNews .list li:hover .name{ color: #e95620; }
.sideNews .btnDiv{ padding-top: 0.75rem; }
.sideNews .btnDiv a{ display: block; text-align: center; font-size: 14px; color: #fff; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; border-radius: 36px; background-image: linear-gradient(90deg, #e95625 0%, #ff9600 100%); background-blend-mode: normal, normal; }
.sideNews .btnDiv img{ margin-left: 10px; }

.pageDown ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.pageDown li a{ display: block; position: relative; width: 2.6rem; height: 0.5rem; line-height: 0.5rem; background: #f4f4f4; border-radius: 0.36rem; color: #777; font-size: 0.16rem; }
.pageDown li a:hover{ color: #fff; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.07);}
.pageDown li .prev{ text-indent: 1.45rem; }
.pageDown li .prev:before{ content: ''; position: absolute; left: 0.6rem; top: 50%; margin-top: -7px; width: 9px; height: 14px; background: url(../images/prev.png) no-repeat; }
.pageDown li .prev:hover:before{ background: url(../images/prev2.png) no-repeat;}
.pageDown li .back{ text-indent: 1.2rem; }
.pageDown li .back:before{ content: ''; position: absolute; left: 0.96rem; top: 50%; margin-top: -4px; width: 9px; height: 9px; background: url(../images/back.png) no-repeat; }
.pageDown li .back:hover:before{ background: url(../images/back2.png) no-repeat;}
.pageDown li .next{ text-indent: 0.7rem; }
.pageDown li .next:before{ content: ''; position: absolute; right: 0.6rem; top: 50%; margin-top: -7px; width: 9px; height: 14px; background: url(../images/next.png) no-repeat; }
.pageDown li .next:hover:before{ background: url(../images/next2.png) no-repeat;}

.contactP1{ padding: 1.2rem 0 0.5rem; position: relative; }
.contactP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.contactP1 .list{ padding: 0.8rem 0; }
.contactP1 .list li{ float: left; width: 33.33%; text-align: center;}
.contactP1 .list li .ico{ width: 1.05rem; height: 1.05rem; margin: 0 auto; border-radius: 50%; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; position: relative; }
.contactP1 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.contactP1 .list li .ico .img1{ opacity: 0;}
.contactP1 .list li .wen{ padding-top: 0.35rem; font-size: 0.18rem; line-height: 0.18rem; height: 0.35rem; color: #262323;}
.contactP1 .list li .txt{ color: #808080; font-size: 0.22rem; line-height: 0.32rem; font-family: 'light'; }
.contactP1 .list li .address{ color: #808080; font-size: 0.18rem; line-height: 0.32rem;}

.contactP2{ height: 6.0rem; background: center no-repeat; background-size: cover; }
.contactP2 .title{ color: #fff; font-size: 0.42rem; line-height: 0.42rem; font-weight: bold; }
.contactP2 .msg{ color: #fff; font-size: 0.18rem; line-height: 0.18rem; padding: 0.3rem 0 0.6rem; }
.contactP2 .list ul{ font-size: 0; text-align: center;}
.contactP2 .list li{ display: inline-block; margin: 0 0.4rem; }
.contactP2 .list li .limg{ width: 1.54rem; border-radius: 8px; overflow: hidden; }
.contactP2 .list li .limg img{ width: 100%; }
.contactP2 .list li .zi{ padding-top: 0.2rem; color: #fff; font-size: 0.16rem; line-height: 0.16rem; }

.download{ padding: 1.2rem 0; }
.download .list{ padding: 0.6rem 0 0.3rem; }
.download .list ul{ margin-right: -0.4rem; }
.download .list li{ float: left; width: 25%; padding-bottom: 0.4rem; }
.download .list li .box{ margin-right: 0.4rem; padding: 0.32rem; border-radius: 12px; background: #f8f8f8; }
.download .list li .pj{ position: relative; }
.download .list li .imgDiv{ height: 3.92rem; overflow: hidden; position: relative; }
.download .list li .imgDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; }
.download .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.download .list li .name{ margin-top: 0.25rem; height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.16rem; color: #333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.download .list li .ico{ opacity: 0; position: absolute; z-index: 1; left: 50%; top: 50%; padding-top: 0.5rem; width: 0.8rem; height: 0.8rem; box-sizing: border-box; margin-left: -0.4rem; margin-top: -0.3rem; border-radius: 50%; font-size: 14px; line-height: 14px; color: #333; background: #fff; text-align: center;}
.download .list li .ico:before{ content: ''; position: absolute; left: 50%; margin-left: -10px; top: 0.18rem; width: 21px; height: 21px; background: url(../images/nimg21_1.png) no-repeat; }
.download .list li .box:hover{ background: #fff; box-shadow: 0px 6px 0.3rem 0px rgba(14, 27, 75, 0.08); }
.download .list li .box:hover .imgDiv:after{ opacity: 0.8; }
.download .list li .box:hover .ico{ margin-top: -0.4rem; opacity: 1; }
.download .list li .box:hover .name{ color: #e95625; }

.caseP1{ padding: 1.2rem 0 1.1rem; background: url(../images/caseBg.jpg) center top no-repeat; background-size: 100%; }
.casePic{ position: relative; margin: 0.5rem 0 0.3rem; }
.casePic .list{ overflow: hidden; }
.casePic .imgDiv{ overflow: hidden; height: 7.8rem; border-radius: 12px; }
.casePic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.casePic .se{ display: block; position: absolute; top: 50%; margin-top:-21px; width: 42px; height: 42px; box-sizing:border-box; background: #fff; border-radius:50%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07); z-index: 2; }
.casePic .prev{ left: -21px;}
.casePic .next{ right: -21px;}
.casePic .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_left.png) no-repeat;}
.casePic .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_right.png) no-repeat;}
.casePic .se:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.casePic .prev:hover:after{ background: url(../images/nimg16_lefton.png) no-repeat;}
.casePic .next:hover:after{ background: url(../images/nimg16_righton.png) no-repeat;}
.casePic .swiper-pagination{ bottom: 0.4rem; }
.casePic .swiper-pagination-bullet { position: relative; width: 54px; height: 3px; opacity: 1; border-radius: 0; border: none; background: rgba(255,255,255,0.5); margin-left: 5px!important; margin-right: 5px!important; } 
.casePic .swiper-pagination-bullet-active { background: #fff; }

.caseP1 .title{ padding: 0.5rem 0 0.3rem; font-weight: bold; color: #222; font-size: 0.24rem; line-height: 0.24rem; }
.caseP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }

.caseP2{ padding: 1.0rem 0 1.3rem; background: #f7f7f7; }
.caseP2 .toptop{ height: 1.2rem; position: relative; }
.caseP2 .arrowDiv{ position: absolute; right: 0; top: 10px; z-index: 1; }
.caseP2 .se{ float: left; position: relative; margin-left: 16px; display: block; width: 48px; height: 48px; border-radius: 50%; background: #e6e6e6;}
.caseP2 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_left.png) no-repeat;}
.caseP2 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_right.png) no-repeat;}
.caseP2 .se:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.caseP2 .prev:hover:after{ background: url(../images/nimg16_lefton.png) no-repeat;}
.caseP2 .next:hover:after{ background: url(../images/nimg16_righton.png) no-repeat;}
.caseP2 .list{ overflow: hidden; }
.caseP2 .list .limg{ overflow: hidden; height: 2.43rem;}
.caseP2 .list .limg img{ width: 100%; height: 100%; object-fit: cover;}
.caseP2 .list .botDiv{ background: #fff; padding: 0.32rem 0.48rem 0; height: 1.55rem; box-sizing: border-box; }
.caseP2 .list .name{ height: 0.36rem; line-height: 0.36rem; overflow: hidden; color: #333; font-size: 0.22rem; }
.caseP2 .list .more{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.16rem; color: #e95625;}
.caseP2 .list .more img{ margin-left: 10px; }
.caseP2 .list li:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.caseP2 .list li:hover .name{ color: #e95625; }

.product{ padding: 1.2rem 0 1.0rem; position: relative; }
.product:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.product .list{ padding: 60px 15px 0; position: relative; z-index: 1;}
.product .list ul{ margin-right: -15px; }
.product .list li{ float: left; width: 50%; padding-bottom: 15px; }
.product .list li:first-child{ width: 100%; }
.product .list li .box{ position: relative; margin-right: 15px; height: 7.1rem; background: url(../images/nimg936Bg.jpg) center no-repeat; background-size: cover;}
.product .list li:first-child .box{ background: url(../images/nimg1888Bg.jpg) center no-repeat;}
.product .list li a{ display: block; width: 100%; height: 100%; }
.product .list li .pj{ position: absolute; width: 7.0rem; height: 5.87rem; left: 50%; margin-left: -3.5rem; bottom: 0; background: url(../images/nimg700Bg.png) center no-repeat; background-size: 7.0rem; }
.product .list li .imgDiv{ position: absolute; left: 50%; margin-left: -2.2rem; bottom: 0.2rem; width: 4.4rem; height: 4.4rem; }
.product .list li .imgDiv img{ max-width: 4.4rem; max-height: 4.4rem; }
.product .list li .layer{ position: absolute; z-index: 2; top: 0.6rem; left: 50%; margin-left: -2.8rem; width: 5.6rem; color: #fff; text-align: center;}
.product .list li .name{ font-size: 0.36rem; line-height: 0.36rem; }
.product .list li .content{ margin-top: 0.3rem; line-height: 0.3rem; font-size: 0.16rem; height: 0.9rem; text-align:left; }
.product .list li .more{ position: relative; display: inline-block; padding-right: 20px; margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.24rem; }
.product .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 13px; height: 13px; background: url(../images/nimg13_1.png) no-repeat; }
.product .list li .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
  transform: scaleY(0.5); 
  -webkit-transform-origin: 0 0; 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 1px;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.product .list li .box:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.product .list li .box:hover .more{ color: #e95625; }
.product .list li .box:hover .more span{ background-size: 100% 1px; background-position: 0 100%; }
.product .list li .box:hover .more:after{ background: url(../images/nimg13_1on.png) no-repeat; transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}

.solutionP1{ padding: 1.2rem 0.2rem 0.25rem; position: relative; }
.solutionP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.76rem; height: 2.76rem; background: url(../images/nimg276Bg.png) no-repeat; background-size: 2.76rem; }
.solutionP1 .list{ margin-top: 0.6rem; overflow: hidden; }
.solutionP1 .list li .box{ position: relative; }
.solutionP1 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3.6rem; background: url(../images/bg2.png) repeat-x; }
.solutionP1 .list li .imgDiv img{ width: 100%; }
.solutionP1 .list li .layer{ position: absolute; left: 0; bottom: 0.3rem; width: 100%; box-sizing: border-box; padding: 0 0.6rem; text-align: center; z-index: 1;}
.solutionP1 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.45rem; color: #fff; }
.solutionP1 .list li .msg{ font-size: 0.16rem; color: #ddeaf6; line-height: 0.3rem; height: 1.2rem; overflow: hidden; text-align:left;}
.solutionP1 .se{ display: block; position: absolute; top: 50%; margin-top:-30px; width: 60px; height: 60px; border-radius:50%; background: #fff; z-index: 2; }
.solutionP1 .prev{ left: 0.6rem; }
.solutionP1 .next{ right: 0.6rem; }
.solutionP1 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_left.png) no-repeat;}
.solutionP1 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background: url(../images/nimg16_right.png) no-repeat;}
.solutionP1 .se:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.solutionP1 .prev:hover:after{ background: url(../images/nimg16_lefton.png) no-repeat;}
.solutionP1 .next:hover:after{ background: url(../images/nimg16_righton.png) no-repeat;}

.solutionP2{ height: 5.0rem; background: url(../images/solutionP2.jpg) center no-repeat; background-size: cover; }
.solutionP2 .txt{ text-align: center; color: #e95625; font-size: 0.3rem; line-height: 0.48rem; font-weight: bold; padding: 0.6rem 0 0.2rem; }
.solutionP2 .msg{ font-size: 0.16rem; line-height: 0.3rem; }

.solutionP3{ padding: 1.2rem 0; overflow: hidden; }
.solutionP3 .bigBox{ margin-top: 0.6rem; position: relative; z-index: 3; }
.solutionP3 .list { overflow: hidden; position: relative;}
.solutionP3 .list li .box{ height: 4.5rem; overflow: hidden; position: relative; background: url(../images/nimg738Bg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.solutionP3 .list li a{ display: block; width: 100%; height: 100%; position: relative; }
.solutionP3 .list li .imgDiv{ position: absolute; right: 0; top: 50%; margin-top: -1.8rem; width: 3.6rem; height: 3.6rem;}
.solutionP3 .list li .imgDiv img{ max-width: 3.6rem; max-height: 3.6rem; }
.solutionP3 .list li .conDiv{ position: relative; z-index: 1; padding: 0.75rem 0 0 0.8rem; width: 3.6rem;}
.solutionP3 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.5rem; color: #000; font-weight: bold; }
.solutionP3 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; color: #666; text-align: justify; }
.solutionP3 .list li .more{ margin-top: 1.2rem; position: relative; font-size: 0.14rem; width: 1.28rem; line-height: 0.38rem; height: 0.38rem; border-radius: 0.36rem; text-indent: 0.22rem; color: #e95625; border: #e95727 solid 1px; box-sizing: border-box; }
.solutionP3 .list li .more:after{ content: ''; position: absolute; right: 0.22rem; top: 50%; margin-top: -6px; width: 15px; height: 12px; background: url(../images/nimg15_1.png) no-repeat;}
.solutionP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.solutionP3 .list li .box:hover .more{ border: none; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; color: #fff; }
.solutionP3 .list li .box:hover .more:after{ background: url(../images/nimg15_1on.png) no-repeat; transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);}
.solutionP3 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.5rem;}
.solutionP3 .swiper-pagination-bullet { position: relative; width: 20px; height: 3px; opacity: 1; border-radius: 0; border: none; background: #f0f0f0; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.solutionP3 .swiper-pagination-bullet-active { background: #e95625; }
.solutionP3 .se{ display: block; position: absolute; top: 50%; margin-top:-24px; width: 48px; height: 48px; box-sizing:border-box; border:#e95625 solid 2px; border-radius:50%; z-index: 2; }
.solutionP3 .prev{ left: -0.9rem; background: url(../images/nimg8_left.png) center no-repeat;}
.solutionP3 .next{ right: -0.9rem; background: url(../images/nimg8_right.png) center no-repeat;}
.solutionP3 .prev:hover{ background: #e95625 url(../images/nimg8_lefton.png) center no-repeat;}
.solutionP3 .next:hover{ background: #e95625 url(../images/nimg8_righton.png) center no-repeat;}


.solutionP4{ padding-top: 1.2rem; height: 8.0rem; background: center no-repeat; background-size: cover; box-sizing: border-box; }
.solutionP4 .pageTitle{ color: #fff; }
.solutionP4 .pageTitle:after{ background: #fff; }
.solutionP4 .pjDiv{ margin-top: 0.6rem; width: 6.76rem;}
.solutionP4 .tab{ overflow: hidden; position: relative; padding-bottom: 0.4rem;}
.solutionP4 .tab:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.4);}
.solutionP4 .tab li{ float: left; font-size: 0.16rem; margin-right: 0.3rem; min-width: 1.4rem; padding:0 0.15rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; border-radius: 0.36rem; background: rgba(255,255,255,0.35); }
.solutionP4 .tab li:last-child{ margin-right:0;}
.solutionP4 .tab .liNow{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.solutionP4 .tabContentDiv{ padding-top: 0.6rem; }
.solutionP4 .tabContent{ animation: am_top 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.6s ease-in-out 0.2s backwards;}
.solutionP4 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; height: 0.4rem; }
.solutionP4 .content{ font-size: 0.16rem; line-height: 0.38rem; color: #fff; text-align: justify; }

.solutionP5{ padding: 1.2rem 0; }
.solutionP5 .list{ padding-top: 1.0rem; }

.solutionP5 .list li{ float: left; width: 33.33%; }
.solutionP5 .list li .box{ position: relative; overflow: hidden; }
.solutionP5 .list li .imgDiv img{ width: 0.6rem; }
.solutionP5 .list li .name{ padding-left:0.4rem; color: #333; font-size: 0.3rem; line-height: 0.3rem; font-family: 'mont';}

.solutionP6{ padding: 1.2rem 0 0.9rem; background: #f4f7f8; }
.solutionP6 .list{ padding-top: 0.6rem; }
.solutionP6 .list ul{ margin-right: -0.32rem; }
.solutionP6 .list li{ float: left; width: 33.33%; }
.solutionP6 .list li .box{ margin-right: 0.32rem; cursor: pointer; height: 2.2rem; background: #fff; position: relative; padding: 0.5rem 0.5rem 0 1.65rem; box-sizing: border-box; }
.solutionP6 .list li .ico{ position: absolute; left: 0.48rem; top: 0.45rem; width: 0.8rem; height: 0.8rem; background: #f4f7f8; border-radius: 50%;}
.solutionP6 .list li .ico img{ position:absolute; left:50%; top:50%; width:44px; height:44px; margin-left:-22px; margin-top:-22px;}
.solutionP6 .list li .name{ font-size: 0.22rem; line-height: 0.5rem; font-weight: bold; color: #333; }
.solutionP6 .list li .msg{ margin-top: 0.1rem; color: #333; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; overflow: auto; padding-right: 6px; }
.solutionP6 .list li .msg::-webkit-scrollbar { width: 2px;}
.solutionP6 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.solutionP6 .list li .msg::-webkit-scrollbar-thumb { background-color: #e60012;}

.solutionP7{ padding: 1.2rem 0; background: url(../images/solutionBg.png) center bottom no-repeat; background-size: 100%; }
.solutionP7-2{ background: #f6f6f6 url(../images/solutionBg.png) center bottom no-repeat; background-size: 100%;}
.otherCase{ position: relative; margin-top: 0.6rem; }
.otherCase .list{ overflow: hidden; }
.otherCase .list li{ position: relative; overflow: hidden; border-radius: 12px; }
.otherCase .imgDiv{ height: 7.8rem;}
.otherCase .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.otherCase .name{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size: 0.24rem; font-weight: bold; height: 1.0rem; line-height: 1.0rem; text-align: center; background: rgba(0,0,0,0.5); }
.otherCase .se{ display: block; position: absolute; top: 50%; margin-top:-20px; width: 40px; height: 40px; border-radius:50%; z-index: 2; }
.otherCase .prev{ left: 50%; margin-left: -8.54rem; background: url(../images/nimg40_left.png) no-repeat;}
.otherCase .next{ right: 50%; margin-right: -8.54rem; background: url(../images/nimg40_right.png) no-repeat;}
.otherCase .prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat;}
.otherCase .next:hover{ background: url(../images/nimg40_righton.png) no-repeat;}

.aboutP1{ padding: 1.2rem 0; }
.aboutP1 .txt{ text-align: center; padding: 0.6rem 0 0.3rem; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; }
.aboutP1 .txt em{ display: inline-block; background-image:-webkit-linear-gradient(left,#e95625,#ff9600);
 background-image:linear-gradient(to right,#e95625,#ff9600); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.aboutP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #333; }
.aboutP1 .numList{ padding-top: 0.6rem; }
.aboutP1 .numList li{ float: left; width: 6.6rem; box-sizing: border-box; position: relative; padding-left: 0.9rem;}
.aboutP1 .numList li:last-child{ width: auto; float: right; }
.aboutP1 .numList li .ico{ position: absolute; left: 0; top: 0.2rem; }
.aboutP1 .numList li .ico img{ width: 0.6rem; }
.aboutP1 .numList li .num{ height: 0.7rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.aboutP1 .numList li .numUp{ color: #333; font-size: 0.48rem; line-height: 0.48rem; font-family: 'bold';}
.aboutP1 .numList li .num img{ padding-left: 10px; }
.aboutP1 .numList li .wen{ font-size: 0.16rem; line-height: 0.16rem; }
.aboutP1 .videobox{ margin:0.9rem auto 0; width: 12.8rem; position: relative; overflow: hidden; z-index: 1; }
.aboutP1 .videobox .imgDiv{ height: 7.2rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.aboutP1 .videobox video{ max-width:100%; max-height: 7.2rem; position:absolute;top:50%;left:0; right: 0; margin: 0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 70px; height: 70px; margin-left:-35px; margin-top:-35px; border-radius: 50%; background: rgba(0,0,0,0.5); z-index:1;}
.aboutP1 .videobox .playbox:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -8px; width: 9px; height: 15px; background: url(../images/play.png) no-repeat;}

.aboutP2{ padding-top: 1.1rem; height: 9.36rem; box-sizing: border-box; background: url(../images/aboutP2.jpg) center top no-repeat; background-size: cover; }
/*.aboutP2 .box-container{ margin-top: 0.6rem; position: relative; width: 100%; height: 55px;}
.aboutP2 .box-container:before{ content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 1px; background: rgba(203,203,203,0.4); }
.aboutP2 .box-container .year-swiper{ margin: 0 1.0rem; }
.aboutP2 .box-container .swiper-slide{ height: 55px; cursor: pointer; position: relative; text-align: center;}
.aboutP2 .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.aboutP2 .box-container .swiper-slide .ico:after{ content: ''; z-index: 1; position: absolute; left: 50%; margin-left: -5px; margin-top: -5px; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.aboutP2 .box-container .swiper-slide .year{ font-size: 24px; line-height: 24px; color: #333; font-family: 'mont'; }
.aboutP2 .box-container .swiper-slide-active .year{ color: #ee7700; }
.aboutP2 .box-container .swiper-slide-active .ico:after{ background: #ee7700; }
.aboutP2 .box-container .prev { position: absolute; border-radius: 50%; left: 50%; margin-left: -7.68rem; top: 20px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #d5d5d5; z-index: 5;}
.aboutP2 .box-container .next { position: absolute; border-radius: 50%; right: 50%; margin-right: -7.68rem; top: 20px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #d5d5d5; z-index: 5;}
.aboutP2 .box-container .prev:after{ content: ''; position: absolute; width: 12px; height: 12px; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left.png) no-repeat; }
.aboutP2 .box-container .next:after{ content: ''; position: absolute; width: 12px; height: 12px; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right.png) no-repeat; }
.aboutP2 .box-container .swiper-btn:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}

.aboutP2 .detail-box{ padding-top: 0.7rem; }
.aboutP2 .detail-box .item { display: none; position: relative; overflow: hidden;}
.aboutP2 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.aboutP2 .detail-box .leftImg{ width: 7.68rem; border-radius: 12px; overflow: hidden; animation: am_left 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_left 0.6s ease-in-out 0.2s backwards;}
.aboutP2 .detail-box .leftImg img{ width: 100%; }
.aboutP2 .detail-box .conDiv{ width: 6.5rem; animation: am_right 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_right 0.6s ease-in-out 0.2s backwards; }
.aboutP2 .detail-box .year{ padding-top: 0.5rem; font-size: 0.48rem; line-height: 0.48rem; font-family:'bold';}
.aboutP2 .detail-box .year em{ display: inline-block; background-image:-webkit-linear-gradient(left,#e95625,#ff9600);
 background-image:linear-gradient(to right,#e95625,#ff9600); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.aboutP2 .detail-box .name{ position: relative; color: #333; font-size: 0.36rem; line-height: 0.48rem; padding: 0.25rem 0; }
.aboutP2 .detail-box .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #ccc; }
.aboutP2 .detail-box .msg{ padding-top: 0.4rem; }
.aboutP2 .detail-box .msg li{ position: relative; padding-left: 0.35rem; font-size: 0.16rem; line-height: 0.36rem; }
.aboutP2 .detail-box .msg li:before{ content: ''; position: absolute; width: 5px; height: 5px; background: #ee7700; left: 0; top: 0.14rem; }
*/
.aboutP2 .box-container{ margin-top: 0.6rem; position: relative; width: 100%; height: 55px;}
.aboutP2 .box-container:before{ content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 1px; background: rgba(203,203,203,0.4); }
.aboutP2 .box-container .year-swiper{ margin: 0 1.8rem; }
.aboutP2 .box-container .year-swiper ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.aboutP2 .box-container .year-swiper li{ height: 55px; cursor: pointer; position: relative; text-align: center;}
.aboutP2 .box-container .year-swiper li .ico{ position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 20px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.aboutP2 .box-container .year-swiper li .ico:after{ content: ''; z-index: 1; position: absolute; left: 50%; margin-left: -5px; margin-top: -5px; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.aboutP2 .box-container .year-swiper li .year{ font-size: 24px; line-height: 24px; color: #333; font-family: 'mont'; }
.aboutP2 .box-container .year-swiper li.on .year{ color: #ee7700; }
.aboutP2 .box-container .year-swiper li.on .ico:after{ background: #ee7700; }
.aboutP2 .box-container .prev { position: absolute; border-radius: 50%; left: 50%; margin-left: -7.68rem; top: 20px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #d5d5d5; z-index: 5;}
.aboutP2 .box-container .next { position: absolute; border-radius: 50%; right: 50%; margin-right: -7.68rem; top: 20px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #d5d5d5; z-index: 5;}
.aboutP2 .box-container .prev:after{ content: ''; position: absolute; width: 12px; height: 12px; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left.png) no-repeat; }
.aboutP2 .box-container .next:after{ content: ''; position: absolute; width: 12px; height: 12px; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right.png) no-repeat; }
.aboutP2 .box-container .swiper-btn:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}

.aboutP2 .detail-box{ padding-top: 0.7rem; overflow:hidden; }
.aboutP2 .detail-box .leftImg{ width: 7.68rem; border-radius: 12px; overflow: hidden; animation: am_left 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_left 0.6s ease-in-out 0.2s backwards;}
.aboutP2 .detail-box .leftImg img{ width: 100%; }
.aboutP2 .detail-box .conDiv{ width: 6.5rem; animation: am_right 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_right 0.6s ease-in-out 0.2s backwards; }
.aboutP2 .detail-box .year{ padding-top: 0.5rem; font-size: 0.48rem; line-height: 0.48rem; font-family:'bold';}
.aboutP2 .detail-box .year em{ display: inline-block; background-image:-webkit-linear-gradient(left,#e95625,#ff9600);
 background-image:linear-gradient(to right,#e95625,#ff9600); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.aboutP2 .detail-box .name{ position: relative; color: #333; font-size: 0.36rem; line-height: 0.48rem; padding: 0.25rem 0; }
.aboutP2 .detail-box .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #ccc; }
.aboutP2 .detail-box .msg{ padding-top: 0.4rem; }
.aboutP2 .detail-box .msg li{ position: relative; padding-left: 0.35rem; font-size: 0.16rem; line-height: 0.36rem; }
.aboutP2 .detail-box .msg li:before{ content: ''; position: absolute; width: 5px; height: 5px; background: #ee7700; left: 0; top: 0.14rem; }


.aboutP3{ padding: 1.2rem 0; overflow: hidden;}
.aboutP3 .leftDiv{ width: 5.76rem; }
.aboutP3 .name{ padding: 0.6rem 0 0.2rem; font-size: 0.36rem; line-height: 0.36rem; color: #333; }
.aboutP3 .content{ font-size: 0.16rem; line-height: 0.3rem; color: #333; }
.aboutP3 .txt{ padding-top: 0.7rem; font-size: 0.3rem; line-height: 0.3rem; color: #333; }
.aboutP3 .list{ padding-top: 0.6rem; }
.aboutP3 .list li{ height: 1.2rem; position: relative; cursor: pointer; }
.aboutP3 .list li:before{ content: ''; z-index: 1; position: absolute; left: 0; top: 0.3rem; width: 0.24rem; height: 0; background: url(../images/nimg12Bgon.png) center top no-repeat; background-size: 0.12rem;}
.aboutP3 .list li:after{ content: ''; position: absolute; left: 0; top: 0.3rem; width: 0.24rem; height: 0.76rem; background: url(../images/nimg12Bg.png) center top no-repeat; background-size: 0.12rem; }
.aboutP3 .list li:last-child:before, .aboutP3 .list li:last-child:after{ display: none; }
.aboutP3 .list li .wen{ position: relative; padding-left: 0.48rem; color: #333; font-size: 0.24rem; height: 0.35rem; line-height: 0.24rem; }
.aboutP3 .list li .ico{ position: absolute; left: 0; top: 0; width: 0.24rem; height: 0.24rem; border-radius: 50%; background: #dbdbdb; }
.aboutP3 .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.08rem; margin-top: -0.08rem; width: 0.16rem; height: 0.16rem; border-radius: 50%; background: #fff; }
.aboutP3 .list li .zi{ display: none; padding-left: 0.48rem; font-size: 0.16rem; line-height: 0.3rem; color: #999; }
.aboutP3 .list .on:before{ height: 0.38rem; }
.aboutP3 .list .on .ico{ background: #e95625;}
.aboutP3 .list .on .zi{ display: block; }
.aboutP3 .rightDiv{ width: 8.4rem; }
.aboutP3 .rightDiv ul{ margin-right: -0.3rem; }
.aboutP3 .rightDiv li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.aboutP3 .rightDiv li:first-child{ width: 100%; }
.aboutP3 .rightDiv li .box{ margin-right: 0.3rem; overflow: hidden; border-radius: 12px; }
.aboutP3 .rightDiv li .box img{ width: 100%; }

.aboutP4{ position: relative; padding-top: 1.2rem; height: 9.8rem; box-sizing: border-box; background: url(../images/aboutP4.jpg) center no-repeat; background-size: cover; }
.aboutP4:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.46rem; background: url(../images/honorBg.png) center no-repeat; background-size: 100%; }
.aboutP4 .btn{ padding-top: 0.5rem; text-align: center; height: 0.7rem; position: relative; z-index: 1;}
.aboutP4 .btn ul{ font-size: 0; }
.aboutP4 .btn li{ display: inline-block; cursor: pointer; margin: 0 0.6rem; height: 0.36rem; position: relative; font-size: 0.24rem; line-height: 0.24rem; color: #333; }
.aboutP4 .btn li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #e95625; }
.aboutP4 .btn li.on{ color: #e95625;}
.aboutP4 .btn li.on:after{ width: 100%; left: 0; }
.aboutP4 .list{ position: relative; }
.aboutP4 .imgList {/* width: 20.0rem;*/ padding-bottom: 30px; overflow: hidden; position: relative; }
.aboutP4 .imgList .box{ cursor: pointer; margin-right: 0.65rem; height: 4.4rem; position: relative;}
.aboutP4 .imgList .imgDiv{ position: absolute; left: 0; bottom: 0; box-shadow: 0px 12px 17.1px 0.9px rgba(147, 147, 149, 0.25);}
.aboutP4 .imgList .imgDiv img{ max-width: 3.35rem; max-height: 4.4rem; }
.aboutP4 .imgList .hideDiv{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.aboutP4 .imgList .hideDiv:after{ content: ''; opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; }
.aboutP4 .imgList .ico{ position: relative; z-index: 1; margin: 0 auto; width: 1.0rem; height: 1.0rem; border-radius: 50%; background: #fff url(../images/nimg37_1.png) center no-repeat; background-size: 0.37rem; }
.aboutP4 .imgList .box:hover .hideDiv{ opacity: 1; }
.aboutP4 .arrowDiv .se { z-index: 2; position: absolute; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; background: #fff; border-radius: 50%; box-sizing: border-box; box-shadow: 0px 3px 12px 0px rgba(64, 64, 64, 0.1);}
.aboutP4 .arrowDiv .prev { left: -0.9rem; }
.aboutP4 .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_left2.png) no-repeat; }
.aboutP4 .arrowDiv .next { right: -0.9rem; }
.aboutP4 .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_right2.png) no-repeat; }
.aboutP4 .arrowDiv .se:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.aboutP4 .arrowDiv .prev:hover:after { background: url(../images/nimg12_left.png) no-repeat; }
.aboutP4 .arrowDiv .next:hover:after { background: url(../images/nimg12_right.png) no-repeat; }

.aboutP5{ padding: 1.2rem 0; }
.aboutP5 .btn{ padding-top: 0.5rem; text-align: center; height: 0.7rem; position: relative; z-index: 1;}
.aboutP5 .btn ul{ font-size: 0; }
.aboutP5 .btn li{ display: inline-block; cursor: pointer; margin: 0 0.6rem; height: 0.36rem; position: relative; font-size: 0.24rem; line-height: 0.24rem; color: #333; }
.aboutP5 .btn li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #e95625; }
.aboutP5 .btn li.on{ color: #e95625;}
.aboutP5 .btn li.on:after{ width: 100%; left: 0; }

.aboutP5 .list{ position: relative; }
.aboutP5 .imgList{ overflow: hidden; }
.aboutP5 .imgList .box{ cursor: pointer; height: 4.65rem; position: relative; border-radius: 12px; border: #dfdfdf solid 1px; overflow: hidden; }
.aboutP5 .imgList .imgDiv{ height: 4.65rem; }
.aboutP5 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP5 .imgList .hideDiv{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.aboutP5 .imgList .hideDiv:after{ content: ''; opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; }
.aboutP5 .imgList .ico{ position: relative; z-index: 1; margin: 0 auto; width: 1.0rem; height: 1.0rem; border-radius: 50%; background: #fff url(../images/nimg37_1.png) center no-repeat; background-size: 0.37rem; }
.aboutP5 .imgList .name{ position: relative; z-index: 1; margin-top: 0.5rem; padding: 0 0.5rem; font-size: 0.24rem; color: #fff; line-height: 0.36rem; height: 0.72rem; overflow: hidden; text-align: center; }
.aboutP5 .imgList .box:hover .hideDiv{ opacity: 1; }
.aboutP5 .arrowDiv .se { z-index: 2; position: absolute; top: 50%; margin-top: -24px; display: block; width: 48px; height: 48px; background: #fff; border-radius: 50%; box-sizing: border-box; box-shadow: 0px 3px 12px 0px rgba(64, 64, 64, 0.1);}
.aboutP5 .arrowDiv .prev { left: -0.9rem; }
.aboutP5 .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_left2.png) no-repeat; }
.aboutP5 .arrowDiv .next { right: -0.9rem; }
.aboutP5 .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_right2.png) no-repeat; }
.aboutP5 .arrowDiv .se:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.aboutP5 .arrowDiv .prev:hover:after { background: url(../images/nimg12_left.png) no-repeat; }
.aboutP5 .arrowDiv .next:hover:after { background: url(../images/nimg12_right.png) no-repeat; }


.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  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 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 8.2rem; margin: 0 auto; padding: 0 100px; box-sizing:border-box; }
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close2.png) 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;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { height: 7.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 7.4rem;}


.aboutP6{ background: #f4f7f8; padding: 1.2rem 0; }
.aboutP6 .mxfDiv{ position: relative; margin-top: 0.6rem; }
.aboutP6 .mxfDiv:before, .aboutP6 .mxfDiv:after{ content: ""; position: absolute; top: 0; height: 100%; background-size: cover; background-repeat: no-repeat; z-index: 2;}
.aboutP6 .mxfDiv:before { background-image: url(../images/yyle0.png); left: 0; width: 4.66rem; background-position: center left;}
.aboutP6 .mxfDiv:after { background-image: url(../images/yyle1.png); right: 0; width: 4.66rem; background-position: center right;}
.leftScroll{/* padding: 15px 0;*/ overflow:hidden; }
.leftScroll .list li{ float: left; padding: 15px;}
.leftScroll .list li .limg{ cursor: pointer; height: 100px; width: 260px; overflow: hidden; background: #fff; border-radius: 8px; box-shadow: 4px 6px 15px 0px rgba(135, 135, 135, 0.15);}
.leftScroll .list li .limg img{ max-width: 150px; max-height: 60px; }
.rightScroll{/* padding: 15px 0;*/ overflow:hidden; }
.rightScroll .list li{ float: left; padding: 15px;}
.rightScroll .list li .limg{ cursor: pointer; height: 100px; width: 260px; overflow: hidden; background: #fff; border-radius: 8px; box-shadow: 4px 6px 15px 0px rgba(135, 135, 135, 0.15);}
.rightScroll .list li .limg img{ max-width: 150px; max-height: 60px; }
.tempWrap{ width:100%!important;}

.proBanner{ position: relative; overflow: hidden; }
.proBanner .bg{ height: 7rem; background: center no-repeat; background-size: cover; }
.proBanner .name{ position: relative; font-size: 0.36rem; line-height: 0.36rem; color: #fff; font-weight: bold; padding-bottom: 0.25rem;}
.proBanner .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #fff; }
.proBanner .msg{ font-size: 0.16rem; line-height: 0.36rem; width: 5.2rem; color: #fff; text-transform:uppercase; margin-top: 0.2rem; }
.proBanner .btnDiv{ margin-top: 0.5rem; }
.proBanner .btnDiv a{ display: block; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; font-weight: bold; font-size: 0.16rem; border-radius: 0.36rem; background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal; }

.proBanner .pjDiv{ position: absolute; top: 50%; margin-top: -2.59rem; right: 50%; margin-right: -7.68rem; z-index: 1; }
.proBanner .detail-box{ width: 5.18rem; background: url(../images/nimg488Bg.png) center bottom no-repeat; background-size: 4.88rem;}
.proBanner .detail-box .imgDiv{ height: 5.18rem; }
.proBanner .detail-box .imgDiv img{ max-width: 4.88rem; max-height: 4.88rem; }
.proBanner .box-container{ width: 1.12rem; height: 5.18rem; position: relative;}

.proBanner .detail-box .list .item { display: none; position: relative;}
.proBanner .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.proBanner .img-swiper{ width: 1.12rem; height: 3.56rem; margin: 0.86rem auto 0; }
.proBanner .img-swiper .limg{ border: #fff solid 2px; background: #fff; height: 1.12rem; cursor: pointer; }
.proBanner .img-swiper .swiper-slide img{ max-width: 1.12rem; max-height: 1.0rem;}
.proBanner .swiper-slide.swiper-slide-active .limg{ border: #e95625 solid 2px; }
.proBanner .swiper-btn{ position: absolute; z-index: 1; display: block; width: 0.56rem; height: 0.56rem; left: 50%; margin-left: -0.28rem; background: #fff; border-radius: 50%;}
.proBanner .swiper-btn:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.proBanner .prev{ top: 0; }
.proBanner .prev:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -5px; width: 18px; height: 10px; background: url("../images/nimg18_top.png") center no-repeat; }
.proBanner .next{ bottom: 0;}
.proBanner .next:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -5px; width: 18px; height: 10px; background: url("../images/nimg18_bot.png") center no-repeat; }
.proBanner .prev:hover:before{ background: url("../images/nimg18_topon.png") center no-repeat;}
.proBanner .next:hover:before{ background: url("../images/nimg18_boton.png") center no-repeat;}

.productP0{ padding:1.2rem 0; background:#f6f6f6;}
.productP0 .videobox{ margin:0.7rem auto 0; width: 12.8rem; position: relative; overflow: hidden; z-index: 1; }
.productP0 .videobox .imgDiv{ height: 7.2rem; }
.productP0 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.productP0 .videobox video{ max-width:100%; max-height: 7.2rem; position:absolute;top:50%;left:0; right: 0; margin: 0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.productP0 .videobox.cur{ background:#000;}
.productP0 .videobox.cur .imgDiv,.productP0 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.productP0 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.productP0 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 70px; height: 70px; margin-left:-35px; margin-top:-35px; border-radius: 50%; background: rgba(0,0,0,0.5); z-index:1;}
.productP0 .videobox .playbox:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -8px; width: 9px; height: 15px; background: url(../images/play.png) no-repeat;}


.productP1{ padding: 1.2rem 0; overflow: hidden; }
.productP1 .leftDiv{ width: 5.6rem; }
.productP1 .leftDiv .imgDiv{ text-align: center; padding-top: 0.6rem; }
.productP1 .leftDiv .imgDiv img{ max-width: 5.6rem; }
.productP1 .rightDiv{ width: 8.75rem; }
.productP1 .list li{/* height: 0.55rem;*/ padding: 0.14rem 0.3rem 0.14rem 3.45rem; line-height: 0.28rem; position: relative; background: #f6f6f6; font-size: 14px; color: #333; text-align: center; }
.productP1 .list li:nth-child(even){ background: #fff; }
.productP1 .list li em{ display: block; position: absolute; left: 0; top: 0; width: 3.15rem; line-height:0.28rem; padding-top:0.14rem; height: 100%; box-sizing:border-box;}
.productP1 .list li em:after{ content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #fff; }

.productP2{ overflow: hidden; }
.productP2 .pageTitle{ margin-bottom: 0.6rem; }
.productP2 .mxfDiv{ position: relative; height: 8.35rem; }
/*.productP2 .mxfDiv .bg{ width: 8rem; height: 8.35rem; position:absolute; top: 0; left: 50%; margin-left: -4.0rem; background-repeat:no-repeat; background-position:center bottom;}
.productP2 .mxfDiv.cur .bg{width:100%; margin-left: 0; left: 0; height: 8.35rem;}*/
.productP2 .mxfDiv .indmh-bg{ width: 100%; height: 8.35rem; position:absolute; top: 0; left: 0; background-repeat:no-repeat; background-position:center bottom;}
/*.productP2 .mxfDiv .leftBg{ position: absolute; left: 0; width: 440px; height: 100%; background: #fff; z-index: 1; }
.productP2 .mxfDiv .rightBg{ position: absolute; right: 0; width: 440px; height: 100%; background: #fff; z-index: 1; }*/
.productP2 .mxfDiv .leftBg{ position: absolute; left: 0; width: 32%; height: 100%; background: #fff; z-index: 1; }
.productP2 .mxfDiv .rightBg{ position: absolute; right: 0; width: 32%; height: 100%; background: #fff; z-index: 1; }
.productP2 .proImg{ position: absolute; left: 50%; margin-left: -2.5rem; bottom: 0.5rem; width: 5.0rem; height: 5.0rem; }
.productP2 .proImg img{ max-width: 5.0rem; max-height: 5.0rem; }

.productP2 .listDiv{ height: 6.86rem; width: 15.36rem;/* background: rgba(0,0,0,0.3);*/ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0; }
.productP2 .list_l li{ cursor: pointer; position: absolute; opacity: 0; padding: 0.25rem 0 0 1.5rem; width: 4.3rem; height: 1.2rem; color: #fff; box-sizing: border-box; border-radius: 12px;}
.productP2 .list_l li:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; width: 2.6rem; height: 1px; background: url(../images/line1.png) repeat-x; }
.productP2 .list_l li:before{ content: ''; opacity: 0; position: absolute; right: 0; bottom: 0; width: 0.9rem; height: 0.9rem; background: url(../images/nimg90Bg.png) no-repeat; background-size: 0.9rem; }
.productP2 .list_l li .ico{ position: absolute; left: 0.5rem; top: 50%; margin-top: -0.31rem; width: 0.62rem; height: 0.62rem; }
.productP2 .list_l li .ico img{ width: 0.62rem; }
.productP2 .list_l li .name{ font-size: 0.3rem; line-height: 0.42rem; }
.productP2 .list_l li .msg{ font-size: 0.16rem; line-height: 0.3rem; }
.productP2 .list_l .li01{ left: 0.4rem; top: 0; }
.productP2 .list_l .li02{ left: 0; top: 1.45rem; }
.productP2 .list_l .li03{ left: 0; top: 2.95rem; }
.productP2 .list_l .li04{ left: 0.6rem; top: 4.45rem; }
.productP2 .list_l li.cur{ opacity: 1; animation: am_right 0.8s ease-in-out 0.8s backwards; -webkit-animation: am_right 0.8s ease-in-out 0.8s backwards;}
.productP2 .list_l li:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.productP2 .list_l li:hover:after{ display: none; }
.productP2 .list_l li:hover:before{ opacity: 1; }

.productP2 .list_r li{ cursor: pointer; position: absolute; opacity: 0; padding: 0.25rem 0 0 1.5rem; width: 4.3rem; height: 1.2rem; color: #fff; box-sizing: border-box; border-radius: 12px;}
.productP2 .list_r li:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; width: 2.6rem; height: 1px; background: url(../images/line1.png) repeat-x; }
.productP2 .list_r li:before{ content: ''; opacity: 0; position: absolute; right: 0; bottom: 0; width: 0.9rem; height: 0.9rem; background: url(../images/nimg90Bg.png) no-repeat; background-size: 0.9rem; }
.productP2 .list_r li .ico{ position: absolute; left: 0.5rem; top: 50%; margin-top: -0.31rem; width: 0.62rem; height: 0.62rem; }
.productP2 .list_r li .ico img{ width: 0.62rem; }
.productP2 .list_r li .name{ font-size: 0.3rem; line-height: 0.42rem; }
.productP2 .list_r li .msg{ font-size: 0.16rem; line-height: 0.3rem; }
.productP2 .list_r .li01{ right: 0.4rem; top: 0; }
.productP2 .list_r .li02{ right: 0; top: 1.45rem; }
.productP2 .list_r .li03{ right: 0; top: 2.95rem; }
.productP2 .list_r .li04{ right: 0.6rem; top: 4.45rem; }
.productP2 .list_r li.cur{ opacity: 1; animation: am_left 0.8s ease-in-out 0.8s backwards; -webkit-animation: am_left 0.8s ease-in-out 0.8s backwards;}
.productP2 .list_r li:hover{ background-image: linear-gradient(90deg, #e95725 0%, #ff9600 100%); background-blend-mode: normal, normal;}
.productP2 .list_r li:hover:after{ display: none; }
.productP2 .list_r li:hover:before{ opacity: 1; }

.productP3{ padding: 1.2rem 0; overflow: hidden;}
.productP3 .scene{ position: relative; margin-top: 0.6rem;}
.productP3 .list { /*width: 20.0rem;*/ overflow: hidden; }
/*.productP3 .list .box{ margin-right: 0.6rem; }*/
.productP3 .list .imgDiv{ border-radius: 12px; overflow: hidden; }
.productP3 .list .imgDiv img{ width: 100%; }
.productP3 .list .name{ font-size: 20px; line-height: 24px; color: #333; padding-top: 0.3rem; text-align:center; font-weight:bold; }
.productP3 .se{ display: block; position: absolute; top: 50%; margin-top:-20px; width: 40px; height: 40px; border-radius:50%; z-index: 2; }
/*.productP3 .prev{ left: 50%; margin-left: -8.54rem; background: url(../images/nimg40_left.png) no-repeat;}
.productP3 .next{ right: 50%; margin-right: -8.54rem; background: url(../images/nimg40_right.png) no-repeat;}
.productP3 .prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat;}
.productP3 .next:hover{ background: url(../images/nimg40_righton.png) no-repeat;}*/
.productP3 .swiper-button-prev{ left: 50%; margin-left: -8.54rem; background: url(../images/nimg40_left.png) no-repeat;}
.productP3 .swiper-button-next{ right: 50%; margin-right: -8.54rem; background: url(../images/nimg40_right.png) no-repeat;}
.productP3 .swiper-button-prev:hover{ background: url(../images/nimg40_lefton.png) no-repeat;}
.productP3 .swiper-button-next:hover{ background: url(../images/nimg40_righton.png) no-repeat;}