* {
	outline: 0 none !important
}

html {
	font-size: 100px
}

html.act {
	overflow: hidden;
	width: 100%;
	height: 100vh
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

* {
	margin: 0;
	padding: 0;
	outline: none
}

@font-face {
	font-family: 'ab';
	src: url("../font/light1.0.ttf")
}

@font-face {
	font-family: 'ar';
	src: url("../font/regular1.0.ttf")
}

@font-face {
	font-family: 'al';
	src: url("../font/light1.0.ttf")
}

body {
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin: 0 auto;
	overflow-x: hidden;
	position: relative;
	padding: 0;
	width: 100%;
	color: #000;
	font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
	font-size: 14px;
	background: #fff
}

html.act {
	overflow: hidden;
	width: 100%;
	height: 100vh
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

a {
	display: inline-block;
	text-decoration: none !important;
	color: #000
}

textarea,
select {
	outline: none;
	color: #666;
	font-size: 14px;
	width: 100%
}

textarea {
	resize: none;
	padding: 0;
	border: 0;
	font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

img {
	border: none;
	max-width: 100%;
	display: block
}

img[src=""] {
	opacity: 0
}

i {
	font-style: normal
}

*::-webkit-scrollbar {
	width: 1px;
	height: 1px
}

*::-webkit-scrollbar-thumb {
	background: #000
}

*::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.4)
}

body::-webkit-scrollbar {
	width: 4px;
	height: 1px;
	display: none
}

body::-webkit-scrollbar-thumb {
	background: #000
}

body::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.4)
}

input {
	padding: 0;
	border: 0;
	font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	outline: none
}

input[type="submit"] {
	background-color: transparent;
	cursor: pointer
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

select::-ms-expand {
	display: none
}

.swiper-pagination-progressbar {
	background-color: rgba(96, 96, 96, 0.25) !important
}

.f_12 {
	font-size: 12px
}

.f_14 {
	font-size: 14px
}

.f_16 {
	font-size: 16px
}

.f_18 {
	font-size: 18px
}

.f_20 {
	font-size: 20px
}

.f_22 {
	font-size: 22px
}

.f_24 {
	font-size: 24px
}

.f_26 {
	font-size: 26px
}

.f_28 {
	font-size: 28px
}

.f_30 {
	font-size: 30px
}

.f_32 {
	font-size: 32px
}

.f_34 {
	font-size: 34px
}

.f_36 {
	font-size: 36px
}

.f_40 {
	font-size: 40px
}

.f_42 {
	font-size: 42px
}

.f_44 {
	font-size: 44px
}

.f_46 {
	font-size: 46px
}

.f_48 {
	font-size: 46px
}

.f_50 {
	font-size: 50px
}

.f_52 {
	font-size: 52px
}

.f_54 {
	font-size: 54px
}

.f_56 {
	font-size: 56px
}

.f_60 {
	font-size: 60px
}

.f_64 {
	font-size: 60px
}

.f_68 {
	font-size: 68px
}

.f_72 {
	font-size: 72px
}

.f_74 {
	font-size: 74px
}

.f_80 {
	font-size: 80px
}

.f_88 {
	font-size: 88px
}

.f_133 {
	font-size: 133px
}

@media (max-width:1760px) {
	.f_133 {
		font-size: 110px
	}
}

@media (max-width:1680px) {
	.f_16 {
		font-size: 15px
	}

	.f_18 {
		font-size: 15px
	}

	.f_20 {
		font-size: 17px
	}

	.f_22 {
		font-size: 20px
	}

	.f_24 {
		font-size: 20px
	}

	.f_26 {
		font-size: 24px
	}

	.f_28 {
		font-size: 26px
	}

	.f_30 {
		font-size: 28px
	}

	.f_32 {
		font-size: 28px
	}

	.f_34 {
		font-size: 32px
	}

	.f_36 {
		font-size: 34px
	}

	.f_40 {
		font-size: 34px
	}

	.f_42,
	.f_44 {
		font-size: 36px
	}

	.f_46 {
		font-size: 36px
	}

	.f_48 {
		font-size: 36px
	}

	.f_50 {
		font-size: 40px
	}

	.f_52 {
		font-size: 40px
	}

	.f_54 {
		font-size: 46px
	}

	.f_56 {
		font-size: 48px
	}

	.f_60,
	.f_64,
	.f_68,
	.f_72,
	.f_74,
	.f_80 {
		font-size: 54px
	}

	.f_88 {
		font-size: 56px
	}

	.f_133 {
		font-size: 72px
	}
}

@media (max-width:1560px) {
	.f_14 {
		font-size: 13px
	}
}

@media (max-width:1440px) {
	.f_16 {
		font-size: 14px
	}

	.f_18 {
		font-size: 14px
	}

	.f_20 {
		font-size: 16px
	}

	.f_22 {
		font-size: 18px
	}

	.f_24 {
		font-size: 18px
	}

	.f_26 {
		font-size: 22px
	}

	.f_28 {
		font-size: 22px
	}

	.f_30 {
		font-size: 24px
	}

	.f_32 {
		font-size: 24px
	}

	.f_34 {
		font-size: 26px
	}

	.f_36 {
		font-size: 28px
	}

	.f_40 {
		font-size: 30px
	}

	.f_42,
	.f_44 {
		font-size: 32px
	}

	.f_46 {
		font-size: 32px
	}

	.f_48 {
		font-size: 34px
	}

	.f_50 {
		font-size: 36px
	}

	.f_52 {
		font-size: 34px
	}

	.f_54 {
		font-size: 38px
	}

	.f_56 {
		font-size: 40px
	}

	.f_60,
	.f_64,
	.f_68,
	.f_72,
	.f_74,
	.f_80 {
		font-size: 44px
	}

	.f_88 {
		font-size: 46px
	}

	.f_133 {
		font-size: 60px
	}

	.langs-en {
		font-size: 14px !important
	}
}

@media (max-width:1280px) {
	.f_14 {
		font-size: 12px
	}

	.f_16 {
		font-size: 13px
	}

	.f_18 {
		font-size: 13px
	}

	.f_20 {
		font-size: 15px
	}

	.f_22 {
		font-size: 16px
	}

	.f_24 {
		font-size: 16px
	}

	.f_26 {
		font-size: 20px
	}

	.f_28 {
		font-size: 20px
	}

	.f_30 {
		font-size: 20px
	}

	.f_32 {
		font-size: 22px
	}

	.f_34 {
		font-size: 23px
	}

	.f_36 {
		font-size: 25px
	}

	.f_40 {
		font-size: 30px
	}

	.f_42,
	.f_44 {
		font-size: 32px
	}

	.f_46 {
		font-size: 30px
	}

	.f_48,
	.f_50 {
		font-size: 38px
	}

	.f_52 {
		font-size: 32px
	}

	.f_54,
	.f_56,
	.f_60,
	.f_64,
	.f_68,
	.f_72,
	.f_74,
	.f_80 {
		font-size: 40px
	}

	.f_88 {
		font-size: 42px
	}

	.f_133 {
		font-size: 56px
	}

	.langs-en {
		font-size: 13px !important
	}
}

@media (max-width:1024px) {
	.langs-en {
		font-size: 0.28rem !important;
		padding: 0 !important
	}

	.langs-gl {
		padding: 0 !important
	}

	.header_m .m_means .mean1 .la_boxs .langs-li .langs-en>a {
		padding: 0 !important
	}
}

@media (max-width:767px) {

	.f_14,
	.f_16 {
		font-size: 0.28rem
	}

	.f_18,
	.f_20 {
		font-size: 0.3rem
	}

	.f_22,
	.f_24,
	.f_26,
	.f_27 {
		font-size: 0.32rem
	}

	.f_28 {
		font-size: 0.36rem
	}

	.f_30,
	.f_32,
	.f_34 {
		font-size: 0.4rem
	}

	.f_36,
	.f_40,
	.f_42,
	.f_44,
	.f_46 {
		font-size:24px
	}

	.f_48,
	.f_50,
	.f_52,
	.f_54,
	.f_56,
	.f_60,
	.f_64,
	.f_68,
	.f_72,
	.f_74,
	.f_80 {
		font-size: 24px;
		font-weight: bold;
	}

	.f_88 {
		font-size: 0.6rem
	}

	.f_133 {
		font-size: 52px
	}
}

html {
	font-size: calc(100vw/19.2)
}

@media (min-width:1901px) {
	html {
		font-size: 100px
	}
}

@media (min-width:2000px) {
	html {
		font-size: calc(100vw/19.2)
	}
}

@media (max-width:767px) {
	html {
		font-size: calc(100vw/7.5)
	}
}

.container{
    max-width: 1360px;
    margin: 0 auto;
}
@media screen and (max-width: 1024px){
    .container{
        max-width: 95%;
        
    }
}

.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.5s ease !important;
	z-index: 998
}

.header.scrolled-down{
    position: fixed;
}

.header.hid_in {
	opacity: 0
}

.header.show_in {
	opacity: 1
}

.header .img2 {
	display: none
}

.header .img2.hid {
	opacity: 0 !important
}

.header .img2.showx {
	opacity: 1 !important
}

.header .top {
	display: flex;
	justify-content: flex-end;
	background-color: #F8F8F8;
	flex-wrap: wrap
}

.header .top .zq_xl {
	padding: 0.4rem 1.3rem 0.1rem 1.3rem;
	width: 100%;
	display: none;
	position: relative;
	z-index: 2;
	background-color: #f7f7f7
}

.header .top .zq_xl .con {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.header .top .zq_xl .con .nav-websites {
	width: 25%;
	margin-bottom: 0.3rem
}

.header .top .zq_xl .con .nav-websites a {
	display: flex;
	width: 100%;
	align-items: center
}

.header .top .zq_xl .con .nav-websites a:hover {
	color: #00a098
}

.header .top .zq_xl .con .nav-websites a img {
	margin-right: 0.1rem;
	width: 20px
}

.header .top .zq_xl .con .nav-websites a .gl02 {
	display: none
}

.header .top .zq_xl .con .nav-websites a:hover .gl01 {
	display: none
}

.header .top .zq_xl .con .nav-websites a:hover .gl02 {
	display: block
}

.header .top .zq_xl .con .nav-websites a .iconfont {
	width: 23px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.08rem;
	opacity: 0
}

.header .top .zq_xl .con .nav-websites a .iconfont:before {
	display: none
}

.header .top .zq_xl .con .nav-websites a:hover .iconfont {
	opacity: 1
}

.header .top .zq_xl .con .nav-websites a .iconfont img {
	width: 14px
}

.header .top .la_xl {
	padding: 0.4rem 1.3rem 0.1rem 1.3rem;
	width: 100%;
	display: none;
	position: relative;
	z-index: 2;
	background-color: #f7f7f7
}

.header .top .la_xl .ygw1442 {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important
}

.header .top .la_xl .langs-en {}

.header .top .la_xl .langs-en span {
	display: inline-block
}

.header .top .la_xl .langs-wd33 {
	display: flex;
	justify-content: space-between
}

.header .top .la_xl .langs-wd33 .langs-gl {
	margin-bottom: 0.2rem
}

.header .top .la_xl .langs-wd33 a {
	display: flex;
	width: 100%;
	margin-bottom: 0.2rem;
	align-items: center;
	color: #333
}

.header .top .la_xl .langs-wd33 a:hover span {
	color: #00a098
}

.header .top .la_xl .langs-wd33 a img {
	width: 20px;
	margin-right: 5px
}

.header .top .t_left {
	display: flex;
	align-items: center;
	padding-right: 1.3rem
}

.zq {
	position: relative;
	margin-left: 13px;
	padding: 0.1rem 0;
	cursor: pointer
}

.zq .h {
	display: flex;
	align-items: center;
	color: #333
}

.zq .h>img {
	width: 0.09rem;
	margin-left: 0.08rem;
	transition: all 0.5s
}

.zq.on .h>img {
	transform: rotate(180deg)
}

.header .top .t_left .lag {
	position: relative;
	padding: 0.1rem 0;
	cursor: pointer
}

.header .top .t_left .lag .h {
	display: flex;
	align-items: center;
	color: #333
}

.header .top .t_left .lag .h img {
	width: 0.09rem;
	margin-left: 0.08rem;
	transition: all 0.5s
}

.header .top .t_left .lag .h.on img {
	transform: rotate(180deg)
}

.header .top .t_right {
	display: flex;
	align-items: center
}

.header .top .t_right ul {
	display: flex;
	margin-right: 0.225rem
}

.header .top .t_right ul li {
	margin-right: 0.58rem
}

.header .top .t_right ul li:last-child {
	margin-right: 0
}

.header .top .t_right ul li a {
	line-height: 1.3;
	color: #333333;
	transition: all 0.5s
}

.header .top .t_right ul li a:hover {
	color: #00a098
}

.header .top .t_right .solid {
	color: #D2D2D2;
	margin-right: 0.22rem
}

.header .top .t_right .login {
	display: flex;
	align-items: center;
	color: #333333
}

.header .top .t_right .login img {
	width: 0.142rem;
	margin-right: 0.07rem
}

.header .bottom {
	padding: 0.16rem 1.3rem;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}

.header .bottom .leftxx {
	display: flex;
	align-items: center
}

.header .bottom .leftxx .logo {
	display: block;
	width: 1.45rem;
	margin-right: 3.6rem
}

.header .bottom .leftxx .logo img {
	width: 100%
}

.header .bottom .leftxx .logo img.img2 {
	display: none
}

.header.on .bottom .leftxx .logo img.img1 {
	display: none
}

.header.on .bottom .leftxx .logo img.img2 {
	display: block
}

.header .bottom .leftxx .h_nav {
	display: flex;
	transition: all 0.5s
}

.header .bottom .leftxx .h_nav.nav-hide {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.header .bottom .leftxx .h_nav li {
	margin-right: 0.8rem
}

.header .bottom .leftxx .h_nav li:last-child {
	margin-right: 0
}

.header .bottom .leftxx .h_nav li a {
	color: #333333;
	transition: all 0.5s;
	display: block;
	line-height: 1.3
}

.header .bottom .leftxx .h_nav li a:hover {
	color: #00a098
}

.header .bottom form {
	display: flex;
	align-items: center
}

.header .bottom form .ser {
	display: block;
	width: 0.22rem;

	position: relative;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 13px;

}

/*.header .bottom form .ser::after {*/
/*	content: '';*/
/*	display: block;*/
/*	width: 1px;*/
/*	height: 100%;*/
/*	border: 1px solid #333;*/
/*	position: absolute;*/
/*	right: -13px;*/
/*	top: 0;*/
/*}*/

.header .bottom form .ser img {
	width: 100%;
}

.header .bottom form>a {
	display: block;
	width: 0.22rem;
	margin-left: 0.48rem;
	position: relative
}

.header .bottom form>a img {
	width: 100%
}

.header .bottom form>a img {
	width: 0.22rem
}

.header .bottom form#pcSearch {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
	background: #fff
}

.header .bottom form#pcSearch #search {
	display: flex;
	position: relative;
	align-items: center;
	position: relative
}

.header .bottom form#pcSearch #search .input {
	display: flex;
	align-items: center;
	margin-right: 16px;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-radius: 0.06rem;
	padding: 0 10px;
	padding: 0.11rem 0.12rem
}

.header .bottom form#pcSearch #search img {
	width: 0.2rem;
	pointer-events: none
}

.header .bottom form#pcSearch #search input {
	width: 320px;
	line-height: 1.3;
	margin-right: 6px
}

.header .bottom form#pcSearch #search .btn-close {
	width: 28px;
	height: 28px;
	color: #86807f;
	text-decoration: none;
	margin: 0 !important;
	background: url(../image/closes.png) no-repeat center;
	background-size: 18px;
	transition: all 0.5s
}

.header .bottom form#pcSearch #search .btn-close:hover {
	transform: rotate(180deg)
}

.header .bottom form#pcSearch #search ul {
	position: absolute;
	top: 105%;
	left: 0;
	width: 400px;
	padding: 20px;
	background-color: #fff;
	border-radius: 6px;
	line-height: 2;
	display: none
}

.header.on .bottom form#pcSearch #search ul {
	display: none !important
}

.header .bottom form#pcSearch #search ul .hsearch {
	font-weight: bolder;
	color: #9a9999
}

.header.trans {
	border-bottom-color: transparent;
	transition: all .5s
}

.header.trans1 {
	border-bottom: 1px solid #ECECEC;
	transition: all .5s
}

.header.trans .top {
	background-color: transparent
}

.header.trans1 .top {
	background-color: #F8F8F8
}

.header.trans .bottom {
	background-color: transparent
}

.header.trans1 .bottom {
	background-color: #ffffff
}

.header.trans .top .t_left {
	filter: brightness(100)
}

.header.trans1 .top .t_left {
	filter: brightness(0)
}

.header.trans .bottom .leftxx .h_nav li a {
	color: #fff
}

.header.trans1 .bottom .leftxx .h_nav li a {
	color: #333333
}

.header.trans .bottom .leftxx .h_nav li a:hover {
	color: #00a098
}

.header.trans .bottom form .ser {
	filter: brightness(100);
	transition: all .01s
}

.header.trans1 .bottom form .ser {
	filter: none;
	transition: all .01s
}

.header.trans .bottom form .user {
	filter: brightness(100);
	transition: all .01s
}

.header.trans1 .bottom form .user {
	filter: none;
	transition: all .01s
}

.header.trans .bottom .leftxx .logo {
	filter: brightness(100) grayscale(100);
	transition: all .01s
}

.header.trans1 .bottom .leftxx .logo {
	filter: none;
	transition: all .01s
}

.search-box {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	z-index: 99;
	position: absolute;
	right: 1.3rem;
	opacity: 1;
	pointer-events: all
}

.search-box.search-hide {
	-webkit-transform: scale(0.3);
	-ms-transform: scale(0.3);
	transform: scale(0.3);
	left: auto;
	opacity: 0;
	pointer-events: none
}

.search-box.search-hide {
	visibility: hidden
}

.header .pl_xl {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #ECECEC;
	background-color: #fff;
	display: none
}

.header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	--modal-scrim-blur: 0px;
	-webkit-backdrop-filter: blur(var(--modal-scrim-blur));
	backdrop-filter: blur(var(--modal-scrim-blur));
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
	z-index: -1
}

.header.show:before {
	--modal-scrim-blur: 4px;
	opacity: 1;
	transition: all 0.5s 0.5s
}

.header .pl_xl .con {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 2;
	background-color: #fff
}

.header .pl_xl .con .leftxx {
	width: 5rem;
	background-color: #F7F7F7;
	padding: 0.6rem 0 1rem 0
}

.header .pl_xl .con .leftxx .li {
	display: flex;
	align-items: center;
	color: #333333;
	transition: all 0.5s;
	position: relative;
	cursor: pointer;
	padding: 0.16rem 0.41rem 0.16rem 1.3rem
}

.header .pl_xl .con .leftxx .li .icon {
	filter: brightness(.1);
	opacity: .5;
	transition: all .4s
}

.header .pl_xl .con .leftxx .li .p {
	display: table;
	position: relative;
	line-height: 1.33;
	color: #606060
}

.header .pl_xl .con .leftxx .li .p:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0%;
	transition: all 0.5s;
	background-color: #000000
}

.header .pl_xl .con .leftxx .li.on .p {
	color: #00a098
}

.header .pl_xl .con .leftxx .li.on .icon {
	filter: none;
	opacity: 1
}

.header .pl_xl .con .leftxx .li .img1 {
	display: none
}

.header .pl_xl .con .leftxx .li .img2 {
	display: block
}

.header .pl_xl .con .leftxx .li img {
	width: 0.24rem;
	margin-right: 0.23rem
}

.header .pl_xl .con .leftxx .li .jt {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.18rem;
	opacity: 0;
	transition: all 0.5s
}

.header .pl_xl .con .leftxx .li.on .jt {
	opacity: 1
}

.header .pl_xl .con .leftxx .li:hover .jt {
	opacity: 1
}

.header .pl_xl .con .rightx {
	width: calc(100% - 5rem);
	padding: 0.66rem 1.3rem 0 1.42rem;
	background-color: rgba(247, 247, 247, 0.5)
}

.header .pl_xl .con .rightx .rightx1 {
	display: none
}

.header .pl_xl .con .rightx .rightx1.on {
	display: block
}

.header .pl_xl .con .rightx .r_top {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.75rem;
	width: 6rem;
	justify-content: space-between
}

.header .pl_xl .con .rightx .r_top .txt1 {
	margin-right: 1.95rem;
	margin-right: 0
}

.header .pl_xl .con .rightx .r_top .txt1 .h {
	color: #333333;
	line-height: 1.33;
	margin-bottom: 0.1rem;
	transition: all 0.5s
}

.header .pl_xl .con .rightx .r_top:hover .txt1 .h {
	color: #00a098
}

.header .pl_xl .con .rightx .r_top .txt1 .p {
	font-weight: 200;
	color: #606060;
	line-height: 1.3125
}

.header .pl_xl .con .rightx .r_top .btn {
	line-height: 0.46rem;
	text-align: center;
	color: #333333;
	display: block;
	height: 0.46rem;
	transform: translateY(-0.04rem)
}

.header .pl_xl .con .rightx .r_top .btn:after {
	background-color: #333333
}

.header .pl_xl .con .rightx .r_top .btn:hover {
	color: #fff
}

.header .pl_xl .con .rightx .r_bottom {
	display: flex;
	justify-content: space-between
}

.header .pl_xl .con .rightx .r_bottom>div {
	width: 3.42rem
}

.header .pl_xl .con .rightx .r_bottom>div.b_leftx {
	width: 7.4rem
}

.header .pl_xl .con .rightx .r_bottom>div.b_leftx .ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.header .pl_xl .con .rightx .r_bottom>div .h1 {
	color: #606060;
	line-height: 1.33;
	padding-bottom: 0.15rem;
	border-bottom: 1px solid rgba(96, 96, 96, 0.2);
	margin-bottom: 0.28rem
}

.header .pl_xl .con .rightx .r_bottom>div ul {
	margin-bottom: 0.22rem
}

.header .pl_xl .con .rightx .r_bottom>div.b_leftx .ul ul {
	width: 47%
}

.header .pl_xl .con .rightx .r_bottom>div li a {
	font-weight: 200;
	line-height: 2.5;
	color: #606060;
	position: relative
}

.header .pl_xl .con .rightx .r_bottom>div li a.hid {
	pointer-events: none
}

.header .pl_xl .con .rightx .r_bottom>div li.f_16 a::after {
	display: none
}

.header .pl_xl .con .rightx .r_bottom>div li a::after {
	content: "";
	position: absolute;
	left: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 1px solid #00a098;
	border-right: 1px solid #00a098;
	opacity: 0;
	transition: all .4s
}

.header .pl_xl .con .rightx .r_bottom>div li a.hid::after {
	display: none
}

.header .pl_xl .con .rightx .r_bottom>div li a:hover {
	color: #00a098
}

.header .pl_xl .con .rightx .r_bottom>div li a.hid:hover {
	color: #606060
}

.header .pl_xl .con .rightx .r_bottom>div li a:hover::after {
	opacity: 1
}

.header .pl_xl .con .rightx .r_bottom>div li.f_16 a {
	line-height: 1.3125;
	color: #333333;
	margin-bottom: 0.12rem;
	font-weight: 400
}

.header .pl_xl .con .rightx .r_bottom>div .pic {
	width: 100%;
	height: 1.8rem;
	overflow: hidden;
	display: block;
	margin-bottom: 0.76rem
}

.header .pl_xl .con .rightx .r_bottom>div .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.header .pl_xl .con .rightx .r_bottom>div .pic:hover img {
	transform: scale(1.05)
}

.header .pl_xl .con .rightx .r_bottom>div .ai {
	padding: 0.2rem 0.3rem 0.2rem 0.3rem;
	width: 100%;
	background-color: #EFEFEF;
	position: relative;
	cursor: pointer
}

.header .pl_xl .con .rightx .r_bottom>div .ai .ai1 {
	position: absolute;
	bottom: 0;
	right: 0.2rem;
	width: 0.87rem;
	transition: all 0.5s
}

.header .pl_xl .con .rightx .r_bottom>div .ai:hover .ai1 {
	right: 0.2rem;
	width: 0.92rem
}

.header .pl_xl .con .rightx .r_bottom>div .ai .h2 {
	color: #606060;
	font-weight: 200;
	line-height: 1.3125;
	margin-bottom: 0.11rem
}

.header .pl_xl .con .rightx .r_bottom>div .ai a {
	display: flex;
	align-items: center;
	color: #00a098;
	font-weight: 200
}

.header .pl_xl .con .rightx .r_bottom>div .ai a img {
	width: 0.05rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.header .pl_xl .con .rightx .r_bottom>div .ai a:hover img {
	margin-left: 0.06rem
}

.header .ab_xl {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #ECECEC;
	display: none
}

.header .ab_xl .con {
	display: flex;
	justify-content: center;
	width: 100%;
	z-index: 2;
	position: relative;
	background-color: #fff;
	padding: 0.48rem 0 0.94rem 0
}

.header .ab_xl .item {
	margin: 0 0.8rem
}

.header .ab_xl .item a {
	display: block
}

.header .ab_xl .item a.h {
	color: #333333;
	line-height: 1.3125;
	margin-bottom: 0.23rem
}

.header .ab_xl .item ul a {
	color: #606060;
	font-weight: 200;
	transition: all 0.5s;
	line-height: 2.27;
	display: flex;
	align-items: center
}

.header .ab_xl .item ul a img {
	width: 0.11rem;
	height: 0.11rem;
	margin-left: 0.06rem;
	opacity: 0;
	transition: all 0.5s
}

.header .ab_xl .item ul a:hover img {
	opacity: 1
}

.header .ab_xl .item ul a:hover {
	color: #00a098
}

.header .ty_xl {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #ECECEC;
	display: none
}

.header .ty_xl .con {
	display: flex;
	justify-content: center;
	width: 100%;
	z-index: 2;
	position: relative;
	background-color: #fff;
	padding: 0.58rem 0 0.61rem 0
}

.header .ty_xl .con a {
	display: flex;
	align-items: center;
	margin: 0 0.4rem;
	color: #333333;
	font-weight: 200;
	transition: all 0.5s;
	line-height: 1.3125
}

.header .ty_xl .con a img {
	width: 0.11rem;
	height: 0.11rem;
	margin-left: 0.06rem;
	opacity: 0;
	transition: all 0.5s
}

.header .ty_xl .con a:hover {
	color: #00a098
}

.header .ty_xl .con a:hover img {
	opacity: 1
}

.header.on {
	transform: translateY(-101%)
}

.header.headerx {
	transform: translateY(0%)
}

.ser_bjx {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 995;
	width: 100%;
	height: 100vh;
	pointer-events: none
}

.ser_bjx.show {
	pointer-events: all
}

.inpage {
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 0.3rem
}

.inpage .name {
	color: #606060;
	font-weight: 400;
	display: flex;
	align-items: center
}

.inpage .name span {
	color: #00a098;
	margin-right: 0.03rem
}

#sc {
	margin: 0 !important
}

.sm-btn-default:hover,
.sm-btn-loading:hover,
.sm-btn-success:hover {
	box-shadow: 0 0 8px #606060 !important
}

