@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.index {width: 100%;overflow: hidden;}
.index .banner {position: relative; z-index: 3;}
.index .banner .swiper-pagination {bottom: 5%; left: auto; right: 8.3%; width: auto; z-index: 22;}
.index .banner .swiper-pagination-bullet {opacity: 1;width:2.125rem;height: 5px; border-radius:2rem; font-size:0; background-color: #fff;
  line-height: 1.5rem; text-align: center; }
.index .banner .swiper-pagination-bullet-active { width: 3.375rem;background-color: var(--default-hover); }
.index .banner .swiper-slide {position: relative; width: 100%;transition: all 2s;}
.index .banner .swiper-slide video{ width: 100%; height: 100%; display: block; border: none; }
.index .banner .swiper-slide.swiper-slide-active{transition: all 2s;}
.index .banner .swiper-slide img {width: 100%; height: 100%; display: block;}
.index .banner .swiper-slide .title1 {font-size:3rem;color: #fff;width: 100%;
 font-weight: bold; text-shadow: rgba(12, 21, 35, 0.3) 3px 0px 2px;}
.index .banner .swiper-slide .title2 {font-size:3rem;color: #fff;width: 100%; font-weight: bold;
  text-align: left; padding-top: 1rem;}
.index .banner .swiper-slide .title3{ font-size: 1.25rem; color: #fff; font-weight: bold; padding-top: 2.5rem; text-transform: uppercase;}
.index .banner .swiper-button-next:after, .swiper-button-prev:after {font-size:1.5em;font-weight: bold;color: #fff; }
.index .banner .swiper-button-prev {height:3.125rem; top: auto; bottom:5%;left:8.3%; width: 3.125rem;background-image:none; border: #fff solid 1px; border-radius: 0.5rem;} 
.index .banner .swiper-button-next {height:3.125rem; top: auto;bottom:5%;left:11.5%; right: auto; width: 3.125rem;background-image:none; border: #fff solid 1px; border-radius: 0.5rem;}
.index .banner .swiper-button-prev:hover,.index .banner .swiper-button-next:hover{ background-color: var(--default-hover); border: var(--default-hover) solid 1px;}
.index .banner .stxt { border-radius:0.25rem;font-size:1.125rem;color: #fff;z-index: 99; display: inline-block; 
  margin-top: 3.5rem;}
.index .banner .stxt i {font-size: 16px;color: #fff;margin-left: 1rem;}
.index .banner a {display: block;width: 100%;height: 100%; position: relative;}
.index .banner .stxt:hover{ opacity: 0.8;}
.index .banner .stxt:hover i{ color: #fff;}

.index .banner .swiper-slide .bnma {position: absolute;left: 8.3%; top:50%;  transform: translate(0%, -50%); width: 100%;
}
.index .banner .swiper-slide .bnma img{ display: block; width: 100%;}

.index .banner .swiper-slide.swiper-slide-active .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@media (max-width:1660px) {
.index .banner .swiper-slide .bnma {}
.index .banner .swiper-pagination { right: 6%; }
.index .banner .swiper-button-prev {left:6%; } 
.index .banner .swiper-button-next {left:10%;}
}

@media (max-width:1200px) {
  .index .banner .swiper-slide .bnma { }
.index .banner .swiper-pagination { right: 4%; }
  .index .banner .stxt{ font-size: 1.5rem;}
  .index .banner {height: auto;  padding-top: 5.25rem;}
  .index .banner .swiper-slide {height: auto;}
}

.headv {
  position: fixed;
  left: 1%; display: none;
  top: 30%;
  z-index: 2;
}

.headv div {
  margin: 10px 0;
  display: block;
  padding: 5px;
  background-color: #CCC;
  border-radius: 30px;
}

.headv .headv-check {
  color: #fff;
  background-color: var(--default-hover);
}
@media (max-width:1200px) {
  .headv{ display: none;}
}

.index_title1 {width: 20%;float: left;padding-top: 18%;}
.index_title1 .subtit {font-size:2.5rem;color: #333;line-height:2.5rem;font-family: "Arial";
  text-transform: uppercase;font-weight: bold;}
.index_title1 .tit {font-size:1.875rem;color: #333;line-height:5rem;}
.index .index_title1 .menu_right a {border: #c5c5c5 solid 1px;}
.index .index_title1 .menu_right {float: left;height:2.125rem;line-height:2.125rem;margin-top:1.875rem;}
.index .menu_right {float: right;}
.index .menu_right a {position: relative;display: block; padding: 0 2rem; height:2.5rem;font-size:1rem;line-height:2.5rem;
  color: #333;background: #f3f3f3;text-align: center;transition: all ease 0.36s;border-left: var(--default-hover) solid 0.5rem;}
.index .menu_right a span {position: relative;z-index: 12;transition: all ease 0.36s; display: block;}
.index .menu_right a:before,
.index .menu_right a:after {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: var(--default-hover);
  z-index: 2;transition: .8s;}
.index .menu_right a:before {transition: .8s;background: var(--default-hover);z-index: -1;}
.index .menu_right a:hover:after,
.index .menu_right a:hover:before {width: 100%;}
.index .menu_right a:hover span {color: #fff;}

.business_1_main{  width: 100%;display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.business_1_1{ width: 39.6%; position: relative; background: url(../images/g1_02.jpg) top center no-repeat; background-size: cover;
padding: 5.625rem 5.2% 0% 8.3%;}
.business_1_1 ul{ width: 100%; position: relative; padding-top:1.875rem;}
.business_1_1 ul li{ padding: 2.125rem 0; width: 100%; position: relative; border-bottom: #cfcfcf solid 1px;}
.business_1_1 ul li h3{ font-size: 1.875rem; color: #333; font-weight: bold;}
.business_1_1 ul li p{ font-size: 1rem; color: #666; line-height: 1.75rem; margin-top: 1.25rem; text-overflow: -o-ellipsis-lastline; 
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
display: none;}
.business_1_1 ul li a{ display: none; font-size: 1rem; color: var(--default-hover); margin-top: 1.75rem;}
.business_1_1 ul li.ac{ padding: 3.125rem 0;}
.business_1_1 ul li.ac h3{ color: var(--default-hover);}
.business_1_1 ul li.ac p{ display: block;}
.business_1_1 ul li.ac a{ display: block;}

.business_1_2{ width: 60.4%; position: relative;}
.business_1_2 .la{ display: none; width: 100%; position: relative;}
.business_1_2 .la img{ display: block; width: 100%;}


@media (max-width:1660px) {
  .index_1_main{ padding:5.625rem 6%;}
  .business_1_1{ padding: 5.625rem 5.2% 0% 6%;}
}
@media (max-width:1200px) {
  .index_1_main{ padding:5.625rem 4%;}
  .business_1_1{ padding: 5.625rem 4% 2.5rem 4%; width: 100%;}
  .business_1_1 ul li h3{ font-size: 2rem;}
.business_1_1 ul li p{ font-size: 1.5rem; line-height:2.1rem; }
.business_1_1 ul li a{ font-size: 1.5rem;}

  .business_1_2{ width: 100%;}

}

.about_2_main{ width: 100%; position: relative;}
.about_2_main .img{ display: block; width: 100%;}
.about_2_1{ width: 100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; position: absolute;
left: 0; top: 0; padding: 5.625rem 8.3%;}
.about_2_1 .about_2_11{ width: 37.5%; position: relative;}
.about_2_1 .about_2_11 .h2{ display: block; color: #fff; font-size: 1.875rem;}
.about_2_1 .about_2_11 p{ font-size:2.25rem; color: #fff; line-height: 3rem; margin-top: 1.25rem; text-overflow: -o-ellipsis-lastline; 
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
 font-weight: bold;}
.about_2_1 .about_2_11 .more{ display: block; font-size: 1rem;  color: #fff; margin-top: 2.875rem;}
.about_2_1 .about_2_11 .more:hover{ font-weight: bold;}
.about_2_1 .about_2_12{ width: 45.6%; position: relative; color: #fff; font-size: 1.125rem; line-height: 1.875rem; margin-top: 3.125rem;}



@media (max-width:1660px) {
.about_2_1{ padding:5.625rem 6%;}
}
@media (max-width:1200px) {
.about_2_1{ padding:5.625rem 4%;}
.about_2_1 .about_2_11{ width: 100%;}
.about_2_1 .about_2_11 .h2{font-size:2rem;}
.about_2_1 .about_2_11 p{ font-size:2.525rem;line-height: 3.2rem; }
.about_2_1 .about_2_11 .more{ font-size: 1.5rem;}
.about_2_1 .about_2_12{ width: 100%; font-size: 1.5rem; line-height: 2.3rem; margin-top: 3.125rem;text-overflow: -o-ellipsis-lastline; 
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}

}

.application_3_main{ position: relative; margin: 5.625rem 8.3%;}
.application_3_main .tit_left{ position: absolute; left: 0; top: 0;}
.application_3_1{ width: 100%; position: relative;}
.application_3_1 .swiper-container{ width: 100%; position: relative; z-index: 6;}
.application_3_1 .swiper-container .swiper-slide{ position: relative; margin-top: 5.75rem; width: 100%; border-radius:1.5rem; overflow: hidden;}
.application_3_1 .swiper-container .swiper-slide .img{ display: block; width: 100%;}
.application_3_1 .swiper-container .swiper-slide .w{ position: absolute; left: 0; top: 0; padding: 10%;}
.application_3_1 .swiper-container .swiper-slide .w .img1{ display: block; height:3.625rem;}
.application_3_1 .swiper-container .swiper-slide .w h3{ font-size: 1.5rem; color: #fff; font-weight: bold; margin-top: 1rem;}
.application_3_1 .swiper-container .swiper-prev{ position: absolute; right: 9%; top: 0; width: 3.125rem; height: 3.125rem; border-radius: 0.5rem;
align-items: center; justify-content: center;display: flex; border: #909090 solid 1px; cursor: pointer; z-index: 6;}
.application_3_1 .swiper-container .swiper-prev i{ font-size: 1.5rem; color: #909090;}
.application_3_1 .swiper-container .swiper-next{ position: absolute; right: 0%; top: 0; width: 3.125rem; height: 3.125rem; border-radius: 0.5rem;
align-items: center; justify-content: center;display: flex; border: #909090 solid 1px; cursor: pointer; z-index: 6;}
.application_3_1 .swiper-container .swiper-next i{ font-size: 1.5rem; color: #909090;}
.application_3_1 .swiper-container .swiper-pagination{ font-size: 1.375rem; color: #333; position: absolute; right: 4.5%; top:0.25rem; bottom: auto; left: auto; width: auto;}
.application_3_1 .swiper-container .swiper-pagination .swiper-pagination-current{ font-size: 1.875rem; font-weight: bold;color: var(--default-hover);}


@media (max-width:1660px) {
.application_3_main{ margin: 5.625rem 6%;}
}

@media (max-width:1200px) {
.application_3_main{ margin: 5.625rem 4%;}
.application_3_1 .swiper-container .swiper-next,.application_3_1 .swiper-container .swiper-prev{ display: none;}
.application_3_1 .swiper-container .swiper-slide .w h3{ font-size: 2rem;}
}

.Case_4_main{ position: relative; padding: 5.625rem 8.3%; background: url(../images/g1_10.jpg) center center no-repeat; background-size: cover;}
.Case_4_1{ width: 100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.Case_4_11{ width: 66.5%; position: relative;}
.Case_4_11 .swiper-container{ width: 100%; position: relative; z-index: 6;}
.Case_4_11 .swiper-container .swiper-slide{ position: relative; margin-top:2.25rem; width: 100%; border-radius:1.5rem; overflow: hidden;}
.Case_4_11 .swiper-container .swiper-slide .img{ display: block; width: 100%;transition: all ease 0.36s;}
.Case_4_11 .swiper-container .swiper-slide h3{ font-size: 1.5rem; color: #fff; font-weight: bold; width: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); padding: 4% 4%; position: absolute; left: 0; bottom: 0;}
.Case_4_11 .swiper-container .swiper-prev{ position: absolute; right: 10%; bottom: 5%; width: 3.125rem; height: 3.125rem; border-radius: 0.5rem;
align-items: center; justify-content: center;display: flex; background-color: #fff; cursor: pointer; z-index: 6;}
.Case_4_11 .swiper-container .swiper-prev i{ font-size: 1.5rem; color: #909090;}
.Case_4_11 .swiper-container .swiper-next{ position: absolute; right: 4%;  bottom: 5%; width: 3.125rem; height: 3.125rem; border-radius: 0.5rem;
align-items: center; justify-content: center;display: flex;  background-color: #fff; cursor: pointer; z-index: 6;}
.Case_4_11 .swiper-container .swiper-next i{ font-size: 1.5rem; color: #909090;}
.Case_4_11 .swiper-container .swiper-prev:hover,.Case_4_11 .swiper-container .swiper-next:hover{ background: var(--default-hover);}
.Case_4_11 .swiper-container .swiper-prev:hover i,.Case_4_11 .swiper-container .swiper-next:hover i{ color: #fff; }
.Case_4_11 .swiper-container .swiper-pagination{position: absolute; right: 4.5%; bottom:4%; top: auto; left: auto; width: auto; display: none;}
.Case_4_11 .swiper-container .swiper-slide:hover .img{transform: scale(1.03); transition: all ease 0.36s; }

.Case_4_12{ width: 32%; position: relative; margin-top: 0.875rem;}
.Case_4_12 a{ display: block; width: 100%; border-radius:1.5rem; overflow: hidden; position: relative; margin-top: 1.575rem;}
.Case_4_12 .img{ display: block; width: 100%;transition: all ease 0.36s;}
.Case_4_12 h3{ font-size: 1.5rem; color: #fff; font-weight: bold; width: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); padding: 4% 4%; position: absolute; left: 0; bottom: 0;}
.Case_4_12 a:hover .img{transform: scale(1.03); transition: all ease 0.36s; }

@media (max-width:1660px) {
.Case_4_main{ padding: 5.625rem 6%;}
}

@media (max-width:1200px) {
.Case_4_main{ padding: 5.625rem 4%;}
.Case_4_11{ width: 100%;}
.Case_4_11 .swiper-container .swiper-pagination{ display: block;}
.Case_4_11 .swiper-container .swiper-next,.Case_4_11 .swiper-container .swiper-prev{ display: none;}
.Case_4_12{ width: 100%; margin-top:1rem;display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.Case_4_12 a{ width: 48%; border-radius: 1rem;}
}

.news_5_main{ position: relative; padding: 5.625rem 8.3%; width: 100%;}
.news_5_main .news_5_1 ul{ width: 33%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.news_5_main .news_5_1 ul li{ width: 31%; background-color: #b6b6b6; border-radius: 0.5rem; position: relative; line-height: 3.625rem;
font-size: 1.25rem; color: #fff; text-align: center; cursor: pointer;}
.news_5_main .news_5_1 ul li a{ color: #fff;}
.news_5_main .news_5_1 ul li:hover{ background-color: var(--default-hover);}
.news_5_2{ width: 100%; position: relative;}
.news_5_2 .la{ width: 100%; display: none;}
.news_5_2 .la .news_5li{width: 100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.news_5_2 .la a{ display: block; width: 31%; border-radius: 1rem; position: relative; margin-top: 2rem; background-color: #f8f8f8; padding: 1.5%;}
.news_5_2 .la a .img{ width: 100%; display: block; border-radius: 0.875rem; overflow: hidden;}
.news_5_2 .la a .img img{ width: 100%; display: block; }
.news_5_2 .la a h3{ font-size: 1.5rem; font-weight: bold; color: #333; margin-top: 2rem; line-height: 1.875rem; height: 4.25rem;
 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; 
-webkit-box-orient: vertical;}
.news_5_2 .la a .p{ font-size: 1.125rem; color: #646c75; line-height:1.875rem; margin-top: 1.5rem; height: 3.625rem;
 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; 
-webkit-box-orient: vertical;}
.news_5_2 .la a p{display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; margin-top: 3rem; font-size: 1rem; color: #b6b9c5;}
.news_5_2 .la a b{ display: block; font-size: 2.25rem; font-family: Arial;}
.news_5_2 .la a:hover{ background-color: var(--default-hover);}
.news_5_2 .la a:hover h3,.news_5_2 .la a:hover p{ color: #fff;}
.news_5_2 .la a:hover h3{ color: #fff;}
.news_5_2 .la a:hover .p{ color: #fff;}

@media (max-width:1660px) {
.news_5_main{ padding: 5.625rem 6%;}
}

@media (max-width:1200px) {
.news_5_main{ padding: 5.625rem 4%;}
.news_5_main .news_5_1 ul{ width: 100%; padding-top: 2rem;}
.news_5_main .news_5_1 ul li{ font-size: 1.5rem;}
.news_5_2 .la a{ width:100%; padding: 3%;}
.news_5_2 .la a h3{ font-size: 2rem; line-height: 2.5rem; height: 5rem;}
.news_5_2 .la a .p{ font-size: 1.625rem; line-height:2.2rem; height: 4.25rem;}
.news_5_2 .la a p{font-size: 1.5rem;}
}