/*banner*/
.ind-banner{width: 100%; overflow: hidden; position: relative;} 
.ind-banner:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 105px; background: url(../images/bg1.png) repeat-x; }
.ind-banner .swiper-slide {position: relative; font-size:0; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
/*.ind-banner .swiper-slide .bg{ height: 100vh; }*/
.ind-banner .swiper-slide .bg img{ width: 100%; }
.ind-banner .cn, .ind-banner .en{transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  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 .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 35%; color: #fff; z-index: 1;} 
.ind-banner .cn{ font-size: 0.48rem; line-height: 0.58rem; font-weight:bold; letter-spacing:6px; font-family:'guan';}
.ind-banner .en{ padding-bottom: 0.3rem; font-size: 1.5rem; line-height: 1.5rem; font-family: 'mont'; font-style: italic; }

.ind-banner .swiper-slide-active .cn, .ind-banner .swiper-slide-active .en{
  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-slide video {
  width: 100%;
  /* position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%); */
  object-fit: cover;
}
.ind-banner .swiper-pagination{ bottom: 0.25rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 44px; height: 8px; opacity: 1; border-radius: 12px; background: rgba(255,255,255,0.5); margin-left: 2px!important; margin-right: 2px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #e94615;}

/*banner结束*/

.indexTxt{ text-align: center;}
.indexTxt .en{ font-size: 0.6rem; line-height: 0.6rem; color: #333; font-family: 'bold'; text-transform: uppercase; }
.indexTxt .en em{ color: #e94615; padding: 0 0.2rem; }
.indexTxt .cn{ padding-top: 0.1rem; color: #333; font-size: 0.3rem; line-height: 0.3rem; font-family:'sc_medium'; }

.indexP1{ padding: 0.85rem 0 1.1rem; background: #d3d3d5; }
.indexP1 .content{ width: 12.0rem; margin: 0 auto; padding: 0.3rem 0 0.85rem; font-size: 0.16rem; color: #333; line-height: 0.3rem; text-align: center; }
.indexP1 .numList{ padding-bottom: 0.65rem; }
.indexP1 .numList li{ float: left; width: 25%; font-size: 0.18rem; text-align: center;}
.indexP1 .numList li .num{ height: 0.7rem; }
.indexP1 .numList li .num em{ font-size: 0.72rem; line-height: 0.68rem; padding-right: 5px; color: #e94615; text-transform: uppercase; font-family:'league';}
.indexP1 .moreBtn{ margin: 0 auto; width: 2.38rem; }
.indexP1 .moreBtn a{ position: relative; width: 100%; height: 0.48rem; border: #e94615 solid 2px; line-height: 0.44rem; font-size: 0.16rem; font-family:'sc_medium'; color: #e94615; box-sizing: border-box; }
.indexP1 .moreBtn a:before{ content: ''; position: absolute; top: 0; left: 0; background: #f8693e; z-index: 1; width: 0; height: 100%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.indexP1 .moreBtn a:after{ content: ''; position: absolute; top: 0; left: 0; background: #e94615; z-index: 1; width: 0; height: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.indexP1 .moreBtn p{ position: relative; z-index: 2; }
.indexP1 .moreBtn span{ position: relative; z-index: 2; width: 16px; height: 14px; margin-left: 0.4rem; background: url(../images/ico2.png) no-repeat; }
.indexP1 .moreBtn a:hover{ color: #fff; }
.indexP1 .moreBtn a:hover:before{ width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.indexP1 .moreBtn a:hover:after{ width: 100%; -webkit-transition: all .6s; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.indexP1 .moreBtn a:hover span{ background: url(../images/ico2on.png) no-repeat;}

.indexP2{ padding: 1.1rem 0 1.15rem; }
.indexP2 .indexTxt{ padding-bottom: 20px; }
.indexPro{ position: relative; }
.indexPro .list { width: 41.3rem; position: relative; left: 50%; margin-left: -20.65rem;}
.indexPro .swiper-slide .mxfDiv{ width: 13.6rem; position: relative; overflow: hidden; margin: 0 auto;}
.indexPro .swiper-slide .ditu { border-radius: 8px; overflow: hidden; position: relative; }
.indexPro .swiper-slide .ditu:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg2.png) left top repeat; background-size:cover; }
.indexPro .swiper-slide .ditu img{ width: 100%; }
.indexPro .swiper-slide .bg{ position: absolute; right: 0; bottom: 0; width: 100%; z-index: 2; }
.indexPro .swiper-slide .bg img{ width: 100%; }
.indexPro .swiper-slide .character{ position: absolute; right: -100%; opacity: 0; visibility: hidden; bottom: -4rem; width: 100%; }
.indexPro .swiper-slide .character img{ width: 100%; }
.indexPro .swiper-slide .conLayer{ position: absolute; left: -7.5rem; top: 2.4rem; opacity: 0; visibility: hidden; color: #fff; z-index: 3; }
.indexPro .swiper-slide .name{ font-size: 0.3rem; line-height: 0.3rem; font-family: 'light','sc_light'; }
.indexPro .swiper-slide .wen{ font-size: 0.36rem; line-height: 0.42rem; padding: 0.1rem 0 0.3rem; font-family: 'light','sc_light'; }
.indexPro .swiper-slide .msg{ font-size: 0.16rem; line-height: 0.26rem; width: 7.0rem; height: 1.0rem; }
.indexPro .swiper-slide .icon img{ width: 125px; }

.indexPro .swiper-slide-active .character{ right: 0; bottom: 0; opacity: 1; visibility: visible; }
.indexPro .swiper-slide-active .conLayer{ left: 0.5rem; opacity: 1; visibility: visible; }
.indexPro .se { display: block; width: 50px; height: 50px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: 20px; }
.indexPro .prev { left: 50%; margin-left: -8.28rem; background: #fff url("../images/nimg16_left.png") center no-repeat; }
.indexPro .next { right: 50%; margin-right: -8.28rem; background: #fff url("../images/nimg16_right.png") center no-repeat; }
.indexPro .prev:hover{ background: #e94615 url("../images/nimg16_lefton.png") center no-repeat;}
.indexPro .next:hover { background: #e94615 url("../images/nimg16_righton.png") center no-repeat; }


.indexP3{ background: #f5f5f5; padding: 0.8rem 0 1.05rem; }
.indexP3 .list{ padding-top: 0.55rem; }
.indexP3 .list ul{ margin-right: -0.46rem; }
.indexP3 .list li{ float: left; width: 33.33%; }
.indexP3 .list li .box{ margin-right: 0.46rem; }
.indexP3 .list li .imgDiv{ height: 2.8rem; overflow: hidden; }
.indexP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .list li .botDiv{ position: relative; background: #fff; height: 2.58rem; padding: 0.25rem 0.25rem 0; box-sizing: border-box; }
.indexP3 .list li .time{ font-size: 14px; line-height: 0.24rem; color: #ccc; font-family: 'regular'; }
.indexP3 .list li .name{ margin-top: 0.2rem; font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; color: #333; font-family: 'sc_medium';}
.indexP3 .list li .more{ position: absolute; left: 0.25rem; bottom: 0; text-indent: 0.25rem; font-family: 'sc_medium'; width: 1.36rem; height: 0.42rem; font-size: 0.16rem; color: #333; line-height: 0.42rem; background: #d3d3d5; }
.indexP3 .list li .more:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 13px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.indexP3 .list li .content{ line-height: 0.26rem; height: 0; overflow: hidden; font-size: 0.16rem; color: #999; margin-top: 0.1rem; }
.indexP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.indexP3 .list li .box:hover .content{ height: 0.52rem; }
.indexP3 .list li .box:hover .more{ background: #e94615; color: #fff; }
.indexP3 .list li .box:hover .more:after{ background: url(../images/ico3on.png) no-repeat;}

.indexP4{ padding: 1.0rem 0 1.3rem; }
.indexP4 .leftDiv{ width: 6.1rem; }
.indexP4 .title{ position: relative; padding-bottom: 0.2rem; }
.indexP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #ffa400; border-radius: 2px; }
.indexP4 .title .en{ font-size: 0.6rem; line-height: 0.6rem; color: #000; font-family: 'bold'; text-transform: uppercase; }
.indexP4 .title .en em{ display: block; color: #e94615; }
.indexP4 .title .cn{ padding-top: 0.2rem; font-size: 0.3rem; line-height: 0.3rem; color: #333; font-family: 'sc_medium'; }
.indexP4 .txt{ padding: 0.5rem 0 0.25rem; font-size: 0.48rem; color: #333; line-height: 0.6rem; font-family: 'sc_medium'; }
.indexP4 .content{ padding-bottom: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.indexP4 .moreBtn a{ display: block; position: relative; text-indent: 0.25rem; font-family: 'sc_medium'; width: 1.36rem; height: 0.42rem; font-size: 0.16rem; color: #fff; line-height: 0.42rem; background: #e94615; }
.indexP4 .moreBtn a:after{ content: ''; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; width: 13px; height: 11px; background: url(../images/ico3on.png) no-repeat; }

.indexP4 .rightDiv{ width: 50%; padding-top: 1.2rem; }
.indexP4 .mxfDiv{ position: relative; overflow: hidden; border-radius: 0.2rem;}
.indexP4 .imgDiv img{ width: 100%; }
.indexP4 .wen{ position: absolute; left: 0.45rem; bottom: 0.4rem; z-index: 1; font-size: 0.16rem; line-height: 0.36rem; color: #fff;}
.indexP4 .wen em{ font-size: 0.48rem; line-height: 0.46rem; color: #db3525; font-family:'mont'; }

.indexP5 .list li{ float: left; width: 33.33%; }
.indexP5 .list li a{ display: block; position: relative; overflow: hidden; }
.indexP5 .list li .imgDiv{ position: relative; }
.indexP5 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.indexP5 .list li .imgDiv img{ width: 100%; }
.indexP5 .list li .layer{ position: absolute; left: 1.0rem; top: 0; height: 100%; z-index: 1; }
/*.indexP5 .list li:nth-child(1) .layer{ left: 50%; margin-left: -7.68rem; }*/
.indexP5 .list li .ico{ height: 0.75rem; }
.indexP5 .list li .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; height: 0.32rem; font-family: 'sc_medium'; }
.indexP5 .list li .en{ font-family: 'regu'; color: rgba(201,201,201,0.2); font-size: 0.16rem; line-height: 0.16rem; height: 0.6rem; }
.indexP5 .list li .wen{ height: 1.3rem; font-size: 0.18rem; line-height: 0.36rem; color: #c9c9c9; }
.indexP5 .list li .more{ width: 0.54rem; height: 0.54rem; background: url(../images/ico4.png) center no-repeat; border-radius: 50%; border: #e94615 solid 2px; box-sizing: border-box; }
.indexP5 .list li a:hover .imgDiv:after{ background: rgba(0,0,0,0.4); }
.indexP5 .list li a:hover .more{ background: #e94615 url(../images/ico4on.png) center no-repeat; }
.indexP5 .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


































































































