

/*# sourceMappingURL=style.css.map */
.wow{
	visibility: hidden;
}
img{
	max-width: 100%;
}
body{
	font-family: 'SourceHanSerifCN',"微軟正黑體",'宋体',"PingFang SC", "Microsoft JhengHei","Source Han Sans CN", "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "Heiti SC",Arial, sans-serif;
	max-width: 100%;
	font-size: 0;
}
body:after{
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	background: url('../img/78.jpg');
}
.flexslider{
	background: transparent;
}
.forie{
    width: 100%;
    height: 100%;
    background: url(../img/tishi.png) center no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
}

@font-face {
  font-family: "Didot";
  src: url("../fonts/Didot.woff2") format("woff2"),
       url("../fonts/Didot.woff") format("woff"),
       url("../fonts/Didot.ttf") format("truetype"),
       url("../fonts/Didot.eot") format("embedded-opentype"),
       url("../fonts/Didot.svg") format("svg"),
       url("../fonts/Didot.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TimesTenLTStd-Roman";
  src: url("../fonts/TimesTenLTStd-Roman.woff2") format("woff2"),
       url("../fonts/TimesTenLTStd-Roman.woff") format("woff"),
       url("../fonts/TimesTenLTStd-Roman.ttf") format("truetype"),
       url("../fonts/TimesTenLTStd-Roman.eot") format("embedded-opentype"),
       url("../fonts/TimesTenLTStd-Roman.svg") format("svg"),
       url("../fonts/TimesTenLTStd-Roman.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* 重置表单样式 */
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
}

/* 工具类 */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
@media (max-width: 991px) and (min-width: 768px){
	.visible-sm {
	    display: block !important;
	}
	.hidden-sm {
	    display: none !important;
	}
}
@media (max-width: 767px){
	.visible-xs {
	    display: block !important;
	}
	.hidden-xs {
	    display: none !important;
	}
}
@media (max-width: 1200px) and (min-width: 992px){
	.visible-md{
    	display: block !important;
	}
	.hidden-md{
    	display: none !important;
	}
}
@media (min-width: 1201px){
	.visible-lg{
    	display: inline-block !important;
	}
}
/* placehold颜色 */
input::-webkit-input-placeholder{ /* WebKit*/  
    color:#898a8a;  
}  
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#898a8a;
}  
input::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#898a8a;
}  
input:-ms-input-placeholder { /* IE 10+ */  
    color:#898a8a;
}  
.search-box .search input[type=text]::-webkit-input-placeholder{ /* WebKit*/  
    color:#a37e61;  
}  
.search-box .search input[type=text]:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color:#a37e61;
}  
.search-box .search input[type=text]::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color:#a37e61;
}  
.search-box .search input[type=text]:-ms-input-placeholder { /* IE 10+ */  
    color:#a37e61;
}  
/* ============ */
html{
	font-size: 100px;
}
body{
	font-size: 0;
}
header.pchd{
	position: relative;
	padding: 0 .8rem;
	line-height: .8rem;
	height: .8rem;
	box-sizing: border-box;
}
header.pchd .logo{
	display: inline-block;
	float: left;
}
header.pchd .logo img{
	height: .42rem;
}
header.pchd nav{
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	white-space: nowrap;
}
header.pchd nav a{
	display: inline-block;
	color: #111111;
	font-size: .16rem;
	position: relative;
	margin: 0 .4rem;
	transition: all .3s ease-out;
}
header.pchd nav a:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: transparent;
	bottom: 0;
	left: 0;
}
header.pchd nav a.on{
	color: #da271e;
}
header.pchd nav a.on:after{
	background-color: #da271e;
}
header.pchd .headside{
	display: inline-block;
	float: right;
}
header.pchd .headside .tel{
	display: inline-block;
	font-size: .14rem;
	color: #000000;
	padding-left: 20px;
	background: url('../img/1.png') no-repeat center left/10px auto;
	padding-right: 20px;
	vertical-align: top;
}
header.pchd .headside .searbtn{
	display: inline-block;
	position: relative;
	width: 16px;
	height: .8rem;
	background: url('../img/2.png') no-repeat center/100% auto;
	vertical-align: top;
	margin-left: 24px;
	cursor: pointer;
}
header.pchd .headside .searbtn:after{
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 20px;
	background-color: #d2d2d2;
	left: -27px;
	top: 50%;
	transform: translate(0,-50%);
}
.search-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.search-box .black {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    z-index: 99;
}
.search-box .search{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    max-width: 800px;
    height: 120px;
    transform: translate(-50%, -50%);
    z-index: 100;
    border-bottom: 1px solid #a37e61;
}
.search-box .search input[type=text] {
    float: left;
    width: 87.5%;
    height: 120px;
    line-height: 120px;
    border: none;
    padding: 0;
    outline: none;
    font-size: 50px;
    background: transparent;
    color: #a37e61;
    border: none;
}
.search-box .search input[type=submit] {
    float: right;
    width: 12.5%;
    height: 100%;
    background: url(../img/search.png) no-repeat center;
    background-size: 100% auto;
    padding: 0;
    border: none;
    outline: none;
}
/*  */
.wrap{
	width: 1400px;
	max-width: 85%;
	margin: 0 auto;
}
.ad{
	position: relative;
}
.ad img{
	width: 100%;
}
.ad .text{
    position: absolute;
    width: 12.1875%;
    top: 8%;
    left: 36%;
}
.ad .text img{
	width: 100%;
}
#main .wrap1{
	background: no-repeat center/cover;
	padding: .34rem 0 .76rem;
}
#main .wrap1 .pro-intro .tit{
	font-size: .24rem;
	color: #5c483d;
}
#main .wrap1 .pro-intro{
	width: 6.2rem;
}
#main .wrap1 .pro-intro nav a{
	color: #a37e61;
	font-size: .16rem;
	display: inline-block;
	width: 1.9rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #c8ad8f;
	position: relative;
	background-color: #f7eedf;
	margin: 0 .14rem .14rem 0;
	transition: all .3s ease-out;
	overflow: hidden;
	font-weight: bold;
}
#main .wrap1 .pro-intro nav a:nth-child(3n){
	margin-right: 0;
}
#main .wrap1 .pro-intro nav a:after{
	content: '';
	display: block;
	width: 1.9rem;
	height: .5rem;
	border: 1px solid #c8ad8f;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	box-sizing: border-box;
	opacity: 0;
	transition: all .3s ease-out;
}
#main .wrap1 .pro-intro nav a img{
	vertical-align: top;
	top: 50%;
	position: relative;
	transform: translate(0,-50%);
	margin-right: 8px;
}
#main .wrap1 .intro-time{
	color: #5c483d;
	float: left;
}
#main .wrap1 .intro-time .intro-box{
	display: inline-block;
	vertical-align: middle;
}
#main .wrap1 .intro-time .time-box{
	text-align: center;
	float: right;
	margin-left: .44rem;
	font-size: .36rem;
}
#main .wrap1 .intro-time .time-box .d1{
	font-size: .36rem;
	line-height: 1;
}
#main .wrap1 .intro-time .time-box .d2{
	font-size: 14px;
}
#main .wrap1 .intro-time .text{
	font-size: 14px;
	color: #000;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 13em;
    letter-spacing: .3em;
	float: right;
	line-height: 1.5;
}
#main .wrap1 .intro-time .text h2{
	font-size: 18px;
	color: #a37e61;
	margin-left: 0.5em;
}
#main .wrap1 .intro-time .imgs{
	width: 2.32rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .24rem;
}
#main .wrap1 .intro-time .imgs img{
	width: 100%;
}
#main h2.tit{
	font-size: .3rem;
	color: #5c483d;
}
#main h2.tit span{
	display: inline-block;
}
#main h2.tit span + span{
	margin-left: .18rem;
	font-family: 'Didot';
}
#main .iban .owl-dots{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 20px;
	left: 0;
}
#main .iban .owl-dots .owl-dot{
	display: inline-block;
	margin: 0 3px;
}
#main .iban .owl-dots .owl-dot span{
	display: inline-block;
	border: 1px solid #fff;
	width: 12px;
	height: 12px;
	border-radius: 100%;
}
#main .iban .owl-dots .owl-dot.active span{
	background-color: #fff;
}
#main .wrap2{
	background: no-repeat center/cover;
	padding: .7rem 0 1.7rem;
}
#main .wrap2 h2.tit{
	padding-bottom: 20px;
}
#main .wrap2 .imgs{
	width: 50%;
	display: inline-block;
}
#main .wrap2 .imgs img{
	width: 100%;
}
#main .wrap2 .slides li{
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	width: 99%;
	margin: 0 auto;
}
#main .wrap2 .slides li a{
	display: block;
	border: 1px solid #dddddd;
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
#main .wrap2 .slides li a:after,
#main .wrap2 .slides li a:before{
	content: '';
	display: block;
	position: absolute;
	right: -1px;
	background: no-repeat center/cover;
	width: 14px;
	height: 14px;
}
#main .wrap2 .slides li a:after{
	top: -1px;
	background-image: url('../img/70.jpg');
}
#main .wrap2 .slides li a:before{
	bottom: -1px;
	background-image: url('../img/70-2.jpg');
}
#main .wrap2 .pro-banner{
	position: relative;
}
#main .wrap2 .pro-banner:after{
	content: '';
	display: block;
	position: absolute;
	width: 1.72rem;
	height: 2.17rem;
	background: url('../img/4.png') no-repeat center/cover;
	right: 0;
	bottom: -.6rem;
	z-index: 3;
}
#main .wrap2 .text{
	width: 41.4%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: .6rem .5rem 0;
}
#main .wrap2 .text .tit{
	color: #5c483d;
	font-size: .3rem;
	position: relative;
	padding-bottom: .2rem;
}
#main .wrap2 .text .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 1em;
	height: 2px;
	background-color: #b5b5b5;
	bottom: 0;
	left: 0;
}
#main .wrap2 .text .tit span{
	color: #888888;
	font-size: .24rem;
}
#main .wrap2 .con{
	font-size: .15rem;
	color: #666666;
	margin-top: .2rem;
}
#main .wrap2 .owl-dots{
	width: auto;
	left: 53.7%;
	bottom: .7rem;
	position: absolute;
}
#main .wrap2 .owl-dots .owl-dot{
	margin: 0 2px;
	display: inline-block;
}
#main .wrap2 .owl-dots .owl-dot span{
	width: 10px;
	height: 10px;
	background-color: #d1d1d1;
	border: none;
	display: inline-block;
	border-radius: 100%;
}
#main .wrap2 .owl-dots .owl-dot.active span{
	background-color: #a37e61;
}
#main .wrap3{
	background: repeat center;
	padding: .86rem 0 1rem;
}
#main .wrap3 h2.tit{
	padding-bottom: .3rem;
	position: relative;
	z-index: 3;
}
#main .wrap3 h2.tit:before{
	content: '';
	display: block;
	position: absolute;
	width: 1.78rem;
	height: 2.17rem;
	background: url('../img/8.png') no-repeat center/cover;
	left: -.8rem;
}
#main .wrap3 h2.tit .newlist a{
	display: inline-block;
	font-size: .16rem;
	color: #666666;
	margin-left: .5rem;
	transition: all .3s ease-out;
}
#main .wrap3 h2.tit .newlist a.on{
	color: #a37e61;
}
#main .wrap3 .box{
	position: relative;
	z-index: 2;
	transition: all .4s ease-out;
}
#main .wrap3 .box.on{
	opacity: 0;
}
#main .wrap3 .item1{
	background-color: #fafafa;
	position: relative;
	border: 1px solid #cbc4a8;
}
#main .wrap3 .item1 .jbbox .jb{
	width: 14px;
	height: 14px;
	position: absolute;
	right: -1px;
	background: no-repeat center/cover;
}
#main .wrap3 .item1 .jbbox .jb:first-child{
	top: -1px;
	background-image: url('../img/71.jpg');
}
#main .wrap3 .item1 .jbbox .jb:last-child{
	bottom: -1px;
	background-image: url('../img/71-2.jpg');
}
#main .wrap3 .item1:after{
    content: '';
    display: block;
    position: absolute;
    width: 1.72rem;
    height: 2.17rem;
    background: url(../img/4.png) no-repeat center/cover;
    right: 0;
    bottom: -0.2rem;
    z-index: 3;
}
#main .wrap3 .item1 .imgs{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
#main .wrap3 .item1 .imgs img{
	width: 100%;
}
#main .wrap3 .item1 .text{
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	padding: .8rem .7rem 0;
	vertical-align: top;
}
#main .wrap3 .item1 .text .tit{
	font-size: .24rem;
	color: #333333;
	font-weight: 600;
	padding-bottom: .8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#main .wrap3 .item1 .text .con{
	font-size: 14px;
	color: #666666;
	min-height: 10em;
}
#main .wrap3 .item1 .text .btn{
	display: block;
	width: 1.35rem;
	height: .46rem;
	line-height: .46rem;
	text-align: left;
	font-size: 14px;
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 0 0 .3rem;
	background: #a37e61;
	margin-top: .3rem;
	position: relative;
}
#main .wrap3 .item1 .text .btn:after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 8px;
	right: .3rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: url('../img/6.png') no-repeat center/cover;
	transition: all .3s ease-out;
}
#main .wrap3 ul.list{
	padding-top: .54rem;
}
#main .wrap3 .list li{
	display: inline-block;
	width: calc(33.33333% - .53rem);
	vertical-align: top;
}
#main .wrap3 .list li + li{
	margin-left: .79rem;
}
#main .wrap3 .list li a{
	display: block;
	padding-left: .8rem;
	position: relative;
}
#main .wrap3 .list li a .time{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-family: 'TimesTenLTStd-Roman';
}
#main .wrap3 .list li a .time .d1{
	font-size: .48rem;
	color: #333333;
	font-style: normal;
	line-height: 1;
	transition: all .3s ease-in;
}
#main .wrap3 .list li a .time .d2{
	font-size: .18rem;
	color: #666666;
	position: relative;
	transition: all .3s ease-in;
}
#main .wrap3 .list li a .time .d2:after{
	content: '';
	display: block;
	position: absolute;
	width: .46rem;
	height: 1px;
	background: rgba(0,0,0,0.1);
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#main .wrap3 .list li .tit{
	font-size: .18rem;
	color: #333333;
	line-height: 1.667;
	padding-bottom: .2rem;
	position: relative;
	transition: all .3s ease-in;
	height: 3.334em;
}
#main .wrap3 .list li .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: rgba(210,210,210,.5);
	/* background-color: #000; */
	bottom: 0;
	left: 0;
}
#main .wrap3 .list li .con{
	font-size: .14rem;
	color: #666666;
	padding: .2rem 0 0;
	transition: all .3s ease-in;
}
#main .wrap3 .list li .btn{
	display: block;
	width: 1.35rem;
	height: .46rem;
	line-height: .46rem;
	text-align: left;
	font-size: 14px;
	color: #333333;
	box-sizing: border-box;
	padding: 0 0 0 .3rem;
	background: #ffffff url('../img/7.png') no-repeat 1rem center/4px auto;
	margin-top: .5rem;
	transition: all .3s ease-in;
}
#main .wrap4 .tit{
	position: relative;
}
#main .wrap4 .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: 1.7rem;
	height: 2.2rem;
	background: url('../img/14.png') no-repeat center/cover;
    top: -.6rem;
    left: 53%;
    transform: translate(-50%,0);
}
#main .wrap4 .tit .cn{
	font-size: .3rem;
	color: #5c483d;
	line-height: 1.5;
}
#main .wrap4 .tit .en{
	font-size: .3rem;
	color: #666666;
	line-height: 1.2;
}
#main .wrap4{
	background: repeat center;
}
#main .wrap4 .king{
	width: 8.74rem;
	background: transparent;
	margin: .3rem auto 0;
	max-width: 90%;
}
#main .wrap4 .king .flex-viewport{
	z-index: 10;
}
#main .wrap4 .king li .text{
	width: 1.64rem;
	height: 1.64rem;
	line-height: 1.64rem;
	margin: 0 auto .4rem;
	text-align: center;
	background: #a37e61;
	border-radius: 100%;
	font-size: .48rem;
	color: #ffffff;
	position: relative;
	display: block;
}
#main .wrap4 .king li .text:after{
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid #ba9070;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 100%;
}
#main .wrap4 .king .flex-direction-nav a{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../img/9.png') no-repeat center/12px auto;
	transition: all .3s ease-out;
}
#main .wrap4 .king .flex-direction-nav{
    width: 0rem;
    position: absolute;
    top: .82rem;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 11;
    text-align: center;
}
#main .wrap4 .king .flex-direction-nav li{
	display: inline-block;
    z-index: 2;
    position: absolute;
    left: -1.2rem;
    top: 0;
}
#main .wrap4 .king .flex-direction-nav li:nth-child(2n){
	float: right;
	transform: rotate(180deg);
    left: auto;
    right: -1.2rem;
}
#main .wrap4 .con{
	font-size: .16rem;
	color: #555555;
	width: 8.74rem;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	line-height: 2;
}
#main .wrap4 .more{
	display: block;
	width: 1.57rem;
	height: .45rem;
    line-height: calc(.45rem - 2px);
	text-align: left;
	border: 1px solid #dcdcdc;
	margin: .4rem auto 0;
	color: #333333;
	font-size: .16rem;
	padding: 0 0 0 .4rem;
	box-sizing: border-box;
	background:#ffffff url('../img/11.png') no-repeat 1.1rem center/6px auto;
	transition: all .3s ease-out;
}
#main .wrap4{
	padding: 1rem 0 1.3rem;
}
#main .wrap5{
	background-color: #a37e61;
}
#main .wrap5 ul{
	padding: 0.7rem 0;
}
#main .wrap5 li:first-child{
	border-left: none;
	padding-left: 0;
}
#main .wrap5 li{
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	text-align: left;
	position: relative;
	width: 24.3%;
	border-left: 1px solid rgba(255,255,255,.25);
	padding:0 4%;
}
#main .wrap5 li:after{
/* 	content: '';
	display: block;
	position: absolute;
	height: .76rem;
	width: 1px;
	background: rgba(255,255,255,.25);
	left: -.5rem;
	top: 50%;
	transform: translate(0,-50%); */
}
#main .wrap5 li:nth-child(3){
	width: 27.1%;
}
#main .wrap5 li .d1{
	font-size: .18rem;
	line-height: 1;
}
#main .wrap5 li span{
	font-size: .55rem;
	font-family: 'TimesTenLTStd-Roman';
}
#main .wrap5 li .d2{
	font-size: .14rem;
	line-height: 1.5;
	padding-top: .5em;
}
/* footer */
footer{
	border-top: 3px solid #a88569;
}
footer .top{
	padding: .7rem 0 0.24rem;
	border-bottom: 1px solid #ededed;
}
footer .left{
	width: 31.43%;
	float: left;
	position: relative;
	border-right: 1px solid #e9e9e9;
	box-sizing: border-box;
	padding-bottom: .4rem;
	padding-right: 1%;
}
footer .left .d1 .logo{
	display: inline-block;
	vertical-align: middle;
	height: .42rem;
}
footer .left .d1 .logo img{
	height: 100%;
}
footer .left .d1 span{
	display: inline-block;
	font-size: .2rem;
	color: #d92118;
	vertical-align: middle;
	padding-left: .5rem;
	position: relative;
}
footer .left .d1 span:after{
	content: '';
	display: block;
	width: 1px;
	height: .2rem;
	background-color: #e1e1e1;
	left: 0.24rem;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
footer .left .d2{
	padding-top: .3rem;
}
footer .left .d2 p{
	font-size: 14px;
	color: #333333;
	background: no-repeat left 5px/20px auto;
	padding-left: .28rem;
}
footer .left .d2 p a{
	color: #333333;
}
footer .left .d2 p + p{
	margin-top: .1rem;
}
footer .right{
	width: 68.57%;
	float: right;
}
footer .right ul{
	text-align: right;
}
footer .right ul li{
	display: inline-block;
	vertical-align: top;
	margin-left: .7rem;
	text-align: left;
}
footer .right ul li:first-child{
	margin-left: 0;
}
footer .right ul li a{
	display: inline-block;
	color: #666666;
	font-size: .14rem;
	line-height: 1.5;
	padding-bottom: 1em;
}
footer .right ul li a:first-child{
	color: #222222;
	font-size: .15rem;
	line-height: 1;
	padding-bottom: 2.6em;
}
footer .fot{
	height: .68rem;
	line-height: .68rem;
	font-size: 14px;
}
footer .fot .desc .icp{
	display: inline-block;
}
footer .fot .desc span{
	margin-left: 14px;
	margin-right: 14px;
}
footer .fot .desc a{
	color: #333;
}
footer .fot a{
	color: #666666;
	transition: all .3s ease-out;
}
#products .wrap1{
	padding: .76rem 0 0;
}
#products .wrap1 .item .contai{
	height: 100%;
}
#products .wrap1 h2{
	font-size: .34rem;
	line-height: 1.5;
	color: #5f463f;
	text-align: center;
}
#products .wrap1 h3{
	/* background: url('../img/16.png') no-repeat center/auto 7px; */
	text-align: center;
	font-size: 16px;
}
#products .wrap1 .con{
	font-size: 16px;
	color: #555555;
	line-height: 2;
	text-align: center;
	width: 82%;
	margin: 0 auto;
	padding-top: 14px;
}
#products .wrap2{
	max-width: 100%;
	overflow: hidden;
}
#products .wrap2 ul{
	padding-top: 1rem;
}
#products .wrap2 ul li{
	position: relative;
}
#products .wrap2 ul li + li{
	margin-top: -.6rem;
}
#products .wrap2 ul li a{
	display: block;
}
#products .wrap2 ul li .imgs{
	width: 50%;
	float: right;
	position: relative;
}
#products .wrap2 ul li .imgs img{
	width: 100%;
}
#products .wrap2 ul li:nth-child(2n) .imgs{
	float: left;
}
#products .wrap2 ul li .text{
	height: calc(100% - 1.2rem);
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: .6rem;
	margin: auto 0; 
	transform: translate(-100%,0);
	box-sizing: border-box;
}
#products .wrap2 ul li .text .box{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}
#products .wrap2 ul li:nth-child(2n) .text{
	left: auto;
	right: .6rem;
	transform: translate(100%,0);
}
#products .wrap2 ul li:nth-child(2n) .text .box{
	left: auto;
	right: 0;
}
#products .wrap2 ul li:first-child .text{
	height: calc(100% - .6rem);
	margin: 0;
	top: 0;
}
#products .wrap2 ul li:last-child .text{
	height: 100%;
}
#products .wrap2 ul li .text .d1{
	font-size: .36rem;
	line-height: .46rem;
	color: #5f463f;
	display: inline-block;
	position: relative;
	padding: 0 20px;
}
#products .wrap2 ul li .text .d1:before,
#products .wrap2 ul li .text .d1:after{
	content: '';
	display: block;
	position: absolute;
	width: 17px;
	height: 17px;
	background: url('../img/18.png') no-repeat center/cover;
}
#products .wrap2 ul li .text .d1:before{
	left: 0;
	top: 0;
}
#products .wrap2 ul li .text .d1:after{
	background-image: url('../img/19.png');
	right: 0;
	bottom: 0;
}
#products .wrap2 ul li .text .btn{
	font-size: 16px;
	color: #666666;
	width: 100%;
	height: .77rem;
	line-height: .77rem;
	border: 1px solid #9c958d;
	box-sizing: border-box;
	padding: 0 0.36rem;
	position: relative;
	margin: .56rem 0 0;
	transition: all .3s ease-out;
}
#products .wrap2 ul li .text .btn em{
	content: '';
	display: inline-block;
	width: 12px;
	height: 100%;
	background: url('../img/17.png') no-repeat center/100% auto;
	bottom: 0;
	margin: auto 0;
	vertical-align: top;
	position: relative;
	vertical-align: top;
	margin-right: .1rem;

}
#products .wrap2 ul li:nth-child(2n) .text{
	text-align: right;
}
#products .wrap2 ul li:nth-child(2n) .text .btn{
	padding-right: .4rem;
}
#products .wrap2 ul li:nth-child(2n) .text .btn em{
	transform: rotate(180deg);
}
#about .about-nav{
	background-color: #996859;
	height: 1.76rem;
	line-height: 1.76rem;
}
#about .about-nav a{
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 4.6%;
	position: relative;
}
#about .about-nav a .ico{
	display: inline-block;
	font-size: .48rem;
	color: #eeebda;
	width: .94rem;
	height: .94rem;
	line-height: .94rem;
	border: 2px solid #eeebda;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
}
#about .about-nav a .text{
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin-left: .22rem;
	text-align: left;
}
#about .about-nav a .text .cn{
	font-size: .24rem;
	color: #eeebda;
}
#about .about-nav a .text .en{
	font-size: .16rem;
	padding-top: .1rem;
}
.titbox{
	text-align: center;
}
.titbox h2{
	font-size: .34rem;
	color: #5f473f;
	line-height: 1.5;
}
.titbox h3{
	font-size: .16rem;
	color: #666666;
	/* background:url(../img/16.png) no-repeat center/auto 7px; */
	position: relative;
}
.titbox h3 em{
	position: absolute;
	width: calc(50% - 5em - .22rem);
	height: 1px;
	background: rgba(136,136,136,.2);
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.titbox h3 em:after{
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	background: url('../img/34.png') no-repeat center/cover;
	margin-top: -3px;
}
.titbox h3 em:first-child{
	left: 0;
}
.titbox h3 em:nth-child(2){
	right: 0;
}
.titbox h3 em:first-child:after{
	right: -.22rem;
}
.titbox h3 em:nth-child(2):after{
	left: -.22rem;
}
.titbox h3 span{
	display: inline-block;
}
#about .wrap1{
	padding: .8rem 0 1rem;
}
#about .wrap1 .box{
	padding: 8px;
	border: 1px solid rgba(163,126,97,.35);
	margin-top: .7rem;
	position: relative;
}
#about .wrap1 .box .borimgs .mark{
	position: absolute;
	z-index: 3;
	width: .5rem;
	height: .5rem;
}
.jlt{
	left: -1px;
	top: -1px;
	background: no-repeat left top;
}
.jrt{
	right: -1px;
	top: -1px;
	background: no-repeat right top;
}
.jlb{
	left: -1px;
	bottom: -1px;
	background: no-repeat left bottom ;
}
.jrb{
	right: -1px;
	bottom: -1px;
	background: no-repeat right bottom;
}
#about .wrap1 .box .borimgs .mark:nth-child(1){
	background-image: url('../img/50.jpg');
	background-size: 32px auto;
}
#about .wrap1 .box .borimgs .mark:nth-child(2){
	background-image: url('../img/50-2.jpg');
	background-size: 35px auto;
}
#about .wrap1 .box .borimgs .mark:nth-child(3){
	background-image: url('../img/50-3.jpg');
	background-size: 33px auto;
}
#about .wrap1 .box .borimgs .mark:nth-child(4){
	background-image: url('../img/50-4.jpg');
	background-size: 35px auto;
}
#about .wrap1 .box:after{
	content: '';

}
#about .wrap1 .box .bgbox{
	background-color: #f5f1ee;
	padding: 0 1rem;
	position: relative;
}
#about .wrap1 .box .bgbox:after{
	content: '';
	display: block;
	position: absolute;
	width: 1.6rem;
	height: 2.17rem;
	background: url('../img/31.png') no-repeat center/100% auto;
	left: .36rem;
	top: .6rem;
}
#about .wrap1 .box .tit{
	padding:  0 0.44rem;
}
#about .wrap1 .box .tit span{
	display: inline-block;
	width: .74rem;
	height: .74rem;
	line-height: .74rem;
	text-align: center;
	font-size: .6rem;
	color: #111111;
	background: url('../img/20.png') no-repeat center/cover;
}
#about .wrap1 .box .tit span + span{
	margin-left: .1rem;
}
#about .wrap1 .box .textbox{
	padding: 0.66rem 0 0.8rem;
}
#about .wrap1 .box .textbox .contai{
	position: relative;
}
#about .wrap1 .box .textbox .contai .subtit{
	font-size: .3rem;
	width: 1em;
	color: #333333;
	right: calc(-1em - .3rem);
	top: 0;
	position: absolute;
	line-height: .3rem;
}
#about .wrap1 .box .textbox .con{
	font-size: 14px;
	color: #555555;
	line-height: 36px;
	/* height: 255px; */
	overflow: hidden;
	padding:  0 0 0 0.44rem;
	border: none;
	margin-top: .2rem;
	text-align: justify;
}
#about .wrap1 .box .textbox .con .mCSB_scrollTools .mCSB_draggerRail{
	width: 1px;
	background: #c4c1be;
}
#about .wrap1 .box .textbox .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #a37e61;
	border-radius: 0;
}
#about .wrap1 .box .textbox .con .mCSB_scrollTools{
	height: 1.9rem;
}
#about .wrap1 .box .textbox .con .mCSB_inside > .mCSB_container{
	margin-right: .5rem;
}
#about .wrap1 .box .bgbox .imgslides{
    width: calc(100% - 0.88rem + .2rem);
    margin: 0.2rem .39rem 0;
    position: relative;
}
#about .wrap1 .box .bgbox .imgslides .imgs{
	padding: 0 .05rem;
}
#about .wrap1 .box .owl-carousel .owl-stage-outer{
	z-index: 2;
}
#about .wrap1 .box .bgbox .imgslides .owl-nav{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 50px;
	width: calc(100% + 1rem);
	z-index: 1;
	left: -.5rem;
}
#about .wrap1 .box .bgbox .imgslides .owl-nav .owl-prev,
#about .wrap1 .box .bgbox .imgslides .owl-nav .owl-next{
	width: 21px;
	height: 50px;
	border: 1px solid rgba(163,126,97,.3);
	float: left;
	background: url('../img/21.png') no-repeat center/9px auto;
	display: block !important;
	z-index: 2;
	transition: all .3s ease-out;
}
#about .wrap1 .box .bgbox .imgslides .owl-nav .owl-prev{
}
#about .wrap1 .box .bgbox .imgslides .owl-nav .owl-next{
	float: right;
	transform: rotate(180deg);
}
#about .wrap1 .box .bgbox .imgslides .owl-dots{
	text-align: center;
	margin-top: .4rem;
	display: none !important;
}
#about .wrap1 .box .bgbox .imgslides .owl-dots .owl-dot{
	display: inline-block;
	margin: 0 4px;
}
#about .wrap1 .box .bgbox .imgslides .owl-dots .owl-dot span{
	display: inline-block;
	width: .14rem;
	height: .14rem;
	border: 1px solid #a37e61;
	background-color: #ffffff;
	border-radius: 100%;
}
#about .wrap1 .box .bgbox .imgslides .owl-dots .owl-dot.active span{
	background-color: #a37e61;
}
#about .wrap1 .box .bgbox .imgslides img{
	width: 100%;
}
#about .wrap1 .box .bgbox .imgslides .flex-control-nav{
	display: none;
}
#about .wrap2{
	position: relative;
	background: repeat center;
	padding: .9rem 0 .96rem;
}
#about .wrap2 .bgbox{
	position: absolute;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-sizing: border-box;
	border: 1px solid rgba(184,142,110,.2);
	z-index: 1;
}
#about .wrap2 .wrap{
	position: relative;
	z-index: 2;
}
#about .wrap2 .list{
	margin: 70px 0 0;
}
#about .wrap2 .list .identification{
	width: calc(25% - 20px);
}
#about .wrap2 .list ul{
	white-space: nowrap;
}
#about .wrap2 .list ul li{
	display: inline-block;
	vertical-align: top;
	width: 336px;
	height: 400px;
	white-space: normal;
	background: #fff;
	padding: 3px;
	box-sizing: border-box;
	position: relative;
}
#about .wrap2 .list ul li .jb{
	width: 24px;
	height: 24px;
	background:url('../img/72-2.jpg') no-repeat center/cover;
	position: absolute;
}
#about .wrap2 .list ul li .jb:nth-child(1){
	top: 0px;
	left: 0px;
	transform: rotate(-90deg);
}
#about .wrap2 .list ul li .jb:nth-child(2){
	top: 0px;
	right: 0px;
}
#about .wrap2 .list ul li .jb:nth-child(3){
	bottom: 0px;
	left: 0px;
	transform: rotate(180deg);
}
#about .wrap2 .list ul li .jb:nth-child(4){
	bottom: 0px;
	right: 0px;
	transform: rotate(90deg);
}
#about .wrap2 .list ul li .box{
	width: 100%;
	height: 100%;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	padding: .35rem;
	text-align: left;
}
#about .wrap2 .list ul li + li{
	margin-left: 18px;
}
#about .wrap2 .list ul li .year{
	font-size: .48rem;
	color: #a37e61;
	line-height: 1;
	padding-bottom: .2rem;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: .2rem;
	font-family: 'TimesTenLTStd-Roman';
}
#about .wrap2 .list ul li .con{
	font-size: 14px;
	color: #333333;
	line-height: 2;
}
#about .wrap2 .list .mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-bottom: .6rem;
}
#about .wrap2 .list .mCSB_scrollTools .mCSB_draggerRail{
	height: 1px;
	background: #c4c1be;
}
#about .wrap2 .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #a37e61;
	border-radius: 0;
}
#about .wrap2 .list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 6px;
	margin: 4px auto;
}
#about .wrap3{
	background:url(../img/81.jpg) repeat center/4.26rem auto;
	padding: .95rem 0 1rem;
	position: relative;
}
#about .wrap3 .titbox{
	padding-bottom: .7rem;
}
#about .wrap3 ul{
	text-align: center;
	font-size: 0;
}
#about .wrap3 br{
	display: none;
}
#about .wrap3 br.pcbr{
	display: block;
}
#about .wrap3 .fixbox{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}
#about .wrap3 .fixbox img{
	max-width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#about .wrap3 li,
