/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right!important;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-mr10{ margin-right:10px;}
.f-mt10{ margin-top:10px;}
.f-mt15{ margin-top:15px;}
.f-mt20{ margin-top:20px;}
.f-mt30{ margin-top:30px;}
.f-mt40{ margin-top:40px;}
.f-mt50{ margin-top:50px;}
.f-mt60{ margin-top:60px;}
.f-mt70{ margin-top:70px;}
.f-pb20{ padding-bottom:20px;}
.f-ml10{ margin-left:10px;}
.f-ml20{ margin-left:20px;}
.f-ml30{ margin-left:30px;}
.f-ml40{ margin-left:40px;}
.clr {
zoom: 1;
}
.clr:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
/*分页*/
.pagination {
	float:left;
	width:100%;
	text-align: center;
	height: auto;
	margin-bottom:30px;
	margin-top:10px;
}
.pagelist{ 
	float: none;
	display: inline-block;
	position: relative;
}
.pagelist ul
{ margin:0 auto;}
.pagelist li{ float:left; width:37px; height:37px; overflow:hidden; text-align:center; margin-right:3px; background:url(../images/images/bigPage.png) 0 0 no-repeat;}
.pagelist li a{ display:block; width:100%; height:100%; line-height:37px; font-family: Verdana, 宋体, Helvetica, sans-serif; font-weight: bold; color:#666;}
.pagelist li.page_arrow{ background:url(../images/images/bigPage_arrow.png) 0 0 no-repeat;}
.pagelist li.page_next{ background:url(../images/images/bigPage_next.png) 0 0 no-repeat;}
.pagelist li.page_next a, .pagelist li.page_arrow a{ font-size:0;}
.pagelist li.thisclass{ background:url(../images/images/bigPage.png) 0 -111px no-repeat;color: #FFF;line-height: 37px;font-weight: bold;font-family: Verdana, 宋体, Helvetica, sans-serif;}
.pagelist li.thisclass a{ color:#FFF;}
.pagelist li:hover{ background:url(../images/images/bigPage.png) 0 -37px no-repeat;}
.pagelist li.thisclass:hover{ background:url(../images/images/bigPage.png) 0 -111px no-repeat;}
.pagelist li.page_arrow:hover{ background:url(../images/images/bigPage_arrow.png) 0 -37px no-repeat;}
.pagelist li.page_next:hover{ background:url(../images/images/bigPage_next.png) 0 -37px no-repeat;}
.pagelist li:active{ background:url(../images/images/bigPage.png) 0 -74px no-repeat;}
.pagelist li.page_arrow:active{ background:url(../images/images/bigPage_arrow.png) 0 -74px no-repeat;}
.pagelist li.page_next:active{ background:url(../images/images/bigPage_next.png) 0 -74px no-repeat;}
.pagelist li span.pageinfo{ width:185px; background:url(../images/images/pageinfo.png) 0 0 no-repeat; text-align:center; line-height:37px; position:relative; left:50%; margin-left:-93px;}


/*通用头部*/
.g-hd{ 

	height: 140px;
	width:100%;
	background:#fff;
	position:relative;
	
	
}

.g-tip
{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #cccccc;
}
.g-wrap {
width: 1100px;
margin: 0 auto;
}
.g-tip .tel,.g-tip .tel i,.g-tip span,.g-tip em
{ float:left;}

.g-tip em
{
	font-size:16px;
	color:#e25f00;
	font-weight:700;
}
.g-hd .user
{ float:right;}
.g-hd .user li
{
	position:relative;
	float:left;
	height:40px;
	width:42px;
	border-right:1px solid #ccc;
	
}
.g-hd .user li i
{
	float:left;
	margin-left:12px;
	font-size:18px;
	color:#666;
	
	
}
.g-hd .user li:hover
{
	background:#f8bc28;
	cursor:pointer;
}
.g-hd .user li:hover i
{
	color:#fff;
}
.g-hd .user li .er
{
	border:1px solid #e1e1e1;
	background:#fff;
	width:100px;
	height:98px;
	display:none;
	position:absolute;
	left:-1px;
	z-index:1000;
	top:40px;
}
.g-hd .user li .er img
{
	width:90px;
	height:90px;
	display:block;
	margin:0 auto;
	margin-top:5px;
}
.g-hd .hd-btm
{
	height: 1px;
	background-color: #000;
	opacity: .12;
	filter: alpha(opacity=12);
	z-index: 990;
	box-shadow: 0 1px 3px rgba(0,0,0,.8);
	width:100%;
	position:absolute;
	left:0;
	bottom:0px;
}
/*模块*/
.m-logo {
	float: left;
	width: 80px;
	height: 64px;
	background: url(http://img5.duitang.com/uploads/files/201312/24/20131224171644_TXGCC.png) 0 12px no-repeat;
	text-indent: -9999px;
}

/*导航*/
.m-nav {
margin-top: 10px;
float: right;
position: relative;
}
.m-nav a
{ float:left; margin-left:50px; margin-top:37px; height:50px;font-size:14px; color:#000;}
.on,.m-nav a:hover
{ border-bottom:2px solid #f8bc28; color:#f8bc28;height: 50px;}

/*产品列表*/
.m-gridlist
{
	float:left;
	width:800px;
}
.m-gridlist ul li
{ 
	float:left;
	width:249px;
	height:249px;
	margin-top:15px;
	margin-left:17px;
}
.m-gridlist ul li a
{
	float:left;
	display:block;
	position:relative;
	width:100%;
	height:100%;
	
}

.m-gridlist ul li a .img
{
	width: 100%; 
	height: 100%; 
	background-size: cover; 
	background-position: 50% 50%; 
	background-repeat: no-repeat no-repeat;
}

.m-gridlist ul li a .ops
{
	position:absolute;
	bottom:0;
	z-index:100;
	width:100%;
	height:45px;
	background:#333;
	opacity:.7;	
}
.m-gridlist ul li a .title
{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:101;
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:center;
	font-size:15px;
}
.m-gridlist ul li a:hover .ops
{
	background:#f8bc28;
}

.m-foot
{
	float:left;
	width:100%;
	height:265px;
	padding-top:35px;
	background:#333;
}
.m-foot .h5txt
{
	width:100%;
	float:left;
    border-bottom:1px solid #ccc;
	position:relative;
	height:30px;
}
.m-foot h5
{
	position:absolute;
	left:0;
	height:29px;
	display:block;
	border-bottom:3px solid #f8bc28;
	font-size:15px;
	color:#bcbcbc;
	font-weight:700;
}
.m-foot .about
{
	float:left;
	width:538px;
}
.m-foot .about .tel
{
	float:left;
	width:100%;
	color:#f8bc28;
	font-size:18px;
	margin-top:20px;
}
.m-foot .about .tel em
{
	float:left;
}
.m-foot .about .tel i
{
	float:left;
	margin-right:10px;
	font-size:20px;
}
.m-foot .about .bq
{
	float:left;
	width:100%;
	color:#999;
	font-size:14px;
	margin-top:15px;
}
.m-foot .about .bq a
{
	color:#999;
	font-weight:700;
}
.m-foot .about .bq a:hover
{
	color:#f8bc28;
}
.m-foot .sitemap
{ width:250px; float:left; margin-left:30px; }
.m-foot .sitemap a
{
	margin-top:18px;
	width:100%;
	float:left;
	color:#cccccc;
	font-size:13px;

}
.m-foot .sitemap a:hover,.m-foot .sitemap a.on
{
	color:#f8bc28;
}
.m-foot .phone
{ width:250px; float:right; }
.m-foot .phone .ew
{
	width: 151px;
	height: 151px;
	float: left;
	background-image: url(../images/images/ew.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.m-foot .phone .ew img
{ display:block; width:130px; height:130px; margin:0 auto; margin-top:11px;}
.m-foot .phone .user
{
	width:50px;
	float:right;
	margin-right:15px;
	margin-top:30px;
}

.m-foot .phone .qq,.m-foot .phone .email
{ width:50px; height:50px;
border:2px solid #fff; border-radius:50%;}
.m-foot .phone .qq i,.m-foot .phone .email i
{
	float:left;
	margin-left:7px;
	margin-top:3px;
	color:#fff;
	font-size:35px;
}
.m-foot .phone  a:hover .qq
{
	border:2px solid #f8bc28;
}
.m-foot .phone  a:hover .qq i
{
	color:#fbbc28;
}
.m-foot .phone .email i
{ margin-top:6px;}
.m-foot .phone  a:hover .email
{
	border:2px solid #f8bc28;
}
.m-foot .phone  a:hover .email i
{
		color:#fbbc28;
}
.m-postion
{ 
	float:left;
	width:100%;
	font-size:14px;
}
.m-postion i
{
	float:left;
	margin-left:15px;
	margin-top:-5px;
	margin-right:10px;
	font-size:22px;
	color:#000;
	font-weight:700;
}
.m-postion  a:hover,.m-postion i:hover
{
	color:#f8bc28;
}
/*返回顶部开始*/
#code,#code_hover{width:40px;height:195px;background:url(../images/images/icon.png) no-repeat;position:fixed;right:50px;cursor:pointer;_position:absolute; z-index:1000;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#code{background-position: -189px 0px;bottom:120px;_margin-bottom:120px;}
#code_hover{background-position: -189px 0px;bottom:120px;_margin-bottom:120px; z-index:1000;}
#gotop{background-position:-276px -310px;bottom:67px;_margin-bottom:67px;
    width:40px;height:40px;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

#code_img{width:270px;height:355px;background: url(../images/images/icon.png) 92px 109px no-repeat;position:fixed;right:90px;bottom:67px;cursor:pointer;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:67px; z-index:1000;}
/*返回顶部结束*/