/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .banner_index:after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1.57rem; background: url(../images/bannerBg.png) no-repeat left bottom; background-size: 100%; z-index: 1;}
.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: 25%; }
.ind-banner .onebox h2{ font-size: var(--fs72); line-height: 0.96rem; font-family: 'MiSans-B'; font-weight: 400; color: #fff;}
.ind-banner .onebox h3{ margin-top: 0.35rem; font-size: var(--fs36); line-height: 0.36rem; font-weight: 400; color: #fff;}


.ind-banner .onebox{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{
  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{ display: none; width: 100%; bottom: 1.9rem; z-index:2; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 12px; height: 12px; opacity: 1; background: #fff; border: none; box-sizing:border-box; border-radius: 50%; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #0f5fa1; } 


.indMore a{ display: block; overflow: hidden; position: relative; width: 1.9rem; height: 0.6rem; line-height: 0.6rem; font-size: var(--fs16); color: #fff; text-align: center; font-family:'Mont-R'; border-radius: 0.48rem; text-transform: uppercase; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16); }
.indMore a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#1b83bc 0,#0f0690); transition: 0.5s;}
.indMore p{ position: relative; z-index: 1; width: 100%; height: 100%; }
.indMore a:hover:after{ width:100%;}

.indTxt{ font-weight: 400; font-size: var(--fs48); color: #0f048f; line-height: 0.48rem; font-family:'MiSans-B'; }

.indexP1{ position: relative; padding-top: 1.2rem; height: 7.6rem; background: url(../images/indexP1.jpg) center bottom no-repeat; background-size: cover; }
.indexP1 .leftDiv{ width: 6.2rem; }
.indexP1 .wen{ font-size: var(--fs24); line-height: 0.24rem; color: #1f3c88; margin-bottom: 0.15rem; }
.indexP1 .txt{ width: 5.8rem; font-size: var(--fs48); line-height: 0.6rem; color: #0f048f; margin-bottom: 0.45rem; font-family:'MiSans-B'; }
.indexP1 .content{ font-size: var(--fs16); line-height: 0.3rem;}
.indexP1 .indMore{ margin-top: 1.1rem; }
.indexP1 .rightDiv{ position: absolute; right: 50%; margin-right: -7.68rem; bottom: 0; width: 7.52rem; height: 6.85rem;}
.indexP1 .rightDiv .layer{ position: absolute; left: -0.4rem; top: 0; width: 2.22rem; height: 3.04rem; z-index: 2; }
.indexP1 .rightDiv .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 2.22rem; height: 1.75rem; background: url(../images/tuzi.png) no-repeat; background-size: 2.22rem; }
.indexP1 .rightDiv .playBtn a{ position: absolute; right: 0.24rem; bottom: 0; display: block; width: 1.55rem; height: 1.55rem; background: url(../images/playBg.png) center no-repeat; background-size: 1.55rem; }
.indexP1 .rightDiv .playBtn img{ position: absolute; left: 50%; top: 50%; margin-left: -0.38rem; margin-top: -0.38rem; width: 0.75rem; }
.indexP1 .rightDiv .playBtn:hover img{ transform:rotate(360deg); }
.indexP1 .rightDiv .playBtn .videoDiv{ display: none; }
.indexP1 .rightDiv .mxfDiv{ width: 7.52rem; height: 6.54rem; position: absolute; right: 0; bottom: 0; }
.indexP1 .rightDiv .mxfDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 7.42rem; height: 6.44rem; background: url(../images/nimg742Bg.png) no-repeat; background-size: 7.42rem; }
.indexP1 .rightDiv .bigImg{ position: relative; z-index: 1; width: 7.42rem; }
.indexP1 .rightDiv .bigImg img{ width: 100%; }

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


.videoLayer{ width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;}
.videoLayer .videoBox{ position: relative; background: #000; overflow: hidden; height: 5.8rem; }
.videoLayer video{ max-width:1100px; max-height:5.8rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; object-fit:cover;}

.indexP2{ padding: 1.2rem 0 1.3rem; background: #dfe8ff; }
.indexP2 .indTxt{ text-align: center; margin-bottom: 0.56rem; }
.indexP2 .toptop{ padding-bottom: 0.5rem; position: relative; overflow: hidden;}
.indexP2 .tabDiv li{ float: left; font-size: var(--fs16); }
.indexP2 .tabDiv li .box{ cursor: pointer; text-align: center; width: 2.0rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; color: #333;}
.indexP2 .tabDiv li.on .box{ font-family:'MiSans-B'; color: #fff; background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal; }
.indexP2 .more{ position: absolute; right: 0.4rem; top: 0; line-height: 0.5rem; font-size: var(--fs16); }
.indexP2 .more a{ display: block; color: #333; }
.indexP2 .more a:hover{ color: #0f048f; }

.goodsBox{ display: none; position: relative;}
.goodsBox .box{ height: 4.78rem; background: #fff; border-radius: 0.1rem; overflow: hidden; }
.goodsBox .imgDiv{ height: 3.56rem; }
.goodsBox .imgDiv img{ max-width: 2.8rem; max-height: 2.8rem; }
.goodsBox .botDiv{ height: 1.22rem; padding: 0.25rem 0.3rem 0; }
.goodsBox .name{ font-size: var(--fs18); color: #333; text-align: center; height: 0.36rem; line-height: 0.36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:'MiSans-M'; }
.goodsBox .look{ font-size: var(--fs14); text-align: center; margin-top: 0.12rem;}
.goodsBox .look em{ color: #666; padding-right: 16px; background: url(../images/ico1.png) right center no-repeat;}
.goodsBox .se{ position: absolute; display: block; top: 50%; width: 24px; height: 43px; z-index: 3; }
.goodsBox .prev{ left: 50%; margin-left: -8.28rem; background: url(../images/nimg24_left.png) no-repeat;  }
.goodsBox .next{ right: 50%; margin-right: -8.28rem; background: url(../images/nimg24_right.png) no-repeat;  }
.goodsBox .prev:hover{ background: url(../images/nimg24_lefton.png) no-repeat; }
.goodsBox .next:hover{ background: url(../images/nimg24_righton.png) no-repeat; }
.goodsBox .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.goodsBox .box:hover .botDiv{ background-image: linear-gradient(90deg, #0f0690 0%, #1b83bc 100%); background-blend-mode: normal, normal;}
.goodsBox .box:hover .name{ color: #fff; }
.goodsBox .box:hover .look em{ color: #fff; background: url(../images/ico1on.png) right center no-repeat; }

.indexP2 .indMore{ width: 1.9rem; margin: 0.6rem auto 0;}

.indexP3{ padding: 1.3rem 0; position: relative; overflow: hidden; }
.indexP3 .leftDiv{ position: absolute; left: 50%; top: 1.3rem; margin-left: -7.68rem; width: 2.4rem; }
.indexP3 .msg{ margin: 1.3rem 0 2.0rem; font-size: var(--fs30); color: #202020; line-height: 0.36rem; }
.indexP3 .se{ display: block; position: relative; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: #e1e1e1 solid 1px; }
.indexP3 .se:hover{ border: none; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; box-shadow: 0 0.1rem 0.24rem 0 rgba(15,4,143,0.16);}
.indexP3 .prev{ margin-bottom: 0.3rem; }
.indexP3 .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; width: 15px; height: 10px; background: url(../images/nimg15_left.png) no-repeat; }
.indexP3 .next:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -5px; width: 15px; height: 10px; background: url(../images/nimg15_right.png) no-repeat; }
.indexP3 .prev:hover:after{ background: url(../images/nimg15_lefton.png) no-repeat; }
.indexP3 .next:hover:after{ background: url(../images/nimg15_righton.png) no-repeat; }
.indexP3 .rightDiv{ width: 70%; }
.indNews{ position: relative; padding-bottom: 0.85rem; }
.indNews .box a{ display: block; position: relative; overflow: hidden; border-radius: 0.1rem; }
.indNews .box a:before{ z-index: 1; content: ''; opacity: 0; position: absolute; right: 27px; bottom: 27px; width: 16px; height: 16px; background: url(../images/ico3.png) no-repeat; }
.indNews .box a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 468px; background: url(../images/bg1.png) repeat-x; }
.indNews .box .imgDiv{ height: 5.8rem; }
.indNews .box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indNews .box .txt{ width: 100%; height: 1.45rem; padding:0 0.4rem; position: absolute; left: 0; bottom: 0; z-index: 1; }
.indNews .box .txt .name{ font-size: var(--fs18); height: 0.6rem; line-height: 0.3rem; overflow:hidden; color: #fff; }
.indNews .box .txt .zi{ font-size: var(--fs14); line-height: 0.24rem; color: rgba(255,255,255,0.7); height: 0; overflow:hidden; }
.indNews .box .txt .time{ margin-top: 0.25rem; font-size: var(--fs14); color: #fff; font-family:'Mont-L';}
/*.indNews .box .txt.on{ height: 100%; background: rgba(230,0,18,0.9); }*/
.indNews .box a:hover:before{ opacity: 1; }
.indNews .box a:hover:after{ height: 100%; opacity: 0.9; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; }
.indNews .box a:hover .txt{ padding: 0.8rem 0.4rem 0; height: 100%; }
.indNews .box a:hover .zi{ margin-top: 0.35rem; height: 0.48rem; }

.indNews .swiper-pagination {/* position: relative;*/ bottom: 0!important; width: 100%; height: 6px; background-color: #f5f5f5;}
.indNews .swiper-pagination-progress .swiper-pagination-progressbar{ height: 6px; background-image: linear-gradient(90deg, #0f0790 0%, #1b86bd 100%); background-blend-mode: normal, normal; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}

.indexP4{ padding: 1.4rem 0 0.75rem; background: #f7f7f7;}
.indexP4 .indTxt{ text-align: center; margin-bottom: 0.3rem; }
.indexP4 .msg{ font-size: var(--fs18); text-align: center; line-height: 0.3rem; margin-bottom: 0.5rem; }
.indPartner .imgDiv{ cursor: pointer; height: 1.4rem; border-radius: 0.16rem; background: #fff; overflow: hidden; }
.indPartner .imgDiv img{ max-width: 2.0rem; max-height: 1.2rem; }
.indPartner .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indPartner .swiper-pagination{ position: relative; width: 100%; bottom: 0; padding-top: 0.5rem;} 
.indPartner .swiper-pagination-bullet { position: relative; display: inline-block; width: 14px; height: 14px; opacity: 1; background: #fff; border: #1f3c88 solid 1px; margin: 0 8px!important; } 
.indPartner .swiper-pagination-bullet-active { background: #1f3c88;}