#about .wrap3 .mid .item{
	display: inline-block;
	width: 1.68rem;
	height: .52rem;
	line-height: .52rem;
	background-color:rgba(255,255,255,.3);
	font-size: .16rem;
	color: rgba(163,126,97,.5);
	position: relative;
	margin: 0 .16rem .32rem;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-out;
}
#about .wrap3 li span,
#about .wrap3 .mid .item span{
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle;
	padding: 4px;
}
#about .wrap3 li:after,
#about .wrap3 .mid .item:after{
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	top: 0;	
	bottom: 0;	
	left: 0;	
	right: 0;	
	margin: auto;
	border: 1px solid rgba(163,126,97,.3);
	box-sizing: border-box;
	z-index: 3;
}
#about .wrap3 .mid{
	text-align: center;
	position: relative;
}
#about .wrap3 .mid>.item:first-child,
#about .wrap3 .mid>.item:last-child{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#about .wrap3 .mid>.item:first-child{
	left: 0;
}
#about .wrap3 .mid>.item:last-child{
	right: 0;
}
#about .wrap3 .mid .box{
	display: inline-block;
	padding: .4rem 0;
	margin-bottom: .3rem;
}
#about .wrap3 .mid .box .item:first-child{
	display: block;
	text-align: center;
	margin: 0 auto .7rem;
	position: relative;
	z-index: 2;
}
#about .wrap3 .mid .box .item:first-child .line1{
	width: 2.5rem;
	height: 1.1rem;
	background: url('../img/41.png') no-repeat center/cover;
	left: 50%;
	top: 50%;
	transform: translate(-100%,0%);
	position: absolute;
	z-index: -1;
}
#about .wrap3 .mid .box .item:first-child .line2{
	width: 2.5rem;
	height: 1.1rem;
	background: url('../img/41.png') no-repeat center/cover;
	right: 50%;
	top: 50%;
	transform: translate(100%,0%) scale(-1, 1);
	position: absolute;
	z-index: -1;
}
#about .wrap3 .mid .box .item:first-child .line3{
	width: 1px;
	height: 1.1rem;
	background: url('../img/43.png') no-repeat center/cover;
	right: 50%;
	top: 50%;
	transform: translate(100%,0%) scale(-1, 1);
	position: absolute;
	z-index: -1;
}
#about .wrap3 .mid .box .item .contai{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #a37e61;
	background-color: #fff;
}
#about .wrap3 .mid .box .item{
	margin-bottom: 0;
	background-color: #ffffff;
	margin: 0 .45rem;
}
#about .wrap4{
	padding: .8rem 0 1.05rem;
	background-color: #e7e1d5;
}
#about .wrap4 .box{
	padding: 0.72rem .26rem 0;
}
#about .wrap4 .mapbox,
#about .wrap4 .intorbox{
	width: calc(50% - .1rem);
	height: 3.8rem;
	background-color: #f3eee5;
	padding: 7px;
	box-sizing: border-box;
	position: relative;
}
#about .wrap4 .intorbox .jb,
#about .wrap4 .mapbox .jb{
	position: absolute;
	width: 40px;
	height: 40px;
	background: url('../img/73.jpg') no-repeat center/cover;
	z-index: 2;
}
#about .wrap4 .mapbox .jb{
	background-image: url('../img/35.png');
}
#about .wrap4 .jb:nth-child(1){
	top: 0;
	left: 0;
}
#about .wrap4 .jb:nth-child(2){
	top: 0;
	right: 0;
	transform: rotate(90deg);
}
#about .wrap4 .jb:nth-child(3){
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}
#about .wrap4 .jb:nth-child(4){
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}
#about .wrap4 .mapbox{
	float: left;
	position: relative;
}
#about .wrap4 .mapbox .ico{
	width: .57rem;
	height: .57rem;
	background: url('../img/23.png') no-repeat center/cover;
	position: absolute;
	right: .24rem;
	bottom: .24rem;
	cursor: pointer;
}
#about .wrap4 .mapbox #map{
	width: 100%;
	height: 100%;
	border: 1px solid #cfb9a7;
	box-sizing: border-box;
}
#about .wrap4 .intorbox{
	float: right;
}
#about .wrap4 .intorbox .intor{
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
	padding: .4rem .72rem;
}
#about .wrap4 .intorbox .intor h2.tit{
	font-size: .26rem;
	color: #333333;
	border-bottom: 1px solid #ede5df;
	padding-bottom: .1rem;
}
#about .wrap4 .intorbox .intor .con{
	font-size: .18rem;
	color: #333333;
	padding-top: .24rem;
}
#about .wrap4 .intorbox .intor .con p+p{
	margin-top: .14rem;
}
.navlist{
	background: #996859;
}
.navlist .owl-carousel{
	padding: 0 1px;
}
.navlist .owl-carousel .owl-controls .owl-prev,
.navlist .owl-carousel .owl-controls .owl-next,
#news .about-nav2 .owl-prev,
#news .about-nav2 .owl-next{
	width: 15px;
	height: 27px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	position: absolute;
	background: url('../img/newprev2.png') no-repeat center/cover;
	display: block !important;
	opacity: .7;
}
.navlist .owl-carousel .owl-controls .owl-prev:hover,
.navlist .owl-carousel .owl-controls .owl-next:hover,
#news .about-nav2 .owl-prev:hover,
#news .about-nav2 .owl-next:hover{
	opacity: 1;
}
.navlist .owl-carousel .owl-controls .owl-prev,
#news .about-nav2 .owl-prev{
	left: -30px;
}
.navlist .owl-carousel .owl-controls .owl-next,
#news .about-nav2 .owl-next{
	right: -30px;
	transform: rotate(180deg);
}
.navlist .owl-carousel .owl-item{
	padding: 0 2px;
	box-sizing: border-box;
}
.navlist .item{
	display: block;
	line-height: 1.74rem;
	height: 1.74rem;
	text-align: center;
	box-sizing: border-box;
	padding: .25rem 0 .3rem;
	position: relative;
}
.navlist .item .line{
    width: 1px;
    height: 100%;
    background-color: rgba(173,118,101,0.8);
    position: absolute;
    right: 0;
    top: 0;
}
.navlist .item .line em{
    position: absolute;
    width: 3px;
    height: 18px;
    background-color: #bf826f;
    left: -1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.navlist .owl-item:first-child .item .line{
	left: 0px;
}
.navlist .item:last-child .line:last-child{
	left: auto;
	right: 0px;
}
.navlist .ico{
	width: .66rem;
	height: .66rem;
	line-height: .66rem;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #ece8d7;
	margin: 0 auto;
	font-size: .3rem;
	color: #eeebda;
	transition: all .3s ease-out;
}
.navlist .item.on .ico{
	background-color: #eeebda;
	color: #996859 !important;
}
.navlist  .text{
	line-height: 1;
}
.navlist  .text .cn{
	font-size: .22rem;
	color: #eeebda;
	padding-top: .1rem;
}
.navlist  .text .en{
	font-size: .14rem;
	color: rgba(238,235,218,.5);
	padding-top: .1rem;
	font-family: 'Didot';
}
#productslist .wrap1{
	background: repeat center;
	padding-bottom: 1rem;
}
#productslist .wrap1 .titbox{
	padding: .9rem 0 .6rem;
}
#productslist .wrap1 .tuijian{
	width: 50%;
	padding:0 .05rem;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin-bottom: .34rem;
	float: left;
}
#productslist .wrap1 .tuijian:nth-child(2){
	padding: 0;
}
#productslist .wrap1 .tuijian:nth-child(3){
	padding: 0;
}
#productslist .wrap1 .tuijian:last-child{
	padding:0 .05rem;
}
#productslist .wrap1 .tuijian img{
	width: 100%;
}
#productslist .wrap1 .tuijian .tit{
	font-size: .3rem;
	padding-bottom: .14rem;
	color: #222222;
}
#productslist .wrap1 .tuijian .text{
	padding: .44rem 0.48rem;
	box-sizing: border-box;
}
#productslist .wrap1 .tuijian .text .con{
	font-size: .14rem;
	color: #040404;
	line-height: .3rem;
}
#productslist .wrap1 .tuijian .text .btn{
	font-size: .14rem;
	color: #666666;
	text-align: center;
	width: 1.5rem;
	height: .4rem;
	line-height: .4rem;
	border: 1px solid #d1beb0;
	margin-top: .4rem;
	position: relative;
	z-index: 2;
}
#productslist .wrap1 .text{
	position: relative;
	width: 100%;
	background-color: #ffffff;
}
#productslist .wrap1 .text .group{
	position: relative;
	z-index: 30;	
}
#productslist .wrap1 .tuijian .text{
	margin: .1rem 0 0;
}
#productslist .wrap1 .text .corner{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('../img/24.png') no-repeat center/cover;
	transition: all .3s ease-out;
	z-index: 9;
}
#productslist .wrap1 .text .corner:nth-child(1){
	left: 0;
	top: 0;
}
#productslist .wrap1 .text .corner:nth-child(2){
	transform: rotate(90deg);
	right: 0;
	top: 0;
}
#productslist .wrap1 .text .corner:nth-child(3){
	transform: rotate(180deg);
	right: 0;
	bottom: 0;
}
#productslist .wrap1 .text .corner:nth-child(4){
	transform: rotate(270deg);
	left: 0;
	bottom: 0;
}
#productslist .wrap1 .text .border{
	background-color: #cac3c0;
	position: absolute;
	transition: all .3s ease-out;
	z-index: 9;
}
#productslist .wrap1 .text .border:nth-child(1){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	left: 0;
}
#productslist .wrap1 .text .border:nth-child(2){
	height:2px ;
	width: calc(100% - 60px);
	top: 0px;
	left: 30px;
}
#productslist .wrap1 .text .border:nth-child(3){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	right: 0;
}
#productslist .wrap1 .text .border:nth-child(4){
	height: 2px;
	width: calc(100% - 60px);
	bottom: 0px;
	left: 30px;
}
#productslist .wrap1 .item{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 .05rem .1rem;
	box-sizing: border-box;
	float: left;
}
#productslist .wrap1 .item a{
	display: block;
	height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0);
    transition: all .3s ease-out;
}
#productslist .wrap1 .tuijian .item .text,
#productslist .wrap1.searbox .item .text{
	padding: .24rem .26rem .2rem;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	margin-top: 0;
} 
#productslist .wrap1 .item .text .hbox{
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	width: 100%;
}
#productslist .wrap1 .item .text .hbox .imgs{
	position: relative;
	padding-bottom: 100%;
}
#productslist .wrap1 .item img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 90%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
#productslist .wrap1 .item .text h4{
	font-size: .22rem;
	color: #333333;
	padding-top: .24rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
	font-weight: normal;
}
#productslist .wrap1 .item .text h4:after{
	content: '';
	display: block;
	position: absolute;
	width: .28rem;
	height: .13rem;
	top: -1px;
	left: 0;
	right: 0;
	background: url('../img/29.jpg') no-repeat top center/cover;
	margin: 0 auto;
}
/* #productslist .wrap1 .item img{
	width: 100%;
} */
#productslist .wrap1 .list ul>li{
	float: left;
	width: 25%;
}
#productslist .wrap1 .list ul>li .item{
	float: none;
	width: 100%;
}
#productslist .wrap1 .list ul>li .item .text{
	height: 100%;
	box-sizing: border-box;
    padding: .24rem .26rem .2rem;
}
#productslist .wrap1 .more{
	text-align: center;
	position: relative;
	margin: .7rem 0 0;
}
#productslist .wrap1 .more:after,
#productslist .wrap1 .more:before{
	content: '';
	display: block;
	position: absolute;
	width: calc(50% - .41rem);
	height: 1px;
	background-color: #e5e5e5;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#productslist .wrap1 .more:after{
	left: 0;
}
#productslist .wrap1 .more:before{
	right: 0;
}
#productslist .wrap1 .more span{
	display: inline-block;
	width: .82rem;
	height: .82rem;
	line-height: .82rem;
	text-align: center;
	color: #666666;
	background: url('../img/25.png') no-repeat center/cover;
	position: relative;
	font-size: .16rem;
	cursor: pointer;
}
#productslist .wrap1 .moretit{
	padding: .8rem 0 .5rem;
}
#symptom .symptomlist .side{
	width: 3rem;
	float: left;
}
#symptom .symptomlist .list{
	float: right;
	width: calc(100% - 3.44rem );
	text-align: center;
}
#symptom .symptomlist .list li{
	float: left;
	width: calc(33.33333% - .14rem);
	margin-bottom: .21rem;
	background-color: #fff;
}
#symptom .symptomlist .list li:not(:nth-child(3n)){
	margin-right: .21rem;
}
#symptom .symptomlist .list .text{
	position: relative;
    padding: .24rem .26rem .2rem;
}
#symptom .symptomlist .list .text .corner{
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/24.png) no-repeat center/cover;
    transition: all .3s ease-out;
}
#symptom .symptomlist .list .text .corner:nth-child(1){
	left: 0;
	top: 0;
}
#symptom .symptomlist .list .text .corner:nth-child(2){
	transform: rotate(90deg);
	right: 0;
	top: 0;
}
#symptom .symptomlist .list .text .corner:nth-child(3){
	transform: rotate(180deg);
	right: 0;
	bottom: 0;
}
#symptom .symptomlist .list .text .corner:nth-child(4){
	transform: rotate(270deg);
	left: 0;
	bottom: 0;
}
#symptom .symptomlist .list .text .border{
    background-color: #cac3c0;
    position: absolute;
    transition: all .3s ease-out;
}
#symptom .symptomlist .list .text .border:nth-child(1){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	left: 0;
}
#symptom .symptomlist .list .text .border:nth-child(2){
	height:2px ;
	width: calc(100% - 60px);
	top: 0px;
	left: 30px;
}
#symptom .symptomlist .list .text .border:nth-child(3){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	right: 0;
}
#symptom .symptomlist .list .text .border:nth-child(4){
	height: 2px;
	width: calc(100% - 60px);
	bottom: 0px;
	left: 30px;
}
#symptom .symptomlist .list .text img{
	width: 100%;
}
#symptom .symptomlist .item .text h4{
    font-size: .22rem;
    color: #333333;
    padding-top: .24rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    position: relative;
}
#symptom .symptomlist .item .text h4:after{
    content: '';
    display: block;
    position: absolute;
    width: .28rem;
    height: .13rem;
    top: -1px;
    left: 0;
    right: 0;
    background: url(../img/29.jpg) no-repeat top center/cover;
    margin: 0 auto;
    z-index: 2;
}
#symptom .symptomlist .more{
    text-align: center;
    position: relative;
    margin: .3rem 0 0;
}
#symptom .symptomlist .more:after,#symptom .symptomlist .more:before{
    content: '';
    display: block;
    position: absolute;
    width: calc(50% - .41rem);
    height: 1px;
    background-color: #e5e5e5;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#symptom .symptomlist .more:after{
    left: 0;
}
#symptom .symptomlist .more:before{
	right: 0;
}
#symptom .symptomlist .more span{
    display: inline-block;
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    color: #666666;
    background: url(../img/25.png) no-repeat center/cover;
    position: relative;
    font-size: .16rem;
    cursor: pointer;
}
#symptom .symptomlist .side .top{
	background-color: #a37e61;
	color: #fff;
	padding: 0.2rem 0.28rem;
}
#symptom .symptomlist .side .top .d1{
	font-size: .26rem;
	border-bottom: 1px solid #b88e6e;
}
#symptom .symptomlist .side .top .d2{
	font-size: .14rem;
	padding-top: .2rem;
	line-height: .3rem;
}
#symptom .symptomlist .side ul{
	border: 1px solid rgba(220,220,220,.5);
	border-top: none;
}
#symptom .symptomlist .side ul a{
	display: block;
	position: relative;
	padding: 0 .3rem;
	font-size: .16rem;
	height: .48rem;
	line-height: .48rem;
	background-color: #fff;
	color: #333333;
	background: #fff 
}
#symptom .symptomlist .side ul a:after{
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 14px;
	background: url('../img/26.png') no-repeat center/cover;
	top: 0;
	bottom: 0;
	right: .3rem;
	margin: auto 0;
	transition: all .3s ease-out;
}
#symptom .symptomlist .side ul li + li a{
	border-top: 1px solid rgba(220,220,220,.5);
}
#symptom .department{
	width: 1054px;
	max-width: 90%;
	margin: 0 auto;
	display: block;
	font-size: 0;
	text-align: center;
}
#symptom .department .item{
	display: inline-block;
    width: calc(14.28% - .18rem);
}
#symptom .department .item + .item{
	margin-left: .2rem;
}
#symptom .department a{
	display: block;
	font-size: .2rem;
	color: #99765c;
	box-sizing: border-box;
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	border: 1px solid rgba(163,126,97,.3);
	transition: all .3s ease-out;
	position: relative;
}
#symptom .department a:after{
    content: '';
    display: block;
    position: absolute;
    border: 1px solid rgba(163,126,97,.3);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all .3s ease;
}
#symptom .department a:before{
	content: '';
    border: 1px solid rgba(163,126,97,.3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    position: absolute;
    opacity: 0;
    transition: all .3s ease;
    z-index: -1;
}
#symptom .department .item.on a:after{
	opacity: 1;
}
#symptom .department .item.on a:before{
    opacity: 1;
    width: calc(100% - .12rem);
    height: calc(100% - .1rem);
}
/* #symptom .department a.on{
	background-color: #fff;
} */
#symptom .department a em{
	display: inline-block;
	font-style: normal;
	line-height: 1.3;
	vertical-align: middle;
}
#symptom .wrap1 .titbox{
	padding: 1rem 0 .5rem;
}
#symptom .wrap1 .symptomlist{
	margin-top: .6rem;
}
#symptom .wrap1{
	padding-bottom: .6rem;
}
.about-nav2{
	background-color: #996859;
	height: 1.76rem;
	line-height: 1.76rem;
}
.about-nav2 a{
	display: inline-block;
	width: 33.333333%;
	height: 100%;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 2.6%;
	position: relative;
	text-align: center;
}
.about-nav2 a.on .ico{
	background-color: #eeebda;
	color: #996859 !important;
}
.about-nav2 a .line{
	width: 1px;
	height: 100%;
	background-color: rgba(173,118,101,0.8);
	position: absolute;
	left: 0;
	top: 0;
}
.about-nav2 a .line em{
	position: absolute;
	width: 3px;
	height: 18px;
	background-color: #bf826f;
	left: -1px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.about-nav2 a:last-child .line:last-child{
	left: auto;
	right: 0;
}
.about-nav2 a:last-child .line:last-child{
    left: auto;
    right: 0;
}
.about-nav2 a .ico{
	display: inline-block;
	font-size: .48rem;
	color: #eeebda;
	width: .94rem;
	height: .94rem;
	line-height: .94rem;
	border: 2px solid #eeebda;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all .3s ease-out;
}
.about-nav2 a .text{
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin-left: .22rem;
    max-width: calc(100% - .94rem - .3rem);
    text-align: left;

}
.about-nav2 a .text .cn{
	font-size: .24rem;
	color: #eeebda;
}
.about-nav2 a .text .en{
	font-size: .16rem;
	padding-top: .1rem;
	font-family: 'Didot';
    color: rgba(238,235,218,.5);
}
#technology .wrap1{
	background: url('../img/79.jpg') repeat center;
}

