body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, ul, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
	margin: 0;
	padding: 0
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
	display: block
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.bgtable{ width:100%; border-collapse:collapse;}
.bgtable td{ border:1px solid #ccc; line-height:1.6; text-align:center; font-size:15px;}
body {	
	color: #666;
	text-decoration: none;
	font-size: var(--fsize-base)
}
html, body {
	scroll-behavior: smooth
}
textarea {
	resize: none
}
img {
	max-width: 100%
}
iframe, img {
	border: 0
}
ul, ol, li {
	list-style: none
}
input, select, textarea {
	outline: 0;
	-webkit-user-modify: read-write-plaintext-only
}
input {
	-webkit-appearance: none
}
a {
	text-decoration: none;
	color: #666;
	transition: .2s;
	-webkit-transition: .2s
}
a:hover {
	color: #cfa638
}
.clearfix {
	clear: both;
	zoom: 1
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.fl {
	float: left
}
.fr {
	float: right
}
:root {
--color-main:#2341dd;
--color-white:#fff;
--color-txt:#ff8001;
--color-bg:#f5f5f5;
--color-0:#000;
--color-3:#333;
--color-6:#666;
--color-9:#999;
--color-border:#dedede;
--fsize-base:14px;
--fsize-large:calc(var(--fsize-base) * 1.25);
--fsize-txt:calc(var(--fsize-base) * 1.14);
--fsize-small:calc(var(--fsize-base) * .85);
--fsize-h1:calc(var(--fsize-base) * 2.6);
--fsize-h2:calc(var(--fsize-base) * 2.15);
--fsize-h3:calc(var(--fsize-base) * 1.7);
--gap-base:16px;
--gap-mini:calc(var(--gap-base) * .25);
--gap-small:calc(var(--gap-base) * .5);
--gap-large:calc(var(--gap-base) * 1.5);
--gap-h1:calc(var(--gap-base) * 5);
--gap-h2:calc(var(--gap-base) * 4);
--gap-h3:calc(var(--gap-base) * 3)
}
@media (max-width: 1440px) {
:root {
--fsize-base:12px;
--gap-base:12px
}
}
@media (max-width: 800px) {
:root {
--fsize-base:12px;
--gap-base:6px
}
}
body.fxd {
	overflow: hidden
}
::-webkit-scrollbar {
width:6px;
height:12px
}
::-webkit-scrollbar-button:vertical {
display:none
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#fff
}
::-webkit-scrollbar-thumb:vertical {
background-color:#bdb9b9;
border-radius:5px
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#bdb9b9
}
::-webkit-scrollbar-corner:vertical {
background-color:#bdb9b9
}
::-webkit-scrollbar-resizer:vertical {
background-color:#bdb9b9
}
@media (max-width: 800px) {
.welcome {
	display: none
}
}
@media (max-width: 800px) {
.language {
	margin-left: auto
}
}
.m {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box
}
@media (max-width: 800px) {
.m {
	width: 100%;
	padding: 0 4vw
}
}
.topbar .t_box1 {
	background: #f7f7f7;
	color: #666;
	font-size: var(--fsize-base);
	line-height: 30px
}
.topbar .t_box1 .m {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.topbar .t_box1 .language a {
	color: #666;
	margin-left: 5px
}
.topbar .t_box2 {
	padding: 10px 0
}
.topbar .t_box2 .m {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.topbar .t_box2 .logo img {
	max-width: 100%
}
.topbar .t_box2 .toptel {
	color: #666;
	font-weight: bold;
	background: url(../images/toptel.jpg) no-repeat left center;
	padding-left: 55px
}
@media (max-width: 800px) {
.topbar .t_box2 .toptel {
	padding-left: 10vw;
	background-size: 8vw auto
}
}
.topbar .t_box2 .toptel span {
font-size:calc(var(--fsize-h3) * .83);
	font-weight: bold;
	color: var(--color-main);
	display: block
}
@media (max-width: 800px) {
.logo {
	width: 40vw
}
}
.menu {
	background: var(--color-main);
	line-height: 50px
}
@media (max-width: 800px) {
.menu {
	line-height: 2.2;
	padding: var(--gap-large) 0
}
}
.menu ul {
	width: 1200px;
	margin: 0 auto;
	display: flex
}
@media (max-width: 800px) {
.menu ul {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
.menu ul li a {
	display: block;
	color: #fff;
	font-size: var(--fsize-txt);
	padding: 0 30px
}
@media (max-width: 800px) {
.menu ul li a {
	padding: 0;
	text-align: center
}
}
.menu ul li a:hover {
	background: #001996
}
.bannerslide {
	height: auto;
	position: relative;
	overflow: hidden
}
.bannerslide .swiper-slide {
	background-position: center !important;
	background-size: cover !important
}
.bannerslide .swiper-slide .img img {
	display: block;
	width: 100%
}
@media (max-width: 800px) {
.bannerslide .swiper-slide .img img {
	height: 45vw;
	object-fit: cover
}
}
.bannerslide .swiper-pagination {
	bottom: 20px
}
.bannerslide .swiper-pagination .swiper-pagination-bullet {
	outline: none;
	margin: 0 10px;
	border: 1px solid #fff;
	background: transparent;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	opacity: 1;
	transition: .5s
}
.bannerslide .swiper-pagination .swiper-pagination-bullet-active {
	width: 30px;
	background: #fff
}
.hometitle {
	text-align: center;
	font-size: var(--fsize-h2);
	font-weight: bold;
	color: #1b1b1b;
	position: relative;
	letter-spacing: 2px
}
.hometitle:after {
	content: "";
	width: 40px;
	height: 2px;
	background: #0024b0;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -25px
}
.homebox01 {
	padding: var(--gap-h1) 0;
	background: #f7f7f7
}
.h_probox {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.h_probox {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.h_probox .item {
	width: 100%
}
.h_probox .item .pic {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66%
}
.h_probox .item .pic img {
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s
}
.h_probox .item .pic img:hover {
	-webkit-transform: scale(1.06);
	transform: scale(1.06)
}
.h_probox .item a .nam {
	text-align: center;
	font-weight: bold;
	font-size: var(--fsize-txt);
	margin-top: 20px
}
.h_more {
	text-align: center;
	margin-top: 30px
}
.h_more a {
	font-size: var(--fsize-small);
	color: #fff;
	text-align: center;
	display: inline-block;
	background: #ff8001;
	padding: 10px 26px
}
.homebox02 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
@media (max-width: 800px) {
.homebox02 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.homebox02 .aboutpic {
	width: 100%;
	height: 100%
}
.homebox02 .aboutpic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.homebox02 .textbox {
	background: linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
	width: 90%;
	box-sizing: border-box;
	margin: 4vw 0;
	margin-left: -10%;
padding:calc(var(--gap-h1) * 1.2) calc(var(--gap-h1) * 1.5);
	padding-right: 0
}
@media (max-width: 800px) {
.homebox02 .textbox {
	width: 100%;
	margin-left: 0
}
}
.homebox02 .hometitle {
	text-align: left
}
.homebox02 .hometitle:after {
	left: 0;
	margin-left: 0
}
.homebox02 .textbox .txt {
	margin: 40px 0;
	line-height: 2;
	width: 80%
}
.homebox02 .h_more {
	text-align: left
}
.homebox03 img {
	display: block;
	width: 100%
}
@media (max-width: 800px) {
.homebox03 img {
	height: 14vw;
	object-fit: cover
}
}
.homebox04 {
	background: #f7f7f7;
	padding: var(--gap-h1) 0
}
.our_youshi {
	margin-top: 50px
}
.our_youshi .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	height: 324px
}
@media (max-width: 800px) {
.our_youshi .box {
	height: auto;
	flex-direction: column
}
}
.our_youshi .box2 {
	flex-direction: row-reverse
}
@media (max-width: 800px) {
.our_youshi .box2 {
	flex-direction: column;
	margin: var(--gap-h2) 0
}
}
.our_youshi .box .pic {
	width: 558px;
	margin-right: 55px
}
@media (max-width: 800px) {
.our_youshi .box .pic {
	width: 100%;
	margin-right: 0
}
}
.our_youshi .box2 .pic {
	margin-right: 0;
	margin-left: 55px
}
@media (max-width: 800px) {
.our_youshi .box2 .pic {
	margin-left: 0
}
}
.our_youshi .box .pic img {
	max-width: 100%
}
.our_youshi .box .txt {
	color: #666;
	line-height: 2;
	width: 50%
}
@media (max-width: 800px) {
.our_youshi .box .txt {
	width: 100%
}
}
.our_youshi .box .txt h2 {
	color: var(--color-main);
	font-size: var(--fsize-h2);
	margin-bottom: var(--gap-large);
	letter-spacing: 2px
}
@media (max-width: 800px) {
.our_youshi .box .txt h2 {
	font-size: var(--fsize-h3)
}
}
.homebox05 img {
	display: block;
	width: 100%
}
@media (max-width: 800px) {
.homebox05 img {
	height: 25vw;
	object-fit: cover
}
}
.homebox06 {
	padding: var(--gap-h1) 0
}
.homebox06 .hb06subtit {
	display: flex;
	margin: var(--gap-h2) 0 -30px;
	justify-content: center;
	align-items: center;
	color: var(--color-0);
	font-size: var(--fsize-h3);
	font-weight: bold
}
.homebox06 .hb06subtit::before, .homebox06 .hb06subtit::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--color-main);
	margin: 0 var(--gap-large)
}
.h_casebox {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
@media (max-width: 800px) {
.h_casebox {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.h_casebox.h_casebox2 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}
.h_casebox.h_casebox2 .item .pic {
	padding-bottom: 135%;
	border: 12px solid #32252e;
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.h_casebox.h_casebox2 .item .pic img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06)
}
.h_casebox.h_casebox2 .item .pic img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.h_casebox.h_casebox2 .item a .nam {
	display: none
}
@media (max-width: 800px) {
.h_casebox.h_casebox2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.h_casebox .item {
	width: 100%
}
.h_casebox .item .pic {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66%
}
.h_casebox .item .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .5s
}
.h_casebox .item .pic img:hover {
	-webkit-transform: scale(1.06);
	transform: scale(1.06)
}
.h_casebox .item a .nam {
	text-align: center;
	font-weight: bold;
	font-size: var(--fsize-txt);
	margin-top: 20px
}
.homebox07 {
	background: #0823ae url(../img/dmg/homebox07bg.jpg) no-repeat center;
	background-size: cover;
	padding: var(--gap-h3) 0
}
@media (max-width: 800px) {
.homebox07 {
	padding: var(--gap-h1) 0
}
}
.homebox07 .m {
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.homebox07 .m {
	flex-direction: column
}
}
.homebox07 .m .hd {
	color: var(--color-white);
	max-width: 400px;
	margin-right: var(--gap-h1)
}
@media (max-width: 800px) {
.homebox07 .m .hd {
	max-width: 100%;
	margin-right: 0
}
}
.homebox07 .m .hd .tit {
	font-size: var(--fsize-h2)
}
.homebox07 .m .hd .tit::after {
	display: block;
	content: "";
	width: 42px;
	height: 1px;
	margin: var(--gap-large) 0;
	background: var(--color-white)
}
.homebox07 .m .hd .txt {
	font-size: var(--fsize-base);
	line-height: 2
}
.homebox07 .m .hd .btn {
	margin-top: var(--gap-large)
}
.homebox07 .m .hd .btn .ba {
	color: var(--color-white)
}
.homebox07 .m .hd .btn .ba:hover {
	color: var(--color-txt)
}
.homebox07 .m .list {
	display: flex;
	column-gap: var(--gap-h3)
}
@media (max-width: 800px) {
.homebox07 .m .list {
	margin-top: var(--gap-h1);
	width: 100%
}
}
.homebox07 .m .list .it {
	background: var(--color-white);
	border: 2px solid var(--color-white);
	border-radius: 4px;
	overflow: hidden;
	width: 10vw;
	height: 15vw;
	position: relative
}
@media (max-width: 800px) {
.homebox07 .m .list .it {
	flex: 1;
	width: 100%;
	height: 40vw
}
}
.homebox07 .m .list .it img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.homebox08 {
	padding: var(--gap-h1) 0;
	background: var(--color-white)
}
.homebox08 .m {
	display: flex
}
@media (max-width: 800px) {
.homebox08 .m {
	flex-direction: column
}
}
.homebox08 .m .leftnews {
	flex: 1.5;
	margin-right: var(--gap-h1)
}
@media (max-width: 800px) {
.homebox08 .m .leftnews {
	margin-right: 0
}
}
.homebox08 .m .leftnews .topnews .ta {
	display: flex;
	align-items: center;
	text-decoration: none
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .topnews .ta {
	flex-direction: column
}
}
.homebox08 .m .leftnews .topnews .ta .img {
	position: relative;
	width: 14vw;
	height: 8vw;
	flex-shrink: 0
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .topnews .ta .img {
	width: 100%;
	height: 52vw
}
}
.homebox08 .m .leftnews .topnews .ta .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.homebox08 .m .leftnews .topnews .ta .inf {
	margin-left: var(--gap-large)
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .topnews .ta .inf {
	margin-left: 0;
	margin-top: var(--gap-h3)
}
}
.homebox08 .m .leftnews .topnews .ta .inf .tit {
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .topnews .ta .inf .tit {
	flex-direction: column;
	align-items: flex-start
}
}
.homebox08 .m .leftnews .topnews .ta .inf .tit .nam {
	font-size: var(--fsize-txt);
	font-weight: bold
}
.homebox08 .m .leftnews .topnews .ta .inf .tit .tim {
	font-size: var(--fsize-base);
	color: var(--color-9)
}
.homebox08 .m .leftnews .topnews .ta .inf .txt {
	margin-top: var(--gap-large);
	font-size: var(--fsize-base);
	line-height: 1.6
}
.homebox08 .m .leftnews .list {
	border-top: 1px solid var(--color-border);
	margin-top: var(--gap-large)
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .list {
	display: none
}
}
.homebox08 .m .leftnews .list .item {
	border-bottom: 1px solid var(--color-border);
	padding: var(--gap-small) 0
}
.homebox08 .m .leftnews .list .item .ia {
	display: flex;
	text-decoration: none;
	padding: var(--gap-base) 0;
	align-items: center
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .list .item .ia {
	flex-direction: column;
	align-items: flex-start
}
}
.homebox08 .m .leftnews .list .item .ia::before {
	display: block;
	content: "";
	margin-right: var(--gap-small);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-main)
}
@media (max-width: 800px) {
.homebox08 .m .leftnews .list .item .ia::before {
	display: none
}
}
.homebox08 .m .leftnews .list .item .ia .nam {
	font-size: var(--fsize-txt);
	font-weight: bold;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2
}
.homebox08 .m .leftnews .list .item .ia .tim {
	font-size: var(--fsize-base);
	color: var(--color-9);
	margin-left: auto
}
.homebox08 .m .rightnews {
	flex: 1
}
@media (max-width: 800px) {
.homebox08 .m .rightnews {
	border-top: 1px solid var(--color-border);
	margin-top: var(--gap-h3)
}
}
.homebox08 .m .rightnews .item {
	border-bottom: 1px solid var(--color-border)
}
.homebox08 .m .rightnews .item .ia {
	padding: var(--gap-large) 0;
	display: flex;
	flex-direction: column
}
.homebox08 .m .rightnews .item .ia .tit {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.homebox08 .m .rightnews .item .ia .tit .nam {
	font-size: var(--fsize-txt);
	font-weight: bold
}
.homebox08 .m .rightnews .item .ia .tit .tim {
	font-size: var(--fsize-base);
	color: var(--color-9)
}
.homebox08 .m .rightnews .item .ia .txt {
	margin-top: var(--gap-large);
	font-size: var(--fsize-base);
	line-height: 1.6
}
.footer {
	background-color: #040926;
	color: var(--color-white);
	padding: var(--gap-h3) 0
}
.footer .links {
	display: flex
}
@media (max-width: 800px) {
.footer .links {
	display: none
}
}
.footer .links .hd {
	font-size: var(--fsize-base);
	font-weight: bold;
	margin-right: var(--gap-small);
	opacity: .3
}
.footer .links .bd {
	flex: 1;
	line-height: 2;
	font-size: var(--fsize-small);
	display: flex;
	flex-wrap: wrap
}
.footer .links .bd a {
	color: var(--color-white);
	opacity: .3;
	display: flex;
	margin: 0 var(--gap-mini) var(--gap-mini);
	white-space: nowrap
}
.footer .links .bd a:hover {
	opacity: 1
}
.footer .foot {
	display: flex;
	margin-top: var(--gap-h3)
}
@media (max-width: 800px) {
.footer .foot .footlogo {
	flex: 1
}
}
.footer .foot .footlogo .img {
	width: 310px
}
@media (max-width: 800px) {
.footer .foot .footlogo .img {
	width: 50vw;
	margin: 0 auto
}
}
.footer .foot .footlogo .img .ia {
	display: block
}
.footer .foot .footlogo .img .ia img {
	width: 100%;
	display: block
}
.footer .foot .footlogo .con {
	font-size: var(--fsize-txt);
	line-height: 1.8;
	opacity: .6;
	margin-top: var(--gap-large)
}
@media (max-width: 800px) {
.footer .foot .footlogo .con {
	text-align: center
}
}
.footer .foot .list {
	flex: 1;
	display: flex;
	justify-content: space-between;
	margin-left: var(--gap-h1)
}
@media (max-width: 800px) {
.footer .foot .list {
	display: none
}
}
.footer .foot .list .item .ih {
	font-size: var(--fsize-base)
}
.footer .foot .list .item .ih .ia {
	color: var(--color-white);
	text-decoration: none;
	opacity: .8
}
.footer .foot .list .item .ih .ia:hover {
	opacity: 1
}
.footer .foot .list .item .ib {
	display: flex;
	flex-direction: column;
	margin-top: var(--gap-large)
}
.footer .foot .list .item .ib .ia {
	font-size: var(--fsize-small);
	color: var(--color-white);
	text-decoration: none;
	opacity: .6;
	line-height: 2;
	margin-bottom: var(--gap-small)
}
.footer .foot .list .item .ib .ia:hover {
	opacity: 1
}
.footer .beian {
	margin-top: var(--gap-h3);
	font-size: var(--fsize-base);
	display: flex;
	justify-content: center
}
.footer .beian .ba {
	display: flex;
	text-align: center;
	text-decoration: none;
	color: var(--color-white);
	opacity: .3
}
.footer .beian .ba:hover {
	opacity: 1
}
.inbanner {
	height: 360px
}
@media (max-width: 800px) {
.inbanner {
	height: 120px
}
}
.inbanner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.aboutbox01 {
	padding: var(--gap-h1) 0
}
.aboutbox01 .m {
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.aboutbox01 .m {
	flex-direction: column
}
}
.aboutbox01 .m .con {
	flex: 1;
	margin-right: var(--gap-h1)
}
@media (max-width: 800px) {
.aboutbox01 .m .con {
	margin-right: 0;
	margin-bottom: var(--gap-h3)
}
}
.aboutbox01 .m .con .nam {
	font-size: var(--fsize-h2);
	color: var(--color-0)
}
.aboutbox01 .m .con .nam::after {
	content: "";
	width: 40px;
	height: 2px;
	display: block;
	background: var(--color-main);
	margin: var(--gap-large) 0
}
@media (max-width: 800px) {
.aboutbox01 .m .con .nam::after {
	margin: var(--gap-h3) 0
}
}
.aboutbox01 .m .con .txt {
	font-size: var(--fsize-base);
	line-height: 1.6;
	color: var(--color-6)
}
.aboutbox01 .m .con .txt p {
	margin-bottom: var(--gap-large)
}
.aboutbox01 .m .img {
	flex: 1
}
.aboutbox01 .m .img img {
	display: block;
	width: 100%
}
.aboutbox02 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	background: #eff2fb
}
@media (max-width: 800px) {
.aboutbox02 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.aboutbox02 .img {
	width: 100%;
	height: 100%
}
.aboutbox02 .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.aboutbox02 .inf {
	padding: var(--gap-h2);
	overflow: hidden
}
.aboutbox02 .inf .nam {
	background: #2442de;
	color: var(--color-white);
	font-size: var(--fsize-h2);
	padding: var(--gap-large) var(--gap-h3);
	transform: translateX(40%)
}
.aboutbox02 .inf .nam::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--color-white);
	opacity: .6;
	margin-top: var(--gap-large)
}
.aboutbox02 .inf .txt {
	margin-top: var(--gap-h3);
	font-size: var(--fsize-base);
	line-height: 1.6;
	color: var(--color-6);
	max-width: 530px;
	width: 100%
}
.aboutbox02 .inf .txt .it {
	margin-bottom: var(--gap-large)
}
.aboutbox02 .inf .txt .it:last-child {
	margin-bottom: 0
}
.contactwrap {
	margin: var(--gap-h1) 0;
	background: #f7f7f7;
	padding: var(--gap-h1)
}
.contactwrap .box {
	margin-bottom: var(--gap-h1)
}
.contactwrap .box:last-child {
	margin-bottom: 0
}
.contactwrap .box .hd {
	font-size: var(--fsize-h2);
	color: var(--color-0);
	font-weight: bold
}
.contactwrap .box .hd::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--color-main);
	margin: var(--gap-large) 0
}
.contactwrap .box .joinlist {
	margin-top: var(--gap-h3)
}
.contactwrap .box .joinlist .xbd {
	background: #ededed;
	padding: var(--gap-h3);
	transition: all .3s;
	cursor: pointer;
	margin-bottom: var(--gap-large)
}
.contactwrap .box .joinlist .xbd:last-child {
	margin-bottom: 0
}
.contactwrap .box .joinlist .xbd.on {
	background: var(--color-white)
}
.contactwrap .box .joinlist .xbd .xitem .xh {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.contactwrap .box .joinlist .xbd .xitem .xh .nam {
	font-size: var(--fsize-h3);
	color: var(--color-6)
}
.contactwrap .box .joinlist .xbd .xitem .xh .ico {
	transition: all .3s
}
.contactwrap .box .joinlist .xbd .xitem .xh .ico svg {
	width: 30px;
	height: 30px
}
.contactwrap .box .joinlist .xbd .xitem.on .nam {
	color: var(--color-main);
	font-weight: bold
}
.contactwrap .box .joinlist .xbd .xitem.on .ico {
	transform: rotate(90deg)
}
.contactwrap .box .joinlist .xbd .xitem .xb {
	display: grid;
	font-size: var(--fsize-base);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: var(--gap-large);
	gap: var(--gap-base);
	color: var(--color-9)
}
@media (max-width: 800px) {
.contactwrap .box .joinlist .xbd .xitem .xb {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.contactwrap .box .joinlist .xsub {
	display: none;
	margin-top: var(--gap-base)
}
.contactwrap .box .joinlist .xsub .xcon {
	display: flex;
	font-size: var(--fsize-base);
	line-height: 1.6;
	color: var(--color-9)
}
.contactwrap .box .joinlist .xsub .xcon .xh {
	flex-shrink: 0
}
.contactwrap .box .conbox02 {
	display: flex;
	margin-top: var(--gap-h3);
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.contactwrap .box .conbox02 {
	flex-direction: column
}
}
.contactwrap .box .conbox02 .con {
	font-size: var(--fsize-txt);
	line-height: 3;
	white-space: nowrap;
	color: var(--color-6)
}
@media (max-width: 800px) {
.contactwrap .box .conbox02 .con {
	margin-bottom: var(--gap-h3)
}
}
.contactwrap .box .conbox02 .img {
	max-width: 540px;
	width: 100%;
	margin-left: var(--gap-h3)
}
.contactwrap .box .conbox02 .img img {
	display: block;
	width: 100%
}
.contactwrap .box .fb {
	margin-top: var(--gap-large)
}
.contactwrap .box .fb .line {
	display: flex;
	align-items: center;
	margin-bottom: var(--gap-base)
}
.contactwrap .box .fb .line:last-child {
	margin-bottom: 0
}
.contactwrap .box .fb .it {
	margin-right: var(--gap-base);
	flex: 1
}
.contactwrap .box .fb .it .code {
	display: flex;
	align-items: center
}
.contactwrap .box .fb .it .code img {
	width: 120px;
	height: 40px;
	box-sizing: border-box;
	background-color: var(--color-bg)
}
.contactwrap .box .fb .it:last-child {
	margin-right: 0
}
.contactwrap .box .fb .it label {
	font-size: var(--fsize-base);
	color: var(--color-3);
	display: block;
	margin-bottom: var(--gap-small)
}
.contactwrap .box .fb .it .ipt {
	border: 1px solid var(--color-border);
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	padding: var(--gap-base) var(--gap-base);
	font-size: var(--fsize-txt)
}
.contactwrap .box .fb .it .ipt:focus {
	border-color: var(--color-main)
}
.contactwrap .box .fb .it .tar {
	border: 1px solid var(--color-border);
	border-radius: 5px;
	width: 100%;
	height: 160px;
	box-sizing: border-box;
	padding: var(--gap-base) var(--gap-base);
	font-size: var(--fsize-txt)
}
.contactwrap .box .fb .it .tar:focus {
	border-color: var(--color-main)
}
.contactwrap .box .fb .it .btn {
	font-size: var(--fsize-txt);
	background: var(--color-main);
	border-radius: 5px;
	padding: var(--gap-base) var(--gap-h3);
	border: 0;
	color: var(--color-white);
	cursor: pointer
}
.contactwrap .box .fb .it .btn:hover {
	opacity: .8
}
.newswrap_4228 {
	padding: var(--gap-h1) 0
}
.newswrap_4228 .list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-h3);
	row-gap: var(--gap-h2)
}
@media (max-width: 800px) {
.newswrap_4228 .list {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.newswrap_4228 .list .item .ia {
	display: block;
	text-decoration: none;
	position: relative
}
.newswrap_4228 .list .item .ia::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background: var(--color-main)
}
.newswrap_4228 .list .item .ia:hover::before {
	width: 100%
}
.newswrap_4228 .list .item .ia:hover .tip {
	background-color: var(--color-main)
}
.newswrap_4228 .list .item .ia .tip {
	position: absolute;
	background: var(--color-9);
	width: 40px;
	font-size: var(--fsize-small);
	color: var(--color-white);
	display: flex;
	text-wrap: balance;
	justify-content: center;
	align-items: center;
padding:calc(var(--gap-small) * 1.5) 0;
	box-sizing: border-box;
	z-index: 2;
	top: 0;
	left: 0;
	transform: translateX(50%) translateY(-50%);
	text-align: center;
	line-height: 1.2
}
.newswrap_4228 .list .item .ia .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66%
}
.newswrap_4228 .list .item .ia .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.newswrap_4228 .list .item .ia .inf {
	padding: var(--gap-large) 0 var(--gap-h3)
}
.newswrap_4228 .list .item .ia .inf .tim {
	font-size: var(--fsize-base);
	color: var(--color-main)
}
.newswrap_4228 .list .item .ia .inf .nam {
	font-size: var(--fsize-large);
	line-height: 1.2;
	margin: var(--gap-base) 0 var(--gap-large);
	color: var(--color-0);
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2
}
.newswrap_4228 .list .item .ia .inf .txt {
	font-size: var(--fsize-base);
	line-height: 1.6;
	color: var(--color-9);
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-break: break-all;
	-webkit-line-clamp: 2
}
.newsitem_4302 {
	padding: var(--gap-h1) 0
}
.newsitem_4302 .newswrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}
.newsitem_4302 .nhd {
	padding-bottom: var(--gap-h3);
	margin-bottom: var(--gap-h3);
	border-bottom: 1px solid var(--color-border)
}
@media (max-width: 800px) {
.newsitem_4302 .nhd {
	padding-bottom: 0
}
}
.newsitem_4302 .nhd .tit {
	font-weight: bold;
	font-size: var(--fsize-h1);
	color: var(--color-0);
	line-height: 1.2
}
.newsitem_4302 .nhd .tip {
	margin-top: var(--gap-large);
	display: flex;
	align-items: center
}
@media (max-width: 800px) {
.newsitem_4302 .nhd .tip {
	flex-direction: column;
	align-items: flex-start
}
}
.newsitem_4302 .nhd .tip .ts {
	margin-right: var(--gap-large);
	font-size: var(--fsize-base);
	color: var(--color-9)
}
@media (max-width: 800px) {
.newsitem_4302 .nhd .tip .ts {
	border-bottom: 1px solid var(--color-border);
	width: 100%;
	margin-right: 0;
	padding: var(--gap-base) 0
}
.newsitem_4302 .nhd .tip .ts:last-child {
	border-bottom: 0
}
}
.newsitem_4302 .nhd .tip .ts .ta {
	color: var(--color-9)
}
.newsitem_4302 .nhd .tip .ts .ta:hover {
	color: var(--color-main)
}
.newsitem_4302 .nhd .tip .ts:last-child {
	margin-right: 0
}
.newsitem_4302 .nbd {
	font-size: var(--fsize-large);
	line-height: 1.6;
	color: var(--color-3)
}
.newsitem_4302 .nbd p {
	margin-bottom: var(--gap-large)
}
.newsitem_4302 .nbd h3 {
	font-size: var(--fsize-h3);
	font-weight: bold;
	color: var(--color-0);
	margin: var(--gap-h3) 0 var(--gap-large)
}
.newsitem_4302 .nbd h4 {
	font-weight: normal;
	text-align: center;
	margin-top: calc(1px - var(--gap-base));
	margin-bottom: var(--gap-large);
	font-size: var(--fsize-base);
	padding-bottom: var(--gap-base);
	border-bottom: 3px solid rgba(0,0,0,0.1);
	font-family: arial;
	opacity: .6
}
.newsitem_4302 .nbd strong {
	font-weight: bold;
	color: var(--color-main);
	margin: 0 var(--gap-mini)
}
.newsitem_4302 .nbd blockquote {
	padding: var(--gap-large);
	margin: 0 0 var(--gap-large);
	background: var(--color-bg);
	border-left: 5px solid #e5e5e5;
	color: var(--color-6)
}
.newsitem_4302 .nbd blockquote p:last-child {
	margin-bottom: 0
}
.newsitem_4302 .nbd img {
	display: flex;
	margin: 6px auto;
	width: 100%;
	max-width: 500px
}
.newsitem_4302 .nsd {
	padding-top: var(--gap-h3);
	margin-top: var(--gap-h3);
	border-top: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: space-between
}
@media (max-width: 800px) {
.newsitem_4302 .nsd {
	flex-direction: column
}
}
.newsitem_4302 .nsd .link {
	display: flex;
	flex-direction: column;
	line-height: 1.6;
	font-size: var(--fsize-txt)
}
.newsitem_4302 .nsd .link .la {
	margin: var(--gap-mini) 0;
	text-decoration: none
}
@media (max-width: 800px) {
.newsitem_4302 .nsd .back {
	margin-top: var(--gap-h3)
}
}
.newsitem_4302 .nsd .back .ba {
	background: var(--color-main);
	color: var(--color-white);
	font-size: var(--fsize-txt);
	padding: var(--gap-base) var(--gap-h2);
	text-decoration: none;
	position: relative
}
.newsitem_4302 .nsd .back .ba span {
	position: relative
}
.newsitem_4302 .nsd .back .ba::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--color-0);
	transform: scaleX(0);
	transform-origin: 100% 0;
	transition: transform .34s cubic-bezier(.67, .01, .26, 1)
}
.newsitem_4302 .nsd .back .ba:hover::before {
	transform: scaleX(1)
}/*# sourceMappingURL=./c.css.map */


.nycontentaa_prolist{
	margin-top: 20px;
}
.nycontentaa_prolist ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.nycontentaa_prolist ul li{
	width: 20%;
    text-align: center;
    border: 1px solid #ccc;
    margin: 10px;
}
.nycontentaa_prolist ul li:hover,
.nycontentaa_prolist ul li.on{ 
	background-color: #0024b0;
	border: 1px solid #0024b0;
	transition: all .2s;
}
.nycontentaa_prolist ul li:hover a,
.nycontentaa_prolist ul li.on a{ color:#fff;}
.nycontentaa_prolist ul li a{
	color: #333;
    font-size: 14px;
    padding: 10px;
    display: block;
}