@charset "utf-8";

/* CSS Document */

.banner img{float: left; width: 100%;}

.product{padding: 67px 0 54px 0;}

.product .probox{width: 372px; height: 335px; margin-right: 42px;  margin-bottom: 20px;}

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

.product .probox .img{width: 372px; height: 254px; overflow: hidden;}

.product .probox .img img{width: 100%;}

.product .probox>p{font-size: 18px; color: #666; font-weight: bold; text-align: center; padding-top: 14px;

	transition: .5s; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.product .probox:hover p{color: #0480fb;}



.page{padding: 6px 0 0 0; text-align: center;}

.page a{display: inline-block; width: 42px; height: 43px; background: #efefef; text-align: center;

	line-height: 43px; font-size: 18px; color: #535353; transition: .5s; margin:0 2px;}

.page a:first-child{width: 116px;}

.page a:last-child{width: 116px;}

.yangshi{background-color: #474747!important; color: #fff!important;}

.page a:hover{background-color: #474747!important; color: #fff!important;}



/*产品详情页*/

.xiangqing .biaoti{width: 100%; height: 70px; background-color: #0077bb; line-height: 70px; font-size: 20px;

	color: #fff; text-align: center; font-weight: bold;}

.xiangqing .biaoti .qita{position: absolute; font-size: 14px; font-weight: bold; color: #fff; position: absolute;
	right: 100px; top:0;}
.xiangqing .biaoti .qita:hover{text-decoration: underline;}

.xiangqing .neirong{padding: 54px 100px 20px; font-size: 16px; color: #5d5d5d; line-height: 32px;}

.xiangqing .neirong p{font-size: 16px; color: #5d5d5d; line-height: 32px;}

.page2{border-top:2px solid #dcdcdc; padding: 30px 0 82px; width: 1000px; margin:0 auto;}
.page2 .prev{font-size: 16px; color: #5d5d5d; padding-bottom: 22px; font-weight: bold;}
.page2 .prev a{color: #5d5d5d; transition: .5s; font-weight: normal;}
.page2 .prev a:hover{text-decoration: underline;}
.page2 .next{font-size: 16px; color: #5d5d5d; font-weight: bold;}
.page2 .next a{color: #5d5d5d; transition: .5s; font-weight: normal;}
.page2 .next a:hover{text-decoration: underline;}


@media (max-width: 1200px){

	.product .probox{width: 30%; height: 280px; margin-right: 5%;}

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

	.product .probox .img{width: 100%; height: auto;}

	.product .probox>p{font-size: 16px;}

}

@media (max-width: 980px){

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

	.product .probox{width: 46%; height: auto; margin:0; margin-bottom: 20px;}

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

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

	.product .probox>p{font-size: 14px; padding-top: 6px;}
	.product .probox .img{height: 106px;}


	.page a{font-size: 14px; width: 30px; height: 34px; line-height: 34px;}

	.page a:first-child{width: 54px;}

	.page a:last-child{width: 54px;}



	.xiangqing .biaoti{font-size: 16px; height: auto; line-height: 1.2; padding: 10px 0;}

	.xiangqing .neirong{padding: 30px 0 20px 0; font-size: 14px; line-height: 28px;}

	.xiangqing .neirong p{font-size: 14px; line-height: 28px;}
	.xiangqing .neirong img{width: 100%;}
	.xiangqing .biaoti .qita{display: none;}
	.page2{width: 100%; border-top: 1px solid #dcdcdc; padding: 20px 0 40px;}
	.page2 .prev{font-size: 14px; padding-bottom: 14px;}
	.page2 .next{font-size: 14px;}
}