#technology .contai{
	border: 1px solid #ded1c7;
	padding: 9px;
	position: relative;
}
#technology .contai .jb{
	position: absolute;
	width: 40px;
	height: 40px;
	background: no-repeat center/cover;
}
#technology .contai .jb:nth-child(1){
	top: -1px;
	left: -1px;
}
#technology .contai .jb:nth-child(2){
	top: -1px;
	right: -1px;
	transform: rotate(90deg);
}
#technology .contai .jb:nth-child(3){
	bottom: -1px;
	right: -1px;
	transform: rotate(180deg);
}
#technology .contai .jb:nth-child(4){
	bottom: -1px;
	left: -1px;
	transform: rotate(270deg);
}
#technology .contai .box{
	padding: .5rem .5rem .8rem;
	background-color: rgba(163,126,97,.2);
}
#technology .contai .tit{
	font-size: .26rem;
	color: #040404;
}
#technology .contai .left .con p{
	font-size: .18rem;
	color: #333333;
	line-height: 2;
	font-family: '楷体';
}
#technology .contai .box .left{
	width: calc(100% - 5.2rem);
	float: left;
}
#technology .contai .box .imgs{
	float: right;
	width: 4.5rem;
	margin-top: .2rem;
}
#technology .contai .box .imgs img{
	width: 100%;
}
#technology .wrap1 .contai .jb{
	background-image: url('../img/80.jpg');
}
#technology .wrap1 .bottom{
	padding: 1.12rem 0 0;
}
#technology .wrap1 .bottom .toggle a{
	display: inline-block;
	background: #fff;
	padding: 1px;
	border: 2px solid #d7c2b4;
	margin: 0 8px;
	color: #83654e;
	transition: all .3s ease-out;
}
#technology .wrap1 .bottom .toggle a span{
	display: inline-block;
	width: 1.82rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	border: 1px solid #d7c2b4;
	font-size: .22rem;
}
#technology .wrap1 .bottom .toggle a.on{
	background-color: #a37e61;
	color: #fff;
	border: 2px solid #a37e61;
}
#technology .wrap1 .bottom .toggle a.on span{
	border: 1px solid #bd9271;
}
#technology .wrap1 .bottom .list{
	padding-top: .5rem;
	padding-bottom: .8rem;
	white-space: nowrap;
}
#technology .wrap1 .bottom .list li{
	width: 3.24rem;
	display: inline-block;
}
#technology .wrap1 .bottom .list li + li{
	margin-left: .35rem;
}
#technology .wrap1 .bottom .list li img{
	width: 100%;
}
#technology .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
	height: 7px;
	margin: 0;
	margin: 0 auto;
	background-color: #e0dcce;
}
#technology .mCSB_scrollTools .mCSB_draggerContainer{
	width: calc(100% - 200px);
	margin: 0 auto;
}
#technology .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	opacity: 1;
	height: 7px;
}
#technology .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
	height: 100%;
	margin: 0;
	background-color: #b8b6aa;
}
#technology .mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-bottom: .7rem;
}
#technology .wrap1 .bottom .list .item{
	opacity: 1;
	transition: all .3s ease-out;
}
#technology .wrap1 .bottom .list .item.on{
	opacity: 0;
}
#technology .wrap1 .titbox{
	padding: .9rem 0 .4rem;
}
#technology .wrap2{
	background: url('../img/20.jpg') repeat center;
	padding-bottom: 1rem;
}
#technology .wrap2 .contai{
	margin-bottom: .66rem;
}
#technology .wrap2 .contai .jb{
	background-image: url('../img/75.jpg');
}
#technology .wrap2 .titbox{
	padding: 1.1rem 0 .44rem;
}
#technology .wrap2 .contai .left .con p + p{
	margin-top: .24rem;
}
#technology .wrap2 .list ul{
	white-space: nowrap;
}
#technology .wrap2 .list ul li{
	width: 4.45rem;
	display: inline-block;
}
#technology .wrap2 .list ul li img{
	width: 100%;
}
#technology .wrap2 .list ul li + li{
	margin-left: .3rem;
}
#technology .wrap2 .list .mCSB_horizontal.mCSB_inside > .mCSB_container{
	margin-bottom: .8rem;
}
#technology .wrap3{
	background: url('../img/37.jpg') repeat center;
	padding-bottom: 1.16rem;
}
#technology .wrap3 .titbox{
	padding: .7rem 0 .6rem;
}
#technology .wrap3 .contai .jb{
	background-image: url('../img/76.jpg');
}
#technology .wrap3 .contai .left .con p + p{
	margin-top: .3rem;
}
#technology .wrap3 .contai .box .imgs{
	margin-top: 0.08rem;
}
#technology .wrap3 .box .tit{
	margin-bottom: .2rem;
}
#technology .wrap3 .contai .box .left{
    width: calc(100% - 5rem);
}
#party .wrap1{
	background-color: #fafafa;
}
#party .ads .box{
	position: relative;
	display: block;
}
#party .ads .box .text{
	width: 50%;
	right: 0;
	top: 0;
	height: 100%;
	position: absolute;
	background: rgba(255,255,255,.9);
	box-sizing: border-box;
	padding: .8rem .6rem;
}
#party .ads .box .text .time{
	font-size: .16rem;
	color: #444444;
	position: relative;
	margin-bottom: .36rem;
	padding-bottom: .1rem;
}
#party .ads .box .text .time:after{
	content: '';
	display: block;
	position: absolute;
	width: 2em;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #b88e6e;
}
#party .ads .box .text .tit{
	font-size: .24rem;
	line-height: 1.5;
	padding: .25em 0;
	color: #222222;
	font-family: '楷体';
}
#party .ads .box .text .con{
	font-size: .14rem;
	color: #333333;
	padding-top: .5em;
}
#party .ads .flex-control-nav{
	width: 50%;
	right: 0;
	bottom: 1rem;
	text-align: left;
	box-sizing: border-box;
	padding-left: .6rem;
}
#party .ads .flex-control-nav li a{
	width: .16rem;
	height: .16rem;
	border: 1px solid #c2a086;
	transform: rotate(45deg);
	border-radius: 0;
	box-sizing: border-box;
	opacity: 1;
}
#party .ads .flex-control-nav li a.flex-active{
	background-color: #c2a086;
}
#party .wrap1{
	padding-bottom: 1.05rem;
}
#party .wrap1 .titbox{
	padding: .8rem 0 .4rem;
}
#party .wrap1 .list{
	margin-top: .75rem;
}
#party .wrap1 .list li{
	position: relative;
}
#party .wrap1 .list li .imgs{
	overflow: hidden;
}
#party .wrap1 .list li .imgs img{
	width: 100%;
	transition: all 1s ease-out;
}
#party .wrap1 .list li .text,
#party .wrap1 .list li .imgs{
	width: 50%;
}
#party .wrap1 .list li .text{
	position: absolute;
	width: 50%;
	height: 100%;
	background: #fff url('../img/41.jpg') no-repeat center/cover;
	right: 0;
	top: 0;
	box-sizing: border-box;
	padding: .6rem .55rem;
}
#party .wrap1 .list li:nth-child(2n-1) .imgs{
	float: right;
}
#party .wrap1 .list li:nth-child(2n-1) .text{
	left: 0;
}
#party .wrap1 .list li .time{
	position: relative;
	font-size: .16rem;
	color: #666666;
	padding-bottom: .1rem;
	margin-bottom: .36rem;
}
#party .wrap1 .list li .time:after{
	content: '';
	display: block;
	position: absolute;
	width: 2em;
	height: 2px;
	background-color: #b88e6e;
	bottom: 0;
	left: 0;
}
#party .wrap1 .list li .tit{
	font-size: .24rem;
	line-height: 1.5;
	padding: .25em 0;
	color: #222222;
	margin-bottom: .1rem;
	font-family: '楷体';
}
#party .wrap1 .list li .con{
	font-size: .14rem;
	color: #666666;
	line-height: .3rem;
	min-height: 1.4rem;
}
#party .wrap1 .list li .more{
	font-size: .14rem;
	width: 1.36rem;
	height: .46rem;
	line-height: .46rem;
	box-sizing: border-box;
	color: #ffffff;
	padding: 0 .3rem;
	text-align: left;
	background: #a37e61;
	position: relative;
	margin-top: .2rem;
}
#party .wrap1 .list li .more:after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 8px;
	background: url('../img/28.png') no-repeat center/cover;
	right: .3rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transition: all .3s ease-out;
}
#party .wrap1 .moreajx{
    text-align: center;
    position: relative;
    margin: .85rem 0 0;
}
#party .wrap1 .moreajx:after,
#party .wrap1 .moreajx:before{
    content: '';
    display: block;
    position: absolute;
    width: calc(50% - .41rem);
    height: 1px;
    background-color: #e5e5e5;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#party .wrap1 .moreajx:before{
    right: 0;
}
#party .wrap1 .moreajx:after{
    left: 0;
}
#party .wrap1 .moreajx span{
    display: inline-block;
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    color: #666666;
    background: url(../img/25.png) no-repeat center/cover;
    position: relative;
    font-size: .16rem;
    cursor: pointer;
}
.moreajx span:after,
#productslist .wrap1 .more span:after,
#symptom .symptomlist .more span:after,
#news .wrap1 .ajax span:after,
#productsinfo .wrap6 .more span:after{
    content: "";
    z-index: 1;
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
    opacity: 0;
}
.moreajx span.on,
#productslist .wrap1 .more span.on,
#symptom .symptomlist .more span.on,
#news .wrap1 .ajax span.on,
#productsinfo .wrap6 .more span.on{
	font-size: 0 !important;
}
.moreajx span.on:after,
#productslist .wrap1 .more span.on:after,
#symptom .symptomlist .more span.on:after,
#news .wrap1 .ajax span.on:after,
#productsinfo .wrap6 .more span.on:after{
	opacity: 1;
}
#recruit .wrap1{
	padding: .9rem 0 1rem;
	background-color: #fafafa;
}
#recruit .wrap1 .titbox{
	padding-bottom: .5rem;
}
#recruit .wrap1 ul{
	white-space: nowrap;
	overflow: hidden;
}
#recruit .wrap1 li{
	display: inline-block;
	margin-right: .9rem;
	background-color: #c17079;
	position: relative;
	perspective: 2000px;
}
#recruit .wrap1 li:nth-child(2){
	background-color: #d3a76b;
}
#recruit .wrap1 li:nth-child(3){
	background-color: #e18e69;
}
#recruit .wrap1 li:nth-child(4){
	background-color: #cca571;
}
#recruit .wrap1 li .tit{
	display: inline-block;
	font-size: .3rem;
	color: #ffffff;
	padding: .46rem 0 .65rem;
	vertical-align: top;
	position: relative;
}
#recruit .wrap1 li .corner{
	position: absolute;
	width: .3rem;
	height: .3rem;
	background:url(../img/36.png) no-repeat center/cover;
}
#recruit .wrap1 li:nth-child(2) .corner{
	background-image: url('../img/37.png');
}
#recruit .wrap1 li:nth-child(3) .corner{
	background-image: url('../img/38.png');
}
#recruit .wrap1 li:nth-child(4) .corner{
	background-image: url('../img/39.png');
}
#recruit .wrap1 li .corner:nth-child(1){
	top: .07rem;
	left: .07rem;
}
#recruit .wrap1 li .corner:nth-child(2){
	top: .07rem;
	right: .07rem;
	transform: rotate(90deg);
}
#recruit .wrap1 li .corner:nth-child(3){
	bottom: .07rem;
	right: .07rem;
	transform: rotate(180deg);
}
#recruit .wrap1 li .corner:nth-child(4){
	bottom: .07rem;
	left: .07rem;
	transform: rotate(270deg);
}
#recruit .wrap1 li .border{
    background-color: #9a535a;
    position: absolute;
}
#recruit .wrap1 li:nth-child(2) .border{
    background-color: #af8852;
}
#recruit .wrap1 li:nth-child(3) .border{
	background-color: #b57255;
}
#recruit .wrap1 li:nth-child(4) .border{
    background-color: #ae8752;
}
#recruit .wrap1 li .border:nth-child(1){
    width: 1px;
    height: calc(100% - .73rem);
    top: .37rem;
    left: .07rem;
}
#recruit .wrap1 li .border:nth-child(2){
    height: 1px;
    width: calc(100% - .73rem);
    top: .07rem;
    left: .37rem;
}
#recruit .wrap1 li .border:nth-child(3){
    height: calc(100% - .73rem);
    width: 1px;
    top: .37rem;
    right: .07rem;
}
#recruit .wrap1 li .border:nth-child(4){
    height: 1px;
    width: calc(100% - .73rem);
    bottom: .07rem;
    left: .37rem;
}
#recruit .wrap1 li .tit .desn{
	width: 1em;
	white-space: normal;
	margin: 0 auto;
	line-height: 1.5;
}
#recruit .wrap1 li .tit .ico{
	width: .95rem;
	height: .95rem;
	line-height: .95rem;
	text-align: center;
	margin: 0 auto .2rem;
	background-color: #b35f68;
	border-radius: 100%;
	font-size: .36rem;
}
#recruit .wrap1 li:nth-child(2) .ico{
	background-color: #c29659;
}
#recruit .wrap1 li:nth-child(3) .ico{
	background-color: #cf8261;
}
#recruit .wrap1 li:nth-child(4) .ico{
	background-color: #c29659;
}
#recruit .wrap1 li:last-child{
	margin-right: 0;
}
#recruit .wrap1 li .con{
	display: inline-block;
	font-size: .16rem;
	color: #fafafa;
	line-height: .34rem;
	height: 100%;
	vertical-align: top;
	max-width: 6.4rem;
	white-space: normal;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #c17079;
	z-index: 9;
	transform-origin: left center;
	opacity: 0;
}
#recruit .wrap1 li:nth-child(2) .con{
	background-color: #d3a76b;
}
#recruit .wrap1 li:nth-child(3) .con{
	background-color: #e18e69;
}
#recruit .wrap1 li:nth-child(4) .con{
	background-color: #cca571;
}
#recruit .wrap1 li:nth-child(n+3) .con{
	left: auto;
	right: 100%;
	transform-origin: right center;
}
#recruit .wrap1 li .con .box{
	padding: 0.74rem .54rem 0.3rem .48rem;
	width: 6.4rem;
	box-sizing: border-box;
}
#recruit .wrap1 li.on{
	z-index: 3;
}
#recruit .wrap2{
	background: url('../img/43.jpg') repeat center;
	padding: 0.8rem 0 .9rem;
}
#recruit .wrap2 .titbox{
	padding: 0 0 .5rem;
}
#recruit .wrap2 .hd{
	background: url('../img/29.png') repeat center;
	line-height: .8rem;
	border: 1px solid #c1aa9d;
}
#recruit .wrap2 .hd .box{
	width: 80%;
}
#recruit .wrap2 .hd span{
	font-size: .18rem;
	color: #040404;
	display: inline-block;
	width: 20%;
	text-align: center;
	vertical-align: top;
}
#recruit .wrap2  ul{
	margin-top: .1rem;
	border-top: 1px solid #ccb9ad;
}
#recruit .wrap2  ul li{
	line-height: .8rem;
	vertical-align: middle;
	border-bottom: 1px solid #ccb9ad;
}
#recruit .wrap2  ul li .box{
	width: 80%;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
