@charset "UTF-8";

/*----------	icons	----------*/


@font-face {

	font-family:iconfont;

	src: url('tubiao/icomoon.ttf') format("truetype"), url('tubiao/icomoon.woff') format("woff"), url('tubiao/icomoon.svg') format("svg"),;

	font-weight: normal;

	font-style: normal;

	font-display: block;
}

.icon, .icon-pinch-out, .icon-pinch-in, .icon-to-top, .icon-new, .icon-last, .icon-first, .icon-mail, .icon-bookmark, .icon-humberger, .icon-cart, .icon-calendar, .icon-print, .icon-alert, .icon-rss, .icon-swipe, .icon-stop, .icon-play, .icon-circle-border, .icon-circle, .icon-check, .icon-doc, .icon-zip, .icon-word, .icon-powerpoint, .icon-excel, .icon-pdf, .icon-exclamation, .icon-question, .icon-global, .icon-unlocked, .icon-locked, .icon-access, .icon-search, .icon-map, .icon-search-2, .icon-download,.icon-point-left, .icon-close, .icon-minus, .icon-plus, .icon-blank, .icon-arrow2-t, .icon-arrow2-b, .icon-arrow2-l, .icon-arrow2-r, .icon-arrow1-t, .icon-arrow1-b, .icon-arrow1-l, .icon-arrow1-r {

	display: inline-block;

	font-family: iconfont !important;
	speak: never;

	font-style: normal !important;

	font-size: inherit;

	font-weight: normal !important;

	font-variant: normal !important;

	text-transform: none;

	line-height: 1;

	color: inherit;
}

.icon-arrow1-r::before {

	content: "\e900";
}

.icon-arrow1-l::before {

	content: "\e901";
}

.icon-arrow1-b::before {

	content: "\e902";
}

.icon-arrow1-t::before {

	content: "\e903";
}

.icon-arrow2-r::before {

	content: "\e904";
}

.icon-arrow2-l::before {

	content: "\e905";
}

.icon-arrow2-b::before {

	content: "\e906";
}

.icon-arrow2-t::before {

	content: "\e907";
}

.icon-blank::before {

	content: "\e908";
}

.icon-plus::before {

	content: "\e909";
}

.icon-minus::before {

	content: "\ea06";
}

.icon-close::before {

	content: "\e90b";
}

.icon-download::before {

	content: "\e90c";
}
.icon-point-left::before {

	content: "\ea06";
}

.icon-search::before {

	content: "\e90d";
}

.icon-search-2::before {

	content: "\ea82";
}

.icon-access::before {

	content: "\e949";
}

.icon-map::before {

	content: "\e947";
}

.icon-locked::before {

	content: "\e90f";
}

.icon-unlocked::before {

	content: "\ea7d";
}

.icon-global::before {

	content: "\e980";
}

.icon-question::before {

	content: "\e912";
}

.icon-exclamation::before {

	content: "\e913";
}

.icon-pdf::before {

	content: "\e914";
}

.icon-excel::before {

	content: "\ea05";
}
.icon-powerpoint::before {

	content: "\e916";
}

.icon-word::before {

	content: "\e917";
}

.icon-zip::before {

	content: "\e918";
}

.icon-doc::before {

	content: "\e91a";
}

.icon-check::before {

	content: "\e91b";
}

.icon-circle::before {

	content: "\e91c";
}

.icon-circle-border::before {

	content: "\e91d";
}

.icon-play::before {

	content: "\e91e";
}

.icon-stop::before {

	content: "\e920";
}

.icon-swipe::before {

	content: "\e91f";
}

.icon-rss::before {

	content: "\e921";
}

.icon-alert::before {

	content: "\e942";
}

.icon-print::before {

	content: "\e923";
}

.icon-calendar::before {

	content: "\e924";
}

.icon-cart::before {

	content: "\e925";
}

.icon-humberger::before {

	content: "\e926";
}

.icon-bookmark::before {

	content: "\e927";
}

.icon-mail::before {

	content: "\e928";
}

.icon-first::before {

	content: "\e929";
}

.icon-last::before {

	content: "\e92a";
}

.icon-new::before {

	content: "\eadd";
}

.icon-to-top::before {

	content: "\e92c";
}

.icon-pinch-in::before {

	content: "\e92d";
}

.icon-pinch-out::before {

	content: "\ea7d";
}

.icon-freedial {

	display: inline-block;

	vertical-align: baseline;

	line-height: 1;
	width: 70px;
}


.icon-phone {

	display: inline-block;

	vertical-align: baseline;

	line-height: 1;

	width: 60px;
}


.icon-sns {

	display: inline-block;

	vertical-align: baseline;

	line-height: 1;

	width: 40px;
}


/*----------	icon 容器  ----------*/

.g-icon-container {

	margin-top: -8px;

	font-size: 0;
}

.g-icon-container__item {

	display: inline-block;

	margin-right: 24px;

	margin-top: 8px;
}


/* 自定义 CSS 开始 */

/* ----底部 CSS---- */

.footer{ 
	position:relative;
	display: grid;
	place-items: center;
	z-index:-1;
	background:#0055CC; 
}
.footer_links{
	height:40px;
	background:#eceaeb;
	float: left;
	width: 100%;
}
.footer_left a{
	 color:#fff;
	font-family:"Microsoft Yahei";
	font-size: 12px;
	line-height:30px;
}
.footer_left a img {
	width: 20px;
	height: 20px;
}

.footer_left{
	width: 600px;
	float: left;
	height:120px;
	padding-top:18px;
}

.banner_1{
 height:275px;
 z-index:9000;
 background-repeat:no-repeat; 
 background-position:top center;
 width: 100%;
 padding-top:250;
}
.winstyle22953{ 
text-align: left; 
font-family: Microsoft Yahei; 
float: left; 
color: #878787; 
font-size: 12px ;
}
.location{
 height:39px;
 line-height:39px;
 background:#fff; 
 position:relative;
}
.container{
 width:1200px;
 margin-left:auto;
 margin-right:auto;
}
.location_shadow{
 height:16px;
 font-size:1px;
 width:100%;
 left:0;
 z-index:8000;
 background:url("../images/di_6.png") repeat-x left top;
}
.aside{
 margin:30px auto 0  150px; 
 width:200px;
 float:left; 
 position:relative;
 z-index:100;
}
.aside h2{
 width:200px;
 margin:0 auto;
 height:62px;
 line-height:45px;
 font-size:18px;
 color:#fff; 
 background:#0055CC;
 padding:0 18px;
}
.aside h2 span{
 display:block;
 height:45px;
 border-bottom:1px solid #fff;
 }
.aside dl{
 position:relative;
 z-index:10; 
}
.aside dt{
 display:block;
 width:200px;
 height:48px;
 border-bottom:1px solid #fff;
}
.aside dt a{
 display:block;
 height:47px;
}
.aside dl a{
 display:inline-block;
 width:200px;
 height:47px;
 line-height:45px;
 text-align:center;
 font-size:14px;
 background:#18A7EB; 
 color:#fff;
}
.aside dl a:hover,.aside dl a.hover{
 color:#fff;
 background:#0055CC;  
}

.l-content_1 {
	width: 100%;
	position: relative;
	padding:215px 0 1px;
}
.windowstyle22957{ 
color: #ffffff; 
font-size: 18px ;
}
.win229{ 
font-family: Microsoft Yahei;
}
.section_1{
 height:2250px;
 width:75%;
 padding:10px 40px 0px;
 z-index:100;
 float:right; 
/* border:1px solid #9a0d0d;*/
}

