.ny-banner {

	height: 500px;

	background-position: center;

	text-align: center;

	color: #FFFFFF;

	letter-spacing: 5px;

	text-shadow: 0 3px 12px rgba(0,0,0,.4);

}

.nb_yy{

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.5);

	padding-top: 150px;

}

.ny-banner .box {

	position: relative;

	padding: 45px 0;

	line-height: 46px;

}

.ny-banner .box:before {

	content: "";

	position: absolute;

	z-index: 0;

	top: 0;

	left: 50%;

	width: 98px;

	height: 100%;

	margin-left: -49px;

	border: 4px solid #b48b62;

	opacity: .65;

	-o-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-ms-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-moz-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-webkit-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	box-shadow: 0 3px 8 rgba(0,0,0,.35);

}

.ny-banner .box h2 {

	position: relative;

	z-index: 1;

	font-size: 48px;

	font-weight: lighter;

	text-transform: uppercase;

}

.ny-banner .box p {

	position: relative;

	z-index: 1;

	font-size: 36px;

	letter-spacing: 8px;

}

.ny-banner .box p:after {

	content: "";

	position: absolute;

	bottom: -30px;

	left: 50%;

	margin-left: -10px;

	display: block;

	width: 20px;

	height: 3px;

	background: #b48b62;

	-o-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-ms-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-moz-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	-webkit-box-shadow: 0 3px 8 rgba(0,0,0,.35);

	box-shadow: 0 3px 8 rgba(0,0,0,.35);

}

.ny-banner .des {

	margin-top: 5px;

	font-size: 18px;

	padding: 0 10px;

	letter-spacing: 10px;

}

.bread {

	padding: 25px 0;

	color: #999999;

	font-size: 12px;

	text-align: right;

	border-bottom: 1px solid #eeeeee;

}

.bread span {

	margin: 0 5px;

}

.bread i {

	font-style: normal;

	color: #333333;

}

.ny-sub {

	border-bottom: 1px solid #eeeeee;

}

.ny-sub .content {

	position: relative;

	padding-right: 210px;

}

.ny-sub .bread {

	position: absolute;

	top: 0;

	right: -30px;

	padding: 0;

	line-height: 66px;

	border: none;

}

.ny-sub .sub {

	border-left: 1px solid #eeeeee;

	text-align: center;

}

.ny-sub .sub a {

	float: left;

	width: 16.6666667%;

	display: block;

	line-height: 66px;

	height: 66px;

	border-right: 1px solid #eeeeee;

	font-size: 16px;

	color: #333333;

	position: relative;

}

.ny-sub .sub a:before {

	display: none;

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	height: 2px;

	width: 100%;

	background: #d2a97e;

}

.ny-sub .sub a:hover {

	color: #d2a97e;

}

.ny-sub .sub a.active {

	color: #d2a97e;

	background-image: url(../images/ny_sub_bg.png);

	background-size: cover;

}

.ny-sub .sub a.active:before {

	display: block;

}

.page {

	text-align: center;

	line-height: 38px;

	font-size: 0;

}

.page a, .page span, .page i {

	display: inline-block;

	margin: 0 5px;

	font-style: normal;

	height: 40px;

	min-width: 45px;

	border: 1px solid #e7e7e7;

	padding: 0 20px;

	font-size: 12px;

}

.page a:hover, .page span:hover, .page a.current, .page span.current {

	background: #b48b62;

	border: 1px solid #b48b62;

	font-weight: bold;

	color: #FFFFFF;

}

.ny-more {

	margin: 0 auto;

	width: 180px;

	height: 46px;

	line-height: 46px;

	display: block;

	text-align: center;

	font-size: 12px;

	color: #FFFFFF;

	background: #b48b62;

}

.ny-more2 {

	margin: 0 auto;

	width: 150px;

	height: 40px;

	line-height: 40px;

	display: block;

	text-align: center;

	font-size: 12px;

	color: #FFFFFF;

	background: #b48b62;

}

/* ========== */

/* = filter = */

/* ========== */

.filter {

	border: 1px solid #eeeeee;

}

.filter-choice {

	position: relative;

	background: #eeeeee;

	color: #333333;

	padding: 8px 125px 0px 150px;

	min-height: 46px;

}

.filter-choice .tit {

	position: absolute;

	top: 8px;

	left: 50px;

	display: block;

	line-height: 28px;

	height: 28px;

}

.filter-choice .close {

	position: absolute;

	bottom: 8px;

	right: 25px;

	display: block;

	line-height: 28px;

	height: 28px;

	color: #999999;

}

.filter-choice div span {

	margin-right: 5px;

	margin-bottom: 8px;

	display: inline-block;

	padding: 0 30px 0 18px;

	background: #0a2444;

	color: #FFFFFF;

	line-height: 26px;

	height: 26px;

	position: relative;

}

.filter-choice div span i {

	cursor: pointer;

	position: absolute;

	right: 0;

	width: 30px;

	height: 26px;

	background: url(../images/filter_close.png);

}

.filter-con {

	position: relative;

	padding: 0 50px;

}

.filter-con .item {

	padding: 5px 0 5px 100px;

	border-bottom: 1px solid #eeeeee;

	position: relative;

}

.filter-con .item:last-child {

	border-bottom: none;

}

.filter-con .item span {

	position: absolute;

	top: 5px;

	left: 0;

	line-height: 34px;

	height: 34px;

	color: #18171d;

}

.filter-con .item div a {

	margin-right: 15px;

	min-width: 110px;

	display: inline-block;

	position: relative;

	line-height: 34px;

	height: 34px;

	color: #777777;

}

.filter-con .item div a.xuan {

	color: #b48b62;

}

.filter-con .item .down-div {

	height: 34px;

	overflow: hidden;

	position: relative;

	padding-right: 120px;

}

.filter-con .item .down-div em {

	position: absolute;

	top: 8px;

	right: 30px;

	display: inline-block;

	padding-right: 20px;

	background: url(../images/filter_down.png) no-repeat right;

	cursor: pointer;

}

.filter-con .item .down-div.active {

	height: auto;

}

.filter-con .item .down-div.active em {

	display: none;

}

.filter-mobile {

	position: relative;

	z-index: 9;

}

.filter-mobile .tab {

	border: 1px solid #eeeeee;

	border-bottom: none;

	border-right: none;

}

.filter-mobile .tab .item {

	float: left;

	width: 50%;

	border-right: 1px solid #eeeeee;

	border-bottom: 1px solid #eeeeee;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	padding: 0 10px 0 25px;

	position: relative;

	background: #FFFFFF;

	-o-box-shadow: 0 0 5px rgba(0,0,0,.05);

	-ms-box-shadow: 0 0 5px rgba(0,0,0,.05);

	-moz-box-shadow: 0 0 5px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);

	box-shadow: 0 0 5px rgba(0,0,0,.05);

}

.filter-mobile .tab .item.active {

	color: #4b4b4b;

	font-weight: bold;

}

.filter-mobile .tab .item:after {

	position: absolute;

	top: 18px;

	right: 10px;

	content: "";

	width: 0px;

	height: 0px;

	border-style: solid dashed dashed dashed;

	border-color: #666666 transparent transparent transparent;

	border-width: 5px;

}

.filter-mobile .tab .item select {

	width: 100%;

	border: none;

	background: none;

	padding: 0.266666rem;

}

.filter-mobile .tabcon {

	position: absolute;

	top: 80px;

	left: 0;

	width: 100%;

	text-align: center;

}

.filter-mobile .con {

	display: none;

	padding: 12px;

	background: rgba(0,0,0,.6);

}

.filter-mobile .con a {

	float: left;

	display: inline-block;

	width: 31.3333%;

	line-height: 38px;

	height: 38px;

	margin: 1%;

	font-size: 12px;

	border: 1px solid #FFFFFF;

	color: #FFFFFF;

	border-radius: 5px;

}

.filter-mobile2 .tabcon {

	top: 40px;

}

/* ========== */

/* = SEARCH-BOX = */

/* ========== */

.filter-search {

	margin-top: 10px;

	padding: 10px 50px;

	line-height: 30px;

	background: #eeeeee;

}

.filter-search div {

	float: left;

	width: 320px;

	height: 30px;

	position: relative;

	padding-right: 67px;

}

.filter-search .in {

	width: 100%;

	height: 30px;

	border: 1px solid #0a2444;

	padding: 4px 20px;

	line-height: 24px;

	font-size: 12px;

	color: #666666;

}

.filter-search .bt {

	position: absolute;

	top: 0;

	right: 0;

	height: 30px;

	width: 67px;

	background: url(../images/filter_search.png);

}

.filter-search .result {

	float: right;

	color: #999999;

}

/* ========== */

/* = NY-THEME = */

/* ========== */

.ny-theme {

	padding-bottom: 12px;

	position: relative;

	border-bottom: 1px solid #eeeeee;

}

.ny-theme .tit {

	float: left;

}

.ny-theme .tit span {

	font-size: 24px;

	color: #1f0a00;

	letter-spacing: 2px;

	padding-left: 11px;

	position: relative;

}

.ny-theme .tit span:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -12px;

	left: 0;

	width: 3px;

	height: 24px;

	background: #b48b62;

}

.ny-theme .tit i {

	margin-left: 10px;

	font-size: 12px;

	color: #cccccc;

	text-transform: uppercase;

	font-style: normal;

}

.ny-theme .link {

	position: absolute;

	bottom: -1px;

	right: 0;

}

.ny-theme .link a {

	margin-left: 60px;

	display: inline-block;

	line-height: 38px;

	padding-bottom: 1px;

}

.ny-theme .link a.active, .ny-theme .link a:hover {

	padding-bottom: 0;

	border-bottom: 1px solid #b48b62;

	color: #b48b62;

}

.ny-tit {

	position: relative;

	font-size: 30px;

	letter-spacing: 3px;

	padding-bottom: 20px;

	color: #333333;

	text-align: center;

}

.ny-tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 40px;

	height: 2px;

	margin-left: -20px;

	background: #b48b62;

}

/* ========== */

/* = FLIP = */

/* ========== */

.flip {

	padding-top: 25px;

	border-top: 1px dotted #e1dfe0;

}

.flip a {

	max-width: 48%;

	display: inline-block;

	position: relative;

	line-height: 30px;

	color: #777777;

}

.flip a:before {

	content: "";

	width: 11px;

	height: 11px;

	position: absolute;

	top: 50%;

	margin-top: -5px;

}

.flip .prev {

	float: left;

	padding-left: 20px;

}

.flip .prev:before {

	left: 0;

	background-image: url(../images/flip_prev.png);

	background-size: cover;

}

.flip .next {

	float: right;

	padding-right: 20px;

}

.flip .next:before {

	right: 0;

	background-image: url(../images/flip_next.png);

	background-size: cover;

}

.flip a:hover {

	color: #b48b62;

}

.flip .prev:hover:before {

	background-image: url(../images/flip_prevh.png);

}

.flip .next:hover:before {

	background-image: url(../images/flip_nexth.png);

}

.share {

	display: inline-block;

	vertical-align: middle;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

}

.share span {

	display: inline-block;

	vertical-align: middle;

}

.share .bdsharebuttonbox {

	display: inline-block;

	vertical-align: middle;

}

 @media (max-width:780px) {

/* ========== */

	/* = NY-BANNER = */

	/* ========== */

.ny-banner {

	height: 6.13333333rem;

	/*padding-top: 1.33333333rem;*/

	background-size: cover;

	letter-spacing: 1px;

}

.nb_yy {

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.5);

    padding-top: 30px;

}

.ny-banner .box {

	position: relative;

	padding: 0.8rem 0;

	line-height: 0.8rem;

	letter-spacing: 0;

}

.ny-banner .box:before {

	width: 1.6rem;

	margin-left: -0.8rem;

	border: 0.06666666rem solid #b48b62;

}

.ny-banner .box h2 {

	font-size: 0.74666666rem;

}

.ny-banner .box p {

	font-size: 0.56rem;

	letter-spacing: 0.1rem;

}

.ny-banner .box p:after {

	bottom: -0.4rem;

	height: 2px;

	width: 0.4rem;

	margin-left: -0.2rem;

}

.ny-banner .des {

	margin-top: 0.06666666rem;

	font-size: 0.29333333rem;

	letter-spacing: 0.06666666rem;

}

/* ========== */

	/* = NY-SUB = */

	/* ========== */

.ny-sub {

	border-bottom: none;

}

.ny-sub .w1200 {

	padding: 0

}

.ny-sub .content {

	padding-right: 0;

}

.ny-sub .sub a {

	width: 33.333333%;

	line-height: 50px;

	height: 50px;

	font-size: 12px;

	border-bottom: 1px solid #EEEEEE;

}

.ny-sub .sub2 a {

	width: 50%;

}

/* ========== */

	/* = PAGE = */

	/* ========== */

.page {

	line-height: 32px;

}

.page a, .page span, .page i {

	margin: 2px;

	height: 34px;

	min-width: 34px;

	padding: 0 10px;

}

/* ========== */

	/* = SEARCH-BOX = */

	/* ========== */

.filter-search {

	padding: 10px 20px;

}

.filter-search div {

	width: 100%;

}

.filter-search .result {

	margin-top: 10px;

}

/* ========== */

	/* = NY-THEME = */

	/* ========== */

.ny-theme .tit span {

	font-size: 20px;

	letter-spacing: 1px;

}

.ny-theme .tit span:before {

	height: 18px;

	margin-top: -9px;

}

.ny-theme .tit i {

	display: none;

}

.ny-theme .link a {

	margin-left: 10px;

	line-height: 40px;

	font-size: 13px;

}

.ny-theme2 {

	padding-bottom: 0;

}

.ny-theme2 .tit {

	padding-bottom: 12px;

}

.ny-theme2 .link {

	margin-bottom: -1px;

	float: left;

	width: 100%;

	position: relative;

	right: auto;

	bottom: auto;

	text-align: center;

}

.ny-theme2 .link a {

	margin: 0 6px;

}

.ny-tit {

	font-size: 20px;

}

/* ========== */

	/* = FLIP = */

	/* ========== */

.flip {

	font-size: 12px;

}

.flip a {

	line-height: 30px;

}

}

/* ========== */

/* = NY-NEWSBOX = */

/* ========== */

.ny-newsbox {

	margin-top: 95px;

}

.ny-newsbox .content {

	margin-top: 38px;

}

.ny-newsbox .content .left {

	float: left;

	width: 580px;

}

.ny-newsbox .content .left .img {

	overflow: hidden;

}

.ny-newsbox .content .left .img img {

	width: 100%;

}

.ny-newsbox .content .left .text {

	padding: 10px 40px 25px;

}

.ny-newsbox .content .left span {

	display: block;

	font-size: 12px;

	color: #999999;

}

.ny-newsbox .content .left .tit {

	margin-top: 5px;

	position: relative;

	display: block;

	line-height: 30px;

	height: 30px;

	position: relative;

	padding-right: 80px;

	font-size: 18px;

}

.ny-newsbox .content .left .tit i {

	font-style: normal;

	display: block;

	color: #222222;

}

.ny-newsbox .content .left .tit em {

	position: absolute;

	top: 0;

	right: 0;

	padding-left: 26px;

	color: #333333;

	background: url(../images/ico_hot.png) no-repeat left;

	letter-spacing: 1px;

}

.ny-newsbox .content .left .bt {

	margin-top: 8px;

}