#recruit .wrap2  ul li .box span{
	display: inline-block;
	width: 20%;
	text-align: center;
	font-size: .18rem;
	color: #040404;
	line-height: 1.5;
}
#recruit .wrap2  ul li .apply{
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	text-align: right;
	box-sizing: border-box;
	padding-right: .3rem;
}
#recruit .wrap2 ul li .apply a{
	display: inline-block;
	width: 1.28rem;
	height: .44rem;
	line-height: .44rem;
	text-align: center;
	font-size: .16rem;
	color: #fafafa;
	background-color: #a37e61;
}
#recruit .wrap2 ul li .licon{
	padding: 20px 30px;
    display: none;
}
#recruit .wrap2 ul li .licon .left{
	float: none;
	width: calc(90% - 120px);
}
#recruit .wrap2 ul li .licon{
	padding: 20px 30px; 
	display: none;
	line-height: 2;
    border-top: 1px solid #ccb9ad;
}
#recruit .wrap2 ul li .licon .con{
	font-size: 14px;
	color: #000000;
}
#recruit .wrap2 ul li .licon .con p + P{
	margin-top: 4px;
}
#recruit .wrap2 ul li .applybtn{
	display: block;
	float: none;
	width: 118px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	margin: 14px 0 0;
	cursor: pointer;
    color: #fafafa;
    background-color: #a37e61;
}
#recruit .wrap3{
	background-color: #fafafa;
	padding: .9rem 0 1.5rem;
}
#recruit .wrap3 .titbox{
	padding: 0 0 .5rem 0;
}
#recruit .wrap3 .contai{
	width: 50%;
	height: 100%;
	background-color: #fff;
	padding: .1rem;
	box-sizing: border-box;
	float: left;
	padding-right: 0;
}
#recruit .wrap3 .contai .text{
	border: 1px solid #ebe3d6;
	padding: 0.5rem .4rem 0;
	height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
}
#recruit .wrap3 .contai .text .tit{
	font-size: .24rem;
	color: #111111;
	padding-bottom: .14rem;
	border-bottom: 1px solid #ededed;
}
#recruit .wrap3 .contai .text .con{
	font-size: .14rem;
	color: #666666;
	margin-top: .2rem;
}
#recruit .wrap3 .contai .text .con p + p{ 
	/*margin-top: .3rem;*/
}
#recruit .wrap3 .imgslide{
	width: 50%;
	float: right;
}
#recruit .wrap3 .flexslider .slides{
	overflow: hidden;
}
#recruit .wrap3 .flexslider .slides > li{
	transition: all .3s ease-out;
}
#recruit .wrap3 .flex-control-paging li{
	margin: 0 3px;
}
#recruit .wrap3 .flex-control-paging li a{
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
}
#news .wrap1{
	background-color: #f7f7f7;
}
#news .about-nav2 a{
	padding:0 5%;
	width: 100%;
}
#news .about-nav2 a .ico{
	width: .7rem;
	height: .7rem;
	line-height: .7rem;
	font-size: .36rem;
}
#news .wrap1{
	padding: 1rem 0 .8rem;
}
#news .wrap1 .box{
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	padding: .16rem .1rem .16rem .16rem;
	background-color: #ffffff;
	display: block;
	position: relative;
}
#news .wrap1 .box:before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 1.3rem;
	background: url('../img/47.jpg') no-repeat center/cover;
	right: .1rem;
	top: 0;
}
#news .wrap1 .left{
	float: left;
	border-right: 1px solid #ededed;
	width: 4.43rem;
}
#news .wrap1 .left .imgs{
	padding: 5px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	vertical-align: middle;
	width: 3.1rem;
	box-sizing: border-box;
	overflow: hidden;
}
#news .wrap1 .left .imgs img{
	width: 100%;
	transition: all .5s ease-out;
}
#news .wrap1 .list{
	position: relative;
}
#news .wrap1 .list ul{
	position: relative;
	z-index: 2;
}
#news .wrap1 .list:after,
#news .wrap1 .list:before{
	content: '';
	display: block;
	position: absolute;
	width: .6rem;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	bottom: 0;
	background-color: #fff;
	margin: 0 .38rem;
	z-index: 1;
}
#news .wrap1 .list:before{
	left: auto;
	right: 0;
}
#news .wrap1 ul.init{
	display: none;
}
#news .wrap1 .list ul + ul{
	padding-top: .24rem;
}
#news .wrap1 li{
	padding-bottom: .24rem;
	position: relative;
	transition: all .4s ease-out;
	opacity: 1;
}
#news .wrap1 li:last-child{
	padding-bottom: 0;
}
#news .wrap1 li .left .time{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	width: calc(100% - 3.1rem);
}
#news .wrap1 li .left .time span{
	display: block;
	color: #333333;
	font-size: .18rem;
    font-family: 'TimesTenLTStd-Roman';
}
#news .wrap1 li .left .time span.m{
	font-size: .48rem;
	display: inline-block;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: .1rem;
	margin-bottom: .1rem;
}
#news .wrap1 li .text{
	float: left;
	width: calc(100% - 4.5rem);
	box-sizing: border-box;
	padding: .2rem 1.8rem 0 .4rem;
}
#news .wrap1 li .text .tit{
	font-size: .2rem;
	color: #333;
	line-height: 1.5;
	padding: .25em 0;
}
#news .wrap1 li .text .con{
	font-size: .14rem;
	color: #666666;
}
#news .wrap1 li .text .more{
	display: block;
	width: 1.35rem;
	height: .46rem;
	line-height: .46rem;
	background: #a37e61;
	box-sizing: border-box;
	padding: 0 0 0 .3rem;
	font-size: .14rem;
	color: #ffffff;
	cursor: pointer;
	position: relative;
	margin-top: .3rem;
}
#news .wrap1 li .text .more:after{
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 8px;
	background: url('../img/6.png') no-repeat center/cover;
	right: .3rem;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .3s ease-out;
}
#news .wrap1 li.noimg .imgs,
#news .wrap1 li.noimg .more{
	display: none;
}
#news .wrap1 li.noimg .left{
	width: 1.65rem;
	padding-left: 1.3rem;
	border-right: none;
	position: relative;
}
#news .wrap1 li.noimg .leftico{
	content: '';
	display: block;
	position: absolute;
	width: 1.3rem;
	height: 100%;
	background: url('../img/47.jpg') no-repeat center/cover;
	top: 0;
	left: .1rem;
}
#news .wrap1 li.noimg .left .time{
	width: 100%;
}
#news .wrap1 li.noimg .text{
    border-left: 1px solid #ededed;
    padding-top: 0;
    width: calc(100% - 2.95rem);
}
#news .wrap1 .list .zt{
	padding-top: .65rem;
	position: relative;
	z-index: 2;
}
#news .wrap1 .list .zt img{
	width: 100%;
}
#news .wrap1 .ajax{
    text-align: center;
    position: relative;
    margin: .7rem 0 0;
}
#news .wrap1 .ajax:after, #news .wrap1 .ajax:before{
    content: '';
    display: block;
    position: absolute;
    width: calc(50% - .41rem);
    height: 1px;
    background-color: #e5e5e5;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#news .wrap1 .ajax:before {
    right: 0;
}
#news .wrap1 .ajax:after{
    left: 0;
}
#news .wrap1 .ajax span{
    display: inline-block;
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    color: #666666;
    background: url(../img/25.png) no-repeat center/cover;
    position: relative;
    font-size: .16rem;
    cursor: pointer;
}
#productsinfo .contai{
	background: url('../img/54.jpg') repeat center;
}
#productsinfo .iban .item{
	position: relative;
	display: block;
}
#productsinfo .iban .item img{
	width: 100%;
}
#productsinfo .iban .item .text{
	position: absolute;
	left: .9rem;
	top: 0;
	border: 1px solid rgba(255,255,255,.95);
	padding: 2px;
	font-family: '微软雅黑';
	z-index: 2;
	width: 4.1rem;
	box-sizing: border-box;
	top: 50%;
	transform: translate(5%,-50%);
	opacity: 0;
	transition: all .3s .2s ease-in;
}
#productsinfo .iban .active .item .text{
	opacity: 1;
	transform: translate(0%,-50%);
}
#productsinfo .iban .item .text .rectbox div{
	position: absolute;
	width: 11px;
	height: 11px;
	border: 1px solid #996859;
	background-color: #fff;
}
#productsinfo .iban .item .text .rectbox div:nth-child(1){
	top: -5px;
	left: -5px;
}
#productsinfo .iban .item .text .rectbox div:nth-child(2){
	top: -5px;
	right: -5px;
}
#productsinfo .iban .item .text .rectbox div:nth-child(3){
	bottom: -5px;
	left: -5px;
}
#productsinfo .iban .item .text .rectbox div:nth-child(4){
	bottom: -5px;
	right: -5px;
}
#productsinfo .iban .item .text .box{
	background: rgba(255,255,255,.95);
	padding: .34rem .3rem .5rem;
}
#productsinfo .iban .item .text .tit{
	font-size: .18rem;
	font-weight: bold;
	color: #222222;
	padding-bottom: .2rem;
	position: relative;
}
#productsinfo .iban .item .text .tit:after{
	content: '';
	display: block;
	position: absolute;
	width: .28rem;
	height: 2px;
	background-color: #999999;
	bottom: 0;
	left: 0;
}
#productsinfo .iban .item .text .con{
	font-size: .14rem;
	color: #666666;
	margin-top: .24rem;
}
#productsinfo .contai{
	padding: .8rem 0 0;
}
#productsinfo .iban{
	margin: 0 0 .5rem;
}
#productsinfo .iban .owl-controls{
	position: absolute;
	width: calc(100% - 24px);
	height: 12px;
	bottom: .3rem;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
	margin: 0 auto;
}
#productsinfo .iban .owl-controls .owl-dots{
	display: inline-block;
}
#productsinfo .iban .owl-controls .owl-dots .owl-dot{
	width: 11px;
	height: 11px;
	border: 1px solid #fff;
	transform: rotate(45deg);
	display: inline-block;
	margin: 0 6px;
}
#productsinfo .iban .owl-controls .owl-dots .owl-dot.active{
	background-color: #fff;
}
#productsinfo .iban .owl-controls em{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 200px;
	background-color: rgba(255,255,255,.2);
	top: 0;
	bottom: 0;
	margin: auto 0;
}
#productsinfo .iban .owl-controls .after{
	left: 0;
}
#productsinfo .iban .owl-controls .before{
	right: 0;
}
#productsinfo .wrap1 .infobox{
	background-color: #fff;
	position: relative;
	margin-top: .6rem;
}
#productsinfo .wrap1 .infobox:after{
	content: '';
	width: 1.7rem;
	height: 2rem;
	display: block;
	position: absolute;
	background: url('../img/52.jpg') no-repeat center/cover;
	top: 0;
	left: 0;
	z-index: 1;
}
#productsinfo .wrap1 .infobox .line{
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #e5e5e5;
	left: 3.16rem;
}
#productsinfo .wrap1 .infobox .tit{
	width: .74rem;
	display: inline-block;
	margin-left: 1.7rem;
	padding: .55rem .7rem .55rem 0;
	vertical-align: top;
	position: relative;
	z-index: 2;
}
#productsinfo .wrap1 .infobox .tit span{
	display: inline-block;
	width: .74rem;
	height: .74rem;
	line-height: .74rem;
	text-align: center;
	background: url('../img/33.png') no-repeat center/cover;
	font-size: .5rem;
	color: #333333;
	margin-bottom: 5px;
}
#productsinfo .wrap1 .infobox .desc{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 3.16rem);
	padding: .44rem 0 .4rem;
}
#productsinfo .wrap1 .infobox .desc .imgs{
	vertical-align: top;
	width: 6rem;
	float: right;
}
#productsinfo .wrap1 .infobox .desc .imgs img{
	width: 100%;
	margin-top: .3rem;
}
#productsinfo .wrap1 .infobox .desc .con{
	font-size: .15rem;
	color: #333333;
	font-family: '微软雅黑';
	width: calc(100% - 6rem);
	float: left;
	box-sizing: border-box;
	padding-left: .62rem;
}
#productsinfo .wrap1 .infobox .desc .con p{
	line-height: 1.5;
	padding: .25em 0;
}
#productsinfo .wrap1 .infobox .desc .con p + p{
	margin-top: .05rem;
}
#productsinfo .wrap1 .infobox .desc .con em{
	font-weight: bold;
	font-style: normal;
}
#productsinfo .wrap2 .titbox{
	padding: 1rem 0 .54rem;
}
#productsinfo .wrap2 .main{
	background-color: #fff;
	padding: .6rem .6rem .54rem .8rem;
}
#productsinfo .wrap2 .main .imgs{
	float: left;
	width: 3.4rem;
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}
#productsinfo .wrap2 .main .imgs img{
	width: 100%;
}
#productsinfo .wrap2 .main .imgs:after{
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 100%;
	border: 1px solid rgba(255,255,255,.5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#productsinfo .wrap2 .main .text{
	float: right;
}
#productsinfo .wrap2 .main .tit{
	font-size: .4rem;
	color: #222222;
	width: 1em;
	line-height: 1;
	padding:0 .4em;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	float: right;
	margin-left: .4rem;
	font-weight: bold;
}
#productsinfo .wrap2 .main .con{
	font-size: 14px;
	color: #666666;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    max-height: 3rem;
    float: right;
    line-height: 2.58;
}
#productsinfo .wrap2 ul{
	margin-top: .3rem;
}
#productsinfo .wrap2 ul li{
	width: calc(25% - 9px);
	background-color: #eee6d9;
	display: inline-block;
	box-sizing: border-box;
	padding: .2rem .4rem .4rem;
	margin-bottom: 12px;
	text-align: center;
	vertical-align: top;
}
#productsinfo .wrap2 ul li:not(:nth-child(4n+1)){
	margin-left: 12px;
}
#productsinfo .wrap2 ul li .imgs{
	width: 2.16rem;
	max-width: 70%;
	position: relative;
	margin: 0 auto;
	border-radius: 100%;
	overflow: hidden;
}
#productsinfo .wrap2 ul li .imgs:after{
	content: '';
	display: block;
	position: absolute;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 100%;
	border: 1px solid rgba(255,255,255,.5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#productsinfo .wrap2 ul li .imgs img{
	width: 100%;
}
#productsinfo .wrap2 ul li .tit{
	width: 1em;
	font-size: .26rem;
	line-height: 1.2;
	margin: 0 auto;
	padding-top: .26rem;
	padding-bottom: .56rem;
	font-weight: bold;
}
#productsinfo .wrap2 ul li .con{
	font-size: 14px;
	color: #333333;
	line-height: 1.714;
}
#productsinfo .wrap3 .titbox{
	padding: .88rem 0 .56rem;
}
#productsinfo .wrap3 li{
	display: inline-block;
	width: calc(50% - 5px);
	margin-bottom: 5px;
}
#productsinfo .wrap3 li img{
	width: 100%;
}
#productsinfo .wrap3 li:nth-child(2n){
	margin-left: 5px;
}
#productsinfo .wrap4 .titbox{
	padding: .8rem 0 .54rem;
}
#productsinfo .wrap4  li{
	display: inline-block;
	width: calc(33.33333% - 10px);
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #f0f0f0;
	text-align: center;
	vertical-align: top;
}
#productsinfo .wrap4  li .imgs{
	padding: 0 .13rem;
}
#productsinfo .wrap4  li .imgs img{
	width: 100%;
}
#productsinfo .wrap4  li .text{
	font-size: .2rem;
	font-family: '楷体';
	color: #5f473f;
	padding: .3rem .5rem;
	line-height: 1.5;
	min-height: 6em;
}
#productsinfo .wrap4  li + li{
	margin-left: 15px;
}
#productsinfo .wrap5 .titbox{
	padding: .9rem 0 .62rem;
}
#productsinfo .wrap5 li{
	background-color: #fff;
}
#productsinfo .wrap5 li + li{
	margin-top: .2rem;
}
#productsinfo .wrap5 li .imgs{
	float: left;
	width: 59.1%;
}
#productsinfo .wrap5 li .imgs img{
	width: 100%;
}
#productsinfo .wrap5 li .text{
	width: 40.9%;
	float: right;
	box-sizing: border-box;
	padding: .66rem 4.3% 0;
}
#productsinfo .wrap5 li .text .tit{
	font-size: .3rem;
	color: #333333;
	padding-bottom: .16rem;
	position: relative;
}
#productsinfo .wrap5 li .text .tit:after{
	content: '';
	display: block;
	width: 1em;
	height: 2px;
	background-color: #cccccc;
	bottom: 0;
	left: 0;
	position: absolute;
}
#productsinfo .wrap5 li .text .con{
	font-size: .16rem;
	color: #666666;
	line-height: 2;
	margin-top: .2rem;
}
#productsinfo .wrap5 li:nth-child(2n) .text{
	float: left;
}
#productsinfo .wrap5 li:nth-child(2n) .imgs{
	float: right;
}
#productsinfo .wrap6{
	padding-bottom: 1.15rem;
}
#productsinfo .wrap6 .titbox{
	padding: 1.4rem 0 .5rem;
}
#productsinfo .wrap6 .list li{
	float: left;
	width: calc(25% - .11rem);
	margin-bottom: .14rem;
	background-color: #fff;
}
#productsinfo .wrap6 .list li .imgs{
	position: relative;
	z-index: 2;
}
#productsinfo .wrap6 .list li:not(:nth-child(4n)){
	margin-right: .14rem;
}
#productsinfo .wrap6 .list .text{
	position: relative;
    padding: .24rem .26rem .2rem;
}
#productsinfo .wrap6 .list .text .corner{
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/24.png) no-repeat center/cover;
    transition: all .3s ease-out;
}
#productsinfo .wrap6 .list .text .corner:nth-child(1){
	left: 0;
	top: 0;
}
#productsinfo .wrap6 .list .text .corner:nth-child(2){
	transform: rotate(90deg);
	right: 0;
	top: 0;
}
#productsinfo .wrap6 .list .text .corner:nth-child(3){
	transform: rotate(180deg);
	right: 0;
	bottom: 0;
}
#productsinfo .wrap6 .list .text .corner:nth-child(4){
	transform: rotate(270deg);
	left: 0;
	bottom: 0;
}
#productsinfo .wrap6 .list .text .border{
    background-color: #cac3c0;
    position: absolute;
    transition: all .3s ease-out;
}
#productsinfo .wrap6 .list .text .border:nth-child(1){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	left: 0;
}
#productsinfo .wrap6 .list .text .border:nth-child(2){
	height:2px ;
	width: calc(100% - 60px);
	top: 0px;
	left: 30px;
}
#productsinfo .wrap6 .list .text .border:nth-child(3){
	width: 2px;
	height: calc(100% - 60px);
	top: 30px;
	right: 0;
}
#productsinfo .wrap6 .list .text .border:nth-child(4){
	height: 2px;
	width: calc(100% - 60px);
	bottom: 0px;
	left: 30px;
}
#productsinfo .wrap6 .list .text img{
	width: 100%;
}
#productsinfo .wrap6 .item .text h4{
    font-size: .22rem;
    color: #333333;
    padding-top: .24rem;
    border-top: 1px solid rgba(0,0,0,0.1);
    position: relative;
    text-align: center;
}
#productsinfo .wrap6 .item .text h4:after{
    content: '';
    display: block;
    position: absolute;
    width: .28rem;
    height: .13rem;
    top: -1px;
    left: 0;
    right: 0;
    background: url(../img/29.jpg) no-repeat top center/cover;
    margin: 0 auto;
    z-index: 2;
}
#productsinfo .wrap6 .more{
    text-align: center;
    position: relative;
    margin: .3rem 0 0;
}
#productsinfo .wrap6 .more:after,#productsinfo .wrap6 .more:before{
    content: '';
    display: block;
    position: absolute;
    width: calc(50% - .41rem);
    height: 1px;
    background-color: #e5e5e5;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
