@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) {
}
.ctn1 {
	padding-bottom:280px;
	background-size:cover;
	overflow:hidden;
	position:relative
}
.ctn1 .bread-nav .con li {
	color:#fff
}
.ctn1 .bread-nav .con a span {
	color:#fff
}
.ctn1 .bread-nav .con a {
	color:#fff
}
.ctn1 .content {
	position:relative;
	z-index:2;
	margin-top:120px
}
.ctn1 .content h2 {
	color:#fff;
	text-align:center
}
.ctn1 .content .ctn-wrapper {
	margin:50px 0 120px
}
.ctn1 .content .ctn-wrapper ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap
}
.ctn1 .content .ctn-wrapper ul li {
	color:#fff;
	position:relative;
	width:185px;
	height:54px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	text-align:center
}
.ctn1 .content .ctn-wrapper ul li:before {
	content:'';
	width:100%;
	height:100%;
	background:var(--color);
	position:absolute;
	left:0;
	top:0;
	transform:skewX(-10deg);
	z-index:1;
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn1 .content .ctn-wrapper ul li span {
	position:relative;
	color:#bfdffc;
	z-index:2;
	line-height:1;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn1 .content .ctn-wrapper ul li:hover:before {
	opacity:1
}
.ctn1 .content .ctn-wrapper ul li:hover span {
	color:#fff
}
.ctn1 .content .ctn-wrapper ul li.active:before {
	opacity:1
}
.ctn1 .content .ctn-wrapper ul li.active span {
	color:#fff
}
.ctn1 .content .ctn-list {
	padding:0 12.5% 0 8%
}
.ctn1 .content .ctn-list .swiper-container {
	overflow:inherit
}
.ctn1 .content .ctn-list .swiper-slide {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.ctn1 .content .ctn-list .swiper-slide .tu {
	width:57%;
	height:380px;
	display:flex;
	align-items:center;
	justify-content:center
}
.ctn1 .content .ctn-list .swiper-slide .tu img {
	max-width:100%;
	max-height:100%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn1 .content .ctn-list .swiper-slide .tu:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05)
}
.ctn1 .content .ctn-list .swiper-slide .text {
	width:38%;
	color:#fff
}
.ctn1 .content .ctn-list .swiper-slide .text ul li {
	display:flex;
	justify-content:space-between;
	padding:25px 0;
	color:#fff;
	border-bottom:1px solid rgba(255, 255, 255, 0.2)
}
.ctn1 .content .ctn-list .swiper-slide .text ul li h2 {
	flex-shrink:0;
	margin-right:10px
}
.ctn1 .content .ctn-list .swiper-slide .text ul li p {
	text-align:right
}
.ctn1 .content .ctn-list .swiper-slide .text .s-mores {
	display:block;
	margin-top:40px
}
@media screen and (max-width: 1680px) {
.ctn1 {
padding-bottom:14vw
}
.ctn1 .content {
margin-top:6vw
}
.ctn1 .content .ctn-wrapper {
margin:2.5vw 0 6vw
}
.ctn1 .content .ctn-list .swiper-slide .text ul li {
padding:20px 0
}
.ctn1 .content .ctn-list .swiper-slide .text .s-mores {
margin-top:2vw
}
}
@media screen and (max-width: 1440px) {
.ctn1 .content .ctn-wrapper ul li {
width:178px;
height:48px
}
.ctn1 .content .ctn-list {
padding:0 10% 0 6%
}
.ctn1 .content .ctn-list .swiper-slide .tu {
height:300px
}
}
@media screen and (max-width: 1200px) {
.ctn1 .content .ctn-list {
padding:0 5%
}
}
@media screen and (max-width: 1024px) {
.ctn1 .content .ctn-wrapper ul li {
width:150px;
height:44px
}
}
@media screen and (max-width: 768px) {
.ctn1 {
padding-bottom:40px
}
.ctn1 .content {
margin-top:30px
}
.ctn1 .content .ctn-wrapper {
margin:30px 0
}
.ctn1 .content .ctn-list .swiper-slide {
display:block
}
.ctn1 .content .ctn-list .swiper-slide .tu {
width:100%;
height:250px
}
.ctn1 .content .ctn-list .swiper-slide .text {
width:100%
}
.ctn1 .content .ctn-list .swiper-slide .text ul li {
padding:12px 0
}
.ctn1 .content .ctn-list .swiper-slide .text .s-mores {
margin-top:30px;
display:flex
}
}
#c_static_001-core .e_breadcrumb-3 .p_breadcrumbItem {
	position:relative;
	float:left
}
#c_static_001-core .e_breadcrumb-3 .icon {
	width:12px;
	height:12px
}
#c_static_001-core .e_breadcrumb-3 .p_breadcrumbItem:not(:first-child) {
padding:0 3px 0 15px
}
#c_static_001-core .e_breadcrumb-3 .p_breadcrumbItem:not(:first-child)::before {
content:'/';
position:absolute;
left:3px;
color:#999
}
#c_static_001-core .e_breadcrumb-3 .p_breadcrumb::after {/* display: flex; */
display:block;
clear:both;
content:''
}
#c_static_001-core .e_breadcrumb-3 .p_showTitle {
	position:relative;
	display:flex;
	align-items:center;
	padding-left:5px;
	border:1px solid transparent
}
#c_static_001-core .e_breadcrumb-3 .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-core .e_breadcrumb-3 .siblings.active {
	border:1px solid #dee2e6
}
#c_static_001-core .e_breadcrumb-3 .siblings.active::after {
transform:rotateZ(-90deg)
}
#c_static_001-core .e_breadcrumb-3 .p_slide {
	position:absolute;
	left:18px;
	min-width:100%;
	padding:5px;
	display:none;
	z-index:999
}
#c_static_001-core .e_breadcrumb-3 .p_sibling {
	display:block;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
@media screen and (max-width:768px) {
#c_static_001-core .e_breadcrumb-3 .p_breadcrumbItem:nth-child(1) .p_title, #c_static_001-core .e_breadcrumb-3 .p_breadcrumbItem:nth-child(2) .p_title {
white-space:pre
}
#c_static_001-core .e_breadcrumb-3 .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-core .e_breadcrumb-3 a {
display:flex
}
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
}