﻿/*- - - - - - - - -样式属welcome.html - - - - - - - -*/
	/*欢迎视频*/
	#welcomeVideo{position:fixed;bottom:0;top:0;background:#000;width:37.50rem;z-index:3500;}
	#welcomeVideo .btn_skip{width:7.15rem;height:2.85rem;background:url(../images/btn_skip.png) no-repeat left top;position:absolute;right:2.80rem;bottom:2.00rem;text-indent:-99em;overflow:hidden;background-size:99%;z-index:1000;}
	#mainvideo{position:absolute;width:100%;top:0;left:0;object-fit:fill;background-size:cover;overflow:hidden;}
/*- - - - - - - - -样式属点击查看.html - - - - - - - -*/
	/*查看变化*/
	#viewChanges{position:fixed;bottom:0;top:0;width:37.50rem;z-index:3600;background:url(../images/bg.jpg) repeat left top; background-size:cover; display:none;}
	#viewChanges .btnsee{width:100%;height:100%;background:url(../images/txt_viewchanges.png) no-repeat center center;position:absolute;left:0px;top:0px;display:block;text-indent:-99em;overflow:hidden;background-size:6%;}
	#viewChanges .bomlogo{position:absolute;bottom:0;transform:translatex(-50%);left:50%;padding-bottom:2.0rem;padding-top:2.40rem;width:23%;}
	#viewChanges .bomlogo img{width:100%;max-width:100%;}
/*- - - - - - - - -样式属浦东变化列表.html - - - - - - - -*/
	/**/
		#mapChangesList{width:37.50rem;margin:0 auto;z-index:300;position:fixed;bottom:0;top:0;background:url(../images/mapbg_top.png) no-repeat left top/100%,url(../images/mapbg_bom.png) no-repeat left bottom/100%,url(../images/bg.png) repeat left top/50% auto;transform:scale(1.2);transition:transform 0.3s ease-in;visibility:hidden;display:flex;flex-direction: column;}
	#mapChangesList.show{transform:scale(1);visibility:visible;z-index:3700;padding-bottom:13.34%;}
	#mapChangesList .mapbox{width:86.00%;margin:0 auto;flex:auto;overflow:hidden;display:flex;flex-direction: column;}

	#mapChangesList .ani_pic_yun{-webkit-animation:moveright 4s ease-out infinite;animation:moveright 4s ease-out infinite alternate;width:16.45rem;height:6.40rem;background:url(../images/icon_yun.png) no-repeat left top;position:absolute;top:2.55rem;left:-5.65rem;background-size:100%;}
	#mapChangesList .ani_pic_yun2{-webkit-animation:moveright 6s ease-out infinite;animation:moveright 6s ease-out infinite alternate;width:14.25rem;height:5.50rem;background:url(../images/icon_yun2.png) no-repeat left top;position:absolute;right:-6.35rem;bottom:11.95rem;background-size:100%;}
	#mapChangesList h3{width:100%;flex:none;height:7.40rem;padding-top:1.45rem;z-index:1200;position:relative;}
	#mapChangesList h3 img{width:85.00%;}
	#mapChangesList h4{text-align:center;padding-top:0.40rem;padding-bottom:0.40rem;width:50.00%;margin:0 auto;-webkit-box-flex:none;-ms-flex:none;-webkit-flex:none;flex:none;display:none;}
	#mapChangesList h4 img{width:100%;}