.section_1 h3{
 height:53px;
 width:100%;
 align:center;
 line-height:45px;
 background:#003366;
 border:1px solid #808080;
}
.section_1 h3_1{
 height:100px;
 width:100%;
 align:center;
 line-height:72px;
/* background:#003366;
 border:1px solid #808080;*/
}
.section_1 h4{
 height:53px;
 width:20%;
 text-align: center;
 float:left; 
 line-height:45px;
 background:#003366;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
}
.section_1 h4_1{
 height:81px;
 width:20%;
 text-align: center;
 float:left; 
 line-height:72px;
 background:#003366;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
}
.section_1 h4_2{
 height:53px;
 width:48%;
 float:left; 
 line-height:45px;
 background:#eceaeb;
}
.section_1 h4_3{
 height:20px;
 width:48%;
 float:left; 
 line-height:45px;
 background:#fff;
}
.section_1 h5{
 height:323px;
 width:80%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
/* border:1px solid #808080;*/
}
.section_1 h5 h6{
 height:53px;
 width:100%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
 border-right:1px solid #808080;
}
.section_1 h5_1{
 height:130px;
 width:48%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
 /*border:1px solid #808080;*/
}
.section_1 h5_1 h6_1{
 height:53px;
 width:100%;
 align:center;
 line-height:45px;
 float:right; 
 background:#eceaeb;
}
.section_1 h5_1 h6_2{
 height:20px;
 width:100%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
}
.section_1 h5_2{
 height:600px;
 width:48%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
/* border:1px solid #808080;*/
}
.section_1 h5_2 h6_1{
 height:53px;
 width:100%;
 align:center;
 line-height:45px;
 float:right; 
 background:#eceaeb;
}
.section_1 h5_2 h6_2{
 height:20px;
 width:100%;
 align:center;
 line-height:45px;
 float:right; 
 background:#fff;
}
.section_1 h5 h7{
 height:81px;
 width:100%;
 align:center;
 line-height:24px;
 float:right; 
 padding-top:14px;
 background:#fff;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
 border-right:1px solid #808080;
}

.section_1 p img {
 padding-top:50px;
 padding-left:100px;
align:middle;
}



.section_1 img {
width: 16px;
}
.section_1 .se_head{
 height:50px;
 width: 100%;
 line-height:50px;
 font-size:20px;
 color:#e54a1b;
 text-align:center; 
 margin-bottom:20px;
 padding:10px 200px 0px;
}
.section _1.se_head span{
 display:inline-block; 
}
.section_1 .se_head i{
 display:inline-block;
 height:50px;
 float:left;
padding-left: 100px;
 background:url("../images/di_7.jpg") repeat-x left center; 
}
.section_1 .se_head em{
 float:left;
 padding:0 30px; 
}
.windowstyle22960{ font-size: 20px; font-family: Microsoft Yahei; color: #000073 ;}
/*二级菜单中  LOGO*/
.wr123{
	float:right;  
	height:225px; 
	width:600px;
	margin-top: 10px;"
	margin-bottom: 20px;"
	z-index:999;
	background:#fff url("../hc_jpg/logo2.png") no-repeat right center/220px auto; 
}
.wr123:hover{

	background:#fff url("../hc_jpg/logo1.png") no-repeat right bottom/500px auto; 
}

/*top 首页  CSS*/
.wraper{
	height: 480px;
	width: 880px;
	margin: 0 auto;
    	text-align:center;
	z-index:999;
}
.wraper1{
	height: 600px;
	width: 1440px;
	margin: 0 auto;
    	text-align:center;
	z-index:999;
	background:#fff url("../hc_jpg/HC-B.png") no-repeat bottom center; 
}
.wraper2{
	height: 300px;
	width: 100%;
	margin: 0 auto;
    	text-align:center;
	z-index:999;
	background:#fff url("../hc_jpg/HC-D.png"); 
}
.se_1{
	height: 2px;
	width: 100px;
	margin: 0 auto;
	z-index:999;
	background:#0055CC; 
}
.wraper ul{
	list-style:none; z-index:999;
}
.wraper li{
	float: left;
	margin: 5px;
	font-family: "微软雅黑";
	font-size: 16px;
	font-weight: bold;
	z-index:9999;
}
.wraper li a{
	color:#000000;
	text-decoration:none;
}
.wraper li a:hover{
	color:#0055CC;
	text-decoration:none;
}
.span-a1 a{
	color:#000000;
	font-family: Microsoft Yahei;
	text-decoration:none;
}
.span-a1 a:hover{
	color:#0055CC;
	text-decoration:none;
}

.wraper li img{
	border:1px #ccc solid; 
	display:block;
	z-index:999;
}

 .span-a{
 background:url("../hc_jpg/1-1.png") no-repeat left center; 
}
.span-a:hover{
 background:url("../hc_jpg/1-2.png") no-repeat left center;  
}
 .span-b{
 background:url("../hc_jpg/2-1.png") no-repeat left center; 
}
.span-b:hover{
 background:url("../hc_jpg/2-2.png") no-repeat left center;  
}
 .span-c{
 background:url("../hc_jpg/3-1.png") no-repeat left center; 
}
.span-c:hover{
 background:url("../hc_jpg/3-2.png") no-repeat left center;  
}
 .span-2a{
 background:url("../hc_jpg/L-1.png") no-repeat left center; 
}
.span-2a:hover{
 background:url("../hc_jpg/L-2.png") no-repeat left center;  
}
 .span-2b{
 background:url("../hc_jpg/L-3.png") no-repeat left center; 
}
.span-2b:hover{
 background:url("../hc_jpg/L-4.png") no-repeat left center;  
}
.span-a2 a{
	color:#fff;
	text-decoration:none;
}

.winstyle23013{ font-size: 9pt ;}


/* 自定义 CSS 结束 */

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: inherit;
	font-size: inherit;
	font-style: inherit;
	-webkit-tap-highlight-color: transparent;
}

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

