body, ul, li, p {
     padding: 0;
     margin: 0;
 }
 body {
     font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', tahoma, sans-serif
 }

 ol, ul, li {
     list-style: none;
 }

 .wraper {
     width: 100%;
     text-align: center;
 }
 .inner {
     width: 1180px;
     margin: 0 auto;
     text-align: left;
     position: relative;
 }
 .head01 {
     height: 702px;
     background: url(../images/bg01.jpg) no-repeat center 0;
 }
 .logo {
     width: 348px;
     height: 73px;
     position: absolute;
     left: 20px;
     top: 48px;
     background: url(../images/logo.png) no-repeat;
 }
 .head02 {
     height: 1074px;
     background: url(../images/bg02.jpg) no-repeat center 0;
 }
 .project {
     height: 706px;
     background: url(../images/bg03.jpg) no-repeat center 0;
 }
 .project .pro-itm {
     position: absolute;
     z-index: 2;
 }
 .project .pro-itm a {
     display: block;
     width: 100%;
     height: 100%;
     border: 0;
 }
 .project .pro-itm a img {
     display: inline-block;
     border: 0 none;
     transition: transform .2s;
     -webkit-transition: transform .2s;
 }
 .project .itm01 {
     width: 148px;
     height: 149px;
     left: 116px;
     top: 110px;
 }

 .project .itm02 {
     width: 115px;
     height: 115px;
     left: 26px;
     top: 302px;
 }

 .project .itm03 {
     width: 102px;
     height: 102px;
     left: 48px;
     top: 525px;
 }

 .project .itm04 {
     width: 322px;
     height: 322px;
     left: 240px;
     top: 154px;
     z-index: 2;
 }

 .project .itm05 {
     width: 271px;
     height: 271px;
     left: 150px;
     top: 380px;
     z-index: 3;
 }
 .project .itm06 {
     width: 153px;
     height: 153px;
     left: 403px;
     top: 414px;
     z-index: 4;
 }
 .project .itm07 {
     width: 186px;
     height: 186px;
     left: 562px;
     top: 123px;
     z-index: 3;
 }
 .project .itm08 {
     width: 146px;
     height: 146px;
     left: 590px;
     top: 470px;
     z-index: 3;
 }
 .project .itm09 {
     width: 361px;
     height: 361px;
     left: 630px;
     top: 178px;
 }
 .project .itm10 {
     width: 124px;
     height: 124px;
     left: 918px;
     top: 85px;
 }
 .project .itm11 {
     width: 105px;
     height: 105px;
     left: 1040px;
     top: 234px;
 }
 .project .itm12 {
     width: 180px;
     height: 180px;
     left: 941px;
     top: 449px;
     z-index: 6;
 }
 .project .itm13 {
     width: 126px;
     height: 126px;
     left: 722px;
     top: 555px;
 }


 .project .pro-itm a:hover img {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
 }

 .project .layer-ball {
     display: block;
     width: 908px;
     height: 437px;
     position: absolute;
     left: 118px;
     top: 168px;
     z-index: 5;
     background: url(../images/bg03_2.png) no-repeat center 0;
     pointer-events: none;
     display: none;
 }
.project .ball {
	display: block;
	position: absolute;
    background: url(../images/bg03_2.png) no-repeat 0 0;
	z-index: 9;
}
.project .ball01 {
	width: 45px;
	height: 45px;
	left: 495px;
	top: 165px;
	background-position: -372px 0;
}
.project .ball02 {
	width: 38px;
	height: 38px;
	left: 117px;
	top: 444px;
	background-position: 0 -276px;
}

