*{margin:0;bottom:0;list-style:none;font-family: "微软雅黑";}
body{transform-style:preserve-3d;perspective:1600px;background:url(imagesbgtc.png); -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;  }

#big_box{width:100%;position:relative;overflow: hidden;}

#right_btn{width:42px;height:62px;position:absolute;right:20px;top:50%;margin-top:-31px;z-index:2017;cursor:pointer;animation:shubiao 2s infinite linear;display:none;}
#tiaoguo_btn{width:110px;height:36px;position:absolute;bottom:110px;right:20px;z-index:2017;animation:tiaoguo_btn 2s infinite linear;display:none;}
/*开场起*/
#open_box{width:100%;position:absolute;top:0;left:0;z-index:100;}
#open_top{position:absolute;top:0;background:#185f93;width:100%;transition:all 1s ease;}
#open_bottom{position:absolute;bottom:0;background:#185f93;width:100%;transition:all 1s ease;}
.jzta_box{width:100%;height:150px;position:absolute;top:10px;left:0;animation:jzta_box 3s linear;overflow: hidden;transition:all 1s linear;}
.jzta{height:150px;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;}
#yu_box{width:100%;height:100%;position: absolute;top:0;left:0;transform:rotate(30deg);display:none;}
#yu_box .yu{width:1px;height:105px;display: block;position:absolute;}
#yu_box .yu:nth-of-type(1){top:0%;left:130%;animation:yu1 2s infinite linear;}
#yu_box .yu:nth-of-type(2){top:0%;left:20%;animation:yu2 1s infinite linear;}
#yu_box .yu:nth-of-type(3){top:0%;left:120%;animation:yu3 2s infinite linear;}
#yu_box .yu:nth-of-type(4){top:0%;left:49%;animation:yu1 3s infinite linear;}
#yu_box .yu:nth-of-type(5){top:-30%;left:100%;animation:yu2 1.5s infinite linear;}
#yu_box .yu:nth-of-type(6){top:-20%;left:96%;animation:yu3 3s infinite linear;}
#yu_box .yu:nth-of-type(7){top:-10%;left:70%;animation:yu1 1.5s infinite linear;}
#yu_box .yu:nth-of-type(8){top:-10%;left:105%;animation:yu2 2s infinite linear;}
#yu_box .yu:nth-of-type(9){top:5%;left:25%;animation:yu1 2s infinite linear;}
#yu_box .yu:nth-of-type(10){top:0%;left:90%;animation:yu2 1.5s infinite linear;}
#yu_box .yu:nth-of-type(11){top:-40%;left:115%;animation:yu3 1.5s infinite linear;}
#yu_box .yu:nth-of-type(12){top:-10%;left:35%;animation:yu1 3s infinite linear;}
#yu_box .yu:nth-of-type(13){top:-30%;left:45%;animation:yu2 2s infinite linear;}
#yu_box .yu:nth-of-type(14){top:-30%;left:65%;animation:yu3 1.5s infinite linear;}
#yu_box .yu:nth-of-type(15){top:-20%;left:55%;animation:yu1 2s infinite linear;}
#yu_box .yu:nth-of-type(16){top:0%;left:5%;animation:yu2 3s infinite linear;}
#zggy{width:315px;height:121px;margin: auto; margin-top:190px;position:relative;transition:all 1s linear;}
#zhong{width:66px;height:121px;position:absolute;top:0;left:0;display:none;animation:bot_top 1s ease;}
.zhong{width:100%;height:100%;position:absolute;top:0;left: 0;}
.zhong:nth-of-type(1){animation:zhong1 2s ease;}
.zhong:nth-of-type(2){animation:zhong2 2s ease;}
#guo{width:67px;height:69px;position:absolute;top:0;left:74px;display:none;animation:bot_top 1s ease;}
.guo{width:100%;height:100%;position:absolute;top:0;left: 0;}
.guo:nth-of-type(1){animation:guo1 2s ease;}
.guo:nth-of-type(2){animation:guo2 2s ease;}
.guo:nth-of-type(3){animation:guo3 2s ease;}
#dian{width:8px;height:8px;position:absolute;top:29px;left:153px;display:none;animation:dian 2s ease;}
#gui{width:67px;height:68px;position:absolute;top:0;left:174px;display:none;animation:bot_top 1s ease;}
.gui{width:100%;height:100%;position:absolute;top:0;left: 0;}
.gui:nth-of-type(1){animation:gui1 2s ease;}
.gui:nth-of-type(2){animation:gui2 2s ease;}
.gui:nth-of-type(3){animation:gui3 2s ease;}
.gui:nth-of-type(4){animation:gui4 2s ease;}
#yang{width:66px;height:120px;position:absolute;top:0;left:249px;display:none;animation:bot_top 1s ease;}
.yang{width:100%;height:100%;position:absolute;top:0;left: 0;}
.yang:nth-of-type(1){animation:yang1 2s ease;}
.yang:nth-of-type(2){animation:yang2 2s ease;}
.yang:nth-of-type(3){animation:yang3 2s ease;}
.yang:nth-of-type(4){animation:yang4 2s ease;}
#yingwen{width:196px;height:17px;position:absolute;top:88px;left:45px;animation:yingwen 1s linear;display:none;}
#mp_box{width:513px;height:250px;margin: auto;margin-top:20px;position:relative;}
#shuxian{width:1px;height:250px;position:absolute;top:0;left:266px;transition:all 2s linear;animation:shuxian 1.5s linear;display:none;}
.mp1{width:202px;height:19px;position:absolute;left:291px;top:0;transition:all 1s linear;animation:mp1 1s ease;display:none;}
.mp2{width:97px;height:19px;position:absolute;left:291px;top:90px;transition:all 1s linear;animation:mp1 1s ease;display:none;}
.mp3{width:147px;height:19px;position:absolute;left:291px;top:200px;transition:all 1s linear;animation:mp1 1s ease;display:none;}
.mp4{width:173px;height:19px;position:absolute;left:60px;top:40px;transition:all 1s linear;animation:mp2 1s ease;display:none;}
.mp5{width:254px;height:19px;position:absolute;left:-18px;top:140px;transition:all 1s linear;animation:mp2 1s ease;display:none;}
#fenge{width:478px;height:2px;position: absolute;top:50%;left:-478px;transition:.8s linear all;}
/*开场终*/

