/*banner*/
.ind-banner{width: 100%; height: 100vh; overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .one img{ width: 7.66rem; }
.ind-banner .two{ position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .two img{ width: 8.6rem; }
.ind-banner .swiper-pagination{  text-align: left; margin-left: 0!important; left: auto!important; right: 50%; margin-right: -8.23rem; width: auto!important; top: 50%!important; margin-bottom: 0; transform:scaleY(-50%); } 
.ind-banner .swiper-pagination-bullet { display: block; width: 8px; height: 8px; opacity: 1; background: rgba(255,255,255,0.5); border-radius: 50%; -moz-border-radius: 50%; margin-left:0!important; margin-top: 20px!important; margin-bottom: 20px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: rgba(255,255,255,1); } 

.scrollDown{ z-index:3; left:50%; bottom:42px; text-align:center; margin-left:-24px; position:absolute; width:48px; height:72px;}

@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}}
.pre-wrap{width:48px;height:72px;position:relative;animation:start 1.5s infinite ease-in-out;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;}


.ind-banner2{width: 100%; overflow: hidden;} 
.ind-banner2 .swiper-slide {position: relative;}
.ind-banner2 .swiper-slide img{width: 100%;}
.ind-banner2 .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner2 .swiper-pagination{ bottom: 0.4rem!important; } 
.ind-banner2 .swiper-pagination-bullet {width: 0.1rem; height: 0.1rem; opacity: 1; background: rgba(255,255,255,0.8); margin: 0 20px!important; border-radius: 50%; -moz-border-radius: 50%; } 
.ind-banner2 .swiper-pagination-bullet-active {background: rgba(255,255,255,1)!important; } 
.ind-banner2 .layer{ position: absolute; left: 50%; margin-left: -8.4rem; top: 50%; transform: translateY(-50%); z-index: 10; }
.ind-banner2 .layer .logo img{ width: 0.8rem; }
.ind-banner2 .layer .name{ font-size: 0.6rem; line-height: 0.6rem; color: #fff; padding-top: 0.6rem; }
.ind-banner2 .layer .msg{ padding: 0.15rem 0 0.28rem; color: #fff; font-size: 0.24rem; position: relative; left: -0.2rem;}
.ind-banner2 .layer .msg:after{ content: ''; position: absolute; left: 0.2rem; bottom: 0; width: 24px; height: 2px; background: #fff; }
.ind-banner2 .layer .msg em{ padding: 0 0.2rem; }
.ind-banner2 .layer .ico{ padding-top: 0.9rem; }
.ind-banner2 .layer .ico img{ width: 0.38rem; }
.ind-banner2 .swiper-button-prev{ width: 0.6rem; top: auto!important; margin-top: 0!important; height: 0.6rem; bottom: 0.8rem; left: auto!important; right: 50%; margin-right: -7.4rem; background: url(../images/nimg60_left.png) center no-repeat; background-size: 0.6rem; } 
.ind-banner2 .swiper-button-next{ width: 0.6rem; top: auto!important; margin-top: 0!important; height: 0.6rem; bottom: 0.8rem; right: 50%; margin-right: -8.4rem; background: url(../images/nimg60_right.png) center no-repeat; background-size: 0.6rem; } 
.ind-banner2 .swiper-button-prev:hover{ background: url(../images/nimg60_lefton.png) center no-repeat; background-size: 0.6rem;}
.ind-banner2 .swiper-button-next:hover{ background: url(../images/nimg60_righton.png) center no-repeat; background-size: 0.6rem;}


.ind-banner2 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
/*  background-color: #999;*/
  opacity: 1;
  margin: 0 0.2rem;
  position: relative;
}
.ind-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c4161c;
}
.ind-banner2 .swiper-pagination-bullet svg {
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  top: 50%;
  margin-top: -0.17rem;
  left: 50%;
  margin-left: -0.17rem;
}
.ind-banner2 .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ind-banner2 .swiper-pagination-bullet {
  fill: none;
}
.ind-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 1;
}
.ind-banner2 .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.ind-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.ind-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 3s linear reverse;
  -moz-animation: circle-chart-fill 3s linear reverse;
  -webkit-animation: circle-chart-fill 3s linear reverse;
  -ms-animation: circle-chart-fill 3s linear reverse;
}
.ind-banner2 .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 2.8s linear reverse;
  -moz-animation: circle-chart-fill 2.8s linear reverse;
  -webkit-animation: circle-chart-fill 2.8s linear reverse;
  -ms-animation: circle-chart-fill 2.8s linear reverse;
}



@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}



