@charset "utf-8";

*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";}
a {color: inherit;text-decoration: none;outline-style: none;}
ul, ol, li {list-style: none;}
img {border: 0 none;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clear {clear: both; height: 0; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1100px; display: block;margin: 0 auto;*zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.header {height: 99px;padding: 5px 0;background: #271617;}
.logo {float: left;margin-top: 20px;}
.nav {float: right;height: 56px;margin-top: 21px;background: url(../images/nav-li.png) right repeat-y;}
.nav li {float: left;width: 90px;font-size: 14px;line-height: 56px;text-align: center;color: #e8ddc4;background: url(../images/nav-li.png) left repeat-y;}
.nav a {display: block;height: 56px;}
.nav li.present ,.nav li:hover {color: #fff;}

.banner {position: relative;}
.banner .bd li {height: 700px;}
.banner .bd a {display: block;width: 100%;height: 100%;}
.banner .hd {height: 79px; margin: 0 auto; text-align: center;background: #3f2425;}
.banner .hd li {position: relative;display: inline-block; width: 250px; height: 12px; padding-top: 12px; margin-top: 34px; font-size: 12px;font-family: "SimSun";color: #e0ca99;border-top: 3px solid #e0ca99;}
.banner .hd li .timer {position: absolute;width: 0;top: -3px;left: 0;border-top: 3px solid #e1ab34;}

.part-tit {position: relative;display: block;width: 524px;margin: auto;padding: 25px 0;font-size: 30px;line-height: 48px;font-style: italic;color: #e0ca99;text-align: center;}
.part-tit:before {content: '\0020';display: block;width: 524px;height: 25px;background: url(../images/index-tit-top-type1.png);}
.part-tit:after {content: '\0020';display: block;width: 524px;height: 25px;background: url(../images/index-tit-bottom-type1.png);}
.part-tit--black {color: #271617;}
.part-tit--black:before {background: url(../images/index-tit-top-type2.png);}
.part-tit--black:after {background: url(../images/index-tit-bottom-type2.png);}

.index-living {height: 576px;background: url(../images/living-bg.jpg) center;}
.index-living li {float: left;margin: 20px 7px;}
.index-living .pic-box div {width: 233px;height: 303px;*font-size: 265px;}
.index-living .pic-box img {max-width: 233px;max-height: 303px;width: 233px\9;*width: auto;}

.index-product {height: 545px;background: url(../images/index-pro-bg.jpg) center;}
.index-product .hd {position: relative;}
.index-product .hd span {
	position: absolute;
	top: 0;
	width: 32px;
	height: 335px;
}
.index-product .prev {
	left: -50px;
	background: url(../images/kd-prev.png) center center no-repeat;
}
.index-product .next {
	right: -50px;
	background: url(../images/kd-next.png) center center no-repeat;
}
.index-product .hd span:active {
	top: 2px;
}


.index-one-series {float: left;padding-bottom: 15px;margin: 0 5px;line-height: 2;color: #3f2425;text-align: center;background: #dad1c7;}
.index-one-series .pic-box div {width: 323px;height: 183px;*font-size: 160px;}
.index-one-series .pic-box img {max-width: 323px;max-height: 183px;width: 323px\9;*width: auto;}
.index-series-info {width: 323px;padding-top: 15px;background: url(../images/index-series-tag.png) center 86px no-repeat;}
.index-series-name {font-size: 24px;line-height: 40px;}
.index-series-name span {font-weight: bold;}
.index-series-intro {font-size: 14px;}
.series-view {display: block;width: 118px;height: 28px;margin: 24px auto 0;font-size: 14px;line-height: 2;border: 1px solid #a49696;}
.index-news {height: 606px;background: url(../images/index-news-bg.jpg) center;}
li.one-news {float: left;width: 240px;margin: 0 5px 20px;padding-bottom: 25px;font-size: 12px;font-family: "SimSun";color: #3f2425;text-align: center;background: #c7c2b7;}
li.one-news:hover {background: #d0c4b6;}
.one-news .pic-box {background: #000;}
.one-news .pic-box div {width: 240px;height: 180px;*font-size: 157px;}
.one-news .pic-box img {max-width: 240px;max-height: 180px;width: 240px\9;*width: auto;}
.index-news-cont {height: 180px;padding: 0 9px;text-align: left;background: url(../images/index-news-tag.png) center 50px no-repeat;}
.index-news-title {font-size: 14px;line-height: 58px;text-align: center;margin-bottom: 20px;}
.view-news {display: block;width: 118px;height: 28px;margin: 24px auto 0;font-size: 14px;line-height: 2;text-align: center;border: 1px solid #a49696;}

.index-links {height: 291px;background: url(../images/index-links-bg.jpg) center;}
.index-links li {float: left;width: 25%;height: 53px;margin-top: 10px;}
.index-links li a {display: block;padding-left: 62px;color: #3f2425;}
.index-links li:hover a {color: #271617;}

.footer {padding: 14px 0;background: #141414;}
.footer-nav {display: inline-block;}
.footer-nav ul.fl {width: 85px;margin-left: 5px;font-size: 14px;font-family: "SimSun";text-indent: 5px;color: #fff;}
.foot-nav-tit {display: block;line-height: 32px;border-bottom: 1px solid #555;}
.footer-nav li {display: block;padding-top: 14px;}
.footer-nav a:hover {color: #aaa;}

.foot-ewm {float: right;margin-top: 40px;font-size: 12px;font-family: "SimSun";color: #aaa;text-align: center;}
.foot-copyright {display: block;font-size: 12px;line-height: 4;color: #aaa;text-align: right;background: #0c0c0c;}
.foot-copyright a {margin: 0 5px;}
.foot-copyright a:hover {color: #fff;}

.whole-page {padding-bottom: 30px;background: #dad1c7 url(../images/page-bg.jpg) center bottom no-repeat;}
.page-nav {height: 39px;padding: 14px 0 36px;margin-bottom: 22px;font-size: 24px;font-family: "Microsoft YaHei";color: #271617;background: url(../images/page-nav-line.png) center bottom no-repeat;}
.page-nav p {display: block;padding-top: 4px;line-height: 39px;}
.page-nav li {float: left;padding: 0 10px;height: 39px;margin-left: 16px;font-size: 16px;font-family: "SimSun";line-height: 39px;text-align: center;border: 1px solid #b9956d;background: #dad1c7;}
.page-nav li.page-on,.page-nav li:hover {color: #dad1c7;background: #271617;}
.page-content {padding-bottom: 70px;font-family: "SimSun";font-size: 12px;line-height: 2;color: #271617;}
.page-content img {max-width: 988px;}
.page-tit {font-size: 14px;line-height: 4;text-align: center;}
.one-series {float: left;padding-bottom: 15px;margin: 0 5px 20px;line-height: 2;color: #3f2425;text-align: center;background: #c4bcb4;}
.one-series .pic-box div {width: 323px;height: 183px;*font-size: 160px;}
.one-series .pic-box img {max-width: 323px;max-height: 183px;width: 323px\9;*width: auto;}
.series-intro {height: 72px;margin: 15px 30px 0;font-size: 12px;text-align: left;}
.series-view {display: block;width: 118px;height: 28px;margin: 24px auto 0;font-size: 14px;line-height: 2;border: 1px solid #a49696;}
.other-page {display: block;margin: 10px 0;height: 34px;font-size: 12px;line-height: 34px;color: #333;text-align: center;border: solid #271617;border-width: 1px 0;}
.other-page a {margin: 0 3px;}
.other-page a:hover {color: #b9956d;}

.news-view {font-size: 12px;font-family: "SimSun";line-height: 2;}
.news-tit {font-size: 20px;color: #271617;text-align: center;}
.news-sub-tit {font-size: 12px;line-height: 3;color: #271617;text-align: center;}
.videos li {float: left;width: 230px;margin: 10px;font-size: 12px;font-family: "SimSun";line-height: 3;color: #271617;text-align: center;}
.one-video .pic-box {width: 216px;height: 162px;padding: 7px;border: 1px solid #b9956d;}
.one-video .pic-box div {width: 216px;height: 162px;*font-size: 141px;}
.one-video .pic-box img {max-width: 216px;max-height: 162px;width: 216px\9;*width: auto;}

.one-honor {float: left;width: 231px;margin: 0 9px;font-size: 12px;line-height: 3;color: #271617;text-align: center;}
.one-honor .pic-box div {width: 215px;height: 160px;padding: 6px 7px;border: 1px solid #b9956d;background: #dcd3c9;}
.one-honor .pic-box img {max-width: 215px;max-height: 160px;width: 215px\9;*width: auto;}
.one-honor p {display: block;height: 3rem;overflow: hidden;}

.living {position: relative;}
.living-pic {float: left;}
.living-pic div {width: 698px;height: 598px;*font-size: 523px;border: 1px solid #b9956d;background: #dad1c7;}
.living-pic img {max-width: 698px;max-height: 598px;width: 698px\9;*width: auto;}
.living-intro {float: right;width: 236px;height: 580px;	padding: 10px;font-size: 14px;font-weight: bold;font-family: "SimSun";line-height: 2;color: #271617;background: #bfb3a6;}
.living .hd {padding-left: 28px;height: 164px;}
.living .hd li {float: left;margin: 28px 18px 0;border: 2px solid transparent;}
.living .hd .pic-box div {width: 196px;height: 132px;*font-size: 115px;}
.living .hd .pic-box img {max-width: 196px;max-height: 132px;}
.living .hd li.on {border: 2px solid #b9956d;}
.living .kd {position: absolute;bottom: 0;left: 0;width: 100%;}
.living .kd a {position: absolute;top: -100px;font-size: 80px;font-family: "SimSun";line-height: 1;cursor: pointer;}
.living .kd .hd_prev {left: -28px;}
.living .kd .hd_next {right: 0;}

.out-hd {position: absolute;right:0;top: 0;width: 236px;height: 580px;padding: 10px;font-size: 16px;font-family: "SimSun";line-height: 2;color: #271617;background: #bfb3a6;}
.out-hd li {cursor: pointer;}

.one-pro {float: left;padding-bottom: 15px;margin: 0 35px 20px;line-height: 2;color: #3f2425;text-align: center;}
.one-pro .pic-box div {width: 258px;height: 215px;*font-size: 188px;background: #dad1c7;border: 1px solid #b9956d;}
.one-pro .pic-box img {max-width: 258px;max-height: 215px;width: 258px\9;*width: auto;}
.one-pro p {font-size: 13px;font-family: "SimSun";line-height: 2;color: #271617;text-align: left;}

.series-pro .hd {position: relative;width: 100%;}
.series-pro .hd a {position: absolute;position: absolute;top: -380px;font-size: 80px;font-family: "SimSun";line-height: 1;cursor: pointer;}
.series-pro .hd .prev {left: -20px;}
.series-pro .hd .next {right: 0;}
.series-pro .bd {height: 608px;}
.series-intro-block {padding: 200px 0 36px;height: 264px;}
/*.series-intro-content {position: absolute;bottom: 36px;width: 100%;height: 264px;font-size: 14px;line-height: 2;text-align: center;color: #dad1c7;background: url(../images/series-intro-bg.png);}*/
.series-intro-content {width: 100%;height: 100%;font-size: 14px;line-height: 2;text-align: center;color: #dad1c7;background: url(../images/series-pic-bg.png) center center repeat-y;}
.series-intro-tit {display: block;padding-top: 50px;margin-bottom: 10px;font-size: 20px;}

.series-case li {float: left;margin: 0 13px;}
.series-case .pic-box {padding: 5px;background: url(../images/series-case-pic.jpg);}
.series-case .pic-box div {width: 462px;height: 389px;background: #fff;}
.series-case .pic-box img {max-width: 462px;max-height: 389px;width: 462px\9;*width: auto;}
.series-case .hd {position: relative;width: 100%;}
.series-case .hd a {position: absolute;position: absolute;top: -240px;font-size: 80px;font-family: "SimSun";line-height: 1;cursor: pointer;}
.series-case .hd .prev {left: -40px;}
.series-case .hd .next {right: -40px;}

.feedback {padding-left: 250px;}
.feedback img {float: left;}
.feedback .feedbackImf {float: left;margin-left: 20px;line-height: 50px;font-size: 16px;}
.feedback form {text-align: left;margin-left: 50px;font-size: 12px;}
.feedback form input {float: left;margin-left: 20px;line-height: 24px;width: 250px;}
.feedback form textarea {width: 360px;height: 100px;margin-left: 20px;margin-bottom: 6px;}
.feedback form span {line-height: 36px;color: red;}
#i_verifyCode {width: 100px;}
.feedback form img#Newcode {vertical-align: middle;margin-left: 10px;width: 80px;height: 28px;cursor: pointer;}
.feedback form .Btn {width: 100px;height: 30px;line-height: 30px;font-size: 12px;background-color: #9c9c9c;border: 0 none;border-radius: 5px;}

.stores {position: relative;}

.join table {
	width: 90%;
	margin: 0 5%;
	color: #666;
	background: #fbfbfb;
	border-collapse: collapse;
}
.join tr {
	border: 1px solid #e7e7e7;
}
.join th {
	height: 80px;
	font-size: 24px;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	color: #271617;
}
.join td {
	width: 27%;
	padding: 5px;
	border: 0 none;
}
.join .item-title {
	width: 22%;
	text-align: right;
}
.join input {
	width: 184px;
	height: 24px;
	padding: 0 10px;
	line-height: 24px;
	background: #fff;
	border: 1px solid #e1e1e1;
}
.join .join-radio {
	width: auto;
	height: auto;
}
.join span {
	color: #333;
}
.join textarea {
	width: 90%;
	height: 60px;
}

.join .join-btn {
	width: 94px;
	height: 33px;
	font-weight: bold;
	color: #fff;
	background: url(../images/join-btn-bg.png);
	border: 0 none;
	border-radius: 2px;
	cursor: pointer;
}
.join .join-btn:hover {
	background: url(../images/join-btn-on-bg.png);
}

#show-video {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
}
.show-video-bg {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
}
.show-video {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2000;
	width: 600px;
	height: 450px;
	margin-top: -225px;
	margin-left: -300px;
	border: 1px solid #8f5444;
}



.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#271617;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}

.welcome {height: 34px;background: #8f5444;}
.lang {float: right;margin-top: 5px;margin-left: 10px;font-size: 12px;line-height: 22px;color: #fff;}
.lang a:hover {color: #b9956d;}
.search {float: right;padding: 0 5px;margin-top: 5px;width: 230px;height: 22px;border: 1px solid #fff;}
.search-input {float: left;width: 180px;height: 22px;font-size: 12px;line-height: 22px;color: #fff;background: transparent;border: 0 none;}
.search-btn {float: right;width: 18px;height: 18px;margin-top: 2px;background: url(../images/search-btn.png);border: 0 none;}