#productsinfo .wrap6 .more:after{
    left: 0;
}
#productsinfo .wrap6 .more:before{
	right: 0;
}
#productsinfo .wrap6 .more span{
    display: inline-block;
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    text-align: center;
    color: #666666;
    background: url(../img/25.png) no-repeat center/cover;
    position: relative;
    font-size: .16rem;
    cursor: pointer;
}
#productsinfo .wrap6 .list li{
    float: left;
    width: calc(25% - .14rem);
    margin-bottom: .21rem;
    background-color: #fff;
}
#productsinfo .wrap6 .list .text img{
    width: 100%;
}
/* 详情页 */
#info .wrap1 .tit{
	font-size: .4rem;
	color: #333333;
	text-align: center;
}
#info .wrap1 .time{
	text-align: center;
	margin-top: 14px;
}
#info .wrap1 video{
	max-width: 100%;
	margin: 30px auto 0;
}
#info .wrap1 .con{
	padding-top: .3rem;
	font-size: 16px;
	color: #666666;
	padding-bottom: .8rem;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}
#info .paging {
	padding: 20px 0;
}
#info .paging .left{
	width: 70%;
	float: left;
}
#info .paging .left a{
	display: block;
	font-size: 18px;
	color: #888888;
	background: no-repeat left center;
	transition: all .5s ease-in;
}
#info .paging .left a:hover.prev{
	color: #a37e61;
}
#info .paging .left a:hover.next{
	color: #a37e61;
}
#info .paging .return{
	vertical-align: middle;
	float: right;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #a37e61;
	width: 1.7rem;
	height: .5rem;
	text-align: center;
	line-height: .5rem;
	border-radius: 10px;
}
#info .wrap1 .wrap{
	padding: .6rem 0 .8rem;
}
#info .wrap1 .tit{
    font-size: .28rem;
}
#info .wrap1 .wrap{
    padding: .8rem 0 .7rem;
}
#joindtl .wrap1 h2{
    font-size: 20px;
    color: #333;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}