.ny-newsbox .content .left .bt a {

	display: inline-block;

	margin-right: 10px;

	width: 120px;

	height: 32px;

	line-height: 30px;

	border: 1px solid #b48b62;

	color: #b48b62;

	font-size: 12px;

	letter-spacing: 1px;

	text-align: center;

}

.ny-newsbox .content .left .bt a:hover {

	background: #b48b62;

	color: #FFFFFF;

}

.ny-newsbox .content .left:hover .img img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}

.ny-newsbox .content .left:hover .tit {

	color: #b48b62;

}

.ny-newsbox ul {

	margin-left: 630px;

}

.ny-newsbox li {

	border-bottom: 1px solid #e5e5e5;

}

.ny-newsbox li a {

	display: block;

	position: relative;

	padding: 20px 20px 20px 154px;

	position: relative;

}

.ny-newsbox li a:after {

	content: "";

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 0;

	height: 2px;

	background: #b48b62;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.ny-newsbox li .date {

	position: absolute;

	top: 18px;

	left: 30px;

	height: 55px;

	width: 105px;

	border-right: 1px dotted #e1dfe0;

}

.ny-newsbox li .date span {

	display: block;

	font-size: 24px;

	color: #0a2444;

}

.ny-newsbox li .date p {

	margin-top: 5px;

	font-size: 12px;

	color: #999999;

}

.ny-newsbox li .tit {

	font-size: 18px;

	color: #222222;

}

.ny-newsbox li .des {

	margin-top: 12px;

	font-size: 12px;

	color: #999999;

	padding-right: 70px;

	position: relative;

}

.ny-newsbox li .des em {

	position: absolute;

	top: 0;

	right: 0;

	color: #b48b62;

}

.ny-newsbox li a:hover {

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.ny-newsbox li a:hover:after {

	width: 100%;

}

.ny-newsbox li a:hover .tit {

	color: #b48b62;

}

/* ========== */

/* = BOTTOM-THREE-LINK = */

/* ========== */

.bottom-three-link ul {

	margin: 0 -20px;

}

.bottom-three-link li {

	margin-top: 85px;

	float: left;

	width: 33.3333333333%;

	padding: 0 20px;

}

.bottom-three-link .item {

	display: block;

	color: #FFFFFF;

	text-align: center;

	padding: 50px 10px 40px;

}

.bottom-three-link .item div {

	font-size: 32px;

	letter-spacing: 5px;

}

.bottom-three-link .item p {

	opacity: .6;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.bottom-three-link .item span {

	margin-top: 20px;

	display: inline-block;

	width: 140px;

	height: 32px;

	line-height: 30px;

	border: 1px solid rgba(255,255,255,.6);

	font-size: 12px;

	text-transform: uppercase;

}

.bottom-three-link .item:hover span {

	background: #b48b62;

	border: 1px solid #b48b62;

	color: #FFFFFF;

}

.appointment-box {

	margin: 15px 0;

}

 @media (max-width:1200px) {

/* ========== */

	/* = NY-NEWSBOX = */

	/* ========== */

.ny-newsbox li .date {

	left: 20px;

	width: 75px;

}

.ny-newsbox li a {

	padding-left: 124px;

}

}

 @media (max-width:999px) {

/* ========== */

	/* = NY-NEWSBOX = */

	/* ========== */

.ny-newsbox {

	margin-top: 40px;

}

.ny-newsbox .content .left {

	float: none;

	width: 100%;

}

.ny-newsbox .content .left .text {

	padding: 15px 10px;

}

.ny-newsbox .content .left .tit {

	font-size: 16px;

}

.ny-newsbox .content .left .tit em {

	padding-left: 20px;

}

.ny-newsbox .content .left .bt {

	text-align: center;

}

.ny-newsbox ul {

	margin-top: 20px;

	margin-left: 0%;

}

.ny-newsbox li a {

	padding: 15px 15px 15px 85px;

}

.ny-newsbox li .date {

	left: 10px;

	width: 60px;

}

.ny-newsbox li .date span {

	font-size: 18px;

}

/* ========== */

	/* = BOTTOM-THREE-LINK = */

	/* ========== */

.bottom-three-link li {

	margin-top: 40px;

	width: 100%;

}

.bottom-three-link .item div {

	font-size: 22px;

}

}

/* ========== */

/* = CASE = */

/* ========== */

.case {

	padding: 65px 0 70px;

}

.case .case-list {

	margin-top: 40px;

	margin-bottom: 60px;

}

.case-list {

	margin-left: -10px;

	margin-right: -10px;

}

.case-list li {

	float: left;

	width: 25%;

	padding: 10px;

}

.case-list li:nth-child(4n+1) {

	clear: both;

}

.case-item {

	display: block;

	background: #FFFFFF;

	position: relative;

	border: 1px solid #eeeeee;

}

.case-item .img {

	position: relative;

	overflow: hidden;

	position: relative;

	display: block;

}

.case-item .img-vertical i {

	padding-bottom: 100%;

}

.case-item .ico-720 {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -34px;

	margin-left: -34px;

	width: 68px;

	height: 68px;

	background: url(../images/case/ico_720.png);

}

.case-item .pop {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(10,36,68,.8);

	text-align: center;

	overflow: hidden;

}

.case-item .pop .con {

	display: inline-block;

	vertical-align: middle;

	padding: 0 20px;

}

.case-item .pop .con+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.case-item .pop p {

	margin: 0 auto 20px;

	max-width: 340px;

	color: #ffffff;

	font-size: 12px;

	line-height: 28px;

	max-height: 48px;

	overflow: hidden;

}

.case-item .pop span {

	display: inline-block;

	width: 48px;

	height: 48px;

	background: url(../images/ico_search.png);

}

.case-item .text {

	padding: 15px 25px;

	border-top: 1px solid #eeeeee;

}

.case-item .tit {

	padding-right: 90px;

	position: relative;

}

.case-item .tit span {

	display: block;

	color: #101b26;

	line-height: 26px;

	font-size: 20px;

}

.case-item .tit em {

	position: absolute;

	top: 0;

	right: 0;

	line-height: 26px;

	background: url(../images/ico_heart.png) no-repeat left;

	padding-left: 22px;

	color: #101b26;

	font-size: 16px;

	font-style: normal;

	cursor: pointer;

}

.case-item .des {

	margin-top: 10px;

}

.case-item .des span {

	margin: 0 8px;

}

.case-item:hover .img img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}

.case-item:hover .pop {

	height: 100%;

}

.case-item:hover .tit span {

	color: #b48b62;

}

.case-item:hover .tit em, .case-item .tit em.active {

	background: url(../images/ico_heart_h.png) left no-repeat;

	color: #b48b62;

}

/* ========== */

/* = CASE-DETAIL = */

/* ========== */

.case-detail {

	padding: 70px 0 70px;

}

.case-img-scroll {

	position: relative;

	padding-right: 235px;

	min-height: 645px;

}

.case-img-scroll .left {

	width: 100%;

	border: 1px solid #EEEEEE;

}

.case-img-scroll .left .slick-prev {

	left: 10px;

}

.case-img-scroll .left .slick-next {

	right: 10px;

}

.case-img-scroll .right {

	position: absolute;

	top: 0;

	right: 0;

	width: 213px;

	border: 1px solid #EEEEEE;

}

.case-img-scroll .slick-nav {

	height: 645px;

	padding: 31px 0;

}

.case-img-scroll .slick-nav .slick-slide {

	padding: 2px 0;

}

.case-img-scroll .slick-nav .slick-slide img {

	max-height: 100%;

}

.case-img-scroll .slick-nav .slick-prev, .case-img-scroll .slick-nav .slick-next {

	right: auto;

	left: auto;

	left: 0;

	top: auto;

	margin: 0;

	width: 100%;

	height: 27px;

	background-color: #0a2444;

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 0;

}

.case-img-scroll .slick-nav .slick-prev {

	top: 0;

	background-image: url(../images/case_img_prev.png);

}

.case-img-scroll .slick-nav .slick-next {

	bottom: 0;

	background-image: url(../images/case_img_next.png);

}

.case-img-scroll .slick-nav .slick-prev:hover, .case-img-scroll .slick-nav .slick-next:hover {

	background-color: #b48b62;

}

.case-img-scroll .img-vertical i {

	padding-bottom: 66.839378%;

}

.qj-button {

	margin-top: 20px;

	display: inline-block;

	padding: 8px 15px;

	color: #ffffff;

	background: #0a2444;

}

.case-detail-content {

	border-top: 1px solid #e5e5e5;

	margin-top: 45px;

}

.case-detail-info {

	margin-top: 40px;

	float: left;

	width: 70%;

	padding-top: 20px;

	position: relative;

}

.case-detail-info:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 40px;

	height: 3px;

	background: #b48b62;

}

.case-detail-info .tit {

	position: relative;

	padding-right: 120px;

}

.case-detail-info .tit .title {

	font-size: 24px;

	color: #333333;

}

.case-detail-info .tit .view {

	position: absolute;

	top: 0;

	right: 0;

	border: 1px solid #e5e5e5;

	display: inline-block;

	border-radius: 3px;

	font-size: 16px;

	color: #101b26;

	padding: 0 18px 0 35px;

	line-height: 26px;

	background: url(../images/ico_heart.png) 15px 6px no-repeat;

	cursor: pointer;

}

.case-detail-info .tit .view.active, .case-detail-info .tit .view:hover {

	background: url(../images/ico_heart_h.png) 15px 6px no-repeat;

	color: #b48b62;

	border: 1px solid #b48b62;

}

.case-detail-info .des {

	margin-top: 10px;

}

.case-detail-info .des .text {

	float: left;

	width: 65%;

	line-height: 28px;

}

.case-detail-info .des .share {

	float: right;

}

.case-detail-info .article {

	margin-top: 20px;

	padding: 30px 0;

	border-top: 1px dotted #e1dfe0;

	line-height: 30px;

}

.case-detail-info .article .tip {

	margin-top: 40px;

	margin-bottom: 20px;

	display: inline-block;

	background: #0a2444;

	color: #FFFFFF;

	font-size: 12px;

	width: 110px;

	height: 26px;

	line-height: 26px;

	text-align: center;

}

.case-detail-info .article .tip:first-child {

	margin-top: 0;

}

.case-detail-info .article .con p {

	text-indent: 2em;

}

.case-designer {

	margin-top: 60px;

	float: right;

	width: 27.5%;

}

.case-designer .item {

	margin-bottom: 16px;

	background: #f5f5f5;

	padding: 35px 25px 25px;

}

.case-designer .item h2 {

	margin-bottom: 20px;

	font-size: 12px;

	text-transform: uppercase;

	color: #999999;

	letter-spacing: 2px;

}

.case-designer .item h2 span {

	margin-right: 10px;

	font-size: 24px;

	color: #333333;

	letter-spacing: 3px;

}

.case-designer .item .img {

	float: left;

	width: 49%;

}

.case-designer .item .img-vertical i {

	padding-bottom: 125.547445%;

}

.case-designer .item .text {

	float: right;

	width: 46%;

	padding-top: 30px;

}

.case-designer .item .text .tit {

	font-size: 20px;

	color: #333333;

	letter-spacing: 2px;

}

.case-designer .item .text .tip {

	margin-top: 10px;

	font-size: 12px;

	letter-spacing: 1px;

}

.case-designer .item .text .bt {

	margin-top: 20px;

	text-align: center;

}

.case-designer .item .text .bt a {

	display: block;

	margin-bottom: 8px;

	line-height: 22px;

	border: 1px solid #b48b62;

	color: #b48b62;

	font-size: 12px;

	text-transform: uppercase;

}

.case-designer .item .text .bt a:hover, .case-designer .item .text .bt a.active {

	background: #b48b62;

	color: #FFFFFF;

}

.related-case {

	margin-top: 80px;

}

.related-case .slick {

	padding-bottom: 50px;

}

.related-case .slick-dots {

	bottom: 0;

}

.related-case .js-tab-con {

	display: none;

}

.related-case .js-tab-con.active {

	display: block;

}

.related-case ul {

	margin-top: 25px;

}

.related-case .ny-more {

	margin-top: 30px;

}

.case-add {

	margin-top: 70px;

}

.case-cooperation {

	margin-top: 85px;

}

.case-cooperation .js-tab-box {

	margin-top: 20px;

}

.case-cooperation .js-tab-con {

	display: none;

}

.case-cooperation .js-tab-con.active {

	display: block;

}

.case-cooperation ul li {

	float: left;

	width: 12.5%;

	margin-top: 15px;

}

.case-detail .home-choose {

	margin-top: 110px;

}

.case-cooperation .more {

	margin: 40px auto 0;

	width: 140px;

	height: 32px;

	line-height: 32px;

	font-size: 12px;

	display: block;

	background: #b48b62;

	color: #FFFFFF;

	text-align: center;

}

 @media (max-width:999px) {

/* ========== */

	/* = CASE = */

	/* ========== */

.case {

	padding: 40px 0;

}

.case .case-list {

	margin-bottom: 30px;

	margin-top: 30px;

}

.case-list li {

	width: 100%;

}

/* ========== */

	/* = CASE-DETAIL = */

	/* ========== */

.case-detail {

	padding: 40px 0 25px;

}

.case-img-scroll {

	margin-top: 20px;

	padding-right: 0;

	min-height: 0;

}

.case-img-scroll .right {

	display: none;

}

.case-detail-content {

	border-top: none;

	padding-top: 0;

	margin-top: 0;

}

.case-detail-info {

	width: 100%;

	padding-top: 0;

	margin-top: 0;

}

.case-detail-info:before {

	display: none;

}

.case-detail-info .tit {

	padding-right: 0;

	text-align: center;

}

.case-detail-info .tit .title {

	font-size: 22px;

}

.case-detail-info .tit .view {

	margin-top: 10px;

	position: relative;

	top: auto;

	right: auto;

}

.case-detail-info .des {

	text-align: center;

}

.case-detail-info .des .text {

	width: 100%;

}

.case-detail-info .des .share {

	float: none;

}

.case-designer {

	margin-top: 40px;

	width: 100%;

}

.case-designer .item h2 span {

	font-size: 20px;

	letter-spacing: 1px;

}

.case-designer .item .text {

	padding-top: 20px;

}

.case-designer .item .text .tit {

font-size:18.designer-detail-boxpx;

}

.related-case {

	margin-top: 40px;

}

.case-cooperation {

	margin-top: 40px;

}

.case-cooperation ul li {

	float: left;

	width: 33.33333333%;

}

.case-detail .home-choose {

	margin-top: 40px;

}

.related-case .designer-list li {

	width: 50%;

}

.related-case .designer-list li:nth-child(2n+1) {

	clear: both;

}

.related-case .designer-item .text .con {

padding:.3rem;

}

.related-case .designer-item .tit {

	padding-right: 0;

font-size:.22rem;

}

.related-case .designer-item .tit div span {

font-size: .32rem;

}

.related-case .designer-item .tip em {

	display: none;

}

.related-case .designer-item .tit em {

	display: none;

}

.related-case .designer-item .bt {

	display: none;

}

}

/* ========== */

/* = DESIGNER = */

/* ========== */

.designer {

	padding: 90px 0;

}

.designer .page {

	margin-bottom: 60px;

}

.designer-detail-box {

	margin: 50px 0 60px;

	padding: 0 75px 42px 105px;

	background-image: url(../images/designer_info_bg.jpg);

	background-position: top center;

	background-size: cover;

	overflow: hidden;

}

.designer-detail-box .left {

	float: left;

	width: 41%;

	max-width: 410px;

	position: relative;

}

