@charset "utf-8";
*{-webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-appearance:none;outline:none;}
.page_scroll_wrap {
   /* -webkit-transform-style: preserve-3d !important; */
    -webkit-backface-visibility: hidden !important;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url(Poppins-Thin.ttf);
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url(Poppins-Light.ttf);
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(Poppins-Regular.ttf);
	/*src: url(../fonts/Poppins-Medium.ttf);*/
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url(Poppins-Bold.ttf);
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(Poppins-SemiBold.ttf);
}

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	font-size: 62.5%;
}

html {
	-webkit-font-smoothing: antialiased;
}

body {
	word-break: break-all;
	-ms-word-break: break-all;
	-webkit-text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
input,
textarea,
select,
option {
	
	font-weight: normal
}

br {
	font-family: initial;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
svg {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img,
fieldset,
iframe {
	border: 0 none
}

ul,
ol,
li {
	list-style: none
}

em,
address {
	font-style: normal
}

img,
input,
select,
textarea {
	vertical-align: middle
}

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer
}

a:hover {
	color: inherit;
	text-decoration: none
}

button,
label {
	cursor: pointer;
}

button {
	background: 0;
	border: 0;
	outline: 0;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit
}

button img {
	left: -3px;
}

html:first-child select {
	height: 20px;
	padding-right: 6px
}

option {
	padding-right: 6px
}

textarea {
	overflow: auto;
	margin: -1px 0;
	padding-right: 1px
}

.blind,
legend,
caption {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

hr {
	display: none
}

legend {
	width: 0
}

:root legend {
	margin-top: -1px;
	font-size: 0;
	line-height: 0
}

caption {
	line-height: 0
}

sub {
	font-size: 10px;
}

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

#bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	z-index: 1001;
}

div.ie_alert_text {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #ddd;
	z-index: 10000;
	text-align: center;
	padding-top: 10px;
	font-size: 13px;
	font-family: 'Noto Sans KR', sans-serif;
}

#skip-nav {
	font-size: 16px;
	line-height: 40px;
	position: fixed;
	z-index: 100000;
	top: -40px;
	left: 0;
	width: 100%;
	-webkit-transition: .4s;
	transition: .4s;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}

#skip-nav:focus {
	top: 0
}

.e_ {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box
}

/* 閫氱敤澶勭悊鍗曡鏂囧瓧婧㈠嚭浠ｇ爜 */
.text-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 閫氱敤澶勭悊澶氳鏂囧瓧婧㈠嚭浠ｇ爜 */
.text-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.6;
}

.text-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	white-space: break-spaces;
	-webkit-box-orient: vertical;
	line-height: 1.4;
}

