@charset "utf-8";

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@font-face {
	font-family: 'pf';
	src: url('../fonts/PINGFANGMEDIUM_0.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'eng';
	src: url('../fonts/eng.ttf');
	font-weight: normal;
	font-style: normal;
}

html {
	margin: 0 auto;
}

body {
	/* overflow-x: hidden; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-weight: normal;
	margin: 0;
	line-height: 1;
}

p {
	line-height: 1.5;
}

a,
a:visited {
	text-decoration: none;
	color: #000;
}

li {
	list-style: none;
}

ul,
li,
ol {
	margin: 0;
	padding: 0;
}

fieldset,
input,
button,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	-webkit-appearance: none;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
}

input[type='radio'] {
	-webkit-appearance: radio;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.img {
	max-width: 100%;
	height: auto;
	display: block;
}

.img2 {
	max-height: 100%;
	width: auto;
}

.trans {
	-moz-transition: all ease .8s;
	-webkit-transition: all ease .8s;
	-o-transition: all ease .8s;
	transition: all ease .8s;
}

.trans04 {
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
}

.trans2 {
	-moz-transition: all ease 2s;
	-webkit-transition: all ease 2s;
	-o-transition: all ease 2s;
	transition: all ease 2s;
}

.transcalxzero {
	transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
}

.transcaletop {
	transform: scale(1, 0);
	-o-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
}

.bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 31%;
}

.bg0 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.absolute {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.abs {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.flex {
	display: box;
	/* OLD - Android 4.4- */
	display: flexbox;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
	overflow: hidden;
}


/*公共*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.c12 {
	width: 1200px;
	margin: auto;
}

.cover {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contain {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

a,
.tran,
img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

a {
	color: #000;
}

.tran5 {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.pic {
	transition: all 2s;
	-webkit-transition: all 2s;
}

.pic.cover {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.pic.contain {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.none {
	display: none;
}

/*图片放大*/
.big-img {
	width: 100%;
	height: 100%;
	animation: changeBiger 10s cubic-bezier(0, 0, 0, 0.34) forwards;
	transform: scale(1.08);
}

.slide_nav {
	background: #967f63;
	overflow: auto;
	padding-bottom: 30px;
	transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	width: 100%;
	position: fixed;
	left: -100%;
	top: 0;
	height: 100%;
	z-index: 99999999;
}

.slide_nav.left_active {
	left: 0;
}

.slide_nav .slide_logo {
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
	padding: 15px 0;
}

.slide_nav .slide_logo a {
	display: block;
}

.slide_nav .slide_logo a img {
	max-width: 54%;
}

.slide_nav .slide_nav_ul {
	margin-top: 8%;
}

.slide_nav .slide_nav_ul li {
	text-align: center;
	position: relative;
	width: 100%;
	line-height: 50px;
}

.slide_nav .slide_nav_ul .slideJA {
	font-size: 16px;
}

.slide_nav .slide_nav_ul .slideNavSecon {
	display: none;
	overflow: hidden;
	background: #b58b57;
}

.slide_nav .slide_nav_ul .slideNavSecon a {
	display: block;
}

.slide_nav .slide_nav_ul .slideNavSecon.active {
	height: 100%;
}

.slide_nav .slide_nav_ul li a {
	font-size: 15px;
	color: #fff;
	height: 50px;
	display: block;
}

.slide_nav .slide_nav_ul .slide_nav_ulLast a {
	display: inline-block;
}

.slide_nav .slide_nav_ul .slide_nav_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

.slide_nav .slide_nav_ul .slide_nav_bg span {
	background: #fff;
	height: 50px;
}

.slide_nav .slide_nav_ul .slide_nav_wz {
	width: 100%;
	height: 50px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	line-height: 50px;
}

.phone_back {
	width: 60%;
	height: 40px;
	display: block;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 20px;
	border: 0;
	background: #fff;
	color: #000;
	text-align: center;
	line-height: 40px;
}


header {

	position: relative;
}

header .menu {
	display: none;
}

header .main {
	padding-left: 34.5%;
	overflow: hidden;
}

header .logo {
	position: absolute;
	width: 34.5%;
	left: 0;
	top: 0;
	background: #967f63;
	height: 100%;
}

header .logo .pic {
	height: 45%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

header .main .top {
	background: #5d5959;
	overflow: hidden;
}

header .main .top .box {
	float: left;
	height: 85px;
	line-height: 85px;
	color: #ffe2a9;
	margin-left: 9%;
}

header .main .top .box:nth-child(2) {
	margin-left: 5%;
}

header .main .top .box p {
	line-height: 85px;
	float: left;
	letter-spacing: 2px;
}

header .main .top .box span {
	display: block;
	float: left;
	margin: -5px 15px 0 30px;
}

header .main .top a {
	display: block;
	height: 85px;
	line-height: 85px;
	float: left;
	margin-left: 9%;
	background: #967f63;
	padding: 0 20px;
	color: #fff;
	letter-spacing: 2px;
}

header .main .top a span {
	display: inline-block;
	width: 33px;
	height: 25px;
	background-image: url(../images/mall.png);
	vertical-align: middle;
	margin-top: -8px;
}

header .main .top a:hover {
	opacity: .7;
}

header .main nav {
	padding: 0 15%;
	display: flex;
	justify-content: space-between;
}

header .main nav a {
	padding: 7% 15px;
	font-family: "microsoft yahei";
	color: #666666;
	position: relative;
}

header .main nav a:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 3px;
	background: #977f63;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

header .main nav a.on,
header .main nav a:hover {
	color: #6f5637;
}

header .main nav a.on:after,
header .main nav a:hover:after {
	width: 100%;
}

.swiper_01 {
	overflow: hidden;
	position: relative;
}

.swiper_01 .page01 {
	position: absolute;
	bottom: 5%;
	text-align: center;
	z-index: 2;
}

.swiper_01 .page01 .swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: #000;
	opacity: .6;
	cursor: pointer;
}

.swiper_01 .page01 .swiper-pagination-bullet-active {
	background: #a18c72;
	opacity: 1;
}

.swiper_01 .swiper-slide {
	position: relative;
	overflow: hidden;
}

.swiper_01 .swiper-slide .txt {
	position: absolute;
	background: url(../images/op.png);
	z-index: 2;
	padding: 3%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
}

.swiper_01 .swiper-slide .txt .line {
	width: 75px;
	height: 2px;
	background: #818281;
	margin: 5% auto;
}

.swiper_01 .swiper-slide .txt p {
	font-size: 12px;
	opacity: .3;
	line-height: 1;
	margin-top: 5%;
}

.swiper_01 .swiper-slide .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 44%;
}

.index-pro {
	padding: 4% 8.5%;
}

.index-title {
	text-align: center;
	margin-bottom: 2.5%;
}

.index-title .eng {
	font-family: arial;
	letter-spacing: 5px;
	opacity: .3;
}

.index-title h1 {
	position: relative;
	height: 1px;
	background: #b2b2b2;
	margin: 1.5% 0;
}

.index-title h1 span {
	position: absolute;
	background: #fff;
	left: 50%;
	padding: 0 4.5%;
	transform: translate(-50%, -50%);
}

.index-title p {
	letter-spacing: 5px;
	opacity: .5;
}

.index-pro .pro-list {
	overflow: hidden;
}

.index-pro .pro-list li {
	width: 23%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 2.66% 0;
}

.index-pro .pro-list li:nth-child(4n) {
	margin-right: 0;
}

.index-pro .pro-list li .pic-w {
	padding-bottom: 148%;
	overflow: hidden;
	position: relative;
}

.index-pro .pro-list li .op {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/op.png);
	z-index: 2;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-pro .pro-list li .txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #fff;
	width: 75%;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-pro .pro-list li .txt h1 {
	letter-spacing: 5px;
	padding-top: 15%;
}