ul,
ol {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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


button {
	font-family: inherit;
}


/*----------
	vars
----------*/

:root {

	/* 颜色引用 */

	--color-prim: #000073;	
	--color-seco: #111111;

	--color-txt: #111111;

	--color-txt-caption: #666666;

	--color-txt-link: #0062B1;

	--color-txt-hover: #0062B1;

	--color-border: #CCCCCC;

	--color-bg: #F7F7F7;

	--color-caution: #E20C35;

	--color-prim-rgb: 0, 114, 190;

	--color-seco-rgb: 17, 17, 17;

	--color-txt-rgb: 17, 17, 17;

	--color-txt-caption-rgb: 102, 102, 102;

	--color-txt-link-rgb: 0, 98, 177;

	--color-txt-hover-rgb: 0, 98, 177;

	--color-border-rgb: 204, 204, 204;

	--color-bg-rgb: 247, 247, 247;

	--color-caution-rgb: 226, 12, 53;

	/* 字体 引用 */

	--font-sans: Microsoft YaHei;

	--font-serif: Microsoft YaHei;

	--font-montserrat:Microsoft YaHei, Meiryo, sans-serif;

	/* 字体大小 引用 */

	--line-height-s: 1.4;

	--line-height-m: 1.6;

	--line-height-l: 1.8;

	/* 二级菜单 图标引用 */

	--icon-arrow1-r: "\e900";

	--icon-arrow1-l: "\e901";


	--icon-arrow1-b: "\e902";

	--icon-arrow1-t: "\e903";

	--icon-arrow2-r: "\ea7e";

	--icon-arrow2-l: "\ea7d";

	--icon-arrow2-b: "\e906";

	--icon-arrow2-t: "\e907";

	--icon-blank: "\e908";

	--icon-plus: "\e909";

	--icon-minus: "\ea44";

	--icon-close: "\ea41";

	--icon-download: "\e90c";

	--icon-point-left: "\ea06";
	--icon-search: "\e90d";

	--icon-search-2: "\ea82";

	--icon-access: "\e949";

	--icon-map: "\e947";
	--icon-locked: "\e90f";

	--icon-unlocked: "\e910";

	--icon-global: "\e980";

	--icon-question: "\e912";

	--icon-exclamation: "\e913";

	--icon-pdf: "\e914";

	--icon-excel: "\e915";

	--icon-powerpoint: "\e916";

	--icon-word: "\e917";

	--icon-zip: "\e918";

	--icon-url: "\ea7d";

	--icon-doc: "\e91a";

	--icon-check: "\e91b";

	--icon-circle: "\e91c";

	--icon-circle-border: "\e91d";

	--icon-play: "\e91e";

	--icon-stop: "\e920";

	--icon-swipe: "\e91f";

	--icon-rss: "\e921";

	--icon-alert: "\e942";

	--icon-print: "\e923";

	--icon-calendar: "\e924";

	--icon-cart: "\e925";

	--icon-humberger:"\e926";

	--icon-bookmark: "\e927";

	--icon-mail: "\e928";

	--icon-first: "\e929";

	--icon-last: "\e92a";

	--icon-new: "\eadd";

	--icon-to-top: "\e92c";

	--icon-pinch-in: "\e92d";

	--icon-pinch-out: "\ea7d";
}


/*----------
引用结束
----------*/

html {

	width: 100%;

	font-size: 62.5%;

	background-color: #fff;

	scroll-padding-top: 120px;
}

html.is-locked {

	position: absolute;

	overflow: hidden;
}

html.is-preload * {

	animation: none !important;

	transition: none !important;
}

@media (max-width: 767px) {

	html {

		scroll-padding-top: 70px;

	}
}


body {

	font-size: 1.6rem;

	line-height: var(--line-height-l);

	font-family: var(--font-sans);

	letter-spacing: 0;

	color: var(--color-txt);

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-text-size-adjust: 100%;
}

@media print {

	body {

		min-width: 1240px;

		zoom: 0.8;
	}
}


a {

	text-decoration: none;

	color: var(--color-txt-link);

	word-wrap: break-word;

	overflow-wrap: break-word;

	word-break: break-all;
}

@media (min-width: 768px), print {

	a:hover {

		text-decoration: none;

	}
}


img {

	width: 100%;

	height: auto;

	vertical-align: top;
}


sup {

	vertical-align: top;

	font-size: 0.7em;
}


sub {

	vertical-align: baseline;

	font-size: 0.7em;
}


input[type=text],
textarea,
select {

	font-family: inherit;

	font-size: 1.6rem;
}


section:focus,
div:focus {

	outline: none;

	-webkit-tap-highlight-color: transparent;
}



/*----------
	main header
----------*/

header {

	width: 100%;

	position: relative;

	overflow-x: hidden;
}

@media (min-width: 768px), print {

	header {

		min-width: 1240px;
	}
}

@media print {

	header {

		display: none;
	}
}


.l-mainheader {

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	height: 60px;

	position: fixed;

	top: 0;
	left: 0;

	z-index: 1000;

	padding-left: 20px;

	padding-right: 20px;

	background-color: #ffffff;

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.l-mainheader__logo {

	position: relative;

	z-index: 110;

	width: 100px;

	margin-right: 10px;
}

.l-mainheader__logo a {
	display: block;
}

.l-mainheader__logo img {

	display: block;

	width: 100px;
}

.l-mainheader__menu-btn {

	position: relative;

	z-index: 110;

	display: block;

	width: 70px;

	height: 60px;

	margin-right: -20px;

	cursor: pointer;
}

.l-mainheader__menu-btn::before, .l-mainheader__menu-btn::after,
.l-mainheader__menu-btn > span {

	content: "";

	position: absolute;

	top: 0;
	left: 20px;

	display: block;

	width: 30px;

	height: 2px;

	background-color: var(--color-prim);	/* 原设置 var(--color-prim); */

	transform-origin: left center;

	transition: transform 0.25s, opacity 0.1s;
}

.l-mainheader__menu-btn::before {
	top: 21px;
}

.l-mainheader__menu-btn::after {

	top: 37px;
}

.l-mainheader__menu-btn > span {

	top: 29px;
}

.l-mainheader__menu-btn.is-open::before {

	transform: rotate(30deg);
}

.l-mainheader__menu-btn.is-open::after {

	transform: rotate(-30deg);
}

.l-mainheader__menu-btn.is-open > span {

	opacity: 0;
}

@media (min-width: 768px), print {

	.l-mainheader {

		align-items: flex-end;

		height: 110px;

		min-width: 1240px;

		padding-left: 80px;

		padding-right: 80px;

		transition: height 0.2s;
	}

	.l-mainheader__logo {

		width: 100px;

		padding-bottom: 10px;

		transition: width 0.2s, padding-bottom 0.2s;
	}

	.l-mainheader__logo2 {

		width: 350px;

		padding-bottom: 7px;

		transition: width 0.2s, padding-bottom 0.2s;
	}

	.l-mainheader__logo2 span {

		font-size: 30px;

		color: #000073;
 
		font-weight: bold;
 
		font-family: "微软雅黑";

		line-height: var(--line-height-s);
	}

	.l-mainheader__logo2 span1 {

		color: #000073;
 
		font-family: "微软雅黑";
	}

	.l-mainheader__menu-btn {

		display: none;
	}

	.l-mainheader.is-compact {

		height: 110px;
	
	opacity: 0.8;
	}

}

/*	.l-mainheader.is-compact .l-mainheader__logo {
width: 100px; padding-bottom: 1px;
}

	.l-mainheader.is-compact .l-mainheader__logo2 {
padding-bottom: 0px;}	鼠标向下移动   顶部锁定高度	*/


@media (min-width: 768px) and (max-width: 1420px), print {

	.l-mainheader {

		padding-left: 20px;

		padding-right: 20px;
	}
}


/*----------
	main nav
----------*/

.l-mainnav {

	position: fixed;

	left: 0;

	top: 60px;

	z-index: 105;

	display: block;

	width: 100%;

	height: 0;

	overflow-y: auto;

	scroll-behavior: smooth;

	visibility: hidden;

	opacity: 0;

	transition: opacity 0.2s, visibility 0.2s;
}

.l-mainnav.is-hamburger-menu-open {

	visibility: visible;

	opacity: 1;

	height: calc(100% - 60px);
}

.l-mainnav.is-hamburger-menu-open::before {

	content: "";

	position: fixed;

	left: 0;

	top: 60px;

	width: 100%;

	height: 200px;

	background-color: #fff;

	pointer-events: none;
}

.l-mainnav__inner {

	overflow: hidden;

	position: relative;

	z-index: 1000;

	padding-bottom: 40px;

	background-color: #fff;

	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

	border-top: solid 1px var(--color-border);
}

.l-mainnav__gnav {

	background-color: #fff;
}

.l-mainnav__gnav a {

	display: block;
	font-size: 14px;	/*证书  字体 大小*/

	font-family: "微软雅黑";
	
color: var(--color-txt);

	line-height: var(--line-height-s);
}

.l-mainnav__lv1-item {

	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	min-height: 64px;

	font-family: "微软雅黑";		/* 二级菜单  明细   字体*/

	font-weight: bodl;

	border-bottom: solid 1px var(--color-border);
}

.l-mainnav__lv1-item > a {

	position: relative;

	flex: 1;

	display: flex;

	align-items: center;

	width: 100%;

	min-height: 63px;

	padding: 8px 20px;

	font-family: "微软雅黑";		/* 公司首页 按钮    字体*/

	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);/*首页介绍  字体阴影 */

	font-weight: bold;
	font-size: 16px;
}

.l-mainnav__lv1-item > a:first-child:last-child::after {

	font-family: iconfont !important; 
	speak: none;

	line-height: 1;

	content: var(--icon-arrow1-r);		/* 公司首页 缩小后图标*/

	display: block;
	position: absolute;

	top: 50%;

	right: 20px;

	color:#9a0d0d;
	line-height: 1;

	transform: translateY(-50%);
}

.l-mainnav__lv1-item > a:not(:last-child) {

	border-right: solid 1px var(--color-border);

	font-family: "微软雅黑";		/*除 首页 的 其他 头部 字体*/

	font-size: 16px;
}

.l-mainnav__lv2 {

	overflow: hidden;

	visibility: hidden;

	z-index: 1000;

	opacity: 0;

	width: 100%;

	height: 0;

	background-color: var(--color-bg);

	transition: opacity 0s, visibility 0s;
}

.is-toggle-open > .l-mainnav__lv2 {

	visibility: visible;

	opacity: 1;

	height: auto;

	transition: opacity 0.4s, visibility 0.4s;
}

.l-mainnav__lv2-inner {

	margin: 20px;

	background-color: #fff;
}

.l-mainnav__lv2-item {

	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	min-height: 64px;

	border-bottom: solid 1px var(--color-border);
}

.l-mainnav__lv2-item > a {

	position: relative;

	flex: 1;

	display: flex;

	align-items: center;

	width: 100%;

	min-height: 63px;

	padding: 8px 40px 8px 20px;

	font-weight: 500;

	border-bottom: solid 1px var(--color-border);
	transition: color 0.2s, border-bottom-color 0.2s;}

.l-mainnav__lv2-item > a:first-child:last-child::after {

	font-family: iconfont !important; 

	speak: none;

	font-style:normal;

	font-weight: normal;

	line-height: 1;

	content: var(--icon-rss);

	display: block;
	position: absolute;

	top: 50%;

	right: 20px;

	color: var(--color-prim);

	font-size: 1.6rem;

	line-height: 1;

	transform: translateY(-50%);
}

.l-mainnav__lv2-item > a:not(:last-child) {

	border-right: solid 1px var(--color-border);
}

.l-mainnav__lv2-item > a:hover {

	color:var(--color-prim);
	border-bottom-color: var(--color-prim);	}
.l-mainnav__lv2-item.is-toggle-open > a::before,

.l-mainnav__lv2-item.is-toggle-open > button::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	display: block;

	width: 100%;

	height: 1px;

	background-color: var(--color-border);
}