.sm-btn-default .sm-ico-wave,
.sm-btn-loading .sm-ico-wave,
.sm-btn-success .sm-ico-wave {
	background-image: linear-gradient(0deg, #606060, #606060) !important
}

.sm-btn-default .sm-ico:hover {
	box-shadow: 0 0 10px #606060 !important;
	background: #60606030 !important
}

.sm-btn-success .out-silder-circle {
	background: #606060 !important;
	opacity: 0.5
}

.sm-btn-default .out-silder-circle {
	background: #606060 !important;
	opacity: 0.5
}

.sm-btn-success .sm-txt {
	color: #606060 !important
}

.sm-btn-success .rect-top,
.sm-btn-success .rect-bottom {
	display: none !important
}

.sm-btn-success .rect-top:before {
	border-left: 1px solid #606060 !important
}

.sm-btn-success .right-tick .right-tick-left,
.sm-btn-success .right-tick .right-tick-right {
	background: #606060 !important
}

.sm-btn-success .out-silder-circle {
	animation: successWave1 1s infinite !important
}

.sm-btn-default .shield,
.sm-btn-fail .shield,
.sm-btn-loading .shield,
.sm-btn-success .shield {
	line-height: 42px !important
}

.sm-btn-loading .out-silder-circle {
	background: linear-gradient(rgba(255, 121, 0, .8), rgba(255, 121, 0, .4), rgba(255, 121, 0, .3), rgba(255, 121, 0, .2)) !important
}

@keyframes successWave1 {
	0% {
		background: none
	}

	100% {
		background: #606060
	}
}

@keyframes successRectRight {
	0% {
		height: 0;
		border-right: 1px solid #606060 !important
	}

	100% {
		height: 104%;
		border-right: 1px solid #606060 !important
	}
}

@keyframes successRectBottomRight {
	0% {
		top: 100%;
		border-right: 1px solid #606060 !important
	}

	100% {
		top: 0;
		border-right: 1px solid #606060 !important
	}
}

@keyframes successRectTop {
	0% {
		width: 0;
		border-top: 1px solid #606060 !important
	}

	100% {
		width: 100%;
		border-top: 1px solid #606060 !important
	}
}

@keyframes successRectBottom {
	0% {
		width: 0;
		border-bottom: 1px solid #606060 !important
	}

	100% {
		width: 100%;
		border-bottom: 1px solid #606060 !important
	}
}

.m_header {
	display: none
}

.mh_nav {
	display: none
}

.more {
	display: block;
	width: 1.78rem;
	line-height: 0.44rem;
	border: 1px solid #606060;
	color: #333;
	transition: all 0.5s;
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: 0.46rem;
	border-radius: 0.06rem
}

.more1 {
	color: #fff;
	border-color: #ffffff
}

.more:hover {
	color: #fff;
	border-color: transparent;
	background-color: #E6E6E6
}

.more>div {
	padding-right: 0;
	text-align: center;
	transition: all 0.5s;
	margin-bottom: 0.0rem
}

.kjdh {
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	height: 100vh;
	object-fit: cover;
	z-index: 900;
	opacity: 1;
	pointer-events: none;
	transition: all 0.5s
}

.kjdh.show {
	opacity: 1
}

.html {
	height: 100vh;
	overflow: hidden
}

.body {
	height: 100vh
}

.layui-form select {
	display: block
}

.chage-yzm-b {
	width: 240px;
	cursor: pointer;
	text-align: center;
	height: 46px;
	line-height: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f8f8;
	overflow: hidden
}

#SM_BTN_1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.sm-btn-loading:hover {
	-moz-box-shadow: 0px 0px 0px #65F4B5 !important;
	-webkit-box-shadow: 0px 0px 0px #65F4B5 !important;
	box-shadow: 0px 0px 0px #65F4B5 !important
}

.sm-btn-loading .out-silder-circle {
	position: absolute;
	width: 36px;
	height: 36px;
	background: linear-gradient(rgba(238, 115, 0, .8), rgba(238, 115, 0, .4), rgba(238, 115, 0, .3), rgba(238, 115, 0, .2)) !important;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	top: 0px
}

.sm-btn-default .sm-ico,
.sm-btn-loading .sm-ico,
.sm-btn-success .sm-ico,
.sm-btn-fail .sm-ico {
	margin: 0 !important;
	z-index: 3 !important
}

.sm-txt {
	margin-left: 8px !important
}

.sm-btn {
	width: 100% !important;
	border: 0 !important
}

#sc {
	width: 100%;
	margin: 0 !important
}

#sc_1x {
	width: 100%;
	margin: 0 !important
}

#rectMask {
	width: 100% !important;
	display: none
}

.m_pic {
	display: none
}

.banners {
	position: relative
}

.act .banner {
	opacity: 0
}

.banner {
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	overflow: hidden;
	opacity: 1;
	transition: all 0.5s;
	/*padding-top: 85px;*/
}

.banner .pics {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	transition: all 0.6s ease-in-out
}

.banner.on .pics {
	padding: 0
}

.banner .pic {
	width: 100%;
	height: 100%;
	position: relative;
	background: no-repeat center;
	background-size: cover;
	transition: all 0.5s
}

.banner .pic .h_pic{
    width: 100%;
}

.banner .pic .m_pic {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.banner .pic .txt {
	position: absolute;
	top: 70%;
	left:25%;
	width: fit-content;
	transform: translate(-50%, -50%);
	/*text-align: center*/
	z-index: 1111;
}

.banner .pic .txt.left {
	text-align: left
}

.banner .pic .txt.right {
	text-align: right
}

.banner .pic .txt .h {
	/*text-align: center;*/
	color: #fff;
	font-weight: 400;
	width: fit-content;
	margin: 0 auto
}

.banner .pic .txt.left .h {
	text-align: left
}

.banner .pic .txt.right .h {
	text-align: right
}

.banner .pic .txt .p {
	margin:initial;
	margin-top: 0.1rem;
	color: #fff;
	font-weight: 200;
	line-height: 1.8;
	/*text-align: center;*/
	width: fit-content
}

.banner .pics2 .pic .txt{
    text-align: center;
    left: 50%;
}

.banner .pics2 .pic .txt .h{
    text-align: center;
    display: inline-block;
    width: 100%;
}

.banner .pics2 .pic .txt .p{
    text-align: center;
    display: inline-block;
    width: 100%;
}



.banner .pic .txt.left .p {
	text-align: left
}

.banner .pic .txt.right .h {
	text-align: right
}

.banner .pic .txt .btn_svg {
	margin: .8rem 0 0 0;
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	text-align: center
}

.banner .pic .txt .btn_svg:hover {
	border-color: transparent
}

.banner .pic .txt .btn_svg::after {
	background-color: #fff
}

.banner .pic .txt .btn_svg:hover {
	color: #333333
}

.banner .pic .txt .btn_svg .svg_kuang {
	display: none !important
}

.banner .pic .txt .btn::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	transition: all .4s
}

.banner .pic .txt .btn:hover {
	color: #333333;
	--modal-scrim-blur: 16px;
	border-color: transparent
}

.banner .pic .txt .btn:hover::after {
	width: 100%
}

.banner .swiper-pagination {
	bottom: 0.5rem;
	width: fit-content;
	left: 1.3rem
}

.banner .swiper-pagination.hid {
	display: none
}

.banner .swiper-pagination .swiper-pagination-bullet {
	width: 0.48rem;
	height: 0.03rem;
	background-color: rgba(255, 255, 255, 0.35);
	margin: 0 0.07rem;
	border-radius: 0;
	opacity: 1;
	position: relative
}

.banner .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #ffffff
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
	width: 100%;
	animation: aniWidth 5s linear forwards
}

@keyframes aniWidth {
	0% {
		width: 0%
	}

	100% {
		width: 100%
	}
}

@keyframes scl {
	0% {
		top: -0.42rem;
		opacity: 1
	}

	100% {
		top: 0.42rem;
		opacity: 1
	}
}

.banner .scl {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: fit-content;
	white-space: nowrap;
	z-index: 1000
}

.banner .scl .txt {
	color: #fff;
	font-weight: 200;
	margin-bottom: 0.1rem
}

.banner .scl .solid {
	width: 2px;
	height: 0.42rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.banner .scl .solid .kuai {
	position: absolute;
	top: -0.42rem;
	left: 0;
	width: 2px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	animation: scl 2s linear infinite
}

.part1 {
	padding: 0.8rem 1.3rem 0.5rem 1.3rem
}

.part1 .tit {
	text-align: center;
	font-weight: 600;
	color: #00a098
}

.part1 .tit2 {
	text-align: center;
	font-weight: 400;
	color: #333;
	margin-top: 20px;
}

.part1 .con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.part1 .con .leftxx {
	width: 8.48rem
}

.part1 .con .leftxx .h {
	color: #333;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0.3rem
}

.part1 .con .leftxx .p {
	color: #333333;
	line-height: 1.8;
	margin-bottom: 1.36rem
}

.part1 .con .rightx {
	display: flex;
	flex-wrap: wrap
}

.part1 .con .rightx .item {
	display: block;
	width: 50%;
	margin-bottom: 0.53rem
}

.part1 .con .rightx .item:nth-child(n+3) {
	margin-bottom: 0
}

.part1 .con .rightx .item .nums {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.11rem;
	color: #00a098
}

.part1 .con .rightx .item .nums .num {
	line-height: 1.4;
	margin-right: 0.07rem;
	font-weight: 400
}

.part1 .con .rightx .item .nums .dw {
	transform: translateY(-0.16rem)
}

.part1 .con .rightx .item .nums .add {
	transform: translateY(-0.16rem);
	font-weight: 400
}

.part1 .con .rightx .item .h {
	color: #333333;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0.07rem
}

.part1 .con .rightx .item .p {
	color: #606060;
	line-height: 1.375
}

.part2 {
	padding: 0 1.3rem 0.5rem 1.3rem
}

.part2 .con {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.part2 .con .box {
	width: 3.95rem;
	height: 5.72rem;
	height: 6rem;
	height: auto;
	background: no-repeat center;
	background-size: auto 6rem;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.part2 .con .box a{
    width: 100%;
}

.part2 .con .box .pic .name{
    display: block;
    padding-left: 50px;
    
}

.part2 .con .box .pic .name img{
    width: 40px;
}

.part2 .con .box .pic {
	height: 6rem;
	position: relative;
	padding-top: 0.58rem;
	background-size: auto 6rem;
	transition: all 0.5s
}

.part2 .con .box .pic a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 3
}

.part2 .con .box .pic a.on {
	display: block
}

.swiper-wrapper {
	height: auto !important
}

.part2 .con .box .pic a video {
	width: 102%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 0.3s;
	position: absolute;
	left: -1%;
	top: 0;
	z-index: 2
}

.part2 .con .box:hover .pic a.on video {
	opacity: 1
}

.part2 .con .box .h {
	color: #01969c;
	
	font-weight: 400;
	line-height: 1.4;
	position: relative;
	z-index: 4;
	width: 100%
}

.part2 .con .box.on {
	width: 5.45rem
}

.part2 .con .box.on1 {
	width: 3.45rem
}

.part2 .con .box .tab {
	opacity: 0;
	width: 100%;
	width: fit-content;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 0.2rem;
	z-index: 2;
	padding-bottom: 0.3rem
}

.part2 .con .box .tab:after {
	content: "";
	position: absolute;
	bottom: 0.3rem;
	left: 0.1rem;
	width: calc(100% - 0.2rem);
	height: 1px;
	background-color: #e0e0e0;
	z-index: -1
}

.part2 .con .box.on .tab {
	opacity: 1
}

.part2 .con .box .tab .li {
	color: #606060;
	line-height: 1.2;
	text-align: center;
	margin: 0 0.1rem;
	padding: 0 0.2rem;
	cursor: pointer;
	z-index: 2;
	width: fit-content;
	position: relative;
	padding-bottom: 0.12rem;
	white-space: nowrap;
	z-index: 2
}

.part2 .con .box .tab .li a {
	position: absolute;
	width: 100%;
	left: 0;
	top: -0.2rem;
	height: calc(100% + 0.5rem)
}

.part2 .con .box .tab .li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #606060;
	width: 0%;
	transition: all 0.5s
}

.part2 .con .box .tab .li:hover:after {
	width: 100%
}

.part2 .con .box .tab_m .li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: #606060;
	width: 0%;
	transition: all 0.5s
}

.part2 .con .box .tab_m .li:hover:after {
	width: 100%
}

.part2 .con .box .tab .li:hover {
	color: #333
}

.part2 .con .box .tab_m .li:hover {
	color: #333
}

.part5 {
	padding: 0 1.3rem 1.46rem 1.3rem
}

.part5 .tit {
	color: #333;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 0.3rem
}

.part5 .con .top {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	position: relative
}

.part5 .con .top .tip {
	color: #606060;
	font-weight: 200;
	line-height: 1.3125;
	margin-bottom: 0.13rem;
	display: none
}

.part5 .con .top .txt {
	padding: 0.64rem 0.8rem 0 0.8rem;
	width: 8.58rem;
	display: flex;
	align-items: center
}

.part5 .con .top .txt .add-box {
	transition: all .4s
}

.part5 .con .top .txt .h {
	color: #333;
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 0.28rem;
	transition: all 0.5s;
	position: relative;
	display: table
}

.part5 .con .top .txt .p {
	color: #606060;
	line-height: 1.33;
	margin-bottom: 0.55rem
}

.part5 .con .top .txt .p1 {
	display: flex;
	align-items: center;
	margin-bottom: 0.54rem
}

.part5 .con .top .txt .p1>div {
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200;
	margin-right: 0.23rem
}

.part5 .con .top .txt .p1>div img {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.06rem
}

.part5 .con .top .pics {
	width: calc(100% - 8.58rem);
	padding: 0.64rem 0.64rem 0.64rem 0
}

.part5 .con .top .pics .pic {
	width: 100%;
	height: 3.7rem;
	overflow: hidden
}

.part5 .con .top .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.part5 .con .top .pics .pic:hover img {
	transform: scale(1.05)
}

.part5 .con .top:hover .txt .add-box {
	transform: translateY(-10px)
}

.part5 .con .top:hover .pic img {
	transform: scale(1.05)
}

.part5 .con .bottom {
	/* display: flex */
	padding: 50px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.part5 .con .bottom .mySwiper {
	position: relative;
	overflow: hidden;
}

.part5 .con .bottom .swiper-button-next,
.part5 .con .bottom .swiper-button-prev {
	background-image: none;
}


.part5 .con .bottom .swiper-button-next img,
.part5 .con .bottom .swiper-button-prev img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}


.part5 .con .bottom .item {
	/* display: flex; */
	position: relative;
	width: 100%;
	/* padding: 0.48rem 0.35rem 0.48rem 0.4rem; */
	/* justify-content: space-between */
}

/* .part5 .con .bottom .item:last-child {
	border-right: none
} */

.part5 .con .bottom .item .tip {
	line-height: 1.3125;
	font-weight: 200;
	color: #606060;
	margin-bottom: 0.13rem;
	display: none
}

.part5 .con .bottom .item .pic {
	width: 100%;
	min-height: 1.55rem;
	overflow: hidden;
	border-radius: 10px;
}

.part5 .con .bottom .item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.part5 .con .bottom .item:hover .pic img {
	transform: scale(1.05)
}

.part5 .con .bottom .item:hover .txt {
	transform: translateY(-10px)
}

.part5 .con .bottom .item .txt {
	width: 100%;
	padding-top: 0.1rem;
	transition: all 0.4s;
	text-align: center;
	color: #fff;
}

.part5 .con .bottom .item .txt .h {
	color: #fff;
	font-weight: 400;
	transition: all 0.5s;
	margin-bottom: 0.25rem
}

.part5 .con .bottom .item .txt .h span {
	display: table;
	position: relative;
	line-height: 0.3rem;
	height: 0.9rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.part5 .con .bottom .item .txt .h span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0%;
	transition: all 0.5s;
	background-color: #000
}

.part5 .con .bottom .item .txt .p {
	display: flex;
	align-items: center;
	width: 100%
}

.part5 .con .bottom .item .txt .p>div {
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200;
	margin-right: 0.18rem;
	white-space: nowrap
}

.part5 .con .bottom .item .txt .p>div:last-child {
	margin-right: 0
}

.part5 .con .bottom .item .txt .p>div img {
	width: 0.16rem;
	height: 0.16rem;
	margin-right: 0.05rem
}

.part5 .btn {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	width: fit-content;
	transition: all 0.5s
}

.part5 .btn:hover {
	color: #00a098
}

.part5 .btn img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.part5 .btn img.img2 {
	display: none
}

.part5 .btn:hover img.img1 {
	display: none
}

.part5 .btn:hover img.img2 {
	display: block
}

.part5 .n_more {
	margin: 0 auto;
	margin-top: 0.7rem;
	transition: all 0.5s;
	width: 2.2rem
}

.part5>.btn_svg {
	margin: 0 auto;
	margin-top: 0.7rem;
	display: block
}

.part5>.btn_svg {
	color: #333333;
	border: 1px solid #333333
}

.part5>.btn_svg:hover {
	border-color: transparent;
	color: #fff
}

.part5>.btn_svg:after {
	background-color: #333333
}

.part5>.btn_svg .svg_kuang {
	display: none !important
}

.part5 .n_more:after {
	display: none
}

.part5 .n_more:hover {
	color: #333;
	border: 1px solid #E6E6E6;
	transform: translateY(-0.0rem)
}

.part5 .con .top .more:after {
	display: none
}

.part5 .con .top .more:hover {
	color: #333;
	border: 1px solid #E6E6E6;
	transform: translateY(-0.0rem)
}

.indnews {
	padding: 0.8rem 1.3rem 0.9rem 1.3rem;
	 background-color: #F9F9F9 
}

.part5_1 .tit {
	margin-bottom: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.indnews .con {
	background-color: #01969c;
	border-radius: 10px;
}

.indnews ul {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.indnews li {
	/*float: left;*/
	width: 30%;
	/*margin: 0 2%;*/
	background: #fff;
	/* border: 1px solid #fff; */
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
	/*border-radius: 20px;*/
}

.indnews li .pic {
	position: relative;
	overflow: hidden;
	/*border-top-left-radius: 20px;*/
	/*border-top-right-radius: 20px;*/
}

.indnews li .pic img {
    width: 100%
    height: 250px;;
	position: relative;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.indnews li .cons {
	margin: 30px 25px 35px 25px;
}

.indnews li .cons .title {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.indnews li .cons .title a {
	font-size: 18px;
	color: #16a977;
}

.indnews li .cons .content {
	color: #999;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin: 15px 0 40px 0;
}

.indnews li .cons .addtime a {

	font-size: 16px;

	font-weight: 300;
	padding: 5px 15px;
	position: relative;
	background: #01969c;
	color: #fff;
	border-radius: 20px;
}

.indnews li:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.part6 {
	position: relative;
	width: 100%;
	height: 5rem;
	background: url(../image/ip6_pic.png)no-repeat center;
	background-size: cover
}

.part6 .txt {
	position: absolute;
	top: 36%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	color: #ffffff;
	z-index: 5
}

.part6 .txt .h {
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 0.4rem;
	color: #01969c;
}

.part6 .txt .btn_x {
	display: flex;
	color: #fff;
	align-items: center;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 6px;
	justify-content: center;
	border: 1px solid #fff
}

.part6 .txt .btn_x:hover {
	border-color: transparent
}

.part6 .txt .btn_x .svg_kuang {
	display: none !important
}

.part6 .txt .btn_x:after {
	background-color: #fff
}

.part6 .txt .btn_x .icon {
	width: 0.16rem;
	margin-left: 0.1rem
}

.part6 .txt .btn_x .icon img {
	width: 100%
}

.part6 .txt .btn_x .icon img.img2 {
	display: none
}

.part6 .txt .btn_x:hover .icon img.img1 {
	display: none
}

.part6 .txt .btn_x:hover .icon img.img2 {
	display: block
}

.part6 .txt .btn_x:hover {
	color: #333333
}

.part6 .boxs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.part6 .boxs>div {
	position: absolute;
	background-color: #ffffff;
	transition: all 0.5s
}

.part6 .boxs>div.box1 {
	width: 100%;
	height: 1.4rem;
	top: 0;
	left: 0
}

.part6 .boxs>div.box2 {
	width: 100%;
	height: 1.78rem;
	bottom: 0;
	left: 0
}

.part6 .boxs>div.box3 {
	height: 100%;
	width: 1.3rem;
	top: 0;
	left: 0
}

.part6 .boxs>div.box4 {
	height: 100%;
	width: 1.3rem;
	top: 0;
	right: 0
}

.part6.on .boxs>div.box1 {
	height: 0
}

.part6.on .boxs>div.box2 {
	height: 0
}

.part6.on .boxs>div.box3 {
	width: 0
}

.part6.on .boxs>div.box4 {
	width: 0
}

.bb_logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	pointer-events: none;
	opacity: 0;
	transition: all 0.5s
}

.bb_logo.on {
	opacity: 1
}

.bb_logo img {
	position: absolute;
	top: 26.5vh;
	left: 5.265rem;
	width: 8.67rem;
	transition: all 0.8s ease-in-out
}

.bb_logo.show img {
	top: 0.58rem;
	left: 1.3rem;
	width: 1.45rem
}

.bb_logo img.img2 {
	opacity: 0
}

.bb_logo.show img.img1 {
	opacity: 0
}

.bb_logo.show img.img2 {
	opacity: 1
}

.footer {
	background-color: #F9F9F9;
	position: relative;
	padding: 0;
	z-index: 99
}

.footer .f_crumbs {
	padding: 0.59rem 0;
	margin: 0 1.3rem;
	width: calc(100% - 2.6rem);
	border-bottom: 1px solid rgba(96, 96, 96, 0.1);
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200
}

.footer .f_crumbs svg {
	width: 0.05rem;
	height: 0.1rem;
	margin: 0 0.16rem
}

.footer .f_crumbs a {
	color: #606060;
	font-weight: 200
}

.footer .f_top {
	padding: 0.8rem 1.3rem 0.65rem 1.3rem;
	border-bottom: 1px solid #E4E4E4;
	display: flex;
	justify-content: space-between;
	position: relative
}

.footer .f_top .f_logo {
	display: block;
	width: 1.8rem;
	margin-bottom: 0.58rem
}

.footer .f_top .f_tel {
	display: block;
	margin-bottom: 0.2rem;
	color: #333;
	line-height: 1.2;
	padding-left: 0.38rem;
	font-weight: 500;
	background: url(../image/f_tel.svg)no-repeat left center;
	background-size: 0.27rem 0.27rem
}

.footer .f_top .gp {
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200
}

.footer .f_top .gp span {
	display: block;
	margin-right: 0.3rem
}

.footer .f_top .f_logo img {
	width: 100%
}

.footer .f_top .leftxx .p {
	color: #333;
	line-height: 1.6;
	margin-bottom: 0.2rem
}

.footer .f_top form {
	display: flex;
	margin-bottom: 2.6rem;
	padding: 0.04rem;
	border: 1px solid #dcdcdc;
	border-radius: 0.06rem;
	width: 2.7rem
}

.footer .f_top form .txt {
	background-color: transparent;
	padding: 0 0.16rem;
	color: #333;
	border-right: none;
	width: 1.92rem;
	line-height: 0.36rem
}

.footer .f_top form .txt::placeholder {
	color: #DCDCDC
}

.footer .f_top form .btn {
	width: 0.74rem;
	line-height: 0.36rem;
	text-align: center;
	background-color: #606060;
	color: #ffffff;
	text-align: center;
	transition: all 0.5s;
	border-radius: .04rem
}

.footer .f_top .f_num {
	width: 2.35rem
}

.footer .f_top .rightxx {
	display: flex;
	width: 10.8rem;
	justify-content: space-between
}

.footer .f_top .rightxx .item .h {
	color: #333;
	line-height: 1.375;
	margin-bottom: 0.22rem;
	font-weight: 400
}

.footer .f_top .rightxx .item li {
	display: flex;
	align-items: center
}

.footer .f_top .rightxx .item li img {
	width: 0.11rem;
	height: 0.11rem;
	margin-left: 0.06rem;
	opacity: 0;
	transition: all 0.5s
}

.footer .f_top .rightxx .item li:hover img {
	opacity: 1
}

.footer .f_top .rightxx .item a {
	display: block;
	color: #606060;
	line-height: 2.5;
	font-weight: 200;
	transition: all 0.5s;
	display: flex;
	align-items: center
}

.footer .f_top .rightxx .item a:hover {
	color: #00a098;
	font-weight: 400
}

.footer .f_top .leftxx {
	position: relative
}

.footer .f_top .leftxx .left1 {
	display: none !important;
	align-items: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 220px;
	cursor: pointer;
	background-color: transparent !important
}

.footer .f_top .leftxx .left1 img:nth-child(1) {
	display: block;
	width: 0.44rem;
	height: 0.6rem;
	margin-right: 0.13rem
}

.footer .f_top .leftxx .left1 .h {
	color: #333;
	font-weight: 200
}

.footer .f_top .leftxx .left1 img:nth-child(3) {
	display: block;
	width: 0.11rem
}

.footer .f_top .leftxx .dy {
	display: block;
	width: 1.72rem;
	line-height: 0.38rem;
	border: 0.01rem solid #000000;
	color: #000000;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	height: 0.4rem
}

.footer .f_top .leftxx .dy>div {
	transition: all 0.5s;
	margin-bottom: 0.0rem
}

.footer .f_top .leftxx .dy:hover {
	transform: translateY(-0.0rem)
}

.footer .f_top .btn1x_box {
	position: fixed;
	bottom: 0.7rem;
	right: 0rem;
	width: 0.6rem;
	height: 0.6rem;
	opacity: 0;
	transition: all 0.5s
}

.footer .f_top .btn1x_box.on {
	opacity: 1;
	right: 0.2rem
}

.footer .f_top .btn1x_box .btn1x {
	position: absolute;
	width: 44px;
	height: 36px;
	border-radius: 0.06rem;
	background: #333;
	cursor: pointer;
	animation: qhykHwxQVeplaeoU2Hgn 10s;
	animation-iteration-count: infinite;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1)
}

@keyframes qhykHwxQVeplaeoU2Hgn {
	0% {
		background: #606060;
		opacity: 1
	}

	1%,
	27%,
	33%,
	7% {
		background: #ffffff
	}

	19%,
	26%,
	45% {
		background: #606060;
		opacity: 1
	}

	to {
		background: #606060
	}
}

.footer .f_top .btn1x_box .btn1x svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	fill: #fff;
	animation: WH7v5kEsU5MrZPQ8ML2Y 10s;
	animation-iteration-count: infinite
}

@keyframes WH7v5kEsU5MrZPQ8ML2Y {
	0% {
		fill: #fff
	}

	1%,
	27%,
	33%,
	7% {
		fill: #333
	}

	19%,
	26%,
	45% {
		fill: #fff
	}

	to {
		fill: #fff
	}
}

.footer .f_top .btn2x_box {
	position: fixed;
	bottom: 2.7rem;
	right: 0rem;
	width: 0.6rem;
	height: 0.6rem;
	opacity: 0;
	transition: all 0.5s
}

.footer .f_top .btn2x_box {
	opacity: 1;
	right: 0.2rem
}

.footer .f_top .btn2x_box .btn2x {
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden
}

.footer .f_top .btn2x_box .btn2x img {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%
}

.footer .f_top .btn2x_box .btn2x video {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%
}

.footer .f_top .btn2x_box .btn2x video.img2 {
	opacity: 0
}

.footer .f_top .btn2x_box .btn2x:hover img.img1 {
	opacity: 0
}

.footer .f_top .btn2x_box .btn2x:hover video.img2 {
	opacity: 1
}

.footer .f_center {
	padding: 0.23rem 1.3rem;
	border-bottom: 1px solid #E4E4E4;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.footer .f_center .leftxx {
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200
}

.footer .f_center .leftxx span {
	display: block;
	margin-right: 0.3rem
}

.footer .f_center .rightxx {
	display: flex;
	align-items: center
}

.footer .f_center .rightxx .list {
	display: flex;
	margin-right: 0.45rem;
	overflow: initial
}

.footer .f_center .rightxx .list a {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	margin-left: 0.2rem;
	position: relative
}

.footer .f_center .rightxx .list a>img {
	width: 100%;
	height: 100%;
	opacity: 0.5
}

.footer .f_center .rightxx .list a>img.img2 {
	display: none
}

.footer .f_center .rightxx .list a:hover>img.img1 {
	display: none
}

.footer .f_center .rightxx .list a:hover>img.img2 {
	display: block;
	opacity: 1
}

.footer .f_center .rightxx .list a .code {
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s
}

.footer .f_center .rightxx .list a .code img {
	width: 100%;
}

.footer .f_center .rightxx .list a:hover .code {
	opacity: 1;
	pointer-events: all
}

.footer .f_center .leftxx .link {
	position: relative;
	font-weight: 200;
	float: none
}

.footer .f_center .leftxx .link .h {
	width: 2.27rem;
	padding: 0.11rem 0.25rem 0.11rem 0.21rem;
	border: 1px solid #dcdcdc;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	border-radius: 0.06rem
}

.footer .f_center .leftxx .link img {
	width: 0.11rem;
	transition: all 0.5s
}

.footer .f_center .leftxx .link:hover img {
	transform: rotate(180deg)
}

.footer .f_center .leftxx .link ul {
	position: absolute;
	bottom: 95%;
	left: 0;
	width: 100%;
	line-height: 0.36rem;
	height: fit-content;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
	padding: 0.2rem 0.11rem
}

.footer .f_center .leftxx .link ul::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.footer .f_center .leftxx .link ul::-webkit-scrollbar-thumb {
	background: #999
}

.footer .f_center .leftxx .link ul::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1)
}

.footer .f_center .leftxx .link:hover ul {
	height: fit-content;
	bottom: 105%;
	background-color: #F9F9F9;
	opacity: 1;
	pointer-events: all;
	box-shadow: -0.1rem 0 0.3rem rgba(0, 0, 0, 0.08)
}

.footer .f_center .leftxx .link ul a {
	color: #606060;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	line-height: 2.6
}

.footer .f_center .leftxx .link ul a:hover {
	color: #00a098
}

.footer .f_center .leftxx .link ul a img {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.12rem;
	object-fit: contain;
	transform: rotate(0deg) !important
}

