@font-face {
	font-family: 'QuicksandMedium';
	font-display: swap;
	src: url("../fonts/quicksandmedium.eot");
	src: url("../fonts/quicksandmedium.eot") format("embedded-opentype"), url("../fonts/quicksandmedium.woff2") format("woff2"), url("../fonts/quicksandmedium.woff") format("woff"), url("../fonts/quicksandmedium.ttf") format("truetype"), url("../fonts/quicksandmedium.svg") format("svg")
}

@font-face {
	font-family: 'QuicksandRegular';
	font-display: swap;
	src: url("../fonts/quicksandregular.eot");
	src: url("../fonts/quicksandregular.eot") format("embedded-opentype"), url("../fonts/quicksandregular.woff2") format("woff2"), url("../fonts/quicksandregular.woff") format("woff"), url("../fonts/quicksandregular.ttf") format("truetype"), url("../fonts/quicksandregular.svg") format("svg")
}

@font-face {
	font-family: 'FREESCPT';
	font-display: swap;
	src: url("../fonts/freescpt.eot");
	src: url("../fonts/freescpt.eot") format("embedded-opentype"), url("../fonts/freescpt.woff2") format("woff2"), url("../fonts/freescpt.woff") format("woff"), url("../fonts/freescpt.ttf") format("truetype"), url("../fonts/freescpt.svg") format("svg")
}

@font-face {
	font-family: 'NothingYouCouldDo-Regular';
	font-display: swap;
	src: url("../fonts/nothingyoucoulddo-regular.eot");
	src: url("../fonts/nothingyoucoulddo-regular.eot") format("embedded-opentype"), url("../fonts/nothingyoucoulddo-regular.woff2") format("woff2"), url("../fonts/nothingyoucoulddo-regular.woff") format("woff"), url("../fonts/nothingyoucoulddo-regular.ttf") format("truetype"), url("../fonts/nothingyoucoulddo-regular.svg") format("svg")
}
* {
  margin: 0;
  padding: 0;
  user-select: none;
}
/*.menu {
	position: fixed;
	left: 0;
	top: 0;

	width: 100%;
	height: 110px;
	background: #F4C700;
  	z-index:999;
  	margin:0 auto;
}*/
.clear{
	clear: both;
		}
.sub a{
	text-decoration: none;
	 color: #333;
	}
li {list-style:none;}
.sub {
		float: left;
		margin: auto;
		position: relative;
		}
.menu {
  /*position:relative;*/
  position: fixed;
  z-index:999999999;
  width:100%;
  height:110px;
  margin:0 auto;
  float: left;
  background-color: #00D700;
	font-size: 20px;
}
/*
 .logo {
	display: inline-block;
	vertical-align: middle;
  	height: 69px;
	width: 280px;
	margin: 42px 42px 0px 42px;
	float: left;
}*/
.logo {
	width: 369px;
	height: 80px;
	margin: 32px 42px 0px 42px;
	float: left;
	/*margin: 18px 42px;*/
	/*margin: 18px 50px;*/
}

.logo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.menu .sub {
  display:block;
  float:left;
  height:110px;
}
.menu .sub.on{
  display:block;
}
.menu .toggle-menu {
  display:none;
  float:right;
}
.menu .sub > li {
  float:left;
  width: 150px;
  text-align:center;
  color: #333;
}
.menu .sub>li span{
  display:block;
  height:110px;
  line-height:110px;
  
}
.menu .sub>li ul {
  height:0;
  transition: all 2s;
  overflow: hidden;
  background:#98FA98;
}
.menu .sub>li ul.on {
  height: auto;
  transition: all 2s;
}
.menu .sub>li ul li {
  height:40px;
  line-height:40px;
}
		.toggle{
			margin-top: 30px;
		}
.menu ul.toggle li {
  height: 2px;
  width: 35px;

  background-color: #6E6E6E;
  margin-bottom: 10px;
  list-style: none;
  transition: all .2s;
  opacity: 1;
}

.menu .active li:nth-of-type(2) {
  opacity: 0;
}
 
.menu .active li:nth-of-type(1) {
  transform: translateY(12px) rotate(45deg);
}
 
