@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:18px;
	color:#333;
	background:#f8f7f4;
}

a{
	color:#333;
}

img{
	display:block;
}

.wrapper{
	width:100%;
	min-width:1100px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.w1100{
	width:1100px;
	margin:0px auto;
}

.w1000{
	width:1000px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
	font-weight:normal;
}

h2 a,h3 a,h4 a,h5 a{
	color:#000;
}

p,li{
	overflow:hidden;
}

#header{
	background:url(images/header.jpg) no-repeat center top;
}

#header .w1100{
	position:relative;
	height:580px;
}

#header p{
	position:absolute;
	left:50px;
	top:390px;
	width:1000px;
	line-height:30px;
	text-indent:26pt;
	letter-spacing:1px;
}

.topic{
	position:relative;
	height:60px;
	line-height:60px;
	text-align:center;
}

.topic i{
	position:absolute;
	width:100%;
	height:1px;
	left:0px;
	top:40px;
	background:#4b5351;
	z-index:1;
}

.topic span{
	font-weight:bold;
	font-size:30px;
	background:#f8f7f4;
	padding:0px 10px;
	position:relative;
	z-index:9;
}

.topic span em{
	font-weight:bold;
	font-size:50px;
}

.text1{
	text-align:center;
	line-height:36px;
	margin-top:30px;
}

#layout1{
	margin-top:90px;
}

#layout1 h5{
	font-size:18px;
	font-style:italic;
	line-height:24px;
	text-align:center;
	margin-top:25px;
	color:#f35357;
}

#layout1 .map{
	background:url(images/ly1-map.jpg) no-repeat center top;
	overflow:visible;
}

#layout1 .map .w1100{
	height:773px;
	position:relative;
	overflow:visible;
}

#layout1 .point{
	position:absolute;
	width:26px;
	height:26px;
	border-radius:50%;
	background-color:rgba(255,255,0,0.4);
}

#layout1 .point em{
	position:absolute;
	width:16px;
	height:16px;
	left:5px;
	top:5px;
	border-radius:50%;
	background-color:rgba(255,255,0,0.8);
}

#ly1-point01{ left:427px; bottom:435px; }
#ly1-point02{ left:878px; bottom:430px; }
#ly1-point03{ left:560px; bottom:460px; }
#ly1-point04{ left:465px; bottom:252px; }
#ly1-point05{ left:628px; bottom:545px; }
#ly1-point06{ left:935px; bottom:558px; }
#ly1-point07{ left:700px; bottom:447px; }
#ly1-point08{ left:378px; bottom:285px; }
#ly1-point09{ left:445px; bottom:375px; }
#ly1-point10{ left:1060px; bottom:545px; }
#ly1-point11{ left:753px; bottom:325px; }
#ly1-point12{ left:540px; bottom:535px; }
#ly1-point13{ left:360px; bottom:500px; }
#ly1-point14{ left:300px; bottom:400px; }
#ly1-point15{ left:615px; bottom:275px; }
#ly1-point16{ left:230px; bottom:255px; }
#ly1-point17{ left:515px; bottom:400px; }

#layout1 .show{
	position:absolute;
	height:250px;
	width:32px;
	display:none;
}

#layout1 .show.open{
	display:block;
}

#layout1 .show .bar{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	border-radius:14px;
	background:#37a5dd;
}

#layout1 .show .box{
	position:absolute;
	width:145px;
	height:90px;
	background:#405c76;
	left:60px;
	bottom:0px;
	text-align:center;
	color:#fff;
	border-radius:5px;
}

#layout1 .show .box h4{
	font-size:24px;
	height:44px;
	line-height:44px;
	border-bottom:1px solid #7493b1;
	margin:0px 15px;
}

#layout1 .show .box p{
	font-size:24px;
	height:44px;
	line-height:44px;
}