.footer .f_center .leftxx .link ul a img.gl02 {
	display: none !important
}

.footer .f_center .leftxx .link ul a:hover img.gl01 {
	display: none !important
}

.footer .f_center .leftxx .link ul a:hover img.gl02 {
	display: block !important
}

.footer .f_bottom {
	padding: 0.2rem 1.3rem 0.26rem 1.3rem;
	display: flex;
	justify-content: space-between;
	font-weight: 200
}

.footer .f_bottom a {
	color: #606060;
	transition: all 0.5s
}

.footer .f_bottom a:hover {
	color: #00a098
}

.footer .f_bottom .rightxx {
	display: flex
}

.footer .f_bottom .rightxx a {
	margin-left: 0.3rem
}

.footer .back {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #606060;
	margin-left: 0.4rem;
	transition: all .4s
}

.footer .back img {
	width: 0.09rem;
	margin-left: 0.08rem
}

.footer .back:hover {
	transform: translateY(-5px)
}

.cd_banner {
	width: 100%;
	height: 100vh;
	position: relative
}

.cd_banner .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.32)
}

.cd_banner .pic {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.cd_banner .pic .video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding-right: 0
}

.cd_banner .txt {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 20.9vh;
	left: 0
}

.cd_banner .txt .h {
	color: #fff;
	line-height: 1.2;
	margin-bottom: 0.33rem
}

.cd_banner .txt .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.33rem
}

.cd_banner .txt .p {
	color: #fff;
	font-weight: 200;
	line-height: 1.8;
	width: 8.3rem;
	margin: 0 auto;
	margin-bottom: 0.5rem
}

.cd_banner .txt .v_btn {
	display: flex;
	align-items: center;
	padding: 0.11rem 0.42rem 0.11rem 0.52rem;
	border-radius: 0.06rem;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	transition: all 0.5s;
	border: 1px solid rgba(255, 255, 255, 0.6)
}

.cd_banner .txt .v_btn:hover {
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #fff
}

.cd_banner .txt .v_btn:hover {
	background-color: #E6E6E6
}

.cd_banner .txt .v_btn p {
	color: #fff;
	line-height: 1.25;
	margin-right: 0.11rem;
	transition: all 0.5s
}

.cd_banner .txt .v_btn:hover p {
	color: #333
}

.cd_banner .txt .v_btn .icon {
	width: 18px
}

.cd_banner .txt .v_btn .icon img {
	width: 100%
}

.cd_banner .txt .v_btn .icon img.img2 {
	display: none
}

.cd_banner .txt .v_btn:hover .icon img.img2 {
	display: block
}

.cd_banner .txt .v_btn:hover .icon img.img1 {
	display: none
}

.cd1 {
	padding: 1.2rem 2.8rem 0rem 2.8rem
}

.cd1 .pics {
	position: relative;
	width: 100%;
	height: 6.7rem;
	margin-bottom: 0.6rem
}

.cd1 .pics .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	opacity: 0
}

.cd1 .pics .pic.on {
	opacity: 1
}

.cd1 .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cd1 .tab {
	width: 10.6rem;
	margin: 0 auto;
	margin-bottom: 0.37rem;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	padding-bottom: 0
}

.cd1x .tab {
	width: fit-content
}

.cd1 .tab li {
	margin-right: 0.3rem
}

.cd1 .tab li:last-child {
	margin-right: 0
}

.cd1 .tab li a {
	display: block;
	transition: all 0.5s;
	line-height: 1.267;
	padding-bottom: 0.12rem;
	position: relative;
	width: fit-content;
	color: #606060;
	transition: all 0.5s;
	text-align: center
}

.cd1 .tab li.on a {
	color: #333
}

.cd1 .tab li a:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 0%;
	background-color: #606060;
	transition: all 0.5s
}

.cd1 .tab li.on a:after {
	width: 100%
}

.cd1 .txts {
	width: 10rem;
	margin: 0 auto;
	text-align: center;
	color: #606060;
	line-height: 1.8;
	font-weight: 200
}

.cd1 .txts .txt {
	display: none
}

.cd1 .txts .txt.on {
	display: block
}

.cd2 {
	position: relative;
	height: 650vh
}

.cd2 .box {
	padding: 23.74vh 1.14rem 22.68vh 2.8rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	flex-direction: row;
	flex-flow: row-reverse
}

.cd2 .box .pics {
	width: 10.15rem;
	height: 5.7125rem;
	position: relative
}

.cd2 .box .pics .pic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0%;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(.36, 0, .7, 1)
}

.cd2 .box .pics .pic .btnx {
	position: absolute;
	bottom: 0.4rem;
	right: 0.4rem;
	height: 0.4rem;
	width: 0.28rem;
	height: 0.28rem
}

.cd2 .box .pics .pic .btnx img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cd2 .box .pics .pic .btnx img.img2 {
	display: none
}

.cd2 .box .pics .pic .btnx:hover img.img1 {
	display: none
}

.cd2 .box .pics .pic .btnx:hover img.img2 {
	display: block
}

.cd2 .box .pics .pic.on {
	height: 100%
}

.cd2 .box .pics .pic .video {
	width: 100%;
	height: 5.7125rem;
	object-fit: cover;
	transition: all 0.5s;
	position: absolute;
	bottom: 0;
	left: 0
}

.cd2 .box .pics .prev {
	position: absolute;
	left: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	z-index: 5;
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0.5
}

.cd2 .box .pics .prev:hover {
	opacity: 1
}

.cd2 .box .pics .next {
	position: absolute;
	right: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	z-index: 5;
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0.5
}

.cd2 .box .pics .next:hover {
	opacity: 1
}

.cd2 .box .pics .p2 {
	position: absolute;
	top: calc(100% + 0.2rem);
	font-weight: 200;
	color: #606060;
	opacity: 0.3;
	font-size: 12px
}

.cd2 .box .dian_box {
	position: absolute;
	right: 0.62rem;
	bottom: 38vh;
	display: flex;
	flex-direction: column;
	width: fit-content
}

.cd2 .box .dian_box .dian {
	display: block;
	width: 1px;
	height: 0.4rem;
	background: #D9D9D9;
	margin-bottom: .16rem;
	margin-bottom: 0rem;
	transition: all 0.5s;
	position: relative
}

.cd2 .box .dian_box .dian:after {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 3px;
	height: 0%;
	background-color: #606060
}

.cd2 .box .dian_box .dian:last-child {
	margin-bottom: 0
}

.cd2 .box .dian_box .dian.on:after {
	height: 100%;
	transition: all 0.5s
}

.cd2 .box .txts {
	width: 4rem;
	position: relative;
	display: flex;
	align-items: center
}

.cd2 .box .txts .txt {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translateY(0.5rem)
}

.cd2 .box .txts .txt.on {
	opacity: 1;
	transition: all 0.6s;
	z-index: 2;
	text-align: left;
	transform: translateY(0rem)
}

.cd2 .box .txts .txt .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.33rem
}

.cd2 .box .txts .txt .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin-bottom: 0.33rem
}

.cd2 .box .txts .txt .p {
	line-height: 1.8;
	color: #606060;
	font-weight: 200
}

.cd2 .box .txts .txt .btnx {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	margin-top: 0.72rem
}

.cd2 .box .txts .txt .btnx:hover {
	color: #00a098
}

.cd2 .box .txts .txt .btnx img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cd2 .box .txts .txt .btnx img.img2 {
	display: none
}

.cd2 .box .txts .txt .btnx:hover img.img1 {
	display: none
}

.cd2 .box .txts .txt .btnx:hover img.img2 {
	display: block
}

.cd2 .box .txts .solid1 {
	position: absolute;
	top: calc(50% + 1.6rem);
	transform: translateY(-50%);
	right: -1.5rem;
	height: 100%;
	width: 0.03rem
}

.cd2 .box .txts .solid1 .kuai {
	width: 100%;
	height: 0.48rem;
	background-color: #D9D9D9;
	margin-bottom: 0.1rem;
	transition: all 0.5s;
	cursor: pointer
}

.cd2 .box .txts .solid1 .kuai.on {
	background: #00a098;
	transition: all 0.5s
}

.cd3 {
	position: relative;
	height: auto
}

.cd3 .pic {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1.2rem 2.8rem;
	background-color: #F7F7F7;
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse
}

.cd3 .pic .video {
	width: 9.12rem;
	height: 5.12rem;
	overflow: hidden;
	position: relative
}

.cd3 .pic .video1 {
	width: 9.12rem;
	height: 5.88rem;
	object-fit: cover;
	position: absolute;
	top: -0.03rem;
	left: 0
}

.cd3 .pic .txts {
	width: 4.2rem;
	padding-top: 1.8rem;
	position: relative;
	text-align: right
}

.cd3 .pic .txts .h {
	color: #333;
	line-height: 1.3;
	opacity: 0;
	position: absolute;
	top: 1.8rem;
	width: 100%
}

.cd3 .pic .txts .h>div:nth-child(1) {
	margin-bottom: 0.1rem
}

.cd3 .pic .txts .h.on {
	bottom: 0.8rem;
	opacity: 1;
	transition: all 0.6s cubic-bezier(.36, 0, .7, 1)
}

.cd3 .pic .txts .h svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.cd4 {
	padding: 1.2rem 4.4rem 1.2rem 4.4rem !important
}

.cd4 .top {
	margin-bottom: 0.4rem
}

.cd4 .top .h {
	text-align: center;
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.4rem
}

.cd4 .top .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	display: none
}

.cd4 .con {
	position: relative
}

.cd4 .con .pic {
	width: 100%;
	height: 5.85rem;
	overflow: hidden;
	margin-bottom: 0.4rem
}

.cd4 .con .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.cd4 .con .tab {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.cd4 .con .tab .item .solid {
	width: 0.3rem;
	height: 0.04rem;
	background-color: rgba(0, 0, 0, 0.14);
	margin-bottom: 0.22rem
}

.cd4 .con .tab .item .h {
	color: #333;
	font-weight: 200;
	line-height: 1.3
}

.cd5 {
	padding: 1.2rem 2.8rem
}

.cd5 .top {
	margin-bottom: 0.48rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.cd5 .top .h {
	text-align: center;
	color: #333;
	line-height: 1.3
}

.cd5 .top .btn {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400
}

.cd5 .top .btn img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cd5 .top .btn img.img2 {
	display: none
}

.cd5 .top .btn:hover img.img1 {
	display: none
}

.cd5 .top .btn:hover img.img2 {
	display: block
}

.cd5 .top .btn:hover {
	color: #00a098
}

.cd5 .top .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	display: block
}

.cd5 .con {
	position: relative;
	overflow: hidden;
	padding-bottom: 1.02rem
}

.cd5 .con.hid {
	padding-bottom: 0
}

.cd5 .con .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto
}

.cd5 .con.hid .swiper-pagination {
	display: none
}

.cd5 .con .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.cd5 .con .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.cd5 .con .swiper-pagination-bullet-active {
	opacity: 1
}

.cd5 .con .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.cd5 .con .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cd5 .con.hid .next {
	display: none
}

.cd5 .con .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cd5 .con .next img.img2 {
	display: none
}

.cd5 .con .next:hover img.img1 {
	display: none
}

.cd5 .con .next:hover img.img2 {
	display: block
}

.cd5 .con .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.cd5 .con.hid .prev {
	display: none
}

.cd5 .con .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cd5 .con .prev img.img2 {
	display: none
}

.cd5 .con .prev:hover img.img1 {
	display: none
}

.cd5 .con .prev:hover img.img2 {
	display: block
}

.cd5 .con .swiper-slide .pics {
	position: relative;
	width: 100%;
	height: 2.8rem
}

.cd5 .con .swiper-slide .pics .pic {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translate(-50%, -50%);
	transition: all 0.5s
}

.cd5 .con .swiper-slide .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cd5 .con .swiper-slide:hover .pics .pic img {
	transform: scale(1.05)
}

.cd5 .con .swiper-slide .txt {
	padding: 0.2rem 0 0 0
}

.cd5 .con .swiper-slide .h {
	color: #333;
	line-height: 0.42rem;
	height: 0.42rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: 400;
	transition: all 0.5s
}

.cd5_tc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99;
	pointer-events: none;
	opacity: 0;
	transition: all 0.5s
}

.cd5_tc.show {
	opacity: 1;
	pointer-events: all
}

.cd5_tc .bj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45)
}

.cd5_tc .con {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	display: none
}

.cd5_tc .con.on {
	display: block
}

.cd5_tc .con .item {
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s
}

.cd5_tc .con .item.on {
	height: 100vh;
	pointer-events: all;
	opacity: 1
}

.cd5_tc .con .item .leftxx {
	width: 6.4rem;
	padding: 1.5rem 0.7rem 0 1.4rem;
	background-color: #F7F7F7;
	transform: translateX(-100%);
	transition: all 0.5s
}

.cd5_tc .con .item.on .leftxx {
	transform: translateX(0%)
}

.cd5_tc .con .item .leftxx .txt {}

.cd5_tc .con .item .leftxx .txt .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 1.2rem
}

.cd5_tc .con .item .leftxx .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-right: 1rem
}

.cd5_tc .con .item .leftxx .box>div {
	width: 48%
}

.cd5_tc .con .item .leftxx .box>div .h {
	color: #333;
	line-height: 1.67;
	font-weight: 200;
	margin-bottom: 0.04rem
}

.cd5_tc .con .item .leftxx .box>div .p {
	color: #333;
	font-weight: 400;
	line-height: 1.167
}

.cd5_tc .con .item .rightxx {
	width: calc(100% - 6.4rem);
	background-color: #fff;
	padding: 1.5rem 1.3rem 0 1.3rem;
	transform: translateX(100%);
	transition: all 0.5s
}

.cd5_tc .con .item.on .rightxx {
	transform: translateX(0%)
}

.cd5_tc .con .item .rightxx .pic {
	width: 100%;
	height: 77vh;
	overflow: hidden
}

.cd5_tc .con .item .rightxx .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cd5_tc .con .item .rightxx .pic:hover img {
	transform: scale(1.05)
}

.cd5_tc .con .item .btn1 {
	position: absolute;
	left: 6.4rem;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0;
	z-index: 2
}

.cd5_tc .con .item.on .btn1 {
	opacity: 1
}

.cd5_tc .con .item .btn1:hover {
	transform: translate(-50%, -50%) rotate(180deg)
}

.cd6 {
	padding: 0.8rem 1rem 0.8rem 1rem;
	display: flex;
	justify-content: center
}

.cd6 .item {
	display: block;
	text-align: center;
	margin: 0 0.8rem
}

.cd6 .item>div {
	transition: all 0.5s
}

.cd6 .item:hover>div {
	transform: translateY(-0.12rem)
}

.cd6 .item .icon {
	display: block;
	width: 0.44rem;
	height: 0.44rem;
	margin: 0 auto;
	margin-bottom: 0.3rem;
	background: no-repeat center;
	background-size: 100% 100%
}

.cd6 .item .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0
}

.cd6 .item:nth-child(1) .icon {
	background-image: url(../image/cd6_icon1.svg)
}

.cd6 .item:nth-child(2) .icon {
	background-image: url(../image/cd6_icon2.svg)
}

.cd6 .item:nth-child(3) .icon {
	background-image: url(../image/cd6_icon3.svg)
}

.cd6 .item:nth-child(4) .icon {
	background-image: url(../image/cd6_icon4.svg)
}

.cd6 .item .h {
	color: #333;
	line-height: 1.15;
	display: table;
	margin: 0 auto;
	position: relative;
	margin-bottom: 0.13rem
}

.cd6 .item .h img {
	width: 0.11rem;
	height: 0.11rem;
	position: absolute;
	left: calc(100% + 0.06rem);
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s;
	opacity: 0
}

.cd6 .item:hover .h img {
	opacity: 1
}

.cd6 .item .p {
	color: #606060;
	line-height: 1.2;
	font-weight: 200
}

.cdd_banners .list {
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0
}

.cdd_banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(.36, 0, .7, 1)
}

.cdd_banner .btn {
	position: absolute;
	right: 1rem;
	bottom: 0.8rem;
	width: 0.36rem;
	height: 0.36rem;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 4px
}

.cdd_banner .btn img {
	width: 0.2rem;
	height: 0.2rem;
	object-fit: contain
}

.cdd_banner .btn img.img2 {
	display: none
}

.cdd_banner.on .btn img.img1 {
	display: none
}

.cdd_banner.on .btn img.img2 {
	display: block
}

.cdd_banner.on .btn {
	display: block;
	opacity: 0
}

.cdd_banner.hid {
	height: 0%
}

.cdd_banner .pic {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.cdd_banner.on .pic {
	z-index: 6
}

.cdd_banner .pic .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.20)
}

.cdd_banner .pic:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.20);
	z-index: -1
}

.cdd_banner .pic .video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 0
}

.cdd_banner .pic .video1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 0.5s
}

.cdd_banner.on .pic .video1 {
	opacity: 1
}

.cdd_banner .txt {
	position: absolute;
	text-align: left;
	padding: 0 1.3rem;
	width: 100%;
	bottom: 0.6rem;
	left: 0;
	opacity: 1;
	transition: all 0.6s cubic-bezier(.36, 0, .7, 1);
	z-index: 3
}

.cdd_banner.hid .txt {
	top: 25.9vh;
	opacity: 0
}

.cdd_banner .txt .h {
	color: #fff;
	line-height: 1.2;
	margin-bottom: 0.33rem
}

.cdd_banner .txt .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.33rem
}

.cdd_banner .txt .p {
	color: #fff;
	font-weight: 200;
	line-height: 1.8;
	width: 7rem;
	margin-bottom: 0.5rem
}

.cdd_banner .txt .v_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid #fff
}

.cdd_banner .txt .v_btn:hover {
	border-color: transparent
}

.cdd_banner .txt .v_btn .svg_kuang {
	display: none
}

.cdd_banner .txt .v_btn:after {
	background-color: #fff
}

.cdd_banner .txt .v_btn p {
	color: #fff;
	line-height: 0.46rem;
	margin-right: 0.11rem;
	transition: all 0.5s
}

.cdd_banner .txt .v_btn:hover p {
	color: #333333
}

.cdd_banner .txt .v_btn .icon {
	width: 0.18rem
}

.cdd_banner .txt .v_btn .icon img {
	width: 100%
}

.cdd_banner .txt .v_btn .icon img.img2 {
	display: none
}

.cdd_banner .txt .v_btn:hover .icon img.img2 {
	display: block
}

.cdd_banner .txt .v_btn:hover .icon img.img1 {
	display: none
}

.cdd1 {
	position: relative
}

.cdd1 .con {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #F7F7F7;
	display: flex;
	padding: 1.2rem 1.3rem 1.2rem 2.8rem;
	justify-content: space-between;
	align-items: flex-start
}

.cdd1 .con .pics {
	width: 11.5rem;
	height: 67.9vh;
	background-color: #000
}

.cdd1 .con .pics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.cdd1 .con .pics .video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	padding: 0 !important
}

.cdd1 .con .txts {
	position: absolute;
	top: -10vh;
	left: 0;
	width: 100%;
	color: #fff;
	z-index: 2
}

.cdd1 .con .txts {
	position: relative
}

.cdd1 .con .txts .txt {
	position: absolute;
	top: 6vh;
	left: 0;
	width: 100%;
	opacity: 0;
	padding-top: 16.67vh
}

.cdd1 .con .txts .txt.on {
	opacity: 1;
	top: 0;
	transition: all 0.5s
}

.cdd1 .con .txts .h {
	line-height: 1.2;
	margin-bottom: 0.33rem
}

.cdd1 .con .txts .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	display: block;
	margin-bottom: 0.33rem;
	margin-left: 2px
}

.cdd1 .con .txts .p {
	font-weight: 200;
	line-height: 1.8
}

.cdd2 {
	position: relative;
	padding: 1.2rem 2.8rem
}

.cdd2 .top1 {
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
	opacity: 1 !important
}

.cdd2 .top1 .h1x {
	color: #333;
	line-height: 1.3
}

.cdd2 .top1 .btnx {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400
}

.cdd2 .top1 .btnx img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cdd2 .top1 .btnx img.img2 {
	display: none
}

.cdd2 .top1 .btnx:hover img.img1 {
	display: none
}

.cdd2 .top1 .btnx:hover img.img2 {
	display: block
}

.cdd2 .top1 .btnx:hover {
	color: #00a098
}

.cdd2 .top1 .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	display: none
}

.cdd2 .cons {
	width: 100%
}

.cdd2 .con {
	overflow: hidden
}

.cdd2 .con>div {
	position: relative;
	overflow: hidden
}

.cdd2 .con>div:nth-child(1) {
	margin-bottom: 14px
}

.cdd2 .con>div .swiper-slide {
	position: relative
}

.cdd2 .con>div .swiper-slide .pic {
	width: 100%;
	height: 2.1rem;
	overflow: hidden
}

.cdd2 .con>div .swiper-slide .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cdd2 .con>div .swiper-slide:hover .pic img {
	transform: scale(1.05)
}

.cdd2 .con>div .swiper-slide .h {
	margin-top: 0.2rem;
	color: #333;
	line-height: 1.2;
	width: 100%;
	opacity: 1;
	font-weight: 200
}

.cdd2 .con>div.bottom {
	position: relative;
	opacity: 1;
	transition: all 0.5s;
	padding-bottom: 1.02rem
}

.cdd2 .con>div.bottom .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto
}

.cdd2 .con>div.bottom .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.cdd2 .con>div.bottom .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.cdd2 .con>div.bottom .swiper-pagination-bullet-active {
	opacity: 1
}

.cdd2 .con>div.bottom .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.cdd2 .con>div.bottom .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cdd2 .con>div.bottom .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cdd2 .con>div.bottom .next img.img2 {
	display: none
}

.cdd2 .con>div.bottom .next:hover img.img1 {
	display: none
}

.cdd2 .con>div.bottom .next:hover img.img2 {
	display: block
}

.cdd2 .con>div.bottom .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.cdd2 .con>div.bottom .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cdd2 .con>div.bottom .prev img.img2 {
	display: none
}

.cdd2 .con>div.bottom .prev:hover img.img1 {
	display: none
}

.cdd2 .con>div.bottom .prev:hover img.img2 {
	display: block
}

.cdd2 .con>div.top {
	max-width: 100%;
	position: relative;
	overflow: hidden
}

.cdd2 .con>div.top .swiper-slide {
	opacity: 1;
	transition: all 0.5s
}

.cdd2 .con>div.top .swiper-slide-active {
	opacity: 1 !important
}

.cdd2.show .con>div.bottom {
	position: relative;
	opacity: 1
}

.cdd2.show .con>div.top .swiper-slide {
	opacity: 1
}

.cdd2.show1 .top1 {
	opacity: 1 !important
}

.cdd2.show1 .con>div.bottom {
	opacity: 1 !important
}

.cdd2.show1 .con>div.top {
	transform: scale(1) !important
}

.cdd2.show1 .con>div.top .swiper-slide {
	opacity: 1 !important
}

.cdd2 .btn_svg {
	display: block;
	margin: .4rem auto 0
}

.cdd3 {
	height: 6.4rem;
	position: relative;
	z-index: 2;
	margin-bottom: 0
}

.cdd3 .pic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 86.46%;
	height: 86.46%;
	max-width: 100%;
	max-height: 100%;
	min-width: 86.46%;
	min-height: 86.46%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.6s cubic-bezier(.36, 0, .7, 1)
}

.cdd3 .pic.show {
	width: 100%;
	height: 100%
}

.cdd3 .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 6.4rem;
	max-width: 99999px
}

.cdd3 .txt {
	position: absolute;
	top: 1.4rem;
	left: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-weight: 200;
	line-height: 1.8
}

.cdd4 {
	padding-bottom: 1.6rem
}

.banner_tc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 999;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s
}

.banner_tc.show {
	opacity: 1;
	pointer-events: all
}

.banner_tc .bj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.67)
}

.banner_tc .con {
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #000
}

.banner_tc .con video {
	width: 80vw;
	max-height: 76vh
}

.banner_tc .con .out {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(150%);
	cursor: pointer;
	transition: all 0.5s;
	width: 0.30rem
}

.banner_tc .con .out:hover {
	transform: translateX(150%) rotate(180deg)
}

.ca_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 0 2.8rem;
	border-bottom: 1px solid #E6E6E6;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(15px);
	transform: translateY(-101%);
	transition: all 0.5s
}

.ca_header.on {
	transform: translateY(0)
}