.index-pro .pro-list li .txt .line {
	background: #fff;
	opacity: .3;
	width: 25px;
	height: 3px;
	margin: 8% auto;
}

.index-pro .pro-list li .txt h2 {
	opacity: .7;
	margin-bottom: 15%;
}

.index-pro .pro-list li .txt .more {
	background: #977f63;
	padding: 8%;
	box-shadow: 0px -7px 20px 0 #666;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
}

.index-pro .pro-list li .txt.on {
	background: #977f63;
}

.index-pro .pro-list li:hover .txt {
	background: #977f63;
	transform: translate(-50%, -60%);
}

.index-pro .pro-list li:hover .txt .more {
	opacity: 1;
}

.index-pro .pro-list li:hover .op {
	opacity: 0;
}

.index-pro .pro-list li .more:hover {
	background: #fff;
	color: #977f63;
}

.pro-xl {
	overflow: hidden;
	position: relative;
}

.pro-xl .main {
	float: right;
	width: 35.7%;
	overflow: hidden;
}

.pro-xl .pro-swiper {
	width: 64.3%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	overflow: hidden;
}

.pro-xl .main li {
	background: #303030;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-bottom: 1px solid #000;
	border-top: 1px solid #6e6e6e;
	padding: 6.5% 0;
	position: relative;
}

.pro-xl .main li .txt {
	position: relative;
	z-index: 2;
}

.pro-xl .main li p {
	font-family: arial;
}

.pro-xl .main li .line {
	width: 50px;
	height: 2px;
	background: #fff;
	margin: 5% auto;
	opacity: .6;
}

.pro-xl .main li:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	background: #a18c72;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.pro-xl .main li.on:after {
	transform: translate(-50%, -50%) scale(1);
}

.pro-swiper .txt {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
}

.pro-swiper .txt .left {
	float: left;
	width: 83.3%;
	padding: 4.7% 5%;
	background: rgba(0, 0, 0, 0.5);
}

.pro-swiper .txt .left p {
	font-size: 12px;
	font-family: simsun;
	opacity: .7;

}

.pro-swiper .txt .left .line {
	width: 10px;
	height: 3px;
	background: #706f6f;
	margin: 3% 0;
}

.pro-swiper .pro-a {
	position: absolute;
	width: 10%;
	height: 20%;
	z-index: 2;
	bottom: 0;
	right: 0;
}

.pro-swiper .txt .right {
	width: 16.7%;
	float: right;
	background: url(../images/op-h.png);
	position: absolute;
	height: 100%;
	right: 0;
	text-align: center;
}

