@charset "utf-8";

/* CSS Document */

header>.box{width: 1420px;}

.product>.box{width: 1420px;}

/*头部*/

header .logo{height: 54px; margin-top:27px;}

/*轮播*/

.swiper-pagination-bullet{background: #fff; opacity: 1;}

.swiper-pagination-bullet-active{background: #c12e35;}

.swiper-pagination-bullet{width: 10px; height: 10px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

	bottom: 15px;

}

/*产品*/

.product{width: 100%; padding: 69px 0 84px 0;}

.product .probox{width: 22.75%; height: 186px; margin-right: 3%; position: relative; overflow:hidden;}

.product .probox:nth-child(4n){margin-right: 0;}

.product .probox>img{float: left; width: 100%; height: 100%; transition: .5s;}

.product .probox>p{font-size: 18px; color: #fff; font-weight: bold; position: absolute; top:22px; right: 34px;}

.product .probox:hover img{transform: scale(1.1);}



@media (max-width: 1440px){

	header>.box{width: 1200px;}

	.product>.box{width: 1200px;}

	header .logo{height: 45px; margin-top:18px;}

	.product{padding: 60px 0 60px 0;}

}

@media (max-width: 1200px){

	header>.box{width: 90%; margin:0 5%;}

	.product>.box{width: 90%; margin:0 5%;}

}

@media (max-width: 980px){

	.product{padding: 30px 0 40px 0;}

	/*.product .probox{width: 48%; height: auto; margin: 0; margin-bottom: 4%;}

	.product .probox:nth-child(odd){margin-right: 2%;}

	.product .probox:nth-child(even){margin-left: 2%;}*/
	.product .probox{width: 100%; margin-bottom: 4%;}

	.product .probox:nth-child(odd){margin-right: 0;}

	.product .probox:nth-child(even){margin-left: 0;}

	.product .probox>p{top:0; right: 0; width: 100%; height: 100%; display: flex;

		justify-content: center; align-items: center;}

}

/*@media (max-width: 320px){

	.product .probox{width: 100%;}

	.product .probox:nth-child(odd){margin-right: 0;}

	.product .probox:nth-child(even){margin-left: 0;}

}*/