@charset "UTF-8";
/**
 * Index Css
 * @Authors dede58.com
 * @Date 2015-06-11
 */
.m-header {
	width: 100%;
	height: 89px;
	background: rgba(255,255,255,0.7);
	border-top: 4px solid #b8292f;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999999;
	/* box-shadow: 0 0 10px #fff; */
}






.m-logo {
	position: absolute;
	left: 60px;
	top: 10px;
}
.m-nav {
	margin: 0px 50px 0 0;
	float: right;
}
.m-nav a.index, .m-nav dl dt a {
	float: left;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
	width: 110px;
	line-height: 90px;
	margin: 0 10px;
}
.m-nav a.active, .m-nav a.index:hover, .m-nav dl.hover dt a {
	
	background: url(../images/nav-bot.png) no-repeat bottom center; 
	

}
.m-nav dl {
	float: left;
	position: relative;
	font-size: 14px;
}
.m-nav dl dd {
	width: 130px;
	padding: 15px 0 15px 0px;
	position: absolute;
	top: 86px;
	left: 0;
	background: #fff;
	color: #000;
	display: none;
	background: rgba(255,255,255,0.7);
}
.m-nav dl dd:before {
	content: "";
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	display: block;
	border: 0 solid transparent;
	border-width: 8px;
	border-bottom-color: #fff;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -8px;
}
.m-nav dl dd a {
	display: block;
	line-height: 30px;
	text-align: center;
}
.m-nav dl dd a:hover {
	text-decoration:none;
	background:#b8292f; color:#fff;
}
.m-tool {
	position: absolute;
	right: 60px;
	top: 28px;
	z-index: 100;
}
.m-tool li {
	float: left;
	width: 50px;
	height: 65px;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
}
.m-tool li.map {
	background: url(../images/map.png) no-repeat;
}
.m-tool li.map a {
	display: block;
	height: 100%;
}
.m-tool li.wei {
	background: url(../images/wei.png) no-repeat;
}
.m-tool li.qq {
	background: url(../images/qq.png) no-repeat;
}
.m-tool li.qq a {
	margin-top: 10px;
	display: block;
}
.m-tool li div {
	position: absolute;
	top: 58px;
	left: 50%;
	background-color: #908556;
	border-radius: 3px;
	padding: 10px;
	width: 80px;
	text-align: center;
	color: #fff;
	margin-left: -50px;
	display: none;
}
.m-tool li div:before {
	content: "";
	background: url(../images/arrow.png) no-repeat;
	display: block;
	width: 16px;
	height: 9px;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -8px;
}
@media screen and (max-width:1440px) {
.m-logo {
	left: 20px;
}
.m-tool, .m-login {
	right: 25px;
}
.m-nav {
	margin-left: 180px;
}
}
@media screen and (max-width:1280px) {
.m-nav a.index, .m-nav dl dt a {
	width: 100px!important;
}
.m-nav dl dd {
	width: 100%!important;
}
}
@media screen and (max-width:1024px) {
.m-nav {
	margin-left: 150px;
}
.m-tool {
	display: none;
}
}

