@charset "GB2312";
@media only screen and (min-width: 720px) and (max-width: 999px) {
.topc {
	float: left;
	width: 100%;
}
.navc {
	width: 100%;
	float: left;
}
.navc ul li {
	float: left;
	width: 11%;
	text-align: center;
	display: block;
}

}
@media only screen and (min-width: 770px) and (max-width: 999px) {
.logoc {
	float: left;
	width: 100%;
}
.logoz {
	float: left;
	width: 52%;
	padding-left: 1%;
}
.logoz img {
	float: left;
	width: 100%;
}
.logoy img {
	float: left;
	width: 100%;
}
.logoy ul li {
	float: left;
	display: block;
	width: 22%;
	text-align: right;
	margin-right: 3%;
	margin-bottom: 2%;
}
.left {
	width: 27%;
	float: left;
	overflow: hidden;
	margin-left: 1%;
}
.right{
	width: 69%;
	float: right;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d2d2d2;
	border-right-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
	border-left-color: #d2d2d2;
	margin-right: 1%;
}

.list1 li {
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-bottom: 3%;
	margin-left: 1%;
}
.hotpro dl dt a img {
	width: 100%;
}

}
@media screen and (max-width: 500px) { 
.news_details img {
	width: 100%;
}
}
@media only screen and (min-width: 1px) and (max-width: 719px) {
.top {
	display: none;
}
.navc {
	width: 100%;
	float: left;
}
.navc ul li {
	float: left;
	width: 33%;
	text-align: center;
	display: block;
}
.navc ul li a {
	font-family: "΢ÈíÑźÚ";
	font-size: 14px;
	line-height: 44px;
	color: #FFF;
	text-decoration: none;
}
.gsnr {
	width: 96%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.tj {
	float: left;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 2%;
}

.footz {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}
.footh {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}
.footy {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
}
.Contentbox img {
	width: 100%;
}
}
@media only screen and (min-width: 1px) and (max-width: 769px) {
.logoc {
	float: left;
	width: 100%;
}
.logoy {
	display: none;
}
.logoz {
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
}

.logoz img {
	float: left;
	width: 100%;
}
#button{
	width: 18%;
	color: #fff;
	border: 0;
	height: 27px;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #cd1407;
}
.Menubox2 ul {width:100%;}
.Menubox2 li{width:19%; margin-right:0.3%; overflow:hidden;}
.Menubox2 li.hover{width:19%;}
#search { float: right;width:75%; padding-top:5px;}
.catelist li{float:left; width:110px; margin-right:10px; }
.pro_cate img{border:0px;width:107px; height:90px;}
.catelist li{
	float: left;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
}
.pro_cate img{
	border: 0px;
	width: 100%;
	height: 150px;
}
.left {
	display: none;
}
.right{
	width: 97%;
	float: right;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d2d2d2;
	border-right-color: #d2d2d2;
	border-bottom-color: #d2d2d2;
	border-left-color: #d2d2d2;
	margin-right: 1%;
	margin-left: 1%;
}
.list1 li {
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-bottom: 3%;
	margin-left: 1%;
}
#preview {margin:2%;width:98% !important;}
.pright{margin:2%;width:98% !important;}
.line-zixun{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-left: 10px;
	background-color: #cd1407;
}
.line-order{
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;

	color: #fff;
	font-size: 15px;
	font-weight: 600;
	background-color: #232323;
}
.line-order:hover{
	color: #fff;
	background-color: #cd1407;
}
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
.mainc {
	width: 100%;
	margin-top: 25px;
	float: left;
}
.sp {
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1px;
}
.gs {
	float: left;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 2%;
}
.alc {
	width: 98%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
}
.content .left {
	DISPLAY: block;
	FLOAT: right;
	text-align: center;
	width: 35px;
	margin-top: 25px;
	background-color: #F2F2F2;
}
.content .righ {
	WIDTH: 34px;
	DISPLAY: block;
	FLOAT: right;
	text-align: center;
	margin-top: 25px;
	background-color: #F2F2F2;
}
.footc {
	width: 100%;
	float: left;
}
.lxc {
	width: 98%;
	color: #CaCaCa;
	padding-top: 3%;
	padding-bottom: 3%;
	font-family: "ËÎÌå";
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}
.proimg{
	margin-bottom: 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	max-width: 998px;
	margin-left: 1%;
	padding-right: 0px;
	padding-left: 0%;
	padding-top: 15px;
	width: 98%;
}
.proserlist {
	display: none;
}
#cen_right_top div ul li span {
	display: none;
}
}
@media only screen and (min-width: 1px) and (max-width: 511px) {
#cen_right_top{
	width:100%
}
#cen_right_top .active{
	color: #F3F3F3;
	background-image: url(../images/hy_43.jpg);
	background-repeat: repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 27px;
}
#cen_right_top h3{
	float: left;
	height: 25px;
	width: 45%;
	margin::0px;
	font-size: 14px;
	color: #000000;
	font-weight: lighter;
	cursor: pointer;
	font-family: "΢ÈíÑźÚ";
	margin-right: 2%;
	line-height: 27px;
	display: block;
	background-color: #FFF;
	text-align: center;
	padding: 0px;
	margin-left: 2%;
	border: 1px solid #CCC;
	background-image: none;
	margin-bottom: 2%;
}
#cen_right_top div{
	font-size: 14px;
	display: none;
	clear: both;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;
	float: left;
	width: 97%;
	border: 0px solid #dedede;
}
#cen_right_top div ul li {
	float: left;
	width: 100%;
}
#cen_right_top div ul li span {

}
.related li {
	float: left;
	text-indent: 10px;
	height: 30px;
	line-height: 30px;
	border-bottom: dashed 1px #d2d2d2;
	background-image: url(../images/hy_61.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
}
.updown span {
	padding-right: 0px;
	width: 100%;
	float: left;
}
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
.news_details embed {
	width: 100%;
	height: 480px;
}
}
@media only screen and (min-width: 450px) and (max-width: 899px) {
.news_details embed {
	width: 100%;
	height: 400px;
}
}
@media only screen and (min-width: 320px) and (max-width: 449px) {
.news_details embed {
	width: 100%;
	height: 350px;
}
}



@media only screen and (min-width: 1px) and (max-width: 520px) {
.mz {
	width: 120px;
	float: left;
	background-color: #C80002;
	text-align: center;
	font-family: "΢ÈíÑźÚ";
	font-size: 16px;
	line-height: 35px;
	color: #FFF;
}
.my {
	width: 78%;
	float: left;
	text-align: right;
	font-family: "΢ÈíÑźÚ";
	font-size: 14px;
	line-height: 35px;
	color: #000;
	padding-right: 2%;
	display: none;
}
}