/* @media (max-width:900px) {
    .topArea .cont .logo { width: 34%; }
    .topArea .cont {  padding-top: 12px; }
} */
.header .topArea { position: absolute; left: 0; top: 0; right: 0; z-index: 199;position: fixed; }
/* 产品类 */
.topArea .cont{padding-right: 3.6%; padding-top: 0; }
.topArea .cont .logo{ width: 338px; margin-top: 0;}
.topArea .topLink .toptxt{color: #000000;background: url(../image/ico15.png)no-repeat left center;background: none;}
/* .topArea{position: relative;} */
.topArea .topLink .nav li>a{color: #333333;}
.topArea .topLink .nav .m1{color: #333333;}
/* .topArea .topLink .nav .m1::before{ background: #1577dc; background: url(ico10000.png)no-repeat left center;} */
.topArea .topLink .nav li.current .m1,
.topArea .topLink .nav li:hover .m1{color: #1c5c9e;}

@media (max-width:1440px) {
	.topArea .topLink .nav ul li {margin-right: 2.5vw;}
}
@media (max-width:900px) {
	.topArea .cont { flex-wrap: wrap; padding-right: 0; }
	.topArea .cont .logo { width: 50%; background-size: cover; }
	/* .topArea .topLink {	width: 45%;	} */
	.topArea .topLink .toptxt { background-size: 16px; font-size: 14px; }
	.header .navbar {margin-left: 0;margin-right: 10px;}
	.m-nav{top:0; }
    body.z-open .m-nav{height: 100%; padding-top: 5vh; padding-bottom: 3vh; overflow-y: auto; }
}
@media (max-width:679px) {
	.topArea .cont .logo { width: 200px; background-size: cover; }
	/* .topArea .topLink {	width: 45%;	} */
}
.container{position: relative;}
.banner{position: relative; height: 100vh; overflow: hidden; }
.ban-swiper{width: 100%; height: 100vh; }
.ban-swiper .swiper-slide{overflow: hidden;}
.ban-swiper .swiper-slide .picBox{width: 100%; height: 100%; transform: scale(1.1); transition: all 0.8s;}
.ban-swiper .swiper-slide-active .picBox{transform: scale(1);}
.ban-swiper .picBox .video{width: 100%; height: 100%;}
.ban-swiper .picBox .video video{width: 100%; height: 100%; object-fit: cover;}
.banner .ban-move{position: absolute;right: 56px;bottom: 20px;z-index: 4;}
.banner .ban-move .act1{font-family: Arial;font-size: 24px;color: #1577dc;}
.banner .ban-move .tot1{font-family: Arial;font-size: 18px;color: #fff;}

.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; height: 100vh;}
}
/* @media screen and (max-width: 679px) {
    .banner{ margin-top: 54px; }
  } */

.col-a{background: url(../image/bg-a.png) no-repeat top center;background-size: cover;padding: 102px 0 124px;}
.col-a .bd{display: flex;justify-content: space-between;align-items: center;padding:  0 7.5%;}
.col-a .bd .bd-a .a1{color: #8a8b90;font-size: 24px;line-height: 1.25;font-weight: bold;}
.col-a .bd .bd-a .b{color: #1b5994;font-size: 60px;font-weight: bold;width:316px;line-height: 1.55;margin-top: 32px;}
.col-a .bd .bd-a .c{color: #666666;font-size: 18px;font-weight: normal;width:269px;line-height: 1.55;margin-top: 40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.col-a .bd .bd-b .pc { position: relative; overflow: hidden;}
.col-a .bd .bd-b .pc img { transition: all .3s linear; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.col-a .bd .bd-b .pc::after{content: "";position: absolute;left: -86px;bottom: 77px;background: url(../image/ico1.png) center;background-size: 100%;width: 87px;height: 96px;}
.col-a .bd .bd-b .pc::before{content: "";position: absolute;right: -86px;top: 96px;background: url(../image/ico1.png) center;background-size: 100%;width: 87px;height: 96px;}
/* .col-a .bd .bd-b .pc:hover 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); } */

.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(../image/gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}



@media (max-width:750px) {

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

}


@media (max-width:900px) {
    .col-a{ padding: 50px 0;}
    .col-a .bd{flex-wrap: wrap;padding: 0 15px;}
    .col-a .bd .bd-a { width: 100%; }
    .col-a .bd .bd-a .a1{ font-size: 18px;  }
    .col-a .bd .bd-a .b{ font-size: 28px; width:100%; margin-top: 12px;}
    .col-a .bd .bd-a .c{ font-size: 14px; width:100%; margin-top: 20px; }
    .col-a .bd .bd-b { width: 100%; margin-top: 20px; }
    .col-a .bd .bd-b .pc::after{ left: -26px;bottom: 96px; width: 57px;height: 57px;}
    .col-a .bd .bd-b .pc::before{ right: -26px;top: 96px; width: 57px;height: 57px;}
    .paly{ width: 60px; height: 60px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; margin:auto 0 auto -30px; box-shadow: 0 0 rgba(255, 255, 255, 0.9),0 0 0 5px rgba(255, 255, 255, 0.9),0 0 0 15px rgba(255, 255, 255, 0.9);}
    @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);
    }
      }
}

.col-b{background: url(../image/bg-b.png) no-repeat top center;background-size: cover;padding: 117px 0 85px;}
.col-b .swiper { overflow: hidden; }
.col-b .swiper .swiper-slide a { display: block; text-align: center; }
.col-b .swiper .swiper-slide .tle{ color: #333333;font-size: 24px;line-height: 34px;position: relative; }
.col-b .swiper .swiper-slide .tle::after { content: ""; position: absolute; left: 50%; transform: translate(-50%,0);  background: url(../image/ico2.png) center; background-size: 100%; width: 18px; height: 9px; bottom: -19px;}
.col-b .swiper .swiper-slide .pc { position: relative; padding-top: 80px; overflow: hidden; }
.col-b .swiper .swiper-slide .pc > img { transition: all .3s linear; }
.col-b .swiper .swiper-slide .cur { position: absolute; left: 0; top: 22px; right: 0; opacity: 0; z-index: 0; transition: all .3s linear; }
.col-b .swiper .swiper-slide .cur img { width: 100%; height: auto; }
.col-b .swiper .swiper-slide:hover .tle {color: #1e62a3;font-size: 28px;}
.col-b .swiper .swiper-slide:hover .cur { top: 32px; opacity: 1; }
.col-b .swiper .swiper-slide:hover .pc > img { transform: scale(1.1); }
@media (max-width:1280px) {
  .col-b{ padding: 80px 0 70px; }
}
@media (max-width:900px) {
    .col-b{ padding: 50px 0; }
    .col-b .swiper .swiper-slide .tle{ font-size: 16px; }
    .col-b .swiper .swiper-slide .pc { padding-top: 10px; }
    .col-b .swiper .swiper-slide .cur { display: none; }
    .col-b .swiper .swiper-slide:hover .tle { font-size: 20px;}
}
.col-c .bd{display: flex;}
.col-c .bd-a { width: 33%;background: #1e62a3;color: white;}
.col-c .bd-a .desc{display: flex;flex-direction: column;justify-content: center;padding: 0 21%;height: 100%;}
.col-c .bd-a .desc .t1{font-size: 24px;line-height: 1.5;margin-bottom: 28px;}
.col-c .bd-a .desc .t2{font-size: 40px;line-height: 1.5;margin-bottom: 35px;}
.col-c .bd-a .desc .t3{font-size: 16px;line-height: 1.5; overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height: 48px;}
.col-c .bd-a .desc .more {margin-top: 64px;font-size: 14px;}
.col-c .bd-a .desc .more a { display: block; border: 1px solid #fff; font-size: 16px; width: 149px; line-height: 45px; padding-left: 35px; border-radius: 5px; background: url(../image/ico5s.png) no-repeat left 113px center; color: #fff; transition: .3s linear; }
.col-c .bd-a .desc .more a:hover { border: 1px solid #fff; background: url(../image/ico4.png) no-repeat left 118px center #fff; color: #1e62a3; }
.col-c .bd-b{width: 67%;}
.col-c .bd-b .pc { overflow: hidden; }
.col-c .bd-b .pc img { width: 100%; transition: all .3s linear; }
.col-c:hover .bd-b .pc img { transform: scale(1.1); }
@media (max-width:1500px) {
  .col-c .bd-a .desc .t1{ margin-bottom: 20px;}
  .col-c .bd-a .desc .t2{ margin-bottom: 25px;}
  .col-c .bd-a .desc .more {margin-top: 30px; }
}
@media (max-width:1280px) {
  .col-c .bd-a .desc .t1{ font-size: 20px; margin-bottom: 15px;}
  .col-c .bd-a .desc .t2{ font-size: 30px; margin-bottom: 15px;}
  .col-c .bd-a .desc .more { margin-top: 25px;font-size: 13px;}
  .col-c .bd-a .desc .more a{ width: 110px; line-height: 35px; font-size: 13px; padding-left: 20px; background-position: 80px center; }
  .col-c .bd-a .desc .more a:hover { background-position: 85px center; }
}
@media (max-width:900px) {
    .col-c .bd { flex-wrap: wrap;}
    .col-c .bd-a{width: 100%; padding: 40px 30px; }
    .col-c .bd-a .desc{ padding: 0 ;}
    .col-c .bd-a .desc .t1{font-size: 18px; margin-bottom: 12px;}
    .col-c .bd-a .desc .t2{font-size: 20px; margin-bottom: 12px;}
    .col-c .bd-a .desc .t3{ font-size: 14px; height: 42px;}
    .col-c .bd-b{ width: 100%;}
}

.col-d .bd{display: flex;align-items: center;}
.col-d .bd .bd-a { position: relative;width: 67%; z-index: 1;}
.col-d .bd .bd-a .pc { overflow: hidden; }
.col-d .bd .bd-a .pc img { width: 100%; transition: all .3s linear; }
.col-d .bd .bd-a ul{width: 248px;background-color: #1e62a3;position: absolute;right: 0;margin-right: -7%;bottom: 0;}
.col-d .bd .bd-a ul li{border-bottom: 1px solid #3a75b0;position: relative;}
.col-d .bd .bd-a ul li a{display: flex;line-height: 84px;justify-content: center;color: #e5ebfd;font-size: 20px;align-items: center;}
.col-d .bd .bd-a ul li a .pic {line-height: 1;margin-right: 30px;display: flex;align-items: center;margin-left: 20px;margin-left: 0;}
.col-d .bd .bd-a ul li a .pic1{display: none;}
.col-d .bd .bd-a ul li::after{ content: ""; left: 0; width:0; border-bottom: 1px solid #fff; bottom: 0; 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 ;position: absolute; }
.col-d .bd .bd-a ul li:hover .pic{display: none;}
.col-d .bd .bd-a ul li:hover .pic1{display: flex;align-items: center;margin-left: 20px;}
.col-d .bd .bd-a ul li:hover::after{width: 100%;}
/* .col-d .bd .bd-a ul li:hover a{background: url(next100.png) no-repeat right 10px center;} */
.col-d .bd .bd-a ul li a .pic .img01{margin-right: 20px;}
.col-d .bd .bd-a ul li:hover{background: #286daf;}
.col-d .bd .bd-b{width: 33%;background: white;height: 100%;}
.col-d .bd .bd-b .desc {display: flex;flex-direction: column;justify-content: center;padding: 0 8% 0 21%;height: 100%;}
.col-d .bd .bd-b .desc .t1{font-size: 24px;line-height: 1.5;margin-bottom: 23px;color: #666;}
.col-d .bd .bd-b .desc .t2{font-size: 40px;line-height: 1.5;margin-bottom: 35px;color: #1a5c9d  ;font-weight: bold;}
.col-d .bd .bd-b .desc .t3{font-size: 16px;line-height: 1.5;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;color: #999; }
.col-d .bd .bd-b .desc .more { margin-top: 64px; }
.col-d .bd .bd-b .desc .more a { display: block; border: 1px solid #bcbcbc; font-size: 16px; width: 149px; line-height: 45px; padding-left: 35px; border-radius: 5px; background: url(../image/ico4.png) no-repeat left 113px center #fff; color: #737373; transition: .3s linear; }
.col-d .bd .bd-b .desc .more a:hover { border: 1px solid #1e62a3; background: url(../image/ico5s.png) no-repeat left 118px center #1e62a3; color: #fff; }
.col-d:hover .bd .bd-a .pc img { transform: scale(1.1); }

@media (max-width:1500px) {
  .col-d .bd .bd-b .desc .t1{ margin-bottom: 20px;}
  .col-d .bd .bd-b .desc .t2{ margin-bottom: 25px;}
  .col-d .bd .bd-b .desc .more {margin-top: 30px; }
  .col-d .bd .bd-a ul{width: 198px;}
  .col-d .bd .bd-a ul li a{font-size: 16px;line-height: 70px;}
  .col-d .bd .bd-a ul li a .pic{margin-right: 15px;}
}
@media (max-width:1280px) {
  .col-d .bd .bd-a ul{width: 168px;}
  .col-d .bd .bd-a ul li a{ line-height: 60px;}
  .col-d .bd .bd-b .desc .t1{ font-size: 20px; margin-bottom: 15px;}
  .col-d .bd .bd-b .desc .t2{ font-size: 30px; margin-bottom: 15px;}
  .col-d .bd .bd-b .desc .more { margin-top: 25px; }
  .col-d .bd .bd-b .desc .more a { width: 110px; line-height: 35px; font-size: 13px; padding-left: 20px; background-position: 80px center; }
  .col-d .bd .bd-b .desc .more a:hover { background-position: 85px center; }
}
@media (max-width:900px) {
    .col-d .bd {flex-wrap: wrap; flex-direction: column-reverse; }
    .col-d .bd .bd-a { position: relative; width: 100%; }
    .col-d .bd .bd-a .pc img { width: 100%; }
    .col-d .bd .bd-a ul { width: 100%; margin-right: 0; display: flex; flex-wrap: wrap; position: relative; }
    .col-d .bd .bd-a ul li { width: 50%; }
    .col-d .bd .bd-a ul li a{line-height: 44px;font-size: 14px;}
    .col-d .bd .bd-a ul li a .pic{line-height: 1;margin-right: 12px;}
    .col-d .bd .bd-a ul li:nth-child(2) { background: #286daf; }
    .col-d .bd .bd-a ul li:nth-child(3) { background: #286daf; }
    .col-d .bd .bd-b { width: 100%; }
    .col-d .bd .bd-b .desc { padding: 40px 30px;}
    .col-d .bd .bd-b .desc .t1{font-size: 18px; margin-bottom: 12px; }
    .col-d .bd .bd-b .desc .t2{font-size: 20px; margin-bottom: 12px; }
    .col-d .bd .bd-b .desc .t3{font-size: 14px; height: 42px; width: 100%; }
}

.col-e {background: #f5faff;padding: 110px 0;display: none;}
.col-e .bd{display: flex;align-items: center;}
.col-e .bd .bd-a{width: 33%;}
.col-e .bd .bd-b{width: 67%;}
.col-e .bd .bd-a .desc {display: flex;flex-direction: column;justify-content: center;padding: 0 10%;height: 100%;}
.col-e .bd .bd-a .desc .t1{font-size: 24px;line-height: 34px;margin-bottom: 23px;color: #666;}
.col-e .bd .bd-a .desc .t2{font-size: 36px;line-height: 50px;margin-bottom: 23px;color: #1a5c9d  ;font-weight: bold;}
.col-e .bd .bd-a .desc .t3{font-size: 16px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;color: #999;width: 100%; }
.col-e .bd .bd-a .desc .more { margin-top: 64px; }
.col-e .bd .bd-a .desc .more a { display: block; color: #151515; width: 149px; padding-left: 35px; border-radius: 5px; border: 1px solid #1c5c9e;background: url(../image/ico5s.png) no-repeat #1c5c9e 113px center; color: #fcfcfc; line-height: 45px; font-size: 16px;  }
.col-e .bd .bd-a .desc .more a:hover { background-position:  118px center; }

@media (max-width:1500px) {
  .col-e { padding: 80px 0;}
  .col-e .bd .bd-a .desc .t1{ margin-bottom: 20px;font-size: 20px;}
  .col-e .bd .bd-a .desc .t2{ margin-bottom: 25px;font-size: 30px;}
  .col-e .bd .bd-a .desc .more {margin-top: 30px; }
}
@media (max-width:1280px) {
  .col-e { padding: 50px 0 ;}
  .col-e .bd .bd-a .desc .t1{ font-size: 20px; margin-bottom: 15px;}
  .col-e .bd .bd-a .desc .t2{ font-size: 30px; margin-bottom: 15px;}
  .col-e .bd .bd-a .desc .more { margin-top: 25px; }
  .col-e .bd .bd-a .desc .more a { width: 110px; line-height: 35px; font-size: 13px; padding-left: 20px; background-position: 80px center; }
  .col-e .bd .bd-a .desc .more a:hover { background-position: 85px center; }
}
@media (max-width:900px) {
    .col-e {padding: 25px 0;}
    .col-e .bd{ flex-wrap: wrap;}
    .col-e .bd .bd-a,
    .col-e .bd .bd-b{width: 100%;}
    .col-e .bd .bd-a .desc { padding: 20px; text-align: center; }
    .col-e .bd .bd-a .desc .t1{font-size: 14px;line-height: 24px;margin-bottom: 12px; }
    .col-e .bd .bd-a .desc .t2{font-size: 18px;line-height: 24px;margin-bottom: 12px; }
    .col-e .bd .bd-a .desc .t3{font-size: 14px;line-height: 24px; height: 48px; }
    .col-e .bd .bd-a .desc .more a { text-align: left; margin: 0 auto; }
    .col-e .bd .bd-b .pc img{width: 100%;}
}

.col-f {background: #fff;padding: 60px 0 0;box-sizing: border-box;}
.col-f .bd{display: flex;align-items: center;}
.col-f .bd .bd-a{width: 460px;}
.col-f .bd .bd-b { width: calc(100% - 460px); overflow: hidden; }
.col-f .bd .bd-a .desc {display: flex;flex-direction: column;justify-content: center;padding: 0 5.9% 0 24.6%;height: 100%;}
.col-f .bd .bd-a .desc .t1{font-size: 24px;line-height: 34px;margin-bottom: 20px;color: #898b90;}
.col-f .bd .bd-a .desc .t2{font-size: 40px;line-height: 50px;margin-bottom: 23px;color: #1a5c9d  ;font-weight: bold;}
.col-f .bd .bd-a .desc .t3{font-size: 16px;line-height: 26px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;color: #999;width: 100%; }
.col-f .bd .bd-a .desc .more { margin-top: 64px; }
.col-f .bd .bd-a .desc .more a { display: block; border: 1px solid #bcbcbc; font-size: 16px; width: 149px; line-height: 45px; padding-left: 35px; border-radius: 5px; background: url(../image/ico4.png) no-repeat left 113px center #fff; color: #737373; transition: .3s linear; }
.col-f .bd .bd-a .desc .more a:hover { border: 1px solid #1e62a3; background: url(../image/ico5s.png) no-repeat left 118px center #1e62a3; color: #fff; }

.col-f .bd .bd-b .pc img{width: 100%;}
.col-f .bd .bd-b .swiper-slide { height: 100%; overflow: hidden; padding-top: 69px; transition: all .2s linear; }
.col-f .bd .bd-b .swiper-slide a { position: relative; display: block; top: 0; padding: 25px; transition: all .3s linear; }
.col-f .bd .bd-b .swiper-slide .cent .pc { overflow: hidden; }
.col-f .bd .bd-b .swiper-slide .cent .pc img { transition: all .6s linear; }
.col-f .bd .bd-b .swiper-slide .time {color: #bbbbbb;font-size: 17px;line-height: 27px;margin-top: 51px;}
.col-f .bd .bd-b .swiper-slide .mt { color: #2a2a2a;font-size: 24px;line-height: 34px;margin-top: 18px;	overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.col-f .bd .bd-b .swiper-slide .mc { color: #8f8f8f;font-size: 17px;line-height: 24px;margin-top: 51px;	overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 48px;}
.col-f .bd .bd-b .swiper-slide .more { margin-top: 20px; color: #1e62a3;font-size: 16px; line-height: 26px; display: flex; align-items: center; opacity: 0; transition: all .3s linear; }
.col-f .bd .bd-b .swiper-slide .more img { margin-left: 17px; }
.col-f .bd .bd-b .swiper-slide:hover { background: #f6f7ff; }
.col-f .bd .bd-b .swiper-slide:hover a { top: -69px; }
.col-f .bd .bd-b .swiper-slide:hover .cent .pc img { transform: scale(1.1); }
.col-f .bd .bd-b .swiper-slide:hover .mt{font-weight: bold;color: #1a5c9d  ;}
.col-f .bd .bd-b .swiper-slide:hover .more { opacity: 1; }

@media (max-width:1280px) {
    .col-f { padding: 30px 0 0;}
    .col-f .bd .bd-b .swiper-slide { padding-top: 39px; }
    .col-f .bd .bd-a .desc .t1{ font-size: 20px; margin-bottom: 15px;}
    .col-f .bd .bd-a .desc .t2{ font-size: 30px; margin-bottom: 15px;}
    .col-f .bd .bd-a .desc .more { margin-top: 25px; }
    .col-f .bd .bd-a .desc .more a { width: 110px; line-height: 35px; font-size: 13px; padding-left: 20px; background-position: 80px center; }
    .col-f .bd .bd-a .desc .more a:hover { background-position: 85px center; }
    .col-f .bd .bd-b .swiper-slide .time { margin-top:20px; }
    .col-f .bd .bd-b .swiper-slide .mc { font-size: 14px; margin-top:18px; }
    .col-f .bd .bd-b .swiper-slide:hover a { top: -39px; }
}
@media (max-width:900px) {
    .col-f { padding: 25px 0;}
    .col-f .bd{flex-wrap: wrap;}
    .col-f .bd .bd-a,
    .col-f .bd .bd-b{width: 100%;}
    .col-f .bd .bd-a .desc { padding: 25px; text-align: center; }
    .col-f .bd .bd-a .desc .t1{font-size: 18px;line-height: 28px;margin-bottom: 8px;}
    .col-f .bd .bd-a .desc .t2{font-size: 28px;line-height: 38px;margin-bottom: 8px;}
    .col-f .bd .bd-a .desc .t3{font-size: 14px;line-height: 26px;height: auto; }
    .col-f .bd .bd-a .desc .more a { width: 110px; line-height: 35px; font-size: 13px; padding-left: 20px; background-position: 80px center; text-align: left; margin: 0 auto; }
    .col-f .bd .bd-a .desc .more a:hover { background-position: 85px center; }
    .col-f .bd .bd-b .pc img{width: 100%;}
    .col-f .bd .bd-b .swiper-slide { padding-top: 0; }
    .col-f .bd .bd-b .swiper-slide a{padding: 20px;}
    .col-f .bd .bd-b .swiper-slide .cent{ padding-top: 0;  }
    .col-f .bd .bd-b .swiper-slide .time{font-size: 14px;line-height: 24px;margin-top: 12px;}
    .col-f .bd .bd-b .swiper-slide .mt{font-size: 18px;line-height: 24px;margin-top: 12px;}
    .col-f .bd .bd-b .swiper-slide .mc{font-size: 14px;line-height: 24px;margin-top: 12px; }
    .col-f .bd .bd-b .swiper-slide:hover .more{ display: none;  }
    .banner-page-num{display: none;}
    .banner .swiper-button-prev, .banner .swiper-button-next{display: none;}
    .my-swiper-scrollbar,.banner-info{display: none;}
}