.designer-detail-box .left .en {

	position: absolute;

	bottom: 0;

	left: -73px;

}

.designer-detail-box .left:before {

	content: "";

	position: absolute;

	top: 0;

	left: -68px;

	width: 1px;

	height: 270px;

	background: #b48b62;

}

.designer-detail-box .img {

	position: relative;

	display: block;

}

.designer-detail-box .img img {

	width: 100%;

}

.designer-detail-box .img .text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: rgba(10,36,68,.7);

	color: #FFFFFF;

	padding: 10px 0;

	text-align: center;

	cursor: pointer;

}

.designer-detail-box .img .text span {

	display: inline-block;

	vertical-align: middle;

	ccolor: #ffffff;

	letter-spacing: 2px;

}

.designer-detail-box .img .text i {

	margin-left: 50px;

	display: inline-block;

	vertical-align: middle;

	width: 42px;

	height: 42px;

	background-image: url(../images/ico_video.png);

	background-size: cover;

}

.designer-detail-box .right {

	float: right;

	width: 53%;

	padding-top: 95px;

}

.designer-detail-box .right .tit {

	font-size: 16px;

	color: #999999;

	text-transform: uppercase;

}

.designer-detail-box .right .tit span {

	margin-right: 15px;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.designer-detail-box .right .tip {

	margin-top: 20px;

}

.designer-detail-box .right .tip span {

	margin-right: 5px;

	margin-bottom: 5px;

	display: inline-block;

	border: 1px solid #b48b62;

	padding: 5px 22px;

	border-radius: 3px;

}

.designer-detail-box .right .des {

	margin-top: 22px;

	padding-top: 10px;

	border-top: 1px dashed #ebebeb;

}

.designer-detail-box .right .des p {

	position: relative;

	padding-left: 72px;

	line-height: 28px;

	min-height: 28px;

	color: #333333;

}

.designer-detail-box .right .des p span {

	position: absolute;

	top: 0;

	left: 0;

	line-height: 28px;

}

.designer-detail-box .right .img-ul {

	margin: 20px -3px 0;

}

.designer-detail-box .right .img-ul li {

	float: left;

	width: 33.3333333%;

	padding: 0 3px;

}

.designer-detail-box .right .img-ul li a {

	position: relative;

}

.designer-detail-box .right .img-ul li p {

	margin-top: 5px;

	font-size: 12px;

	text-align: center;

}

.designer-detail-box .right .img-ul li img {

	width: 100%;

}

.designer-detail-box .right .img-ul2 li {

	width: 25%;

}

.designer-detail-box .right .bt {

	margin-top: 20px;

	letter-spacing: 2px;

}

.designer-detail-box .right .bt a {

	margin-right: 5px;

	display: inline-block;

	width: 44%;

	font-size: 12px;

	color: #333333;

	text-transform: uppercase;

	border: 1px solid #434343;

	text-align: center;

	padding: 12px 0;

}

.designer-detail-box .right .en {

	margin-top: 20px;

	font-size: 12px;

	color: #999999;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #cccccc;

	position: relative;

}

.designer-detail-box .right .en:after {

	content: "";

	position: absolute;

	top: 50%;

	left: 280px;

	width: 100%;

	height: 1px;

	background: #b48b62;

}

.designer .designer-list {

	margin-top: 40px;

	margin-bottom: 65px;

}

.designer-list {

	margin-left: -10px;

	margin-right: -10px;

}

.designer-list li {

	float: left;

	width: 25%;

	padding: 10px;

}

.designer-list li:nth-child(4n+1) {

	clear: both;

}

.designer-item {

	border: 1px solid #eeeeee;

}

.designer-item .img {

	position: relative;

	display: block;

}

.designer-item .img-vertical i {

	padding-bottom: 124.475524%;

}

.designer-item .pop {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(10,36,68,.8);

	text-align: center;

	overflow: hidden;

}

.designer-item .pop .con {

	display: inline-block;

	vertical-align: middle;

	padding: 0 20px;

}

.designer-item .pop .con+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.designer-item .pop p {

	margin: 0 auto 20px;

	max-width: 210px;

	color: #ffffff;

	font-size: 12px;

	line-height: 28px;

	max-height: 48px;

	overflow: hidden;

}

.designer-item .pop span {

	display: inline-block;

	width: 48px;

	height: 48px;

	background: url(../images/ico_search.png);

}

.designer-item .text .con {

	padding: 22px 20px 15px;

}

.designer-item .tit {

	position: relative;

	padding-right: 90px;

}

.designer-item .tit div {

	float: left;

	font-size: 12px;

	color: #999999;

	text-transform: uppercase;

}

.designer-item .tit div span {

	margin-right: 8px;

	display: inline-block;

	font-size: 24px;

	color: #333333;

}

.designer-item .tit em {

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -11px;

	line-height: 22px;

	cursor: pointer;

	line-height: 30px;

	background: url(../images/ico_heart.png) no-repeat left;

	padding-left: 22px;

	color: #101b26;

	font-size: 16px;

	font-style: normal;

}

.designer-item .tip {

	margin-top: 10px;

}

.designer-item .tip span {

	margin: 0 15px;

}

.designer-item .tip em {

	font-style: normal;

}

.designer-item .bt {

	padding: 10px 20px;

	border-top: 1px solid #eeeeee;

	font-size: 12px;

	line-height: 32px;

}

.designer-item .bt a {

	float: left;

	display: inline-block;

	width: 55%;

	max-width: 130px;

	background: #b48b62;

	color: #FFFFFF;

	text-align: center;

}

.designer-item .bt span {

	float: right;

	max-width: 45%;

}

.designer-item .bt span em {

	font-style: normal;

	color: #b48b62;

}

.designer-item:hover {

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.designer-item:hover {

	border: 1px solid #FFFFFF;

}

.designer-item:hover .pop {

	height: 100%;

}

.designer-item:hover .tit div span {

	color: #b48b62;

}

.designer-item:hover .tit em, .designer-item .tit em.active {

	color: #b48b62;

	background: url(../images/ico_heart_h.png) no-repeat left;

}

.video-pop .content {

	background: rgba(0,0,0,0);

}

.video-pop .video-close {

	top: -50px;

	right: 0;

}

.video-pop video {

	width: 100%;

}

/* ========== */

/* = DESIGNER-DETAIL = */

/* ========== */

.designer-detail {

	padding: 25px 0 120px;

}

.construction-site {

	margin-top: 75px;

}

.construction-site ul {

	margin-top: 25px;

}

.construction-site li {

	padding: 25px 0;

	border-bottom: 1px dashed #e5e5e5;

}

.construction-site li div {

	float: left;

}

.construction-site li .tit {

	width: 24%;

	padding-top: 10px;

}

.construction-site li .tit a {

	font-size: 20px;

	line-height: 30px;

	color: #333333;

	display: inline-block;

	padding-right: 55px;

	position: relative;

}

.construction-site li .tit a i {

	position: absolute;

	top: 6px;

	right: 0;

	display: inline-block;

	width: 48px;

	height: 17px;

	line-height: 17px;

	font-size: 12px;

	color: #FFFFFF;

	background: url(../images/designer/ico_new.png);

	font-style: normal;

	padding-left: 13px;

}

.construction-site li .col {

	padding: 0 15px;

	position: relative;

	color: #333333;

	width: 13%;

	text-align: center;

}

.construction-site li .col:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 1px;

	height: 100%;

	background: #e5e5e5;

}

.construction-site li .col-01:before {

	display: none;

}

.construction-site li .col p {

	margin-top: 10px;

}

.construction-site li .appoint-site-button {

	margin-top: 10px;

	float: right;

	display: block;

	width: 14%;

	height: 36px;

	line-height: 36px;

	font-size: 12px;

	background: #0a2444;

	color: #FFFFFF;

	text-align: center;

}

 @media (max-width:999px) {

/* ========== */

	/* = DESIGNER = */

	/* ========== */

.designer {

	padding: 40px 0;

}

.designer-detail-box {

	margin: 40px 0;

	padding: 0;

	background: none;

}

.designer-detail-box .left {

	width: 100%;

	max-width: 100%;

}

.designer-detail-box .left .en {

	display: none;

}

.designer-detail-box .left:before {

	display: none;

}

.designer-detail-box .img .text i {

	margin-left: 15px;

	width: 30px;

	height: 30px;

}

.designer-detail-box .right {

	width: 100%;

	padding-top: 30px;

}

.designer-detail-box .right .tit {

	font-size: 14px;

}

.designer-detail-box .right .tit span {

	font-size: 22px;

}

.designer-detail-box .right .bt {

	text-align: center;

	letter-spacing: 0;

}

.designer .designer-list {

	margin-top: 30px;

	margin-bottom: 30px;

}

.designer-list {

	margin-left: -5px;

	margin-right: -5px;

}

.designer-list li {

	width: 50%;

	padding: 0 5px;

}

.designer-item .tit {

	padding-right: 0;

}

.designer-item .tit div span {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 4px;

	display: block;

}

.designer-item .tit em {

	display: none;

}

.designer-item .tip em, .designer-item .tip span {

	display: none;

}

.designer-item .bt a {

	float: none;

	width: 100%;

}

.designer-item .bt span {

	float: none;

	max-width: 100%;

	font-style: 11px;

	display: block;

}

.video-pop .video-close {

	top: -35px;

}

/* ========== */

	/* = DESIGNER-DETAIL = */

	/* ========== */

.designer-detail {

	padding: 0 0 40px;

}

.construction-site {

	margin-top: 40px;

}

.construction-site li .tit {

	text-align: center;

}

.construction-site li .tit {

	width: 100%;

	padding-top: 0;

	margin-bottom: 20px;

}

.construction-site li .col {

	width: 25%;

	padding: 0;

	margin-bottom: 20px;

}

.construction-site li .col p {

	font-size: 10px;

}

.construction-site li .appoint-site-button {

	clear: both;

	float: none;

	width: 150px;

	margin: 0 auto;

}

}

/* ========== */

/* = HOTCASE = */

/* ========== */

.hotcase {

	padding: 70px 0 100px;

}

.hotcase-hotlink {

	border: 1px solid #eeeeee;

	padding: 10px 50px;

	line-height: 30px;

	position: relative;

	padding-left: 125px;

}

.hotcase-hotlink span {

	display: block;

	position: absolute;

	top: 10px;

	left: 50px;

	line-height: 30px;

}

.hotcase-hotlink a {

	display: inline-block;

	margin-right: 42px;

}

.hotcase-hotlink a:hover {

	color: #b48b62;

}

.hotcase-list {

	margin: 40px -10px 50px;

}

.hotcase-list li {

	float: left;

	width: 33.33333333%;

	padding: 10px;

}

.hotcase-list li:nth-child(3n+1) {

	clear: both;

}

.hotcase-item .img {

	position: relative;

	overflow: hidden;

}

.hotcase-item .img-vertical {

	padding-bottom: 67.021277%;

}

.hotcase-item .img img {

	width: 100%;

}

.hotcase-item .num {

	position: absolute;

	top: 0;

	left: 0;

	text-align: center;

	background: rgba(10,36,68,.8);

	width: 70px;

	height: 100%;

	color: #FFFFFF;

}

.hotcase-item .num span {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	line-height: 30px;

	margin-top: -30px;

}

.hotcase-item .num span i {

	font-style: normal;

	font-size: 24px;

}

.hotcase-item .pop {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0%;

	background: rgba(10,36,68,.8);

	text-align: center;

	overflow: hidden;

	color: #FFFFFF;

}

.hotcase-item .pop .con {

	display: inline-block;

	vertical-align: middle;

	padding: 75px 10px;

	width: 100%;

}

.hotcase-item .pop .con+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.hotcase-item .pop .text {

	color: #FFFFFF;

	line-height: 24px;

}

.hotcase-item .pop .bt {

	margin-top: 25px;

}

.hotcase-item .pop .bt a {

	display: inline-block;

	margin: 0 2px;

	font-size: 12px;

	border: 1px solid #b48b62;

	width: 40%;

	max-width: 120px;

	line-height: 30px;

	color: #FFFFFF;

}

.hotcase-item .pop .bt a:first-child {

	background: #b48b62;

}

.hotcase-item .pop .bt a:last-child {

	background: rgba(255,255,255,.12);

}

.hotcase-item .tit {

	display: block;

	height: 58px;

	line-height: 58px;

	color: #333333;

	font-size: 20px;

	text-align: center;

}

.hotcase-item:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.hotcase-item:hover .pop {

	height: 100%;

}

.hotcase-item:hover .num {

	display: none;

}

.hotcase-item:hover .pop {

	height: 100%;

}

/* ========== */

/* = HOTCASE-DETAIL = */

/* ========== */

.hotcase-detail {

	padding: 75px 0 130px;

}

.hotcase-detail-box .img {

	float: left;

	width: 68%;

	max-width: 800px;

}

.hotcase-detail-box .right {

	float: right;

	width: 30%;

}

.hotcase-detail-box .right .title {

	font-size: 24px;

	color: #333333;

}

.hotcase-detail-box .right .tip {

	padding: 20px 0;

	font-size: 12px;

	border-bottom: 1px dashed #EEEEEE;

}

.hotcase-detail-box .right .tip span {

	margin-right: 10px;

	padding-left: 25px;

	position: relative;

	line-height: 24px;

	display: inline-block;

}

.hotcase-detail-box .right .tip i {

	position: absolute;

	top: 2px;

	left: 0;

	width: 20px;

	height: 20px;

}

.hotcase-detail-box .right .tip .ico-01 {

	background: url(../images/ico_hotcase_01.png);

}

.hotcase-detail-box .right .tip .ico-02 {

	background: url(../images/ico_hotcase_02.png);

}

.hotcase-detail-box .right .tip .ico-03 {

	background: url(../images/ico_hotcase_03.png);

}

.hotcase-detail-box .right .des {

	margin-top: 30px;

	line-height: 30px;

	color: #999999;

}

.hotcase-detail-box .right .text {

	margin-top: 65px;

	font-size: 12px;

}

.hotcase-detail-box .right .text a {

	width: 45%;

	height: 46px;

	line-height: 46px;

	text-align: center;

	color: #FFFFFF;

	display: inline-block;

	background: #b48b62;

}

.hotcase-detail-box .right .text span {

	margin-left: 5%;

	max-width: 50%;

}

.hotcase-detail-box .right .text span i {

	font-style: normal;

	color: #b48b62;

}

.hotcase-chooseplan {

	margin-top: 95px;

}

.hotcase-chooseplan .tip {

	position: absolute;

	bottom: 10px;

	right: 0;

}

.hotcase-chooseplan .tip>span {

	margin-right: 10px;

	display: inline-block;

	vertical-align: middle;

	font-size: 12px;

}

.hotcase-chooseplan .swiper-pagination {

	position: relative;

	display: inline-block;

	vertical-align: middle;

}

.hotcase-chooseplan-item {

	margin-top: 35px;

}

.hotcase-chooseplan-item .left {

	float: left;

	width: 66.666667%;

}

.hotcase-chooseplan-item .slick .slick-prev, .hotcase-chooseplan-item .slick .slick-next {

	margin: 0;

	bottom: 0;

	top: auto;

	width: 45px;

	height: 45px;

	border-radius: 0;

	background-color: rgba(0,0,0,0);

	background-color: #b48b62;

}

.hotcase-chooseplan-item .slick .slick-prev {

	left: auto;

	right: 46px;

}

.hotcase-chooseplan-item .slick .slick-prev:hover, .hotcase-chooseplan-item .slick .slick-next:hover {

	background-color: #b48b62;

}

.hotcase-chooseplan-item .slick .slick-next {

	right: 0;

}

.hotcase-chooseplan-item .slick-slide {

	position: relative;

}

.hotcase-chooseplan-item .slick-slide .text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	line-height: 26px;

	padding: 10px 120px 10px 35px;

	background: rgba(10,36,68,.8);

	color: #FFFFFF;

	letter-spacing: 1px;

}

