/* CSS RESET */
*{
	margin: 0;
	padding: 0;
	border: 0;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
body{
	font: normal 14px "Microsoft YaHei" ;
}
img{
	display: block;
}
button{
	outline: none;
}
input,textarea,button{
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #c9caca;
}

.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.hide{
	display: none;
}

.green{
	background: #00a051;
}
.blue{
	background: #128fa3;
}
/* header */
#header{
	width: 1000px;
	height: 70px;
	margin:0 auto;
}
#header img{
	margin:16px 0;
}
#header ul li{
	float:right;
}
#header ul li a{
	display: block;
	height: 70px;
	width: 56px;
	line-height: 70px;
	color: #000;
	margin-left:25px;

}
#header ul li a:hover{
	color: #00a051;
}

#banner{
	width:100%;
	min-width: 1000px;
	height:619px;
	background:url(IMG/banner.jpg) 50% 50% no-repeat;
	/* _background:url(IMG/banner.gif) 50% 50% no-repeat; */
	
}

#mainTop{
	width: 1000px;
	height: auto;
	margin:0 auto;
}

/* 前言部分 */
#mainTop .introduction{
	width:100%;
	height: 234px;
}
#mainTop .introduction .introText{
	width: 432px;
	height: auto;
	margin-top: 25px;
	position: relative;
}
#mainTop .introduction .introText i{
	display:block;
	width: 32px;
	height: 30px;
	background:url(IMG/introIcon.gif) no-repeat;
	background-color: #fff;
	position:absolute;
	top: 0;
	left: 0;
}
#mainTop .introduction .introText h3{
	font-weight: bold;
	font-size: 18px;
	text-indent: 32px;
	line-height: 24px;
	padding-bottom: 4px;
}
#mainTop .introduction .introText .text{
	width: 432px;
	height: 159px;
	border-top: 1px dashed #030303;
	border-bottom: 1px dashed #030303;
}
#mainTop .introduction .introText .text p{
	line-height: 30px;
	color: #333;
	padding: 22px 5px 17px 5px;

}



#mainTop .swzVs{
	width: 1000px;
	height: 467px;
	margin-top: 50px;
}
#mainTop .swzVs .head,#mainTop .swzTrend .head,
#mainTop .swzInvest .head{
	height: 55px;
	text-align: center;
}
#mainTop .swzVs .head h2,#mainTop .swzTrend .head h2,
#mainTop .swzInvest .head h2{
	font-size: 30px;
	line-height: 55px;
}
#mainTop .swzVs .head{
	background:url(IMG/bg01.jpg);
}
#mainTop .swzVs > p{
	line-height: 30px;
	color: #333;
	margin:30px 0 18px 0;
}
#mainTop .swzVs > p a{
	font-weight: bolder;
	color:#00a051;
	text-decoration: underline;

}
#mainTop .swzVs .bgColor{
	height: 300px;
	position: relative;
}
#mainTop .swzVs .bgColor > p{
	width: 500px;
	height: 40px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color:#fff;
}
#mainTop .swzVs .bgColor i{
	display: block;
	width: 80px;	
	height: 40px;
	background:url(IMG/vs.png) no-repeat;
	_background:url(IMG/vs.jpg) no-repeat;
	position: absolute;
	top:0;
	left:462px;
	_left:468px;
}
#mainTop .swzVs .bgColor > div{
	height: 260px;
	border-bottom:1px solid #a0a0a0;
}

#mainTop .swzVs .bgColor .swzAdvantage{
	width: 498px;	
	border-left:1px solid #a0a0a0;
	border-right:1px dashed #a0a0a0;
}
#mainTop .swzVs .bgColor .other{
	width: 499px;
	+*width:499px !important;
	_width:490px;	
	border-right:1px solid #a0a0a0;

}
#mainTop .swzVs .bgColor ul{
	height: 70px;
	margin: 51px 0 29px 0;
}
#mainTop .swzVs .bgColor .swzAdvantage ul{

	margin-left:62px;
	_margin-left: 60px;
	_width:420px;

}
#mainTop .swzVs .bgColor .other ul{
	margin-left:40px;
}

#mainTop .swzVs .bgColor ul li{
	float: left;
	width: 70px;
	height: 70px;
	background:url(IMG/arc.gif) no-repeat;
	line-height: 70px;
	font-size: 18px;
	text-align:center;
	cursor: pointer;
}

#mainTop .swzVs .bgColor .swzAdvantage ul li{	
	margin-right: 33px;
}
#mainTop .swzVs .bgColor .swzAdvantage ul li:last-child{
	_margin: 0;
}
#mainTop .swzVs .bgColor .other ul li{
	margin-right: 17px;
}