.pro-swiper .txt .right p {
	font-size: 12px;
	font-family: arial;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pro-swiper .txt .word {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.index-pp {
	padding: 4% 8.5%;
	background: #cac6c6;
}

.index-pp .index-title span {
	background: #cac6c6;
}

.index-pp .main {
	position: relative;
}

.index-pp .main:after {
	content: "";
	display: block;
	clear: both;
}

.index-pp .main .pic-w {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%;
}

.index-pp .main .txt {
	background: #fff;
	width: 60%;
	float: right;
	padding: 4.5%;
	box-shadow: 0 0 20px 0 #666;
}

.index-pp .main .txt .eng {
	font-size: 12px;
	font-family: arial;
	opacity: .5;
	margin-top: 15px;
}

.index-pp .main .txt .des {
	opacity: .8;
	line-height: 2;
	margin: 8% 0;
}

.index-pp .main .txt .more {
	display: block;
	width: 180px;
	height: 50px;
	border: 1px solid #977f63;
	background: #977f63;
	color: #fff;
	text-align: center;
	line-height: 48px;
}

.index-pp .main .txt .more:hover {
	background: #fff;
	color: #977f63;
}

.index-pp .main:hover .pic {
	transform: scale(1.1);
}

.index-zs {
	overflow: hidden;
}

.index-zs .top {
	padding: 4% 8.5%;
	padding-bottom: 0;
}

.index-zs .main {
	padding: 3% 8.5%;
	background-image: url(../images/index-zs.jpg);
	overflow: hidden;
}

.index-zs .main li {
	width: 23%;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 2.66% 0 0;
	background: url(../images/op-w.png);
	padding: 3% 0;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index-zs .main li:nth-child(4) {
	margin-right: 0;
}

.index-zs .main li .pic-w {
	padding-bottom: 20%;
	position: relative;
}

.index-zs .main li h1 {
	margin-top: 8%;
	color: #fff;
}

.index-zs .main li h2 {
	color: #fff;
	opacity: .5;
	margin-top: 5%;
}

.index-zs .main li .line {
	width: 40%;
	margin: 10% auto;
	background: #fff;
	height: 2px;
	opacity: .5;
}

.index-zs .main li .des {
	width: 80%;
	margin: auto;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	opacity: .7;
	height: 90px;
}

.index-zs .main li .more {
	display: block;
	margin: auto;
	margin-top: 10%;
	width: 130px;
	height: 30px;
	border: 1px solid #fff;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	opacity: .8;
}

.index-zs .main li:hover {
	background: url(../images/zs-bg.jpg);
}

.index-zs .main li .more:hover {
	background: #977f63;
	border-color: #977f63;
	opacity: 1;
	box-shadow: 0 0 10px 0 #fff;
}

.index-store {
	padding: 4% 8.5%;
	position: relative;
}

.store-swiper {
	margin: 0 6%;
	overflow: hidden;
}

.store-swiper .swiper-slide {
	overflow: hidden;
	text-align: center;
}

.store-swiper .swiper-slide .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 75%;
}

.store-swiper .swiper-slide .pic-w .pic {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.store-swiper .swiper-slide .txt {
	display: inline-block;
	padding: 10px;
	letter-spacing: 5px;
	border: 1px solid #977F63;
	margin-top: 10%;
}

.store-swiper .swiper-slide:hover .txt {
	background: #977F63;
	color: #fff;
	cursor: pointer;
}

.store-swiper .swiper-slide:hover .pic {
	transform: rotateY(180deg);
}

.index-store .s-prev {
	position: absolute;
	width: 60px;
	height: 130px;
	left: 8.5%;
	top: 33%;
	background: #bfbfbf url(../images/prev.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.index-store .s-next {
	position: absolute;
	width: 60px;
	height: 130px;
	right: 8.5%;
	top: 33%;
	background: #bfbfbf url(../images/next.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.index-store .button div:hover {
	background-color: #977F63;
}

.index-new {
	padding: 4% 8.5%;
	background: #cac6c6;
}

.index-new .index-title span {
	background: #cac6c6;
}

.index-new .main {
	overflow: hidden;
}

.index-new .main li {
	width: 30%;
	float: left;
	margin-right: 3.33%;
}

.index-new .main li:nth-child(3) {
	margin-right: 0;
}

.index-new .main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 70%;
}

.index-new .main li .txt {
	padding: 12% 9%;
}

.index-new .main li .txt span {
	opacity: .5;
	font-size: 14px;
}

.index-new .main li .txt .z16 {
	margin-top: 15%;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1;
}

.index-new .main li .txt .des {
	line-height: 20px;
	height: 40px;
	opacity: .5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 5%;
}

.index-new .main li .txt .line {
	background: #000;
	opacity: .5;
	margin-top: 6%;
	height: 1px;
}

.index-new .main li:hover .pic {
	transform: scale(1.1);
}

.index-new .main li:hover .txt {
	background: #977F63;
	color: #fff;
}

.index-new .main li:hover .line {
	background: #fff;
}

.phone-bot {
	display: none;
}

footer {
	background: #191919;
}

footer .bot {
	padding: 2% 8.5%;
	background: #000000;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

footer .bot p,
footer .bot a,
footer .bot span {
	opacity: .3;
	color: #fff;
}

footer .bot a:hover {
	opacity: .7;
}

footer .top {
	padding: 3% 8.5%;
	overflow: hidden;
}

footer .top .left {
	float: left;
	width: 28.5%;
}

footer .top .left .search {
	margin: 24% 0;
	background: #fff;
	overflow: hidden;
}

footer .top .left input {
	height: 55px;
	line-height: 55px;
	width: 80%;
	display: block;
	float: left;
	text-indent: 20px;
}

footer .top .left button {
	width: 20%;
	height: 55px;
	display: block;
	float: left;
	background: url(../images/search.png) center center no-repeat;
}

footer .top .left .cont {
	color: #fff;
}

footer .top .left .cont h1 {
	margin-bottom: 8%;
}

footer .top .left .cont p {
	opacity: .5;
}

footer .top .right {
	float: right;
	width: 62%;
}

footer .top .right .nav ul {
	display: flex;
	justify-content: space-between;
	margin-top: 3%;
}

footer .top .right .nav ul a {
	display: block;
	color: #fff;
	opacity: .5;
	margin-bottom: 20px;
	text-align: center;
}

footer .top .right .nav ul .line {
	width: 30px;
	height: 2px;
	background: #fff;
	margin: auto;
	opacity: .5;
	margin: 40px auto;
}

footer .top .right .nav ul a.big {
	opacity: 1;
	padding: 10px 20px;
	border: 1px solid #191919;
	border-radius: 20px;
}

footer .top .right .nav ul a.big:hover {
	border: 1px solid #fff;
}

footer .top .right .nav ul a:hover {
	opacity: 1;
}

footer .top .ewms {
	float: right;
	margin-top: 3%;
	overflow: hidden;
}

footer .top .ewms .box {
	float: left;
	text-align: center;
	margin-left: 30px;
	color: #fff;
	width: 100px;
}

footer .top .ewms .box img {
	width: 100%;
}

footer .top .ewms .box p {
	margin-top: 15px;
}

.inner-banner {
	position: relative;
	overflow: hidden;
}

.inner-banner .pic-w {
	position: relative;
	padding-bottom: 38%;
}

.inner-banner .inner-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #bca176;
	border-bottom: 1px solid #bca176;
}

.inner-banner .inner-nav.scoll {
	position: fixed;
	z-index: 999;
	top: 0;
	background: #bca176;
	width: 100%;
	bottom: auto;

}

.inner-banner .local-nav {
	position: absolute;
	left: 7.5%;
	bottom: 25%;
	z-index: 2;
	font-size: 12px;
	font-family: simsun;
	color: #fff;
}

.inner-banner .local-nav a {
	color: #fff;
}

.inner-banner .local-nav a:hover {
	color: #bca176;
}

.inner-banner .inner-nav a {
	width: 50%;
	text-align: center;
	border-right: 1px solid #bca176;
	color: #fff;
	background: url(../images/op-w.png);
	height: 70px;
	line-height: 70px;
}

.inner-banner .inner-nav a:hover,
.inner-banner .inner-nav a.on {
	background: url(../images/bg-y.jpg);
}

.cp-series {
	padding: 5% 9%;
}

.cp-series li {
	position: relative;
	overflow: hidden;
	margin-bottom: 4%;
}

.cp-series li:last-child {
	margin-bottom: 0;
}

.cp-series li .pic-w {
	position: relative;
	padding-bottom: 33%;
}

.cp-series li .txt {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/op-h.png);
	right: 6%;
	color: #fff;
	padding: 3% 0 6% 0;
	text-align: center;
	width: 20%;
}

.cp-series li .txt p {
	font-family: arial;
	letter-spacing: 5px;
	opacity: .7;
}

.cp-series li .txt h1 {
	letter-spacing: 5px;
	margin-top: 5%;
}

.cp-series li .txt h2 {
	margin-top: 10%;
}

.cp-series li .txt .more {
	margin-top: 20%;
	letter-spacing: 2px;
}

.cp-series li:hover .pic {
	transform: scale(1.1);
}

.cp-series li:hover .txt {
	background: url(../images/bg-y.jpg);
	box-shadow: 0 0 15px 0 #000;
	right: 50%;
	transform: translate(50%, -50%);
}

.cp-list {
	padding: 5% 9%;
	background: #f5f3f2;
}

.inner-title {
	position: relative;
	text-align: center;
}

.inner-title .main {
	position: relative;
	background: #f5f3f2;
	z-index: 2;
	display: inline-block;
	padding: 0 2%;
}

.inner-title .main p {
	font-family: arial;
	opacity: .5;
	margin-top: 10px;
}

.inner-title .main h1 {
	font-family: simhei;
}

.inner-title:after {
	content: "";
	position: absolute;
	z-index: 1;
	background: #c6b9aa;
	height: 1px;
	width: 100%;
	left: 0;
	top: 15px;
}

.cp-list .choose {
	overflow: hidden;
	margin-top: 3%;
}

.cp-list .choose .box {
	overflow: hidden;
	margin-bottom: 2%;
}

.cp-list .choose h1,
.cp-list .choose a {
	float: left;
	margin-right: 15px;
	line-height: 1;
}

.cp-list .choose a {
	cursor: pointer;
}

.cp-list .choose h1 {
	font-weight: bold;
}

.cp-list .choose a.on {
	color: #bca176;
}

.cp-main {
	margin-top: 3%;
}

.cp-main:after {
	content: "";
	display: block;
	clear: both;
}

.cp-main li {
	position: relative;
	overflow: hidden;
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.cp-main li:nth-child(3n) {
	margin-right: 0;
}

.cp-main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 80%;
}

.cp-main li p {
	background: #bca176;
	color: #fff;
	letter-spacing: 2px;
	padding: 3% 0;
	text-align: center;
}

.cp-main li:hover {
	box-shadow: 0 0 15px 0 #333;
}

.cp-main li:hover .pic {
	transform: scale(1.1);
}

#pages {
	display: block;
	margin-top: 2%;
	text-align: center;
}

#pages a {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	cursor: pointer;
}

#pages a.on,
#pages a:hover {
	background: #bca176;
	color: #fff;
}

.design {
	padding: 5% 9%;
}

.design .inner-title:after {
	display: none;
}

.design .inner-title .main {
	background: #FFFFFF;
}

.design .design-lc {
	margin-top: 3%;
}

.design .design-lc .box:last-child div:nth-child(1) {
	order: 8;
}

.design .design-lc .box:last-child div:nth-child(2) {
	order: 7;
}

.design .design-lc .box:last-child div:nth-child(3) {
	order: 6;
}

.design .design-lc .box:last-child div:nth-child(4) {
	order: 5;
}

.design .design-lc .box:last-child div:nth-child(5) {
	order: 4;
}

.design .design-lc .box:last-child div:nth-child(6) {
	order: 3;
}

.design .design-lc .box:last-child div:nth-child(7) {
	order: 2;
}

.design .design-lc .box {
	display: flex;
	justify-content: space-between;
}

.design .design-lc .box .pic-box {
	border: 1px solid #e7e7e7;
	padding: 1% 2%;
	text-align: center;
	cursor: pointer;
}

.design .design-lc .box .pic-box:hover {
	background: #977f63;
}

.design .design-lc .box .pic-box:hover p {
	color: #fff;
}

.design .design-lc .box .pic-w {
	width: 100px;
	height: 100px;
	border: 1px solid #e7e7e7;
	border-radius: 100%;
	position: relative;
	background: #fff;
}

