@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600;900&display=swap);
@font-face {
	font-family: "arial";
	/* Project id  */
	src: url('../fonts/arial.ttf') format('truetype');
}

@font-face {
	font-family: "Helvetica";
	/* Project id  */
	src: url('../fonts/Helvetica.ttf') format('truetype');
}

@font-face {
	font-family: "times";
	/* Project id  */
	src: url('../fonts/times.ttf') format('truetype');
}

@font-face {
	font-family: "GARA";
	/* Project id  */
	src: url('../fonts/GARA.TTF') format('truetype');
}

@font-face {
	font-family: "AvantGardeBookBT";
	/* Project id  */
	src: url('../fonts/AvantGardeBookBT.ttf') format('truetype');
}

@font-face {
	font-family: "Swis721WGL4BTRoman";
	/* Project id  */
	src: url('../fonts/Swis721WGL4BTRoman.ttf') format('truetype');
}

@font-face {
	font-family: "Swis721WGL4BTBold";
	/* Project id  */
	src: url('../fonts/Swis721WGL4BTBold.ttf') format('truetype');
}

@font-face {
	font-family: "tt0861m";
	/* Project id  */
	src: url('../fonts/tt0861m.ttf') format('truetype');
}

@font-face {
	font-family: "HelveticaB";
	/* Project id  */
	src: url('../fonts/Helvetica-Condensed-Black-Se.ttf') format('truetype');
}

@font-face {
	font-family: "SFPro";
	/* Project id  */
	src: url('../fonts/SF-Pro-Display-Black.otf') format('truetype');
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

a {
	color: #222222;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
}
img{
	display: block;
}
.p-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.p-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.p-120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-180 {
	padding-top: 180px;
}
.mt-90{
	margin-top: 90px;
}
.w-1500 {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding-left: 80px;
	padding-right: 80px;
}

.w-1200 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 80px;
	padding-right: 80px;
}

@media (max-width:1280px ) {
	.w-1500,.w-1200 {
		padding-left: 60px;
		padding-right: 60px;
	}
	.p-60 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.p-80 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.p-120 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.pb-40 {
		padding-bottom: 30px;
	}
	.pb-60 {
		padding-bottom: 40px;
	}
	.pb-80 {
		padding-bottom: 60px;
	}
	.pb-120 {
		padding-bottom: 90px;
	}
	.pt-120 {
		padding-top: 90px;
	}
	.pt-180 {
		padding-top: 140px;
	}
}
@media (max-width:980px ) {
	.w-1500,.w-1200 {
		padding-left: 40px;
		padding-right: 40px;
	}
	.p-60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.p-80 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.p-120 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.pb-40 {
		padding-bottom: 20px;
	}
	.pb-60 {
		padding-bottom: 30px;
	}
	.pb-80 {
		padding-bottom: 40px;
	}
	.pb-120 {
		padding-bottom: 60px;
	}
	.pt-120 {
		padding-top: 60px;
	}
	.pt-180 {
		padding-top: 90px;
	}
}
@media (max-width:768px ) {
	.w-1500,.w-1200 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.p-60 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.p-80 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.p-120 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.pb-40 {
		padding-bottom: 20px;
	}
	.pb-60 {
		padding-bottom: 20px;
	}
	.pb-80 {
		padding-bottom: 30px;
	}
	.pb-120 {
		padding-bottom: 40px;
	}
	.pt-120 {
		padding-top: 40px;
	}
	.pt-180 {
		padding-top: 90px;
	}
}

	header {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		background-color: rgba(255, 255, 255, 0);
		transition: all 0.3s ease 0.1s;
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
	}
	
	header.header {
		box-shadow: 0px 0px 4px #bdbdbd;
		background-color: rgba(255, 255, 255, 1);
	}
	header .w-1500{
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}
	header .H-L {
		display: flex;
		flex-flow: wrap;
	}
	
	header .H-L .logo {
		padding: 20px 0;
		padding-right: 70px;
	}
	
	header .H-L .logo img {
		height: 50px;
	}
	
	
	header .H-L ul {
		display: flex;
	}
	
	header .H-L ul li a {
		font-size: 18px;
		line-height: 90px;
		color: #ffffff;
		padding: 0 35px;
	}
	header.header .H-L ul li a {
		color: #000000;
	}
	header .H-R .hotline span {
		line-height: 90px;
		font-size: 18px;
		color: #ffffff;
	}
	header.header .H-R .hotline span{
		color: #000000;
	}
	
	.mob-header{
		height: 55px;
		width: 100%;
		position: relative;
		display: none;
	}
	.mob-header .mob-header-top{
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		align-items: center;
		padding-left: 12.5px;
	}
	.mob-header .logo img{
		height: 30px;
	}
	.mob-header .menu{
		width: 55px;
		height: 55px;
		background-color: #DA1516;
		padding: 15px;
	}
	.mob-header .menu img{
		width: 100%;
	}
	.mob-header .mob-header-nav{
		transition:all 0.5s ease 0.1s;
		position: absolute;
		top: 55px;
		left: 0;
		z-index: 999;
		background-color: rgba(255,255,255,0.92);
		width: 100%;
		height: calc(100vh - 55px);
		transform: translateX(-150%);
		opacity: 0;
		display: flex;
		flex-flow: wrap;
		    align-items: center;
		    padding-bottom: 55px;
	}
	.mob-header .mob-header-nav.mob-header-nav-s{
		transform: translateX(0%);
		opacity: 1;
	}
	.mob-header .mob-header-nav ul{
		width: 60%;
		margin: 0 auto;
	}
	.mob-header .mob-header-nav ul li{
		padding: 25px;
		text-align: center;
		border-bottom: 1px solid #555555; 
		
	}
	.mob-header .mob-header-nav ul li:first-child{
		border-top: 1px solid #555555;
	}
	.mob-header .mob-header-nav ul li a{
		font-size: 20px;
	}
