/*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: 20%; }
.ind-banner .onebox .en{ color: #000; font-size: 0.72rem; line-height: 0.72rem; font-family:'SemiBold'; }
.ind-banner .onebox .cn{ color: #000; font-size: 0.6rem; line-height: 0.7rem; font-family:'Regular'; }
.ind-banner .onebox .label2{ margin-top: 0.6rem; }
.ind-banner .onebox .label2 li{ margin-bottom: 0.35rem; width: 2.34rem; color: #fff; height: 0.62rem; line-height: 0.62rem; font-size: 0.3rem; text-align: center; background: #f08300; border-radius: 0.48rem; }
.ind-banner .onebox .label2 li:last-child{ margin-bottom: 0; }
.ind-banner .twobox{ position: absolute; text-align: center; left: 0; top: 14%; width: 100%; z-index: 2;}
.ind-banner .twobox .cn{ font-size: 0.72rem; color: #333; line-height: 0.72rem; font-family:'SemiBold'; }



.ind-banner .onebox, .ind-banner .twobox{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{
  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; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; opacity: 1; background: #fff; box-sizing:border-box; border-radius: 50%; overflow: hidden; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { width: 0.7rem; border-radius: 24px; background: #f08300; }

.indexP1{ padding: 1.2rem 0; }
.indexP1 .title{ font-size: 0.44rem; line-height: 0.44rem; color: #333; padding-bottom: 0.16rem; }
.indexP1 .msg{ font-size: 0.16rem; line-height: 0.24rem; color: #333; padding-bottom: 0.56rem; }

.indexPro{ position: relative; }
.indexPro .list{ overflow: hidden; }
.indexPro .list .imgDiv{ height: 3.1rem; overflow: hidden; }
.indexPro .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexPro .list .botDiv{ height: 1.9rem; border: #dedede solid 1px; border-top: none; padding: 0.2rem 0.5rem 0; }
.indexPro .list .name{ border-bottom: #ddd solid 3px; font-size: 0.24rem; color: #333; height: 0.52rem; line-height: 0.52rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indexPro .list .wen{ margin-top: 0.24rem; font-size: 0.18rem; color: #666; line-height: 0.3rem; }
.indexPro .swiper-pagination{ position: relative; margin-top: 0.4rem; width: 100%; bottom: 0; } 
.indexPro .swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; opacity: 1; background: #aaa; box-sizing:border-box; border-radius: 50%; overflow: hidden; margin: 0 8px!important; } 
.indexPro .swiper-pagination-bullet-active { width: 0.7rem; border-radius: 24px; background: #f08300; }
.indexPro .list .box:hover .botDiv{ border: #f08300 solid 1px; background: #f08300; border-top: none;}
.indexPro .list .box:hover .name, .indexPro .list .box:hover .wen{ color: #fff; }
.indexPro .list .box:hover .name{ border-bottom: #fff solid 3px; }

.indexP2 video{ width: 100%; }

.indexP3{ padding: 1.2rem 0; }
.indexP3 .leftImg{ width: 50%; }
.indexP3 .leftImg img{ width: 100%; }
.indexP3 .conDiv{ width: 6.5rem; }
.indexP3 .name{ font-size: 0.44rem; line-height: 0.44rem; color: #000; padding-bottom: 0.3rem; }
.indexP3 .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #999; position: relative; padding-bottom: 0.32rem; }
.indexP3 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #f39800; }
.indexP3 .content{ margin: 0.45rem 0 0.7rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }
.indexP3 .btnDiv a{ display: block; font-family: 'Regular'; text-align: center; font-size: 0.18rem; color: #fff; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; background: #f08300; text-transform: uppercase; }
.indexP3 .btnDiv a:hover{ background:#fff; color:#f08300; box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1);}

.indexP4{ background: #fafafa; padding: 1.2rem 0 1.6rem; overflow: hidden; position: relative; }
.indexP4 .toptop{ position: relative; height: 1.0rem; }
.indexP4 .title{ font-size: 0.44rem; line-height: 0.44rem; color: #000; }
.indexP4 .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.indexP4 .btnDiv a{ display: block; font-family: 'Regular'; text-align: center; font-size: 0.18rem; color: #fff; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; background: #f08300; text-transform: uppercase; }
.indexP4 .btnDiv a:hover{ background:#fff; color:#f08300; box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1);}
.indexP4 .leftDiv{ width: 9.36rem; position: relative; z-index: 2; }
.indexP4 .leftDiv ul{ margin-right: -10px; }
.indexP4 .leftDiv li{ float: left; width: 50%; }
.indexP4 .leftDiv li .box{ margin-right: 10px; }
.indexP4 .leftDiv li .imgDiv{ height: 3.2rem; overflow: hidden; }
.indexP4 .leftDiv li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .leftDiv li .botDiv{ height: 3.0rem; background: #fff; padding: 0.6rem 0.5rem 0; }
.indexP4 .leftDiv li .time{ font-size: 0.18rem; line-height: 0.18rem; color: rgba(27,75,158,0.3); height: 0.42rem; font-family: 'Regular';}
.indexP4 .leftDiv li .name{ font-size: 0.24rem; color: #333; height: 0.72rem; line-height: 0.36rem; overflow: hidden; }
.indexP4 .leftDiv li .ico{ margin-top: 0.45rem; width: 0.47rem; height: 0.33rem; border: #f18f19 solid 2px; border-radius: 0.48rem; background: url(../images/ico1.png) center no-repeat; }
.indexP4 .leftDiv li .box:hover .botDiv{ background: #f08300; }
.indexP4 .leftDiv li .box:hover .time{ color: rgba(255,255,255,0.3); }
.indexP4 .leftDiv li .box:hover .name{ color: #fff; }
.indexP4 .leftDiv li .box:hover .ico{ border: #fff solid 2px; background: #fff url(../images/ico1.png) center no-repeat;}

.indexP4 .rightDiv{ padding: 0 0.55rem; width: 5.9rem; height: 6.2rem; background: #fff; position: relative; z-index: 2; }
.indexP4 .detail a{ display: block; padding-top: 0.65rem; height: 3.2rem; position: relative; }
.indexP4 .detail a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e9e9e9; }
.indexP4 .detail .time{font-size: 0.18rem; line-height: 0.18rem; color: rgba(27,75,158,0.3); height: 0.42rem; font-family: 'Regular'; }
.indexP4 .detail .name{ font-size: 0.24rem; color: #333; height: 0.72rem; line-height: 0.36rem; overflow: hidden; }
.indexP4 .detail .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; max-height: 0.9rem; overflow: hidden; color: #999; }
.indexP4 .detail a:hover .name{ color: #f08300; }
.indexP4 .list{ margin-top: 0.26rem; }
.indexP4 .list li a{ display: block; height: 0.48rem; line-height: 0.48rem; color: #2e2624; font-size: 0.16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.indexP4 .list li a:hover{ color: #f08300; }
.indexP4 canvas { position: absolute; left: 0; bottom: -500px; z-index: 1; width: 100%; }

.aboutP1{ padding: 1.2rem 0; }
.aboutP1 .rightImg{ width: 50%; }
.aboutP1 .rightImg img{ width: 100%; }
.aboutP1 .conDiv{ width: 6.45rem; }
.aboutP1 .name{ font-size: 0.44rem; line-height: 0.44rem; color: #000; padding-bottom: 0.3rem; }
.aboutP1 .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #999; position: relative; padding-bottom: 0.32rem; }
.aboutP1 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #f39800; }
.aboutP1 .content{ margin-top: 0.42rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }

.aboutP2{ padding-top: 1.4rem; height: 5.5rem; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover;}
.aboutP2 .title{ text-align: center; color: #fff; font-size: 0.44rem; line-height: 0.44rem; padding-bottom: 1.1rem; }
.aboutP2 .list li{ float: left; width: 25%; text-align: center; color: #fff; font-size: 0.18rem; }
.aboutP2 .list li .numUp{ font-family: 'SemiBold'; font-size: 0.72rem; line-height: 0.7rem; height: 0.8rem; }

.aboutP3{ padding: 1.1rem 0 0.4rem; }
.aboutP3 .title{ text-align: center; color: #333; font-size: 0.44rem; line-height: 0.44rem; position: relative; padding-bottom: 0.45rem; }
.aboutP3 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 3px; background: #f08300; }
.aboutP3 .list{ padding-top: 0.6rem; }
.aboutP3 .list ul{ margin-right: -0.5rem; }
.aboutP3 .list li{ float: left; width: 25%; padding-bottom: 0.8rem; }
.aboutP3 .list li .box{ cursor: pointer; margin-right: 0.5rem; padding-top: 0.35rem; height: 4.32rem; background: #f5f5f5;}
.aboutP3 .list li .imgDiv{ width: 2.5rem; height: 2.8rem; margin: 0 auto; }
.aboutP3 .list li .imgDiv img{ max-width: 2.4rem; max-height: 2.8rem; }
.aboutP3 .list li .name{ margin-top: 0.25rem; padding: 0 0.3rem; font-size: 0.16rem; color: #333; text-align: center; line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; }
.aboutP3 .list li .box:hover{ background: #fff; box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1); }

.aboutP4{ position: relative; padding-top: 1.1rem; height: 7.5rem; background: url(../images/aboutP4.jpg) center bottom no-repeat; background-size: cover;}
.aboutP4:after{ content: ""; width: 2.3rem; height: 100%; position: absolute; top: 0; z-index: 1; right: 0; background: linear-gradient(-90deg, #fff, transparent);}
.aboutP4 .title{ text-align: center; color: #333; font-size: 0.44rem; line-height: 0.44rem; position: relative; padding-bottom: 0.45rem; }
.aboutP4 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0; width: 40px; height: 3px; background: #f08300; }

.historyPic{ position: relative; margin-top: 0.65rem;}
.historyPic .list{ overflow: hidden; width: 18.8rem;}
.historyPic .swiper-slide .box{ height: 2.6rem; padding: 0.25rem 0.5rem 0 0; position: relative; cursor: pointer; }
.historyPic .swiper-slide .box:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dcdcdc; }
.historyPic .swiper-slide .year{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-family: 'Regular'; }
.historyPic .swiper-slide .msg{ margin-top: 0.2rem; color: #0b1d34; font-size: 0.16rem; line-height: 0.32rem; }

.aboutP4 .bottom{ margin-top: 0.5rem; position: relative; z-index: 2; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end;}
.aboutP4 .swiper-pagination { position: relative; width: calc(100% - 2.34rem); height: 2px; background-color: #dcdcdc;}
.aboutP4 .swiper-pagination-progress .swiper-pagination-progressbar{ height: 4px; background-color: #f08300; position: absolute; left: 0; top: -1px; z-index: 10; width: 100%; transform-origin: left center;}
.aboutP4 .arrowDiv{ font-size: 0; }
.aboutP4 .arrowDiv a{ position: static; display: inline-block; width: 0.58rem; height: 0.58rem; border-radius: 50%; border: #fff solid 2px; box-sizing: border-box;}
.aboutP4 .arrowDiv .prev{ background: #004098 url(../images/nimg7_left.png) center no-repeat;}
.aboutP4 .arrowDiv .next{ margin-left: 0.24rem; background: #004098 url(../images/nimg7_right.png) center no-repeat; }
.aboutP4 .arrowDiv .prev:hover{ background: #f08300 url(../images/nimg7_left.png) center no-repeat;}
.aboutP4 .arrowDiv .next:hover{ background: #f08300 url(../images/nimg7_right.png) center no-repeat;}

.news{ padding: 1.2rem 0; }
.news .detail{ margin-top: 0.6rem; }
.news .detail a{ display: block; padding: 0 1.0rem 0 8.7rem; height: 5.3rem; background: #fafafa; position: relative; overflow: hidden;}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 5.3rem; overflow: hidden;}
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .time{ padding: 0.9rem 0 0.3rem; font-size: 0.3rem; line-height: 0.3rem; font-family: 'SemiBold'; color: rgba(0,0,0,0.25); }
.news .detail .name{ font-size: 0.28rem; line-height: 0.46rem; overflow: hidden; height: 0.92rem; color: #333; font-weight: bold; }
.news .detail .content{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #666; }
.news .detail .more{ margin-top: 0.5rem; width: 0.58rem; height: 0.58rem; background: #f08300 url(../images/ico3.png) center no-repeat; background-size: 0.18rem; border-radius: 50%; }
.news .detail:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .detail:hover .name{ color: #f08300; }

.news .list{ margin: 1.0rem 0 0.2rem; }
.news .list ul{ margin-right: -0.5rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.8rem; }
.news .list li .box{ margin-right: 0.5rem;  box-shadow: 0 0 0.3rem 0 rgba(0,0,0,0.1);}
.news .list li .imgDiv{ height: 3.32rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ height: 2.7rem; padding: 0.4rem 0.45rem 0; background: #fff;}
.news .list li .name{ font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; color: #333; font-weight: bold; overflow: hidden; }
.news .list li .content{ margin-top: 0.15rem; font-size: 0.15rem; line-height: 0.26rem; height: 0.52rem; color: rgba(0,0,0,0.75); overflow: hidden; }
.news .list li .time{ margin-top: 0.3rem; font-size: 0.2rem; line-height: 0.2rem; color: rgba(51,51,51,0.3); font-family: 'SemiBold';}
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv{ background: #f08300; }
.news .list li .box:hover .name, .news .list li .box:hover .content{ color: #fff; }
.news .list li .box:hover .time{ color: rgba(255,255,255,0.4); }

.newsTop{ background: #efefef; height: 2.1rem; }
.newsTop .name{ padding-bottom: 0.3rem; font-size: 0.36rem; line-height: 0.48rem; color: #222; font-weight: bold; }
.newsTop .msg li{ float: left; margin-right: 0.45rem; position: relative; padding-left: 30px; color: #999; font-size: 0.17rem; font-family: 'Light'; }
.newsTop .msg li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }

.newsBot{ padding: 0.7rem 0 1.2rem; }
.newsBot .content{ font-size: 0.17rem; color: #333; line-height: 0.42rem; }

.newsBot .imgDiv{ padding: 0.2rem 0; text-align: center;}
.newsBot .imgDiv img{ max-width: 10.4rem; }
.newsBot table{ margin-top: 0.3rem; border-top: #bababa solid 1px; border-left: #bababa solid 1px; }
.newsBot table td{ padding: 0.2rem 0; border-bottom: #bababa solid 1px; border-right: #bababa solid 1px; text-align: center; word-break: break-all;}

.sideNews .title{ font-size: 0.3rem; line-height: 0.3rem; color: #000; font-weight: bold; position: relative; padding-bottom: 0.26rem;}
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: #f08300; border-radius: 4px;}
.sideNews .list li a{ display: block; padding: 0.45rem 0; border-bottom: #eee solid 1px;}
.sideNews .list li .name{ font-size: 0.2rem; line-height: 0.36rem; color: #222; }
.sideNews .list li .time{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.2rem; color: #f08300; font-family: 'Light';  }
.sideNews .list li:hover .name{ color: #f08300;}

.pageDown{ padding-top: 0.35rem; }
.pageDown li{ font-size: 0.16rem; }
.pageDown li a{ display: block; height: 0.36rem; line-height: 0.46rem; color: #000; overflow: hidden; }
.pageDown li a:hover{ color: #f08300; }
.newsBot .share{ padding-top: 0.35rem; overflow: hidden;}
.newsBot .share li{ float: left; margin-right: 0.2rem; }
.newsBot .share li a{ display: block; width: 0.56rem; height: 0.56rem; border-radius: 50%; position: relative; background: #fff; }
.newsBot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -9px; }
.newsBot .share li .img1{ opacity: 0; }
.newsBot .share li a:hover{ background: #f08300; }
.newsBot .share li a:hover img{ opacity: 0; }
.newsBot .share li a:hover .img1{ opacity: 1; }

.backBtn{ padding-top: 0.4rem; }
.backBtn a{ display: block; border-radius: 0.48rem; height: 0.52rem; line-height: 0.52rem; color: #fff; font-size: 0.16rem; text-align: center; background: #f08300;}
.backBtn img{ padding-left: 10px; position: relative; top: -1px; }

.productCenter{ padding: 1.2rem 0 0.9rem; }
.productCenter .list{ padding-top: 0.6rem; }
.productCenter .list ul{ margin-right: -0.2rem; }
.productCenter .list li{ float: left; width: 25%; margin-bottom: 0.3rem; }
.productCenter .list li .box{ margin-right: 0.2rem; }
.productCenter .list li .imgDiv{ overflow: hidden; }
.productCenter .list li .imgDiv img{ width: 100%; }
.productCenter .list li .name{ border: #dedede solid 1px; border-top: none; height: 0.88rem; line-height: 0.88rem; padding: 0 0.5rem; overflow: hidden; font-size: 0.24rem; color: #333; }
.productCenter .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.productCenter .list li .box:hover .name{ border: #f08300 solid 1px; border-top: none; color: #fff; background: #f08300;}

.product{ padding: 1.0rem 0 1.2rem; }
.proNav{ width: 3.5rem; }
.proNav li{ font-size: 0.18rem; }
.proNav li a{ display: block; color: #222; border: #eee solid 1px; border-top: none; height: 0.7rem; line-height: 0.7rem; padding-left: 0.45rem; overflow: hidden; background: url(../images/ico4.png) right center no-repeat; }
.proNav li:first-child a{ border-top: #eee solid 1px; }
.proNav li .aNow{ border: #f48800 solid 1px; border-top: none; background: #f48800 url(../images/ico4on.png) right center no-repeat; color: #fff; }
.proNav li:first-child .aNow{ border-top: #f48800 solid 1px;}

.product .rightDiv{ width: 11.05rem; }
.product .list{ padding-bottom: 0.15rem; }
.product .list ul{ margin-right: -0.45rem; }
.product .list li{ float: left; width: 33.33%; padding-bottom: 0.55rem; }
.product .list li .box{ margin-right: 0.45rem; }
.product .list li .imgDiv{ overflow: hidden; }
.product .list li .imgDiv img{ width: 100%; }
.product .list li .name{ margin-top: 0.2rem; text-align: center; font-size: 0.16rem; line-height: 0.34rem; height: 0.34rem; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.product .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.product .list li .box:hover .name{ color: #f08300; }

.solution{ padding: 1.2rem 0; }
.solution .list{ padding: 0.6rem 0 0.4rem; }
.solution .list ul{ margin-right: -0.82rem; }
.solution .list li{ float: left; width: 33.33%; margin-bottom: 0.4rem; }
.solution .list li .box{ margin-right: 0.82rem; }
.solution .list li .imgDiv{ height: 2.83rem; overflow: hidden; }
.solution .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.solution .list li .botDiv{ height: 2.5rem; padding: 0.35rem 0.5rem 0; background: #fafafa; }
.solution .list li .name{ color: #333; font-size: 0.24rem; height: 0.4rem; line-height: 0.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.solution .list li .content{ margin-top: 0.12rem; font-size: 0.18rem; color: #666; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.solution .list li .zi{ margin-top: 0.35rem; font-size: 0.18rem; line-height: 0.18rem; color: #333; width: 0.9rem; background: url(../images/ico5.png) right center no-repeat; }
.solution .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.solution .list li .box:hover .botDiv{ background: #f48800; }
.solution .list li .box:hover .name, .solution .list li .box:hover .content{ color: #fff; }
.solution .list li .box:hover .zi{ color: #fff; background: url(../images/ico1on.png) right center no-repeat; }

.solutionShow{ padding: 1.0rem 0 1.1rem; }
.solutionShow .imgDiv{ width: 50%; }
.solutionShow .imgDiv img{ width: 100%; }
.solutionShow .conDiv{ width: 6.48rem; }
.solutionShow .name{ position: relative; font-size: 0.44rem; line-height: 0.6rem; color: #333; padding-bottom: 0.35rem; }
.solutionShow .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #f08300; }
.solutionShow .content{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.45rem; }
.solutionShow .title{ margin-top: 1.2rem; position: relative; font-size: 0.44rem; line-height: 0.44rem; height: 0.84rem; color: #333; }
.solutionShow .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; }
.solutionShow .title:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #f08300; z-index: 1; }
.solutionShow .list{ margin-top: 0.6rem; }
.solutionShow .list ul{ margin-right: -0.35rem; }
.solutionShow .list li{ float: left; width: 25%; }
.solutionShow .list li .box{ margin-right: 0.35rem; }
.solutionShow .list li .limg{ height: 3.56rem; overflow: hidden; }
.solutionShow .list li .limg img{ width: 100%; height: 100%; object-fit: cover; }
.solutionShow .list li .txt{ margin-top: 0.25rem; height: 0.32rem; line-height: 0.32rem; text-align: center; color: #222; font-size: 0.16rem;}
.solutionShow .list li .box:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.solutionShow .list li .box:hover .txt{ color: #f08300; }

.solutionShow .tuwen .limg{ text-align:center; margin-top:0.45rem;}
.solutionShow .tuwen .limg img{ max-width:100%;}

.download{ padding: 1.2rem 0; }
.download .list{ margin: 0.6rem 0 0.2rem; }
.download .list ul{ margin-right: -0.45rem; }
.download .list li{ float: left; width: 25%; margin-bottom: 0.45rem; }
.download .list li .box{ margin-right: 0.45rem; }
.download .list li .imgDiv{ height: 4.75rem; }
.download .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.download .list li .botDiv{ font-size: 0.16rem; color: #666; border: #f2f0ea solid 2px; border-top: none; height: 0.58rem; position: relative; padding: 0 1.0rem 0 0.3rem; }
.download .list li .name{ height: 0.58rem; line-height: 0.58rem; overflow: hidden;}
.download .list li .zi{ position: absolute; right: 0.25rem; top: 0; line-height: 0.58rem; }
.download .list li .box:hover .botDiv{ border: #f08300 solid 2px; border-top: none; background: #f08300; color: #fff;}

.contactP1{ padding: 1.2rem 0; }
.contactP1 .conDiv{ width: 6.0rem; }
.contactP1 .cn{ font-size: 0.4rem; line-height: 0.4rem; color: #222; font-weight: bold; padding-bottom: 0.2rem; }
.contactP1 .en{ font-size: 0.18rem; line-height: 0.18rem; color: #999; text-transform: uppercase; font-family:'Light'; }
.contactP1 .msgList{ margin-top: 0.5rem; }
.contactP1 .msgList li{ margin-bottom: 0.25rem; position: relative; padding-left: 52px; font-size: 0.16rem; line-height: 32px; font-family:'Light'; }
.contactP1 .msgList li:last-child{ margin-bottom: 0; }
.contactP1 .msgList li img{ position: absolute; left: 0; top: 0; }
.contactP1 .imgDiv{ width: 50%; }
.contactP1 .imgDiv img{ width: 100%; }

.contactP2{ background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; padding-top: 1.2rem; height: 8.74rem; }
.contactP2 .form{ padding-top: 0.6rem; }
.contactP2 .form ul{ margin-right: -0.32rem; }
.contactP2 .form li{ float: left; width: 50%; padding-bottom: 0.32rem;}
.contactP2 .form .li01{ width: 100%; }
.contactP2 .form li .box{ margin-right: 0.32rem; position: relative; padding-left: 1.0rem; height: 0.65rem; background: #fff; }
.contactP2 .form .li01 .box{ height: 1.84rem; }
.contactP2 .form li .txt{ position: absolute; left: 0.25rem; top: 0; font-size: 0.16rem; color: #333; line-height: 0.65rem; }
.contactP2 .form li .txt em{ color: #e01212; }
.contactP2 .form li .input1{ width: 100%; height: 0.65rem; line-height: 0.65rem; font-size: 0.16rem; }
.contactP2 .form li textarea{ width: 100%; font-size: 0.16rem; line-height: 0.3rem; height: 1.84rem; box-sizing: border-box; padding-top: 0.2rem;}

.contactP2 .btnDiv{ margin: 0.15rem auto 0; width: 2.0rem; }
.contactP2 .btnDiv a{ display: block; width: 100%; font-weight: bold; text-align: center; color: #fff; font-size: 0.18rem; height: 0.6rem; line-height: 0.6rem; background: #f08300; }


.video{ padding: 1.2rem 0; }
.videoPic{ overflow: hidden; }
.videoPic .detail-box{ width: 11.52rem; }
.videoPic .detail-box .list .item { display: none; position: relative;}
.videoPic .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.videoPic .detail-box .list .item .imgDiv{ height: 6.48rem; cursor: pointer; }
.videoPic .detail-box .list .item .imgDiv:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; width: 70px; height: 70px; background: url(../images/play.png) no-repeat; }
.videoPic .detail-box .list .item .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.videoPic .detail-box .list .item video{ max-width:11.52rem; max-height:6.48rem; position:absolute; left: 0; right: 0; top:50%; transform: translateY(-50%); z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.videoPic .detail-box .list .item.cur{ background:#000;}
.videoPic .detail-box .list .item.cur video{z-index:2;visibility:visible;opacity:1}
.videoPic .detail-box .list .item.cur .imgDiv{z-index:-1;visibility:hidden;opacity:0;}
.videoPic .detail-box .list .item.cur .imgDiv:after{ display: none; }

.videoPic .img-swiper{ width: 2.72rem; height: 6.75rem; overflow: hidden;}
.videoPic .img-swiper .limg{ cursor: pointer; height: 1.55rem; position: relative; }
.videoPic .img-swiper .limg:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; width: 36px; height: 36px; background: url(../images/play.png) no-repeat; background-size: 36px; }
.videoPic .img-swiper .limg img{ width: 100%; height: 100%; object-fit: cover; }
.videoPic .img-swiper .name{ margin-top: 0.1rem; height: 0.36rem; line-height: 0.36rem; overflow: hidden; font-size: 0.16rem; color: #999; }
.videoPic .img-swiper .swiper-slide-active .name{ color: #f08300; }
.videoPic .btn-Box{ margin-top: 0.2rem; }
.videoPic .swiper-btn{ float: left; display: block; width: 47px; height: 33px; border-radius: 24px; border: #c3c3c3 solid 2px; }
.videoPic .prev{ margin-right: 0.24rem; background: url("../images/nimg5_left.png") center no-repeat; }
.videoPic .next{  background: url("../images/nimg5_right.png") center no-repeat;}
.videoPic .prev:hover{ border: #f48800 solid 2px; background: #f48800 url("../images/nimg5_lefton.png") center no-repeat;}
.videoPic .next:hover{ border: #f48800 solid 2px; background: #f48800 url("../images/nimg5_righton.png") center no-repeat;}

.productP1{ padding-bottom: 1.2rem; }
.productP1 .pageNow{ position: relative; }
.productP1 .mxfDiv{ margin-top: 0.4rem; overflow: hidden;}
.productP1 .leftDiv{ width: 5.76rem; }
.productP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 0.7rem; }
.productP1 .imgDiv{ border: #dcdddd solid 1px; }
.productP1 .imgDiv img{ width: 100%; }
.productP1 .rightDiv{ width: 8.32rem; }
.productP1 table th{ font-family: 'Light'; background: #f08300; color: #fff; font-size: 0.18rem; border-bottom: #fff solid 1px; border-right: #fff solid 1px; height: 0.6rem; }
.productP1 table td{ font-family: 'Light'; height: 0.56rem; color: #333; font-size: 0.14rem; text-align: center; border-bottom: #fff solid 1px; border-right: #fff solid 1px;}
.productP1 table tr:nth-child(even) td{ background: #f6f6f6; }

.productP2{ padding: 1.2rem 0; background: #f6f6f6; }
.productP2 .title{ text-align: center; color: #333; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; margin-bottom: 0.6rem; }
.productP2 table tbody{ position: relative; }
.productP2 table tbody:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #f8d224; }
.productP2 table th{ font-family: 'Light'; background: #f08300; color: #fff; font-size: 0.18rem; border-bottom: #fff solid 2px; border-right: #fff solid 2px; height: 0.6rem; }
.productP2 table td{ font-family: 'Light'; height: 0.56rem; color: #333; font-size: 0.14rem; text-align: center; border-bottom: #f6f6f6 solid 2px; border-right: #f6f6f6 solid 2px; background: #fff;}
.productP2 table tbody tr:nth-child(even) td{ background: #f6f6f6; }
.productP2 table td .imgDiv{ width: 1.8rem; height: 1.5rem; margin: 0 auto; }
.productP2 table td .imgDiv img{ max-width: 1.8rem; max-height: 1.5rem; }
.productP2 table td.cor1{ background: #f8c6ad; }
.productP2 table td.cor2{ background: #f4d6b6; }
.productP2 table td.red{ text-align: left; color: #fff; background: #e60013; font-size: 0.18rem; padding-left: 0.7rem;}
.productP2 table td.orange{ text-align: left; color: #fff; background: #d7740c; font-size: 0.18rem; padding-left: 0.7rem;}
.productP2 table td.white{ text-align: left; color: #333; background: #fff; font-size: 0.18rem; padding-left: 0.7rem;}
.productP2 table tfoot td{ border-bottom: none; }

.productP2 .lastDiv{ padding-top: 0.2rem; border-top: #333 solid 3px;}
.productP2 .left li{ float: left; position: relative; padding-left: 0.45rem; font-size: 0.18rem; color: #333; margin-right: 0.6rem; }
.productP2 .left li img{ position: absolute; left: 0; top: 0; width: 0.25rem; }
.productP2 .right li{ float: left; position: relative; padding-left: 0.45rem; font-size: 0.18rem; color: #333; margin-left: 0.6rem; }
.productP2 .right li img{ position: absolute; left: 0; top: 50%; margin-top: -0.07rem; width: 0.15rem; }




.searchBox {
    padding: 1.4rem 0 1.0rem;
}

    .searchBox .toptop {
        position: relative;
        padding-right: 200px;
        height: 100px;
    }

    .searchBox .result span {
        color: #000;
        display: inline-block;
        font-size: 16px;
        margin-right: 0.3rem;
        line-height: 0.62rem;
    }

    .searchBox .result b {
        margin: 0 4px;
        color: #cd0000;
        font-family: "mont";
        text-decoration: underline;
    }

    .searchBox .form {
        width: 3.25rem;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        border: #fff solid 1px;
    }

        .searchBox .form .input1 {
            height: 0.62rem;
            box-sizing: border-box;
            line-height: 0.62rem;
            color: #fff;
            width: 100%;
            font-size: 0.16rem;
            padding-left: 0.2rem;
            font-family: light;
        }

            .searchBox .form .input1::-webkit-input-placeholder {
                color: #fff;
                opacity: 1;
            }

            .searchBox .form .input1:-moz-placeholder {
                color: #fff;
                opacity: 1;
            }

            .searchBox .form .input1::-moz-placeholder {
                color: #fff;
                opacity: 1;
            }

            .searchBox .form .input1:-ms-input-placeholder {
                color: #fff;
                opacity: 1;
            }

        .searchBox .form .btnDiv {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1;
        }

            .searchBox .form .btnDiv a {
                display: block;
                width: 0.62rem;
                height: 0.62rem;
                background: url(../images/nimg18_1.png) center no-repeat;
            }

    .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: #000;
            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: #ccc;
            font-family: "regular";
        }

        .searchBox .list li:hover .title {
            color: #c42421;
        }

        .searchBox .list .hideDiv {
            display: none;
        }

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