@charset "utf-8";
.container{position: relative;}
.banner .swiper-slide{height: calc(100vh - 82px)}

/* .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; }
  } */
.hd_box .h1{	font-size: .18rem;	line-height: .28rem;	color: #b80d62;position: relative;padding-left: .4rem;}
.hd_box .h1::after{content: "";left: 0;bottom: 0;position: absolute;width: .35rem;border-bottom: .03rem solid #b80d62;}
/* .morebox a{display: block;width: 200px;line-height: 60px;background-color: #444444;color: #fefefe;font-size: 16px;text-align: center;} */
.hd_box .h2{	font-size: .56rem;	line-height: .66rem;	color: #262626;position: relative;}

.col-a{padding: 1.12rem 0 .75rem;position: relative;}
.col-a .g-in{position: relative;z-index: 3;}
.col-a .bd {display: flex;}
.col-a .bd .bd2{width: 8.9rem;}
.col-a .bd .bd1{width: calc(100% - 8.9rem);padding-right: 1.1rem;box-sizing: border-box;}
.col-a .bd .bd1 .mt{font-size: .5rem;color: #181818;line-height: .6rem;margin-top: .45rem;}
.col-a .bd .bd1 .mc{	color: #181818;font-size: .16rem;line-height: .36rem;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top: .5rem;}
.col-a .bd .bd1 .l_morebtn{margin-top: 1.02rem;position: relative;display: inline-block;}
.col-a .bd .bd1 .l_morebtn::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;box-sizing:border-box;left:0;top:0;border:3px solid #dcdddf;transition:.5s;border-radius:2.5rem}
.col-a .bd .bd1 .l_morebtn a{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;font-size:.16rem;color: #333333;}
.col-a .bd .bd1 .l_morebtn svg path{fill:none;box-sizing:border-box;stroke-width:3;stroke:#0150ce;stroke-dasharray:44,152;stroke-dashoffset:57;transition:all .3s linear 0s}
.col-a .bd .bd1 .l_morebtn:hover svg path{stroke-dasharray:200,0;stroke-dashoffset:140}
.col-a .bd .bd1 .l_morebtn.white a{color:#fff}
.col-a .bd .bd1 .l_morebtn.white:before{border-color:rgba(255,255,255,.4)}
.col-a .bd .bd1 .l_morebtn.white svg path{stroke:#fff}
.col-a .bd .bd1 .l_morebtn:hover:before{opacity:0}
.col-a .bd .bd1 .l_morebtn.blue:before{border-color:#e0eafa}
.col-a .bd .bd2 {padding-bottom: .3rem;padding-right: .3rem;padding-left: .3rem;}
.col-a .bd .bd2 .pc{position: relative;}
.col-a .bd .bd2 .pc .pc1 img{margin-left: -.28rem;margin-left: 0;}
.col-a .bd .bd2 .pc .play{ position: absolute; left: 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%) ;top: 50%;cursor: pointer; }
/* .col-a .bd .bd1 .s_server .l_morebtn a{color:#fff} */
/* .col-a .bd .bd1 .s_server .l_morebtn:before{border-color:rgba(255,255,255,.4)} */

.col-b {padding: 0 0 1.22rem;position: relative;}
/* .col-b .g-in{} */
.col-b .bd ul{display: flex;flex-wrap: wrap;position: relative;z-index: 3;}
.col-b .bd ul li{width: 20%;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.col-b .bd ul li::after{content: "";right: 0;top: 50%;margin-top: -.56rem;height: 1.13rem;border-right: .01rem solid #9e9e9e;position: absolute;opacity: 0.2;}
.col-b .bd ul li:last-child::after{display: none;}
.col-b .bd ul li .a{display: flex;color: #0150ce;font-size: .21rem;}
.col-b .bd ul li .a i{margin-left: .18rem;}
.col-b .bd ul li .num{font-size: .66rem;background: linear-gradient(to bottom, #0150ce, #b80d62);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: .66rem;height: 0.66rem;font-family: DINAlternate-Bold;}
.col-b .bd ul li .tle{color: #333333;font-size: .18rem;line-height: .28rem;margin-top: .18rem;}
.col-b .bd ul li .b{display: flex;justify-content: center;flex-direction: column;}

.col-c{position:relative;padding: .7rem 0 .87rem;background: url(bg.png) no-repeat top center;background-size: cover;}
.col-c .g-in{position: relative;display: flex;flex-direction: row-reverse;}
.col-c .hd_box{position: absolute;left: 0;top: 0;}
.col-c .b_hd{margin-top: 1.05rem;}
.col-c .b_hd ul li{width: 2.78rem;line-height: 1.3rem;background: white;display: flex;align-items: center;box-sizing: border-box;padding-left:.3rem ;color: #222222;font-size: .22rem;cursor: pointer;}
.col-c .b_hd ul li .t{margin-left: .27rem;}
.col-c .b_hd ul li .img02{display: none;}
.col-c .b_hd ul li.on .img02{display: block;}
.col-c .b_hd ul li.on .img01{display: none;}
.col-c .b_hd ul li.on{background: #003da5;}
.col-c .b_hd ul li.on{color: white;}
.col-c .b_hd ul li .pc{display: flex;align-items: center;width: .38rem;}
.col-c .h2{margin-top: .24rem;}
.col-c .bd {position: relative;width: 66.6666666%;}
.col-c .bd .b_bdbox{display: flex;flex-direction: row-reverse;}
.col-c .bd .b_bdbox .mySwiper2{ position: absolute; left: 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%); top: 50%;overflow: hidden;width: 100%;z-index: 1;margin-left: -3rem;width: 8.6rem;}
.col-c .bd .b_bdbox .mySwiper2 a .pc1{position: absolute;left:  0;top: 0; background-size: cover;animation: rog 10s infinite linear;width: 6.94rem;height: 6.6rem;top: 50%;left: 50%;margin-left: -3.47rem;margin-top: -3.3rem;}
.col-c .bd .b_bdbox .mySwiper2 a{display: block;margin-left: .7rem;}
.col-c .bd .b_bdbox .mySwiper2 a .pc1 img{width: 100%;height: 100%;object-fit: cover;}
.col-c .bd .b_bdbox .mySwiper2 .pc{position: relative;left: 0;top: 0;z-index: 1;display: flex;align-items: center;justify-content: center;height: 7rem;margin-left: -1.8rem;}
.col-c .bd .b_bdbox .mySwiper2 .pc img{width: 7.37rem;}
.col-c .bd .b_bdbox .mySwiper2 .swiper-slide{overflow: hidden;}
@keyframes rog{0%{ transform:rotate(0)  scale(1,1); -webkit-transform:rotate(0)  scale(1,1); -moz-transform:rotate(0)  scale(1,1); -ms-transform:rotate(0)  scale(1,1); -o-transform:rotate(0)  scale(1,1); }
50%{ transform:rotate(180deg) scale(1,1);}
100%{transform:rotate(360deg) scale(1,1)}
} 
.col-c .bd .b_bdbox .mySwiper{height: 7.12rem;overflow: hidden;}
.col-c .bd .b_bdbox .mySwiper .swiper-slide{overflow: hidden;}
.col-c .bd .b_bdbox .mySwiper .swiper-slide 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-c .bd .b_bdbox .mySwiper .swiper-slide:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.col-c .bd .b_bdbox .mySwiper .swiper-slide .img02{display: none;}
.col-c .bd .b_bdbox .mySwiper .swiper-slide img{width: 100%;width: 2.92rem;width: 2rem;height: 100%;object-fit: cover;width: 1.7rem;}
.col-c .bd .b_bdbox .thumbsSlider_box{position: relative;padding: 1.02rem  0 1.02rem; }
.col-c .bd .b_bdbox .swiper-button-next,.col-c .bd .b_bdbox .swiper-button-prev{width: .63rem;background:url(right.png)no-repeat center;height: .63rem;margin-top: 0;background-size: 100%;}
.col-c .bd .b_bdbox .swiper-button-prev{top: 0;left: 50%;margin-left: -.31rem;background:url(left.png)no-repeat center;opacity: 1;z-index: 99;background-size: 100%;}
.col-c .bd .b_bdbox .swiper-button-next{top: unset;left: 50%;margin-left: -.31rem;bottom: 0;opacity: 1;z-index: 99;}
.col-c .bd .b_bdbox .thumbsSlider_box .swiper-slide-thumb-active .img02{display: block;}
.col-c .bd .b_bdbox .thumbsSlider_box .swiper-slide-thumb-active .img01{display: none;}

.col-d{position: relative;}
.col-d .hd_box{position: absolute;top: 1.05rem;left: 1.7rem;z-index: 2;}
.col-d .hd_box .h1{color: white;}
.col-d .hd_box .h2{color: white;}
.col-d .bd  .l_morebtn{margin-top: .4rem;position: relative;display: inline-block;}
.col-d .bd  .l_morebtn::before{content:"";position:absolute;width:100%;height:100%;z-index:2;box-sizing:border-box;left:0;top:0;border:3px solid #949eb3;transition:.5s;border-radius:2.5rem}
.col-d .bd  .l_morebtn a{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;font-size:.16rem;color: #fff;}
.col-d .bd  .l_morebtn svg{position: relative;z-index: 2;}
.col-d .bd  .l_morebtn svg path{fill:none;box-sizing:border-box;stroke-width:3;stroke:#b71265;stroke-dasharray:44,152;stroke-dashoffset:57;transition:all .3s linear 0s}
.col-d .bd  .l_morebtn:hover svg path{stroke-dasharray:200,0;stroke-dashoffset:140}
.col-d .bd  .l_morebtn.white a{color:#fff}
.col-d .bd  .l_morebtn.white:before{border-color:#949eb3}
.col-d .bd  .l_morebtn.white svg path{stroke:#fff}
.col-d .bd  .l_morebtn:hover:before{opacity:0}
.col-d .bd  .l_morebtn.blue:before{border-color:#949eb3}
.col-d .hd_box .h1::after{    border-bottom: 0.03rem solid #fff;}
.col-d .hd_box .h2{margin-top: .12rem;}
.col-d .bd .txt{top: 3.3rem;left: 1.7rem;position: absolute;}
.col-d .bd .txt .t1{color: #ffffff;font-size: .33rem;line-height: .43rem;}
.col-d .bd .txt .mc{color: #ffffff;font-size: 16px;line-height: .3rem;margin-top: .3rem;}
.col-d .bd .dmySwiper{position: absolute;right: 1.7rem;top: 1.68rem;height: 4.76rem;}
.col-d .bd .dmySwiper .swiper-slide{width: 3.34rem;height: .67rem;background: url(pc9.png) no-repeat left center;background-size: cover;color: #ffffff;font-size: .24rem;line-height: .67rem;padding-left: .67rem;position: relative;cursor: pointer;}
.col-d .bd .dmySwiper .swiper-slide::after{content: "";background: url(ico3.png) no-repeat center;width: 5px;height: 5px;position: absolute;top: .34rem;left: .37rem;}
.col-d .bd .dmySwiper .swiper-slide-thumb-active{background: url(pc10.png) no-repeat left center;background-size: cover;}
.col-d .bd .dmySwiper2{overflow: hidden;}
.col-d .bd .dmySwiper2 .swiper-slide-active .pc img{animation: swiper_img_move 8s linear 0s infinite normal both;width: 100%;}
.col-d .bd .dmySwiper2 .swiper-slide .pc .img2{display: none;}
@-webkit-keyframes swiper_img_move{
  0%{
      -webkit-transform:scale(1.1,1.1);
      transform:scale(1.1,1.1);
      -moz-transform:scale(1.1,1.1);
      -ms-transform:scale(1.1,1.1);
      -o-transform:scale(1.1,1.1);
}
  /* 50%{
      -webkit-transform:scale(0.7,0.7);
      transform:scale(0.9,0.7);
      -moz-transform:scale(0.7,0.7);
      -ms-transform:scale(0.7,0.7);
      -o-transform:scale(0.7,0.7);
} */
  100%{
      -webkit-transform:scale(1,1);
      transform:scale(1,1);
  }
}
@keyframes swiper_img_move{
  0%{
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
}
  /* 50%{
      -webkit-transform:scale(0.9,0.7);
      transform:scale(0.9,0.7);
      -moz-transform:scale(0.9,0.7);
      -ms-transform:scale(0.9,0.7);
      -o-transform:scale(0.9,0.7);
} */
  100%{
      -webkit-transform:scale(1,1);
      transform:scale(1,1);
  }
}


.col-e{padding: 1rem 0 1.03rem;}
.col-e .hd_box .h2{margin-top: .17rem;}
.col-e .hd_box{display: flex;align-items: center;justify-content: space-between;}
.col-e .hd_box .l_morebtn{position: relative;display: inline-block;}
.col-e .hd_box .l_morebtn::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;box-sizing:border-box;left:0;top:0;border:3px solid #dcdddf;transition:.5s;border-radius:2.5rem}
.col-e .hd_box .l_morebtn a{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;font-size:.16rem;color: #333333;font-size: 16px;}
.col-e .hd_box .l_morebtn svg path{fill:none;box-sizing:border-box;stroke-width:3;stroke:#0150ce;stroke-dasharray:44,152;stroke-dashoffset:57;transition:all .3s linear 0s}
.col-e .hd_box .l_morebtn:hover svg path{stroke-dasharray:200,0;stroke-dashoffset:140}
.col-e .hd_box .l_morebtn.white a{color:#fff}
.col-e .hd_box .l_morebtn.white:before{border-color:rgba(255,255,255,.4)}
.col-e .hd_box .l_morebtn.white svg path{stroke:#fff}
.col-e .hd_box .l_morebtn:hover:before{opacity:0}
.col-e .hd_box .l_morebtn.blue:before{border-color:#e0eafa}
.col-e .bd {margin-top: .47rem;}
.col-e .bd .swiper{overflow: hidden;}
.col-e .bd .swiper .swiper-slide .pc {overflow: hidden;}
.col-e .bd .swiper .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-e .bd .swiper .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-e .bd .swiper .t{line-height: .9rem;color: #333333;position: relative;font-size: .24rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-e .bd .swiper .t::after{ content: ""; left: 0; bottom: 0; border-bottom: 2px solid #b80d62; width: 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-e .bd .swiper-slide:hover .t{font-weight: bold;}
.col-e .bd .swiper-slide:hover  .t::after{width: 100%;}


.col-e .swiper-button-next,.col-e .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;}
.col-e .swiper-button-next{ background: url(le.png) no-repeat center; background-size: 100%; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); left: unset; right: -70px; }
.col-e .swiper-button-prev{background: url(le.png) no-repeat center;background-size: 100%;left: -70px;}
.col-e .swiper-button-next:hover{ background: url(leee.png) no-repeat center; background-size: 100%; transform: rotateY(0); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); }
.col-e .swiper-button-prev:hover{background: url(leee.png) no-repeat center;background-size: 100%;transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);}

.col-f{padding: 1.63rem 0 0;}
.col-f .bd{display: flex;}
.col-f .bd .bd1{width: calc(100% - 12.42rem);}
.col-f .bd .bd1 .h2{margin-top: .1rem;}
.col-f .bd .bd2{width: 12.42rem;}
.col-f .bd .bd1 .l_morebtn{margin-top: .4rem;position: relative;display: inline-block;}
.col-f .bd .bd1 .l_morebtn::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;box-sizing:border-box;left:0;top:0;border:3px solid #dcdddf;transition:.5s;border-radius:2.5rem}
.col-f .bd .bd1 .l_morebtn a{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;left:0;top:0;font-size:.16rem;color: #333333;font-size: 16px;}
.col-f .bd .bd1 .l_morebtn svg path{fill:none;box-sizing:border-box;stroke-width:3;stroke:#0150ce;stroke-dasharray:44,152;stroke-dashoffset:57;transition:all .3s linear 0s}
.col-f .bd .bd1 .l_morebtn:hover svg path{stroke-dasharray:200,0;stroke-dashoffset:140}
.col-f .bd .bd1 .l_morebtn.white a{color:#fff}
.col-f .bd .bd1 .l_morebtn.white:before{border-color:rgba(255,255,255,.4)}
.col-f .bd .bd1 .l_morebtn.white svg path{stroke:#fff}
.col-f .bd .bd1 .l_morebtn:hover:before{opacity:0}
.col-f .bd .bd1 .l_morebtn.blue:before{border-color:#e0eafa}
.col-f .bd .bd1 .mc{color: #3e3e3e;font-size: .2rem;left: .6rem;margin-top: .58rem;}
.col-f .bd .bd2{position: relative;}
.col-f .bd .bd2 li{position: absolute;}
.col-f .bd .bd2 li img{animation: myscale 1.5s forwards infinite linear;}
.col-f .bd .bd2 li.li1{top: 2.38rem;left: .44rem;}
.col-f .bd .bd2 li.li2{top: 2.69rem;left: 1.45rem;}
.col-f .bd .bd2 li.li3{top: 2.18rem;left: 1.9rem;}
.col-f .bd .bd2 li.li4{top: 1.69rem;left: 2.34rem;}
.col-f .bd .bd2 li.li5{top: .87rem;left: 3.24rem;}
.col-f .bd .bd2 li.li6{top: 1.3rem;right: 3.474rem;}
.col-f .bd .bd2 li.li7{top: 1.56rem;right: 3.2rem;}
.col-f .bd .bd2 li.li8{top: 3.32rem;right: 2.08rem;}
.dot_circle{display:block; width:10px; height:10px; background:#b80d62; position:relative; z-index:3; border-radius:50%;}

.col-f .bd .bd2 li::before { width:24px; height:24px; background:transparent; background:rgba(184,13,98,0.3); margin-top:-12px; margin-left:-12px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0; content: ""; position: absolute; left: 50%; top: 50%; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }

.col-f .bd .bd2 li::after { width:44px; height:44px; background:transparent; /*background:#7e9ec3; */background:rgba(184,13,98,0.2); margin-left:-22px; margin-top:-22px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0; content: ""; position: absolute; left: 50%; top: 50%; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }

							
@keyframes warn {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}

@-webkit-keyframes warn {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}

@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);
}
}
.col-f .bd .bd1 .h3{display: none;}
.indHzhb{position:relative;z-index:2;background-image:url(../images/indBg_hz.png);background-repeat:no-repeat;background-size:cover;padding-top:0 !important}
.indHz{position:relative;width:76%;height: 580px;;margin:0 auto;perspective:1000px;transform-style:preserve-3d;display:flex;align-items:flex-end;justify-content:center;height: 460px;}
.indHz .Tit{position:absolute;top:10%}
.indHz .Tit span{position:relative;display:block;margin-bottom:30px}
.indHz .Tit b{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);font-size:132px;line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:0.5px #ccccd1;z-index:-1}
.indHz .Tit p{font-size:28px}
.indHzBox{transform:rotateX(45deg);width:100%;height:568px;display:flex;justify-content:space-between;height: 462px;}
.indHzli{width:16.6%}
.indHzli .swiper-container{width:100%;height:100%;padding:0 10px}
.indHzli .swiper-wrapper{transition-timing-function:linear}
.indHzli .swiper-slide{text-align:center;height:95px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / 18%);display:flex;align-items:center;justify-content:center;opacity:1}
.indHzli .swiper-slide-prev{opacity:.18}
.indHzli .swiper-slide-active{opacity:.28}
.indHzli .swiper-slide-next{opacity:.48}
.indHzli .swiper-slide img{width:80%;height:100%;object-fit:contain}
.col-g{padding-bottom: .77rem;}

.wgt-fade-animate {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  opacity: 0;
}

.appear {
  -webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
  animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
  opacity: 1 !important;
}

@-webkit-keyframes opacity_show {
  0% {
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
      -webkit-transform: translateY(150px);
      transform: translateY(150px);
      opacity: .1;
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
  }
}

@keyframes opacity_show {
  0% {
      -webkit-transform: scale(0.3);
      transform: scale(0.3);
      -webkit-transform: translateY(150px);
      transform: translateY(150px);
      opacity: .1;
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 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:calc(100% - 82px); position:fixed; left:0; top:82px; z-index:99; background:rgba(00,00,00,0.6); display:none}

.video .s1{ width:12rem; position:absolute; left:50%; margin-left:-6rem; top:50%; transform:translateY(-50%)}

.video .s1 video{ width:100%;max-height:5.8rem;object-fit: cover;height: 5.8rem;}

.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}



@media (max-width:1200px) {
    #wonder1{display: none;}
    #wonder{display: none;}
  .col-e .swiper-button-next{display: none;}
  .col-e .swiper-button-prev{display: none;}
  .hd_box .h1{font-size: 18px;    line-height: 28px;}
  .hd_box .h2{font-size: 24px;    line-height: 34px;}

  .col-d .bd .txt .mc{line-height: 24px;opacity: 0.47;}

	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
  .col-a{padding: 20px 0;}
  .col-a .bd{flex-direction: column;}
  .col-a .bd .bd1{width: 100%;padding-right: 0;}
  .col-a .bd .bd1 .mt{margin-top: 20px;}
  .col-a .bd .bd1 .mc{font-size: 16px;margin-top: 20px;line-height:24px;color: #333;}
  .col-a .bd .bd1 .l_morebtn{margin-top: 20px;}
  .col-a .bd .bd1 .l_morebtn a{font-size: 16px;}
  .col-a .bd .bd2{margin-top: 20px;}
  .col-a .bd .bd2 .pc .pc1 {position: relative;}
  /* .col-a .bd .bd2 .pc .pc1 img{width: 78%;margin-left: 0;} */
  .col-a .bd .bd2 .pc .play{width: .64rem;height: 0.64rem;}
  /* .col-a .bd .bd2 .pc .play img{width: .64rem;height: 0.64rem;} */
  .col-a .bd .bd2{width: 100%;}
  .col-b .bd ul li{width: 50%;margin-top: 20px;align-items: unset;padding-left: .5rem;box-sizing: border-box;padding-left: 0;}
  .col-b .bd ul li:nth-child(2){margin-top: 0;}
  .col-b .bd ul li .b{align-items: center;}
  .col-b .bd ul li:nth-child(2)::after{display: none;}
  .col-b{padding-bottom: 20px;}
  .col-c{padding: 20px 0;}
  .col-c .g-in{flex-direction: column;}
  .col-c .hd_box{position: unset;}
  .col-c .b_hd{margin-top: 20px;overflow-x: auto;}
  .col-c .b_hd ul{display: flex;flex-wrap: wrap;}
  .col-c .b_hd ul li{width: 50%;line-height: 50px;}
  .col-c .bd .b_bdbox{flex-direction: column;}
  .col-c .bd .b_bdbox .mySwiper2{ position: unset; transform:unset ; -webkit-transform:unset ; -moz-transform:unset ; -ms-transform:unset ; -o-transform:unset ;margin-left: 0;width: 100%; }
  /* .col-c .bd .b_bdbox .mySwiper2 a .pc1{position: unset;margin-left: 0;margin-top: 0;} */
  .col-c .bd .b_bdbox .mySwiper2 .pc{margin-left: 0;}
  .col-c .bd .b_bdbox .mySwiper2 a{margin-left: 0;}
  .col-c .bd{width: 100%;margin-top: 20px;}
  .col-c .bd .b_bdbox .mySwiper .swiper-slide img{width: 100%;}
  .col-c .bd .b_bdbox .mySwiper{height: unset;}
  .col-c .bd .b_bdbox .swiper-button-next, .col-c .bd .b_bdbox .swiper-button-prev{top: 50%;left: 0;margin-top: -31px;margin-left: 0;}
  .col-c .bd .b_bdbox .swiper-button-prev{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
  .col-c .bd .b_bdbox .swiper-button-next{ left: unset; right: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
  .col-c .bd .b_bdbox .thumbsSlider_box{padding: 20px 0;}
  .col-f .bd{flex-direction: column;}
  .col-f{padding: 20px 0 0;}
  .col-f .bd .bd1{width: 100%;}
  .col-f .bd .bd2{width: 100%;margin-top: 20px;}
  .col-f .bd .bd1 .l_morebtn{margin-top: 20px;}
  .col-f .bd .bd1 .mc{margin-top: 20px;}
  .col-f .bd .bd2 li.li1{top: 41.75%;left: 3.44%;}
.col-f .bd .bd2 li.li2{top: 42.75%;left: 4.44%;}
.col-f .bd .bd2 li.li3{top: 2.18rem;left: 1.9rem;}
.col-f .bd .bd2 li.li4{top: 1.69rem;left: 2.34rem;}
.col-f .bd .bd2 li.li5{top: .87rem;left: 3.24rem;}
.col-f .bd .bd2 li.li6{top: 1.3rem;right: 3.474rem;}
.col-f .bd .bd2 li.li7{top: 1.56rem;right: 3.2rem;}
.col-f .bd .bd2 li.li8{top: 1.32rem;right: 2.08rem;}
.col-f .bd .bd1 .mc{font-size: 16px;}
.col-g{padding-bottom: 20px;}
.col-e{padding: 20px 0;}
.col-e .bd .swiper .pc img{width: 100%;}
.col-e .bd .swiper .t{font-size: 16px;line-height: 46px;}
.col-d .bd .dmySwiper{height: unset;left: 0;bottom: 36px;right: 0;top: unset;}
.col-d .hd_box{left: 20px;top: 20px;}
.col-d .bd .txt{left: 20px;top:120px ;top: 146px;}
 .l_morebtn.blue svg{ width: 120px; height: 40px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; font-size: 16px; }
 .col-b .bd ul li .tle {font-size: 16px;line-height: 26px;}
 .col-c .b_hd ul li{font-size: 16px;}
 .col-c .b_hd ul li .t{margin-left: 5px;}
 .col-c .b_hd ul li{padding-left: 10px;}
 .col-c .b_hd ul li .pc{width: 28px;}
 .indHzli{width: 33.333333333%;}
 .indHzli:nth-last-child(-n+3){display: none;}
 .indHz {height: 260px;}
 .indHzBox {height: 260px;}
.col-d .bd .dmySwiper2 .swiper-slide .pc .img1{display: none;}
.col-d .bd .dmySwiper2 .swiper-slide .pc .img2{display: block;}
.col-e .bd{margin-top: 20px;}
.col-d .bd .dmySwiper{ overflow: hidden; width:80%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); left: 50%;z-index: 9;}
.col-d .bd .dmySwiper .swiper-slide {font-size: 16px;line-height: 40px;    background: url(pc9.png) no-repeat left center;background-size: 100%;display: flex;align-items: center;}
.col-c .bd .b_bdbox .swiper-button-next{z-index: 99;}
.col-d .bd .dmySwiper .swiper-slide-thumb-active{background: url(pc10.png) no-repeat left center;background-size: 100%;}
.banner .swiper-slide .picBox img, .banner .swiper-slide .picBox, .banner .swiper-wrapper{height: unset;}
.banner .swiper-slide{height: unset;}
.col-d .bd .l_morebtn a{font-size: 16px;}
.col-f .bd .bd1 .h2{margin-top: 20px;display: none;}
.col-f .bd .bd1 .h3{margin-top: 20px;display: block;font-size: 24px;
  line-height: 34px;    color: #262626;}
.col-e .hd_box .h2{margin-top: 20px;}
.col-d .hd_box .h2{margin-top: 20px;}
.col-d .qwqwqw .swiper-button-next,.col-d .qwqwqw .swiper-button-prev{margin-top: 0;bottom: 42px;top: unset;}
.col-d .qwqwqw .swiper-button-next{background: url(pic2004.png)no-repeat center;width: .46rem;height: .46rem;background-size: 100%;}
.col-d .qwqwqw .swiper-button-prev{ background: url(pic2004.png)no-repeat center; width: .46rem; height: .46rem; background-size: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.col-c .bd .b_bdbox .mySwiper2 .pc img{width: 85%;}
.dot_circle {width: 5px;height: 5px;}
.indHzli .swiper-slide{height: 55px;}
.col-f .bd .bd1 .mc{color: #333;}

.video{top: 60px;height: calc(100% - 60px);}
.video .s1 video{height: unset;}
}



/* @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);
    }
      }
} */
.banner .swiper-slide .picBox img,.banner .swiper-slide .picBox,.banner .swiper-wrapper{height: 100%;width: 100%;}