#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%
}
#newsCarousel .owl-stage-outer .owl-stage .owl-item .item .box .tu {
	height:440px;
	overflow:hidden
}
#newsCarousel .owl-stage-outer .owl-stage .owl-item .item .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
}
@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) {
}
@keyframes grow {
from {
height:0
}
to {
	height:100%
}
}
.fp-tableCell {
	vertical-align:middle;
	overflow:hidden
}
.mores {
	margin-top:50px
}
.mores a {
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	width:177px;
	height:54px;
	position:relative
}
.mores a:before {
	content:'';
	width:100%;
	height:100%;
	background:var(--color);
	position:absolute;
	left:0;
	top:0;
	transform:skewX(-10deg)
}
.mores a span {
	margin-right:10px;
	line-height:1;
	position:relative
}
.mores a img {
	position:relative
}
.section {
	overflow:hidden;
	position:relative
}
.section01 .banner {
	position:relative;
	z-index:1
}
.section01 .banner .swiper-slide {
	height:100vh;
	position:relative;
	overflow:hidden
}
.section01 .banner .swiper-slide > img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:relative;
	z-index:1;
	transition:3s linear;
	transform:scale(1.1, 1.1)
}
.section01 .banner .swiper-slide video {
	width:100%;
	height:100%;
	object-fit:cover;
	position:relative;
	z-index:1
}
.section01 .banner .swiper-slide .text {
	position:absolute;
	width:50%;
	left:50%;
	top:45%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	color:#fff;
	z-index:2
}
.section01 .banner .swiper-slide .text h3 {
	opacity:0
}
.section01 .banner .swiper-slide .text .xian {
	width:480px;
	max-width:100%;
	margin-top:10px;
	position:relative;
	z-index:1;
	opacity:0;
	transform:translateX(-100px)
}
.section01 .banner .swiper-slide .text .xian img {
	width:100%
}
.section01 .banner .swiper-slide .text h2 {
	position:relative;
	margin-top:-20px;
	z-index:2;
	opacity:0;
	transform:translateX(100px)
}
.section01 .banner .swiper-slide-active > img {
	transform:scale(1, 1)
}
.section01 .banner .swiper-slide-active .text h3 {
	opacity:1
}
.section01 .banner .swiper-slide-active .text .xian {
	opacity:1;
	transform:translateX(0);
	transition:all 1s ease 0.5s;
	-webkit-transition:all 1s ease 0.5s;
	-moz-transition:all 1s ease 0.5s;
	-ms-transition:all 1s ease 0.5s
}
.section01 .banner .swiper-slide-active .text h2 {
	opacity:1;
	transform:translateX(0);
	transition:all 1s ease 0.5s;
	-webkit-transition:all 1s ease 0.5s;
	-moz-transition:all 1s ease 0.5s;
	-ms-transition:all 1s ease 0.5s
}
.section01 .banner .swiper-btns {
	position:absolute;
	width:120px;
	right:12.5%;
	bottom:8%;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.section01 .banner .swiper-btns .left .swiper-pagination {
	position:relative;
	bottom:0;
	color:#fff
}
.section01 .banner .swiper-btns .right {
	display:flex;
	justify-content:center;
	align-items:center
}
.section01 .banner .swiper-btns .right .swiper-button-prev {
	width:16px;
	height:24px;
	position:relative;
	left:0;
	top:0;
	margin-top:0;
	background:none;
	margin-right:20px
}
.section01 .banner .swiper-btns .right .swiper-button-prev:before {
	display:none
}
.section01 .banner .swiper-btns .right .swiper-button-prev:after {
	content:'\e8f4';
	font-family:iconfont;
	font-size:20px;
	color:#fff;
	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%)
}
.section01 .banner .swiper-btns .right .swiper-button-next {
	width:16px;
	height:24px;
	position:relative;
	right:0;
	top:0;
	margin-top:0;
	background:none
}
.section01 .banner .swiper-btns .right .swiper-button-next:before {
	display:none
}
.section01 .banner .swiper-btns .right .swiper-button-next:after {
	content:'\e8f5';
	font-family:iconfont;
	font-size:20px;
	color:#fff;
	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%)
}
.section01 .banner .mouse {
	width:21px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	bottom:0;
	z-index:3
}
.section01 .banner .mouse .dian {
	width:21px;
	height:34px;
	border-radius:11px;
	border:1px solid #fff;
	position:relative
}
.section01 .banner .mouse .dian:after {
	content:'';
	width:3px;
	height:7px;
	border-radius:2px;
	background:#fff;
	position:absolute;
	left:50%;
	top:6px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%)
}
.section01 .banner .mouse .xian {
	width:1px;
	height:80px;
	background:rgba(255, 255, 255, 0.5);
	margin:20px auto 0;
	position:relative
}
.section01 .banner .mouse .xian .dot {
	position:absolute;
	width:1px;
	height:30%;
	background:#fff;
	left:0;
	top:0;
	animation:grow 2s infinite
}
.section02 .tu {
	height:100vh
}
.section02 .tu img {
	width:100%;
	height:100%;
	object-fit:cover
}
.section02 .content {
	position:absolute;
	width:100%;
	left:0;
	top:15%;
	z-index:2
}
.section02 .content .con {
	display:flex;
	justify-content:space-between
}
.section02 .content .con .left {
	width:50%
}
.section02 .content .con .left h3 {
	color:#262e34;
	margin-top:10px;
	opacity:0;
	transform:translateX(100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section02 .content .con .left .mores {
	opacity:0;
	transform:translateX(-100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section02 .content .con .right {
	width:50%
}
.section02 .content .con .right ul {
	display:flex;
	justify-content:space-between
}
.section02 .content .con .right ul li {
	width:32%;
	position:relative;
	padding-bottom:24px
}
.section02 .content .con .right ul li:after {
	content:'';
	width:100%;
	height:16px;
	background:url(../images/line.png) no-repeat;
	background-size:contain;
	position:absolute;
	left:0;
	bottom:0
}
.section02 .content .con .right ul li .txt {
	display:flex
}
.section02 .content .con .right ul li .txt h2 {
	font-size:80px;
	color:var(--color);
	letter-spacing:-4px;
	line-height:1.2
}
.section02 .content .con .right ul li .txt span {
	color:var(--color);
	letter-spacing:-2px
}
.section02 .content .con .right ul li p {
	margin-top:-4px
}
.section02 .content .con .right .text {
	margin-top:50px;
	opacity:0;
	transform:translateY(50px);
	transition:all 1s ease 0.4s;
	-webkit-transition:all 1s ease 0.4s;
	-moz-transition:all 1s ease 0.4s;
	-ms-transition:all 1s ease 0.4s
}
.section02.active .content .con .left h3 {
	opacity:1;
	transform:translateX(0)
}
.section02.active .content .con .left .mores {
	opacity:1;
	transform:translateX(0)
}
.section02.active .content .con .right .text {
	opacity:1;
	transform:translateY(0)
}
.section03 .tu {
	height:100vh
}
.section03 .tu img {
	width:100%;
	height:100%;
	object-fit:cover
}
.section03 .content {
	position:absolute;
	width:100%;
	left:0;
	top:48%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	z-index:2
}
.section03 .content .con {
	display:flex;
	justify-content:space-between;
	padding:0 10%;
	position:relative
}
.section03 .content .con .left {
	width:60%;
	color:#fff;
	margin-bottom:150px
}
.section03 .content .con .left h3 {
	margin-top:10px;
	opacity:0;
	transform:translateX(100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section03 .content .con .left p {
	width:66%;
	margin-top:20px;
	opacity:0;
	transform:translateY(50px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section03 .content .con .left .mores {
	opacity:0;
	transform:translateX(-100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section03 .content .con .right {
	width:40%;
	position:absolute;
	right:10%;
	top:60%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%)
}
.section03 .content .con .right .swiper-container {
	overflow:inherit
}
.section03 .content .con .right .swiper-slide {
	display:flex;
	justify-content:space-between
}
.section03 .content .con .right .swiper-slide .text {
	width:64%;
	background:#fff;
	height:500px;
	padding:80px 50px;
	position:relative;
	z-index:2
}
.section03 .content .con .right .swiper-slide .text:before {
	content:'';
	width:86%;
	height:145px;
	background:url(../images/e1bc317d-012f-46a2-8eb2-5faa6c90b642.jpg) no-repeat;
	background-size:contain;
	position:absolute;
	right:0;
	bottom:0
}
.section03 .content .con .right .swiper-slide .text a {
	position:relative
}
.section03 .content .con .right .swiper-slide .text a .sign {
	color:var(--color)
}
.section03 .content .con .right .swiper-slide .text a h2 {
	color:#333;
	margin-top:10px;
	white-space:nowrap;
	font-size:2.1vw;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section03 .content .con .right .swiper-slide .text a p {
	color:#666;
	text-align:justify;
	margin-top:20px;
	-webkit-line-clamp:4;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1.5;
	max-height:6em;
	line-height:1.6;
	max-height:6.4em
}
.section03 .content .con .right .swiper-slide .text a .view {
	width:52px;
	height:52px;
	border-radius:50%;
	border:1px solid var(--color);
	margin-top:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	color:var(--color);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section03 .content .con .right .swiper-slide .text a:hover h2 {
	color:var(--color)
}
.section03 .content .con .right .swiper-slide .text a:hover .view {
	background:var(--color);
	color:#fff
}
.section03 .content .con .right .swiper-slide .video {
	width:36%;
	height:226px;
	cursor:pointer;
	position:relative;
	z-index:1;
	left:-100%
}
.section03 .content .con .right .swiper-slide .video img {
	width:100%;
	height:100%;
	object-fit:cover
}
.section03 .content .con .right .swiper-slide .video .v-btns {
	width:76px;
	height:76px;
	border-radius:50%;
	background:rgba(3, 86, 121, 0.4);
	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%);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section03 .content .con .right .swiper-slide .video .v-btns span {
	font-size:30px
}
.section03 .content .con .right .swiper-slide .video:hover .v-btns {
	background:var(--color)
}
.section03 .content .con .right .swiper-slide-active .video {
	left:0;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s
}
.section03 .content .con .right .swiper-slide a {
	text-align:center;
	width:100%;
	display:block
}
.section03 .content .con .right .swiper-slide a .pic {
	height:400px;
	display:flex;
	align-items:center;
	justify-content:center
}
.section03 .content .con .right .swiper-slide a .pic 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
}
.section03 .content .con .right .swiper-slide a h2 {
	color:#fff;
	margin-top:20px;
	display:none
}
.section03 .content .con .right .swiper-slide a:hover .pic img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05)
}
.section03 .bottom {
	position:absolute;
	width:100%;
	left:0;
	bottom:-40px;
	z-index:3
}
.section03 .bottom img {
	width:100%
}
.section03 .bottom ul {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:flex
}
.section03 .bottom ul li {
	width:25%;
	text-align:center;
	cursor:pointer;
	position:relative;
	top:2px
}
.section03 .bottom ul li .yuan {
	width:9px;
	height:9px;
	border-radius:50%;
	background:#fff;
	margin:0 auto;
	position:relative
}
.section03 .bottom ul li .yuan:before {
	content:'';
	width:9px;
	height:9px;
	border-radius:50%;
	border:1px solid #fff;
	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%);
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section03 .bottom ul li h2 {
	color:#fff;
	opacity:0.8;
	margin-top:18px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section03 .bottom ul li:nth-child(1) {
top:21%
}
.section03 .bottom ul li:nth-child(4) {
top:21%
}
.section03 .bottom ul li:nth-child(n+5) {
display:none
}
.section03 .bottom ul li.active .yuan:before {
	width:58px;
	height:58px;
	opacity:1
}
.section03 .bottom ul li.active h2 {
	font-size:24px;
	margin-top:38px;
	opacity:1
}
.section03.active .content .con .left h3 {
	opacity:1;
	transform:translateX(0)
}
.section03.active .content .con .left p {
	opacity:1;
	transform:translateY(0)
}
.section03.active .content .con .left .mores {
	opacity:1;
	transform:translateX(0)
}
.section04 {
	background:url(../images/homebg.jpg) no-repeat;
	background-size:cover
}
.section04 .content .title {
	padding:0 12.5%;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.section04 .content .title h2 {
	opacity:0;
	transform:translateX(100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section04 .content .title .mores {
	margin-top:0;
	opacity:0;
	transform:translateX(-100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section04 .content .bottom {
	padding:0 12.5%;
	justify-content:space-between;
	align-items:center
}
.section04 .content .bottom .ctn-list {
	border-top:1px solid rgba(0, 0, 0, 0.1);
	position:relative
}
.section04 .content .bottom .ctn-list:after {
	content:'';
	width:0;
	height:2px;
	background:var(--color);
	position:absolute;
	left:0;
	top:-1px;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s
}
.section04 .content .bottom .ctn-list .swiper-container {
	overflow:inherit
}
.section04 .content .bottom .ctn-list .swiper-slide {
	width:840px
}
.section04 .content .bottom .ctn-list .swiper-slide h3 {
	color:#999;
	margin-top:10px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section04 .content .bottom .ctn-list .swiper-slide .box {
	position:relative;
	height:350px;
	margin-top:30px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .tu {
	width:498px;
	height:350px!important;
	position:relative;
	z-index:2;
	overflow:hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section04 .content .bottom .ctn-list .swiper-slide .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
}
.section04 .content .bottom .ctn-list .swiper-slide .box .tu:hover img {
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05)
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text {
	position:absolute;
	width:300px;
	right:0;
	top:60px;
	z-index:1;
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h4 {
	width:80px;
	height:25px;
	line-height:26px;
	text-align:center;
	color:#fff;
	position:relative
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h4:before {
	content:'';
	width:100%;
	height:100%;
	background:var(--color);
	position:absolute;
	left:0;
	top:0;
	transform:skewX(-10deg);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	z-index:-1
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h2 {
	margin:30px 0 24px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h2 a {
	color:#2d3641;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h2 a:hover {
	color:var(--color)
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text p {
	color:#666;
	text-align:justify;
	-webkit-line-clamp:4;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:1.5;
	max-height:6em;
	line-height:1.6;
	height:6.4em
}
.section04 .content .bottom .ctn-list .swiper-slide.next2 {
	left:-330px
}
.section04 .content .bottom .ctn-list .swiper-slide-next .box .tu {
	height:350px
}
.section04 .content .bottom .ctn-list .swiper-slide-active h3 {
	color:var(--color)
}
.section04 .content .bottom .ctn-list .swiper-slide-active .box .tu {
	height:590px
}
.section04 .content .bottom .ctn-list .swiper-slide-active .box .text {
	opacity:1
}
.section04 .content .bottom .ctn-list .next-btn {
	position:absolute;
	width:116px;
	left:473px;
	bottom:10px;
	z-index:4;
	cursor:pointer
}
.section04 .content .bottom .ctn-list .next-btn img {
	width:100%
}
.section04.active .content .title h2 {
	opacity:1;
	transform:translateX(0)
}
.section04.active .content .title .mores {
	opacity:1;
	transform:translateX(0)
}
.section04.active .content .bottom .ctn-list:after {
	width:498px
}
.section05 .tu {
	height:100vh
}
.section05 .tu img {
	width:100%;
	height:100%;
	object-fit:cover
}
.section05 .text {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	color:#fff;
	z-index:2
}
.section05 .text h3 {
	margin-top:10px;
	opacity:0;
	transform:translateX(100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section05 .text p {
	width:660px;
	max-width:100%;
	margin-top:20px;
	opacity:0;
	transform:translateY(50px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section05 .text .mores {
	opacity:0;
	transform:translateX(-100px);
	transition:all 1s ease 0.2s;
	-webkit-transition:all 1s ease 0.2s;
	-moz-transition:all 1s ease 0.2s;
	-ms-transition:all 1s ease 0.2s
}
.section05.active .text h3 {
	opacity:1;
	transform:translateX(0)
}
.section05.active .text p {
	opacity:1;
	transform:translateY(0)
}
.section05.active .text .mores {
	opacity:1;
	transform:translateX(0)
}
@media screen and (max-width: 1600px) {
.mores {
margin-top:2.5vw
}
.section01 .banner .swiper-slide .text .xian {
width:26vw
}
.section01 .banner .swiper-slide .text h2 {
margin-top:-14px
}
.section01 .banner .mouse .xian {
height:70px
}
.section02 .content .con .right ul li .txt h2 {
font-size:4vw
}
.section02 .content .con .right .text {
margin-top:2.5vw
}
.section03 .content .con {
padding:0 5% 0 10%
}
.section03 .content .con .left {
margin-bottom:7.5vw
}
.section03 .content .con .right .swiper-slide a .pic {
height:380px
}
.section03 .content .con .right .swiper-slide .text {
padding:4vw 2.5vw;
height:450px
}
.section03 .content .con .right .swiper-slide .text:before {
height:126px
}
.section03 .content .con .right .swiper-slide .text a .view {
margin-top:2vw
}
.section03 .content .con .right .swiper-slide .video {
height:200px
}
.section03 .content .con .right .swiper-slide .video .v-btns {
width:56px;
height:56px
}
.section03 .content .con .right .swiper-slide .video .v-btns span {
font-size:24px
}
.section03 .bottom ul li.active .yuan:before {
width:48px;
height:48px
}
.section03 .bottom ul li.active h2 {
font-size:20px;
margin-top:30px
}
.section04 .content .title {
padding:0 10%
}
.section04 .content .bottom {
margin-top:4vw;
padding-left:10%
}
.section04 .content .bottom .ctn-list .swiper-slide {
width:750px
}
.section04 .content .bottom .ctn-list .swiper-slide .box {
height:320px;
margin-top:1.5vw
}
.section04 .content .bottom .ctn-list .swiper-slide .box .tu {
width:430px;
height:320px!important
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text {
width:280px;
top:3vw
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h2 {
margin:1.5vw 0 1.2vw
}
.section04 .content .bottom .ctn-list .swiper-slide-next .box .tu {
height:300px
}
.section04 .content .bottom .ctn-list .swiper-slide-active .box .tu {
height:500px
}
.section04 .content .bottom .ctn-list .next-btn {
left:404px;
width:100px
}
}
@media screen and (max-width: 1440px) {
.mores a {
width:150px;
height:44px
}
.mores a img {
width:14px;
top:-1px
}
.section02 .content .con .right ul li .txt h2 {
letter-spacing:-2px
}
.section03 .content .con .right .swiper-slide .text {
height:420px
}
.section03 .content .con .right .swiper-slide .text:before {
height:110px
}
.section03 .content .con .right .swiper-slide .video {
height:180px
}
.section04 .content .bottom .ctn-list .swiper-slide {
width:700px
}
.section04 .content .bottom .ctn-list .swiper-slide .box {
height:300px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .tu {
width:400px;
height:300px!important
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text {
width:260px
}
.section04 .content .bottom .ctn-list .swiper-slide.next2 {
left:-300px
}
.section04 .content .bottom .ctn-list .swiper-slide-next .box .tu {
height:280px
}
.section04 .content .bottom .ctn-list .swiper-slide-active .box .tu {
height:450px
}
.section04 .content .bottom .ctn-list .next-btn {
left:380px
}
}
@media screen and (max-width: 1200px) {
.section03 .content .con {
padding:0 5%
}
.section03 .content .con .right .swiper-slide .text {
height:380px
}
.section03 .content .con .right .swiper-slide .text:before {
height:100px
}
.section03 .content .con .right .swiper-slide .text a .view {
width:44px;
height:44px;
font-size:24px
}
.section03 .content .con .right .swiper-slide .video {
height:160px
}
.section03 .bottom {
bottom:-10px
}
.section03 .bottom ul li .yuan {
top:-2px
}
.section03 .bottom ul li:nth-child(1) .yuan {
top:-1px
}
.section03 .bottom ul li:nth-child(4) .yuan {
top:-1px
}
.section04 .content .title {
padding:0 5%
}
.section04 .content .bottom {
padding-left:5%
}
}
@media screen and (max-width: 1024px) {
#newsCarousel .owl-stage-outer .owl-stage .owl-item .item .box .tu {
    height: 330px;
    overflow: hidden;
}
.section01 {
margin-top:78px
}
.section01 .banner .swiper-slide {
height:calc(100vh - 78px)
}
.section01 .banner .mouse {
width:18px
}
.section01 .banner .mouse .dian {
width:18px;
height:28px
}
.section01 .banner .mouse .dian:after {
width:2px;
height:5px
}
.section01 .banner .mouse .xian {
height:40px;
margin:10px auto 0
}
.section02 .tu {
height:auto
}
.section02 .content {
top:50px
}
.section03 .tu {
height:auto
}
.section03 .content {
top:50px;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0)
}
.section03 .content .con .right .swiper-slide .text {
height:350px
}
.section03 .content .con .right .swiper-slide .text:before {
height:90px
}
.section03 .content .con .right .swiper-slide .video {
height:140px
}
.section03 .content .con .right .swiper-slide .video .v-btns {
width:50px;
height:50px
}
.section03 .content .con .right .swiper-slide .video .v-btns span {
font-size:18px
}
.section03 .bottom ul li.active .yuan:before {
width:40px;
height:40px
}
.section03 .bottom ul li.active h2 {
font-size:18px;
margin-top:20px
}
.section04 {
padding:50px 0
}
.section05 .tu {
height:auto
}
}
@media screen and (max-width: 768px) {
.mores {
margin-top:20px
}
.section01 {
margin-top:60px
}
.section01 .banner .swiper-slide {
height:auto
}
.section01 .banner .swiper-slide .text {
width:90%;
left:5%;
top:40%
}
.section01 .banner .swiper-slide .text h3 {
font-size:16px
}
.section01 .banner .swiper-slide .text .xian {
width:50%
}
.section01 .banner .swiper-slide .text h2 {
font-size:24px
}
.section01 .banner .mouse {
display:none
}
.section01 .banner .swiper-btns {
width:100%;
right:0;
justify-content:center
}
.section01 .banner .swiper-btns .left {
margin-right:20px
}
.section02 {
padding:40px 0
}
.section02 .content {
position:relative;
top:0
}
.section02 .content .con {
display:block
}
.section02 .content .con .left {
width:100%
}
.section02 .content .con .right {
width:100%;
margin-top:10px
}
.section02 .content .con .right ul {
flex-wrap:wrap
}
.section02 .content .con .right ul li {
width:48%;
margin-top:20px;
padding-bottom:20px
}
.section02 .content .con .right ul li .txt h2 {
font-size:24px;
letter-spacing:0
}
.section02 .content .con .right ul li .txt span {
font-size:16px
}
.section02 .content .con .right .text {
margin-top:20px
}
.section02 .tu {
padding:0 5%;
margin-top:20px
}
.section03 {
padding-bottom:40px
}
.section03 .content {
position:relative;
top:0
}
.section03 .content .con {
display:block
}
.section03 .content .con .left {
width:100%;
color:#333;
margin-bottom:0
}
.section03 .content .con .left p {
width:100%
}
.section03 .content .con .right {
width:100%;
margin-top:30px;
position:relative;
right:0;
top:0;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
display:none
}
.section03 .content .con .right .swiper-container {
padding-bottom:40px
}
.section03 .content .con .right .swiper-slide {
flex-wrap:wrap
}
.section03 .content .con .right .swiper-slide .text {
width:100%;
order:2;
height:auto;
padding:20px 0 0
}
.section03 .content .con .right .swiper-slide .text:before {
display:none
}
.section03 .content .con .right .swiper-slide .text a h2 {
font-size:18px
}
.section03 .content .con .right .swiper-slide .text a p {
margin-top:10px
}
.section03 .content .con .right .swiper-slide .text a .view {
margin-top:20px;
background:var(--color);
color:#fff
}
.section03 .content .con .right .swiper-slide .video {
width:100%;
height:200px;
left:0;
display:none
}
.section03 .content .con .right .swiper-pagination {
bottom:0
}
.section03 .content .con .right .swiper-pagination .swiper-pagination-bullet {
width:6px;
height:6px;
margin:0 3px
}
.section03 .content .con .right .swiper-pagination .swiper-pagination-bullet-active {
background:var(--color);
opacity:1
}
.section03 .bottom {
display:none
}
.section03 .tu {
display:none
}
.section03 .content .con .right .swiper-container {
overflow:hidden
}
.section03 .content .con .right .swiper-slide a .pic {
height:300px
}
.section03 .content .con .right .swiper-slide a h2 {
color:#333;
margin-top:20px
}
.section04 {
padding:40px 0
}
.section04 .content .bottom {
margin-top:20px;
padding:0 5%
}
.section04 .content .bottom .ctn-list .swiper-container {
overflow:hidden;
padding-bottom:40px
}
.section04 .content .bottom .ctn-list .swiper-slide .box {
height:auto;
margin-top:14px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .tu {
width:100%!important;
height:200px!important
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text {
width:100%;
position:relative;
top:0;
margin-top:20px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h4 {
left:6px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text h2 {
margin:14px 0 10px
}
.section04 .content .bottom .ctn-list .swiper-slide .box .text p {
display:none
}
.section04 .content .bottom .ctn-list .swiper-pagination {
bottom:0
}
.section04 .content .bottom .ctn-list .swiper-pagination .swiper-pagination-bullet {
width:6px;
height:6px;
margin:0 3px
}
.section04 .content .bottom .ctn-list .swiper-pagination .swiper-pagination-bullet-active {
background:var(--color);
opacity:1
}
.section04.active .content .bottom .ctn-list:after {
width:60%
}
.section04 .content .bottom .ctn-list .next-btn {
display:none
}
.section05 {
padding:40px 0
}
.section05 .text {
color:#333;
position:relative;
top:0;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0)
}
.section05 .text p {
margin-top:10px
}
.section05 .tu {
padding:0 5%;
margin-top:20px
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
}