@charset "utf-8";

@font-face {
  font-family: 'PINGFANG4'; 
    src: url('../fonts/PINGFANG_REGULAR_0.woff2') format('woff2'),
    url('../fonts/PINGFANG_REGULAR_0.woff') format('woff'),
    url('../fonts/PINGFANG_REGULAR_0.TTF') format('truetype'),
    url('../fonts/PINGFANG_REGULAR_0.svg') format('svg');
    font-weight: normal;
}

/* 侧边导航 */
.contion .dli .telbox,.contion .dli .bgbox,.contion .dli .telbox{ 
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;	
}

.contion.scrofiexd{ bottom: 35%; }

.contion{ 
	position: fixed; 
	bottom: 30%; 
	right: 0;
	z-index: 10000;
}
.contion .dli{ width: 40px; height: 40px; position:relative; margin: 2px 0; cursor: pointer;}
.contion .dli a{ display: block; width: 100%; height: 100%; color: #ffffff; }
.contion .dli .bgbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}
.contion .dli .bg1{ background: rgba(0,0,0,.8) url(../images/asi_01.png) no-repeat center;}
.contion .dli .bg2{ background: rgba(0,0,0,.8) url(../images/asi_02.png) no-repeat center;}
.contion .dli .dwx{
	position: absolute;
	right: 45px;
	top: 0;
	z-index: 1;
	width: 0;
}

.contion .dli .bg3{ background: rgba(0,0,0,.8) url(../images/asi_03.png) no-repeat center;}
.contion .dbtop{ background: rgba(0,0,0,.8) url(../images/qnp_top.png) no-repeat center; display: none; overflow: hidden;}

.contion .dli .telbox{
	width: 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 30px;
	bottom: 0;
	z-index: 10;
	background: #b50a1c;
	overflow: hidden;
	font-size: 14px;
	font-weight: bolder;
}
.contion .dli .telbox p{ width: 200px; position: relative; }

