
/*我们的产品*/
.product{max-width: 1118px;margin: 0 auto;}
.product h1{text-align: center;margin-top: 8%;font-size: 24px;color: #232325;}
.product .nav{display: flex;text-align: center;margin-top: 1%;border-bottom: 1px solid #dcdfe0;padding: 2% 0;}
.product .nav a{width: 25%;padding: 2% 0;}
.product .nav a:hover{color: #0973df;}
.product .nav a.active{color: #0973BF;}
.product .nav  .swiper-button-prev{background-image: url(../images/prev.png);background-size: 8px 15px;}
.product .nav  .swiper-button-next{background-image: url(../images/next.png);background-size: 8px 15px;}
.product .nav  .swiper-button-next,.product .nav .swiper-button-prev{width: 8px;height: 15px;margin-top: -8px;}

.product_list{max-width: 1118px;margin: 0 auto;}
.product_list ul{display: flex;flex-wrap: wrap;margin:5% 0;max-width: 1118px;}
.product_list li{width: 31%;margin-right: 3.5%;margin-bottom: 2%;}
.product_list li:nth-child(3n){margin-right: 0;}
.product_list li {text-align: center;transition: all .3s;}
.product_list li:hover{transform: translateY(-10px);box-shadow:0 0 31px 0 rgba(0,0,0,.21);}
.product_list li h4{margin-top: 5%;}
.product_list li p{font-weight: lighter;margin-top: 2%;}
.product_list .page{text-align: center;margin-top: 6%;width: 100%;}
.product_list .page-prev{color: #cdcdcd;}
.product_list .current{margin: 0 2%;}
.product_list .current span{width: 30px;height: 30px;border-radius: 50%;background: #DADADA;display: inline-block;text-align: center;line-height: 30px;}
.product_list .page-next{color: #000000;}
.nav .swiper-container{width: 100%;}
.solution{padding-top: 8%;}
.solution h1{text-align: center;margin-bottom: 4%;font-size: 24px;color: #232325;}
.solution ul li{position: relative;transition: all .3s;}
.solution ul li>h2{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);color: #fff;transition: all .3s;font-size: 20px;font-weight: normal;}
.solution ul li img{width: 100%;}
.solution ul li .bg{background: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;left: 0%;top: 0;transition: all .5s;opacity: 0;text-align: center;}
.solution ul li .bg h2{color: #fff;margin-bottom: 20px;font-size: 20px;font-weight: normal;}
.solution ul li .bg div{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.solution ul li .bg div a{color: #fff;width: 127px;height: 35px;display: block;border-radius: 35px;background: #0973BF;line-height: 35px;font-size: 13px;margin: 0 auto;}
.solution ul li:hover >h2{opacity: 0;}
.solution ul li:hover div{display: block;opacity: 1;}
.solution .swiper-button-prev{background-image: url(../images/pro_prev.png);background-size: 60px 60px;width: 60px;height: 60px;}
.solution .swiper-button-next{background-image: url(../images/pro_next.png);background-size: 60px 60px;width: 60px;height: 60px;}

.info{margin-top: 5%;padding: 0 2%;}
.info .wrap{max-width: 1118px;margin: 0 auto;}
.info .wrap h1{font-size: 22px;color: #616161;}
.info .wrap .updown{line-height: 2rem;}
.info .wrap .toggle{display: flex;flex-wrap: wrap;justify-content: space-between;}
.info .wrap .prev,.next{margin: 1% 0;}

@media screen and (max-width:768px ) {
	h1{font-size: 20px;}
	.product .nav a{font-size: 12px;}
	.product_list li{width: 100%;text-align: center;text-align: center;margin-right: 0;}
	.product_list li p{font-size: 12px;}
	
	.solution .list span:nth-child(even){font-size: 12px;white-space: nowrap;}
	.solution .list:hover span:nth-child(odd){display: none;}
	.info .wrap {margin: 0 2%;}
	.info .wrap h1{font-size: 16px;}
	.info .wrap p{font-size: 12px;}
	.info .wrap .toggle{font-size: 12px;}
	.solution .swiper-button-next,.solution .swiper-button-prev{width: 25px;height: 25px;}
	.solution ul li>h2{font-size: 14px;}
	.solution ul li>div>h2{font-size: 14px;}
	.solution ul li>div>a{width: 97px;height: 30px;line-height: 30px;font-size: 12px;}
}