@media screen and (max-width:1200px){
	#banner{
		width:100%;
		position:relative;
		overflow:hidden;
	}
	#banner img{
		position:absolute;
		width:100%;
	}
	#banner_btn{
		display:none;
	}
	.word{
		margin:20px 0 20px 20px;
	}
	.word span{
		font-size:18px;
		font-weight:bold;
	}
	#p_1,#p_2,#p_3{
		margin:0 20px 20px;
		text-align:center;
	}
	#product img{
		max-width:100%;
	}
	#p_4{
		display:none;
	}
	#des_inner{
		margin:0 30px 30px;
		word-spacing:2em;
		text-align:justify;
	}
	#news_inner p{
		padding:3px 20px 3px 20px;
		position:relative;
		margin:0 0 10px 0;
	}
	#news_inner a{
		text-overflow:ellipsis;
		white-space:nowrap;
		display:block;
		overflow:hidden;
	}
	#news_inner_more{
		margin:10px 0 0 49px;
	}
	#news_inner_more a{
		display:inline-block;
		background:#0084ca;
		padding:3px 5px;
		color:#ffffff;
	}
	.proposal_list{
		margin:0 auto 30px;
		display:block;
		text-decoration:none;
	}
	.proposal_list_des{
		background:#f3f3f3;
		box-shadow:1px 5px 5px #cacaca;
		margin:0 20px 0 20px;
	}
	.proposal_list_img{
		margin:0 20px 12px;
		background:#f3f3f3;
		box-shadow:1px 5px 5px #cacaca;
		height:96px;
		padding:15px 24px;
		display:block;
		text-decoration:none;
	}
	.proposal_list_img img{
		max-height:96px;
		max-width:40%;
		float:right;
		margin:0 0 0 10px;
	}
	.proposal_list_des div{
		padding:11px 15px 21px 15px;
		margin:0 0 50px 0;
	}
}

@media screen and (min-width:1200px){
	#banner{
		height:335px;
		width:1200px;
		position:relative;
		overflow:hidden;
	}
	#banner img{
		position:absolute;
	}
	#banner_btn{
		position:absolute;
		left:536px;
		bottom:25px;
		z-index:10;
	}
	#banner_btn span{
		display:inline-block;
		width:24px;
		height:7px;
		margin:0 9px 0 0;
		background:#0084ca;
	}
	#banner_btn span.hover{
		background:#bddcec;
	}
	#index_grey_out{
		background:#f0f1f3;
	}
	#product img{
		box-shadow:1px 5px 5px #cacaca;
		display:block;
	}
	#product div{
		float:left;
	}
	#product .sc{
		width:1px;
		height:1px;
	}
	#product .word{
		margin:47px 44px 0 5px;
		text-align:center;
	}
	.word span{
		font-size:22px;
		display:block;
	}
	.word a{
		display:block;
		color:#7f7f7f;
	}
/*	#p_1 img{
		width:329px;
		height:444px;
	}
	#p_2 img{
		width:511px;
		height:212px;
	}
	#p_3 img{
		width:374px;
		height:206px;
	}*/
	#p_1{
		margin:40px 29px 53px 0;
	}
	#p_2{
		margin:40px 0 14px;
	}
	#p_4{
		float:left;
		display:block;
		width:20px;
		background:#0084ca;
		padding:22px 62px 0 19px;
		height:238px;
		color:#ffffff;
		margin:0 0 0 27px;
		box-shadow:1px 5px 5px #cacaca;
		text-decoration:none;
		font-size:18px;
		line-height:1.2em;
	}
	#des{
		float:left;
		width:650px;
	}
	#news{
		float:left;
		width:548px;
	}
	#index_line{
		float:left;
		margin:42px 0 0 0;
		height:180px;
		width:1px;
		background:#cacaca;
	}
	#des .word{
		margin:22px 0 20px 5px;
	}
	#des_inner{
		margin:0 49px 30px 5px;
		line-height:22px;
		word-spacing:2em;
		text-align:justify;
	}
	#news .word{
		margin:22px 11px 0 49px;
	}
	#news_inner{
		margin:20px 0 50px;
		padding:0 0 0 0;
	}
	#news_inner p{
		padding:3px 0 3px 49px;
		position:relative;
		margin:0 0 5px 0;
	}
	#news_inner p:hover{
		background:#bddcec;
	}
	#news_inner a{
		color:#000;
		text-decoration:none;
	}
	#news_inner_more{
		margin:10px 0 0 49px;
	}
	#news_inner_more a{
		display:inline-block;
		background:#0084ca;
		padding:3px 5px;
		color:#ffffff;
	}
	#proposal_out{
		background:#bddcec;
	}
	#proposal .word{
		float:left;
		margin:40px -30px 0 5px;
	}
	.proposal_list{
		float:left;
		margin:0 0 30px 60px;
		display:block;
		text-decoration:none;
	}
	.proposal_list_des{
		background:#f3f3f3;
		box-shadow:1px 5px 5px #cacaca;
		width:300px;
		height:130px;
	}
	.proposal_list_img{
		margin:-12px 0 12px;
		background:#f3f3f3;
		box-shadow:1px 5px 5px #cacaca;
		width:252px;
		height:96px;
		padding:15px 24px;
		display:block;
		text-decoration:none;
	}
	.proposal_list_img img{
		max-height:96px;
		max-width:96px;
		float:right;
		margin:0 0 0 10px;
	}
	.proposal_list_des div{
		padding:11px 15px 21px 15px;
		margin:0 0 50px 0;
	}
}