charset "utf-8";
/* CSS Document */
body { font-family: "microsoft yahei", Arial; font-size: 12px; margin:0; padding:0; background:#ffffff; color:#3c3c3c; background:#ffffff;text-align: center;width: 100%;}
* { margin:0; padding:0 }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form, input, button, option, textarea, select { margin: 0px; padding: 0px; }
input, button, textarea, select { font:100% Tahoma, Helvetica, Arial, sans-serif; }
a { text-decoration: none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur());
color:#272727;font-family: "microsoft yahei"; }
span{font-family: "microsoft yahei";}
p{font-family: "microsoft yahei";}
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
th { font-weight:normal; }
img { border: 0; }
h1{ color:#33580a; font-weight:normal;line-height: 75px;width: 285px;font-size: 21px;}
h3 { font-size:14px;  font-weight:bold; }
h4 { font-size: 12px;    font-weight:bold; }
.clear { clear: both; }
.copy { font-family:Arial, Helvetica, sans-serif; }
table { font-size:inherit; font:100%; }
img { border:none;  }


/*header*/
#header{
	width: 100%;
	height: 141px;
	background: url(../images/line.jpg) repeat-x top center;
}
.top{
	width: 1200px;
	margin: 0 auto;
}
.top>p{
	line-height: 28px;
}
.top>p span{
	float: right;
	font-size: 14px;
	color: #ff9000;
	padding-left: 20px;
}
.top>p a{
	float: right;
	font-size: 12px;
	color: #898989;
	margin: 0 5px;
}
.top .logo{
	clear: both;
	padding-top:10px;
	float: left;
}
.top .tel{
	float: right;
	margin-top: 20px;
	float: right;
    font-size: 14px;
    color: #616161;
    padding-left: 204px;
}
.top .tel span{
	float: right;
    font-size: 24px;
	color: #ff0000;
	line-height: 20px;
	font-weight: bold;
}
.top .nav{
	float: right;
	margin-top: 20px;
}
.top .nav ul li{
	float: left;
	width: 97px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	text-align: center;
}
.top .nav ul li a{
	color: #333333;
}
.top .nav ul li:hover{
	background: #ff0000;
}
.top .nav ul li:hover a{
	color: #FFFFFF;
}
.banner {
	position: relative;
	width: 100%;
	height:560px;
}

.banner .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.banner .bd ul {
	width: 100% !important;
	height:560px !important;
}

.banner .bd ul li {
	width: 100% !important;
	text-align: center;
}

.banner .bd ul li a {
	display: block;
	height: 560px;
	background-position: center;
	background-repeat: no-repeat;
}

#footer{
	
	width: 100%;
	height: 231px;
	margin-top: 71px;
	background: #2e2e2e;
}
#footer .sub{
	height: 75px;
	width: 100%;
	border-bottom: 1px solid #6d6d6d;
}

#footer .sub ul{
	width: 1200px;
	margin: 0 auto;
}
#footer .sub ul li{
	line-height: 75px;
	float: left;
	margin-right: 38px;
}
#footer .sub ul li a{
	font-size: 14px;
	color: #FFFFFF;
	padding-right: 40px;
	border-right:3px solid #4f4f4f ;
}
.foot{
	position: relative;
   width: 1200px;
   margin: 20px auto 0;
}
.foot .return{
	cursor: pointer;
	position: absolute;
	top:-78px;
	right: 0;
	width: 132px;
	height: 38px;
	background: url(../images/bg.jpg) no-repeat;
}
.foot p{
	text-align: center;
	font-size: 12px;
	color: #cacaca;
	line-height: 26px;
}
.foot p:nth-child(2){
	font-size: 14px;
	color: #ffcc00;
}
.foot p:nth-child(4),.foot p:nth-child(5){
	color: #818181;
}
.neiye{
	width: 1200px;
	margin:42px auto 0;
}
.side{
	width: 236px;
	float: left;
}
.side_c .first{
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	height: 80px;
	background: #ff0000;
}
.side_c .first p{
	padding-top:8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
}
.side_c .first span{
	font-size: 14px;
}
.side_c .list{
	width: 234px;
	border: 1px solid #dcdcdc;
	border-top: none;
}
.side_c .list ul{
    width: 203px;
    margin:0 auto ;
}
.side_c .list ul li{
	width: 203px;
	height:44px;
	padding: 5px 0;
	border-bottom: 1px dashed #bfbfbf;
}
.side_c .list ul li:last-child{
	border: none;
}
.side_c .list ul li a{
	-webkit-transition:all .3s linear; 
	-moz-transition:all .3s linear;
	transition:all .3s linear;
	font-size: 15px;
	color: #333333;
	text-indent: 44px;
	display: block;
	width:203px;
	height: 44px;
	line-height: 44px;
	background: url(../images/s1.png) no-repeat 8px center;
}
.side_c .list ul li:hover a{
	color: #FFFFFF;
	text-indent: 60px;
	background: url(../images/s2.png) no-repeat 8px center #ff0000;
}
.side_p{
	width: 236px;
	margin-top: 24px;
}
.side_p .first{
	width: 234px;
	height: 97px;
	border: 0px solid #dcdcdc;
}
.side_p ul{
	width: 220px;
	margin: 0 auto;
}
.side_p ul li{
	line-height: 32px;
	width: 100%;
	height: 118px;
	background: #f0f0f0;
	border-bottom: 1px solid #cccccc;
}
.side_p ul li p{
	font-size: 14px;
	color: #333333;
	padding-left: 34px;
}
.side_p ul li span{
	font-size: 22px;
	color: #ff7800;
	padding-left: 34px;
}
.news1,.product1,.page1{
	width: 901px;
	float: right;
}
.fanye {
	margin:32px 0;
	text-align: center;
}

