@charset "utf-8";
body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei","宋体"; font-size:14px; background:#e7e6e6 URL(../images/bg.jpg) left top repeat-x; color:#333; line-height:23px;}
ul,li{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}



.index{ clear:both; width:1000px; margin:0px auto;}


.top{ clear:both; display:block; width:100%; margin:0px auto; height:120px; background:URL(../images/top.png) center bottom no-repeat;}


/*  menu style start */
.menu{ clear:both; display:block; width:100%; background:#5bb9d2; border-bottom:5px solid #38a5c2; border-top:3px solid #7bd3eb;}
.menu ul{ clear:both; display:block; width:1000px; height:38px; line-height:38px; margin:0px auto;}
.menu li{ float:left; width:160px; display:block; text-align:center;}
.menu li a{ color:#FFF; font-size:16px;}

/* banner style start */
.banner{ clear:both; display:block; height:480px; overflow:hidden; margin-bottom:20px;}
/* mainbanner */
.mainbanner{height:480px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1440px;height:480px;overflow:hidden;margin-left:-720px;position:absolute;}
.mainbanner_window ul{width:999999px;height:480px;position:relative;}
.mainbanner_window li{ width:1440px;height:480px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%; bottom:5px;width:500px;height:20px;margin-left:-35px;position:absolute;}
.mainbanner_list li{height:30px; margin:0px 3px; overflow:hidden;float:left;display:inline;z-index:20;}
.mainbanner_list li img{ z-index:100;}
.mainbanner_list a{background:#ccc;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;	border: 1px solid #ccc;}
.mainbanner_list li.active a{background:#333; border: 1px solid #333; text-decoration:none;}
.mainbanner_list li a:hover{background:#333; border: 1px solid #333; text-decoration:none;}


/* index style */
.indexTitle{ clear:both; display:block; height:46px; line-height:46px; border-bottom:2px solid #51bed3; font-size:16px; font-weight:bold; text-indent:1.5em; background:URL(../images/title.jpg) left 50% no-repeat; margin:0px 10px;}
.indexTitle span{ float:right; margin-right:10px;}
.indexTitle span img{ border:0px; margin-top:15px;}

.location{ clear:both; display:block; height:46px; line-height:46px; border-bottom:2px solid #51bed3; font-size:16px; font-weight:bold; text-indent:1.5em; background:URL(../images/title.jpg) left 50% no-repeat; margin:0px 10px;}
.location span{ float:right; margin-right:10px;}
.location span img{ border:0px; margin-top:15px;}
.location span{ font-size:12px; font-weight:normal;}
.location span a{ font-size:12px; font-weight:normal;}


.proContent{ clear:both; display:block; margin:10px 0px; height: 240px; overflow: hidden;}
.proContent img{ border:0px; height:180px;}
.proContent li{ margin:0px 10px; text-align:center;}
.proContent li span{ clear:both; display:block; background:#51bed3; color:#FFF; font-size:14px;}
.proContent li span a{ color:#FFF;}



.indexC{ clear:both; display:block; background:#FFF; margin-bottom:15px; }

.indexContent{ clear:both; margin:10px 0px;}


/* left style */
.left{ float:left; width:280px; background:#FFF; }
.leftTit{ clear:both; height:36px; line-height:36px; background:#d7d3d2 URL(../images/leftIcon.jpg) 10px 50% no-repeat; font-size:16px; font-weight:bold; color:#5db9d2; text-indent:3em;}
.list{ clear:both; display:block; background:#d7d3d2;}
.list li{ clear:both; display:block; height:42px; line-height:42px; background:URL(../images/leftList.jpg) left top no-repeat; text-indent:7em;}

.subList{ clear:both; display:block; background:#FFF;}
.subList li{ clear:both; display:block; height:42px; line-height:42px; background:URL(../images/subList.jpg) left top no-repeat; text-indent:7em;}


.productsPic{ clear:both; display:block; margin:20px 0px; text-align:center;}
.productsPic img{ border:0px; max-width:550px;}


.leftContactTit{ clear:both; display:block; height:61px; line-height:61px; background:#FFF URL(../images/contactTitle.jpg) 20px top no-repeat; text-indent:4em; font-size:14px; color:#FFF;}
.leftContactTit span{ margin-left:10px;}
.contactContent{ clear:both; display:block; background:#FFF URL(../images/contactBg.jpg) right 50% no-repeat; padding:20px;}

.leftContact{ clear:both; display:block; background:#5db9d2; color:#FFF; text-align:center;}
.leftContact div{ clear:both; display:block; height:35px; line-height:35px;}
.leftContact div span{ clear:both; display:block; margin:0px 30px; border:3px solid #FFF; font-size:18px; font-weight:bold;}


/* index right */
.newsLeft{ float:left; display:block; width:350px;}
.newsRight{ float:right; display:block; width:350px;}



/* index about */
.indexAbout{ float:left; display:block; width:720px;}
.indexAboutText{ clear:both; display:block; margin:10px;}


.right{ float:right; width:710px; background:#FFF;}
.about_contact{ clear:both; margin-bottom:10px;}
.about{ float:left; width:500px;}
.aboutTit{ clear:both; height:34px; line-height:34px; background:URL(../images/aboutTit.jpg) left top no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; text-indent:1.5em; border:1px solid #ced0cf;}
.aboutTit span{ float:right; margin-right:10px; color:#000; font-weight:normal;}
.aboutTit span img{ border:0px; margin-top:8px;}
.aboutTit span a{ color:#000; font-weight:normal; font-size:12px;}
.aboutContent{ clear:both; padding:7px 10px; border:1px solid #ced0cf; border-top:none; background:#FFF;}

.news{ clear:both;}
.leftNews{ float:left; width:350px;}
.rightNews{ float:right; width:350px;}
.newsTit{ clear:both; height:29px; line-height:29px; background:URL(../images/aboutTit.jpg) left top no-repeat; font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; border:1px solid #ced0cf;}
.newsTit span{ float:right; margin-right:10px;}
.newsTit span img{ border:0px; margin-top:8px;}

.newsContent{ clear:both; padding:10px; background:#FFF;}
.newsContent li{ text-indent:1.5em; background:URL(../images/newsIcon.jpg) left 10px no-repeat; line-height:36px; height:36px; overflow:hidden;}
.newsContent li span{ float:right; }



.pro{ clear:both; border:1px solid #ced0cf; margin-bottom:10px; border:1px solid #ced0cf; background:#FFF;}


/* copy style */
.erweima{ position:fixed; right:0px; top:20px; width:116px; height:281px; background:URL(../images/erweima.png) left top no-repeat;}
.erweima a{ clear:both; display:block; width:116px; height:281px; cursor:pointer;}

.copy{ clear:both; display:block; padding:20px 0px; margin-top:15px; background:#5bb9d2; color:#FFF; font-size:16px;}
.copy a{ color:#FFF; font-size:16px;}
.copyC{ clear:both; display:block; width:1000px; margin:0px auto;}
.copyLogo{ float:left; display:block; width:220px; height:70px;}
.copyText{ float:left; display:block; width:760px; height:70px;}
 
.bottomContent{ clear:both; margin-top:20px; }

.clear{ clear:both;}

.subContentMaring{ margin:0px; padding:0px; clear:both;}


.caseList{ clear:both; display:block;}
.caseList li{ float:left; width:50%; }



.subTit{ clear:both; border-top:1px solid #553c35; background:URL(../images/proTit.jpg) left top repeat-x; height:32px; line-height:32px; font-size:14px; font-weight:bold; text-indent:1em;}
.subTit span{ float:right; font-size:12px; font-weight:normal; color:#ccc; margin-right:15px;}
.subTit span a{ font-size:12px; font-weight:normal; color:#ccc;}
.subContent{ clear:both; padding:10px 15px; }
.subContent h1{ text-align:center;}

.proList{ clear:both;}
.proList ul{ margin:0px; padding:0px;}
.proList li{ float:left; width:163px; display:block; margin:5px 0px;}
.proList li div{
	display:table-cell;
	width:150px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	margin:12px;
	_margin:10px 3px;
	overflow:hidden;
	border:1px solid #ccc;
}
.proList li img{ border:0px; max-width:148px; max-height:118px; _height:120px; vertical-align:middle;}
.proList li span{ clear:both; display:block; text-align:center;}

.equipList{ clear:both;}
.equipList li{ float:left; margin:12px; width:165px; display:block; overflow:hidden;}
.equipList li img{ border:0px; width:165px; border:1px solid #CCC;}
.equipList li span{ clear:both; display:block; text-align:center;}


.newsList{ clear:both;}
.newsList li{ text-indent:2em; background:URL(../images/newsIcon.png) 5px 12px no-repeat; line-height:30px; font-size:14px;}
.newsList li span{ float:right; margin-right:15px; font-size:12px;}

.content2{ clear:both;}
.content2 h1{ clear:both; text-align:center;}
.info{ clear:both; display:block; text-align:center;}

.page{ clear:both;}
.page span{ display:block; float:left; margin-right:15px;}



/* scroll start */
#demo {
overflow:hidden;
width:980px;
margin:0px auto;
padding-bottom:15px;
}

#demo li{
	float:left;
	text-align:center;
}
#indemo {
float: left;
width: 1600%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */


/* scroll start */
#demoThree {
overflow:hidden;
width:980px;
margin:0px auto;
padding-bottom:15px;
}
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{
	float:left;
	text-align:center;
	padding:0px;
}

#indemoThree {
float: left;
width: 1600%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */

/* scroll start */
#demoFour {
overflow:hidden;
width:730px;
height:173px;
margin:0px auto;
}
#demoFour span{ display:block; clear:both; text-align:center;}
#demoFour li{
	float:left;
	margin:5px;
	text-align:center;
	padding:0px;
}
#demoFour img {
	height:140px;
	border:1px solid #999;
}
#indemoFour {
float: left;
width: 3000%;
}
#demoFour1 {
float: left;
}
#demoFour2 {
float: left;
}
/* scroll end */