#joindtl .wrap1{
    border-bottom: 3px solid #004990;
}
#joindtl .wrap1 .wrap{
    padding: 35px 30px 50px;
    color: #666;
    line-height: 24px;
    font-size: 14px;
}
#joindtl .wrap1 .wrap .box{
	margin-bottom: 40px;
}
#joindtl .wrap1 p{
    margin-bottom: 0;
}
#joindtl .wrap1 .btn-demo{
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #006cb8;
    font-size: 14px;
    margin-right: 20px;
}
.form-horizontal .controls{
	margin-left: 0 !important;
	padding: 0 !important;
}
#form .recruit-box .control-group input[type="file"]{
    width: 95%;
    box-sizing: border-box;
    height: 42px;
    margin-left: 4%;
}
.fa{
	display: none !important;
}
.recruit-box .control-group input[type="file"]{
	width: 100%;
}
.recruit-box .control-group input[type="file"]{
	margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
	padding: 0;
}
.form-horizontal .control-group{
	border: none !important;
}








.radius {
	width: 30px;
	height: 30px;
	line-height: 60px;
	display: block;
	text-align: center;
	background-image: radial-gradient(120px at 30px 0px, transparent 30px, rgba(163,126,97,.2) 30px);
}










.recruitdtl{
	padding:40px 0;
}
.recruitdtl .txt{
	float: left;
	width: 20%;
	text-align: right;
	font-size: 14px;
	line-height: 40px;
}
.recruitdtl .input{
	margin-bottom: 15px;
}
.recruitdtl input,
.recruitdtl select{
	float: left;
	width: 70%;
	border:none;
	outline: none;
	box-shadow: none;
	-webkit-appearance:none;
	border-radius: 0;
	margin-left: 3%;
	padding:10px 2.5%;
	height: 20px;
	border:1px solid #ddd;
	font-size: 14px;
	background: transparent;
	line-height: 1;
}
.recruitdtl select{
	height:42px;
	width:75%;
}
.recruitdtl textarea{
	float: left;
	border:none;
	outline: none;
	box-shadow: none;
	-webkit-appearance:none;
	border-radius: 0;
	margin-left: 3%;
	padding:10px 2.5%;
	height: 20px;
	border:1px solid #ddd;
	font-size: 14px;
	resize:none;
	width: 70%;
	height:100px;
}
.recruitdtl .check input{
	width: 100px;
	float: left;
}
.recruitdtl .check img{
	float: left;
	height: 40px;
	width: 80px;
	margin-left: 20px;
}
.recruitdtl .submit{
	text-align: center;
}
.recruitdtl input[type=submit]{
    display: inline-block;
    width: 1.28rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    font-size: .16rem;
    color: #fafafa;
    background-color: #a37e61;
    padding: 0;
}
/*********recruitdtl end************/
.recruit-box{
	padding:40px 0;
}
.recruit-box h3{
	text-align: center;
}
.recruit .title span:nth-child(2),
.recruit .list .tit span:nth-child(2),
.recruit .title span:nth-child(4),
.recruit .list .tit span:nth-child(4){
	display: inline-block;
}
.recruit .title span{
	width: 20%;
}
.recruit .title span:nth-child(1){
	padding-left: 22px;
}
.recruit .list{
	width: 96%;
	margin:0 auto;
}
.recruit .list .tit span{
	width: 20%;
	font-size: 14px;
}
.recruit .list .drop .top{
	padding-bottom: 20px;
}
.recruit .list .top span{
	width: 25%;
}
.recruit .list .tit span:nth-child(4){
	padding-left: 30px;
}
.recruit .list .tit{
	padding:15px 0;
}
.recruit .list .drop .con-box{
	padding:20px 0;
}
.recruit .list .drop .con-box:before{
	content: "";
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 1px;
	height: 160px;
	background: #dcdcdc;
}
.recruit .list .drop .con-box .left{
	float: left;
	width: 50%;
	box-sizing:border-box;
	padding-right: 15px;
}
.recruit .list .drop .con-box .right{
	width: 50%;
	float: right;
	box-sizing:border-box;
	padding-left:15px;
}
.recruit-more{
	margin-top:30px;
	width: 90px;
	padding-left: 60px;
	background-position: 30px center;
}
.recruitdtl-box .file{
	display: block;
}
.recruitdtl .txt{
	font-size: 16px;
	width: 25%;
}
.recruitdtl input{
	width: 66%;
}
.recruitdtl .resume .txt{
	width: 8.5%;
}
.recruitdtl select{
	width: 72%;
}
.recruitdtl textarea{
    margin-left: .7%;
    width: 84.5%;
    height:200px;
}
.recruitdtl input[type=submit]{
	margin-left: 9.6%;
}
.recruitdtl .check-box .txt{
	width: 20%
}
/**********recruit end************/
.btn-success{
	background-color: transparent !important;
}
.control-group input[type="file"]{
	margin-left: 5%;
}

