body{
	-webkit-font-smoothing：antialiased;
	/*font-family: "黑体"*/
}
.container{
	width: 1260px;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid red;*/
}

.index_relative,
.header,
.footer{
	position: relative;
	z-index: 2;
}

.menu-body{
	/*position: fixed;*/
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.phone-show{
	display: none!important;
}

/*header*/

.header{
	background: #282828;
	
}

.header .logo a,
.header .logo img{
	display: block;
}
.header .logo {
	height: .577rem;
	position: absolute;
	top: 50%;
	margin-top: -0.4rem;
}

.header .nav{
	font-size: 0;
}
.header .nav a {
	font-size: .355rem;
	color: #fff;
	display: inline-block;
	height: 2.444rem;
	line-height: 2.444rem;
	margin-left: .844rem;
	position: relative;
}
.header .nav a.cur:after{
	width: 100%!important;
}
.header .nav a.cur:after,
.header .nav a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #9d82af;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .4s ease;
}
.header .nav a:hover:after{
	width: 100%;
}


.navcontainer-phone{
	display: none;
	/*margin-top: 0.8rem;*/
	padding: .4rem 0;
	width: 100%;
}

.navcontainer-phone .btn-menu{
	display: block;
	position: absolute;
	left: .6rem;
	top: 50%;
	margin-top: -0.24rem;
	width: 0.65rem;
	height: 0.48rem;
	background: url("../images/btn-menu.png") no-repeat center center;
	background-size: 100% auto;
	z-index: 999;
	transition: all .4s;
}
.navcontainer-phone .btn-menu.rotate{
	transform: rotate(90deg);
}

.navcontainer-phone .phone-head {
	text-align: center;
	height: 1rem;
}
.navcontainer-phone .phone-head .phone-logo{
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	font-size: 0;
	margin-top: -0.28rem;
	width: 100%;
}
.navcontainer-phone .phone-head img{
	height: 0.66rem;
}

.menu-wrap{
	position: fixed;
	top: -1.38rem;
	width: 100%;
	height: 100%;
	background: rgba(47,47,47,0.8);
	padding-top: 1.9rem;
	padding-bottom: 3rem;
	padding-top: 3.2rem;
	display: none;
}

.menu-wrap a{
	display: block;
    text-align: center;
    font-size: .6rem;
    /* height: 2.7rem; */
    line-height: 2.0rem;
    background: #121212;
    color: #fff;
    /* margin-top: 0.05rem; */
    border-bottom: solid 1px #333;
}





/*footer*/
.footer{
	color: #cfcfcf;
}
.footer .footer-bar{
	background: #9d82af;
	width: 100%;
	/*height: 1.333rem;*/
	height: 0.444rem;
}	

.footer-con{
	padding-top: 2.133rem;
	padding-bottom: 1.711rem;
	background: #282828;

}

.footer .footer-nav {
	width: 32%;
	font-size: 0;
	line-height: 1.15rem;
}
.footer .footer-nav a{
	color: #cfcfcf;
	font-size: .4rem;
	word-break:keep-all;     
	margin-left: .4rem;
	margin-right: .97rem;
}


.footer .footer-right {
	padding-top: .25rem;
	line-height: .8rem;
	text-align: center;
}

.footer .footer-right .fr-top{
	margin-bottom: .78rem;
	font-size: 0;
	height: 1rem;
}

.footer .footer-right .fr-top a{
	display: inline-block;
	position: relative;
	margin: 0 .35rem;
	width: 1rem;
	height: 1rem;
}
.footer .footer-right .fr-top a img{
	display: block;
}

.footer .footer-right .fr-top a .ewm-big{
	position: absolute;
	right: 0;
	bottom: 100%;
	/*display: none;*/
	opacity: 0;
	filter:alpha(opacity=0);
	width: 130px;

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;

	margin-bottom: 2px;
}
.footer .footer-right .fr-top a .ewm-big img{
	width: 100%;
}

.footer .footer-right .footer-txt{
	font-size: .35rem;
}