.hotcase-chooseplan-item .right {

	float: right;

	width: 30%;

	padding-top: 15px;

}

.hotcase-chooseplan-item .right .tit {

	font-size: 20px;

	background: url(../images/hotcase/ico_designer.png) no-repeat left;

	padding-left: 40px;

	color: #333333;

}

.hotcase-chooseplan-item .right .des {

	padding: 15px 0 60px;

	border-bottom: 1px solid #eeeeee;

	line-height: 30px;

	color: #999999;

}

.hotcase-chooseplan-item .right .in {

	position: relative;

	padding-left: 75px;

	border-bottom: 1px solid #eeeeee;

}

.hotcase-chooseplan-item .right .in span {

	position: absolute;

	top: 0;

	left: 0;

	line-height: 50px;

	color: #333333;

}

.hotcase-chooseplan-item .right .in input {

	width: 100%;

	height: 50px;

	padding: 13px 0;

	line-height: 24px;

	border: none;

	background: none;

}

.hotcase-chooseplan-item .right .button {

	margin-top: 35px;

}

.hotcase-chooseplan-item .right .button input {

	width: 70%;

	border: 1px solid #434343;

	background: none;

	font-size: 12px;

	letter-spacing: 2px;

	padding: 15px;

}

.hotcase-chooseplan-item .right .share {

	margin-top: 25px;

}

.hotcase-display {

	margin-top: 90px;

}

.hotcase-display .content {

	margin: 35px -10px 0;

	padding-bottom: 50px;

}

.hotcase-display .slick-dots {

	bottom: -50px;

}

.hotcase-display .slick-slide {

	padding: 0 10px;

}

.signing-case {

	margin-top: 70px;

}

.signing-case .content {

	margin: 30px -10px 0;

	padding-bottom: 50px;

}

.signing-case .slick-dots {

	bottom: -50px;

}

.signing-case .slick-slide {

	padding: 0 10px;

}

.genero-service {

	margin-top: 84px;

}

.genero-service .tit {

	text-align: center;

	padding-bottom: 20px;

	position: relative;

}

.genero-service .tit h2 {

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.genero-service .tit p {

	margin-top: 15px;

	font-size: 16px;

	letter-spacing: 8px;

}

.genero-service .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 320px;

	margin-left: -160px;

	height: 1px;

	background: #eeeeee;

}

.genero-service ul {

	margin-top: 50px;

	border-bottom: 1px solid #e5e5e5;

	border-left: 1px solid #e5e5e5;

}

.genero-service li {

	float: left;

	width: 20%;

	border: 1px solid #e5e5e5;

	border-bottom: none;

	border-left: none;

	padding: 20px 28px;

	height: 80px;

}

.genero-service li i {

	float: left;

	display: inline-block;

	border-radius: 50%;

	font-style: normal;

	width: 32px;

	line-height: 32px;

	color: #FFFFFF;

	background: #b48b62;

	text-align: center;

}

.genero-service li div {

	margin-left: 40px;

}

.genero-service li div span {

	display: block;

	font-size: 16px;

	line-height: 18px;

	color: #333333;

	letter-spacing: 3px;

}

.genero-service li div p {

	margin-top: 4px;

	font-size: 12px;

	color: #aaaaaa;

	text-transform: uppercase;

}

.genero-service li div span {

	display: block;

	font-size: 16px;

	line-height: 18px;

	color: #333333;

	letter-spacing: 3px;

}

.genero-service li:last-child {

	padding: 0;

}

.genero-service li a {

	display: block;

	width: 100%;

	height: 80px;

	line-height: 80px;

	background: #0a2444;

	color: #FFFFFF;

	text-align: center;

}

.genero-service li a img {

	display: inline-block;

	vertical-align: middle;

}

.genero-service li a span {

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle

}

.genero-service .horn {

	margin-top: 35px;

	text-align: center;

}

.genero-service .horn div {

	display: inline-block;

	background: url(../images/ico_horn.png) no-repeat left;

	line-height: 26px;

	font-size: 12px;

	padding-left: 25px;

}

.genero-service .horn div span {

	display: inline-block;

	margin: 0 15px;

}

 @media (max-width:999px) {

/* ========== */

	/* = HOTCASE = */

	/* ========== */

.hotcase {

	padding: 40px 0;

}

.hotcase-hotlink {

	padding: 10px 20px;

}

.hotcase-hotlink span {

	position: relative;

	top: auto;

	left: auto;

}

.hotcase-hotlink a {

	margin-right: 10px;

}

.hotcase-list {

	margin-bottom: 20px;

}

.hotcase-list li {

	width: 50%;

}

.hotcase-list li:nth-child(2n+1) {

	clear: both;

}

.hotcase-list li:nth-child(3n+1) {

	clear: initial;

}

.hotcase-item .tit {

	font-size: 14px;

}

/* ========== */

	/* = HOTCASE-DETAIL = */

	/* ========== */

.hotcase-detail {

	padding: 40px 0;

}

.hotcase-detail-box .img {

	width: 100%;

	max-width: 100%;

}

.hotcase-detail-box .right {

	width: 100%;

	margin-top: 25px;

}

.hotcase-detail-box .right .text {

	margin-top: 20px;

}

.hotcase-chooseplan {

	margin-top: 40px;

}

.hotcase-chooseplan-item .left {

	width: 100%;

}

.hotcase-chooseplan-item .slick .slick-prev, .hotcase-chooseplan-item .slick .slick-next {

	margin-top: -15px;

	width: 30px;

	height: 30px;

	bottom: auto;

	top: 50%;

	background-color: #0a2444;

}

.hotcase-chooseplan-item .slick .slick-prev {

	left: 0;

	right: auto;

}

.hotcase-chooseplan-item .slick .slick-next {

	right: 0;

}

.hotcase-chooseplan-item .slick-slide .text {

	padding: 10px;

	font-size: 12px;

	line-height: 22px;

}

.hotcase-chooseplan-item .right {

	width: 100%;

	margin-top: 20px;

}

.hotcase-chooseplan-item .right .des {

	padding: 15px 0 30px;

	line-height: 24px;

	font-size: 12px;

}

.hotcase-chooseplan-item .right .button {

	margin-top: 35px;

	text-align: center;

}

.hotcase-display {

	margin-top: 40px;

}

.signing-case {

	margin-top: 40px;

}

.genero-service {

	margin-top: 40px;

}

.genero-service .tit h2 {

	font-size: 20px;

	letter-spacing: 0;

}

.genero-service .tit p {

	font-size: 12px;

	letter-spacing: 0;

}

.genero-service ul {

	margin-top: 40px;

}

.genero-service li {

	width: 50%;

	padding: 20px 0 20px 10px;

}

.genero-service li div span {

	font-size: 14px;

}

.genero-service li div p {

	font-size: 10px;

}

}

/* ========== */

/* = SEIKO = */

/* ========== */

.seiko-point {

	padding-bottom: 50px;

	background-image: url(../images/technology_bg.jpg);

	background-size: cover;

}

.seiko-point ul {

	margin: 0 -15px;

}

.seiko-point li {

	margin-top: 50px;

	float: left;

	width: 33.333333333%;

	padding: 0 15px;

}

.seiko-point li .item {

	background: #FFFFFF;

	padding: 30px 5px 30px 15px;

	position: relative;

}

.seiko-point li .item:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 2px;

	background: #b18b61;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.seiko-point li .item:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background: #2b3a56;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.seiko-point li .item .img {

	float: left;

	position: relative;

	display: inline-block;

}

.seiko-point li .item .img .default {

	position: absolute;

	top: 0;

	left: 0;

}

.seiko-point li .item .img .hover {

	transform: rotateY(-180deg);

	-webkit-transform: rotateY(-180deg);

	opacity: 0;

}

.seiko-point li .item .text {

	margin-left: 65px;

}

.seiko-point li .item .text span {

	display: block;

	font-size: 20px;

	color: #333333;

}

.seiko-point li .item .text p {

	margin-top: 12px;

	color: #bbbbbb;

	font-size: 12px;

	text-transform: uppercase;

}

.seiko-point li:hover .item .img .default {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	opacity: 0;

}

.seiko-point li:hover .item .img .hover {

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	opacity: 1;

}

.seiko-point li:hover .item:before {

	width: 100%;

}

.seiko-point li:hover .item:after {

	width: 0;

}

.seiko-quality {

	padding: 110px 0;

}

.seiko-quality ul {

	margin-top: 35px;

	border-top: 1px solid #EEEEEE;

	border-left: 1px solid #EEEEEE;

}

.seiko-quality li {

	float: left;

	width: 25%;

	text-align: center;

	border: 1px solid #eeeeee;

	height: 210px;

	border-top: none;

	border-left: none;

	padding: 35px 5px 25px;

}

.seiko-quality li span {

	display: inline-block;

	border-radius: 50%;

	background: #2b3a56;

}

.seiko-quality li h2 {

	margin-top: 25px;

	font-size: 18px;

	color: #333333;

}

.seiko-quality li p {

	margin-top: 10px;

	font-size: 12px;

	color: #bbbbbb;

	text-transform: uppercase;

}

.seiko-quality li:hover {

	-o-box-shadow: 0 0 35px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 35px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 35px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 35px rgba(0,0,0,.08);

	box-shadow: 0 0 35px rgba(0,0,0,.08);

}

.seiko-quality li:hover span {

	background: #b18b61;

}

.seiko-quality li:hover h2 {

	color: #b18b61;

}

.seiko-technology-tit {

	text-align: center;

}

.seiko-technology-tit {

	padding-bottom: 25px;

	position: relative;

}

.seiko-technology-tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -170px;

	width: 340px;

	height: 1px;

	background: #EEEEEE;

}

.seiko-technology-tit span {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.seiko-technology-tit p {

	margin-top: 15px;

	letter-spacing: 2px;

}

.seiko-patent {

	padding: 110px 0 100px;

	background-image: url(../images/whole_house_bg.jpg);

	background-size: cover;

}

.seiko-patent .seiko-technology-tit span {

	background: url(../images/patent_ico.png) no-repeat left;

	padding-left: 45px;

}

.seiko-patent .ny-more2 {

	margin-top: 85px;

	background: #0a2444;

}

.seiko-patent .content {

	margin-top: 65px;

}

.seiko-patent .left {

	float: left;

	width: 30.5%;

}

.seiko-patent .left .item {

	height: 154px;

	padding-top: 15px;

}

.seiko-patent .left .item div {

	padding-bottom: 15px;

	font-size: 16px;

	line-height: 30px;

	color: #bb9570;

	font-weight: bold;

	text-transform: uppercase;

	position: relative;

}

.seiko-patent .left .item div:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 12px;

	height: 2px;

	background: #0a2444;

}

.seiko-patent .left .item p {

	margin-top: 20px;

	color: #999999;

	letter-spacing: 3px;

}

.seiko-patent .center {

	float: left;

	padding: 0 10px;

	width: 51%;

}

.seiko-patent .right {

	float: right;

	width: 18.5%;

	position: relative;

}

.seiko-patent .right img {

	float: right;

}

.seiko-patent .right a {

	position: absolute;

	bottom: -60px;

	left: -100px;

	background: #2b3a56;

	display: inline-block;

	width: 185px;

	height: 80px;

	line-height: 80px;

	text-transform: uppercase;

	color: #FFFFFF;

	text-decoration: underline !important;

	text-align: center;

}

.seiko-patent .right a span {

	display: inline-block;

	background: url(../images/ico_jt.png) no-repeat right;

	padding-right: 40px;

}

.seiko-technology {

	padding: 85px 0 25px;

}

.seiko-technology .des {

	margin-top: 20px;

	text-align: center;

	line-height: 30px;

}

.seiko-technology .tab li {

	margin-top: 45px;

	float: left;

	width: 20%;

	padding: 10px 5px 20px;

	text-align: center;

	position: relative;

	cursor: pointer;

	border-bottom: 2px solid #FFFFFF;

}

.seiko-technology .tab li:after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 1px;

	height: 100%;

	background: #e5e5e5;

}

.seiko-technology .tab li:last-child:after {

	display: none;

}

.seiko-technology .tab li:before {

	display: none;

	content: "";

	position: absolute;

	bottom: -15px;

	left: 50%;

	margin-left: -5px;

	border-style: solid dashed dashed dashed;

	border-color: #b48b62 transparent transparent transparent;

	border-width: 7px;

}

.seiko-technology .tab li .img {

	position: relative;

	display: inline-block;

}

.seiko-technology .tab li .img .default {

	position: absolute;

	top: 0;

	left: 0;

}

.seiko-technology .tab li .img .hover {

	transform: rotateY(-180deg);

	-webkit-transform: rotateY(-180deg);

	opacity: 0;

}

.seiko-technology .tab li p {

	margin-top: 10px;

	letter-spacing: 2px;

}

.seiko-technology .tab li.active {

	border-bottom: 2px solid #b48b62;

	-o-box-shadow: 0 0 25px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 25px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 25px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 25px rgba(0,0,0,.08);

	box-shadow: 0 0 25px rgba(0,0,0,.08);

}

.seiko-technology .tab li:hover .img .default, .seiko-technology .tab li.active .img .default {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	opacity: 0;

}

.seiko-technology .tab li:hover .img .hover, .seiko-technology .tab li.active .img .hover {

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	opacity: 1;

}

.seiko-technology .tab li.active:before {

	display: block;

}

.seiko-technology .tab li:hover p, .seiko-technology .tab li.active p {

	color: #b48b62;

}

.seiko-technology .js-tab-box {

	margin-top: 45px;

	padding: 60px 20px 35px;

	background-image: url(../images/technology_bg.jpg);

	background-size: cover;

}

.seiko-technology .js-tab-con {

	height: 0;

	overflow: hidden;

}

.seiko-technology .js-tab-con.active {

	height: auto;

}

.seiko-technology .js-tab-con .tit {

	text-align: center;

}

.seiko-technology .js-tab-con .tit span {

	display: block;

	font-size: 24px;

	color: #333333;

	letter-spacing: 3px;

}

.seiko-technology .js-tab-con .tit p {

	margin-top: 15px;

	font-size: 12px;

	color: #bbbbbb;

	text-transform: uppercase;

}

.seiko-technology .slick {

	padding: 0 45px;

}

.seiko-technology .slick-prev {

	left: 0;

}

.seiko-technology .slick-next {

	right: 0;

}

.seiko-technology .slick-slide {

	padding: 50px 8px;

}

.seiko-technology .slick-slide .item {

	background: #FFFFFF;

	-o-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);

	box-shadow: 0 0 15px rgba(0,0,0,.08);

}

.seiko-technology .slick-slide .item img {

	width: 100%;

}

.seiko-technology .slick-slide .text {

	padding: 20px 20px 30px;

}

.seiko-technology .slick-slide .text span {

	display: block;

	padding-left: 20px;

	position: relative;

	color: #333333;

	font-size: 16px;

	line-height: 30px;

	min-height: 60px;

}