#layout1 .show .box i{
	position:absolute;
	left:-15px;
	top:50%;
	margin-top:-9px;
	width:0;
    height:0;
    border-top:9px solid transparent;
    border-right:15px solid #405c76;
    border-bottom:9px solid transparent;
}

#ly1-show01{ left:424px; bottom:470px; }
#ly1-show02{ left:875px; bottom:465px; }
#ly1-show03{ left:557px; bottom:495px; }
#ly1-show04{ left:462px; bottom:287px; }
#ly1-show05{ left:625px; bottom:580px; }
#ly1-show06{ left:932px; bottom:593px; }
#ly1-show07{ left:697px; bottom:482px; }
#ly1-show08{ left:375px; bottom:320px; }
#ly1-show09{ left:442px; bottom:410px; }
#ly1-show10{ left:1057px; bottom:580px; }
#ly1-show11{ left:750px; bottom:360px; }
#ly1-show12{ left:537px; bottom:570px; }
#ly1-show13{ left:357px; bottom:535px; }
#ly1-show14{ left:297px; bottom:435px; }
#ly1-show15{ left:612px; bottom:310px; }
#ly1-show16{ left:227px; bottom:290px; }
#ly1-show17{ left:512px; bottom:435px; }

#ly1-show06 .box,#ly1-show10 .box{ left:auto !important; right:60px; }
#ly1-show06 .box i,#ly1-show10 .box i{ left:auto !important; right:-15px;  border-right:none !important;  border-left:15px solid #405c76; }


@-ms-keyframes ly1-point{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	to{ transform:scale(1,1); }
}
@-moz-keyframes ly1-point{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	to{ transform:scale(1,1); }
}
@-o-keyframes ly1-point{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	to{ transform:scale(1,1); }
}
@-webkit-keyframes ly1-point{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	to{ transform:scale(1,1); }
}
@keyframes ly1-point{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.2,1.2); }
	to{ transform:scale(1,1); }
}

#layout1 .point:hover{
	animation:'ly1-point' 0.8s ease-in-out 0s normal;
	-ms-animation:ly1-point 0.8s ease-in-out 0s normal;
	-moz-animation:ly1-point 0.8s ease-in-out 0s normal;
	-o-animation:'ly1-point' 0.8s ease-in-out 0s normal;
	-webkit-animation:'ly1-point' 0.8s ease-in-out 0s normal;
}

@-ms-keyframes ly1-show{
	from{ height:0px; }
	to{ }
}
@-moz-keyframes ly1-show{
	from{ height:0px; }
	to{ }
}
@-o-keyframes ly1-show{
	from{ height:0px; }
	to{ }
}
@-webkit-keyframes ly1-show{
	from{ height:0px; }
	to{ }
}
@keyframes ly1-show{
	from{ height:0px; }
	to{ }
}

#layout1 .show.open{
	animation:'ly1-show' 0.4s ease-in-out 0s normal;
	-ms-animation:ly1-show 0.4s ease-in-out 0s normal;
	-moz-animation:ly1-show 0.4s ease-in-out 0s normal;
	-o-animation:'ly1-show' 0.4s ease-in-out 0s normal;
	-webkit-animation:'ly1-show' 0.4s ease-in-out 0s normal;
}

@-ms-keyframes ly1-box{
	from{ filter:alpha(opacity=0); opacity:0; }
	66.6%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@-moz-keyframes ly1-box{
	from{ filter:alpha(opacity=0); opacity:0; }
	66.6%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@-o-keyframes ly1-box{
	from{ filter:alpha(opacity=0); opacity:0; }
	66.6%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@-webkit-keyframes ly1-box{
	from{ filter:alpha(opacity=0); opacity:0; }
	66.6%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@keyframes ly1-box{
	from{ filter:alpha(opacity=0); opacity:0; }
	66.6%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}

#layout1 .show.open .box{
	animation:'ly1-box' 0.6s ease-in-out 0s normal;
	-ms-animation:ly1-box 0.6s ease-in-out 0s normal;
	-moz-animation:ly1-box 0.6s ease-in-out 0s normal;
	-o-animation:'ly1-box' 0.6s ease-in-out 0s normal;
	-webkit-animation:'ly1-box' 0.6s ease-in-out 0s normal;
}

#layout2{
	margin-top:90px;
}

#layout2 .box{
	margin-top:40px;
	height:662px;
	background:url(images/ly2.gif) no-repeat center top;
	position:relative;
}

#layout2 h5{
	line-height:30px;
	color:#666;
	text-align:center;
	font-size:18px;
	padding-top:15px;
	font-style:italic;
}