.l-mainnav__btn-toggle {

	position: relative;

	display: block;
	width: 60px;

	height: 63px;
}

.l-mainnav__btn-toggle::after {

	font-family: iconfont !important; /* 小版切换 图标--初始 */

	speak: none;

	font-style: normal;

	font-weight: normal;

	line-height: 1;
	content: var(--icon-minus);

	display: block;
	position: absolute;

	top: calc(50% - 8px);
	right: 22px;

	color: var(--color-prim);

	font-size: 1.6rem;

	line-height: 1;
	transition: transform 0.3s ease;

	transform: rotate(-90deg);
}

.is-toggle-open > .l-mainnav__btn-toggle::after {

	content: var(--icon-close);
	 /* 大版切换 图标--展开 */

	transform: rotate(0deg);
}

.l-mainnav__category-top {

	display: none;
}

.l-mainnav__sub-menu {

	display: flex;

	flex-wrap: wrap;

	gap: 15px 30px;
	margin: 35px 20px 0;
}

.l-mainnav__sub-menu a {

	font-size: 1.3rem;
}

.l-mainnav__btns {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 30px;

	margin: 40px 20px 0;
}


.l-mainnav__btns-contact > a {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	min-height: 30px;

	background-color: var(--color-prim);	/*原 var(--color-prim);	设置  地图定位 背景*/

	border-radius: 100px;	/*  地图定位  边框 弧度大小*/

	color: #fff;

	font-size: 1.4rem;

	font-weight: 500;
}

.l-mainnav__btns-contact > a i {

	margin-left: 10px;
	/* margin-right: 10px;	地图 图标 排版 */

	font-size: 1.4rem;
}

.l-mainnav__language {

	display: flex;

	width: 100%;

	height: 30px;

	max-width: 220px;

	background-color: #FFF;	/*原 var(--color-bg);设置  电话背景*/

	border-radius: 50px;
}

.l-mainnav__language-item {

	width: 100%;

	height: 30px;

	text-align: center;
}

.l-mainnav__language-item > a {
	margin-left: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	height: 30px;

	border-radius: 50px;

	font-size: 1.4rem;
}

.l-mainnav__language-item > a i {

	margin-left: 20px;

	margin-right: 10px;
	/* margin-right: 10px;	电话 图标 排版 */

	font-size: 1.4rem;
}

.l-mainnav__language > a {

	display: flex;

	align-items: center;

	justify-content: center;

	height: 30px;

	border-radius: 50px;

	font-size: 14px;

	font-weight: bold;	/*电话字体*/

	font-family: "微软雅黑";

	color:  #000073;

	pointer-events: none;
}

.l-mainnav__language > a i {

	margin-left: 20px;

	margin-right: 10px;	
/* 电话 图标 排版 */

	font-size: 1.4rem;
}

.l-mainnav__language > a img {

	margin-left: 10px;

	margin-right: 10px;

	width: 22px;
}

.l-mainnav__language.is-current a {

	background-color: #FFF;
	
color: #fff;

	pointer-events: none;
}

.l-mainnav__language-item.is-current a {

	background-color: #FFF;

	color: #fff;

	pointer-events: none;
}



/* lv4 关联公司 二级菜单  */
.l-mainnav__lv4-item {
	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	min-height: 64px;

	border-bottom: solid 1px var(--color-border);
}

.l-mainnav__lv4-item > a {

	position: relative;

	flex: 1;

	display: flex;

	align-items: center;

	width: 100%;

	min-height: 63px;

	padding: 8px 40px 8px 20px;

	font-weight: 500;
}

.l-mainnav__lv4-item > a:first-child:last-child::after {

	font-family:iconfont !important;
	speak: none;

	font-style:normal;

	font-weight: normal;

	line-height: 1;

	content: var(--icon-pinch-out);

	display: block;
	position: absolute;

	top: 50%;

	right: 20px;

	color: var(--color-prim);

	font-size: 1.4rem;

	line-height: 1;

	transform: translateY(-50%);
}