.ca_header .con {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.ca_header .con .h {
	color: #333;
	cursor: pointer
}

.ca_header .con .rightxx {
	display: flex;
	align-items: center
}

.ca_header .con .rightxx .list {
	display: flex
}

.ca_header .con .rightxx .list a {
	display: none;
	line-height: 2;
	padding: 0.16rem 0;
	position: relative;
	color: #333
}

.ca_header .con .rightxx .list a.ph {
	margin-left: 0.6rem;
	display: block
}

.ca_header .con .rightxx .list a.hid {
	margin-left: 0
}

.ca_header .con .rightxx .list a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.ca_header .con .rightxx .list a.on:after {
	opacity: 1
}

.ca_header .con .rightxx .list a:hover:after {
	opacity: 1
}

.ca_header .con .rightxx .cah_btn {
	display: block;
	background-color: transparent;
	margin-left: 0.5rem
}

.cddd_bannerx {
	width: 100%;
	height: 100vh;
	position: relative
}

.cddd_bannerx video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.cddd_bannerx .h1x {
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 24.63vh;
	left: 0;
	width: 100%;
	font-weight: 500
}

.cddd1 {
	position: relative;
	height: 180vh
}

.cddd1.auto {
	height: auto
}

.cddd1 .con {
	position: sticky;
	top: 0;
	height: 100vh
}

.cddd1 .cddd_banner {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	transition: all 0.8s;
	z-index: 3
}

.cddd1 .cddd_banner.show {
	padding-top: 34.5vh;
	transform: scale(0.46);
	z-index: 1
}

.cddd1 .cddd_banner .video {
	width: 100%;
	height: 100vh;
	object-fit: cover
}

.cddd1 .cddd_banner .h {
	position: absolute;
	color: #ffffff;
	top: 24.63vh;
	left: 0;
	width: 100%;
	text-align: center;
	transition: all 0.2s
}

.cddd1 .cddd_banner .h.hid {
	opacity: 0
}

.cddd1 .tit {
	padding-top: 1.2rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	opacity: 0;
	transition: all 0.5s
}

.cddd1 .tit.show {
	opacity: 1
}

.cddd1 .tit .h1x {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd1 .tit .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.3rem
}

.cddd1 .tit .p {
	color: #606060;
	line-height: 1.65;
	width: 8.82rem;
	margin: 0 auto;
	font-weight: 200
}

.cddd1 .tit .btn {
	display: flex;
	margin: 0 auto;
	margin-top: 44vh;
	width: 2.2rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 6px;
	color: #fff;
	border: 1px solid #ffffff
}

.cddd1 .tit .btn:hover {
	border-color: transparent
}

.cddd1 .tit .btn .svg_kuang {
	display: none
}

.cddd1 .tit .btn:after {
	background-color: #fff
}

.cddd1 .tit .btn:hover {
	color: #333333
}

.cddd1 .tit .btn img {
	width: 16px;
	height: 16px;
	margin-left: 0.1rem
}

.cddd1 .tit .btn img.img2 {
	display: none
}

.cddd1 .tit .btn:hover img.img1 {
	display: none
}

.cddd1 .tit .btn:hover img.img2 {
	display: block
}

.cddd2 {
	padding: 0 2.8rem 0.6rem 2.8rem
}

.cddd2 .num_box {
	transform: translateY(-0.7rem);
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.cddd2 .num_box .box {
	margin: 0 0.45rem;
	width: fit-content;
	text-align: center
}

.cddd2 .num_box .box .nums {
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.cddd2 .num_box .box .nums .num {
	color: #333;
	line-height: 1.67
}

.cddd2 .num_box .box .nums .dw {
	color: #333;
	margin-left: 0.06rem;
	transform: translateY(-0.18rem)
}

.cddd2 .num_box .box .p {
	color: #333;
	font-weight: 200;
	line-height: 1.5
}

.cddd2 .num_box .box .p2x {
	font-size: 12px;
	font-weight: 200;
	color: #606060;
	text-align: center;
	opacity: 0.3;
	margin-top: 0.08rem
}

.cddd2 .p1x {
	font-size: 12PX;
	font-weight: 200;
	color: #606060;
	text-align: center;
	transform: translateY(-0.4rem);
	opacity: 0.3
}

.cddd2 .con {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.cddd2 .con .item {
	display: block;
	width: 6.6rem;
	height: 5.67rem;
	overflow: hidden
}

.cddd2 .con .item .pic {
	width: 100%;
	height: 4.96rem;
	transition: all 0.5s;
	overflow: hidden;
	margin-bottom: 0.3rem
}

.cddd2 .con .item:hover .pic {
	height: 4.26rem
}

.cddd2 .con .item .pic img {
	width: 100%;
	height: 4.96rem;
	object-fit: cover;
	transition: all 0.5s
}

.cddd2 .con .item:hover .pic img {
	transform: scale(1.05)
}

.cddd2 .con .item .h {
	color: #333;
	line-height: 0.36rem;
	margin-bottom: 0.3rem;
	font-weight: 200;
	height: 0.36rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.cddd2 .con .item .btn {
	width: 2.18rem;
	line-height: 0.4rem;
	text-align: center;
	color: #333;
	border-radius: 0.06rem;
	border: 1px solid transparent;
	transition: all 0.5s;
	background-color: transparent;
	border: 1px solid #333
}

.cddd2 .con .item .btn:hover {
	background-color: #D9D9D9;
	border: 1px solid transparent
}

.cddd2_1 {
	padding-top: 1.2rem;
	padding-bottom: 1px !important;
	background-color: #f7f7f7
}

.cddd2_1 .tit {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	text-align: center
}

.cddd2_1>svg {
	width: 0.76rem;
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.7rem;
	display: block
}

.cddd2_1 .list {
	display: flex;
	justify-content: center;
	margin-bottom: 1.2rem
}

.cddd2_1 .list .item {
	margin: 0 0.4rem;
	text-align: center;
	width: fit-content
}

.cddd2_1 .list .item .icon {
	width: 0.44rem;
	height: 0.44rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.2rem
}

.cddd2_1 .list .item .p {
	color: #333;
	font-weight: 200;
	line-height: 1.7
}

.cddd2_1 .con {
	width: 100%;
	height: 6.4rem;
	background: no-repeat center;
	background-size: cover;
	color: #fff;
	padding-top: 1rem
}

.cddd2_1 .con .con1 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start
}

.cddd2_1 .con .p1x {
	font-size: 12PX;
	font-weight: 200;
	color: #fff;
	margin-top: 0.3rem;
	text-align: center;
	opacity: 0.5
}

.cddd2_1 .con .item {
	width: fit-content;
	margin: 0 0.78rem
}

.cddd2_1 .con .item .nums {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 0.07rem
}

.cddd2_1 .con .item .nums .num {
	line-height: 1.167
}

.cddd2_1 .con .item .nums .dw {
	margin-left: 0.06rem;
	transform: translateY(-0.08rem)
}

.cddd3 {
	padding: 1.2rem 0 0.92rem 0;
	background-color: #F7F7F7
}

.cddd3 .top {
	text-align: center;
	margin-bottom: 0.5rem
}

.cddd3 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd3 .top svg {
	display: none
}

.cddd3 .pic_box {
	position: relative;
	overflow: hidden;
	margin-bottom: 0.5rem
}

.cddd3 .pic_box .swiper-slide {
	display: block;
	position: relative;
	overflow: hidden;
	opacity: 0.2;
	transition: all 0.5s
}

.cddd3 .pic_box .swiper-slide img {
	width: 100%;
	height: 5.6rem;
	object-fit: cover;
	transition: all 0.5s
}

.cddd3 .pic_box .swiper-slide:hover img {
	transform: scale(1.05)
}

.cddd3 .pic_box .swiper-slide::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.11rem;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 102.78%);
	opacity: 0;
	transition: all 0.5s;
	z-index: 2
}

.cddd3 .pic_box .swiper-slide:hover::before {
	opacity: 1
}

.cddd3 .pic_box .swiper-slide .btn {
	position: absolute;
	bottom: 0.3rem;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	z-index: 3;
	background-color: transparent;
	color: #fff
}

.cddd3 .pic_box .swiper-slide .btn:after {
	background-color: #fff
}

.cddd3 .pic_box .swiper-slide .btn {
	opacity: 1;
	bottom: 0.5rem;
	border: 1px solid #ffffff
}

.cddd3 .pic_box .swiper-slide .btn:hover {
	border-color: transparent
}

.cddd3 .pic_box .swiper-slide .btn .svg_kuang {
	display: none
}

.cddd3 .pic_box .swiper-slide .btn:hover {
	color: #333333
}

.cddd3 .pic_box .swiper-slide-active {
	opacity: 1
}

.cddd3 .tab {
	display: flex;
	justify-content: center;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.37rem;
	position: relative
}

.cddd3 .tab:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0.3rem;
	width: calc(100% - 0.6rem);
	height: 1px;
	background-color: rgba(0, 0, 0, 0.20)
}

.cddd3 .tab li {
	padding-bottom: 0.19rem;
	cursor: pointer;
	position: relative;
	line-height: 1.15;
	margin: 0 0.3rem
}

.cddd3 .tab li a {
	display: block;
	color: #606060;
	transition: all 0.5s
}

.cddd3 .tab li.on a {
	color: #333
}

.cddd3 .tab li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0%;
	height: 2px;
	background-color: #606060;
	transition: all 0.5s
}

.cddd3 .tab li.on:after {
	width: 100%
}

.cddd3 .txt_box {
	width: 8.2rem;
	margin: 0 auto;
	text-align: center
}

.cddd3 .txt_box .txt {
	display: none;
	color: #606060;
	line-height: 0.3rem;
	height: 0.9rem;
	font-weight: 200
}

.cddd3 .txt_box .txt.on {
	display: block
}

.cddd3_1 {
	padding: 1.2rem 1.3rem 1.2rem 1.3rem
}

.cddd3_1 .top {
	text-align: center
}

.cddd3_1 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd3_1 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.cddd3_1 .top .p {
	color: #606060;
	line-height: 1.8;
	font-weight: 200;
	margin-bottom: 0.48rem
}

.cddd3_1 .tab {
	display: flex;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.32rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20)
}

.cddd3_1 .tab .li {
	cursor: pointer;
	color: #606060;
	line-height: 1.15;
	padding-bottom: 0.14rem;
	position: relative;
	margin-right: 0.6rem
}

.cddd3_1 .tab .li:last-child {
	margin-right: 0
}

.cddd3_1 .tab .li.on {
	color: #333
}

.cddd3_1 .tab .li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.cddd3_1 .tab .li.on:after {
	opacity: 1
}

.cddd3_1 .cons {
	padding: 0 1.37rem;
	position: relative
}

.cddd3_1 .cons .prev {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd3_1 .cons .prev.swiper-button-disabled {
	opacity: 0 !important
}

.cddd3_1 .cons .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd3_1 .cons .prev img.img2 {
	display: none
}

.cddd3_1 .cons .prev:hover img.img1 {
	display: none
}

.cddd3_1 .cons .prev:hover img.img2 {
	display: block
}

.cddd3_1 .cons .next {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd3_1 .cons .next.swiper-button-disabled {
	opacity: 0 !important
}

.cddd3_1 .cons .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd3_1 .cons .next img.img2 {
	display: none
}

.cddd3_1 .cons .next:hover img.img1 {
	display: none
}

.cddd3_1 .cons .next:hover img.img2 {
	display: block
}

.cddd3_1 .cons.hid .next,
.cddd3_1 .cons.hid .prev {
	display: none
}

.cddd3_1 .cons .con {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none
}

.cddd3_1 .cons .con.on {
	display: block
}

.cddd3_1 .cons .con.cen .swiper-wrapper {
	justify-content: center
}

.cddd3_1 .cons .con .swiper-slide {
	height: 5.9rem;
	height: auto;
	/*overflow: hidden*/
}

.cddd3_1 .cons .con .swiper-slide .pic {
	width: 100%;
	height: 5.32rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
	background-color: #898989;
	transition: all 0.5s
}

/*.cddd3_1 .cons .con .swiper-slide:hover .pic {*/
.cddd3_1 .cons .con .swiper-slide .pic {
	height: 3.9rem
}

.cddd3_1 .cons .con .swiper-slide .pic img,
.cddd3_1 .cons .con .swiper-slide .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.cddd3_1 .cons .con .swiper-slide:hover .pic img,
.cddd3_1 .cons .con .swiper-slide:hover .pic video {
	transform: scale(1.05);
}

.cddd3_1 .cons .con .swiper-slide .h {
	line-height: 1.167;
	color: #333;
	font-weight: 400;
	margin-bottom: 0.1rem
}

.cddd3_1 .cons .con .swiper-slide .p {
	line-height: 0.32rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #606060;
	font-weight: 200
}

.cddd3_1 .cons .con .swiper-slide .link {
	margin-top: 0.26rem
}

.cddd3_1 .cons .con .swiper-slide .link-box {
	margin-top: 0.26rem;
	display: flex;
	align-items: center
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	margin-right: 0.2rem;
	/*padding:0 0.2rem;*/
	/*border: 1px solid #606060;*/
	border-radius: 6px;
	line-height: 0.46rem;
	transition: all 0.5s;
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx img.img2 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover img.img1 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover img.img2 {
	display: block
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover {
	color: #ffffff;
	color: #00a098;
}

.cddd3_1 .cons .con .swiper-slide .btn_svg {
	margin-right: .2rem
}

.cddd3_1 .cons .con .swiper-slide .btn1 {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	width: fit-content;
	transition: all 0.5s;
	margin-top: 0.26rem
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover {
	color: #00a098
}

.cddd3_1 .cons .con .swiper-slide .btn1 img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd3_1 .cons .con .swiper-slide .btn1 img.img2 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover img.img1 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover img.img2 {
	display: block
}

/* .cddd3_1 {
	padding: 1.2rem 1.3rem 1.2rem 1.3rem
}

.cddd3_1 .top {
	text-align: center
}

.cddd3_1 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd3_1 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.cddd3_1 .top .p {
	color: #606060;
	line-height: 1.8;
	font-weight: 200;
	margin-bottom: 0.48rem
}

.cddd3_1 .tab {
	display: flex;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.32rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20)
}

.cddd3_1 .tab .li {
	cursor: pointer;
	color: #606060;
	line-height: 1.15;
	padding-bottom: 0.14rem;
	position: relative;
	margin-right: 0.6rem
}

.cddd3_1 .tab .li:last-child {
	margin-right: 0
}

.cddd3_1 .tab .li.on {
	color: #333
}

.cddd3_1 .tab .li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.cddd3_1 .tab .li.on:after {
	opacity: 1
}

.cddd3_1 .cons {
	padding: 0 1.37rem;
	position: relative
}

.cddd3_1 .cons .prev {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd3_1 .cons .prev.swiper-button-disabled {
	opacity: 0 !important
}

.cddd3_1 .cons .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd3_1 .cons .prev img.img2 {
	display: none
}

.cddd3_1 .cons .prev:hover img.img1 {
	display: none
}

.cddd3_1 .cons .prev:hover img.img2 {
	display: block
}

.cddd3_1 .cons .next {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd3_1 .cons .next.swiper-button-disabled {
	opacity: 0 !important
}

.cddd3_1 .cons .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd3_1 .cons .next img.img2 {
	display: none
}

.cddd3_1 .cons .next:hover img.img1 {
	display: none
}

.cddd3_1 .cons .next:hover img.img2 {
	display: block
}

.cddd3_1 .cons.hid .next,
.cddd3_1 .cons.hid .prev {
	display: none
}

.cddd3_1 .cons .con {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none
}

.cddd3_1 .cons .con.on {
	display: block
}

.cddd3_1 .cons .con.cen .swiper-wrapper {
	justify-content: center
}

.cddd3_1 .cons .con .swiper-slide {
	height: 5.9rem;
	overflow: hidden
}

.cddd3_1 .cons .con .swiper-slide .pic {
	width: 100%;
	height: 5.32rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
	background-color: #898989;
	transition: all 0.5s
}

.cddd3_1 .cons .con .swiper-slide:hover .pic {
	height: 4.1rem
}

.cddd3_1 .cons .con .swiper-slide .pic img,
.cddd3_1 .cons .con .swiper-slide .pic video {
	width: 100%;
	height: 5.32rem;
	object-fit: cover
}

.cddd3_1 .cons .con .swiper-slide .h {
	line-height: 1.167;
	color: #333;
	font-weight: 400;
	margin-bottom: 0.1rem
}

.cddd3_1 .cons .con .swiper-slide .p {
	line-height: 0.32rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #606060;
	font-weight: 200
}

.cddd3_1 .cons .con .swiper-slide .link {
	margin-top: 0.26rem
}

.cddd3_1 .cons .con .swiper-slide .link-box {
	margin-top: 0.26rem;
	display: flex;
	align-items: center
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	margin-right: 0.2rem
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx img.img2 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover img.img1 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover img.img2 {
	display: block
}

.cddd3_1 .cons .con .swiper-slide .link-box .btnx:hover {
	color: #00a098
}

.cddd3_1 .cons .con .swiper-slide .btn_svg {
	margin-right: .2rem
}

.cddd3_1 .cons .con .swiper-slide .btn1 {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400;
	width: fit-content;
	transition: all 0.5s;
	margin-top: 0.26rem
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover {
	color: #00a098
}

.cddd3_1 .cons .con .swiper-slide .btn1 img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd3_1 .cons .con .swiper-slide .btn1 img.img2 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover img.img1 {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .btn1:hover img.img2 {
	display: block
} */

.btn_svg {
	position: relative;
	width: 2.2rem;
	line-height: 0.46rem;
	text-align: center;
	z-index: 2;
	color: #333;
	border-radius: 6px;
	z-index: 2;
	overflow: hidden;
	border: 1px solid #333
}

.btn_svg:hover {
	color: #fff;
	border-color: transparent
}

.btn_svg_p {
	color: #333333 !important
}

.btn_svg_p:hover {
	color: #ffffff !important
}

.btn_svg_n {
	width: 1.46rem
}

.btn_svg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333333;
	z-index: -2;
	opacity: 0
}

.btn_svg:hover:after {
	width: 100%;
	opacity: 1
}

.btn_svg .svg_kuang {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none
}

.btn_svg .svg_kuang .svg1 {
	position: absolute;
	top: 0rem;
	width: 100%;
	height: 0.25rem;
	left: 0;
	stroke-dasharray: 600;
	stroke-dashoffset: 350;
	transition: all 0.8s
}

.btn_svg:hover .svg_kuang .svg1 {
	stroke-dashoffset: 335
}

.btn_svg .svg_kuang .svg2 {
	position: absolute;
	bottom: 0rem;
	width: 100%;
	left: 0;
	height: 0.25rem;
	stroke-dasharray: 600;
	stroke-dashoffset: 350;
	transition: all 0.8s
}

.btn_svg:hover .svg_kuang .svg2 {
	stroke-dashoffset: 335
}

.btn_svg_n .svg_kuang .svg1 {
	stroke-dasharray: 600;
	stroke-dashoffset: 427
}

.btn_svg_n:hover .svg_kuang .svg1 {
	stroke-dashoffset: 414
}

.btn_svg_n .svg_kuang .svg2 {
	stroke-dasharray: 600;
	stroke-dashoffset: 427
}

.btn_svg_n:hover .svg_kuang .svg2 {
	stroke-dashoffset: 414
}

.btn_svg_nx .svg_kuang .svg1 {
	stroke-dasharray: 600;
	stroke-dashoffset: 450
}

.btn_svg_nx:after {
	background-color: #fff
}

.btn_svg_nx:hover .svg_kuang .svg1 {
	stroke-dashoffset: 437
}

.btn_svg_nx .svg_kuang .svg2 {
	stroke-dasharray: 600;
	stroke-dashoffset: 450
}

.btn_svg_nx:hover .svg_kuang .svg2 {
	stroke-dashoffset: 437
}

.btn_svg.onchage {
	background: transparent !important;
	position: relative;
	padding: 0 !important;
	border: 1px solid #333
}

.btn_svg.onchage:hover {
	border-color: transparent;
	color: #fff
}

.btn_svg.onchage .svg_kuang {
	display: none
}

.btn_svg.onchage button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0
}

.c-mapx .btn_svg {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333 !important;
	transform: translateY(0.3rem);
	border: 1px solid #333
}

.c-mapx .btn_svg:hover {
	color: #fff !important;
	border-color: transparent
}

.c-mapx .btn_svg .svg_kuang {
	display: none
}

.c-mapx .btn_svg img {
	width: 0.16rem;
	margin-right: 0.08rem
}

.c-mapx .btn_svg img.img2 {
	display: none
}

.c-mapx .btn_svg:hover img.img1 {
	display: none
}

.c-mapx .btn_svg:hover img.img2 {
	display: block
}

.cs-mores .btn_svg {
	color: #333333 !important;
	border: none;
	border-radius: 6px;
	width: 1.46rem !important;
	border: 1px solid #333
}

.cs-mores .btn_svg:hover {
	color: #fff !important;
	box-shadow: none;
	border-color: transparent
}

.cs-mores .btn_svg .svg_kuang {
	display: none
}

.cddd3_1 .cons .con .swiper-slide .btn {
	line-height: 0.4rem;
	width: 2.18rem;
	color: #333;
	font-weight: 400;
	border-radius: 0.06rem;
	transition: all 0.5s;
	border: 1px solid #333;
	text-align: center;
	margin-top: 0.26rem
}

.cddd3_1 .cons .con .swiper-slide .btn:hover {
	border-color: transparent;
	background-color: #D9D9D9
}

.cddd4 {
	padding: 1.2rem 2.8rem
}

.cddd4 .top {
	text-align: center;
	margin-bottom: 0.4rem
}

.cddd4 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.4rem
}

.cddd4 .con {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 0
}

.cddd4 .con .item {
	width: 4.4rem;
	background-color: #F8F8F8;
	padding: 0.7rem 0.49rem 0.3rem 0.49rem
}

.cddd4 .con .item .icon {
	width: 0.53rem;
	height: 0.53rem;
	object-fit: contain;
	margin-bottom: 0.29rem
}

.cddd4 .con .item .h {
	color: #333;
	line-height: 1.167;
	margin-bottom: 0.29rem
}

.cddd4 .con .item .p {
	color: #606060;
	line-height: 0.3rem;
	font-weight: 200
}

.cddd4 .con .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.5s
}

.cddd4 .con .next:hover {
	opacity: 1
}

.cddd4 .con .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd4 .con .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.cddd4 .con .prev:hover {
	opacity: 1
}

.cddd4 .con .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd4 .con {
	position: relative;
	overflow: hidden;
	padding-bottom: 1.02rem
}

.cddd4 .con.hid {
	padding-bottom: 0
}

.cddd4 .con .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto;
	bottom: 0.2rem
}

.cddd4 .con.hid .swiper-pagination {
	display: none
}

.cddd4 .con .swiper-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.cddd4 .con .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.cddd4 .con .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.cddd4 .con .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.cddd4 .con .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd4 .con.hid .next {
	display: none
}

.cddd4 .con .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd4 .con .next img.img2 {
	display: none
}

.cddd4 .con .next:hover img.img1 {
	display: none
}

.cddd4 .con .next:hover img.img2 {
	display: block
}

.cddd4 .con .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.cddd4 .con.hid .prev {
	display: none
}

.cddd4 .con .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd4 .con .prev img.img2 {
	display: none
}

.cddd4 .con .prev:hover img.img1 {
	display: none
}

.cddd4 .con .prev:hover img.img2 {
	display: block
}

.cddd4_1 {
	padding: 1.2rem 2.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.cddd4_1 .txt {
	width: 6rem
}

.cddd4_1 .txt .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	font-weight: 400
}

.cddd4_1 .txt svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.cddd4_1 .txt .p {
	color: #606060;
	text-align: justify;
	line-height: 1.8;
	font-weight: 200
}

.cddd4_1 .pic {
	width: 6.6rem;
	height: 6.1rem;
	overflow: hidden;
	background-color: #5F5F5F
}

.cddd4_1 .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cddd4_1 .pic:hover img {
	transform: scale(1.05)
}

.cddd5 {
	position: relative;
	height: auto;
	background-color: #F8F8F8
}

.cddd5 .cons {
	position: sticky;
	top: 0;
	padding: 1.2rem 0 1.2rem 0
}

.cddd5 .cons .top {
	padding: 0 2.8rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem
}

.cddd5 .cons .top .t_left .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0
}

.cddd5 .cons .top .t_left svg {
	display: none
}

.cddd5 .cons .top .t_right {
	width: 8.54rem;
	color: #333;
	font-weight: 200;
	line-height: 1.8
}

.cddd5 .cons .center {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding: 0 2.8rem
}

.cddd5 .cons .center .list {
	position: relative;
	overflow: hidden;
	padding-bottom: 1.02rem
}

.cddd5 .cons .center .list.hideBtn {
	padding-bottom: 0
}

.cddd5 .cons .center .list.hid {
	padding-bottom: 0
}

.cddd5 .cons .center .list .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto;
	bottom: 0.2rem
}

.cddd5 .cons .center .list.hid .swiper-pagination {
	display: none
}

.cddd5 .cons .center .list .swiper-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.cddd5 .cons .center .list .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.cddd5 .cons .center .list .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.cddd5 .cons .center .list .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.cddd5 .cons .center .list .next {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	background-image: none;
	transition: all 0.5s
}

.cddd5 .cons .center .list.hid .next {
	display: none
}

.cddd5 .cons .center .list .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd5 .cons .center .list .next img.img2 {
	display: none
}

.cddd5 .cons .center .list .next:hover img.img1 {
	display: none
}

.cddd5 .cons .center .list .next:hover img.img2 {
	display: block
}

.cddd5 .cons .center .list .prev {
	position: absolute;
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem);
	background-image: none
}

.cddd5 .cons .center .list.hid .prev {
	display: none
}

.cddd5 .cons .center .list .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd5 .cons .center .list .prev img.img2 {
	display: none
}

.cddd5 .cons .center .list .prev:hover img.img1 {
	display: none
}

.cddd5 .cons .center .list .prev:hover img.img2 {
	display: block
}

.cddd5 .cons .center .swiper-slide {
	display: block;
	width: 4.26rem;
	margin-right: 0.4rem;
	transition: all 0.5s
}

.cddd5 .cons .center .swiper-slide-prev {
	opacity: 0
}

.cddd5 .cons .center .swiper-slide:last-child {
	margin-right: 0
}

.cddd5 .cons .center .swiper-slide .pic {
	width: 100%;
	height: 3.3rem;
	overflow: hidden;
	background: url(../image/bg.jpg)no-repeat center;
	background-size: cover;
	position: relative
}

.cddd5 .cons .center.two .swiper-slide .pic {
	height: 5rem
}

.cddd5 .cons .center .swiper-slide .pic>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s
}

.cddd5 .cons .center .swiper-slide:hover .pic>img {
	transform: scale(1.05)
}

.cddd5 .cons .center .swiper-slide .pic .btn1 {
	position: absolute;
	right: 0.28rem;
	bottom: 0.28rem;
	width: 0.28rem;
	height: 0.28rem
}

.cddd5 .cons .center .swiper-slide .pic .btn1 img {
	width: 100%
}

.cddd5 .cons .center .swiper-slide .pic .btn1 img.img1 {
	display: none
}

.cddd5 .cons .center .swiper-slide .pic .btn1 img.img2 {
	display: none
}

.cddd5 .cons .center .swiper-slide:hover .pic .btn1 img.img2 {
	display: block
}

.cddd5 .cons .center .swiper-slide:hover .pic .btn1 img.img1 {
	display: none
}

.cddd5 .cons .center .swiper-slide .txt {
	padding: 0.3rem 0 0 0;
	line-height: 1.75;
	color: #333;
	font-weight: 200
}

.cddd5 .cons .btn {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400
}

.cddd5 .cons .btn img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd5 .cons .btn img.img2 {
	display: none
}

.cddd5 .cons .btn:hover img.img1 {
	display: none
}

.cddd5 .cons .btn:hover img.img2 {
	display: block
}

.cddd5 .cons .btn:hover {
	color: #00a098
}

.cddd6 {
	padding: 0 0 0.2rem 0;
	position: relative
}

.cddd6x {
	padding: 0;
	position: relative
}

.cddd6 .txts {
	padding: 1.2rem 0;
	opacity: 1 !important
}

.cddd6 .txts .h {
	text-align: center;
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd6 .txts .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.3rem
}

.cddd6 .txts .p {
	width: 8.88rem;
	display: block;
	margin: 0 auto;
	color: #333;
	line-height: 1.8;
	font-weight: 200;
	text-align: center;
	margin-bottom: 0.3rem
}

.cddd6 .txts .num_box {
	display: flex;
	justify-content: center;
	padding-top: 0.2rem
}

.cddd6 .txts .num_box .box {
	width: fit-content;
	margin: 0 0.29rem
}

.cddd6 .txts .num_box .box .nums {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.06rem;
	justify-content: center
}

.cddd6 .txts .num_box .box .nums .num {
	color: #333;
	line-height: 1.167;
	margin-right: 0.06rem
}

.cddd6 .txts .num_box .box .nums .dw {
	color: #333;
	line-height: 1.15;
	transform: translateY(-0.1rem)
}

.cddd6 .txts .num_box .box .p1 {
	color: #333;
	line-height: 1.5;
	font-weight: 200;
	text-align: center
}

.cddd6 .txts .p1x {
	font-size: 12PX;
	font-weight: 200;
	color: #606060;
	text-align: center;
	margin-top: 0.3rem;
	opacity: 0.5
}

.cddd6 .pic_box {
	overflow: hidden;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem
}

.cddd6 .pic_box .topx {
	padding: 0 2.8rem;
	margin-bottom: 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.cddd6 .pic_box .topx .tit {
	color: #333;
	font-weight: 400;
	line-height: 1.17
}

.cddd6 .pic_box .topx .morex {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400
}

.cddd6 .pic_box .topx .morex img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd6 .pic_box .topx .morex img.img2 {
	display: none
}

.cddd6 .pic_box .topx .morex:hover img.img1 {
	display: none
}

.cddd6 .pic_box .topx .morex:hover img.img2 {
	display: block
}

.cddd6 .pic_box .topx .morex:hover {
	color: #00a098
}

.cddd6 .pic_box .boxx {
	position: relative;
	overflow: hidden
}

.cddd6 .pic_box .boxx .swiper-wrapper {
	transition-timing-function: linear
}

.cddd6 .pic_box .boxx:nth-child(2) {
	margin-bottom: 14px
}

.cddd6 .pic_box .boxx .swiper-slide {
	position: relative;
	height: 15.32vw;
	overflow: hidden
}

.cddd6 .pic_box .boxx .swiper-slide>img {
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	object-fit: cover;
	transition: all 0.5s
}

.cddd6 .pic_box .boxx .swiper-slide video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cddd6.show .pic_box .boxx .swiper-slide video {
	opacity: 0
}

.cddd6 .pic_box .boxx .swiper-slide:hover .pic img {
	transform: scale(1.05)
}

.cddd6 .pic_box .boxx.bottom {
	position: relative;
	opacity: 1;
	transition: all 0.5s
}

.cddd6 .pic_box .boxx.top {
	transform: scale(1);
	max-width: 100%;
	position: relative;
	overflow: hidden;
	transition: all 0.8s
}

.cddd6 .pic_box .boxx.top .swiper-slide {
	transition: all 0.5s
}

.cddd6 .pic_box .boxx .swiper-slide .txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.50);
	color: #fff;
	padding: 1rem 0.5rem 0 0.5rem;
	opacity: 0;
	transition: all 0.5s
}

.cddd6 .pic_box .boxx .swiper-slide:hover .txt {
	opacity: 1;
	padding-top: 0.8rem
}

.cddd6 .pic_box .boxx .swiper-slide .txt .h {
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0.4rem
}

.cddd6 .pic_box .boxx .swiper-slide .txt .btn {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 400
}

