*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
html{
	font-family: sans-serif;
}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	line-height: 0;
	font-style:normal;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	background-color: #ffffff;
}
img,nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{
	display: block;
}
img{
	width: 100%;	
}
a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{
	display:inline-block;
}
header,section,footer {
	position:relative;
}
ol,ul{
	list-style:none;
}
input,button,textarea {
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	/*-webkit-appearance:none;*/
	background-color:rgba(0, 0, 0, 0);
}
select{
	 appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
  	border: 0;
}
span{
	display:inline-block;
}
a:active, a:hover {
  outline: 0;
}
a, a:visited{
	text-decoration:none;
}

label{
    word-wrap: break-word;
    word-break: break-all;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {
  padding: 0;
}
/* 以上通用样式 */
.fl{
	float: left;
}
.fr{
	float: right;
}
.wy-z{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, .7);
	z-index: 10;
	display: none;
}
/* header */
header{
	padding: 0 .3rem;
	height: 1.27rem;
	text-align: center;
	background: #060606;
	overflow: hidden;
	width: 100%;
	padding-top: .31rem;
	position: fixed;
	z-index: 999;
}
header > img{
	width: 1.84rem;
	display: inline-block;
}
header > a{
	position: absolute;
	z-index: 2;
}
header > a.wy-left{
	width: .4rem;
	left: .3rem;
	top: .49rem;
}
header > a.wy-right{
	width: .47rem;
	right: .3rem;
	top: .6rem;
	display:none;
}
div.wy-nav{
	position: fixed;
	top: 0;
	width: 4rem;
	left: 0;
	background: #000000;
	z-index: 9999;
	-webkit-filter: drop-shadow(0 0 0.5rem #262525); /* Chrome, Safari, Opera */
    filter: drop-shadow(0 0 0.5rem #262525);
    display: none;
}
div.wy-nav > img{
	width: .7rem;
	position: absolute;
	top: 1rem;
	right: -1.48rem;
}
div.wy-nav .wy-nav-logo{
	height: 1.57rem;
	width:80%; margin-left:10%;
	border-bottom: 1px solid #776838;
	text-align: center;
	padding-top: .44rem;
}
div.wy-nav .wy-nav-logo img{
	width: 1.85rem;
	display: inline-block;
}
div.wy-nav .wy-nav-list{
		border-bottom: 1px solid #776838;
	width:80%;
	margin-left:10%;
}
div.wy-nav .wy-nav-list a{
	display: block;
	color: #e4c76c;
	line-height: 1.2rem;
	text-align: center;
	font-size: .36rem;
}
div.wy-nav .wy-nav-tel{
	font-size: .36rem;
	text-align: center;
	color: #e4c76c;	
	padding: .48rem 0 .6rem .34rem;
}
div.wy-nav .wy-nav-tel span{
	line-height: .43rem;
	height: .43rem;
	position: relative;
}
div.wy-nav .wy-nav-tel span img{
	position: absolute;
	left: -0.65rem;
	top: 0;
	width: .43rem;
}
div.wy-nav .wy-nav-share{
	display: flex;
	padding: 0 .3rem .9rem;
	display:none;
}
div.wy-nav .wy-nav-share a{
	flex: 1;
	text-align: center;
}
div.wy-nav .wy-nav-share a img{
	width: .6rem;
	display: inline-block;
}
/* header end */

/* section */
section{
	padding-top: 1.27rem;
}
.wy-our,.wy-space,.wy-case,.wy-activity,.wy-service{
	position: relative;
}
.wy-our > div,.wy-space > div,.wy-case > div,.wy-activity > div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	text-align: center;
}
.wy-case{ overflow:hidden;}
.wy-space > div{
	background: rgba(0, 0, 0, .7);
}
.wy-case > div{
	background: rgba(0, 0, 0, .93);
}
.wy-our-img{
	width: 3.2rem;
	display: inline-block;
	margin: .63rem 0 .24rem;
}
.wy-more{
	width: .92rem;
	display: block;
	margin: 0 auto;
	margin-top:20px;
}

.wy-selected{
	text-align: center;
	background: #000000;
	padding-bottom: .57rem;
}
.wy-selected > img{
	width: 2.1rem;
	display: inline-block;
	margin: .58rem 0 .4rem;
}
.wy-selected-list{
	width: 6.9rem;
	margin: 0 auto .25rem;
	background: #070707;
	overflow: hidden;
	padding-bottom:20px;
}
.wy-selected-list > div{
	height: 1rem;
	text-align: center;
	width: 1.6rem;
	margin-left:.5rem;
	margin-top:.2rem;
	float: left;
	display: flex;
	align-items: center;
}
.wy-selected-list > div img{
	display: inline-block;
	-webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
    filter: grayscale(80%);
    margin: 0 auto;
}
.wy-selected-list > div.active img{
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

.wy-space-img{
	width: 3.86rem;
	display: inline-block;
	margin: .6rem 0 .4rem;
}
.wy-space > div > p{
	font-size: .2rem;
	color: #ffffff;
}
.wy-space > div > p.wy-p{
	margin-bottom: .2rem;
	line-height: 1em;
	letter-spacing: 2px;
}
.wy-space > div > p.wy-p2{
	line-height: 1.6em;
	width: 6.15rem;
	margin: 0 auto;
	opacity: .6;
}
.wy-case-img{
	width: 3.2rem;
	display: inline-block;
	margin: .55rem 0 .25rem;
}
.wy-case-a{
	text-align: right;
	display: block;
	position: absolute;
	bottom: .3rem;
	right: .3rem;
}
.wy-case-a img{
	width: .7rem;
	display: inline-block;
}
.wy-case-body{
	width: 4.37rem;
	height: 3.3rem;
	margin: 1.25rem auto 0;
	background: #ffffff;
	padding: 1.2rem 0;
	position: relative;
	left: .1rem;
	overflow:hidden;
}

@media screen and (max-width: 320px) {
  .wy-case-body{
	width: 4.33rem;
	height: 3.3rem;
	margin: 1.25rem auto 0;
	background: #ffffff;
	padding: 1.2rem 0;
	position: relative;
	left: .1rem;
	overflow:hidden;
}
}
.wy-activity{height:330px;}
@media screen and (max-width: 320px) {.wy-activity{height:300px;}}
.wy-case-body > div{
	font-size: .3rem;
	color: #333333;
	margin: .8rem 0 .2rem;
}
.wy-case-body > div span{
	font-size: .14rem;
}
.wy-case-body > p{
	font-size: .2rem;
	color: #999999;
	line-height: 1.6em;
	width: 3.65rem;
	margin: 0 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top:15px;
}
.wy-case-list{
	position: absolute;
	top: 1.9rem;
	width: 100%;
	height: 3.6rem;
}
.wy-case-list span{
	position: absolute;
	width: 100%;
	overflow: hidden;
	left: .1rem;
	z-index: 999999;
}
.wy-case-list > div{
	position: absolute;	
	transition: all 1s;
}
.wy-case-list > div.wy-case-center{
	width: 3.96rem;
	top: 0;
	left: 1.78rem;
}
.wy-case-list > div.wy-case-center img{
	box-shadow:  0 .1rem .1rem #c7c7c7;
}
.wy-case-list > div.wy-case-right{
	width: 3.1rem;
	right: -2.1rem;
	top: .3rem;
}
.wy-case-list > div.wy-case-left{
	width: 3.1rem;
	left: -2.1rem;
	top: .3rem;
}
.wy-activity-img{
	width: 3.66rem;
	display: inline-block;
	margin: .6rem 0 .6rem;
}
.wy-activity-list{
	display: flex;
	overflow-x: auto;
}
.wy-activity-list > div{
	flex: 1;
	max-width: 3.2rem;
	min-width: 3.2rem;
	background: #ffffff;
	
	overflow: hidden;
	padding: .1rem .1rem .3rem;
	margin: 0 .1rem .56rem;
}
.wy-activity-list > div img{
	box-shadow:  0 .05rem .1rem #c7c7c7;
}
.wy-activity-list > div span{
	display: block;
	font-size: .22rem;
	color: #333333;
	margin: .4rem 0 .25rem;
}
.wy-activity-list > div p{
	font-size: .2rem;
	color: #999999;
	line-height: 1.6em;
	width: 2.58rem;
	margin: 0 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.wy-service{
	background: #000000;
	text-align: center;
}
.wy-service-img{
	width: 3.08rem;
	display: inline-block;
	margin: .6rem 0 .6rem;
}
.wy-service-list{
	width: 100%;
	margin: 0 auto .33rem;
	overflow: hidden;
}
.wy-service-list > div{
}
.wy-service-list > div > div{
	width: 100%;
	padding: 0 .3rem;
}
.wy-service-list > div > div > div{
	margin-bottom: .1rem;
	height: 2.06rem;
	display: flex;
}
.wy-service-list > div > div > div > div{
	flex: 1;
	width: 50%;
}
.wy-service-t{
	overflow: hidden;
}
.wy-service-j{
	position: relative;
	padding: .3rem 0 0 0;
	background: #001a16;
	text-align: left;
}
.wy-service-j > img{
	width: .15rem;
	position: absolute;
	right: -0.15rem;
	top: .88rem;
}
.wy-service-j p{
	font-size: .2rem;
	color: #edcf70;
	line-height: 1.4em;
	margin-bottom: .1rem;
	padding: 0 .35rem 0 .4rem;
}
.wy-service-j a{
	font-size: .16rem;
	color: #776838;
	border-bottom: 1px solid #776838;
	line-height: 1.6em;
	margin: 0 .35rem 0 .4rem;
}
.wy-service-j1{
	text-align: right;
}
.wy-service-j1 > img{
	left: -0.15rem;
	right: none;
}
.wy-service-jt{
	text-align: center;
	padding-bottom: .5rem;
}
.wy-service-jt > img{
	display: inline-block;
	margin: 0 .6rem;
	width: .16rem;
}
.wy-service-jt > img.active{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
/* section end */

/* footer */
footer{
	background: #111111;
}
footer > p{
	font-size: .14rem;
	color: #999999;
	text-align: center;
	line-height: .34rem;
	padding: .2rem 0;
}
footer > div{
	border-bottom: 1px solid #222222;
	padding: .4rem .7rem;
	overflow: hidden;
}
footer > div > img{
	display: inline-block;
	width: .92rem;
}
footer > div > div{
	width: 4.5rem;
	float: right;
}
.wy-footer{

}
.wy-footer span{
	position: relative;
	font-size: .2rem;
	color: #999999;
	line-height: .3rem;
	padding-left: .1rem;
}
.wy-footer span.wy-s{
	margin-left: .5rem;
}
.wy-footer span > img{
	position: absolute;
	width: .3rem;
	left: -0.3rem;
	top: 0;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.wy-footer1{
	text-align: left;
	display:block;
	margin-top:20px;
}
.wy-footer1 span{
	position: relative;
	font-size: .2rem;
	color: #999999;
	line-height: .3rem;
}
.wy-footer1 span > img{
	position: absolute;
	width: .3rem;
	left: -0.3rem;
	top: 0;
}
/* section end */