/*展示起*/
#content_box{width:800%;position:absolute;top:30px;left:0;z-index:98;transition:2s ease all;}
.content{width:12.5%;height:100%;display:none;float:left;position:relative;}
#qszl{width:37px;height:231px;margin: auto; animation:qszl 2s linear;display:none;}
#cybq{width:215px;height:23px;margin:40px auto auto auto; animation:cybq 2s ease;display:none;}

#qingtong{width:221px;height:177px;position:absolute;bottom:20%;right:30%;animation:qingtong 1.5s ease;display:none;}
.txt_box{width:506px;position:absolute;bottom:5%;display:none;}
.niadai{width:100;height:42px;background-repeat: no-repeat;animation:niadai 3s ease;}
.zhaiyao{width:100%;height:30px;background-repeat: no-repeat;margin-top:22px;animation:zhaiyao 1.5s ease;}
.jieshao{font-size:14px;line-height:28px;color:#185f93;margin-top:10px;animation:jieshao 1.5s ease;}
#huazhou_box{width:425px;height:205px;position:absolute; top:5%;left:5%; overflow: hidden; animation:huazhou 3s ease;display:none;}
#huazhou_left{width:12px;height:205px;position:absolute;left:0;}
#huazhou_content{width:401px;height:173px;position:absolute;left:12px;top:17px;}
#huazhou_right{width:12px;height:205px;position:absolute;right:0;}
#ditu_box{width:320px;height:101px;position:absolute;top:36px;left:40px;overflow:hidden;}
#ditu_box img{margin-top:-30px;margin-left:-30px;animation:ditu 15s ease;}
#chengq{width:728px;height:247px;position:absolute;bottom:0;right:5%;animation:chengq 1.5s ease;display:none;}
.yuan_tu{width:174px;height:174px;border-radius:50%;overflow:hidden;position:absolute;top:15%;animation:rig_lef 1.5s ease;display:none;}
.fangtu{width:220px;height:151px;position:absolute;animation:bot_top 1.5s ease;display:none;}
#liubian{width:246px;height:215px;position:absolute;top:6%;right:26%;animation:xiao_da 1.5s ease;display:none;}
.ying_box{width:1366px;height:522px;position:absolute;left:3%;top:50%;margin:-261px auto auto -0px;}
#yuan1{width:187px;height:188px;position:absolute;top:5%;left:2%;animation:yuan 1.5s ease;display:none;}
#yuan2{width:126px;height:127px;position:absolute;top:16%;left:20%;animation:yuan 1.5s ease;display:none;}
#yuan3{width:149px;height:148px;position:absolute;top:50%;left:12%;animation:yuan 1.5s ease;display:none;}
#hengyi1{width:410px;height:180px;position:absolute;right:33%;top:5%;overflow: hidden;animation:hengyi1 1.5s ease;display:none;}
#hengyi1 img{animation:hengyiimg 15s linear;}
#yuan4{width:168px;height:168px;position:absolute;bottom:10%;left:8%;animation:rig_lef 1.5s ease;display:none;}
#yuan5{width:168px;height:168px;position:absolute;bottom:10%;left:30%;animation:rig_lef 1.5s ease;display:none;}
#deng{width:305px;height:194px;position: absolute;top:6%;right:26%;animation:deng 1.5s ease;display:none;}
#bashi{width:768px;height:205px;position:absolute;bottom:0;right:0;animation:bashi 3s ease;display:none;}
#ship{width:868px;height:194px;position:absolute;top:10%;left:6%;animation:rig_lef 1.5s ease;display:none;}
#lou{width:220px;height:151px;position:absolute;bottom:5%;right:14%;animation:rig_lef 1.5s ease;display:none;}
#xi{width:220px;height:151px;position:absolute;bottom:5%;right:38%;animation:rig_lef 1.5s ease;display:none;}

/*滚动*/
#img_box{width:100%;height:100%;position:absolute;top:0;left:0;}
.img{background-size:100% 100%;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;}
.ping3_txt{position: absolute;width:474px;top:16%;left:50%;margin-left: -237px;}
.logo{width:118px;height:116px;margin: auto;animation:ping3txt 0.5s ease;-webkit-animation:ping3txt 0.5s ease;}
.gyscx{width:447px;height:69px;margin-top:30px;animation:ping3txt 1s ease;-webkit-animation:ping3txt 1s ease;}
.zwym{width:370px;height:14px;margin: auto;margin-top:20px;animation:ping3txt 1.5s ease;-webkit-animation:ping3txt 1.5s ease;}
.btn_box{width:222px;height:48px;margin: auto;position: relative;margin-top:10px;animation:ping3txt 2s ease;-webkit-animation:ping3txt 2s ease;}
.congx{width:65px;height:32px;display: block;position: absolute;top:8px;left:20px;}
.zhongw_k{width:65px;height:16px;overflow:hidden;}
.zhongw{margin-top:-16px;}
.yingw{margin-top:0px;}
.yingw_k{width:46px;height:10px;overflow:hidden;margin:8px;}
.congx:hover .zhongw{margin-top:0px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.congx:hover .yingw{margin-top:-10px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.jinru{width:65px;height:32px;display: block;position: absolute;top:8px;right:20px;}
.jinru:hover .zhongw{margin-top:0px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.jinru:hover .yingw{margin-top:-10px;transition: all .3s ease;-webkit-transition: all .3s ease;}
/*滚动*/

/*展示终*/

#time_box{width:100%;height:90px;background:url(imagessjz_bg.png);position: absolute;left:0;bottom:-90px;z-index:99;transition:all 1s ease;}
#time{width:1262px;height:57px;margin:auto;margin-top:12px;position:relative;}
#time span{display:block;width:45px;height:45px;position:absolute;top:0;}
#time ul{position: absolute;left:20px;}
.time_btn{width:200px;height:57px;float:left;cursor:pointer;}
.time_btn div{width:200px;height:14px;background:url(imageszhou1.png) no-repeat center;margin:10px auto 8px auto;}
.time_btn h1{text-align: center;font-size:18px;font-weight:bold;color:white;}
.time_btn:hover div{background:url(imageszhou2.png) no-repeat center;}
.time_btn:hover h1{color:#e7c111;}

#map_big_box{background:url(imagesbgtc.png);position:absolute;z-index:2016;right:0;display:none;animation:hengyi1 1s linear;}
#map_box{background:url(imagesditubg.png);position: absolute;animation:hengyi1 1s linear;display:none;background-size:100% 100%;z-index:2016;}
.map{width:100%;height:100%;position:absolute;display:none;animation:mapo 1s linear;background-size:100% 100%;}
@media screen and (min-width:600px) and (max-width: 1400px){
	#map_big_box{
		width:300px;
		height:100%;
		top:30px;
		}
	#lou{
		width:0;height:0;
		}
	#xi{
		right:30%;
		}
	#map_box{
		width:223px;
		height:290px;
		left:50%;
		margin-left:-126px;
		top:10%;
		margin-top:-0px;
		}
	}
	
@media screen and (min-width:1400px){
	#map_big_box{
		width:650px;
		height:100%;
		top:30px;
		}
	#map_box{
		width:450px;
		height:580px;
		left:50%;
		margin-left:-310px;
		top:50%;
		margin-top:-290px;
		}
	}