.l-mainnav__lv4-item > a:not(:last-child) {

	border-right: solid 1px var(--color-border);
}

.l-mainnav__lv4-item.is-toggle-open > a::before,

.l-mainnav__lv4-item.is-toggle-open > button::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	display: block;
	width: 100%;

	height: 1px;

	background-color: var(--color-border);
}
	
.is-toggle-open > .l-mainnav__lv4 {


	visibility: visible;


	opacity: 1;


	height: auto;


	transition: opacity 0.4s, visibility 0.4s;
}
.l-mainnav__lv4-item {

	position: relative;

	width: 270px;

	min-height: auto;

	border-bottom: none;
	}

.l-mainnav__lv4-item > a {

	flex-grow: 0;

	flex-shrink: 1;

	flex-basis: auto;

	height: 100%;

	min-height: 76px;

	padding: 10px 40px 10px 0;

	font-size: 1.4rem;

	border-bottom: solid 1px var(--color-border);

	transition: color 0.2s, border-bottom-color 0.2s;

	}
	
.l-mainnav__lv4-item > a::after {

	font-family: iconfont !important; 

	speak: none;

	font-style: normal;

	font-weight: normal;

	line-height: 1;

	content: var(--icon-arrow2-l);

	display: block;

	position: absolute;

	top: 50%;

	right: 20px;

	color: var(--color-prim);

	font-size: 1.4rem;

	line-height: 1;

	transform: translateY(-50%);
	}
	
.l-mainnav__lv4-item > a:not(:last-child) {

	border-right: none;
	}
	
.l-mainnav__lv4-item > a:hover {

	color: var(--color-prim);

	border-bottom-color: var(--color-prim);
	}
	
.l-mainnav__lv4-item.is-toggle-open > a::before,

.l-mainnav__lv4-item.is-toggle-open > button::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	display: block;

	width: 100%;

	height: 1px;

	background-color: var(--color-border);
	}

.l-mainnav__lv4-item--2up {

	display: flex;

	flex-direction: column;

	width: 580px;
	}

.l-mainnav__lv4-item--2up > a {

	flex-shrink: 0;

	height: 76px;

	border-bottom: solid 1px var(--color-border);
	}


/* lv5 企业新闻 二级菜单  */
.l-mainnav__lv5-item {
	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	min-height: 64px;

	border-bottom: solid 1px var(--color-border);
}

.l-mainnav__lv5-item > a {

	position: relative;

	flex: 1;

	display: flex;

	align-items: center;

	width: 100%;

	min-height: 63px;

	padding: 8px 40px 8px 20px;

	font-weight: 500;
}

.l-mainnav__lv5-item > a:first-child:last-child::after {

	font-family:iconfont !important;
	speak: none;

	font-style:normal;

	font-weight: normal;

	line-height: 1;

	content: var(--icon-swipe);

	display: block;
	position: absolute;

	top: 50%;

	right: 20px;

	color: var(--color-prim);

	font-size: 1.4rem;

	line-height: 1;

	transform: translateY(-50%);
}

.l-mainnav__lv5-item > a:not(:last-child) {

	border-right: solid 1px var(--color-border);
}

.l-mainnav__lv5-item.is-toggle-open > a::before,

.l-mainnav__lv5-item.is-toggle-open > button::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	display: block;
	width: 100%;

	height: 1px;

	background-color: var(--color-border);
}
	
.l-mainnav__lv5-item {

	position: relative;

	width: 270px;

	min-height: auto;

	border-bottom: none;
	}

.l-mainnav__lv5-item > a {

	flex-grow: 0;

	flex-shrink: 1;

	flex-basis: auto;

	height: 100%;

	min-height: 76px;

	padding: 10px 40px 10px 0;

	font-size: 1.4rem;

	border-bottom: solid 1px var(--color-border);

	transition: color 0.2s, border-bottom-color 0.2s;}

.l-mainnav__lv5-item > a::after {

	font-family: iconfont !important; 

	speak: none;

	font-style: normal;

	font-weight: normal;

	line-height: 1;

	content: var(--icon-arrow2-l);

	display: block;

	position: absolute;

	top: 50%;

	right: 20px;

	color: var(--color-prim);

	font-size: 1.4rem;

	line-height: 1;

	transform: translateY(-50%);
	}
	
.l-mainnav__lv5-item > a:not(:last-child) {

	border-right: none;
	}
	
.l-mainnav__lv5-item > a:hover {

	color: var(--color-prim);

	border-bottom-color: var(--color-prim);
	}
	
.l-mainnav__lv5-item.is-toggle-open > a::before,

.l-mainnav__lv5-item.is-toggle-open > button::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: -1px;

	z-index: 1;

	display: block;

	width: 100%;

	height: 1px;

	background-color: var(--color-border);
	}

.l-mainnav__lv5-item--2up {

	display: flex;

	flex-direction: column;

	width: 580px;
	}

.l-mainnav__lv5-item--2up > a {

	flex-shrink: 0;

	height: 76px;

	border-bottom: solid 1px var(--color-border);
	}



/* 以下为小版CSS样式 */