.design .design-lc .box .pic-w .pic {
	width: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.design .design-lc .box p {
	color: #977f63;
	margin-top: 10px;
}

.design .design-lc .box.last .jt {
	transform: rotate(180deg);
}

.design .design-lc .jt {
	position: relative;
}

.design .design-lc .jt img {
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.design .design-lc .mid {
	margin: 3% 0;
	text-align: right;
	padding-right: 3.8%;
}

.design .design-lc .mid img {
	transform: rotate(90deg);
}

.sh-service {
	padding: 3% 9%;
	background: #f5f3f2;
}

.sh-service .box {
	overflow: hidden;
	position: relative;
	margin-bottom: 3%;
}

.sh-service .pic-w {
	position: relative;
	width: 49%;
	padding-bottom: 33%;
}

.sh-service .txt {
	position: absolute;
	background: #fff;
	width: 53%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #fff;
	z-index: 2;
	padding: 3%;
}

.sh-service .txt h1 {
	color: #977f63;
}

.sh-service .txt .line {
	width: 20px;
	height: 1px;
	background: #000;
	margin: 20px 0;
}

.sh-service .txt p {
	font-size: 12px;
	opacity: .6;
	margin: 10px 0;
}

.sh-service .box:nth-child(2n) .pic-w {
	float: right;
}

.sh-service .box:nth-child(2n) .txt {
	right: auto;
	left: 0;
}

.sh-service h3 {
	background: #977f63;
	color: #fff;
	display: inline-block;
	padding: 5px;
}

.join-top {
	padding: 5% 9% 0 9%;
}

.join-top .inner-title:after {
	/* display: none; */
}

.join-top .inner-title .main {
	background: #FFFFFF;
	margin-top: 0;
}

.join-top .main {
	margin-top: 3%;
	overflow: hidden;
}

.join-top .main li {
	float: left;
	width: 20%;
	margin: 0 6.66% 0 0;
}

.join-top .main li:nth-child(4) {
	margin-right: 0;
}

.join-top .main li .des {
	margin-top: 30px;
	line-height: 30px;
	/* height: 120px; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.join-top .main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 57%;
	margin-top: 15px;
}

.join-list {
	/* margin-top: 5%; */
	overflow: hidden;
	padding: 5% 9%;
}

.join-list li {
	overflow: hidden;
}

.join-list li .title {
	padding: 3% 5%;
	background: #977f63;
	color: #fff;
	position: relative;
	border-bottom: 1px solid #b4a491;
}

.join-list li .title span {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	right: 5%;
	margin-top: -10px;
	cursor: pointer;
}

.join-list li .title span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	margin-top: -1px;
}

.join-list li .title span:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #fff;
	z-index: 2;
	margin-left: -1px;
	transition: all 0.3s;
	-webbkit-transition: all 0.3s;
}

.join-list li .title span:hover:before,
.join-list li.on .title span:before {
	height: 0;
}

.join-list li .main {
	padding: 5%;
	border-top: 0;
	display: none;
	background: #b6a591;
	color: #fff;
}

.join-list li .main h1 {
	font-family: simhei;
}

.join-list li .main .des {
	margin-top: 3%;
	font-size: 14px;
	font-family: simsun;
	opacity: .7;
	margin-bottom: 5%;
}

.join-list li .main .des p {
	line-height: 30px;
}

.join-list li .main .lx {
	font-family: simhei;
}

.join-list li .main .lx p {
	line-height: 40px;
}

.news-detail {
	padding: 5% 9%;
}

.news-detail .title {
	padding: 3% 5%;
	background: #977f63;
	color: #fff;
}

.news-detail .title h1 {
	letter-spacing: 3px;
}

.news-detail .title span {
	float: right;
	font-family: simsun;
	margin-top: 5px;
	letter-spacing: 0;
}

.news-detail .title .eng {
	margin-top: 1%;
	font-family: arial;
	letter-spacing: 1px;
}

.news-detail .pic-w {
	margin-top: 2%;
	padding-bottom: 29%;
	overflow: hidden;
	position: relative;
}

.news-detail .main {
	margin: 5% 5% 0 5%;
	padding-bottom: 2%;
	border-bottom: 1px solid #977f63;
}

.news-detail .op {
	margin: 2% 5%;
	margin-bottom: 0;
}

.news-detail .op a {
	display: block;
}

.news-detail .op .left {
	display: inline-block;
	font-family: simsun;
}

.news-detail .op .left a {
	margin-bottom: 20px;
}

.news-detail .op .left a:hover {
	color: #977f63;
}

.news-detail .op .right {
	width: 150px;
	height: 45px;
	background: #977f63;
	text-align: center;
	color: #fff;
	line-height: 43px;
	border: 1px solid #977f63;
	margin-top: 5px;
}

.news-detail .op .right:hover {
	background: #fff;
	color: #977f63;
}

.news-list {
	padding: 5% 9%;
	background: #e2e0df;
}

.news-list li {
	padding: 10px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 2%;
}

.news-list li .pic-w {
	position: relative;
	overflow: hidden;
	width: 29%;
	padding-bottom: 17%;
	float: left;
}

.news-list li .txt {
	width: 71%;
	float: left;
	padding: 5% 4%;
}

.news-list li .txt span {
	float: right;
	font-family: simsun;
}