#mainTop .swzVs .bgColor .font14{
	font-size: 14px;
	line-height: 20px;
	padding-top:18px;
}
#mainTop .swzVs .bgColor .activeG{
	background:url(IMG/arcGreen.gif) no-repeat;
	color:#fff;
}
#mainTop .swzVs .bgColor .activeB{
	background:url(IMG/arcBlue.gif) no-repeat;
	color:#fff;
}

#mainTop .swzVs .bgColor .swzAdvantage > div{
	width: 377px;
	height: 68px;
	border: 1px solid #00a051;
	margin-left: 62px;
	position: relative;
}
#mainTop .swzVs .bgColor .triangleG{
	position:absolute;
	top:-19px;
	left:26px;
}
#mainTop .swzVs .bgColor .triangleG span{
	float: left;
	width: 0;
	height: 0;
	border: 9px solid #fff;
	_border:none;
	margin-left:85px; 

}
#mainTop .swzVs .bgColor .triangleG span.activSpan{
	border-bottom-color: #00a051;
}
#mainTop .swzVs .bgColor .triangleG span:first-child{
	margin-left: 0;
}
#mainTop .swzVs .bgColor .swzAdvantage p,
#mainTop .swzVs .bgColor .other p{
	line-height: 24px;
	color:#666;
	padding:10px 19px;
}

#mainTop .swzVs .bgColor .other > div{
	width: 416px;
	height: 68px;
	border: 1px solid #128fa3;
	margin-left: 40px;
	position: relative;
}

#mainTop .swzVs .bgColor .other .triangleB{
	position: absolute;
	top:-19px;
	left:25px;
}
#mainTop  .triangleB span{
	float: left;
	width: 0;
	height: 0;
	border:9px solid #fff;
	_border:none;
	margin-left: 70px;

}
#mainTop .swzVs .bgColor .other .triangleB span:first-child{
	margin-left: 0;
}
#mainTop  .triangleB span.actSpanB{
	border-bottom-color: #128fa3;
}

#mainTop .swzTrend{
	width: 1000px;
	margin-top: 50px;
}
#mainTop .swzTrend .head{
	background:url(IMG/bg02.jpg);
}
#mainTop .swzTrend div h3{
	font-size: 18px;
	font-weight: bold;
	padding:40px 0;
}
#mainTop .swzTrend div img[alt="pieChart"]{
	margin-top:10px; 
}
#mainTop .swzTrend div > p{
	width: 340px;
	height: 40px;
	background: #00a051;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin-top:20px;
}
#mainTop .swzTrend .macroControl h3{
	padding: 30px 0 29px 0;
}
#mainTop .swzTrend .macroControl ul{
	height: 162px;
}
#mainTop .swzTrend .macroControl ul li{
	float: left;
	width: 226px;
	height: 162px;
	margin-left: 32px;
	color: #fff;
}
#mainTop .swzTrend .macroControl .li01{
	background: #74b064;
	margin-left: 0;
}
#mainTop .swzTrend .macroControl .li02{
	background: #1ca561;
}
#mainTop .swzTrend .macroControl .li03{
	background: #2698ab;
}
#mainTop .swzTrend .macroControl .li04{
	background: #3b96c0;
}


#mainTop .swzTrend .macroControl ul li h4{
	font-weight: bold;
	text-align:center;
	padding: 24px 0;
}
#mainTop .swzTrend .macroControl ul li p{
	font-size: 12px;
	line-height: 18px;
	padding: 0 16px;
}




#mainTop .swzInvest{
	width: 100%;
	height: 673px;
	margin-top:50px;
}
#mainTop .swzInvest .head{
	background:url(IMG/bg.jpg);
}
#mainTop .swzInvest .cont{
	margin-top: 41px;
	background: #f1f1f1;
}
#mainTop .swzInvest .cont ul{
	width: 515px;
	float: left;
}
#mainTop .swzInvest .cont ul li{
	width: 515px;
	height: 150px;
	position:relative;
}
#mainTop .swzInvest .cont span{
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 52px;
	color: #333;
	position: absolute;
	top:10px;
	left: 25px;
} 
#mainTop .swzInvest .cont p{
	width: 326px;
	height: 120px;
	line-height: 24px;
	color: #666;
	padding: 15px 0;
	margin-left:105px;
}
#mainTop .swzInvest .cont p strong{
	color: #333;
}


#mainTop .swzInvest .cont .selected{
	background:url(IMG/bgselect.jpg);
}
#mainTop .swzInvest .cont span.selectedSpan{
	color: #00a051;
}


