@charset "utf-8";
/* CSS Document */


/*********banner*******************/
.index_banner{ position:relative; width:100%;}

.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_img:after{ content: ""; background: rgba(0, 0, 0, 0.05); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100vw; height:calc(100vh - 81px); position:relative; overflow:hidden;}

.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center;}
/*.hmFocus_txt1 strong{ display: block; transition: all 0.8s ease-in-out; transform: translate(-150px,0px); opacity: 0; letter-spacing: 3px; color: rgba(255,255,255,0.2)}
.on .hmFocus_txt1 strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmFocus_txt1 strong span{ color:#efd30c;} 

*/

.hmFocus_txt1 p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 60px; line-height:1.5; font-weight: bold; color: #fff; letter-spacing: 3px; display: block; position:relative; }



.on .hmFocus_txt1 p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 3vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:3px; width:70px; background:rgba(255,255,255,0.5); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:3px;}
.hmFocus_dot span:after{content:""; background:#006ec7; width:0; height:3px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 8s linear;}
.hmFocus .slick-prev{ background:rgba(0, 0, 0, 0.1)  url(../images/fsBtn.png) no-repeat center center; display: inline-block; height:70px; width:70px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -45px; z-index:3; transition:all 0.5s ease-in-out;  transform:rotate(180deg); border-radius:50%; }
.hmFocus .slick-next{  background:rgba(0, 0, 0, 0.1)  url(../images/fsBtn.png) no-repeat center center; display: inline-block; height:70px; width: 70px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: 45px; z-index:3; transition:all 0.5s ease-in-out;border-radius:50%;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background:rgba(0, 0, 0, 0.5)  url(../images/fsBtn.png) no-repeat center center;;}
@media (max-width:1799px){
.hmFocus_txt1 strong{font-size: 35px;} 
.hmFocus_txt1 p{font-size: 25px;}
.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{background-size:30px auto;left: 30px;}
}
@media (max-width:1199px){
.hmFocus_item{height:80vh;}
.hmPage1{position:relative; padding-top:56px;}
.hmFocus_txt1 strong{font-size: 30px;} 
.hmFocus_txt1 p{font-size: 20px;}
}
@media (max-width:993px){
.hmFocus_item{height: 520px;}
.hmFocus_txt1 strong{ font-size: 30px; } 
.hmFocus_txt1 p{font-size: 16px;}
}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{height: 420px;}
.hmFocus_txt1 strong{font-size: 20px;} 
.hmFocus_txt1 p{font-size: 14px;}
.hmFocus .slick-prev{left:0;}
.hmFocus .slick-next{right:0;}
.hmFocus_txt1{padding-bottom:20px;}
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px; }
.hmFocus_dot span.on{height:4px;}
.hmFocus_dot span:after{ height:4px;}
.hmFocus .slick-prev,.hmFocus .slick-next{display:none!important;}
}


