/* @font-face {

	font-family: 'NotoSansJPLight';

	src: url('../font/NotoSansJP-Light.otf');

}

*/

@font-face {

	font-family: "Bahnschrift";

	src: url("../font/Bahnschrift_Regular.ttf");

}

 

@font-face {

	font-family: "CourierNews";

	src: url("../font/cour.ttf");

}






:root {

	--primary-color: #EA5503;

	--primary-fm: 'Bahnschrift'


}
html,body{
   /* 修改字体设置 */
font-family:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga" 0;
}



.m1 {}



.m1 .logo {

	text-align: center;

	margin-top: 11rem;

	height: 50px;

}



.m1 .logo .lo {

	display: inline-block;

	width: 150px;

	height: 50px;

	/*background: #fff;*/

}



.m1 .time {

	text-align: center;



	color: inherit;

	font-weight: normal;

	margin-top: 1.6rem;

	font-size: 13px;

	/* line-height: 108%; */

	color: #fff;

}



.m2 {

	width: 31.2rem;

	margin: 0px auto;

	margin-top: 13.3rem;

}





.m2 ul {

	list-style: none;



}



.m2 li {

	margin-bottom: .6rem;

}



.m2 a {

	font-size: 11px;

	color: #fff;

}



.m2 a:hover {

	color: #fff;

	background: #ff0000;

}



.m2 .share {

	margin-top: 2.4rem;

}



.m2 .share img {

	width: 17px;

	transition: filter 0.3s ease;

	/* 添加过渡效果 */

}



.m2 .share img:hover {

	filter: brightness(1.5);

	/* 提高亮度到150% */



}



.m2 .share a:hover {

	background: none;

}



.m2 .share a {

	display: inline-block;

	margin-right: 1.2rem;

}



.m3 {}



