/* CSS Document */

body {
    position:relative;
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#151515;
}
ul,li,dl,dt,dd {
    margin:0;
    padding:0;
    list-style-type:none;
}
img {
    border:none;
}
.container {
    margin:0 auto;
    width:980px;
}

#header {
    overflow:hidden;
    zoom:1;
}
#header .logo {
    position:absolute;
    width:235px;
    height:290px;
    background-image:url(/res/logo.png);
    background-repeat:no-repeat;
}
#header .logo a {
    display:block;
    width:235px;
    height:164px;
}
#header .alashow {
    float:right;
    margin:0 10px;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#header .nav {
    padding-left:500px;
    height:40px;
}
#header .nav .separator {
    padding-right:5px;
    border-right:1px solid #333;
}
#header .nav a {
    float:left;
    margin:8px 20px 0 0;
    width:74px;
    height:22px;
    line-height:22px;
    color:#fff;
    text-align:center;
    text-decoration:none;
}
#header .nav a:hover,
#header .nav a.selected {
    background-image:url(/res/img.png);
    background-repeat:no-repeat;
    background-position:0 -680px;
}
#header .menu {
    height:60px;
    line-height: 60px;
    padding-left: 235px;
    background-color:#d7003f;
    background-image:url(/res/img.png);
    background-repeat:no-repeat;
    background-position:235px -301px;
}
#header .en {
    background-position:235px -207px;
}
#header .menu .type {
}
#header .menu .type a {
    float:left;
    text-decoration:none;
}
#header .menu .search {
    display:none;
    float:right;
    margin:15px 5px 0 0;
    width:132px;
    height:25px;
    border:1px solid #a90000;
    background-color:#fff;
}
#header .menu .search input {
    margin:2px 0 0 2px;
    width:110px;
    height:20px;
    border:0;
}
#header .slideshow {
    position:relative;
    float:right;
    width:745px;
    height:166px;
    overflow:hidden;
}
#header img {
    position:absolute;
    display:block;
    width:745px;
    height:166px;
}
#header .slideshow .paging {
    position:absolute;
    top:141px;
    left:616px;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity:0.85;
}
#header .slideshow .paging a {
    float:left;
    margin-left:1px;
    width:42px;
    height:20px;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background-color:#333;
}
#header .slideshow .paging a.selected {
    background-color:#e50042;
}

#content {
    position:relative;
    background-color:#333;
    overflow:hidden;
    zoom:1;
}
#content .paging {
}
#content dl.new {
}
#content dl.new dt {
    background-image:url(/res/img.png);
    background-repeat:no-repeat;
    background-position:10px -560px;
}
#content dl.new dt.en {
    background-position:10px -387px;
}
#content dl.new dt,
#content dl.hot dt {
    height:40px;
    line-height:40px;
    color:#fff;
}
#content dl.hot dt {
    border-top:2px dashed #828282;
    background-image:url(/res/img.png);
    background-repeat:no-repeat;
    background-position:10px -612px;
}
#content dl.hot dt.en {
    background-position:10px -444px;
}
#content dl dd {
    overflow:hidden;
    zoom:1;
}
.item {
    float:left;
    padding:0 12px;
	width:170px;
    height:280px;
}
* html .item {
}
.item img {
    display:block;
    width:170px;
    height:170px;
    background-color:#fff;
    border-bottom:1px solid #000;
}
.item .attr {
    color:#ccc;
    line-height:20px;
	white-space:
}
.item label {
    color:#e50042;
}
.item code {
    display:none;
}