.cddd6 .pic_box .boxx .swiper-slide .txt .btn img {
	width: 0.12rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.cddd6 .pic_box .boxx .swiper-slide .txt .btn:hover img {
	transform: translateX(0.06rem)
}

.cddd6 .pic_box .box2 {
	margin: 0 2.8rem;
	width: calc(100% - 5.6rem);
	position: relative;
	overflow: hidden;
	padding-bottom: 1.02rem
}

.cddd6 .pic_box .box2 .swiper-slide .pic {
	width: 100%;
	height: 2.8rem;
	overflow: hidden
}

.cddd6 .pic_box .box2 .swiper-slide .pic img {
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	max-width: calc(100% + 6px);
	max-height: calc(100% + 6px);
	transform: translate(-3px, -3px);
	object-fit: cover;
	transition: all 0.5s
}

.cddd6 .pic_box .box2 .swiper-slide .pic:hover img {
	transform: scale(1.05)
}

.cddd6 .pic_box .box2 .swiper-slide .txt {
	padding: 0.24rem 0 0 0
}

.cddd6 .pic_box .box2 .swiper-slide .txt .h {
	color: #333;
	font-weight: 400;
	line-height: 28px;
	height: 56px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.cddd6 .pic_box .box2 .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto
}

.cddd6 .pic_box .box2.hid .swiper-pagination {
	display: none
}

.cddd6 .pic_box .box2 .swiper-pagination-bullet {
	opacity: 1;
	border-radius: 4px;
	width: 40px;
	height: 26px;
	line-height: 24px;
	border: 1px solid transparent;
	color: #606060;
	background-color: transparent
}

.cddd6 .pic_box .box2 .swiper-pagination-bullet-active {
	color: #333;
	border-color: #333;
	background-color: transparent
}

.cddd6 .pic_box .box2 .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.cddd6 .pic_box .box2 .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.cddd6 .pic_box .box2.hid .next {
	display: none
}

.cddd6 .pic_box .box2 .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd6 .pic_box .box2 .next img.img2 {
	display: none
}

.cddd6 .pic_box .box2 .next:hover img.img1 {
	display: none
}

.cddd6 .pic_box .box2 .next:hover img.img2 {
	display: block
}

.cddd6 .pic_box .box2 .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.cddd6 .pic_box .box2.hid .prev {
	display: none
}

.cddd6 .pic_box .box2 .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.cddd6 .pic_box .box2 .prev img.img2 {
	display: none
}

.cddd6 .pic_box .box2 .prev:hover img.img1 {
	display: none
}

.cddd6 .pic_box .box2 .prev:hover img.img2 {
	display: block
}

.cddd7 {
	padding: 1.2rem 2.8rem
}

.cddd7 .top {
	text-align: center;
	margin-bottom: 0.4rem
}

.cddd7 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd7 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.cddd7 .top .p {
	width: 8.88rem;
	display: block;
	margin: 0 auto;
	color: #333;
	line-height: 1.8;
	font-weight: 200;
	text-align: center
}

.cddd7 .pic {
	width: 100%
}

.cddd7 .pic img {
	width: 100%
}

.cddd7 .pic {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.cddd7 .pic .item {
	width: 1.5rem;
	text-align: center
}

.cddd7 .pic .item .icon {
	width: 100%;
	height: 1.5rem;
	border-radius: 50%;
	border: 1px solid #dedede;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.2rem
}

.cddd7 .pic .item .icon img {
	width: 0.44rem
}

.cddd7 .pic .item .txt {
	color: #333;
	font-weight: 400;
	line-height: 1.3
}

.cddd7 .pic>img.jt {
	width: 0.38rem;
	margin-top: 0.75rem;
	transform: translateY(-50%)
}

.cddd7 .pic>img.jt:last-child {
	display: none
}

.cddd7 .picx {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.cddd7 .picx .item {
	width: 1.5rem;
	text-align: center
}

.cddd7 .picx .item .icon {
	width: 100%;
	height: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.2rem;
	position: relative;
	overflow: hidden
}

.cddd7 .picx .item .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.08rem;
	border: 2px solid #FF6E00;
	opacity: 0;
	transition: all 0.5s
}

.cddd7 .picx .item .icon:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(160deg);
	width: 180%;
	height: 0.1rem;
	background-color: #fff;
	transition: all 1s ease-in-out
}

.cddd7 .picx .item:hover .icon:before {
	opacity: 1
}

.cddd7 .picx .item:hover .icon:after {
	transform: translate(-50%, -50%) rotate(340deg)
}

.cddd7 .picx .item .icon img {
	width: 0.44rem;
	position: relative;
	z-index: 10
}

.cddd7 .picx .item .icon img.img2 {
	display: none
}

.cddd7 .picx .item:hover .icon img.img1 {
	display: none
}

.cddd7 .picx .item:hover .icon img.img2 {
	display: block
}

.cddd7 .picx .item .txt {
	color: #333;
	font-weight: 400;
	line-height: 1.3
}

.cddd7 .picx>img.jt {
	width: 0.38rem;
	margin-top: 0.75rem;
	transform: translateY(-50%)
}

.cddd7 .picx>img.jt:last-child {
	display: none
}

.cddd8 {
	padding: 1.2rem 2.8rem 0.8rem 2.8rem
}

.cddd8 .top {
	text-align: center;
	margin-bottom: 0.5rem
}

.cddd8 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd8 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.cddd8 .top .p {
	width: 8.88rem;
	display: block;
	margin: 0 auto;
	color: #333;
	line-height: 1.8;
	font-weight: 200;
	text-align: center
}

.cddd8 .con {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.cddd8 .con .item {
	width: 6.6rem;
	margin-bottom: 0.4rem
}

.cddd8 .con .item .pic {
	width: 100%;
	height: 4.2rem;
	overflow: hidden;
	margin-bottom: 0.3rem
}

.cddd8 .con .item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cddd8 .con .item .pic:hover img {
	transform: scale(1.05)
}

.cddd8 .con .item .h {
	color: #333;
	font-weight: 200;
	line-height: 1.75
}

.cddd9 {
	padding: 1.2rem 2.8rem;
	background-color: #F8F8F8
}

.cddd9 .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0.4rem
}

.cddd9 .top .tit {
	width: calc(100% - 8.2rem)
}

.cddd9 .top .tit .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd9 .top .tit svg {
	width: 0.73rem;
	height: 0.09rem
}

.cddd9 .top .p {
	width: 8.2rem;
	color: #606060;
	font-weight: 200;
	line-height: 1.8
}

.cddd9 .bottom {
	display: flex;
	justify-content: space-between
}

.cddd9 .bottom .item {
	width: 4.4rem;
	background-color: #ffffff;
	transition: all 0.5s
}

.cddd9 .bottom .item:hover {
	background-color: #D9D9D9
}

.cddd9 .bottom .item .pic {
	width: 100%;
	height: 4.6rem;
	overflow: hidden
}

.cddd9 .bottom .item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.cddd9 .bottom .item .pic:hover img {
	transform: scale(1.05)
}

.cddd9 .bottom .item .txt {
	padding: 0.28rem 0.4rem;
	color: #333;
	font-weight: 200;
	line-height: 1.75
}

.cddd10 .con {
	position: relative;
	padding: 1.2rem 2.8rem 0 2.8rem
}

.cddd10 .con .txt_left {
	position: sticky;
	top: 2.44rem;
	height: calc(100vh - 2.84rem);
	width: 3.34rem;
	padding-right: 0.3rem;
	float: left
}

.cddd10 .con .txt_left .top {
	margin-bottom: 1.8rem
}

.cddd10 .con .txt_left .top .h {
	color: #333;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.cddd10 .con .txt_left .top svg {
	width: 0.73rem;
	height: 0.09rem
}

.cddd10 .con .txt_left .tab {
	border-left: 1px solid #33333310
}

.cddd10 .con .txt_left .tab .li {
	padding: 0.27rem 0 0.27rem 0.32rem;
	position: relative;
	color: #606060;
	cursor: pointer;
	transition: all 0.5s
}

.cddd10 .con .txt_left .tab .li.on {
	color: #333
}

.cddd10 .con .txt_left .tab .li:after {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	width: 3px;
	height: 100%;
	background-color: #606060;
	transition: all 0.5s;
	opacity: 0
}

.cddd10 .con .txt_left .tab .li.on:after {
	opacity: 1
}

.cddd10 .con .pic_right {
	width: 10.26rem;
	float: right;
	padding-bottom: calc(100vh - 10rem)
}

.cddd10 .con .pic_right .pic {
	width: 100%;
	height: 5.1rem;
	margin-bottom: 0.4rem;
	position: relative;
	overflow: hidden
}

.cddd10 .con .pic_right .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.cddd10 .con .pic_right .pic video {
	width: 102%;
	height: 102%;
	margin-top: -1%;
	margin-left: -1%;
	object-fit: cover
}

.cddd10 .con .pic_right .pic .h1x {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	padding: 0 0.5rem;
	color: #fff;
	line-height: 1.3
}

.nz_banner {
	position: relative;
	height: 200vh
}

.nz_banner .pics {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh
}

.nz_banner .pics .pic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	width: 100%;
	height: 100%;
	transition: all 0.8s
}

.nz_banner.show .pics .pic {
	transform: translate(-50%, -50%) scale(1)
}

.nz_banner .pics .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.nz_banner .pics .pic .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.20)
}

.nz_banner .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.nz_banner .pics .txt {
	position: absolute;
	top: 20.8vh;
	left: 0;
	padding: 0 2.8rem;
	color: #ffffff;
	opacity: 0;
	transition: all 0.5s;
	z-index: 2
}

.nz_banner.show .pics .txt {
	opacity: 1
}

.nz_banner .pics .txt .h {
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz_banner .pics .txt svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.nz_banner .pics .txt .h_1 {
	line-height: 1.3;
	margin-bottom: 0.22rem;
}

.nz_banner .pics .txt .p {
	width: 6.6rem;
	font-weight: 200;
	line-height: 1.8
}

.nz_con .nz1 {
	position: relative;
	padding: 0 2.8rem
}

.nz_con .nz1 .con {
	position: sticky;
	top: 0;
	width: 100%;
	padding: 1.2rem 0 1.2rem 0
}

.nz_con .nz1 .top {
	text-align: center;
	margin-bottom: 0.5rem
}

.nz_con .nz1 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz_con .nz1 .top svg {
	display: none
}

.nz_con .nz1 .bottom {
	overflow: hidden;
	position: relative;
	padding-bottom: 1.02rem
}

.nz_con .nz1 .bottom.hid {
	padding-bottom: 0
}

.nz_con .nz1 .bottom .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto;
	bottom: 0.2rem
}

.nz_con .nz1 .bottom.hid .swiper-pagination {
	display: none
}

.nz_con .nz1 .bottom .swiper-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.nz_con .nz1 .bottom .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz1 .bottom .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.nz_con .nz1 .bottom .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.nz_con .nz1 .bottom .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz1 .bottom.hid .next {
	display: none
}

.nz_con .nz1 .bottom .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz1 .bottom .next img.img2 {
	display: none
}

.nz_con .nz1 .bottom .next:hover img.img1 {
	display: none
}

.nz_con .nz1 .bottom .next:hover img.img2 {
	display: block
}

.nz_con .nz1 .bottom .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.nz_con .nz1 .bottom.hid .prev {
	display: none
}

.nz_con .nz1 .bottom .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz1 .bottom .prev img.img2 {
	display: none
}

.nz_con .nz1 .bottom .prev:hover img.img1 {
	display: none
}

.nz_con .nz1 .bottom .prev:hover img.img2 {
	display: block
}

.nz_con .nz1 .bottom .list .item {
	background-color: #F7F7F7;
	padding: 0.76rem 0.5rem 0.4rem 0.5rem;
	height: auto;
	box-sizing: border-box
}

.nz_con .nz1 .bottom .list .item:last-child {
	margin-right: 0
}

.nz_con .nz1 .bottom .list .item .icon {
	width: 0.53rem;
	height: 0.53rem;
	margin-bottom: 0.3rem
}

.nz_con .nz1 .bottom .list .item .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz1 .bottom .list .item .h1x {
	color: #333;
	line-height: 1.167;
	margin-bottom: 0.3rem
}

.nz_con .nz1 .bottom .list .item .p {
	color: #606060;
	line-height: 1.5;
	font-weight: 200
}

.nz_con .nz1 .bottom .list .item .p span {
	color: #333
}

.nz1_1 {
	padding: 1.2rem 2.8rem
}

.nz1_1 .top {
	text-align: center;
	margin-bottom: 0.5rem;
	text-align: center
}

.nz1_1 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz1_1 .top svg {
	width: 0.73rem;
	height: 0.09rem
}

.nz1_1 .tab {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.5rem
}

.nz1_1 .tab.hid {
	display: none
}

.nz1_1 .tab .li {
	cursor: pointer;
	margin-right: 0.6rem;
	padding-bottom: 0.14rem;
	color: #606060;
	line-height: 1.15;
	transition: all 0.5s;
	position: relative
}

.nz1_1 .tab .li.on {
	color: #333
}

.nz1_1 .tab .li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.nz1_1 .tab .li.on:after {
	opacity: 1
}

.nz1_1 .tab .li:last-child {
	margin-right: 0
}

.nz1_1 .cons {
	width: 100%;
	height: 5.2rem;
	position: relative
}

.nz1_1 .con {
	width: 100%;
	opacity: 0;
	display: flex;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s;
	height: 100%
}

.nz1_1 .con.on {
	opacity: 1;
	pointer-events: all
}

.nz1_1 .con .txt {
	width: 40%;
	background-color: #F7F7F7;
	height: 100%;
	display: flex;
	align-items: flex-start;
	padding: 1rem 0.7rem 0 0.7rem
}

.nz1_1 .con .txt .h1x {
	padding-right: 0.42rem;
	border-bottom: 1px solid #E0E0E0;
	color: #333;
	font-weight: 400;
	line-height: 1.1875;
	padding-bottom: 0.3rem;
	margin-bottom: 0.4rem
}

.nz1_1 .con .txt .h2 {
	color: #333;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz1_1 .con .txt .list {
	padding-right: 0.1rem;
	height: 2.24rem;
	overflow: auto
}

.nz1_1 .con .txt .list::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.nz1_1 .con .txt .list::-webkit-scrollbar-thumb {
	background: #00a098
}

.nz1_1 .con .txt .list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	height: 1.6rem !important
}

.nz1_1 .con .txt p {
	color: #606060;
	font-weight: 200;
	line-height: 0.32rem;
	position: relative;
	padding-left: .2rem
}

.nz1_1 .con .txt p::after {
	content: "";
	position: absolute;
	top: .12rem;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #606060
}

.nz1_1 .con .pic {
	width: 60%;
	background-color: #E6E6E6;
	height: 100%;
	overflow: hidden
}

.nz1_1 .con .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nz1_1 .con .pic:hover img {
	transform: scale(1.05)
}

.nz1_1 .conx {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.nz1_1 .conx .box {
	width: 6.6rem
}

.nz1_1 .conx .box .pic {
	width: 100%;
	height: 3.72rem;
	overflow: hidden;
	margin-bottom: 0.5rem
}

.nz1_1 .conx .box .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nz1_1 .conx .box:hover .pic img {
	transform: scale(1.05)
}

.nz1_1 .conx .box .h1x {
	color: #333;
	line-height: 1.167;
	font-weight: 400;
	margin-bottom: 0.3rem
}

.nz1_1 .conx .box .list p {
	line-height: 0.32rem;
	color: #606060;
	position: relative;
	font-weight: 200
}

.nz_con .nz1_2 {
	padding: 1.2rem 2.8rem;
	background-color: #f7f7f7
}

.nz_con .nz1_2 .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.4rem
}

.nz_con .nz1_2 .top .t_left .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz_con .nz1_2 .top .t_left svg {
	width: 0.73rem;
	height: 0.09rem
}

.nz_con .nz1_2 .top .t_right {
	width: fit-content;
	display: flex;
	border-bottom: 2px solid #E0E0E0
}

.nz_con .nz1_2 .top .t_right li {
	color: #606060;
	font-weight: 500;
	line-height: 1.15;
	padding-bottom: 0.12rem;
	position: relative;
	transition: all 0.5s;
	margin-right: 0.7rem;
	cursor: pointer
}

.nz_con .nz1_2 .top .t_right li:last-child {
	margin-right: 0
}

.nz_con .nz1_2 .top .t_right li.on {
	color: #333
}

.nz_con .nz1_2 .top .t_right li:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #606060;
	transition: all 0.5s
}

.nz_con .nz1_2 .top .t_right li.on:after {
	width: 100%
}

.nz_con .nz1_2 .bottom {
	position: relative;
	overflow: hidden;
	padding-bottom: 0.85rem
}

.nz_con .nz1_2 .bottom .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left {
	width: 5.7rem
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left .pic {
	width: 100%;
	height: 2.94rem;
	overflow: hidden;
	margin-bottom: 0.47rem
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left .pic:hover img {
	transform: scale(1.05)
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left .h1x {
	color: #333;
	line-height: 1.167;
	margin-bottom: 0.24rem
}

.nz_con .nz1_2 .bottom .swiper-slide .b_left .p1 {
	color: #606060;
	font-weight: 200;
	line-height: 0.3rem;
	height: 0.9rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.nz_con .nz1_2 .bottom .swiper-slide .b_right {
	width: 7.7rem;
	height: 4.4rem
}

.nz_con .nz1_2 .bottom .swiper-slide .b_right video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.nz_con .nz1_2 .bottom .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto;
	bottom: 0.2rem
}

.nz_con .nz1_2 .bottom.hid .swiper-pagination {
	display: none
}

.nz_con .nz1_2 .bottom .swiper-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.nz_con .nz1_2 .bottom .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz1_2 .bottom .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}

.nz_con .nz1_2 .bottom .swiper-pagination .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.nz_con .nz1_2 .btnsx {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.08rem;
	display: flex;
	z-index: 5;
	justify-content: space-between
}

.nz_con .nz1_2 .btnsx>div {
	width: 0.47rem;
	cursor: pointer
}

.nz_con .nz1_2 .btnsx>div img {
	width: 100%
}

.nz_con .nz1_2 .btnsx>div img.img2 {
	display: none
}

.nz_con .nz1_2 .btnsx>div:hover img.img1 {
	display: none
}

.nz_con .nz1_2 .btnsx>div:hover img.img2 {
	display: block
}

.nz_con .nz2 {
	position: relative;
	height: 300vh
}

.nz_con .nz2 .cons {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh
}

.nz_con .nz2 .cons .leftxx {
	width: 100%;
	justify-content: center;
	display: flex;
	background-color: #F7F7F7;
	height: 100vh
}

.nz_con .nz2 .cons .leftxx .con {
	width: 12.88rem;
	position: relative;
	padding: 1.47rem 0 0 0
}

.nz_con .nz2 .cons .leftxx .con .h {
	color: #333;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 0.3rem
}

.nz_con .nz2 .cons .leftxx .con svg {
	width: 0.73rem;
	height: 0.09rem;
	margin: 0 auto;
	display: block
}

.nz_con .nz2 .cons .leftxx .con .pics {
	width: 100%;
	height: 56.13vh;
	overflow: hidden;
	position: relative;
	margin-bottom: 0.4rem
}

.nz_con .nz2 .cons .leftxx .con .pics .pic {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	mix-blend-mode: multiply
}

.nz_con .nz2 .cons .leftxx .con .pics .pic.on {
	opacity: 1
}

.nz_con .nz2 .cons .leftxx .con .pics .pic img {
	max-width: 9999px;
	height: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

.nz_con .nz2 .cons .leftxx .con .tab {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.37rem
}

.nz_con .nz2 .cons .leftxx .con .tab .li {
	cursor: pointer;
	margin-right: 0.6rem;
	line-height: 1.15;
	padding-bottom: 0.14rem;
	position: relative;
	color: #606060
}

.nz_con .nz2 .cons .leftxx .con .tab .li.on {
	color: #333
}

.nz_con .nz2 .cons .leftxx .con .tab .li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	height: 1px;
	background-color: #606060
}

.nz_con .nz2 .cons .leftxx .con .tab .li.on:after {
	width: 100%
}

.nz_con .nz2 .cons .leftxx .con .tab .li:last-child {
	margin-right: 0
}

.nz_con .nz2 .cons .leftxx .con .txts {
	width: 6.4rem;
	margin: 0 auto;
	text-align: center;
	font-weight: 200;
	color: #606060;
	line-height: 2
}

.nz_con .nz2 .cons .leftxx .con .txts .txt {
	display: none
}

.nz_con .nz2 .cons .leftxx .con .txts .txt.on {
	display: block
}

.nz_con .nz2 .cons .rightxx {
	position: absolute;
	right: 0;
	top: 0;
	width: 5rem;
	height: 50vw;
	min-height: 100vh;
	display: flex;
	align-items: flex-start;
	padding-top: 1rem;
	padding-right: 1.28rem;
	opacity: 0;
	transition: all 0.5s
}

.nz_con .nz2 .cons .rightxx.show {
	opacity: 1
}

.nz_con .nz2 .cons .rightxx .con {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display: none
}

.nz_con .nz2 .cons .rightxx .con.on {
	display: block
}

.nz_con .nz2 .cons .rightxx .item {
	display: block;
	margin-bottom: 0.2rem;
	transform: translateX(0.3rem);
	opacity: 0
}

.nz_con .nz2 .cons .rightxx.show .item {
	transform: translateX(0);
	opacity: 1
}

.nz_con .nz2 .cons .rightxx.show .item:nth-child(1) {
	transition: all 0.5s
}

.nz_con .nz2 .cons .rightxx.show .item:nth-child(2) {
	transition: all 0.5s 0.1s
}

.nz_con .nz2 .cons .rightxx.show .item:nth-child(3) {
	transition: all 0.5s 0.2s
}

.nz_con .nz2 .cons .rightxx .item:last-child {
	margin-bottom: 0
}

.nz_con .nz2 .cons .rightxx .item .pics {
	width: 100%;
	background: url(../image/bg.jpg)no-repeat center;
	background-size: cover;
	margin-bottom: 0.2rem;
	position: relative
}

.nz_con .nz2 .cons .rightxx .item .pics .pic {
	width: 100%;
	height: 11.5vw;
	overflow: hidden
}

.nz_con .nz2 .cons .rightxx .item .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.5s
}

.nz_con .nz2 .cons .rightxx .item .pics .pic img:hover {
	transform: scale(1.05)
}

.nz_con .nz2 .cons .rightxx .item .pics .btn {
	padding: 0 0.3rem 0.3rem 0;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.nz_con .nz2 .cons .rightxx .item .pics .btn img {
	width: 0.3rem
}

.nz_con .nz2 .cons .rightxx .item .pics .btn img.img2 {
	display: none
}

.nz_con .nz2 .cons .rightxx .item .pics:hover .btn img.img1 {
	display: none
}

.nz_con .nz2 .cons .rightxx .item .pics:hover .btn img.img2 {
	display: block
}

.nz_con .nz2 .cons .rightxx .item .txt {
	color: #333;
	line-height: 0.26rem;
	height: 0.26rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.nz_con .nz3 {
	position: relative;
	padding-bottom: 0.8rem
}

.nz_con .nz3 .cons {
	padding: 1.2rem 2.8rem 0 2.8rem
}

.nz_con .nz3 .cons .top {
	margin-bottom: 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.nz_con .nz3 .cons .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	margin-bottom: 0
}

.nz_con .nz3 .cons .top svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.nz_con .nz3 .cons .top .btn {
	display: flex;
	align-items: center;
	color: #333;
	font-weight: 400
}

.nz_con .nz3 .cons .top .btn img {
	width: 0.16rem;
	margin-left: 0.1rem;
	transition: all 0.5s
}

.nz_con .nz3 .cons .top .btn img.img2 {
	display: none
}

.nz_con .nz3 .cons .top .btn:hover img.img1 {
	display: none
}

.nz_con .nz3 .cons .top .btn:hover img.img2 {
	display: block
}

.nz_con .nz3 .cons .top .btn:hover {
	color: #00a098
}

.nz_con .nz3 .cons .con {
	overflow: hidden
}

.nz_con .nz3 .cons .con .con1 {
	position: relative;
	overflow: hidden;
	padding-bottom: 1.02rem
}

.nz_con .nz3 .cons .con .con1.hid {
	padding-bottom: 0
}

.nz_con .nz3 .cons .con .con1 .swiper-pagination {
	position: absolute;
	left: 0;
	width: auto
}

.nz_con .nz3 .cons .con .con1.hid .swiper-pagination {
	display: none
}

.nz_con .nz3 .cons .con .con1 .swiper-pagination-bullet {
	width: 0.5rem;
	height: 1px;
	margin: 0 0 0 0;
	border-radius: 0;
	background-color: rgba(96, 96, 96, 0.2);
	transition: all 0.5s;
	position: relative;
	opacity: 1
}

.nz_con .nz3 .cons .con .con1 .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz3 .cons .con .con1 .swiper-pagination-bullet-active {
	opacity: 1
}

.nz_con .nz3 .cons .con .con1 .swiper-pagination-bullet-active:after {
	opacity: 1;
	width: 100%
}

.nz_con .nz3 .cons .con .con1 .next {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz3 .cons .con .con1.hid .next {
	display: none
}

.nz_con .nz3 .cons .con .con1 .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz3 .cons .con .con1 .next img.img2 {
	display: none
}

.nz_con .nz3 .cons .con .con1 .next:hover img.img1 {
	display: none
}

.nz_con .nz3 .cons .con .con1 .next:hover img.img2 {
	display: block
}

.nz_con .nz3 .cons .con .con1 .prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem)
}

.nz_con .nz3 .cons .con .con1.hid .prev {
	display: none
}

.nz_con .nz3 .cons .con .con1 .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz3 .cons .con .con1 .prev img.img2 {
	display: none
}

.nz_con .nz3 .cons .con .con1 .prev:hover img.img1 {
	display: none
}

.nz_con .nz3 .cons .con .con1 .prev:hover img.img2 {
	display: block
}

.nz_con .nz3 .cons .con .con1 .item {
	width: 5.9rem;
	height: auto;
	margin-right: 0.4rem
}

.nz_con .nz3 .cons .con .con1 .item:last-child {
	margin-right: 0
}

.nz_con .nz3 .cons .con .con1 .item .pic {
	width: 100%;
	height: 2.8rem;
	overflow: hidden
}

.nz_con .nz3 .cons .con .con1 .item .pic img {
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	max-width: calc(100% + 6px);
	max-height: calc(100% + 6px);
	transform: translate(-3px, -3px);
	object-fit: cover;
	transition: all 0.5s
}

.nz_con .nz3 .cons .con .con1 .item .pic:hover img {
	transform: scale(1.05)
}

.nz_con .nz3 .cons .con .con1 .item .txt {
	padding: 0.24rem 0 0 0
}

.nz_con .nz3 .cons .con .con1 .item .txt .day {
	display: flex;
	align-items: center;
	color: #606060;
	font-weight: 200;
	line-height: 24px;
	height: 24px;
	margin-bottom: 0.14rem
}

.nz_con .nz3 .cons .con .con1 .item .txt .day span {
	display: block;
	margin: 0 0.1rem
}

.nz_con .nz3 .cons .con .con1 .item .txt .h {
	color: #333;
	font-weight: 400;
	line-height: 28px;
	height: 56px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0
}

.nz_con .nz3 .cons .con .con1 .item .txt .nums {
	display: flex;
	color: #333;
	align-items: center;
	margin-bottom: 0.07rem;
	padding-top: 0.24rem
}

.nz_con .nz3 .cons .con .con1 .item .txt .nums .num {
	font-weight: 400;
	line-height: 28px
}

.nz_con .nz3 .cons .con .con1 .item .txt .nums .dw {
	font-weight: 400;
	margin-left: 0.06rem
}

.nz_con .nz3 .cons .con .con1 .item .txt .p {
	color: #333;
	font-weight: 200;
	line-height: 24px;
	height: 24px
}

.nz_con .nz4 {
	padding: 1.2rem 2.8rem 1.2rem 2.8rem
}

.nz_con .nz4 .top {
	text-align: center;
	margin-bottom: 0.5rem
}

.nz_con .nz4 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz_con .nz4 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.nz_con .nz4 .pic {
	width: 100%
}

.nz_con .nz4 .pic img {
	width: 100%
}

.nz_con .nz4 .pic video {
	width: 100%
}

.nz_con .nz4 .list {
	display: flex;
	justify-content: center;
	margin-top: 0.54rem
}

.nz_con .nz4 .list .item {
	margin: 0 0.55rem
}

.nz_con .nz4 .list .item .icon {
	width: 0.4rem;
	height: 0.4rem;
	margin-bottom: 0.32rem
}

.nz_con .nz4 .list .item .icon img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.nz_con .nz4 .list .item .h1x {
	line-height: 1.167;
	color: #333;
	font-weight: 400;
	margin-bottom: 0.3rem
}

.nz_con .nz4 .list .item .p1 {
	color: #606060;
	font-weight: 200;
	line-height: 1.67
}

.nz_con .nz4 .list .item .p1 p {
	margin-bottom: 0.08rem
}

.nz_con .nz4 .list .item .p1 p:last-child {
	margin-bottom: 0
}

.nz_con .nz5 {
	padding: 1.2rem 2.8rem 1.2rem 2.8rem;
	background-color: #F7F7F7
}

.nz_con .nz5 .top {
	text-align: center;
	margin-bottom: 0.5rem
}

.nz_con .nz5 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.nz_con .nz5 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.nz_con .nz5 .bottom {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.nz_con .nz5 .bottom .box {
	width: 3.5rem;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
	transition: all 0.5s
}

.nz_con .nz5 .bottom .box:last-child {
	margin-right: 0
}

.nz_con .nz5 .bottom .box.on {
	width: 7.8rem
}

.nz_con .nz5 .bottom .box.on .p1 {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	transition: all .4s .3s
}

.nz_con .nz5 .bottom .box .pic {
	height: 5.98rem;
	position: relative;
	width: 100%;
	background-color: #D9D9D9;
	margin-bottom: 0.3rem
}

.nz_con .nz5 .bottom .box .pic img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5.8rem;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nz_con .nz5 .bottom .box .txt {
	padding: 0 .2rem
}

.nz_con .nz5 .bottom .box .h1x {
	color: #333;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0.1rem
}

.nz_con .nz5 .bottom .box .p1 {
	color: #606060;
	font-weight: 200;
	line-height: 1.67;
	height: 3.34em;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px)
}

.nz_con .nz6 {
	padding: 1.2rem 2.8rem
}

.nz_con .nz6 .top {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0.5rem;
	align-items: flex-end
}

.nz_con .nz6 .top .tit .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0
}

.nz_con .nz6 .top .tit svg {
	width: 0.73rem;
	height: 0.09rem
}

.nz_con .nz6 .top .btnsx {
	width: 1.08rem;
	display: flex;
	justify-content: space-between
}

.nz_con .nz6 .top .btnsx>div {
	width: 0.47rem;
	cursor: pointer
}

.nz_con .nz6 .top .btnsx>div img {
	width: 100%
}

.nz_con .nz6 .top .btnsx>div img.img2 {
	display: none
}

.nz_con .nz6 .top .btnsx>div:hover img.img1 {
	display: none
}

.nz_con .nz6 .top .btnsx>div:hover img.img2 {
	display: block
}

.nz_con .nz6 .con {
	position: relative;
	overflow: hidden
}

.nz_con .nz6 .con .pic {
	width: 100%;
	height: 2.5rem;
	overflow: hidden
}

.nz_con .nz6 .con .pic img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.5s
}