/* margin-top 0 5 10 15 20 路路路 150 */
.mt00 {
	margin-top: 0px !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mt105 {
	margin-top: 105px !important;
}

.mt110 {
	margin-top: 110px !important;
}

.mt115 {
	margin-top: 115px !important;
}

.mt120 {
	margin-top: 120px !important;
}

.mt125 {
	margin-top: 125px !important;
}

.mt130 {
	margin-top: 130px !important;
}

.mt135 {
	margin-top: 135px !important;
}

.mt140 {
	margin-top: 140px !important;
}

.mt145 {
	margin-top: 145px !important;
}

.mt150 {
	margin-top: 150px !important;
}

/* margin-bottom 0 5 10 15 20 路路路 150 */
.mb00 {
	margin-bottom: 0px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.mb105 {
	margin-bottom: 105px !important;
}

.mb110 {
	margin-bottom: 110px !important;
}

.mb115 {
	margin-bottom: 115px !important;
}

.mb120 {
	margin-bottom: 120px !important;
}

.mb125 {
	margin-bottom: 125px !important;
}

.mb130 {
	margin-bottom: 130px !important;
}

.mb135 {
	margin-bottom: 135px !important;
}

.mb140 {
	margin-bottom: 140px !important;
}

.mb145 {
	margin-bottom: 145px !important;
}

.mb150 {
	margin-bottom: 150px !important;
}

/* padding-top 0 5 10 15 20 路路路 150 */
.pt00 {
	padding-top: 0px !important;
}

.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pt105 {
	padding-top: 105px !important;
}

.pt110 {
	padding-top: 110px !important;
}

.pt115 {
	padding-top: 115px !important;
}

.pt120 {
	padding-top: 120px !important;
}

.pt125 {
	padding-top: 125px !important;
}

.pt130 {
	padding-top: 130px !important;
}

.pt135 {
	padding-top: 135px !important;
}

.pt140 {
	padding-top: 140px !important;
}

.pt145 {
	padding-top: 145px !important;
}

.pt150 {
	padding-top: 150px !important;
}

/* padding-bottom 0 5 10 15 20 路路路 150 */
.pb00 {
	padding-bottom: 0px !important;
}

.pb05 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pb105 {
	padding-bottom: 105px !important;
}

.pb110 {
	padding-bottom: 110px !important;
}

.pb115 {
	padding-bottom: 115px !important;
}

.pb120 {
	padding-bottom: 120px !important;
}

.pb125 {
	padding-bottom: 125px !important;
}

.pb130 {
	padding-bottom: 130px !important;
}

.pb135 {
	padding-bottom: 135px !important;
}

.pb140 {
	padding-bottom: 140px !important;
}

.pb145 {
	padding-bottom: 145px !important;
}

.pb150 {
	padding-bottom: 150px !important;
}



/* module --------------------------------------------------------------------------------------------------------------------*/

/* con */
[class*="con-"][class*="-width1"] {
	position: relative;
	max-width: 1560px;
	width: 90%;
	margin: 0 auto;
}

[class*="con-"][class*="-width2"] {
	position: relative;
	max-width: 1720px;
	width: 90%;
	margin: 0 auto;
}

[class*="con-"][class*="-width3"] {
	position: relative;
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
}

[class*="-layout"] {
	position: relative;
}

/* col */
[class*="col-"][class*="-1"] {
	width: 100% !important;
}

[class*="col-"][class*="-2"] {
	width: 50% !important;
}

[class*="col-"][class*="-3"] {
	width: 33.33% !important;
}

[class*="col-"][class*="-4"] {
	width: 25% !important;
}

[class*="col-"][class*="-5"] {
	width: 20% !important;
}

[class*="col-"][class*="-6"] {
	width: 16.66% !important;
}

[class*="col-"][class*="-7"] {
	width: 14.28% !important;
}

[class*="col-"][class*="-8"] {
	width: 12.5% !important;
}

/* con */
[class*="con-"][class*="-1000"] {
	width: 1000px;
	margin: 0 auto;
}

[class*="con-"][class*="-1100"] {
	width: 1100px;
	margin: 0 auto;
}

[class*="con-"][class*="-1200"] {
	width: 1200px;
	margin: 0 auto;
}

[class*="con-"][class*="-1300"] {
	width: 1300px;
	margin: 0 auto;
}

[class*="con-"][class*="-1400"] {
	width: 1400px;
	margin: 0 auto;
}

[class*="con-"][class*="-1500"] {
	width: 1500px;
	margin: 0 auto;
}

[class*="m-"][class*="-width1"] {
	width: 93%;
	margin: 0 auto;
}


.c-scrollbar {
	z-index: 10000;
}


/* module --------------------------------------------------------------------------------------------------------------------*/
body {}

body::-webkit-scrollbar,
.page_scroll_wrap::-webkit-scrollbar {
	width: 0px;
	height: 0;
}

body::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 10px;
}

body::-webkit-scrollbar-track {
	background-color: transparent;
}

::-moz-selection {
	background: #cbcbcb;
	color: #fff;
}

::selection {
	background: #cbcbcb;
	color: #fff;
}

/* container */
#wrap,
#container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#contents {
	position: relative;
}

.inner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.jrs_more {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	position: relative;
	padding: 0 45px;
}

