@charset "utf-8";
/* CSS Document */
.center{
	width:100%;
	height:auto;
	margin-bottom:2%;
	}
.cen_nav{
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin:20px auto;
	}	
.cen_nav h1{
	color:#bd0404;
	line-height:50px;
	}	
.role{
	width:15%;
	height:8px;
	margin:0 auto;
	background-color:#bd0404;
	}	
.cen_pro{
	width:98%;
	height:auto;
	margin:20px auto;
	}	
.pro_top{
	width:100%;
	height:auto;
	display:inline-block;
	border-bottom:5px solid #bd0404;
	margin-top:7%;
	}	
.pro_top_left{
	width:15%;
	height:auto;
	line-height:50px;
	background-color:#bd0404;
	text-align:center;
	color:white;
	float:left;
	}
.more{
	width:20%;
	height:auto;
	line-height:50px;
	float:right;
	}	
.more a{color:#F00;}	
.product{
	width:100%;
	height:auto;
	display:inline-block;
	
	}	
.pro_part{
	width:20%;
	height:auto;
	margin-left:4%;
	border:1px solid #bd0404;
	float:left;
	margin-top:2%;
	text-align:center;
	}	
.pro_part img{
	width:90%;
	height:auto;
	}	
.pro_text{
	width:100%;
	height:50px;
	line-height:25px;
	color:white;
	background-color:#bd0404;
	}
	
@media screen and (max-width:1450px){
.cen_nav h1{
	color:#bd0404;
	line-height:50px;
	}	
.role{
	width:15%;
	height:8px;
	margin:0 auto;
	background-color:#bd0404;
	}	
.cen_pro{
	width:98%;
	height:auto;
	margin:20px auto;
	}	
.pro_top{
	width:100%;
	height:auto;
	display:inline-block;
	border-bottom:5px solid #bd0404;
	margin-top:7%;
	}	
.pro_top_left{
	width:15%;
	height:auto;
	line-height:50px;
	background-color:#bd0404;
	text-align:center;
	color:white;
	float:left;
	}
.more{
	width:20%;
	height:auto;
	line-height:50px;
	float:right;
	}	
.more a{color:#F00;}	
.product{
	width:100%;
	height:auto;
	display:inline-block;
	
	}	
.pro_part{
	width:20%;
	height:auto;
	margin-left:4%;
	border:1px solid #bd0404;
	float:left;
	margin-top:2%;
	text-align:center;
	}	
.pro_part img{
	width:100%;
	height:auto;
	}	
.pro_text{
	width:100%;
	height:50px;
	text-align:center;
	line-height:25px;
	color:white;
	background-color:#bd0404;
	
	
	}	
	} 	
	
@media screen and (max-width:1200px){
.cen_nav h1{
	color:#bd0404;
	line-height:50px;
	}	
.role{
	width:15%;
	height:8px;
	margin:0 auto;
	background-color:#bd0404;
	}	
.cen_pro{
	width:98%;
	height:auto;
	margin:20px auto;
	}	
.pro_top{
	width:100%;
	height:auto;
	display:inline-block;
	border-bottom:5px solid #bd0404;
	margin-top:5%;
	}	
.pro_top_left{
	width:15%;
	height:auto;
	line-height:50px;
	background-color:#bd0404;
	text-align:center;
	color:white;
	float:left;
	}
.more{
	width:20%;
	height:auto;
	line-height:50px;
	float:right;
	}	
.more a{color:#F00;}	
.product{
	width:100%;
	height:auto;
	display:inline-block;
	
	}	
.pro_part{
	width:21%;
	height:auto;
	margin-left:3%;
	border:1px solid #bd0404;
	float:left;
	margin-top:2%;
	}	
.pro_part img{
	width:100%;
	height:auto;
	}	
.pro_text{
	width:100%;
	height:50px;
	text-align:center;
	line-height:25px;
	color:white;
	background-color:#bd0404;
	font-size:1em;
	}
	}	
	
@media screen and (max-width:800px){
.cen_nav h1{
	color:#bd0404;
	line-height:50px;
	}	
.role{
	width:15%;
	height:8px;
	margin:0 auto;
	background-color:#bd0404;
	}	
.cen_pro{
	width:99%;
	height:auto;
	margin:20px auto;
	}	
.pro_top{
	width:100%;
	height:auto;
	display:inline-block;
	border-bottom:5px solid #bd0404;
	margin-top:5%;
	}	
.pro_top_left{
	width:23%;
	height:auto;
	line-height:50px;
	background-color:#bd0404;
	text-align:center;
	color:white;
	float:left;
	}
.more{
	width:20%;
	height:auto;
	line-height:50px;
	float:right;
	}	
.more a{color:#F00;}	
.product{
	width:100%;
	height:auto;
	display:inline-block;
	
	}	
.pro_part{
	width:41%;
	height:auto;
	margin-left:6%;
	border:1px solid #bd0404;
	float:left;
	margin-top:30px;
	text-align:center;
	}	
.pro_part img{
	width:80%;
	height:auto;
	}	
.pro_text{
	width:100%;
	height:50px;
	text-align:center;
	line-height:25px;
	color:white;
	background-color:#bd0404;
	font-size:1.1em;	
	}
	}	
	
@media screen and (max-width:400px){
.cen_nav h1{
	color:#bd0404;
	line-height:20px;
	font-size:1.5em;
	}	
.role{
	width:30%;
	height:8px;
	margin:0 auto;
	background-color:#bd0404;
	}	
.cen_pro{
	width:98%;
	height:auto;
	margin:20px auto;
	}	
.pro_top{
	width:100%;
	height:auto;
	display:inline-block;
	border-bottom:5px solid #bd0404;
	margin-top:30px;
	}	
.pro_top_left{
	width:30%;
	height:auto;
	line-height:40px;
	background-color:#bd0404;
	text-align:center;
	color:white;
	float:left;
	font-size:0.8em;
	}
.more{
	width:30%;
	height:auto;
	line-height:40px;
	float:right;
	font-size:0.8em;
	}	
.more a{color:#F00;}	
.product{
	width:100%;
	height:auto;
	display:inline-block;
	
	}	
.pro_part{
	width:42%;
	height:auto;
	margin-left:5%;
	border:1px solid #bd0404;
	float:left;
	margin-top:30px;
	}	
.pro_part img{
	width:100%;
	height:auto;
	}	
.pro_text{
	width:100%;
	height:50px;
	text-align:center;
	line-height:25px;
	color:white;
	background-color:#bd0404;
	font-size:0.5em;
	}
	}