.m-sliderpage {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}
.m-sliderpage .page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
.m-sliderpage .page img {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0px;
	margin: 0px auto;
}
.taoyuan .text-con {
	position: absolute;
	left: 50%;
	top: 180px;
	width: 520px;
	margin-left: -260px;
	z-index: 2;
}
.taoyuan i {
	position: absolute;
	display: block;
	overflow: hidden;
	z-index: 2;
}
.taoyuan .text-con i {
	opacity: 0;
	filter: alpha(opacity=0);
}
.taoyuan i.ty-a {
	background: url(../images/text1.png) no-repeat;
	width: 29px;
	height: 281px;
	top: 50px;
	right: 30px;
}
.taoyuan i.ty-b {
	background: url(../images/text2.png) no-repeat;
	width: 42px;
	height: 420px;
	top: 50px;
	right: 45px;
}
.taoyuan i.ty-c {
	background: url(../images/text3.png) no-repeat;
	width: 36px;
	height: 376px;
	top: 50px;
	right: 80px;
}
.taoyuan i.ty-d {
	background: url(../images/text4.png) no-repeat;
	width: 46px;
	height: 277px;
	top: 50px;
	right: 130px;
}
.taoyuan i.ty-e {
	background: url(../images/text5.png) no-repeat;
	width: 170px;
	height: 340px;
	top: 100px;
	left: 0;

}
.taoyuan i.ty-bg {
	background: url(../images/text_bg.png) no-repeat;
	width: 319px;
	height: 529px;
	top: 0;
	right: 0;
}
.taoyuan i.yun-a, .taoyuan i.yun-b {
	background: url(../images/image8.png) no-repeat;
	width: 900px;
	height: 350px;
	bottom: -150px;
	left: -150px;
	opacity: .9;
	filter: alpha(opacity=90);
}
.taoyuan i.yun-b {
	top: 0;
	left: auto;
	right: -500px;
	opacity: .1;
	filter: alpha(opacity=10);
}
.taoyuan i.hua-a {
	background: url(../images/image1.png) no-repeat;
	width: 500px;
	height: 487px;
	bottom: -8px;
	left: -30px;
}
.taoyuan i.hua-b {
	background: url(../images/image2.png) no-repeat;
	width: 500px;
	height: 338px;
	bottom: -8px;
	left: 80px;
}
.taoyuan i.hua-c {
	background: url(../images/image3.png) no-repeat;
	width: 388px;
	height: 224px;
	top: 8px;
	right: -20px;
	z-index: 3;
}
.taoyuan i.hua-d {
	background: url(../images/image11.png) no-repeat;
	width: 115px;
	height: 77px;
	top: 50px;
	right: -115px;
}
.taoyuan i.hua-e {
	background: url(../images/image7.png) no-repeat;
	width: 62px;
	height: 56px;
	top: -30px;
	right: -62px;
}
.taoyuan i.hua-f {
	background: url(../images/image4.png) no-repeat;
	width: 49px;
	height: 33px;
	top: 110px;
	right: 200px;
	display: none;
}
.taoyuan i.hua-g {
	background: url(../images/image5.png) no-repeat;
	width: 29px;
	height: 26px;
	top: 110px;
	right: 200px;
	display: none;
}
.taoyuan i.hua-h {
	background: url(../images/image6.png) no-repeat;
	width: 21px;
	height: 14px;
	top: 110px;
	right: 200px;
	display: none;
}
.shanshui .text-con {
	width: 1134px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -567px;
	z-index: 2;
	font-size: 0;
	text-align: center;
}
.shanshui .text-con a {
	float: left;
	width: 99px;
	height: 443px;
	margin: 0 45px;
}
.shanshui .text-con i {
	display: inline-block;
	opacity: 0;
	filter: alpha(opacity=0);
}
.shanshui i.ss-a, .shanshui a.ss-c, .shanshui a.ss-d, .shanshui a.ss-e, .shanshui a.ss-f, .shanshui a.ss-g, .shanshui a.ss-h {
	background: url(../images/ss1.png) no-repeat;
	overflow: hidden;
	position: relative;
}
.shanshui i.ss-a {
	width: 550px;
	height: 96px;
	top: -50px;
}
.shanshui i.ss-b {
	background: url(../images/ss2.png) no-repeat center 0;
	width: 100%;
	height: 52px;
	overflow: hidden;
	margin: 30px 0;
}
.shanshui .link {
	position: relative;
	top: 100px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.shanshui a.ss-c {
	background-position: 0 -97px;
}
.shanshui a.ss-d {
	background-position: -99px -97px;
}
.shanshui a.ss-e {
	background-position: -198px -97px;
}
.shanshui a.ss-f {
	background-position: -297px -97px;
}
.shanshui a.ss-g {
	background-position: -396px -97px;
}
.shanshui a.ss-h {
	background-position: -495px -97px;
}
.shanshui a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.wenhua .text-con {
	margin: 96px auto 0;
	width: 1000px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.wenhua .text-con .mask {
	position: absolute;
	width: 1px;
	height: 0;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
}
.wenhua .text-con i {
	float: left;
	height: 475px;
	width: 121px;
	background: url(../images/wh1.png) no-repeat;
	position: relative;
	z-index: 2;
	top: -475px;
	margin-left: 50px;
}
.wenhua .link {
	float: left;
	height: 100%;
}
.wenhua .link a {
	float: left;
	width: 72px;
	margin-left: 70px;
	background: url(../images/wh1.png) no-repeat -136px bottom;
	z-index: 2;
	position: relative;
	border-right: 2px #721704 solid;
}
.wenhua .link a.wh-b {
	background-position: -208px bottom;
}
.wenhua .link a.wh-c {
	background-position: -280px bottom;
}
.wenhua .link a.wh-d {
	background-position: -352px bottom;
}
.wenhua .link a.wh-e {
	background-position: -424px bottom;
}
.wenhua .link a em {
	background: url(../images/wh2.png) no-repeat;
	width: 49px;
	height: 33px;
	display: none;
	position: absolute;
	bottom: 20px;
	right: 11px;
}
.wenhua .link a:hover em {
	display: block;
}
.gongyi .text-con {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 684px;
	margin-left: -342px;
	margin-top: -221px;
	text-align: center;
	z-index: 2;
}
.gongyi .text-con i {
	display: inline-block;
	background: url(../images/gy.png) no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
}
.gongyi .text-con i.gy-a {
	width: 230px;
	height: 125px;
}
.gongyi .text-con i.gy-b {
	width: 385px;
	height: 125px;
	background-position: -235px 0;
	position: relative;
	top: -50px;
}
.gongyi .link {
	width: 100%;
	margin-top: 50px;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 210px;
}
.gongyi .link a {
	float: left;
	background: url(../images/gy.png) no-repeat 0 -125px;
	width: 121px;
	padding-top: 130px;
	margin: 0 25px;
	position: relative;
}
.gongyi .link a.gy-1 {
	background-position: -121px -125px
}
.gongyi .link a.gy-2 {
	background-position: -242px -125px
}
.gongyi .link a.gy-3 {
	background-position: -363px -125px
}
.gongyi .link a p {
	margin: 0 18px;
	background-color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	font-size: 16px;
	line-height: 30px;
}
.gongyi .news {
	padding: 0 20px;
	position: relative;
	font-size: 15px;
	height: 52px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 50px;
}
.gongyi .news span {
	float: left;
	font-weight: 700;
	position: relative;
	z-index: 2;
	margin-top: 15px;
}
.gongyi .news ul {
	text-align: left;
	float: right;
	width: 550px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: 22px;
	margin: 15px 0;
}
.gongyi .news ul li a {
	float: left;
	width: 450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.gongyi .news ul li em {
	float: right;
	color: #888;
	font-size: 13px;
	font-family: arial;
	margin-top: 2px;
}
.gongyi .news .mask {
	background-color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.m-sliderpage-nav {
	position: absolute;
	right: 35px;
	bottom: 45%;
	display: block;
	margin-top: -47px;
	z-index: 8;
}
.m-sliderpage-nav li {
	width: 11px;
	height: 11px;
	display: block;
	background-color: #dcdbdb;
	opacity: .8;
	filter: alpha(opacity=80);
	border-radius: 100px;
	margin: 8px 0;
	cursor: pointer;

}
.m-sliderpage-nav li.active {
	background-color: #0f7dc7;
	height: 24px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.m-arrow {
	position: absolute;
	width: 38px;
	height: 28px;
	bottom: 130px;
	left: 50%;
	margin-left: -19px;
	background: url(../images/arr.png) no-repeat;
	z-index: 9;
	cursor: pointer;
}
.m-content {
	position: absolute;
	bottom: 52px;
	left: 0;
	width: 100%;
	z-index: 9;
}
.m-content>div {
	float: left;
	width: 25%;
	position: relative;
	height: 60px;
}
.m-content dl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.m-content dl dt {
	margin: 0 1px;
	background-color: #908556;
	display: block;
	overflow: hidden;
	line-height: 60px;
	height: 60px;
	text-align: center;
	opacity: .95;
	filter: alpha(opacity=95);
	font-size: 18px;
}
.m-content dl.hover dt {
	background-color: #0a8a8a;
	color: #fff;
}
.m-content dl dt a {
	display: block;
}
.m-content dl dt i {
	font-size: 12px;
	margin-left: 10px;
}
.m-content dl dd {
	background-color: #908556;
	margin: 0 1px;
	display: none;
	overflow: hidden;
	padding: 0 10px;
	opacity: .95;
	filter: alpha(opacity=95);
}
.m-content dl dd.news li a {
	font-size: 14px;
	display: block;
	padding-right: 90px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-content dl dd.news li a:hover {
	color: #66141b;
	text-decoration: underline;
}
.m-content dl dd.news li i {
	position: absolute;
	right: 5px;
	top: 16px;
	color: #48422b;
}
.m-content dl dd.news li, .m-content dl dd.order a, .m-content dl dd.activity a, .m-content dl dd.video a {
	display: block;
	overflow: hidden;
	padding: 15px 5px;
	border-top: 1px #655d3c dotted;
	position: relative;
}
.m-content dl dd.news li:first-child, .m-content dl dd.order a:first-child, .m-content dl dd.activity a:first-child, .m-content dl dd.video a:first-child {
	border: 0;
}
.m-content dl dd.order a img {
	float: left;
	width: 100px;
	height: 75px;
}
.m-content dl dd.order a:hover img {
	border: 2px #c03f45 solid;
	width: 96px;
	height: 71px;
}
.m-content dl dd.order a div {
	margin-left: 110px;
	overflow: hidden;
}
.m-content dl dd.order a h4, .m-content dl dd.activity a div h4 {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-content dl dd.order a p {
	font-size: 14px;
	color: #000;
}
.m-content dl dd.order a p b {
	font-family: 'Georgia';
	font-size: 28px;
	line-height: 1;
}
.m-content dl dd.activity a label {
	float: left;
	font-size: 50px;
	line-height: 1;
	font-style: italic;
	color: #fff;
}
.m-content dl dd.activity a:hover label {
	color: #66141b;
}
.m-content dl dd.activity a div {
	/* margin-left: 40px; */
	overflow: hidden;
}
.m-content dl dd.activity a p {
	color: #48422b;
	font-size: 14px;
}
.m-content dl dd.video a {
	padding-left: 33px;
	background: url(../images/video.png) no-repeat 8px 16px;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-content dl dd.video a:hover {
	color: #66141b;
	text-decoration: underline;
}
 @media screen and (max-width : 1024px) {
.m-content dl dd.order a h4 {
	font-size: 16px;
}
.m-content dl dd.order a p {
	font-size: 12px;
}
.m-content dl dd.order a p b {
	font-size: 24px;
}
}
.m-footer {
	width: 100%;
	height: 40px;
	padding: 6px 0;
	overflow: hidden;
	background-color: #b8292f;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #c6e3cc;
	font-family: arial, "宋体";
	z-index: 9;
	border-top: 2px solid #fff;
}
.m-footer .copy {
	/* float: left; */
	/* margin-left: 20px; */
	width: 100%;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 45px;
	font-family: 微软雅黑;
}
.m-footer .design {
	float: right;
	margin-right: 20px;
}
.m-footer .design label {
	margin-left: 20px;
}
.m-footer .link {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 20px;
	opacity: .7;
	filter: alpha(opacity=70);
}
.m-footer .link dt {
	float: left;
	padding-left: 20px;
}
.m-footer .link dd a {
	float: left;
	margin-right: 15px;
}
#weather {
	float: left;
}
#weather * {
	display: inline-block;
}
#weather img {
	height: 18px;
	vertical-align: text-bottom;
	margin-right: 5px;
}
#weather span {
	margin-right: 5px;
}
#weather b {
	border-radius: 2px;
	color: #fff;
	font-weight: 400;
	padding: 0 5px;
	line-height: 20px;
	margin-left: 3px;
}
#weather .pm25-l1, #weather .pm25-l2 {
	background: #096
}
#weather .pm25-l3 {
	background: #f93
}
#weather .pm25-l4 {
	background: #c03
}
#weather .pm25-l5 {
	background: #609
}