#mainTop .swzInvest .cont > div{
	width: 460px;
	height: 560px;
	margin-top: 19px;
}
#mainTop .swzInvest .cont > div img{
	margin-bottom: 13px;
}


.whatDo{
	width: 100%;
	min-width: 1000px;
	height: 300px;
	margin-top:73px;
	background:url(IMG/whatDoBg.jpg);
	
}
.whatDo .main {
	width: 1000px;
	height: 300px;
	margin:0 auto;
	position: relative;
}
.whatDo span{
	display: inline-block;
	width: 132px;
	height: 142px;
	border: 4px solid #fff;
	margin-top: 75px;
	margin-left: 77px;
}

.whatDo .main div{
	width: 290px;
	height: 80px;
	background: #0e9e58;
	text-align: center;
	color:#fff;
	position: absolute;
	top:110px;
	left:0;
}
.whatDo .main div h2{
	font-weight:bold;
	font-size: 36px;
	padding:5px 0;

}
.whatDo .main > p{
	width: 640px;
	height: 80px;
	line-height: 30px;
	color:#fff;
	margin-top:110px;
	+*margin-top:-110px;
}

#mainBtm{
	width: 1000px;
	margin:0 auto;
}
#mainBtm .whyBuy{
	margin: 50px 0;
}
#mainBtm .whyBuy .head{
	height: 55px;
	background:url(IMG/bg03.jpg);

	text-align: center;
	margin-bottom: 30px;
}
#mainBtm .whyBuy .head h2{
	font-size: 30px;
	line-height: 55px;
}
#mainBtm .whyBuy .part1 > p,
#mainBtm .whyBuy .part2 > p
{
	font-weight: bold;
	font-size: 20px;
	color: #000;
}
#mainBtm .whyBuy .part1 > p > span,
#mainBtm .whyBuy .part2 > p > span{
	display: inline-block;
	width: 70px;
	height: 28px;
	background: #00a051;
	color: #fff;
	text-align: center;
	margin-right: 15px;

}
#mainBtm .whyBuy .part1Con{
	height: 426px;
	margin-top: 40px;
	background:url(IMG/part1Bg.png);
	position: relative;
}
#mainBtm .whyBuy .part1Con img{
	position: absolute;
	top:0;
	left:286px;
}
#mainBtm .whyBuy .leftTop{
	width: 228px;
	height: 110px;
	color:#fff;
	text-align: left;
	position: absolute;
	top:14px;
	left:17px;

}
#mainBtm .whyBuy .leftTop h4,
#mainBtm .whyBuy .rightBtm h4{
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 4px;
}
#mainBtm .whyBuy .leftTop p,
#mainBtm .whyBuy .rightBtm p{
	font-size: 12px;
	line-height: 18px;
}

#mainBtm .whyBuy .rightTop{
	width: 256px;
	height: 210px;
	text-align: left;
	position: absolute;
	top:14px;
	right: 0;
}
#mainBtm .whyBuy .rightTop h4,
#mainBtm .whyBuy .leftBtm h4{
	color: #333;
	font-weight: bolder;
	line-height: 30px;
	font-size: 16px;
	padding-bottom:5px;
}
#mainBtm .whyBuy .rightTop p,
#mainBtm .whyBuy .leftBtm p{
	color:#666;
	line-height: 24px;
}
#mainBtm .whyBuy .leftBtm{
	width: 256px;
	height: 210px;
	text-align: left;
	position: absolute;
	bottom: 10px;
	left:0;
}
#mainBtm .whyBuy .rightBtm{
	width: 228px;
	height: 110px;
	color:#fff;
	text-align: left;
	position: absolute;
	bottom:10px;
	right:16px;
}

#mainBtm .whyBuy .part2{
	margin-top: 60px;
}
#mainBtm .whyBuy .part2 .part2Txt{
	color: #666;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	padding: 30px 0 40px 0;
}
#mainBtm .whyBuy .portA h3,
#mainBtm .whyBuy .portB h3
{
	font-weight: bold;
	font-size: 18px;
	color: #221815;
}
#mainBtm .whyBuy .portA h3 span,
#mainBtm .whyBuy .portB h3 span
{
	color: #00a051;
}
#mainBtm .whyBuy .portA > ul{
	width: 400px;
	height: 32px;
	margin:28px 0 20px 0;
}
#mainBtm .whyBuy .portA > ul li{
	float: left;
	width: 198px;
	height: 30px;
	border: 1px solid #c9c9c9;
	color: #333;
	line-height: 30px;
	text-align: center;
}