@media (min-width: 768px), print {

	.l-mainnav {

		flex: 1;

		overflow-y: visible;

		visibility: visible;

		opacity: 1;

		position: static;

		top: 0;

		height: auto;
	}

	.l-mainnav__inner {

		overflow: visible;

		padding-bottom: 0;

		box-shadow: none;

		border-top: none;
	}

	.l-mainnav__gnav {

		background-color: #fff;
	}

	.l-mainnav__lv1 {

		margin-right: -12.5px;
	}

	.l-mainnav__lv1-inner {

		display: flex;

		justify-content: flex-end;
	}

	.l-mainnav__lv1-item {

		display: block;

		min-height: auto;

		border-bottom: none;
	}

	.l-mainnav__lv1-item > a {

		flex-grow: 0;

		flex-shrink: 1;

		flex-basis: auto;

		display: inline-block;

		width: auto;

		min-height: 54px;

		padding: 10px 12.5px 0;

		font-weight: normal;

		transition: color 0.2s;
	}

	.l-mainnav__lv1-item > a::before {

		content: "";

		position: absolute;

		left: 12.5px;

		bottom: 0;

		width: calc(100% - 25px);

		height: 2px;

		background-color: transparent;

		transition: background-color 0.2s;
	}

	.l-mainnav__lv1-item > a:first-child:last-child::after {

		display: none;
	}

	.l-mainnav__lv1-item > a:not(:last-child) {

		border-right: none;
	}

	.l-mainnav__lv1-item > a:hover {

		color: #9a0d0d;		/*首页 文字 鼠标经过 颜色*/

		font-weight: 500;
	}

	.l-mainnav__lv1-item > a:hover::before {

		background-color: #9a0d0d;	/*首页 按钮 鼠标经过 颜色*/
	}

	.l-mainnav__lv1-item--news {

		position: absolute;

		top: -33px;

		right: 381px;

		transition: transform 0.25s, opacity 0.2s;
	}

	.l-mainnav__lv1-item--news > a {

		display: block;

		min-height: auto;

		padding: 0;

		font-size: 1.4rem;

		font-weight: normal;

		transition: box-shadow 0.2s, color 0.2s;
	}

	.l-mainnav__lv1-item--news > a::before {

		display: none;
	}

	.l-mainnav__lv1-item--news > a:hover {

		box-shadow: 0 1px 0 0 var(--color-prim);

		color: var(--color-prim);
	}

	.l-mainnav__lv1-item.is-open::before {

		content: "";

		position: absolute;

		top: auto;

		bottom: -13px;

		right: -75px;

		z-index: 2;

		transform: rotate(22deg);

		width: 0;

		height: 0;

		border-left: 12px solid transparent;

		border-right: 80px solid transparent;

		border-top: 31px solid rgba(255, 255, 255, 0);
	}

	.l-mainnav__lv1-item.is-open::after {

		content: "";

		position: absolute;

		top: auto;

		bottom: -13px;

		left: -75px;

		z-index: 2;

		transform: rotate(-21deg);

		width: 0;

		height: 0;

		border-left: 80px solid transparent;

		border-right: 12px solid transparent;

		border-top: 31px solid rgba(255, 255, 255, 0);
	}

	.l-mainnav__lv2 {

		overflow: hidden;

		opacity: 0;

		visibility: hidden;

		position: fixed;

		top: 110px;

		left: 0;

		width: 100%;

		height: auto;

		background-color: #fff;

		pointer-events: none;

		transition: opacity 0.2s, visibility 0.2s, top 0.2s;
	}

	.l-mainnav__lv1-item.is-open > .l-mainnav__lv2 {

		opacity: 1;

		visibility: visible;

		pointer-events: all;
	}

	.l-mainnav__lv2::before {

		content: "";

		position: absolute;

		top: -10px;

		left: 0;

		width: 100%;

		height: 10px;

		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	}

	.l-mainnav__lv2-inner {

		width: 1200px;

		margin: 70px auto 80px;

		background-color: #fff;
	}

	.l-mainnav__lv2-inner > ul {

		display: flex;

		flex-wrap: wrap;

		gap: 2px 40px;
	}

	.l-mainnav__lv2-item {

		position: relative;

		width: 270px;

		min-height: auto;

		border-bottom: none;
	}

	.l-mainnav__lv2-item > a {

		flex-grow: 0;

		flex-shrink: 1;

		flex-basis: auto;

		height: 100%;

		min-height: 76px;

		padding: 10px 40px 10px 0;

		font-size: 1.8rem;

		border-bottom: solid 1px var(--color-border);

		transition: color 0.2s, border-bottom-color 0.2s;
	}

	.l-mainnav__lv2-item > a::after {

		font-family: iconfont !important; 
		speak: none;

		font-style: normal;

		font-weight: normal;

		line-height: 1;

		content: var(--icon-minus);

		display: block;

		position: absolute;

		top: 50%;

		right: 20px;

		color: var(--color-prim);

		font-size: 1.6rem;

		line-height: 1;

		transform: translateY(-50%);
	}

	.l-mainnav__lv2-item > a:not(:last-child) {

		border-right: none;
	}

	.l-mainnav__lv2-item > a:hover {

		color: var(--color-prim);
		border-bottom-color: var(--color-prim);
	}
	.l-mainnav__lv2-item.is-toggle-open > a::before,

	.l-mainnav__lv2-item.is-toggle-open > button::before {

		content: "";

		position: absolute;

		left: 0;

		bottom: -1px;

		z-index: 1;

		display: block;

		width: 100%;

		height: 1px;

		background-color: var(--color-border);
	}
	.l-mainnav__lv2-item--2up {

		display: flex;

		flex-direction: column;

		width: 580px;
	}

	.l-mainnav__lv2-item--2up > a {

		flex-shrink: 0;

		height: 76px;

		border-bottom: solid 1px var(--color-border);
	}

	.l-mainnav__btn-toggle {

		display: none;
	}

	.l-mainnav__category-top {

		display: block;

		margin-bottom: 30px;

		background-color: var(--color-prim);	}	/*二级菜单 中  标题  背景色*/


	.l-mainnav__category-top-inner {

		position: relative;

		display: inline-block;

		padding-left: 55px;
	}

	.l-mainnav__category-top-inner::before {

		font-family: iconfont !important; 

		speak: none;

		font-style: normal;

		font-weight: normal;

		line-height: 1;

		content: var(--icon-arrow1-t);

		position: absolute;

		left: 0;

		top: -0.2em;

		display: block;

		width: 40px;

		height: 40px;

		margin-right: 15px;

		background-color: #fff;

		border-radius: 100%;

		color: var(--color-prim);#fff;

		font-size: 1.6rem;

		line-height: 40px;

		text-align: center;
	}

	.l-mainnav__category-top-inner > span {

		flex: 1;

		padding-top: 3px;

		color: #FFF;		/*二级菜单  标题 字体颜色*/

		font-size: 2.4rem;

		font-weight: 500;

		line-height: var(--line-height-s);

		transition: color 0.2s;
	}


	/*.l-mainnav__category-top-inner:hover > span {

		color: var(--color-prim);		//二级菜单 鼠标经过  标题 字体颜色

		background-color: #FFFFFF;	//二级菜单 中  标题  背景色*/
	}	忽略，不变色 */


	.l-mainnav__sub-menu {

		display: none;
	}

	.l-mainnav__btns {

		position: absolute;

		top: -41px;

		right: 0;

		z-index: 1;

		flex-direction: row;

		gap: 30px;

		margin: 0;

		transition: transform 0.25s, opacity 0.2s;
	}

	.l-mainnav__btns-contact {

		width: 150px;

		height: 28px;	}	/*地图  高度 宽度*/
	

	.l-mainnav__btns-contact > a {

		min-height: 30px;

		border: solid 1px var(--color-prim);

		transition: background-color 0.2s, color 0.2s;
	}

	.l-mainnav__btns-contact > a:hover {

		background-color: #fff;

		color: var(--color-prim);
	}

	.l-mainnav__language {

		width: 200px;

		max-width: none;
	}

	.l-mainnav__language-item > a {

		height: 36px;
	}

	.l-mainnav__language-item > a:hover {

		color: var(--color-prim);

		font-weight: 500;
	}

	.l-mainnav__language-item.is-current a:hover {

		color: #fff;

		font-weight: normal;
	}
}



/*----------
底部 footer
----------*/

.l-mainfooter-contact + footer, .top-contact + footer {
	margin-top: -30px;
}
@media print {

	footer {

		display: none;
	}
}

@media (min-width: 768px), print {

	footer {

		min-width: 1240px;
	}

	.l-mainfooter-contact + footer, .top-contact + footer {

		margin-top: -50px;
	}
}


.l-mainfooter__inner {

	position: relative;

	z-index: 1;

	background-color: #fff;

	border-top-left-radius: 30px;	//上  左 弧度 
}

.l-mainfooter__logo {

	width: 200px;

	margin: 0 auto;

	padding: 40px 0 30px;
}

.l-mainfooter__logo a {

	display: block;
}

.l-mainfooter__backhead {

	position: fixed;

	right: 0;

	bottom: 0;

	z-index: 90;

	opacity: 0;

	visibility: hidden;

	transition: opacity 0.2s, visibility 0.2s;
}

.l-mainfooter__backhead a {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 60px;

	height: 60px;

	padding: 6px 0 0 2px;

	background-color: var(--color-prim);

	border-top-left-radius: 10px;   /*上  左  弧度  */

	color: #fff;

	font-size: 1.6rem;
}

.l-mainfooter__backhead.is-visible {

	opacity: 1;

	visibility: visible;
}

.l-mainfooter__copyright {

	margin: 43px 70px 22px 20px;

	color: #707070;

	font-size: 1rem;
}