.indexTitle { text-align: center; color: #333; }
.indexTitle2{ color: #fff; }
.indexTitle .title1{ font-size: 0.4rem; line-height: 0.4rem; padding-bottom: 0.25rem; font-family:gotham; text-transform: uppercase;}
.indexTitle .title2{ font-size: 0.3rem; line-height: 0.3rem;}


.indexPart1{ padding: 2.5rem 0 1.2rem; position: relative; }
.indexPart1:before{ content: ''; position: absolute; left: 0; top: 0.65rem; width: 9.28rem; height: 1.35rem; background: url(../images/nimg928Bg.png) center no-repeat; background-size: 9.28rem; z-index: 1; }
.indexPart1 .title{ position: absolute; left: 50%; margin-left: -8.23rem; top: 1.2rem; z-index: 2; }
.indexPart1 .title img{ width: 2.22rem; }


.indexPart1 .list { width: 22.4rem; overflow: hidden; position: relative; }
.indexPart1 .list li .box{ min-height: 5rem;  position: relative; overflow: hidden; cursor: pointer;}
.indexPart1 .list li .imgDiv img{ width: 100%; }

.indexPart1 .list li .layer{ position: absolute; left: 0.5rem; bottom: 0.5rem; font-size: 14px; color: #fff; z-index: 1; transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }
.indexPart1 .list li .name1{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.15rem; }
.indexPart1 .list li .name2{ font-size: 0.18rem; color: rgba(255,255,255,0.5); text-transform: uppercase; }
.indexPart1 .list li .hideBox{ display:block; position:absolute; left:0; bottom:-100%; width:100%; height:100%; background:rgba(48,59,139,0.95); transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.indexPart1 .list li .mxfDiv{ position: absolute; left: 0; width: 100%; top: 50%; z-index: 2; transform: translateY(-50%); text-align: center; }
.indexPart1 .list li .ico img{ width: 54px; }
.indexPart1 .list li .name3{ padding: 0.36rem 0 0.1rem; font-size: 0.3rem; color: #fff; }
.indexPart1 .list li .name4{ font-size: 0.18rem; color: rgba(255,255,255,0.5); text-transform: uppercase; }
.indexPart1 .list li .btnDiv{ padding-top: 1.0rem; width: 1.54rem; margin: 0 auto;}
.indexPart1 .list li .btnDiv a{ display: block; width: 1.5rem; height: 0.44rem; line-height: 0.44rem; border: #999fc5 solid 0.02rem; font-size: 14px; text-align: center; color: #fff; border-radius: 0.24rem; }

.indexPart1 .arrow { position: absolute; z-index: 2; right: 50%; margin-right: -8.23rem; top: 1.4rem; }
.indexPart1 .arrow a { float: left; display: block; width: .56rem; height: .56rem; background: center no-repeat; background-size: cover; }
.indexPart1 .arrow a.prev { background-image: url("../images/nimg56_left.png"); }
.indexPart1 .arrow a.prev:hover { background-image: url("../images/nimg56_lefton.png"); }
.indexPart1 .arrow a.next { background-image: url("../images/nimg56_right.png"); margin-left: 0.15rem; }
.indexPart1 .arrow a.next:hover { background-image: url("../images/nimg56_righton.png"); }
.indexPart1 .list li:hover .layer{ bottom:-100%;}
.indexPart1 .list li:hover .hideBox{ bottom:0;}

.indexBg img{ width: 100%; }

.indexList{ padding: 1.0rem 0 1.2rem; }
.indexList .list{ padding-left: 0.7rem; }
.indexList .list li{ float: left; width: 25%; position: relative; font-size: 14px; }
.indexList .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eaeaea; }
.indexList .list li:last-child:after{ display: none; }
.indexList .list li .box{ padding-left: 0.5rem; }
.indexList .list li .num{ height: 65px; }
.indexList .list li .num em{ color: #000; font-size: 60px; font-family:bold; padding-right: 8px; }

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}


@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.indexPartB{ position: relative; }
.indexPartB .titleDiv{ position: absolute; left: 50%; top: 0.9rem; margin-left: -7.68rem; z-index: 2;}
.indexPartB .titleDiv img{ width: 2.43rem; }

.xingxing{ position: relative; padding-bottom: 0.6rem;}
.xingxing .tab{ position: absolute; left: 50%; bottom: 0; z-index: 3; width: 15.36rem; margin-left: -7.68rem; background: #fff; box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.05);}
.xingxing .tab li{ float: left; width: 14.28%; height: 1.8rem; background: #fff; position: relative; text-align: center; font-size: 0.14rem; }
.xingxing .tab li:last-child{ width: 14.32%; }
.xingxing .tab li:after{ content: ''; width: 1px; height: 100%; top: 0; right: 0; background: #f5f5f5; position: absolute; }
.xingxing .tab li:last-child:after{ display: none; }
.xingxing .tab li .ico{ text-align: center; padding: 0.4rem 0 0.25rem; }
.xingxing .tab li .ico img{ width: 0.36rem; }
.xingxing .tab li .ico .img1{ display: none; }
.xingxing .tab li .name1{ font-size: 18px; color: #333; padding-bottom: 0.1rem; }
.xingxing .tab li .name2{ color: #cacaca; position: relative; text-transform: uppercase;}
.xingxing .tab .liNow{ background: url(../images/bg3.jpg) repeat; background-size: 100% 100%; }
.xingxing .tab .liNow .ico img{ display: none; }
.xingxing .tab .liNow .ico .img1{ display: inline-block; }
.xingxing .tab .liNow .name1{ color: #fff; }
.xingxing .tab .liNow .name2{ color: rgba(255,255,255,0.3);}


.xingxing .tabContent{ position: relative; }
.xingxing .tabContent .imgDiv img{ width: 100%; }
.xingxing .tabContent .layer{ position: absolute; z-index: 2; right: 50%; margin-right: -7.68rem; width: 7.68rem; height: 2.9rem; top: 2.7rem; background: rgba(255,255,255,0.95);}
.xingxing .tabContent .mxfDiv{ position: absolute; left: 0.6rem; top: 0.6rem; }
.xingxing .tabContent .txtDiv{ color: #393f4b; -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.xingxing .tabContent .txt1{ font-size: 0.26rem; line-height: 0.26rem; }
.xingxing .tabContent .txt2{ padding-top: 0.15rem; font-size: 12px; text-transform: uppercase; color: #939393; }
.xingxing .tabContent .content{ padding-top: 0.6rem; padding-left: 3.0rem; padding-right: 0.6rem; color: #8d8d8d; font-size: 14px; line-height: 0.3rem; height: 1.5rem; overflow: hidden; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards; }
.xingxing .tabContent .btnDiv{ padding-top: 0.45rem;  -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}
.xingxing .tabContent .btnDiv a{ display: block; width: 1.38rem; height: 0.48rem; text-align: center; line-height: 0.48rem; background: #e62129; color: #fff; font-family:gothicb; text-transform: uppercase; }