@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0; padding:0;}
body, button, input, select, textarea{font:12px/1.5 Arial,'微软雅黑',Verdana,"Lucida Grande",Helvetica,sans-serif,"Microsoft Yahei"; }
h1, h2, h3, h4, h5, h6{font-size:100%;}
small{font-size:12px;}
ul, ol{list-style:none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: none; outline:none}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
fieldset, img{border:0;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
.clearfix {*zoom: 1}
.clearfix:before,.clearfix:after {display: table;content: '';line-height: 0}
.clearfix:after {clear: both}
.auto-x { width:1200px; margin:0 auto}

body{ background: #fff}
/*banner*/
.banner{
	background: url(../../images/citywalk/banner.jpg) no-repeat;
	height: 636px;
	position: relative;
}
.bnr{
	width: 103px;
	height: 103px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -52px;
	background: url(../../images/citywalk/on.png) no-repeat;
	cursor: pointer;
	z-index: 0;
}
.bnr:hover{
	opacity: 0.8
}
.vidioBG{
	width: 100%;
	background: #000;
	z-index: 1;
	display: none;
}
@media screen and (min-width: 1440px) {
	.vidioBG video{
		margin-left: 10%;
		width: 80%;
	}
}
@media screen and (max-width: 1440px) {
	.vidioBG video{
		width: 100%;
	}
}
.vidioBG_close{
	position: absolute;
	top: 60px;
	right: 50px;
	width: 30px;
	height: 30px;
	background: url(../../images/citywalk/close.png) no-repeat center center;
	background-size: 30px 30px;
	cursor: pointer;
	z-index: 9999;
}
.picList{
	width: 682px;
	margin: 60px auto;
}
.floor1 .title{
	background: url(../../images/citywalk/title1.png) no-repeat;
	width: 334px;
	height: 82px;
	margin: 70px auto 60px;
}
.titList{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.titList li{display: inline-block;
	font-size: 18px;
	margin: 0 10px;
	color: #666;
	cursor: pointer;
}
.titList li.active{
	color: #ffc900;
	border-bottom: 2px solid #ffc900;
}
.content{

}
.floor2{
	background: url(../../images/citywalk/floor2.png) center no-repeat;
	height: 1004px;
	overflow: hidden;
}
.floor3{
	background: url(../../images/citywalk/floor3.png) center no-repeat;
	height:847px;
	overflow: hidden;
}
.floor4{
	background: url(../../images/citywalk/floor4.png) center no-repeat;
	height: 970px;
	overflow: hidden;
}
.floor5{
	background: url(../../images/citywalk/floor5.jpg) center no-repeat;
	height: 812px;
	overflow: hidden;
}
.content{
	width: 1225px;
	margin: 50px auto 45px;
}
.content li{
	width: 587px;
	height: 334px;
	float: left;
	margin: 0 13px 25px 12px;
}
.content li img{
	width: 100%;
	height: 100%;
}
.content li.headline{
	width: 587px;
	height: 693px;
}


.yjList{ width: 1200px; margin: 50px auto 0}
.yjList .tips{
	text-align:center;
	color: #fff;
	font-size: 16px;
	margin-top: 50px;
}
ul.attach {margin-right: -21px;margin-top: 20px;}
.attach li {position: relative;float: left;margin-right: 20px;overflow: hidden;width: 285px;height: 285px; margin-bottom: 20px}
.attach .name {position: absolute;left: 0;top: 285px;width: 285px;height: 85px;padding: 100px 0;color: #fff;font-size: 14px;text-align: center;line-height: 22px;z-index: 10;background: rgba(0,0,0,0.7);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B3000000',EndColorStr='#B3000000');}
:root .attach .name {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00000000',EndColorStr='#00000000')\9}
.attach .name em {padding: 0 5px;font-style: normal}
.attach .name span {font-size: 12px;}
.attach li:hover .name {top: 0;}
.attach .name:hover {text-decoration: none;}

/*侧边跟随导航*/
.tool{margin-left:620px; position: absolute; top:995px;width:130px; z-index:999}
@media screen and (max-width: 1600px) {
	.tool{right: 50px;}
}
@media screen and (min-width: 1600px) {
	.tool{left: 50%;}
}
.tooll{ position:relative;  border:2px solid #ffc900;width:126px;background: #fff }
.toolTop{ background:url(../../images/citywalk/toolTop.png) no-repeat; width:130px; height:82px; position:absolute; top:-82px; right:-2px}
.tooll ul{transition: all 0.9s ease 0s; }
.tool .item:hover,.tool a.active{ text-decoration:none; color:#fff;background: #ffcd13}
.tool .item{ width:126px; height:67px; display:block;line-height:67px; text-align:center; color:#333; font-size:14px; padding-top:1px; 
transition: all 0.2s ease 0s;white-space: nowrap; }
.tool .item span{
	width:120px;
	margin: 0 auto;
	display: block;
	border-bottom:1px solid #ffc900
}
.tooll ul li{position:relative; width:90px; }
.tool .item.yxh{
	line-height: 26px;
	padding-top: 10px;
	
}
.tool .item.yxh span{
	border: none;
}

/* .vmc-container{position: relative; width: 920px; margin: 180px auto 0;}
.vmc-viewport{overflow: hidden;}

.vmcarousel{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left; }
.vmcarousel > li img{ display: block; margin: 0 auto;width: 140px !important;height: 140px;margin-top: 60px;}

.vmc-centered{ padding: 10px 0; }
.vmc-centered img { transition: all 0.3s ease; }
.vmcarousel > li.vmc_active img{ width: 280px !important;height: 280px;margin-top:0;}
.vmcarousel > li.vmc_active .text{
	opacity: 1}
.vmcarousel > li .text{
	text-align: center;
	margin-top: 20px;
	opacity: 0
}
.vmcarousel > li .text h3{
	font-size: 20px;
}
.vmcarousel > li .text p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.vmc-arrow-left{
	background:url(../../images/citywalk/left.png) center no-repeat;
}
.vmc-arrow-left, .vmc-arrow-right{
	position: absolute; top:0; left: 225px; 
	width: 100px; height:300px; 
	overflow: hidden;
    opacity: 1;
    text-align: center;
}
.vmc-arrow-right{
	background:url(../../images/citywalk/right.png) center no-repeat;
	left: auto; right:225px;
} */


.designer-container{position: relative; width: 1200px; margin: 200px auto 0;}
.swiper-container{position: relative;margin:0 auto;width: 1020px;overflow: hidden;}
.swiper-list{list-style-type: none; padding: 0; margin: 0; width: 1000%;}
.swiper-list:after{content: ''; display: table; clear: both;}
.swiper-list > li{float: left;margin-right:45px;width: 168px;}
.swiper-list > li:last-of-type{margin-right:0}
.swiper-list > li img{ display: block; margin: 0 auto;width: 168px !important;height: 168px;}
.swiper-list > li .text{
	margin-top: 10px;
	text-align: center;
}
.swiper-list > li .text h3{
	font-size: 18px;
	color: #333;
}
.swiper-list > li .text p{
	text-align: left;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}

.designer-container .arrow-left, .designer-container .arrow-right{
	position: absolute; 
	top:82px; 
	width: 21px; 
	height:34px; 
	overflow: hidden;
	cursor: pointer;
	display: none;
}
.designer-container .arrow-left{
	left: 0;
	background:url(../../images/citywalk/no_arrow_left.png) center no-repeat;
}
.designer-container .arrow-right{
	right: 0;
	background:url(../../images/citywalk/no_arrow_right.png) center no-repeat;
}
.designer-container .arrow-left.active{
	background:url(../../images/citywalk/has_arrow_left.png) center no-repeat;
}
.designer-container .arrow-right.active{
	background:url(../../images/citywalk/has_arrow_right.png) center no-repeat;
}


/* 数据加载前的动画 */
#d_loading_css {
    position:relative;
    width: 1200px;
    height: 500px;
    z-index: 1000;
    top: 0;
    left: 0;
	background-color: rgba(255,255,255,.25);
	margin: 0px;
}

#d_loading_css .d_loading_box {
    font-size: 10px;
    position: absolute;
    text-indent: -9999em;
    border-top: 2px solid rgba(255,255,255,.2);
    border-right: 2px solid rgba(255,255,255,.2);
    border-bottom: 2px solid rgba(255,255,255,.2);
    border-left: 2px solid #fc0;
    -webkit-animation: d_doading 1.1s infinite linear;
    animation: d_doading 1.1s infinite linear;
    border-radius: 50%;
    width: 10em;
    height: 10em;
    top: 50%;
    left: 50%;
    margin: -5em 0 0 -5em
}

#d_loading_css .d_loading_box:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

#d_loading_css .d_loading_text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 80px;
    color: #fc0;
    font-family: arial;
    font-weight: 700;
    line-height: 1;
    height: 65px;
    width: 124px;
    margin: -32.5px 0 0 -62px;
    text-align: center
}
@-webkit-keyframes d_doading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes d_doading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*热点*/
.newswarpten {
	bottom: 0;
	left: 50%;
	position: fixed !important;
	z-index: 9999;
}

.newstopone {
	background: url(../../images/common/kxbg.png) no-repeat  -1px #fffff6;
	border-color: #e0d3be;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	float: left;
	font-size: 14px;
	height: 46px;
}

.newstopone .linktitle_4587 {
	display: inline;
	float: left;
	margin: 12px 0 0 70px;
}

.newstopone .linktitle_4587 a {
	color: #064361;
	font-size: 16px;
	text-decoration: none;
}

.newstopone .linktitle_4587 a:hover {
	color: #ff7e00;
	font-size: 16px;
	text-decoration: none;
}

.newstopone .close16_16 {
	background: url(../../images/common/kxbgarrowclose.png) no-repeat -47px -1px;
	cursor: pointer;
	display: inline;
	float: left;
	height: 16px;
	margin: 16px 0 0 10px;
	width: 16px;
}

.newstopone .close16_16:hover {
	background: url(../../images/common/kxbgarrowclose.png) no-repeat -1px -1px;
}

.newsarrow {
	background: url(../../images/common/kxbgarrow.png) no-repeat left top;
	float: left;
	height: 48px;
	width: 18px;
}
.sideMuen.tooRt .sideMuenTop{top:48px !important}