@charset "UTF-8";

@media all and (min-width:320px){
#footer{
	flex-flow:column nowrap;
	width: 100%;
	height:363px;
	height:113.4375vw;
	color:#ffffff;
	background-color:#000000;
	margin:0 auto;
}	

#footer>.flex{
	flex-flow:column nowrap;
	width:293px;
	width:91.5625vw;
	margin-left:27px;
	margin-left:8.4375vw;
}

#footer>.flex.first>.flex.first{
	flex-flow:row nowrap;
	margin-top:24px;
	margin-top:7.5vw;
}

#footer>.flex.first>.flex.first>.indicator{
	width:1px;
	width:0.3125vw;
	height:20px;
	height:6.25vw;
	background-color:#d8d8d8;
	margin-right:17px;
	margin-right:5.3125vw;
}

#footer>.flex.first>.flex.first>.image{
	width:50px;
	width:15.625vw;
	height:20px;
	height:6.25vw;
}

#footer>.flex.first>.flex.second{
	flex-flow:column nowrap;
}

#footer>.flex.first>.flex.second>.text.first{
	width:112px;
	width:45vw;
	height:40px;
	height:12.5vw;
	line-height:20px;
	line-height:6.25vw;
	font-size:11.4px;
	font-size:3.5625vw;
	font-weight:normal;
	margin-top:20px;
	margin-top:6.25vw;
}

#footer>.flex.first>.flex.second>.text.second{
	width:175px;
	width:54.6875vw;
	height:60px;
	height:18.75vw;
	line-height:20px;
	line-height:6.25vw;
	font-size:11.4px;
	font-size:3.5625vw;
	font-weight:normal;
	margin-top:28px;
	margin-top:8.75vw;
}

#footer>.flex.second{
	flex-flow:column nowrap;
}

#footer>.flex.second>.flex.first{
	flex-flow:row nowrap;
	width:108px;
	width:33.75vw;
	height:24px;
	height:7.5vw;
	position:relative;
	margin-top:32px;
	margin-top:10vw;
}

#footer>.flex.second>.flex.first>.text.first{
	width:80px;
	width:25vw;
	height:24px;
	height:7.5vw;
	line-height:24px;
	line-height:7.5vw;
	font-size:14px;
	font-size:4.375vw;
}

#footer>.flex.second>.flex.first>.flex.first{
	display:none;
	flex-flow:column nowrap;
	width:160px;
	width:50vw;
	position:absolute;
	z-index:10000;
	background-color:#ffffff;
	border-radius:2px;
	border-radius:0.625vw;
	box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.28);
	transform:translate(0, -100%);
}

#footer>.flex.second>.flex.first>.flex.first.on{
	display:flex;
}

#footer>.flex.second>.flex.first>.flex.first>.text{
	width:160px;
	width:50vw;
	height:32px;
	height:10vw;
	line-height:32px;
	line-height:10vw;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-size:4.375vw;
}

#footer>.flex.second>.flex.first>.flex.first>.text.on{
	color:#ff7721;
}

#footer>.flex.second>.flex.first>.image.first{
	width:24px;
	width:7.5vw;
	height:24px;
	height:7.5vw;
	margin-left:4px;
	margin-left:1.25vw;
}

#footer>.flex.second>.text.first{
	width:80px;
	width:25vw;
	height:20px;
	height:6.25vw;
	line-height:20px;
	line-height:6.25vw;
	font-size:14.2px;
	font-size:4.4375vw;
	font-weight:500;
	margin-top:32px;
	margin-top:10vw;
}

#footer>.flex.second>.text.second{
	width:160px;
	width:50vw;
	height:20px;
	height:6.25vw;
	line-height:20px;
	line-height:6.25vw;
	font-size:11.4px;
	font-size:3.5625vw;
	font-weight:normal;
	margin-top:20px;
	margin-top:6.25vw;
}
	
}
@media all and (min-width:768px){
#footer{
	flex-flow:row nowrap;
	justify-content:space-between;
	height:100px;
	height:12.5vw;
}	

#footer>.flex{
	flex-flow:row nowrap;
	width:auto;
	margin-left:0px;
	margin-top:20px;
	margin-top:2.5vw;
}

#footer>.flex.first>.flex.first{
	flex-flow:row nowrap;
	margin-top:0px;
}

#footer>.flex.first>.flex.first>.indicator{
	width:1px;
	width:0.125vw;
	height:60px;
	height:7.5vw;
	margin-left:35px;
	margin-left:4.375vw;
	margin-right:17px;
	margin-right:2.125vw;
}

#footer>.flex.first>.flex.first>.image{
	width:50px;
	width:6.25vw;
	height:20px;
	height:2.5vw;
	margin-right:36px;
	margin-right:4.5vw;
}