.seiko-technology .slick-slide .text span:before {

	content: "";

	position: absolute;

	top: 12px;

	left: 0;

	width: 6px;

	height: 6px;

	background: #0a2444;

	border-radius: 50%;

}

/* ========== */

/* = SERVICE = */

/* ========== */

.service {

	padding: 100px 0;

}

.service-box ul {

	margin: 0 -10px;

}

.service-box li {

	margin-top: 60px;

	float: left;

	width: 20%;

	padding: 0 10px;

}

.service-box .item {

	position: relative;

	border: 1px solid #eeeeee;

	background-image: url(../images/service_item_bg.png);

	background-size: cover;

	text-align: center;

	padding: 55px 5px 30px;

}

.service-box .item .ico {

	position: absolute;

	display: block;

	top: -20px;

	left: 50%;

	margin-left: -25px;

	width: 40px;

	height: 40px;

	background-image: url(../images/ico_right1.png);

}

.service-box .item .tit {

	position: relative;

	padding-bottom: 15px;

}

.service-box .item .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -16px;

	width: 32px;

	height: 2px;

	background: #b48b62;

}

.service-box .item .tit span {

	display: block;

	font-size: 20px;

	color: #333333;

	letter-spacing: 3px;

}

.service-box .item .tit p {

	font-size: 12px;

	color: #aaaaaa;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.service-box .item .des {

	margin: 15px auto 0;

	max-width: 160px;

	line-height: 22px;

	min-height: 44px;

	color: #777777;

}

.service-content {

	margin-top: 100px;

	text-align: center;

}

.service-content .tit {

	padding-bottom: 25px;

	position: relative;

}

.service-content .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -160px;

	width: 320px;

	height: 1px;

	background: #EEEEEE;

}

.service-content .tit span {

	display: block;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.service-content .tit p {

	margin-top: 15px;

	letter-spacing: 10px;

	font-size: 16px;

}

.service-content .des {

	margin: 35px auto 0;

	max-width: 960px;

	line-height: 30px;

	letter-spacing: 2px;

}

.service-content .content {

	margin: 35px -10px 0;

}

.service-content .box {

	float: left;

	padding: 10px;

}

.service-content .box .img {

	width: 100%;

	position: relative;

	overflow: hidden;

}

.service-content .box .img img {

	width: 100%;

}

.service-content .box1 {

	width: 66.5%;

}

.service-content .box2 {

	width: 33.5%;

}

.service-content .box3 {

	width: 50%;

}

.service-content .box .bg {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(10,36,68,.8);

	color: #FFFFFF;

}

.service-content .box .bg span {

	display: inline-block;

	vertical-align: middle;

	font-size: 18px;

	letter-spacing: 3px;

	border: 1px solid rgba(255,255,255,.55);

	padding: 10px 30px;

}

.service-content .box .bg i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.service-content .box:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.service-content .box:hover .bg {

	display: block;

}

 @media (max-width:999px) {

/* ========== */

	/* = SEIKO = */

	/* ========== */

.seiko-point {

	padding-bottom: 40px;

}

.seiko-point li {

	margin-top: 40px;

	width: 100%;

}

.seiko-point li .item .img {

	width: 40px;

}

.seiko-point li .item .text {

	margin-left: 50px;

}

.seiko-point li .item .text span {

	font-size: 16px;

}

.seiko-point li .item .text p {

	margin-top: 5px;

}

.seiko-patent .seiko-technology-tit span {

	font-size: 20px;

}

.seiko-quality {

	padding: 40px 0;

}

.seiko-quality li {

	width: 50%;

	height: 170px;

	padding-top: 25px;

}

.seiko-quality li span {

	width: 40px;

}

.seiko-quality li h2 {

	margin-top: 15px;

	font-size: 13px;

}

.seiko-quality li p {

	font-size: 10px;

}

.seiko-patent {

	padding: 40px 0;

}

.seiko-patent .seiko-technology-tit span {

	padding-left: 0;

	background: none;

}

.seiko-patent .ny-more2 {

	margin-top: 85px;

	background: #0a2444;

}

.seiko-patent .content {

	margin-top: 40px;

}

.seiko-patent .content img {

	width: 100%;

}

.seiko-patent .left {

	width: 100%;

}

.seiko-patent .center {

	margin-top: 20px;

	width: 100%;

	padding: 0;

}

.seiko-patent .right {

	margin-top: 20px;

	width: 100%;

}

.seiko-patent .right div {

	width: 50%;

	float: left;

}

.seiko-patent .right .tit img {

	float: left;

	max-width: 35%;

	padding-top: 10px;

}

.seiko-patent .right a {

	bottom: 0;

	left: 0;

	height: 50px;

	line-height: 50px;

}

.seiko-technology {

	padding: 40px 0 25px;

}

.seiko-technology .tab li {

	margin-top: 30px;

	padding: 10px 0;

}

.seiko-technology .tab li .img {

	width: 40px;

}

.seiko-technology .tab li p {

	display: none;

}

.seiko-technology .js-tab-box {

	margin-top: 40px;

	padding: 20px 10px 30px;

}

.seiko-technology .slick {

	padding: 0;

}

.seiko-technology .slick-dots {

	bottom: 0;

}

.seiko-technology .slick-slide {

	padding: 30px 8px 50px;

}

.seiko-technology .slick-slide .text {

	padding: 15px 10px;

}

.seiko-technology .slick-slide .text span {

	font-size: 13px;

	line-height: 22px;

}

.seiko-technology .slick-slide .text span:before {

	display: none;

}

.seiko-technology .slick-slide .text p {

	font-size: 11px;

	line-height: 18px;

}

/* ========== */

	/* = SERVICE = */

	/* ========== */

.service {

	padding: 40px 0;

}

.service-box li {

	margin-top: 50px;

	width: 100%;

}

.service-content {

	margin-top: 40px;

}

.service-content .tit {

	padding-bottom: 15px;

}

.service-content .tit span {

	font-size: 20px;

}

.service-content .tit p {

	font-size: 14px;

	letter-spacing: 1px;

}

.service-content .des {

	font-size: 12px;

	line-height: 22px;

	letter-spacing: 0;

}

.service-content .content {

	margin: 30px -3px 0;

}

.service-content .box {

	float: left;

	padding: 3px;

}

}

/* ========== */

/* = SUPPLYCHAIN = */

/* ========== */

.supplychain {

	padding: 100px 0;

}

.material-box {

	text-align: center;

}

.material-box .tit {

	padding-bottom: 25px;

	position: relative;

}

.material-box .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -160px;

	width: 320px;

	height: 1px;

	background: #EEEEEE;

}

.material-box .tit span {

	display: block;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.material-box .tit p {

	margin-top: 15px;

	letter-spacing: 10px;

	font-size: 16px;

}

.material-box ul {

	margin: 0 -15px;

}

.material-box li {

	margin-top: 45px;

	float: left;

	width: 16.6666667%;

	padding: 0 15px;

}

.material-box li i {

	display: inline-block;

	width: 70px;

	height: 70px;

	background: #102543;

	border-radius: 50%;

}

.material-box li span {

	margin-top: 10px;

	display: block;

	font-size: 20px;

	color: #333333;

	letter-spacing: 3px;

}

.material-box li p {

	margin-top: 5px;

	font-size: 12px;

	color: #aaaaaa;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.material-box li:hover i {

	background: #b48b62;

}

.material-box li:hover span {

	color: #b48b62;

}

.supplychain-brand {

	margin-top: 110px;

	text-align: center;

}

.supplychain-brand .tit {

	padding-bottom: 25px;

	position: relative;

}

.supplychain-brand .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -160px;

	width: 320px;

	height: 1px;

	background: #EEEEEE;

}

.supplychain-brand .tit span {

	display: block;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.supplychain-brand .des {

	margin: 25px auto 0;

	line-height: 30px;

	max-width: 950px;

	letter-spacing: 2px;

}

.supplychain-brand .content {

	padding: 40px 0;

	margin: 0 -10px;

}

.supplychain-brand .slick-dots {

	bottom: -40px;

}

.supplychain-brand .slick-slide {

	padding: 0 10px;

}

.supplychain-brand .slick-slide .item {

	margin: 22px 0;

	position: relative;

}

.supplychain-brand .slick-slide .item:before {

	content: "";

	position: absolute;

	bottom: -4px;

	left: 0;

	width: 0;

	height: 3px;

	background: #b18b61;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.supplychain-brand .slick-slide .item:hover {

	-o-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);

	box-shadow: 0 0 15px rgba(0,0,0,.08);

}

.supplychain-brand .slick-slide .item:hover:before {

	width: 100%;

}

 @media (max-width:999px) {

/* ========== */

	/* = SUPPLYCHAIN = */

	/* ========== */

.supplychain {

	padding: 40px 0;

}

.material-box .tit {

	padding-bottom: 15px;

}

.material-box .tit span {

	font-size: 20px;

}

.material-box .tit p {

	letter-spacing: 1px;

	font-size: 16px;

}

.material-box ul {

	margin: 0 -5px;

}

.material-box li {

	width: 33.33333333%;

	padding: 0 5px;

}

.material-box li:nth-child(3n+1) {

	clear: both;

}

.material-box li i {

	width: 46px;

	height: 46px;

}

.material-box li span {

	font-size: 16px;

}

.material-box li p {

	font-size: 10px;

}

.supplychain-brand {

	margin-top: 40px;

}

.supplychain-brand .tit {

	padding-bottom: 15px;

}

.supplychain-brand .tit span {

	font-size: 20px;

}

.supplychain-brand .des {

	font-size: 12px;

	line-height: 22px;

}

.supplychain-brand .content {

	padding: 30px 0;

}

.supplychain-brand .slick-slide {

	padding: 0 10px;

}

.supplychain-brand .slick-slide .item {

	margin: 10px 0;

}

}

/* ========== */

/* = NEWS = */

/* ========== */

.news {

	padding: 80px 0 100px;

}

.news-box {

	border: 1px solid #EEEEEE;

}

.news-box a {

	display: block;

}

.news-box .left {

	float: left;

	width: 50%;

	overflow: hidden;

}

.news-box .right {

	float: right;

	width: 50%;

	padding: 65px 65px 0;

}

.news-box .right .date {

	font-size: 30px;

}

.news-box .right .tit {

	margin-top: 10px;

	font-size: 24px;

	color: #b48b62;

}

.news-box .right .des {

	margin-top: 10px;

	color: #777777;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

}

.news-box .right span {

	margin: 35px 0 0;

}

.news-box a:hover img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.news-link {

	margin: 45px -12px 0;

}

.news-link li {

	float: left;

	width: 25%;

	padding: 0 12px;

}

.news-link li a {

	display: block;

	text-align: center;

	background: #f5f5f5;

	padding: 10px 0;

}

.news-link li em {

	margin-right: 10px;

	display: inline-block;

	vertical-align: middle;

	background: #0a2444;

	border-radius: 50%;

}

.news-link li span {

	display: inline-block;

	vertical-align: middle;

	font-size: 20px;

	color: #333333;

}

.news-link li i {

	display: inline-block;

	font-style: normal;

	vertical-align: middle;

	font-size: 1px;

	color: #bbbbbb;

	text-transform: uppercase;

}

.news-link li a.active {

	background: #0a2444;

}

.news-link li a.active em {

	background: #b48b62;

}

.news-link li a.active i {

	color: #FFFFFF;

}

.news-link li a.active span {

	color: #FFFFFF;

}

.news-list {

	margin: 40px 0 70px;

	border-top: 1px dashed #e5e5e5;

}

.news-list li {

	margin-top: -1px;

	position: relative;

}

.news-list li a {

	display: block;

	padding: 35px 190px 35px 30px;

	position: relative;

	border-bottom: 1px dashed #e5e5e5;

	position: relative;

}

.news-list li a:before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 3px;

	background: #b48b62;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.news-list li .img {

	float: left;

	overflow: hidden;

	width: 250px;

}

.news-list li .img-vertical i {

	padding-bottom: 58.8%;

}

.news-list li .text {

	margin-left: 250px;

	padding: 0 45px;

}

.news-list li .text .tit {

	height: 46px;

	line-height: 46px;

	font-size: 18px;

	color: #101010;

}

.news-list li .text .des {

	color: #999999;

	line-height: 30px;

	height: 60px;

	overflow: hidden;

}

.news-list li .text span {

	margin-top: 22px;

	display: block;

	color: #d8d8d8;

	font-size: 12px;

	text-transform: uppercase;

}

.news-list li .date {

	position: absolute;

	top: 50px;

	right: 0;

	width: 190px;

	border-left: 1px solid #eeeeee;

	padding-left: 50px;

	color: #999999;

}

.news-list li .date span {

	display: block;

	font-size: 30px;

	opacity: .6;

}

.news-list li .date p {

	font-size: 12px;

}

.news-list li .date i {

	margin-top: 35px;

	display: inline-block;

	width: 32px;

	height: 32px;

	background: url(../images/slick_next.png);

	background-color: #0a2444;

	border-radius: 50%;

}

.news-list li:hover {

	z-index: 1;

}

.news-list li a:hover:before {

	width: 100%;

}

.news-list li a:hover {

	background: #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	-o-box-shadow: 0 0 20px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 20px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 20px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);

	box-shadow: 0 0 20px rgba(0,0,0,.08);

}

.news-list li a:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.news-list li a:hover .text .tit {

	color: #b48b62;

}

.news-list li a:hover .date i {

	background-color: #b48b62;

}

/* ========== */

/* = NEWS-DETAIL = */

/* ========== */

.news-detail {

	padding: 80px 0 120px;

}

.news-detail .title {

	color: #333333;

	font-size: 22px;

	line-height: 28px;

	text-align: center;

}

.news-detail .w1200 {

	max-width: 1070px;

}

.news-detail .w1200 img {

	max-width: 100%;

}

.article-come {

	line-height: 26px;

	margin-top: 15px;

	text-align: center;

	color: #999999;

}

.article-come span {

	margin: 0 10px;

	padding-left: 28px;

	display: inline-block;

	vertical-align: middle;

	position: relative;

}

.article-come .span-date {

	background: url(../images/article_time.png) no-repeat left;

}

.article-come .span-num {

	background: url(../images/article_num.png) no-repeat left;

}

.news-article {

	margin-top: 15px;

	padding: 65px 0;

	border-top: 1px solid #eeeeee;

	line-height: 30px;

	color: #999999;

}

.news-detail .flip {

	margin-top: 50px;

}

/* ========== */

/* = ACTIVITY = */

/* ========== */

.activity {

	padding: 85px 0 90px;

}

.activity ul {

	margin: 10px 0 60px;

}

.activity li {

	margin-top: 30px;

}

.activity li a {

	display: block;

	padding: 35px 60px;

	background: #FFFFFF;

	border: 1px solid #e5e5e5;

	position: relative;

}

.activity li a:before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 3px;

	background: #c1a64f;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.activity li .img {

	float: left;

	width: 54%;

	overflow: hidden;

	position: relative;

}

.activity li .img img {

	width: 100%;

}

.activity li .pop {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(10,36,68,.8);

	text-align: center;

	overflow: hidden;

}

.activity li .pop .con {

	display: inline-block;

	vertical-align: middle;

	padding: 0 20px;

}

.activity li .pop .con+i {

	display: inline-block;

	vertical-align: middle;

	height: 100%;

}

.activity li .pop span {

	display: inline-block;

	width: 48px;

	height: 48px;

	background: url(../images/ico_search.png);

}

.activity li .text {

	float: right;

	width: 40%;

	text-align: right;

	padding-top: 20px;

}