.menu .active li:nth-of-type(3) {
  transform: translateY(-12px) rotate(-45deg);
}
 
@media screen and (max-width: 768px) {
  .menu {
    width: 100%;
    box-shadow: 0 1px 2px #eee;
  }
  .menu .sub {
	height: 50px;
    display: none;
    width:100%;
  }
  .menu .sub>li {
    width: 100%;
	 background-color: #fdd000;
    border-bottom:1px solid #eee;
  }
.menu .sub>li span{
  display:block;
  height:50px;
  line-height:50px;
}
  .menu .toggle-menu {
    position:relative;
    top:5px;
    right:5px;
    display: block;
  }

}
/*电话号码部分开始*/
.header-tel{
	display: block;
	float: right;
	}

.header-tel span {
	
	text-transform: uppercase;
	height: 22px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
}

.header-tel {
	width: 200px;
	margin-top: 20px;
	margin-right: 40px;
	
}
.header-tel .tel-wrap{
	
	width: 100%;
	height: 64px;
	background-color: #FFFFFF;
	border-radius: 8px;
}

.header-tel span {
	display: block;
	text-align: center;
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 38px;
}

.header-tel p {
	display: block;
	text-align: center;
	font-size: 26px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 38px;
	margin-top: 5px;
}
.header-hint-m {
		display: none
	}
/*电话号码部分介绍*/

@media(max-width:1460px) {
	
.header-tel {
		width: 180px;
	margin-right: 20px;
	}
	.header-tel p {
	font-size: 22px;
}
	.logo {
		height: 60.71px;
		width: 280px;
		margin: 40px 42px 0px 42px;
	}
}
@media(max-width:1320px) {
	
	.logo {
		width: 240px;
		height: 52.03px;
		margin-top: 59px;
		margin-right: 10px;
		margin-left: 20px;
	}
	
	.header-tel p {
	font-size: 22px;
}
	
}
@media(max-width:1240px) {
.logo {
		margin-left: 2px;
	}
	.header-tel {
	
}
.menu .sub > li {
  float:left;
  width: 130px;
  text-align:center;
  color: #333;

}

	
}
/*@media screen and (max-width: 768px) */
@media screen and (max-width: 1100px)
{
  .menu {
    width: 100%;
    box-shadow: 0 1px 2px #eee;
  }
  .menu .sub {
	height: 50px;
    display: none;
    width:100%;
  }
  .menu .sub>li {
    width: 100%;
	 background-color: #fdd000;
    border-bottom:1px solid #eee;
  }
.menu .sub>li  span{
  display:block;
  height:50px;
  line-height:50px;
}
  .menu .toggle-menu {
    position:relative;
    top:5px;
    right:5px;
    display: block;
  }
	.header-tel{
		visibility: hidden;
	}
	
	.header-hint-m {
		display: inline-block;
		vertical-align: middle
	}
	.header-hint-m {
		position: relative;
		right: auto;
		margin-left: 16px;
		font-size: 16px;
		margin-top: 66px;
	}
	.header-hint-m .header-lang {
		display: none
	}
	.header-hint-m .header-tel-m {
		margin-left: 0;
		padding-left: 16px;
		border-left: 2px solid #EBEBEB;
	}
	.header-hint-m span{
		font-family: "QuicksandMedium";
		color: #fff;
		text-transform: uppercase;
	}
	.header-hint-m p{
		color: #fff;
		font-size: 14px;
		position: relative;
		padding-right: 16px;
	}

}
@media screen and (max-width: 800px) {
	.header-hint-m {

		margin-top: 36px;
	}
	.logo {

		margin-top: 30px;

	}
.menu {

  height:80px;

}	
.menu .sub>li span{
  display:block;
  height:60px;
  line-height:60px;
  
}
}
@media screen and (max-width: 720px) {

	.logo {

		margin-top: 22px;
	}

}
@media screen and (max-width: 650px) {
	
	.logo {
		width: 160px;
		height: 40px;
		margin-top: 30px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.header-hint-m {
       margin-left: 5px;}
	.menu {

    height:80px;

   }	
}
@media screen and (max-width: 620px) {
		.menu {

    height:85px;

   }
	
}