@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	border: none;
}
body{
	font:normal 14px "Microsoft YaHei";
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
}
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;
}

.color3{
	color: #333;
}

.color6{
	color: #666;
}

#header{
	width: 100%;
	min-width: 1000px;
	height: 50px;
	background-color:rgba(8,43,127,0.7);
	.filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2082b7f,endColorstr=#B2082b7f); 
	_background-color:#526aa5;
	position: absolute;
	top:0;
	left:0;
}

.header{
	width: 1000px;
	height: 100%;
	margin:0 auto;
	position: relative;
	z-index: 100;
}
.header img{
	margin:8px 0;
}
.header ul{
	display: block;
	float: left;
	height: 50px;
	margin-left: 212px;
	_margin-left:157px;

}
.header ul li{
	float: left;
	width: 56px;
	margin-left:25px;
}
/* .header ul li:first-child{
	_margin-left:0;
} */
.header > ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #5184d3;
	_color:#fff;
}
.header > ul li a:hover{
	color: #fff;
}
.header .tel{
	height: 26px;
	width: 190px;
	float: right;
	background:url(images/telIcon.jpg) no-repeat;
	line-height: 26px;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	margin:12px 0;
	text-indent: 40px;
}

#banner{
	width: 100%;
	min-width: 1000px;
	height:730px;
	background:url(images/banner.jpg) 50% 50% no-repeat;
}


.analysis .head{
	width: 306px;
	height: 62px;
	margin:50px auto;
/*	overflow: hidden;*/
}
.analysis .headTit{
	height: 51px;
	width: 254px;
	border-bottom:4px solid #465380;
	line-height: 51px;
	text-align: center;
	position: relative;
	margin-top: 7px;
}
 .headTit h2{
	color: #465380;
	font-size: 32px;
}
.analysis .headTit:after{
	content: "ANALYSIS";
	display: block;
	width: 255px;
	height: 36px;
	font-size: 18px;
	color: #aeb1c0;
	text-align: center;
	line-height: 36px;
	position: absolute;
	top:55px;
	left:0;
}

.analysis .mainConBg{
	width: 100%;
	min-width: 1000px;
	height: 586px;
	background: #f4f5f9;
	overflow: hidden;
}

.analysis .mainCon{
	width: 1000px;
	height: 515px;
	margin:41px auto 30px;
}

.mainCon .content{
	width: 479px;
	height: 513px;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px dashed #000;
	position: relative;
}
.mainCon .content hr{
	border-top: 1px dashed #000;
	margin:3px 0;
}
.mainCon .content > span{
	display: block;
	width: 130px;
	height: 24px;
	+*height: 30px;
	text-align: center;
	font-size: 24px;
	background: #f4f5f9;
	position: absolute;
	top:-16px;
	left:50%;
	margin-left: -65px;

}

.mainCon .content > p{
	text-align: center;
	margin:27px auto 35px;
}
.mainCon .content .QandA{
	width: 432px;
	height: 403px;
	border-right: 1px solid #000;
	margin:0 auto;
	overflow: hidden;
}
.mainCon .content .QandA h4{
	margin-bottom: 13px;

}
.mainCon .content .QandA h4 span{
	display:block;
	float: left;
	width: 26px;
	height: 21px;
	background: #465380;
	color: #fff;
	line-height: 21px;
	text-align: center;
}
.mainCon .content .QandA strong{
	float: left;
	color: #666;
}
.mainCon .content .QandA p{
	width: 360px;
	margin:0 auto 10px;
	line-height: 22px;
	text-align: justify-all;
}


.disadvantages {
	width: 1000px;
	margin:0 auto;
}
.disadvantages .head{
	width: 367px;
	height: 60px;
	margin:50px auto 72px;
	position: relative;
}
.disadvantages .head > img{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}
.disadvantages .headTit{
	width: 325px;
	height: 51px;
	line-height: 51px;
	border-bottom:4px solid #465380;
	text-align: center;
	position: relative;
	margin-top: 5px;
}
.disadvantages .headTit:after{
	content: "DISADVANTAGES";
	display: block;
	width: 325px;
	height: 36px;
	font-size: 18px;
	color: #aeb1c0;
	text-align: center;
	line-height: 36px;
	position: absolute;
	top:55px;
	left:0;
}