.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:35px;}
.xiangxia a{display: inline-block;width:50px;height:50px;/*border:1px solid white;*/text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}
.xiangxia span{display: block;color: #fff; margin-top:5px; font-size:12px;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}


/*******产品***************/
.index_product_category{position:relative;}
.index_product_list{ padding-bottom:40px;}
.index_product_list a{ position:relative;position: relative; height: 100%;display: block; padding-top:20px;}
.index_product_list a:after {content: '';display: block;width: 1px;height: 100%;background: #ddd;position: absolute;right: 0;top: 0;}
.index_product_list .title{ padding:20px; color:#333; font-size:0.3rem;}

.tac {text-align: center;margin-top: 4em;}
.whiteMore{display: inline-block;height: 2.7em;line-height: 2.7;padding: 0 2em;border-radius: 2em 0 2em 0;overflow: hidden;border: 1px solid #ddd;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;margin-left: 20px;margin-bottom: 30px;}
.whiteMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;line-height: 1;color: #333;font-size: 14px;}
.whiteMore::before {content: "";display: inline-block;position: absolute;z-index: 1;background: #003da6;left: -100%;top: 0;width: 100%;height: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.whiteMore:hover::before{left:0;}
.whiteMore:hover span{color:#fff;}

.index_product_list .img{ position:relative;}



/************公司简介******************/ 
.hmTbox{ text-align:center;}
.hmTbox strong{ font-size: 36px; line-height:1.5; letter-spacing: 4px; display: block; font-weight: normal; }
.hmTbox p{ font-size: 16px; color: #666666; line-height: 26px; margin-top: 10px; letter-spacing: 1px; }
@media (max-width:1799px){
.hmTbox strong{font-size:32px;}
}
 
.hmCon4{ padding:3vw 0px 4vw; position:relative; }
.hmc4bg{ position:absolute; left:0; width:100%; bottom:0; height:100%; background: url(../images/hmc4bor_line.png) no-repeat center bottom;}
.hmCon4 .container{position:relative; z-index:1;}
.hmc4_des{ width:100%; margin:0 auto; max-width: 1200px; margin-top: .6vw; font-size: 18px; line-height:2; color: #666666; text-align: center; }
.hmc4ul{display: flex; justify-content: space-between; margin-top:3.38vw;}
.hmc4ul li{ letter-spacing:1px; cursor:default}
.hmc4ul li strong{ line-height: 80px; font-size: 16px; font-weight: normal; }
.hmc4ul li p{ font-size: 16px; line-height: 40px; margin-top:-24px; }
.hmc4ul li strong span{color: #003da6 ;font: bold 60px EuclidCircularA;transition:all 0.5s ease-in-out;}
.hmc4ul li strong i{color: #003da6 ;font: 40px EuclidCircularA;display:inline-block;transform:translateY(-17px);margin-left:3px;transition:all 0.5s ease-in-out;}
.hmc4ul li:hover strong span,.hmc4ul li:hover strong i{ text-shadow:0 8px 18px rgba(0, 61, 166, 0.4)}
.hmc4vx{ text-align:center; margin-top:3.38vw}
.hmc4vx a,.hmc4vx span{font-size: 14px;transition: all 0.5s;cursor: pointer;line-height: 22px;color: #003da6 ;letter-spacing: 1px;display: inline-block;background: url(../images/hmc4_i.png) no-repeat right center;padding-right: 25px;}
.hmc4vx:hover a,.hmc4vx:hover span{transform:translateY(-6px);}
@media (max-width:1799px){
.hmc4_des{font-size:15px; line-height:30px;}
.hmc4ul li strong span{font-size:0.4rem;}
.hmc4ul li p{font-size:15px;}
}
@media (max-width:769px){

 .hmc4ul li strong i {
    color: #003da6;
    font: 16px EuclidCircularA;
    display: inline-block;
    transform: translateY(-15px);
    margin-left: 3px;
    transition: all 0.5s ease-in-out;
}

}
 
/*-------------------------------*/

  .insec5 .link {
    display: block;
    /*! width: 5.5rem; */
    /*! border: 1px solid rgba(255, 255, 255, 0.5); */
    height: 0.75rem;
    line-height: 0.75rem;
    margin-right: 0.5rem;
    color: #fff;
    display: flex;
    align-items: center;
  }
  .insec5 .link .t {
    /*! width: 4.5rem; */
    text-align: center;
    box-sizing: border-box;



    /*! border-right: 1px solid rgba(255, 255, 255, 0.5); */
    font-size: 14px;
  }
  .insec5 .link i {
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
  }
  .insec5 .link i:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 9px;
    background: url("../images/san-r.png") no-repeat center center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }


  .insec5{
   width: 100%;overflow: hidden;
  }
  .insec5 .le{
    width: 50%;
    height: 680px;
    overflow: hidden;
    box-sizing:border-box;
    padding: 1.5rem 1.5rem 0.5rem;
    color: #fff;
    z-index: 5;
    transition: all 0.6s ease-in-out 0s;
    transform: translateY(10%);
    opacity: 0;
	background:rgba(0,66, 161, 1);background-size:cover;background-position: left top;
  }
  .insec5.on .le{
   transform: translateY(0%);
   opacity: 1;
 }
 .insec5 .le .link{
  z-index: 30;
  position: relative;
  margin-top: 1rem;
}
.insec5 .le .num-n{
  font-size: 0.75rem;
}
.insec5 .le-num{
  font-size: 0.4rem;
  margin-bottom: 0.5rem;
}
.insec5 .con-t{
  margin-top: 0.5rem;
}
.insec5 .ico img{
  max-width: 1rem;
}
.insec5 .le h1{
  font-size: 0.3rem;
  margin-bottom: 0.25rem;
}
.insec5 .le p{
   font-size: 15px;
   line-height: 1.7;
   position:relative; padding-left:25px;
}
.insec5 .le p::before {content: "▶";position: absolute;left: 0;top: 0px;font-size:14px;line-height: inherit;color: #fff;}




.insec5 .ri{width: 50%;height: 100%;z-index: 2;transition: all 0.6s ease-in-out 0.6s;transform: translateY(10%);opacity: 0;}
.insec5.on .ri{transform: translateY(0%);opacity: 1;}
.insec5 .ri .con-t{ color: #333; text-align: center;}
.insec5 .ri .con-t h1{font-size: 0.36rem;margin-bottom: 0.1rem;}
.insec5 .ri .con-t p{color: #666;font-size: 0.2rem;}
.insec5 .ri .swiper5-box{width: 3rem;height: 3rem;margin: 0.25rem auto 0;padding: 0.2rem;box-sizing:border-box;border: 3px solid #ededed;border-radius: 50%;}
.insec5 .ri .swiper5-box .img{ width: 100%;height: 100%; border-radius: 50%; overflow: hidden;}
.insec5 .ri .swiper-container5{ position: static;}
.insec5 .ri .swiper5-box .line{ width: 100%;height: 100%;left: 50%;top: 50%; transform:translate(-50%,-50%); transition: .5s ease-in-out;}
.insec5 .ri .swiper5-box .line.cur{ animation: rotate 0.5s both linear 0.2s;}
.insec5 .ri .swiper-button-next{width: 0.6rem;height: 0.6rem; border-radius: 50%;background: url("../images/swiper-r2.png")no-repeat center center;background-size: contain; right: -1rem;}

.insec5 .ri .swiper-button-next:hover{
 background: url("../images/swiper-r2a.png")no-repeat center center;
 background-size: contain; 
}
.insec5 .ri .swiper-button-prev{ width: 0.6rem; height: 0.6rem; border-radius: 50%; background: url("../images/swiper-l2.png")no-repeat center center; background-size: contain;  left: -1.3rem;}
.insec5 .ri .swiper-button-prev:hover{background: url("../images/swiper-l2a.png")no-repeat center center; background-size: contain; }
.insec5 .ri .ico{ left: 50%;top: 50%;transform:translate(-50%,-50%); z-index: 1; }
.insec5 .swiper10-box{max-width: 6.5rem;color: #999;margin: 0.5rem auto 0;text-align: center;position: relative;width: 100%;}
.insec5 .swiper10-box:before{ content: ''; position: absolute; width: 1px; height: 0.45rem;background: rgb(255, 150, 0);left: 50%; top: -0.5rem; transform:translateX(-50%); }
.insec5 .swiper10-box .swiper-wrapper{ align-items: center;}
.insec5 .swiper10-box .swiper-slide{ color: #666;font-size: 0.18rem;}
.insec5 .swiper10-box .swiper-slide-active{ color: #666; font-size: 0.2rem;}
#wave1{ height: 8rem!important; left: 0;bottom: 0;}


@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media (max-width:1440px){
 .insec5 .le{ width: 50%; height:520px;}
}
 
 
@media (max-width: 769px){
.insec5 .le { width: 100%; height: auto;padding:20px;}

.insec5 .ri {
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 0.6s ease-in-out 0.6s;
    transform: translateY(10%);
    opacity: 0;
}
}


/************新闻中心*****************/
.index-box6 { padding:0.6rem 0px; width: 100%;position:relative;}



.index-box6 .title { width: 100%; border-bottom: 1px solid #ddd; font-size: 22px;line-height: 50px; color: #29364e; font-weight: bold; padding-bottom: 25px;}
.index-box6 .index_title {position: relative; text-align:left;}
.index_title .content0 {  font-family: 'gilroy_Medium'; font-size: 0.2rem;  color: #999;}
.index_title .content1 { font-family: 'fang';  font-size: 0.36rem; color:#003da6 ;}
.index_title .content2 { position: absolute;  right: 0;bottom: 0;}
.index_link a { display: block;font-size: 16px; color:#003da6 ; line-height:0.46rem; padding:0px 0.45rem; text-align: center; border: 1px solid #003da6 ; -webkit-transition: 0.4s;  -o-transition: 0.4s; transition: 0.4s;
}




.index-box6 .list { width: 100%; margin-top: 50px;}
.index-box6 .list ul { width: 100%;display: flex; flex-wrap: wrap;}
.index-box6 .list ul li { width: 31.66666%; margin-right: 2%;box-shadow: 0 2px 5px 3px rgb(0 0 0 / 6%);}
.index-box6 .list ul li:last-child { margin-right: 0;}

.index-box6 .list ul li a {width: 100%;display: block;}
.index-box6 .list ul li .public-img { overflow: hidden;position: relative;}
.index-box6 .list ul li .public-img img { transition: all ease-out 0.8s;}

.index-box6 .list ul li .info {padding: 25px 20px;}
.index-box6 .list ul li .time {color:#003da6 ;font-weight: bold; line-height: 2; font-size: 14px;font-family: 'gilroy_Medium';}
.index-box6 .list ul li .t1 { font-size: 18px; line-height: 1.6; color:#29364e; font-weight: bold; height: 56px;}
.index-box6 .list ul li .dec {font-size: 14px; line-height: 1.6; color:#666;}

.index-box6 .list ul li:hover .t1 {color: #003da6 ;}
.index-box6 .list ul li:hover .public-img img { transform: scale(1.1);}

@media (max-width: 767px) {
  .index-box6 .list ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.6rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
  }

}