ul,li{
	list-style-type: none;
}
html,body{
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
}
/*头*/
.layout-main{
	/*"pingfang", "PingFang SC", */
	font-family: "pingfang", "PingFang SC","Helvetica Neue", arial, Helvetica, sans-serif;
}
.menu-wrapper{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.menu-wrapper div{
	cursor: pointer;
	line-height: 40px;
	height: 40px;
}
.menu-active{
	color: #000;
}
.header{
	position: relative;
}
.mask {
  display: none;
  width: 200px;
  height: 120px;
  position: absolute;
  /*background: rgba(0, 0, 0, 0.2);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);*/
  top: 80px;
  right:0px;
  z-index: 1000;
}

.mask ul {
  list-style: none;
  color: #999;
  padding: 0px;
  margin: 0px;
}
.mask ul li {
	padding: 15px 10px;
}

.mask ul li span:hover,
.mask ul li.active
 {
  cursor: pointer;
  color: #269297;
}

.earth_icon {
    background-image: url(./imgs/earth-icon-white.png);
    background-size: cover;
}
.mask-menu{
	background: #fff;
	border-radius: 5px;
	box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.1);
	border:1px solid #eee;
}



/*尾*/
.footer {
	background: #131831;
	color: #fff;
}
.footer ul {
	height: 80px;
	display: flex;
}
.footer ul li {
	margin-top: 30px;
	height: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-right: 1px solid #ccc;
}
.footer ul li:last-child{
	border-right: none;
}
.location-4-title{
	padding-top: 150px;
}

.location-4-input-btn{
	height:45px;
	width:700px;
	position:relative;
	margin:0 auto;
	margin-top: 40px;
}
.location-4-input-btn input{
	height:50px;
	width:600px;
	padding-right:30px;
	position: absolute;
	top:5px; 
	left:10px;
	border: none;
}
.location-4-input-btn img{
	width: 700px;
	height: auto;
}
.location-4-input-btn input:focus {
	outline: none;
}
.location-4-input-wrapper{
	margin: 0 auto;
}
.location-4-input-text{
	width: 700px;
	margin:0 auto;
	color: #999;
	margin-top: 30px;
}
.location-4-nav{
	width: 700px;
	margin:0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
.click-action{
	width: 100px;
	height: 72px;
	background: red;
	position: absolute;
	right:0px;
	top:0px;
	cursor: pointer;
	opacity: 0;
}

/*通用css*/
.tip{
	position: fixed;
	left: 50%;
	margin-left: -200px;
	margin-top: -35px;
	top:50%;
	right: 50%;
	bottom: 50%;
	width: 400px;
	height: 65px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 20px;
}
.show{
	display: inline-block;
}
.hide{
	display: none;
}
.w1200{
	width: 1200px;
	margin:0 auto;
}	
.tc{
	text-align: center;
}
.color-gray333{
	color:#333;
}
.color-gray666{
	color:#666;
}
.color-gray999{
	color:#999;
}
.location-color{
	background-image:-webkit-linear-gradient(45deg, #115afe 38%, #278fff, #37b261,#ef9922 , #e6212a 58%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
    font-weight: 300;
    /*超细字体*/
    font-family:"Helvetica Neue";
}
.font-size-14{
	font-size: 14px;
}
.font-size-50{
	font-size: 50px;
}
.font-size-30{
	font-size: 30px;
}
.font-size-20{
	font-size: 20px;
}
.pt-150{
	padding-top: 150px;
}
.pb-60{
	padding-bottom: 60px;
}
.pt-60{
	padding-top: 60px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-30{
	padding-bottom: 30px;
}
.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}
.pt-100{
	padding-top: 100px;
}
.pb-30{
	padding-bottom: 30px;
}


.border-r{
	border-right: 1px solid #ccc;
}