.news-list li .txt .des {
	margin-top: 3%;
	line-height: 2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-list li:hover {
	background: #977f63;
}

.news-list li:hover .pic {
	transform: scale(1.1);
}

.news-list li:hover h1,
.news-list li:hover .des {
	color: #fff;
}

.zs1 {
	padding: 5% 9%;
}

.zs-ts {
	overflow: hidden;
}

.zs-ts img {
	width: 100%;
}

.zs1 .main {
	overflow: hidden;
	margin-top: 2%;
	position: relative;
}

.zs1 .main .txt {
	width: 29%;
	float: right;
}

.zs1 .main .txt li {
	background: #c7b093;
	color: #fff;
	padding: 9% 13%;
}

.zs1 .main .txt li:nth-child(2n) {
	background: #d8c8b3;
}

.zs1 .main .txt li .des {
	line-height: 1.5;
	margin-top: 5%;
}

.zs1 .main .pic-w {
	position: absolute;
	width: 71%;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
}

.zs2 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zs2 .index-title h1 span {
	background: #f5f3f2;
}

.zs2 .main {
	/* overflow: hidden; */
}

.zs2 .main ul:after {
	content: "";
	display: block;
	clear: both;
}

.zs2 .main li {
	float: left;
	width: 18%;
	margin: 0 2.5% 2.5% 0;
	background: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs2 .main li:hover {
	box-shadow: 0 0 15px 0 #999;
	transform: translateY(-15px);
}

.zs2 .main li:hover .pic {
	transform: scale(1.1);
}

.zs2 .main li:nth-child(5n) {
	margin-right: 0;
}

.zs2 .main li .pic-w {
	overflow: hidden;
	position: relative;
	padding-bottom: 130%;
}

.zs2 .main li h1 {
	padding: 20px 15px;
	border-top: 1px solid #dbdbdb;
	margin-top: 8%;
	border-bottom: 1px solid #dbdbdb;
}

.zs2 .main li .des {
	margin: 15px;
	opacity: .6;
	line-height: 25px;
	height: 75px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.zs-title {
	text-align: center;
	color: #666666;
	letter-spacing: 2px;
	margin-top: 2%;
}

.zs-title i {
	display: inline-block;
	width: 150px;
	height: 1px;
	background: #ede9e5;
	vertical-align: middle;
	margin: 0 25px;
}

.zs-title p {
	margin-top: 0.5%;
	opacity: .6;
}

.big-pic {
	width: 100%;
	overflow: hidden;
	margin-top: 3%;
	margin-bottom: 5%;
}

.big-pic img {
	width: 100%;
}

.zs-lb {
	position: relative;
	margin-top: 3%;
}

.zs-lb .s-prev {
	position: absolute;
	width: 60px;
	height: 130px;
	left: -2%;
	top: 25%;
	background: #bfbfbf url(../images/prev.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.zs-lb .s-next {
	position: absolute;
	width: 60px;
	height: 130px;
	right: -2%;
	top: 25%;
	background: #bfbfbf url(../images/next.png) center center no-repeat;
	z-index: 1;
	outline: none;
}

.zs-lb .button div:hover {
	background-color: #977F63;
}

.zs3 {
	padding: 5% 9%;
}

.zs3 .main {
	position: relative;
	margin-bottom: 2%;
	overflow: hidden;
}

.zs3 .main .box {
	width: 49%;
	float: left;
	position: relative;
	border: 1px solid #978165;
}

.zs3 .main .box:nth-child(2n) {
	float: right;
}

.zs3 .main .box .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 63%;
	width: 75%;
}

.zs3 .main .box .txt {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background: #978165;
	width: 25%;
	color: #fff;
}

.zs3 .main .box .txt .in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

.zs3 .main .box .txt .in p {
	margin-bottom: 30%;
}

.zs3 .main .box .txt .in p:last-child {
	margin-bottom: 0;
}

.ly {
	padding: 5% 9%;
	background: #f5f3f2;
}

.ly.white {
	background: #fff;
}

.ly .main {
	overflow: hidden;
}

.ly .box {
	width: 850px;
	margin: 8% auto;
	padding: 45px 40px;
	background: #fff;
}

.ly .box .center {
	border: 1px solid #967f63;
}

.ly .box h1 {
	text-align: center;
	border-bottom: 1px solid #967f63;
	color: #967f63;
	padding: 4%;
}

.ly .box p {
	border-bottom: 1px solid #967f63;
	overflow: hidden;
}

.ly .box p span {
	width: 20%;
	float: left;
	display: block;
	height: 65px;
	text-align: center;
	color: #666666;
	line-height: 65px;
	border-right: 1px solid #967f63;
}

.ly .box p input {
	float: left;
	width: 80%;
	display: block;
	height: 65px;
	line-height: 65px;
	padding: 0 15px;
}

.ly .box .tj {
	display: block;
	background: #967f63;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 3%;
	cursor: pointer;
	outline: none;
}

.ly .box .tj:hover {
	background: #fff;
	color: #967f63;
}

.zs4 {
	padding: 5% 9%;
}

.zs4 .main {
	margin-top: 2%;
	text-align: center;
}

.zs4 .main .box {
	display: inline-block;
	cursor: pointer;
}

.zs4 .main .box .pic-w {
	position: relative;
	overflow: hidden;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	background: #977f63;
	margin: auto;
	border: 1px solid #977f63;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs4 .main .box .pic-w .pic {
	width: 50%;
	height: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.zs4 .main .box p {
	margin-top: 15px;
	opacity: .8;
}

.zs4 .main .point {
	width: 60px;
	border-top: 2px dashed #977f63;
	display: inline-block;
	vertical-align: top;
	margin: 49px 15px 0 15px;
}

.zs4 .main .box:hover .pic-w {
	transform: rotateY(180deg);
}

.zs4 .main .box:hover p {
	color: #977f63;
}

.zs5 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zs5 .index-title span {
	background: #f5f3f2;
}

.zs5 .main-title {
	font-family: simhei;
	position: relative;
}

.zs5 .main-title:after {
	content: "";
	position: absolute;
	width: 18px;
	height: 1px;
	background: #000;
	right: 0;
	top: 50%;
}

.zs5 .main-title span {
	font-size: 12px;
	font-family: arial;
	color: #9c9b9a;
}

.zs5 .jm1 .main {
	margin-top: 3%;
}

.zs5 .jm1 .main:after {
	content: "";
	display: block;
	clear: both;
}

.zs5 .jm1 .main li {
	float: left;
	width: 24.5%;
	overflow: hidden;
	margin-right: 0.66%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.zs5 .jm1 .main li:last-child {
	margin-right: 0;
}

.zs5 .jm1 .main li p {
	padding: 5%;
	background: #c7b093;
	color: #fff;
}

.zs5 .jm1 .main li .pic-w {
	position: relative;
	padding-bottom: 95%;
	overflow: hidden;
}

.zs5 .jm1 .main li:nth-child(2n) p {
	background: #d8c8b3;
}

.zs5 .jm1 .main li:hover {
	box-shadow: 0 0 15px 0 #666;
	transform: translateY(-5%);
}

.zs5 .jm2 {
	margin-top: 3%;
}

.zs5 .jm2 .main {
	margin-top: 3%;
}

.zs5 .jm2 .main ul:after {
	content: "";
	display: block;
	clear: both;
}

.zs5 .jm2 .main li {
	float: left;
	width: 48%;
	margin-bottom: 2%;
}

.zs5 .jm2 .main li:nth-child(2n) {
	float: right;
}

.zs5 .jm2 .main li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 40%;
}

.zs5 .jm2 .main li .txt {
	margin-top: 3%;
	color: #494949;
	font-family: simhei;
}

.zs5 .jm2 .main li .txt .des {
	margin-top: 1%;
	line-height: 1.5;
	padding-left: 28px;
}

.zz1 {
	padding: 5% 9%;
}

.zz1 .main {
	margin-top: 3%;
	overflow: hidden;
}

.zz1 .main .left {
	float: left;
	width: 50%;

}

.zz1 .main .left .jd-swiper {
	overflow: hidden;
	position: relative;
}

.zz1 .main .left .jd-swiper .swiper-slide {
	overflow: hidden;
}

.zz1 .main .left .jd-swiper .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 52%;
}

.zz1 .main .left .jd-list {
	margin-top: 2%;
	overflow: hidden;
}

.zz1 .main .left .jd-list li {
	float: left;
	width: 25%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.zz1 .main .left .jd-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 60%;
}

.zz1 .main .left .jd-list li:after {
	content: "";
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.zz1 .main .left .jd-list li.on:after {
	opacity: 0;
}

.zz1 .main .txt {
	width: 45%;
	float: right;
	padding: 5% 0;
	color: #252525;
}

.zz1 .main .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 4% 0;
}

.zz1 .main .txt .des {
	opacity: .6;
}

.zz1 .main .txt .des p {
	margin-bottom: 2%;
	line-height: 2;
}

.zz2 {
	padding: 5% 9%;
	background: #f5f3f2;
}

.zz2 .index-title span {
	background: #f5f3f2;
}

.zz2 .txt,
.zz3 .txt {
	color: #252525;
	margin: 3% 0;
	width: 40%;
}

.zz2 .txt h1,
.zz3 .txt h1 {
	opacity: .9;
}

.zz2 .txt .line,
.zz3 .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 4% 0;
}

.zz2 .txt .des,
.zz3 .txt .des {
	opacity: .5;
}

.zz2 .txt .des p,
.zz3 .txt .des p {
	margin-bottom: 2%;
}

.zz2 .zz-lc {
	overflow: hidden;
}

.zz2 .zz-lc .box {
	display: flex;
	justify-content: space-between;
}

.zz2 .zz-lc .box:last-child div:nth-child(1) {
	order: 8;
}

.zz2 .zz-lc .box:last-child div:nth-child(2) {
	order: 7;
}

.zz2 .zz-lc .box:last-child div:nth-child(3) {
	order: 6;
}

.zz2 .zz-lc .box:last-child div:nth-child(4) {
	order: 5;
}

.zz2 .zz-lc .box:last-child div:nth-child(5) {
	order: 4;
}

.zz2 .zz-lc .box:last-child div:nth-child(6) {
	order: 3;
}

.zz2 .zz-lc .box:last-child div:nth-child(7) {
	order: 2;
}

.zz2 .zz-lc .box .pic-w {
	width: 22.5%;
	position: relative;
	padding-bottom: 13%;
	overflow: hidden;
}

.zz2 .zz-lc .box .pic-w p {
	position: absolute;
	width: 90%;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	text-align: center;
	left: 5%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.zz2 .zz-lc .box .jt {
	margin-top: 4.5%;
}

.zz2 .zz-lc .box:nth-child(2n) .jt {
	transform: rotate(180deg);
	margin-top: 0;
	margin-bottom: 5.5%;
}

.zz2 .zz-lc .jt.big {
	text-align: right;
	padding: 1% 11%;
}

.zz2 .zz-lc .jt.left {
	transform: rotate(180deg);
	margin-bottom: 4.5%;
}

.zz2 .zz-lc .jt.big img {
	transform: rotate(90deg);
}

.zz2 .zz-lc .box .pic-w:hover p {
	opacity: 0;
}

.zz2 .zz-lc .box .pic-w:hover .pic {
	transform: scale(1.1);
}

.zz2 .pic-box,
.zz3 .pic-box {
	overflow: hidden;
}

.zz2 .pic-box .pic-w,
.zz3 .pic-box .pic-w {
	position: relative;
	overflow: hidden;
	width: 32%;
	float: left;
	margin-right: 2%;
	padding-bottom: 30%;
}

.zz2 .pic-box .pic-w:last-child,
.zz3 .pic-box .pic-w:last-child {
	margin-right: 0;
}

.zz2 .pic-box .pic-w:hover .pic,
.zz3 .pic-box .pic-w:hover .pic {
	transform: scale(1.1);
}

.zz2 .three {
	position: relative;
	overflow: hidden;
}

.zz2 .three .left {
	width: 22.5%;
	overflow: hidden;
}

.zz2 .three .left li {
	text-align: center;
	color: #fff;
	background: #c7b093;
	padding: 20% 0;
}

.zz2 .three .left li:nth-child(2n) {
	background: #d8c8b3;
}

.zz2 .three .pic-w {
	position: absolute;
	top: 0;
	right: 0;
	width: 77.5%;
	height: 100%;
	overflow: hidden;
}

.zz3 {
	padding: 5% 9%;
}

.zz3 .five {
	overflow: hidden;
}

.zz3 .five li {
	float: left;
	width: 18%;
	margin-right: 2.5%;
}

.zz3 .five li:last-child {
	margin-right: 0;
}

.zz3 .five .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 125%;
	border: 1px solid #a08b71;
}

.zz3 .five h1 {
	margin: 10% 0 8% 0;
	padding: 5% 0;
	position: relative;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	position: relative;
}

.zz3 .five h1:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background: #000;
	right: 0;
	top: 50%;
}