.nz_con .nz6 .con .h1x {
	padding: 0.22rem;
	line-height: 1.8;
	background: #F8F8F8;
	color: #333333;
	text-align: center;
	font-weight: 200
}

.nz_con .nz7 {
	padding: 1.2rem 2.8rem 1.2rem 2.8rem;
	background-color: #F7F7F7
}

.nz_con .nz7 .top {
	margin-bottom: 0.22rem;
	text-align: center
}

.nz_con .nz7 .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.4rem
}

.nz_con .nz7 .top svg {
	width: 0.73rem;
	height: 0.09rem
}

.nz_con .nz7 .con {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%
}

.nz_con .nz7 .con .pic {
	width: 7.38rem;
	height: 4.15rem;
	overflow: hidden;
	position: relative
}

.nz_con .nz7 .con .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
	position: absolute;
	opacity: 0
}

.nz_con .nz7 .con .pic img.on {
	opacity: 1;
	transition: all 0.5s
}

.nz_con .nz7 .con .pic:hover img {
	transform: scale(1.05)
}

.nz_con .nz7 .con .list {
	width: 5.36rem
}

.nz_con .nz7 .con .list .item {
	padding: 0.4rem 0 0.24rem 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	cursor: pointer
}

.nz_con .nz7 .con .list .item .icon {
	position: absolute;
	top: 0.48rem;
	right: 0;
	width: 0.12rem;
	height: 0.12rem
}

.nz_con .nz7 .con .list .item .icon img {
	width: 100%;
	height: 100%;
	object-fit: content
}

.nz_con .nz7 .con .list .item .icon img.img2 {
	display: none
}

.nz_con .nz7 .con .list .item.on .icon img.img1 {
	display: none
}

.nz_con .nz7 .con .list .item.on .icon img.img2 {
	display: block
}

.nz_con .nz7 .con .list .item .h {
	color: #333;
	line-height: 1.167;
	font-weight: 400
}

.nz_con .nz7 .con .list .item .p {
	color: #333;
	font-weight: 200;
	line-height: 1.67;
	margin-top: 0.13rem;
	display: none
}

.lz_tc {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 999;
	opacity: 0;
	pointer-events: none
}

.lz_tc.show {
	opacity: 1;
	pointer-events: all
}

.lz_tc .bj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.72)
}

.lz_tc .zx_con {
	position: relative;
	height: 100vh;
	width: 40%
}

.lz_tc .zx_con iframe {
	width: 100%;
	height: 100%
}

.lz_tc .con {
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0.7rem 0.7rem 0.5rem 0.7rem
}

.lz_tc .con .out {
	position: absolute;
	top: 0.3rem;
	right: 0.2rem;
	width: 0.52rem;
	cursor: pointer;
	transition: all 0.5s
}

.lz_tc .con .out img {
	width: 100%
}

.lz_tc .con .out:hover {
	transform: rotate(180deg)
}

.lz_tc .con .top {
	text-align: center;
	margin-bottom: 0.3rem
}

.lz_tc .con .top .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	font-weight: 400
}

.lz_tc .con .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.3rem
}

.lz_tc .con .top .p {
	color: #606060;
	line-height: 1.8;
	font-weight: 200
}

.lz_tc .con .form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 750px
}

.lz_tc .con .form .input {
	width: 360px;
	position: relative;
	margin-bottom: 0.2rem;
	display: flex;
	border: 1px solid #60606020;
	padding: 0 0.2rem;
	line-height: 0.5rem;
	border-radius: 0.06rem
}

.lz_tc .con .form .input .name {
	color: #606060;
	font-weight: 400;
	display: flex;
	align-items: center
}

.lz_tc .con .form .input .name span {
	color: #00a098;
	margin-right: 0.03rem
}

.lz_tc .con .form .input input {
	width: calc(100% - 44px);
	padding: 0 0 0 0.1rem;
	line-height: 0.5rem;
	transition: all 0.5s;
	background-color: transparent !important
}

.lz_tc .con .form .input .select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0
}

.lz_tc .con .form .input_sel {
	z-index: 10
}

.lz_tc .con .form .input_sel:after {
	content: "";
	position: absolute;
	top: 0.25rem;
	right: 0.2rem;
	width: 0.12rem;
	height: 0.06rem;
	background: url(../image/nzxl.svg);
	background-size: 100% 100%
}

.lz_tc .con .form .input_sel:nth-child(5):after {
	display: none
}

.lz_tc .con .form .input.hid .select {
	opacity: 1
}

.lz_tc .con .form .input_sel .sel {
	position: relative;
	width: calc(100% - 44px);
	z-index: 3;
	padding: 0 0.1rem
}

.lz_tc .con .form .input_sel .sel select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 0.1rem;
	background-color: transparent;
	border-color: transparent
}

.lz_tc .con .form .input_sel .sel .layui-form-select {
	display: none
}

.lz_tc .con .form .input1 {
	width: 100%;
	height: 1.5rem;
	align-items: flex-start
}

.lz_tc .con .form .input textarea {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 100%;
	padding: 0 0.2rem;
	line-height: 0.5rem;
	border: 1px solid #60606020;
	border-radius: 0.06rem;
	transition: all 0.5s;
	height: 1.5rem
}

.lz_tc .con .form .submit {
	width: 2.18rem;
	line-height: 0.4rem;
	border-radius: 0.06rem;
	cursor: pointer;
	transition: all 0.5s;
	margin: 0 auto;
	background-color: transparent;
	border: 1px solid #606060;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.lz_tc .con .form .submit:hover {
	background-color: #D9D9D9;
	border: 1px solid transparent
}

.lz_tc .con .form .btn_svg {
	margin: 0 auto
}

.nl_con {
	padding: 0.6rem 0 1.6rem 0
}

.nl_con .crumbs {
	margin-top: 0;
	margin-left: 1.3rem;
	display: none
}

.nl_con .cons {
	margin-top: 1.5rem;
	position: relative
}

.nl_con .cons .top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 2.8rem;
	padding-bottom: 0.5rem;
	padding-top: 0.8rem;
	position: relative;
	z-index: 10;
	background-color: #fff
}

.nl_con .cons .top .leftxx {
	width: 72%
}

.nl_con .cons .top .leftxx .item {
	display: flex
}

.nl_con .cons .top .leftxx .item:nth-child(1) {
	margin-bottom: 0.37rem
}

.nl_con .cons .top .leftxx .item:nth-child(2) {
	margin-bottom: 0.16rem
}

.nl_con .cons .top .leftxx .item:nth-child(2).hid {
	display: none
}

.nl_con .cons .top .leftxx .item .name {
	color: #606060;
	margin-right: 0.36rem;
	white-space: nowrap;
	margin-top: 0.04rem
}

.nl_con .cons .top .leftxx .item>ul {
	display: flex
}

.nl_con .cons .top .leftxx .item>ul a {
	display: block;
	color: #606060;
	opacity: 0.7;
	transition: all 0.5s;
	line-height: 1.3125;
	margin-right: 0.58rem
}

.nl_con .cons .top .leftxx .item>ul a.on,
.nl_con .cons .top .leftxx .item>ul a:hover {
	color: #333;
	opacity: 1
}

.nl_con .cons .top .leftxx .item .list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1px;
	width: calc(100% - 30px - 0.36rem)
}

.nl_con .cons .top .leftxx .item .list .btn {
	padding: 0.07rem 0.12rem;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-radius: 0.06rem;
	color: rgba(96, 96, 96, 0.7);
	line-height: 1.3125;
	display: flex;
	align-items: center;
	margin-right: 0.13rem;
	margin-bottom: 0.1rem;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	transition: all .4s
}

.nl_con .cons .top .leftxx .item .list .btn img {
	width: 0.08rem;
	position: absolute;
	right: .12rem;
	visibility: hidden
}

.nl_con .cons .top .leftxx .item .list .btn.on {
	background-color: #CDCDCD;
	color: #333;
	border-color: transparent;
	padding-right: .39rem
}

.nl_con .cons .top .leftxx .item .list .btn.on img {
	visibility: visible;
	transition: all .2s .2s
}

.nl_con .cons .top .leftxx .item .select {
	position: relative;
	z-index: 2;
	color: #333;
	color: rgba(96, 96, 96, 0.7)
}

.nl_con .cons .top .leftxx .item .select .h {
	width: 1.25rem;
	line-height: 0.32rem;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-radius: 0.06rem;
	padding: 0 0.5rem 0 0.13rem;
	position: relative;
	background-color: #fff
}

.nl_con .cons .top .leftxx .item .select .h:after {
	content: "";
	position: absolute;
	right: 0.13rem;
	width: 0.1rem;
	height: 0.06rem;
	background: url(../image/nl_sel.png);
	background-size: 100% 100%;
	top: 50%;
	transform: translateY(-50%)
}

.nl_con .cons .top .leftxx .item .select ul {
	position: absolute;
	top: calc(100% - 0.06rem);
	left: 0;
	width: 100%;
	padding: 0.16rem 0.5rem 0.1rem 0.13rem;
	background-color: #ffff;
	z-index: -1;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-top: none;
	border-bottom-left-radius: 0.06rem;
	border-bottom-right-radius: 0.06rem;
	display: none;
	height: 1.86rem;
	overflow: auto
}

.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar-thumb {
	background: rgba(96, 96, 96, 0.3)
}

.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar-track {
	background: transparent
}

.nl_con .cons .top .leftxx .item .select ul a {
	display: block;
	line-height: 0.32rem;
	color: rgba(96, 96, 96, 0.7)
}

.nl_con .cons .top .rightxx {
	display: flex;
	width: 2.96rem;
	line-height: 0.4rem;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-radius: 0.06rem;
	padding: 0 0.24rem 0 0.12rem;
	display: flex;
	align-items: center
}

.nl_con .cons .top .rightxx input {
	width: calc(100% - 0.2rem);
	line-height: 1.3125;
	padding: 0.07rem 0.12rem
}

.nl_con .cons .top .rightxx input::placeholder {
	color: rgba(96, 96, 96, 0.7);
	opacity: 0.5
}

.nl_con .cons .top .rightxx a {
	display: block;
	width: 0.2rem
}

.nl_con .cons .top .rightxx a img {
	width: 100%
}

.nl_con .cons .center {
	width: calc(100% - 5.6rem);
	margin: 0 2.8rem;
	position: relative;
	overflow: hidden;
	background-color: #F8F8F8
}

.nl_con .cons .center .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.3rem 0.3rem 0.3rem 0.64rem;
	flex-flow: row-reverse;
	opacity: 0;
	transition: all 0.5s
}

.nl_con .cons .center .swiper-slide-active {
	opacity: 1
}

.nl_con .cons .center .swiper-slide .pic {
	width: 6.61rem;
	height: 3.72rem;
	overflow: hidden
}

.nl_con .cons .center .swiper-slide .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nl_con .cons .center .swiper-slide .txt {
	width: 4.76rem
}

.nl_con .cons .center .swiper-slide .add-box {
	transition: all .4s
}

.nl_con .cons .center .swiper-slide .txt .tip {
	color: #606060;
	font-weight: 200;
	line-height: 1.3125;
	margin-bottom: 0.13rem
}

.nl_con .cons .center .swiper-slide .txt .h {
	color: #333;
	line-height: 0.4rem;
	margin-bottom: 0.28rem
}

.nl_con .cons .center .swiper-slide .txt .p {
	color: #606060;
	line-height: 0.24rem;
	height: 0.24rem;
	margin-bottom: 0.5rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.nl_con .cons .center .swiper-slide .txt .p1 {
	display: flex;
	margin-bottom: 0.5rem;
	align-items: center
}

.nl_con .cons .center .swiper-slide .txt .p1 .tip {
	width: fit-content;
	line-height: 0.28rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #333;
	font-weight: 200;
	background-color: rgba(0, 0, 0, 0.05);
	margin-right: 0.13rem;
	margin-bottom: 0 !important;
	display: none
}

.nl_con .cons .center .swiper-slide .txt .p1 .p2 {
	display: flex;
	align-items: center;
	margin-right: 0.17rem;
	color: #606060;
	line-height: 0.28rem
}

.nl_con .cons .center .swiper-slide .txt .p1 .p2 img {
	width: 0.2rem;
	height: 0.2rem;
	object-fit: contain;
	margin-right: 0.06rem
}

.nl_con .cons .center .swiper-slide .txt .more {
	display: flex;
	justify-content: center;
	color: #00a098;
	margin: 0;
	width: 1.48rem;
	border: none;
	height: 0.4rem
}

.nl_con .cons .center .swiper-slide .txt .more:hover {
	color: #fff
}

.nl_con .cons .center .swiper-slide:hover .pic img {
	transform: scale(1.05)
}

.nl_con .cons .center .swiper-slide:hover .add-box {
	transform: translateY(-10px)
}

.nl_con .cons .center .swiper-pagination {
	bottom: 0.22rem;
	left: 0.64rem;
	width: auto
}

.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet {
	width: 0.4rem;
	height: 1px;
	opacity: 1;
	border-radius: 0;
	background-color: #C2C2C2;
	margin: 0;
	position: relative
}

.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	height: 3px;
	width: 0%;
	background-color: #606060
}

.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet-active:after {
	width: 100%;
	transition: all 0.5s
}

.nl_con .cons .center .btnsx {
	position: absolute;
	left: 0.64rem;
	bottom: 0.2rem;
	width: 1.08rem;
	display: flex;
	justify-content: space-between;
	z-index: 5
}

.nl_con .cons .center .btnsx>div {
	width: 0.47rem;
	cursor: pointer
}

.nl_con .cons .center .btnsx>div img {
	width: 100%
}

.nl_con .cons .center .btnsx>div img.img2 {
	display: none
}

.nl_con .cons .center .btnsx>div:hover img.img1 {
	display: none
}

.nl_con .cons .center .btnsx>div:hover img.img2 {
	display: block
}

.nl_con .cons .bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 2.64rem
}

.nl_con .cons .bottom:after {
	content: "";
	width: 4.4rem;
	height: 1px
}

.nl_con .cons .bottom .box1 {
	width: 4.4rem;
	padding: 0.17rem 0.16rem 0.36rem 0.16rem;
	display: block;
	margin-bottom: 0.14rem;
	transition: all 0.5s
}

.nl_con .cons .bottom .box1:hover {
	background-color: #F8F8F8
}

.nl_con .cons .bottom .box1 .pic {
	position: relative;
	width: 100%;
	height: 2.3rem;
	overflow: hidden;
	margin-bottom: 0.3rem
}

.nl_con .cons .bottom .box1 .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nl_con .cons .bottom .box1:hover .pic img {
	transform: scale(1.05)
}

.nl_con .cons .bottom .box1 .pic .yg {
	position: absolute;
	width: 0.8rem;
	height: 0.3rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	top: 0.2rem;
	left: 0;
	background: url(../image/nlx_yg.svg) no-repeat center;
	background-size: 100% 100%;
	z-index: 5;
}

.nl_con .cons .bottom .box1 .h {
	color: #333;
	line-height: 0.26rem;
	height: 0.52rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.24rem
}

.nl_con .cons .bottom .box1 .bottom1 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.nl_con .cons .bottom .box1 .bottom1 .tip {
	width: fit-content;
	line-height: 0.28rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #333;
	font-weight: 200;
	background-color: rgba(0, 0, 0, 0.05);
	margin-right: 0.13rem;
	display: none
}

.nl_con .cons .bottom .box1 .bottom1 .p {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	margin-right: 0.12rem;
	color: #606060;
	font-weight: 200
}

.nl_con .cons .bottom .box1 .bottom1 .p.hid_l {
	display: none
}

.nl_con .cons .bottom .box1 .bottom1 .p img {
	width: 0.2rem;
	margin-right: 0.05rem;
}

.nl_con .cons .more {
	display: block;
	width: 2.18rem;
	line-height: 0.4rem;
	border: 0.01rem solid rgba(96, 96, 96, 0.6);
	border-radius: 0.06rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.7rem;
	transition: all 0.5s;
	color: #333
}

.nl_con .cons .more.hid {
	display: none
}

.nl_con .cons .more:hover {
	background-color: #E6E6E6;
	border-color: transparent
}

.el-pagination {
	display: flex;
	justify-content: center
}

.el-pager {
	display: flex;
	justify-content: center
}

.el-pagination .btn-next {
	background: url(../image/nl_next1.svg)no-repeat center;
	background-size: 16px 16px;
	border: 1px solid transparent;
}

.el-pagination .btn-next:hover {
	background-image: url(../image/nl_next1.svg);
	border: 1px solid #333;
}

.el-pagination .btn-prev {
	background: url(../image/nl_prev1.svg)no-repeat center;
	background-size: 16px 16px;
	border: 1px solid transparent;
}

.el-pagination .btn-prev:hover {
	background-image: url(../image/nl_prev1.svg);
	border: 1px solid #333;
}

.el-icon-arrow-left:before {
	font-size: 0
}

.el-icon-arrow-right:before {
	font-size: 0
}

.nl_con .cons li.more {
	border: none;
	font-size: 0;
	background: url(../image/nl_dian1.png)no-repeat center;
	background-size: 26px 26px
}

.nl_con .cons li.more:hover {
	background-image: url(../image/nl_dian2.png)
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
	background-color: transparent;
	color: #333 !important;
	border: 1px solid #333
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: transparent;
	color: #333 !important;
	border: 1px solid #333
}

.sus_dev {
	padding-top: 6.25vw
}

.sus_dev .bottom {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.sus_dev .bottom:after {
	content: "";
	width: 32.5%;
	height: 1px
}

.sus_dev .bottom .box1 {
	width: 32.5%;
	padding: 0.17rem 0.16rem 0.36rem 0.16rem;
	display: block;
	margin-bottom: 0.14rem;
	transition: all 0.5s
}

.sus_dev .bottom .box1:hover {
	background-color: #F8F8F8
}

.sus_dev .bottom .box1 .pic {
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 0.3rem;
	position: relative
}

.sus_dev .bottom .box1 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.sus_dev .bottom .box1:hover .pic img {
	transform: scale(1.05)
}

.sus_dev .bottom .box1 .h {
	color: #333;
	line-height: 0.26rem;
	height: 0.52rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.24rem
}

.sus_dev .bottom .box1 .bottom1 {
	display: flex;
	align-items: center
}

.sus_dev .bottom .box1 .bottom1 .tip {
	width: fit-content;
	line-height: 0.28rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #333;
	font-weight: 200;
	background-color: rgba(0, 0, 0, 0.05);
	margin-right: 0.13rem
}

.sus_dev .bottom .box1 .bottom1 .p {
	display: flex;
	align-items: center;
	margin-right: 0.12rem;
	color: #606060;
	font-weight: 200
}

.sus_dev .bottom .box1 .bottom1 .p img {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.06rem
}

.nd_con .top {
	margin: 1.16rem 2.8rem 0.48rem 2.8rem;
	width: calc(100% - 5.6rem)
}

.nd_con .top .h {
	text-align: center;
	color: #333;
	line-height: 1.33;
	margin-bottom: 0.23rem
}

.nd_con .top .p {
	display: flex;
	justify-content: center
}

.nd_con .top .p>div {
	display: flex;
	align-items: center;
	margin: 0 0.06rem;
	color: #666666;
	font-weight: 200
}

.nd_con .top .p>div img {
	width: 0.27rem;
	height: 0.24rem;
	object-fit: contain
}

.nd_con .link_list {
	margin: 0 2.8rem;
	width: calc(100% - 5.6rem);
	position: relative;
	z-index: 20
}

.nd_con .link_list:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(103, 120, 134, 0.12);
	top: 50%
}

.nd_con .link_list .btns {
	padding: 0 0.6rem;
	background-color: #fff;
	width: 3.6rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.nd_con .link_list .btns>a {
	position: relative;
	display: block;
	width: 0.4rem;
	height: 0.4rem
}

.nd_con .link_list .btns>a .social-share-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-color: transparent !important
}

.nd_con .link_list .btns>a .social-share-icon:hover {
	background-color: transparent !important
}

.nd_con .link_list .btns>a .social-share-icon:before {
	display: none
}

.nd_con .link_list .btns>a>img {
	width: 100%;
	opacity: 1;
	transition: all 0.5s
}

.nd_con .link_list .btns>a:hover>img {
	opacity: 0.7
}

.show-poster {
	display: none !important;
}

#poster {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.postpad {
	width: 80%;
	max-width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	position: absolute;
}

.poclose {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
}

.postpad img {
	width: 100%;
}

.ewmclose {
	position: absolute;
	right: -17px;
	top: -17px;
	font-size: 18px;
	background: #000;
	color: #ffffff;
	cursor: pointer;
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 34px;
	border-radius: 1000px;
	cursor: pointer;
	transition: width 1s, height 1s, transform 1s;
	-moz-transition: width 1s, height 1s, transform 1s;
	-webkit-transition: width 1s, height 1s, transform 1s;
	-o-transition: width 1s, height 1s, transform 1s;
}

.ewmclose:hover {
	background: #00a098;
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);

}

.ewmclose img {
	width: 50%;
	display: block;
	margin: auto;
}


.nd_con .center {
	padding: 0.7rem 2.8rem;
	line-height: 2 !important;
	color: #333
}

.nd_con .center p {
	text-indent: 0 !important;
	margin-bottom: 15px
}

.nd_con .center video {
	height: auto
}

.nd_con .center .p {
	color: #333;
	line-height: 2;
	font-weight: 200;
	margin-bottom: 0.52rem
}

.nd_con .center img {
	margin: 0 auto;
}

.nd_con .center .p1 {
	text-align: right;
	color: #333;
	line-height: 1.6
}

embed {
	width: 100% !important;
	height: auto !important
}

.nd_con .bottom .tit {
	text-align: center;
	line-height: 1.33;
	color: #333;
	margin-bottom: 0.4rem
}

.nd_con .bottom {
	padding: 1.2rem 2.64rem 0 2.64rem
}

.nd_con .bottom .list {
	display: flex;
	justify-content: space-between
}

.nd_con .bottom .box1 {
	width: 4.4rem;
	padding: 0.17rem 0.16rem 0.36rem 0.16rem;
	display: block;
	margin-bottom: 0.14rem;
	transition: all 0.5s
}

.nd_con .bottom .box1:hover {
	background-color: #F8F8F8
}

.nd_con .bottom .box1 .pic {
	width: 100%;
	height: 2.56rem;
	overflow: hidden;
	margin-bottom: 0.3rem
}

.nd_con .bottom .box1 .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.nd_con .bottom .box1:hover .pic img {
	transform: scale(1.05)
}

.nd_con .bottom .box1 .h {
	color: #333;
	line-height: 0.26rem;
	height: 0.52rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.24rem
}

.nd_con .bottom .box1 .bottom1 {
	display: flex;
	align-items: center
}

.nd_con .bottom .box1 .bottom1 .tip {
	width: fit-content;
	line-height: 0.28rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #333;
	font-weight: 200;
	background-color: rgba(0, 0, 0, 0.05);
	margin-right: 0.13rem
}

.nd_con .bottom .box1 .bottom1 .p {
	display: flex;
	align-items: center;
	margin-right: 0.12rem;
	color: #606060;
	font-weight: 200
}

.nd_con .bottom .box1 .bottom1 .p img {
	width: 0.27rem;
	margin-right: 0.05rem
}

.nd_con .more {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.7rem;
	border: none;
	line-height: 0.46rem;
	height: 0.46rem;
	border: 1px solid #333
}

.nd_con .more:hover {
	border-color: transparent
}

.nd_con .more .svg_kuang {
	display: none
}

.nd_con .more:hover {
	background-color: #E6E6E6;
	border-color: transparent
}

.nd_con .video-js {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	background: transparent;
}

.nd_con_h .top {
	margin: 1.16rem 3.66rem 0.48rem 3.66rem;
	width: calc(100% - 7.32rem)
}

.nd_con_h .link_list {
	margin: 0 3.66rem;
	width: calc(100% - 7.32rem)
}

.nd_con_h .center {
	padding: 0.7rem 3.66rem;
}

.nd_con_h .center .pic {
	width: 100%;
	margin-bottom: 0.5rem;
}

.nd_con_h .center .pic img {
	width: 100%;
}

.nd_con_h .center .list {
	position: relative;
	padding: 0.15rem 0;
	background-color: #F7F7F7;
}

/*.nd_con_h .center .list:before{content:"";position: absolute;top:0;left: 0.29rem;width: 0.01rem;height: 100%;background: rgba(96,96,96,0.2);}*/
.nd_con_h .center .list .li {
	position: relative;
	padding: 0.15rem 0.84rem 0.15rem 0.56rem;
	line-height: 0.4rem;
	color: #333;
}

/*.nd_con_h .center .list .li:before{content:"";position: absolute;top:0;left: 0.29rem;width: 0.01rem;height: calc(100% + 0.1rem);background: rgba(96,96,96,0.2);}*/
/*.nd_con_h .center .list .li:last-child:before{height:100%;}*/
.nd_con_h .center .list .li .dian {
	position: absolute;
	left: 0.18rem;
	top: 0.35rem;
	transform: translateY(-50%);
	width: 0.22rem;
	height: 0.22rem;
	background-color: #f7f7f7;
}

.nd_con_h .center .list .li .dian::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.1rem;
	height: 0.1rem;
	background-color: #00a098;
	border-radius: 50%;
}


.ab_con .ab1 {
	padding: 0 2.8rem 0 2.8rem;
	/* text-align: center; */
	/* background-color: #f7f7f7 */
}

.ab_con .ab1 p{
	font-size: 16px;
	line-height: 1.8;
	color: #606060;
	margin-bottom: 0.36rem;
}

.ab_con .ab1 p img{
	max-width: 100%;
}

.ab_con .ab1 .top {
	margin-bottom: 0.5rem
}

.ab_con .ab1 .top .h {
	line-height: 1.3;
	margin-bottom: 0.3rem;
	color: #333
}

.ab_con .ab1 .top svg {
	width: 0.73rem;
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.4rem
}

.ab_con .ab1 .top .p {
	color: #606060;
	line-height: 1.8;
	font-weight: 200;
	margin-bottom: 0.36rem
}

.ab_con .ab1 .pic {
	width: 100%;
	position: relative;
	margin-bottom: 0;
	position: relative;
	background-color: #000
}

.ab_con .ab1 .pic>img {
	width: 100%;
	opacity: 1
}

.ab_con .ab1 .pic.on>img {
	opacity: 0
}

.ab_con .ab1 .pic.o1>img {
	opacity: 0
}

.ab_con .ab1 .pic>video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%;
	object-fit: cover; */
	opacity: 0;
	transition: all 0.5s;
	padding-right: 0;
	cursor: pointer
}

.ab_con .ab1 .pic.on>video {
	opacity: 1;
	pointer-events: all
}

.ab_con .ab1 .pic.o1>video {
	opacity: 1
}

.ab_con .ab1 .pic .btn {
	position: absolute;
	right: 1rem;
	bottom: 0.8rem;
	width: 0.36rem;
	height: 0.36rem;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 4px
}

.ab_con .ab1 .pic .btn img {
	width: 0.2rem;
	height: 0.2rem;
	object-fit: contain
}

