*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	outline: none;
}
html{
	font-size: 62.5%;
}
body{
	overflow: hidden;
}
#body_waper{
	width: 100%;
	height: 1080px;
	overflow-x: hidden;
	background: rgba(0,0,0,0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
.emptyfooter{
	width: 100%;
	background: rgba(0,0,0,0);
}





/*nav*/
nav{
	width: 100%;
	height: 15%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
.nav{
	width: 40%;
	height: 100%;
	position: absolute;
	right: 10%;
	top: 2%;
}
.navul{
	width: 90%;
	height: 60%;
	position: absolute;
	top: 40%;
	display: flex;
	justify-content: space-around;
}
.navul li{
	width: auto;
	height: 0;
	border-bottom: 2px solid rgba(0,0,0,0);
	font-size: 2.0rem;
	text-align: center;
	font-family: "黑体";
	transition: .4s;
	margin-top: -2px;
	/*letter-spacing: 2px;*/
}
.nav:hover li{
	opacity: .4;
}
.navul a{
	color: #4B4B4B;
}
.navul:hover li:hover{
	border-bottom: 2px solid #4B4B4B;
	height: 100%;
	transition: .4s;
	opacity: 1;
}
.prodnavbox,.prodnavbox2{
	width: 100%;
	height: 120px;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
.theprodnav{
	width: auto;
	height: 100%;
	position: absolute;
	left: 15%;
	top: 0;
}
.prodnavbox:hover a,.prodnavbox2:hover a{
	opacity: .6;
	transition: .4s;
}
.theprodnav a{
	display: block;
	width: auto;
	float: left;
	margin-right: 50px;
	line-height: 120px;
	color: #4B4B4B;
	font-size: 2rem;
}
.theprodnav a:hover{
	opacity: 1;
	transition: .4s;
}
/*logo*/
.logo{
	position: absolute;
	height: 30%;
	top: 30%;
	left: 10%;
	transition: .4s;
}
.logo:hover{
	opacity: .6;
	transition: .4s;
}
/*footer*/
footer{
	width: 100%;
	background: #4B4B4B;
	font-size: 1.6rem;
	color: white;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #4B4B4B;
}
.footer{
	width: 90%;
	padding-left: 10%;
	line-height: 90px;
	position: absolute;
	bottom: 0;
	left:0;
}
.footer p{
	width: 10%;
	float: right;
	transition: .4s;
	cursor: pointer;
}
.footer p:hover{
	color: darkgray;
	transition: .4s;
}
.footer p a{
	color: white;
}
.ewmimg{
	position: absolute;
	width: 5%;
	top: -90px;
	right: 14%;
	display: none;
}
.emalitext{
	position: absolute;
	top: -90px;
	right: 20%;
	display: none;
}
.footerlogo{
	position: absolute;
	width: 20%;
	left: 40%;
	top: 40%;
}







/*首页*/

/*banner*/
#body_Swiper{
    width: 100%;
    overflow: hidden;
}
#body_Swiper .swiper-slide{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,0);
}
#body_Swiper .swiper-slide img{
	width: 100%;
	height: 100%;
}
#body_Swiper>.swiper-pagination{
	width: 30%;
	bottom: 5%;
}
#body_Swiper>.swiper-pagination .swiper-pagination-bullet {
	opacity: .4;
	background: rgba(0,0,0,0);
	margin-left: 10%;
	font-size: 2rem;
	transition: .4s;
}
#body_Swiper>.swiper-pagination .swiper-pagination-bullet:hover{
	opacity: 1;
	font-size: 2.2rem;
	transition: .4s;
}
#body_Swiper>.swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
	font-size: 2.2rem;
}






/*关于我们*/
.artl{
	width: 100%;
	height: 550px;
	text-align: center;
	background: white;
	padding: 50px 0;
}




/*创始人*/
.create{
	width: 100%;
	height: 500px;
	padding-top: 80px;
	text-align: center;
	background: white;
}

/*团队*/
.team{
	width: 100%;
	height: 350px;
	padding-top: 50px;
	text-align: center;
	background: white;
}