#productslist .department{
	width: 1246px;
	max-width: calc(100% - 1.5rem);
	margin: 0 auto .8rem;
}
#productslist .department .item{
	display: inline-block;
	width: 100%;
	padding: 0;
	position: relative;
}
#productslist .department .item.on:after{
	opacity: 1;
	width: calc(100% - .1rem);
	height: calc(100% - .12rem);
}
#productslist .department .item:after{
	content: '';
    border: 1px solid rgba(163,126,97,.3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    position: absolute;
    opacity: 0;
    transition: all .3s ease;
    z-index: -1;
}
#productslist .department .item a:after{
	content: '';
	display: block;
	position: absolute;
    border: 1px solid rgba(163,126,97,.3);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all .3s ease;
}
#productslist .department .item.on a:after{
	opacity: 1;
}
#productslist .department .item a{
    display: block;
    font-size: .2rem;
    color: #99765c;
    box-sizing: border-box;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    border: 1px solid rgba(163,126,97,.3);
    transition: all .3s ease-out;
    position: relative;
}
#productslist .department a em{
    display: inline-block;
    font-style: normal;
    line-height: 1.3;
    vertical-align: middle;
}
#productslist .department .owl-stage-outer{
	position: relative;
	z-index: 2;
}
#productslist .department .owl-nav{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
    width: calc(100% + 1.5rem);
    z-index: 1;
    left: -.75rem;
}
#productslist .department .owl-nav .owl-prev,
#productslist .department .owl-nav .owl-next{
	width: .6rem;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #e0d5cc;
	display: block !important;
	background: url('../img/newprev.png') no-repeat center/15px 27px;
}
#productslist .department .owl-nav .owl-prev{
	float: left;
}
#productslist .department .owl-nav .owl-next{
	float: right;
	transform: rotate(180deg);
}