@charset "utf-8";
.container{position: relative;}

/* .more a{font-size: 14px; color: #333333;display: inline-block;}
.more a span{margin-left: 8px;vertical-align: -6px;display: inline-block;transition: all 0.4s;}
.more a:hover span{margin-left: 20px;}

.banner-info {display: flex; position: absolute; color: #1b5994; align-items: center; z-index: 5; left: 0; justify-content: center;right: 0;top: 90vh; flex-wrap: wrap; }
.banner-info .mouse { width: 22px; height: 32px; border: 1px solid #1b5994; border-radius: 40px; margin-left: 0.1rem; margin-right: 0.1rem; position: relative; }
.banner-info .mouse:after { content: ""; position: absolute; width: 2px; height: 8px; top: 8px; left: 50%; margin-left: -1px; background: #1b5994; animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; }
.banner-info p{width: 100%; text-align: center; margin-top: 12px;font-size: 14px;color: #1b5994;line-height: 20px;}
.banner-page-num{position: absolute; z-index: 6; left: 9.896%; top: 91.8vh; height: 32px;  width: 264px; display: flex; justify-content: space-between;}
.banner-page-num span{ display: inline-block; color: #1b5994;  transition: all .3s;font-size: 18px;line-height: 25px;}

.my-swiper-scrollbar{position: absolute;left: calc(9.896% + 36px); top: 93vh;  height: 1px; background: rgba(255,255,255,0.4); width: 192px;z-index: 6;}
.my-swiper-scrollbar .my-swiper-scrollbar-drag{position: absolute; left: 0;  height: 1px; background: #1b5994;z-index: 7; top: -0.5px; transition-duration: 300ms; transition: all .3s; transform: translate3d(0,0,0);}

.banner .swiper-button-next,
.banner .swiper-button-prev{top: 93vh;  width: 52px; height: 52px;  }
.banner .swiper-button-next::before,
.banner .swiper-button-prev::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0;border: 1px solid #1b5994; content: ''; z-index: 2; transform: skewX(-10deg); border-radius: 3px;}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after{ position: absolute; content: '';width: 14px; height: 14px; border-top: 2px solid #1b5994; border-right: 2px solid #1b5994; z-index: 5;}
.banner .swiper-button-next::after{transform: rotate(45deg); left: 50%; margin-left: -10px; top: 50%; margin-top: -7px;}
.banner .swiper-button-prev::after{transform: rotate(-135deg); left: 50%; margin-left: -5px; top: 50%; margin-top: -7px;}
.banner .swiper-button-next{background: none;right: 9.896%; }
.banner .swiper-button-prev{background: none;right:calc(9.896% + 80px) ; left: auto; }
.banner .swiper-button-prev:hover::before,
.banner .swiper-button-next:hover::before{ background: #2F5597;border: 1px solid #2F5597;}
.banner .swiper-button-prev:hover::after,
.banner .swiper-button-next:hover::after{border-top: 2px solid #fff; border-right: 2px solid #fff;}

@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

@media screen and (max-width: 1200px) {
  .banner,
  .ban-swiper{ height: 80vh; }
  .banner .ban-prev, .banner .ban-next{width: 40px; height: 40px;}
  .banner .ban-move{right: 4%;}
  .banner .ban-move .ban-page{display: none;}
}
@media screen and (max-width: 1100px) {
  .banner,
  .ban-swiper{ height: 50vh; }
}
@media screen and (max-width: 900px) {
  .banner,
  .ban-swiper{ height: 30vh; }
} */
/* @media screen and (max-width: 679px) {
    .banner{ margin-top: 54px; }
  } */

@keyframes  myscale{
  100%{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
  50%{
       transform: scale(1.2);
       -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
       -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
}
   0%{
     transform: scale(1);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
}







.paly{
  width: 60px;
  height: 60px;
  margin-top: 3vh;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 rgba(255, 255, 255, 0.9),0 0 0 10px rgba(255, 255, 255, 0.9),0 0 0 20px rgba(255, 255, 255, 0.9);
  animation: ripple-wave1 1s linear infinite;
  animation-play-state: running;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-animation: ripple-wave1 1s linear infinite;
  transform: scale(0.8);
  position: absolute;
  left: 50%;
  /*margin-left: ;
  */top: 0;
  bottom: 0;
  margin:auto 0 auto -30px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
  .transition{ transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
 
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 5px rgba(27, 89, 148, 0.1),0 0 0 10px rgba(27, 89, 148, 0.1),0 0 0 15px rgba(27, 89, 148, 0.1);
}
  }
  .video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}

.video .s1{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; transform:translateY(-50%)}

.video .s1 video{ width:100%}

.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
.play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }


