@charset "utf-8";
/* CSS Document */
/*-----模板样式(web/home)-----*/
.web .pageBody{
	height:1575px;
	background:none;
}

.web .pageBody .wrapper{
	height:260px;
	min-width:1000px;
	width:1000px;
}
.web #banner{
	height:400px;
	overflow:hidden;
	/*background-image: url(../images/bannerBg.png);*/
	background:none;
}

.mobile #banner{
	height:130px;
	overflow:hidden;
}






.mobile .pageBody .banner{
	/*display:none;*/
}



.web #product{
	height:480px;
	background-image: url(../images/productBg.png);
	background-position:center top;
}
.web .more{
	display:none;
}


.web #product .wrapper{
	width:1100px;
}
.web #product .cateTab{
	width:100%;
	height:40px;
	background-color:#ddd;
}

.web #product .leftBtn{
	display:block;
	width:50px;
	height:440px;
	background-color:#F00;
	background:none;
	cursor:pointer;
	position:absolute;
	left:0px;
	top:40px;
	text-indent:-9999px;
}
.web #product .rightBtn{
	display:block;
	width:50px;
	height:440px;
	background-color:#F00;
	background:none;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:40px;
	text-indent:-9999px;
}


.web #product .cateTab ul{
	width:999px;
	margin:auto;
	border-left:solid 1px #fff;
}
.web #product .cateTab li{
	width:333px;
	height:40px;
	float:left;
}
.web #product .cateTab li a{
	width:100%;
	padding-top:12px;
	height:28px;
	background-color:#dddddd;
	display:block;
	text-align:center;
	background-image: url(../images/productTabListItemBg.png);
	font-size:14px;
	cursor:pointer;
}
.web #product .cateTab li a:hover{
	color:#fff;
	background-color:#af251a;
	background-position:left bottom;
}
.web #product .cateTab li.current a{
	color:#fff;
	background-color:#af251a;
	background-position:left bottom;
}

.web #product div.cateTabContent{
	clear:both;
	background-image: url(../images/columnContent3CateBg.png);
	position: relative;
	overflow: hidden;
	height: 440px;
	margin:auto;
	width:1000px;
	background-position:bottom left;
	display:none;
}
.web #product div.cateTabContent.current{
	display:block;
}
.web #product div.cateTabContent ul{
	padding-left:5px;
	clear:both;
	position:relative;
	width:990px;
	height:440px;;
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width:5000px;
}
.web #product div.cateTabContent li{
	position: relative;
	width: 330px;
	height: 440px;
	float: left;
	background-image: url(../images/productListItemBg.png);
	background-position:left top;
	overflow:hidden;
	list-style:none;
}
.web #product div.cateTabContent li:hover{
	background-position:left bottom;
}
.web #product div.cateTabContent li .preview{
	position:relative;
	width:240px;
	height:180px;
	margin-top:35px;
	margin-left:45px;
	display:block;
	overflow:hidden;
	/*background-color:#CCC;*/
}
.web #product div.cateTabContent li .preview img{
	width:240px;
	height:180px;
}
.web #product div.cateTabContent li h4{
	font-size:20px;
	color:#af251a;
	font-weight:normal;
	width:auto;
	margin-left:45px;
	display:block;
	line-height:50px;
}
.web #product div.cateTabContent li h4 a{
	color:#af251a;
}
.web #product div.cateTabContent li ul{
	padding:0px;
	margin-left:45px;
	width:240px;
	position:relative;
}
.web #product div.cateTabContent li li{
	float:none;
	clear:none;
	position:relative;
	height:auto;
	line-height:22px;
	list-style-position:outside;
	list-style-type:disc;
	width:auto;
	background:none;
	padding-left:0px;
	text-indent:-00px;
}

























.web #company{
	height:435px;
	background-image: url(../images/companyBg.jpg);
	background-position:center top;
}
.web #company *{
	text-indent:-9999px;
	display:block;
}
.web #news{
	height:260px;
	width:330px;
	background-image: url(../images/newsBg.png);
	background-position:center top;
	float:left;
	position:relative;
}
.web #industryNews{
	height:260px;
	width:340px;
	background-image: url(../images/industryNewsBg.png);
	background-position:center top;
	float:left;
	position:relative;
}
.web #technicalKnowledge{
	height:260px;
	width:330px;
	background-image: url(../images/technicalKnowledgeBg.png);
	background-position:center top;
	float:left;
	position:relative;
}

.web #news .titleBar,.web #industryNews .titleBar,.web #technicalKnowledge .titleBar{
	height:70px;
	display:block;
	text-indent:-9999px;
}
.web #news .more,.web #industryNews .more,.web #technicalKnowledge .more{
	position: absolute;
	right: 25px;
	top: 35px;
	width: 35px;
	height:18px;
	display:block;
	text-indent:-9999px;
}
.web #news .newsList,.web #industryNews .newsList,.web #technicalKnowledge .newsList{
	margin-left:25px;
	margin-right:25px;
}

.web #news .newsList li,.web #industryNews .newsList li,.web #technicalKnowledge .newsList li{
	background-image: url(../images/newsListItemBg.png);
}



.mobile #product{
	display:none;
}

.mobile #company h4{
	font-size:12pt;
	line-height:3em;
	color:#af251a;
}
.mobile #company h5{
	font-size:8pt;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
.mobile #company p{
	line-height:2em;
}


.mobile .cateTab{
	display:none;
}

/*.web #about{
	position:absolute;
	left:0;
	top:0;
	width:425px;
	height:215px;
}
.web #about p{
	position: absolute;
	left: 175px;
	top: 65px;
	line-height: 24px;
	width: 230px;
}
.web #about .more{
	position: absolute;
	color: #b00931;
	left: 360px;
	top: 165px;
}
.web #service{
	position:absolute;
	left:425px;
	top:0;
	width:400px;
	height:215px;
}
.web #service ul{
	position: absolute;
	left: 20px;
	top: 80px;
}
.web #service li{
	position:relative;
	width:90px;
	height:90px;
	float:left;
}
.web #service a{
	position:relative;
	width:90px;
	height:90px;
	display:block;
	text-indent:-9999px;
}





.web #news{
	position:absolute;
	left:825px;
	top:0;
	width:425px;
	height:215px;
}
.web #news .more{
	position: absolute;
	left: 335px;
	top: 30px;
	width: 50px;
	height: 20px;
	text-indent: -9999px;
	display: block;
}
.web #news .newsList{
	position:absolute;
	width:372px;
	left:10px;
	top:60px;
	}
.web #news .title{
	top:7px;
}
.web #news .updateTime{
	top:7px;
}


.mobile .pageBody{ background-color:#eee;}
.mobile #about p{ line-height:2em; text-indent:2em;}
.mobile #service{ height:auto; overflow:hidden;}
.mobile #service li{ width:25%; float:left; text-align:center; line-height:3em; font-size:11pt;}
.mobile #service li a{ width:90%;}*/