body{color:#222;-webkit-text-size-adjust:none;}

		body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}

		h1,h2,h3,h4,h5,h6{font-size:100%;}

		body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}

		ol,ul{list-style:none;}
		a{ text-decoration: none}
		/* html{ */
			/* overflow:hidden; */
		/* } */

		html,body{ width:100%; height:100%;overflow:hidden;}

		.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}

/*
		.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}

		.section-wrap .section .title p{ padding:0 4%;opacity:0}
*/

		.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}

		.section-wrap .section-1{ }

		.section-wrap .section-2{ background: url(../img/sectionBG2.jpg) no-repeat;}
		
		.section-wrap .section-3{ background: url(../img/sectionBG3.jpg) no-repeat;justify-content: center; align-content: center}

		.section-wrap .section-4{ background: url(../img/sectionBG4.jpg) no-repeat; display: flex; justify-content: center; align-content: center;align-items: center;}

		.section-wrap .section-5{ background: url(../img/sectionBG5.jpg) no-repeat; display: flex; justify-content: center; align-content: center;align-items: center;}
		.section-wrap .section-6{ background: url(../img/sectionBG2.jpg) no-repeat;}

		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}

		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}

		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}

		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
        .put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
		.section-btn{ width:18px;position:fixed;right:4%;top:50%; display:flex;align-content: center;flex-wrap: wrap;justify-content: center;}

		.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#fff;
			text-align:center; color:#fff; onsor:pointer;}

		.section-btn li.on{ background:none;width:18px;height: 18px;background:url(../img/lion.png) no-repeat; background-size:100%}

		.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}

		.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }






/*顶部固定*/
.head{
/*
	width: 90%;
	display: flex;
	align-items: center;
	justify-content:space-between;
	position: fixed;
	max-width: 1920px;
	z-index: 999;
	padding:50px 5% 0;
*/
}
.head img{ width: 130%;display: block;}
.head .logo{
	width: 12.7%;z-index: 999;position: fixed;left: 5vw;top: 50px;
}
.head .meun{
	width: 3.3%;
	cursor: pointer;z-index: 999;position: fixed;right: 5vw;top: 50px;
}
#meunen{
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.9);
	z-index: 999999;
	display: none;
}
#meunClose{
	font-size: 1vw!important;
	text-align: right!important;
	width: 95%!important;
	margin-top: 3vw!important;
}
#meunen a{
	width: 100%;
	text-align: center;
	font-size: 1.5vw;
	font-family: "Microsoft YaHei";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	line-height: 1;
	display: block;
	font-weight:lighter;
	letter-spacing: 0.2em;
	height: 5%;
	margin-top: 3%;
	border-bottom: 10px solid rgba(0,0,0,0.8);
}
#meunen .meunA:hover{ border-bottom: 10px solid #ED7F3D;}


/*第一页*/
/*视频背景*/
.e_video{
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	z-index: 0;
}
.section-1{
	position:relative;
}
.section-1 .nav{
	width: 50%;
	display: flex;
	align-items:center;
	justify-content: space-around;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 30%;
	padding-top: 70px;
}
.section-1 .nav a{
  font-size: 1.5vw;
  font-family: "Microsoft YaHei";
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
}
.section-1 .nav a:hover{ color: rgb(200, 163, 88);}
.section-1 .banner{
	width:100%;
	z-index:99;
	position:absolute;
	text-align: center;
	height: 600px;
	top: 50%;
	margin-top: -250px;
	display:flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	background: url(../img/tuoyuan.png) center no-repeat;
	background-size:29%;
}
.section-1 .banner h3{
  font-size: 1.5vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.2;
	width: 100%;
	font-weight: normal;
	letter-spacing:0.1em;
}
.section-1 .banner h1{
  font-size: 2.2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 2.4;
	width: 100%;
	letter-spacing:0.1em;
}
.section-1 .banner p{
  font-size: 1vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  width: 100%;
    letter-spacing:0.1em;
	line-height: 1.8
}