.zz3 .five p {
	font-family: simsun;
	opacity: .6;
	font-size: 12px;
	line-height: 2;
}

.zz3 .five li:hover .pic {
	transform: scale(1.1);
}

.part {
	padding: 5% 9%;
	background: #f5f3f2;
}

.part .index-title span {
	background: #f5f3f2;
}

.part .main {
	margin-top: 3%;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.part .main li {
	float: left;
	width: 20%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #ccc;
	padding: 4% 3%;
	padding-bottom: 2%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.part .main li:hover {
	background: #977f63;
}

.part .main li .pic-w {
	padding-bottom: 30%;
	position: relative;
}

.part .main li p {
	text-align: center;
	line-height: 20px;
	height: 40px;
	opacity: .7;
	width: 60%;
	margin: auto;
	margin-top: 10%;
}

.part .des {
	margin-bottom: 4%;
	text-align: center;
	opacity: .6;
	line-height: 2;
	font-size: 16px;
	position: relative;
}

.part .des:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 50px;
	height: 1px;
	background: #977f63;
	left: 50%;
	margin-left: -25px;
	bottom: -20px;
}

.pp-top {
	padding: 5% 9%;
}

.pp-top .index-title p {
	font-size: 14px;
	letter-spacing: 0;
}

.pp-top .main {
	position: relative;
	overflow: hidden;
	margin-top: 2%;
	margin-bottom: 5%;
}

.pp-top .main .pic-w {
	position: relative;
	width: 50%;
	float: right;
	overflow: hidden;
	padding-bottom: 35%;
}

.pp-top .main img {
	max-width: 100%;
}

.pp-top .main .txt {
	width: 45%;
	float: left;
}

.pp-top .main .txt h1 {
	color: #666;
	margin-top: 5%;
}

.pp-top .main .txt .line {
	width: 50px;
	height: 1px;
	background: #cabfb1;
	margin: 5% 0;
}

.pp-top .main .txt p {
	color: #666666;
	opacity: .75;
	line-height: 2;
	margin-bottom: 2%;
	font-size: 14px;
}

.pp-top .main.two {
	margin-bottom: 0;
}

.pp-top .main.two .txt {
	float: right;
}

.pp-top .main.two .pic-w {
	float: left;
}

.pp-top .main.two h1 {
	margin-top: 0;
}

.fzlc {
	padding: 5% 9%;
	background-image: url(../images/lcbg.jpg);
}

.fzlc .index-title p {
	letter-spacing: 0;
	color: #fff;
	opacity: .2;
}

.fzlc .index-title h1 span {
	background: none;
	color: #fff;
}

.index-title h1 {
	background: none;
}

.index-title h1:after {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	background: #b2b2b2;
	right: 0;
	top: 0;
}

.index-title h1:before {
	content: "";
	position: absolute;
	width: 40%;
	height: 1px;
	background: #b2b2b2;
	left: 0;
	top: 0;
}

.lc-swiper {
	margin-top: 5%;
	overflow: hidden;
}

.lc-swiper .swiper-slide {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
}

.lc-swiper .swiper-slide .box {
	width: 15px;
	height: 15px;
	background: #967f63;
	margin: 20px auto;
	transform: rotate(45deg);
}

.lc-swiper .swiper-slide-active {
	background: #967f63;
	padding: 20px 0;
}

.lc-swiper .swiper-slide-active .box {
	margin: 0px auto;
	display: none;
}

.lc2-swiper {
	width: 800px;
	margin: auto;
	margin-top: 5%;
	overflow: hidden;
}

.lc2-swiper .swiper-slide {
	background: url(../images/op.png);
	padding: 10% 8%;
}

.lc2-swiper .swiper-slide h1 {
	color: #c1a27d;
}

.lc2-swiper .swiper-slide .line {
	width: 50px;
	height: 1px;
	background: #858586;
	margin: 5% 0;
}

.lc2-swiper .swiper-slide .des {
	line-height: 1.5;
	opacity: .8;
	color: #fff;
}

.pp-bot {
	padding: 5% 9%;
}

.pp-bot .index-title p {
	font-size: 14px;
	letter-spacing: 0;
}

.pp-bot .ry-list {
	overflow: hidden;
	margin-top: 3%;
}

.pp-bot .ry-list li {
	width: 17%;
	float: left;
	margin-right: 3.75%;
	margin-bottom: 3.75%;
}

.pp-bot .ry-list li:nth-child(5n) {
	margin-right: 0;
}

.pp-bot .ry-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 140%;
}

.pp-bot .ry-list li p {
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #5d5959;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 12px;
}

.pp-bot .ry-list li.big {
	margin-right: 0;
	width: 37.75%;
}

.pp-bot .ry-list li.big .pic-w {
	padding-bottom: 63.4%;
}

.pp-bot .ry-list li:hover .pic {
	transform: scale(1.1);
}

.pp-bot .ry-list li:hover p {
	background: #967f63;
}

.pp-bot .qy-list {
	overflow: hidden;
	margin-top: 3%;
}

.pp-bot .qy-list li {
	float: left;
	width: 22.5%;
	margin-right: 3.33%;
	margin-bottom: 3.33%;
}

.pp-bot .qy-list li:nth-child(4n) {
	margin-right: 0;
}

.pp-bot .qy-list li:last-child {
	margin-right: 0;
}

.pp-bot .qy-list li p {
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #5d5959;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 12px;
}

.pp-bot .qy-list li .pic-w {
	position: relative;
	overflow: hidden;
	padding-bottom: 70%;
}

.pp-bot .qy-list li.big {
	width: 48.3%;
}

