/**
 * @description  reset && common
 * @author CG-Wind
 * @Design CG-Design  
 * @version v1.0
 * @build 2015.02.01
 */
@charset "utf-8";
/*******************reset************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, s,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {padding: 0;border: 0;*/outline: 0;background: transparent;margin:0;}
body{ background: #fff; font-size:12px;font-family: 'Microsoft YaHei',微软雅黑,Tahoma,Helvetica,sans-serif; color:#929292;}
img {border: 0;}
ul,li{ list-style: none;}
a { text-decoration:none;outline:none; color:#929292;}
a:hover { text-decoration:none;color: #f11212;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
a:active {star:expression(this.onFocus=this.blur());}
img{-webkit-backface-visibility:hidden;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}
img:hover{opacity:0.8}
/**********************common**************************/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear:both;}
/* End hide from IE-mac */
.l{ float:left;}
.r{ float:right;}
.wp {margin: 0 auto; width: 920px;overflow: hidden;}
/*头部*/
.top{margin-top: 50px;}
.top .logo{margin-top: 17px;}
.top .dh{}
.top .dh li{
	letter-spacing: 3px;
	text-align: right;
	line-height: 26px;
	font-size: 14px;
	text-transform: capitalize;
}
/*Banner*/
.nav{float: right;margin: 36px 0;;}
.nav li{
	font-size: 14px;
	float: left;
	letter-spacing: 3px;
	margin-left: 15px;
	text-transform: capitalize;
}
.cur{
	color: #F11212;
}
/*内容*/
.main{}
.pic3 {}
.pic3 ul {margin-left: -8px;}
.pic3 ul li{ width:302px;height:302px; float:left; position:relative;
margin:0 0 7px 7px;
}
.pic3 img{width: 302px;height: 302px;}
.pic3 ul li .imgcon{ width:264px; height:264px;padding: 20px;
position:absolute; left:0; top:0; 
background:#fff; color:#929292; 
text-align:center; line-height:264px; display:none;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden; 
font-size: 20px;
}
.pic3 ul li .imgcon:hover{/*border: 1px solid #F11212;*/}
.pic3 ul li:hover .imgcon{ display:block;}

.pic4 {}
.pic4 ul {margin-left: -8px;}
.pic4 ul li{ width:224px;height:224px; float:left; position:relative;
margin:0 0 8px 8px;
}
.pic4 img{width: 224px;height: 224px;}
.pic4 ul li .imgcon{ width:184px; height:184px;padding: 20px;
position:absolute; left:0; top:0; 
background:#fff; color:#929292; 
text-align:center; line-height:184px; display:none;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden; 
font-size: 20px;
}
.pic4 ul li .imgcon:hover{/*border: 1px solid #F11212;*/}
.pic4 ul li:hover .imgcon{ display:block;}
.neirong{
	font-size: 14px;
	line-height: 30px;
}
.neirong img{
	max-width: 920px;
}
.neirong .title{
	margin-bottom: 26px;letter-spacing: 3px;
}
/*尾部*/
.end{
	margin: 36px 0;
}
.dede_pages{ background:#f7f7f7;width:100%; float:left;text-align:center; display:inline;line-height:30px;
}
.dede_pages ul{
    list-style-type: none;text-align: center;
}
.dede_pages ul li{
display: inline;
}
.dede_pages ul li a{
background:#fff; padding:3px 5px; line-height:30px; margin:0 2px; font-family:Arial;
}
.dede_pages ul li a:hover{
    color:#690;
    text-decoration:none;
    padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
    background-color:#F8F8F8;
    padding:2px 4px 2px;
    font-weight:bold;
}
.dede_pages .pageinfo{
    line-height:21px;
    padding:12px 10px 12px 16px;
    color:#999;
}
.dede_pages .pageinfo strong{
    color:#555;
    font-weight:normal;
    margin:0px 2px;
}

/*public*/
.fl{display:inline;float:left}.fr{display:inline;float:right}.btn{cursor:pointer}.btn:hover{text-decoration:none!important}
#Fixed {position: fixed;_position: absolute;z-index: 100;bottom: 70px;left: 50%;margin-left: 496px;_bottom: auto;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-70);width: 63px;text-indent: -40000px;background: #fff}
#goCart, #goChat, #goTop, #feedback {background: url('../images/toTop.png')!important}
#feedback {width: 63px;height: 59px;border-bottom: 2px solid #EEEEEE;background: -1px -770px}
#feedback:hover {background-position: -1px -829px}
#goCart, #goChat, #goTop {position: relative;width: 63px;height: 59px;background: -1px -1px no-repeat;cursor: pointer}
#goChat {background-position: -1px -238px}
#goCart:hover {background-position: -1px -180px}
#goChat:hover {background-position:-1px -238px}
#goTop{display:none;width:63px;height:61px;opacity:0.5;filter:alpha(opacity=50);-moz-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;-webkit-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;transition:opacity 0.3s ease-in,opacity 0.3s ease-out;background-color:#000!important;background-position:-1px -119px!important;cursor:pointer}
#goTop:hover{opacity:1;filter:alpha(opacity=100);-moz-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;-webkit-transition:opacity 0.3s ease-in,opacity 0.3s ease-out;transition:opacity 0.3s ease-in,opacity 0.3s ease-out}