/* 背景一 */
.panel_first {
	background-color: white;
}

/* 背景二*/
.panel_second {
	background-color: #f5f5f5;
}
.maincontent {
	width: 1200px;
	margin: 0 auto;
	/* margin: 0 20%; */
	height: auto;
	overflow: hidden;
	padding: 20px 0px;
}

.left_img {
	float: left;
	width: 50%;
	overflow: hidden;
	text-align: center;
}

.right_content {
	float: right;
	width: 50%;
	height: 335px;
	overflow-y: visible;
	/* transform: translateX(20%) translateY(25%); */

}
.right_content2{
	width: 495px;
    margin: 0 auto;
    height: 380px;
	display:table;
}
.right_content3{
	display: table-cell;
    vertical-align: middle;
}
.left_content {
	float: left;
	width: 50%;
	height: auto;
	overflow-y: visible;
	
	/* transform: translateX(20%) translateY(25%); */
}
.left_content2{
	width: 495px;
    margin: 0 auto;
    height: 380px;
	display:table;
}
.left_content3{
	display: table-cell;
    vertical-align: middle;
}
.right_img {
	float: right;
	width: 50%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

.banner_img {
	width: 100%;
	height: 500px;
}

.item_img {
	height: 380px;
	width: 495px;
}
.p_content1 {
	 width:100%; font-size:26px; color:#000; height:auto; overflow:hidden;margin-bottom:20px;
}
.p_content2 {
	 width:100%; height:auto; overflow:hidden; font-size:16px; color:#000; line-height:29px;
	 max-height:325px;
	     overflow-y: auto;
}
.footer{
	text-align:center;background:black;color:white;padding: 20px;
}

body {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
p{
	margin:0;
}


@media screen and (max-width:1917px)and (min-width:1597px) {
	/* .maincontent{
		width:1400px; padding:85px 0px;
	} */
	/*.left_img {}

	.right_content {}
	.item_img {
		 height:334px; width:auto;
	}
	.p_content1 {
		font-size:23px; 
	}
	.p_content2 {
		 font-size:14px; line-height:25px; margin-top:25px; padding-bottom:35px; height: 240px;
	     overflow-y: auto;
	}*/
	.banner_img {
	width: 100%;
	height: 400px;
	}
	
}
@media screen and (max-width:1596px)and (min-width:1437px){
	/* .maincontent{
		width:1200px; padding:73px 0px;
	} */
	.left_img {}
	
	.right_content {}
	/* .item_img {
		 height:287px; width:auto;
	}
	.p_content1 {
		 font-size:20px; 
	}
	.p_content2 {
		font-size:12px; line-height:22px; margin-top:20px; padding-bottom:30px; height: 240px;
	     overflow-y: auto;
	} */
	.banner_img {
	width: 100%;
	height: 400px;
	}
}
@media screen and (max-width:1436px)and (min-width:1200px){
	/* .maincontent{
		width:1000px; padding:65px 0px;
	}
	.left_img {width:46%;}
	.right_img {width:46%;}
	.right_content {}
	.item_img {
			 height:264px; width:auto;
		}
		.p_content1 {
			font-size:18px;
		}
		.p_content2 {
			font-size:12px; line-height:22px; margin-top:20px; padding-bottom:30px; height: 240px;
	     overflow-y: auto;
		} */
		.banner_img {
		width: 100%;
		height: 300px;
		}
	}

@media screen and (max-width:1200px)and (min-width:300px){
	.maincontent{
		 width:96%; margin:auto; height:auto; overflow:hidden; padding:30px 0px;
	}
	.left_img { float:none; width:100%;}
	.right_content {float:none; width:100%;height:auto;}
	.right_img { float:none; width:100%;}
	.left_content {float:none; width:100%;height:auto;}
	.item_img {
			 max-width:80%; height:auto;
		}
		.p_content1 {
			width:100%; font-size:16px; color:#000; height:auto; overflow:hidden; margin-top:10px;
		}
		.p_content2 {
		 font-size:14px; line-height:24px; margin-top:15px; padding:0 10px; height: auto;
	     overflow-y: auto;
		}
		.banner_img {
		    width: 100%;
		    height: 200px;
		}
		.right_content2 {
			width:96%;
			height:auto;
		}
		.left_content2 {
			height:auto;
			width:96%;
		}
}