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

.banner{position:relative;height:auto;min-height:600px;top:70px;}
.banner img{width:100%;-webkit-mask-image: linear-gradient(to top, transparent, black 50%);object-fit:cover;
      mask-image: linear-gradient(to top, transparent, black 50%);
      /* 蒙版铺满图片，不重复 */
      -webkit-mask-size: cover;
      mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;}


.index_title{width:100%;padding-top:90px;padding-bottom:30px;position:relative;}
.index_title_line{height:2px;background:url(../images/index_title_line.png) no-repeat top center;width:30%;left:35%;position:absolute;top:99px;}
.index_title h2{font-size:36px;color:#333333;font-weight:bold;padding:0 20px;z-index:9999;width:30%;margin-left:auto;margin-right:auto;position:relative;}
.index_title p{font-size:16px;color:#555;padding-top:20px;}
.index_con{-webkit-transition: all 1s;transition: all 1s;position:relative;}
.index_conbox{}

.index_title2{width:100%;padding-bottom:40px;position:relative;text-align:center;}
.index_title2 h2{font-size:36px;color:#333; font-weight:bolder;}
.index_title2 p{font-size:21px;padding-bottom:10px; white-space:3px;}

.index_products{-webkit-transition: all 1s;transition: all 1s;}
.index_products ul{margin-top:20px;}
.index_products li{width:15%;margin-left:2.5%;margin-right:2.5%;float:left;-webkit-transition: all 2s;transition: all 2s; opacity:1;overflow:hidden;}
.index_products li.scthide{ opacity:0.5;}

.index_products li:hover img{ cursor:pointer;}

.index-pro-name{text-align:center;font-size:16px;line-height:32px;height:28px;margin-top:12px;}
.index-pro-curname{background-color:#afcffe;color:#333;line-height:28px;margin-top:12px;font-size:16px;border-radius:3px;overflow:hidden;}

.index-products-rec{margin-top:10px;}
.index-products-rec li{width:23%;margin-left:2.6666%;margin-right:0;}
.index-products-rec li:nth-child(4n+1){margin-left:0;}
.index-pro-img{width:calc(100% - 2px);height:195px;overflow:hidden;border:1px solid #E9E9E9;}
.index-pro-img img{max-width:100%;max-height:100%;-webkit-transition: all 2s;transition: all 1.2s;}
.index-pro-img img:hover{transform:scale(1.3);}

.index-products-category{margin-top:70px;}
.index-products-category li{float:left;width:19%;margin-left:1.25%;margin-right:0;position:relative; transition:all 2s;}
.index-products-category li:first-child{margin-left:0;}

.index-category-img{width:calc(100% - 2px);height:160px;overflow:hidden;}
.index-category-img img{max-width:100%;max-height:100%;-webkit-transition: all 2s;transition: all 1.2s;}
.index-category-name{text-align:center;font-size:16px;line-height:32px;height:28px;margin-top:12px;}
.index-category-bg{width:90%;height:90px;left:5%;border-radius:10px 10px 0 0;position:absolute;top:70px;background:linear-gradient(#E1E1E1, #ffffff);background:-webkit-linear-gradient(#E1E1E1, #ffffff);z-index:-1;}
.index-products-category li:hover .index-category-bg{background:linear-gradient(#c5e7ff, #ffffff);background:-webkit-linear-gradient(#c5e7ff, #ffffff);}

/******关于我们*******/
.index-company-nav{-webkit-transition: all 1s;transition: all 1s;overflow:hidden;}
.index-company{text-align:left;margin-top:30px; font-size:16px;}
.index-company-img{width:49%;float:left;}
.index-company-img img{border-radius:10px; max-width:100%;box-shadow:0 6px 18px rgba(123, 123, 123, 0.75);}
.index-company-txt{width:48%;color:#777;margin-left:3%;float:left; line-height:28px; font-size:16px;}
.index-company-icon{margin-top:45px;}
.index-company-icon li{float:left;width:33.3333%;}
.index-company-iconimg{float:left;margin-right:10px;}
.index-company-icon li h3{font-size:16px;font-weight:bolder;margin-top:10px;}
.index-company-icon li h3 a{color:#333;font-weight:bolder;font-size:16px;}
.index-company-icon li h3 a:hover{color:#255f8f;}
.index-company-icon li p{color:#999;font-size:13px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-honor{width:55%;float:right;overflow:hidden;background-color:#eaeaea;}
.index-nums{padding-top:60px;}
.index-nums li{width:32%;float:left;margin-left:2%;margin-right:0;overflow:hidden;height:90px;text-align:left;}
.index-nums li:nth-child(3n+1){margin-left:0;}
.index-nums li img{max-width:100px; cursor:pointer;border:none;}

.index-nums li p{padding-top:20px;font-size:14px;line-height:22px;padding-left:93px;color:#777;}
.num-count{padding-top:5px;font-size:40px; font-family:Verdana, Geneva, sans-serif;font-weight:bolder;position:relative;color:#65b7ff;float:left;padding-right:15px;}
.num-icon{float:left;margin-right:10px;width:79px;height:79px;transition: background-image 0.3s ease; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;}
.num-icon:hover img{border:none;}

.index-nums span{display:block;font-size:18px;color:#555555;}
.index-honor:hover img{transform: scale(1.0);}

.index-nums li:nth-child(1) .num-icon{ background-image:url(../images/index_icon_21.png);}
.index-nums li:nth-child(1):hover .num-icon {background-image:url(../images/index_icon_21_over.png);}
.index-nums li:nth-child(2) .num-icon {background-image:url(../images/index_icon_22.png);}
.index-nums li:nth-child(2):hover .num-icon {background-image:url(../images/index_icon_22_over.png);}
.index-nums li:nth-child(3) .num-icon {background-image:url(../images/index_icon_23.png);}
.index-nums li:nth-child(3):hover .num-icon {background-image:url(../images/index_icon_23_over.png);}

/*****公司优势******/
.index-ys{ background-size:cover;width:100%;}
.index-ys-icon li{float:left;width:20%;margin-left:2.5%;margin-right:2.5%; background: linear-gradient(#cdeaff, #ffffff); background: -webkit-linear-gradient(#cdeaff, #ffffff); opacity:0.9; transition:all 2s;border-radius:5px 5px 0 0;box-shadow:0 2px 6px rgba(123, 123, 123, 0.35);height:400px;}
.index-ys-icon li:first-child{
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%), url(../images/index_ys_bg1.jpg);
 background-size: cover;
background-position: center top;
background-repeat: no-repeat;}
.index-ys-icon li:nth-child(2) {
  background-image: 
    linear-gradient(to bottom, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%), 
    url(../images/index_ys_bg2.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.index-ys-icon li:nth-child(3) {
  background-image: 
    linear-gradient(to bottom, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%), 
    url(../images/index_ys_bg3.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.index-ys-icon li:nth-child(4) {
  background-image: 
    linear-gradient(to bottom, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%), 
    url(../images/index_ys_bg4.jpg);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
/**.index-ys-icon li:hover{background:linear-gradient(#a6beee,#FFFFFF);}**/
.index-ys-icon li h3{font-size:18px;font-weight:bolder;color:#3c6f99;line-height:60px;margin-top:85%;}
.index-ys-icon li p{padding:0 20px;}
.ys-icon{margin-top:70px;}

/*****视频*****/
.index-video{background-color:#eaeaea;height:385px;overflow:hidden;}
.index-video-txt{background-color:#eaeaea;width:20%;float:left;}
.index-video-instro{margin:20px;padding:20px;color:#FFF;text-align:left;border:1px solid #eaeaea;}
.index-video-instro h2{color:#222;font-size:24px;padding-bottom:60px;}
.index-video-instro p{color:#555; font-size:16px;padding-bottom:110px;}
.index-video-con{width:80%;float:right;background-color:#333;}

.more-btn{width:calc(20% - 2px);margin:40px auto; height:42px;line-height:42px;border:1px solid #5dbce7;font-size:18px; font-family:Verdana, Geneva, sans-serif;color:#5dbce7;font-weight:bolder;border-radius:3px;overflow:hidden; transition:all 1.5s;}
.more-btn:hover{background-color:#5dbce7;color:#FFF;}
.more-btn2{width:135px;height:36px;}
@media screen and (max-width:1024px){
.index_hz li{float:left;width:17.2%;margin-left:2.5%;margin-bottom:15px;border:1px solid #F6F6F6;}
}
@media screen and (max-width:768px){
.index_ys li{height:220px;}
}
@media screen and (max-width:640px){
	.banner{width:100%;height:auto;min-height:200px;top:70px;}
	.banner img{max-width:100%;}
	.index_title{padding-top:60px;padding-bottom:20px;width:90%;margin-left:5%;}
	.index_title h2{font-size:1.8em;padding:0 20px;width:60%;}
	.index_title p{font-size:0.9em;line-height:1.2em;}
.index-nums{padding-top:30px;}	
.index-nums li{width:90%;margin-left:5%;margin-right:5%;border-bottom:1px solid #E9E9E9;height:auto;padding-bottom:10px;padding-top:10px;}
.index-nums li:nth-child(3n+1){margin-left:5%;}
.index-nums li:last-child{border-botom:none;}
.num-icon{width:60px;height:60px;}
.num-count{font-size:2.1em;}
.index-nums li p{padding-left:74px;padding-top:8px;}

/******关于我们*******/
.index-company-img{width:100%;}
.index-company-img img{border-radius:0;width:100%;}
.index-company-txt{width:90%; margin-top:15px;margin-left:5%;}
.index-company-icon{margin-top:25px;}
.index-company-icon li{width:calc(33.33333% - 2px);}
.index-company-icon li p{font-size:12px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.index-company-icon li h3{margin-top:5px;text-align:center;}
.index-company-iconimg{float:none;text-align:center;margin-left:auto;margin-right:auto;}
.index-company-iconimg{}
.more-btn{width:calc(40% - 2px);}

.index_title2{text-align:center;}

/*****优势**********/
.index-ys-icon li{width:45%;margin-left:3.5%;margin-right:0; height:270px;margin-bottom:15px;}
.index-ys-icon li:nth-child(2n){margin-left:3%;}
.index-ys-icon li h3{line-height:40px;}
.ys-icon{margin-top:25px;}
.ys-icon img{width:50%;}

.index-products-category{margin-top:30px;}
.index-products-category ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.5%; /* 自动均匀间距，替代手动margin */
  }
.index-products-category li{width:30%;margin-bottom:25px;}
.index-products-category li:first-child{margin-left:2.5%;}
.index-products-category li:nth-child(3n+1){margin-left:2.5%;}
.index-category-img{height:70px;}
.index-category-bg{top:30px;height:60px;}
}