#content h2 {
    margin:7px 0 4px 0;
    padding:0;
    text-indent:20px;
    height:28px;
    line-height:28px;
    color:#e50042;
    font-size:16px;
    background-color:#262626;
}
#content .left {
    float:left;
	padding-bottom:50px;
    width:190px;
    min-height: 360px;
}
#content .left a {
    display:block;
    margin:10px 0 10px 15px;
    padding:0 5px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    border-left:4px solid #333;
}
#content .left a:hover {
    color:#e50042;
}
#content .left a.selected {
    color:#e50042;
    border-left:4px solid #e50042;
}
#content .left .address {
    position:absolute;
    left:15px;
    bottom:20px;
    width:170px;
    line-height:30px;
    font-size:14px;
    color:#fff;
}
#content .address div {
    font-size:16px;
    color:#e50042;
}
#content .right {
    margin-left:190px;
	padding-bottom:50px;
    min-height: 360px;
    border-left:1px solid #666;
}
#content .right {
    padding-top:10px;
}

#content .aboutus,
#content .aboutus_en {
    padding:10px 30px 50px 308px;
    color:#fff;
    font-family:"微软雅黑","幼圆";
    font-size:18px;
}
#content .aboutus p {
    text-indent:36px;
    line-height:33px;
}
#content .aboutus em {
    font-size:24px;
    font-style:normal;
    color:#e50042;
}
#content .aboutus span {
    color:#e50042;
}
#content .aboutus_en p {
    line-height:33px;
}

#content .workshop {
	padding:15px 0;
}
#content .workshop li {
	float:left;
	padding:15px 70px;
}
#content .workshop li img {
	display:block;
	width:343px;
	height:228px;
}

#content .contactus {
	padding:0 40px 50px 55px;
	line-height:20px;
	color:#ddd;
}
#content .contactus .intro,
#content .contactus .address {
	padding:0 10px;
}
#content .contactus .address {
	border-top:1px solid #737373;
}


#footer {
    height:74px;
    color:#666;
    border-top:1px solid #e50042;
}
#footer .lang {
    padding-right:10px;
    height:35px;
    line-height:35px;
    text-align:right;
}
#footer .lang a {
    margin:0 10px;
    color:#fff;
    text-decoration:none;
}
#footer .lang a.selected {
    color:#666;
}
#footer .copyright {
    padding:10px 20px 0 0;
    text-align:right;
}


#show {
    display:none;
    position:fixed;
    top:50px;
    width:850px;
    word-wrap:break-word;
    word-break:keep-all;
    z-index: 9999;
    background-color:#000;
    overflow:hidden;
    zoom:1;
}
* html #show {
     position: absolute;
     top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#show .close {
    float:right;
    margin:5px 5px 0 0;
    width:64px;
    height:22px;
    line-height:22px;
    text-align:center;
    text-decoration:none;
    color:#ccc;
    background-color:#1a1a1a;
}
#show .close:hover {
    color:#fff;
}
#show .left {
    float:left;
    margin:50px 20px 20px 15px;
    border-right:1px solid #252525;
}
#show .left .img_l {
    padding-right:20px;
}
#show .left .img_l img {
    display:block;
    width:320px;
    height:420px;
}
#show .left .img_s {
    margin-top:14px;
	width:340px;
    overflow:hidden;
    zoom:1;
}
#show .left .img_s a {
    float:left;
    border:2px solid #000;
}
#show .left .img_s a:hover,
#show .left .img_s a.selected {
    border:2px solid #e50042;
}
/*#show .left .img_s span {
    float:left;
    width:1px;
    height:40px;
}*/
#show .left .img_s .mask {
	display:block;
    width:76px;
    height:56px;
    overflow:hidden;
}
#show .left .img_s img {
    display:block;
    margin-top:-22px;
    width:76px;
    height:100px;

}
#show .right {
    margin:50px 15px 20px 380px;
    color:#fff;
}
#show .right .sub_type,
#show .right .sub_type_en {
    padding:5px 0;
    font-size:24px;
    font-family:"微软雅黑",黑体;
}
#show .right .attr {
    line-height:24px;
	font-family:"微软雅黑";
    font-size:14px;
}
#show .right .attr  label {
    color:#e50042;
}
#show .right .address {
	margin-top:20px;
	padding:10px 0;
	line-height:16px;
	color:#999;
	border-top:1px solid #999;
}
