/*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; top: 25%; }
.ind-banner .onebox .txt{ font-size: 0.72rem; line-height: 0.86rem; color: #fff; font-family: 'mont';}
.ind-banner .onebox .en{ padding-top: 0.2rem; font-size: 0.36rem; line-height: 0.48rem; color: #fff; font-family: 'light'; }
.ind-banner .onebox .btnDiv{ margin-top: 0.65rem; position: relative; text-transform: uppercase; font-family: 'mont'; display: inline-block; padding-right: 20px; color: #fff; line-height: 18px; font-size: 0.18rem; }
.ind-banner .onebox .btnDiv:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 6px; height: 12px; background: url(../images/ico2.png) no-repeat;}

.ind-banner .onebox .txt, .ind-banner .onebox .en, .ind-banner .onebox .btnDiv{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 .txt, .ind-banner .swiper-slide-active .en, .ind-banner .swiper-slide-active .btnDiv{
  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.5rem; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; opacity: 1; background: #fff; box-sizing:border-box; border-radius: 50%; margin: 0 15px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #29305e; } 

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
/*banner结束*/

.indexP1{ overflow: hidden; background: #f5f7fa; padding: 1.2rem 0; }
.indexP1 .title{ text-align: center; position: relative; font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.4rem; color: #122c5b; font-family: 'mont'; }
.indexP1 .title em{ color: #42bdee; }
.indexP1 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -25px; bottom: 0; border-radius: 4px; width: 50px; height: 4px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.indexP1 .btn{ padding-top: 0.65rem; height: 1.55rem; text-align: center;}
.indexP1 .btn ul{ font-size: 0; }
.indexP1 .btn li{ display: inline-block; cursor: pointer; position: relative; width: 3.6rem; height: 1.0rem; color: #fff; box-sizing: border-box; }
.indexP1 .btn li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dcdee1; }
.indexP1 .btn li:last-child:after{ display: none; }
.indexP1 .btn li .ico{ margin: 0 auto; width: 0.56rem; height: 0.56rem; position: relative; }
.indexP1 .btn li .ico img{ position: absolute; left: 0; top: 0; width: 0.56rem; }
.indexP1 .btn li .ico .img1{ opacity: 0; }
.indexP1 .btn li .name{ padding-top: 0.25rem; font-size: 0.18rem; line-height: 0.18rem; color: #222; font-family: 'regular'; }
.indexP1 .btn li.on .ico img{ opacity: 0; }
.indexP1 .btn li.on .ico .img1{ opacity: 1; }

.indexP1 .list{ position: relative; }
.indexP1 .imgList { width: 100%; overflow: hidden;}
.indexP1 .imgList .box{ overflow: hidden; height: 5.32rem; background: #fff;}
.indexP1 .imgList .box a{ display: block; width: 100%; height: 100%; padding: 0.5rem 0.4rem 0; box-sizing: border-box; }
.indexP1 .imgList .imgDiv { height: 3.0rem; overflow: hidden; }
.indexP1 .imgList .imgDiv img{ max-width: 4.0rem; max-height: 3.0rem; }
.indexP1 .imgList .name{ margin-top: 0.2rem; color: #222; font-size: 0.24rem; height: 0.72rem; line-height: 0.36rem; text-align: center; font-family: 'mont'; overflow: hidden; }
.indexP1 .imgList .wen{ text-align: center; height: 0.3rem; font-size: 0.2rem; line-height: 0.3rem; padding: 0 0.3rem; overflow: hidden; color: #666; }
.indexP1 .imgList .more{ position: absolute; left: 0; bottom: -0.52rem; width: 100%; height: 0.52rem; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.indexP1 .imgList .more:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -7px; width: 25px; height: 14px; background: url(../images/ico1.png) no-repeat;}
.indexP1 .arrowDiv a{ display: block; width: 48px; height: 48px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -24px; }
.indexP1 .arrowDiv .prev { left: 50%; margin-left: -8.64rem; background: url("../images/nimg48_left.png") center no-repeat; }
.indexP1 .arrowDiv .next { right: 50%; margin-right: -8.64rem; background: url("../images/nimg48_right.png") center no-repeat; }
.indexP1 .arrowDiv .prev:hover{ background: url("../images/nimg48_lefton.png") center no-repeat;}
.indexP1 .arrowDiv .next:hover { background: url("../images/nimg48_righton.png") center no-repeat; }
.indexP1 .imgList .box a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP1 .imgList .box a:hover .name{ padding-top: 0; }
.indexP1 .imgList .box a:hover .more{ bottom: 0; }

.indexP1 .moreBtn{ width: 1.86rem; margin: 0.6rem auto 0; }
.indexP1 .moreBtn a{ display: block; text-align: center; color: #fff; text-transform: uppercase; width: 100%; height: 0.58rem; line-height: 0.58rem; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal; }

.indexP2{ height: 8.0rem; position: relative;}
.indexP2 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover;}
.indexP2 .title{ font-size: 0.6rem; line-height: 0.6rem; color: #fff; position: relative; padding-bottom: 0.42rem; font-family: 'mont'; }
.indexP2 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -25px; bottom: 0; width: 50px; height: 4px; border-radius: 4px; background: #fff; }
.indexP2 .txt{ position: relative; font-size: 0.24rem; line-height: 0.48rem; width: 10.8rem; margin: 0.55rem auto 0; text-align: center; color: #fff; font-family:'harmony';}
.indexP2 .msg{ position: relative; margin: 0.3rem auto 0; width: 12rem; font-size: 0.18rem; line-height: 0.32rem; color: #b5b5b5; text-align: center; font-family:'harmony';}
.indexP2 .moreBtn{ position: relative; width: 1.8rem; margin: 0.8rem auto 0; }
.indexP2 .moreBtn a{ width: 100%; height: 0.48rem; border-radius: 0.48rem; font-size: 14px; color: #fff; text-transform: uppercase; }
.indexP2 .moreBtn img{ margin-left: 10px; }

.indexP3{ padding: 1.2rem 0; }
.indexP3 .leftImg{ width: 7.68rem; order: 1;}
.indexP3 .leftImg img{ width: 100%; }
.indexP3 .conDiv{ width: 5.6rem; order: 2; }
.indexP3 .title{ font-family: 'mont'; font-size: 0.6rem; color: #000; position: relative; line-height: 0.6rem; padding-bottom: 0.42rem; }
.indexP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #0e519f; border-radius: 4px; }
.indexP3 .content{ font-size: 16px; line-height: 0.32rem; padding-top: 0.5rem; }
.indexP3 .moreBtn{ margin-top: 0.5rem; }
.indexP3 .moreBtn a{ width: 1.8rem; height: 0.48rem; border-radius: 0.48rem; font-size: 14px; color: #fff; text-transform: uppercase; }
.indexP3 .moreBtn img{ margin-left: 10px; }

.indexP4{ padding: 1.2rem 0; background: #f5f7fa; }
.indexP4 .toptop{ position: relative; }
.indexP4 .title{ font-family: 'mont'; font-size: 0.6rem; color: #000; position: relative; line-height: 0.6rem; padding-bottom: 0.42rem; }
.indexP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #0e519f; border-radius: 4px; }
.indexP4 .moreBtn{ position: absolute; right: 0; bottom: 0; z-index: 1; }
.indexP4 .moreBtn a{ width: 1.8rem; height: 0.48rem; border-radius: 0.48rem; font-size: 14px; color: #fff; text-transform: uppercase; }
.indexP4 .moreBtn img{ margin-left: 10px; }
.indexP4 .list{ padding-top: 0.55rem; }
.indexP4 .list ul{ margin-right: -0.86rem; }
.indexP4 .list li{ float: left; width: 33.33%; }
.indexP4 .list li .box{ margin-right: 0.86rem; }
.indexP4 .list li .imgDiv{ height: 3.0rem; overflow: hidden; }
.indexP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .list li .conDiv{ padding: 0 0.3rem 0.6rem; background: #fff; }
.indexP4 .list li .time{ padding-top: 0.5rem; height: 0.4rem; font-size: 16px; line-height: 16px; color: #999; font-family: 'harmony'; }
.indexP4 .list li .name{ color: #333; font-family: 'harmony'; font-size: 0.18rem; line-height: 0.32rem; height: 0.64rem; overflow: hidden;}
.indexP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .list li .box:hover .name{ color: #29305e; }

.indexP5{ position: relative; height: 8.0rem; padding-top: 1.2rem; box-sizing: border-box; }
.indexP5:before{ content: ''; position: absolute; left: 0; top: 0; width: 33.8%; height: 100%; background: url(../images/nimg650Bg.jpg) center no-repeat; background-size: cover; }
.indexP5 .leftDiv{ width: 4.6rem; position: relative; z-index: 1; }
.indexP5 .title{ font-family: 'mont'; font-size: 0.6rem; color: #fff; position: relative; line-height: 0.6rem; padding-bottom: 0.42rem; }
.indexP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #fff; border-radius: 4px; }
.indexP5 .share{ padding-top: 4.15rem; }
.indexP5 .share li{ float: left; margin-right: 10px; }
.indexP5 .share li a{ display: block; width: 36px; height: 36px; position: relative; }
.indexP5 .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.indexP5 .share li .img1{ opacity: 0; }
.indexP5 .share li a:hover img{ opacity: 0; }
.indexP5 .share li a:hover .img1{ opacity: 1; }

.indexP5 .rightDiv{ width: 8.5rem; }
.indexP5 .txt{ font-family: 'mont'; font-size: 0.42rem; color: #000; position: relative; line-height: 0.42rem; padding-bottom: 0.35rem; }
.indexP5 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #0e519f; border-radius: 4px; }
.indexP5 .form{ padding-top: 0.4rem; }
.indexP5 .form li{ height: 0.38rem; position: relative; padding-left: 1.6rem; margin-bottom: 0.4rem; }
.indexP5 .form .li01{ height: 1.0rem; }
.indexP5 .form li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cfd6da; }
.indexP5 .form li em{ position: absolute; left: 0; top: 0; font-size: 0.16rem; line-height: 0.38rem; font-family: 'harmony'; }
.indexP5 .form li .input1{ width: 100%; height: 0.38rem; line-height: 0.38rem; font-size: 0.16rem; }
.indexP5 .form li textarea{ width: 100%; height: 1.0rem; font-size: 0.16rem; line-height: 0.32rem; }
.indexP5 .btnDiv{ padding-top: 0.2rem; }
.indexP5 .btnDiv a{ display: block; font-size: 14px; width: 1.78rem; height: 0.48rem; color: #0e519f; line-height: 0.48rem; text-transform: uppercase; text-align: center; border: #0e519f solid 1px; box-sizing:border-box; border-radius: 0.48rem; }
.indexP5 .btnDiv a:hover{ background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal; border:none; color: #fff; }

.about{ padding: 1.4rem 0; }
.about .title{ text-align: center; padding-bottom: 0.42rem; position: relative; font-size: 0.6rem; line-height: 0.6rem; color: #131212; font-family: 'mont'; }
.about .title:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; bottom: 0; width: 50px; height: 4px; margin-left: -25px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.about .content{ padding-top: 0.5rem; font-size: 0.18rem; line-height: 0.36rem; }
.about .imgDiv{ margin-top: 0.5rem; border-radius: 20px; overflow: hidden; }
.about .imgDiv img{ width: 100%; }

.news{ padding: 1.0rem 0 1.4rem; }
.news .detail a{ display: block; padding: 0 0.9rem 0 8.5rem; height: 5.0rem; background: #f5f6f7; position: relative; overflow: hidden; }
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 5.0rem; overflow: hidden;}
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ height: 5.0rem; }
.news .detail .time{ padding-bottom: 0.2rem; font-size: 0.18rem; line-height: 0.18rem; font-family: 'harmony'; color: #1c6ea6; }
.news .detail .name{ font-size: 0.24rem; line-height: 0.36rem; overflow: hidden; height: 0.72rem; color: #333; }
.news .detail .content{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.32rem; height: 0.96rem; color: #666; }
.news .detail .more{ width: 1.8rem; height: 0.48rem; border-radius: 0.48rem; font-size: 14px; color: #fff; text-transform: uppercase; }
.news .detail .more img{ margin-left: 10px; }
.news .detail:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .detail:hover .name{ color: #29305e; }

.news .list{ padding: 1.0rem 0 0.2rem; }
.news .list ul{ margin-right: -0.86rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.5rem; }
.news .list li .box{ margin-right: 0.86rem; }
.news .list li .imgDiv{ height: 3.0rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .time{ padding-top: 0.5rem; height: 0.4rem; font-size: 16px; line-height: 16px; color: #999; font-family: 'harmony'; }
.news .list li .name{ color: #333; font-family: 'harmony'; font-size: 0.18rem; line-height: 0.32rem; height: 0.64rem; overflow: hidden; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .name{ color: #29305e; }

.newShow{ padding: 1.0rem 0 1.2rem; }
.newShow .name{ font-family: 'mont'; font-size: 0.3rem; line-height: 0.48rem; color: #333; padding-bottom: 0.3rem; }
.newShow .time{ font-size: 16px; padding-bottom: 20px; border-bottom: #ccc dashed 1px; }
.newShow .content{ padding: 0.35rem 0; font-size: 16px; line-height: 0.3rem; }
.newShow .imgDiv{ text-align: center; padding: 0.6rem 0; }
.newShow .content img{ max-width: 15.36rem; }

.pageDown{ height: 62px; background: #e9eaef; padding: 0 0.6rem; position: relative; }
.pageDown ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center;
  -webkit-align-items: center;}
.pageDown li a{ display: block; line-height: 62px; font-size: 16px; color: #333; text-transform: uppercase; }
.pageDown li .back{ position: absolute; height: 20px; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; }
.pageDown li .back img{ position: absolute; left: 0; top: 0; }
.pageDown li .back .img1{ opacity: 0; }
.pageDown li .prev{ padding-left: 20px; background: url(../images/prev.png) left center no-repeat; }
.pageDown li .next{ padding-right: 20px; background: url(../images/next.png) right center no-repeat; }
.pageDown li a:hover{ color: #0098dc; }
.pageDown li .prev:hover{ background: url(../images/prevon.png) left center no-repeat;}
.pageDown li .next:hover{ background: url(../images/nexton.png) right center no-repeat;}
.pageDown li .back:hover img{ opacity: 0; }
.pageDown li .back:hover .img1{ opacity: 1; }

.service{ padding: 1.4rem 0; }
.service .title{ text-align: center; padding-bottom: 0.42rem; position: relative; font-size: 0.6rem; line-height: 0.6rem; color: #131212; font-family: 'mont'; }
.service .title:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; bottom: 0; width: 50px; height: 4px; margin-left: -25px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.service .wen{ padding: 0.35rem 0 0.5rem; text-align: center; font-size: 0.24rem; line-height: 0.36rem;  }
.service .list ul{ margin-right: -0.42rem; }
.service .list li{ float: left; width: 33.33%; }
.service .list li .box{ cursor: pointer; margin-right: 0.42rem; padding: 0.9rem 0.45rem 0; height: 5.5rem; background: #fafafa; box-sizing: border-box; }
.service .list li .ico{ text-align: center; height: 1.25rem; }
.service .list li .ico img{ width: 0.68rem; }
.service .list li .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.75rem; text-align: center; color: #333; font-family: 'mont'; }
.service .list li .msg{ font-size: 0.18rem; line-height: 0.36rem; color: #333; text-align: center; font-family: 'harmony'; }
.service .list li .box:hover{ background: #fff; box-shadow: 0px 8px 0.2rem 0px rgba(0, 0, 0, 0.1); }

.contactP1{ padding: 1.4rem 0; }
.contactP1 .title{ text-align: center; padding-bottom: 0.42rem; position: relative; font-size: 0.6rem; line-height: 0.6rem; color: #131212; font-family: 'mont'; }
.contactP1 .title:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; bottom: 0; width: 50px; height: 4px; margin-left: -25px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.contactP1 .wen{ padding: 0.35rem 0 0.5rem; text-align: center; font-size: 0.24rem; line-height: 0.36rem;  }
.contactP1 .list{ width: 11.52rem; margin: 0 auto; }
.contactP1 .list ul{ margin-right: -0.42rem; }
.contactP1 .list li{ float: left; width: 50%; }
.contactP1 .list li .box{ cursor: pointer; margin-right: 0.42rem; padding: 0.5rem 0.45rem 0; height: 3.0rem; background: #fafafa; box-sizing: border-box; }
.contactP1 .list li .ico{ text-align: center; height: 1.25rem; }
.contactP1 .list li .ico img{ width: 0.68rem; }
.contactP1 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.6rem; text-align: center; color: #333; font-family: 'mont'; }
.contactP1 .list li .msg{ font-size: 0.18rem; line-height: 0.24rem; color: #333; text-align: center; font-family: 'harmony'; }
.contactP1 .list li .box:hover{ background: #fff; box-shadow: 0px 8px 0.2rem 0px rgba(0, 0, 0, 0.1); }

.contactP2{ padding-top: 1.4rem; height: 10.3rem; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.contactP2 .wen{ font-size: 0.18rem; line-height: 0.18rem; color: #fff; text-align: center; font-family: 'harmony'; }
.contactP2 .txt{ color: #fff; text-align: center; font-family: 'harmony'; font-size: 0.3rem; line-height: 0.3rem; padding: 0.3rem 0 0.65rem; }
.contactP2 .form{ width: 11.52rem; margin: 0 auto; padding-bottom: 0.25rem;}
.contactP2 .form li{ height: 0.65rem; position: relative; padding-left: 2.4rem; margin-bottom: 0.3rem; background: #fff;}
.contactP2 .form .li01{ height: 2.2rem; }
.contactP2 .form .li02{ padding-left:5.2rem;}
.contactP2 .form li .zi{ position: absolute; left: 0.5rem; top: 0; font-size: 0.16rem; line-height: 0.65rem; color: #999; font-family: 'harmony'; }
.contactP2 .form li .zi em{ color:#F00;}
.contactP2 .form li .input1{ width: 100%; height: 0.65rem; line-height: 0.65rem; font-size: 0.16rem; box-sizing: border-box; }
.contactP2 .form li textarea{ width: 100%; padding-top: 0.16rem; height: 2.2rem; font-size: 0.16rem; line-height: 0.32rem; box-sizing: border-box; }

.contactP2 .form .group{ width: 2.6rem; position: absolute; left: 2.4rem; top: 0; height: 0.65rem;}
.contactP2 .form .group:after{ content:''; position:absolute; right:0; width:1px; height:0.4rem; top:50%; margin-top:-0.2rem; background:#ddd;}
.contactP2 .form .caption { position: relative; cursor: pointer; height: 0.65rem; line-height: 0.65rem; font-size: 0.16rem; color: #666; background: #fff; box-sizing: border-box;}
.contactP2 .form .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.contactP2 .form .caption:after { content: ""; display: block; width: 25px; height: 6px; background: url(../images/selectIco.png) no-repeat left center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.contactP2 .form .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 2.5rem; overflow-y: auto; display: none; border: 1px solid #efeff3; box-sizing: border-box;}
.contactP2 .form .xlist::-webkit-scrollbar { width: 2px;}
.contactP2 .form .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contactP2 .form .xlist::-webkit-scrollbar-thumb { background-color: #3eb0de;} 
.contactP2 .form .xlist a { display: block; font-size: 0.16rem; color: #666; line-height: 0.5rem; padding: 0 20px; border-bottom: 1px solid #efeff3;}
.contactP2 .form .xlist a:hover,.contactP2 .form .xlist a.on { color: #333;}
.contactP2 .form .xlist a:last-child { border-bottom: none;}


.contactP2 .btnDiv{ margin: 0 auto; width: 2.0rem;}
.contactP2 .btnDiv a{ display: block; font-size: 16px; width: 100%; height: 0.58rem; color: #fff; line-height: 0.58rem; text-transform: uppercase; text-align: center; border-radius: 0.48rem; }

.product{ padding: 1.4rem 0; }
.product .title{ text-align: center; padding-bottom: 0.42rem; position: relative; font-size: 0.6rem; line-height: 0.6rem; color: #131212; font-family: 'mont'; }
.product .title:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; bottom: 0; width: 50px; height: 4px; margin-left: -25px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.product .links{ padding: 0.5rem 0; text-align: center;}
.product .links ul{ font-size: 0; }
.product .links li{ display: inline-block; margin: 0 0.6rem; font-size: 18px;}
.product .links li a{ position: relative; display: block; height: 35px; line-height: 18px; color: #000033; font-family: 'harmony'; }
.product .links li a:after{ content: ''; display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal; }
.product .links li .aNow{ color: #0198dd;}
.product .links li .aNow:after{ display: block; }
.product .list li{ margin-bottom: 0.4rem; }
.product .list li:last-child{ margin-bottom: 0; }
.product .list li a{ display: block; height: 5.4rem; position: relative; padding: 0 0.9rem 0 8.4rem; }
.product .list li:nth-child(even) a{ padding: 0 8.4rem 0 0.7rem; background: #f7f7f7; }
.product .list li .imgDiv{ position: absolute; left: 0.6rem; top: 50%; margin-top: -2.25rem; width: 6.0rem; height: 4.5rem; }
.product .list li:nth-child(even) .imgDiv{ left: auto; right: 0.8rem; }
.product .list li .imgDiv img{ max-width: 6.0rem; max-height: 4.5rem; }
.product .list li .conDiv{ padding-top: 1.0rem; }
.product .list li .name{ font-size: 0.3rem; line-height: 0.42rem; color: #333; font-family: 'mont'; }
.product .list li .content{ padding-top: 0.26rem; font-size: 0.18rem; line-height: 0.36rem; height: 1.44rem; overflow: hidden; color: #666; font-family: 'harmony'; }
.product .list li .more{ margin-top: 0.5rem; text-align: center; font-family: 'harmony'; color: #fff; font-size: 16px; width: 1.8rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.48rem; }
.product .list li .more img{ width: 0; margin-left: 12px; overflow: hidden; }
.product .list li a:hover .more{ width: 2.2rem; }
.product .list li a:hover .more img{ width: 20px; }

.productP1{ padding: 0.8rem 0 1.4rem; }
.productP1 .leftImg{ width: 7.2rem; height: 6.0rem;}
.productP1 .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.productP1 .conDiv{ width: 6.3rem; padding-right: 0.75rem; }
.productP1 .name{ position: relative; font-size: 0.36rem; line-height: 0.48rem; padding-bottom: 0.35rem; color: #333; font-family: 'mont'; }
.productP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; border-radius: 4px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.productP1 .content{ font-size: 0.18rem; line-height: 0.36rem; padding-top: 0.5rem; font-family: 'harmony'; }

.productP2{ padding: 1.4rem 0; background: #f7f7f7; }
.productP2 .title{ color: #333; font-size: 0.6rem; line-height: 0.6rem; padding-bottom: 0.6rem; font-family: 'mont'; text-align: center; }
.productP2 .list{ border-top: #ddd solid 1px; }
.productP2 .list li{ padding: 0.3rem 0 0.3rem 4.5rem; min-height: 0.6rem; position: relative; border-bottom: #ddd solid 1px; }
.productP2 .list li .txt{ position: absolute; left: 0.4rem; top: 0.42rem; width: 4rem; line-height: 0.36rem; color: #333; font-size: 0.24rem; font-family: 'mont'; }
.productP2 .list li .wen dd{ padding: 0.15rem 0.6rem; font-family: 'harmony'; color: #333; font-size: 0.18rem; line-height: 0.3rem; }
.productP2 .list li .wen dd:nth-child(odd){ background: #e2e3e7; }

.productP2 .list table{ border:none; margin:0.5rem auto 0;}
.productP2 .list table td{ padding:0.15rem 0.3rem; font-size:0.14rem; line-height:0.24rem; border:none; background:#fff}
.productP2 .list table tr:nth-child(even) td{ background:#eee;}

.productP3{ padding: 1.4rem 0 1.2rem; }
.productP3 .title{ font-size: 0.6rem; line-height: 0.6rem; color: #333; font-family: 'mont'; text-align: center; padding-bottom: 0.5rem; border-bottom: #ddd solid 1px;}
.productP3 .list{ padding-top: 0.45rem; }
.productP3 .list li{ position: relative; padding: 0 0 0.25rem 0.3rem; font-size: 0.24rem; line-height: 0.36rem; color: #333; font-family: 'harmony'; }
.productP3 .list li:before{ content: ''; position: absolute; left: 0; top: 0.14rem; width: 8px; height: 8px; background-image: linear-gradient(90deg, #079cde 0%, #52c3f1 100%); background-blend-mode: normal, normal;}

.productP4{ padding: 1.4rem 0; background: #f7f7f7; }
.productP4-2{ background: #fff; }
.productP4 .title{ font-size: 0.6rem; line-height: 0.6rem; color: #333; font-family: 'mont'; text-align: center; padding-bottom: 0.5rem; border-bottom: #ddd solid 1px;}
.productP4 .list{ padding: 0.3rem 0; border-bottom: #ddd solid 1px;}
.productP4 .list li{ position: relative; min-height: 0.6rem; padding: 0.2rem 0 0.2rem 5.0rem; font-size: 0.18rem; line-height: 0.24rem; color: #333; font-family: 'harmony'; box-sizing: border-box;}
.productP4 .list li:nth-child(odd){ background: #e9eaef; }
.productP4 .list li .txt{ position: absolute; left: 0.8rem; top: 0.2rem; width: 3.6rem; }

.productP5{ padding: 1.4rem 0; background: #f7f7f7; }
.productP5 .title{ font-size: 0.6rem; line-height: 0.6rem; color: #333; font-family: 'mont'; text-align: center; padding-bottom: 0.5rem; border-bottom: #ddd solid 1px;}
.productP5 .list li{ position: relative; border-bottom: #ddd solid 1px; padding: 0.3rem 0 0.3rem 4.32rem;}
.productP5 .list li .txt{ position: absolute; left: 0.4rem; top: 0.42rem; width: 3.7rem; font-family: 'mont'; font-size: 0.24rem; line-height: 0.36rem; color: #333; }
.productP5 .list li .mxfDiv dd{ position: relative; padding: 0.15rem 0.3rem 0.15rem 4.1rem; color: #333; font-size: 0.18rem; font-family: 'harmony'; }
.productP5 .list li .mxfDiv dd:nth-child(odd){ background: #e2e3e7; }
.productP5 .list li .mxfDiv dd .wen{ position: absolute; left: 0.6rem; top: 0.15rem; width: 3.2rem; color: #666; }

.policy{ padding: 1.4rem 0; }
.policy .title{ text-align: center; padding-bottom: 0.42rem; position: relative; font-size: 0.6rem; line-height: 0.6rem; color: #131212; font-family: 'mont'; }
.policy .title:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; bottom: 0; width: 50px; height: 4px; margin-left: -25px; background-image: linear-gradient(90deg, #0299dc 0%, #51c3f1 100%); background-blend-mode: normal, normal;}
.policy .content{ padding-top: 0.5rem; font-size: 0.18rem; line-height: 0.36rem;  }