.disadvantages .disa01Top{
	height: 238px;
	background:url(images/bg.jpg) repeat-x;
	margin-bottom: 15px;
}
.disadvantages .disa01Top .tag1,
.disadvantages .disa02 .tag2{
	width: 378px;
	color: #333;
}
.disa01Top .tag1 h3,
.disa02 .tag2 h3{
	width: 232px;
	height: 63px;
	font-size: 24px;
	line-height: 64px;
	border-bottom: 1px dashed #eebb46;
	margin:10px 0 20px 63px;
}
.disa01Top .tag1 > p,
.disa02 .tag2 > p{
	line-height: 24px;
	padding:40px 36px 20px 30px;

}
.disa01Top .demand01{
	width: 207px;
	height: 238px;
	background: #fff;
	position: relative;
}
.disa01Top .demand01:before{
	content: "政策限制1";
	display: block;
	width: 88px;
	height: 28px;
	background: #fff701;
	color: #333;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top:0;
	left:-88px;
}
.disa01Top .demand01 > span{
	display: block;
	width: 207px;
	height: 28px;
	line-height: 28px;
	background: #465380;
	color: #fff;
}

.disa01Top .demand01 p{
	line-height: 24px;
	color: #666;
	padding: 18px 0 0 22px;
}



.disa01Btm{
	height: 405px;
}

.disa01Btm .ZC02 {
	width: 622px;
	height: 245px;
}
.disa01Btm .ZC02 .demand02:before{
	content: "政策限制2";
	display: block;
	width: 88px;
	height: 28px;
	background: #fff701;
	color: #333;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top:0;
	left:-88px;
}
.disa01Btm .ZC02 .demand02{
	width: 207px;
	height: 245px;
	position: relative;
}

.disa01Btm .ZC02 span{
	display: inline-block;
	width: 207px;
	height: 53px;
	vertical-align: middle;
	text-align: center; 
	color: #fff;
	background: #465380;
	line-height: 24px;
	padding-top: 6px;
}
.disa01Btm .ZC02 p{
	color: #666;
	line-height: 24px;
	padding:18px 0 0 24px;
}


.disa01Btm .demand03:before{
	content: "政策限制3";
	display: block;
	width: 88px;
	height: 28px;
	background: #fff701;
	color: #333;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top:0;
	left:-88px;
}
.disa01Btm .demand03{
	width: 637px;
	margin-top: 17px;
	position: relative;
}

.disa01Btm .demand03 span{
	display: block;
	width: 382px;
	height: 28px;	
	background: #465380;
	color:#fff;
	text-align: center;
	line-height: 28px;
	margin-bottom:12px;
}
.disa01Btm .demand03 p{
	line-height: 24px;
	color: #666;
	padding:5px 0 0 15px;
}



.disa02{
	height: 307px;
	margin-top: 41px;
	background:url(images/bg01.jpg) repeat-x;
	position: relative;
}

.disa02 .tag2 span{
	display:block;
	width: 94px;
	height: 26px;
	background: #465380;
	color: #fff;
	line-height: 26px;
	text-align: center;
	margin-bottom:13px;
	margin-left: 30px;
}

.disa02 > img{
	position: absolute;
	bottom: 25px;
	right: 34px;
}
.disadvantages > p{
	line-height: 24px;
	color: #333;
	padding-top:37px;
}



.product .head{
	width: 812px;
	height: 50px;
	margin:47px auto 72px;
}

.product .head > img{
	margin-top:8px;
}
.product .headTit{
	width: 762px;
	height: 50px;
	line-height: 50px;
	border-bottom: 4px solid #465380;
	text-align: center;
	position: relative;
}
.product .headTit:after{
	content: "EXCELLENT PRODUCTD";
	display: block;
	width: 762px;
	height: 36px;
	font-size: 18px;
	color: #aeb1c0;
	text-align: center;
	line-height: 36px;
	position: absolute;
	top:55px;
	left:0;
}


.product .proOne{
	width: 1000px;
	margin:0 auto;

}
.product .proOne > h3{
	font-size: 24px;
	color: #333;
	padding-left:50px;
	_padding-left:0; 
	margin-bottom: 25px;
	position: relative;
}
.product .proOne > h3 > span{
	font-family: "Times New Roman";
	font-size: 48px;
	font-weight:bold;
	position: absolute;
	_position: static;
	left:0;
	bottom: -10px;
	color: #465380;
}