.m3_box {

	width: 87rem;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.m3_box_1 {

	padding: 0px 2rem;

}



.m3_vid {

	width: 100%;

	height: 400px;

	background: #f5f5f5;

}



.m3_fun {

	margin-top: 18px;



}



.m3_fun a {

	color: #fff;

	letter-spacing: -1px;

	font-weight: bold;

	font-size: 12px;

	padding: 4px 3rem;

	background: #000;

}



.m3_fun a:hover {

	background-color: rgb(50, 51, 51);

	color: rgb(255, 255, 255);

}



.m3_footer {

	margin-top: 3.6rem;

	display: flex;

	align-items: center;

}



.m3_footer .logo {

	width: 150px;

	height: 40px;

	background: #eeeeee;

}



.m3_footer .cn {

	flex: 1;

	font-size: 11px;

	padding-left: 40px;

}



.m3_footer .cn .t1 {

	font-weight: bold;

}



.phone_m3_nav {

	background: #f2f2f2;

	padding: 10px 4%;

	width: 92%;

	position: fixed;

	z-index: 100;

	top: 0px;

}



.phone_m3_nav .back {

	display: flex;

	align-items: center;

}



.phone_m3_nav .back .icon {

	width: 15px;

	margin-right: 10px;

}



.phone_m3_nav .back a {

	display: flex;

	width: 80px;

	height: 25px;

	/*background: #000;*/

}



.m4 {

	margin-top: 5rem;

}



.m4 .logo {

	text-align: center;

	height: 45px;

}



.m4 .logo a {

	display: inline-block;

	width: 150px;

	height: 45px;

	/*background: #eee;*/

}



.m4 .time {

	font-size: 12px;

	text-align: center;

	color: inherit;

	margin-top: 1.2rem;

}



.m4 .group {

	margin-top: 5rem;

	height: 55rem;

	overflow-y: scroll;



}



/* Webkit浏览器的滚动条样式 */

.m4 .group::-webkit-scrollbar {

	width: 8px;

}



.m4 .group::-webkit-scrollbar-track {

	background: #e8e7e7;

}



.m4 .group::-webkit-scrollbar-thumb {

	background-color: #cbcaca;



}



.m4 .group::-webkit-scrollbar-thumb:hover {

	background-color: #333;

}



.m4 .group .item {

	width: 24%;

	margin-right: 1%;
	height: 210px;

	float: left;

	margin-bottom: 5px;

}



.m4 .group .item .pic {

	display: block;

	height: auto;

	/* pointer-events: none; */

	position: relative;

	width: 100%;

	z-index: 0;

	aspect-ratio: 10 / 7;

	border: 1px solid #000;

}



.m4 .group .item .t1 {

	line-height: 15px;

}



.m4 .group .item .t1 span {

	font-size: 9px;

	display: inline-block;

	padding: 0px 2px;

}



.m4 .group .item:hover .t1 span {

	background: #ff0000;

	color: #fff;

}



.m4_1 {

	margin-top: 8rem;

}
.m8_warp{
    margin-bottom: 20rem;
}


.m4_1 a {

	font-size: 12px;

	display: inline-block;

	padding: 0px 2px;

}
.m4_1 .sel{
    font-weight: bold;
}



.m4_1 a:hover {

	background: #ff0000;

	color: #fff;

}



.m4_1 .sel {

	position: relative;

	margin-top: -5px;

}



.m4_1 .sel .hide_show {

	position: absolute;

	left: 0px;

	display: none;

}



.m4_1 .sel:hover .hide_show {

	display: block;

}



.m4_1 .rits .lt {

	margin-left: 15px;

	/* display: inline-block; */

}



.m4_2 {

	padding-bottom: 4rem;

	margin-top: 4rem;

}



.m4_2 .lt {

	width: 215px;

}



.m4_2 .lt ul li {

	line-height: 18px;

}



.m4_2 .lt a {

	font-size: 12px;

	display: inline-block;

	padding: 0px 2px;

}



.m4_2 .lt a:hover {

	background: #ff0000;

	color: #fff;

}



.m4_2 .lt ul .on a {

	font-weight: bold;

}



.ph_footer {



	width: 100%;

	background: #000;

	padding: 30px 0;

	box-sizing: border-box;

}



.ph_footer .nav_box {

	text-align: center;

}



.ph_footer a {

	display: inline-block;

	color: #fff;

	font-family: Courier, monospace;

	font-size: 11px;

	/* line-height: 2; */

	text-decoration: none;

}



.ph_footer .on {

	/* color: #ff0000; */

}



.ph_footer .links {

	margin: 35px 0;

}



.ph_footer .links a {

	margin: 0 5px;

}



.ph_footer .full {

	text-decoration: underline;

}



/* Webkit浏览器的滚动条样式 */

body::-webkit-scrollbar {

	width: 8px;

}



body::-webkit-scrollbar-track {

	background: #e8e7e7;

}



body::-webkit-scrollbar-thumb {

	background-color: #cbcaca;



}



body::-webkit-scrollbar-thumb:hover {

	background-color: #333;

}



.m5 {

	margin-top: 50px;

	white-space: nowrap;

	overflow-x: auto;

	overflow-y: hidden;

}



/* Webkit浏览器的滚动条样式 */

.m5::-webkit-scrollbar {

	height: 8px;

}



.m5::-webkit-scrollbar-track {

	background: #e8e7e7;

}



.m5::-webkit-scrollbar-thumb {

	background-color: #cbcaca;

	border-radius: 4px;

}



.m5::-webkit-scrollbar-thumb:hover {

	background-color: #333;

}



.m5 .item {

	display: inline-flex;

	width: 720px;

	margin-right: 20px;

	white-space: normal;

	display: none;

	min-height: 500px;

	margin-bottom: 50px;



}



.m5 .item:nth-child(1) {

	display: inline-flex;

}



.m5 .item .bbox {

	display: flex;

}



.m5 .item .fun {

	width: 335px;

}



.m5 .item .fun .pic {

	position: relative;

}



.m5 .item .fun .pic .lt {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	/*opacity: 0;*/

	visibility: hidden;

	transition: opacity 0.3s ease;

}



.m5 .item .fun .pic .lt.active {

	opacity: 1;

	visibility: visible;

}



.m5 .item .fun .pic .lt:first-child {

	position: relative;
 
 

}





.caozuo {

	font-size: 12px;

	margin-top: 15px;

	text-align: center;

}



.caozuo span {

	margin: 0px 3px;

	display: inline-block;

}



.caozuo img {

	cursor: pointer;

}



.m5 .item .cont {

	flex: 1;

	font-size: 11px;

	padding-left: 40px;

}



.m5 .item .cont .desc {

	margin: 15px 0;

}



.m5 .item .cont .info {

	margin-bottom: 10px;

}



.m5 .item .cont .contact,

.m5 .item .cont .address {

	/* font-size: 10px; */

	font-weight: bold;

	list-style: 20px;

}



.m5 .item .cont .contact {

	height: 150px;

	margin-bottom: 20px;

	margin-top: 10px;

}



.m5 .item .cont .archive a {

	display: inline-block;

	padding: 1px 2px;

	padding-bottom: 3px;

	border-bottom: 1px solid #000;

}



.m5 .item .cont .archive a:hover {

	background: #ff0000;

	color: #fff;

	border-bottom: 0px none;

}



.m5 .item:nth-child(1) {

	margin-left: 32%;

}



.m5 .item .cont .title{
    margin: -5px 0 -10px;
}



.m5 .item .cont .archive_on a {

	background: #ff0000;

	color: #fff;

	border-bottom: 0px none;

}



.m6 {

	padding-top: 60px;

	font-size: 11px;

	display: grid;

	grid-template-columns: repeat(6, 1fr);

	gap: 5px;

	margin-top: 2rem;

}



.m6 .t1 {

	margin-bottom: 10px;

}



.m6 ul li a:hover {

	background: #ff0000;

	color: #fff;

}



.m6 .item {

	position: relative;

	width: 100%;

	aspect-ratio: 1;



	height: auto;

	/* pointer-events: none; */

	position: relative;



	z-index: 0;

	aspect-ratio: 10 / 7;

}



.m6 .item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

}



