/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select{ font-family:"microsoft yahei",simhei;}
.fl{ float: left}
.cp{ cursor:pointer;}

.main{ margin:0 auto;}
	.main .gzgi_logo{ position:fixed; left:36px; top:0; margin-top:33px; z-index:998;}
	.main .left_menu{ position:fixed; right:28px; top:50%; margin-top:-119px; z-index:9;}
		.left_menu .menu_list{ margin:10px 0; overflow: hidden; cursor: pointer; width: 134px;}
		.left_menu .menu_list:hover .menu_text,.left_menu .menu_list.cur .menu_text{ visibility:visible;}
		.left_menu .menu_text{ width: 106px; height: 27px; line-height: 27px;  color: #fff;  text-align: center; background:url(../images/menu_cur.png) no-repeat; margin-left: -10px; visibility: hidden; font-size: 16px; font-family: '微软雅黑';}
		.left_menu .btn_item{ width:28px; height:28px;  background-color:transparent; background:url(../images/btn_nomal.png) no-repeat;}
		.left_menu .btn_item .nomal_skin{ }
		
		.main .page_container{ width:1920px; overflow:hidden; position:absolute; left:50%; margin-left:-960px;}
		.page_container .page_item{ height:788px; position:relative;}
		.page_container .inner_container{ margin:0 auto; width:1000px; position:relative;height: 100%; }
		.page_container .page_item .inner_background{ position:absolute; top:0; z-index:-999;}
		.page_container .page_item .inner_container div{position:absolute;}
		
		.page_dian{ width: 19px; height: 21px;  z-index: 9; position: absolute; background: url(../images/dian_ico_03.png) no-repeat;}
		.page_container .page_item0{background: url(../images/page0.jpg) no-repeat;}
		.page_item1{background: url(../images/page1.jpg) no-repeat;}
		.page_item2{background: url(../images/page2.jpg) no-repeat;}
		.page_item3{background: url(../images/page3.jpg) no-repeat;}
		.page_item4{background: url(../images/page4.jpg) no-repeat;}
		.page_item5{background: url(../images/page5.jpg) no-repeat;}
		.page_item6{background: url(../images/page6.jpg) no-repeat;}



		#page0 .human0_coordinate{ left:242px; top:144px; opacity:1;}
		#page0 .human1_coordinate{ left:618px; top:481px; opacity:1;}
		#page0 .human2_coordinate{ left:668px; top:194px; opacity:1;}
		#page0 .human3_coordinate{ left:956px; top:385px; opacity:1;}
		#page0 .slogan0_coordinate{ left:162px; top:33px; display: none;}
		#page0 .slogan1_coordinate{ left:599px; top:645px; display: none;}
		#page0 .slogan2_coordinate{ left:830px; top:27px; display: none;}
		#page0 .slogan3_coordinate{ left:1016px; top:299px; display: none;}
		#page0 .ufo_coordinate{ left:-148px; top:153px; opacity:1;}
		#page0 .ufo_coordinate2{ left:35px; top:100px; opacity:1;}
		#page0 .ufo_coordinate3{ left:60px; top:160px; opacity:1;}
		#page0 .about_us_coordinate{ left:-148px; top:325px; opacity:1;}
		#page0 .ad_park_logo_coordinate{ left:-51px; top:589px; opacity:1;}
		.page0_bg_item {position:relative;}
		.page0_bg_item div{position: absolute;}
		.page0_bg_item .bg_item_0{left:374px ;top: 596px; transform: scale(1); transform-origin: 50% 50%;}
		.page0_bg_item .bg_item_1{left:346px ;top: 582px; transform: scale(1); transform-origin: 50% 50%;}
		.page0_bg_item .bg_item_2{left:311px ;top: 371px; width: auto;}
		.page0_bg_item .bg_item_3{left:368px ;top: 550px;  transform: scale(1); transform-origin: 50% 100%;}
		.page0_bg_item .bg_item_4{  left: 368px;top: 456px;}
		.page0_bg_item .bg_item_5{  left: 342px;top: 470px;}
		.page0_bg_item .bg_item_6{  left: 315px;top: 484px;}
		.page0_bg_item .bg_item_7{  left: 288px;top: 501px;}
		.page0_bg_item .bg_item_8{  left: 262px;top: 515px;}
		.page0_bg_item .bg_item_9{  left: 378px;top: 434px;}
		.page0_bg_item .bg_item_10{  left: 467px;top: 309px; width: 670px; overflow: hidden;}
		.page0_bg_item .bg_item_11{  left: 832px;top: 222px;}
		.page0_bg_item .bg_item_12{  left: 747px;top: 56px;}
		.page0_bg_item .bg_item_13{  left: 817px;top: 99px;}
		.page0_bg_item .bg_item_14{  left: 1031px;top: 56px;}
		.page0_bg_item .bg_item_15{  left: 892px;top: 507px;}
		.page0_bg_item .bg_item_16{  left: 1171px;top: 627px;}
		.page0_bg_item .bg_item_17{  left: 961px;top: 515px;}
		.page0_bg_item .bg_item_18{  left: 1323px;top: 413px;}
		.page0_bg_item .bg_item_19{  left: 479px;top: 345px;}
		.page0_bg_item .bg_item_20{  left: 655px;top: 424px;}
		.page0_bg_item .bg_item_21{  left: 652px;top: 266px;}
		.page0_bg_item .bg_item_22{  left: 860px;top: 375px;}
		.page0_bg_item .bg_item_23{  left: 1003px;top: 129px;}
		#page0  .page_dian{  left: 750px;top: 411px; opacity: 1;}
		
		#page1 .title_coordinate{ left:0; top:44px; opacity:1;}
		#page1 .subtitle_coordinate{ left:0; top:95px; opacity:1;}
		#page1 .icon0_coordinate{ left:82px; top:212px; opacity:1; z-index: 2;}
		#page1 .icon1_coordinate{ left:290px; top:344px; opacity:1;z-index: 2;}
		#page1 .icon2_coordinate{ left:496px; top:78px; opacity:1;z-index: 2;}
		#page1 .icon3_coordinate{ left:725px; top:286px; opacity:1;z-index: 2;}
		#page1 .dap{ width: 65px; height: 88px; background: url(../images/shuiqiang.png) no-repeat left top;}
		#page1 .dap.d1{left:136px; bottom:69px;}
		#page1 .dap.d2{left:350px; bottom:69px;}
		#page1 .dap.d3{left:566px; bottom:69px;}
		#page1 .dap.d4{left:783px; bottom:69px;}
		#page1 .p1{left:175px; top:440px;}
		#page1 .p2{left:375px; top:245px;}
		#page1 .p3{left:570px; top:380px;}
		#page1 .p4{left:770px; top:180px;}
		#page1 .p5{left:300px; top:170px;}
		#page1 .p6{left:130px; top:470px;}
		#page1 .p7{left:8px; top:0;}
		#page1  .page_dian{  left: 955px;top: -25px; opacity: 0;}
		


		#page2 .page2_d1{ top:325px; left: 170px;}
		

		#page2 .t1{ top:379px; left: 133px;}
		#page2 .t2{ top:283px; left: 308px;}
		#page2 .t3{ top:345px; left: 470px;}
		#page2 .t4{ top:534px; left: 502px;}
		#page2 .page2_d7{ top:120px; left: 720px;}
		#page2 .page2_d8{ top:190px; left: 725px;}
		#page2 .page2_d9{ top:240px; left: 715px;}
		#page2 .page2_d9{ top:240px; left: 715px;}
		#page2 .page2_d10{ top:390px; left: 715px; background:url(../images/page2_i4_03.jpg) no-repeat;}
		#page2 .page2_d11{ top:390px; left: 805px; background:url(../images/page2_i4_06.jpg) no-repeat;}
		#page2 .page2_d12{ top:390px; left: 895px; background:url(../images/page2_i4_09.jpg) no-repeat;}
		#page2 .page2_d13{ top:500px; left: 715px; background:url(../images/page2_i4_15.jpg) no-repeat;}
		#page2 .page2_d14{ top:500px; left: 805px; background:url(../images/page2_i4_17.jpg) no-repeat;}
		#page2 .page2_d15{ top:500px; left: 895px; background:url(../images/page2_i4_19.jpg) no-repeat;}
		#page2 .page2_d16{ top:60px; left: 225px;}
		#page2 .page2_rlist{ width: 70px; height: 64px; display: block; cursor: pointer; font-size: 12px; padding-top: 20px; text-align: center; color: #54bbd5; transition:background .2s; -webkit-transition:background .2s; -moz-transition:background .2s; -ms-transition:background .2s; -o-transition:background .2s;}
		#page2 .page2_rlist span{ display: none;}
		#page2 .page2_rlist:hover{ background: url(../images/page2_i4_hover.jpg) no-repeat;}
		#page2 .page2_rlist:hover span{ display: block;}
		#page2 .page2_animate{ width: 404px; height: 371px; top:325px; left: 170px;}
		#page2 .page2_animate div{ transform-origin:195px 206px; -webkit-transform-origin:195px 206px; -moz-transform-origin:195px 206px; -o-transform-origin:195px 206px; -ms-transform-origin:195px 206px; opacity:0; cursor: pointer;}
		#page2 .p1.cur{  animation: shan1 .5s forwards; -webkit-animation: shan1 .5s forwards;}
		#page2 .p2.cur{  animation: shan2 .5s forwards; -webkit-animation: shan2 .5s forwards;}
		#page2 .p3.cur{  animation: shan3 .5s forwards; -webkit-animation: shan3 .5s forwards;}
		#page2 .p4.cur{  animation: shan4 .5s forwards; -webkit-animation: shan4 .5s forwards;}
		#page2  .page_dian{  left: 20px;top:20px; opacity: 0;}
		#page2 .page2_link{cursor: pointer;}
		#page2 .page2_link span{position: absolute; top: -53px; opacity: 0; width: 144px;font-size: 20px; color: #fff; text-align: center; margin-left: -28px ;}
		#page2 .page2_link span.lastchild{ text-align: left; margin-left: 2px ;}
/*		#page2 .page2_link.ani{ animation: shan .5s; -webkit-animation: shan .5s forwards ; -moz-animation: shan .5s forwards ; -o-animation: shan .5s forwards ; -ms-animation: shan .5s forwards;}
*/
		#page3 .title_coordinate{ left:0; top:198px; opacity:1;}
		#page3 .subtitle_coordinate{ left:0; top:272px; opacity:1;}
		#page3 .icon0_coordinate{ left:472px; top:201px; opacity:1;}
		#page3 .icon1_coordinate{ left:305px; top:328px; opacity:1;}
		#page3 .icon2_coordinate{ left:585px; top:368px; opacity:1;}
		#page3 .icon3_coordinate{ left:204px; top:479px; opacity:1;}
		#page3 .icon4_coordinate{ left:583px; top:497px; opacity:1;}
		#page3 .p1{left:369px; top:581px; -webkit-transform-origin: 100% 30%;}
		#page3 .p2{left:589px; top:506px; -webkit-transform-origin: 55px 105px;}
		#page3 .p3{left:369px; top:480px; -webkit-transform-origin: 100% 100%;}
		#page3 .p4{left:519px; top:480px; -webkit-transform-origin: 0 42px;}
		#page3 .p5{left:310px; top:528px; -webkit-transform-origin: 0 50px;}
		#page3 .p6{left:213px; top:475px; -webkit-transform-origin: 100% 94px;}
		#page3 .p7{left:313px; top:335px; -webkit-transform-origin: 92px 91px;}
		#page3 .p8{left:545px; top:367px; -webkit-transform-origin: 41px 75px;}
		#page3 .p9{left:473px; top:210px; -webkit-transform-origin: 83px 113px;}
		#page3 .p10{left:1106px; top:180px; -webkit-transform-origin: 83px 113px;}
		#page3 .p11{left:887px; top:493px;}
		#page3 .p12{left:667px; top:393px;}
		#page3 .page_dian{opacity: 0;}
		#page4 .page_box_wrap{ z-index: 5; overflow: hidden; top: 40px; left:193px ; height: 100%; width:597px;}
		#page4 .page_box_1{ height: 93px; width: 10px; background: #c0e6ed; left: 292px; top:0; z-index: 1;}
		#page4 .page_box_2{ left: 276px; top: 93px; z-index: 3;}
		#page4 .page_box_3{ left: 1px; top: 103px; z-index: 2; width: 275px; height: 217px; background: url(../images/page4_ico_14.png) no-repeat left top;}
		#page4 .page_box_4{ left: 319px; top: 103px; z-index: 2; width: 275px; height: 217px; background: url(../images/page4_ico_11.png) no-repeat right top;}
		#page4 .page_box_5{ left: 315px; top: 35px;z-index: 2;}

		#page4 .page_img_1{ left: 61px; top:0; z-index: -1;}
		#page4 .page_img_2{ left: 275px; top:289px; width: 440px; overflow: hidden; height: 81px;}
		#page4 .page_img_3{ left: 200px; top:430px; z-index: 11;}
		#page4 .page_img_3 img{ margin-right:40px; position: absolute;}
		#page4 .page_img_3 .img_1 {left: 134px;}
		#page4 .page_img_3 .img_2 {left: 275px;}
		#page4 .page_img_3 .img_3 {left: 409px;}
		#page4 .page_img_3 .img_4 {left: 549px;}
		#page4 .page_img_4{ left: 85px; top:600px;}

		#page5 .p1{left:368px; top:167px}
		#page5 .p2{left:157px; top:208px}
		#page5 .p3{left:240px; top:255px}
		#page5 .p4{left:250px; top:200px}
		#page5 .p5{left:93px; top:467px}
		#page5 .p6{left:840px; top:247px}
		#page5 .p7{left:810px; top:650px}
		#page5 .p8{left:165px; top:410px}
		#page5 .p9{left:440px; top:495px}

		#page6 { width:100%; height: 217px; text-align: center; padding-top: 76px; font-size: 16px; background: url(../images/page6.jpg) no-repeat #585b5c; color: #fff; }
		/*.page6_wrap { z-index: -99;}*/
		.page6_wrap .bg{ width: 100%; height: 217px; background: url(../images/page6.jpg) no-repeat;}
/*content*/
.page_container .page_slide{ margin:0 auto; width:1000px; height: 585px; position:absolute; background: #fff; z-index: 10; display: none; top: 10px; left: 450px; z-index: 10; }
.page_container .page_slide .cont_item{ width: 100%; float: left; display: none;}
.page_container .page_slide .cont_item div{ position: absolute; opacity: 1;}
.page_container .page_slide .fx{ display: block;; width: 37px; height: 70px; top: 50%; margin-top: -35px; position: absolute; z-index: 2;}
.page_container .page_slide .fx.prev{ background: url(../images/prev1.png); left: 0;}
.page_container .page_slide .fx.next{ background: url(../images/next1.png); right: 0;}
.page_container .page_slide .close{ display: block; width: 71px; height: 70px; position: absolute; right: 100px; top: 100px; font-size: 25px; background: url(../images/close_1.png); z-index:999;}

.page_container .page_slide.page2_cont{ height: 760px; background: #54bbd5;}

.page_container .page_slide.page3_cont{  width:1300px; height: 744px;}
.page_container .page_slide.page3_cont .fx.prev{ left: 130px;}
.page_container .page_slide.page3_cont .fx.next{ right: 130px;}

.page_container .page_slide.page4_cont{ width:1100px; height: 744px; background:#41b0ba; top: 40px;z-index: 100;}
.page_container .page_slide.page4_cont .fx.prev{ left: 50px;}
.page_container .page_slide.page4_cont .fx.next{ right: 50px;}

/*loading*/
.loading{ display: none; width: 100%; height: 800px; background: url(../images/loading_bg.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: 9999;}
.loading div{ position: absolute;}
.loading .d1{ left:50%; top: 148px; margin-left: -346px; }
.loading .d2{ left:50%; top: 395px; margin-left: -242px; }
.loading .d3{ left:50%; top: 474px; margin-left: -242px; }
.loading .y1{ left:202px; top: 440px;}
.loading .y2{ right:255px; top: 156px;}
.loading .y3{ left:326px; top: 386px;}
.loading .y4{ right:324px; top: 434px;}
.loading .y5{ right:490px; top: 215px;}
.loading .y6{ left:598px; top: 570px;}

.about_us_coordinate_pop{position: absolute; top: 0; left: 0; width: 100%; height: 800px; background: #2f3940; z-index: 99;display: none;}
.about_us_coordinate_pop .content_main{width: 1003px; margin: 0 auto; position: relative;}
.about_us_coordinate_pop .content{position: absolute; top: 0; left: 0; display: none; width: 100%;}
.about_us_coordinate_pop .content p{font-size: 24px; color: #cecece; padding-top: 187px;  text-align: right; width: 50%;}
.about_us_coordinate_pop .content p{float: left;}
.about_us_coordinate_pop .content span{font-size: 40px; font-weight: bold;}
.about_us_coordinate_pop .content span.red{color: #f05520;}
.about_us_coordinate_pop .content_0 p{padding-top: 301px;}
.about_us_coordinate_pop .content_1 p{font-size: 20px;}

.about_us_coordinate_pop .content_2 p{padding-top: 301px;font-size: 60px; line-height: 66px;color: #f05520;}
.about_us_coordinate_pop .logoccc{float: right; margin-top: 120px; margin-right: 50px;}
/*css3 动画*/
/*@keyframes sq{ 33%{ background: url(../images/shuiqiang_02.png) no-repeat left bottom;} 66%{background: url(../images/shuiqiang_03.png) no-repeat left bottom;} 100%{background: url(../images/shuiqiang_04.png) no-repeat left bottom;}}
@-webkit-keyframes sq{ 33%{ background: url(../images/shuiqiang_02.png) no-repeat left bottom;} 66%{background: url(../images/shuiqiang_03.png) no-repeat left bottom;} 100%{background: url(../images/shuiqiang_04.png) no-repeat left bottom;}}
*/
@keyframes shan1{from{ transform:rotate(-45deg);} to{transform:rotate(-30deg); opacity:1;}}
@-webkit-keyframes shan1{from{ -webkit-transform:rotate(-45deg);} to{-webkit-transform:rotate(-30deg); opacity:1;}}

@keyframes shan2{from{ transform:rotate(-30deg);} to{transform:rotate(40deg); opacity:1;}}
@-webkit-keyframes shan2{from{ -webkit-transform:rotate(-30deg);} to{-webkit-transform:rotate(40deg); opacity:1;}}

@keyframes shan3{from{ transform:rotate(40deg);} to{transform:rotate(90deg); opacity:1;}}
@-webkit-keyframes shan3{from{ -webkit-transform:rotate(40deg);} to{-webkit-transform:rotate(90deg); opacity:1;}}

@keyframes shan4{from{ transform:rotate(90deg);} to{transform:rotate(135deg); opacity:1;}}
@-webkit-keyframes shan4{from{ -webkit-transform:rotate(90deg);} to{-webkit-transform:rotate(135deg); opacity:1;}}