/*************************************
* �ļ����ƣ�layout_index.css
* ��   �ߣ�QQ:280474722 E-mail:zcli@vip.qq.com
/*************************************/

#header_banner{
	float:left;
	width:100%;
	height:400px;
}

 
/*��ҳBANNER*/
.m_banner{ background:#fff;height:400px; position:relative;}
.m_banner .banner{height:400px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{width:1400px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -700px;z-index:2;}
.banner_ctrl a{ display:block;width:108px;height:108px;position:absolute; opacity:.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
.banner_ctrl a.prev{ left: 30px; background:url(../images/left_1.png) no-repeat; }
.banner_ctrl a.next{ right:30px; background:url(../images/right_1.png) no-repeat; }
.m_banner .banner .main_c{ position:relative;z-index:10;height:400px;}

 /*.c_list li img{-webkit-transition:margin-left 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s; display:inline;margin-top:9px;} 
.c_list li:hover img{margin-left:10px;}*/

/*�����*/
#content{
	margin:0 auto;
	width:100%;
}
#content_h3_1{
	float:left;
	width:100%;
	padding-bottom:50px;
	text-align:center;
	padding-top:50px;
	height:550px;
	background:url(../images/bg_1.jpg) no-repeat center bottom;
}
.lib_Contentbox{
	padding-left:10%;
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.fixed_pro{
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	padding-left:0px;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}

#content_h3_2{
	float:left;
	width:100%;
	height:700px;
	background:url(../images/bg_2.jpg) no-repeat center top;
	padding-top:100px;
	text-align:center;
}
.warp_1100{
	padding-left:10%;
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.fixed_com{
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	padding-left:0px;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
#content_h3_2 p{
	text-align:left;
	padding:30px 0px;
}
#content_h3_2 .title_h3_2{
	float:left;
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:30px;
	background:url(../images/h3_line.jpg) no-repeat center bottom;
	color:#fff;
	font-size:18px;
	line-height:180%;
}
#content_h3_2 .title_h3_2 span{
	font-size:24px;
}
#content_h3_2 .title_h3_2 p{
	color:#fff;
	font-size:12px;
	font-family:arial;
}
#content_h3_2 .c_list{
	margin-left:30px;
}
#content_h3_2 li{
	float:left;
	width:260px;
	height:175px;
	margin:0px 15px 20px 0px;
	overflow:hidden;
	position:relative;
}
#content_h3_2 li img{
	width:260px;
	height:175px;
	filter:alpha(opacity=80); 
	-moz-opacity:1; 
	opacity:1;
	-webkit-transition:opacity 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
#content_h3_2 li div{
	width:260px;
	height:175px;
	background:url(../images/fd.png) no-repeat center 40%;
	background-color:#B91920;
	color:#fff;
	text-align:center;
	padding-top:30px;
	position:absolute;
	left:0px;
	top:200px;
	-webkit-transition:top 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
	line-height:175px;
}
#content_h3_2 li:hover div{
	top:0px;
}
#content_h3_2 li:hover img{
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
}
#content_h3_2 li div span{
	font-size:50px;
}


#content_h3_3{
	float:left;
	width:100%;
	padding-bottom:50px;
	text-align:center;
	padding-top:50px;
	position:relative;
}
.content_h3_3{
	left:-50%;
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.fixed_news{
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	left:0px;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}

#content_h3_3 .news_list{
	width:1060px;
	padding:20px 0px;
	margin:0 auto;
}

#content_h3_3 .news_list li{
	float:left;
	width:490px;
	text-align:left;
	margin:0 20px 0px 20px;
	border-bottom:dotted 1px #ddd;
	padding:20px 0px;
}
#content_h3_3 .news_list li h3{
	width:100%;
	height:30px;
	font-size:16px;
	color:#333333;
	-webkit-transition:text-indent 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
#content_h3_3 .news_list li:hover h3{
	text-indent:5px;
	color:#B91920
}
#content_h3_3 .news_list li p{
	color:#999;
	-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
#content_h3_3 .news_list li:hover p{
	color:#666;
}
#content_h3_3 .news_list li img{
	float:left;
	margin-right:10px;
	-webkit-transition:opacity 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
#content_h3_3 .news_list li:hover img{
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
}


#content_h3_4{
	float:left;
	width:100%;
	height:200px;
	background:url(../images/footer_contact.jpg) no-repeat center top;
	text-align:left;
	padding-top:200px;
	position:relative;
}
.content_h3_4{
	left:-50%;
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.fixed_con{
	-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition: all 1s ease-out 0s;transition: all 1s ease-out 0s;
	left:0px;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}
#content_h3_4 div div{
	float:left;
	width:446px;
	padding-left:30px;
}
#content_h3_4 div div li{
	float:left;
	width:100%;
	height:30px;
	color:#fff;
	-webkit-transition:padding-left 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
}
#content_h3_4 div div li:hover{
	padding-left:10px;
}
#content_h3_4 div div li span{
	font-size:26px;
	font-family:Impact;
}

                #pro_demo {
                overflow:hidden;
                position: relative;
                width: 978px;
				margin:0 auto;
				height:184px;
                }
                #pro_indemo {
                float: left;
                width: 800%;
                }
                #pro_demo1 {
                float: left;
				width: 988px;
                }
                #pro_demo2 {
                float: left;
				width: 988px;
                }
				
				
				

