@charset "utf-8";







* {



	padding: 0;



	margin: 0;



	box-sizing: border-box;



	-webkit-text-size-adjust: none;



}







html {



	width: 100%;



	height: 100%;



}







@font-face {



  font-family: 'Gotham pro';



  src: url('/static/font/GothamPro.eot');



  src: url('/static/font/GothamPro.eot?#iefix') format('embedded-opentype'),



       url('/static/font/GothamPro.woff') format('woff'),



       url('/static/font/GothamPro.ttf') format('truetype'),



       url('/static/font/GothamPro.svg#defineName') format('svg');



  font-weight: normal;



  font-style: normal;



}







@font-face {



	font-family: 'Gotham';



	src: url('/static/font/Gotham-Light.eot');



	src: url('/static/font/Gotham-Light.eot?#iefix') format('embedded-opentype'),



		url('/static/font/Gotham-Light.woff') format('woff'),



		url('/static/font/Gotham-Light.ttf') format('truetype'),



		url('/static/font/Gotham-Light.svg#defineName') format('svg');



	font-weight: normal;



	font-style: normal;



}







body {



	color: #000;



	background: #fff;



	padding: 0;



	font-family: "Gotham", "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";



	font-size: 16px;



	line-height: 1.4;



	width: 100%;



	height: 100%;



}







ul,



ol,



li {



	list-style: none;



}







a {



	text-decoration: none;



	color: inherit;



	transition: ease 0.4s ease;



}







a:hover {



	text-decoration: none;



	/* color: #fff; */



}







a:focus {



	outline: none;



}







input,



textarea,



button {



	outline: 0;



	font-family: "PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";



}







img {



	border: 0;



	vertical-align: middle;



}







select {



	background: none;



}







button {



	cursor: pointer;



}







.clearfix:after {



	content: " ";



	display: block;



	width: 100%;



	height: 0;



	clear: both;



}







.flex {



	display: flex;



	flex-wrap: wrap;



}







.flex-xc {



	display: flex;



	flex-wrap: wrap;



	justify-content: center;



}







.flex-xb {



	display: flex;



	flex-wrap: wrap;



	justify-content: space-between;



}







.flex-xend {



	display: flex;



	flex-wrap: wrap;



	justify-content: flex-end;



}







.flex-yc {



	display: flex;



	flex-wrap: wrap;



	align-items: center;



}







.flex-xc-yc {



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	justify-content: center;



}







.flex-column {



	flex-direction: column;



}







.wrap {



	width: 100%;



	max-width: 62.5vw;



	margin: 0 auto;



}







.swiper-button-next,



.swiper-button-prev {



	outline: none;



}















::-webkit-scrollbar {



	width: 5px;



	height: 5px;



}







::-webkit-scrollbar-button:vertical {



	display: none



}







::-webkit-scrollbar-track:vertical {



	background-color: black



}







::-webkit-scrollbar-track-piece {



	background: #E3E3E3



}







::-webkit-scrollbar-thumb:vertical {



	background-color: #3B3B3B;



	border-radius: 30px



}







::-webkit-scrollbar-thumb:vertical:hover {



	background-color: #3CD278



}







::-webkit-scrollbar-corner:vertical {



	background-color: #535353



}







::-webkit-scrollbar-resizer:vertical {



	background-color: #3CD278



}







::selection {



	background-color: #3CD278;



	color: #fff



}







-webkit-::selection {



	background-color: #3CD278;



	color: #fff



}







::-moz-selection {



	background-color: #3CD278;



	color: #fff



}







/* 



*======================================================media===============================================================



*/



@media screen and (max-width:1919px) {}







@media screen and (max-width:1519px) {}







@media screen and (max-width:1366px) {}







@media screen and (max-width:1250px) {



	.wrap {



		width: 100%;



		max-width: 90%;



		margin: 0 auto;



	}



}







@media screen and (max-width:991px) {}







@media screen and (max-width:768px) {}







@media screen and (max-width:480px) {}