@charset "utf-8";
* {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	position: relative;
}
.clear {
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div, ul, dl, dd, dt, li, td, tr, table, p, span, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	word-wrap: break-word;
	position: relative;
	border: none;
}
section a {
	color: #666;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
a:hover {
	color: #ff7d43;
	text-decoration: none;
}
header, footer, nav, section, article, menu, aside {
	display: block;
	position: relative;
}
.red, a.red {
	color: #d90000;
}
.white, a.white {
	color: #fff;
}
a.white:hover {
	color: #ff7d43;
}
.fc {
	color: #ff7d43;
}
.c2 {
	color: #007acc;
}
.c3 {
	color: #555;
}
.c4 {
	color: #777;
}
.c5 {
	color: #999;
}
.c6 {
	color: #888;
}
.border {
	border: 1px solid #ddd;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}
.fs22 {
	font-size: 22px;
}
.fs24 {
	font-size: 24px;
}
.fs30 {
	font-size: 30px;
}
.fs36 {
	font-size: 36px;
}
.fs40 {
	font-size: 46px;
}
.fs46 {
	font-size: 58px;
}
.fw-b {
	font-weight: bold;
}
.fw400 {
	font-weight: 400;
}
.ti2 {
	text-indent: 2em;
}
.lh18 {
	line-height: 18px;
}
.lh20 {
	line-height: 20px;
}
.lh25 {
	line-height: 25px;
}
.lh30 {
	line-height: 30px;
}
.lh35 {
	line-height: 35px;
}
.lh40 {
	line-height: 40px;
}
.unl {
	text-decoration: underline;
}
.unl-no {
	text-decoration: none;
}
.ta-l {
	text-align: left;
}
.ta-c {
	text-align: center;
}
.ta-r {
	text-align: right;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.va-m {
	vertical-align: middle;
}
.va-t {
	vertical-align: top;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.oh {
	overflow: hidden;
}
.none {
	display: none;
}
.block {
	display: block;
}
.inblock {
	display: inline-block;
}
.pointer {
	cursor: pointer;
}
.w100 {
	width: 100%;
}
.w980 {
	width: 980px;
}
.w400 {
	width: 400px;
}
.w130 {
	width: 130px;
}
.w1000 {
	width: 1000px;
}
.h100 {
	height: 100%;
}
.ma2 {
	margin: 2px;
}
.ma5 {
	margin: 5px;
}
.ma10 {
	margin: 10px;
}
.ma15 {
	margin: 15px;
}
.ma20 {
	margin: 20px;
}
.pa2 {
	padding: 2px;
}
.pa5 {
	padding: 5px;
}
.pa10 {
	padding: 10px;
}
.pa15 {
	padding: 15px;
}
.pa20 {
	padding: 20px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt12 {
	margin-top: 12px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb12 {
	margin-bottom: 12px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pt2 {
	padding-top: 2px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.build_banner {
	width: 100%;
	height: 419px;
	overflow: hidden;
}
.build_banner menu {
	max-width: 1903px;
	min-width: 1080px;
	height: 419px;
	margin: 0 auto;
	background: url(../images/build_banner.jpg) no-repeat;
}
.build_banner ul {
	display: block;
	width: 1080px;
	padding-top: 70px;
	margin: 0 auto;
}
.build_banner ul li {
	float: left;
	width: 25%;
}
.build_banner div {
	border-radius: 50%;
	width: 182px;
	height: 182px;
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.build_banner div h2 {
	font-size: 48px;
	margin-top: 45px;
	line-height: 50px;
	font-weight: 400;
}
.build_banner div h3 {
	font-weight: 400;
	font-size: 20px;
	margin-top: 15px;
}
.build_banner p {
	text-align: center;
	width: 190px;
	margin: 30px auto 0;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}
.build_banner ul li div h2.h01 {
	color: #e10000;
}
.build_banner ul li div h2.h02 {
	color: #0e9300;
}
.build_banner ul li div h2.h03 {
	color: #fa7000;
}
.build_banner ul li div h2.h04 {
	color: #0086ac;
}
.build_banner ul li:hover {
	animation: build_banner 2s ease-in-out .1s infinite;
	-webkit-animation: build_banner 2s ease-in-out .1s infinite;
	-moz-animation: build_banner 2s ease-in-out .1s infinite;
	-o-animation: build_banner 2s ease-in-out .1s infinite;
	-ms-animation: build_banner 2s ease-in-out .1s infinite;
}
.build_banner ul li:hover div {
	-webkit-transition: all .5s ease-in-out .01s;
	-moz-transition: all .5s ease-in-out .01s;
	-o-transition: all .5s ease-in-out .01s;
	-ms-transition: all .5s ease-in-out .01s;
	transition: all .5s ease-in-out .01s;
	background: #df0000;
	color: #fff;
}
.build_banner ul li:hover div h2 {
	color: #fff;
}
.build_nav {
	height: 555px;
	width: 100%;
	padding-top: 45px;
	background: #fff;
}
.build_nav h2 {
	text-align: center;
	font-size: 50px;
	font-family: "LevenimMTBold";
	text-transform: uppercase;
	height: 40px;
}
.build_nav h3 {
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	margin: 15px 0;
	font-weight: 400;
}
.build_nav h4 {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}
.build_nav menu {
	width: 960px;
	_width: 1060px;
	margin: 0 auto;
}
.build_nav menu a {
	display: block;
	width: 120px;
	float: left;
	margin: 40px 100px 0;
}
.build_nav menu a.a1 {
	left: -600px;
}
.build_nav menu a.a2 {
	left: -920px;
}
.build_nav menu a.a3 {
	left: -1240px;
}
.build_nav menu a.a4 {
	left: -600px;
}
.build_nav menu a.a5 {
	left: -920px;
}
.build_nav menu a.a6 {
	left: -1240px;
}
.build_nav menu a span {
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	background: #686868 url(../images/build_nav.png) no-repeat;
}
.build_nav menu a.a1 span {
	background-position: 24px 35px;
}
.build_nav menu a.a2 span {
	background-position: 24px -118px;
}
.build_nav menu a.a3 span {
	background-position: 24px -269px;
}
.build_nav menu a.a4 span {
	background-position: 17px -427px;
}
.build_nav menu a.a5 span {
	background-position: 21px -579px;
}
.build_nav menu a.a6 span {
	background-position: 24px -722px;
}
.build_nav menu a p {
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
}
.build_nav menu a:hover p {
	color: #555;
}
.build_nav menu a:hover span {
	-webkit-transition: all .4s ease-in-out .01s;
	-moz-transition: all .4s ease-in-out .01s;
	-o-transition: all .4s ease-in-out .01s;
	-ms-transition: all .4s ease-in-out .01s;
	transition: all .4s ease-in-out .01s;
	background-color: #df0000;
}
.build_images {
	width: 100%;
	height: 645px;
	overflow: hidden;
	background: url(../images/build_dark.png) repeat;
}
.build_images ul {
	display: block;
	width: 1080px;
	margin: 0 auto;
}
.build_images li {
	float: left;
	width: 270px;
	height: 215px;
	overflow: hidden;
	display: block;
}
.build_images li.text span {
	position: absolute;
	z-index: 10;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	display: block;
	width: 230px;
	height: 175px;
	padding: 20px;
	left: 0;
	bottom: -215px;
	background: url(../images/dark_bg.png) repeat;
}
.build_images li.img span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 60px;
	line-height: 80px;
}
.build_images li.img01 {
	background: url(../images/build_bg01.png) repeat;
}
.build_images li.img01 span {
	color: #00618c;
}
.build_images li.img02 {
	background: url(../images/build_bg02.png) repeat;
}
.build_images li.img02 span {
	color: #656565;
}
.build_images li.img03 {
	background: url(../images/build_bg03.png) repeat;
}
.build_images li.img03 span {
	color: #ce6800;
}
.build_images h2 {
	font-size: 16px;
	font-weight: 400;
	color: #dedede;
	margin: 35px 0 0 25px;
}
.build_images h2 b {
	color: #fff;
}
.build_images h3 {
	font-size: 30px;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
	margin: 10px 0 0 25px;
}
.build_model {
	height: 645px;
	width: 100%;
	background: url(../images/build_bg04.jpg) repeat;
}
.build_model h2 {
	font-size: 48px;
	line-height: 50px;
	padding-top: 40px;
	margin: 0 0 20px;
	text-align: center;
	font-weight: 400;
}
.build_model h3 {
	font-size: 14px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 400;
}
.build_model p {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
}
.build_model ul {
	display: block;
	width: 1080px;
	height: 232px;
	margin: 0 auto 50px;
}
.build_model ul li {
	display: block;
	width: 269px;
	height: 232px;
	overflow: hidden;
	background: url(../images/build_bg06.png) no-repeat;
	float: left;
	cursor: pointer;
}
.build_model h4 {
	z-index: 10;
	font-size: 32px;
	color: #fff;
	line-height: 50px;
	margin-top: 80px;
	text-align: center;
	font-weight: 400;
}
.build_model h5 {
	z-index: 10;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
	font-weight: 400;
}
.build_model h6 {
	z-index: 1;
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	top: 50%;
}
.build_model h6 img {
	display: block;
	width: 269px;
	height: 0;
	position: absolute;
	top: 0;
	left: 1px;
}
#build_threesum dd {
	display: none;
}
.build_plan {
	width: 100%;
	height: 645px;
	overflow: hidden;
	background: url(../images/build_bg02.png) repeat;
}
.build_planbox {
	width: 1080px;
	height: 645px;
	margin: 0 auto;
}
.build_planbox .bg {
	position: absolute;
	top: 0;
	left: -411px;
}
.build_planbox h2 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	font-size: 48px;
	line-height: 50px;
	padding-top: 40px;
}
.build_planbox h3 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	font-size: 18px;
	margin: 15px 0 0;
}
.build_planbox h4 {
	text-align: center;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	margin: 10px 0 0;
}
.build_pro {
	width: 100%;
	height: 650px;
	background: #fff;
}
.build_pro h2 {
	text-align: center;
	font-weight: 400;
	font-size: 48px;
	line-height: 50px;
	padding-top: 40px;
}
.build_pro h3 {
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	margin: 15px 0 0;
}
.build_pro h4 {
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	margin: 10px 0 0;
}
.build_probox {
	width: 1000px;
	height: 360px;
	margin: 30px auto 0;
	background: url(../images/build_pro.png) no-repeat center top;
}
.build_probox span {
	position: absolute;
	top: 205px;
}
.build_probox span.sp1 {
	left: 5px;
}
.build_probox span.sp2 {
	left: 209px;
}
.build_probox span.sp3 {
	left: 412px;
}
.build_probox span.sp4 {
	left: 615px;
}
.build_probox span.sp5 {
	left: 818px;
}
#build_four p {
	text-align: center;
	padding-top: 95px;
	width: 249px;
	height: 120px;
	position: absolute;
	z-index: 10;
}
#build_four p.p1 {
	bottom: 215px;
	left: 439px;
}
#build_four p.p2 {
	bottom: 0;
	left: 314px;
}
#build_four p.p3 {
	bottom: 0;
	left: 564px;
}
#build_four p img {
	z-index: 10;
}
#build_four p span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#build_four p:hover span {
	-webkit-transition: all 1s ease-in-out .01s;
	-moz-transition: all 1s ease-in-out .01s;
	-o-transition: all 1s ease-in-out .01s;
	-ms-transition: all 1s ease-in-out .01s;
	transition: all 1s ease-in-out .01s;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}