#layout2 .circle{
	position:absolute;
	border-radius:50%;
	cursor:pointer;
}

#layout2 .circle table{
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}

#ly2-circle01{ width:266px; height:266px; top:85px; left:665px; background:#74c2d7; }
#ly2-circle02{ width:106px; height:106px; top:352px; left:812px; background:#6e94a5; }
#ly2-circle03{ width:106px; height:106px; top:352px; left:666px; background:#d1b68b; }
#ly2-circle04{ width:150px; height:150px; top:465px; left:722px; background:#b5a68b; }
#ly2-circle05{ width:177px; height:177px; top:438px; left:508px; background:#9bb3a0; }
#ly2-circle06{ width:215px; height:215px; top:210px; left:460px; background:#b999cd; }
#ly2-circle07{ width:195px; height:195px; top:82px; left:295px; background:#cba289; }
#ly2-circle08{ width:238px; height:238px; top:115px; left:55px; background:#94ced9; }
#ly2-circle09{ width:130px; height:130px; top:360px; left:65px; background:#9eb850; }
#ly2-circle10{ width:85px; height:85px; top:525px; left:95px; background:#1ea0d7; }
#ly2-circle11{ width:290px; height:290px; top:318px; left:200px; background:#cdd9dd; }

#ly2-circle01 table{ font-size:30px; line-height:36px; }
#ly2-circle02 table{ font-size:20px; line-height:24px; }
#ly2-circle03 table{ font-size:20px; line-height:24px; }
#ly2-circle04 table{ font-size:24px; line-height:30px; }
#ly2-circle05 table{ font-size:24px; line-height:30px; }
#ly2-circle06 table{ font-size:26px; line-height:32px; }
#ly2-circle07 table{ font-size:24px; line-height:30px; }
#ly2-circle08 table{ font-size:30px; line-height:36px; }
#ly2-circle09 table{ font-size:24px; line-height:30px; }
#ly2-circle10 table{ font-size:16px; line-height:22px; }
#ly2-circle11 table{ font-size:36px; line-height:42px; }

#layout2 .circle .num{
	position:absolute;
	background-color:rgba(71,71,71,0.75);
	color:#fff;
	border-radius:3px;
	text-align:center;
	left:50%;
	z-index:9;
	display:none;
}

#layout2 .circle:hover .num{
	display:block;
}

#layout2 .circle .num em{
	font-weight:bold;
}

#layout2 .circle .num i{
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:-10px;
	width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
	border-top-style:solid;
	border-top-width:10px;
	border-top-color:rgba(71,71,71,0.75);
}

#ly2-circle01 .num,#ly2-circle08 .num,#ly2-circle11 .num{ bottom:70%; width:140px; margin-left:-70px; height:64px; line-height:64px; font-size:18px; }
#ly2-circle02 .num,#ly2-circle03 .num,#ly2-circle10 .num{ bottom:85%; width:90px; margin-left:-45px; height:40px; line-height:40px; font-size:12px; }
#ly2-circle04 .num,#ly2-circle09 .num{ bottom:80%; width:110px; margin-left:-55px; height:50px; line-height:50px; font-size:14px; }
#ly2-circle05 .num,#ly2-circle06 .num,#ly2-circle07 .num{ bottom:75%; width:120px; margin-left:-60px; height:55px; line-height:55px; font-size:16px; }

