#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #F08200;}

.header.ny .head_tel a i, .header.ny .head_search i{ color: #474747;}
.pc_nav ul li>a{ font-weight: normal;}

.head_tel a i, .head_search i{ font-size: 1.5rem; color: #fff;}
.head_search{ margin-left: 2.5rem;}
.head_lang a i:last-child{ font-size: 1.5rem;}

.head_tel{ position: relative;}
.head_tel ul{ background: #fff; border-radius: .375rem; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transition: all 0.3s ease; opacity: 0; pointer-events: none; z-index: 2; padding: .5rem .625rem;}
.head_tel ul li{ border-bottom: 1px solid #dedede;}
.head_tel ul li:last-child{ border-bottom: none;}
.head_tel ul li a{ font-size: 1rem; color: #474747; display: block; line-height: 2; white-space: nowrap; padding: 0 1rem; transition: all 0.3s ease;}
.head_tel ul li a:hover{ color: #F08200;}
.head_tel:hover ul{ opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0);}
.head_tel a{ font-weight: bold;}

.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 28.75rem; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem);}
.search_box input{ width: calc(100% - 8.75rem); height: 3.5rem; background: rgba(0,0,0,0.35); border-radius: 0; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding: 0 1.875rem; font-size: 1.125rem; color: #fff; padding-left: 4.375rem; outline: none; box-shadow: none; border: none;}
.search_box input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.search_box i{ position: absolute; left: 1.875rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 1.5rem;}
.search_box button{ width: 8.75rem; font-size: 1.125rem; background: #3c59a7; border: none; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0 !important; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}




.cn_banner{
  height: 100%;
}
.cn_banner .swiper{
  height: 100%;
}
.cn_banner .swiper .container{
  color: #fff;
  position: absolute;
  top: 25%;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-height: 10.75rem;
  max-width: 100%;
}
.cn_banner .swiper .container{
  font-size: 1.625rem;
  font-weight: bold;
}
.cn_banner .swiper .container strong{
  font-size: 3.75rem;
  font-family: 'MONTSERRAT-DOLD';
  display: block;
}
.cn_banner .swiper .container p{
  margin: 0 auto;
  line-height: 2;
  width: 70%;
  font-size: 1.625rem;
  font-weight: 400;
}


.cn_banner .ban_next{
  right: 10rem;
}
.cn_banner .ban_prev{
  left: 10rem;
}
.cn_banner .ban_next, .cn_banner .ban_prev{
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  border: .125rem solid #fff;
  color: #fff;
  z-index: 2;
}
.cn_banner .ban_next.swiper-button-disabled, .cn_banner .ban_prev.swiper-button-disabled{
  opacity: 0.5;
}
.cn_banner .ban_next i, .cn_banner .ban_prev i{
  font-size: 1.875rem;
  color: #fff;
}

.cn_hot{padding-top: 3.125rem;}
.cn_hot .swiper .swiper-slide{
  display: flex;
  /* counter-increment: myIndex; */
}
.cnhot_text{
  width: 28%;
  color: #fff;
}
.cnhot_img{
  width: 40%;
  height: 33.125rem;
}
/* .cn_num:after{content: counter(myIndex);} */
.cn_num{ font-size: 1.875rem;}
.cnhot_text h3{ font-size: 4.125rem; padding-bottom: 1.25rem; border-bottom: 1px solid rgba(255,255,255,0.35); margin-bottom: 1.25rem; line-height: 1;}
.cnhot_text p{ font-size: 1.25rem; line-height: 2;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.cnhot_text h5 a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.375rem;
  height: 3.125rem;
  border: 1px solid #FFFFFF;
  border-radius: 1.5625rem;
  color: #fff;
}
.cnhot_text h5 a i{ margin-left: .5rem;}
.cnhot_img img{ height: 100%; display: block; margin: 0 auto;}

.cn_hot .cnhot_next, .cn_hot .cnhot_prev{
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 3.75rem;
  height: 3.75rem;
  z-index: 2;
  border: 1px solid #fff;
  border-radius: 50%;
}
.cn_hot .cnhot_next i, .cn_hot .cnhot_prev i{
  font-size: 1.875rem;
  color: #fff;
}
.cn_hot .cnhot_next.swiper-button-disabled, .cn_hot .cnhot_prev.swiper-button-disabled{
  opacity: 0.5;
}
.cn_hot .cnhot_next{ left: 7.5rem;}

.cn_product{ position: relative; overflow: hidden;}
.cn_product, .cn_product .swiper{ height: 100%;}
.cn_product h3{ font-size: 3.125rem; margin: 1.875rem 0;}
.cn_product p{ line-height: 2; font-size: 1.125rem;}
.cn_product h5{ margin-top: 2.5rem;}
.cn_product h5 a{
  width: 5rem;
  height: 5rem;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.875rem;
  color: #fff;
}
.cn_product h5 a:hover i{
  animation: jianyi 1.2s ease-in infinite;
}
/* .cncp_ico i{ font-size: 3.75rem;} */
.cncp_ico{ width: 5rem;}
.cncp_ico img{width: 100%;}
.cn_product .swiper .swiper-slide{ display: flex; align-items: center; color: #fff;}
.cn_product .container{ padding-right: 55%;}
.cn_product .s_biao{ position: absolute; top: 20%; left: 0; right: 0; margin: 0 auto; z-index: 2;}
.cn_product .s_biao img{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0.3; z-index: -1; height: 6.875rem;}

.cn_product ul{ position: absolute; right: 10rem; top: 45%; z-index: 3;}
.cn_product ul li{
  cursor: pointer;
  width: 12.5625rem;
  height: 3.75rem;
  background: #FFFFFF;
  border-radius: 1.875rem;
  padding-left: 3.75rem;
  padding-right: .9375rem;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.125rem;
  color: #F08200;
}
.cn_product ul li:last-child{ margin-top: 3.75rem;}
.cn_product ul li:before{
  content: '';
  width: 100%;
  height: 100%;
  background: #F08200;
  position: absolute;
  border-top-right-radius: 1.875rem;
  border-bottom-right-radius: 1.875rem;
  left: 0;
  top: 0;
  transform: translateX(calc(-100% + 3.75rem));
  transition: all 0.3s ease;
}
.cn_product ul li.active{color: #fff;}
.cn_product ul li.active:before{
  transform: translateX(0);
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.cn_product ul li span{position: relative; z-index: 2;}
.cn_product ul li i{
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.25rem;
  font-weight: normal;
}

.cn_about{color: #fff;}
.cn_about p{ width: 40%; line-height: 2; font-size: 1.125rem; margin: 2.5rem 0;}
.cn_about h5 a{
  width: 5rem;
  height: 5rem;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.875rem;
  color: #fff;
}
.cn_about h5 a:hover i{
  animation: jianyi 1.2s ease-in infinite;
}


@-webkit-keyframes jianyi {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(1rem);
    opacity:0
  }
  70%{
    transform: translateX(-1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}
@keyframes jianyi {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(1rem);
    opacity:0
  }
  70%{
    transform: translateX(-1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}

.cn_case{ height: 100%; position: relative;}
.cn_case .cn_case_text{ position: absolute; top: 25%; left: 0; right: 0; margin: 0 auto; z-index: 3; color: #fff; padding-right: 42%;}
.cn_case p{ font-size: 1.125rem; line-height: 2;}
.cn_case ul{ position: absolute; bottom: 10%; left: 0; right:0; margin:0 auto; z-index: 2; display: flex; justify-content: space-between; align-items: stretch;}
.cn_case ul li{ width: 19%;}
.cn_case ul li a{ display: block; padding: 1rem; display: flex;align-items: center; justify-content: center; font-size: 1.125rem; color: #474747; background: #fff; transition: all 0.3s ease;}
.cn_case ul li.active a{ background: #F08200; color: #fff;}
.cn_case ul li a i{ font-size: 1.875rem; margin-right: .5rem;}
.cn_case .swiper{ height: 100%;}
.cn_case .swiper a{ display: block; height: 100%;}

.cn_news{ padding-top: 3.125rem;}
.cn_news .s_biao{ justify-content: space-between; display: flex; justify-content: space-between; align-items: center;}
.cn_news .s_biao img{ opacity: 0.3; height: 6.875rem;}

.cn_news .swiper a{ color: #fff;}
.cn_new_img{ padding-top: 56.6%; display: block; position: relative; color: #fff; overflow: hidden;}
.cn_new_img:after{ content: ''; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index: 2;}
.cn_new_text{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1.875rem; z-index: 3; transition: all 0.3s ease; transform: translateY(4.375rem);}
.cn_new_text h4{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cn_new_text p{ font-size: 1rem; opacity: .5; line-height: 2;
  opacity: 0;
  transition: all 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.cn_news .swiper-slide:hover a .cn_new_text{ transform: translateY(0);}
.cn_news .swiper-slide:hover a .cn_new_text p{ opacity: 1;}
.cn_news .swiper-slide:hover a .cn_new_more{ opacity: 1;}
.cn_new_more{ opacity: 0; width: 100%; height: 3.625rem; border-bottom: 2px solid #F08200; display: flex; transition: all 0.3s ease;
align-items: center; justify-content: space-between; padding: 0 1.875rem;}
.cn_new_fan{ margin-top: 1.875rem;}
.cnnew_prev, .cnnew_next{
  outline: none;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
  opacity: 0.85;
}
.cnnew_next{ margin-left: 2.5rem;}
.cnnew_prev:hover, .cnnew_next:hover{ opacity: 1; border-color: #F08200; color: #F08200;}

footer.footer{ padding-top: 2.5rem;}
footer.footer .caption ul li:first-child{ font-size: 1.125rem; font-weight: normal; margin-bottom: .5rem;}
footer.footer .caption ul li, footer.footer .caption ul li a{ font-size: 1rem;}
footer.footer .caption img{ margin-bottom: 1.25rem;}
footer.footer .flex{ align-items: stretch;}
footer.footer .flex .caption{ position: relative;}
footer.footer .flex .caption:first-child{ width: 34%;}
footer.footer .flex .caption:not(:first-child){ width: 13.2%; display: flex; justify-content: center;}
footer.footer .flex .caption:not(:first-child):after{ content: ''; width: 1px; height: 60%; background:  rgba(255,255,255,0.1); position: absolute; left: 0; top: 0;}
.foot_di{ margin-top: 1.5rem; padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,0.1);}
.foot_di p span{ margin-left: .5rem;}
.foot_di p span a{ color: rgba(255,255,255,0.3);}




@media (max-width:991px){
  .L-ani{ opacity: 1; transform: translateX(0) translateY(0); pointer-events: auto;}
  .s_biao{ margin-bottom: 1.5rem;}
  .cn_banner{ height: 36vh; margin-top: 6.25rem;}
  .cn_banner img{ max-width: 60%;}
  .cn_banner .ban_next, .cn_banner .ban_prev{ display: none;}
  .cn_hot .swiper .swiper-slide{ flex-wrap: wrap;}
  .cn_hot .swiper{ padding-bottom: 7.5rem;}
  .cnhot_text{ width: 100%;}
  .cnhot_img{ width: 100%; height: auto;}
  .cnhot_img img{ max-width: 100%; height: auto;}
  .cnhot_text h3{ font-size: 2rem;}
  .cn_hot .cnhot_prev{ right: calc(50% + 1rem); left: auto;}
  .cn_hot .cnhot_next{ left:calc(50% + 1rem); right: auto;}
  .cn_product{ padding-top: 2rem;}
  .cn_product .s_biao img, .cn_news .s_biao img{ display: none; height: 2rem;}
  .cn_product h3{ font-size: 1.5rem; margin: 1rem 0;}
  .cn_product .container{ padding-right: 0;}
  .cn_product ul{ position: static; display: flex; justify-content: space-between; padding: 0 15px; margin: 1rem 0;}
  .cn_product .s_biao{ position: static; color: #333;}
  .cn_product ul li:last-child{ margin: 0;}
  .cn_product ul li{ background: #ebebeb;}
  .cn_product h5 a{ width: 4rem; height: 4rem;}
  .cn_product .swiper .swiper-slide{ padding: 2rem 0;}
  .cncp_ico{ width: 4rem;}
  .cn_about{ padding: 3rem 0;}
  .cn_about p{ width: 100%; line-height: 1.6; margin: 1.5rem 0;}
  .cn_about .s_biao, .cn_case .s_biao{ margin-bottom: 1rem;}
  .cn_case .swiper{ height: 70vh;}
  /* .cn_case ul{ position: static;} */
  .cn_case .cn_case_text{ padding-right: 0; top: 10%;}
  .cn_case ul li a{ padding: .5rem 1rem ; flex-wrap: wrap; text-align: center;}
  .cn_case ul li a i{ display: block; width: 100%; margin: 0 auto;}
  .cn_new_text{ transform: translateY(0);}
  .cn_new_text p{ opacity: 1;}
  .cn_new_more{ opacity: 1;}
  .cn_news{ padding: 3rem 0;}
  footer.footer{ padding-top: 0;}
  .foot_di{ margin: 0; border: none;}
  .foot_di ul{ display: none;}


  .cn_banner .swiper .container{
    font-size: 1.125rem;
  }
  .cn_banner .swiper .container strong{
    font-size: 1.5rem;
  }
  .cn_banner .swiper .container p{
    line-height: 1.4;
    font-size: 1.25rem;
  }

}


@media (min-width:1201px){
  .header .container, .n_nav .container, .s_about .container, .s_email .container, .container{ max-width: calc(100% - 11.875rem); width: calc(100% - 11.875rem) !important; padding: 0 15px;}

}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 11.875rem); width: calc(100% - 11.875rem) !important; padding: 0 15px;}
}