.biaoti1{text-align: center;font-size: 50px;width:100%;position: absolute;z-index: 9999;color: #fff;font-weight: bold;top:30%;text-shadow: 0 0 10px #000;filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/}
.biaoti2{
    font-size: 18px;
    line-height:40px;
    width: 50%;
    left: 25%;
    margin: auto;
    color: #fff;
    top: 50%;
    position: absolute;
    z-index: 999;
    max-height:240px;
    overflow: hidden;
    text-align: center;
}
.biaoti3{ position:absolute; bottom:20%; left:50%; margin-left:-75px; z-index: 99999;}
.biaoti3 a { display: block; width:150px; margin: atuo; border-radius: 20px; height: 40px;  line-height: 40px; background: #b8292f; text-align: center; color: #fff; font-size:16px; transition:.5s;
-moz-transition:.5s; /* Firefox 4 */
-webkit-transition:.5s; /* Safari and Chrome */}
.biaoti3 a:hover{ border:1px solid #b8292f;  background: #fff; color: #000;}


/* timeline */
.shijianzhou{width: 1000px;height: 250px;padding: 110px 30px 30px;position: relative;z-index: 9999999999;top: 50%;left: 50%;margin-left: -530px;background: rgba(0,0,0,0.6);border-radius: 20px;box-shadow: 0 0 10px #fff;margin-top: -195px;}
#timeline{width: 1000px;height: 250px;overflow:hidden;/* margin:40px auto 0 auto; *//* position:absolute; */background:url('../images/dot.gif') left 45px repeat-x;top: 0;left:0;/* padding: 20px; */}
#dates{width:1000px;height:60px;overflow:hidden;}
#dates li{float:left;width:110px;height:50px;font-size:24px;text-align:center;background:url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px;color: #fff;font-family: time;}
#dates .selected{font-size:38px;color: #f2d374;text-shadow: 0 0 3px #000;}
#issues{width:1000px;height: 250px;overflow:hidden;margin-left: 20px;}
#issues li{width: 1000px;height:350px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px;}
#issues li h1{color: #f2d374;font-size: 35px;margin: 0 50px;text-shadow:#000 1px 1px 2px;}
#issues li p{font-size: 16px;/* margin-right:70px; */font-weight:normal;line-height: 30px;text-shadow:#000 1px 1px 2px;margin: 0 50px;color: #fff;letter-spacing: 2px;}
#grad_left,#grad_right{width:100px;height:350px;position:absolute;top:0;}
#grad_left{left:0;/* background:url('../images/grad_left.png') repeat-y; */}
#grad_right{right:0;/* background:url('../images/grad_right.png') repeat-y; */}
#next,#prev{position:absolute;top:0;font-size:70px;top:170px;width:22px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 -76px;}
#next{right: 20px;background-image:url('../images/next.png');}
#prev{left: 20px;background-image:url('../images/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}
#fzlcbt{width:369px;height: 66px;position: absolute;left: 50%;top: 30px;margin-left: -184px;}

/*动画延迟及时间控制区*/
.fadeInDown {
animation-delay: 1.5s; /* W3C 和 Opera */
-moz-animation-delay: 1.5s; /* Firefox */
-webkit-animation-delay: 1.5s; /* Safari 和 Chrome */
}
.flipInX{
animation-delay: 1.5s; /* W3C 和 Opera */
-moz-animation-delay: 1.5s; /* Firefox */
-webkit-animation-delay: 1.5s; /* Safari 和 Chrome */
}
.rotateInDownRight{
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.fadeInUp {
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.rotateInUpRight {
	animation-delay: 2.3s;
	-moz-animation-delay: 2.3s;
	-webkit-animation-delay: 2.3s;
}

	#shang{
	animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
	}	
	#shang2{
		animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	}
	#xia{
	animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
	}	
	
/*动画延迟及时间控制区结束*/	

.shanshui .jituanchanye{position: relative; top:22%; height: 65%; z-index: 999; width:82%; background: rgba(255,255,255,0.7)}
.shanshui .jituanchanye .sjtop{ top:0; position: absolute; right:0;}
.shanshui .jituanchanye .sjbot{  bottom:0; position: absolute; right:0;}
.shanshui .jituanchanye .jtcytxt{ top:50%; right:60px; position: absolute;margin-top:-135px; }


.shanshui .jituanchanye .cy1{ width:132px; padding:30px 20px 0; height: 70%; position: absolute; top:0;  border-right:2px solid #b8292f; right:170px;}
.shanshui .jituanchanye .cy1 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy1 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy1 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo1.png) top center no-repeat; }

.shanshui .jituanchanye .cy2{ width:132px; padding:0 20px 30px; height: 70%; position: absolute; bottom:0; border-right:2px solid #b8292f; right:342px;}
.shanshui .jituanchanye .cy2 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy2 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy2 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo2.png) top center no-repeat; }