#mainBtm .whyBuy .portA > ul li.active{
	color: #fff;
	border-color: #00a051;
	background: #00a051;
}
#mainBtm .whyBuy .portA .swzboiler,
#mainBtm .whyBuy .portA .swzxhboiler{
	width: 1000px;
	height: 437px;
}
#mainBtm .whyBuy .portA .text{
	width: 403px;
	height: 435px;
	margin:0 20px;
	border: 1px solid #c9c9c9;

}
#mainBtm .whyBuy .portA .text h2{
	font-size: 24px;
	color: #333;
	padding: 30px 0 27px 0;
	text-align: center;
}
#mainBtm .whyBuy .portA .text .line{
	width: 360px;
	text-align: left;
	margin:0 auto;
	border-top:1px solid #c9c9c9 ;
	padding-top: 28px;
}
#mainBtm .whyBuy .portA .line p{
	
	line-height: 24px;
	color: #333;
	padding:9px 0;
	margin:0 auto;
	
}
#mainBtm .whyBuy .portA .line p span{
	color: #00a051;
}
#mainBtm .whyBuy .portA .imgThree{
	width: 205px;
}
#mainBtm .whyBuy .portA img[alt="right02"]{
	margin:8px 0;
}




#mainBtm .whyBuy .portB{
	height: 829px;
	margin-top:50px;
}
#mainBtm .whyBuy .project{
	width: 1000px;
	margin-top:30px;
	height: 336px;
	overflow: hidden;
	/* 兼容IE6-7的写法 */
	_position: relative;
	+*position: relative;
}
#mainBtm .whyBuy .projectImg{
	width: 310px;
	height: 336px;
}
#mainBtm .whyBuy .projectImg p{
	height: 32px;
	text-align:center;
	line-height: 32px;
	color: #fff;
	font-size: 16px;
	background: #00a051;
}
#mainBtm .whyBuy .project .projectCon{
	width: 818px;
	height: 282px;
	background: #f7f8f8;
	margin-left:182px;
	margin-top:34px;
	padding-top: 25px;
	/* 兼容IE6-7的写法 */
	_width: 638px;
	_position: absolute;
	_right:0;
	_bottom:0;
	_background:transparent;
	+*width: 638px;
	+*position: absolute;
	+*right:0;
	+*bottom:0;
	+*background:transparent;

}
#mainBtm .whyBuy .project .projectCon p{
	width: 620px;
	padding-left: 168px;
	line-height: 26px;
	color:#666;
}
#mainBtm .whyBuy .project .projectCon p strong{
	color: #333;
}
#mainBtm .whyBuy .project .projectHead{
		width:610px;
		margin-left: 350px;
	}
#mainBtm .whyBuy .project .projectHead .line_01{
		padding:0 20px 0;
		margin:20px 0 0;
		_margin:20px 0;
		+*margin:20px 0;
		line-height:1px;  /* line-height为1px 撑起div的高度 */
		border-left:235px solid #666;
		border-right:235px solid #666;
		text-align:center;
		font-size: 18px;
		color: #333;
	}

#mainBtm .whyBuy .proTab{
	width: 1000px;
	height: 394px;
	margin-top: 50px;
}
#mainBtm .proTab > ul{
	float: left;
	padding-top: 1px;
	+*padding-top: 0;
}
#mainBtm .proTab > ul li{
	display: block;
	width: 43px;
	height: 130px;
	border: 1px solid #666;
	margin-top:-1px;
	+*margin: 0;
	
	cursor: pointer;
}
#mainBtm .proTab > ul li span{
	display: block;
	width: 18px;
	font-size: 18px;
	line-height: 18px;
	margin:29px auto;
}
#mainBtm .proTab > ul .check{
	background: #00a051;
	border-color:#00a051;
	color: #fff;
	z-index: 1;
}

#mainBtm .proTab .proVal{
	width: 954px;
	height: 392px;
	border: 1px solid #666;
	border-left: none;
	position: relative;
}
#mainBtm .proVal ul{
	overflow: hidden;
	position: absolute;
	top:55px;
	left:0;
}
#mainBtm .proVal ul li{
	width: 0;
	height: 0;
	display: block;
	border: 7px solid #fff;
	_border:0;
}
#mainBtm .proVal ul li.two{
	margin: 120px 0;
	*margin:100px 0;
}
#mainBtm .proVal ul .checkli{
	border-left-color: #00a051;
}
#mainBtm .proTab .proTxt{
	width: 800px;
	height: 350px;
	margin:21px auto;
}
#mainBtm .proTab .proTxt img{
	float: left;
	margin-bottom: 20px;
}
#mainBtm .proTab  .imgMid{
	margin:0 22px;
}
#mainBtm .proTab .proTxt p{
	color: #666;
	line-height: 30px;
	padding: 2px 0;
}
#mainBtm .proTab .proTxt p span{
	color:#00a051;
}