.product .proOne .tab{
	width: 998px;
	height: 273px;
	border: 1px solid #a0a0a0;
}
.product .proOne ul{
	display: block;
	float: left;
}
.product .proOne ul > li{
	display: block;
	width: 250px;
	height: 136px;
	border: 1px solid #a0a0a0;
	margin: -1px 0 0 -1px;
	color:#666;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 136px;
	position: relative;
	cursor: pointer;
}
.product .proOne ul li > span{
	display: block;
	width: 0;
	height: 0;
	border: 18px solid #fff;
	_border:none;
	position: absolute;
	top:50px;
	right:-37px;
}

.product .proOne ul > li.active{
	background: #465380;
	border-right-color:#465380 ;
	color:#fff;
}
.product .proOne ul > li .activeSpan{
	border-left-color:#465380;
	_border_left_color:#fff;
}

.proOne .tabCont{
	width: 300px;
	margin:0 53px 0 49px;

}
.proOne .tabCont h4{
	font-size: 18px;
	color: #333;
	text-align: center;
	padding:20px 0;
	font-weight: normal;
}
.proOne .tabCont p{
	line-height: 24px;
	color: #666;

}
.proOne .tab > img{
	margin-top: 38px;
	margin-right: 20px;
}




.proTwoBg{
	width: 100%;
	min-width: 1000px;
	height: 552px;
	border-top: 1px solid #c9c9c9;
	background:#f4f5f9;
	margin-top: 70px;
}
.proTwo{
	width: 1000px;
	margin:0 auto;
}
.proTwo h3{
	width: 100px;
	background: #fff;
	font-size: 24px;
	color: #333;
	margin-left:0;
	padding-left: 68px;
	margin-top: -31px;
	position: relative;
}
.proTwo h3 span{
	color: #465380;
	font-family: "Times New Roman";
	font-size: 48px;
	font-weight:bold;
	position: absolute;
	left:0;
	bottom: -10px;
	
}
.proTwo > img{
	margin-left:20px;
	margin-top: 54px;
}
.proTwo .show{
	width: 650px;
	margin-top: 31px;
}
.proTwo .show img{
	margin-bottom: 19px;
}
.proTwo .show .img02{
	margin:32px 0 ;
}
.proTwo .show > p{
	clear: both;
	width: 604px;
	height: 92px;
	border: 1px solid #c9caca;
	color: #666;
	line-height: 24px;
	padding: 14px 22px;
}


.product .proThree{
	width: 1000px;
	margin:0 auto;
}
.product .proThree h3{
	font-size: 24px;
	color: #333;
	padding-left:60px;
	_padding-left:0;
	margin-top: 30px;
	margin-bottom: 35px;
	position: relative;
}
.product .proThree h3 span{
	font-family: "Times New Roman";
	font-size: 48px;
	font-weight:bold;
	position: absolute;
	_position:static;
	-margin-right: 15px;
	left:0;
	bottom: -8px;
	color: #465380;
}
.proThree .outline .imgShow{
	height: 181px;
	border-bottom: 1px solid #c9c9c9;
}
.proThree .outline ul li{
	float: left;
	margin-right: 14px;
}
.proThree .outline ul li:last-child{
	margin-right: 0;
}
.cont li{
	width: 155px;
	height: 270px;
	position: relative;
	cursor: pointer;
}
.cont li span{
	display: block;
	width: 12px;
	height: 12px;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #465380;
	position: absolute;
	top:-6px;
	left:72px;
}
.cont li i{
	display: block;
	width: 4px;
	height: 4px;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top:-2px;
	left:76px;

}
.cont li h5{
	font-weight: normal;
	font-size: 16px;
	color: #333;
	text-align: center;
	padding: 24px 0;
}
.cont li p{
	color:#666;
	font-size: 12px;
	line-height: 18px;
	padding: 0 15px;
}
.project{
	width: 1000px;
	margin:0 auto;
}
.project .head{
	width: 589px;
	height: 50px;
	margin:0 auto 72px;
}