@media (max-width:750px) {

	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}

}


.col-a{padding: 80px 0 60px;}
.col-a .bd_a{display: flex;}
.col-a .bd_a .bd2{width: 920px;position: relative;}
.col-a .bd_a .bd2 ul{position: absolute;display: flex;left: 0;width: 100%;bottom: 39px;}
.col-a .bd_a .bd2 ul li{display: flex;flex-direction: column;align-items: center;flex: 1;border-right: 1px solid #c8c8c8;}
.col-a .bd_a .bd2 ul li .num{color: #ffffff;font-size: 36px;line-height: 46px;}
.col-a .bd_a .bd2 ul li .t{color: #c8c8c8;font-size: 14px;line-height: 24px;margin-top: 3px;}
.col-a .bd_a .bd2 ul li:last-child{border-right: none;}
.col-a .bd_a .bd2 .play{margin-top: -29px;}
.col-a .bd_a .bd1{width: calc(100% - 920px);padding-left: 40px;}
.col-a .bd_a .bd1 .h1{color: #2864b4;font-size: 32px;line-height: 42px;font-weight: bold;}
.col-a .bd_a .bd1 .h2{color: #000000;font-size: 20px;line-height: 30px;font-weight: normal;margin-top: 13px;}
.col-a .bd_a .bd1 .mc{color: #333;font-size: 16px;line-height: 36px;font-weight: normal;margin-top: 15px;text-align: justify;}
.col-a .bd_a .bd1 .more{margin-top: 28px;}
.col-a .bd_a .bd1 .more a{ color: #000000; font-size: 18px; font-weight: bold; padding-left: 34px; background: url(ico7.png)no-repeat left center; line-height: 28px; display: inline-block; }

.col-a .bd_b{margin-top: 40px;}
.col-a .bd_b ul{display: flex;}
.col-a .bd_b ul li{width: 440px;margin-right: 40px;}
.col-a .bd_b ul li .pc {overflow: hidden;}
.col-a .bd_b ul li .pc img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ;width: 100%; }
.col-a .bd_b ul li:hover .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.col-a .bd_b ul li:last-child{margin-right: 0;}
.col-a .bd_b ul li .desc{padding: 25px 0 0 0;}
.col-a .bd_b ul li .desc .t1{font-weight: bold;color: #000000;font-size: 24px;}
.col-a .bd_b ul li .desc .t2 {color: #000000;font-size: 15px;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 16px;}
.col-a .bd_b ul li .desc  .t3{color: #000000; font-size: 18px; font-weight: bold; padding-left: 34px; background: url(ico7.png)no-repeat left center; line-height: 28px; display: inline-block; margin-top: 20px;}

.col-b{padding:55px 0 60px;background: #F0F2F6;display: none;}
.col-b .hd{display: flex;justify-content: space-between;align-items: center;}
.col-b .hd .tle{color: #000000;font-size: 32px;line-height: 42px;font-weight: bold;}
.col-b .hd .more a{color: #666666;font-size: 18px;line-height: 32px;background: url(ico8.png)no-repeat right center;padding-right: 32px;font-weight: bold;}
.col-b .swiper-button-next.swiper-button-disabled, .col-b .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;}
.col-b .swiper-button-next, .col-b .swiper-button-prev{width: 48px;height: 48px;margin-top: -24px;}
.col-b .swiper-button-prev{left: -60px;background: url(al.png)no-repeat center;}
.col-b .swiper-button-next{right: -60px;background: url(ar.png)no-repeat center;}
.col-b .swiper-button-prev:hover{left: -60px;background: url(al1.png)no-repeat center;}
.col-b .swiper-button-next:hover{right: -60px;background: url(ar1.png)no-repeat center;}


.col-b .bd{margin-top: 25px;position: relative;}
.col-b .bd .swiper-slide .pc{overflow: hidden;}
.col-b .bd .swiper-slide .pc img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.col-b .bd .swiper-slide:hover .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.col-b .bd .swiper{overflow: hidden;}
.col-b .bd .desc{background: white;padding: 25px 39px 30px 34px;box-sizing: border-box;}
.col-b .bd .desc .mt{color: #000000;font-size: 20px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.col-b .bd .desc .mc{color: #666666;font-size: 16px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 12px;}
.col-b .bd .desc  .t{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.col-b .bd .desc  .t .t1{color: #000000; font-size: 18px; font-weight: bold; padding-left: 34px; background: url(ico7.png)no-repeat left center; line-height: 28px; display: inline-block;}
.col-b .bd .desc  .t .time{color: #666666;font-size: 14px;line-height: 24px;}

@media (max-width:1600px) {
  .col-a{padding: 60px 0;}
	.col-a .bd_a .bd2{width: 720px;}
  .col-a .bd_a .bd1{width: calc(100% - 720px);}
  .col-a .bd_a .bd2 .pc1 img{height: 400px;object-fit: cover;}

  .col-a .bd_b ul li{width: 32%;margin-right: 2%;margin-top: 2%;}
  .col-a .bd_b ul li:nth-child(3n){margin-right: 0;}
  .col-a .bd_b ul li:nth-child(-n+3){margin-top: 0;}

  .col-b{padding: 60px 0;}
}
@media (max-width:1340px) {
    .col-b .swiper-button-prev{left: 0;}
    .col-b .swiper-button-next{right: 0;}
}
@media (max-width:1200px) {
  .col-a{padding: 40px 0;}
	.col-a .bd_a .bd2{width: 720px;}
  .col-a .bd_a .bd1{width: calc(100% - 720px);}
  .col-a .bd_a .bd2 .pc1 img{height: 400px;object-fit: cover;}

  .col-a .bd_b ul li{width: 32%;margin-right: 2%;margin-top: 2%;}
  .col-a .bd_b ul li:nth-child(3n){margin-right: 0;}
  .col-a .bd_b ul li:nth-child(-n+3){margin-top: 0;}

  .col-b{padding: 40px 0;}

  .col-a .bd_a .bd2{width: 600px;}
  .col-a .bd_a .bd1{width: calc(100% - 600px);padding-left: 20px;}
  .col-a .bd_a .bd1 .mc{overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    display:box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;}
}

@media (max-width:900px) {
  .col-a{padding: 20px 0;}
	.col-a .bd_a .bd2{width: 720px;}
  .col-a .bd_a .bd1{width: calc(100% - 720px);}
  .col-a .bd_a .bd2 .pc1 img{height: 400px;object-fit: cover;}

  .col-a .bd_b ul li{width: 32%;margin-right: 2%;margin-top: 2%;}
  .col-a .bd_b ul li:nth-child(3n){margin-right: 0;}
  .col-a .bd_b ul li:nth-child(-n+3){margin-top: 0;}

  .col-b{padding: 20px 0;}

  .col-a .bd_a{flex-direction: column;}
  .col-a .bd_a .bd2{width: 100%;}
  .col-a .bd_a .bd1{width: 100%;margin-top: 20px;padding-left: 0;}

  .col-a .bd_a .bd1 .h1{font-size: 26px;line-height: 36px;}
  .col-a .bd_a .bd2 .play{margin-top: 0;margin-left: 0;}
  .col-a .bd_a .bd2 ul li .num{font-size: 20px;line-height: 30px;}
  .col-a .bd_a .bd2 ul li{flex: unset;width: 50%;margin-top: 2%;}
  .col-a .bd_a .bd2 ul li:nth-child(-n+2){margin-top: 0;}
  .col-a .bd_a .bd2 ul{flex-wrap: wrap;}
  .col-a .bd_a .bd2 .play{margin-top: -55px;}
  .col-a .bd_a .bd1 .mc{overflow: unset; text-overflow: elunsetlipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: unset;}
    .col-a .bd_a .bd1 .more{margin-top: 20px;}
    .col-a .bd_b{margin-top: 20px;}
    .col-a .bd_b ul{flex-direction: column;}
    .col-a .bd_b ul li{width: 100%;margin-right: 0;margin-top: 20px !important;}
    .col-a .bd_b ul li:nth-child(1){margin-top: 0 !important;}

    .col-b .hd .tle{font-size: 26px;line-height: 36px;}

    .col-b .bd .desc{padding: 20px;}
    .col-a .bd_a .bd2 ul{bottom: 20px;}
    .col-b .swiper-button-prev{left: 0;}
    .col-b .swiper-button-next{right: 0;}
}