@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2017-02-24 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
i,em,cite,dfn{font-style:normal;}
h1{display:inline-block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.none{display:none;}
.block{display:block;}
.bold{font-weight:bold;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#8ca2a0; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/bg_body.jpg)} 
.font14{font-size:14px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.font28{font-size:28px;}
.font36{font-size:36px;}
.font48{font-size:48px;}
.font68{font-size:68px;}
.col_13a{color:#13ab9d;}
.col_fff{color:#fff;}
.lineH1{line-height:1;}
.con_style{width:1020px; margin:0 auto;}
.bg_line{background:#dcecf4; position:absolute; top:39px; left:-5px; height:30px; width:103%; z-index: -1;}

/*img_tit*/
.img_tit {width:250px; height: 35px;position: absolute; cursor:pointer;}
.img_tit .layer {position: absolute; display:none}

/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none;}
.close_dialog{width:40px; height:40px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_act/201512xinfu/ico_close.jpg) no-repeat;}

/*轮播*/
.slide{width:705px;height:300px; position: relative; background: rgb(0, 0, 0);}
.slide .prev,
.slide .next{position:absolute; z-index:10; left:0; top:50%; margin-top:-23px; display:block; width:46px; height:46px; background:url(https://static.web.sdo.com/dn/pic/dn_act/1701bb/ico_arrow.png) 13px center no-repeat; filter:alpha(opacity=80);opacity:0.8;}
.slide .next{left:auto; right:0; background-position:-47px center; }
.slide .prev:hover,
.slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide .slide_img{width:590px;height:300px;margin:0 auto ;overflow:hidden;border:2px solid #000;}
.slide .slide_img ul{width:15000px;overflow:hidden;}
.slide .slide_img li{float:left;width:590px;height:300px;}
.slide .slide_img li img{width: 100%; height: 100%;}

/*导航*/	
.nav {width:160px; top:260px;right:15px; z-index:100;  position:fixed;  text-align:center;}
.nav  .circle{width:20px;height:20px;background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/nav_point.png) no-repeat center; top:19px;right:11px; position:absolute; display:none; }
.nav a.active .circle{}
.nav a{color:#fff; background:#3ab2eb; box-shadow: 0px 3px 12px 0px rgba(200, 228, 242, 0.73); display:block; width: 114px; height: 45px; font-weight: bold; font-size:18px; line-height:45px;margin-top:20px; border-radius:45px; }
.nav .sub_nav a{font-size:14px; background:#9cb3bf; width:114px; height:24px; display:block;  line-height:24px; margin-top:10px; font-weight: normal;}
.nav .sub_nav a:hover,
.nav .sub_nav a.active{background:#3ab2eb;}	
.nav .btnTop{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/ico_top.png) no-repeat center; background-color:#3ab2eb;}
.nav .sub .arrow{padding-left:16px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/ico_scroll2.png) no-repeat left center;}
.nav .sub .new{width:30px; height:22px; position:absolute; right:-3px; top:-3px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1805meet/ico_new.png) no-repeat left center;}

/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_18act/1805meet/bg_map.jpg) no-repeat center; height:900px;}
.wrap01 .con {width:1920px; left:50%; margin-left:-960px; height:100%; overflow: hidden;}
.wrap01 .ele01{top:0; left:0;}
.wrap01 .ele02{bottom:0; left:0;}
.wrap01 .ele03{top:0; right:0;}
.wrap01 .ele04{bottom:0; right:116px;;}
.wrap01 .ele05{top:68px; left:622px;}
.wrap01 .ele06{left:1166px; top:444px; cursor:pointer;}
.wrap01 .ele07{left:1132px; top:485px; cursor:pointer;}
.wrap01 .ele08 {right:690px; top:375px; color:#fff; font-size:43px; font-weight:bold;}
.wrap01 .btn_help{bottom:20px; left:20px; width:80px; height:80px; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/btn_help.png)}
.wrap01 .box_help{bottom:0px; left:70px; width:313px; height:220px; padding: 20px 0px 0px 55px; color:#fff; font-size:18px; line-height: 1.65; background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/bg_helpBox.png) no-repeat  right; }
.wrap01 .cityBJ{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1805meet/pic_cityBJ.png?c1) no-repeat top; width:275px; right:614px; bottom:320px; height:0; transition:all .9s ease-in-out;}
.wrap01 .active .cityBJ{height:200px;}
.wrap01 .s1{left:949px; bottom:25px;}
.wrap01 .s2{left:955px; bottom:6px;}
.wrap03{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1805meet/bg_footer0525.png)no-repeat center; height:248px;}
.wrap02 .act_info{margin:170px auto 0;}
.wrap02 .act_info .act_info_l{width:400px;}
.wrap02 .act_info .act_info_r{width:510px;}
.wrap02 .act_info .subtitle{text-indent: -.5em; margin:15px 0 20px;}
.wrap02 .act_info .tit2{margin:100px 0 20px;}
.wrap02 .act_info .map_box{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/bg_map.png) no-repeat center; width:460px; height:360px;padding: 34px 29px 20px 27px; margin-bottom:30px;}
.wrap02 .act_info_l .tit2 .bg_line{top:28px; height:25px;}
.wrap02 .act_time{margin:130px auto;}
.wrap02 .act_time .tit{line-height:1.2;  margin-top: 22px;}
.wrap02 .table{width:900px; line-height:45px;}
.wrap02 .table td{border:1px solid #ade0db;}
.wrap02 .table th{background:#13ab9d; color:#fff;}
.wrap02 .table {border:2px solid #13ab9d;}
.wrap02 .table tr:nth-of-type(odd){background:#fff;}
.wrap02 .table tr:nth-of-type(even){background:#eff7f6;}
.wrap02 .act_gift{line-height:.5; text-align: center;}
.wrap02 .act_gift .tit .bg_line{top:4px; height:25px; width:105%;}
.wrap02 .act_gift .con{margin:100px auto 180px;}
.wrap02 .act_gift .col{width:300px; border:1px solid #13ab9d; float:left; margin:0 19px;}
.wrap02 .act_gift .col dd{line-height:40px; height:40px; background:#13ab9d;}
.wrap02 .desc {line-height:1.6;}
.carousel ul,
.carousel2 ul,
.carousel3 ul{transform:translate3d(0,0,0)}
.carouse2{position:absolute; right:510px; bottom:0;z-index:100;}
.carouse2 li{width:100px; height:100px; text-align:center; margin:0 14px;  overflow: hidden;}
.carouse2 li img{width:100px; height:100px; border-radius:50%; }
.carouse2 li img.active{width:92px;height:92px; border:4px solid #13ab9d; display: block;}
.carouse3{position:relative; left:86px; bottom:0; z-index:100;}
.carouse3 li{width:170px; height:130px; text-align:center; margin:0 14px;  overflow: hidden;}
.carouse3 li img{width:170px; height:130px; }
.carouse3 li img.active{width:162px;height:122px; border:4px solid #13ab9d;}

   

.prev{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/ico_arrow.png?c1)no-repeat 0 0;}
.next{background:url(https://static.web.sdo.com/dn/pic/dn_18act/1803meet/ico_arrow.png?c1)no-repeat 100% 0;}
.prev:hover{background-position:0 100%}
.next:hover{background-position:100% 100%}
.prev,.next{width:20px; height:20px; display: inline-block; margin-top:15px;}
.carouse2 .prev{margin-right:40px; float:right;}
.carouse2 .next{margin-right:215px; float:right;}
.carouse3 .prev{margin-left:355px; float:left;}
.carouse3 .next{margin-left:40px; float:left;}


.wrap02 .act_share .act_info_l{width:355px; height:450px; margin-left:100px;}
.wrap02 .act_share .act_info_r{width:355px; height:450px; right:100px; top:0;}
.wrap02 .act_share .show_img{border:4px solid #12a89a; width:350px; height:100%;}
.wrap02 .act_share .show_img img{width:100%; height:100%;}
.wrap02 .act_share .author{position:absolute; right:0; bottom:0;}

.wrap02 .act_review{margin:150px auto 60px; z-index: 1;}
.wrap02 .act_review .act_info_l{width:320px; height:410px; margin-right:100px; float:right; text-align:right;}
.wrap02 .act_review .act_info_r{width:490px; height:410px; left:100px; top:0;}
.wrap02 .act_review .show_img{border:4px solid #12a89a; width:480px; height:360px; margin-bottom:30px;}
.wrap02 .act_review .show_img img{width:100%; height:100%;}
.wrap02 .act_review .author{position:absolute; right:0; bottom:0;}




	/*footer*/
	.ani_footer{
		animation:ani_footer 1s ease-in-out both;	
	}
	
	@keyframes ani_footer {
		0% {background-position:center 248px; }
		100%{background-position:center 0;}
	}

	/*云*/
	.active .ani_moveL01{
		animation:ani_moveL 1.5s ease-in-out both;	
	}
	.active .ani_moveL02{
		animation:ani_moveL 1.2s ease-in-out  both;	
	}
	
	@keyframes ani_moveL {
		0% {transform:translate3d(0,0,0); }
		100%{transform:translate3d(-130px,0,0);}
	}	
	
	.active .ani_moveR01{
		animation:ani_moveR 1.5s ease-in-out  both;	
	}
	.active .ani_moveR02{
		animation:ani_moveR 1.2s ease-in-out  both;	
	}
	
	@keyframes ani_moveR {
		0% {transform:translate3d(0,0,0); }
		100%{transform:translate3d(130px,0,0);}
	}	
	
	/*地标动画1*/
	.ani_point_01{
				animation:ani_point_01 .8s linear infinite both;
		-webkit-animation:ani_point_01 .8s linear infinite both;
		   -moz-animation:ani_point_01 .8s linear infinite both;
			 -o-animation:ani_point_01 .8s linear infinite both;
		
	}
	@keyframes ani_point_01 {
			  0% {opacity:0;}
			  20% {opacity:1;}
			  50%{opacity:.5; transform: scale(1.2);}
			  100%{opacity:0; transform: scale(1.4);}
	}

	/*地标动画2*/
	.ani_point_02{
		animation:ani_point_02 .4s linear infinite  alternate both;
		-moz-animation:ani_point_02 .4s linear infinite alternate  both;
		-webkit-animation:ani_point_02 .4s linear infinite alternate both;
		-o-animation:ani_point_02 .4s linear infinite alternate both;
	}

	@keyframes ani_point_02{
		0%{transform:translateY(0); }
		100%{transform:translateY(-20px);}
	}
	@-webkit-keyframes ani_point_02{
		0%{-webkit-transform:translateY(0); }
		100%{-webkit-transform:translateY(-20px);}
	}
	@-moz-keyframes ani_point_02{
		0%{-moz-transform:translateY(0);}
		100%{-moz-transform:translateY(-20px); }
	}
	@-o-keyframes ani_point_02{
		0%{-o-transform:translateY(0); }
		100%{-o-transform:translateY(-20px);}
	}
	
	/*掉落动画*/

	.ani_down{
		-moz-animation: ani_down .9s linear both;
		-webkit-animation: ani_down .9s linear both;
		-ms-animation: ani_down .9s linear both;
		animation: ani_down .9s linear both;
	}
	@-moz-keyframes ani_down {
		0% { -moz-transform: translateY(-400px); opacity:0;}
		50% { -moz-transform: translateY(30px); opacity:.8;}
		60% { -moz-transform: translateY(-20px); opacity:.9;}
		70% { -moz-transform: translateY(20px); opacity:1;}
		80% { -moz-transform: translateY(-7px); opacity:1;}
		90% { -moz-transform: translateY(7px); opacity:1;}
		100% { -moz-transform: translateY(0); opacity:1;}
	}
	@-webkit-keyframes ani_down {
		0% { -webkit-transform: translateY(-400px); opacity:0;}
		50% { -webkit-transform: translateY(30px); opacity:.8;}
		60% { -webkit-transform: translateY(-20px); opacity:.9;}
		70% { -webkit-transform: translateY(20px); opacity:1;}
		80% { -webkit-transform: translateY(-7px); opacity:1;}
		90% { -webkit-transform: translateY(7px); opacity:1;}
		100% { -webkit-transform: translateY(0); opacity:1;}
	}
	@-ms-keyframes ani_down {
		0% { -ms-transform: translateY(-400px); opacity:0;}
		50% { -ms-transform: translateY(30px); opacity:.8;}
		60% { -ms-transform: translateY(-20px); opacity:.9;}
		70% { -ms-transform: translateY(20px); opacity:1;}
		80% { -ms-transform: translateY(-7px); opacity:1;}
		90% { -ms-transform: translateY(7px); opacity:1;}
		100% { -ms-transform: translateY(0); opacity:1;}
	}
	@keyframes ani_down {
		0% { transform: translateY(-400px); opacity:0;}
		50% { transform: translateY(30px); opacity:.8;}
		60% { transform: translateY(-20px); opacity:.9;}
		70% { transform: translateY(20px); opacity:1;}
		80% { transform: translateY(-7px); opacity:1;}
		90% { transform: translateY(7px); opacity:1;}
		100% { transform: translateY(0); opacity:1;}
	}
	
	/* 下滑提示箭头*/
	.ani_scroll{
		animation:ani_scroll 1s linear infinite   both;
		-moz-animation:ani_scroll 1s linear infinite   both;
		-webkit-animation:ani_scroll 1s linear infinite  both;
		-o-animation:ani_scroll 1s linear infinite  both;
	}

	@keyframes ani_scroll{
		0%{transform:translateY(-15px); opacity:0;}
		50%{opacity:1;}
		100%{transform:translateY(0); opacity:0;}
	}
	@-webkit-keyframes ani_scroll{
		0%{-webkit-transform:translateY(-15px); opacity:0;}
		50%{opacity:1;}
		100%{-webkit-transform:translateY(0); opacity:0;}
	}
	@-moz-keyframes ani_scroll{
		0%{-moz-transform:translateY(-15px); opacity:0;}
		50%{opacity:1;}
		100%{-moz-transform:translateY(0); opacity:0;}
	}
	@-o-keyframes ani_scroll{
		0%{-o-transform:translateY(-15px); opacity:0;}
		50%{opacity:1;}
		100%{-o-transform:translateY(0); opacity:0;}
	}