.footer .footer-right .fr-bottom{
	font-size: .4rem;
	line-height: 1rem;
}
.footer .footer-right .fr-bottom span:nth-child(2){
	margin-right: .3rem;
}

.footer-copyright{
	text-align: center;
	font-size: .4rem;
	color: #1c1c1c;
	line-height: 2rem;
	height: 2rem;
	background: #fff;
}


/*banner*/
.com-banner {
	position: relative;
	margin-bottom: 2rem;
	/*margin-top: 0.266rem;*/
}
.com-banner img{
	width: 100%;
	display: block;
}
.com-banner .banner-txt{
	width: 100%;
	text-align: center;
	top: 40%;
	position: absolute;
	color: #fff;
	font-size: 0.8rem;
}
.com-banner .banner-txt h2{
}
.com-banner .banner-txt h2:after{
	content: "";
	display: block;
	width: 1.08rem;
	height: 2px;
	background: #ffb300;
	margin: .3rem auto .5rem;
}

.scrollTop{
	position: fixed;
	right: 3.2rem;
	bottom: 1.46rem;
	z-index: 88;
	display: none;
	cursor: pointer;

	width: 54px;
	height: 54px;
	background: url("../images/scrollTop.png") no-repeat center center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.scrollTop:hover{
	opacity: 0.8;
}


/*关于我们 加入我们 com*/
.join-link {
	text-align: center;
	margin-bottom: 1.33rem;
	margin-top: 1.77rem;
}
.join-link h4{
	font-size: 0.5rem;
}
.join-link a{
	width: 3.26rem;
	height: 0.66rem;
	line-height: 0.66rem;
	border: 2px solid #fcd82a;
	border-radius: 1rem;
	display: inline-block;
	color: #1f1f1f;
	margin-top: .75rem;
	font-size: .35rem;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.join-link a:hover{
	background: #f4c91f;
	color: #fff;
}

@media (max-width: 1440px){
	.com-banner .banner-txt{
		font-size: 0.7rem;
	}
}

@media (max-width: 1280px){
	.container{
		width: 90%;
	}

	.footer .footer-nav a{
		margin-right: 0.6rem;
	}
}

@media (max-width: 1024px){
	/*html{
		font-size: 40px!important;
	}*/
}


@media (max-width: 768px){
	.scrollTop{
		display: none!important;
	}
	.container{
		box-sizing: border-box;
	}
	.pc-show{
		display: none!important;
	}
	.phone-show{
		display: block!important;
	}
	.navcontainer-phone{
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		/*position: absolute;*/
		background: #282828;
		z-index: 9999;
	}
	.navcontainer-pc{
		display: none;
	}
	.header{
		background: none;
		z-index: 9999;
		height: 1.8rem;
	}

	.container{
		width: 100%;
	}


	
	.footer-con{
		padding-bottom: 0;
		padding-top: 1rem;
	}
	.footer .footer-bar{
		height: .8rem;
	}
	.footer .footer-right .fr-top{
		display: none;
	}
	.footer .footer-nav{
		display: none;
	}

	.footer .footer-right{
		width: 100%;
		text-align: center;
	}
	.footer-right .phone-ewm{
		width: 2.5rem;
		height: 2.5rem;
		margin: 0 auto .5rem;
	}
	.footer-right .phone-ewm img{
		width: 100%
	}
	.footer .footer-right .fr-bottom{
		margin-top: .4rem;
	}
	.footer .footer-right .fr-bottom,
	.footer-copyright{
		font-size: .38rem;
	}
	.footer-copyright{
		background: #282828;
		color: #cfcfcf;
		height: 1rem;
		line-height: 1rem;
		padding-bottom: 1rem;
	}

	.com-banner{
		margin-bottom: 1rem;
	}
	.com-banner .banner-txt{
		font-size: .6rem;
		/*display: none;*/
	}
	.com-banner .banner-txt h2:after{
		margin-bottom: 0.4rem;
	}
	.join-link a{
		/*font-size: .5rem;*/
		/*width: 4.4rem;
		height: 1.32rem;
		line-height: 1.32rem;*/
	}
}