#ly2-circle01 .num em,#ly2-circle08 .num em,#ly2-circle11 .num em{ font-size:30px; }
#ly2-circle02 .num em,#ly2-circle03 .num em,#ly2-circle10 .num em{ font-size:20px; }
#ly2-circle04 .num em,#ly2-circle09 .num em{ font-size:24px; }
#ly2-circle05 .num em,#ly2-circle06 .num em,#ly2-circle07 .num em{ font-size:26px; }


@-ms-keyframes ly2-circle{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.04,1.04); }
	to{ transform:scale(1,1); }
}
@-moz-keyframes ly2-circle{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.04,1.04); }
	to{ transform:scale(1,1); }
}
@-o-keyframes ly2-circle{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.04,1.04); }
	to{ transform:scale(1,1); }
}
@-webkit-keyframes ly2-circle{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.04,1.04); }
	to{ transform:scale(1,1); }
}
@keyframes ly2-circle{
	from{ transform:scale(1,1); }
	50%{ transform:scale(1.04,1.04); }
	to{ transform:scale(1,1); }
}

#layout2 .circle:hover{
	animation:'ly2-circle' 0.6s ease-in-out 0s normal;
	-ms-animation:ly2-circle 0.6s ease-in-out 0s normal;
	-moz-animation:ly2-circle 0.6s ease-in-out 0s normal;
	-o-animation:'ly2-circle' 0.6s ease-in-out 0s normal;
	-webkit-animation:'ly2-circle' 0.6s ease-in-out 0s normal;
}

#layout3{
	margin-top:90px;
}

#layout3 .photo{
	margin-top:50px;
}

#layout4{
	margin-top:90px;
}

#layout4 .topic i{
	top:30px;
}

#layout4 .text2{
	margin:40px 0px 0px 0px;
	line-height:36px;
	z-index:9;
	position:relative;
}

#layout4 .text2 p em{
	font-weight:bold;
	color:#188ecb;
	font-size:30px;
}

#layout4 .map{
	height:675px;
	background:url(images/ly4.gif) no-repeat center top;
	position:relative;
	margin-top:-80px;
	z-index:1;
}

#layout4 .state{
	position:absolute;
	cursor:pointer;
}

#ly4-state01{ width:135px; height:120px; left:425px; top:425px; }
#ly4-state02{ width:120px; height:75px; left:655px; top:330px; }
#ly4-state03{ width:340px; height:270px; left:50px; top:105px; }
#ly4-state04{ width:145px; height:120px; left:755px; top:168px; }
#ly4-state05{ width:70px; height:70px; left:700px; top:455px; }
#ly4-state06{ width:180px; height:110px; left:300px; top:315px; z-index:99; }
#ly4-state07{ width:295px; height:145px; left:125px; top:380px; }
#ly4-state08{ width:45px; height:35px; left:560px; top:635px; }

#layout4 .num{
	position:absolute;
	bottom:50%;
	left:50%;
	margin-left:-60px;
	background:#405c76;
	width:120px;
	height:64px;
	border-radius:3px;
	text-align:center;
	color:#fff;
	z-index:50;
	display:none;
}

#layout4 .state:hover .num{
	display:block;
}

#ly4-state03 .num{
	width:180px;
	margin-left:-90px;
}

#layout4 .num i{
	position:absolute;
	left:50%;
	margin-left:-9px;
	bottom:-10px;
	width:0;
    height:0;
    border-left:9px solid transparent;
    border-top:10px solid #405c76;
    border-right:9px solid transparent;
}

#layout4 .num h4{
	border-bottom:1px solid #67839d;
	margin:0px 10px;
	height:31px;
	line-height:31px;
}

#layout4 .num p{
	height:32px;
	line-height:32px;
}

#layout5 .photo{
	margin-top:50px;
}

#footer{
	background:#efede6;
	margin-top:100px;
}