#footer>.flex.first>.flex.second{
	flex-flow:row nowrap;
}

#footer>.flex.first>.flex.second>.text.first{
	width:120px;
	width:24vw;
	height:40px;
	height:5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:11.4px;
	font-size:1.425vw;
	margin-top:0px;
	margin-right:10px;
	margin-right:1.25vw;
}

#footer>.flex.first>.flex.second>.text.second{
	width:175px;
	width:21.875vw;
	height:60px;
	height:7.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:11.4px;
	font-size:1.425vw;
	margin-top:0px;
}

#footer>.flex.second{
	flex-flow:column nowrap;
	align-items:flex-end;
	width:180px;
	width:22.5vw;
	position:relative;
	margin-right:36px;
	margin-right:4.5vw;
}


#footer>.flex.second>.flex.first{
	flex-flow:row nowrap;
	width:100px;
	width:12.5vw;
	height:20px;
	height:2.5vw;
	position:absolute;
	top:0;
	left:0;
	margin:0px;
}

#footer>.flex.second>.flex.first>.text.first{
	width:80px;
	width:10vw;
	height:20px;
	height:2.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:14.2px;
	font-size:1.775vw;
}

#footer>.flex.second>.flex.first>.flex.first{
	display:none;
	flex-flow:column nowrap;
	width:180px;
	width:22.5vw;
	position:absolute;
	left:-80px;
	left:-10vw;
	background-color:#ffffff;
	border-radius:2px;
	border-radius:0.25vw;
}

#footer>.flex.second>.flex.first>.flex.first.on{
	display:flex;
}

#footer>.flex.second>.flex.first>.flex.first>.text{
	width:180px;
	width:22.5vw;
	height:40px;
	height:5vw;
	line-height:40px;
	line-height:5vw;
	color:#000000;
	text-align:center;
	font-size:16px;
	font-size:2vw;
}

#footer>.flex.second>.flex.first>.flex.first>.text.on{
	color:#ff7721;
}

#footer>.flex.second>.flex.first>.image.first{
	width:20px;
	width:2.5vw;
	height:20px;
	height:2.5vw;
	margin-left:4px;
	margin-left:0.5vw;
}

#footer>.flex.second>.text.first{
	width:80px;
	width:10vw;
	height:20px;
	height:2.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:14.2px;
	font-size:1.775vw;
	text-align:right;
	margin-top:0px;
}

#footer>.flex.second>.text.second{
	width:160px;
	width:20vw;
	height:20px;
	height:2.5vw;
	line-height:20px;
	line-height:2.5vw;
	font-size:11.4px;
	font-size:1.425vw;
	text-align:right;
	margin-top:20px;
	margin-top:2.5vw;
}

}

@media all and (min-width:1440px){
#footer{
	width:1440px;
	height:140px;
}	

#footer>.flex{
	margin-top:28px;
}

#footer>.flex.first>.flex.first>.indicator{
	width:1px;
	height:92px;
	margin-left:60px;
	margin-right:14px;
}

#footer>.flex.first>.flex.first>.image{
	width:70px;
	height:25px;
	margin-right:63px;
}

#footer>.flex.first>.flex.second>.text.first{
	width:168px;
	height:56px;
	line-height:28px;
	font-size:16px;
	margin-right:14px;
}

#footer>.flex.first>.flex.second>.text.second{
	width:247px;
	height:84px;
	line-height:28px;
	font-size:16px;
}

#footer>.flex.second{
	width:320px;
	margin-right:60px;
}

#footer>.flex.second>.flex.first{
	flex-flow:row nowrap;
	width:140px;
	height:28px;
}

#footer>.flex.second>.flex.first>.text.first{
	width:112px;
	height:28px;
	line-height:28px;
	font-size:20px;
}

#footer>.flex.second>.flex.first>.flex.first{
	display:none;
	flex-flow:column nowrap;
	width:240px;
	position:absolute;
	left:-100px;
	background-color:#ffffff;
	border-radius:2px;
}

#footer>.flex.second>.flex.first>.flex.first.on{
	display:flex;
}

#footer>.flex.second>.flex.first>.flex.first>.text{
	width:240px;
	height:40px;
	line-height:40px;
	color:#000000;
	text-align:center;
	font-size:16px;
}

#footer>.flex.second>.flex.first>.flex.first>.text.on{
	color:#ff7721;
}

#footer>.flex.second>.flex.first>.image.first{
	width:24px;
	height:24px;
	margin-top:4px;
	margin-left:4px;
}

#footer>.flex.second>.text.first{
	width:110px;
	line-height:28px;
	font-size:20px;
}

#footer>.flex.second>.text.second{
	width:220px;
	height:28px;
	line-height:28px;
	font-size:16px;
	margin-top:28px;
}

}