@import url("reset.css");
@import url("iconfont.css");
/* unicode iconfont & class iconfont */
@import url('animate.css');
@import url('swiper.css');
@import url('lightgallery.css');

@font-face {
	font-family: 'sysfont';
	src: url('../fonts/sysfont.ttf') format('truetype');
}

@font-face {
	font-family: 'RobotoCondensed';
	src: url('../fonts/RobotoCondensed.ttf') format('truetype');
}

@keyframes mctranslate {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(10px, 10px);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes mctranslatex {
	0% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(-5px);
	}
}

@keyframes mctranslatey {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes mcscale {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes mcscalex {
	0% {
		transform: scaleX(1);
	}

	50% {
		transform: scaleX(0);
	}

	100% {
		transform: scaleX(1);
	}
}

@keyframes mcscaley {
	0% {
		transform: scaleY(1);
	}

	50% {
		transform: scaleY(1.05);
	}

	100% {
		transform: scaleY(1);
	}
}

@keyframes mcrotate {
	0% {
		transform: rotate(0);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes mcrotatex {
	0% {
		transform: rotateX(0);
	}

	50% {
		transform: rotateX(180deg);
	}

	100% {
		transform: rotateX(360deg);
	}
}

@keyframes mcrotatey {
	0% {
		transform: rotateY(0);
	}

	50% {
		transform: rotateY(180deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

@keyframes mcrotatez {
	0% {
		transform: rotateZ(0);
	}

	50% {
		transform: rotateZ(180deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

@keyframes mcskew {
	0% {
		transform: skew(0, 0);
	}

	50% {
		transform: skew(180deg, 180deg);
	}

	100% {
		transform: skew(360deg, 360deg);
	}
}

@keyframes mcskewx {
	0% {
		transform: skewX(0);
	}

	50% {
		transform: skewX(180deg);
	}

	100% {
		transform: skewX(360deg);
	}
}

@keyframes mcskewy {
	0% {
		transform: skewY(0);
	}

	50% {
		transform: skewY(180deg);
	}

	100% {
		transform: skewY(360deg);
	}
}

@keyframes mcopacity {
	0% {
		opacity: 0.5;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.5;
	}
}

/*
animation:xxx 3s infinite ease-in-out;-webkit-animation:xxx 3s infinite ease-in-out;
*/

::selection {
	background: #182fa3;
	color: #fff;
}

body {
	font-family: 'Microsoft YaHei';
	color: #333;
	line-height: 20px;
}

a {
	color: #333;
}

a:hover {
	color: #ee5f01;
}

/* link-visited-hover-active */
.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

/* js iconfont */
i {
	font-style: normal;
}

@media (min-width:768px) {

	/* TABLET */
	.sidebar {
		position: fixed;
		z-index: 3;
		bottom: 60px;
		right: 0;
		width: 50px;
		font-size: 12px;
	}

	.sidebar ul {}

	.sidebar li {
		position: relative;
		border-bottom: 2px solid transparent;
	}

	.sidebar li i {
		display: block;
		position: relative;
		z-index: 2;
		font-style: normal;
		text-align: center;
		background: #265ebf;
		color: #fff;
		padding: 5px 0;
		cursor: pointer;
	}

	.sidebar li i span {
		display: block;
	}

	.sidebar li i span:nth-of-type(1) {
		font-size: 30px;
		line-height: 30px;
	}

	.sidebar li section {
		position: absolute;
		z-index: -1;
		top: 50%;
		transform: translateY(-50%);
		left: 72px;
		transition: all ease-out 0.3s;
		border-right: 2px solid transparent;
		opacity: 0;
	}

	.sidebar li section.sidebartel dl {
		background: #ee5f01;
		color: #fff;
		padding: 15px;
		border-right: 2px solid transparent;
		box-sizing: content-box;
		width: 160px;
	}

	.sidebar li section.sidebartel dd {
		font-weight: bold;
		font-size: 18px;
		line-height: 25px;
		font-family: 'iconfont';
	}

	.sidebar li section.sidebartel dd a {
		color: #fff;
	}

	.sidebar li section.sidebarqrcode dl {
		display: inline-block;
		text-align: center;
		padding: 5px;
		background: #ee5f01;
		color: #fff;
		margin: 1px 0;
	}

	.sidebar li section.sidebarqrcode dd {
		margin-bottom: 5px;
	}

	.sidebar li section.sidebarqrcode dd img {
		width: 100px;
	}

	.sidebar li:hover section.sidebartel {
		z-index: 1;
		left: -194px;
		opacity: 1;
	}

	.sidebar li:hover section.sidebarqrcode {
		z-index: 1;
		left: -112px;
		opacity: 1;
	}
}

@media (max-width:767px) {

	/* MOBILE */
	.sidebar {
		position: fixed;
		z-index: 3;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.sidebar ul {
		position: relative;
	}

	.sidebar li {
		float: left;
		width: 25%;
	}

	.sidebar li i {
		display: block;
		z-index: 2;
		font-style: normal;
		text-align: center;
		background: #ee5f01;
		color: #fff;
		padding: 5px 0;
		cursor: pointer;
	}

	.sidebar li i span {
		display: block;
	}

	.sidebar li i span:nth-of-type(1) {
		font-size: 30px;
		line-height: 30px;
	}

	.sidebar li section {
		position: absolute;
		z-index: -1;
		bottom: -60px;
		left: 50%;
		transform: translateX(-50%);
		transition: all ease-out 0.3s;
		opacity: 0;
		white-space: nowrap;
	}

	.sidebar li section.sidebartel dl {
		background: #ee5f01;
		color: #fff;
		padding: 15px;
		box-sizing: content-box;
	}

	.sidebar li section.sidebartel dd {
		font-size: 22px;
		font-weight: bold;
		line-height: 30px;
		font-family: 'iconfont';
	}

	.sidebar li section.sidebartel dd a {
		color: #fff;
	}

	.sidebar li section.sidebarqrcode dl {
		display: inline-block;
		text-align: center;
		padding: 5px;
		background: #ee5f01;
		color: #fff;
	}

	.sidebar li section.sidebarqrcode dd {
		margin-bottom: 5px;
	}

	.sidebar li section.sidebarqrcode dd img {
		width: 100px;
	}

	.sidebar li:hover section.sidebartel {
		bottom: 62px;
		opacity: 1;
	}

	.sidebar li:hover section.sidebarqrcode {
		bottom: 62px;
		opacity: 1;
	}
}

@media (min-width:1441px) {

	/* DESKTOPS */
	body {
		font-size: 14px;
	}

	.wrow,
	.wrowr,
	.wcol {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 1440px;
		box-sizing: border-box;
	}

	.wrowr {
		flex-direction: row-reverse;
	}

	.wcol {
		flex-direction: column;
	}

	header {}


	.top_wz {
		float: left;
		width: 414px;
		position: relative;
	}

	.top_wz span {
		display: block;
		height: 24px;
		line-height: 24px;
		color: #333;
		font-size: 20px;
	}

	.top_wz em {
		display: block;
		font-size: 24px;
		height: 32px;
		line-height: 32px;
		color: #333;
		font-weight: bold;
	}

	.top_wz em i {
		color: #195193;
		font-style: normal;
	}

	.top_tel {
		height: 60px;
		float: right;
		margin-top: 10px;
	}

	.top_tel p {
		padding-left: 44px;
		font-size: 14px;
		color: #333;
		background: url(../images/toptel.png) no-repeat left 3px;
	}

	.top_tel span {
		display: block;
		font-size: 28px;
		color: #333;
		height: 34px;
		line-height: 34px;
		font-weight: bold;
	}

	.head {
		background: #fff;
	}

	.head:after {
		content: '';
		display: block;
		clear: both;
	}

	.headlogo {
		float: left;
		padding: 30px 0;
	}

	.headlogo a {
		display: block;
	}

	.headlogo img {
		height: 40px;
	}

	.headnav {}

	nav {}

	nav>ul {}

	nav>ul>li {
		float: left;
		height: 78px;
		width: auto !important;
		position: relative;
		z-index: 9;
		box-sizing: border-box;
		margin-right: 50px;
	}

	nav>ul>li:nth-child(5) {
		margin-right: 284px;
	}

	nav>ul>li:last-child {
		margin-right: 0;
	}

	nav>ul>li>a {
		position: relative;
		z-index: 1;
		display: block;
		font-size: 17px;
		height: 78px;
		line-height: 78px;
	}

	nav>ul>li>a>span {
		float: right;
		padding-left: 5px;
		font-weight: bold;
	}

	nav>ul>li>a:after {
		content: "";
		display: block;
		width: 0%;
		height: 3px;
		background: #ee5f01;
		position: absolute;
		left: 0;
		bottom: 0;
		transition: all 0.5s;
	}

	nav>ul>li.on>a:after,
	nav li a:hover:after {
		width: 100%;
	}

	nav>ul>li.on>a,
	nav li a:hover {
		font-weight: bold;
	}

	nav li a.on {}

	nav li ul {
		display: none;
		position: absolute;
		z-index: 9;
		top: 100px;
		left: 0;
		width: 300px;
		background: #fff;
	}

	nav li li {}

	nav li li a {
		font-size: 14px;
		display: block;
		line-height: 40px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		font-weight: normal;
		padding: 0 50px;
	}

	nav li li a:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.05);
		height: 1px;
	}

	nav li li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 30px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		transform: translateY(-50%) rotate(45deg);
		transition: all ease-out 0.3s;
		left: auto;
		background: transparent;
	}

	nav li li a:hover {
		padding: 0 40px;
		background: #ee5f01;
		color: #fff;
	}

	nav li li a:hover:after {
		right: 35px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	footer {}

	.foot {
		background: rgba(25, 32, 42, 1);
		padding: 8vh 0;
	}

	.foottop {
		margin: 0 auto;
		width: 1440px;
		height: 84px;
		padding: 36px 0 0;
		overflow: hidden;
		border-bottom: 1px solid #cfcfcf;
	}

	.foottop p {
		float: left;
		overflow: hidden;
		font-size: 14px;
		color: rgba(255, 255, 255, 1);
		line-height: 26px;
		height: 72px;
		position: relative;
		padding-left: 45px;
	}

	.foottop p:before {
		content: "";
		width: 1px;
		height: 58px;
		background: rgba(255, 255, 255, 0.1);
		position: absolute;
		top: 10px;
		right: 0;
	}

	.foottop i {
		display: block;
		font-size: 16px;
	}

	.foottop p b {
		display: block;
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.f_p {
		position: relative;
	}

	.f_p span {
		position: absolute;
		left: 0;
		top: 12px;
		font-size: 32px;
	}

	.foottop .f_p01 {
		width: 33.3%;
		background: url(images/f_ico01.png) no-repeat 0 center;
	}

	.foottop .f_p02 {
		width: 260px;
		margin-left: 120px;
		background: url(images/f_ico02.png) no-repeat 0 center;
	}

	.foottop .f_p03 {
		width: 315px;
		margin-left: 50px;
		background: url(images/f_ico03.png) no-repeat 0 center;
	}

	.foottop .f_p03:before {
		background: none;
	}

	.footnav {
		width: 900px;
		height: 332px;
		padding-top: 22px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.footnav>ul>li {
		position: relative;
		float: left;
		width: 15%;
		padding-left: 50px;
	}

	.footnav>ul>li:before {
		content: "";
		width: 1px;
		height: 235px;
		background: rgba(255, 255, 255, 0.1);
		position: absolute;
		top: 12px;
		left: 0;
	}

	.footnav>ul>li a {
		font-size: 16px;
		color: #fff;
		display: block;
		height: 46px;
		line-height: 34px;
		width: 100%;
	}

	.f_ul01 .f_ul02 li {
		width: 140px;
		padding-left: 0;
	}

	.f_ul01 .f_ul02 li:before,
	.f_ul01 li.f_li01:before {
		background: none;
	}

	.footnav>ul>li>ul>li a {
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		height: 34px;
	}

	.f_nav ul li a:hover {
		color: #fff;
	}

	.f_ul01 li.f_li01 {
		padding-left: 0;
	}

	.footqrcode {
		flex: 0 0 270px;
		padding: 15px 0 0;
	}

	.footqrcode h4 {
		width: 242px;
		height: 51px;
		line-height: 0;
		margin: 0 auto 25px;
		position: relative;
	}

	.footqrcode h4 img {
		width: 100%;
		display: block;
		position: absolute;
		right: -17px;
		top: 0;
	}

	.footqrcode p {
		width: 140px;
		text-align: center;
		line-height: 0;
		margin: auto;
	}

	.footqrcode p img {
		width: 140px;
		height: 140px;
	}

	.footqrcode p span {
		display: block;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		line-height: 40px;
	}


	.footmain {
		display: flex;
		color: #fff;
	}

	.footmain a {
		color: #fff;
	}

	.footnav {
		flex: 1;
	}

	.copy {
		text-align: center;
		padding: 20px 0;
		background: #195193;
		color: #fff;
	}

	.copy a {
		color: #fff;
	}

	.footcopy {
		font-size: 13px;
	}
}

@media (min-width:1025px) and (max-width:1440px) {

	/* LAPTOPS */
	body {
		font-size: 14px;
	}

	.wrow,
	.wrowr,
	.wcol {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 1200px;
		box-sizing: border-box;
	}

	.wrowr {
		flex-direction: row-reverse;
	}

	.wcol {
		flex-direction: column;
	}

	header {}

	.top {
		overflow: hidden;
		background: #f6f6f6;
		font-size: 12px;
		line-height: 40px;
	}

	.topwelcome {}

	.topwelcome i {
		float: left;
		margin-right: 5px;
		font-size: 18px;
	}

	.toplink {}

	.toplink i {
		float: left;
		margin-right: 5px;
		font-size: 18px;
	}

	.toplink a {}

	.toplink a span.on {
		color: #ff9900;
	}

	.head {
		background: #fff;
	}

	.head:after {
		content: '';
		display: block;
		clear: both;
	}

	.headlogo {
		float: left;
		padding: 30px 0;
	}

	.headlogo a {
		display: block;
	}

	.headlogo img {
		height: 40px;
	}

	.headnav {}

	nav {}

	nav>ul {}

	nav>ul>li {
		float: left;
		position: relative;
	}

	nav>ul>li>a {
		position: relative;
		z-index: 1;
		display: block;
		font-size: 17px;
		line-height: 40px;
		font-weight: bold;
		padding: 30px;
	}

	nav>ul>li>a>span {
		float: right;
		padding-left: 5px;
		font-weight: bold;
	}

	nav>ul>li.on>a,
	nav li a:hover {}

	nav li a.on {}

	nav li ul {
		display: none;
		position: absolute;
		z-index: 9;
		top: 100px;
		left: 0;
		width: 300px;
		background: #fff;
	}

	nav li li {}

	nav li li a {
		font-size: 14px;
		display: block;
		line-height: 40px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		font-weight: normal;
		padding: 0 50px;
	}

	nav li li a:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.05);
		height: 1px;
	}

	nav li li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 30px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
		transform: translateY(-50%) rotate(45deg);
		transition: all ease-out 0.3s;
		left: auto;
		background: transparent;
	}

	nav li li a:hover {
		padding: 0 40px;
		background: #ee5f01;
		color: #fff;
	}

	nav li li a:hover:after {
		right: 35px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	footer {}

	.foot {
		
	}

	.footmain {
		display: flex;
		justify-content: space-between;
		margin: 0 -30px;
		color: #fff;
	}

	.footmain a {
		color: #fff;
	}

	.footmain>div {
		margin: 0 30px;
	}

	.footnav {
		flex: 1;
	}

	.footnav h3 {
		font-weight: bold;
		display: block;
		font-size: 17px;
		margin: 0 0 40px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footnav h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 4px;
		background: #ee5f01;
	}

	.footnav>ul {}

	.footnav>ul>li {
		float: left;
		margin-right: 10px;
	}

	.footnav>ul>li>a {
		display: block;
		margin: 0 0 10px;
		color: rgba(255, 255, 255, 0.8);
		border: 1px solid rgba(255, 255, 255, 0.2);
		padding: 0 10px;
		border-radius: 3px;
		line-height: 28px;
	}

	.footnav>ul>li>a:hover {
		background: #ee5f01;
		color: rgba(255, 255, 255, 1);
	}

	.footcontact {
		flex: 0 0 484px;
	}

	.footcontact h3 {
		font-weight: bold;
		display: block;
		font-size: 17px;
		margin: 0 0 40px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footcontact h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 4px;
		background: #ee5f01;
	}

	.footcontact section {
		line-height: 25px;
	}

	.footcontact section p {
		display: flex;
		align-items: center;
	}

	.footcontact section p i {
		font-size: 22px;
		margin-right: 10px;
	}

	.footqrcode {
		flex: 0 0 214px;
	}

	.footqrcode h3 {
		font-weight: bold;
		display: block;
		font-size: 17px;
		margin: 0 0 40px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footqrcode h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 4px;
		background: #ee5f01;
	}

	.footqrcode ul {
		display: flex;
		margin: 0 -5px;
	}

	.footqrcode li {
		flex: 1;
		margin: 0 5px;
	}

	.footqrcode figure {
		margin-bottom: 5px;
	}

	.footqrcode img {
		width: 100px;
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

	.footqrcode figcaption {
		font-size: 12px;
	}

	.footqrcode p {
		text-align: center;
	}

	.copy {
		text-align: center;
		padding: 20px 0;
	}

	.copy a {}

	.footcopy {
		font-size: 13px;
	}
}

@media (min-width:768px) and (max-width:1024px) {

	/* TABLET */
	body {
		font-size: 12px;
		padding-top: 80px;
	}

	.w:after {
		content: '';
		display: table;
		clear: both;
	}

	header {
		position: fixed;
		z-index: 9;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	}

	.headlogo {
		float: left;
		padding: 20px;
	}

	.headlogo a {
		display: block;
		width: 270px;
		height: 40px;
		overflow: hidden;
	}

	.headlogo img {
		height: 80px;
	}

	.headnav {
		float: left;
	}

	nav {}

	nav span {
		position: absolute;
		z-index: 99;
		top: 8px;
		right: 15px;
		display: block;
		width: 60px;
		background: #fff;
		padding: 5px 15px;
		box-sizing: border-box;
	}

	nav span:after {
		content: '导航菜单';
		clear: both;
		position: absolute;
		top: 40px;
		right: 0;
		width: 60px;
		text-align: center;
		color: #ee5f01;
		text-align: center;
	}

	nav span i {
		display: block;
		content: '';
		width: 100%;
		height: 2px;
		background: #ee5f01;
		margin: 6px 0;
		transition: all 0.3s ease-out 0.1s;
	}

	nav span.on i:nth-of-type(1) {
		transform: translateY(8.5px) rotate(45deg);
	}

	nav span.on i:nth-of-type(2) {
		opacity: 0;
	}

	nav span.on i:nth-of-type(3) {
		transform: translateY(-8.5px) rotate(-45deg);
	}

	nav ul {
		position: fixed;
		z-index: 3;
		right: -300px;
		bottom: 0;
		top: 120px;
		width: 300px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1);
		transition: all ease-out 0.3s;
	}

	nav ul.on {
		right: 0;
	}

	nav ul li {
		position: relative;
	}

	nav ul li i {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: rgba(0, 0, 0, 0.1);
		text-align: center;
		line-height: 40px;
		font-style: normal;
	}

	nav li a {
		display: block;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	nav li a:hover {
		background: #ee5f01;
		color: #fff;
	}

	nav li ul {
		display: none;
		position: static;
		overflow: hidden;
		box-shadow: none;
		background: none;
	}

	nav li ul.on {
		display: block;
	}

	nav li li {
		float: left;
		width: 50%;
	}

	nav li li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		color: #999;
	}

	.headtel {
		float: right;
		padding: 25px 0;
		line-height: 30px;
		margin-right: 90px;
	}

	.headtel svg {
		display: block;
		float: left;
		width: 30px;
		height: 30px;
		background: #009cdb;
		border-radius: 15px;
		margin-right: 10px;
		color: #fff;
		box-sizing: border-box;
		padding: 5px;
	}

	.headtel span {
		display: block;
		width: 60px;
		float: left;
		height: 30px;
		margin-right: 10px;
	}

	.headtel a {
		float: left;
		font-family: 'sysfont';
		font-size: 24px;
		display: block;
	}

	footer {
		color: rgba(255, 255, 255, 1);
		background: #009cdb;
	}

	footer a {
		color: #fff;
	}

	footer a:hover {
		color: #fc0;
	}

	.foot {
		overflow: hidden;
		padding: 30px;
		position: relative;
	}

	.footcontact {
		float: left;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.footcontact h3 {
		display: none;
		font-size: 18px;
		margin-bottom: 20px;
		color: #fff;
	}

	.footcontact section {}

	.footcontact section p {
		display: flex;
		align-items: center;
	}

	.footcontact section p svg {
		font-size: 22px;
		margin-right: 10px;
	}

	.footcontact a {
		color: #fff;
	}

	.footcopy {
		clear: both;
		line-height: 30px;
	}

	.footmedia {
		float: right;
		width: 240px;
	}

	.footmediaqrcode {}

	.footmediaqrcode ul {
		display: flex;
	}

	.footmediaqrcode li {
		flex: 1;
		margin: 0 5px;
	}

	.footmediaqrcode figure {
		margin-bottom: 5px;
	}

	.footmediaqrcode img {
		width: 100%;
	}

	.footmediaqrcode p {
		text-align: center;
	}

}

@media (max-width:767px) {

	/* MOBILE */
	body {
		font-size: 12px;
		padding-top: 80px;
	}

	header {
		position: fixed;
		z-index: 9;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
		background-color: #fff;
	}

	.top {
		overflow: hidden;
		background: #f6f6f6;
		font-size: 12px;
		line-height: 40px;
	}

	.topwelcome {
		display: none;
	}

	.toplink {
		text-align: center;
	}

	.toplink i {
		margin-right: 5px;
		font-size: 18px;
	}

	.toplink a {}

	.toplink a span.on {
		color: #ff9900;
	}

	.head {
		background: #fff;
	}

	.head:after {
		content: '';
		display: block;
		clear: both;
	}

	.headlogo {
		float: left;
		padding: 20px;
	}

	.headlogo a {
		display: block;
	}

	.headlogo img {
		height: 40px;
	}

	.headnav {}

	nav {}

	nav>span {
		position: absolute;
		z-index: 99;
		top: 15px;
		right: 10px;
		display: block;
		width: 60px;
		padding: 5px 15px;
		box-sizing: border-box;
	}

	nav>span:after {
		content: '导航菜单';
		clear: both;
		position: absolute;
		top: 35px;
		right: 0;
		width: 60px;
		text-align: center;
		color: #ee5f01;
		text-align: center;
	}

	nav>span i {
		display: block;
		content: '';
		width: 100%;
		height: 2px;
		background: #ee5f01;
		margin: 6px 0;
		transition: all 0.3s ease-out 0.1s;
	}

	nav>span.on i:nth-of-type(1) {
		transform: translateY(8.5px) rotate(45deg);
	}

	nav>span.on i:nth-of-type(2) {
		opacity: 0;
	}

	nav>span.on i:nth-of-type(3) {
		transform: translateY(-8.5px) rotate(-45deg);
	}

	nav ul {
		position: fixed;
		z-index: 3;
		right: -300px;
		bottom: 0;
		top: 80px;
		width: 240px;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1);
		transition: all ease-out 0.3s;
	}

	nav ul.on {
		right: 0;
	}

	nav ul li {
		position: relative;
	}

	nav ul li i {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: rgba(0, 0, 0, 0.1);
		text-align: center;
		line-height: 40px;
		font-style: normal;
	}

	nav li a {
		display: block;
		line-height: 40px;
		font-size: 14px;
		padding: 0 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	nav li a span {
		display: none;
	}

	nav li a:hover {
		background: #ee5f01;
		color: #fff;
	}

	nav li ul {
		display: none;
		position: static;
		overflow: hidden;
		box-shadow: none;
		background: none;
	}

	nav li ul.on {
		display: block;
	}

	nav li li {
		float: left;
		width: 50%;
	}

	nav li li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		color: #999;
	}

	.headtel {
		display: none;
	}

	header.fixed .head {
		background: #fff;
	}

	footer {
		padding-bottom: 60px;
	}

	.foot {
		padding: 40px 20px;
		background: #005ba8 url(../images/bgfoot.jpg) no-repeat center bottom;
	}

	.footmain {
		color: #fff;
	}

	.footmain a {
		color: #fff;
	}

	.footnav {
		margin-bottom: 20px;
	}

	.footnav h3 {
		font-weight: bold;
		display: block;
		font-size: 14px;
		margin: 0 0 20px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footnav h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 2px;
		background: #ee5f01;
	}

	.footnav>ul {}

	.footnav>ul>li {
		float: left;
		margin-right: 10px;
	}

	.footnav>ul>li>a {
		display: block;
		margin: 0 0 10px;
		color: rgba(255, 255, 255, 0.8);
		border: 1px solid rgba(255, 255, 255, 0.2);
		padding: 0 10px;
		border-radius: 3px;
		line-height: 28px;
	}

	.footnav>ul>li>a:hover {
		background: #ee5f01;
		color: rgba(255, 255, 255, 1);
	}

	.footcontact {
		margin-bottom: 20px;
	}

	.footcontact h3 {
		font-weight: bold;
		display: block;
		font-size: 14px;
		margin: 0 0 20px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footcontact h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 2px;
		background: #ee5f01;
	}

	.footcontact section {
		line-height: 25px;
	}

	.footcontact section p {
		display: flex;
		align-items: center;
	}

	.footcontact section p i {
		font-size: 22px;
		margin-right: 10px;
	}

	.footqrcode {}

	.footqrcode h3 {
		font-weight: bold;
		display: block;
		font-size: 14px;
		margin: 0 0 20px;
		color: rgba(255, 255, 255, 0.8);
		position: relative;
	}

	.footqrcode h3:after {
		content: '';
		display: block;
		position: absolute;
		top: 30px;
		left: 0;
		width: 30px;
		height: 2px;
		background: #ee5f01;
	}

	.footqrcode ul {
		display: flex;
		margin: 0 -5px;
	}

	.footqrcode li {
		flex: 1;
		margin: 0 5px;
	}

	.footqrcode figure {
		margin-bottom: 5px;
	}

	.footqrcode img {
		width: 100px;
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

	.footqrcode figcaption {
		font-size: 12px;
	}

	.footqrcode p {
		text-align: center;
	}

	.copy {
		text-align: center;
		padding: 20px 0;
	}

	.copy a {}

	.footcopy {
		font-size: 13px;
	}
}