/*************************************
* 文件名称：layout_index.css
* 作   者：QQ:280474722 E-mail:zcli@vip.qq.com
/*************************************/

#header_banner{
	float:left;
	width:100%;
	height:400px;
	padding-bottom:20px;
	background:url(../images/banner_bg.jpg) no-repeat center bottom;
}

 
/*首页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{ height:100px;width:1200px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -600px;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{ 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:1200px;
}
#content_h3_1{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#content_h3_1 .title_h3_1{
	float:left;
	width:100%;
	height:80px;
	background:url(../images/h3_1.jpg) no-repeat center bottom;
}
#content_h3_1 li{
	float:left;
	width:200px;
	height:240px;
	border-bottom:1px solid #E9EBEA;
	border-left:1px solid #E9EBEA;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content_h3_1 .noborder{
	border-right:1px solid #E9EBEA;
}

#content_h3_2{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#content_h3_2 .title_h3_2{
	float:left;
	width:100%;
	height:80px;
	margin-bottom:20px;
	background:url(../images/h3_2.jpg) no-repeat center bottom;
}
#content_h3_2 li{
	width:590px;
	height:273px;
	padding-top:40px;
}
#content_h3_2 .cp_1{
	float:left;
	padding-left:30px;
	width:560px;
	background:url(../images/cp_bg_1.jpg) no-repeat center bottom;
}
#content_h3_2 .cp_2{
	float:right;
	background:url(../images/cp_bg_2.jpg) no-repeat center bottom;
}



#content_h3_3{
	float:left;
	width:100%;
	height:518px;
	margin-bottom:20px;
	background:#F3F3F3;
	text-align:center;
}
#content_h3_3 .title_h3_3{
	float:left;
	width:100%;
	height:80px;
	margin-bottom:20px;
	background:url(../images/h3_3.jpg) no-repeat center bottom;
}


#content_h3_4{
	float:left;
	width:100%;
	text-align:center;
}
#content_h3_4 .title_h3_4{
	float:left;
	width:100%;
	height:80px;
	background:url(../images/h3_4.jpg) no-repeat center bottom;
}
#content_h3_4 .c_xt{
	float:left;
	width:100%;
}
#content_h3_4 .c_fa{
	float:left;
	width:100%;
}
#content_h3_4 h3{
	width:100%;
	height:77px;
	line-height:78px;
	text-align:center;
	font-size:26px;
}
#content_h3_4 .c_fa h3{
	background:url(../images/fa_h3_bg.jpg) no-repeat center bottom;
}
#content_h3_4 li{
	float:left;
	height:240px;
}
#content_h3_4 li img{-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; display:inline;} 
#content_h3_4 li:hover img{opacity:0.5;}



#content_h3_5{
	float:left;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
#content_h3_5 .title_h3_5{
	float:left;
	width:100%;
	height:80px;
	background:url(../images/h3_5.jpg) no-repeat center bottom;
}
#content_h3_5 .c_video{
	float:left;
	width:100%;
}
#content_h3_5 h3{
	width:100%;
	height:77px;
	line-height:78px;
	text-align:center;
	font-size:26px;
}
#content_h3_5 li{
	float:left;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	height:200px;
	overflow:hidden;
}
#content_h3_5 li span{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	background:#000000;
	display:block;
	position:absolute;
	top:160px;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	-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;
}
#content_h3_5 li:hover span{
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	opacity:1;
}


#content_h3_6{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#content_h3_6 .title_h3_6{
	float:left;
	width:100%;
	height:80px;
	margin-bottom:20px;
	background:url(../images/h3_6.jpg) no-repeat center bottom;
}
#content_h3_6 .c_dm{
	float:left;
	width:100%;
	padding-bottom:20px;
}
#content_h3_6 .c_ry{
	float:left;
	width:100%;
	padding-bottom:20px;
	background:url(../images/ry_h3_bg.jpg) no-repeat center top;
	background-color:#F0F0F0;
}
#content_h3_6 .c_ry1{
	float:left;
	width:100%;
}
#content_h3_6 h3{
	width:100%;
	height:77px;
	line-height:78px;
	text-align:center;
	font-size:26px;
}
#content_h3_6 li{
	float:left;
	margin-left:15px;
	margin-right:5px;
}



#content_h3_7{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#content_h3_7 .title_h3_7{
	float:left;
	width:100%;
	height:80px;
	margin-bottom:20px;
	background:url(../images/h3_7.jpg) no-repeat center bottom;
}
#content_h3_7 h3{
	width:100%;
	height:30px;
	line-height:30px;
	color:#333;
	border-bottom:1px solid #E5E5E5;
	margin-bottom:20px;
}
#content_h3_7 .c_news_1{
	float:left;
	width:356px;
	padding:20px;
	border-right:1px solid #E5E5E5;
}
#content_h3_7 .c_news_1 li{
	float:left;
	width:100%;
	padding-bottom:20px;
}
#content_h3_7 .c_news_1 li img{
	float:left;
	width:80px;
	height:70px;
	margin-right:10px;
}
#content_h3_7 .c_news_1 .more a{
	float:left;
	width:90px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fff;
	background:#552F18;
}

#content_h3_8{
	float:left;
	width:100%;
	margin-bottom:20px;
	text-align:center;
}
#content_h3_8 .c_btn{
	float:left;
	width:100%;
}
#content_h3_8 .c_btn li{
	float:left;
	margin-right:20px;
}
#content_h3_8 .c_link{
	float:left;
	width:100%;
	padding-bottom:20px;
	background:url(../images/ry_h3_bg.jpg) no-repeat center top;
	background-color:#F0F0F0;
	line-height:200%;
}
#content_h3_8 .c_link h3{
	width:100%;
	height:78px;
	line-height:78px;
	text-align:center;
	font-size:24px;
}
#content_h3_8 .c_link a{
	padding-right:30px;
	padding-bottom:10px;
}

                #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: 40%;
    z-index: 99999999999;
}
#updown div{
	cursor: pointer;
    margin-bottom: 2px;
    position: relative;
    width: 39px;
}