.m6 .item:hover img {

	opacity: 0.8;

	transition: opacity 0.3s ease;

}



.m6_mores {

	text-align: right;

	font-size: 12px;

	margin-top: 10px;

}



.m6_mores a:hover {

	background: #ff0000;

	color: #fff;

}



.m6_mores_2 {

	padding: 10px 4%;

	padding-top: 0px;

	font-size: 12px;

	border-bottom: 1px solid rgb(224, 224, 224);

}

.m60 {

	padding: 60px 0;

	font-size: 12px;

}

.m60 ul{

	margin-top: 10px;

}

.m60 ul li{

	font-size: 12px;

}



.m7 {

	/* width: 100%; */

	padding-right: 10px;

	display: grid;

	grid-template-columns: repeat(5, minmax(0, 1fr));

	gap: 4px;

	margin-top: 80px;

	/* height: 58rem; */

	overflow-y: scroll;

	overflow-x: hidden;

	/* 隐藏横向滚动条 */

	padding: 0 2px;

	box-sizing: border-box;

	padding-right: 20px;

}



.m7 .item {

	width: 100%;

	aspect-ratio: 10/7;

	/* 设置图片比例为10:7 */

	/* margin-bottom: 20px; */

}



.m7 .item img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	border: 1px solid #fff;

	display: block;

}



.m7 .item:hover img {

	border: 1px solid #e0e0e0;

}



.m7::-webkit-scrollbar {

	width: 8px;

}



.m7::-webkit-scrollbar-track {

	background: #e8e7e7;

}



.m7::-webkit-scrollbar-thumb {

	background-color: #cbcaca;

	border-radius: 4px;

}



.m7::-webkit-scrollbar-thumb:hover {

	background-color: #333;

}



.m7 .item {

	width: 100%;

	padding: 0 2px;

}



.m7 .item img {

	width: 100%;

	height: auto;

	display: block;

	margin-bottom: 2px;

}



.m7_let {

	position: relative;

}



.m7_let .m7_fix {

	position: absolute;

	left: 0px;

	font-size: 11px;

	text-align: right;

	transform: translate(-110%, 0);

}



.m7_let .m7_fix ul li a:hover {

	background: #ff0000;

	color: #fff;

}



.m7_let .m7_fix ul li {

	margin-bottom: -1px;

}



.m7_show_nav {

	padding: 0px 4%;

	padding-top: 60px;

}



.m7_show_nav .m7_show_nav_2 {

	font-size: 12px;

	font-weight: bold;

}



.m7_show_nav ul {

	display: none;

	position: absolute;

	width: 92%;

	padding: 0px 4%;

	background: #fff;

	z-index: 100;

	left: 0px;

	padding-bottom: 30px;

	margin-top: 10px;

	/* top: 50px; */

}



.m7_show_nav {

	position: relative;

}



.m7_show_nav ul li {

	float: left;

	font-size: 12px;

	margin-top: 10px;

	width: 50%;

}



.m7_show_nav:hover ul {

	display: block;

}



.m8 {

	display: flex;

}



.m8 .pic {

	width: 375px;

	margin-left: 170px;

	position: relative;

	height: 465px;

	overflow: hidden;

	

}



.m8 .pic img {

	opacity: 0;

	position: absolute;

	transition: all 0.3s ease;

	cursor: zoom-in; /* 添加放大镜光标样式 */

}



.m8 .pic .on {

	opacity: 1;

	position: relative;

	z-index: 10;

}



.m8 .pic img {

	width: 100%;

}



.m8 .fun {

	flex: 1;

	padding-left: 70px;

}



.m8 .fun .grouos {



	display: grid;

	grid-template-columns: repeat(5, 1fr);

	gap: 4px;

	height: fit-content;



}





.m8 .fun .item {

	cursor: pointer;

}



.m8 .fun .item img {

	width: 100%;

	height: auto;

	display: block;

	border: 1px solid transparent;

	transition: all 0.3s ease;

}



.m8 .fun .item:hover img {

	border: 1px solid #ff0000;

}



.m8 .fun .on img {

	border: 1px solid #ff0000;

}



.m8 .fun .caozuo {

	text-align: right;

}



.m8_2 {

	margin-top: 90px;

	display: flex;

	align-items: center;

}



.m8_2 .let_logo a {

	display: inline-block;

	width: 150px;

	height: 45px;

	background: #f5f5f5;

}



