﻿/*pagebody*/
.pagebody
{
	width: 100%;
	float:left;
	min-height: 1000px;
	background-image: url(../images/images/pagebanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #f8f8f8;	
}
.pageright
{
	float:right;
	width:780px;
	min-height:600px;
}

.pageright .price
{
	font-size:14px;
	margin:10px auto;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
}

.pageright .price span
{
	font-size:26px;
	margin-right:10px;
}

.m-left
{
	float:left;
	display:inline-block;
	margin-top:232px;
	width:300px;
	min-height:400px;
	padding-bottom:30px;
	background:#fff;
	box-shadow: 0 0 3px #ccc;
}
.m-left:hover
{
	box-shadow: 0 0 5px #666;
}
.m-left .fast
{
	float:left;
	margin-left:5px;
	margin-top:5px;
	display:inline-block;
	width:289px;
	height:110px;
	background:#f8bc28;
}
.m-left .fast span
{

	float:left;
	width:250px;
	margin-left:30px;
	margin-top:30px;
	color:#fff;
	font-size:18px;
}
.m-left .fast h2
{
	float:left; 
	width:250px;
	margin:0px;
	padding:0px;
	margin-left:30px;
	margin-top:10px;
	color:#333;
	font-size:18px;
}
.m-left .leftmenu
{ 
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:260px;
}
.m-left .leftmenu a
{
	float: left;

	width: 100%;
	font-size:14px;
	line-height:45px;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;	
}
.m-left .leftmenu a:hover
{
	background:#cccccc;
}
.m-left .leftmenu a span
{
	float:left;
	margin-left:15px;
}
.m-left .leftmenu a i
{ float:right; margin-right:5px; color:#999; font-size:22px;}
.m-left .leftmenu a:hover i,.m-left .leftmenu a.on
{
	color:#333;
}
.menubg
{
	background:#cccccc;
}

.m-gridpage
{
	float:left;
	width:800px;
}
.m-gridpage ul li
{
	position:relative;
	float:left;
	margin-right:17px;
	margin-bottom:17px;
	width:249px;
	height:319px;
	background:#fff;
	border-bottom:2px solid #f8bc28;
}

.m-gridpage ul li a
{
	float:left;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	
}
.m-gridpage ul li .imgspost
{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width: 249px;
	height:249px;
	background:#000;
	opacity:0.6;
}
.m-gridpage ul li .iconpost
{
	position:absolute;
	display:none;
	left:45%;
	top:35%;
	color:#f8bc28;
	font-size:38px;

}

.m-gridpage ul li a .img
{
	width: 249px; 
	height: 249px; 
	background-size: cover; 
	background-position: 50% 50%; 
	background-repeat: no-repeat no-repeat;
}
.m-gridpage ul li a .title span
{
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-size:18px;
	color:#333;
	width:200px;
	
}
.m-gridpage ul li a .title em
{
	float:left;
	margin-left:20px;
	margin-top:8px;
	font-size:12px;
	color:#666;
	font-weight:400;
	width:200px;
}

.m-gridpage ul li:hover
{
	background:#f8bc28;
}
.m-gridpage ul li:hover .title span
{
	color:#fff;
}

.m-gridpage ul li:hover .title em
{
	color:#fcdfab;
}
.m-gridpage ul li:hover .imgspost,.m-gridpage ul li:hover .iconpost
{
	display:block;
}

.m-article
{
	width:100%;
	float:left;
}
.m-article h1
{
	float:left;
	width:100%;
	font-size:24px;
	font-weight:500;
}
.m-article h1 i
{ float:left; font-size:30px; margin-right:10px; color:#f8bc28;}
.m-article .info
{
	float:left;
	width:100%;
	font-size:14px;
	line-height:45px;
	border-bottom:1px solid #ccc;

}
.m-article .info small
{ margin-right:3px; margin-left:10px;}
.m-article .content
{
	width:94%;
	padding-left:3%;
	float:left;
	margin-top:30px;
	line-height:30px;
	font-size:14px;
	padding-bottom:40px;
	
}
.m-article .content p
{
	text-indent:0em;
	margin-top:5px;
	margin-bottom:5px;
}
.m-article .content img
{
	max-width:700px!important;
	height:auto!important;
	display:block;
	margin:0 auto;
	background:#fff;
	padding:10px;
	border:1px solid #ccc;
}
.nextlist
{ width:100%; float:left; margin-top:25px; margin-bottom:25px;border-top:2px solid #ccc; padding-top:25px;}
.nextlist ul li
{ float:left; width:350px;font-size:14px;text-decoration: underline;}
.nextlist ul li a
{
	font-size: 14px;
	text-decoration: underline;
}
.nextlist ul li a:hover
{
	color:#f8bc28;
}
.m-articlelist
{
	width:100%;
	margin-bottom:25px;
	float:left;
}
.m-articlelist ul li
{
	width:100%;
	float:left;
	border-bottom:1px solid #c1c1c1;
}
.m-articlelist ul li a
{
	line-height:45px;
	font-size:14px;
}
.m-articlelist ul li a:hover
{
	 color:#f8bc28;
}
.m-articlelist ul li a i
{ float:left; color:#f8bc28; margin-right:15px; font-size:18px; font-weight:700;}
.arcright
{ float:right; font-size:12px; color:#666; margin-top:5px; margin-right:15px;}

.m-article .content form
{
	background:#fff;
	border:1px solid #c1c1c1;
	padding:20px;
	width:707px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}
.m-article .content form td
{ min-width:120px; padding-right:15px;}
.m-article .content input[type="text"]
{
	float: left;
	width: 358px!important;
	padding-left: 20px;
	padding-right: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	background: #eeeeee;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.m-article .content textarea
{
	float: left;
	width: 358px!important;
	padding-top:10px;
	padding-left: 20px;
	padding-right: 20px;
	height: 120px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	background: #eeeeee;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.m-article .content input[type="submit"] {
float: left;
width: 196px;
height: 35px;
background: #f8bc28;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
border: 0px;
}
.m-article .content input[type="reset"] {
float: right;
width: 196px;
height: 35px;
background: #eee;
border: 1px solid #c1c1c1;
height: 40px;
line-height: 40px;
text-align: center;
color: #333;
}
.lianxibx
{
	float:left;
	margin-top:15px;
	margin-left:15px;
}
.lianxibx li
{
	float:left;
	width:100%;
	line-height:55px;
	font-size:18px;
}
.lianxibx li span
{ width:120px; text-align:left; display:inline-block;}
.chanpin img
{
	padding:10px;
	background:#FFF;
	border:1px solid #CCC;}
	
	
	
	
	
	.trait_body{
							margin-top: 25px;
						}
						.__inner_tt{
							border-bottom: 1px solid #ccc;
						}
						.__inner_tt h2{
							font-weight: bold;
							padding:5px 25px;
							color:white;
							background: #ccc;
							display: inline-block;
							font-size: 16px;
							width: auto;
						}
						.__inner_list{
							font-size: 0px;
							padding-top: 15px;
							padding-bottom: 25px;
						}
						.__inner_list li{
							display: inline-block;
							width: 20%;
							box-sizing: border-box;
							padding:5px;
						}
						.__inner_list li img{
							width: 100%;
						}
						.__inner_list li h2{
							font-weight: normal;
							font-size: 16px;
							text-align: center;
							line-height: 35px;
							border-bottom: 0px solid #ccc;
						}
						._inner_news_list{

						}
						._inner_news_list li{
							display: inline-block;
							width: 32%;
							overflow: hidden;
							box-sizing: border-box;
							padding:10px;
						}
						._inner_news_list li a{
							font-size: 14px;
							display: block;
							line-height: 24px;
							position: relative;
							padding-left: 15px;
						}
						._inner_news_list li a:hover{
							text-decoration: underline;
						}
						._inner_news_list li a:before{
							position: absolute;
							content: '';
							width: 5px;
							height: 5px;
							background: #ccc;
							left:0px;
							top:50%;
							transform: translateY(-50%);
						}
	
	
	.w230 {width:260px;margin:0px auto}
	.m-tit { display:block; overflow:hidden;height:65px; line-height:65px;border-bottom:1px solid #ddd;}
.m-tit strong,.m-tit h1 {font-size:26px; color: #333;padding-right: 25px; display:inline; }
.m-tit .date{ float:right; font-size:14px; color:#f60;}
.m-tit h3{ display:inline;color: #999; margin-right:15px;}
.m-tit strong.nobold{font-weight: normal;}
.m-tit a{padding:6px 10px; font-size: 16px;color: #666;  background:#f2f2f2;margin-right:12px;}
.m-tit em{padding:6px 0; font-size: 12px;color: #999; margin-right:15px;}
	
	.keyword ul{margin-right: -2px; margin-top: 20px;}
.keyword li{width:100%; height: 44px;line-height: 44px; float: left; padding-left: 10px; background: #f2f2f2; margin-left: 2px;margin-bottom:1px; overflow:hidden;}
.keyword li a{display:block;font-size: 14px; color: #666;}
.keyword li:hover,.keyword li.active{ background: #f60; }
.keyword li:hover a,.keyword li.active a{color: #fff;}
	
	
	
	
	
	
	
	
	