* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
header, section, footer {
	display: block
}
body {
	font-family: "PingFang SC", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
	font-size: 14px;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #282828;
}
html, body {
	width: 100%;
	height: 100%;
}
img {
	border: 0;
	max-width: 100%;
}
ul, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
a, a:link {
	text-decoration: none;
	color: #333
}
a:active, a:hover {
	outline: 0;
	color: #156E3B;
	text-decoration: none
}
.clear {
	clear: both;
}
.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.trans, .trans * {
	transition: all 0.5s ease
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
.al {
	text-align: left!important
}
.ac {
	text-align: center!important
}
.ar {
	text-align: right!important
}
.aj {
	text-align: justify!important
}
.fl {
	float: left
}
.fr {
	float: right!important
}
.rel {
	position: relative
}
.abl {
	position: absolute
}
.ovh {
	overflow: hidden
}
.upp {
	text-transform: uppercase
}
input, button, textarea {
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: inherit;
}
.ep1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ep2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.ep3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.img-auto {
	display: inline-block;
	max-width: 100%;
	height: auto
}
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px !important;
	padding-right: 16px !important
}
.h100 {
	height: 100%
}
.flex {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
}
.flex-inline {
	display: inline-flex
}
.flex-reverse {
	flex-direction: row-reverse
}
.flex-column {
	flex-direction: column
}
.flex-column .flex-reverse {
	flex-direction: column-reverse
}
.flex-nowrap {
	flex-wrap: nowrap
}
.flex-wrap {
	flex-wrap: wrap
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse
}
.flex-center {
	justify-content: center
}
.flex-end {
	justify-content: flex-end
}
.flex-bet {
	justify-content: space-between
}
.flex-items {
	align-items: center
}
.grid {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.grid-y {
	flex-direction: column;
	-webkit-flex-direction: column
}
.grid-small {
	padding: 10px 0
}
.grid-small>.grid {
	margin: -10px
}
.grid-small>.grid>[class*='x'], .grid-small>.grid>[class*='y'] {
padding:10px
}
.grid-middle {
	padding: 15px 0
}
.grid-middle>.grid {
	margin: -15px
}
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {
padding:15px
}
.grid-big {
	padding: 20px 0
}
.grid-big>.grid {
	margin: -20px
}
.grid-big>.grid>[class*='x'], .grid-big>.grid>[class*='y'] {
padding:20px
}
.grid-large {
	padding: 35px 0
}
.grid-large>.grid {
	margin: 35px
}
.grid-large>.grid>[class*='x'], .grid-large>.grid>[class*='y'] {
padding:35px
}
.x, .x0, .x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs0, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm0, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb0, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12, .xg0, .xg1, .xg2, .xg3, .xg4, .xg5, .xg6, .xg7, .xg8, .xg9, .xg10, .xg11, .xg12 {
	position: relative;
	width: 100%
}
.x {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.x0, .xl0, .xs0, .xm0, .xb0, .xg0 {
	max-width: 100%
}
.x0 {
	width: auto
}
.x1 {
	width: 8.33333333%
}
.x2 {
	width: 16.66666667%
}
.x20 {
	width: 20%
}
.x3 {
	width: 25%
}
.x4 {
	width: 33.33333333%
}
.x5 {
	width: 41.66666667%
}
.x6 {
	width: 50%
}
.x7 {
	width: 58.33333333%
}
.x8 {
	width: 66.66666667%
}
.x9 {
	width: 75%
}
.x10 {
	width: 83.33333333%
}
.x11 {
	width: 91.66666667%
}
.x12 {
	width: 100%
}
.y, .y1, .y2, .y20, .y3, .y4, .y5, .y6, .y7, .y8, .y9, .y10, .y11, .y12 {
	position: relative;
	max-height: 100%
}
.y {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1
}
.y0 {
	height: auto
}
.y1 {
	height: 8.33333333%
}
.y2 {
	height: 16.66666667%
}
.y20 {
	height: 20%
}
.y3 {
	height: 25%
}
.y4 {
	height: 33.33333333%
}
.y5 {
	height: 41.66666667%
}
.y6 {
	height: 50%
}
.y7 {
	height: 58.33333333%
}
.y8 {
	height: 66.66666667%
}
.y9 {
	height: 75%
}
.y10 {
	height: 83.33333333%
}
.y11 {
	height: 91.66666667%
}
.y12 {
	height: 100%
}
@media (min-width:572px) {
.container {
	max-width: 540px
}
.xl {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.xl0 {
	width: auto
}
.xl1 {
	width: 8.33333333%
}
.xl2 {
	width: 16.66666667%
}
.xl20 {
	width: 20%
}
.xl3 {
	width: 25%
}
.xl4 {
	width: 33.33333333%
}
.xl5 {
	width: 41.66666667%
}
.xl6 {
	width: 50%
}
.xl7 {
	width: 58.33333333%
}
.xl8 {
	width: 66.66666667%
}
.xl9 {
	width: 75%
}
.xl10 {
	width: 83.33333333%
}
.xl11 {
	width: 91.66666667%
}
.xl12 {
	width: 100%
}
}
@media (min-width:762px) {
.container {
	max-width: 730px
}
.xs {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.xs0 {
	width: auto
}
.xs1 {
	width: 8.33333333%
}
.xs2 {
	width: 16.66666667%
}
.xs20 {
	width: 20%
}
.xs3 {
	width: 25%
}
.xs4 {
	width: 33.33333333%
}
.xs5 {
	width: 41.66666667%
}
.xs6 {
	width: 50%
}
.xs7 {
	width: 58.33333333%
}
.xs8 {
	width: 66.66666667%
}
.xs9 {
	width: 75%
}
.xs10 {
	width: 83.33333333%
}
.xs11 {
	width: 91.66666667%
}
.xs12 {
	width: 100%
}
}
@media (min-width:992px) {
.container {
	max-width: 960px
}
.xm {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.xm0 {
	width: auto
}
.xm1 {
	width: 8.33333333%
}
.xm2 {
	width: 16.66666667%
}
.xm20 {
	width: 20%
}
.xm3 {
	width: 25%
}
.xm4 {
	width: 33.33333333%
}
.xm5 {
	width: 41.66666667%
}
.xm6 {
	width: 50%
}
.xm7 {
	width: 58.33333333%
}
.xm8 {
	width: 66.66666667%
}
.xm9 {
	width: 75%
}
.xm10 {
	width: 83.33333333%
}
.xm11 {
	width: 91.66666667%
}
.xm12 {
	width: 100%
}
}
@media (min-width:1232px) {
.container {
	max-width: 1200px;
	padding-left: 0!important;
	padding-right: 0!important
}
.xb {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.xb0 {
	width: auto
}
.xb1 {
	width: 8.33333333%
}
.xb2 {
	width: 16.66666667%
}
.xb20 {
	width: 20%
}
.xb3 {
	width: 25%
}
.xb4 {
	width: 33.33333333%
}
.xb5 {
	width: 41.66666667%
}
.xb6 {
	width: 50%
}
.xb7 {
	width: 58.33333333%
}
.xb8 {
	width: 66.66666667%
}
.xb9 {
	width: 75%
}
.xb10 {
	width: 83.33333333%
}
.xb11 {
	width: 91.66666667%
}
.xb12 {
	width: 100%
}
}
@media (min-width:1632px) {
.container {
	max-width: 1400px
}
.xg0 {
	width: auto
}
.xg1 {
	width: 8.33333333%
}
.xg2 {
	width: 16.66666667%
}
.xg20 {
	width: 20%
}
.xg3 {
	width: 25%
}
.xg4 {
	width: 33.33333333%
}
.xg5 {
	width: 41.66666667%
}
.xg6 {
	width: 50%
}
.xg7 {
	width: 58.33333333%
}
.xg8 {
	width: 66.66666667%
}
.xg9 {
	width: 75%
}
.xg10 {
	width: 83.33333333%
}
.xg11 {
	width: 91.66666667%
}
.xg12 {
	width: 100%
}
}
.show, .show-xm {
	display: block!important
}
.hidden, .show-xs {
	display: none!important
}
@media screen and (max-width:980px) {
.show-xm {
	display: none!important;
}
.show-xs {
	display: block!important;
}
}
.flex-s {
	align-items: flex-start;
}
.img_fit img {
	object-fit: cover;
	height: 100%;
}
/* animation */
@keyframes opacity {
0% {
opacity: 1;
transform: scale(0.9);
}
50% {
opacity:.6;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(0.9);
};
}
@keyframes fadenum {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
};
}
@keyframes bounceDown {
25% {
transform: translateY(-3px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
};
}
@keyframes scale {
0% {
transform: scale(.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.9);
};
}
@-webkit-keyframes progressIn {
from {
width:0;
}
to {
	width: 100%;
}
;
}
@-moz-keyframes progressIn {
from {
width:0;
}
to {
	width: 100%;
}
;
}
@-ms-keyframes progressIn {
from {
width:0;
}
to {
	width: 100%;
}
;
}
@-o-keyframes progressIn {
from {
width:0;
}
to {
	width: 100%;
}
;
}
@keyframes progressIn {
from {
width:0;
}
to {
	width: 100%;
}
;
}
@keyframes mymove {
0% {
bottom:30px;
}
100% {
bottom:20px;
};
}
.wp {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.lightbox {
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}
/*网站默认滚动条的样式*/
::-webkit-scrollbar {
width:8px;
height:5px;
}
::-webkit-scrollbar-thumb {
background:#333;
}
.transy {
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s
}
.transy:hover {
	transform: translateY(-5px)
}
.pic {
	overflow: hidden;
}
.biao img {
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	cursor: pointer
}
.biao:hover img {
	transform: scale(1.09)!important
}
.bimg, .pimg {
	overflow: hidden
}
.bimg img {
	display: inline-block;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	width: 100%;
	height: 100%;
}
.bimg:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1)
}
.pimg {
	height: 100%;
	width: 100%;
	transition: all 2.6s ease-in 0s
}
.pimg:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1)
}
.shadow {
	background: #fff;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
}
/* fonts */
.fb {
	font-family: 'PingFang SC-Semibold', 'PingFang SC';
	font-weight: bold;
}
.radius, .radius img, .radius2 {
	border-radius: 16px;
}
.h100 {
	height: 100%
}
.f90 {
	font-size: 90px
}
.f71 {
	font-size: 71px;
}
.f60 {
	font-size: 60px;
}
.f46 {
	font-size: 46px;
}
.f42 {
	font-size: 42px;
}
.f40 {
	font-size: 40px;
}
.f36 {
	font-size: 36px
}
.f32 {
	font-size: 32px;
}
.f30 {
	font-size: 30px;
}
.f28 {
	font-size: 28px
}
.f25 {
	font-size: 25px
}
.f24 {
	font-size: 24px;
}
.f22 {
	font-size: 22px;
}
.f20 {
	font-size: 20px
}
.f18 {
	font-size: 18px
}
.f16 {
	font-size: 16px
}
.f15 {
	font-size: 15px
}
.p100 {
	padding: 100px 0;
}
.pb100 {
	padding-bottom: 100px;
}
@media screen and (max-width:1450px) {
.wp {
	padding: 0 30px;
}
.f90 {
	font-size: 55px
}
.f71 {
	font-size: 36px;
}
.f60 {
	font-size: 35px;
}
.f46 {
	font-size: 35px;
}
.f42 {
	font-size: 34px;
}
.f40 {
	font-size: 34px;
}
.f36 {
	font-size: 32px
}
.f32 {
	font-size: 27px;
}
.f30 {
	font-size: 26px;
}
.f28 {
	font-size: 24px
}
.f25 {
	font-size: 22px
}
.f24 {
	font-size: 21px;
}
.f22 {
	font-size: 18px;
}
.f20 {
	font-size: 17px
}
.f18 {
	font-size: 16px
}
.f16 {
	font-size: 15px
}
.f15 {
	font-size: 14px
}
.p100 {
	padding: 50px 0;
}
.pb100 {
	padding-bottom: 50px;
}
}
@media screen and (max-width:980px) {
/* fonts */
.f90 {
	font-size: 35px
}
.f71 {
	font-size: 26px;
}
.f60 {
	font-size: 23px;
}
.f46 {
	font-size: 22px;
}
.f42 {
	font-size: 21px;
}
.f40 {
	font-size: 21px;
}
.f36 {
	font-size: 20px
}
.f32 {
	font-size: 20px;
}
.f30 {
	font-size: 19px;
}
.f28 {
	font-size: 19px
}
.f25 {
	font-size: 18px
}
.f24 {
	font-size: 17px;
}
.f22 {
	font-size: 16px;
}
.f20 {
	font-size: 16px
}
.f18 {
	font-size: 15px
}
.f16 {
	font-size: 14px
}
.f15 {
	font-size: 13px
}
.p100 {
	padding: 35px 0;
}
.pb100 {
	padding-bottom: 35px;
}
img {
	max-width: 100%;
	height: auto;
}
.wp {
	padding: 0 15px!important
}
.mgrid {
	flex-wrap: wrap!important;
}
.grid-middle {
	padding: 8px 0
}
.grid-middle>.grid {
	margin: -8px
}
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {
padding:8px
}
.grid-big {
	padding: 10px 0
}
.grid-big>.grid {
	margin: -10px
}
.grid-big>.grid>[class*='x'], .grid-big>.grid>[class*='y'] {
padding:10px
}
}
@media (max-width:1220px) {
.grid-middle {
	padding: 10px 0
}
.grid-middle>.grid {
	margin: -10px
}
.grid-middle>.grid>[class*='x'], .grid-middle>.grid>[class*='y'] {
padding:10px
}
}
@media (max-width:980px) {
body {
	font-size: 13px;
}
.fb {
	font-weight: bold;
}
.wp, .wp2 {
	padding: 0 15px!important
}
.radius, .radius img {
	border-radius: 10px;
}
}
@media (max-width:750px) {
.x12 {
	width: 100%!important
}
}
@media(max-width:762px) {
.table-auto {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
/* common */
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #fff;
	border-bottom: 1px solid #F0F0F0;
}
header .logo {
	flex-shrink: 0;
	width: 204px;
}
header .wp {
	align-items: center;
}
header .nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .nav ul {
	margin-right: 4vw;
	display: flex;
}
header .nav ul li {
	margin-right: 20px;
	height: 100px;
	line-height: 100px;
	position: relative;
	transition: all .3s;
}
header .nav ul li:last-child {
	margin-right: 0;
}
header .nav ul li a {
	display: block;
	font-size: 16px;
	color: #666;
}
header .nav ul li:hover a, header .nav ul li.on a {
	color: #156E3B!important;
	font-weight: bold;
}
header .nav ul li .down {
	position: absolute;
	width:280px;
	left: 50%;
	transform: translateX(-50%);
	top: 90px;
	display: none;
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 6px 1px rgba(21,110,59,0.2);
	border-radius: 10px;
	padding-bottom: 10px;
}
header .nav ul li .down::before {
	content: "";
	width: 44px;
	height: 16px;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/i_sjt.png) no-repeat top center;
	z-index: 0;
}
header .nav ul li .down a {
	display: block;
	font-size: 14px;
	padding: 0 14px;
	color: #333!important;
	background: rgba(255,255,255,.5);
	position: relative;
	line-height: 30px;
	font-weight: normal!important;
}
header .nav ul li .down a:nth-child(1) {
	margin-top: 5px;
}
header .nav ul li .down a:hover {
	color: #156E3B!important;
}
header .nav .lang {
	position: relative;
	transition: all .3s;
	width: 71px;
	height: 22px;
	background: #F4FBFB;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
}
header .nav .lang .icon_lanag {
	width: 11px;
}
header .nav .lang a {
	color: #666;
	font-size: 14px;
	transition: all .3s;
	text-align: center;
}
header .nav .lang a span {
	margin: 0 6px 0 3px;
}
header .nav .lang .down {
	position: absolute;
	width: 100%;
	right: 0;
	top: 30px;
	display: none;
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 6px 1px rgba(21,110,59,0.2);
	border-radius: 5px;
	padding: 5px 0 8px
}
header .nav .lang .down a {
	display: block;
	font-size: 14px;
	padding: 0 14px;
	color: #333;
	background: rgba(255,255,255,.5);
	position: relative;
	line-height: 25px;
}
header .nav .lang .down a:hover {
	color: #156E3B;
}
header .nav .lang .down::before {
	content: "";
	width: 25px;
	height: 13px;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/i_sjt.png) no-repeat top center;
	z-index: 0;
}
.tkg {
	clear: both;
	height: 100px;
}
header .m_nav, header .m_nav.show {
	display: none!important;
}
header.fix .nav ul li {
	height: 80px;
	line-height: 80px;
}
header .nav ul li .down {
	top: 75px
}
header.fix .nav ul li .down a {
	background: #fff;
}
header.fix .nav ul li .down {
	box-shadow: 0 1px 5px rgba(0,0,0,.115)!important;
}
.lightbox {
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
}
/* footer */
.footer {
	background: #f4fbfb;
	padding: 50px 0
}
.footer .lxfs li {
	margin-bottom: 25px;
	align-items: flex-start;
}
.footer .lxfs li i {
	margin: 3px 6px 0 0;
}
.footer .copyright {
	margin-top: 38px
}
.footer .ft1 .logo img {
	max-width: 260px
}
.footer .ft1 .ft1_nav a {
	margin-left: 30px
}
.footer .ft2 {
	padding-top: 60px
}
.footer .ft2 .qrcode {
	width: 100%;
	max-width: 425px;
	float: right;
	text-align: center
}
.footer .ft2 .qrcode li .ewm {
	margin-bottom: 12px
}
.footer .ft2 .qrcode li .ewm img {
	max-height: 140px
}
 @media (max-width:1260px) {
header .nav ul li {
	margin-right: 25px;
	height: 75px;
	line-height: 75px;
}
header .nav ul li .down {
	top: 65px
}
}
@media (max-width:1180px) {
header .nav ul li {
	margin-right: 15px;
}
header .logo, .footer .ft1 .logo {
	width: 180px;
}
.footer .ft1 .ft1_nav a {
	margin-left: 25px;
}
}
 @media (max-width:980px) {
header {
	padding: 12px 0;
}
header .nav ul {
	display: none;
}
header .logo img {
	height: 35px;
	max-width: unset;
	vertical-align: middle;
}
header .btn {
	position: absolute;
	right: 15px;
	top: 62%;
	transform: translateY(-50%);
	margin-right: 0;
	cursor: pointer;
	height: 30px;
}
header .btn span {
	display: block;
	width: 24px;
	height: 1px;
	background-color: #000;
	border-radius: 1px;
	transition: all 0.3s;
}
header .btn span:nth-child(1) {
	transform: translate(0, 0);
}
header .btn span:nth-child(2) {
	transform: translate(0, 8px);
	width: 24px;
}
header .btn span:nth-child(3) {
	transform: translate(0, 16px);
}
header .btn:hover span:nth-child(1) {
	transform: translate(0, 0px);
}
header .btn:hover span:nth-child(2) {
	transform: translate(0, 8px);
	width: 24px;
}
header .btn:hover span:nth-child(3) {
	transform: translate(0, 16px);
}
header .nav .lang {
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	position: absolute;
	right: 55px;
	top: 48%;
	transform: translateY(-50%);
	margin-left: 0;
}
header .m_nav {
	display: block!important;
	position: absolute;
	left: 110%;
	top: 0;
	width: 72vw;
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
	height: 100vh;
	transition: all 0.5s ease-out;
}
header .m_nav.show {
	left: 28vw;
	display: block!important;
}
header .m_nav .close {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 25px;
	height: 25px;
	background: url(../img/h_out.png)no-repeat center;
	background-size: 100% 100%;
	z-index: 10;
}
/* menu */
.m_center {
	padding: 65px 16px 30px 16px;
	text-align: left;
}
.m_center .li {
	border-bottom: 1px solid #efefef
}
.m_center .li>a {
	font-size: 16px;
	line-height: 45px;
	position: relative;
	color: #333;
}
.m_center .li>a.on {
	color: #156E3B;
}
.m_center .li.on>a {
	color: #156E3B;
}
.m_center .li.on>a:after {
	background-color: #156E3B;
}
.m_center .li ul {
	text-indent: 1em;
	display: none;
	padding: 6px 0;
}
.m_center .li ul a {
	line-height: 30px;
	font-size: 14px;
}
.m_center .li ul a:hover {
	color: #156E3B;
}
.m_center .li {
	position: relative;
}
.m_center .li.v1:after {
	content: "";
	position: absolute;
	top: 0;
	right: -5px;
	width: 25px;
	height: 45px;
	background: url(../img/pr_jt.png) no-repeat center;
	transition: all 0.3s;
}
.m_center .li.on:after {
	transform: rotate(90deg);
}
.m_center .li:nth-child(1):after {
	display: none;
}
header.on {
	height: auto;
}
.m_center .right {
	display: flex;
	align-items: center;
}
.m_center .right .solid {
	width: 1px;
	height: 8px;
	background-color: #333333;
	margin-right: 10px;
}
.m_center .right a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}
.m_center .right a img {
	width: 13px;
}
/* footer */
.footer {
	padding: 25px 0;
}
.footer .ft1 {
	flex-wrap: wrap;
}
.footer .lxfs {
	margin-top: 25px;
}
.footer .lxfs li {
	margin-bottom: 15px;
}
.footer .ft1 .logo img {
	height: 55px
}
.footer .ft1 .logo {
	margin-bottom: 25px;
}
.footer .ft1 .ft1_nav a {
	margin: 0 10px 6px 0;
	display: inline-block;
}
.footer .ft2 {
	padding-top: 20px;
	flex-direction: column-reverse;
}
.footer .copyright {
	margin: 15px 0 0
}
}