.activity li .text span {

	display: block;

	font-size: 30px;

}

.activity li .text .tit {

	margin-top: 20px;

	font-size: 24px;

	color: #333333;

}

.activity li .text .des {

	margin-top: 20px;

	font-size: 14px;

	color: #999999;

	line-height: 24px;

	height: 48px;

	overflow: hidden;

}

.activity li .text .tip {

	margin-top: 45px;

	padding-bottom: 10px;

	position: relative;

	font-size: 12px;

	color: #cccccc;

	text-transform: uppercase;

}

.activity li .text .tip:after {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	width: 130%;

	border-bottom: 1px solid #b48b62;

}

.activity li .text em {

	margin-top: 35px;

	display: inline-block;

	background: #0a2444;

}

.activity li a:hover {

	border: 1px solid #FFFFFF;

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.activity li a:hover:before {

	width: 100%;

}

.activity li a:hover .img img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}

.activity li a:hover .pop {

	height: 100%;

}

.activity li a:hover .text em {

	background: #b48b62;

}

 @media (max-width:999px) {

/* ========== */

	/* = NEWS = */

	/* ========== */

.news {

	padding: 40px 0;

}

.news-box .left {

	width: 100%;

}

.news-box .right {

	width: 100%;

	padding: 20px;

}

.news-box .right .date {

	font-size: 18px;

}

.news-box .right .tit {

	font-size: 20px;

}

.news-box .right span {

	margin-top: 15px;

}

.news-link {

	margin: 40px -3px 0;

}

.news-link li {

	float: left;

	width: 50%;

	padding: 3px;

}

.news-link li span {

	font-size: 13px;

}

.news-link li i {

	display: none;

}

.news-list {

	margin-bottom: 40px;

}

.news-list li a {

	padding: 20px 0;

}

.news-list li .img {

	width: 120px;

}

.news-list li .text {

	margin-left: 120px;

	padding: 0;

	padding-left: 10px;

}

.news-list li .text .tit {

	font-size: 14px;

	line-height: 30px;

	height: 30px;

}

.news-list li .text .des {

	font-size: 12px;

	line-height: 20px;

	height: 40px;

}

.news-list li .text span, .news-list li .date {

	display: none;

}

/* ========== */

	/* = NEWS-DETAIL = */

	/* ========== */

.news-detail {

	padding: 40px 0;

}

.news-detail .title {

	font-size: 18px;

}

.news-article {

	padding: 30px 0;

}

/* ========== */

	/* = ACTIVITY = */

	/* ========== */

.activity {

	padding: 40px 0;

}

.activity ul {

	margin: 10px 0 40px;

}

.activity li a {

	padding: 20px;

}

.activity li .img {

	width: 100%;

}

.activity li .text {

	width: 100%;

	text-align: left;

}

.activity li .text span {

	font-size: 20px;

}

.activity li .text .tit {

	margin-top: 10px;

	font-size: 20px;

}

.activity li .text .des {

	margin-top: 10px;

}

.activity li .text .tip {

	margin-top: 20px;

}

.activity li .text .tip:after {

	width: 100%;

}

.activity li .text em {

	margin-top: 20px;

}

}

/* ========== */

/* = ABOUT = */

/* ========== */

.about-box {

	margin-top: 50px;

}

.about-box .left {

	float: left;

	width: 52.5%;

}

.about-box .tit {

	font-size: 36px;

	letter-spacing: 3px;

}

.about-box .tit h2 {

	color: #999999;

	text-transform: uppercase;

}

.about-box .tit p {

	color: #333333;

}

.about-box .text {

	margin-top: 20px;

	font-size: 12px;

	line-height: 24px;

	letter-spacing: 1px;

	text-align: justify;

}

.about-box .right {

	float: right;

	width: 44%;

	max-width: 480px;
	
	margin: 70px 0 0 0;

}

.about-box .right video {

	width: 100%;

}

.about-concept {

	margin-top: 95px;

}

.about-concept ul {

	margin: 0 -12px;

	text-align:center;

}

.about-concept li {

	margin-top: 48px;

	padding: 0 12px;

	display:inline-block;

	width: 20%;

}

.about-concept .item {

	padding: 50px 20px 25px;

	letter-spacing: 1px;

	text-align: center;

	border: 1px solid #eeeeee;

	background-image: url(../images/concept_bg.png);

	background-size: cover;

}

.about-concept .item span {

	margin-top: 55px;

	display: block;

	font-size: 20px;

	color: #333333;

	padding-bottom: 22px;

	position: relative;

}

.about-concept .item span:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	width: 20px;

	height: 2px;

	background: #b48b62;

	margin-left: -10px;

}

.about-concept .item p {

	margin-top: 22px;

	line-height: 24px;

	min-height: 48px;

	color: #777777;

}

.about-concept .item:hover {

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.history-box {

	margin-top: 95px;

	padding: 90px 0 125px;

	border-top: 1px solid #EEEEEE;

}

.history-box .content {

	background: url(../images/history_bg_line.png) repeat-x bottom;

}

.history-box .slick-for .box {

	padding: 100px 50px 30px;

}

.history-box .slick-for .box .date {

	float: left;

	font-size: 80px;

	line-height: 100px;

	color: #b48b62;

	font-weight: 300;

}

.history-box .slick-for .box .text {

	margin-left: 30px;

	float:left;

	padding-top: 20px;

	font-size: 18px;

	line-height: 34px;

	color: #555555;

}

.history-box .slick-for .box .hisimg{

	float:left;

	margin-left:50px;

}

.history-box .slick-nav {

	margin-top: 40px;

	text-align: center;

}

.history-box .slick-nav .slick-slide {

	cursor: pointer;

}

.history-box .slick-nav .slick-slide span {

	display: block;

	height: 50px;

	line-height: 50px;

	position: relative;

}

.history-box .slick-nav .slick-slide span:before, .history-box .slick-nav .slick-slide span:after {

	display: none;

	content: "";

	position: absolute;

	left: 50%;

	margin-left: -5px;

}

.history-box .slick-nav .slick-slide span:before {

	top: 0;

	border-style: solid dashed dashed dashed;

	border-color: #b48b62 transparent transparent transparent;

	border-width: 7px;

}

.history-box .slick-nav .slick-slide span:after {

	bottom: 0;

	border-style: dashed dashed solid dashed;

	border-color: transparent transparent #b48b62 transparent;

	border-width: 7px;

}

.history-box .slick-nav .slick-current {

	color: #b48b62;

}

.history-box .slick-nav .slick-current span:before, .history-box .slick-nav .slick-current span:after {

	display: block;

}

/* ========== */

/* = HONOR = */

/* ========== */

.honor {

	padding: 120px 0 90px;

}

.honor-info {

	position: relative;

	padding-left: 304px;

	border: 1px solid #eeeeee;

}

.honor-info .box {

	position: absolute;

	top: 0;

	left: 0;

	width: 304px;

	height: 100%;

	background: url(../images/honor_bg.jpg);

	padding: 70px 0 0 40px;

}

.honor-info .box span {

	display: block;

	font-size: 36px;

	text-transform: uppercase;

	color: #b48b62;

}

.honor-info .box p {

	font-size: 20px;

	color: #b48b62;

	text-transform: uppercase;

	position: relative;

	padding-bottom: 20px;

}

.honor-info .box p:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 25px;

	height: 3px;

	background: #FFFFFF;

}

.honor-info .box h2 {

	margin-top: 35px;

	font-size: 36px;

	color: #FFFFFF;

}

.honor-info .box em {

	margin-top: 35px;

	display: inline-block;

	width: 44px;

	height: 44px;

	background-image: url(../images/honor_ico.png);

	background-size: cover;

}

.honor-info ul {

	float: left;

	width: 50%;

	padding: 30px 20px 30px 12%;

}

.honor-info li {

	position: relative;

	line-height: 34px;

	font-size: 12px;

	padding-left: 20px;

}

.honor-info li:before {

	content: "";

	position: absolute;

	left: 0;

	top: 15px;

	width: 4px;

	height: 4px;

	background: #141b33;

}

.honor-box {

	margin-top: 75px;

}

.honor-box .slick {

	margin: 15px -18px 0;

	text-align: center;

}

.honor-box .slick-slide {

	padding: 0 18px;

}

.honor-box .slick-slide .box {

	margin: 20px 10px 0;
	
	float:left;

}

.honor-box .slick-slide .box:nth-child(4n+1){
	clear:both;
	
}

.honor-box .slick-slide .box .text {

	margin-top: 20px;

	line-height: 24px;

	min-height: 48px;

	font-size: 12px;

}

.honor-pop .content {

	background: none;

	max-width: 80%;

	width: auto;

}

.honor-pop .close {

	top: -20px;

	right: -50px;

}

/* ========== */

/* = CULTURE = */

/* ========== */

.culture {

	padding: 150px 0 75px;

}

.culture-box .left {

	float: left;

	width: 57%;

}

.culture-box .left .tit {

	font-size: 36px;

	letter-spacing: 3px;

}

.culture-box .left .tit span {

	display: block;

	color: #999999;

	text-transform: uppercase;

}

.culture-box .left .tit p {

	margin-top: 5px;

	color: #333333;

}

.culture-box .left .des {

	margin-top: 35px;

	line-height: 24px;

}

.culture-box .right {

	float: right;

	max-width: 342px;

	width: 36%;

}

.social-responsibility {

	margin-top: 70px;

}

.social-responsibility ul {

	margin-top: 45px;

}

.social-responsibility li {

	background: #f5f5f5;

}

.social-responsibility li .img {

	float: left;

	width: 50%;

}

.social-responsibility li .img img {

	width: 100%;

}

.social-responsibility li .text {

	float: right;

	width: 50%;

	padding: 80px 65px;

}

.social-responsibility li:nth-child(2n) .img {

	float: right;

}

.social-responsibility li:nth-child(2n) .text {

	float: left;

}

.social-responsibility li .text .tit {

	position: relative;

	padding-bottom: 22px;

}

.social-responsibility li .text .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 40px;

	height: 3px;

	background: #b48b62;

}

.social-responsibility li .text .tit span {

	margin-left: -1em;

	display: block;

	font-size: 24px;

	color: #333333;

}

.social-responsibility li .text .tit p {

	margin-top: 10px;

	font-size: 12px;

	text-transform: uppercase;

	color: #aaaaaa;

}

.social-responsibility li .text .des {

	margin-top: 40px;

	line-height: 30px;

}

.social-welfare {

	margin-top: 85px;

}

.social-welfare .content {

	margin: 35px -15px 0;

}

.social-welfare .slick-slide {

	padding: 0 15px;

}

.social-welfare .slick-slide img {

	width: 100%;

}

.social-welfare .slick-slide p {

	line-height: 60px;

	height: 60px;

	text-align: center;

	color: #333333;

	text-align: center

}

/* ========== */

/* = VIDEO = */

/* ========== */

.video {

	padding: 110px 0;

}

.video-list {

	margin: 0 -18px 45px;

}

.video-list li {

	float: left;

	padding: 18px;

	width: 33.333333333333%;

}

.video-list li .item {

	display: block;

	cursor: pointer;

}

.video-list li .img {

	position: relative;

}

.video-list li .img img {

	width: 100%;

}

.video-list li .img:before {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -30px;

	margin-top: -30px;

	width: 60px;

	height: 60px;

	background-image: url(../images/ico_video.png);

}

.video-list li .text {

	padding: 15px;

	font-size: 16px;

	color: #333333;

	border: 1px solid #e5e5e5;

	border-top: 1px solid #e5e5e5;

}

/* ========== */

/* = CONTACT = */

/* ========== */

.contact {

	padding: 100px 0;

}

.contact-ul {

	margin-top: 45px;

}

.contact-ul li {

	float: left;

	width: 48%;

	margin-right: 4%;

	background-image: url(../images/contact_li_bg.png);

	background-size: cover;

	border: 1px solid #e5e5e5;

	padding-bottom: 10px;

	height: 125px;

}

.contact-ul li:nth-child(2n) {

	margin-right: 0;

}

.contact-ul li img {

	float: left;

}

.contact-ul li .item {

	padding: 32px 10px 0 30px;

}

.contact-ul li .item div {

	margin-left: 70px;

	padding-left: 25px;

	border-left: 1px dashed #e5e5e5;

}

.contact-ul li .item div span {

	display: block;

	color: #333333;

	font-size: 16px;

}

.contact-ul li .item div p {

	margin-top: 8px;

	font-size: 18px;

	color: #b48b62;

}

.contact-ul li .item div b {

	font-size: 24px;

}

.contact-ul li .des {

	margin-top: 7px;

	font-size: 12px;

	text-align: center;

	letter-spacing: 1px;

}

.contact-ul li .des em {

	color: #ee0f0f;

}

.contact-info {

	margin: 70px -30px 0;

	border-top: 1px dashed #EEEEEE;

}

.contact-info li {

	float: left;

	margin-top: 55px;

	width: 50%;

	padding: 0 30px;

}

.contact-info li h2 {

	background: url(../images/ico_building.png) no-repeat left 9px;

	line-height: 32px;

	font-size: 20px;

	color: #333333;

	padding-left: 30px;

}

.contact-info li div {

	margin-top: 20px;

	line-height: 30px;

	color: #999999;

}

.contact-info li div p {

	position: relative;

	padding-left: 72px;

	cursor: pointer;

}

.contact-info li div i {

	position: absolute;

	top: 5px;

	left: 0;

	width: 13px;

	height: 16px;

}

.contact-info li div .ico-add {

	background: url(../images/ico_address.png);

}

.contact-info li div .ico-bus {

	background: url(../images/ico_bus.png);

}

.contact-info li div span {

	position: absolute;

	top: 0;

	left: 30px;

	line-height: 30px;

}

.contact .js-tab-con {

	height: 0;

	overflow: hidden;

}

.contact .js-tab-con.active {

	height: auto;

}

.contact .map {

	margin-top: 50px;

	border: 1px solid #dcdcdc;

}

.contact .map-box {

	width: 100%;

	height: 500px;

	position: relative;

}

.contact .map-box img {

	max-width: 1000%;

}