.project .head > img{
	margin-top:11px;
}
.project .headTit{
	width: 539px;
	height: 50px;
	line-height: 50px;
	border-bottom: 4px solid #465380;
	text-align: center;
	position: relative;
}
.project .headTit:after{
	content: "PROJECT";
	display: block;
	width: 539px;
	height: 36px;
	font-size: 18px;
	color: #aeb1c0;
	text-align: center;
	line-height: 36px;
	position: absolute;
	top:55px;
	left:0;
}
.project .record{
	width: 976px;
	height: 1850px;
	border-left: 6px solid #a8b0cd;
	margin-left:18px;
}
.record01{
	height: 313px;
	background:url(images/bg02.jpg) repeat-x;
	position: relative;
}
.record h3{
	height: 40px;
	color: #333;
	font-size: 24px;
	line-height: 40px;
	border-bottom: 1px dashed #eebb46;
	padding-right: 50px;
	margin-left: 40px;
}
.record01 h3{
	width: 96px;
	position: relative;
}
.record01 h3:before{
	content: "1";
	font-size: 24px;
	line-height: 42px;
	color:#333;
	display: block;
	width: 47px;
	height: 42px;
	background:url(images/bg04.jpg);
	text-indent: 14px;
	position: absolute;
	top:0;
	left:-64px;
}
.record01 p{
	width: 324px;
	margin:50px 48px 0 40px ;
	line-height: 24px;
	color: #666;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}
.record01 img{
	position: absolute;
	top:14px;
	right: 30px;
}

.record02{
	height: 386px;
	/* overflow: hidden; */
}
.record02 h3{
	width: 96px;
	margin-top: 20px;
	position: relative;
}
.record02 h3:before{
	content: "2";
	font-size: 24px;
	line-height: 42px;
	color:#333;
	display: block;
	width: 47px;
	height: 42px;
	background:url(images/bg04.jpg);
	text-indent: 14px;
	position: absolute;
	top:0;
	left:-64px;
	z-index: 200;
}
.record02 img{
	margin-top: 21px;
	margin-left: 39px;
	_margin-left:20px;
}
.record02 h4{
	float: right;
	width: 375px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	color:#333;
	font-weight: normal;
	text-align: center;
	margin-top: 43px;
}
.record02 div{
	float: right;
	width: 325px;
	height: 112px;
	border: 1px solid #c9c9c9;
	margin-top: 30px;
	padding: 13px 20px;
}
.record02 div p{
	font-size: 18px;
	line-height: 36px;
	color: #221815;
}
.record02 div p span{
	color:#eebb46;
}
.record03 h3{
	width: 96px;
/* 	margin-top: 22px; */
	position: relative;
}
.record03 h3:before{
	content: "3";
	font-size: 24px;
	line-height: 42px;
	color:#333;
	display: block;
	width: 47px;
	height: 42px;
	background:url(images/bg04.jpg);
	text-indent: 14px;
	position: absolute;
	top:0;
	left:-64px;
	z-index: 200;
}
.record03 .advantages{
	width: 937px;
	height: 528px;
	background:url(images/bg03.jpg) repeat;
	margin-left:39px;
}
.advantages > p{
	color: #666;
	line-height: 24px;
	padding:24px 0 0 6px;
}
.wrapper{
			width: 690px;
			height: 351px;
			position: relative;
			margin:63px 0 0 124px;
		}
		.demo1{
			position: absolute;
			left:0;
			top: 50px;
		}
		.demo2{
			position: absolute;
			left:87px;
			top:201px;
		}
		.demo3{
			position: absolute;
			top:201px;
			left:260px;
		}
		.demo4{
			position: absolute;
			top:201px;
			left:432px;
		}
		.demo5{
			position: absolute;
			top:50px;
			right: 0px;
		}
		.con{
			width: 170px;
			height: 100px;
			background-color:#7b84a1;
			position: relative;
			zoom:1;
		}
		.con span{
			display: block;
			width: 0;
			height:0;
			position: absolute;
			left:0;
			top:-50px;
			_top:-69px;
			border-left: 85px solid transparent;
			_border-left:85px dotted #fff ;
			border-right: 85px solid transparent;
			_border-right:85px dotted #fff ;
			border-bottom: 50px solid #7b84a1;
		}
		.con i{
			display: block;
			width:0;
			height: 0;
			position: absolute;
			left:0;
			bottom: -50px;
			_bottom:-69px;
			border-left: 85px solid transparent;
			_border-left:85px dotted #fff ;
			border-right: 85px solid transparent;
			border-top: 50px solid #7b84a1;
			_border-right:85px dotted #fff ;
		}
		.con > p{
			width: 120px;
			font-weight: lighter;
			font-size: 18px;
			line-height: 30px;
			margin:0 auto;
			padding-top:10px;
			color: #fff;
		}
		.demo5 .con p{
			width: 134px;
		}
		.con:hover{
			background: #eebb46;
		}
		.con:hover span{
			border-bottom-color: #eebb46;
		}
		.con:hover i{
			border-top-color: #eebb46;
		}
		.con:hover p{
			color: #333;
		}

.wrapper .wrapCon{
	width: 288px;
	color:#666;
	line-height: 24px;
	position: absolute;
	top:-35px;
	left:50%;
	margin-left:-144px;
	text-align: justify;
	text-justify:inter-ideograph;
}
.record04 h3{
	width: 385px;
	margin-top: 14px;
	position: relative;
}
.record04 h3:before{
	content: "4";
	font-size: 24px;
	line-height: 42px;
	color:#333;
	display: block;
	width: 47px;
	height: 42px;
	background:url(images/bg04.jpg);
	text-indent: 14px;
	position: absolute;
	top:0;
	left:-64px;
	z-index: 200;
}
.record04 ul{
	display: block;
	height: 34px;
	margin-left: 39px;
	margin-top: 42px;
	margin-bottom: 29px;
}
.record04 ul li{
	float: left;
	width: 120px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #465380;
	margin-right:10px;
	color: #465380;
	text-align: center;
	font-size: 18px;
	cursor: pointer;

}
.record04 ul li.select{
	background: #465380;
	color: #fff;
}
.Value{
	height: 394px;
	margin-left: 39px;
	position: relative;
}
.Value div{
	width: 319px;
	height: 191px;
	margin-top: 11px;
	background:url(images/bg06.gif);
	cursor: pointer;
}
.Value div.actived{
	background: url(images/bg06act.gif);
}

.Value img{
	position: absolute;
	top:43px;
	left:319px;
}
.Value div span{
	display: block;
	width: 259px;
	height: 29px;
	line-height: 29px;
	margin:2px auto;
	text-align: center;
	color: #fff;
}
.Value div p{
	width: 266px;
	font-size: 12px;
	line-height: 18px;
	color:#666;
	margin:12px 23px;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}











.summary{
	width: 1000px;
	height: 142px;
	margin:65px auto;
	position: relative;
}
.summary span{
	width: 182px;
	height: 51px;
	background: #465380;
	text-align: center;
	line-height: 51px;
	color:#fff;
	font-size: 32px;
	font-weight: bold;
	position: absolute;
	left:0;
	top:52px;
	z-index: 9999;
}
.sumBorder{
	width: 858px;
	height: 127px;
	border: 1px solid #dcdcdc;
	border-top-width: 2px;
	position: absolute;
	top:0;
	right: 0;
	z-index: 100;
}
.sumBorder p{
	color:#666;
	line-height: 24px;
	padding: 38px 32px 17px 66px;

}
.summary .sumCont{
	width: 866px;
	height: 127px;
	background: #eee;
	position: absolute;
	top:15px;
	left:113px;
	z-index: 1;
}



.contactUs{
	width: 1000px;
	height: 550px;
	margin:0 auto;
}
.contactUs  .head{
	width: 236px;
	height: 50px;
	margin:0 auto 55px;
}

.contactUs .head > img{
	margin-top:8px;
}
.contactUs .headTit{
	width: 186px;
	height: 50px;
	line-height: 50px;
	border-bottom: 4px solid #465380;
	text-align: center;
	position: relative;
}
.contactUs .headTit:after{
	content: "CONTACT US";
	display: block;
	width: 186px;
	height: 36px;
	font-size: 18px;
	color: #aeb1c0;
	text-align: center;
	line-height: 36px;
	position: absolute;
	top:55px;
	left:0;
}
.contactUs p{
	line-height: 30px;
	color: #666;
	text-indent:28px;
}
.contactUs .yourInfo{
	margin-top: 24px;
	color: #666;
}
.yourInfo input{
	width: 587px;
	height: 23px;
	border: 1px solid #c9c9c9;
	margin-bottom:12px;
	margin-left: 4px;
	text-indent: 5px;
}
.yourInfo span{
	display: block;
	float: left;
}
.yourInfo textarea{
	width: 582px;
	height: 143px;
	border: 1px solid #c9c9c9;
	margin-left: 4px;
	margin-bottom:14px;
	resize: none;
	overflow: hidden;
	color:#c9caca;
	padding-left: 5px;
	padding-top: 5px;
}
.yourInfo button{
	width: 80px;
	height: 30px;
	background: #a0a0a0;
	color: #fff;
	cursor: pointer;
}
 .yourInfo .submit{
	background: #eebb46;
	margin-left: 283px;
	margin-right: 15px;
}
.contactUs img[alt="weChat"] {
	float: right;
	margin-top: 35px;
	margin-right: 42px;
}
.contactUs .telphone{
	width: 250px;
	color: #666;
	font-weight: bold;
	margin-top: 35px;
}
.contactUs .telphone span{
	color: #eebb46;
	font-size: 18px;

}



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