.project .ball03 {
	width: 16px;
	height: 16px;
	left: 584px;
	top: 444px;
	background-position: -461px -262px;
}
.project .ball04 {
	width: 10px;
	height: 10px;
	left: 444px;
	top: 588px;
	background-position: -326px -427px;
}
.project .ball05 {
	width: 14px;
	height: 14px;
	left: 1014px;
	top: 244px;
	background-position: -894px -85px;
}
.project .ball06 {
	width: 58px;
	height: 55px;
	left: 954px;
	top: 278px;
	background-position: -844px -117px;
}
.project .ball07 {
	width: 56px;
	height: 56px;
	left: 950px;
	top: 424px;
	background-position: -830px -256px;
	z-index: 5;
}



 .people {
     height: 884px;
     background: url(../images/bg04.jpg) no-repeat center 0;
 }
 .people .text {
     width: 980px;
     height: 72px;
     padding: 6px 10px;
     line-height: 36px;
     font-size: 20px;
     color: #560000;
     background: #f7c8c8;
     position: absolute;
     left: 50%;
     margin-left: -500px;
     top: 128px;
 }
 .people a img {
     display: inline-block;
     border: 0 none;
     transition: transform .2s;
     -webkit-transition: transform .2s;
 }
 .people a:hover img {
     transform: scale(1.025);
     -webkit-transform: scale(1.025);
 }
 .people .peo-itm {
     position: absolute;
 }

 .people .itm01 {
     width: 226px;
     height: 268px;
     left: 175px;
     top: 273px;
 }

 .people .itm02 {
     width: 264px;
     height: 303px;
     left: 444px;
     top: 259px;
 }

 .people .itm03 {
     width: 229px;
     height: 272px;
     left: 724px;
     top: 226px;
 }

 .people .itm04 {
     width: 232px;
     height: 278px;
     left: 70px;
     top: 546px;
 }

 .people .itm05 {
     width: 229px;
     height: 271px;
     left: 327px;
     top: 564px;
 }
 .people .itm06 {
     width: 237px;
     height: 277px;
     left: 606px;
     top: 557px;
 }
 .people .itm07 {
     width: 292px;
     height: 319px;
     left: 833px;
     top: 456px;
 }
 .money {
     height: 850px;
     background: #fff;
 }
 .money-title {
     width: 438px;
     height: 68px;
     position: absolute;
     left: 50%;
     margin-left: -219px;
     top: 110px;
     background: url(../images/title05.png) no-repeat;
 }

 .effect {
     height: 1080px;
     background: url(../images/bg06.jpg) no-repeat center 0;
 }

 .effect .eff-itm {
 	font-size: 18px;
 	color: #010101;
 	line-height: 32px;
 	width: 590px;
 	letter-spacing: .5px;
 	position: absolute;
 }
 .effect .itm01 {
	left: 414px;
	top: 258px;
 }
 .effect .itm02 {
	left: 194px;
	top: 416px;
	width: 610px;
	color: #fff;
 }
 .effect .itm03 {
	left: 414px;
	top: 573px;
 }
 .effect .itm04 {
	left: 194px;
	top: 722px;
	width: 610px;
	color: #fff;
	letter-spacing: 0;
 }
 .effect .itm05 {
	left: 414px;
	top: 928px;
 }

 .footer {
     height: 864px;
     background: url(../images/bg07.jpg) no-repeat center 0;
 }
 .footer .footer-text {
 	position: absolute;
 	font-size: 24px;
 	color: #f00;
 	line-height: 36px;
 	width: 940px;
 	left: 120px;
 	top: 180px;
 }

 .footer .footer-text p {
	text-indent: 2em;
 }

 .footer .erweima {
 	width: 251px;
 	height: 180px;
 	position: absolute;
 	left: 90px;
 	top: 500px;
 	background: url(../images/erweima.png) no-repeat;
 }
 .footer .footer-link {
 	position: absolute;
 	left: 90px;
 	font-size: 20px;
 	top: 777px;
 	font-weight: bold;
 	color: #332c2b;
 	text-decoration: none;
 }
 .footer .footer-link:hover {
 	color: #f00;
 }

 /* tour */

 #img-slider .slide {
     width: 100%;
     background: #fff;
     position: absolute;
 }
 #img-slider .slide .img {
     margin: 0 auto;
     border: none;
 }
 #img-slider .img {
     width: 880px;
     height: 640px;
     position: relative;
 }
 #img-slider .img img {
     display: block;
     width: 100%;
 }
 #img-slider .img .label {
     background: #10af8b;
     padding: 2.5% 0;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     font-weight: 400;
     text-align: center;
     color: #fff;
     font-size: 150%;
 }
 #img-slider .img:first-child {
     display: block;
 }

 .switcher-wrap {
     position: relative;
     padding-left: 80px;
     padding-right: 80px;
     top: 210px;
     height: 640px;
 }
 .switcher-wrap.slider {
     padding-left: 380px;
     padding-right: 380px;
 }
.roundabout-holder {
	height: 100%;
}

 .switcher-wrap.slider #img-slider .img {
     -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 .switcher-wrap a.next, .switcher-wrap a.prev {
     position: absolute;
     width:115px;
     height:115px;
     top: 50%;
     margin-top: -58px;
     background: url(../images/arraw2.png) no-repeat;
     z-index: 1000;
 }

 .switcher-wrap a.prev {
     background: url(../images/arraw.png) no-repeat;
 }
 .switcher-wrap a.next {
     left: 96px;
 }

 .switcher-wrap a.prev {
     right: 96px;
 }