.pp-bot .qy-list li.big .pic-w {
	padding-bottom: 36%;
}

.pp-bot .qy-list li:hover .pic {
	transform: scale(1.1);
}

.pp-bot .qy-list li:hover p {
	background: #967f63;
}

.fix-right {
	position: fixed;
	z-index: 99;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.fix-right p {
	display: none;
}

.fix-right li:nth-child(1) {
	background-image: url(../images/ficon1.png);
}

.fix-right li:nth-child(2) {
	background-image: url(../images/ficon2.png);
}

.fix-right li:nth-child(3) {
	background-image: url(../images/ficon3.png);
}

.fix-right li:nth-child(4) {
	background-image: url(../images/ficon4.png);
}

.fix-right li {
	width: 78px;
	height: 76px;
	background-color: #5d5959;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.fix-right li a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.fix-right li .tel {
	position: absolute;
	right: -500px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	height: 76px;
	padding: 0 15px;
	color: #fff;
	line-height: 76px;
	font-size: 18px;
	letter-spacing: 2px;
	width: 200px;
	text-align: center;
}

.fix-right li:hover .tel {
	right: 78px;
	background-color: #5d5959;
}

.s-list {
	overflow: hidden;
}

.s-list li {
	margin-bottom: 2%;
	border-bottom: 1px solid #000;
	padding-bottom: 2%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.s-list li h1 {
	margin-bottom: 2%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.s-list li .des {
	line-height: 1.5;
}

.s-list li:hover h1 {
	color: #967f63;
}

.s-list li:hover {
	border-bottom: 1px solid #967f63;
}

@media screen and (max-width: 1600px) {
	.pro-swiper .txt .left {
		padding: 3.7% 5%;
	}

	footer .top .left {
		width: 31.5%;
	}
}

@media screen and (max-width: 1440px) {
	header .logo {
		width: 28.5%;
	}

	header .main {
		padding-left: 28.5%;
	}

	header .main nav a {
		padding: 5% 15px;
	}

	.pro-swiper .txt .left {
		padding: 3.4% 5%;
	}

	.index-zs .main li p {
		font-size: 12px;
	}

	.index-store .s-prev,
	.index-store .s-next {
		width: 40px;
		height: 80px;
		background-size: 30%;
	}

	footer .top .right {
		width: 67%;
	}

	footer .top .ewms .box {
		width: 90px;
	}

	footer .top .ewms .box img {
		width: 100%;
	}

	footer .top .right .nav ul a {
		margin-bottom: 20px;
	}

	footer .top .left .logo {
		width: 250px;
		margin-top: 5%;
	}

	footer .top .left .logo img {
		width: 100%;
	}

	footer .top .left input,
	footer .top .left button {
		height: 40px;
		line-height: 40px;
	}

	footer .top .left button {
		background-size: 60%;
		width: 40px;
		float: right;
	}

	footer .top .left .search {
		width: 360px;
		margin: 30% 0;
	}
}

@media screen and (max-width: 1366px) {
	.index-pro .pro-list li .txt h2 {
		font-size: 12px;
	}

	.pp-top .main .txt p,
	.pp-top .main .txt p {
		line-height: 1.5;
	}

	.join-list li .main h1 {
		font-size: 16px;
	}

	.join-list li .main p {
		font-size: 14px;
	}

	.join-top .main li .des {
		line-height: 20px;
		overflow: hidden;
	}

	.news-list li .pic-w {
		padding-bottom: 18%;
	}

	.zs2 .main li .des {
		line-height: 20px;
		height: 60px;
	}

	.zz3 .five p {
		line-height: 1.5;
	}
}

@media screen and (max-width: 1200px) {
	.fix-right {
		display: none;
	}

	.zs-lb .button {
		display: none;
	}

	footer .bot,
	footer .bot h1 {
		font-size: 12px;
	}

	footer .top {
		padding: 3%;
	}

	header .logo {
		width: 20%;
	}

	header .main {
		padding-left: 20%;
	}

	header .main .top .box,
	header .main .top a {
		height: 45px;
		line-height: 45px;
	}

	header .main .top .box p {
		line-height: 45px;
	}

	header .main .top .box span {
		margin-top: -3px;
	}

	.index-new .main li .txt .des {
		margin-top: 10%;
	}

	footer .top .right .nav ul a.big {
		padding: 10px;
	}

	.index-title .eng,
	.cp-series li .txt p {
		letter-spacing: 2px;
	}

	.sh-service .txt {
		position: relative;
		float: left;
		transform: translateX(0);
		width: 50%;
	}

	.sh-service .pic-w {
		float: left;
		width: 50%;
	}

	.news-list li .pic-w {
		padding-bottom: 19%;
	}

	.zs3 .main .box .txt {
		width: 30%;
	}

	.zs3 .main .box .pic-w {
		width: 70%;
	}

	.zs4 .main .point {
		width: 20px;
	}

	.phone-bot {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		background: #bca176;
		padding: 10px;
		position: fixed;
		z-index: 999;
		bottom: 0;
	}

	.phone-bot .box {
		text-align: center;
		font-size: 16px;
		line-height: 30px;
	}

	.phone-bot .box:first-child .icon {
		margin-top: 0;
	}

	.phone-bot .box .icon {
		display: inline-block;
		font-size: 20px;
		margin-right: 5px;
		vertical-align: top;
		margin-top: 0.5px;
	}

	.phone-bot .box a {
		color: #fff;
	}
}

@media screen and (max-width: 1024px) {
	body {
		padding-bottom: 50px;
	}

	.inner-banner .inner-nav.scoll {
		opacity: .8;
	}

	.join-top .main li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.join-top .main li:nth-child(2n) {
		margin-right: 0;
	}

	.join-top .main li .des {
		height: 120px;
	}

	.lc2-swiper {
		width: 100%;
	}

	.cp-list .choose a {
		font-size: 14px;
		line-height: 25px;
	}

	.cp-list .choose h1 {
		line-height: 25px;
	}

	.cp-list .choose .box {
		margin-bottom: 4%;
	}

	.zs-title i {
		display: none;
	}

	.zs-title p {
		font-size: 12px;
	}

	header .main .top .box {
		display: none;
	}

	.index-title h1:after,
	.index-title h1:before {
		display: none;
	}

	header .main nav {
		display: none;
	}

	header .main .menu-box {
		height: 40px;
		line-height: 40px;
		background: #fff;
	}

	header .main {
		padding-left: 50%;
	}

	header .logo {
		width: 50%;
	}

	header .main .top .box,
	header .main .top a {
		float: right;
	}

	header .main .top {
		background: #967f63;
	}

	header .menu {
		width: 40px;
		float: right;
		margin-top: 10px;
		margin-right: 20px;
		display: block;
	}

	header .menu .line1 {
		width: 100%;
		height: 3px;
		background: #967f63;
	}

	header .menu .line2 {
		width: 100%;
		height: 3px;
		background: #967f63;
		margin-top: 5px;
	}

	header .menu .line3 {
		width: 100%;
		height: 3px;
		background: #967f63;
		margin-top: 5px;
	}

	.index-pro,
	.index-pp,
	.index-store,
	.index-new,
	.cp-list,
	.cp-series,
	.sh-service,
	.pp-bot,
	.zz1,
	.zz2,
	.zz3,
	.zs4,
	.zs5,
	.news-list,
	.news-detail,
	.join-top,
	.join-list {
		padding: 3%;
	}

	footer .nav {
		display: none;
	}

	footer .top .left {
		width: 100%;
		float: none;
	}

	footer .top .right {
		float: none;
		width: 100%;
	}

	footer .top .ewms {
		float: none;
	}

	footer .top .left .search {
		margin: 5% 0;
	}

	footer .top .ewms .box {
		margin-left: 0;
		margin-right: 30px;
	}

	.swiper_01 .swiper-slide .txt {
		display: none;
	}

	/* .swiper_01 .swiper-slide .pic-w{
		padding-bottom: 60%;
	} */
	.index-title .eng,
	.cp-series li .txt p {
		left: 0;
		font-size: 12px;
	}

	.index-title p {
		letter-spacing: 0;
		font-size: 12px;
	}

	.index-title h1 {
		margin: 10px 0;
	}

	.index-pro .pro-list li,
	.index-zs .main li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.index-pro .pro-list li:nth-child(2n),
	.index-zs .main li:nth-child(2n) {
		margin-right: 0;
	}

	.index-pro .pro-list li .txt h2 {
		line-height: 1.5;
	}

	.pro-xl .pro-swiper {
		width: 100%;
		position: relative;
	}

	.pro-xl .pro-swiper .swiper-slide .pic-w {
		position: relative;
		overflow: hidden;
		padding-bottom: 100%;
	}

	.pro-swiper .txt .right {
		display: none;
		background: rgba(0, 0, 0, 0.5);
	}

	.pro-xl .main {
		width: 100%;
		float: none;
		display: none;
	}

	.pro-swiper .txt .left {
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
	}

	.pro-swiper .txt .left .line {
		display: none;
	}

	.pro-xl .main li .line {
		margin: 2% auto;
	}

	.index-pp .main .pic-w {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
	}

	.index-pp .main .txt {
		width: 100%;
		float: none;
	}

	.index-pp .main .txt .des {
		line-height: 1.5;
	}

	.index-pp .main .txt .eng {
		margin-top: 10px;
	}

	.index-pp .main .txt .more {
		width: 160px;
		height: 40px;
		line-height: 38px;
		margin: auto;
	}

	.index-store .button {
		display: none;
	}

	.index-new .main li {
		float: none;
		width: 100%;
	}

	.index-new .main li .txt {
		padding: 5%;
	}

	.index-new .main li .txt span {
		display: none;
	}

	.index-new .main li .txt .des {
		margin-top: 5%;
	}

	footer .top .left .search {
		width: 100%;
	}

	.inner-banner .inner-nav {
		position: relative;
		background: #bca176;
		color: #fff;
		overflow: hidden;
		display: block;
		background: #fff;
		border: none;
	}

	.inner-banner .inner-nav a {
		width: 25%;
		display: block;
		float: left;
		background: #d2c3ad;
		height: 40px;
		line-height: 40px;
	}

	.inner-banner .inner-nav a {}

	.cp-main li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.cp-main li:nth-child(3n) {
		margin: 0 4% 4% 0;
	}

	.cp-main li:nth-child(2n) {
		margin-right: 0;
	}

	.cp-main li p {
		font-size: 12px;
		letter-spacing: 0;
	}

	.cp-list .choose p {
		font-size: 12px;
		line-height: 20px;
	}

	.cp-list .choose h1 {
		line-height: 20px;
	}

	.cp-series li .txt {
		width: 50%;
	}

	.cp-series li .pic-w {
		padding-bottom: 60%;
	}

	.cp-series li .txt .more {
		margin-top: 20%;
	}

	.design .design-lc .box {
		display: block;
	}

	.design .design-lc {
		overflow: hidden;
	}

	.design .design-lc .box .pic-box {
		width: 48%;
		float: left;
		margin: 0 2% 2% 0;
	}

	.design .design-lc .jt {
		display: none;
	}

	.design .design-lc .box .pic-w {
		margin: auto;
	}

	.design .design-lc .mid {
		display: none;
	}

	.sh-service .pic-w {
		float: none;
		width: 100%;
		padding-bottom: 60%;
	}

	.sh-service .txt {
		width: 100%;
	}

	.sh-service h3 {
		line-height: 1.5;
	}

	.pp-top .main .txt {
		width: 100%;
		float: none;
	}

	.pp-top .main .txt p,
	.pp-top .main .txt p {
		font-size: 12px;
	}

	.pp-top .main .pic-w {
		width: 100%;
		padding-bottom: 60%;
	}

	.pp-bot .ry-list li,
	.pp-bot .ry-list li:nth-child(5n),
	.pp-bot .qy-list li {
		width: 48%;
		margin: 0 2% 2% 0;
	}

	.pp-bot .ry-list li.big,
	.pp-bot .qy-list li.big {
		width: 100%;
	}

	.zz1 .main .left {
		float: none;
		width: 100%;
	}

	.zz1 .main .txt {
		width: 100%;
	}

	.zz1 .main .txt .des p {
		line-height: 1.5;
	}

	.zz2 .txt,
	.zz3 .txt {
		width: 100%;
	}

	.zz2 .zz-lc .box .jt {
		display: none;
	}

	.zz2 .zz-lc .jt.big {
		display: none;
	}

	.zz2 .zz-lc {
		/* display: none; */
	}

	.zz2 .zz-lc .box {
		display: block;
	}

	.zz2 .zz-lc .box .pic-w {
		width: 48%;
		float: left;
		margin: 0 4% 4% 0;
		padding-bottom: 35%;
	}

	.zz2 .zz-lc .box .pic-w:nth-child(3n),
	.zz2 .zz-lc .box .pic-w:last-child {
		margin-right: 0;
	}

	.zz2 .three .left li {
		font-size: 14px;
		padding: 23% 0;
	}

	.zz3 .five li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.zz3 .five li:nth-child(2n) {
		margin-right: 0;
	}

	.part {
		padding: 5%;
	}

	.part .des {
		font-size: 12px;
		line-height: 1.5;
	}

	.part .main li {
		width: 50%;
	}

	.part .main li p {
		font-size: 12px;
		width: 90%;
	}

	.part .des:after {
		display: none;
	}

	.zs4 .main .box .pic-w {
		width: 60px;
		height: 60px;
	}

	.zs4 .main .box {
		width: 33%;
		margin-bottom: 5%;
	}

	.zs4 .main .point {
		display: none;
	}

	.zs4 .main .box p {
		font-size: 12px;
		margin-top: 10px;
	}

	.zs5 .jm1 .main li {
		width: 100%;
		margin-bottom: 2%;
	}

	.zs5 .jm2 .main li {
		width: 100%;
	}

	.ly {
		padding: 0;
	}

	.ly .main {
		padding: 3%;
	}

	.ly .box {
		width: 100%;
		padding: 20px;
	}

	.ly .box p span,
	.ly .box p input {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.zs1 .main .pic-w {
		position: relative;
		width: 100%;
		padding-bottom: 60%;
	}

	.zs1 .main .txt {
		width: 100%;
		float: none;
	}

	.zs1 .main .txt li {
		padding: 5%;
	}

	.zs2 .main li,
	.zs2 .main li:nth-child(5n) {
		width: 48%;
		margin: 0 4% 4% 0;
		float: left;
	}

	.zs2 .main li:nth-child(2n) {
		margin-right: 0;
	}

	.zs2 .main li h1 {
		margin-top: 0;
		padding: 10px;
	}

	.zs3 .main .box {
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}

	.zs3 .main .box .txt .in {
		font-size: 12px;
	}

	.news-list li .pic-w {
		padding-bottom: 40%;
		width: 100%;
	}

	.news-list li .txt {
		width: 100%;
	}

	.news-list li .txt .des {
		line-height: 1.5;
	}

	#pages a {
		margin: 0;
	}

	.news-detail .main p {
		font-size: 12px;
	}

	.news-detail .op .right {
		float: none;
	}

	.news-detail .main {
		margin: 0;
	}

	.news-detail .op {
		margin: 2% 0;
	}

	.news-detail .op .left a {
		margin-bottom: 10px;
	}

	.news-detail .title span {
		display: block;
		float: none;
		margin: 10px 0;
	}

	.join-list li .title span {
		width: 10px;
		height: 10px;
		margin-top: -5px;
	}

	footer .bot a,
	footer .bot h1 {
		display: none;
	}
}