@media (max-width:1280px ){
	header .H-L ul li a {
		padding: 0 25px;
	}	
}
@media (max-width:1150px ) {
	header .H-L .logo{
		padding-right: 30px;
	}
	header .H-L ul li a {
		padding: 0 25px;
		font-size: 17px;
	}
	header .H-R .hotline span {
		font-size: 17px;
	}
}
@media (max-width:1060px ){
	header .H-L .logo{
		padding-right: 20px;
	}
	header .H-L ul li a {
		padding: 0 20px;
		font-size: 16px;
	}
	header .H-R .hotline span {
		font-size: 16px;
	}
}
@media (max-width:980px ){
	header{
		display: none;
	}
	.mob-header{
		display: block;
	}
}	
footer{
	background-color: #eaebee;
	width: 100%;
}
footer h4{
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 32px;
	padding-bottom: 30px;
}

footer>*>ul{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
footer>*>ul>li:nth-of-type(1){
	width: 250px;
	display: flex;
	flex-flow: wrap;
}
footer>*>ul>li:nth-of-type(2){
	
}
footer>*>ul>li:nth-of-type(3){
	width:240px;
}
footer>*>ul>li .footer-logo{
	padding-bottom: 30px;
	width: 100%;
}
footer>*>ul>li .footer-logo img{
	max-width: 230px;
	width: 100%;
}
footer>*>ul>li>h6{
	font-size: 24px;
	font-weight: 600;
	color: #000000;
	padding-bottom: 30px;
	width: 100%;
}

footer>*>ul>li:nth-of-type(3) img{
	width: 100%;
	max-width: 230px;
	padding: 15px;
	background-color: #ffffff;
}

footer .footer-add p{
	font-size: 16px;
	color: #333333;
}
footer .footer-add p + p{
	padding-top: 15px;
}
footer .footer-b p{
	font-size: 15px;
	color: #333333;
}
footer .footer-b a{
	color: #333333;
}
footer .footer-b p + p{
	padding-top: 10px;
}
@media (max-width:980px ){
}
@media (max-width:768px ){
	footer>*>ul>li{
		width: 100%;
	}
	footer>*>ul>li:nth-of-type(1),footer>*>ul>li:nth-of-type(3){
		width: 100%;
	}
	footer>*>ul>li + li{
		padding-top: 20px;
	}
	footer>*>ul>li .footer-logo{
		padding-bottom: 20px;
	}
	footer>*>ul>li .footer-logo img{
		width: 100px;
	}
	footer>*>ul>li>h6{
		font-size: 16px;
		padding-bottom: 15px;
	}
	footer .footer-add p + p{
		padding-top: 10px;
	}
	footer .footer-add p{
		font-size: 14px;
	}
	footer .footer-b p{
		font-size: 14px;
	}
}


@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1754382863542') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dianhua:before {
  content: "\e601";
}