.contact .map-box .allmap {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.contact .map-box .anchorBL {

	display: none;

}

 @media (max-width:999px) {

/* ========== */

	/* = ABOUT = */

	/* ========== */

.about-box {

	margin-top: 40px;

}

.about-box .left {

	width: 100%;

}

.about-box .tit {

	font-size: 20px;

	text-align: center;

}

.about-box .text {

	margin-top: 30px;

}

.about-box .right {

	width: 100%;

	max-width: 100%;

	padding-top: 30px;

}

.about-concept {

	margin-top: 40px;

}

.about-concept li {

	margin-top: 35px;

	width: 100%;

}

.about-concept .item span {

	margin-top: 25px;

}

.history-box {

	margin-top: 40px;

	padding: 40px 0;

}

.history-box .slick-for .box {

	padding: 40px 20px;

}

.history-box .slick-for .box .date {

	float: none;

	font-size: 28px;

	line-height: 30px;

	text-align: center;

}

.history-box .slick-for .box .text {

	margin-left: 0;

	padding-top: 20px;

}

.history-box .slick-nav {

	padding: 0 50px;

}

/* ========== */

	/* = HONOR = */

	/* ========== */

.honor {

	padding: 40px 0;

}

.honor-info {

	padding-left: 0;

}

.honor-info .box {

	position: relative;

	top: auto;

	left: auto;

	width: 100%;

	height: 100%;

	padding: 25px;

}

.honor-info .box span {

	font-size: 24px;

}

.honor-info .box p {

	font-size: 16px;

}

.honor-info .box h2 {

	margin-top: 20px;

	font-size: 24px;

}

.honor-info .box em {

	margin-top: 20px;

	width: 30px;

	height: 30px;

}

.honor-info ul {

	margin-top: 25px;

	width: 100%;

	padding: 0 20px 20px;

}

.honor-box {

	margin-top: 45px;

}

.honor-box .slick {

	padding: 0 40px;

	margin: 20px -5px 0;

}

.honor-pop .close {

	top: -35px;

	right: 0;

}

/* ========== */

	/* = CULTURE = */

	/* ========== */

.culture {

	padding: 40px 0;

}

.culture-box .left {

	width: 100%;

}

.culture-box .left .tit {

	font-size: 22px;

	text-align: center;

}

.culture-box .left .des {

	margin-top: 20px;

}

.culture-box .right {

	margin-top: 25px;

	max-width: 100%;

	width: 100%;

}

.social-responsibility {

	margin-top: 40px;

}

.social-responsibility ul {

	margin-top: 0;

}

.social-responsibility li {

	margin-top: 30px;

}

.social-responsibility li .img {

	width: 100%;

}

.social-responsibility li .text {

	width: 100%;

	padding: 20px;

}

.social-responsibility li .text .tit span {

	font-size: 20px;

}

.social-responsibility li .text .des {

	margin-top: 20px;

}

.social-welfare {

	margin-top: 40px;

}

.social-welfare .content {

	margin: 35px 0 0;

}

.social-welfare .slick-slide {

	padding: 0;

}

/* ========== */

	/* = VIDEO = */

	/* ========== */

.video {

	padding: 20px 0 40px;

}

.video-list {

	margin-bottom: 20px;

}

.video-list li {

	width: 100%;

}

/* ========== */

	/* = CONTACT = */

	/* ========== */

.contact {

	padding: 40px 0;

}

.contact-ul {

	margin-top: 20px;

}

.contact-ul li {

	margin-top: 20px;

	width: 100%;

	margin-right: 0;

	height: auto;

	padding: 30px 15px;

}

.contact-ul li:nth-child(3n) {

	margin-right: 0;

}

.contact-ul li .item {

	padding: 0;

}

.contact-ul li .item div {

	margin-left: 60px;

	padding-left: 15px;

}

.contact-ul li .item div p {

	font-size: 15px;

}

.contact-ul li .item div b {

	font-size: 20px;

}

.contact-info {

	padding-top: 0;

	margin: 0;

}

.contact-info li {

	margin-top: 40px;

	width: 100%;

	padding: 0;

	margin-top: 40px;

}

.contact .map-box {

	height: 280px;

}

}

/* ========== */

/* = WHOLEHOUSE = */

/* ========== */

.wholehouse {

	padding-bottom: 100px;

}

.wholehouse-theme {

	text-align: center;

}

.wholehouse-theme {

	padding-bottom: 25px;

	position: relative;

}

.wholehouse-theme:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -170px;

	width: 340px;

	height: 1px;

	background: #EEEEEE;

}

.wholehouse-theme img {

	display: inline-block;

	vertical-align: middle;

}

.wholehouse-theme span {

	margin-left: 15px;

	padding-left: 22px;

	position: relative;

	display: inline-block;

	vertical-align: middle;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.wholehouse-theme span:before {

	content: "";

	position: absolute;

	top: 50%;

	margin-top: -3px;

	left: 0;

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: #b48b62;

}

.wholehouse-theme p {

	margin-top: 15px;

	letter-spacing: 10px;

	font-size: 16px;

}

.wholehouse-point-box {

	padding: 80px 0 75px;

	border-bottom: 1px solid #EEEEEE;

}

.wholehouse-point-box ul {

	margin: 0 -10px;

}

.wholehouse-point-box li {

	margin-top: 30px;

	float: left;

	width: 20%;

	padding: 0 5px;

}

.wholehouse-point-box .item {

	position: relative;

	border: 1px solid #eeeeee;

	background-image: url(../images/point_bg.jpg);

	background-size: cover;

	text-align: center;

	padding: 25px 5px 30px;

}

.wholehouse-point-box .item span {

	display: inline-block;

	border-radius: 50%;

	background: #102543;

}

.wholehouse-point-box .item p {

	margin-top: 10px;

	font-size: 18px;

	color: #333333;

	letter-spacing: 2px;

}

.wholehouse-point-box .item i {

	font-size: 12px;

	font-style: normal;

	color: #aaaaaa;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.wholehouse-point-box .item:hover {

	background: #FFFFFF;

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.wholehouse-point-box .item:hover span {

	background: #b48b62;

}

.wholehouse-point-box .item:hover p {

	color: #b48b62;

}

.wholehouse-design {

	padding-top: 110px;

}

.wholehouse-design .content {

	margin: 30px 0 75px;

}

.wholehouse-design .slick-dots {

	bottom: -50px;

}

.wholehouse-design .item {

	float: left;

	width: 48.5%;

	margin-right: 3%;

	position: relative;

}

.wholehouse-design .item span {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 15px 40px;

	color: #ffffff;

	font-size: 16px;

	letter-spacing: 3px;

	background: rgba(16,18,40,.8);

}

.wholehouse-design .item:last-child {

	margin-right: 0;

}

.wholehouse-more {

	margin: 0 auto;

	width: 140px;

	height: 32px;

	line-height: 32px;

	font-size: 12px;

	display: block;

	background: #b48b62;

	color: #FFFFFF;

	text-align: center;

}

.budget-analysis {

	padding-top: 95px;

}

.budget-analysis ul {

	margin-bottom: 60px;

}

.budget-analysis li {

	margin-top: 30px;

}

.budget-analysis li .img {

	float: left;

}

.budget-analysis li .text {

	margin-left: 50px;

	float: left;

	padding-top: 12px;

}

.budget-analysis li .text span {

	display: block;

	font-size: 20px;

	color: #333333;

	letter-spacing: 3px;

}

.budget-analysis li .text p {

	margin-top: 5px;

	font-size: 12px;

	color: #cccccc;

	text-transform: uppercase;

}

.budget-analysis li .text div {

	margin-top: 20px;

	max-width: 380px;

	display: inline-block;

	color: #777777;

	line-height: 30px;

	letter-spacing: 2px;

}

.budget-analysis li:nth-child(2n) .img {

	float: right;

}

.budget-analysis li:nth-child(2n) .text {

	float: right;

	text-align: right;

	margin-left: 0;

	margin-right: 50px;

}

.wholehouse-material {

	margin-top: 90px;

	padding-top: 95px;

	border-top: 1px solid #EEEEEE;

}

.wholehouse-material .wholehouse-theme {

	padding-bottom: 0;

}

.wholehouse-material .tab {

	margin: 20px 0;

	text-align: center;

}

.wholehouse-material .tab span {

	margin: 0 3px;

	display: inline-block;

	padding: 8px 40px;

	font-size: 12px;

	border: 1px solid #0a2444;

	color: #333333;

	letter-spacing: 2px;

	cursor: pointer;

}

.wholehouse-material .tab span.active {

	background: #102543;

	border: 1px solid #102543;

	color: #FFFFFF;

}

.wholehouse-material .js-tab-con {

	height: 0;

	overflow: hidden;

}

.wholehouse-material .js-tab-con.active {

	height: auto;

}

.wholehouse-material .content {

	margin: 0 -10px;

}

.wholehouse-material .slick {

	padding-bottom: 70px;

}

.wholehouse-material .slick-dots {

	bottom: 30px;

}

.wholehouse-material .slick-slide {

	padding: 0 10px;

}

.wholehouse-material .slick-slide .item {

	margin: 22px 10px;

	position: relative;

}

.wholehouse-material .slick-slide .item:before {

	content: "";

	position: absolute;

	bottom: -4px;

	left: 0;

	width: 0;

	height: 3px;

	background: #b18b61;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

}

.wholehouse-material .slick-slide .item:hover {

	-o-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);

	box-shadow: 0 0 15px rgba(0,0,0,.08);

}

.wholehouse-material .slick-slide .item:hover:before {

	width: 100%;

}

.intelligent-equipment {

	margin-top: 100px;

}

.intelligent-equipment ul {

	margin: 60px -10px 0;

}

.intelligent-equipment li {

	float: left;

	width: 25%;

	padding: 0 10px;

	text-align: center;

}

.intelligent-equipment li .item {

	border: 1px solid #EEEEEE;

	padding: 35px 20px 25px;

	position: relative;

}

.intelligent-equipment li .item .tit {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	line-height: 30px;

	height: 30px;

	margin-top: -15px;

}

.intelligent-equipment li .item span {

	display: inline-block;

	padding: 0 15px;

	background: #FFFFFF;

	letter-spacing: 2px;

	font-size: 17px;

	font-weight: bold;

	color: #b08b62;

}

.intelligent-equipment li .item i {

	display: inline-block;

	margin: -28px auto 0;

	background: #102543;

	border-radius: 50%;

}

.intelligent-equipment li .item .text {

	margin-top: 20px;

	font-size: 12px;

	letter-spacing: 2px;

	line-height: 18px;

	min-height: 144px;

}

.intelligent-equipment li .item:hover {

	border: 1px solid #FFFFFF;

	-o-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 15px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);

	box-shadow: 0 0 15px rgba(0,0,0,.08);

}

.intelligent-equipment li .item:hover i {

	background: #b48b62;

}

.wholehouse-add {

	margin-top: 70px;

}

.wholehouse-systems {

	padding: 75px 0 80px;

}

.wholehouse-systems .ny-tit:after {

	display: none;

}

.wholehouse-systems ul {

	margin: 40px -15px 0;

}

.wholehouse-systems li {

	float: left;

	width: 25%;

	padding: 0 15px;

}

.wholehouse-systems li .item {

	border: 1px solid #EEEEEE;

	padding: 20px 12px;

}

.wholehouse-systems li .item img {

	float: left;

}

.wholehouse-systems li .item div {

	margin-left: 75px;

	width: 100%;

	line-height: 60px;

	padding-left: 20px;

	font-size: 20px;

	color: #333333;

	border-left: 1px dashed #707070;

}

.wholehouse-systems .content {

	margin-top: 60px;

}

.wholehouse-systems .content .left {

	float: left;

	width: 38%;

	max-width: 435px;

	padding-top: 5px;

	background: url(../images/systems_png.png) no-repeat left top;

	padding-left: 40px;

}

.wholehouse-systems .content .left .cn {

	font-size: 18px;

	color: #b48b62;

	line-height: 32px;

	letter-spacing: 4px;

}

.wholehouse-systems .content .left .en {

	margin-top: 10px;

	font-size: 12px;

	line-height: 24px;

	letter-spacing: 1px;

	color: #aaaaaa;

	text-transform: uppercase;

}

.wholehouse-systems .content .right {

	float: right;

	width: 59%;

}

.wholehouse-systems .content .right p {

	margin-bottom: 35px;

	padding-left: 65px;

	position: relative;

	line-height: 24px;

	font-size: 12px;

	color: #333333;

}

.wholehouse-systems .content .right p:last-child {

	margin-bottom: 0

}

.wholehouse-systems .content .right p:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	border: 2px solid #c3c3c3;

	width: 14px;

	height: 14px;

	border-radius: 50%;

	display: inline-block;

}

.golden-box {

	padding-top: 80px;

	border-top: 1px solid #EEEEEE;

}

.golden-box .des {

	margin: 25px auto 0;

	text-align: center;

	line-height: 30px;

	letter-spacing: 2px;

}

.golden-box .content {

	margin-top: 45px;

	background: url(../images/golden_bg.jpg) bottom center no-repeat;

}

.construction-box {

	margin: 85px 0 100px;

}

.construction-box ul {

	margin: 30px -10px 0;

}

.construction-box li {

	float: left;

	width: 50%;

	padding: 10px;

}

.construction-box li .item {

	position: relative;

	border: 1px solid #eeeeee;

}

.construction-box li .img {

	width: 60%;

}

.construction-box li .text {

	position: absolute;

	top: 0;

	right: 0px;

	width: 40%;

	height: 100%;

	text-align: center;

}

.construction-box li .text .con {

	display: inline-block;

	vertical-align: middle;

	color: #333333;

}

.construction-box li .text i {

	display: inline-block;

	height: 100%;

	vertical-align: middle;

}

.construction-box li .text span {

	display: inline-block;

	width: 40px;

	height: 40px;

	border-radius: 50%;

	background: #102543;

	color: #FFFFFF;

	line-height: 40px;

	text-align: center;

	font-size: 16px;

}

.construction-box li .text p {

	margin-top: 10px;

	font-size: 16px;

}

.construction-box li .text h2 {

	margin-top: 5px;

	font-size: 20px;

	letter-spacing: 2px;

}

.construction-box li .text a {

	margin-top: 15px;

	display: inline-block;

	color: #FFFFFF;

	font-size: 12px;

	background: #b48b62;

	color: #FFFFFF;

	padding: 3px 20px;

	text-transform: uppercase;

}

/* ========== */

/* = SOFTLIFE = */

/* ========== */

.softlife-theme {

	text-align: center;

}

.softlife-theme {

	padding-bottom: 25px;

	position: relative;

}

.softlife-theme:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -160px;

	width: 320px;

	height: 1px;

	background: #EEEEEE;

}

.softlife-theme span {

	display: block;

	font-size: 30px;

	color: #333333;

	letter-spacing: 4px;

}

.softlife-theme p {

	margin-top: 15px;

	letter-spacing: 10px;

	font-size: 16px;

}

.softlife-enjoy {

	padding: 85px 0;

	border-bottom: 1px solid #EEEEEE;

}

.softlife-enjoy .ny-des {

	margin-top: 40px;

	line-height: 30px;

	text-align: center;

}

.softlife-enjoy .tab {

	margin-top: 45px;

	margin-bottom: 25px;

	text-align: center;

}

.softlife-enjoy .tab span {

	margin: 0 5px;

	display: inline-block;

	padding: 10px 40px;

	font-size: 12px;

	border: 1px solid #EEEEEE;

	color: #333333;

	letter-spacing: 2px;

	cursor: pointer;

}

.softlife-enjoy .tab span.active {

	background: #102543;

	border: 1px solid #102543;

	color: #FFFFFF;

}

.softlife-enjoy .js-tab-con {

	height: 0;

	overflow: hidden;

}

.softlife-enjoy .js-tab-con.active {

	height: auto;

}

.enjoy-content-01 {

	border: 1px solid #EEEEEE;

	border-bottom: none;

	position: relative;

}

.enjoy-content-01 .left {

	float: left;

	width: 50%;

}

.enjoy-content-01 .right {

	float: right;

	width: 50%;

	text-align: right;

	padding: 65px 65px 0;

}

.enjoy-content-01 .right .tit {

	width: 100%;

	padding-bottom: 25px;

	position: relative;

	color: #999999;

}

.enjoy-content-01 .right .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0%;

	width: 65px;

	height: 2px;

	background: #b48b62;

}

.enjoy-content-01 .right .tit span {

	display: block;

	font-size: 30px;

	color: #333333;

}

.enjoy-content-01 .right .tit i {

	margin-top: 5px;

	font-size: 12px;

	color: #aaaaaa;

	letter-spacing: 5px;

	text-transform: uppercase;

	font-style: normal;

}

.enjoy-content-01 .right .tit p {

	margin-top: 15px;

	font-size: 18px;

	color: #333333;

	letter-spacing: 3px;

}