.contion .dli:hover .bgbox{ background-color: #b50a1c; }
.contion .dbtop:hover{ background-color: #b50a1c; }
.contion .dli .bg2:hover .dwx{ width: 80px; }
.contion .dli:hover .telbox{ width: 205px;}

.contion.scrofiexd{ bottom: 35%; }
.contion,.contion .dli .telbox1{	
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;	
}

/* 侧边导航 */
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

html *{
	padding: 0;
	margin: 0;
	-moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
   box-sizing: border-box;
}

html,body{
    font-family: 'Helvetica Neue','Helvetica','Arial','PingFang SC','Hiragino Sans GB', 'Microsoft YaHei','WenQuanYi Micro Hei', 'sans-serif';
	font-weight: normal;
    font-size: 14px;
    width: 100%;
    height: 100%;
}

.bg26{
	background-color: rgba(26,26,26,1);
}

body{
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

li{
	list-style: none;
}

a{
	text-decoration: none;
}

.large-header{
	position: fixed;
	display: block;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	left: 0;
	top: 0;
}

.h24{
	font-size: 24px;
	padding: 10px 0;
}

.h36{
	font-size: 36px;
}

.h32{
	font-size: 32px;
}

.lineheight{
	line-height: 28px;
}

.color1{
    color: #676767;
}

.shicha{
	-webkit-transition:all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.allcenter{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.lrcenter{
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.tbcenter{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/* #########################导航栏########################### */

header,.bgz{
	position: fixed;
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999999;
}

.bgz{
	display: none;
	width: 100%;
	z-index: 9999998;
	background-color: rgba(0,0,0,0.6);
}

header .nav{
	position: relative;
	height: 100%;
	padding: 0 40px;
	width: 120px;
	background-color: #000;
	color: #fff;
	overflow: hidden;
}

header .nav .navlog{
	position: absolute;
	left: 40px;
	top: 40px;
	width: 40px;
}

header .nav .navlog span.menu{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin-top: 16px;
}

span.clog{
	position: relative;
	display: block;
	width: 38px;
	height: 38px;
	border: 1px solid #666666;
	text-align: center;
}

.yueclose{
	cursor: pointer;
	position: absolute;
	z-index: 99999;
	right: 20px;
	top: 20px;
	background-color: #666469;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.yueclose:hover{
	background-color: #333;
}

.yueclose span.clog i.fouri, .yueclose span.clog i.fivei{
	display: block;
	background-color: #fff;
}

.boyclose span.clog{
    cursor: pointer;
}

span.clog i{
	display: block;
}

span.clog i.onei{
	width: 14px;
	height: 1px;
	margin: 0 auto;
	margin-top: 12px;
	background-color: #fff;
}

span.clog i.twoi{
	width: 24px;
	height: 1px;
	margin: 0 auto;
	margin-top: 5px;
	background-color: #fff;
}

span.clog i.threei{
	width: 14px;
	height: 1px;
	margin: 0 auto;
	margin-top: 5px;
	background-color: #fff;
}

span.clog i.fouri,span.clog i.fivei{
	display: none;
	position: absolute;
	width: 52px;
	height: 1px;
	left: 50%;
	top: 50%;
	background-color: #666666;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-moz-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

span.clog i.fivei{
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-moz-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

header .nav ul{
	margin-top: 194px;
	width: 100%;
	border-top: 1px solid #2e2e2e;
}

header .nav ul li{
	width: 100%;
	height: 60px;
	overflow: hidden;
	border-bottom: 1px solid #2e2e2e;
}

.nav ul li span.showli{
	display: block;
	width: 314px;
	margin-left: -314px;
	height: 100%;
}

.nav ul li a{
	display: block;
	color: #fff;
	width: 100%;
	height: 100%;
	line-height: 60px;
	text-indent: 14px;
}

.english{
	position: absolute;
	left: 40px;
	bottom: 40px;
}

.english a{
	color: #fff;
}

.achange a,.achange>li>span>a{
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.achange a:hover{
	color: #dccba6;
	letter-spacing: 1px;
}

/* #########################导航栏########################### */
/* #########################bottom########################### */

 .bottom{
 	background-color: #000;
 }

 .bottom.ban{
 	position: absolute;
 	right: 0;
 	bottom: 0;
 	z-index: 9999;
 	width: 100%;
 	background-color: rgba(0,0,0,0);
 }

.alloutbox.ban{
	padding: 0;
}

 .bottom>.alloutboxinner{
 	position: relative;
 	padding-bottom: 120px;
 	padding-top: 70px;
 	color: #fff;
 }

.binner{
 	float: left;
 	width: 160px;
 	margin-left: 60px;
 	line-height: 28px;
}

 .binner.one{
    margin-left: 0;
}

.binner p.first{
	letter-spacing: 2px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

.rbinner{
	position: absolute;
	right: 0;
	bottom: 70px;
}

.rbinner{
	color: #8d8d8d;
	text-align: right;
}

.bottom.ban .rbinner{
	color: #fff;
}


/*友情链接
.rbinner .link{
	padding-bottom: 10px;
}

.rbinner .link i.iconfont{
	cursor: pointer;
	display: inline-block;
	height: 10px;
	line-height: 10px;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #8d8d8d;
	font-size: 24px;
	vertical-align: middle;
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.bottom.ban .rbinner .link i.iconfont{
	border-right: none;
}

.bottom.ban .rbinner .link i.last{
	padding-right: 0;
}

.rbinner .link>i.iconfont:hover{
	color: #dccba6;
}

.rbinner .link span{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	padding: 10px;
	padding-left: 15px;
	border: 1px solid #8d8d8d;
	text-align: left;
	margin-left: 10px;  
}*/

.rbinner .copy{
	font-size: 12px;
}

.rbinner .link span>i.iconfont{
	position: absolute;
	padding: 0;
	right: 10px;
	vertical-align: middle;
	border-right: none;
}

.popbox{
	position: fixed;
	right: 0;
	top: 40%;
	width: 45px;
	z-index: 99999;
	overflow: hidden;
	background-color: #000;
}

.popbox .pop{
	font-weight: 100%;
	cursor: pointer;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #fff;
	border-top: 1px solid #666;
	line-height: 50px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-size: 14px;
	font-weight: bold;
}

.popbox .pop:hover{
	background-color: #333;
}

.popbox .pop:nth-child(1){
	border-top: none;
}

.popbox .pop>*{
	vertical-align: middle;
}

.popbox .pop>i{
	font-weight: normal;
	font-size: 24px;
}
/* #########################bottom########################### */
/* #########################index########################### */

.banner{
	position: relative;
	width: 100%;
	padding-left: 120px;
	height: 100%;
	overflow: hidden;
}

.banner .indexinner{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.video{
	position: relative;
	z-index: 888;
	height: 100%;
	min-height: 800px;
	overflow: hidden;
}

.indeximg{
	z-index: 9999;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 50%;
	height: 100%;
	min-height: 800px;
}

.indeximg ul{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
}

.indeximg li{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.indeximg .imgbox1{
	background-image: url(../images/bg1.jpg);
}

.indeximg .imgbox2{
	background-image: url(../images/bg2.jpg);
}

.indeximg .imgbox3{
	background-image: url(../images/bg3.jpg);
}

.indeximg .imgbox{
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 10s all linear;
}

.tranbig{
    transform: scale(1.2);
}

.video video{
	display: block;
	height: 100%;
}

.logo{
	position: absolute;
	z-index: 999;
	right: 56px;
	top: 56px;
}
.logo img{
	width: 100px;
	height: auto;
}

.brands,.project,.exclusive,.design{
	position: relative;
	width: 100%;
	padding: 0 120px;
	padding-right: 0;
}

.brands .brandinner,.project .projectinner,.exclusiveinner,.designinner{
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	width: 86%;
	padding: 90px 0;
	text-align: right;
}

.design{
	position: relative;
	color: #fff;
}

.design .designbg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.designinner{
	padding-top: 250px;
	padding-bottom: 150px;
}

.exclusiveinner{
    padding: 120px 0;
    height: 835px;
}

.exclusive{
	background-image: url(../images/three.jpg);
	background-attachment: fixed;
}

.project .projectinner{
	text-align: left;
}

.titbox{
	position: absolute;
	text-align: left;
}

.titbox.titbox1{
	left: 0px;
	top: 90px;
}

.titbox.titbox2{
	right: 0px;
	top: 0px;
	text-align: right;
}

.titbox.titbox3{
	color: #fff;
	right: 0px;
	top: 120px;
	text-align: right;
}

.titbox.titbox4{
	color: #fff;
	left: 0px;
	top: 45px;
	text-align: left;
}

.titbox .tit1{
    font-size: 36px;
    font-family: "SimSun";
}

.titbox .tit1{
    font-size: 36px;
    font-family: "SimSun";
}

.titbox .tit2{
	font-size: 48px;
	font-weight: bold;
}

.titbox .titcontent{
	color: #a7a7a7;
	margin-top: 28px;
	font-size: 12px;
	line-height: 24px;
}

.bigz{
	position: absolute;
	font-family: "Arial";
	font-size: 268px;
	z-index: 9999;
}

.bigz1{
	left: 0;
	top: 0;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.bigz2{
	top: 0;
	left: 24px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.bigz3{
	color: #fff;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0,40%);
	-moz-transform: translate(0,40%);
	-ms-transform: translate(0,40%);
	-o-transform: translate(0,40%);
	transform: translate(0,40%);
}

.bigz4{
    left: 0;
	bottom: -30px;
	color: #fff;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.imgone{
	display: inline-block;
	position: relative;
}

.linecontent{
	text-align: left;
	position: absolute;
	background-color: rgba(0,0,0,0);
}

.brandinner .imgone{
	width: 44%;
}

.brandinner .imgone img{
	width: 100%;
}

.linecontent1{
	width: 56%;
	right: 43%;
	bottom: 162px;
	padding-top: 50px;
	padding-bottom: 100px;
	padding-right: 110px;
	padding-left: 160px;
}

.h24r{
	font-weight: bold;
}

.linecontent2{
	width: 45%;
	left: 55%;
	top: 56%;
	padding-top: 50px;
	padding-bottom: 100px;
	padding-right: 120px;
	padding-left: 80px;
	height: 308px;
}

.linecontent3{
	width: 60%;
	left: 0;
    color: #fff;
    padding-left: 50px;
}


.titr{
    font-weight: bold;
}

.wtr{
	position: absolute;
	-webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    height: 100%;
    text-align: center;
    top: 0;
    letter-spacing: 3px;
    font-size: 12px;
    font-family: "Arial";
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
}

.wtr1{
    left: 50px;
}

.wtr2{
	right: 50px;
}

.wtr3{
	left: 0;
}


.linecontent:hover>.wtr{
	color: #dccba6;
}
.sline,.slineinner{
	position: absolute;
}

.sline{
	overflow: hidden;
	background-color: #000;
}

.slineinner{
	background-color: #dccba6;
}

.linetop,.linebottom{
    height: 5px;
    width: 0;
}

.linetopinner,.linebottominner{
    height: 100%;
    width: 0;
}

.lineleftinner,.linerightinner{
    width: 100%;
    height: 0;
}

.lineleft,.lineright{
    width: 5px;
    height: 0;
}

.linetop,.linetopinner{
	top: 0;
	left: 0;
}

.lineright,.linerightinner{
	top: 0;
	right: 0;
}

.linebottom,.linebottominner{
	bottom: 0;
	right: 0;
}

.lineleft,.lineleftinner{
	left: 0;
	bottom: 0;
}

.toplinea{
    -webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	width: 100%;
}

.rightlinea{
    -webkit-transition: all 0.3s 0.6s;
	-moz-transition: all 0.3s 0.6s;
	-ms-transition: all 0.3s 0.6s;
	-o-transition: all 0.3s 0.6s;
	transition: all 0.3s 0.6s;
	height: 100%;
}

.bottomlinea{
    -webkit-transition: all 0.6s 0.9s;
	-moz-transition: all 0.6s 0.9s;
	-ms-transition: all 0.6s 0.9s;
	-o-transition: all 0.6s 0.9s;
	transition: all 0.6s 0.9s;
	width: 100%;
}

.leftlinea{
    -webkit-transition: all 0.3s 1.5s;
	-moz-transition: all 0.3s 1.5s;
	-ms-transition: all 0.3s 1.5s;
	-o-transition: all 0.3s 1.5s;
	transition: all 0.3s 1.5s;
	height: 100%;
}

.leftlineau{
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	height: 0;
}

.bottomlineau{
    -webkit-transition: all 0.6s 0.3s;
	-moz-transition: all 0.6s 0.3s;
	-ms-transition: all 0.6s 0.3s;
	-o-transition: all 0.6s 0.3s;
	transition: all 0.6s 0.3s;
	width: 0;
}

.rightlineau{
    -webkit-transition: all 0.3s 0.9s;
	-moz-transition: all 0.3s 0.9s;
	-ms-transition: all 0.3s 0.9s;
	-o-transition: all 0.3s 0.9s;
	transition: all 0.3s 0.9s;
	height: 0;
}

.toplineau{
    -webkit-transition: all 0.6s 1.2s;
	-moz-transition: all 0.6s 1.2s;
	-ms-transition: all 0.6s 1.2s;
	-o-transition: all 0.6s 1.2s;
	transition: all 0.6s 1.2s;
	width: 0;
}

.readmore{
	cursor: pointer;
	display: inline-block;
	color: #676767;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.zs .readmore{
	color: #fff;
}

.zs .readmore .readline{
	background-color: #fff;
}

p.more{
    position: absolute;
    bottom: 50px;
}

.readmore:hover{
	color: #dccba6;
	letter-spacing: 1px;
}

.readmore:hover>.readline{
	background-color: #dccba6;
	margin-right: 0px;
	-webkit-transform: scale(0.5) rotateZ(-90deg);
	-moz-transform:  scale(0.5) rotateZ(-90deg);
	-ms-transform:  scale(0.5) rotateZ(-90deg);
	-o-transform:  scale(0.5) rotateZ(-90deg);
	transform:  scale(0.5) rotateZ(-90deg);
}

.readmore .readline{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 2px;
	background-color: #767676;
	margin-right: 20px;
}

.projectinner .slidebox{
	position: relative;
	width: 100%;
}

.projectinner .slidebox ul,.projectinner .slidebox ul li{
	position: relative;
	width: 100%;
}

.se{
	max-height: 216px;
	overflow: hidden;
	overflow-y: scroll;
}

.projectinner .slidebox ul li img{
	position: relative;
	width: 56%;
}

.prebut,.nxtbut{
	cursor: pointer;
	position: absolute;
	width: 80px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.prebut{
    left: -90px;
}

.prebut:hover{
	color: #dccba6;
	border-bottom: 1px solid #dccba6;
}

.nxtbut:hover{
	color: #dccba6;
	border-bottom: 1px solid #dccba6;
}

.nxtbut{
    right: -90px;
}

.designinner .desbox{
	text-align: left;
    width: 100%;
    overflow: hidden;
}
.designinner .desbox a{
	color:#FFF;
}

.designinner .desbox .desboxone{
	width: 100%;
	/* float: left; */
}

.desbox .desboxone .oneboy{
	float: left;
	width: 25%;
	padding-bottom: 70px;
	height:630px
}

.desbox .desboxone .boyimgbox{
	cursor: pointer;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.desbox .desboxone .twoboy{
    float: left;
	width: 25%;
	padding-top: 70px;
	height:630px
}

.desboxone .oneboy .boyimgbox>img,.desboxone .twoboy .boyimgbox>img{
	display: block;
	width: 100%;
}

.boyimgbox .imgfocus{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
	background-color: rgba(0,0,0,0.4);
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.boyimgbox:hover .imgfocus{
	background-color: rgba(0,0,0,0);
}

.desbox .desboxone .boyname{
	padding: 14px;
}

.newtitbox{
	width: 100%;
	text-align: center;
	padding-bottom: 80px;
}

.news{
	background-color: #fff;
}

.news>.alloutboxinner{
	overflow: hidden;
	padding: 120px 0;
}

.newtitbox p.newtitz{
	font-size: 36px;
	font-family: "SimSun";
}

.newtitbox p.newtite{
	position: relative;
	font-size: 50px;
	font-weight: bold;
}

.newtitbox p.newtite span{
	position: relative;
	display: inline-block;
	background-color: #fff;
	padding: 0 34px;
	text-align: center;
}

.newtitbox p.newtite .bline{
    position: absolute;
    left: 0;
	top: 50%;
	width: 100%;
	height: 5px;
	background-color: #000;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.newindexbox{
	position: relative;
	width: 33%;
	float: left;
	padding-bottom: 50px;
}

.newindexbox .more{
	bottom: 0;
}

.newindexbox.right{
	padding-left: 26px;
}

.newindexbox.left{
	padding-right: 26px;
}

.newindexbox.center{
	width: 34%;
	padding: 0 13px;
	padding-bottom: 50px;
}

.newindexbox p{
	color: #676767;
}

.newindexbox p.ntit{
	color: #000;
    font-weight: bold;
    font-size: 16px;
    padding: 16px 0;
}

/* #########################index########################### */
/* #########################brands########################### */

.alloutbox{
	position: relative;
	width: 100%;
	padding: 0 120px;
	padding-right: 0;
	margin-top: -16px;
}

.alloutboxinner{
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	width: 86%;
}
.banners{
	position: relative;
	color: #fff;
	width: 100%;
	height: 590px;
	padding-left: 120px;
	overflow: hidden;
}

.banners .bannersinner{
    width: 100%;
    height: 100%;
    position: relative;
}

.banners .bannerin{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 10s linear;
	-moz-transition: all 10s linear;
	-ms-transition: all 10s linear;
	-o-transition: all 10s linear;
	transition: all 10s linear;
}

.bannerscale{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.bannerbr{
	background-image: url(../images/bg.jpg);
}

.bannernew{
	background-image: url(../images/newsbg.jpg);
}

.bannerpro{
	background-image: url(../images/xmbg.jpg);
}

.bannerser{
	background-image: url(../images/bg3.jpg);
}

.bannerdesign{
	background-image: url(../images/teambg.jpg);
}

.bannercon{
    background-image: url(../images/contactbg.jpg);
}

.bannertit{
	width: 100%;
	color: #fff;
	text-align: center;
}

.bannertit .titz{
	width: 100%;
	font-size: 36px;
	/* font-family: "SimSun"; */
}

.bannertit .titz>span{
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
	background-color: #fff;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

.bannertit .tite{
	width: 100%;
	font-size: 50px;
	font-weight: bold;
}

.bannertit .scrollp{
	position: relative;
	width: 100%;
}

.bannertit .scrollp i{
	position: absolute;
	display: block;
	top: 10px;
	font-size: 34px;
	color: #fff;
	animation: tb 4s infinite; 
}

@keyframes tb{
	0%{
		top: 10px;
	}

	50%{
		top: 30px;
	}

	100%{
		top: 10px;
	}
}

.brandscont>.alloutboxinner{
	padding: 70px 0;
}

.onebrand{
	position: relative;
	width: 100%;
	margin-top: 50px;
}
.onebrand.one{
	margin-top: 0;
}

.onebrand>img{
	width: 50%;
}

.onebrand>.linecontent{
	padding: 70px;
	width: 46%;
}

.onebrand>.linecontent .h24{
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.onebrand>.linecontent:hover .h24{
    color: #dccba6;
}

.onebrand.right>.linecontent{
	right: 48%;
}

.onebrand.left>.linecontent{
	left: 48%;
}

.onebrand.right{
	text-align: right;
}
.vid{
	width: 100%;
}

.vid img{
	display: block;
	width: 100%;
}

/* #########################brands########################### */
/* #########################news########################### */


.newbox{
	overflow: hidden;
}

.newbox .timebox{
	width: 100%;
	text-align: center;
	padding: 25px 0;
	overflow: hidden;
}

.newbox .alloutboxinner{
	position: relative;
	padding-bottom: 20px;
	overflow: hidden;
}

.newbox .timebox>.time{
	display: inline-block;
	width: 80px;
	height: 80px;
	position: relative;
	background-color: #dccba6;
	border-radius: 50%;
}

.newbox .timebox>.time>.allcenter>span{
	display: inline-block;
	text-align: center;
	color: #fff;
}

.newbox .timebox>.time>.allcenter>span.year{
	font-size: 18px;
	height: 22px;
	line-height: 22px;
}

.newbox .timebox>.time>.allcenter>span.mo{
	font-size: 30px;
	line-height: 30px;
	height: 30px;
}

.onenew{
	cursor: pointer;
	position: relative;
	width: 50%;
	margin-top: 140px;
}

.onenew:hover .newinner{
   background-color: #dccba6;
}

.onenew span{
	display: inline-block;
}

.onenew.left{
	float: left;
}

.onenew.left.first,.onenew.right.first{
	margin-top: 0px;
}

.onenew.right{
	float: right;
}

.onenew .addot{
	width: 100%;
	position: relative;
}

.onenew .addot .dot{
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 2px solid #dccba6;
	border-radius: 50%;
}

.onenew.right .addot .dot{
	left: 0;
}

.onenew.left .addot .dot{
	position: absolute;
	right: 0;
	top: 50%;
	 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
}

.onenew:hover .dot{
	background-color: #dccba6;
}

.onenew.right .addot{
	padding-left: 30px;
}

.onenew.left .addot{
	padding-right: 30px;
}

.onenew .newinner{
	position: relative;
	text-align: left;
    width: 100%;
    background-color: #f3f3f3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.onenew .newinner .content{
	position: absolute;
	left: 50%;
	width: 50%;
	padding: 0 30px;
	color: #434343;
}

.onenew .newinner img{
	float: left;
	width: 50%;
	max-height: 300px;
	min-height: 240px;
}

.newinner .content .t{
	color: #000;
	font-size: 18px;
}

.newinner .content .title{
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0;
}

.bottomclear{
	width: 100%;
	height: 80px;
}

.centenrline{
	width: 2px;
	height: 0;
	background-color: #dcdcdc;
}

.bottomdot{
	position: absolute;
	top: 0;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 2px solid #dccba6;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-100%);
    -moz-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-100%);
    -o-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
}

.topz{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 100px;
	background-color: #fff;
}

.newd{
	opacity: 0;
}

.onenew:hover .title{
	text-decoration: underline;
}

/* #########################news########################### */
/* #########################DESIGN########################### */

.design.designbox .designinner{
	padding-top: 60px;
}

.design.designbox .designinner .alldes{
	text-align: center;
}

.design.designbox .designinner .alldes img{
	width: 100%;
}

.httit{
	text-align: center;
	padding: 60px 0;
	clear:both;
}

.httit p.h36{
	
}

.httit p.h24{
	font-family: "SimSun";
}

.loadbox{
	padding-top: 80px;
	position: relative;
	text-align: center;
	width: 100%;
}

.loadbox span{
	display: inline-block;
}

.loadbox p{
	width: 100%;
	position: relative;
}

.loadbox span.lod{
	display: inline-block;
	width: 80px;
	text-align: center;
	color: #fff;
	background-color: rgba(26,26,26,1);
	z-index: 9999;
	position: relative;
}

.loadbox span.line{
	position: absolute;
	width: 184px;
	height: 2px;
	background-color: #dccba6;
	animation: lsline 1.2s infinite;
}

@keyframes lsline{
	0%{
		width: 184px;
		background-color: #dccba6;
	}

	50%{
		width: 100px;
		background-color: #fff;
	}

	100%{
		width: 184px;
		background-color: #dccba6;
	}
}

.man{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 120px;
	position: fixed;
	z-index: 999;
	overflow: hidden;
	background-color: rgba(0,0,0,0.8);
	overflow-y: scroll;
}

.man .incontent{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.man .incontent .intrcont{
	color: #fff;
	position: absolute;
	width: 30%;
	left: 50%;
}

.man img{
	display: block;
	width: 100%;
}

.intr{
    width: 100%;
    background-color: #fff;
}
.intrcont>p{
	line-height: 28px;
}

.intr .intrbox{
	position: relative;
	width: 86%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-bottom: 60px;
}

.intrbox .introne{
	display: block;
	float: left;
	cursor: pointer;
	position: relative;
    width: 33%;
    overflow: hidden;
    padding-bottom: 4px;
}

.intrbox .introne.center{
	margin: 0 4px;
}

.intrbox .introne .introneinner{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.intrbox .introne .introneinner img{
	width: 100%;
}

.intrbox .introne:hover .intrz{
    height: 100%;
}

.intrbox .introne img{
	display: block;
}

.intrbox .introne .intrz{
	position: absolute;
	left: 0;
	bottom: 4px;
	height: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition:all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.introne .intrz .allcenter{
	width: 100%;
}

.introne .intrz .allcenter p.pname{
    font-size: 28px;
    font-family: "Arial";
}

.introne .intrz .allcenter p.padd{
	font-size: 36px;
}

.man .incontent{
	overflow: hidden;
	position: relative;
}

.man .incontent span.clog,.man .incontent span.clog i.fouri,.man .incontent span.clog i.fivei{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.man .incontent span.clog i.fouri,.man .incontent span.clog i.fivei{
    background-color: #a3a2a4;
}



.man .incontent .boyclose{
	position: absolute;
	display: block;
	cursor: pointer;
	top: 30px;
	background-color:#000;
	text-align:center;
	line-height:50px;
	height:50px;
	right: 30px;
	overflow: hidden;
	
	width:102px;
	color:#FFF
}

.man .incontent .boyclose:hover{
	background-color:#FFF;
	color:#000;
}


.man .incontent span.clog:hover{
	border: 1px solid #fff;
}

.man .incontent span.clog:hover i.fouri{
	background-color: #fff;
}

.man .incontent span.clog:hover i.fivei{
	background-color: #fff;
}

.man .incontent span.clog i.fouri,.man .incontent span.clog i.fivei{
	display: block;
}

.dtit{
	font-size: 48px;
	font-weight: bold;
}

.dde{
	padding: 18px 0;
	border-bottom: 5px solid #fff;
}

.dwork{
	font-weight: bold;
}

.dname{
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0;
}

.yuyue{
	cursor: pointer;
	margin-top: 60px;
	display: inline-block;
	text-align: center;
	height: 46px;
	line-height: 44px;
	border: 2px solid #fff;
	width: 220px;
	font-size: 18px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.yuyue:hover{
	background-color: #999;
}

.bodyfixed{
    position: fixed;
}

.alertyu{
	display: none;
	position: fixed;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	padding-left: 120px;
	background-color: rgba(0,0,0,0.8);
	left: 0;
	top: 0;
}

.alertyu>.alloutboxinner{
	height: 600px;
}

.alertyu>.alloutboxinner .lemassage{
	overflow: inherit;
}

.yalert{
	margin-top: 8%;
	padding-bottom: 60px;
	background-color: #fff;
}

.yalert>.httit{
	padding-bottom: 30px;
}

.slideBox.left{
    padding-left: 0;
    padding-right: 10px;
}
/* #########################DESIGN########################### */
/* #########################reserve########################### */

.reservecont{
	background-color: #1a1a1a;
	color: #fff;
}

.reserve{
	padding: 90px 0;
    text-align: center;
}

.reserve .blod{
	padding: 16px 0;
	font-weight: bold;
	font-size: 18px;
}

.mapbox{
	width: 100%;
	height: 627px;
}

.massage .alloutboxinner .httit{
	padding-bottom: 10px;
}

.massage .alloutboxinner{
	padding-bottom: 70px;
}

.minputinner.select{
	position: relative;
	cursor: pointer;
}

.slideBox{
	display: none;
	position: absolute;
	z-index: 99999;
	top: 60px;
	font-size: 18px;
	left: 0;
	padding-left: 10px;
	width: 100%;
	cursor: pointer;
}

.slideBox ul{
	width: 100%;
	background-color: #fff;
	border: 1px solid #000;
	border-top: 0;
}

.slideBox ul li{
   width: 100%;
   padding: 0 16px;
   height: 54px;
   line-height: 54px;
   border-bottom: 1px solid #000; 
}

li.lifocus{
	background-color: #d1cece;
}

.slideBox ul li:hover{
	background-color: #d1cece;
}


.slideBox ul li.last{
	border-bottom: none;
}

.lemassage{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lemassage .lemassageinner{
	width: 80%;
	margin: 0 auto;
}

.lemassage .lemassageinner .masubmit{
	cursor: pointer;
	width: 100%;
	height: 60px;
	background-color: #1b1b1b;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	float: left;
	margin-top: 20px;
}

.lemassage .lemassageinner .masubmit:hover{
	background-color: #000;
}

.lemassage .lemassageinner .mscontent{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
	height: 226px;
	border: 1px solid #000;
}

.lemassage .lemassageinner .mscontent textarea{
	width: 100%;
	height: 100%;
	resize: none;
	border: none;
	font-size: 18px;
	padding: 16px;
	outline: none;
	overflow: auto;
}

.lemassage .lemassageinner .minput{
	position: relative;
	float: left;
	width: 50%;
	height: 60px;
	margin-top: 20px;
}

.lemassage .lemassageinner .minput .minputinner{
	border: 1px solid #000;
	position: relative;
	width: 100%;
	height: 100%;
}

.lemassage .lemassageinner .minput.right{
	padding-left: 10px;
}

.lemassage .lemassageinner .minput.left{
	padding-right: 10px;
}

.lemassage .lemassageinner .minput.doub{
	width: 100%;
	border: 1px solid #000;
}

.lemassage .lemassageinner span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 16px;
	color: #a7a7a7;
	font-size: 18px;
	line-height: 60px;
}

.lemassage .lemassageinner span b{
	top: 0;
	line-height: 60px;
	right: 16px;
	position: absolute;
	color: #ff0000;
}

.lemassage .lemassageinner span i{
	right: 16px;
	color: #000;
}

.lemassage .lemassageinner .minput input{
	outline: none;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 18px;
	padding: 0 16px;
	line-height: 60px;
}

/* #########################reserve########################### */
/* #########################service########################### */

.servicebox .alloutboxinner{
	padding: 100px 0;
} 
.serviceone{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.serviceone img{
	max-width:100%
}
.serviceone.one{
	margin-top: 0;
}

.serviceone .serleft1{
	width: 40%;
	right: 60%;
}

.serleft1 .tit{
	padding-left: 18%;
	padding-bottom: 60px;
}

.serleft2 .tit{
	text-align: right;
	padding-bottom: 60px;
	padding-right: 18%;
}

.serviceone.ser3{
	margin-top: 0;
	padding: 114px 0;
}

.serviceone.ser3 .serleft2 .tit{
	text-align: left;
	float: left;
	width: 25%;
	padding-left: 5%;
	padding-bottom: 0;
	padding-right: 0;
}

.serviceone .serleft2{
    width: 40%;
    left: 60%;
}

.serviceone .serleft2{
    width: 40%;
    left: 60%;
}

.serviceone.ser3 .serleft2{
    width: 100%;
    left: 60%;
}

.serviceone .serright{
	position: relative;
	width: 60%;
	overflow: hidden;
}

.serviceone .onepoint{
	width: 50%;
	float: left;
	margin-top: 30px;
	height: 116px;
	text-align: center;
}

.serviceone.ser3 .onepoint{
	width: 25%;
}

.serviceone.ser3{

}

.serviceone .onepoint img{
	height: 58px;
}

.serviceone .onepoint .blod{
	font-weight: bold;
}

.serviceone .serright img{
	display: block;
	width: 100%;
}

.serviceone .floatright{
	float: right;
}

.serviceone .floatleft{
	float: left;
}

.ser img{
	display: block;
	width: 100%;
}

.sertype{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 24px;
}

.sertype a{
	display: inline-block;
	width: 152px;
	padding: 16px 0;
	font-weight: bold;
	color: #fff;
	margin:15px;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.sertype a:hover{
	background-color:#FFF;
	color:#000;
}

.sertype a.foc{
	background-color: #fff;
	color: #000;
}

.sertype a.center{
	margin: 0 16px;
}
/* #########################service########################### */
/* #########################project########################### */
.projectbox .alloutboxinner{
	padding-top: 152px;
	padding-bottom: 220px;
}

.oneproject{
	position: relative;
	width: 100%;
	margin-top: 68px;
}

.linecontentp1{
	left: 41%;
	width: 54%;
	padding: 100px;
	bottom: 80px;
}

.linecontentp2{
	right: 41%;
	width: 54%;
	padding: 100px;
	bottom: 80px;
}

.oneproject.left{
    text-align: left;
}

.oneproject.right{
    text-align: right;
}

.oneproject.right{
    text-align: right;
}

.oneproject .bigimg{
	position: relative;
	display: inline-block;
	width: 42%;
}

.oneproject.left .smallimg{
	right: -10%;
	width: 95%;
	position: absolute;
	bottom: 80%;
}

.oneproject.right .smallimg{
	left: -10%;
	width: 95%;
	position: absolute;
	bottom: 80%;
}

.oneproject .smallimg img{
	width: 100%;
}

.oneproject .bigimg img{
	width: 100%;
}

.projectbox .choose{
	position: absolute;
	text-align: center;
	top: 70px;
	width: 100%;
	z-index: 1000;
}

.projectbox .choose>span{
	position: relative;
	display: inline-block;
	width: 240px;
	height: 24px;
	line-height: 24px;
	text-align: left;
	background-color: #fff;
	vertical-align: middle;
}

.projectbox .choose>span>b{
	float: left;
	display: inline-block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	padding-left: 20px;
}

.projectbox .choose>span>span>i{
	right: 20px;
	display: inline-block;
	line-height: 24px;
}

.projectbox .sleshow{
	float: left;
    cursor: pointer;
    height: 24px;
    width: 160px;
}

.projectbox .sleshow:hover i{
	color: #dccba6;
}

.projectbox .choose>span>span{
	display: inline-block;
	padding: 0 20px;
	text-align: left;
	position: relative;
}

.projectbox .sleshow a{
	color:#000;
}

.projectbox .choose>span>span>span{
	text-align: left;
	position: absolute;
	bottom: 0;
}

.projectbox .choose span.center{
	margin: 0 80px;
}

.projectbox .choose .pline{
    background-color: #000;
    height: 2px;
    width: 100%;
}

.choosebox{
	display: none;
	position: absolute;
	left: 0;
	top: 24px;
	padding: 0 20px;
	width: 100%;
}

.choosebox li.foc{
	color: #999;
}

.choosebox li:hover{
	color: #dccba6;
}

.ajax_text{
	max-width: 1400px;
	margin: 0 auto;
}
/* #########################project########################### */
/* #########################deproject########################### */
.deproject{
	position: relative;
	
	height:850px;
	padding-left: 120px;
}

.deproject .deprojectinner{
	width:100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color:#000
}

.deproject .deprojectinner>img{
	
	height: 100%;
	display: block;
	margin:0 auto;
}

.imgUl{
    position: absolute;
    top: 0;
    left: 0;
  width:100%;
    height: 100%;
}

.imgUl li{
	position: absolute;
	display: none;
	width:100%;
	height: 100%;
	left: 0;
	height: 850px;
	z-index: 998;
	text-align:center
	
}

.imgUl li:nth-child(1){
	display: block;
}

.imgUl li>img{
	height: 100%;
	margin:0 auto;
	width:auto;
	
}

.imgchangebox{
	position: absolute;
	width: 100%;
	z-index: 1200;
	padding: 20px 0;
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	left: 0;
}

.gotoproject{
	display: block;
	position: absolute;
	z-index: z-index: 1200;
	background-color: rgba(0,0,0,0.9);
	font-size: 16px;
	color: #fff;
	padding: 12px;
	top: -54px;
	letter-spacing: 1px;
}

.imgchangebox .simgbox{
	position: relative;
	margin: 0 auto;
}

.imgchangebox .simgbox .prec,.imgchangebox .simgbox .nextc{
	cursor: pointer;
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    color: #fff;
}

.imgchangebox .simgbox .prec{
	left: -70px;
	top: 0;
}

.imgchangebox .simgbox .prec:hover i{
    color: #dccba6;
}

.imgchangebox .simgbox .nextc:hover i{
    color: #dccba6;
}

.imgchangebox .simgbox .nextc{
	right: -70px;
}

.imgchangebox .simgbox .prec i{
    left: 0;
}

.imgchangebox .simgbox .nextc i{
    right: 0;
}

.imgall li{
	cursor: pointer;
	position: relative;
	width: 162px;
	overflow: hidden;
	float: left;
}

.imgall li:nth-child(1) .liz{
	display: none;
}

.imgall li>img{
	width: 100%;
}

.imgall li .liz{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition:all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
   background-color: rgba(0,0,0,0.6);
}

.imgall li .liz:hover{
	background-color: rgba(0,0,0,0);
}

.imgall li>img{
	position: relative;
	display: block;
}

.deprobox .alloutboxinner{
	position: relative;
	padding-top: 100px;
	min-width: 1336px;
	height: 439px;
	overflow: hidden;
}

.deprobox .intr{
    padding-bottom: 100px;
}

.deprobox .alloutboxinner .leftcontent,.deprobox .alloutboxinner .rightcontent{
	float: left;
	position: relative;
	height: 100%;
	width: 50%;
	overflow: hidden;
	padding-right: 30px;
}

.deprobox .alloutboxinner .rightcontent{
	padding-right: 0;
}

.deprobox .alloutboxinner .leftcontent .lineheight{
    padding-top: 10px;
}

.deprobox .alloutboxinner .leftcontent .ltitname{
	font-size: 18px;
	font-weight: bold;
	padding-top: 30px;
}

.deprobox .alloutboxinner .leftcontent p.ptype{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-right: 30px;
}

.deprobox .alloutboxinner .leftcontent p.ptype .typeinner{
	display: block;
	width: 100%;
	font-size: 16px;
	padding: 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

.leftcontent p.ptype span{
	padding: 0 20px;
	float: left;
	display: inline-block;
	width: 33%;
}
.leftcontent p.ptype span b{
	padding-right: 20px;
}

.leftcontent p.ptype span.first{
	padding-left: 0;
}

.leftcontent p.ptype span.center{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.deprobox .alloutboxinner .rightcontent>img{
	float: left;
	display: block;
	width: 40%;
}

.deprobox .alloutboxinner .rightcontent .continner{
	width: 60%;
	padding-left: 5%;
	float: left;
	overflow: hidden;
}

.deprobox .alloutboxinner .rightcontent .continner .prtit{
	width: 100%;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

.deprobox .alloutboxinner .rightcontent .continner .plinecontent{
	padding: 20px 0;
	padding-bottom: 90px;
}

.deprobox .alloutboxinner .rightcontent .continner .plinecontent p.name{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.deprobox .alloutboxinner .rightcontent .continner .plinecontent p.more{
	bottom: 0;
}
/* #########################deproject########################### */
/* #########################news_detail########################### */
   .news_detail{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999999999999900;
	background-color: rgba(0,0,0,0.85);
	display: none;
}
.news_detail_box{
	width: 1200px;
	max-width: 90%;
	height: 90%;
	background-color: #fff;
	position: absolute;
	top: 52%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 5% 0;
}
.news_detail_box_close{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 100;
	text-align: center;
	background-color: #000;
	/*padding: 5px;*/
	cursor: pointer;
}
.news_detail_box_close i{
	display: block;
	color: #fff;
	font-size: 40px;
    -webkit-animation: turn 2s ease 0s infinite;
    -moz-animation: turn 2s ease 0s infinite;
    -ms-animation: turn 2s ease 0s infinite;
    -o-animation: turn 2s ease 0s infinite;
    animation: turn 2s ease 0s infinite;
    cursor: pointer;
}
.news_detail_con{
	width: 800px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden; 
	overflow-y: auto;
	padding: 5% 20px;
}
.news_detail_title{
	color: #000;
	font-size: 24px;
	margin-bottom: 20px;
}
.news_detail_time{
	color: #000;
	font-size: 14px;
	opacity: .6;
	margin-bottom: 50px;
}
.news_detail_info{
	width: 100%;
	text-align: left;
}

.news_detail_info img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
}
.news_detail_info p{
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: 1px;
}


/*自定义滚动条样式*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.2); 
}

/* #########################news_detail########################### */
.bgcover{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 1550px){
	.brands .brandinner,.project .projectinner,.alloutboxinner,.designinner,.intrcont {
	 	zoom: 0.96;
	}

	.titbox .titcontent{
    	margin-top: 0px;
    }

    .oneproject{
		margin-top: 80px;
	} 
}

@media screen and (max-width: 1500px){
	.brands .brandinner,.project .projectinner,.alloutboxinner,.designinner,.intrcont {
	 	zoom: 0.9;
	}

	.titbox .titcontent{
    	margin-top: 0px;
    }

    .oneproject{
		margin-top: 100px;
	} 
}

@media screen and (max-width: 1367px){
	.brands .brandinner,.project .projectinner,.alloutboxinner,.designinner,.intrcont {
	 	zoom: 0.8;
	}

	.oneproject{
		margin-top: 126px;
	} 
}

@media screen and (max-width: 1281px){
    .titbox .titcontent{
    	margin-top: 10px;
    }
}

/*底部导航*/

.fotform{ width: 100%; position: fixed; right: 0; bottom: -1000px; z-index: 9999; padding-top: 100px; overflow: hidden;}
.fotform .bgbox{ height: 111px; background: rgba(0,0,0,.5); }
.fotform .box{ height: 188px; position: relative; }
.fotform .box .fbg{ width: 35%; height: 211px; background: url(/images/fbg1.png) no-repeat left top; position: absolute; left: 0; top: -100px; z-index: 1; }
.fotform .box .fotfbox{ width: 65%; height:111px; overflow: hidden; float: right;}
.fotform .box .fotfbox .btn-x{ width: 32px; height: 32px; background: url(/images/fbg2.png) no-repeat center; cursor: pointer; opacity: .8; -webkit-opacity: .8; position: absolute; right: 7px; top: 7px; z-index: 1; }

.fotform .box .ctitle{ margin:10px auto; font-size:30px; font-weight:bold; color:#FFF}
.fotform .box .fotfbox .dlef{ height: 45px; overflow: hidden; float: left; }
.fotform .box .fotfbox .drig{ width: 140px; height: 45px; overflow: hidden; float: left; }
.fotform .box .fotfbox input{width: 240px; height: 42px; line-height: 42px; font-size: 16px; border: 0; color: rgba(0,0,0,.5); background: #ffffff; padding: 0 15px; margin: 0 20px 10px 0; float: left;}
.fotform .box .fotfbox .sub{ width: 100%; height: 100%; background: #b97e39; font-size: 16px; color: #ffffff; font-weight: bolder; text-align: center; cursor: pointer; line-height: 45px;}
.fotform .box .fotfbox .sub:hover{ background: #000; }
.fotform .box .fotfbox .btn-x:hover{ opacity: 1; -webkit-opacity: 1; }

.fotbtn{ width: 0; height: 0; background: rgba(0, 0, 0, .8) url(/images/fbg3.gif) no-repeat 30px 23px; position: fixed; right: 0; bottom: 0px; z-index: 9999; overflow: hidden; border-top-left-radius: 150px; cursor: pointer;}
.fotbtn .p1{ font-size: 14px; color: #fff; opacity: 1; -webkit-opacity: 1; margin: 60px 0 0 20px;}

.t_twoimg{
	width: 100%;
	overflow: hidden;
}
.t_twoleft{
	float: left;
	width: 50%;
}
.t_twoimg a{
	display: block;
	position: relative;
}
.t_twoimg a img{
	display: block;
	width: 100%;
}
.t_tworight{
	float: right;
	width: 50%;
}
.t_twoimg .t_twobg{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	opacity: 1;	
	visibility: visible;
}
.t_twofont{
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 42.5%;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;	
	z-index: 10;
}
.t_twofont span{
	font-size: 30px;
	text-transform: uppercase;
}
.t_twomore{
	font-size: 18px;
	background: #1a1a1a;
	color: #fff;
	text-transform: uppercase;
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	bottom: 36%;
	position: absolute;
	left: 50%;
	margin-left: -90px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
}
.t_twoimg a:hover .t_twofont{
	top: 26%;
}
.t_twoimg a:hover .t_twomore{
	bottom: 21.5%;
	opacity: 1;
	visibility: visible;
}
.t_twoimg a:hover .t_twobg{
	opacity: 0;
	visibility: hidden;
}