@charset "utf-8";
/* CSS Document */
.clear{ clear:both; height:0; overflow:hidden; display:block;}
#content{ margin:0 auto; width:1200px; min-width:1200px; clear:both; height:auto; padding:25px 0;}
#left{ width:265px; float:left; /*background:#BBB;*/ margin-bottom:20px;}
.left_t{
	height:70px; font-size:30px;color:#fff; font-weight:bold;
	background:#ce0008;
	line-height:70px; padding-left:60px; text-transform:uppercase; border-bottom:solid 1px #fff;
}
.left_list{ width:265px;}
.left_list ul{padding: 5px 0 15px;background: #F5E8D5;}
.left_list ul li{ height:auto; font-size:15px; background: #F5E8D5;padding: 0 40px;}
.left_list ul li a{
	color:#222; height:45px; line-height:45px; display:block; border-bottom:solid 1px #E0BC80; font-weight: bold;
	transition: color 0.2s;
	-moz-transition: color 0.2s;	/* Firefox 4 */
	-webkit-transition: color 0.2s;	/* Safari 和 Chrome */
	-o-transition: color 0.2s;	/* Opera */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.left_list ul li a.sub{
    color: #333;
	border: none;
	font-weight: normal;
	padding-left:20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.left_list ul li a:hover,.left_list ul li a.shover{
	color:#ec1a22;
}
.left_list ul li a:hover.sp,.left_list ul li a.thover{background:url(../images/left_jt.png) no-repeat 235px #70b71e; color:#2a2a2a;}
.left_list ul ul{ display:none; padding:10px 0;}
.left_list ul ul li{ font-size:13px;}
.left_list ul ul li a{ height:30px ; line-height:30px; border:none; padding-left:20px;}
.left_list ul ul li a:hover,.left_list ul ul li a.shover{ color:#70b71e; background:none; border-bottom:none;}

#right{ float:right; width:890px; margin-bottom:10px;}
.content-inner{ min-height:400px;  height:auto; _height:400px; clear:both; font-size:14px; line-height:26px;}
.content-inner img{ max-width:100%;}
.content-inner video{max-width:100%;width:100%;height:100%;background:#000;}
.list_pro{ height:auto; min-height:600px; _height:600px; }
.list_pro ul li{ width:322px; height:383px; float:left; margin-right:30px; position:relative; z-index:9;}
.list_pro ul li .h_list_pro_box{ width:322px; height:354px; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;}
.list_pro ul li .h_list_pro_box:hover{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.list_pro ul li img{ width:320px; height:320px; border:solid 1px #f2f2f2;}
.list_pro ul li p{
	font-size:13px;
	display:block;
	color:#333;
	/*width:274px;
	background:#9f9fa0;*/
	text-align:left;
	word-break:keep-all;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	text-align:center;
	height:32px;
	line-height:32px;
}
.list_pro ul li:hover p{ background:#ce0008; color:#FFF;}
.list_pro ul li h3{ text-align:center; padding-top:10px; line-height:20px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:normal;}
.list_pro ul li h3 a{ color:#4b4b4b; font-size:16px;}
.list_pro ul li h3 a:hover{ color:#4b4b4b;}


#dis_pro{ width:100%; margin:0 auto; min-height:502px; position:relative;}
.dis_l{ float:left; width:462px;}
.dis_pic{ margin:0 auto; width:462px; min-height:462px; position:relative;}
.dis_pic ul li{width:460px; height:460px; position:relative; border:solid 1px #f2f2f2;}
.list_pic{ position:relative; height:100px; margin-top:15px; clear:both;}
.list_pic span{ position:absolute; top:0px; cursor:pointer; display:block; width:20px; height:88px; }
.list_pic span.p_prev{ background:url(../images/d_left.jpg) no-repeat; left:0px;}
.list_pic span.p_next{ background:url(../images/d_right.jpg) no-repeat; right:0px;}
.dis_list{ width:410px; margin:0 auto; height:100px; overflow:hidden;}
.list_pic {}
.list_pic li{ float:left; display:block; height:94px; width:94px; cursor:pointer; margin-right:10px;}
.list_pic li img{  height:90px; width:90px;  cursor:pointer; border:1px solid #f2f2f2;}
.list_pic li img:hover{ border:1px solid #ce0008;}

.dis_r{ float:right; width:500px;}
.d_name{ color:#000000; font-size:20px; min-height:45px; line-height:35px; border-bottom:solid 1px #ddd; font-weight:bold;}
.d_name20{ font-size:14px; line-height:28px; min-height:320px; color:#2e2e2e; padding:20px 0;}

.tab_title{ clear:both; height:35px; font-size:14px; margin-top:30px; background:#cecece;}
.tab_title div{ float:left; width:165px; height:35px; line-height:35px; text-align:center; cursor:pointer; color:#fff;}
.tab_title div.thover{ background:#e80009; color:#fff;}
.tab_note{ min-height:320px; height:auto; _height:320px; clear:both; padding:15px 10px;}