.jrs_more:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background: #6fb92c;
}

.jrs_more:before {
	transition: all 0.3s ease;
}

.jrs_more span,
.jrs_more svg {
	position: relative;
	z-index: 3;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
	transition: all 0.3s ease;
	left: 0;
}

.jrs_more span {
	margin-right: 22px;
}

.jrs_more:hover:before {
	background: #3071b7;
	opacity: 1;
}

.jrs_more:hover svg {
	left: 5px;
}


.ani_style1,
.aniStyle2 {
	opacity: 0;
}
.tdelay1 {
	animation-delay: 0.2s !important;
}
.tdelay2 {
	animation-delay: 0.3s !important;
}
.tdelay3 {
	animation-delay: 0.4s !important;
}
.tdelay4 {
	animation-delay: 0.5s !important;
}
.tdelay5 {
	animation-delay: 0.6s !important;
}
.tdelay6 {
	animation-delay: 0.7s !important;
}
.tdelay7 {
	animation-delay: 0.8s !important;
}

@keyframes aniStyle1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes aniStyle2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 80px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

@keyframes aniStyle3 {
	0% {
		opacity: 0;
		transform: scale(1.3);
	}

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

.ons .aniStyle2 {
	animation: 1s aniStyle2 0.3s;
	animation-fill-mode: forwards;
}

.ani-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	z-index: 10;
}

.on .ani-bg:before {
	width: 0;
	transition: 0.9s 0.4s;
}

.ani-bg:before {
	display: none;
}