/*第二页*/
.section-2{
	
}
.section-2 .title{
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding-top:8vw;
}
.section-2 .title h3{
  font-size: 2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.8;
	letter-spacing: 0.1em;
}
.section-2 .title p{
  font-size: 1.3vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2;
  font-weight:lighter;
	letter-spacing: 0.1em;
}
.section-2 .product{
	width: 70%;
	margin:0 auto;
}
.section-2 .product .proNav{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin:30px auto 50px;
}
.section-2 .product .proNav a{
  font-size: 1.8vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.2;
	display: block;
	width: 25%;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 10px;
	padding: 10px 0;
}
.proUl{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.proUl .proli{
	width: 30%;
}
.proUl .proli img{
	width: 100%;
	height: 20.8vw;
}
.proUl .proli p{
  font-size: 1.8vw;
  font-family: "Microsoft YaHei";
  color: rgb(254, 254, 254);
  line-height: 1.2;
  text-align: center;
	width: 100%;
	padding:10px 0;
	background: black;
	letter-spacing: 0.1em;	
}
.product .proTxt{
  font-size:1.6vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.5;
	padding-top: 2vw;
	text-align: center;
	font-weight: lighter;
}

/*第三页*/
.section-3{
	
}
.section-3 .title{
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding-top:8vw;
}
.section-3 .title h3{
  font-size: 2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.8;
	letter-spacing: 0.1em;
}
.section-3 .title p{
  font-size: 1.3vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2;
  font-weight:lighter;
	letter-spacing: 0.1em;
}
.about{
	width: 87%;
	margin: 80px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about .left{
	width: 49%;
}
.about .left h1{
  font-size: 41.667px;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.about .left h1 span{ font-size: 30px;font-weight: normal;margin-left: 1vw;}
.about .left h2{
	width: 96%;
	height: 1px;
	background:#CA8622;
	margin: 20px 0 10px;
}
.about .left p{
  font-size: 18px;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 2;
  text-align: left;
  text-indent: 2em;
  padding-bottom:10px;
  padding-left:8.5px;
  padding-right: 20.5px;
}
.about .left b{
  font-size: 21px;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  line-height: 1.2;
	display: block;
	width: 10%;
	padding: 10px 0;
	background: #100b0a;
	border-radius: 30px;
	text-align: center;
	margin: 1vw auto 3vw;
	display: inline-block;
	margin:42px;
	margin-top:10px;
	margin-bottom:0px;
}
.about .left a img{
	width:60%;
}

.about .left ul{
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	float:left;
	width:100%;
}
.about .left ul li{
	list-style-type:none;
	    width: 25%;
}
.about .left ul li a{
	display:block;
	text-decoration:none;
	
	margin:15px;
}
.about .left ul li a img{
	width:50px;
	
	padding-left:10px;
}
.about .left ul li a span{
	width:100px;
	display:block;
	font-size: 16.667px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    line-height: 2;
    text-align: left;
   
    padding-bottom: 10px;
    padding-left: 8.5px;
}

.about .right{
	width: 46.25%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.about .right img{
	width: 100%;
	display: block;
	margin-bottom: 0px;
}
/*第四页*/
.news{
	width: 62.5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.news .title{
	width: 100%;
	text-align: center;
	margin-bottom: 3.5vw;
}
.news .title p{
  font-size: 1.2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2;
}
.news .title h1{
  font-size: 2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.8;
}
.news .newsA{
	width: 46.75%;
	padding: 15px 1%;
	background: #fff;
	border-radius: 10px;
}
.news .newsA .newTop{
	width: 100%;
	display: flex;
	align-items: center;
	padding-bottom: 1vw;
	border-bottom: 1px solid #7B7B7A;
}
.news .newsA .newTop .left{
	width: 33.3%;
}
.news .newsA .newTop .left img{
	width: 100%;
	display: block;
}
.news .newsA .newTop .right{
	width: 55%;
	margin-left: 4%;
}
.news .newsA .newTop .right h3{
  font-size: 1vw;
  font-family: "Microsoft YaHei";
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 2;
}
.news .newsA .newTop .right p{
  font-size: 0.5vw;
  font-family: "Microsoft YaHei";
  color: rgb(0, 0, 0);
  font-weight: normal;
  line-height: 1.5;
  text-align: justify;
}
.news .newsA ul{width: 100%;margin-top: 10px;}
.news .newsA ul li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
    height: 2vw;
}
.news .newsA ul li a{
  font-size: 13px;
  font-family: "Microsoft YaHei";
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
.news .newsA ul li p{
  font-size: 12.5px;
  font-family: "Microsoft YaHei";
  color: #7B7B7A;
  line-height: 1.2;
}

/*第五页*/
.contact{
	width: 62.5%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.contact .title{
	width: 100%;
	margin-bottom: 20px;
}
.contact .title h1{
  font-size: 41.667px;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.contact .title h1 span{ font-size: 30px;font-weight: normal;margin-left: 1vw;}
.contact .left{
	width: 50%;
}
.contact .left li{
	padding-left: 12%;
  	font-size: 23px;
  	font-family: "Microsoft YaHei";
  	color: rgb(255, 255, 255);
  	line-height: 2.7;
	background-size: 10%;
	margin:1vw 0;
}
.contact .left li:nth-child(1){ background:url(../img/tact1.png) no-repeat;}
.contact .left li:nth-child(2){ background:url(../img/tact2.png) no-repeat;}
.contact .left li:nth-child(3){ background:url(../img/tact3.png) no-repeat;}

.contact .right{
	width: 50%;
}
.contact .right form{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact .right input{
	width: 46%;
	padding: 0 1%;
	border-radius:5px;
  	font-size: 0.8vw;
  	font-family: "Microsoft YaHei";
  	color: rgb(0, 0, 0);
  	line-height: 2;
	margin: 10px 0;
}
.contact .right textarea{
	width: 96%;
	padding: 0.6vw 2%;
	border-radius:10px;
	margin: 10px 0;
	font-size: 0.8vw;
  	font-family: "Microsoft YaHei";
  	color: rgb(0, 0, 0);
  	line-height: 2;
}
.contact .right input,textarea::placeholder{
	font-size: 0.8vw;
  	font-family: "Microsoft YaHei";
  	color: rgb(155, 155, 155);
  	line-height: 2;
}
.contact .right .btn{
	width: 100%;
	background: #C8A358;
	border: none;
	outline: none;
	color: #FFFFFF;
	border-radius: 10px;
	cursor: pointer;
}
.footer{
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #2F2F2F;
}
.footer p{
  font-size:0.7vw;
  font-family: "Microsoft YaHei";
  color: rgb(155, 155, 155);
  line-height: 4;
	text-align: center;
	font-weight: lighter;
}
.images{
	display:flex;
	margin-left: 15px;
}
.juxing{
	width:15%;
}
#font{
	font-size: 8px;
	margin-top: 20px;
}

.imageflow{
    margin-top: 100px;
	transform:translateX(0%);
}
.biaoti{
	display:flex;
}
.biaoti p{
	margin-top:0px;
	margin-left:5px;
	margin-right:40px;
}
.section-6 .title{
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding-top:8vw;
}
.section-6 .title h3{
  font-size: 2vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.8;
	letter-spacing: 0.1em;
}
.section-6 .title p{
  font-size: 1.3vw;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.2;
  font-weight:lighter;
	letter-spacing: 0.1em;
}