@charset "utf-8";
/* CSS reset */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, form {margin:0;}
ol,ul {margin:0; padding:0; list-style: none;}
img {border: 0;}
body{ font-size:62.5%; color:#fff; font-family:"Microsoft YaHei", "SimHei","SimSun"; text-align:left;}
body {background: url(../images/pgbg.jpg) top center no-repeat;}


#page {
	width: 1000px;
	margin: 0 auto;
}

/*part1*/
.part1 {
	position: relative;
}

.share {
	display: inline-block;
	width: 30px;
	height: 30px;
}

.share-list {
	position: absolute;
	top: 590px;
	left: 22px;
	width: 180px;
}

.share-list-item {
	width: 30px;
	height: 30px;
	float: left;
	padding-right: 6px;
	cursor: pointer;
}

.share-weibo {
	background: url(../images/weibo.png) no-repeat;
}
.share-qzone {
	background: url(../images/qzone.png) no-repeat;
}
.share-tweibo {
	background: url(../images/tweibo.png) no-repeat;
}
.share-renren {
	background: url(../images/renren.png) no-repeat;
}
.share-wechat {
	background: url(../images/wechat.png) no-repeat;
}

/*part2*/
.part2 {

}

.part2-top {
	background: url(../images/part2_bg1.jpg);
	height: 186px;
	position: relative;
}

.buttom-list {
	position: absolute;
	width: 450px;
	height: 30px;
	top: 80px;
	right: 69px;
}

/*.buttom-list-item {
	float: left;
	height: 76px;
	width: 104px;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: -17px;
}*/

.focus-switch {
	position: absolute;
	width: 450px;
	height: 30px;
	top: 80px;
	right: 69px;
}

.buttom-list-item {
	float: left;
	height: 76px;
	width: 104px;
	text-indent: -9999px;
	cursor: pointer;
	margin-left: -17px;
}


.buttom1 {
	background: url(../images/buttom.png) 0px -84px no-repeat;
}
.buttom1-sub {
	background: url(../images/buttom.png) 0px 0px no-repeat;
}
.buttom2 {
	background: url(../images/buttom.png) 0px -259px no-repeat;
}
.buttom2-sub {
	background: url(../images/buttom.png) 0px -168px no-repeat;
}
.buttom3 {
	background: url(../images/buttom.png) 0px -434px no-repeat;
}
.buttom3-sub {
	background: url(../images/buttom.png) 0px -350px no-repeat;
}
.buttom4 {
	background: url(../images/buttom.png) 0px -609px no-repeat;
}
.buttom4-sub {
	background: url(../images/buttom.png) 0px -518px no-repeat;
}
.buttom5 {
	background: url(../images/buttom.png) 0px -784px no-repeat;
}
.buttom5-sub {
	background: url(../images/buttom.png) 0px -700px no-repeat;
}





.part2-middle {
	background: url(../images/part2_bg2.jpg);
	height: 316px;
}

.part2-bottom {
	background: url(../images/part2_bg3.jpg);
	height: 196px;
	position: relative;
}

.part2-buttom__p{
	color: rgb(243, 0, 46);
	line-height: 2.143;
	text-align: justify;
	position: absolute;
	width: 643px;
	height: 74px;
	top: 62px;
	left: 133px;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: .85rem;
}

.part2-middle {
	position: relative;
}

.things-list {
	position: absolute;
}

.things-list-item {
	position: absolute;
	top: 19px;
	left: 81px;
}




/*part3*/
.part3 {
	position: relative;
}

.part3-top {
	background: url(../images/part3_bg1.jpg) no-repeat;
	height: 430px;
	position: relative;
}

.part3-top__p {
	position: absolute;
	top: 275px;
	left: 26px;
	font-size: 14px;
	line-height: 1.714;
	text-align: justify;
	width: 564px;
	height: 62px;

}

.part3-middle {
	background: url(../images/part3_bg2.jpg) no-repeat;
	height: 310px;
	position: relative;
}

