﻿*{
margin:0px;
padding:0px;
}
body {
	
}
img,input { vertical-align:middle; }
/** float完美clear(兼容ie) start **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
/** float完美clear(兼容ie) end **/

.layerLeft { float:left; }
.layerRight { float:right; }
.Gap{ padding: 10px 0px;}

.container{
	width:100%;
	height:auto;
	background: url(../images/all_bg.jpg) repeat-y center;
}

#hContainer{
	width: 100%;
}

.header{
	background: url(../images/index_bg.jpg) no-repeat center top;
	width:100%;
}
.header .topmenu{
	margin:0 auto;
	width:960px;
	height:77px;
}
.header .topmenu div{
	float:left;
	height:67px;
	padding-top: 10px;
}
.othermenu{
	background: url(../images/order_bg.jpg) repeat-y center;
	width:100%;
}
.othermenu .area{
	margin:0 auto;
	width:960px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.othermenu .area .uList li a{color: #777;text-decoration: none;}
.othermenu .area .uList li a:hover{color: #fff;text-decoration: none;}
.othermenu .area .uList li.cur a{color: #fff;text-decoration: none;}
.othermenu .area .uList li.cur a:hover{color: #FFFF00;text-decoration: none;}

.othermenu .area .arrow { position: absolute; z-index: 10; left: 40px;}
.othermenu .area #about { width:960px; display: none; position: absolute; left:0; top:0;}
.othermenu .area #about ul { width:960px; padding: 30px 0; }
.othermenu .area #about ul li { float:left;}
.othermenu .area #about ul li.a_middle1 { padding-left: 12px; padding-right: 6px; }
.othermenu .area #about ul li.a_middle2 { padding-left: 6px; padding-right: 12px; }

.othermenu .area #service { width:960px; display: none; position: absolute; left:0; top:0;}
.othermenu .area #service ul { width:717px; margin:0 auto; padding: 30px 0; }
.othermenu .area #service ul li { float:left;}
.othermenu .area #service ul li.a_middle1 { padding-left: 12px; padding-right: 12px; }

.othermenu .area #projects { width:960px; display: none; position: absolute; left:0; top:0;}
.othermenu .area #projects ul { width:474px; margin:0 auto; padding: 30px 0; }
.othermenu .area #projects ul li { float:left;}
.othermenu .area #projects ul li.a_middle1 { padding-left: 12px; }

.othermenu .area #contact { width:960px; display: none; position: absolute; left:0; top:0;}
.othermenu .area #contact ul { width:474px; margin:0 auto; padding: 30px 0; }
.othermenu .area #contact ul li { float:left;}
.othermenu .area #contact ul li.a_middle1 { padding-left: 12px; }

.othermenu .area #product { width:960px; display: none; position: absolute; left:0; top:0;}
.othermenu .area #product .picList { padding: 20px 0px 5px 0px;}
.othermenu .area #product .picList ul { height: 162px; }
.othermenu .area #product .picList ul li { float:left; padding: 0px 16px; width:160px; height:145px; }
.othermenu .area #product .picList ul li a { display:block; height:25px;}
.othermenu .area #product .titleList { padding: 5px 0px 5px 0px; }
.othermenu .area #product .titleList .tList { width: 288px; float:left; padding: 0 16px;}
.othermenu .area #product .titleList ul { float:left; width:144px; }
.othermenu .area #product .titleList ul li { width:140px; height:20px; text-align:left; padding:0px 4px 0px 0px; }

.slideshow{
	margin:0px auto;
	width:1039px;

}
.slideshow #homeslideshow{
	width:1039px;
	height:500px;
}

.slideshow .picmenu{
	padding-top:15px;
	width:1039px;
	height:199px;
}

.slideshow .picmenu div{
	width:340px;
	height:193px;
	padding:3px;
	float:left;
}
.slideshow .picmenu div a img
{
	width:340px;
	height:193px;
}
.slideshow .picmenu .middle{ margin: 0px;}
.slideshow .picmenu .activeSlide{ background-color: yellow;}

.slideshow .logo{
	margin:0 auto;
	padding-top: 20px;
	width:57px;
	height:56px;
}

.main{
	background: url(../images/main4.jpg) no-repeat center 0;
	width:100%;
	height:2348px;
}
.mainBg {
	margin: 0 auto;
	width:980px;
	_padding-right: 1px;
	height:2348px;
	background-color: #000;
}

*+html .mainBg{
	margin: 0 auto;
	width:980px;
	padding-right: 1px;
	height:2348px;
	background-color: #000;
}

.main .pt33{ padding-top: 33px;}
.main .newProduct{
	margin:0 auto;
	width:960px;
	padding-top:143px;
}
.main .newProduct .layerLeft{ width:290px; text-align:left;}
.main .newProduct .layerLeft .more{ width:130px;text-align:right;}
.main .newProduct .layerLeft .seriesList{ width:290px;padding-top:15px;height:222px;}
.main .newProduct .layerLeft .seriesList li { width:290px;height:20px;}
.main .newProduct .layerRight{ width:670px;}

.main .proSeries{
	margin:0 auto;
	width:960px;
	height: 409px;
	padding-top:57px;
}
.main .proSeries .Pic{ width:279px; height:132px;padding: 41px 0px 10px 0px; }
.main .proSeries .Protitle{ width:279px; height:42px;text-align:left; }
.main .proSeries .link{ width:279px; padding-top: 40px; }
.main .proSeries .middle{ padding: 0px 61px;}

.main .otherInfo {
	margin:0 auto;
	width:960px;
	height: 632px;
	padding-top:10px;
}

.main .otherInfo .project{
	width: 279px;
	height: 508px;
	padding-top: 41px;
}
.main .otherInfo .project .more{ margin: 0px auto; width:41px; height:22px; padding-top:43px;}
.main .otherInfo .network{
	width:329px;
	height:549px;
	padding: 0px 28px;
}
.main .otherInfo .network .bg{
	background: url(../images/pg.jpg) repeat-y;
	width:329px;
	height:549px;
}
.main .otherInfo .network .title { padding-top:40px;}
.main .otherInfo .cu {
	width: 295px;
	height: 508px;
	padding-top: 41px;
}
.main .otherInfo .cu .download { padding-top: 17px;}

.main .aboutUS{
	margin:0 auto;
	width:960px;
}
.main .aboutUS .content{ width:374px; height: 285px; padding-right: 72px; text-align:left; padding-top: 46px; }
.main .aboutUS .pic{ width:514px; height:263px; padding-top: 70px; }

.footer_links{
	margin: 0px auto;
	width:960px;
	height:325px;
}

.footer_links .links{
	padding-top: 80px;
	width: 960px;
	height:232px;
}

.footer_links .links .linkList{ width:240px; height: 232px; float:left; }
.footer_links .links .linkList li{ width:240px; height: 30px; }
.footer{
	background: url(../images/fb_bg.jpg) no-repeat center;
	width:100%;
	height: 63px;
}
.footer .content{
	margin: 0px auto;
	width:960px;
	height: 43px;
	text-align:left;
	padding-top: 20px;
}
.footer .content .layerRight img{ padding-right: 5px;}

/** search **/
.searchForm{
	margin:0 auto;
	width:960px;
	height: 60px;
	display: none;
	position: absolute;
	left:0;
	top:0;
	padding: 8px 0 0 0;
}
.searchForm select,.searchForm input {
	color: #EDEDED;
	background-color: #383838;
	border: 1px solid #383838;
	border-radius: 4px 4px 4px 4px;
}
.searchForm table, .searchList table{
	width: 800px;
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
}
.searchForm label{
	text-transform: uppercase;
	color: #EDEEF0;
	font-size: 15px;
	font-weight: bold;
	margin: 11px 5px;
	display: block;
	float: left;
	width: 90px;
	font-family: arial;
}
.searchForm .input{
	margin: 3px;
	padding: 5px;
	color: #EDEDED;
	background-color: #383838;
	border: 1px solid #383838;
	border-radius: 4px 4px 4px 4px;
	display: block;
	float: left;
}
/** search **/