/* banner */
.banner {width: 100%; animation: slide_ban 5s linear 2s infinite alternate; -webkit-animation: slide_ban 5s linear 2s infinite alternate;}
.banner img{width: 100%;}

.swiper-button-next, .swiper-button-prev{ background: none!important; background-color: rgba(255,255,255,0.5)!important; border-radius: 5px!important; width: 40px!important; text-align: center!important;}
.swiper-button-next:hover, .swiper-button-prev:hover{  background-color: rgba(0,0,0,1)!important; }
.swiper-button-next:focus, .swiper-button-prev:focus{ outline: none;}
.swiper-button-next:hover .iconfont, .swiper-button-prev:hover .iconfont{ color: #fff; }
.iconfont{font-size:27px;line-height:44px; color: #000;}
.banner .swiper-pagination-bullet{width: 15px; height: 15px;}
@keyframes slide_ban{
    from {background: #FFFffF;}
    to {background: #255BA9;}
}
@-webkit-keyframes slide_ban{
    from {background: #FFFfEF;}
    to {background: #255BA9;}
}
@media all and (max-width:1024px){
	/* .banner {margin-top: 160px;} */
}

.cooperation{padding: 30px 80px; position: relative;}
.cooperation .swiper-slide{}
.cooperation .swiper-slide .img{position: relative; height: 100px; line-height: 100px; width: 100%; display: flex; align-items: center;}
.cooperation .swiper-slide .img img{ position: absolute; width: 100%; }
.cooperation .swiper-slide .img img.color{ position: absolute; z-index: 1; opacity: 0; transition: all 0.3s; }
.cooperation .swiper-slide:hover .img img.color{ opacity: 1; }
.cooperation .swiper-button-next{right: 15px; }
.cooperation .swiper-button-prev{left: 15px;}
@media all and (max-width:768px){
	.cooperation{padding: 20px 20px;}
	.cooperation .swiper-slide .img{height: 80px;}
}
@media all and (max-width:480px){
	.cooperation{padding: 10px 20px;}
	.cooperation .swiper-slide .img{height: 50px;}
	.cooperation .swiper-button-next,.cooperation .swiper-button-prev{ background: none
!important; opacity: 0.6; width: 20px!important;}
	.cooperation .swiper-button-next{right: 5px; }
	.cooperation .swiper-button-prev{left: 0px;}
	.cooperation .swiper-button-next .iconfont, .cooperation .swiper-button-prev .iconfont { color: #666; }
}


/* 产品展示 */
.product{ display: flex; align-items: stretch;}
.product.p2{flex-direction: row-reverse;}
.product .infoPic{ width: 35%; }
.product .infoPic .img{ width: 100%; height: 100%; background-size: cover ; background-repeat: no-repeat; background-position: center;}
.product .infoPic img{ display: none; }

.product .proList{ width: 65%; padding: 60px 50px; }
.product .proList .title{ margin-bottom: 50px; }
.product .proList .title h3{ text-align: center; font-size: 20px; color: #333333; letter-spacing: 2px; }
.product .proList ul{ display: flex; flex-wrap: wrap;  }
.product .proList ul li{ width: 33.33%; padding: 0 30px;  }
.product .proList ul li .pic{ overflow: hidden; height: 250px; }
.product .proList ul li .pic a{display: block; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.product .proList ul li .pic img{ width: auto; height: 100%; transition: all 0.3s; }
.product .proList ul li .txt{ text-align: center; margin-top: 20px;  }
.product .proList ul li .txt a{ font-size: 14px; color: #333333; font-weight: bold; }
.product .proList ul li .txt .price{ margin-top: 15px; font-size: 16px; color: #333333; font-weight: bold; }
@media all and (min-width:1024px){
	/* .product .proList ul li{ position: relative;} */
	/* .product .proList ul li:hover .pic img{ transform: scale(1.1);  } */
}
@media all and (max-width:1024px){
	.product{flex-wrap: wrap; flex-direction: column;}
	.product.p2{ flex-direction: column;}
	.product .infoPic{width: 100%; height: 500px;}
	.product .infoPic .img{background-size: cover; background-position: top center;}
	.product .proList{width: 100%;}
}
@media all and (max-width:768px){
	.product .proList{ padding: 30px 20px; }
	.product .proList .title{margin-bottom: 30px;}
	.product .infoPic{ height: 400px;}
}
@media all and (max-width:480px){
	.product .infoPic { height: auto; padding: 0 3%; }
	.product .infoPic .img{ display: none; }
	.product .infoPic img{ display: block; width: 100%; }
	
	.product .proList{padding: 30px 3%;}
	.product .proList .title{margin-bottom: 40px;}
	.product .proList .title h3{font-size: 16px;}
	.product .proList ul{ flex-wrap: wrap; flex-direction: column; }
	.product .proList ul li{width: 100%; padding: 0 70px; margin-bottom: 30px;}
	.product .proList ul li:last-child{ margin-bottom: 0px;}
	.product .proList ul li .txt{margin-top: 10px;}
}

/* 简介 */
.jianjie{ display: flex; align-items: stretch; }
.jianjie.j2{ flex-direction: row-reverse; }
.jianjie .title{width: 35%; display: flex; align-items: center; justify-content: center;}
.jianjie .title h2{text-align: center; font-size: 30px; color: #333333;}
.jianjie .text {width: 65%; padding: 80px 120px;}
.jianjie .text h3{font-size: 20px;margin-bottom: 20px; color: #333333;}
.jianjie .text p{font-size: 16px; color: #333333; line-height: 24px;}
.jianjie .text a{ font-size: 20px; font-weight: ; display: inline-block; padding-top: 20px; padding-bottom: 5px; position: relative;}
.jianjie .text a::after { content: ""; display: block; position: absolute; bottom: 0; width: 0%; height: 1px; background-color: #000000; transition: all 0.3s; }
.jianjie .text a:hover::after { width: 100%;}

.jianjie.j1 .title{background-color: #bdd094;}
.jianjie.j1 .text{background-color: #c7db9c;}

.jianjie.j2 .title{background-color: #b2d9c8;}
.jianjie.j2 .text{background-color: #bce5d3;}

.jianjie.j3 .title{background-color: #9ebedf;}
.jianjie.j3 .text{background-color: #a7c8eb;}

@media all and (max-width:1024px){
	.jianjie{ margin-bottom: 60px;}
	.jianjie.j3{ margin-bottom: 0px;}
}
@media all and (max-width:768px){
	.jianjie .text{padding: 30px 40px;}
	.jianjie .title h2{font-size: 20px;}
}
@media all and (max-width:480px){
	.jianjie{flex-wrap: wrap; flex-direction: column; margin: 0 3%; margin-bottom: 40px;}
	/* .jianjie.j2{ margin-top: 30px; } */
	.jianjie .title{width: 100%; padding: 20px 3%;}
	.jianjie .text{width: 100%; padding: 25px 6%;}
	.jianjie .text h3{ font-size: 16px; margin-bottom: 10px; }
	.jianjie .text a{ font-size: 16px; padding-top: 10px; }
}




/* 优势 */
.advantage{padding: 80px 0; background-color: #f6f6f6;}
.advantage ul{display: flex; flex-wrap: wrap; padding: 0 50px; justify-content: space-between;}
.advantage ul li{width: 32%; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;text-align: center; box-shadow: 0 0 5px 5px rgba(0,0,0,.03);}
.advantage ul li .title {position: absolute; top: -100%; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; transition: all 0.4s;}
.advantage ul li .title p{line-height: 30px; font-size: 16px; letter-spacing: 2px;}
.advantage ul li .text{ position: relative; padding: 50px 30px; transition: all 0.4s; top:0}
.advantage ul li .text p{line-height: 38px; font-size: 16px; color: #333333; letter-spacing: 2px;}

.advantage ul li:hover .title{ top: 0; }
.advantage ul li:hover .text{ top: 100%; }
@media all and (max-width:1440px){
	.advantage ul li .text p{font-size: 16px; line-height: 30px;}
}
@media all and (max-width:1024px){
	.advantage{padding: 50px 0;}
	.advantage ul{ flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
	.advantage ul li{width: 60%; margin-bottom: 30px;}
	.advantage ul li:last-child{ margin-bottom: 00px;}
	.advantage ul li:hover .title{ }
	.advantage ul li:hover .text{ top: 0; opacity: 0;}
}
@media all and (max-width:768px){
	.advantage ul li{width: 80%;}
}
@media all and (max-width:480px){
	.advantage ul{padding: 0 3%;}
	.advantage ul li{width: 100%; margin-bottom: 30px;}
}