.enjoy-content-01 .right .des {

	float: right;

	margin-top: 25px;

	line-height: 30px;

	font-size: 13px;

	max-width: 445px;

}

.enjoy-content-02 {

	background: #f5f5f5;

	position: relative;

}

.enjoy-content-02 .box-con {

	text-align: center;

	padding: 0 60px;

}

.enjoy-content-02 .box-con .con+i {

	display: inline-block;

	vertical-align: middle;

	height: 178px;

}

.enjoy-content-02 .box-con .con {

	display: inline-block;

	vertical-align: middle;

	text-align: left;

}

.enjoy-content-02 .box-con .tit {

	font-size: 20px;

	color: #b48b62;

	font-weight: bold;

	letter-spacing: 3px;

	position: relative;

}

.enjoy-content-02 .box-con .tit span {

	display: inline-block;

	font-style: italic;

}

.enjoy-content-02 .box-con .tit:before {

	content: " “ ";

	position: absolute;

	top: -5px;

	left: -35px;

	font-size: 38px;

	color: #FFFFFF;

	opacity: .5;

	font-family: arial;

}

.enjoy-content-02 .box-con .tit:after {

	content: " ” ";

	position: absolute;

	top: 0;

	right: -35px;

	font-size: 38px;

	color: #FFFFFF;

	opacity: .5;

	font-family: arial;

}

.enjoy-content-02 .box-con .des {

	margin-top: 8px;

	font-size: 12px;

	line-height: 16px;

	text-transform: uppercase;

	color: #FFFFFF;

	opacity: .16;

	letter-spacing: 5px;

}

.enjoy-content-02 .box-con .name {

	margin-top: 15px;

	text-align: right;

	font-style: italic;

	letter-spacing: 2px;

	color: #FFFFFF;

}

.enjoy-content-02 .box-con .name span {

	position: relative;

}

.enjoy-content-02 .box-con .name span:before {

	content: "";

	position: absolute;

	top: 50%;

	left: -58px;

	width: 45px;

	height: 1px;

	background: #FFFFFF;

}

.enjoy-content-02 .box-text {

	width: 50%;

	padding: 35px 35px 0;

	text-align: center;

	height: 178px;

}

.enjoy-content-02 .box-text .tit {

	padding-bottom: 10px;

	position: relative;

	color: #999999;

}

.enjoy-content-02 .box-text .tit:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -15px;

	width: 30px;

	height: 2px;

	background: #b48b62;

}

.enjoy-content-02 .box-text .tit span {

	display: block;

	font-size: 14px;

	text-transform: uppercase;

}

.enjoy-content-02 .box-text .tit p {

	margin-top: 5px;

	font-size: 20px;

	color: #333333;

	letter-spacing: 3px;

}

.enjoy-content-02 .box-text .des {

	margin-top: 10px;

	line-height: 24px;

	font-size: 13px;

}

.enjoy-content-02 .left {

	float: left;

	width: 50%;

}

.enjoy-content-02 .left .box {

	height: 178px;

	background-size: cover;

}

.enjoy-content-02 .left .box .img {

	float: left;

	width: 50%;

	height: 178px;

	background-size: cover;

}

.enjoy-content-02 .left .box2 .box-text {

	float: right;

}

.enjoy-content-02 .right {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	width: 50%;

	background-size: cover;

}

.enjoy-content-02 .right .box-text {

	position: absolute;

	bottom: 0;

	right: 0;

	background: rgba(10,36,68,.8);

	color: #FFFFFF;

}

.enjoy-content-02 .right .box-text .tit {

	color: #FFFFFF;

}

.enjoy-content-02 .right .box-text .tit:after {

	background: #FFFFFF;

}

.enjoy-content-02 .right .box-text p {

	color: #FFFFFF;

}

 @media (max-width:1340px) {

.enjoy-content-01 .right {

	padding: 40px 40px 0;

}

.enjoy-content-01 .right .tit span {

	font-size: 26px;

}

.enjoy-content-02 .box-con .tit {

	font-size: 16px;

}

.enjoy-content-02 .box-text {

	padding: 25px 10px 0;

}

.enjoy-content-02 .box-text .tit p {

	font-size: 16px;

}

}

.softlife-enjoy-slick {

	margin: 40px 0 65px;

	padding: 0 50px;

}

.softlife-enjoy-slick .slick-prev {

	left: 0;

}

.softlife-enjoy-slick .slick-next {

	right: 0;

}

.softlife-enjoy-slick .slick-dots {

	bottom: -65px;

}

.softlife-enjoy-slick .slick-slide {

	padding: 0 10px;

	text-align: center;

}

.softlife-enjoy-slick .slick-slide p {

	margin-top: 10px;

	font-size: 12px;

	color: #999999;

}

.softlife-designer {

	margin-top: 100px;

}

.softlife-designer .content {

	margin: 32px -5px 0;

}

.softlife-designer .col {

	float: left;

}

.softlife-designer .box {

	padding: 5px;

}

.softlife-designer .col-01 {

	width: 21%;

	position: relative;

}

.softlife-designer .col-01 .box i {

	padding-bottom: 78.5%;

	display: block;

}

.softlife-designer .col-01 .box .con {

	position: absolute;

	top: 0;

	left: 0;

	padding: 5px;

}

.softlife-designer .col-01 .box .con span {

	display: block;

	padding-bottom: 20px;

	position: relative;

	font-size: 24px;

	color: #bb9570;

	line-height: 36px;

	text-transform: uppercase;

	font-weight: bold;

}

.softlife-designer .col-01 .box .con span:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 20px;

	height: 2px;

	background: #102543;

}

.softlife-designer .col-01 .box .con p {

	margin-top: 10px;

	font-size: 12px;

	color: #aaaaaa;

	letter-spacing: 10px;

}

.softlife-designer .col-02 {

	width: 37.5%;

}

.softlife-designer .col-03 {

	width: 41.5%;

	position: relative;

}

.softlife-designer .col-03 .row .box {

	float: left;

	width: 50%;

}

.softlife-designer .col-03 .box {

	position: relative;

}

.softlife-designer .col-03 .box i {

	padding-bottom: 38%;

	display: block;

}

.softlife-designer .col-03 .con {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 5px;

}

.softlife-designer .col-03 .con .text {

	margin-top: 10px;

	text-align: right;

	font-size: 16px;

	line-height: 30px;

	color: #b48b62;

}

.softlife-designer .col-03 .con .en {

	padding-bottom: 35px;

	position: relative;

	margin-top: 10px;

	font-size: 12px;

	text-transform: uppercase;

	color: #aaaaaa;

	text-align: right;

	letter-spacing: 2px;

}

.softlife-designer .col-03 .con .en:after {

	content: "";

	position: absolute;

	bottom: 0;

	right: 0;

	width: 30px;

	height: 2px;

	background: #d2d2d2;

}

.softlife-designer .col-03 .con .more {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 8px 30px;

	font-size: 12px;

	display: inline-block;

	background: #b48b62;

	color: #FFFFFF;

}

 @media (max-width:1240px) {

.softlife-designer .col-01 .box .con span {

	font-size: 20px;

	line-height: 28px;

}

.softlife-designer .col-03 .con .text {

	font-size: 14px;

	line-height: 24px;

}

.softlife-designer .col-03 .con .en {

	font-size: 13px;

}

}

.softlife-style {

	margin-top: 100px;

}

.softlife-style ul {

	margin: 0 -15px;

}

.softlife-style li {

	margin-top: 35px;

	float: left;

	width: 33.333333333%;

	padding: 0 15px;

}

.softlife-style li .item {

	border: 1px solid #eeeeee;

}

.softlife-style li .img {

	position: relative;

}

.softlife-style li .img-vertical i {

	padding-bottom: 66.842105%;

}

.softlife-style li .img .bg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(10,36,68,.8);

	text-align: center;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

	overflow: hidden;

}

.softlife-style li .img .bg i {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -24px;

	margin-top: -24px;

	display: inline-block;

	width: 48px;

	height: 48px;

	background-image: url(../images/ico_search.png);

}

.softlife-style li .text {

	border-top: none;

	padding: 25px;

}

.softlife-style li .text span {

	display: block;

	font-size: 12px;

	color: #999999;

}

.softlife-style li .text p {

	margin: 5px 0;

	font-size: 20px;

	color: #333333;

}

.softlife-style li .text div {

	font-size: 12px;

	color: #999999;

	line-height: 24px;

	height: 48px;

	overflow: hidden;

}

.softlife-style li .text em {

	color: #b48b62;

}

.softlife-style li .item:hover {

	border: 1px solid #FFFFFF;

}

.softlife-style li .item:hover .img .bg {

	height: 100%;

}

.softlife-style li .item:hover .text {

	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-ms-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);

	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);

	box-shadow: 0 0 30px rgba(0,0,0,.08);

}

.softlife-style li .item:hover p {

	color: #b48b62;

}

.softlife-choose {

	margin-top: 110px;

}

.softlife-choose .content {

	margin-top: 50px;

}

.softlife-choose ul {

	float: left;

	width: 65%;

}

.softlife-choose li {

	margin-bottom: 55px;

	float: left;

	width: 33.3333333333%;

	padding-left: 20px;

}

.softlife-choose li:nth-child(3n+1) {

	clear: both;

}

.softlife-choose li img {

	float: left;

}

.softlife-choose li div {

	margin-left: 50px;

	max-width: 180px;

}

.softlife-choose li div span {

	display: block;

	font-size: 16px;

	color: #333333;

}

.softlife-choose ul div p {

	margin-top: 10px;

	color: #777777;

	line-height: 22px;

	font-size: 12px;

	letter-spacing: 1px;

}

.softlife-choose .img {

	float: right;

	width: 35%;

	position: relative;

	text-align: right;

}

.softlife-choose .img div {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	text-align: right;

	color: #b48b62;

	letter-spacing: 2px;

}

.softlife-choose .img div span {

	display: block;

	font-size: 26px;

	line-height: 30px;

	text-transform: uppercase;

}

.softlife-choose .img div p {

	margin-top: 8px;

	font-size: 12px;

	text-transform: uppercase;

	font-size: 16px;

	line-height: 26px;

}

.softlife-life {

	margin-top: 20px;

}

.softlife-life .ny-tit:after {

	display: none;

}

.softlife-life ul {

	margin-bottom: 45px;

}

.softlife-life li {

	margin-top: 40px;

	float: left;

	width: 20%;

	text-align: center;

	position: relative;

}

.softlife-life li:after {

	content: "";

	position: absolute;

	bottom: 18px;

	right: -50px;

	width: 100px;

	border-bottom: 1px dashed #e5e5e5;

}

.softlife-life li:before {

	content: "";

	position: absolute;

	top: 22px;

	right: -10px;

	width: 0px;

	height: 0px;

	border-style: dashed dashed dashed solid;

	border-color: transparent transparent transparent #6d7d93;

	border-width: 7px;

}

.softlife-life li:last-child:after, .softlife-life li:last-child:before {

	display: none;

}

.softlife-life li i {

	display: inline-block;

	background: #0a2444;

	border-radius: 50%;

}

.softlife-life li p {

	margin-top: 10px;

	font-size: 16px;

	line-height: 24px;

	color: #111111;

}

.softlife-life li div {

	margin: 10px auto 0;

	max-width: 190px;

	font-size: 12px;

	line-height: 22px;

	color: #999999;

	min-height: 66px;

	overflow: hidden;

}

.softlife-life li span {

	margin-top: 20px;

	display: inline-block;

	font-size: 12px;

	width: 25px;

	height: 30px;

	line-height: 30px;

	background: url(../images/ico_liubian.png);

	color: #999999;

}

.softlife-life li:hover i {

	background: #b48b62;

}

.softlife-life li:hover p {

	color: #b48b62;

}

.magazine-box {

	margin-top: 85px;

}

.magazine-box ul {

	margin: 0 -33px;

}

.magazine-box li {

	margin-top: 50px;

	float: left;

	width: 25%;

	padding: 0 33px;

	text-align: center;

}

.magazine-box li .img {

	position: relative;

}

.magazine-box li .img .bg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: rgba(10,36,68,.8);

	text-align: center;

	-webkit-transition: all ease .4s;

	-moz-transition: all ease .4s;

	-ms-transition: all ease .4s;

	-o-transition: all ease .4s;

	transition: all ease .4s;

	overflow: hidden;

}

.magazine-box li .img .bg i {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -24px;

	margin-top: -24px;

	display: inline-block;

	width: 48px;

	height: 48px;

	background-image: url(../images/ico_search.png);

}

.magazine-box li span {

	margin-top: 10px;

	display: block;

	font-size: 12px;

}

.magazine-box li p {

	margin-top: 5px;

	font-size: 20px;

	color: #333333;

}

.magazine-box li:hover .img .bg {

	height: 100%;

}

.magazine-box li:hover p {

	color: #b48b62;

}

.softlife .ny-newsbox {

	padding-bottom: 100px;

}

.softlife .ny-newsbox .ny-more2 {

	margin-top: 50px;

}

/* ========== */

/* = SOFTLIFE-MAGAZINE = */

/* ========== */

.softlife-magazine {

	padding: 80px 0 110px;

}

.softlife-magazine .img-box {

	margin: 0 -7px;

}

.softlife-magazine .img-box li {

	margin-top: 35px;

	float: left;

	width: 25%;

	padding: 0 7px;

}

.softlife-magazine .img-box .item {

	position: relative;

}

.softlife-magazine .img-box .item .img {

	width: 100%;

}

.softlife-magazine .img-box .item .png {

	position: absolute;

	top: 15px;

	left: 15px;

}

.softlife-magazine .img-box .item span {

	position: absolute;

	bottom: 20px;

	left: 20px;

	color: #FFFFFF;

	font-size: 18px;

	letter-spacing: 3px;

}

.softlife-magazine .text-box {

	margin: 35px -10px 60px;

}

.softlife-magazine .text-box li {

	float: left;

	width: 50%;

	padding: 0 10px;

	line-height: 40px;

	font-size: 16px;

	color: #333333;

}

 @media (max-width:999px) {

/* ========== */

	/* = SOFTLIFE-MAGAZINE = */

	/* ========== */

.softlife-magazine {

	padding: 40px 0;

}

.softlife-magazine .img-box li {

	width: 50%;

}

.softlife-magazine .text-box li {

	width: 100%;

	font-size: 13px;

}

}

/* ========== */

/* = 404 = */

/* ========== */

.main-404 {

	padding: 200px 0 150px;

	text-align: center;

}

.main-404 .p1 {

	margin-bottom: 10px;

}

/* ========== */

/* = SEARCH = */

/* ========== */

.section-search {

	padding: 150px 0 50px;

}

.section-search .theme {

	text-align: center;

	font-size: 26px;

	color: #333;

}

.section-search .search-tit {

	margin: 50px 0 20px;

	font-size: 22px;

	color: #333333;

	position: relative;

	padding-left: 15px;

}

.section-search .search-tit:before {

	content: "";

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -10px;

	border-left: 3px solid #bd9976;

	height: 20px;

}

 @media screen and (max-width:600px) {

/* ========== */

	/* = 404 = */

	/* ========== */

.main-404 {

	padding: 20px 0 60px;

}

/* ========== */

	/* = SEARCH = */

	/* ========== */

.section-search {

	padding: 40px 0 0;

}

.section-search .theme {

	font-size: 26px;

}

.section-search .search-tit {

	margin-top: 30px;

	font-size: 20px;

}

}