.ab_con .ab1 .pic .btn img.img2 {
	display: none
}

.ab_con .ab1 .pic.on .btn img.img1 {
	display: none
}

.ab_con .ab1 .pic.on .btn img.img2 {
	display: block
}

.ab_con .ab1 .pic.o1 .btn {
	opacity: 0
}

.ab_con .ab1 .p1 {
	color: #606060;
	line-height: 1.8;
	font-weight: 200
}

.ab_con .ab2 {
	background-color: #F7F7F7;
	position: relative;
	height: auto
}

.ab_con .ab2 .con {
	padding: 0 2.8rem 1.4rem 2.8rem
}

.ab_con .ab2 .con .tit {
	text-align: center;
	margin-bottom: 0.4rem
}

.ab_con .ab2 .con .tit .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.5rem
}

.ab_con .ab2 .con .tit svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.ab_con .ab2 .con .item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.8rem
}

.ab_con .ab2 .con .item .pic .btn {
	position: absolute;
	right: 1rem;
	bottom: 0.8rem;
	width: 0.36rem;
	height: 0.36rem;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 4px
}

.ab_con .ab2 .con .item .pic .btn img {
	width: 0.2rem !important;
	height: 0.2rem !important;
	object-fit: contain
}

.ab_con .ab2 .con .item .pic .btn img.img2 {
	display: none
}

.ab_con .ab2 .con .item .pic.on .btn img.img1 {
	display: none
}

.ab_con .ab2 .con .item .pic.on .btn img.img2 {
	display: block
}

.ab_con .ab2 .con .item .pic.on .btn {
	/*display: block;*/
	opacity: 0
}

.ab_con .ab2 .con .item .pic.o1 .btn {
	/*display: block;*/
	opacity: 0
}

.ab_con .ab2 .con .item:nth-child(1) {
	flex-flow: row-reverse
}

.ab_con .ab2 .con .item:last-child {
	margin-bottom: 0;
	flex-flow: row-reverse
}

.ab_con .ab2 .con .item .txt {
	width: 6.1rem;
	padding-right: 0.4rem;
	color: #606060;
	line-height: 1.8;
	font-weight: 200
}

.ab_con .ab2 .con .item .pic {
	width: 7.48rem;
	height: 4.21rem;
	overflow: hidden;
	position: relative
}

.ab_con .ab2 .con .item .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.ab_con .ab2 .con .item .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.ab_con .ab2 .con .item .pic:hover img {
	transform: scale(1.05)
}

.ab_con .ab2 .con .item .pic>img {
	width: 100%;
	opacity: 1
}

.ab_con .ab2 .con .item .pic.on>img {
	opacity: 0
}

.ab_con .ab2 .con .item .pic.o1>img {
	opacity: 0
}

.ab_con .ab2 .con .item .pic>video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 0.5s;
	padding-right: 0;
	cursor: pointer
}

.ab_con .ab2 .con .item .pic.on>video {
	opacity: 1;
	pointer-events: all
}

.ab_con .ab2 .con .item .pic.o1>video {
	opacity: 1
}


.ab_con .ab3 {
	padding: 1.2rem 2.8rem 1.2rem 2.8rem;
	position: relative;
	background-color: #F7F7F7;
	z-index: 10
}

.ab_con .ab3 .tit {
	text-align: center;
	margin-bottom: 0.5rem
}

.ab_con .ab3 .tit .h {
	line-height: 1.3;
	color: #333;
	margin-bottom: 0.3rem
}

.ab_con .ab3 .tit svg {
	width: 0.73rem;
	height: 0.09rem
}

.ab_con .ab3 .pics {
	height: 6.7rem;
	width: 100%;
	position: relative;
	margin-top: 0.5rem
}

.ab_con .ab3 .pics .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 0.5s;
	opacity: 0;
	pointer-events: none
}

.ab_con .ab3 .pics .pic .btn {
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	cursor: pointer;
	line-height: 0.46rem;
	text-align: center;
	font-weight: 400;
	color: #fff;
	transition: all 0.5s;
	opacity: 0;
	transform: translate(-50%, 0.2rem)
}

.ab_con .ab3 .pics .pic .btn:after {
	background-color: #fff
}

.ab_con .ab3 .pics .pic .btn {
	transform: translate(-50%, 0);
	opacity: 1
}

.ab_con .ab3 .pics .pic .btn:hover {
	color: #333
}

.ab_con .ab3 .pics .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ab_con .ab3 .pics .pic.on {
	opacity: 1;
	pointer-events: all
}

.ab_con .ab3 .tab {
	display: flex;
	justify-content: space-between;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 0.37rem;
	border-bottom: 2px solid rgba(0, 0, 0, 0.20);
	padding-bottom: 0
}

.ab_con .ab3 .tab li {
	cursor: pointer;
	line-height: 1.4;
	padding-bottom: 0.12rem;
	position: relative;
	margin-right: 0.6rem;
	color: #333;
	opacity: 0.7;
	transition: all 0.5s
}

.ab_con .ab3 .tab li.on {
	opacity: 1
}

.ab_con .ab3 .tab li:last-child {
	margin-right: 0
}

.ab_con .ab3 .tab li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background-color: #606060;
	transition: all 0.5s;
	opacity: 0
}

.ab_con .ab3 .tab li.on:after {
	opacity: 1
}

.ab_con .ab3 .txts {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #606060;
	font-weight: 200;
	line-height: 1.8
}

.ab_con .ab3 .txts .txt {
	display: none
}

.ab_con .ab3 .txts .txt.on {
	display: block
}

.ab_con .ab3 .list {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	pointer-events: none;
	z-index: 10
}

.ab_con .ab3 .list .item {
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s
}

.ab_con .ab3 .list .item.on {
	height: 100vh;
	pointer-events: all;
	opacity: 1
}

.ab_con .ab3 .list .item1 .leftxx {
	width: 10.6rem;
	padding: 1.5rem 0.9rem 0 2.8rem;
	background-color: #F7F7F7;
	transform: translateX(-100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item1.on .leftxx {
	transform: translateX(0%)
}

.ab_con .ab3 .list .item1 .leftxx .txt {
	margin-bottom: 0.73rem
}

.ab_con .ab3 .list .item1 .leftxx .txt .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.ab_con .ab3 .list .item1 .leftxx .txt svg {
	width: 0.73rem;
	height: 0.09rem;
	margin-bottom: 0.4rem
}

.ab_con .ab3 .list .item1 .leftxx .txt .p {
	color: #606060;
	line-height: 1.8;
	font-weight: 200
}

.ab_con .ab3 .list .item1 .leftxx .boxs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.ab_con .ab3 .list .item1 .leftxx .boxs .p1x {
	font-size: 12PX;
	font-weight: 200;
	color: #606060;
	text-align: center;
	opacity: 0.5
}

.ab_con .ab3 .list .item1 .leftxx .boxs .box {
	width: 2.13rem;
	background-color: #fff;
	margin-bottom: 0.2rem;
	height: 1.8rem;
	padding: 0.36rem 0.2rem 0 0.2rem;
	text-align: center
}

.ab_con .ab3 .list .item1 .leftxx .boxs .box .nums {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 0.05rem
}

.ab_con .ab3 .list .item1 .leftxx .boxs .box .nums .num {
	color: #333;
	font-weight: 400;
	line-height: 1.1;
	margin-right: 0.05rem
}

.ab_con .ab3 .list .item1 .leftxx .boxs .box .nums .dw {
	color: #333;
	line-height: 1.1;
	transform: translateY(-0.12rem)
}

.ab_con .ab3 .list .item1 .leftxx .boxs .box .p {
	color: #606060;
	line-height: 1.3;
	font-weight: 200
}

.ab_con .ab3 .list .item1 .rightxx {
	width: calc(100% - 10.6rem);
	background-color: #fff;
	padding: 1.5rem 1.3rem 0 1.3rem;
	transform: translateX(100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item1.on .rightxx {
	transform: translateX(0%)
}

.ab_con .ab3 .list .item1 .rightxx .pic {
	width: 100%;
	height: 77vh;
	overflow: hidden
}

.ab_con .ab3 .list .item1 .rightxx .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.ab_con .ab3 .list .item1 .rightxx .pic:hover img {
	transform: scale(1.05)
}

.ab_con .ab3 .list .item1 .btn1 {
	position: absolute;
	left: 10.6rem;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0;
	z-index: 2
}

.ab_con .ab3 .list .item1.on .btn1 {
	opacity: 1
}

.ab_con .ab3 .list .item1 .btn1:hover {
	transform: translate(-50%, -50%) rotate(180deg)
}

.ab_con .ab3 .list .item2 .leftxx {
	width: 6.4rem;
	height: 100vh;
	background-color: #F7F7F7;
	padding: 1.5rem 0 0 1.3rem;
	transform: translateX(-100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item2.on .leftxx {
	transform: translateX(0)
}

.ab_con .ab3 .list .item2 .leftxx .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.ab_con .ab3 .list .item2 .leftxx svg {
	width: 0.73rem;
	height: 0.09rem
}

.ab_con .ab3 .list .item2 .leftxx .tab1 {
	margin-top: 0.8rem;
	border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.ab_con .ab3 .list .item2 .leftxx .tab1 .li {
	color: #606060;
	line-height: 1.5;
	margin-bottom: 0.35rem;
	cursor: pointer;
	position: relative;
	padding: 0.17rem 0 0.17rem 0;
	padding-left: .34rem;
	transition: all 0.5s;
	padding-right: 0.3rem
}

.ab_con .ab3 .list .item2 .leftxx .tab1 .li.on {
	color: #333333
}

.ab_con .ab3 .list .item2 .leftxx .tab1 .li:after {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	height: 100%;
	width: 3px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.ab_con .ab3 .list .item2 .leftxx .tab1 .li.on:after {
	opacity: 1
}

.ab_con .ab3 .list .item2 .leftxx .tab1 .li:last-child {
	margin-bottom: 0
}

.ab_con .ab3 .list .item2 .btn1 {
	position: absolute;
	top: 50%;
	left: 6.4rem;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0;
	z-index: 2
}

.ab_con .ab3 .list .item2.on .btn1 {
	opacity: 1
}

.ab_con .ab3 .list .item2 .btn1:hover {
	transform: translate(-50%, -50%) rotate(180deg)
}

.ab_con .ab3 .list .item2 .rightxx {
	width: calc(100% - 6.4rem);
	background-color: #fff;
	padding: 1.5rem 0.55rem 1rem 0.8rem;
	height: 100%;
	transform: translateX(100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item2.on .rightxx {
	transform: translateX(0)
}

.ab_con .ab3 .list .item2 .rightxx .pt {
	padding-right: 0.8rem;
	height: 100%;
	overflow: auto;
	display: none
}

.ab_con .ab3 .list .item2 .rightxx .pt.on {
	display: block
}

.ab_con .ab3 .list .item2 .rightxx .pt .tit_1 {
	text-align: center;
	color: #333;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0.5rem
}

.ab_con .ab3 .list .item2 .rightxx .pt .solid {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 160px;
	display: none
}

.ab_con .ab3 .list .item2 .rightxx .pt .solid .kuai {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #00a098
}

.ab_con .ab3 .list .item2 .rightxx .pt::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.ab_con .ab3 .list .item2 .rightxx .pt::-webkit-scrollbar-thumb {
	background: #999
}

.ab_con .ab3 .list .item2 .rightxx .pt::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	height: 1.6rem !important
}

.ab_con .ab3 .list .item2 .rightxx .pic {
	position: relative;
	margin-bottom: 0.5rem;
	min-height: 6rem
}

.ab_con .ab3 .list .item2 .rightxx .pic.on:after {
	opacity: 0;
	pointer-events: none
}

.ab_con .ab3 .list .item2 .rightxx .pic video {
	width: 100%
}

.ab_con .ab3 .list .item2 .rightxx .pic>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2
}

.ab_con .ab3 .list .item2 .rightxx .pic.on>img {
	display: none
}

.ab_con .ab3 .list .item2 .rightxx .pic .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.54rem;
	z-index: 15;
	cursor: pointer
}

.ab_con .ab3 .list .item2 .rightxx .pic .btn img {
	width: 100%
}

.ab_con .ab3 .list .item2 .rightxx .pic.on .btn {
	opacity: 0
}

.ab_con .ab3 .list .item2 .rightxx .txt {
	color: #606060;
	font-weight: 200;
	line-height: 1.8
}

.ab_con .ab3 .list .item3 .leftxx {
	width: 6.4rem;
	height: 100vh;
	background-color: #F7F7F7;
	padding: 1.5rem 0 0 1.3rem;
	transform: translateX(-100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item3.on .leftxx {
	transform: translateX(0)
}

.ab_con .ab3 .list .item3 .leftxx .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.3rem
}

.ab_con .ab3 .list .item3 .leftxx svg {
	width: 0.73rem;
	height: 0.09rem
}

.ab_con .ab3 .list .item3 .leftxx .tab1 {
	margin-top: 0.8rem;
	border-left: 1px solid rgba(0, 0, 0, 0.1)
}

.ab_con .ab3 .list .item3 .leftxx .tab1 .li {
	color: #606060;
	line-height: 1.5;
	margin-bottom: 0.35rem;
	cursor: pointer;
	position: relative;
	padding: 0.17rem 0.3rem 0.17rem 0;
	padding-left: .34rem;
	transition: all 0.5s
}

.ab_con .ab3 .list .item3 .leftxx .tab1 .li.on {
	color: #333333
}

.ab_con .ab3 .list .item3 .leftxx .tab1 .li:after {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	height: 100%;
	width: 3px;
	background-color: #606060;
	opacity: 0;
	transition: all 0.5s
}

.ab_con .ab3 .list .item3 .leftxx .tab1 .li.on:after {
	opacity: 1
}

.ab_con .ab3 .list .item3 .leftxx .tab1 .li:last-child {
	margin-bottom: 0
}

.ab_con .ab3 .list .item3 .btn1 {
	position: absolute;
	top: 50%;
	left: 6.4rem;
	transform: translate(-50%, -50%);
	cursor: pointer;
	transition: all 0.5s;
	opacity: 0;
	z-index: 2
}

.ab_con .ab3 .list .item3.on .btn1 {
	opacity: 1
}

.ab_con .ab3 .list .item3 .btn1:hover {
	transform: translate(-50%, -50%) rotate(180deg)
}

.ab_con .ab3 .list .item3 .rightxx {
	width: calc(100% - 6.4rem);
	background-color: #fff;
	padding: 1.5rem 0.55rem 1rem 0.8rem;
	height: 100%;
	transform: translateX(100%);
	transition: all 0.5s
}

.ab_con .ab3 .list .item3.on .rightxx {
	transform: translateX(0)
}

.ab_con .ab3 .list .item3 .rightxx .pt {
	padding-right: 0.8rem;
	height: 100%;
	overflow: auto;
	display: none
}

.ab_con .ab3 .list .item3 .rightxx .pt.on {
	display: block
}

.ab_con .ab3 .list .item3 .rightxx .pt .tit_1 {
	text-align: center;
	color: #333;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0.5rem
}

.ab_con .ab3 .list .item3 .rightxx .pt .solid {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 160px;
	display: none
}

.ab_con .ab3 .list .item3 .rightxx .pt .solid .kuai {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #00a098
}

.ab_con .ab3 .list .item3 .rightxx .pt::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.ab_con .ab3 .list .item2 .rightxx .pt::-webkit-scrollbar-thumb {
	background: #999
}

.ab_con .ab3 .list .item2 .rightxx .pt::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
	height: 1.6rem !important
}

.ab_con .ab3 .list .item3 .rightxx .pic {
	position: relative;
	margin-bottom: 0.5rem;
	min-height: 6rem
}

.ab_con .ab3 .list .item3 .rightxx .pic .mc {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.5s;
	z-index: 3
}

.ab_con .ab3 .list .item3 .rightxx .pic.on .mc {
	opacity: 0;
	pointer-events: none
}

.ab_con .ab3 .list .item3 .rightxx .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ab_con .ab3 .list .item3 .rightxx .pic>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2
}

.ab_con .ab3 .list .item3 .rightxx .pic.on>img {
	display: none
}

.ab_con .ab3 .list .item3 .rightxx .pic .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.54rem;
	z-index: 15;
	cursor: pointer
}

.ab_con .ab3 .list .item3 .rightxx .pic .btn img {
	width: 100%
}

.ab_con .ab3 .list .item3 .rightxx .pic.on .btn {
	opacity: 0
}

.ab_con .ab3 .list .item3 .rightxx .txt {
	color: #606060;
	font-weight: 200;
	line-height: 1.8
}

.ab_con .ab4 {
	/* padding: 1rem 0 1.2rem 0 */
}

.ab_con .ab4 .txts {
	width: 9.12rem;
	margin: 0 auto;
	margin-bottom: 0.4rem;
	text-align: center;
	line-height: 1.75;
	font-weight: 200;
	color: #606060
}

.ab_con .ab4 .pic {
	width: 100%;
	height: 39vw;
	background-color: #6F7B85;
	position: relative;
	/* margin-bottom: 0.5rem */
}

.ab_con .ab4 .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ab_con .ab4 .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.ab_con .ab4 .pic>img {
	width: 100%;
	opacity: 1
}
.ab_con .ab4 .pic>img.pc_img{
    display: block;
}
.ab_con .ab4 .pic>img.m_img{
    display: none;
}

.ab_con .ab4 .pic.on>img {
	opacity: 0
}

.ab_con .ab4 .pic.o1>img {
	opacity: 0
}

.ab_con .ab4 .pic>video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 0.5s;
	padding-right: 0;
	cursor: pointer
}

.ab_con .ab4 .pic.on>video {
	opacity: 1;
	pointer-events: all
}

.ab_con .ab4 .pic.o1>video {
	opacity: 1
}


.ab_con .ab4 .pic .btn {
	position: absolute;
	right: 1rem;
	bottom: 0.8rem;
	width: 0.36rem;
	height: 0.36rem;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 10;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 4px
}

.ab_con .ab4 .pic .btn img {
	width: 0.2rem;
	height: 0.2rem;
	object-fit: contain
}

.ab_con .ab4 .pic .btn img.img2 {
	display: none
}

.ab_con .ab4 .pic.on .btn img.img1 {
	display: none
}

.ab_con .ab4 .pic.on .btn img.img2 {
	display: block
}

.ab_con .ab4 .pic.on .btn {
	/*display: block;*/
	opacity: 0
}

.ab_con .ab4 .pic.o1 .btn {
	/*display: block;*/
	opacity: 0
}


.ab_con .ab4 .list {
	padding: 0 2.8rem;
	display: flex;
	justify-content: space-between
}

.ab_con .ab4 .list .h {
	color: #333;
	line-height: 1.167;
	margin-bottom: 0.08rem;
	font-weight: 400
}

.ab_con .ab4 .list .solid {
	width: 0.3rem;
	height: 0.04rem;
	margin-bottom: 0.15rem;
	display: none
}

.ab_con .ab4 .list .p {
	color: #606060;
	font-weight: 200;
	line-height: 1.8
}

.ab4 .pic{
    position: relative;
}

.ab4 .pic .tit{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0.16rem 1.3rem;
    color: #fff;
    /*font-weight: 600;*/
}

.ab_con .ab_video {
	padding: 1.2rem 2.8rem 0 2.8rem
}

.ab_con .ab_video .con {
	position: relative
}

.ab_con .ab_video .con .btn {
	position: absolute;
	right: 1rem;
	bottom: 0.8rem;
	width: 0.36rem;
	height: 0.36rem;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 4px
}

.ab_con .ab_video .con .btn img {
	width: 0.2rem;
	height: 0.2rem;
	object-fit: contain
}

.ab_con .ab_video .con .btn img.img2 {
	display: none
}

.ab_con .ab_video .con.on .btn img.img1 {
	display: none
}

.ab_con .ab_video .con.on .btn img.img2 {
	display: block
}

.ab_con .ab_video .con.o1 .btn {
	opacity: 0
}

.ab_con .ab_video video {
	width: 100%
}

.ab_con .ab_video .con>img {
	width: 100%;
	opacity: 1
}

.ab_con .ab_video .con.on>img {
	opacity: 0
}

.ab_con .ab_video .con.o1>img {
	opacity: 0
}

.ab_con .ab5 {
	padding: 1.2rem 2.8rem
}

.ab_con .ab5 .top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5rem;
	align-items: flex-end
}

.ab_con .ab5 .top .btnsx {
	width: 1.08rem;
	display: flex;
	justify-content: space-between
}

.ab_con .ab5 .top .btnsx>div {
	width: 0.47rem;
	cursor: pointer
}

.ab_con .ab5 .top .btnsx>div img {
	width: 100%
}

.ab_con .ab5 .top .btnsx>div img.img2 {
	display: none
}

.ab_con .ab5 .top .btnsx>div:hover img.img1 {
	display: none
}

.ab_con .ab5 .top .btnsx>div:hover img.img2 {
	display: block
}

.ab_con .ab5 .tit {
	text-align: left
}

.ab_con .ab5 .tit .h {
	color: #333;
	line-height: 1.3;
	margin-bottom: 0
}

.ab_con .ab5 .tit svg {
	width: 0.73rem;
	height: 0.09rem;
	display: none
}

.ab_con .ab5 .years {
	margin-bottom: 0.58rem;
	border-bottom: 1px solid #33333314;
	position: relative;
	overflow: hidden;
	display: none
}

.ab_con .ab5 .years .swiper-slide {
	line-height: 1.12
}

.ab_con .ab5 .years .swiper-slide .year {
	width: fit-content;
	position: relative;
	padding-bottom: 0.22rem;
	cursor: pointer;
	color: #333
}

.ab_con .ab5 .years .swiper-slide .year:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background-color: #606060;
	transition: all 0.5s;
	opacity: 0
}

.ab_con .ab5 .years .swiper-slide.active .year:after {
	opacity: 1
}

.ab_con .ab5 .con {
	position: relative;
	overflow: hidden
}

.ab_con .ab5 .con .pic {
	width: 100%;
	height: 2.8rem;
	overflow: hidden;
	margin-bottom: 0.29rem
}

.ab_con .ab5 .con .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.ab_con .ab5 .con .pic:hover img {
	transform: scale(1.05)
}

.ab_con .ab5 .con .txt .h {
	color: #333;
	line-height: 1.1;
	margin-bottom: 0.08rem
}

.ab_con .ab5 .con .txt .p {
	color: #333;
	font-weight: 200;
	line-height: 1.5
}

.ab_con .ab6 {
	width: 100%;
	height: 6.4rem;
	position: relative
}

.ab_con .ab6 .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.ab_con .ab6 .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.ab_con .ab6 .txt {
	position: absolute;
	top: 1.48rem;
	left: 50%;
	transform: translateX(-50%);
	width: 3.84rem
}

.ab_con .ab6 .txt img {
	width: 100%
}

.sec1 {
	background-color: #f7f7f7
}

.sec1x {
	padding: 1.5rem 2.8rem 0.2rem 2.8rem
}

.sec2x {
	padding: 0 2.8rem 1.2rem 2.8rem
}

.sec2x .tit {
	color: #333;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 0.6rem
}

.sec2x .con .name {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding-bottom: 0.2rem;
	color: #333;
	font-weight: 500;
	padding-left: 0.16rem
}

.sec2x .con .name .li {}

.sec2x .con .name .li:nth-child(1) {
	width: 25%
}

.sec2x .con .name .li:nth-child(2) {
	width: 15%
}

.sec2x .con .name .li:nth-child(3) {
	width: 10%
}

.sec2x .con .name .li:nth-child(4) {
	width: 10%
}

.sec2x .con .name .li:nth-child(5) {
	width: 10%
}

.sec2x .con .item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.3;
	padding: 0.2rem 0;
	border-top: 1px solid #606060;
	color: #606060;
	transition: all 0.5s;
	padding-left: 0.16rem
}

.sec2x .con .item:hover {
	background-color: #F9F9F9;
	border-color: transparent
}

.sec2x .con .item .li:nth-child(1) {
	width: 25%
}

.sec2x .con .item .li:nth-child(2) {
	width: 15%
}

.sec2x .con .item .li:nth-child(3) {
	width: 10%
}

.sec2x .con .item .li:nth-child(4) {
	width: 10%
}

.sec2x .con .item .li:nth-child(4) .p {
	width: 100%;
	padding-left: 0.2rem;
	position: relative
}

.sec2x .con .item .li:nth-child(4) .p .qiu {
	position: absolute;
	top: 50%;
	left: 0;
	width: 0.16rem;
	height: 0.16rem;
	border-radius: 50%;
	background-color: #00a098;
	transform: translate(-50%, -50%)
}

.sec2x .con .item .li:nth-child(5) {
	width: 10%
}

.secx {
	padding: 1.2rem 0 0.5rem 0
}

.scroll-top {
	position: fixed;
	bottom: 58px;
	right: 0;
	z-index: 1;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	padding: 0;
	line-height: 1;
	width: 58px;
	height: 58px;
	border: 0;
	-webkit-animation: jump 3.5s linear infinite;
	animation: jump 3.5s linear infinite;
	background-color: white;
	color: #221f3c;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s;
	-ms-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s
}

#back-top {
	display: none
}

.fix-icon {
	position: fixed;
	right: 30px;
	bottom: 10vh;
	z-index: 1000;
	display: none
}

.fix-icon .li {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #606060;
	margin-bottom: 60px
}

.fix-icon .li:last-child {
	margin-bottom: 0
}

.fix-icon .li img {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
	margin-top: -5px
}

.fix-icon .li2 {
	background-color: rgba(73, 73, 73, 0.6);
	backdrop-filter: blur(60px)
}

.prod-topx {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.prod-topx .link_list .btns {
	display: flex
}

.prod-topx .link_list .btns>a {
	position: relative;
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.1rem
}

.prod-topx .link_list .btns>a .social-share-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-color: transparent !important
}

.prod-topx .link_list .btns>a .social-share-icon:hover {
	background-color: transparent !important
}

.prod-topx .link_list .btns>a .social-share-icon:before {
	display: none
}

.prod-topx .link_list .btns>a>img {
	width: 100%;
	opacity: 1;
	transition: all 0.5s
}

.prod-topx .link_list .btns>a:hover>img {
	opacity: 0.7
}

.casedet-pdx .link_list .btns {
	position: absolute;
	right: 0;
	top: 0;
	display: flex
}

.casedet-pdx .link_list .btns>a {
	position: relative;
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.1rem
}

.casedet-pdx .link_list .btns>a .social-share-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-color: transparent !important
}

.casedet-pdx .link_list .btns>a .social-share-icon:hover {
	background-color: transparent !important
}

.casedet-pdx .link_list .btns>a .social-share-icon:before {
	display: none
}

.casedet-pdx .link_list .btns>a>img {
	width: 100%;
	opacity: 1;
	transition: all 0.5s
}

.casedet-pdx .link_list .btns>a:hover>img {
	opacity: 0.7
}

.layui-flow-more .yxg {
	display: none !important
}

.laymore:hover .more2 {
	display: none !important
}

.sux_con {
	width: 100%;
	min-height: 116vh;
	display: flex;
	position: relative
}

.sux_con .xlclose1 {
	position: absolute;
	top: 1.8rem;
	right: 1.3rem;
	cursor: pointer
}

.sux_con .xlclose1 img {
	width: 0.24rem;
	transition: all 0.5s
}

.sux_con .xlclose1:hover img {
	transform: rotate(180deg)
}

.sux_con .xlclose1 img.img1x {
	display: none
}

.sux_con .xlclose1:hover img.img2x {
	display: none
}

.sux_con .xlclose1:hover img.img1x {
	display: block
}

.sux_con .pic {
	width: 9.44rem;
	overflow: hidden;
	position: relative
}

.sux_con .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sux_con .right {
	width: calc(100% - 9.44rem);
	padding: 20vh 1.3rem 0.1rem 0.9rem;
	height: 100% !important
}