#mainBtm .create .head{
	height: 55px;
	background:url(IMG/bg06.jpg);
	text-align: center;
	margin-bottom: 30px;
}
#mainBtm .create .head h2{
	font-size: 30px;
	line-height: 55px;
}
#mainBtm .create > p,
#mainBtm .yourNeed > p
{
	line-height: 24px;
	color: #333;
	text-indent:28px;
}
#mainBtm .create img{
	margin-top: 30px;
	margin-left: 58px;
}

#mainBtm .example{
	margin-top: 40px;
}
#mainBtm .example .head{
	height: 55px;
	background:url(IMG/bg07.jpg);
	text-align: center;
	margin-bottom: 39px;
}
#mainBtm .example .head h2{
	font-size: 30px;
	line-height: 55px;
}
#mainBtm .example .expTab{
	height: 240px;
	background: #f7f7f5;
	overflow: hidden;
	position: relative;
}
#mainBtm .expTab .scroll{
	display: block;
	width: 860px;
	height: 216px;
	overflow: hidden;
	position: relative;
	margin:20px auto;
}
#mainBtm .expTab .scroll .scrollbox{
	float: left;
	position: absolute;
	left:0;
	top:0;
	width: 100000px;
}
.scrollbox ul{
	float: left;
	display: block;
}
.scrollbox ul li{
	display: block;
	float: left;
	width: 295px;
	height: 216px;
	background:url(IMG/tabBg.png) no-repeat;

}
.scrollbox ul li > a{
	float: left;
	width: 270px;
	height: 180px;
	position: relative;
	overflow: hidden;
	
}
.scrollbox ul li > a p{
	display: block;
	width: 270px;
	height: 30px;
	background: #00a051;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;

}
 .mask{
	width: 270px;
	height: 180px;
	position: absolute;
	top:180px;
	left:0;
	background: #00a051;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index: 10;
}
.mask h4{
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	margin-top: 45px;

}
.mask > span{
	display: block;
	width: 76px;
	height: 22px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	margin:15px auto;
}

.scrollbox ul li > a:hover p{
	display: none;
}
.scrollbox ul li > a:hover .mask{
	top:0;
}
#mainBtm .example i{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}
#mainBtm .example i:hover{
	color: #00a051;
	cursor: pointer;
}
#mainBtm .expTab .prev{
	position: absolute;
	display: block;
	top:85px;
	left:10px;
}
#mainBtm .expTab .next{
	position: absolute;
	display: block;
	top:85px;
	right:10px;
}




#mainBtm .yourNeed {
	margin-top: 50px;
	height: 469px;
}
#mainBtm .yourNeed .head{
	height: 55px;
	background:url(IMG/bg08.jpg);
	text-align: center;
	margin-bottom: 40px;
}
#mainBtm .yourNeed .head h2{
	font-size: 30px;
	line-height: 55px;
}
#mainBtm  .yourInfo{
	margin-top: 24px;
	color: #333;
}
#mainBtm  .yourInfo input{
	width: 587px;
	height: 23px;
	border: 1px solid #c9c9c9;
	margin-bottom:12px;
	margin-left: 4px;
	text-indent: 5px;
}
#mainBtm  .yourInfo span{
	display: block;
	float: left;
}
#mainBtm  .yourInfo textarea{
	width: 587px;
	height: 143px;
	border: 1px solid #c9c9c9;
	margin-left: 4px;
	margin-bottom:14px;
	resize: none;
	overflow: hidden;
	color:#c9caca;
	padding-left: 5px;
	padding-top: 5px;
}
#mainBtm  .yourInfo button{
	width: 80px;
	height: 30px;
	background: #a0a0a0;
	color: #fff;
	cursor: pointer;
}
#mainBtm  .yourInfo .submit{
	background: #00a051;
	margin-left: 283px;
	margin-right: 15px;
}


#mainBtm  .yourNeed img{
	float: right;
	margin-top: 88px;
	margin-right: 44px;
}


#footer{
	width: 100%;
	min-width: 1000px;
	height: 60px;
	margin-top: 60px;
	background: #344046;
	color: both;
}
#footer .footCon{
	width: 1000px;
	height: 100%;
	margin:0 auto;
	font-size: 13px;
	color: #fff;
	line-height: 60px;
}