.m8_2 .desc {

	flex: 1;

	font-size: 11px;

	padding-left: 50px;

}



.m8_2 .desc a:hover {

	background: #ff0000;

	color: #fff;

}





.m8_2 .archive {

	position: relative;

	font-size: 12px;

	text-align: right;

}



.m8_2 .archive ul {

	position: absolute;

	background: #fff;

	display: none;

	width: 200px;

	right: 0px;

}



.m8_2 .archive:hover ul {

	display: block;

}



.m8_2 .archive ul li a:hover {

	background: #ff0000;

	color: #fff;

}



.m8 {

	margin-top: 50px;

}



.m9 {

	margin-top: 150px;

	font-size: 12px;
	
	margin-bottom: 35rem;

}



.m4_5 .group .item {

	position: relative;

}



.m4_5 .group .item .it_zz {

	position: absolute;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 10;

	top: 0px;

	background: rgba(0, 0, 0, 0.7);

}



.m4_5 .group .item .pic {

	border: 0px none;

}



.m4_5 .group .item .tip {

	position: absolute;

	left: 10px;

	z-index: 20;

	font-size: 12px;

	padding: 2px 4px;

	top: 10px;

	color: #fff;

	background-color: rgba(120, 120, 120, 0.2);

}



.m4_5 .group .item:hover .it_zz {

	display: none;

}



.m4_5 .group .item:hover .tip {

	background-color: rgba(255, 255, 255, 0.8);

	color: #333;

}



.m4_5 .group .item .ph {

	font-size: 12px;

}



.m4_5 .group .item .ph .t1 {

	margin-bottom: 10px;

	margin-top: 10px;

}



.m4_5 .group .item .ph .t2 {

	margin-bottom: 10px;

}



.m10 {

	position: fixed;

	top: 0px;

	left: 0px;

	z-index: 100;

	background: rgba(0, 0, 0, 0.7);

	width: 100%;

	height: 100%;

	display: none;

}



.m10_box {

	position: fixed;

	background-color: rgb(255, 255, 255);



	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 900px;

	z-index: 105;

	display: flex;

}



.m10_box .let {

	padding: 20px;

	font-size: 12px;

}



.m10_box .let .t1 {

	margin-bottom: 40px;

}



.m10_box .let .t3 {

	margin-bottom: 30px;

}



.m10_box .let .t6 {

	margin-top: 45px;

}



.m10_box .pic {

	flex: 1;

}



.m10_box .pic img {

	width: 100%;

}



.m10_box .map {

	flex: 1;

	position: relative;

	font-size: 12px;

}



.m10_box .map iframe {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	border: 0px none;

	height: 100%;

}



.caozuo .back {

	background: #000;

	color: #fff;

	display: inline-block;

	padding: 2px 10px;

	margin-left: 15px;

}



.m8_0 {

	text-align: center;

	margin-top: 40px;
  padding-top: 25px;
}



.m11 {

	margin-top: 150px;
	margin-bottom: 20rem;

}







.m11 .t1 {

	font-size: 11px;

	margin-bottom: 20px;

}



.m11 .form .row {

	margin-bottom: 10px;

}



.m11 .form .row.cle {

	/* display: flex; */

	/* gap: 10px; */

}



.m11 .form .row .col {

	width: 49%;

}



.m11 .form input,

.m11 .form select,

.m11 .form textarea {

	width: 96%;

	border: 1px solid rgb(204, 204, 204);

	padding: 8px 2%;

	font-size: 11px;



}



.m11 .form select {

	width: 100%;

}



.m11 .form textarea {

	height: 150px;

	resize: none;

}



.m11 .form .send {

	background: #ff0000;

	color: #fff;

	border: none;

	padding: 5px 15px;

	font-size: 11px;

	cursor: pointer;

}



.m11 .form .send:hover {

	opacity: 0.9;

}



.m12 {



	margin: 300px 0;

}



.m12 .t1 {

	font-size: 11px;

	margin-bottom: 20px;

}



.m12 .form .row {

	margin-bottom: 10px;

}



.m12 .form input[type="email"] {

	width: 100%;

	border: 1px solid rgb(204, 204, 204);

	padding: 8px;

	font-size: 11px;

	font-family: Courier, monospace;

}



.m12 .form .checkbox {

	display: flex;

	align-items: center;

	gap: 5px;

	font-size: 11px;

}



.m12 .form .subscribe {

	background: #ff0000;

	color: #fff;

	border: none;

	padding: 5px 15px;

	font-size: 11px;

	cursor: pointer;

}



.m12 .form .subscribe:hover {

	opacity: 0.9;

}



/* 添加弹窗样式 */

.m13 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 1000;

    display: none;

    cursor: zoom-out;

}



.m13_box {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.m13_box img {

    max-width: 90vw;

    max-height: 90vh;

}