.static_float {
	position: fixed;
	_position: absolute;
	left: 10px;
	top: 30%;
	z-index: 89;
}
.static_float a {
	background: #000;
	display: block;
	text-align: center;
	width: 80px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 5px;
	border-radius: 5px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	filter: alpha(Opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}
.static_float a:hover {
	-webkit-transition: all .2s ease-in-out .01s;
	-moz-transition: all .2s ease-in-out .01s;
	-o-transition: all .2s ease-in-out .01s;
	-ms-transition: all .2s ease-in-out .01s;
	transition: all .2s ease-in-out .01s;
	background: #e10000;
}
.static_float a.sel {
	background: #e10000;
}



@media screen and (max-width: 1600px){
 
}

@media screen and (max-width: 1440px)
{

}






@media screen and (max-width:1366px){

}
@media screen and (max-width:1250px){

  }
@media screen and (max-width:1024px){

  }

@media (min-width: 960px)
{

}
  @media screen and (max-width:768px){

	.build_banner {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.build_banner menu {
		max-width: 100%;
		min-width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		background: url(../images/build_banner.jpg) repeat;
	}
	.build_banner ul {
		display: block;
		width: 100%;
		padding-top: 70px;
		margin: 0 auto;
		overflow: hidden;
	}
	.build_banner ul li {
		float: left;
		width: 50%;
	}

	.build_model {
		height: auto; 
		width: 100%;
		background: url(../images/build_bg04.jpg) repeat;
	}


	.build_probox {
		width: 100%;
		height: 360px;
		margin: 30px auto 0;
		background: url(../images/build_pro.png) no-repeat center top;

		overflow: hidden;
	}

	.build_probox .sp3,.build_probox .sp4,.build_probox .sp5 {
		display: none;
	}
	.build_probox span.sp1 {
		left: 100px;
	 
	}
	.build_probox span.sp2 {
		left: auto;
		right: 100px;
	}

	.build_pro h4 {
		width: 96%;
		text-align: center;
		font-weight: 400;
		font-size: 14px;
		margin: 0 auto;
		line-height: 2;
		margin-top: 20px;
	}

	.build_model ul {
		display: block;
		width: 100%;
		height: 232px;
		margin: 0 auto 50px;
	}

	.build_model ul li {
		display: block;
		width: 50%;
		height: 232px;
		overflow: hidden;
		background: url(../images/build_bg06.png) no-repeat;
		float: left;
		cursor: pointer;
	}

	#build_threesum dd {
		width: 96%;
		margin: 0px auto;
		font-size: 14px;
		padding-bottom: 20px;
	}

	.build_model h3 {
		font-size: 14px;
		margin-bottom: 30px;
		text-align: center;
		font-weight: 400;
		line-height: 1.5;
	}

	#build_threesum dd p {
		text-align: left;
		font-size: 14px;
		margin-bottom: 10px;
		font-weight: 400;
		line-height: 1.5;
		 
	}

	.build_planbox {
		width: 96%;
		height: 645px;
		margin: 0 auto;
	}

  }
  
  @media screen and (max-width:740px){


  }
  
  @media screen and (max-width:640px){


  
  }
    
  @media screen and (max-width:540px){

  }

@media screen and (max-width: 480px){


}

@media screen and (max-width: 413px){


}

@media screen and (max-width: 374px){
 



}