#mapChangesList .PicList{ position: relative;}
	#mapChangesList .tips{text-align:center;font-size:1.15rem;line-height:2.91;color:#7c9f93;-webkit-box-flex:none;-ms-flex:none;-webkit-flex:none;flex:none;}
	#mapChangesList .tips .tip_txt{width:12.75rem;height:1.30rem;background:url(../images/txt_tip.png) no-repeat left top;display:inline-block;background-size:cover;}
	#mapChangesList .bomlogo{margin:0 auto;text-align:center;-webkit-box-flex:none;-ms-flex:none;-webkit-flex:none;flex:none;height:5.90rem;align-items:center;align-self:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	#mapChangesList .bomlogo img{width:8.55rem;}
	#mapSelecttips{max-width:37.50rem;position:fixed;top:0;left:0;z-index:4500;width:5.00rem;height:5.00rem;background:url(../images/bg.png) repeat left top;box-shadow:0 0 0.70rem rgba(0,0,0,0.2);display:none;}
	#mapSelecttips img{width:100%;position:absolute;left:0;top:0;}
	.floatfn{position:absolute;right:0.65rem;top:3.25rem;width:3.50rem;z-index:15800;}
	.floatfn .btn_menu{display:block;width:3.50rem;height:3.50rem;margin-bottom:0.90rem;display:none;}
	.icon_fn{display:inline-block;vertical-align:middle;background:url(../images/icon_menu.png) no-repeat left top;background-size:300%;width:3.50rem;height:3.50rem;}
	.icon_fn.icon_fn1x1{background-position:0 0;}
	.icon_fn.icon_fn2x1{background-position:100% 0;}
	.icon_fn.icon_fn2x1.ro{background-position:50% 0;}
	/*图片列表*/
	.PicList{display:flex;flex-wrap:wrap;overflow:auto;justify-content:space-between;box-sizing:border-box;overflow-x:hidden;}
	.PicList .icon_tip_click{position:absolute;background:url(../images/icon_tipclick.png) no-repeat left top;width:4.20rem;height:4.40rem;z-index:3500;left:9.95rem;top:11.70rem; background-size: cover;}
	PicList li .photo{display:block;}
	.PicList li{background-color:#e5e5e5;margin-left:0.25rem;width:14.90rem;height:17.60rem;margin-bottom:0.60rem;margin-right:0.40rem;position:relative;opacity:0;}
	.PicList li ._mappic{width:14.40rem;position:absolute;left:0;top:0;overflow:hidden;height:0;}
	.PicList li ._mappic img{width:14.40rem;height:17.60rem;}
	.PicList li ._mapbg{width:14.40rem;height:17.60rem;background:url(../images/mapbg.png) no-repeat left top;position:absolute;left:0;top:0;opacity:0;background-size:100%;}
	.PicList li:nth-child(2) ._mappic{animation-delay:1s;}
	.PicList li:nth-child(3) ._mappic{animation-delay:2s;}
	.PicList li:nth-child(4) ._mappic{animation-delay:3s;}
	.PicList li:nth-child(5) ._mappic{animation-delay:4s;}
	.PicList li:nth-child(6) ._mappic{animation-delay:4.5s;}

	.PicList li::before,.PicList li::after{content:"";position:absolute;}
	.PicList li::before{left:100%;top:0.25rem;bottom:-0.30rem;width:0.50rem;background:#ddded8 url(../images/line_y.png) repeat-y left top;background-size:100%;transform:skewy(45deg);opacity:0;}
	.PicList li::after{top:100%;left:0.20rem;right:-0.20rem;height:0.50rem;background:#c3c7b6 url(../images/line_x.png) repeat-x left bottom;transform:skewx(45deg);opacity:0;}
	.PicList li img{width:100%;max-width:100%;}

/*动画1*/
	.anifadein_01{}
	.anifadein_01 li{animation:anifadein_01 1s ease-in forwards;}
	.anifadein_01 li::before,.anifadein_01 li::after{animation:anifadein_01 1s ease-in forwards;}
/*动画2*/
	.anifadein_02{}
	.anifadein_02 li{opacity:1;}
	.anifadein_02 li::before,.anifadein_02 li::after{opacity:1;}
	.anifadein_02 li ._mapbg{animation:anifadein_02 1s ease-in forwards;}
/*动画3*/
	.anifadein_03 li{opacity:1;}
	.anifadein_03 li ._mappic{animation:anifadein_03 2s ease-in forwards;}
	.anifadein_03 li::before,.anifadein_03 li::after{opacity:1;}
	.anifadein_03 li ._mapbg{opacity:1;}

	#docContent{position:fixed;top:0;bottom:0;width:37.50rem;background:#fff;z-index:13500;overflow:auto;}
	#docContent ._loading{width:3.30rem;height:3.30rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
	#docContent ._loading span{font-size:0.60rem;border:1px solid #eee;white-space:nowrap;color:#aaa;padding:0.10rem 0.40rem 0.10rem 0.40rem;border-radius:0.25rem;transform:translatex(-25%);cursor:pointer;}
	#docContent ._loading i{width:3.30rem;height:3.30rem;background:url(../images/loading.gif) no-repeat left top;background-size:cover;display:block;margin-bottom:0.75rem;}

/*- - - - - - - - -样式属page1993.html - - - - - - - -*/
	/*广告*/
	#banner ul{height:100%;}
	#banner ul li{height:100%;position:relative;background:#666;}
	#banner ul li.fixed ._bgpic{max-width:37.50rem;position:fixed;z-index:1000;}
	#banner ul li ._bgpic{ position:absolute;top:0;bottom:0;width:100%;left:0;background-size:cover;background-repeat:no-repeat;background-position:center top;}
	#banner ul li ._box{position:absolute;top:0px;bottom:0px;width:100%;left:0px;z-index:1500;background:transparent;}
	#banner ul li .text{font-size:1.4rem;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;font-size:1.05rem;line-height:2.00;padding-left:5.99%;padding-right:5.99%;padding-top:5.32%;padding-bottom:5.32%;z-index:1500; visibility:hidden;}
	#banner ul li .imagesAnimate{width:100%;position:absolute;left:0%;top:0%;z-index:1000;margin-left:0!important;}
	#banner ul li .imagesAnimate ._btn_stop{right:1.3rem;}
	/*内容区域*/
	#container{padding-bottom:6%;padding-top:6.52%;background:#fff url(../images/bg.jpg) repeat left top/100% auto;}
	#container .contents{width:89.00%;margin:0 auto 4%;}
	.btn_back{width:11rem;height:3rem;background:url(../images/btn_back.png) no-repeat left top;display:block;margin:0 auto;background-size:cover;text-indent:-99em;overflow:hidden;}
	#container #banner{width:112.00%;margin-left:-6%;margin-right:-6%;}
	#mainContent{width:37.50rem;margin:0 auto;position:absolute;top:0px;height:100%;overflow:auto;}

	/*栏目标题*/
	.PartTitle{font-size:1.55rem;line-height:2.32;padding-top:0.95rem;padding-bottom:0.95rem;text-align:center;font-weight:normal;position:relative;}
	.PartTitle::before{position:absolute;width:22.00%;content:"";top:0;border-top:0.10rem solid #666666;left:50%;transform:translatex(-50%);}
	/*内容*/
	.contents{text-align:justify; text-justify:inter-ideograph;}
	.contents h4{font-size:1.50rem;line-height:3.05;margin-bottom:1.10rem;text-align: center;}
	.contents p{font-size:1.40rem;line-height:1.75;margin-bottom:1.80rem;}
	/*图片列表*/
	.images{width:112.00%;margin-left:-6%;margin-right:0;margin-bottom:1.80rem;text-align:center;font-size:1.00rem;line-height:2.90;}
	.images .playvideo{position: relative;width: 100%; cursor:pointer; background: rgba(0,0,0,0.4)}
	.images .playvideo ._clickplay{position: absolute;left:0;right:0;top:0;bottom:0;}
	.images .playvideo ._clickplay::after{content:""; width:3.2rem;height: 3.2rem; background: url("../images/icon_playvideo.png") repeat center center; background-size: 100% 100%; position: absolute;left:50%;top:50%; transform: translate(-50%,-50%);}
	.images video{width:100%;max-width:100%;background:#666;height: 25rem;}
	.images img{width:100%;max-width:100%;}
	.images em{font-size:1.2rem;color:#333;font-style:italic;display:block;line-height:1.5;padding:0.4rem 15px;}
	.images em.size2{font-size:1rem;color:#999;line-height: 1.5;padding:0.4rem  8px;}
	/*图片对比*/
	.imagesBeer{width:112.00%;margin-left:-6%;margin-right:0;margin-bottom:1.80rem;text-align:center;font-size:1.00rem;line-height:2.90;}
	.imagesBeer img{width:100%;max-width:100%;background:#666;}
	
	.contents .imagesAnimate{width:112.00%;margin-left:-6%;margin-right:0;}
	/*图片幻灯片*/
	.imagesslide{width:112.00%;margin-left:-6%;margin-right:0;margin-bottom:1.80rem;text-align:center;font-size:1.00rem;line-height:2.90;}
	.imagesslide img{width:100%;max-width:100%;background:#666;}
	/*导航*/
	.imagesslide .swiper-pagination{bottom:0px;padding-top:0.23%;padding-bottom:0.13%;background-size:contain;}
	.imagesslide .swiper-pagination .swiper-pagination-bullet{width:0px;height:0px;line-height:0px;padding-top:1.5%;padding-left:1.5%;background-color:#b5b5b5;opacity:1;border-radius:50%;}
	.imagesslide .swiper-pagination .swiper-pagination-bullet-active{background-color:#44cbc7;}
	#bannerpic{background-repeat:no-repeat;background-size:cover;height:100%;}
	#bannerpic ._tipmovedown{width:2.25rem;height:2.50rem;background:url(../images/next.png) no-repeat left top;position:absolute;bottom:0;left:50%;margin-bottom:3%;background-size:cover;-webkit-animation: press 1s infinite;animation: press 1s infinite;margin-left:-1.10rem;}
	#bannerpic ._box{position:absolute;top:0px;bottom:0px;width:100%;left:0px;z-index:1500;background:transparent;}
	#bannerpic ._arrow{width:4.70rem;height:6.15rem;position:absolute;bottom:0;left:50%;transform:translatex(-10%);margin-bottom:3%;margin-left:-1.10rem;}
#bannerpic ._arrow ._txt{width:5.70rem;height:1.30rem;background:url(../images/txt_movetop.png) no-repeat left top;background-size:cover;position:absolute;left:140.00%;top:40%;}
	#bannerpic ._arrow ._arrow_top{width:2.25rem;height:2.45rem;background:url(../images/arrow_01.png) no-repeat left top;position:absolute;top:0;left:0;animation:arrowtop 3s infinite;background-size:cover;}
	#bannerpic ._arrow ._arrow_bom{background:url(../images/arrow_02.png) no-repeat left top;height:2.45rem;width:2.25rem;bottom:0;position:absolute;left:0;animation:arrowbom 3s infinite;background-size:cover;}
	#bannerpic ._arrow ._hand{width:3.05rem;height:2.45rem;background:url(../images/arrow_03.png) no-repeat left top;position:absolute;bottom:1.60rem;right:0.15rem;-webkit-animation:press 3s infinite;animation:press 3s infinite;background-size:cover;}
	.coverplay{position:fixed;top:0px;bottom:0px;left:0;width:100%;z-index:200;overflow:hidden;background:#000;}
	.coverplay .cover{position:absolute;width:100%;height:100%;display:block;transform:translate(-50%,-50%);left:50%;top:50%;}

	.cover{display:inline-block;vertical-align:middle;width:100%;height: 100%; background:url(../images/coverpic2.jpg) no-repeat left top;background-size:700%;}
	.cover.cover1x1{background-position:0 center;}
	.cover.cover2x1{background-position:16.6667% center;}
	.cover.cover3x1{background-position:33.3334% center;}
	.cover.cover4x1{background-position:50.000099% center;}
	.cover.cover5x1{background-position:66.6668% center;}
	.cover.cover6x1{background-position:83.3334999% center;}
	.cover.cover7x1{background-position:100.000199% center;}


	/*图片动画*/
	.imagesAnimate{width:100%;position:relative;z-index:2500;}
	.imagesAnimate ._btn_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#eeeeee;z-index:3600;font-size:1.5rem;letter-spacing:0.10rem;width:5.20rem;background:url(../images/icon_playvideo.png) no-repeat center top;background-size:60%;padding-top:4.00rem;white-space:nowrap;text-align:center;cursor:pointer;}
	.imagesAnimate ._btn_stop{position:absolute;color:#000000;z-index:3600;font-size:1.5rem;letter-spacing:0.10rem;white-space:nowrap;text-align:center;cursor:pointer;right:0.50rem;top:4%;display:none;}
	.imagesAnimate ._btn_stop::before{background:url(../images/icon_stop.png) no-repeat left top;height:3.20rem;width:3.20rem;content:"";display:inline-block;vertical-align:middle;margin-right:0.75rem;background-size:100%;}
	.imagesAnimate ._btn_stop.btn_plays::before{background-image:url(../images/icon_play.png);}
	.imagesAnimate ._btn_play_zz{position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:rgba(0,0,0,0.5);z-index:3500;}
	.imagesAnimate [class^='icon'],.imagesAnimate [class^='pic']{position:absolute;top:50%;left:50%;width:100%;height:100%;display:block;transform:translate(-50%,-50%);}
	.icon_roadchange{display:inline-block;vertical-align:middle;background:url(../images/roadchange1971_2011.jpg) no-repeat left top;background-size:400% 100%;}
	.icon_roadchange.icon_roadchange1x1{background-position:0 0;}
	.icon_roadchange.icon_roadchange2x1{background-position:33.3333% 0;}
	.icon_roadchange.icon_roadchange3x1{background-position:66.6666% 0;}
	.icon_roadchange.icon_roadchange4x1{background-position:99.9999% 0;}
	.pic1920_2009_{display:inline-block;vertical-align:middle;background:url(../images/pic1920_2009.jpg) no-repeat left top;background-size:500% 100%;}
	.pic1920_2009_.pic1920_2009_1x1{background-position:0 0;}
	.pic1920_2009_.pic1920_2009_2x1{background-position:25% 0;}
	.pic1920_2009_.pic1920_2009_3x1{background-position:50% 0;}
	.pic1920_2009_.pic1920_2009_4x1{background-position:75% 0;}
	.pic1920_2009_.pic1920_2009_5x1{background-position:100% 0;}
	

/*- - - - - - - - -样式属目录.html - - - - - - - -*/
	/*目录*/
	#Directory{position:fixed;top:0;bottom:0;width:37.50rem;left:50%;transform:translatex(-50%);display:none;background:rgba(55,65,70,0.8);z-index:16000;}
	#Directory .btn_DR_close{position:absolute;right:0.80rem;top:3.40rem;width:3.15rem;height:3.15rem;background:url(../images/icon_close.png) no-repeat center center;background-size:cover;cursor:pointer;}
	#Directory ol{width:88.00%;margin:0 auto;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;}
	#Directory ol::before{content:"";position:absolute;border:1px solid #d3fbff;height:115%;border-radius:50%;width:100.00%;transform:translate(-77%,-52.5%);top:50%;}
	#Directory ol li{margin-bottom:3.10rem;}
	#Directory ol li:nth-child(1){}
	#Directory ol li:nth-child(2){padding-left:3.25rem;}
	#Directory ol li:nth-child(3){padding-left:4.80rem;}
	#Directory ol li:nth-child(4){padding-left:4.80rem;}
	#Directory ol li:nth-child(5){padding-left:3.25rem;}
	#Directory ol li:nth-child(6){}
	#Directory ol li [class^='icon_year']{margin-right:2.20rem;opacity:0;transform:translatex(10px);}
	#Directory ol li [class^='txt']{opacity:0;transform:translatex(20px);}
	#Directory ol li a{}
	.txt{display:inline-block;vertical-align:middle;background:url(../images/yeartext.png) no-repeat left top;background-size:100%;width:15.70rem;height:4.15rem;}
	.txt.txt1x1{background-position:0 0;}
	.txt.txt1x2{background-position:0 20%;}
	.txt.txt1x3{background-position:0 40%;}
	.txt.txt1x4{background-position:0 60%;}
	.txt.txt1x5{background-position:0 80%;}
	.txt.txt1x6{background-position:0 100%;}
	.icon_year{display:inline-block;vertical-align:middle;background:url(../images/icon_year.png) no-repeat left top;background-size:600%;width:4.80rem;height:4.80rem;text-indent:-99em;overflow:hidden;z-index:3500;position:relative;}
	.icon_year.icon_year1x1{background-position:0 0;}
	.icon_year.icon_year2x1{background-position:20% 0;}
	.icon_year.icon_year3x1{background-position:40% 0;}
	.icon_year.icon_year4x1{background-position:60% 0;}
	.icon_year.icon_year5x1{background-position:80% 0;}
	.icon_year.icon_year6x1{background-position:100% 0;}
	.imagesslide{position:relative;}
	.imagesslide .icon_tipleft{width:8.80rem;height:2.05rem;background:url(../images/icon_tipleft.png) no-repeat left top;position:absolute;right:1.00rem;bottom:0.50rem;z-index:2500;background-size:cover;animation:tipleft_ani 0.91s infinite;}