@media (min-width: 768px), print {

	.l-mainfooter {

		margin-top: -50px;
	}

	.l-mainfooter__inner {

		border-top-left-radius: 50px;	 /*上  左  弧度  */
	}

	.l-mainfooter__logo {

		width: 270px;

		padding: 60px 0 40px;
	}

	.l-mainfooter__copyright {

		margin: 40px 0 23px;

		font-size: 1.1rem;

		text-align: center;
	}
}



/*----------	footer nav----------*/

.l-footer-nav__inner {
	position: relative;
	background-color: #fff;
	border-top: solid 1px var(--color-border);
}
.l-footer-nav__gnav {
	background-color: #fff;
}
.l-footer-nav__gnav a {
	display: block;
	font-size: 1.6rem;
	color: var(--color-txt);
	line-height: var(--line-height-s);
}
.l-footer-nav__lv1-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 64px;
	border-bottom: solid 1px var(--color-border);
}
.l-footer-nav__lv1-item > a {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 63px;
	padding: 8px 20px;
	font-weight: 500;
}
.l-footer-nav__lv1-item > a:first-child:last-child::after {
	font-family: iconfont !important; /* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow2-r);
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	color: var(--color-prim);
	font-size: 1.6rem;
	line-height: 1;
	transform: translateY(-50%);
}
.l-footer-nav__lv1-item > a:not(:last-child) {
	border-right: solid 1px var(--color-border);
}
.l-footer-nav__lv2 {
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 0;
	background-color: var(--color-bg);
	transition: opacity 0s, visibility 0s;
}
.is-toggle-open > .l-footer-nav__lv2 {
	visibility: visible;
	opacity: 1;
	height: auto;
	transition: opacity 0.4s, visibility 0.4s;
}
.l-footer-nav__lv2-inner {
	margin: 20px;
	background-color: #fff;
}
.l-footer-nav__lv2-item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 64px;
	border-bottom: solid 1px var(--color-border);
}
.l-footer-nav__lv2-item > a {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 63px;
	padding: 8px 40px 8px 20px;
	font-weight: 500;
}
.l-footer-nav__lv2-item > a:first-child:last-child::after {
	font-family: iconfont !important; /* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow2-r);
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	color: var(--color-prim);
	font-size: 1.6rem;
	line-height: 1;
	transform: translateY(-50%);
}
.l-footer-nav__lv2-item > a:not(:last-child) {
	border-right: solid 1px var(--color-border);
}
.l-footer-nav__lv2-item.is-toggle-open > a::before,
.l-footer-nav__lv2-item.is-toggle-open > button::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-border);
}
.l-footer-nav__lv3 {
	position: relative;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 0;
	background-color: var(--color-bg);
	transition: opacity 0s, visibility 0s;
}
.is-toggle-open > .l-footer-nav__lv3 {
	visibility: visible;
	opacity: 1;
	height: auto;
	transition: opacity 0.4s, visibility 0.4s;
}
.l-footer-nav__lv3-inner {
	background-color: #fff;
	padding: 20px 20px 30px;
}
.l-footer-nav__lv3-item:not(:last-child) {
	margin-bottom: 10px;
}
.l-footer-nav__lv3-item > a {
	display: inline-block;
}
.l-footer-nav__btn-toggle {
	position: relative;
	display: block;
	width: 60px;
	height: 63px;
}
.l-footer-nav__btn-toggle::after {
	font-family: iconfont !important; /* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-plus);
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	right: 22px;
	color: var(--color-prim);
	font-size: 1.6rem;
	line-height: 1;
	transition: transform 0.3s ease;
	transform: rotate(-90deg);
}
.is-toggle-open > .l-footer-nav__btn-toggle::after {
	content: var(--icon-minus);
	transform: rotate(0deg);
}
.l-footer-nav__sub-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
	margin: 35px 20px 0;
}
.l-footer-nav__sub-menu a {
	font-size: 1.3rem;
}
.l-footer-nav__sns {
	display: flex;
	gap: 20px;
	margin: 31px 20px 0;
}
.l-footer-nav__sns-youtube {
	width: 40px;
}
@media (min-width: 768px), print {
	.l-footer-nav__inner {
		border-top: none;
	}
	.l-footer-nav__lv1 {
		width: 1240px;
		margin: 0 auto;
	}
	.l-footer-nav__lv1-inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px 25px;
	}
	.l-footer-nav__lv1-item {
		display: block;
		min-height: auto;
		border-bottom: none;
	}
	.l-footer-nav__lv1-item > a {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		display: inline-block;
		width: auto;
		min-height: auto;
		padding: 0;
		font-weight: normal;
		transition: box-shadow 0.2s, color 0.2s;
	}
	.l-footer-nav__lv1-item > a:first-child:last-child::after {
		display: none;
	}
	.l-footer-nav__lv1-item > a:not(:last-child) {
		border-right: none;
	}
	.l-footer-nav__lv1-item > a:hover {
		box-shadow: 0 1px 0 0 var(--color-prim);
		color: var(--color-prim);
	}
	.l-footer-nav__lv2 {
		display: none;
	}
	.l-footer-nav__lv3 {
		display: none;
	}
	.l-footer-nav__btn-toggle {
		display: none;
	}
	.l-footer-nav__sub-menu {
		justify-content: center;
		width: 1240px;
		margin: 25px auto;
	}
	.l-footer-nav__sub-menu a {
		font-size: 1.3rem;
		transition: box-shadow 0.2s, color 0.2s;
	}
	.l-footer-nav__sub-menu a:hover {
		box-shadow: 0 1px 0 0 var(--color-prim);
		color: var(--color-prim);
	}
	.l-footer-nav__sns {
		justify-content: center;
		margin: 30px 0 40px;
	}
	.l-footer-nav__sns-youtube {
		width: 40px;
	}
}


/*----------
	main footer contact
----------*/

.l-mainfooter-contact {

	padding-bottom: 30px;

	background: var(--color-prim);
}

.l-mainfooter-contact__inner {

	padding-top: 33px;

	padding-bottom: 40px;

	text-align: center;

	width: 100%;

	max-width: 1240px;

	margin-left: auto;

	margin-right: auto;

	padding-left: 20px;

	padding-right: 20px;
}

@media (min-width: 768px), print {

	.l-mainfooter-contact__inner {

		padding-left: 20px;

		padding-right: 20px;
	}
}

.l-mainfooter-contact__lead {

	color: #fff;

	font-weight: 500;

	line-height: var(--line-height-l);
}

.l-mainfooter-contact__icon {

	margin-bottom: 10px;

	text-align: center;
}

.l-mainfooter-contact__icon img {

	width: 45px;
}

.l-mainfooter-contact__title {

	margin-bottom: 10px;

	font-size: 1.8rem;

	font-weight: bold;
}

.l-mainfooter-contact__text {

	font-size: 1.6rem;

	text-align: left;
}

.l-mainfooter-contact__button {

	display: inline-block;

	margin: 20px auto 0;
}

@media (min-width: 768px), print {

	.l-mainfooter-contact {

		min-width: 1240px;

		padding-bottom: 50px;
	}

	.l-mainfooter-contact__inner {

		padding-top: 0;

		padding-bottom: 0;
	}

	.l-mainfooter-contact__wrap {

		display: flex;

		align-items: center;

		justify-content: space-between;

		gap: 40px;

		width: 100%;

		min-height: 240px;

		padding-top: 30px;

		padding-bottom: 30px;
	}

	.l-mainfooter-contact__lead {

		flex: 1;

		display: flex;

		align-items: center;

		text-align: left;
	}

	.l-mainfooter-contact__icon {

		width: 80px;

		margin: 0 30px 0 0;
	}

	.l-mainfooter-contact__icon img {

		width: 80px;
	}

	.l-mainfooter-contact__textarea {

		flex: 1;
	}

	.l-mainfooter-contact__title {

		margin-bottom: 5px;

		font-size: 2rem;
	}

	.l-mainfooter-contact__button {

		display: block;

		width: 373px;

		margin: 0;
	}
}



/*----------
	main content
----------*/

.l-content {

	width: 100%;

	position: relative;

	padding: 60px 0 10px;
}

@media (min-width: 768px), print {

	.l-content {

		min-width: 1240px;

		padding: 110px 0 10px;
	}
}


.l-main {

	overflow-x: hidden;
}


.l-section {

	width: 100%;

	max-width: 1240px;

	margin-left: auto;

	margin-right: auto;

	padding-left: 20px;

	padding-right: 20px;
}

@media (min-width: 768px), print {

	.l-section {

		padding-left: 20px;

		padding-right: 20px;
	}
}

.l-section--gapless {

	padding-left: 0;

	padding-right: 0;
}


.l-sidenav {

	padding: 24px 24px 40px;

	border-radius: 3px;	 /*四角  弧度  */

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.l-sidenav__title {

	margin-bottom: 25px;

	line-height: 1.2;

	font-weight: 500;

	border-bottom: 2px solid var(--color-prim);
}

.l-sidenav__title > a {

	display: block;
	color: inherit;
}

.l-sidenav__title > span,

.l-sidenav__title > a > span {

	display: block;
	padding-bottom: 13px;
}

.l-sidenav__item {

	line-height: 1.2;
}

.l-sidenav__item:not(:last-child) {

	margin-bottom: 20px;
}

.l-sidenav__item > a {

	display: block;
	color: inherit;
}

.l-sidenav__item > span,
.l-sidenav__item > a > span {

	display: block;
}

@media (min-width: 768px), print {
	.l-sidenav__title > a {
		transition: color 0.2s;
	}
	.l-sidenav__title > a:hover {
		color: var(--color-txt-hover);
	}
	.l-sidenav__item {
		/* stylelint-disable no-descending-specificity */
		/* stylelint-enable no-descending-specificity */
	}
	.l-sidenav__item > a {
		transition: color 0.2s;
	}
	.l-sidenav__item > a:hover {
		color: var(--color-txt-hover);
	}
}

.l-breadcrumb__list {
	display: inline-flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	font-size: 1.2rem;
	line-height: 1.2;
}
.l-breadcrumb__list > li {
	display: block;
}
.l-breadcrumb__list > li > a {
	text-decoration: none;
	color: var(--color-txt);
}
.l-breadcrumb__list > li + li::before {
	content: "";
	display: inline-block;
	width: 6.25px;
	height: 8.75px;
	margin: 0 6px 0 10px;
	background: url(/assets/images/icon_arrow-r.svg) no-repeat center center/6.25px auto;
	color: var(--color-txt-caption);
}
.l-breadcrumb__list > li:last-child {
	color: var(--color-txt-caption);
}
.l-breadcrumb__list > li:last-child > a {
	pointer-events: none;
}
@media (max-width: 767px) {
	.l-breadcrumb__inner {
		width: 100%;
		overflow-x: auto;
	}
	.l-breadcrumb__list {
		width: 100%;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
		max-width: none;
	}
}
@media (max-width: 767px) and (min-width: 768px), print and (max-width: 767px) {
	.l-breadcrumb__list {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 768px), print {
	.l-breadcrumb__inner {
		text-align: right;
	}
	.l-breadcrumb__list {
		display: block;
		white-space: normal;
	}
	.l-breadcrumb__list > li {
		display: inline;
	}
	.l-breadcrumb__list > li > a {
		transition: color 0.2s, box-shadow 0.2s;
	}
	.l-breadcrumb__list > li > a:hover {
		color: var(--color-txt-hover);
		box-shadow: 0 1px 0 0 var(--color-prim);
	}
}

/*----------	main localnav----------*/

.l-localnav {
	background: var(--color-bg);
}
.l-localnav__inner {
	width: 100%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
@media (min-width: 768px), print {
	.l-localnav__inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}
.l-localnav__inner {
	padding-top: 60px;
	padding-bottom: 80px;
}
.l-localnav__category-top {
	margin-bottom: 45px;
}
.l-localnav__category-top-inner {
	display: inline-flex;
}
.l-localnav__category-top-inner > span {
	flex: 1;
	color: var(--color-txt);
	font-size: 2rem;
	font-weight: 500;
	line-height: var(--line-height-s);
}
.l-localnav__category-top-icon {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-color: var(--color-prim);
	border-radius: 100%;
	text-align: center;
}
.l-localnav__category-top-icon::before {
	color: #fff;
	font-size: 1.3rem;
	line-height: 30px;
}
.l-localnav__button {
	margin-top: 20px;
}
.l-localnav__button-inner {
	position: relative;
	display: block;
	padding: 0 35px 20px 0;
	border-bottom: solid 1px var(--color-border);
	color: var(--color-txt);
	font-size: 1.6rem;
	font-weight: 500;
	line-height: var(--line-height-m);
}
.l-localnav__button-icon {
	position: absolute;
	right: 10px;
	top: calc(50% - 18px);
}
.l-localnav__button-icon::before {
	color: var(--color-prim);
}
.l-localnav__submenu {
	margin: 20px 0 30px;
}
.l-localnav__submenu > li:not(:first-child) {
	margin-top: 20px;
}



/*----------	icon----------*/


.icon-pdf::before {

	color: var(--color-caution);
}


.u-anime-arrow-b {

	content: "";

	display: inline-block;

	vertical-align: middle;

	color: var(--color-prim);

	line-height: 1;

	position: relative;

	width: 2px;

	height: 1em;

	background: currentColor;
}

.u-anime-arrow-b::before {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -0.06em;

	width: 0.7em;

	height: 0.7em;

	border: 2px solid currentColor;

	border-top: 0;

	border-right: 0;

	transform: rotate(-45deg);

	transform-origin: bottom left;

	box-sizing: border-box;
}

@media (min-width: 768px), print {

	.u-anime-arrow-b {

		transition: height 0.2s, top 0.2s;
	}

	a:hover .u-anime-arrow-b {

		height: 1.625em;
	}
}


.u-anime-arrow-r {

	position: relative;

	display: inline-block;

	width: 1em;

	height: 2px;

	background: currentColor;

	border-radius: 0;

	color: var(--color-prim);

	line-height: 1;

	vertical-align: middle;
}

.u-anime-arrow-r::before {

	content: "";

	position: absolute;

	top: 50%;

	right: -0.1em;

	width: 0.7em;

	height: 0.7em;

	border: 2px solid currentColor;

	border-left: 0;

	border-bottom: 0;

	transform: rotate(45deg);

	transform-origin: top right;

	box-sizing: border-box;
}

@media (min-width: 768px), print {

	.u-anime-arrow-r {

		transition: width 0.2s, right 0.2s;
	}

	a:hover .u-anime-arrow-r {

		width: 1.625em;
	}
}