.fanye a {
	display: inline-block;
	margin-right: 5px;
	padding: 0 5px;
	min-width: 16px;
	height: 22px;
	line-height: 22px;
	border: 1px #bfbfbf solid;
	background: #fff;
	color: #545454;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}
.fanye span{
	color: #545454;
}
.fanye a:hover {
	background: #ff0000;
	border: 1px #ff0000 solid;
	color: #fff;
}

.fanye a.on {
	background: #ff0000;
	border: 1px #ff0000 solid;
	color: #fff;
}
.nnn{
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #bebebe;
}
.nnn p{
	font-size: 14px;
	color: #ff0000;
}
.nnn p span{
	float: right;
	font-size: 12px;
	color: #999999;
}
.nnn p span .s1{
	color: #ff0000;
}
.product1 .list{
	margin-top: 30px;
}
.product1 .list ul{
	margin: 0 -24px;
}
.product1 .list ul li{
	width: 270px;
	height: 217px;
	float: left;
	margin: 14px 23px;
	position: relative;
}
.product1 .list ul li .photo{
	width: 270px;
	height: 180px;
	margin-bottom: 14px;
}
.product1 .list ul li .photo img{
	width: 100%;
	height: 100%;
}
.product1 .list ul li>a{
	display: block;
	width: 270px;
	height: 24px;
	line-height: 24px;
	color: #303030;
	font-size: 14px;
	text-align: center;
	background: #f2f2f2;
	-webkit-transition:all .3s linear; 
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
.product1 .list ul li:hover>a{
	background: #ff0000;
	color: #FFFFFF;
}
.product1 .list ul li .mb{
	opacity: 0;
	width: 270px;
	height: 180px;
	position: absolute;
	top: 0;
	background: rgba(255,0,0,0.8);
	-webkit-transition:all .3s linear; 
	-moz-transition:all .3s linear;
	transition:all .3s linear;
}
.product1 .list ul li:hover .mb{
	opacity: 1;
}
.product1 .list ul li .mb p{
	width: 213px;
	padding-top: 36px;
	margin: 0 auto;
	line-height: 26px;
	color: #FFFFFF;
	font-size: 14px;
}
.news1 .list{
	
}
.news1 .list ul li{
	width: 901px;
	height: 73px;
	padding: 38px 0;
	border-bottom: 1px dashed #c8c8c8;
}
.news1 .list ul li .day{
	float: left;
	color: #666666;
	width: 119px;
	height: 73px;
	border-right: 1px solid #b9b9b9;
}
.news1 .list ul li .day p{
	font-size: 30px;
	line-height: 53px;
}
.news1 .list ul li .day span{
	font-size: 13px;
}
.news1 .list ul li .txt{
	position: relative;
	width: 750px;
	float: right;
}
.news1 .list ul li .txt a{
	color: #333333;
	font-size: 15px;
	font-weight: bold;
}
.news1 .list ul li .txt p{
	padding-top: 8px;
	font-size: 13px;
	color: #999999;
	line-height: 24px;
}
.news1 .list ul li .txt .more{
	width: 57px;
	height: 17px;
	display: block;
	background: #ededed;
	font-size: 12px;
	color: #828282;
	text-align: center;
	line-height: 17px;
	font-weight:normal ;
	position: absolute;
	top: 0;
	right: 0;
}
.news1 .list ul li:hover .day{
	color: #ff0000;
	border-color: #ff0000;
}
.news1 .list ul li:hover .txt a,.news1 .list ul li:hover .txt p{
	color: #ff0000;
}
.news1 .list ul li:hover .txt .more{
	background: #ff0000;
	color: #FFFFFF;
}
.page1 .cont{
	margin-top: 20px;
	line-height: 26px;
}
.yn{
	margin-top:20px ;
}
.yn .tit{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 34px;
}
.yn .content_related{
	text-align: center;
	line-height: 26px;
}
.yn .photo{
	text-align: center;
	margin-top: 10px;
}
.yn .photo img{
	max-width:100% ;
}
.yn .page,.yn .content_btn{
	line-height: 26px;
	margin-top: 10px;
}