@charset "utf-8";
#c_grid-topnvu .p_gridbox::after {
content:'';
clear:left;
display:block
}
#c_grid-topnvu > div > .p_gridbox {
	width:100%;
	overflow:hidden;
	position:static
}
#c_grid-topnvu > div > .p_gridCell {
	float:left;
	position:static
}
#c_grid-topnvu > .p_gridbox.signal {
	min-height:inherit
}
#c_grid-topnvu > .p_gridbox.signal > .p_gridCell {
	min-height:inherit !important
}
#c_grid-topnvu {
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media screen and (max-width:768px) {
#c_grid-topnvu > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
@media screen and (min-width: 769px) {
#c_grid-topnvu > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
#c_grid-topnvu > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
#c_grid-footer .p_gridbox::after {
content:'';
clear:left;
display:block
}
#c_grid-footer > div > .p_gridbox {
	width:100%;
	overflow:hidden;
	position:static
}
#c_grid-footer > div > .p_gridCell {
	float:left;
	position:static
}
#c_grid-footer > .p_gridbox.signal {
	min-height:inherit
}
#c_grid-footer > .p_gridbox.signal > .p_gridCell {
	min-height:inherit !important
}
#c_grid-footer {
	margin-left:auto;
	margin-right:auto;
	width:100%
}
@media screen and (max-width:768px) {
#c_grid-footer > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
@media screen and (min-width: 769px) {
#c_grid-footer > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
#c_grid-footer > .p_gridbox > .p_gridCell:nth-child(1n + 1) {
width:100%;
margin-left:0%;
margin-right:0%;
margin-top:0rem;
margin-bottom:0rem;
clear:left
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
}
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem {
	position:relative;
	float:left
}
#c_static_001-bread .e_breadcrumb-1 .icon {
	width:12px;
	height:12px
}
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem:not(:first-child) {
padding:0 3px 0 13px
}
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem:not(:first-child)::before {
content:'/';
position:absolute;
left:3px;
color:#333
}
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumb::after {/* display: flex; */
display:block;
clear:both;
content:''
}
#c_static_001-bread .e_breadcrumb-1 .p_showTitle {
	position:relative;
	display:flex;
	align-items:center;
	padding-left:5px;
	border:1px solid transparent
}
#c_static_001-bread .e_breadcrumb-1 .siblings::after {
content:'>';
display:flex;
justify-content:center;
align-items:center;
width:20px;
height:20px;
transform:rotateZ(90deg);
cursor:pointer;
color:#ccc
}/* 鼠标覆盖 */
#c_static_001-bread .e_breadcrumb-1 .siblings.active {
	border:1px solid #dee2e6
}
#c_static_001-bread .e_breadcrumb-1 .siblings.active::after {
transform:rotateZ(-90deg)
}
#c_static_001-bread .e_breadcrumb-1 .p_slide {
	position:absolute;
	left:18px;
	min-width:100%;
	padding:5px;
	display:none;
	z-index:999
}
#c_static_001-bread .e_breadcrumb-1 .p_sibling {
	display:block;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
@media screen and (max-width:768px) {
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem:nth-child(1) .p_title, #c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem:nth-child(2) .p_title {
white-space:pre
}
#c_static_001-bread .e_breadcrumb-1 .p_breadcrumbItem:nth-child(3) .p_title {
word-break:break-all;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden
}
#c_static_001-bread .e_breadcrumb-1 a {
display:flex
}
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
}
.ctn1 {
	margin-top:70px
}
.ctn1 ul {
	display:flex;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}
.ctn1 ul li {
	position:relative
}
.ctn1 ul li:after {
	content:'';
	width:0;
	height:2px;
	background:var(--color);
	position:absolute;
	left:50%;
	bottom:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn1 ul li a {
	color:#000;
	display:block;
	padding-bottom:10px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn1 ul li:not(:last-child) {
margin-right:100px
}
.ctn1 ul li:hover:after {
	width:100%;
	left:0
}
.ctn1 ul li:hover a {
	color:var(--color)
}
.ctn1 ul li.active:after {
	width:100%;
	left:0
}
.ctn1 ul li.active a {
	color:var(--color)
}
.ctn2 {
	padding:100px 0 120px;
	overflow:hidden
}
.ctn2 .con {
	position:relative;
	z-index:2
}
.ctn2 .con .title p {
	margin-top:20px
}
.ctn2 .con .ctn-list {
	display:flex;
	flex-wrap:wrap
}
.ctn2 .con .ctn-list .box {
	width:32%;
	margin-top:50px
}
.ctn2 .con .ctn-list .box .tu {
	height:330px;
	overflow:hidden
}
.ctn2 .con .ctn-list .box .tu img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn2 .con .ctn-list .box .text {
	width:78%;
	margin-top:30px
}
.ctn2 .con .ctn-list .box .text h2 {
	color:#000;
	-webkit-line-clamp:2;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1.5;
	max-height:3em;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn2 .con .ctn-list .box .text h3 {
	color:#000;
	margin-top:10px;
	opacity:0.7
}
.ctn2 .con .ctn-list .box:hover .tu img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05)
}
.ctn2 .con .ctn-list .box:hover .text h2 {
	color:var(--color)
}
.ctn2 .con .ctn-list .box:not(:nth-child(3n)) {
margin-right:2%
}
@media screen and (max-width: 1680px) {
.ctn1 {
margin-top:3.5vw
}
.ctn1 ul li:not(:last-child) {
margin-right:5vw
}
.ctn2 {
padding:5vw 0 6vw
}
.ctn2 .con .ctn-list .box {
margin-top:2.5vw
}
.ctn2 .con .ctn-list .box .tu {
height:16vw
}
.ctn2 .con .ctn-list .box .text {
margin-top:1.5vw
}
}
@media screen and (max-width: 1200px) {
.ctn2 .con .ctn-list .box .tu {
height:18vw
}
}
@media screen and (max-width: 768px) {
.ctn1 {
margin-top:20px
}
.ctn1 ul li:not(:last-child) {
margin-right:30px
}
.ctn2 {
padding:30px 0 40px
}
.ctn2 .con .title p {
margin-top:14px
}
.ctn2 .con .ctn-list {
justify-content:space-between
}
.ctn2 .con .ctn-list .box {
width:48.5%;
margin-top:15px
}
.ctn2 .con .ctn-list .box .tu {
height:100px
}
.ctn2 .con .ctn-list .box .text {
width:100%;
margin-top:14px
}
.ctn2 .con .ctn-list .box .text h2 {
font-size:16px
}
.ctn2 .con .ctn-list .box .text h3 {
margin-top:6px
}
.ctn2 .con .ctn-list .box:not(:nth-child(3n)) {
margin-right:0
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
}