/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.home_header:hover{ background: #ffffff;}
.home_header:hover .show{ display: none;}
.home_header:hover .hide{ display: block;}
.home_header:hover .navBox ul.navCont li.child a{ color: #222;}
.home_header:hover .sdot i{    color: #666;}
.home_header:hover .htool:before{ background: #333333;}
.home_header:hover .nav_box{ color: #333333;}
.home_header:hover .wapNavBtn span{ background: #333333;}

.ibanner{ position:relative; height:100vh; width: 100%; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; background-color: #000; transform: scale(1.5);}
.ibanner .swiper-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: scale(1.5); opacity: 0; transition: all 0s;}
.ibanner .swiper-slide-active .swiper-img{ transform: scale(1); opacity: 1; transition: all 4s;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ left: 7.5%;; bottom: 80px; line-height: 36px; position: absolute; text-align: left; width: 130px;color: #fff; font-size: 18px;}

.ibanner .swiper-pagination-bullet{background: #a4a599; opacity: 1; position: relative; width: 10px; height: 10px; border-radius: 10px; display: block; margin: 27px auto!important;}
.ibanner .swiper-pagination-bullet-active{ background: #1e94d4; opacity: 1;}
.ibanner .swiper-pagination-bullet-active::after{ content: ""; position: absolute; border: 1px solid #1e94d4; width: 24px; height: 24px; top: -8px; left: -8px; border-radius: 24px;}
.ibanner .swiper-pagination span{ font-size: 14px;color: #fff;}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 46px; height: 46px; line-height: 46px;  opacity: 1; margin: 0; text-align: center; top: inherit; bottom: 75px;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-weight: bold; font-size: 26px; opacity: 0.9;}
.ibanner .swiper-button-prev{     left: 5%;}
.ibanner .swiper-button-next{ left: 10%;}
.ibanner .swiper-button-next:hover i,.ibanner .swiper-button-prev:hover i{ color:  #00b791; opacity: 1;}

.ibanner .bH{ height: 100%; position: relative; width: 85%; align-items: start;}
.ibanner .bfont{ color: #fff; text-align: left;}
.ibanner .bfont span{ display: block; font-size: 6.4rem; line-height: 1.5;transform: translateY(100px); opacity: 0; text-shadow: #000 1px 1px 1px; font-weight: bold;}
.ibanner .bfont p{ font-size: 18px; margin-top: 10px;transform: translateY(200px); opacity: 0;  font-family: 'Swis721_Blk_BT_Black';}
.ibanner .bfont p i{ display: inline-block; background: #ffffff; width: 10px; height: 10px; margin-right: 10px; transform: rotate(45deg);}
.ibanner .bfont a{ display: inline-block; height: 5.5rem; color: #fff; line-height: 5.5rem; ; margin-top: 6rem; width: 220px; text-align: center; background: linear-gradient(to right,#00a398,#00b791); border-radius: 30px; font-size: 18px; transform: translateY(200px); opacity: 0;}
.ibanner .bfont a i{ display: inline-block; margin-left: 10px; font-size: 20px; font-weight: bold;}
.ibanner .bfont a:hover{background: linear-gradient(to right,#00a398,#00a398); border-radius: 5rem; transition: all 0.4s;}
.ibanner .scroll-dot{ width: 22px; height: 32px; background: url(../img/tt.png) no-repeat center; position: absolute; bottom: 35px; right: 0; left: 0; margin: 0 auto; z-index: 10; font-size: 14px; color: #fff;}
.ibanner .scroll-dot::after{ content: ""; position: absolute; background-color: #fff; width: 1px; height: 75px; bottom: 0; margin: 0 auto; right: 0; left: 0;}
.ibanner .scroll-dot::after{ width: 2px; height: 8px; bottom: 18px; animation: scroll 4s infinite;}
.ibanner .swiper-slide-active .btit{ transform: translateY(0); opacity: 1; transition: all 2s ease .5s;}
.ibanner .swiper-slide-active .binfo{ transform: translateY(0); opacity: 1; transition: all 2s ease .7s;}
.ibanner .swiper-slide-active .bfont a{ transform: translateY(0); opacity: 1; transition: all 2s ease .7s;}

@keyframes scroll{0%{ bottom: 5px;}
	50%{ bottom: 20px;}
	100%{ bottom: 5px;}
}
::-webkit-scrollbar{ display: none;}

a.more2{  max-width: 223px;  padding: 1.5rem 0;  width: 100%;  font-size: 18px; color: #ffffff;  text-align: center; margin: 5rem auto;  border-radius: 30px; display: block;  background: linear-gradient(to right,#00a398,#00b791); transition: all 0.3s;}
a.more2 i{ margin-left: 10px;}


a.more3{ margin: 10rem 0 5rem; display: flex; justify-content: flex-start; align-items: center; position: relative; max-width: 180px; text-align: left;  color: #333333; height: 4.8rem; line-height: 4.8rem; font-size: 18px; color: #ffffff; }
a.more3 p{ position: relative;}
a.more3 p:after{ width: 100%; height: 2px; background: #ffffff; content: ""; display: block; background: #ffffff; position: absolute; left: 0; right: 0; bottom: 4px;}
a.more3 i{ font-size: 24px; border-radius: 100%; margin-right: 15px; color: #ffffff; width: 54px; height: 54px; display:inline-block; background:linear-gradient(to bottom,#00b691,#009f9a); text-align: center; line-height: 54px;}
a.more3:hover{color: #ffffff;}
.top{ margin-top: 90px;}
/*关于我们*/
.section.active .sect_k1 .box_a1{ animation-name: fadeInUp; animation-delay: 0.6s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k1 .box_a2{ animation-name: fadeInUp; animation-delay: 0.8s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k1 .tit_a1{ animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k1 a.more3{ animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k1 .list_h1{ animation-name: fadeInRight; animation-delay: 0.8s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}

.section.active .sect_k2 a.more4{ animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k2 .gallery3{animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;} 

.section.active .sect_k4 .prodBox2{ animation-name: fadeInLeft; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k4 .prod{animation-name: fadeInRight; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}

.section.active .sect_k5 .tit_case{ animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}


.section.active .sect_k6 .img-hz{ animation-name: fadeInUp; animation-delay: 0.2s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}
.section.active .sect_k6 a.more2{ animation-name: fadeInUp; animation-delay: 0.4s; animation-duration: 1s;animation-fill-mode: both; data-wow-iteration:1;}



.sect_k1{height:100vh; background: url(../img/bg-about.jpg) no-repeat center; background-size: cover; display: flex; align-items: center;}
.tit_a1{ font-size: 4.8rem;  position: relative;}
.tit_a1 span{ display: block; font-size: 3.6rem; color: #ffffff; font-weight: bold;}
.tit_a1 em{ font-size: 4.2rem; color: rgba(255,255,255,1); text-transform: uppercase;  font-family: 'Swis721_Blk_BT_Black'; font-weight: bold; font-style: normal;}
.box_a1{ clear: both; overflow: hidden;}
.box_a1 span{ font-size: 2.4rem; font-weight: bold; color: #ffe6c2;  display: block; color: #ffffff;}
.box_a1 p{ line-height: 2; color: #bad6e6; max-width: 700px; width: 92%; margin-top: 2rem; text-align: justify; font-size: 18px;}


.box_a2{ clear: both; max-width: 840px; width: 92%; overflow: hidden; border-bottom: 1px solid #34598e;  border-top:1px solid #34598e; margin-top: 3rem;}
.box_a2 ul{ list-style: none;}
.box_a2 ul li{ width:calc(25% - 1px); padding: 3rem 0; float: left;  border-right: 1px solid #34598e; text-align: center;}

.box_a2 ul li:nth-child(4){ border-right: none;}
.box_a2 ul li p{  color: #ffffff;  font-size: 4rem;  font-family:impact; display: flex;align-items: center; justify-content: center; line-height: 1;}
.box_a2 ul li p b{ padding: 0 10px;}
.box_a2 ul li span{ color: #bad6e6; font-size: 16px; line-height: 2;  padding: 1rem 0 0; display: block;}

.list_h1{ list-style: none; display: block;}
.list_h1 li{ width: calc((100% - 10px)/2); margin-bottom: 2rem; margin-right: 10px; float: left; background: linear-gradient(to bottom,#2272c4,#2272c4); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2); transition: all 0.5s;}
.list_h1 li:hover{ background: url(../img/b_hover.jpg) no-repeat center; background-size: cover; transition: all 0.5s; transform: translateY(-15px);}
.list_h1 li div{ padding: 6rem 0 6rem 4rem;}
.list_h1 li div img{ display: block;}
.list_h1 li div span{ font-size: 24px; display: block; font-weight: bold; color: #ffffff;}
.list_h1 li div p{ font-size: 16px; color: #ffffff;}
.list_h1 li div b{ width: 44px; height: 1px; display: block; background: #ffffff; margin-left: 0; margin-top: 3rem;}
.list_h1 li:first-child,.list_h1 li:nth-child(3){ border-radius: 35px 0 0 0;}
.list_h1 li:nth-child(2n){ margin-right: 0; border-radius: 0 35px 0 0;}
.list_h1 li:nth-child(2){ margin-top: 5rem;}
.list_h1 li:nth-child(3){ margin-top: -5rem;}

/*开设课程*/
.sect_k2{ height:100vh; background: url(../img/bg_ah2.jpg) no-repeat center; background-size: cover;  display: flex; align-items: center;}

a.more4{ right: 10%; top: 15%; position: absolute;  display: flex; justify-content: flex-start; align-items: center; max-width: 180px; text-align: left;  color: #333333; height: 4.8rem; line-height: 4.8rem; font-size: 18px; color: #ffffff; }
a.more4 p{ position: relative; color: #333333; font-size: 16px;}
a.more4 p:after{ width: 100%; height: 2px; background: #333333; content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 4px;}
a.more4 i{ font-size: 24px; border-radius: 100%; margin-right: 15px; color: #ffffff; width: 54px; height: 54px; display:inline-block; background:linear-gradient(to bottom,#00b691,#009f9a); text-align: center; line-height: 54px;}


.gallery3 .box_k1{}
.gallery3 .box_k1 a:hover img{transform: translate(-50%, -50%) scale(1);}
.gallery3 .box_k1 .icon{ max-width: 575px; min-height: 640px; border-radius: 30px 0 0 0; background: none;vertical-align: middle; position: relative; background: none;}
.gallery3 .box_k1 .icon img{object-fit: cover; width: 100%; height: 100%; transition: all 0.3s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gallery3 .box_k1 .right_w{ max-width: 560px; text-align: left; background: linear-gradient(to bottom,#00b691,#009f9a); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); color: #ffffff;  position: relative; border-radius: 0 0 30px 0; padding:5rem; margin-top: 15rem;}
.gallery3 .box_k1 .right_w em{ display: block; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 1.2; font-style: normal;}
.gallery3 .box_k1 .right_w h3{ text-align: left; color: #ffffff; font-size: 3.6rem; }
.gallery3 .box_k1 .right_w p{font-size: 1.8rem; color: rgba(255,255,255,1); text-align: justify; line-height: 2; }
.gallery3 .box_k1 .right_w b{ width: 56px; height: 4px; background: #ffffff; border-radius: 5px; display:block; margin-left: 0; margin-top: 5rem; margin-bottom: 3rem;}
.gallery3 .box_k1 .right_w a{ width: 54px; height: 54px; text-align: center; background:#ffffff; text-align: center; margin: 5rem 0 0; line-height: 54px; border-radius: 100%;}
.gallery3 .box_k1 .right_w a i{ color: #00ae94; font-size: 3rem; font-weight: bold;}
.gallery3 .box_k1 .right_w a:hover{  background: linear-gradient(to bottom,#00b691,#009f9a);}
.gallery3 .box_k1 .right_w a:hover i{ color: #ffffff;}
.gallery3{padding: 5.5rem 0; clear: both; overflow: hidden; display: flex; justify-content: space-around; align-items: center; position: relative;}
.gallery3:after{ width: 100%; display: block; height: 58.9rem !important; top: 17% !important; background: url(../img/bg_ah3.png) no-repeat center right; position: absolute; right: 0; content: "";}
.gallery3 .mySwiper8{ width: 70%; margin-left: 15%; margin-right: 3%; padding-bottom: 2rem;}
.gallery3 .swiper_kc { text-align: left; bottom: 0;  left: 3%; position: relative;}
.gallery3 .swiper_kc:before{ width: 15px; content: "<"; font-size: 18px; color: #ffffff; position: absolute; left: -20px; bottom: -6px;}
.gallery3 .swiper_kc:after{ width: 15px; content: ">"; font-size: 18px; color: #ffffff; position: absolute; left: 20%; bottom: -6px;}
.gallery3 .swiper_kc .swiper-pagination-bullet{ width: 70px; height: 1px; background: #ffffff; margin: 0 auto; opacity: 1;}
.gallery3 .swiper_kc .swiper-pagination-bullet-active{ height: 6px; border-radius: 0; transform: translateY(2px);}

.gallery3 .inext_kc{ background: none; color: #333333; left:3%; bottom: -6.5rem; width: auto; max-width: 180px; text-align: center; border-bottom: 1px solid #afb8c5; margin: 0; top: auto; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.gallery3 .inext_kc i{     transform: rotate(90deg); margin-left: 10px; font-size: 16px !important;}
.gallery3 .iprev_kc{background: none; color: #ffffff; left: 0; bottom: -2.5rem; margin: 0; top: auto;}
.gallery3 .inext_kc i,.gallery3 .iprev_kc i{ font-size: 3rem; display: block;}
.gallery3 .mySwiper7{  width: 30%; position: relative;}
.gallery3 .mySwiper7 .box_w2{ background: #ffffff; padding: 10px; position: relative;}
.gallery3 .mySwiper7 .box_w2:before{ width: 6px; height: 0; position: absolute; left: 0; right: 0; margin: 0 auto; background: #00b691; content: ""; display: block; border-radius: 5px; top: -8rem; transition: all 0.5s;}
.gallery3 .mySwiper7 .box_w2 img{ }
.gallery3 .swiper-slide-thumb-active .box_w2{ background: #00b691;}
.gallery3 .swiper-slide-thumb-active .box_w2:before{ height: 65px; transition: all 0.5s;}
.gallery3 .box_k1 .full-row .span-7{width: 57.333333%;}
.gallery3 .box_k1 .full-row .span-5{ width: 42.666667%;}
.h-img{ position: absolute; left: 5%; top: 60% !important; z-index: 2;}

/*第四屏*/
.sect_k4{ height:100vh; background: url(../img/bg_ah4.jpg) no-repeat center;  background-size: cover; display: flex; align-items: center;}
.pos{ position: relative;}
.prodBox2{ width: 100%; position: relative; z-index: 100; height: 100%;}
.prodBox2 .hd{margin:8rem 0; max-width: 300px;}
.prodBox2 .hd ul{ width: 100%;  height: 100%;} 
.prodBox2 .hd ul li{ font-size:20px; cursor: pointer; text-align: center;position: relative; margin-bottom: 2rem; height: 66px; line-height: 66px; color: #ffffff; transition: all 0.5s; border-radius: 0 25px 0 0; display: flex; justify-content: flex-start; align-items: center; padding-left: 3rem;}
.prodBox2 .hd ul li i{ width: 14px; height: 1px; background: #ffffff; display: block; margin-right: 15px;}
.prodBox2 .hd ul li span{ font-family: impact; margin-right: 10px;}
.prodBox2 .hd ul li:hover { transition: all 0.5s; background: linear-gradient(to right,#1760ad,#36a0db);  }
.prodBox2 .hd ul li.on{ background: linear-gradient(to right,#1760ad,#36a0db);  }


.sub_box {  font-size:20px; cursor: pointer; text-align: center;position: relative; height: 66px; line-height: 66px; color: #ffffff; transition: all 0.5s; border-radius: 0 25px 0 0; display: flex; justify-content: flex-start; align-items: center; padding-left: 3rem;}
.sub_box i{ width: 14px; height: 1px; background: #ffffff; display: block; margin-right: 15px;}
.sub_box span{ font-family: impact; margin-right: 10px;}
#sub_prod .swiper-slide{ max-height: 66px;}
#sub_prod .swiper-wrapper{ flex-direction: column;}
#sub_prod .swiper-slide-thumb-active{ background: linear-gradient(to right,#1760ad,#36a0db);}

.sect_k4 .inext_kc11,.sect_k4 .iprev_kc11{ background: none; width: 75px; height: 75px; border-radius: 100%; text-align: center; line-height: 75px;}
.sect_k4 .inext_kc11{ background: linear-gradient(to bottom,#00b492,#00a398); right: 0;}
.sect_k4 .iprev_kc11{  background: linear-gradient(to bottom,#2c86c8,#1963af);right: 0; top: 40%; left: auto;}
.sect_k4 .inext_kc11 i,.sect_k4 .iprev_kc11 i{ color: #ffffff; font-size: 3rem;}
.swiper_kc1 { font-size: 18px; color: #ffffff; text-align: left; max-width: 230px; max-height: 100px; border-bottom: 1px solid rgba(255,255,255,0.4); left:auto; right: 0; top: 10%;}
.swiper_kc1:after{ content: "Product series"; position: absolute; bottom: -30px; left: 0; font-size: 18px; color: #ffffff; text-transform: uppercase;}
.swiper_kc1  .swiper-pagination-current{ font-size: 7.2rem; font-weight: bold;}

/*第五屏*/
.sect_k5{ height:100vh;  background-size: cover; background-size: cover; display: flex;  display: flex; align-items: center;}
.sect_k5 .box_img{ position: relative;}
.sect_k5 .box_img:before{ width: 16.4rem; height:16.3rem; display: block; background: url(../img/b_pic.png) no-repeat center; content: ""; position: absolute; right: -17%; top: -15%;}
.sect_k5 .box_list{  position: relative;}
.sect_k5 .box_list:before{ background: url(../img/b1_pic.png) no-repeat center; content: ""; width:41rem; height: 28rem; display: block; position: absolute;   left: -9%; bottom: -17%;}

.img-hbox{ position: relative;  background: url(../img/bg_ah7.jpg) no-repeat center; height: 106vh; background-size: cover; display: flex; align-items: center; }
.hbox_1{ color: #ffffff; padding-left: 10%; width: 100%; margin-top: 10%;}
.hbox_1 span{ font-size: 2.4rem; font-weight: bold; line-height: 2;}
.hbox_1 ul{ list-style: none; margin: 2rem 0;}
.hbox_1 ul li{ width: 33.33%; float: left; font-size: 16px;}

.prodBox1{ position: absolute; left: 0; bottom: 0; z-index: 2;  padding-left:4%; background: linear-gradient(to right,#ffffff 50%,rgba(255,255,255,0));}
.prodBox1 .hd{ max-width: 1200px; width: 100%; transform: translateX(10rem); cursor: pointer;}
.prodBox1 .hd ul li{ width: 25%; min-width: 200px; float: left; border-radius:0 30px 30px 0; text-align: center; transition: all 0.6s; position: relative;}
.prodBox1 .hd ul li:hover{ transform: translateX(2rem); transition: all 0.6s;}

.prodBox1 .hd ul li div{ padding:8rem 6rem; color: #ffffff; min-width: 150px; }
.prodBox1 .hd ul li div img{ filter: grayscale(100%) brightness(800%);}
.prodBox1 .hd ul li div i{ display: block;}
.prodBox1 .hd ul li div span{ font-size: 2.4rem; font-weight: bold; display: block; margin: 3rem 0 1rem;}
.prodBox1 .hd ul li div p{ font-size: 14px;}
.prodBox1 .hd ul li:first-child{ background: #ffffff; z-index: 4;}
.prodBox1 .hd ul li:first-child div { color: #333333;}
.prodBox1 .hd ul li:first-child div img{ filter:none;}

.prodBox1 .hd ul li:nth-child(2){ background: linear-gradient(to bottom,#00a597,#009f9a); transform: translateX(-5rem);  z-index: 3;}
.prodBox1 .hd ul li:nth-child(2):hover{ transform:translateX(-3rem); }
.prodBox1 .hd ul li:nth-child(3){ background: linear-gradient(to bottom,#2272c4,#1963af); transform: translateX(-10rem);  z-index: 2;}
.prodBox1 .hd ul li:nth-child(3):hover{ transform:translateX(-8rem); }
.prodBox1 .hd ul li:last-child{ background: linear-gradient(to bottom,#012d7b,#0c2c66); transform: translateX(-15rem);  z-index: 1;}
.prodBox1 .hd ul li:last-child:hover{ transform:translateX(-13rem); }
.sect_k5 .tit_case{ position: absolute; top: 10%; left: 4%; z-index: 2;}
.gallery2{ overflow: hidden; height: 100vh;}
.gallery2 .mySwiper12  .swiper-slide{ height:80px;}
.gallery2 .box_k2{ margin-bottom: 0;}
.gallery2 .box_k2 img{ width: 100%; height: 100vh; object-fit: cover;}
.gallery2 .box_w2 img{ width: 100%; max-width:110px;object-fit: cover;}
.gallery2 .swiper_kc { text-align: left; bottom: 0;  left: 3%; position: relative;}
.gallery2 .swiper_kc:before{ width: 15px; content: "<"; font-size: 18px; color: #ffffff; position: absolute; left: -20px; bottom: -6px;}
.gallery2 .swiper_kc:after{ width: 15px; content: ">"; font-size: 18px; color: #ffffff; position: absolute; left: 20%; bottom: -6px;}
.gallery2 .swiper_kc .swiper-pagination-bullet{ width: 70px; height: 1px; background: #ffffff; margin: 0 auto; opacity: 1;}
.gallery2 .swiper_kc .swiper-pagination-bullet-active{ height: 6px; border-radius: 0; transform: translateY(2px);}

.gallery2 .mySwiper12 .swiper-wrapper{}
.tit-box{ position: absolute;}

.gallery2 .inext_kc10,.gallery2 .inext_kc6,.gallery2 .inext_kc4,.gallery2 .inext_kc1{ background:linear-gradient(to bottom,#00b592,#00a099); color: #ffffff; width: 100%; max-width: 114px; text-align: center;  margin: 0; top: auto; font-size: 16px; left: 0; height: 55px; line-height: 55px; border-radius: 0 0 0 10px;}
.gallery2 .inext_kc10 i,.gallery2 .inext_kc6 i,.gallery2 .inext_kc4 i,.gallery2 .inext_kc1 i{ font-size: 16px !important; transform: rotateZ(90deg); font-size: 3rem; display: block;}
.gallery2 .iprev_kc10,.gallery2 .iprev_kc6,.gallery2 .iprev_kc4,.gallery2 .iprev_kc1{ background:linear-gradient(to bottom,#00a099,#00b592); color: #ffffff; width: 100%; max-width: 114px; text-align: center;  margin: 0; top: -55px; font-size: 16px; left: 0; height: 55px; line-height: 55px; border-radius: 0 10px 0 0;}
.gallery2 .iprev_kc10 i,.gallery2 .iprev_kc6 i,.gallery2 .iprev_kc4 i,.gallery2 .iprev_kc1 i{ font-size: 16px !important; transform: rotateZ(270deg); display: block; font-size: 3rem; display: block;}

.gallery2 .mySwiper12{   position: absolute; z-index: 2; right: 10%; top: 35%;}
.gallery2 .mySwiper23{   position: absolute; z-index: 2; right: 10%; top: 35%;}
.gallery2 .mySwiper34{   position: absolute; z-index: 2; right: 10%; top: 35%;}
.gallery2 .mySwiper45{   position: absolute; z-index: 2; right: 10%; top: 35%;}
.gallery2 .mySwiper45 .swiper-slide{ opacity: 0.8;}
.gallery2 .mySwiper45 .swiper-slide-active{ opacity:1;}
/*第六屏*/
.sect_k6{height:100vh; background: url(../img/bg_ah6.jpg) no-repeat center; background-size: cover; background-size: cover; display: flex;  display: flex; align-items: center;}
.sect_k6 .img-hz{ padding:4% 2% 0 2%;}

#menu{ position: fixed; right: 2%; top:40%; z-index: 100000; display: flex;justify-content: center; flex-direction: column; max-width: 200px;}

#menu li {display:inline-block; background: #ffffff;  position: relative; width: 10px; height: 10px; margin-bottom: 2rem; border-radius: 100%;  }
#menu li:after{ width: 24px; opacity: 0; border-radius: 100%; height:24px; content: ""; position: absolute; border: 1px solid #ffffff; left: -8px; top: -8px; display: block;}
#menu li.active{color: #fff;}
#menu li.active::after{ opacity: 1;}
#menu li a{text-decoration:none;color: rgba(255,255,255,0.8); font-size: 14px;}
#menu li.active a:hover{color: #ffffff;}
#menu li:hover a{ color: #ffffff;}
#menu li:hover::before{  background: url(../img/d_h.png) no-repeat center;}
#menu li a,#menu li.active a{padding: 9px 18px;display:block;}
#menu li.active a{color: #fff;}