.part3-middle__p1 {
	position: absolute;
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.714;
	text-align: justify;
	height: 62px;
	width: 682px;
	top: 20px;
	right: 20px;

}
.part3-middle__p2 {
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.714;
	text-align: justify;
	position: absolute;
	width: 564px;
	height: 62px;
	top: 200px;
	left: 27px;
}


.part3-bottom {
	background: url(../images/part3_bg3.jpg) no-repeat;
	height: 454px;
	position: relative;
}

.part3-bottom__p1 {
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.714;
	text-align: justify;
	position: absolute;
	width: 530px;
	height: 62px;
	top: 68px;
	left: 299px;
}

.part3-bottom__p2 {
	font-weight: 600;
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 2.143;
	text-align: justify;
	position: absolute;
	width: 900px;
	height: 44px;
	bottom: 120px;
	left: 59px;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
}


/*part4*/
.part4 {
	height: 956px;
	background: url(../images/part4_bg.jpg);
	position: relative;
	color: #000;
}

.people-list {
	left: -4px;
	position: absolute;
	display: inline-block;
	width: 230px;
	padding-top: 176px;
	margin-right: 5px;
}
.people-list-item {
	width: 225px;
	height: 170px;
	border: 2px solid #f3002e;
	margin-top: 8px;
}

.people-img {
	margin-top: 10px;
	margin-left: 20px;
}

.people-p {
	display: inline-block;
	font-size: 15px;
	color: rgb(51, 51, 51);
	line-height: 2.857;
	vertical-align: top;
	padding-top: 28px;
	font-weight: 700;
	margin-left: 6px;
}

.people--buttom__p {
	width: 200px;
	height: 30px;
	text-align: justify;
	font-size: 14px;
	color: rgb(51, 51, 51);
	line-height: 1.714;
	margin-left: 12px;
	margin-top: 1px;
	font-weight: 700;
}
.people--buttom__p  a:link, .people--buttom__p  a:visited, .people--buttom__p  a:hover, .people--buttom__p  a:active{ color: rgb(51, 51, 51); text-decoration: none;}

.part4-p {
	font-size: 14px;
	line-height: 2.143;
	position: absolute;
	width: 882px;
	bottom: 58px;
	left: 59px;
}



/*part5*/
.part5 {
	height: 587px;
	background: url(../images/part5_bg.jpg) no-repeat;
	position: relative;
}

.part5__how {
	font-size: 14px;
	color: rgb(243, 0, 46);
	
}

.part5-p1 {
	position: absolute;
	top: 268px;
	right: 70px;
}

.part5-p2 {
	position: absolute;
	top: 312px;
	right: 0;
}

.part5-p3 {
	position: absolute;
	top: 352px;
	right: 100px;
	font-weight: 500;
}

.part5-p4 {
	font-size: 14px;
	color: rgb(0, 0, 0);
	line-height: 2.143;
	text-align: justify;
	position: absolute;
	width: 437px;
	height: 74px;
	top: 410px;
	right: 132px;
}



/*footer*/
footer {
	height: 200px;
	background: url(../images/part6_bg.jpg) no-repeat;
}

.footer-info {
	margin-top: 145px;
}






.more {
	display: inline-block;
	width: 55px;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	color: rgb(0, 0, 0);
	background: rgb(255, 0, 0);
	line-height: 1.475;
	text-align: center;
	text-decoration: none;
	margin-left: 8px;
	  text-shadow:none;
}

.more-oth {
	display: inline-block;
	width: 55px;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	color: rgb(255, 0, 0);
	background: rgb(0, 0, 0);
	line-height: 1.475;
	text-align: center;
	text-decoration: none;
	margin-left: 8px;
}

.db {display: block;}
.dn {display: none;}

#copyright{ clear:both; font-size:1.2em; color:#000; text-align:center; padding:65px 0px 0px 0px; line-height:20px; overflow:hidden;}
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{ color:#000; text-decoration:none;}