.popslide_screen {display: none;position: relative;border-bottom:1px solid #eee; }
.popslide_screen .shai_theme span {display: inline-block;position: relative;height:100%;}
.popslide_screen .shai_theme {padding: 0 4%;height:55px;line-height: 55px;text-align: right;}
.popslide_screen .popUls {display: none;background: #f6f9fa;padding: 10px 20px;position: absolute;top: 50px;width: 100%;left: 0;z-index: 90;border-radius: 3px;border-top: 1px #e2e2e2 solid;}
.popslide_screen .popUls li a {padding: 10px 25px;font-size: 14px;color: #444;display: block;border-bottom: 1px #ececec solid; text-align: right;}
.popslide_screen .popUls li{line-height:1.4; text-align: center;}

.popslide_screen .shai_theme .hasnav{padding-right:25px;}
.popslide_screen .hasnav i{display:block;}

.popUls dl{padding:8px 5px;}
.popslide_screen .popUls li dd a{border:none;}
.popslide_screen .popUls2 li a{padding-left:0; position:relative; padding-right:0; text-align:right; }
.popslide_screen .popUls2 dd a{padding:7px 0;color:#666;}
.popUls2 em{right:0; position:absolute;top:6px;}
.popslide_screen .popUls li.hasnav2>a{}
.popslide_screen .popUls .cur  .isjia{ opacity:0;}
.popslide_screen .popUls .cur  .isjian{ opacity:1;}
.popUls2 em{ font-size:14px; font-weight:normal;}
.popUls2 .isjian{top:11px; opacity:0;}
.popUls2 .isjia{top:11px; opacity:1;}
.popslide_screen .popUls{ position: relative;top:0;}
.popUls dl{display:none;}
.popslide_screen .popUls li>a em{display: none;}
.popslide_screen .popUls li.hasnav2>a em{display: block;}
.popslide_screen .popUls li.hasnav2 a{text-align: left;}
/*.popUls>li:last-child>a{ border: none;}*/


	.s_back,.s_arr{width:55px; position:absolute;height:55px;top:0; display:block;}
	.s_back{left:0;z-index:5;}
	.s_back i{font-size: 26px;}
	.s_back{text-align: center; line-height: 55px;}
	.s_arr{right:0;width:20px;display:none;font-size: 14px;}
	.popslide_screen .shai_theme{ background:#f6f9fa;}
	.popslide_screen .hasnav i{font-size: 18px;}
	.popslide_screen .shai_theme span{ display:block; text-align:right;}
	.s_arr2{opacity: 0;}
	.hasnav.on .s_arr1{ opacity: 0;}
	.hasnav.on .s_arr2{ transform:rotateX(180deg); opacity: 1;}
	.s_arr{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
	/* .hasnav.on .s_arr:before{opacity:0;-webkit-opacity:0;}
	.hasnav.on .s_arr:after{opacity:1;-webkit-opacity:1;} */
.popslide_screen .shai_theme span{font-size:16px;color:#333;}
.on .s_arr{transform: rotateZ(180deg);}


.laybg{background: #000;opacity: 0.5;position: fixed;left:0;top:0;z-index: 66;width: 100%;height: 100vh;}
.layvideo{position: fixed;z-index: 199;width: 1000px;left:50%;top:50%;transform: translate(-50%,-50%);}
.layvideo video{width: 100%;}
.laybg,.layvideo{display: none;}
.layclose {position: absolute;right: -40px;top: 0;color: #fff;font-size: 24px;width: 40px;height: 40px;line-height: 40px;text-align: center;}
.layclose{transform: rotateZ(45deg);}
.layclose i{font-size: 24px;}
.layclose i,.js_video_play i{display: inline-block;position: absolute;width:100%;height:100%;top:0;left:0;}




/* 搴曢儴 */
				.conwrap{position: relative;}
				.wap_js_wx_img{display: none;width: 40%;padding: 5px;background: #fff;z-index: 99999;}
				.wap_js_wx_img{position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);}
				.wap_js_wx_img img{width:100%;}
				.wapfot {height: 338px;display: none;}
				.wapfot{background: var(--blue);padding: 0 4%;padding-top: 40px;}
				.wapfot,.wapfot a{color: #fff;}
				.wapfotp1 img{height: 35px;}
				.wapfotp1{padding-bottom: 20px;}
				.wapfotdt a{display: block;font-weight: 500;}
				.wapfotdt{position: relative;height: 50px;line-height: 49px;}
				.wapfotdt i{position: absolute;width: 35px;height: 100%;right:0;top:0;text-align: right;transition: all 0.3s ease;}
				.wapfotdl{border-bottom: 1px solid #d4d4d4;}
				.wapfotdt.on i{transform: rotateX(180deg);}
				.wapfotdd{display: none;padding-bottom: 10px;}
				.wapfotdd a{color: #555;display: block;padding: 5px 10px;font-size: 14px;}
				
				.wapfollow{margin-top: 20px;border-top: 1px solid rgba(255,255,255,0.2);}
				.wapfollow{padding: 20px 0;padding-bottom: 0;}
				.wapfollowp1{font-weight: 500;padding-bottom: 10px;}
				.wapfollowp2{padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.2);}
				.wapfollowp2 a{display: inline-block;width: 36px;height: 36px;line-height: 34px;border: 1px solid #fff;box-sizing: border-box;}
				.wapfollowp2 a{text-align: center;border-radius: 50%;opacity: 0.8;margin-right: 10px;}
				.wapfollowp2 a:nth-child(1) i{font-size: 20px;}
				.wapfollowp2 a:nth-child(2) i{font-size: 20px;}
				.wapfollowp2 a:nth-child(3) i{font-size: 20px;}
				.wapfollowp2 i{color: #fff;}
				
				.wapfotp0{display: none;}
				.wapfotp1{padding-bottom: 0;}
				.wapfollowp2{}
				
				.wapfootla{position: relative;z-index: 33;}
				.wapfootlam{display: flex;align-items: center;}
				.wapfootlasub{position: absolute;background: #fff;border-radius: 6px;z-index: 33;display: none;}
				.wapfootlasub{left:133px;top:50%;transform: translateY(-50%);}
				.wapfootlasub{box-shadow: 0 15px 25px rgba(0,0,0,0.1);padding: 5px 0;}
				.wapfootlasub a{display: block;text-align: center;width: 102px;padding: 5px 0;font-size: 14px;color: #555;}
				.wapfootlasub:before {content: '';width: 0;height: 0;border: 6px solid transparent;border-right-color: #fff;position: absolute;}
				.wapfootlasub:before{left:-12px;top:50%;transform: translateY(-50%);}
				.wapfootla{border-bottom: 1px solid rgba(255,255,255,0.2);padding: 15px 0;width: 100%;display: flex;align-items: center;}
				.wapfootla span{font-weight: 500;padding: 0 8px;}
				.wapfootla i:nth-child(1){font-size: 22px;}
				.wapfootlam i,.wapfootla i:nth-child(3){font-size: 14px;}
				
				
				.wapcopys{font-size: 12px;padding: 15px 0;}
				.wapcopys,.wapcopys a{color: rgba(255,255,255,0.5);}
				
				.wapfootla01{line-height: 38px;}
				.wapfootla01{position: relative;}
				.wapfootla01{margin-right: 15px;}
				.wapfootlasub a{line-height: 1.4;}
				.wapfootlasub{left:0;top:auto;transform: none;bottom: 45px;}
				.wapfootlasub:before{transform: translateX(-50%);left: 50%;top:auto;bottom: -12px;border: 6px solid transparent;}
				.wapfootlasub:before{border-top-color:#fff;}
				.wapfootlasub1{width: 190px;left: 50%;transform: translateX(-50%);}
				.wapfootlasub1 a{width: auto;}
				
				
				.wxsub{position: absolute;width: 150px;right: 65px;top:50%;transform: translateY(-50%);}
				.wxsub{padding-right: 10px;}
				.wxsubm:before{position: absolute;content:'';}
				.wxsubm:before{right: -19px;top:50%;transform: translateY(-50%);}
				.wxsubm:before{width: 0; height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent transparent #fff;}
				.wxsubm{background: #fff;position: relative;box-shadow: 0 0 15px rgba(0,0,0,0.08);text-align: center;padding: 5px;border-radius: 10px;}
				.wxsubm p{color: var(--blue);}
				.wxsubm img{border: 5px solid #fff;box-sizing: border-box;}
				.wxsubm img:first-child{margin-top: 0;}
				.wxsub img{max-width: 100%;}
				.wxsub{opacity: 0;right: 85px;visibility: hidden;z-index: -1;transition: all 0.3s ease;}
				.rightxf:hover  .wxsub{opacity: 1;right: 55px;visibility: visible;z-index: 9;}
				.rightxf{position: relative;}
				.wxsub1{right: auto;top:auto;transform: translateX(-50%);bottom: 55px;left:50%;padding-right: 0;padding-bottom: 10px;}
				.wxsub1 .wxsubm:before{border-color: #fff transparent transparent transparent;}
				.wxsub1 .wxsubm:before{bottom: -19px;left:50%;transform: translateX(-50%);right: auto;top:auto;}
				
				
				.mmeau {width: 26px;margin-left: 18px;}
								.mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:6px;border-radius:2px;background: #fff;}
								.mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out;    will-change: transform,opacity;}
								.mmeau span:nth-child(1){margin-top: 0;}
								.mmeauom .msp1{transform: rotate(45deg);}
								.mmeauom .msp2{opacity: 0;}
								.mmeauom .msp3{transform: rotate(-45deg);top:2px;}
								.mheadon .mtoplauge1 span:before,.mheadon .mtoplauge1 i:before,.mheadonxx .mtoplauge1 span:before,.mheadonxx .mtoplauge1 i:before{ opacity:0;}
								.mheadon .mtoplauge1 span:after,.mheadon .mtoplauge1 i:after,.mheadonxx .mtoplauge1 span:after,.mheadonxx .mtoplauge1 i:after{ opacity:1;}
								.mheadon .mtoplauge1 span,.mheadonxx .mtoplauge1 span{ color:#000;}
								.mheadon,.mheadonxx{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
								
								.wap-nav{display: none;position: fixed;width: 100%;left:0;top:0;z-index: 999;}
								
								.wap-navm{position: relative;}
								.wap-navm:before{position: absolute;width: 100%;left:0;bottom: 0;content: '';}
								.wap-navm:before{height: 1px;background: rgba(255,255,255,0.2);}
								.wap-navm{display: flex;justify-content: space-between;align-items: center;padding: 15px 4%;box-sizing: border-box;}
								.wap-logo{position: relative;height: 34px;width: 50%;}
								.wap-logo img{height: 100%;left:0;top:0;position: absolute;transition: all 0.3s ease;}
								.wap-logo2{opacity: 0;}
								.wap-right{display: flex;align-items: center;}
								.wap-user i{color: #fff;font-size: 26px;}
								.wap-user{height: 26px;line-height: 26px;}
								
								.g-head.active .wap-nav,.g-head.pages .wap-nav{background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
								.g-head.active .wap-nav .wap-logo2,.g-head.pages .wap-nav .wap-logo2{opacity: 1;}
								.g-head.active .wap-nav .wap-logo1,.g-head.pages .wap-nav .wap-logo1{opacity: 0;}
								.g-head.active .wap-nav .wap-user i,.g-head.pages .wap-nav .wap-user i{color: #000;}
								.g-head.active .wap-nav .mmeau span,.g-head.pages .wap-nav .mmeau span{background: #000;}
								
								.dan .wap-nav,.msnav .wap-nav{background: rgba(255,255,255,0.8);backdrop-filter: blur(12px);-webkit-backdrop-filter:blur(12px)}
								.dan .wap-nav .wap-logo2,.dan .wap-nav .wap-logo2,.msnav .wap-nav .wap-logo2,.msnav .wap-nav .wap-logo2{opacity: 1;}
								.dan .wap-nav .wap-logo1,.dan .wap-nav .wap-logo1,.msnav .wap-nav .wap-logo1,.msnav .wap-nav .wap-logo1{opacity: 0;}
								.dan .wap-nav .wap-user i,.dan .wap-nav .wap-user i,.msnav .wap-nav .wap-user i,.msnav .wap-nav .wap-user i{color: #000;}
								.dan .wap-nav .mmeau span,.dan .wap-nav .mmeau span,.msnav .wap-nav .mmeau span,.msnav .wap-nav .mmeau span{background: #000;}
								
								
								
								.wap-nav{transition: all 0.3s ease;}
								
								.main-nav{opacity:0;}
								.main-nav{position: fixed; top: 0;height: 100vh;z-index: 9999;overscroll-behavior: none;left:0;display: none;}
								.main-nav{background: var(--blue);width: 75%;transition: all .4s ease;transform: translate3d(-101%, 0, 0);}
								.main-nav.open{transform: translate3d(0, 0, 0);opacity: 1;}
								
								.nav-h2{height: 70px;}
								 .nav-h2{ font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #fff }
								 .nav-h2-logo{height:34px;}
				.wap-h2-top{display: flex;width: 100%;box-sizing: border-box;justify-content: space-between;position: relative;}
				.nav-h2 a{padding: 0;margin: 0;border: none;background: none;}
				.nav-h2 em{width: 30px;display: flex;justify-content: space-between;align-items: center;}
				.nav-h2 i{font-size: 24px;color: #fff;font-weight: normal;}
				.nav-h2 .wap_js_lauge {font-size: 26px;}
				.nav-h2 span{font-size: 20px;color: #fff;font-weight: normal;}
				.nav-lauge{position: absolute;width: 100%;left:0;top:0;background: #000;padding: 17px;z-index: 33;height: 100vh;box-sizing: border-box;}
				.nav-lauge{padding-top: 90px;}
				.nav-lauge-p1 i{border-radius: 50%;display: inline-block;font-size: 14px;border: 1px solid #fff;}
				.nav-lauge-p1 i{width: 30px;height: 30px;box-sizing: border-box;text-align: center;line-height: 28px;opacity: 0.8;}
				.nav-lauge-p1 i{transform: rotateZ(45deg);position: relative;}
				.nav-lauge-p2{margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.2);}
				.nav-lauge-p2 a{display: block;margin-top: 5px !important;padding-left: 40px !important;font-size: 14px;}
				.nav-lauge-p2 a{padding-top: 5px !important;padding-bottom: 5px !important;}
				.wap-h2-top{width: 100%;position: relative;z-index: 55;}
				.nav-lauge-p2 a:nth-child(1){background: url(../img/lauge1.png) left center no-repeat;background-size:auto 11px;}
				.nav-lauge-p2 a:nth-child(2){background: url(../img/lauge2.png) left center no-repeat;background-size:auto 14px;}
				.nav-lauge{display: none;}
				
				.menu-underlay {
					position: fixed;
				    width: 100%;
				    height: 100vh;
				    background: #000;
					display: none;left:0;top:0;
				    opacity: 0.3;
				    box-shadow: none;
				    z-index: 8888;
				}					
									
				
				.wnavsub-1{transition: all .4s ease;transform: translate3d(-100%, 0, 0);opacity: 0;}
				.wnavsub-1.on{transform: translate3d(0, 0, 0);opacity: 1;}
				.wnavl a{display: block;padding: 15px 15px;position: relative;font-size: 14px;line-height: 1;}
				.wnavl a,.wnavl i{color: #fff;}
				.wnavl i,.wnavback em{position: absolute;right: 0;width: 44px;height: 44px;display: block;top:0;text-align: center;line-height: 44px;}
				.wnavl i{font-size: 16px;}
				.wnavl .wnava-1{font-size: 16px;}
				.wnavsub-1{position: absolute;left:0;top:0;height: 100%;z-index: 88888;}
				.wnavsub-1{width: calc(100% - 45px);width: 100%;padding-right: 45px;}
				.wnavsub-1:before,.wnavsub-1:after{position: absolute;top:0;height: 100%;content: '';z-index: 88888;}
				.wnavsub-1:before{width: 45px;right:0;top:0;height: 100%;background: #000;opacity: 0.2;}
				.wnavsub-1:after{width: calc(100% - 45px);}
				.wnavsub-h3{font-size: 18px;display: flex;width: 100%;color: #fff;align-items: center;}
				.wnavback{color: #fff;width: 100%;height: 45px;line-height: 45px;position: relative;}
				.wnavback em{font-size: 24px;}
				
				.wnavsub-2{width: 100%;display: none;}
				.wnava-i-2{transition: all 0.3s ease;}
				.wnava-i-2.on{transform: rotateX(180deg);}
				.wnavl .wnava-i-2{font-size: 16px;}
				.wnavl .wnavsub-2 a{padding-left: 30px;line-height: 1.4;font-size: 14px;}
				.wnavl .wnavsub-2 .wnavsub-2 a{padding-left: 45px;font-size: 12px;}
				.wnavl .wnavsub-2 .wnavsub-2 .wnavsub-2 a{padding-left: 60px;}
				.wnavl .wnavsub-2 .wnavsub-2 .wnavsub-2 .wnavsub-2 a{padding-left: 75px;}
				
				.wnavback,.wnavl li{border-top: 1px solid rgba(255,255,255,0.1);}
				.nav-lauge,.main-nav{background:#0d5cb2;}
				.wnavsub-h3,.nav-h2{height: 70px;}
				.nav-h2,.wnavl a,.wnavsub-h3,.wnavback{padding-left: 15px;padding-right: 15px;}
				.no i{width: 100%;padding-left: calc(100% - 44px);}
				.wnavl a{padding-right: 30px;}
				.wnavsub-1>ul{overflow-y: auto;height: calc(100% - 115px);}
				.wnavsub-1::-webkit-scrollbar-track {background:none;width:2px;position:absolute;width:100%;}
				.wnavsub-1::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.3);height:30px;width:100%;border-radius:3px;opacity:1;width:2px;}
				.wnavsub-1::-webkit-scrollbar {height:50%;width:3px;background:none;}
				.wnavsub-1:after{background: #2165af;}
				.wnavsub-h3,.wnavback,.wnavsub-1>ul{position: relative;z-index: 99999;}
				
				
				.nav__toggle-button{transform: scale(0.85);-webkit-transform: scale(0.85);}
				.nav__toggle-button {align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:transform 0.3s;}
				.nav__toggle-button{height:43px;width:43px;position: relative;}
				.nav__toggle-button * {transition:0.15s ease-in-out;}
				.nav__toggle-button #hamburger {position:absolute;height:100%;width:100%;}
				.nav__toggle-button span {display:block;background:#000;border-radius:4px;}
				.nav__toggle-button #hamburger span {width:23px;height:2px;position:relative;top:11px;left:10px;margin:4px 0;}
				.nav__toggle-button #hamburger span:nth-child(1) {transition-delay:0.3s;}
				.nav__toggle-button #hamburger span:nth-child(2) {transition-delay:0.35s;}
				.nav__toggle-button #hamburger span:nth-child(3) {transition-delay:0.4s;}
				.nav__toggle-button #cross {position:absolute;height:32px;width:32px;transform:rotate(45deg);left:6px;top:6px;}
				.nav__toggle-button #cross span:nth-child(1) {height:0%;width:2px;position:absolute;top:3px;left:calc(50% - 1px);transition-delay:0s;}
				.nav__toggle-button #cross span:nth-child(2) {width:0%;height:2px;position:absolute;left:3px;top:calc(50% - 1px);transition-delay:0.15s;}
				.nav--open.nav__toggle-button #hamburger span {width:0;}
				.nav--open.nav__toggle-button #hamburger span:nth-child(1) {transition-delay:0s;}
				.nav--open.nav__toggle-button #hamburger span:nth-child(2) {transition-delay:0.1s;}
				.nav--open.nav__toggle-button #hamburger span:nth-child(3) {transition-delay:0.15s;}
				.nav--open.nav__toggle-button #cross span:nth-child(1) {height:80%;transition-delay:0.2s;}
				.nav--open.nav__toggle-button #cross span:nth-child(2) {width:80%;transition-delay:0.3s;}
				
				/* 绾挎 */
				.nav__toggle-button{background: none;box-sizing: content-box;}
				.nav__toggle-button{border: 1px solid #fff;border: none;}
				.nav__toggle-button span{background: #fff;}
				/* .msnav .nav__toggle-button{background: #fff} */
				.msnav .nav__toggle-button span{background: #333;}
				/* .dan .nav__toggle-button{background: #fff} */
				.nav__toggle-button #hamburger span{width: 29px;left:7px;margin: 6px 0;top:8px;}
				.dan .nav__toggle-button span{background: #333;}
				
				body.hc-open{overflow: hidden;}
				
				.wap_more{display: inline-block;background: var(--green);}
				.wap_more{height: 42px;line-height: 42px;padding: 0 40px;}
				.wap_more,.wap_more:hover{color: #fff;}
				.wap_more span{display: block;vertical-align: top;position: relative;padding-right: 25px;}
				.wap_more svg{position: absolute;right:0;top:11px;}
				.wap_more svg{color: #fff;}
				
				/* 浜岀骇瀵艰埅鍙樻洿 */
				.wnavsub-1:before,.wnavsub-h3,.wnavback,.wnavsub-1:after{display: none;}
				.wnavsub-1>ul{height: auto;}
				.wnavsub-1{position: relative;height: auto;background: none;transform: none;opacity: 1;padding: 0;}
				.wnavsub-1{}
				.wnavsub-1 ul a{padding-left: 30px;}
				.wnavsub-1{display: none;}
				.main-nav{overflow-y: auto;}
				.wnava-i-1:before{display: inline-block;}
				.wnava-i-1.on:before{transform: rotateZ(180deg);transition: all 0.3s ease;}