.sux_con .right .tab {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
	width: fit-content;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.sux_con .right .tab .item {
	transition: all 0.5s;
	color: #333;
	font-weight: 400;
	cursor: pointer;
	margin-right: 0.6rem;
	line-height: 1.167;
	padding-bottom: 0.12rem;
	position: relative;
	opacity: 0.7
}

.sux_con .right .tab .item:last-child {
	margin-right: 0
}

.sux_con .right .tab .item.on {
	color: #333;
	opacity: 1
}

.sux_con .right .tab .item:after {
	content: "";
	position: absolute;
	left: 0;
	width: 0%;
	height: 3px;
	background-color: #606060;
	bottom: -2px;
	left: 0;
	transition: all 0.5s
}

.sux_con .right .tab .item.on:after {
	width: 100%
}

.sux_con .right .con {
	display: none
}

.sux_con .right .con.on {
	display: block
}

.sux_con .right .con2 iframe {
	width: 100%;
	height: 60vh;
	border: none
}

.sux_con .right .con3 .top {
	padding-top: 0.3rem;
	padding-bottom: 0.4rem;
	margin-bottom: 0.6rem
}

.sux_con .right .con3 .top .h {
	color: #333;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	font-weight: 500
}

.sux_con .right .con3 .top .li {
	margin-bottom: 0.2rem;
	padding-left: 0.44rem;
	background: no-repeat left 0.03rem;
	background-size: 0.24rem 0.24rem
}

.sux_con .right .con3 .top .li a {
	display: block;
	color: #333;
	line-height: 0.3rem;
	font-weight: 200
}

.sux_con .right .con3 .bottom .h {
	color: #333;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0.3rem
}

.sux_con .right .con3 .bottom img {
	display: block;
	width: 1.2rem
}

.sux_con .right .con1 .select {
	margin-bottom: 0.4rem;
	position: relative
}

.sux_con .right .con1 .select .h {
	width: 100%;
	padding: 0 0.3rem 0.14rem 0;
	position: relative;
	border-bottom: 1px solid #DFDFDF;
	transition: all 0.5s;
	color: #606060;
	display: flex;
	opacity: 0.7
}

.sux_con .right .con1 .select .h.bold {
	color: #333;
	opacity: 1
}

.sux_con .right .con1 .select .h span {
	display: block;
	color: #00a098;
	margin-right: 0.1rem
}

.sux_con .right .con1 .select.on .h {
	border-color: #333
}

.sux_con .right .con1 .select .h:after {
	content: "";
	position: absolute;
	bottom: 0.2rem;
	right: 0.2rem;
	width: 0.12rem;
	height: 0.06rem;
	background: url(../image/sux_jt.svg)no-repeat;
	background-size: 100% 100%;
	transition: all 0.5s
}

.sux_con .right .con1 .select.on .h:after {
	transform: rotate(-180deg)
}

.sux_con .right .con1 .tab1 {
	display: flex;
	padding: 0.3rem 0.7rem 0 0.7rem;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 0.44rem
}

.sux_con .right .con1 .tab1 .li {
	margin-right: 0.8rem;
	color: #333;
	font-weight: 400;
	padding-bottom: 0.16rem;
	position: relative;
	pointer-events: none;
	cursor: pointer
}

.sux_con .right .con1 .tab1 .li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: #00a098;
	opacity: 0;
	transition: all 0.5s
}

.sux_con .right .con1 .tab1 .li.on:after {
	opacity: 1;
	pointer-events: all
}

.sux_con .right .con1 .tab1 .li.prev {
	pointer-events: all
}

.sux_con .right .con1 .select .boxs {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 20px 22.4px 0px rgba(0, 0, 0, 0.05)
}

.sux_con .right .con1 .select.on .boxs {
	display: block
}

.sux_con .right .con1 .lists {
	display: flex
}

.sux_con .right .con1 .lists>div {
	padding: 0 0.4rem 0.28rem 0.7rem
}

.sux_con .right .con1 .lists>div.on {
	display: block
}

.sux_con .right .con1 .lists>div.list1 select {}

.sux_con .right .con1 .lists>div.list1 .layui-unselect {
	display: none
}

.sux_con .right .con1 .lists>div ul {
	max-height: 3.64rem;
	overflow: auto
}

.sux_con .right .con1 .lists>div li {
	line-height: 0.44rem;
	color: #606060;
	cursor: pointer
}

.sux_con .right .con1 .lists>div li:hover {
	color: #00a098
}

.sux_con .right .con1 .lists>div li.on {
	color: #00a098
}

.sux_con .right .con1 .lists .list2 ul {
	display: none
}

.sux_con .right .con1 .lists .list2 ul:nth-child(1) {
	display: block
}

.sux_con .right .con1 .lists .list2.on ul {
	display: block
}

.sux_con .right .con1 .lists>div ul::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.sux_con .right .con1 .lists>div ul::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2)
}

.sux_con .right .con1 .lists>div ul::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1)
}

.sux_con .right .con1 .lists .list1 {
	width: 3.05rem;
	padding: 0.4rem 0.2rem 0.4rem 0.5rem;
	background-color: #f7f7f7;
	font-weight: 400
}

.sux_con .right .con1 .lists .list2 {
	width: 1.48rem;
	padding: 0.44rem 0;
	background-color: #fbfbfb;
	text-align: center;
	font-weight: 400;
	pointer-events: none
}

.sux_con .right .con1 .lists .list2.on {
	pointer-events: all
}

.sux_con .right .con1 .lists .list3 {
	width: 3.05rem;
	padding: 0.4rem 0.2rem 0.4rem 0.5rem;
	font-weight: 200;
	pointer-events: none
}

.sux_con .right .con1 .lists .list3.on {
	pointer-events: all
}

.sux_con .right .con1 .lists .list3 li {
	opacity: 0.8
}

.sux_con .right .con1 .lists .list3 li:hover {
	opacity: 1
}

.sux_con .right .con1 .lists .listx1 {
	width: 3.05rem;
	padding: 0.4rem 0.2rem 0.4rem 0.5rem;
	background-color: #f7f7f7;
	font-weight: 400
}

.sux_con .right .con1 .lists .listx2 {
	width: 1.48rem;
	padding: 0.44rem 0;
	background-color: #fbfbfb;
	text-align: center;
	font-weight: 400
}

.sux_con .right .con1 .lists .listx3 {
	width: 3.05rem;
	padding: 0.4rem 0.2rem 0.4rem 0.5rem;
	font-weight: 200
}

.sux_con .right .con1 .lists .listx3 li {
	opacity: 0.8
}

.sux_con .right .con1 .lists .listx3 li:hover {
	opacity: 1
}

.sux_con .right .con1 .lists .listx2>div {
	text-align: center;
	width: 100%
}

.sux_con .right .con1 .lists .listx3>div {
	width: 100%
}

.sux_con .right .con1 input {
	background-color: transparent !important;
	transition: background-color 50000s ease-in-out 0s;
	-webkit-text-fill-color: unset
}

.layui-upload-file {
	display: none
}

.sux_con .right .con1 .lists .list3 .list3_1 {
	display: none
}

.sux_con .right .con1 .lists .list3 .list3_1:nth-child(1) {
	display: block
}

.sux_con .right .con1 .lists .list3 .list3_1 ul {
	display: none
}

.sux_con .right .con1 .lists .list3 .list3_1 ul:nth-child(1) {
	display: block
}

.sux_con .right .con1 .lists .list3.on .list3_1 {
	display: block
}

.sux_con .right .con1 .lists .list3.on .list3_1 ul {
	display: block
}

.sux_con .right .con1 .input {
	display: flex;
	padding-bottom: 0.14rem;
	width: 100%;
	border-bottom: 1px solid #DFDFDF;
	margin-bottom: 0.4rem
}

.sux_con .right .con1 .input .name {
	color: #606060;
	width: 1.2rem;
	line-height: 1.25;
	font-weight: 400;
	display: flex;
	align-items: center;
	opacity: 0.7
}

.sux_con .right .con1 .input .name1 {
	color: transparent;
	width: auto;
	white-space: nowrap
}

.sux_con .right .con1 .input .name span {
	display: block;
	color: #00a098;
	margin-right: 0.1rem
}

.sux_con .right .con1 .input .sele-doc {
	color: #606060;
	line-height: 1.25;
	font-weight: 400
}

.sux_con .right .con1 .input input {
	width: calc(100% - 1.2rem);
	width: calc(100% - 0.2rem)
}

.sux_con .right .con1 .input input::placeholder {
	color: #606060;
	line-height: 1.25;
	font-weight: 400;
	opacity: 0.7
}

.sux_con .right .con1 .btn_svg {
	position: relative;
	margin-top: 0.7rem
}

.sux_con .right .con1 .btn_svg .submit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}

.sux_con .right .con1 .btn_svg.hidd {
	display: none
}

.sux_con .right .con1 .select .region {
	display: flex;
	padding: 0.44rem 0.4rem 0.28rem 0.7rem
}

.sux_con .right .con1 .select .region .sel {
	border: none
}

.sux_con .right .con1 .select.sp .boxs {
	z-index: 40
}

.sux_con .right .con1.hidd .select.sp {
	display: none
}

.sux_con .right .con1 .select.select_ad .boxs {
	z-index: 30
}

.sux_con .right .con1 .form_tab {
	display: flex;
	margin-bottom: 0.5rem
}

.sux_con .right .con1 .form_tab .btn {
	color: #606060;
	padding-left: 0.32rem;
	line-height: 0.28rem;
	margin-right: 0.5rem;
	background: url(../image/form_b1.svg)no-repeat left center;
	background-size: 0.22rem 0.22rem;
	cursor: pointer;
	transition: all 0.5s
}

.sux_con .right .con1 .form_tab .btn.on {
	color: #333;
	background-image: url(../image/form_b2.svg)
}

.sus_banner {
	width: 100%;
	height: 7.8rem;
	position: relative
}

.sus_banner img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sus_banner video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.sus_banner img.mimg {
	display: none
}

.sus_banner .tit {
	position: absolute;
	top: 58%;
	left: 0;
	width: 100%;
	padding: 0 2.8rem;
	color: #ffffff;
	font-weight: 500;
	line-height: 1.2;
	transform: translateY(-50%)
}

.sus1 {
	padding: 1.6rem 0 1rem 0
}

.sus1 .tit {
	text-align: center;
	line-height: 1.174;
	margin-bottom: 0.8rem;
	font-weight: 400;
	color: #333
}

.sus1 .list {
	display: flex;
	justify-content: center
}

.sus1 .list .item {
	margin: 0 1.2rem;
	text-align: center
}

.sus1 .list .item .icon {
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 auto;
	object-fit: contain;
	margin-bottom: 0.3rem
}

.sus1 .list .item .h {
	color: #333;
	line-height: 1.7;
	font-weight: 200;
	margin-bottom: 0.5rem
}

.sus1 .list .item .p {
	color: #606060;
	font-weight: 400;
	line-height: 1
}

.sus1 .f_12 {
	color: #606060;
	opacity: 0.3;
	font-weight: 200
}

.sus2 {
	padding: 1.2rem 0 1.25rem 0;
	background-color: #f7f7f7
}

.sus2 .tit {
	text-align: center;
	line-height: 1.174;
	margin-bottom: 0.6rem;
	font-weight: 400;
	color: #333
}

.sus2 img {
	display: block;
	margin: 0 auto;
	height: 4.2rem
}

.sus3 {
	padding: 1.2rem 0 1rem 0
}

.sus3 .tit {
	text-align: center;
	line-height: 1.174;
	margin-bottom: 0.6rem;
	font-weight: 400;
	color: #333
}

.sus3 .pic_box {
	position: relative;
	width: 100%;
	margin-bottom: 0.3rem
}

.sus3 .pic_box>div.p_pm {
	display: none
}

.sus3 .pic_box>div>img {
	width: 100%
}

.sus3 .pic_box .pics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.sus3 .pic_box .pics img {
	height: 1.667vw;
	position: absolute;
	top: 48%;
	transform: translateY(-50%)
}

.sus3 .pic_box .pics .txt1 {
	left: 25vw
}

.sus3 .pic_box .pics .txt2 {
	left: 50%;
	transform: translate(-50%, -50%)
}

.sus3 .pic_box .pics .txt3 {
	right: 23.6vw
}

.sus3 .listx {
	padding: 0 2.8rem;
	display: flex;
	justify-content: space-between
}

.sus3 .listx .item {
	display: block;
	width: 2.48rem;
	background-color: #f7f7f7;
	padding: 0.5rem 0.3rem;
	transition: all 0.5s
}

.sus3 .listx .item:hover {
	background-color: #fff;
	box-shadow: 0px 18px 30.9px 6px rgba(51, 51, 51, 0.14);
	transform: scale(1.06)
}

.sus3 .listx .item .icon {
	display: flex;
	margin-bottom: 0.4rem
}

.sus3 .listx .item .icon img {
	height: 0.44rem
}

.sus3 .listx .item .h_1 {
	color: #333;
	font-weight: 400;
	line-height: 1.167;
	margin-bottom: 0.24rem;
	transition: all 0.5s
}

.sus3 .listx .item:hover .h_1 {
	color: #00a098
}

.sus3 .listx .item .p_1 {
	color: #606060;
	font-weight: 200;
	line-height: 2
}

.sus4 {
	padding: 1.2rem 2.8rem;
	background-color: #f7f7f7
}

.sus4 .tit {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	color: #333;
	line-height: 1.3;
	margin-bottom: 30px
}

.sus4 .tit .morex {
	display: none;
	align-items: center;
	transition: all 0.5s;
	font-weight: 400;
	color: #333
}

.sus4 .tit .morex:hover {
	color: #00a098
}

.sus4 .tit .morex.on {
	display: flex
}

.sus4 .tit .morex img {
	display: block;
	width: 0.12rem;
	height: 0.12rem;
	margin-left: 0.1rem
}

.sus4 .tit .morex img.img2 {
	display: none
}

.sus4 .tit .morex:hover img.img1 {
	display: none
}

.sus4 .tit .morex:hover img.img2 {
	display: block
}

.sus4 .solid {
	/* width: 0.73rem; */
	height: 0.09rem;
	margin-bottom: 0.37rem
}

.sus4 .tab {
	display: flex;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 0;
	margin-bottom: 0.5rem;
	width: fit-content
}

.sus4 .tab .li {
	margin-right: 0.32rem;
	color: #606060;
	font-weight: 400;
	line-height: 1.167;
	padding-bottom: 0.12rem;
	position: relative;
	cursor: pointer
}

.sus4 .tab .li.on {
	color: #333333
}

.sus4 .tab .li:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0%;
	background: #606060;
	height: 2px;
	opacity: 0;
	transition: all 0.5s
}

.sus4 .tab .li.on:after {
	opacity: 1;
	width: 100%
}

.sus4 .tab .li:last-child {
	margin-right: 0
}

.sus4 .bottom .bg-list {
	position: relative;
	overflow: hidden;
	display: none
}

.sus4 .bottom .bg-list.on {
	display: block
}

.sus4 .bottom .bg-list .swiper-slide {
	overflow: hidden
}

.sus4 .bottom .bg-list .swiper-slide .bg-item {
	width: 100%;
	padding-bottom: 22vw;
	position: relative
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 22vw;
	overflow: hidden;
	z-index: 2;
	transition: all 0.5s
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img img {
	min-height: 100%
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img .h_1 {
	color: #fff;
	line-height: 1.28;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0.4rem;
	left: 0;
	padding: 0 0.2rem;
	font-size: 1.46vw
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img .h_1 .title {
	color: #ffffff;
	font-weight: 400;
	margin-top: 0.15rem
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img .h_1 .hxx {
	display: none
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .img .h_1 .hxx.show {
	display: block
}

.sus4 .bottom .bg-list .swiper-slide:hover .bg-item .img {
	height: 19.5vw
}

.sus4 .bottom .bg-list .swiper-slide .bg-item>img {
	object-fit: contain;
	transition: all 0.5s;
	width: 100%
}

.sus4 .bottom .bg-list .swiper-slide:hover .bg-item>img {
	transform: scale(1.05)
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .title {
	color: #333;
	font-weight: 400;
	margin-bottom: 0.25rem
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations {
	display: flex
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn {
	display: flex;
	align-items: center;
	margin-right: 0.4rem;
	color: #333;
	transition: all 0.5s
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn:nth-child(2) {
	margin-right: 0
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn:hover {
	color: #00a098
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn img {
	width: 0.14rem;
	height: 0.14rem;
	margin-left: 0.1rem
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn img.img2 {
	display: none
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn:hover img.img1 {
	display: none
}

.sus4 .bottom .bg-list .swiper-slide .bg-item .report-content .operations .btn:hover img.img2 {
	display: block
}

.sus_dev {
	padding: 1.2rem 0
}

.sus_dev .approve-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 2.8rem;
	margin-bottom: 0.5rem
}

.sus_dev .approve-top .morex {
	display: flex;
	align-items: center;
	transition: all 0.5s;
	font-weight: 400;
	color: #333
}

.sus_dev .approve-top .morex:hover {
	color: #00a098
}

.sus_dev .approve-top .morex img {
	display: block;
	width: 0.12rem;
	height: 0.12rem;
	margin-left: 0.1rem
}

.sus_dev .approve-top .morex img.img2 {
	display: none
}

.sus_dev .approve-top .morex:hover img.img1 {
	display: none
}

.sus_dev .approve-top .morex:hover img.img2 {
	display: block
}

.sus_dev .bottom {
	padding: 0 2.8rem
}

.sus5 {
	padding: 1.2rem 2.8rem 0.8rem 2.8rem;
	background-color: #f7f7f7
}

.sus5 .tit {
	text-align: center;
	line-height: 1.174;
	margin-bottom: 0.6rem;
	font-weight: 400;
	color: #333
}

.sus5 .listx {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.sus5 .listx .item {
	width: 2.48rem;
	margin-bottom: 0.4rem
}

.sus5 .listx .item .icon {
	width: 100%;
	height: 1.2rem;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.2rem
}

.sus5 .listx .item .icon img {
	max-width: 80%;
	max-height: 80%
}

.sus5 .listx .item .txt {
	color: #333;
	font-weight: 200;
	line-height: 1.44
}

.sus6 {
	width: 100%;
	height: 37.5vw;
	background: no-repeat center;
	background-size: cover;
	padding-top: 1rem;
	color: #ffffff;
	text-align: center
}

.sus6 .tit {
	font-weight: 200;
	line-height: 1.5;
	margin-bottom: 0.3rem
}

.sus6 .morex {
	display: flex;
	align-items: center;
	transition: all 0.5s;
	font-weight: 400;
	color: #fff;
	margin: 0 auto;
	width: fit-content
}

.sus6 .morex:hover {
	color: #00a098
}

.sus6 .morex img {
	display: block;
	width: 0.12rem;
	height: 0.12rem;
	margin-left: 0.1rem
}

.sus6 .morex img.img2 {
	display: none
}

.sus6 .morex:hover img.img1 {
	display: none
}

.sus6 .morex:hover img.img2 {
	display: block
}

.set_map {
	padding: 0 2.8rem
}

.set_map .sitmap {
	width: 100%
}

.set_map .sitmap .sitep_pad {
	padding-bottom: 0.36rem;
	border-bottom: 1px solid #ececec;
	margin-bottom: 0.5rem
}

.set_map .sitmap .sitep_pad .h_1 {
	color: #333;
	line-height: 1.167;
	font-weight: 400;
	margin-bottom: 0.3rem
}

.set_map .sitmap .sitep_pad .p_1 {
	display: flex;
	flex-wrap: wrap
}

.set_map .sitmap .sitep_pad .p_1 a {
	display: block;
	width: fit-content;
	line-height: 0.32rem;
	padding: 0 0.19rem;
	border: 0.01rem solid rgba(96, 96, 96, 0.60);
	border-radius: 0.06rem;
	margin-bottom: 0.14rem;
	margin-right: 0.14rem;
	color: #606060;
	font-weight: 500;
	transition: all 0.5s
}

.set_map .sitmap .sitep_pad .p_1 a:hover {
	color: #333;
	background-color: #D9D9D9;
	border-color: transparent
}

.xlclose {
	position: absolute;
	bottom: 0.3rem;
	right: 1.3rem;
	width: 0.46rem;
	cursor: pointer
}

.xlclose img {
	width: 0.24rem;
	transition: all 0.5s
}

.xlclose:hover img {
	transform: rotate(180deg)
}

.xlclose img.img1x {
	display: none
}

.xlclose:hover img.img2x {
	display: none
}

.xlclose:hover img.img1x {
	display: block
}

.serv_banner {
	width: 100%;
	height: 7.2rem;
	position: relative
}

.serv_banner img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.serv_banner video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.serv_banner .txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 2.8rem;
	color: #ffffff;
	font-weight: 500;
	line-height: 1.2
}

.serv1 {
	padding: 1.8rem 2.8rem 1.94rem 2.8rem;
	background-color: #ffffff
}

.serv1 .con {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.serv1 .con .txt {
	width: 7rem;
	color: #606060;
	font-weight: 200;
	line-height: 2.167
}

.serv1 .con .right1 {
	width: 3.3rem
}

.serv1 .con .right1 .h_1 {
	color: #333;
	font-weight: 400;
	line-height: 1.167;
	margin-bottom: 0.3rem
}

.serv1 .con .right1 .list1 {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.serv1 .con .right1 .list1 .item .nums {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.04rem
}

.serv1 .con .right1 .list1 .item .nums .num {
	color: #333;
	line-height: 1.18;
	margin-right: 0.06rem
}

.serv1 .con .right1 .list1 .item .nums .dw {
	color: #333;
	line-height: 1.18;
	transform: translateY(-0.05rem)
}

.serv1 .con .right1 .list1 .item .p_1 {
	color: #333;
	line-height: 1.15;
	font-weight: 200
}

.serv2 {
	background-color: #f7f7f7
}

.serv2 .tab {
	padding-bottom: 0
}

.sux_con.serv2 .right {
	padding-top: 1rem
}

.sux_con.serv2 .chage-yzm-b {
	background-color: #fff
}

.serv2 .right {
	opacity: 1;
	position: static;
	border-radius: 0 !important;
	background-color: transparent !important;
	transform: scale(1) !important;
	margin-top: 0;
	text-align: left;
	line-height: 1
}

.serv3 {
	padding: 1.26rem 2.2rem 1.6rem 2.2rem;
	background-color: #ffffff
}

.serv3 .tit {
	text-align: center;
	color: #333;
	line-height: 1.17;
	margin-bottom: 0.77rem;
	font-weight: 400
}

.serv3 .num_box {
	display: flex;
	justify-content: center
}

.serv3 .num_box .item {
	margin: 0 0.6rem;
	margin-bottom: 0.2rem
}

.serv3 .num_box .item .nums {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 0.07rem
}

.serv3 .num_box .item .nums .num {
	color: #333;
	line-height: 1.167;
	font-weight: 400;
	margin-right: 0.06rem
}

.serv3 .num_box .item .nums .dw {
	color: #333;
	line-height: 1.15;
	font-weight: 400
}

.serv3 .num_box .item .p {
	color: #333;
	font-weight: 200;
	line-height: 1.5
}


.fd1 {
	padding: 1.6rem 2rem 0 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fd1 .icon {
	width: 6.5rem;
	display: block;
}

.fd1 .txt {
	width: 8.13rem;
}

.fd1 .txt .h {
	line-height: 1.3;
	margin-bottom: 0.3rem;
	color: #333;
}

.fd1 .txt .solid {
	width: 0.73rem;
	height: 0.09rem;
	margin: 0 auto;
	margin-bottom: 0.4rem;
}

.fd1 .txt .p {
	line-height: 1.8;
	color: #333;
	font-weight: 300;
}

.fd2 {
	padding: 1.12rem 2rem 1.6rem;
}

.fd2 .tit {
	text-align: center;
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.6rem;
}

.fd2 .con {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.fd2 .con .left {
	width: 5.2rem;
	height: 8.06rem;
	position: relative;
}

.fd2 .con .left .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.fd2 .con .left .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.fd2 .con .left .pic:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2rem;
	opacity: 0.9;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
	mix-blend-mode: multiply;
}

.fd2 .con .left:hover .pic img {
	transform: scale(1.05);
}

.fd2 .con .left .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 0.5rem 0.4rem 0.6rem;
	color: #fff;
}

.fd2 .con .left .txt .h {
	color: #FFF;
	font-weight: 400;
	line-height: 1.23;
	margin-bottom: 0.24rem;
}

.fd2 .con .left .txt .p {
	line-height: 1.55;
	font-weight: 300;
}

.fd2 .con .right {
	width: 9.73rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fd2 .con .right .box {
	position: relative;
	width: 4.7rem;
	height: 3.88rem;
}

.fd2 .con .right .box1 {
	width: 100%;
	margin-bottom: 0.3rem;
}

.fd2 .con .right .box .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.fd2 .con .right .box .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.fd2 .con .right .box .pic:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2rem;
	opacity: 0.9;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
	mix-blend-mode: multiply;
}

.fd2 .con .right .box:hover .pic img {
	transform: scale(1.05);
}

.fd2 .con .right .box .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 0.5rem 0.4rem 0.6rem;
	color: #fff;
}

.fd2 .con .right .box .txt .h {
	color: #FFF;
	font-weight: 400;
	line-height: 1.23;
	margin-bottom: 0.24rem;
}

.fd2 .con .right .box .txt .p {
	line-height: 1.55;
	font-weight: 300;
}

.fd3 {
	padding: 1.3rem 2rem;
}

.fd3 .tit {
	text-align: center;
	color: #333;
	line-height: 1.3;
	margin-bottom: 0.6rem;
}

.fd3 .bottom {
	position: relative;
	overflow: hidden;
	padding-bottom: 1rem;
}

.fd3 .bottom .next {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	background-image: none;
	transition: all 0.5s
}

.fd3 .bottom.hid .next {
	display: none
}

.fd3 .bottom .next img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.fd3 .bottom .next img.img2 {
	display: none
}

.fd3 .bottom .next:hover img.img1 {
	display: none
}

.fd3 .bottom .next:hover img.img2 {
	display: block
}

.fd3 .bottom .prev {
	position: absolute;
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	opacity: 1;
	transition: all 0.5s;
	transform: translateX(-0.78rem);
	background-image: none
}

.fd3 .bottom.hid .prev {
	display: none
}

.fd3 .bottom .prev img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.fd3 .bottom .prev img.img2 {
	display: none
}

.fd3 .bottom .prev:hover img.img1 {
	display: none
}

.fd3 .bottom .prev:hover img.img2 {
	display: block
}

.fd3 .bottom .box1 {
	width: 32.5%;
	padding: 0.17rem 0.16rem 0.36rem 0.16rem;
	display: block;
	margin-bottom: 0.14rem;
	transition: all 0.5s
}

.fd3 .bottom .box1:after {
	content: "";
	width: 32.5%;
	height: 1px;
}

.fd3 .bottom .box1:hover {
	background-color: #fff
}

.fd3 .bottom .box1 .pic {
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-bottom: 0.3rem;
	position: relative
}

.fd3 .bottom .box1 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s
}

.fd3 .bottom .box1:hover .pic img {
	transform: scale(1.05)
}

.fd3 .bottom .box1 .h {
	color: #333;
	line-height: 0.32rem;
	height: 0.64rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0.24rem
}

.fd3 .bottom .box1 .bottom1 {
	display: flex;
	align-items: center
}

.fd3 .bottom .box1 .bottom1 .tip {
	width: fit-content;
	line-height: 0.28rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #333;
	font-weight: 200;
	background-color: rgba(0, 0, 0, 0.05);
	margin-right: 0.13rem
}

.fd3 .bottom .box1 .bottom1 .p {
	display: flex;
	align-items: center;
	margin-right: 0.12rem;
	color: #606060;
	font-weight: 200
}

.fd3 .bottom .box1 .bottom1 .p img {
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.06rem
}

.cd2.fd4 {
	background: #F7F7F7;
}

.cd2.fd4 .box {
	padding: 32.74vh 1.14rem 13.68vh 2.8rem;
}

.cd2 .txtx {
	position: absolute;
	top: 1.6rem;
	left: 0;
	width: 100%;
	color: #333;
	text-align: center;
}

#CybotCookiebotDialogDetailBody #CybotCookiebotDialogDetailBodyContentCookieContainerTypes li:last-child {
	display: none !important;
}

.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.pc_fenye a {
    float: left;
    float: left;
    width: 40px;
    height: 40px;
    /* border: 1px solid transparent; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 40px;
    color: #333333;
    text-align: center;
    margin: 0px 5px;
    transition: .3s;
}

.pc_fenye a:hover,
.pc_fenye a.page-num-current {
    color: #00a098;
    border: 1px solid #00a098;
}


@media screen and (min-width:1922px) {
	.nz_con .nz2 .cons .leftxx .con {
		padding-top: .8rem
	}

	.nl_con .cons .top .leftxx .item .list .btn:hover {
		background-color: #CDCDCD;
		color: #333;
		border-color: transparent
	}
}

@media screen and (max-width:1680px) {
	.cddd1 .tit .p {
		width: 9rem
	}
}

@media screen and (max-width:1024px) {
	.casedet-pdx .link_list .btns {
		position: relative;
		justify-content: center;
		margin-top: 10px
	}

	.nl_con .cons .center .btnsx {
		right: auto;
		left: 20px;
		display: none
	}
}

@media screen and (max-width:997px) {
	.banner .pic {
		background-image: none !important
	}
	
	.h_pic{
	    display: none;
	}
	
	.banner{
	    padding-top: 0;
	}

	.m_pic {
		display: block
	}
}