
.banner{background-image: url(../images/bg.jpg);background-position: center center;background-repeat: no-repeat;width: 100%;height: 943px;display: flex;align-items: end;}
.ban_di{color: #fff;display: flex;justify-content: space-between;height: 120px;width: 100%;margin-bottom:250px}

.ban_she a{color: #fff;}
.ban_lan{width: 250px;}
.ban_l a{border-radius: 40px;background-color: #fff;color: #000;font-size: 14px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.ban_l a i{display: flex;background-color: #fff;border-radius: 40px;width: 64px;height: 36px;justify-content: center;align-items: center;color: #000;margin-left: 10px;}
.ban_she{display: flex;justify-content: left;align-items: center;font-size: 26px;align-items: center;height: 60px;}
.ban_she a{margin:0 10px}
.ban_right{font-size: 20px;width: 260px;font-weight:bold;text-align: right;
}
	.a_tit{margin-top:20px}
.prof_cont .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-20px}
.part1{background-color: #1ea1d6;color: #fff;}

.a_tit{text-transform: uppercase;}
.a_tit,.about_t{font-family: 'MySpecialFont';font-size: 90px;font-weight: bold;line-height: 90px;}
.about_t{font-size: 40px;}
.about ul{padding-top: 20px;}
.about li{font-size: 18px;line-height: 21px;}
.about li i{font-size: 12px;background-color: #fff;color: #1ea1d6;display: inline-block;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;text-align: center;padding-left:2px;margin-right:10px}
.about_tp img,.image-container img{width: 100%;}
.hei{color: #2d2d2d;}
.cp_p{font-size: 26px;line-height: 40px;margin-bottom: 50px;font-weight:normal}
.cp_p strong{color: #5d7052;}
 .mcpp{display: block;position: relative;margin-bottom: 20px;overflow: hidden;}

.mcpp p{font-size: 14px;  height: 50px;line-height: 50px;width: 100%;text-align: center;}

.cp_p a p{text-align: center;color: #000;}
.line{border-bottom: 1px solid #da7100;    line-height: 120px;}
.prof_cont{overflow:hidden;position:relative}
.product-card { position: relative; overflow: hidden; margin-bottom:40px; }
.image-container {  position: relative;  overflow: hidden;  height: 484px; }
 .image-container img {width: 100%; height: 100%; object-fit: cover; display: block;transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.product-card:hover .image-container img {   transform: scale(1.1);  }
  .image-overlay {    position: absolute;    bottom: -100%;    left: 0;     width: 100%;          height: 100%;   background: #5d7052;  color: white;      padding: 30px 25px; transition: bottom 0.7s cubic-bezier(0.23, 1, 0.32, 1);display: flex;
 flex-direction: column; justify-content: space-between;  }
 .product-card:hover .image-overlay,.cse_p:hover .cse_bg {    bottom: 0; }
 .overlay-title { font-size: 26px;font-weight: 700; margin-bottom: 15px;  transform: translateY(30px);  opacity: 0;  transition: all 0.5s ease 0.2s;} 
  a.image-overlay{color:#fff}
   .overlay-content {   font-size: 15px;     line-height: 1.7;     margin-bottom: 25px;   transform: translateY(30px);   opacity: 0;   transition: all 0.5s ease 0.3s;   }
              
              .product-card:hover .overlay-title,
              .product-card:hover .overlay-content,
              .product-card:hover .btn-overlay {
                  transform: translateY(0);
                  opacity: 1;
              }
	.anli{height: 800px;}			
.anli_p,.prof{display: flex;justify-content: center;padding:0 80px;flex-direction: column;height:100%}				
	.part3{background-image: url(../images/sy_21.jpg);background-repeat: no-repeat;background-position: center center;width: 100%;height: 734px;background-size: 100% 100%;}	
			.prof{padding: 0;;}
		.zx a{display: block;background-color: #5d7052;color: #fff;font-size: 26px;width: 230px;height: 60px;line-height: 60px;text-align: center;}	
			.part3 .a_tit{color: #fff}
			
.index_solu {position: relative;overflow: hidden;margin-top:50px}					
 .index_solu ul li{ width: 305px; position: relative; float: left;}
 .index_solu ul li  .photo{position:relative; display:block;width:100%;  }
 .index_solu ul li  .photo img{  height:100%; object-fit: cover;
  object-position: center center;     box-shadow: 0 5px 20px -5px rgb(0 0 0 / 50%);}
.index_solu ul li  .photo img{ width: 210px;}	


.part5{background-image: url(../images/wd.jpg);background-position: center center;background-repeat: no-repeat;width: 100%;height:900px;}

.csebg1{ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/p3.jpg');background-size:cover}
.csebg2{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/set.jpg');background-size:cover}
.csebg3{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/p2.jpg');background-size:cover}
.csebg4{background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/p1.jpg');background-size:cover}
.cse_p{    width: 440px;
    height: 670px;background-repeat: no-repeat;background-size:cover;background-position: center center;padding:60px 25px;  display:block;color: #fff;position: relative;overflow: hidden;}
.cse_p:hover{color: #fff;background-color: #5d7052;}



.cse_t{font-size: 26px;font-weight: bold;line-height:45px;}
.cse_bg{background-color: #5d7052;position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;padding:60px 25px;transition: bottom 0.7s cubic-bezier(0.23, 1, 0.32, 1);}
.cse_cont{font-size: 16px;line-height: 21px;overflow: hidden;font-weight:normal}					
.fc_p {
    overflow: hidden;    
}
.fc_tp{  overflow: hidden; }
.fc_tp img {
    height: 316px; width: 100%;object-fit: cover;
}

	
	.pro-prev{position: absolute;left: -79px;top:140px;}
	.pro-next{position: absolute;right: -79px;top:140px;}
	.fc_p{margin-top: 50px;}
	.fc_p a{display: block;color: #191515;font-weight: bold;}
	.fc_p a p{height: 80px;line-height: 80px;font-size: 20px;}			


						
@media (max-width: 768px) {
	body{width: 100%;}
	.banner{background-image:url(../images/sjbg.jpg);height: 650px;background-size: 100% 100%;margin-top:30px}
.part2 {overflow: hidden;}
	.ban_lan{width: 100%;}
	.light-logo{    opacity: 0;
    display: none;}
    .dark-logo {
    opacity: 1;
    display: block;
}
.part3 {
    height: 565px;
    background-image: url(../images/sjj.jpg);
}
.banner .container{padding:0;margin:0}
.ban_di{height:110px;margin-left:15px;}
.about_tp{margin-top:20px}
	.ban_right{width:50%;font-size:16px;text-align: right;}
	.about li i{width: 20px;height: 20px;font-size: 10px;}
	.about li{font-size: 15px;}

 .about_t{font-size: 30px;line-height: 35px;}
 .a_tit{font-size: 36px;line-height: 35px}
 .antsd{    display: flex;
    flex-direction: column-reverse;}
	.line{line-height: 60px;}
	.fc_tp img{height: 160px;}
	.navbar-transparent{background-color:#fff !important;}
	.navbar-default .navbar-nav>li>a{color:#777;font-weight:bold}
	.index_solu ul li .photo img{width:100%}
	.fc_p a p{height: auto;}
	.fc_p,.index_solu{margin-top: 20px;}
	.cp_p{font-size: 18px;line-height:30px;margin-top:10px}
	.mgg,.cp_p,.product-card{margin-bottom: 20px;}
	.part5{height: auto;}
	
	.cse_p{height: 210px;margin-bottom: 20px;padding:40px 10px;text-align: center;width:100%}
	.cse_p img{width:60px}
	.cse_t{font-size: 18px;}
		.anli{height: auto;}	
.image-container{height: auto}
.prof{    justify-content: end;}
.anli_p, .prof{padding:0 15px}
.prof .mg{margin-bottom:40px}
.zx a{    font-size: 16px;width: 130px; height: 40px;line-height: 40px;}
.product-info h3{font-size: 16px;height:30px;margin:10px 0}

}
@media (min-width: 992px) {


}
@media (min-width:1200px){
	
}

