@charset "utf-8";
/* CSS Document */
.banner{width: 100%; height: 318px; background: url(../images/product_banner.jpg) no-repeat center;
	background-size: cover;}
.er_nav{height: 85px; position: relative;}
.er_nav .er_bg{width: 100%; height: 63px; background-color: #fafafa; position: absolute; top:11px; left:0;
	z-index: -1}
.er_nav .erlist>div{float: left; width: 168px; height: 85px; line-height: 85px; text-align: center;
	font-size: 18px; cursor: pointer;}
.er_nav .erlist>div>a{color: #666;}
.beijingse{background-color: #0480fb;}
.yanse{color: #fff!important;}
.product{width: 100%; padding-top: 17px; padding-bottom: 147px; position: relative;}
.product .background{width: 100%; height: 272px; background:url(../images/background.jpg) no-repeat center;
	background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1;}

.pro .tit{padding: 80px 0 40px 0;}
.pro .tit>p{float: left; font-size: 42px; color: #0480fb; width: 320px; letter-spacing: 6px;}
.pro .tit>.line{float: left; width: 92px; height: 4px; background-color: #d3d3d3; margin-top:30px;}
.pro .yiyao{font-size: 18px; color: #666; line-height: 34px; padding-bottom: 60px;}
.pro .yiyao p{font-size: 18px; color: #666; line-height: 34px;}
.chanpin .chanpin1{width: 255px; height: 308px; border:1px solid #d2d2d2; margin-right: 57px;
	margin-bottom: 53px;}
.chanpin .chanpin1:nth-child(4n){margin-right: 0;}
.chanpin .chanpin1 .tit1{font-size: 22px; color: #666666; font-weight: bold; text-align: center; 
	height: 105px; line-height: 105px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.chanpin .chanpin1 .con1{margin:0 auto; font-size: 16px; color: #666; line-height: 28px; text-align: center;
	height: 149px; overflow: hidden;}
.chanpin .chanpin1 .more{height: 53px; border-top: 1px solid #d4d4d4; font-size: 16px; color: #666;
	text-align: center; line-height: 53px; display: block;}
.chanpin .chanpin1:hover{border:1px solid #0480fb;}
.chanpin .chanpin1:hover .more{border-top: 1px solid #0480fb; color: #0480fb;}
.chanpin .chanpin1:hover .tit1{color: #0480fb;}

@media screen and (max-width: 800px){
	.banner{height: 140px;}
	.product{padding-top: 0; padding-bottom: 40px;}
	.pro:first-child .tit{padding-top: 40px;}
	.pro .tit{padding: 50px 0 20px 0;}
	.pro .tit>p{font-size: 16px; letter-spacing: 2px; width: auto;}
	.pro .tit>.line{width: 40px; height: 1px; margin-left: 10px; margin-top:11px;}
	.pro .yiyao{font-size: 14px; line-height: 26px; padding-bottom: 0;}
	.chanpin .chanpin1{width: 49%; height: auto; margin-right: 1%; box-sizing: border-box; margin-top: 20px;
		margin-bottom: 0;}
	.chanpin .chanpin1:nth-child(2n){margin-right: 0; margin-left: 1%;}
	.chanpin .chanpin1 .tit1{font-size: 16px; height: 70px; line-height: 70px;}
	.chanpin .chanpin1 .con1{font-size: 14px; line-height: 24px; height: 160px;}
	.chanpin .chanpin1 .more{font-size: 14px; height: 40px; line-height: 40px;}
}