@charset "utf-8";
*,body{margin: 0;padding: 0;text-decoration: none;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}
html{font-family:MiSans,system-ui,sans-serif;line-height:1.5}
body{font-family:inherit;line-height:inherit;}
html, body {width: 100%;height: 100%;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
fieldset,img{border:0}
li,ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:""}abbr,acronym{border:0}
a{text-decoration:none;outline:none;background: transparent;}
a:link{color:#333; text-decoration:none;}
a:focus,a:hover{color:#ec6302;}
a:visited{color:#333}
input{outline: none;}
h1,h2,h3,h4,h5,h6,p,i,span,a,.img,img,li{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}



::-webkit-scrollbar {width:2px;/* 这是针对缺省样式 (必须的) */ }
::-webkit-scrollbar-track {background-color: #f1f3f5;/* 滚动条的滑轨背景颜色 */}
::-webkit-scrollbar-thumb {background-color: #ced4da;/* 滑块颜色 */}
::-webkit-scrollbar-button {background-color: #f1f3f5;/* 滑轨两头的监听按钮颜色 */}
::-webkit-scrollbar-corner {background-color: #f1f3f5;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */}

.flex-sb{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}

.flex-ce{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-fs{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex-fe{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content:  flex-end;
}
body{width:100%;height: 100%;position: relative;margin: 0 auto;}
.wap{background-color: #ececec;width:100%;height: 100%;overflow: hidden}
.container{width: 100%;padding: 0 25px;}
header{background-color: #fff;height:60px;padding:10px 0 0 0;position: fixed;top:0;z-index: 999;margin: 0 auto;width: 100%;
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.08);
}
header .container{align-items: center;}
header .logo{width: 40%;position: relative;left: -10px;top:-2px;}
header .logo img{width:110px;}
header .lang{width: 50%;text-align: right}
header .lang a{font-size: 1.6rem;margin-right:5px;font-weight:500;color: #495057;text-transform: uppercase}
header .lang a:hover,header .lang a.cur{color: #0d65a4}
header .menu{width: 10%;text-align: right}
header .menu a i{font-size: 3rem;color: #0e6aac}

.m_nav{
	position:fixed;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width:90%;max-width: 750px;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
	opacity: 0;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;right:-90%;
	transform: translateX(100%);
	padding: 5% 0 0 0;
}
.m_nav.open{transform: translateX(0);right: 0;opacity: 1}
.m_nav .closed{
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 3rem;
	color:#868e96;
	position: absolute;right: 20px;top:20px;
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul{margin-top:25px;padding: 0 25px;}
.m_nav .ul li{
	border-bottom: 1px solid #eaeaea;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
	-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #666;
	font-size:1.8rem;font-weight:500;
	height: 55px;
	line-height: 55px;
	width: 100%;text-transform: uppercase;
}
.m_nav .ul li a i{color: #999;font-size:2.2rem;margin-right:5px;font-weight: 500;}
.m_nav .ul li .dropdown_menu{display: none;padding: 0 0 15px 0;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	color: #868e96;
	height: unset;
	line-height:22px;
	padding: 8px 30px;
	box-sizing: border-box;text-transform: capitalize;
}
.m_nav .ul li .dropdown_menu a i{font-size: 1.2rem;margin-right:0;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
.m_language{padding:50px 0 0 0;width:90%;margin: 0 auto;}
.m_language li{width:32%;margin-right:2%;}
.m_language li:last-child{margin-right: 0;}
.m_language li a{display: block;text-align: center;font-size: 1.6rem;font-weight:550;color: #495057}
.m_language li a img{width:40px;margin-right: 5px; }

footer{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;}
.foot-nav{width: 100%;max-width: 750px;margin: 0 auto;height:65px;background-color: #fff;
	box-shadow:10px 0 15px 5px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 10px 0 15px 5px rgba(0, 0, 0, 0.08);
}
.foot-nav li{width: 25%;text-align: center;}
.foot-nav li a{display: block;padding:8px 0}
.foot-nav li i{display: block;margin: 0 auto;font-size:2.5rem;line-height:2.5rem;color:#495057;margin-bottom:2px; }
.foot-nav li span{display: block;font-size: 1.4rem;font-weight: 500;color: #495057;text-transform: uppercase;}
.foot-nav li a:hover,.foot-nav li a.cur{background-color:#0e6aac; }
.foot-nav li a:hover i,.foot-nav li a.cur i{color: #fff;}
.foot-nav li a:hover span,.foot-nav li a.cur span{color:#fff;}

::-webkit-input-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;}
::-moz-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;}
:-ms-input-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;}