.shanshui .jituanchanye .cy3{ width:132px; padding:30px 20px 0; height: 70%; position: absolute; top:0;  border-right:2px solid #b8292f; right:514px;}
.shanshui .jituanchanye .cy3 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy3 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy3 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo3.png) top center no-repeat; }

.shanshui .jituanchanye .cy4{ width:132px; padding:0 20px 30px; height: 70%; position: absolute; bottom:0; border-right:2px solid #b8292f; right:686px;}
.shanshui .jituanchanye .cy4 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy4 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy4 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo4.png) top center no-repeat; }

.shanshui .jituanchanye .cy5{ width:132px; padding:30px 20px 0; height: 70%; position: absolute; top:0;  border-right:2px solid #b8292f; right:858px;}
.shanshui .jituanchanye .cy5 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy5 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy5 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo5.png) top center no-repeat; }

.shanshui .jituanchanye .cy6{ width:132px; padding:0 20px 30px; height: 70%; position: absolute; bottom:0; border-right:2px solid #b8292f; right:1030px;}
.shanshui .jituanchanye .cy6 h2{font-size:30px; padding-top:30px; text-align: center; background: url(../images/yuan.png) top center no-repeat; height: 100%; width:30px; float:right; line-height: 35px;}
.shanshui .jituanchanye .cy6 h2 img{ position: relative; margin-top:15px;}
.shanshui .jituanchanye .cy6 ul{ width:82px; float:left;  -webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl; font-size:16px; line-height: 40px; padding-top:68px; background: url(../images/logo6.png) top center no-repeat; }


/*3D切换开始*/
.lichengnr{ padding:20px; font-size:16px; line-height: 28px;}
.lichengnr img{ width:100%;}
/*.lichengnr h2{ height:31px; line-height: 31px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #fff; font-size:28px; 
}
.lichengnr h2 span{ float:right; display: block; height: 30px; line-height: 30px; padding:0 6px; background: #fff; color:#b8292f; font-size:22px;     font-family: 'Georgia'; border-radius: 10px; margin-top:4px;}
.hover h2{ font-size:16px;}
#bailogo{ position: relative;  margin-top:2px;}*/
#top{width:100%;height:139px;float:left;position:relative; display: none;}
#top .small{width:634px;height:56px;position:absolute;top:200px;left:50%;display:inline;margin:0 0 0 -310px;}
#top .small ul{margin:0;padding:0px;}
#top .small li{width:65px;height:48px;float:left;border:1px solid #000;display:inline;margin:3px 0 0 3px;padding:0px;filter:alpha(opacity=40);opacity:0.4;cursor:pointer;}
#top .small li.hove{filter:alpha(opacity=100);opacity:1;}
#box{width:100%;position:relative;}
#box .bg{width:100%;height:340px; position:absolute; top:132px; left:0px;}
#list{width:1004px;height:446px;position:absolute;top:200px;left:50%;display:inline;margin-left:-502px; z-index: 9;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px; position:absolute;list-style-type:none;overflow:hidden;cursor:pointer; color: #fff;}

#list li div{width:100%;height:100%;background:#000;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list li .tit{width:324px;height:120px;padding:0 10px;position:absolute; z-index:2; bottom:0px; left:0px;}
#list li .tit span{width:100%;height:30px;font-weight:normal;float:left;text-align:left;line-height:30px;color:#fff;border-bottom:1px solid #2f2f2c;margin:0px;padding:0px;}
#list li .tit span em{color:#ba0707;font-style:normal;float:none;}
#list li .tit em{color:#fff;line-height:25px;float:left;margin:0px;padding:5px 0;font-style:normal;}
#list a{width:39px;height:80px;background:url(../images/btn.png) no-repeat;text-decoration:none;position:absolute;z-index:20;top:190px;}
#list a.prev{background-position:0 0; left:-54px;}
#list a.next{background-position:-39px 0; right:-100px;}
#bottom{width:100%;height:200px;float:left;background:url(../images/bottom.jpg) no-repeat center;position:relative;}
#bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;}
#bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;}

.gongyi .xinwen{ position: relative; top:25%; width: 100%; height: 380px; z-index: 99;}
.xinwen .xwbt{ width:287px; position: absolute; left:50%; margin-left:-143px; top:20%; }
.xinwen ul { width:1080px; position: absolute; left:50%; margin-left:-540px; top:35%;}
#xwnr{ width:240px; padding: 5px; background: #fff; float:left; margin:0 10px; border-bottom:4px solid #b8292f;transition:.5s;
-moz-transition:.5s; /* Firefox 4 */
-webkit-transition:.5s; /* Safari and Chrome */}
#xwnr img{ width:100%; height: 135px; position: relative;}
#xwnr h4{ height:46px; line-height: 23px; font-size:14px; overflow: hidden;}
#xwnr:hover{ background: #b8292f; color: #fff;}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  /* width: 90%; */
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  /* padding: 2em 0; */
  /* margin-top: 2em; */
  /* margin-bottom: 2em; */
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    /* margin-top: 3em; */
    /* margin-bottom: 3em; */
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
  /* background: #666; */
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #c03b44;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #c03b44;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  /* margin: 1em 0; */
  line-height: 1.6;
	color:#fff;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;  
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {
  float: left;
  padding:0 0 .8em;
  opacity: .7;
	font-family: 'Georgia';
	color:#fff;
	font-size:20px; width:100%;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #c03b44;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 38%;
    color: #fff;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #c03b44;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 130%;
    top: 0px;
    font-size: 16px;
    font-size: 1rem;
    color: #c03b44;
    font-size: 24px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 130%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
.licheng{ padding:10px;}



@media screen and (min-width : 701px){ .mo-start{ display:none;}}
@media screen and (max-width : 700px){
	*{ font-size:14px; font-family: 微软雅黑;}
/*	.m-sliderpage{ display:none;}
.m-sliderpage-nav{ display:none;}*/
	.m-footer{ position: relative; margin-top:10px;}
	.mo-start{ width:100%;}
	.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; top:8px; margin-bottom: 8px; }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	.mo-daohang{height: 70px;line-height: 30px;background: #b8292f; clear: both;width: 100%;}
	.mo-daohang li{float:left;width:33.3333333333%;list-style: none;}
	.mo-daohang li a{display:block;line-height: 35px;color:#fff;height: 35px;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align: center;font-size: 14px;}
	.mo-daohang li:nth-child(3) a{border-right:none;}
	.mo-daohang li:nth-child(6) a{border-right:none;}
	.biaoti{ width:100%; height: 40px;color:#fff;padding:2px 0; border-top:1px solid #b8292f; border-bottom:1px solid #b8292f; margin-top:1px;}
	.biaoti h5{ background: #b8292f; height: 40px; line-height: 40px; text-align: center; font-size:18px;}
	.wenzi{ padding:10px; line-height: 24px;}
	.gengduo{ width:120px; height: 30px; line-height: 30px; color: #fff; background: #b8292f; border-radius: 5px; margin: auto; text-align: center;}
	.topbiaoti{ margin-top:15px;}
	.m-video{overflow: hidden;}
	.m-video div{ width:46%; float:left; margin:2%;}
	.m-video div a img{ width:100%; height:110px;}
	
	.m-video .tit{ height:30px; border-bottom:2px solid #b8292f; width:100%; line-height: 30px; text-align: center;}
	.m-video .tit2{height:50px;  width:100%; line-height: 22px; text-align: center; overflow: hidden; }
}


@media screen and (max-width : 1400px) {.m-header {height: 70px;} .m-logo img{ height:50px;} .m-nav a.index, .m-nav dl dt a{ width:80px; font-size:14px;line-height:70px; } .m-nav dl dd{ top:70px;} .m-nav dl dd:before{ display: none;} .m-nav dl dd{ width:100%;} .m-nav{ margin-right:20px;}
	
.shanshui .jituanchanye .cy1 h2{font-size:20px; line-height:21px; width:20px;}
.shanshui .jituanchanye .cy2 h2{font-size:20px; line-height:21px; width:20px;}
.shanshui .jituanchanye .cy3 h2{font-size:20px; line-height:21px; width:20px;}
.shanshui .jituanchanye .cy4 h2{font-size:20px; line-height:21px; width:20px;}
.shanshui .jituanchanye .cy5 h2{font-size:20px; line-height:21px; width:20px;}
.shanshui .jituanchanye .cy6 h2{font-size:20px; line-height:21px; width:20px;}

.shanshui .jituanchanye .cy1 h2 img{width:20px;}
.shanshui .jituanchanye .cy2 h2 img{width:20px;}
.shanshui .jituanchanye .cy3 h2 img{width:20px;}
.shanshui .jituanchanye .cy4 h2 img{width:20px;}
.shanshui .jituanchanye .cy5 h2 img{width:20px;}
.shanshui .jituanchanye .cy6 h2 img{width:20px;}
	
.shanshui .jituanchanye .cy1,.shanshui .jituanchanye .cy2,.shanshui .jituanchanye .cy3,.shanshui .jituanchanye .cy4,.shanshui .jituanchanye .cy5,.shanshui .jituanchanye .cy6{ width:100px;}

.shanshui .jituanchanye .cy1 ul,.shanshui .jituanchanye .cy2 ul,.shanshui .jituanchanye .cy3 ul,.shanshui .jituanchanye .cy4 ul,.shanshui .jituanchanye .cy5 ul,.shanshui .jituanchanye .cy6  ul{ width:70px; font-size:14px; line-height:35px;     overflow: hidden;}

.shanshui .jituanchanye .cy2{right: 312px;}
.shanshui .jituanchanye .cy3{right: 455px;}
.shanshui .jituanchanye .cy4{right: 600px;}
.shanshui .jituanchanye .cy5{right: 745px;}
.shanshui .jituanchanye .cy6{right: 890px;}
	#list{ top:100px;}
	.gongyi .xinwen{ top:100px;}
	.xinwen .xwbt{ width:180px; margin-left:-90px;}
	.xinwen .xwbt img{ width:100%;} 
	.xinwen .xwbt{ top:100px; }
	.biaoti3{ bottom:30px;}
}
@media screen and (max-width : 1024px) {.shanshui .jituanchanye{ width:95%;}
	.shanshui .jituanchanye .jtcytxt{margin-top: -79px; width:40px; right:40px;}
	.shanshui .jituanchanye .cy1{right: 110px;}
	.shanshui .jituanchanye .cy2{right: 242px;}
.shanshui .jituanchanye .cy3{right: 375px;}
.shanshui .jituanchanye .cy4{right: 510px;}
.shanshui .jituanchanye .cy5{right: 655px;}
.shanshui .jituanchanye .cy6{right: 800px;}
	
}