/*products*/
.goodsBox{
	width: 100%;
	height: auto;
	background: white;
}
.goodsBox div{
	width: 23%;
	height: auto;
	margin: 5% 0 5% 7.5%;
	position: relative;
	display: inline-table;
}
.goodsBox img{
	width: 100%;
	display: block;
}
.goodsBox div p{
	width: 100%;
	height: 65%;
	padding-top: 35%;
	text-align: center;
	display: none;
	background: rgba(255,255,255,.6);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.goodsBox div p a{
	color: #4B4B4B;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.goodsBox div:hover p{
	display: block;
}




/*showproduct*/
.showbox{
	width: 100%;
	background: white;
}
#showproduct{
	width: 40%;
	height: auto;
	position: absolute;
	left: 6%;
	top: 20%;
	padding-bottom: 50px;
}
#showproduct .swiper-slide img{
	width: 100%;
}
#showproduct>.swiper-pagination{
	width: 50%;
	bottom: 0;
}
#showproduct>.swiper-pagination .swiper-pagination-bullet {
	opacity: .4;
	background: rgba(0,0,0,0);
	margin-left: 10%;
	font-size: 2rem;
	transition: .4s;
}
#showproduct>.swiper-pagination .swiper-pagination-bullet:hover{
	opacity: 1;
	font-size: 2.2rem;
	transition: .4s;
}
#showproduct>.swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
	font-size: 2.2rem;
}
.prodtext{
	width: 35%;
	height: auto;
	position: absolute;
	top: 26%;
	right: 10%;
	letter-spacing: 0.2rem;
	background: url(../img/xilie.png) no-repeat bottom right;
}
.prodtext img{
	float: right;
}
.prodname{
	font-size: 3rem;
}
.jianjie{
	font-size: 2rem;
	font-weight: lighter;
	padding-top: 50px;
	padding-bottom: 40px;
}
.guigetit{
	font-size: 1.7rem;
	padding-bottom: 10px;
}
.guigetext{
	font-weight: lighter;
	font-size: 1.8rem;
	padding-bottom: 20px;
}




/*联系我们*/
.contactbox{
	width: 100%;
	background: url(../img/contact.jpg) no-repeat center center;
}
.contactext{
	width: 100%;
	left: 0;
	padding: 20px 0;
	position: absolute;
	top: 54%;
	line-height: 40px;
	color: #4B4B4B;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
	font-weight: lighter;
}





/*show_zone*/
.showbox{
	width: 100%;
	background: white;
}
#showzone{
	width: 50%;
	height: auto;
	position: absolute;
	right: 6%;
	top: 22%;
	padding-bottom: 50px;
}
#showzone .swiper-slide img{
	width: 100%;
}
#showzone>.swiper-pagination{
	width: 50%;
	bottom: 0;
}
#showzone>.swiper-pagination .swiper-pagination-bullet {
	opacity: .4;
	background: rgba(0,0,0,0);
	margin-left: 10%;
	font-size: 2rem;
	transition: .4s;
}
#showzone>.swiper-pagination .swiper-pagination-bullet:hover{
	opacity: 1;
	font-size: 2.2rem;
	transition: .4s;
}
#showzone>.swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
	font-size: 2.2rem;
}
.zonetit{
	position: absolute;
	top: 40%;
	left: 20%;
	text-align: center;
}
.zonetit img{
	width: 70px;
}
.zonetit p{
	width: 50px;
	padding: 0 10px;
	font-size: 3rem;
	line-height: 50px;
	font-family: "仿宋";
}



/*news*/
.newsbox{
	width: 70%;
	height: auto;
	margin: 5% auto;
	padding-bottom: 10%;
}
.newsbox a{
	display: inline-block;
	width: 30%;
	margin: 1.5%;
	height: auto;
}
.newsbox a img{
	width: 100%;
	transition: .4s;
	margin-bottom: 10px;
}
.newsbox a img:hover{
	transform: scale(1.05);
	transition: .4s;
}
.newstit{
	display: inline-block;
	width: 79%;
	height: 80px;
	font-size: 2rem;
	line-height: 3rem;
	color: #000000;
	overflow: hidden;
}
.newstime{
	display: inline-block;
	width: 20%;
	height: 60px;
	font-size: 1.6rem;
	line-height: 2rem;
	color: #A9A9A9;
	overflow: hidden;
}