#zc_pro_demo {
overflow:hidden;
position: relative;
width: 1200px;
margin:0 auto;
height:184px;
                }
#zc_pro_indemo {
float: left;
width: 800%;
}
#zc_pro_demo1 {
	float: left;
width: 1200px;
}
#zc_pro_demo2 {
float: left;
width: 1200px;
}


#zcc_pro_demo {
overflow:hidden;
position: relative;
width: 1200px;
margin:0 auto;
height:100px;
                }
#zcc_pro_indemo {
float: left;
width: 800%;
}
#zcc_pro_demo1 {
	float: left;
width: 1200px;
}
#zcc_pro_demo2 {
float: left;
width: 1200px;
}


#updown{
    display: block;
    margin-left: -520px;
    position: absolute;
    right: 0;
    top: 30%;
    z-index: 99999999999;
}
#updown div{
	cursor: pointer;
    margin-bottom: 1px;
    position: relative;
    width: 39px;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
#tabT04 li{width:12px; height:12px; float:left; margin:0px 3px;-moz-border-radius: 50%;border-radius: 50%;}
/*ȫ��ҳǩ*/
.tab-T-3{width:66px; margin:0 auto; margin-top:30px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#CDCDCD;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#E60013;}
/*���ų���*/
.rowE .warp-pic-list{position:relative;width:960px;height:230px;overflow:hidden;}
.rowE .count li{margin-right:20px;width:176px;height:228px;}
.rowE .count .img_wrap{width:176px;height:135px;}
.rowE .count li .text-area{padding:10px 0 10px 15px;}
.rowE .count li .text-area  p{line-height:24px;height:24px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}






.scroll{width:1200px;height:320px; overflow:hidden;}
.scroll_left{width:40px;height:82px;background:url(../images/left_btn.jpg) no-repeat;float:left; margin-top:100px;    cursor: pointer;}
.scroll_right{width:40px;height:82px;background:url(../images/right_btn.jpg) left no-repeat;float:right; margin-top:100px;    cursor: pointer;}
.pic{width:1083px;height:320px;float:left; padding-left:12px;}
.pic ul{display:block;}
.pic li{float:left;display:inline;width:260px;}
	
	
#con_one_1 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_1 li img{
	margin-bottom:10px;
}
#con_one_1 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_1 li:hover a{
	color:#fff;
}

#con_one_2 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_2 li img{
	margin-bottom:10px;
}
#con_one_2 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_2 li:hover a{
	color:#fff;
}

#con_one_3 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_3 li img{
	margin-bottom:10px;
}
#con_one_3 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_3 li:hover a{
	color:#fff;
}

#con_one_4 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_4 li img{
	margin-bottom:10px;
}
#con_one_4 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_4 li:hover a{
	color:#fff;
}

#con_one_5 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_5 li img{
	margin-bottom:10px;
}
#con_one_5 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_5 li:hover a{
	color:#fff;
}

#con_one_6 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_6 li img{
	margin-bottom:10px;
}
#con_one_6 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_6 li:hover a{
	color:#fff;
}

#con_one_7 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_7 li img{
	margin-bottom:10px;
}
#con_one_7 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_7 li:hover a{
	color:#fff;
}

#con_one_8 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_8 li img{
	margin-bottom:10px;
}
#con_one_8 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_8 li:hover a{
	color:#fff;
}

#con_one_9 li{
	float:left;
	width:260px;
	height:290px;
	padding-top:10px;
	margin:0 7px;
	text-align:center;
	background:url(../images/pro_bg.png) no-repeat left 300px;
	-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition: background 0.5s ease-out 0s;transition: background 0.5s ease-out 0s;
}
#con_one_9 li img{
	margin-bottom:10px;
}
#con_one_9 li:hover{
	background:url(../images/pro_bg.png) no-repeat left top;
}
#con_one_9 li:hover a{
	color:#fff;
}


#lib_Tab1{padding-top:20px;}
#lib_Tab1 .lib_Menubox {height:34px;line-height:34px;position:relative;margin-bottom:20px; width:860px; margin:0 auto;}
#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:34px;text-align:center;}
#lib_Tab1 .lib_Menubox li{float:left;display:block;cursor:pointer;width:148px;font-size:14px;height:34px;line-height:34px; margin-right:2px; background:#CDCDCD;}
#lib_Tab1 .lib_Menubox li.hover{padding:0px;background-color:#B91920;width:148px;font-size:14px;height:34px;line-height:34px; color:#fff;}
#lib_Tab1 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto;padding-top:40px;}
#lib_Tab1 a.btn:hover{ background:#B91920;}





#pro_demo {
                overflow:hidden;
                position: relative;
                width: 1200px;
				margin:0 auto;
				height:300px;
                }
                #pro_indemo {
                float: left;
                width: 800%;
                }
                #pro_demo1 {
                float: left;
				width: 2176px;
                }
                #pro_demo2 {
                float: left;
				width: 2176px;
                }