#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 {
	padding:370px 0;
	position:relative;
	overflow:hidden
}
.ctn1 .con {
	position:relative;
	z-index:3
}
.ctn1 .con .left {
	width:46.2%
}
.ctn1 .con .left p {
	margin-top:20px
}
.ctn1 .con .right {
	position:absolute;
	width:72.7%;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%)
}
.ctn1 .con .right img {
	width:100%
}
.ctn1 .bg {
	max-width:40%;
	position:absolute;
	right:0;
	top:9%;
	z-index:2
}
.ctn1 .bg img {
	width:100%
}
.ctn2 {
	position:relative;
	overflow:hidden
}
.ctn2 .tu img {
	width:100%
}
.ctn2 .tu img.mobile {
	display:none
}
.ctn2 .title {
	position:absolute;
	width:100%;
	left:0;
	top:15%
}
.ctn2 .title h2 {
	text-align:center;
	color:#fff
}
.ctn2 ul {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	border-top:1px solid rgba(255, 255, 255, 0.5);
	display:flex;
	justify-content:space-between
}
.ctn2 ul li {
	width:25%;
	color:#fff;
	padding:80px 0 160px
}
.ctn2 ul li .center {
	width:58%;
	margin:0 auto;
	opacity:0.7;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn2 ul li .center h2 {
	margin:30px 0 14px
}
.ctn2 ul li .center p {
	line-height:1.8
}
.ctn2 ul li:not(:last-child) {
border-right:1px solid rgba(255, 255, 255, 0.5)
}
.ctn2 ul li:hover .center {
	opacity:1
}
.ctn3 {
	padding:120px 0 280px;
	position:relative;
	overflow:hidden
}
.ctn3 .title {
	text-align:center
}
.ctn3 .title p {
	margin-top:20px;
	text-align:center
}
.ctn3 .content {
	width:1600px;
	margin:80px auto 0;
	position:relative;
	z-index:3
}
.ctn3 .content .yuan img {
	width:100%
}
.ctn3 .content ul {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2
}
.ctn3 .content ul li {
	position:absolute;
	text-align:center;
	cursor:pointer
}
.ctn3 .content ul li .dian {
	width:10px;
	height:10px;
	border-radius:50%;
	background:var(--color);
	margin:0 auto;
	position:relative;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn3 .content ul li .dian:before {
	content:'';
	width:20px;
	height:20px;
	border-radius:50%;
	background:rgba(3, 86, 121, 0.1);
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%)
}
.ctn3 .content ul li h2 {
	white-space:nowrap;
	margin-top:20px
}
.ctn3 .content ul li.active .dian {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5)
}
.ctn3 .content ul li:nth-child(1) {
left:0.1%;
bottom:28%
}
.ctn3 .content ul li:nth-child(2) {
left:6.2%;
bottom:54%
}
.ctn3 .content ul li:nth-child(3) {
left:20%;
top:16%
}
.ctn3 .content ul li:nth-child(4) {
left:36%;
top:2%
}
.ctn3 .content ul li:nth-child(5) {
right:36%;
top:2%
}
.ctn3 .content ul li:nth-child(6) {
right:19%;
top:16%
}
.ctn3 .content ul li:nth-child(7) {
right:6.6%;
bottom:54%
}
.ctn3 .content ul li:nth-child(8) {
right:0.1%;
bottom:28%
}
.ctn3 .content .ctn-list {
	position:absolute;
	width:500px;
	max-width:50%;
	left:50%;
	top:20%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	text-align:center;
	z-index:1
}
.ctn3 .content .ctn-list .swiper-slide h2 {
	position:relative;
	opacity:0;
	transform:translateY(30px)
}
.ctn3 .content .ctn-list .swiper-slide p {
	text-align:center;
	margin-top:10px;
	position:relative;
	opacity:0;
	transform:translateY(30px)
}
.ctn3 .content .ctn-list .swiper-slide-active h2 {
	transform:translateY(0);
	opacity:1;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn3 .content .ctn-list .swiper-slide-active p {
	transform:translateY(0);
	opacity:1;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn3 .tu {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	z-index:2
}
.ctn3 .tu img {
	width:100%
}
.ctn4 {
	padding:180px 0;
	overflow:hidden
}
.ctn4 .con {
	position:relative;
	z-index:2
}
.ctn4 .con .ctn-list {
	padding:0 80px;
	position:relative
}
.ctn4 .con .ctn-list .swiper-slide {
	background:#fff;
	height:auto
}
.ctn4 .con .ctn-list .swiper-slide .tu {
	overflow:hidden
}
.ctn4 .con .ctn-list .swiper-slide .tu img {
	width:100%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.ctn4 .con .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)
}
.ctn4 .con .ctn-list .swiper-slide .text {
	padding:40px
}
.ctn4 .con .ctn-list .swiper-slide .text p {
	line-height:1.8;
	text-align:justify;
	margin-top:14px
}
.ctn4 .con .ctn-list .swiper-pagination {
	display:none
}
.ctn4 .con .ctn-list .swiper-button-prev {
	width:30px;
	height:30px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	margin-top:0;
	background:none
}
.ctn4 .con .ctn-list .swiper-button-prev:before {
	display:none
}
.ctn4 .con .ctn-list .swiper-button-prev:after {
	content:'\e8f4';
	font-family:iconfont;
	font-size:30px;
	color:var(--color);
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%)
}
.ctn4 .con .ctn-list .swiper-button-next {
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	margin-top:0;
	background:none
}
.ctn4 .con .ctn-list .swiper-button-next:before {
	display:none
}
.ctn4 .con .ctn-list .swiper-button-next:after {
	content:'\e8f5';
	font-family:iconfont;
	font-size:30px;
	color:var(--color);
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%)
}
@media screen and (max-width: 1680px) {
.ctn1 {
padding:18.5vw 0
}
.ctn2 ul li {
padding:4vw 0 8vw
}
.ctn2 ul li .center {
width:66%
}
.ctn2 ul li .center h2 {
margin:1.5vw 0 10px
}
.ctn3 {
padding:6vw 0 14vw
}
.ctn3 .content {
width:90%
}
.ctn4 {
padding:9vw 0
}
.ctn4 .con .ctn-list {
padding:0 4vw
}
.ctn4 .con .ctn-list .swiper-slide .text {
padding:2vw
}
.ctn4 .con .ctn-list .swiper-slide .text p {
margin-top:10px
}
}
@media screen and (max-width: 1600px) {
.ctn3 .content {
margin:60px auto 0
}
.ctn3 .content ul li:nth-child(1) {
left:-0.1%
}
.ctn3 .content ul li:nth-child(2) {
left:6%
}
.ctn3 .content ul li:nth-child(3) {
left:19.5%
}
.ctn3 .content ul li:nth-child(4) {
left:35%
}
.ctn3 .content ul li:nth-child(5) {
right:35%
}
.ctn3 .content ul li:nth-child(6) {
right:18.5%
}
.ctn3 .content ul li:nth-child(7) {
right:6.5%
}
.ctn3 .content ul li:nth-child(8) {
right:-0.1%
}
}
@media screen and (max-width: 1200px) {
.ctn2 ul li .center {
width:80%
}
.ctn3 .content .ctn-list {
width:300px;
top:24%
}
.ctn3 .content ul li:nth-child(1) {
left:-0.8%
}
.ctn3 .content ul li:nth-child(2) {
left:5.5%
}
.ctn3 .content ul li:nth-child(3) {
left:18.5%
}
.ctn3 .content ul li:nth-child(4) {
left:34%
}
.ctn3 .content ul li:nth-child(5) {
right:34%
}
.ctn3 .content ul li:nth-child(6) {
right:17%
}
.ctn3 .content ul li:nth-child(7) {
right:6.2%
}
.ctn3 .content ul li:nth-child(8) {
right:-0.8%
}
}
@media screen and (max-width: 768px) {
.ctn1 {
padding:30px 0 0
}
.ctn1 .con .left {
width:100%
}
.ctn1 .con .left p {
margin-top:14px
}
.ctn1 .con .right {
position:relative;
width:80%;
top:0;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
margin:0 auto
}
.ctn1 .bg {
display:none
}
.ctn2 {
padding:40px 5%
}
.ctn2 .tu {
position:absolute;
width:100%;
height:100%;
left:0;
top:0
}
.ctn2 .tu img {
height:100%;
object-fit:cover
}
.ctn2 .tu img.pc {
display:none
}
.ctn2 .tu img.mobile {
display:block
}
.ctn2 .title {
position:relative;
top:0
}
.ctn2 ul {
position:relative;
flex-wrap:wrap
}
.ctn2 ul li {
width:50%;
padding:20px 14px;
border-bottom:1px solid rgba(255, 255, 255, 0.5)
}
.ctn2 ul li .center {
width:100%;
opacity:1
}
.ctn2 ul li .center h2 {
margin:6px 0;
font-size:16px
}
.ctn2 ul li .center p {
line-height:1.6
}
.ctn2 ul li:first-child {
border-left:1px solid rgba(255, 255, 255, 0.5)
}
.ctn2 ul li:nth-child(3) {
border-left:1px solid rgba(255, 255, 255, 0.5)
}
.ctn2 ul li:last-child {
border-right:1px solid rgba(255, 255, 255, 0.5)
}
.ctn3 {
padding:40px 0 160px
}
.ctn3 .title p {
margin-top:14px;
text-align:justify
}
.ctn3 .content {
margin:10px auto 0
}
.ctn3 .content .yuan {
display:none
}
.ctn3 .content ul {
display:none
}
.ctn3 .content .ctn-list {
width:100%;
max-width:100%;
margin:0 auto;
position:relative;
left:0;
top:0;
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0)
}
.ctn3 .content .ctn-list .swiper-wrapper {
justify-content:space-between;
flex-wrap:wrap
}
.ctn3 .content .ctn-list .swiper-slide {
width:100%;
text-align:left;
margin-top:20px;
display:flex;
justify-content:space-between;
padding-bottom:10px;
border-bottom:1px solid #f2f2f2
}
.ctn3 .content .ctn-list .swiper-slide h2 {
opacity:1;
transform:translateY(0);
font-size:16px
}
.ctn3 .content .ctn-list .swiper-slide p {
opacity:1;
transform:translateY(0);
font-size:14px;
margin-top:0
}
.ctn4 {
padding:40px 0
}
.ctn4 .con .ctn-list {
padding:0
}
.ctn4 .con .ctn-list .swiper-slide .text {
padding:20px
}
.ctn4 .con .ctn-list .swiper-slide .text p {
line-height:1.6
}
.ctn4 .con .ctn-list .swiper-container {
padding-bottom:40px
}
.ctn4 .con .ctn-list .swiper-pagination {
display:block;
bottom:0
}
.ctn4 .con .ctn-list .swiper-pagination .swiper-pagination-bullet {
width:6px;
height:6px;
margin:0 3px
}
.ctn4 .con .ctn-list .swiper-pagination .swiper-pagination-bullet-active {
background:var(--color)
}
.ctn4 .con .ctn-list .swiper-button-prev {
display:none
}
.ctn4 .con .ctn-list .swiper-button-next {
display:none
}
}