/*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 .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.45rem!important; } 
/*.ind-banner .swiper-pagination-bullet { position: relative; width: 20px; height: 20px; opacity: 0.5; border-radius: 50%; box-sizing: border-box; background: none; margin-left:0!important; } 
.ind-banner .swiper-pagination-bullet:before{ content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; left: 50%; margin-left: -4px; top: 50%; margin-top: -4px; background: #fff; }
.ind-banner .swiper-pagination-bullet-active { opacity: 1; border: #fff solid 1px; } 
*/.ind-banner .one{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:100%; } 
.ind-banner .one .txtImg{ text-align: center; }
.ind-banner .one .txtImg img{ width: 7.0rem;}
.ind-banner .one .txtImg2 img{ width: 8.09rem;}
.ind-banner .one .txtImg3 img{ width: 11.12rem;}
.ind-banner .one .cn{ font-size:0.72rem; line-height:0.72rem; font-weight:bold; text-align:center;}
.ind-banner .one .cn em{ display:inline-block; background-image:-webkit-linear-gradient(top,#328aed,#69bff8);
 background-image:linear-gradient(to bottom,#328aed,#69bff8); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.ind-banner .one .txt{ text-align:center; padding-top: 0.2rem; height: 1.45rem; font-size: 0.6rem; line-height: 0.6rem; color: rgba(0,0,0,0.3); text-transform: uppercase; font-weight: bold;}
.ind-banner .one .btnDiv{ margin: 0 auto; position: relative; font-family:din; text-transform: uppercase; width: 1.96rem; height: 0.38rem; color: #0f5945; text-indent: 0.42rem; border: #0f5945 solid 2px; border-radius: 0.24rem; line-height: 0.38rem; font-size: 14px; box-sizing: border-box;}
.ind-banner .one .btnDiv:after{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -5px; width: 5px; height: 11px; background: url(../images/nimg5_1.png) no-repeat; }
.ind-banner .two{ position: absolute; left: 0; top: 20%; width:100%; text-align:center; } 
.ind-banner .two .txt{ font-size: 0.36rem; color: #fff; line-height: 0.36rem; font-weight: bold;}
.ind-banner .two .msg{ padding-top: 2.1rem; font-size: 14px; line-height: 30px; font-weight: bold; color: #fff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
.ind-banner .layer{ position: absolute; right: 50%; margin-right: -600px; bottom: 17%; width: 1.8rem; height: 1.8rem; background: url(../images/nimg180Bg.png) no-repeat; background-size: 1.8rem; }
.ind-banner .layer .logo{ padding: 0.42rem 0 0 0.4rem; }
.ind-banner .layer .logo img{ width: 0.95rem; }
.ind-banner .layer .ico{ padding: 0.28rem 0 0 0.4rem; }
.ind-banner .layer .ico img{ width: 0.36rem; }
.ind-banner .swiper-button-prev{ position: absolute; left: 0.46rem; width: 36px; height: 36px; top: 50%; margin-top: -18px; background: url(../images/nimg36_left.png) no-repeat;}
.ind-banner .swiper-button-next{ position: absolute; right: 0.46rem; width: 36px; height: 36px; top: 50%; margin-top: -18px; background: url(../images/nimg36_right.png) no-repeat;}
.ind-banner .swiper-button-prev:hover{ background: url(../images/nimg36_lefton.png) no-repeat;}
.ind-banner .swiper-button-next:hover{ background: url(../images/nimg36_righton.png) no-repeat;}

.ind-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(0,0,0,0.5);
  opacity: 1;
  margin: 0 0.15rem!important;
  position: relative;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
.ind-banner .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-banner .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ind-banner .swiper-pagination-bullet {
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 1;
}
.ind-banner .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #ff7200;
  stroke-width: 2;
  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-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5s linear reverse;
  -moz-animation: circle-chart-fill 5s linear reverse;
  -webkit-animation: circle-chart-fill 5s linear reverse;
  -ms-animation: circle-chart-fill 5s linear reverse;
}
.ind-banner .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 4.8s linear reverse;
  -moz-animation: circle-chart-fill 4.8s linear reverse;
  -webkit-animation: circle-chart-fill 4.8s linear reverse;
  -ms-animation: circle-chart-fill 4.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;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.ind-bannerTel{ width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide { color: #fff; } 
.ind-bannerTel .swiper-slide {position: relative;}
.ind-bannerTel .swiper-slide img{width: 100%;}
.ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-bannerTel .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.3rem!important; } 
.ind-bannerTel .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; opacity: 0.5; border-radius: 50%; box-sizing: border-box; background: none; margin-left:0!important; } 
.ind-bannerTel .swiper-pagination-bullet:before{ content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 50%; margin-left: -3px; top: 50%; margin-top: -3px; background: #fff; }
.ind-bannerTel .swiper-pagination-bullet-active { opacity: 1; border: #fff solid 1px; } 

/*banner结束*/

.indexTitle{ color: #333; font-weight: bold;}
.indexTitle .title1{ font-size: 0.36rem; line-height: 0.36rem; }
.indexTitle .title2{ height: 0.8rem; padding-top: 0.15rem; line-height: 0.32rem; font-size: 0.18rem; font-family:din; position: relative; text-transform: uppercase;}
.indexTitle .title2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 18px; height: 4px; background: url(../images/nimg18_1.jpg) no-repeat; }


.indexPart1{ padding: 1.2rem 0; overflow: hidden; position: relative; background: url(../images/indexPart1.png) center bottom no-repeat; background-size: 100%; }
.indexPart1 .leftDiv{ width: 5.0rem; height: 6.8rem; position: relative; z-index: 1; }
.indexPart1 .name{ padding-top: 0.55rem; font-size: 0.3rem; color: #333; line-height: 0.3rem; font-weight: bold; }
.indexPart1 .content{ padding-top: 0.45rem; font-size: 14px; line-height: 36px; }
.indexPart1 .numList{ position: absolute; left: 0; bottom: 0; width: 100%; }
/*.indexPart1 .numList ul{ display: flex; display: -webkit-flex; flex-wrap: wrap;}
.indexPart1 .numList li{ width:33.33%; padding-bottom: 0.45rem; font-size: 14px; }
.indexPart1 .numList li .num{ color: #333; font-weight: bold; }
.indexPart1 .numList li .num em{ font-size: 36px; padding-right: 10px; font-family: dinbold; }*/

.indexPart1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexPart1 .numList dd{ padding-bottom: 0.45rem; font-size: 14px; }
.indexPart1 .numList dd .num{ color: #333; font-weight: bold; }
.indexPart1 .numList dd .num em{ font-size: 36px; padding-right: 10px; font-family: dinbold; }

.indexPart1 .more{ position:absolute; right:0; bottom:0.48rem; }
.indexPart1 .more .txt1{ font-size: 14px; color: #333; }
.indexPart1 .more .txt2{ text-transform: uppercase; font-family: dinbold; margin-top: 0.15rem; position: relative; color: #666; font-weight: bold; width: 60px; }
.indexPart1 .more .txt2:after{ content: ''; position: absolute; right: 0; bottom: 2px; width: 5px; height: 11px; background: url(../images/nimg5_2.png) center no-repeat; }
.indexPart1 .more a:hover .txt1{ color:#328bed;}

.indexPart1 .rightDiv{ width: 8.64rem; position: relative; z-index: 1; }
.indexPart1 .list{ width: 2.4rem; height: 6.8rem; background: #fafafa;}
.indexPart1 .list li{ position: relative; height: 2.26rem; }
.indexPart1 .list li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }
.indexPart1 .list li:last-child:after{ display: none; }
.indexPart1 .list li a{ display: block; width: 100%; height: 100%; background: #fafafa;}
.indexPart1 .list li .ico{ position: relative; top: 0; padding-left: 0.58rem; overflow: hidden; }
.indexPart1 .list li .ico .img1{ opacity: 0; position: absolute; left: 0.58rem; top: 0;}
.indexPart1 .list li .c-name{ position: relative; top: 0; padding: 0.55rem 0 0.1rem 0.58rem; font-size: 18px; line-height: 18px; color: #333; font-weight: bold; }
.indexPart1 .list li .e-name{ position: relative; top: 0; color: #333; padding-left: 0.58rem; font-family: din; text-transform: uppercase; padding-bottom: 0.25rem; font-size: 15px; }
.indexPart1 .list li:hover a{ background: #edeff0; }
.indexPart1 .list li:hover .ico{ top: -0.2rem; }
.indexPart1 .list li:hover .ico img{ opacity: 0; }
.indexPart1 .list li:hover .ico .img1{ opacity: 1; }
.indexPart1 .list li:hover .c-name{ top: -0.2rem; color: #328bed; }
.indexPart1 .list li:hover .e-name{ top: -0.2rem; color: #328bed; }
.indexPart1 .pjDiv{ width: 6.24rem; height: 6.8rem; position: absolute; right: 0; top: 0; }
.indexPart1 .pjDiv .bg img{ width: 6.24rem; }
.indexPart1 .pjDiv .more{ position: absolute; right: 0; bottom: 0; width: 1.44rem; height: 1.44rem; z-index: 1; }
.indexPart1 .pjDiv .more a{ position: relative; display: block; width: 100%; height: 100%; background: url(../images/nimg144Bg.jpg) no-repeat; background-size: 100% 100%; }
.indexPart1 .pjDiv .more img{ position: absolute; left: 50%; margin-left: -0.23rem; top: 50%; margin-top: -0.23rem; width: 0.46rem; }
.indexPart1 .pjDiv .more:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart2{ position: relative; }
.indexPart2 .indexTitle{ position: absolute; left: 50%; margin-left: -7.2rem; top: 1.1rem; z-index: 3; }
.indexPart2 .indexTitle .title1{ color: #fff;}
.indexPart2 .indexTitle .title2{ color: #fff;}
.indexPart2 .indexTitle .title2:after{ background: #fff; }

.indexPart2 .detail-box .tabContent {
  display: none;
  position: relative;
}
.indexPart2 .detail-box .tabContent.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}
.indexPart2 .detail-box .item .bg img{ width: 100%; }
.indexPart2 .detail-box .item .layer{ position: absolute; right: 0; top: 0; z-index: 1; width: 25%; height: 100%; background: rgba(0,0,0,0.6); }
.indexPart2 .detail-box .item .mxfDiv{ padding: 0.85rem 0.9rem 0; }
.indexPart2 .detail-box .item .txtDiv{ color: #fff; height: 0.82rem; position: relative; -webkit-animation: am_top 0.3s ease-in-out 0.3s backwards; }
.indexPart2 .detail-box .item .txtDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.5); }
.indexPart2 .detail-box .item .txtDiv .txt1{ font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; }
.indexPart2 .detail-box .item .txtDiv .txt2{ font-family: dinbold; font-size: 18px; text-transform: uppercase; padding-top: 0.1rem; }
.indexPart2 .detail-box .item .list{ -webkit-animation: am_top 0.3s ease-in-out 0.6s backwards;}
.indexPart2 .detail-box .item .list li{ height: 1.0rem; position: relative; }
.indexPart2 .detail-box .item .list li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.5); }
.indexPart2 .detail-box .item .list li a{ display: block; width: 100%; height: 100%; color: #fff; }
.indexPart2 .detail-box .item .list li .txt1{ color: #fff; padding-top: 0.25rem; font-size: 0.2rem; line-height: 0.2rem; }
.indexPart2 .detail-box .item .list li .txt2{ color: #fff; font-family: dinmedium; font-size: 18px; text-transform: uppercase; padding-top: 0.1rem;}
.indexPart2 .detail-box .item .btnDiv{ -webkit-animation: am_top 0.3s ease-in-out 0.9s backwards; padding-top: 0.5rem; }
.indexPart2 .detail-box .item .btnDiv a{ display: block; width: 1.33rem; height: 0.39rem; text-transform: uppercase; color: #333; font-family: dinbold; text-indent: 0.38rem; line-height: 0.39rem; font-size: 16px; background: url(../images/btn1.png) no-repeat; background-size: 1.33rem; }



.box-container{ position: absolute; right: 0; bottom: 0; width: 50%; height: 2.0rem; background: #fff; z-index: 2; }
.box-container.on{ width:60%;}
.box-container.on2{ width:75%;}
.box-container li{ float:left; width:33.33%; height: 2.0rem; background: #fff; text-align: center; cursor: pointer; position: relative; }
.box-container li:nth-child(2n){ background: #edeff0; }
.box-container.on li{ width:25%;}
.box-container.on2 li{ width:20%;}
.box-container .ico{ padding: 0.48rem 0 0.15rem; }
.box-container .ico .img1{ display: none; }
.box-container .c-name{ line-height: 0.32rem; text-align: center; overflow: hidden; color: #333; font-weight: bold; font-size: 18px; }
.box-container .e-name{ padding-top: 0.12rem; font-size: 12px; color: #959595; }
.box-container li.liNow { background: url(../images/nimg320Bg.jpg) center no-repeat; background-size: 100% 100%; }
.box-container li.liNow .c-name{ color: #fff; }
.box-container li.liNow .e-name{ color: rgba(255,255,255,0.5); }
.box-container li.liNow .ico img{ display: none; }
.box-container li.liNow .ico .img1{ display: inline-block; }

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

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

.indexPart2Tel .tabContent2{ position: relative; }
.indexPart2Tel .bg img{ width: 100%; }
.indexPart2Tel .layer{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.8); width: 100%; height: 1.0rem; z-index: 1;}
.indexPart2Tel .layer .c-name{ padding: 0.15rem 0 0 0.3rem; font-size: 0.26rem; color: #fff; }
.indexPart2Tel .layer .e-name{ padding: 0.05rem 2.8rem 0 0.3rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; font-size: 0.2rem; color: rgba(255,255,255,0.5); }
.indexPart2Tel .btnDiv{ position: absolute; right: 0.3rem; top: 50%; margin-top: -0.29rem; }
.indexPart2Tel .btnDiv a{ display: block; width: 1.76rem; height: 0.56rem; border: #fff solid 1px; line-height: 0.56rem; text-align: center; color: #fff; font-size: 0.26rem; }
.indexPart2Tel .tab2 li{ float: left; width: 33.33%; height: 2.8rem; background: #fff; text-align: center; position: relative;}
.indexPart2Tel .tab2 li:nth-child(2n){ background: #edeff0; }
.indexPart2Tel .tab2 li .ico{ padding: 0.4rem 0 0.2rem; }
.indexPart2Tel .tab2 li .ico img{ width: 32px; }
.indexPart2Tel .tab2 li .ico .img1{ display: none; }
.indexPart2Tel .tab2 li .c-name{ width: 5.5rem; height: 0.72rem; line-height: 0.36rem; display: table-cell; vertical-align: middle; overflow: hidden; color: #646464; font-size: 0.26rem; }
.indexPart2Tel .tab2 li .e-name{ padding-top: 0.1rem; font-size: 0.2rem; color: #959595; }
.indexPart2Tel .tab2 .liNow{ background: url(../images/nimg144Bg.jpg) center no-repeat!important; background-size: 100% 100%; }
.indexPart2Tel .tab2 .liNow .ico img{ display: none; }
.indexPart2Tel .tab2 .liNow .ico .img1{ display: inline-block; }
.indexPart2Tel .tab2 .liNow .c-name{ color: #fff; }
.indexPart2Tel .tab2 .liNow .e-name{ color: rgba(255,255,255,0.5); }

.indexPart3{ padding: 1.2rem 0; background: #fafafa; position: relative; }
.indexPart3:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 8.27rem; height: 2.46rem; background: url(../images/nimg827Bg.png) no-repeat; background-size: 8.27rem; }
.indexPart3 .toptop{ position: relative; padding-bottom: 0.7rem; }
.indexPart3 .indexTitle .title2{ height: 0.5rem; }
.indexPart3 .btnDiv{ position: absolute; right: 0; top: 0.15rem; }
.indexPart3 .btnDiv a{ display: block; width: 2.4rem; height: 0.54rem; font-family: dinbold; text-transform: uppercase; color: #fff; text-indent: 0.92rem; line-height: 0.54rem; font-size: 16px; background: url(../images/btn2.png) no-repeat; background-size: 2.4rem; }
.indexPart3 .detail{ width: 7.0rem; overflow: hidden; position: relative; z-index: 2;}
.indexPart3 .detail a{ display: block; width: 100%; height: 100%; }
.indexPart3 .detail .imgDiv{ height:4.22rem;}
.indexPart3 .detail .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.indexPart3 .detail .name{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; font-weight: bold; background: rgba(0,0,0,0.5); z-index: 1; }
.indexPart3 .detail:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart3 .list{ width: 7.28rem; }
.indexPart3 .list ul{ margin-right:-0.1rem;}
.indexPart3 .list li{ float: left; width:50%;}
.indexPart3 .list li .box{ margin-right:0.1rem; position:relative; height: 4.22rem; background: #fff; }
.indexPart3 .list li .imgDiv{ position: relative; overflow: hidden; width:100%; height:2.11rem; }
.indexPart3 .list li .imgDiv img{ width:100%; height:100%; object-fit:cover;}
.indexPart3 .list li:nth-child(1) .imgDiv{ position:absolute; left:0; bottom:0;}
.indexPart3 .list li:nth-child(1) .imgDiv:after{ content: ''; position: absolute; left: 50%; margin-left: -12px; top: 0; width: 23px; height: 9px; background: url(../images/nimg23_1.png) no-repeat; }
.indexPart3 .list li:nth-child(2) .imgDiv:after{ content: ''; position: absolute; left: 50%; margin-left: -12px; bottom: 0; width: 23px; height: 9px; background: url(../images/nimg23_2.png) no-repeat; }
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list li .conDiv{ width:100%; height: 2.11rem; }
.indexPart3 .list li:nth-child(1) .conDiv{ position:absolute; left:0; top:0;}
.indexPart3 .list li .mxfDiv{ padding: 0.3rem 0.4rem 0; }
.indexPart3 .list li .name{ height: 0.6rem; line-height: 0.3rem; font-weight: bold; font-size: 0.18rem; color: #333; overflow: hidden; }
.indexPart3 .list li .content{ padding-top: 0.12rem; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.indexPart3 .list li .botbot{ padding-top: 0.2rem; }
.indexPart3 .list li .time{ color: #adadad; font-size: 12px; }
.indexPart3 .list li .more{ width: 65px; position: relative; font-family: dinbold; font-size: 16px; color: #333; text-transform: uppercase; }
.indexPart3 .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 5px; height: 11px; background: url(../images/nimg5_2.png) no-repeat; }
.indexPart3 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .list li:hover .name{ color: #328bed; }

.indexPart4 .titleDiv .title1{ color: #333; font-size: 0.36rem; height: 0.36rem; line-height: 0.36rem; font-weight: bold; }
.indexPart4 .titleDiv .title2{ color: #666; padding-top: 0.15rem; line-height: 0.32rem; font-size: 0.18rem; font-family:din; position: relative; text-transform: uppercase;}

.indexPart4 .leftDiv, .indexPart4 .rightDiv{ width: 50%; position: relative; }
.indexPart4 .leftDiv .bg img, .indexPart4 .rightDiv .bg img{ width: 100%; }
.indexPart4 .leftDiv .layer{ position: absolute; left: 2.4rem; top: 50%; transform: translateY(-50%); z-index: 1; }
.indexPart4 .leftDiv .msg{ padding-top: 0.35rem; line-height: 0.3rem; font-size: 14px; height: 1.1rem;}
.indexPart4 .leftDiv .btnDiv a{ display: block; width: 2.4rem; height: 0.54rem; font-family: dinbold; text-transform: uppercase; color: #fff; text-indent: 0.92rem; line-height: 0.54rem; font-size: 16px; background: url(../images/btn2.png) no-repeat; background-size: 2.4rem; }

.indexPart4 .rightDiv .layer{ position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); z-index: 1; }
.indexPart4 .rightDiv .msg{ padding-top: 0.35rem; line-height: 0.3rem; font-size: 14px; height: 1.1rem;}
.indexPart4 .rightDiv .txt{ font-size: 24px; color: #000; line-height: 24px; }
.indexPart4 .rightDiv .wen{ font-size: 14px; }
.indexPart4 .rightDiv .wen b{ font-size: 24px; color: #ff7200; font-family: dinbold; }
.indexPart4 .rightDiv .btnDiv a{ display: block; width: 2.36rem; height: 0.5rem; border: #3189ed solid 0.02rem; text-align: center; line-height: 0.5rem; border-radius: 0.36rem; font-size: 14px; color: #333; }
.indexPart4 .rightDiv .btnDiv img{ position: relative; padding-left: 14px; }

.about{ padding: 1.05rem 0 0.6rem;}
.about .mxfDiv{ background: url(../images/indexPart1.png) center bottom no-repeat; background-size: 100%; padding-bottom: 0.85rem;}
.about .leftDiv{ width: 6.8rem; position: relative; z-index: 1;}
.about .titleDiv{ padding-bottom: 0.5rem; color: #333; }
.about .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.about .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase;}
.about .content{ font-size: 14px; line-height: 0.36rem; }
.about .rightDiv{ position: relative; width: 5.75rem; z-index: 1; }
.about .rightDiv .imgDiv img{ width: 5.75rem; }
.about .rightDiv .layer{ position: absolute; right: 0.55rem; color: #fff; bottom: 0.5rem; z-index: 1; }
.about .rightDiv .txt{ font-size: 18px; font-family: dinbold; text-transform: uppercase; line-height: 24px; }
.about .rightDiv .wen{ padding-top: 0.25rem; font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; position: relative; height: 0.65rem; }
.about .rightDiv .wen:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #fff; }

.shareholder{ padding: 1.05rem 0 1.5rem; background: url(../images/shareBg.png) center bottom no-repeat; background-size: 100%; }
.shareholder .titleDiv{ color: #333; padding-bottom: 1.0rem; }
.shareholder .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.shareholder .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.shareholder .list ul{ margin-right: -0.5rem; }
.shareholder .list li{ float: left; width: 50%; }
.shareholder .list li .box{ position: relative; margin-right: 0.5rem; background: #fff; height: 3.84rem; padding: 0 0.8rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); }
.shareholder .list .li01 .box{ border-top-left-radius: 0.48rem; }
.shareholder .list .li02 .box{ padding: 0 0.6rem 0 0.8rem; border-top-right-radius: 0.48rem; border-bottom-right-radius: 0.48rem;}
.shareholder .list li .name{ padding: 0.6rem 0 0.35rem; font-size: 0.24rem; color: #333; font-weight: bold; height: 0.42rem; line-height: 0.42rem; }
.shareholder .list li .botbot{ padding-right: 2.35rem; position: relative; z-index: 1;}
.shareholder .list li .content{ font-size: 12px; line-height: 0.28rem; }
.shareholder .list li .limg{ position: absolute; right: 0; top: 0; }
.shareholder .list li .box:after{ content: ''; position: absolute; right: 0; bottom: 0.24rem; width: 4.72rem; height: 1.6rem; background: url(../images/nimg472Bg.png) center no-repeat; background-size: 4.72rem; }

.historyBox{ padding: 1.05rem 0 2.0rem; background: #fff url(../images/historyBg.png) center bottom no-repeat; background-size: 100%; }
.history .titleDiv{ height: 1.36rem; border-bottom: #eaeaea solid 1px; color: #333; }
.history .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.history .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.history .list{ margin-top: 0.6rem; position: relative;}
.history .list:before{ content: ''; position: absolute; left: 15px; top: 0; width: 1px; height: 100%; background: #f6f6f6; }
.history .list li{ padding-left: 178px; position: relative; height: 30px; line-height: 30px; padding-bottom: 50px; font-size: 24px; color: #333; cursor: pointer;}
.history .list li .ico{ position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../images/ico2.png) center no-repeat; }
.history .list li .year{ position: absolute; left: 80px; top: 0; width: 76px; height: 30px; font-size: 18px; color: #fff; line-height: 30px; text-indent: 23px; background: url(../images/nimg76_1.png) center no-repeat; }
/*.history .list li:hover .ico{ background: url(../images/nimg30_2.png) center no-repeat;}*/
.history .list li.active, .history .list li:hover{ color: #379df3;}
.history .list li.active .year, .history .list li:hover .year{ background: url(../images/nimg76_1on.png) center no-repeat; }

.linkbox .sliderbar{position: absolute;bottom: 0;left: 0;width: 30px;height: 30px;background: url(../images/nimg30_2.png) center no-repeat; pointer-events: none;}

.honorBox{ padding: 1.0rem 0 1.5rem; background: #fff url(../images/indexPart1.png) center 3.15rem no-repeat; background-size: 100%; }
.honor .titleDiv{ padding-bottom: 0.6rem; color: #333; }
.honor .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.honor .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.honor .list ul{ margin-right: -0.3rem; }
.honor .list li{ float: left; width: 25%; margin-bottom: 0.3rem;}
.honor .list li .box{ margin-right: 0.3rem; border: #ededed solid 1px; background: #fff;}
.honor .list li .imgDiv{ overflow: hidden; border-bottom: #ededed solid 1px; }
.honor .list li .imgDiv img{ width: 100%; }
.honor .list li .name{ height: 88px; overflow: hidden; text-align: center; padding: 0 0.2rem; line-height: 24px; font-weight: bold; font-size: 14px;}
.honor .list li .name em{ display: table-cell; vertical-align: middle; width:400px; height: 88px; }
.honor .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.contactBox{ padding: 1.0rem 0 0.9rem; background: #fff url(../images/contactBg.png) center bottom no-repeat; background-size: 100%;  }
.contact .titleDiv{ padding-bottom: 0.75rem; color: #333; }
.contact .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.contact .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.contact .leftDiv{ width: 6.0rem; }
.contact .leftDiv .name{ font-size: 0.36rem; line-height: 0.36rem; color: #333; font-weight: bold; padding-bottom: 0.5rem; }
.contact .leftDiv .list li{ position: relative; padding-left: 43px; padding-bottom: 22px; height: 28px; line-height: 28px; font-size: 16px; color: #333; }
.contact .leftDiv .list li img{ position: absolute; left: 0; top: 0; }
.contact .mapDiv{ width: 7.0rem; }
.contact .mapDiv img{ width: 100%; }

.partner{ padding: 1.15rem 0 1.75rem; overflow: hidden; background: #fff url(../images/partnerBg.png) center bottom no-repeat; background-size: 100%; }
.partner .djaiDiv{ position: relative; }
.partner .djaiDiv:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 6.5rem; height: 1px; bottom: 0; background: #e9e9e9; }
.partner .titleDiv{ color: #333; }
.partner .titleDiv .title1{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; }
.partner .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.partner .mxfDiv{ padding-top: 1.15rem; position: relative;}
.partner .leftDiv{ width: 5.8rem; }
.partner .rightDiv{ width: 7.7rem; }
.partner .txt{ font-size: 24px; color: #3189ed; line-height: 42px; }
.partner .txt img{ padding-left: 22px; }
.partner .wen{ padding-top: 0.1rem; line-height: 0.4rem; font-size: 0.26rem; color: #000; font-family:avant; text-transform: uppercase; }
.partner .arrow{ position: absolute; left: 50%; margin-left: -2.4rem; bottom: 0; }
.partner .arrow:before{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #3189ed; }
.partner .arrow .prev, .partner .arrow .next{ float: left; display: block; width: 48px; height: 38px; border: #3189ed solid 1px; }
.partner .arrow .prev{ background: url(../images/nimg6_left.png) center no-repeat; border-right: none;}
.partner .arrow .next{ background: url(../images/nimg6_right.png) center no-repeat; border-left: none;}
.partner .arrow .prev:hover{ background: #3189ed url(../images/nimg6_lefton.png) center no-repeat;}
.partner .arrow .next:hover{ background: #3189ed url(../images/nimg6_righton.png) center no-repeat;}

.partnerPic{ border-left: #ebebeb solid 1px; border-top: #ebebeb solid 1px; position: relative; overflow: hidden;}
.partnerPic .swiper-slide .imgDiv{ height: 1.48rem; text-align: center; line-height: 1.48rem; border-bottom: #ebebeb solid 1px; border-right: #ebebeb solid 1px; overflow: hidden; }
.partnerPic .swiper-slide .imgDiv img{ width: 2.2rem; }

.fleetBox{ padding: 1.0rem 0; background: url(../images/indexPart1.png) center 3.15rem no-repeat; background-size: 100%; }
.fleet .titleDiv{ padding-bottom: 1.05rem; color: #333; }
.fleet .titleDiv .title1{ font-size: 0.36rem; line-height: 0.36rem; font-weight: bold;}
.fleet .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.fleet .txt{ font-size: 0.36rem; line-height: 0.36rem; color: #333; padding-bottom: 0.15rem; }
.fleet .wen{ font-size: 16px; color: #333; padding-bottom: 55px; text-transform: uppercase; }
.fleet .list{ border-top: #f1f1f1 solid 1px; }
.fleet .list li{ border-left: #f1f1f1 solid 1px; overflow: hidden; background: #fff; }
.fleet .list dd{ float: left; width: 12.5%; height: 98px; border-bottom: #f1f1f1 solid 1px; }
.fleet .list dd .name{ border-right: #f1f1f1 solid 1px; font-size: 20px; color: #333; line-height: 98px; font-family: din; padding-left: 18px;}
.fleet .list dd .lbox{ height: 98px; border-right: #f1f1f1 solid 1px; text-align: center;}
.fleet .list dd .lbox img{ width: 1.78rem; }

.business{ padding: 1.05rem 0 0.95rem; }
.business .toptop{ position: relative; min-height: 2.82rem; padding-right: 4.95rem; }
.business .mxfDiv{ position: absolute; right: 0; top: 0; text-align: center; width: 3.8rem; height: 2.82rem; background: #f2f2f2 url(../images/nimg380Bg.jpg) center bottom no-repeat; }
.business .titleDiv{ color: #333; padding-bottom: 0.65rem;}
.business .titleDiv .title1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; }
.business .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.business .content{ font-size: 16px; color: #333; line-height: 30px; }
.business .mxfDiv .txt{ font-size: 0.26rem; color: #ccc; line-height: 0.26rem; font-weight: bold; padding: 1.2rem 0 0.15rem;}
.business .mxfDiv .name{ font-size: 0.26rem; line-height: 0.36rem; font-weight: bold; }
.business .mxfDiv .wen{ padding-top: 0.15rem; text-transform: uppercase; font-size: 14px; color: #999; }
.business .midmid{ position: relative; }
.business .layer{ position: absolute; right: 0; top: 0; width: 3.8rem; line-height: 32px; background: rgba(51,51,51,0.8); z-index: 3; padding: 0.4rem 0; color: #fff; text-align: center; font-size: 16px; }
.business .layer p{ padding: 0 20px; }
.businessPic .imgDiv img{ width: 100%; }
.businessPic .swiper-button-prev{ position: absolute; left: 0.5rem; top: 50%; margin-top: -20px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: #b5b5b5 url(../images/nimg6_lefton.png) center no-repeat;}
.businessPic .swiper-button-next{ position: absolute; right: 0.5rem; top: 50%; margin-top: -20px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; background: #b5b5b5 url(../images/nimg6_righton.png) center no-repeat;}
.businessPic .swiper-button-prev:hover{ background: #369af1 url(../images/nimg6_lefton.png) center no-repeat;}
.businessPic .swiper-button-next:hover{ background: #369af1 url(../images/nimg6_righton.png) center no-repeat;}
.business .botbot{ height: 1.6rem; background: #f6f6f6; position: relative; }
.business .msgList li{ float: left; width: 2.35rem; height: 1.6rem; position: relative; text-align: center; }
.business .msgList li:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 40px; margin-top: -20px; background: #e9e9e9; }
.business .msgList li:last-child:after{ background: none; }
.business .msgList li .txt{ padding-top: 0.55rem; font-size: 18px; color: #3189ed; font-weight: bold; }
.business .msgList li .txt img{ padding-right: 8px; }
.business .msgList li p{ padding-top: 0.15rem; font-size: 14px; color: #999; }
.business .btnDiv{ position: absolute; right: 0.6rem; top: 50%; margin-top: -25px; width: 150px; height: 50px; }
.business .btnDiv a{ display: block; width: 146px; height: 46px; border: #333 solid 2px; text-align: center; line-height: 46px; color: #333; font-size: 14px; }
.business .btnDiv a:hover{ background: #3596f0; border: #3596f0 solid 2px; color: #fff; }

.news{ padding: 1.0rem 0 1.5rem; background: url(../images/indexPart1.png) center 3.1rem no-repeat; background-size: 100%; }
.news .titleDiv{ color: #333; padding-bottom: 0.55rem;}
.news .titleDiv .title1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; }
.news .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}
.news .list{ padding-bottom: 0.5rem; }
.news .list ul{ margin-right: -0.45rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.45rem; }
.news .list li a{ display: block; width: 100%; height: 100%; }
.news .list li .box{ margin-right: 0.45rem; background: #f7f7f7; padding: 0 0.5rem 0.55rem; }
.news .list li .name{ padding-top: 0.5rem; height: 0.72rem; line-height: 0.36rem; font-size: 0.2rem; color: #333; overflow: hidden; font-weight: bold; }
.news .list li .imgDiv{ margin-top: 0.4rem; height:2.1rem; overflow: hidden;}
.news .list li .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.news .list li .content{ padding-top: 0.2rem; font-size: 14px; color: #999; line-height: 30px; height: 90px; overflow: hidden; }
.news .list li .time{ color: #c3c3c3; font-size: 14px; padding-top: 15px; }
.news .list li .box:hover{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); background: #fff;}
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newsBox{ padding: 1.0rem 0 0.65rem; }
.newShow{ padding-bottom: 0.75rem; }
.newShow .name{ font-size: 32px; color: #231e37; font-weight: bold; line-height: 50px; padding-bottom: 30px; }
.newShow .wnList{ padding-bottom: 40px; overflow: hidden;}
.newShow .wnList li{ float: left; color: #ccc; font-size: 14px; font-weight: bold; padding-right: 20px;}
.newShow .wnList li img{ margin-right: 10px; }
.newShow .content{ font-size: 14px; color: #999; line-height: 30px; }
.newShow .content p{ text-indent:2em;}
.newShow .imgDiv{ padding: 0.4rem 0; text-align: center;}
.newShow .content img{ max-width: 9.8rem; }

.sideNews{ padding: 0.55rem 0.5rem 0.3rem; background: #fafafa; }
.sideNews .title1{ font-weight: bold; font-size: 26px; line-height: 26px; color: #090a0c; padding-bottom: 10px; }
.sideNews .title2{ font-size: 14px; color: #999; text-transform: uppercase; }
.sideNews .list2{ padding-top: 20px; }
.sideNews .list2 li{ padding: 0.3rem 0; border-bottom: #ededed solid 1px; }
.sideNews .list2 li:last-child{ border-bottom: none; }
.sideNews .list2 li .imgDiv img{ width:100%;}
.sideNews .list2 li .name{ color: #666; font-size: 14px; margin-top: 0.2rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.sideNews .list2 li .ico{ margin-top: 0.15rem; width: 47px; height: 33px; background: url(../images/nimg47_1.png) right center no-repeat; }
.sideNews .list2 li:hover .name{ color: #379df3; }

.sideBot{ margin-top: 20px; background: #fafafa; padding: 0.4rem 0.5rem 0.5rem; }
.pageDown li{ height: 46px; font-size: 14px; }
.pageDown li a{ display: block; height: 46px; line-height: 46px; overflow: hidden; color: #333; }
.pageDown li b, .pageDown li em{ color: #999; font-weight:400; }
.pageDown li a:hover{ color: #379df3; }

.sideBot .share{ padding-top: 15px; }
.sideBot .share li{ float: left; margin-right: 0.15rem; width: 0.36rem; height: 0.36rem; }
.sideBot .share li img{ width: 0.36rem; }
.sideBot .share li .img1{ display: none; }
.sideBot .share li:hover img{ display: none; }
.sideBot .share li:hover .img1{ display: inline-block; }
.sideBot .returnBtn{ padding-top: 0.4rem; }
.sideBot .returnBtn a{ display: block; width: 100%; height: 0.5rem; line-height: 0.5rem; background: url(../images/btn3.jpg) center no-repeat; text-align: center; font-size: 14px; color: #fff; }
.sideBot .returnBtn img{ margin-left: 0.1rem; width: 0.14rem; }

.jobBox{ padding: 1.05rem 0 1.8rem; background: url(../images/indexPart1.png) center 3.1rem no-repeat; background-size: 100%;  }
.jobBox .titleDiv{ color: #333; padding-bottom: 0.55rem;}
.jobBox .titleDiv .title1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; }
.jobBox .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase; padding-top: 0.12rem;}

.job .list li {margin-bottom: 15px;}
.job .list .msgDiv { height: 90px;background: #fafafa; position: relative;}
.job .list .msgDiv a{ display: block; padding: 0 100px 0 105px; height: 100%; }
.job .list li .ico{ position: absolute; left: 30px; top: 50%; margin-top: -28px;}
.job .list li .name{ padding-top: 20px; height: 28px; line-height: 28px; overflow: hidden; font-size: 18px; color: #3189ed; font-weight: bold;}
.job .list li .wen{ font-size: 12px; color: #999; padding-top: 5px; }
.job .list li .wen em{ padding-right: 24px; }
.job .list li .ert { position: absolute; right: 0; top: 50%; width: 47px; height: 17px; margin-top: -9px; background:url(../images/nimg47_2.png);}

.job .list .box {display: none; padding: 0 100px 40px; background: #fafafa; border-top: 1px solid #f5f5f5;}
.job .list .box .txt {color: #333;font-size:14px;line-height: 34px;font-weight: bold;}
.job .list .box .content{color: #999; font-size: 14px;line-height: 28px;}
.job .list .box .midmid{padding-top: 28px;}
.job .list .box .botbot{padding-top: 45px;}
.job .list .box .msg{ font-size: 12px; color: #999; line-height: 28px; padding-bottom: 40px;}
.job .list li.liNow .ert {background:url(../images/nimg47_2on.png);}

.sideJob{ width: 3.85rem; position: relative; }
.sideJob .bg img{ width: 100%; }
.sideJob .layer{ position: absolute; left: 0.5rem; top: 0.8rem; z-index: 1; }
.sideJob .limg img{ width: 1.75rem; }
.sideJob .en{ font-size: 0.24rem; line-height: 0.38rem; font-family:mont-l; text-transform:uppercase; color:#999; width:85%;}
.sideJob .txt{ font-size: 0.32rem; line-height: 0.32rem; font-weight: bold; padding-top: 0.25rem; }

.businessShow{ padding: 1.0rem 0 0.75rem; }
.businessShow .name{ text-align: center; font-size: 0.36rem; color: #333; line-height: 0.36rem; padding-bottom: 0.55rem; font-weight: bold; }

.businessShow .detail-box{ position: relative; }
.businessShow .detail-box .list .item {
  display: none;
  position: relative;
}
.businessShow .detail-box .list .item.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}
.businessShow .detail-box .list .item .bg img{ width: 100%; }
.businessShow .detail-box .prev { position: absolute; left: -0.9rem; top: 50%; margin-top: -20px; cursor: pointer; width: 40px; height: 40px; overflow: hidden; background: #b5b5b5; z-index: 5; border-radius: 50%;}
.businessShow .detail-box .next { position: absolute; right: -0.9rem; top: 50%; margin-top: -20px; cursor: pointer; width: 40px; height: 40px; overflow: hidden; background: #b5b5b5; z-index: 5; border-radius: 50%;}
.businessShow .detail-box .prev:before{ content: ''; position: absolute; width: 6px; height: 10px; top: 50%; margin-top: -5px; left: 50%; margin-left: -3px; background: url(../images/nimg6_lefton.png) no-repeat; }
.businessShow .detail-box .next:before{ content: ''; position: absolute; width: 6px; height: 10px; top: 50%; margin-top: -5px; left: 50%; margin-left: -3px; background: url(../images/nimg6_righton.png) no-repeat; }
.businessShow .detail-box .prev:hover{ background: #328bed;}
.businessShow .detail-box .next:hover{ background: #328bed;}



.bus-container .year-swiper{ padding-top: 20px; }
.bus-container .swiper-slide{ cursor: pointer; position: relative; }
.bus-container .limg{ position: relative;}
.bus-container .limg:before{ display: none; z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/nimg220Bg.png) no-repeat; background-size: 100% 100%; }
.bus-container .limg img{ width: 2.2rem;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
.bus-container .swiper-slide.swiper-slide-active .limg img{  -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0); }
.bus-container .swiper-slide.swiper-slide-active .limg:before{ display: block; }

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

.businessShow .title{ font-size: 0.26rem; color: #000; font-weight: bold; padding: 1.0rem 0 0.55rem; }
.businessShow .msgList{ height: 1.3rem; background: #f6f6f6; position: relative; }
.businessShow .msgList li{ float: left; width: 2.6rem; height: 1.3rem; position: relative; text-align: center; }
.businessShow .msgList li:after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 40px; margin-top: -20px; background: #e9e9e9; }
.businessShow .msgList li:last-child:after{ background: none; }
.businessShow .msgList li .txt{ padding-top: 0.36rem; font-size: 18px; color: #3189ed; font-weight: bold; }
.businessShow .msgList li .txt img{ padding-right: 8px; }
.businessShow .msgList li p{ padding-top: 0.15rem; font-size: 14px; color: #999; }
.businessShow .content{ padding-top: 0.5rem; font-size: 18px; color: #333; line-height: 36px; }

/*2022.5.14*/
.governance{ padding:100px 0;}
.governance .links{ text-align:center; padding-bottom:45px;}
.governance .links ul{ font-size:0;}
.governance .links li{ display:inline-block;}
.governance .links li .box{ margin: 0 20px;}
.governance .links li a{ display:block; width:160px; height:48px; line-height:48px; background:#fafafa; font-size:16px; color:#333;}
.governance .links li .aNow, .governance .links li a:hover{ background:#379df3; color:#fff;}

.governance .titleDiv{ padding-bottom: 0.5rem; color: #333; }
.governance .titleDiv .title1{ font-size: 0.36rem; font-weight: bold;}
.governance .titleDiv .title2{ font-size: 18px; font-family: dinbold; text-transform: uppercase;}

.governance .content{ font-size:14px; line-height:24px;}
.governance .imgDiv{ padding: 35px 0; text-align: center;}
.governance .imgDiv img{ max-width:1200px;}

.policy{ padding: 1.0rem 0; }
.policy .title{ text-align:center; font-size:0.48rem; line-height:0.48rem; color:#333;}
.policy .content{ padding-top: 0.6rem; font-size: 0.18rem; line-height: 0.36rem; text-align: justify; }


.webmap{ padding: 100px 0; }
.webmap .title .h6{ font-size: 36px; color: #333333; text-align: center; position: relative; padding: 70px 0 16px; margin-bottom: 52px; }
.webmap .title .h6:before{ content: ''; display: block; width: 30px; height: 1px; background: #6e8e7d; position: absolute; left: 50%; margin-left: -15px; bottom: 0;}
/*title end*/
/*webmap*/

.webmap ul{ overflow: hidden;    text-align: center;}
.webmap li{  margin-right: 45px; margin-top: 10px; background: url(../images/mapbor_05.jpg) no-repeat repeat center top;   display: inline-block;   vertical-align: top;}
.webmap li:last-child{ margin-right: 0;}
.webmap li a{ display: block;  border: 1px solid #cccccc; border-radius: 8px; text-align: center; padding: 16px;padding-right: 20px; }
.webmap li .h6{ margin-bottom: 40px; background: #FFFFFF; }
.webmap li a.p{ margin-bottom: 21px; color: #FFFFFF; background: #3395f0 url(../images/nimg180Bg.jpg) no-repeat center; border-color: #3395f0; }
.webmap li a.p:hover{ animation: aad 0.2s linear forwards; }
.webmap li .h6 a, .webmap li .h6 a:link, .webmap li .h6 a:visited, .webmap li .h6 a:hover, .webmap li .h6 a:active{    color: #333;}
@keyframes aad{
0%{  background: #3395f0 url(../images/nimg180Bg.jpg) no-repeat center; }
100%{  background: #3395f0 url(../images/nimg180Bg.jpg) no-repeat center; }
}
.webmap li a:last-child , .webmap li div:last-child{ margin-bottom: 0; }