@charset "utf-8";

:root {
--color: #0071c9;
--vh: 100vh;
}


/*类标签*/

em,
i,
cite {
font-style: normal;
}

strong,
a {
text-decoration: none;
}

strong,
a:hover {
text-decoration: none;
}

img {
border: 0;
vertical-align: middle;
object-fit: cover;
}

input {
outline: none;
}

select {
border-color: #DEDEDE;
}

textarea {
outline: none;
resize: none;
}

a,
p,
b,
li {
text-decoration: none;
}

a {
color: #333;
}

p {
margin: 0;
font-size: 16px;
}

a:hover,
button:hover {
text-decoration: none;
}

table {
border-collapse: collapse;
}

iframe {
margin-bottom: -5px;
}

select {
border-color: #DEDEDE;
}

label {
font-weight: normal;
}

button {
border: none;
background-color: transparent;
outline: none;
}

input::-webkit-input-placeholder {
color: #999;
}

textarea::-webkit-input-placeholder {
color: #999;
}

*:focus {
outline: none !important;
box-shadow: none !important;
}


/* 取消focus点击效果 */


/* 字体引用 */


/* @font-face{
font-family: 'int-m';
src: url(../font/Inter-Medium.ttf);
}
@font-face{
font-family: 'int-r';
src: url(../font/Inter-Regular.ttf);
}
@font-face{
font-family: 'int-l';
src: url(../font/Inter-Light.ttf);
}
@font-face{
font-family: 'int-b';
src: url(../font/Inter-Bold.ttf);
} */


/* .font-m{font-family: 'int-m',@font}
.font-r{font-family: 'int-r',@font}
.font-l{font-family: 'int-l',@font}
.font-b{font-family: 'int-b',@font} */

.pub_tc {
text-align: center;
}

*::after,
*::before {
transition: all 0.4s;
-moz-transition: all 0.4s;
/* Firefox 4 */
-webkit-transition: all 0.4s;
/* Safari 和 Chrome */
-o-transition: all 0.4s;
/* Opera */
}


/* 滚动条 */

.srco::-webkit-scrollbar {
width: 3px;
}

.srco::-webkit-scrollbar-track {
background: #ededed;
border-radius: 2px;
}

.srco::-webkit-scrollbar-thumb {
background: #0071c9;
border-radius: 25px;
}

.srco::-webkit-scrollbar-corner {
background: #0071c9;
}

* {
padding: 0;
margin: 0;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: calc(100vw/19.2);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scrollbar-width: thin;
}

html ::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}

html ::-webkit-scrollbar-thumb {
/*滚动条-滑块*/
border-radius: 3px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #0071c9;
}

html ::-webkit-scrollbar-track {
/*滚动条-背景*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: #ededed;
}

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

@media (max-width: 1580px) {
html {
font-size: 66px;
}
}

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

body {
min-height: 100%;
font-family: 'Source Han Sans CN', 'Source Han Sans TW', 'Source Han Sans KR', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK HK', 'Noto Sans CJK', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans HK', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #333;
background: #fff;
}

@media (max-width: 1580px) {
body {
font-size: 14px;
}
}

@media (max-width: 767px) {
body {
font-size: 0.28rem;
}
}

img {
max-width: 100%;
border: 0;
vertical-align: top;
}

li {
list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-style: inherit;
font-size: inherit;
font-weight: normal;
}

a,
a:hover,
a:focus {
text-decoration: none;
}

input,
button {
-webkit-appearance: none;
border-radius: 0;
}

button {
cursor: pointer;
}

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

textarea {
resize: none;
overflow: auto;
}

input,
button,
textarea,
select {
border: 0;
font-family: inherit;
font-style: inherit;
font-size: inherit;
font-weight: normal;
color: inherit;
background: transparent;
}

select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

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

table {
border-collapse: collapse;
}

.fl {
float: left;
}

.fr {
float: right;
}

.clear {
zoom: 1;
}

.clear:after {
content: '';
display: block;
clear: both;
}

.container2 {
margin: 0 auto;
width: 100%;
max-width: 1600px;
}

@media (max-width: 1580px) {
.container2 {
width: 84%;
}
}

@media (max-width: 1260px) {
.container2 {
width: 90%;
}
}

.container {
margin: 0 auto;
width: 100%;
max-width: 1400px;
}

@media (max-width: 1580px) {
.container {
width: 86%;
}
}

@media (max-width: 1260px) {
.container {
width: 90%;
}
}

.bg-color1 {
background-color: #fff;
}

.ptb100 {
padding-top: 1rem;
padding-bottom: 1rem;
}

@media (max-width: 767px) {
.ptb100 {
padding-top: 1.2rem;
padding-bottom: 1.2em;
}
}

.pt100 {
padding-top: 1rem;
}

@media (max-width: 767px) {
.pt100 {
padding-top: 1.2rem;
}
}

.pb100 {
padding-bottom: 1rem;
}

@media (max-width: 767px) {
.pb100 {
padding-bottom: 1.2rem;
}
}

.public-scrollbar {
scrollbar-width: thin;
}

.public-scrollbar ::-webkit-scrollbar {
/*滚动条整体样式*/
width: 5px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}

.public-scrollbar ::-webkit-scrollbar-thumb {
/*滚动条-滑块*/
border-radius: 3px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #0071c9;
}

.public-scrollbar ::-webkit-scrollbar-track {
/*滚动条-背景*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: #ededed;
}

.public-btn {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 0.14rem;
min-width: 1rem;
height: 0.4rem;
border: 1px solid #0071c9;
border-radius: 0 100px 100px 100px;
color: #0071c9;
}

.public-img {
display: block;
position: relative;
z-index: 1;
overflow: hidden;
}

.public-img::before {
content: "";
display: block;
position: relative;
z-index: 0;
padding-top: 100%;
}

.public-img > img,
.public-img > .img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}

.public-content {
color: #666;
line-height: 1.8;
}

.public-content a {
color: #666;
}

.public-content table {
max-width: 100%;
}

.public-content table td,
.public-content table th {
	padding: 10px 15px;
	border: 1px solid #dbf1ed;
}

.public-content li {
margin-left: 15px;
list-style: disc;
}

.public-content ol {
margin-left: 15px;
list-style: decimal;
}

.public-content img,
.public-content video {
max-width: 100%;
height: auto !important;
}

#hi-upgrade {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
}

#hi-upgrade .hi-wrap {
position: absolute;
top: 50%;
left: 50%;
margin: -177px 0 0 -450px;
width: 900px;
}

#hi-upgrade .hi-wrap .hi-title {
	font-size: 30px;
	line-height: 40px;
	color: #333;
}

#hi-upgrade .hi-wrap .hi-close {
	margin: 10px 0;
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	color: #0071c9;
}

	#hi-upgrade .hi-wrap .hi-close:hover {
		text-decoration: underline;
	}

#hi-upgrade .hi-wrap .hi-text1 {
	color: #666;
}

	#hi-upgrade .hi-wrap .hi-text1 span {
		color: #0071c9;
	}

#hi-upgrade .hi-wrap .hi-text2 {
	position: relative;
	margin: 60px 0;
	color: #333;
}

	#hi-upgrade .hi-wrap .hi-text2::before {
		content: "";
position: absolute;
top: 50%;
left: 0;
z-index: 1;
width: 100%;
border-top: 1px solid #ddd;
}

#hi-upgrade .hi-wrap .hi-text2 span {
position: relative;
z-index: 5;
padding: 0 30px;
background: #fff;
}

#hi-upgrade .hi-wrap .hi-list {
overflow: hidden;
}

#hi-upgrade .hi-wrap .hi-list li {
display: inline-block;
width: 16%;
}

#hi-upgrade .hi-wrap .hi-list li div {
	margin: 0 auto 5px;
	width: 50px;
	height: 50px;
}

#hi-upgrade .hi-wrap .hi-list li a {
	color: #666;
}

	#hi-upgrade .hi-wrap .hi-list li a:hover {
		color: #0071c9;
	}

#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
	background: url(../images/hi-llq-1.jpg) no-repeat center / 100%;
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
	background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
	background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
	background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
	background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
	background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;
}


/* 占位标签，设置导航样式 */

#c-placeholder {
height: 1rem;
}

@media (max-width: 991px) {
#c-placeholder {
height: 1.2rem;
}
}


/*顶部*/

#c-header {
position: fixed;
top: 0;
left: 0;
z-index: 900;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
line-height: 1rem;
text-align: center;
color: #fff;
transition: 0.3s;
}

@media (max-width: 991px) {
#c-header {
line-height: 1.2rem;
}
}

#c-header a {
color: #fff;
transition: 0.3s;
}

#c-header .container {
display: flex;
align-items: center;
justify-content: space-between;
}

@media (max-width: 991px) {
#c-header .container {
height: 1.2rem;
}
}

#c-header .c-right-box {
display: flex;
align-items: center;
}

#c-header.c-head-move {
top: -1rem;
}

@media (max-width: 991px) {
#c-header.c-head-move {
top: -1.2rem;
}
}

#c-header.c-style2 {
color: #333;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

#c-header.c-style2 a {
color: #333;
}


/*顶部logo*/

#c-header .c-logo {
display: flex;
align-items: center;
}

#c-header .c-logo .c-img-box {
display: flex;
align-items: center;
}

#c-header .c-logo .c-img-box img {
	height: 0.56rem;
}

@media (max-width: 991px) {
#c-header .c-logo .c-img-box img {
height: 0.6rem;
}
}

#c-header .c-logo .c-img-box img:nth-child(2) {
display: none;
}

#c-header .c-logo span {
display: inline-block;
margin-left: 0.2rem;
padding-left: 0.2rem;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
#c-header .c-logo span {
display: none;
}
}

#c-header.c-style2 .c-logo .c-img-box img:nth-child(1) {
display: none;
}

#c-header.c-style2 .c-logo .c-img-box img:nth-child(2) {
display: inline-block;
}


/*顶部pc导航*/

#c-header .c-nav {
display: flex;
align-items: center;
}

@media (max-width: 991px) {
#c-header .c-nav {
display: none;
}
}

#c-header .c-nav > li {
position: relative;
margin-right: 0.3rem;
}

#c-header .c-nav > li:last-child {
margin-right: 0;
}

#c-header .c-nav > li > .c-title-box {
display: flex;
align-items: center;
cursor: pointer;
}

#c-header .c-nav > li > .c-title-box img,
#c-header .c-nav > li > .c-title-box svg {
	margin-left: 0.05rem;
	width: 14px;
	height: 14px;
	transform: rotate(90deg);
}

	#c-header .c-nav > li > .c-title-box img path,
	#c-header .c-nav > li > .c-title-box svg path {
		fill: #fff;
		transition: all 0.3s;
	}

#c-header .c-nav > li a:before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 2px;
background: #0071c9;
transition: 0.3s;
}

#c-header .c-nav li a {
position: relative;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}

#c-header .c-nav ul {
position: absolute;
top: 99%;
left: 50%;
display: none;
min-width: 1.5rem;
line-height: 0.5rem;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

#c-header .c-nav ul li {
border-bottom: 1px solid #eee;
}

#c-header .c-nav ul li:last-child {
	border: 0;
}

#c-header .c-nav ul li a {
	color: #333;
}

#c-header.c-style2 .c-nav li.on > .c-title-box > a,
#c-header .c-nav li:hover > .c-title-box > a,
#c-header .c-nav li.on > a,
#c-header .c-nav li:hover > a {
color: #0071c9;
}

#c-header.c-style2 .c-nav li.on > .c-title-box > a:before,
#c-header .c-nav li:hover > .c-title-box > a:before,
#c-header .c-nav li.on > a:before,
#c-header .c-nav li:hover > a:before {
width: 100%;
}

#c-header.c-style2 .c-nav li.on > .c-title-box svg path,
#c-header .c-nav li:hover > .c-title-box svg path {
fill: #0071c9 !important;
}

#c-header.c-style2 .c-nav li .c-title-box svg path {
fill: #333;
}


/*顶部移动端导航*/

#c-header .c-nav2 {
position: absolute;
top: 1.2rem;
left: 0;
width: 100%;
height: 0;
line-height: 1rem;
color: #333;
background: #fff;
overflow-y: auto;
transition: 0.3s;
text-align: left;
}

#c-header .c-nav2 > li:last-child {
border-bottom: 1px solid #f1f1f1;
}

#c-header .c-nav2 li {
padding: 0 0.5rem;
border-top: 1px solid #f1f1f1;
}

@media (max-width: 767px) {
#c-header .c-nav2 li {
padding: 0 0.5rem;
}
}

#c-header .c-nav2 li .c-title-box {
display: flex;
align-items: center;
justify-content: space-between;
}

#c-header .c-nav2 li .c-title-box img,
#c-header .c-nav2 li .c-title-box svg {
width: 0.3rem;
height: 0.3rem;
transition: all 0.3s;
}

#c-header .c-nav2 li .c-title-box img path,
#c-header .c-nav2 li .c-title-box svg path {
	fill: #333;
}

#c-header .c-nav2 li .c-title-box.on img,
#c-header .c-nav2 li .c-title-box.on svg {
transform: rotate(90deg);
}

#c-header .c-nav2 li a {
color: #333;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

#c-header .c-nav2 li a:hover,
#c-header .c-nav2 li.on > a {
color: #0071c9;
}

#c-header .c-nav2 li ul {
display: none;
}

.c-open #c-header .c-nav2 {
height: calc(var(--vh) - 1.2rem);
}


/*顶部导航开关*/

#c-header .c-switch {
position: relative;
display: none;
width: 0.48rem;
height: 0.4rem;
cursor: pointer;
}

@media (max-width: 1260px) {
#c-header .c-switch {
display: block;
}
}

#c-header .c-switch i {
position: absolute;
left: 0;
height: 2px;
width: 100%;
background: #fff;
transition: all 0.3s;
}

#c-header .c-switch i:nth-child(1) {
top: 0;
}

#c-header .c-switch i:nth-child(3) {
bottom: 0;
}

#c-header .c-switch i:nth-child(2) {
top: 50%;
margin-top: -1px;
}

#c-header.c-style2 .c-switch i {
background: #333;
}

body.c-open #c-header .c-switch i:nth-child(2) {
opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
top: 50%;
margin-top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
bottom: 50%;
margin-bottom: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/* 顶部功能区 */

#c-header .c-gn {
display: flex;
align-items: center;
}

@media (max-width: 1260px) {
#c-header .c-gn {
display: none;
}
}

#c-header .c-gn form {
padding-left: 0.6rem;
position: relative;
cursor: pointer;
}

#c-header .c-gn form img,
#c-header .c-gn form svg {
width: 20px;
height: 20px;
transition: 0.3s;
vertical-align: middle;
}

@media (max-width: 991px) {
#c-header .c-gn form img,
#c-header .c-gn form svg {
width: 0.2rem;
height: 0.2rem;
}
}

#c-header .c-gn form img path,
#c-header .c-gn form svg path {
fill: #fff;
}

#c-header .c-gn form:hover > svg path {
fill: #0071c9 !important;
}

#c-header .c-gn form .c-box {
position: absolute;
top: 106%;
right: 0;
display: none;
width: 280px;
height: 50px;
line-height: 50px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
}

#c-header .c-gn form .c-box input {
float: left;
padding: 0 0.15rem;
width: -webkit-calc(30%);
width: calc(100% - 70px);
height: 50px;
}

#c-header .c-gn form .c-box button {
float: left;
width: 70px;
height: 50px;
color: #fff;
background: #0071c9;
cursor: pointer;
}

#c-header .c-gn .c-phone {
display: flex;
align-items: center;
}

#c-header .c-gn .c-phone img,
#c-header .c-gn .c-phone svg {
margin: 0 0.1rem 0 0.3rem;
width: 20px;
height: 20px;
fill: #fff;
}

#c-header .c-gn .c-phone span {
font-weight: bold;
}

#c-header.c-style2 .c-gn form > svg path {
fill: #333;
}

#c-header.c-style2 .c-gn .c-phone svg path {
fill: #0071c9;
}


/*首页轮播图*/

.c-home-banner .swiper-slide {
overflow: hidden;
}

.c-home-banner .swiper-slide .c-pc,
.c-home-banner .swiper-slide .c-mb {
width: 100%;
height: var(--vh);
object-fit: cover;
}

.c-home-banner .swiper-slide .c-mb {
display: none;
}

@media (max-width: 991px) {
.c-home-banner .swiper-slide .c-mb {
display: block;
}
}

@media (max-width: 991px) {
.c-home-banner .swiper-slide .c-pc {
display: none;
}
}

.c-home-banner .swiper-button-next {
margin-top: -0.2rem;
width: 0.6rem;
height: 0.6rem;
opacity: 0.2;
transition: 0.3s;
right: 0.6rem;
}

@media (max-width: 991px) {
.c-home-banner .swiper-button-next {
display: none;
}
}

.c-home-banner .swiper-button-next::after {
display: none;
}

.c-home-banner .swiper-button-next img,
.c-home-banner .swiper-button-next svg {
width: 100%;
height: 100%;
}

.c-home-banner .swiper-button-next img path,
.c-home-banner .swiper-button-next svg path {
fill: #fff;
}

.c-home-banner .swiper-button-prev {
margin-top: -0.2rem;
width: 0.6rem;
height: 0.6rem;
opacity: 0.2;
transition: 0.3s;
left: 0.6rem;
transform: rotate(180deg);
}

@media (max-width: 991px) {
.c-home-banner .swiper-button-prev {
display: none;
}
}

.c-home-banner .swiper-button-prev::after {
display: none;
}

.c-home-banner .swiper-button-prev img,
.c-home-banner .swiper-button-prev svg {
width: 100%;
height: 100%;
}

.c-home-banner .swiper-button-prev img path,
.c-home-banner .swiper-button-prev svg path {
fill: #fff;
}

.c-home-banner .swiper-button-next:hover,
.c-home-banner .swiper-button-prev:hover {
opacity: 1;
}

#c-code-pop {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 910;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}

#c-code-pop .c-img-box {
position: absolute;
top: 50%;
left: 50%;
padding: 20px;
width: 200px;
border-radius: 5px;
background: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

#c-code-pop .c-img-box .c-close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	bottom: -60px;
	left: 50%;
	margin-left: -20px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	transition: all 0.5s;
}

	#c-code-pop .c-img-box .c-close img,
	#c-code-pop .c-img-box .c-close svg {
		margin: 4px;
		width: 18px;
		height: 18px;
	}

		#c-code-pop .c-img-box .c-close img path,
		#c-code-pop .c-img-box .c-close svg path {
			fill: #333;
			transition: all 0.5s;
		}

	#c-code-pop .c-img-box .c-close:hover {
		background-color: #0071c9;
	}

		#c-code-pop .c-img-box .c-close:hover svg path {
			fill: #fff;
		}

#c-code-pop .c-img-box > img {
	width: 100%;
}

#c-code-pop .c-img-box .c-text {
	padding-top: 10px;
	line-height: 1;
	text-align: center;
	color: #333;
}


/* 底部 */

#c-footer {
color: #fff;
}

#c-footer a {
color: #a9a9a9;
transition: 0.3s;
}

#c-footer a:hover {
	color: #0071c9;
}

#c-footer .c-top-box {
padding: 0.8rem 0;
background: #333;
}

@media (max-width: 767px) {
#c-footer .c-top-box {
padding: 1rem 0 1.2rem;
}
}

#c-footer .c-top-box .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}

#c-footer .c-top-box .container .c-title-box {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 0.4rem;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-title-box {
padding: 0.3rem 0;
border-bottom: 1px solid #666;
}
}

#c-footer .c-top-box .container .c-title-box .c-title {
color: #fff;
}

#c-footer .c-top-box .container .c-title-box a {
color: #fff;
}

#c-footer .c-top-box .container .c-title-box a:hover {
color: #0071c9;
}

#c-footer .c-top-box .container .c-title-box img,
#c-footer .c-top-box .container .c-title-box svg {
display: none;
transition: 0.3s;
width: 0.3rem;
height: 0.3rem;
}

#c-footer .c-top-box .container .c-title-box img path,
#c-footer .c-top-box .container .c-title-box svg path {
fill: #fff;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-title-box img,
#c-footer .c-top-box .container .c-title-box svg {
display: inline-block;
}
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-list-box {
width: 100%;
}
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-list-box .c-list {
padding-top: 0.2rem;
display: none;
}
}

#c-footer .c-top-box .container .c-list-box .c-list li {
padding-bottom: 0.1rem;
}

#c-footer .c-top-box .container .c-list-box .c-list li:last-child {
padding-bottom: 0;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-list-box .c-list li:last-child {
padding-bottom: 0.2rem;
}
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-list-box .c-list li {
padding-bottom: 0.2rem;
}
}

#c-footer .c-top-box .container .c-list-box.on .c-title-box img,
#c-footer .c-top-box .container .c-list-box.on .c-title-box svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-list-box.on .c-title-box img,
#c-footer .c-top-box .container .c-list-box.on .c-title-box svg {
display: inline-block;
}
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-text-box {
padding-top: 0.2rem;
}
}

#c-footer .c-top-box .container .c-text-box p {
padding-bottom: 0.1rem;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-text-box p {
padding-bottom: 0.2rem;
}
}

#c-footer .c-top-box .container .c-ico {
display: flex;
align-items: center;
}

#c-footer .c-top-box .container .c-ico a {
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.1rem;
width: 36px;
height: 36px;
border-radius: 50%;
color: #fff;
background: #33444f;
transition: 0.3s;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-ico a {
width: 0.6rem;
height: 0.6rem;
}
}

#c-footer .c-top-box .container .c-ico a img,
#c-footer .c-top-box .container .c-ico a svg {
width: 20px;
height: 20px;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-ico a img,
#c-footer .c-top-box .container .c-ico a svg {
width: 0.3rem;
height: 0.3rem;
}
}

#c-footer .c-top-box .container .c-ico a img path,
#c-footer .c-top-box .container .c-ico a svg path {
fill: #fff;
}

#c-footer .c-top-box .container .c-ico a:hover {
background: #0071c9;
}

@media (max-width: 767px) {
#c-footer .c-top-box .container .c-text-wrap {
width: 100%;
padding-top: 0.4rem;
}
}

#c-footer .c-bottom-box {
padding: 0.25rem 0;
border-top: 1px solid #999;
color: #7f7f7f;
background: #333;
}

@media (max-width: 767px) {
#c-footer .c-bottom-box {
padding: 0.6rem 0;
}
}

#c-footer .c-bottom-box .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}

#c-footer .c-bottom-box .container a {
color: #7f7f7f;
}

#c-footer .c-bottom-box .container a:hover {
	color: #0071c9;
}

#c-footer .c-bottom-box .container .c-copyright {
word-wrap: break-word;
word-break: break-all;
}


/*过渡*/

.img_hover img {
transition: all 0.8s;
-moz-transition: all 0.8s;
/* Firefox 4 */
-webkit-transition: all 0.8s;
/* Safari 和 Chrome */
-o-transition: all 0.8s;
/* Opera */
}

.pro_show_js_con * {
transition: all 0.4s;
-moz-transition: all 0.4s;
/* Firefox 4 */
-webkit-transition: all 0.4s;
/* Safari 和 Chrome */
-o-transition: all 0.4s;
/* Opera */
}


/*延迟*/

.sy_t_box:nth-child(2),
.xinw_nr_box:nth-child(2) {
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
/* Safari 和 Chrome */
}

.sy_t_box:nth-child(3),
.xinw_nr_box:nth-child(3) {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
/* Safari 和 Chrome */
}

.sy_t_box:nth-child(4),
.xinw_nr_box:nth-child(4) {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
/* Safari 和 Chrome */
}

.sy_t_box:nth-child(5) {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
/* Safari 和 Chrome */
}

.sy_t_box:nth-child(6) {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
/* Safari 和 Chrome */
}

.team_box:hover {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.wow_up {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}


/* 公共 */


/* 普通移入效果 */

.mov_08 {
transition: all 0.4s;
}

.mov_08:hover {
opacity: 0.8;
}


/* 粘性布局调整 */

.sticky_top {
top: 0 !important;
}

@media screen and (max-width: 1440px) {
.sticky_top {
top: 60px;
}
}


/* 移入图片切换 */

.img_qh .img2 {
display: none;
}

.img_qh:hover .img1 {
display: none;
}

.img_qh:hover .img2 {
display: block;
}


/* pc和移动端的隐藏显示 */

.xs,
.xs2 {
display: block;
}

.yc,
.yc2 {
display: none;
}

@media (max-width: 767px) {
.xs,
.xs2 {
display: none;
}

.yc,
.yc2 {
display: block;
}
}


/* 图片移入效果 */

.img_hover:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}


/* 使用swiper 出现闪屏问题 */

.swiper-slide {
transform: translate3d(0, 0, 0);
/* overflow: hidden; */
}


/* 头部图文 */

.tuw {
display: flex;
align-items: center;
}

.tuw img {
width: 0.28rem;
height: auto;
}

.tuw p {
margin-left: 0.1rem;
}


/* banner中间小图标 */

.banner_sb {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.5rem;
width: 18px;
height: auto;
z-index: 100;
object-fit: contain;
animation: moveh 3s infinite linear;
-webkit-animation: moveh 3s infinite linear;
}

@keyframes moveh {
0% {
bottom: 0.5rem;
}

50% {
bottom: 0.3rem;
}

100% {
bottom: 0.5rem;
}
}


/* 子页面分隔 */

.gw {
height: 72px;
width: 100%;
background: #f8fafb;
}

@media screen and (max-width: 1440px) {
.gw {
height: 60px;
}
}


/* banner */

.h_b_img {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.h_b_img::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/banner_bj.png) no-repeat;
background-size: cover;
z-index: 40;
}

.h_b_img > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.h_b_img .img1 {
z-index: 1;
}

@media (max-width: 767px) {
.h_b_img .img1 {
z-index: 1;
display: none;
}
}

.h_b_img .img2 {
z-index: 30;
display: none;
}

@media (max-width: 767px) {
.h_b_img .img2 {
z-index: 2;
display: block;
}
}

.h_b_img > video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 30px;
z-index: 10;
}

.ceshi {
-webkit-animation-name: fadeInRightSm;
animation-name: fadeInRightSm;
-webkit-animation-duration: 2s;
animation-duration: 2s;
animation-delay: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.font14 {
font-size: 14px;
-webkit-line-clamp: 1;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 23px;
}

.font16 {
font-size: 15px;
line-height: 23px;
}

.font18 {
font-size: 16px;
}

.font20 {
font-size: 16px;
}

.font22 {
font-size: 22px;
}

.font24 {
font-size: 24px;
}

.font26 {
font-size: 26px;
}

.font28 {
font-size: 28px;
}

.font30 {
font-size: 30px;
}

.font32 {
font-size: 32px;
}

.font34 {
font-size: 34px;
}

.font36 {
font-size: 36px;
}

.font40 {
font-size: 40px;
}

.font42 {
font-size: 42px;
}

.font44 {
font-size: 44px;
}

.font46 {
font-size: 46px;
}

.font48 {
font-size: 48px;
}

.font50 {
font-size: 50px;
}

.font52 {
font-size: 52px;
}

.font54 {
font-size: 54px;
}

.font56 {
font-size: 56px;
}

.font60 {
font-weight: bold;
font-size: 21px;
}

.font80 {
font-size: 80px;
}

.font38 {
font-size: 38px;
}

@media (max-width: 1580px) {
.font38 {
font-size: 36px;
}
}

@media (max-width: 1260px) {
.font38 {
font-size: 30px;
}
}

@media (max-width: 767px) {
.font38 {
font-size: 0.34rem;
}
}

@media (max-width: 1580px) {
.font16 {
font-size: 14px;
}

.font18 {
font-size: 16px;
}

.font20 {
font-size: 18px;
}

.font22 {
font-size: 20px;
}

.font24 {
font-size: 22px;
}

.font26 {
font-size: 24px;
}

.font28 {
font-size: 26px;
}

.font30 {
font-size: 28px;
}

.font32 {
font-size: 30px;
}

.font34 {
font-size: 32px;
}

.font36 {
font-size: 34px;
}

.font40 {
font-size: 38px;
}

.font42,
.font44 {
font-size: 40px;
}

.font46 {
font-size: 42px;
}

.font48 {
font-size: 44px;
}

.font50 {
font-size: 46px;
}

.font52 {
font-size: 48px;
}

.font54 {
font-size: 48px;
}

.font56 {
font-size: 52px;
}

.font60,
.font80 {
font-size: 56px;
}
}

@media (max-width: 1260px) {
.font16 {
font-size: 14px;
}

.font18 {
font-size: 16px;
}

.font20 {
font-size: 18px;
}

.font22 {
font-size: 20px;
}

.font24 {
font-size: 22px;
}

.font26 {
font-size: 24px;
}

.font28 {
font-size: 24px;
}

.font30 {
font-size: 26px;
}

.font32 {
font-size: 28px;
}

.font34 {
font-size: 28px;
}

.font36,
.font40 {
font-size: 30px;
}

.font42,
.font44 {
font-size: 32px;
}

.font46 {
font-size: 36px;
}

.font48,
.font50,
.font52,
.font54,
.font56 {
font-size: 38px;
}

.font60,
.font80 {
font-size: 46px;
}
}

@media (max-width: 767px) {
.font14,
.font16 {
font-size: 0.28rem;
}

.font18,
.font20 {
font-size: 0.3rem;
}

.font22,
.font24,
.font26,
.font28 {
font-size: 0.32rem;
}

.font30,
.font32,
.font34 {
font-size: 0.34rem;
}

.font36,
.font40 {
font-size: 0.4rem;
}

.font42,
.font44,
.font46 {
font-size: 0.46rem;
}

.font48,
.font50,
.font52,
.font54,
.font56,
.font60,
.font80 {
font-size: 0.48rem;
}
}


/*延迟*/

.yanchi1 {
animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
/* Safari 和 Chrome */
}

.yanchi2 {
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}

.yanchi3 {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}

.yanchi4 {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}

.yanchi5 {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}

.yanchi6 {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}

.yanchi7 {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}

.yanchi8 {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}

.yanchi9 {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}

.yanchi10 {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}

.yanchi11 {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}

.yanchi12 {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}

.yanchi13 {
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
}

.yanchi14 {
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
}

.yanchi15 {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}

.yanchi16 {
animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
}

.yanchi17 {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}

.yanchi18 {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}

.yanchi19 {
animation-delay: 1.9s;
-webkit-animation-delay: 1.9s;
}

.yanchi20 {
animation-delay: 2s;
-webkit-animation-delay: 2s;
}


/* 开始 */

@-webkit-keyframes slideInUp200 {
from {
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp200 {
from {
-webkit-transform: translate3d(0, 200px, 0);
transform: translate3d(0, 200px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp200 {
-webkit-animation-name: slideInUp200;
animation-name: slideInUp200;
}

@-webkit-keyframes slideInUp100 {
from {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp100 {
from {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp100 {
-webkit-animation-name: slideInUp100;
animation-name: slideInUp100;
}

@-webkit-keyframes slideInUp50 {
from {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp50 {
from {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp50 {
-webkit-animation-name: slideInUp50;
animation-name: slideInUp50;
}

@-webkit-keyframes slideInUp40 {
from {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp40 {
from {
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp40 {
-webkit-animation-name: slideInUp40;
animation-name: slideInUp40;
}

@-webkit-keyframes slideInUp30 {
from {
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp30 {
from {
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp30 {
-webkit-animation-name: slideInUp30;
animation-name: slideInUp30;
}

@-webkit-keyframes slideInUp20 {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

@keyframes slideInUp20 {
from {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
visibility: visible;
opacity: 0;
}

to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}

.slideInUp20 {
-webkit-animation-name: slideInUp20;
animation-name: slideInUp20;
}

@keyframes fadeInDown20 {
from {
opacity: 0;
transform: translate3d(0%, -20px, 0);
}

to {
opacity: 1;
transform: none;
}
}

.fadeInDown20 {
animation-name: fadeInDown20;
}

.ptb140 {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}

.ptb120 {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}

.ptb110 {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
}

.ptb100 {
padding-top: 1rem;
padding-bottom: 1rem;
}

.ptb90 {
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}

.ptb80 {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}

.ptb60 {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}

@media screen and (max-width: 767px) {
.ptb140 {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}

.ptb120 {
padding-top: 1rem;
padding-bottom: 1rem;
}

.ptb110 {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}

.ptb100 {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}

.ptb90 {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}

.ptb80 {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
}


/* 导航 */


/* 默认导航栏颜色 */


/* 默认字体颜色 */


/* 默认svg颜色 */


/* 移入导航栏颜色 */


/* 移入导航栏字体和svg颜色 */


/* 移入文字字体和svg颜色 */


/* 移入文字下划线颜色 */


/* 子页面导航栏颜色 */


/* 子页面字体颜色 */


/* 子页面svg颜色 */


/* 导航 */

nav {
padding: 0 0.6rem;
width: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 1000;
transition: all 0.6s;
-webkit-transition: all 0.6s;
background: #fff;
border-bottom: 1px solid rgba(222, 229, 236, 0.5);
}

@media (max-width: 767px) {
nav {
padding: 0 5%;
}
}

nav.show_nav {
background: none;
}

nav.show_nav .nav_top {
background: none;
}

@media (max-width: 1260px) {
nav.show_nav .nav_top {
background: #0066cc;
}
}

@media (max-width: 1260px) {
nav.show_nav .xs {
display: block;
}
}

@media (max-width: 1260px) {
nav.show_nav .yc {
display: none;
}
}

@media (max-width: 1260px) {
nav.show_nav svg path {
fill: #333 !important;
}
}

nav.show_nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn {
border-color: #fff;
}

@media (max-width: 1260px) {
nav.show_nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn {
border-color: #0071c9;
}
}

nav.show_nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn p {
color: #fff;
}

@media (max-width: 1260px) {
nav.show_nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn p {
color: #0071c9;
}
}

nav.show_nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box p {
color: #fff;
}

nav.nav_on .nav_top,
nav.nav_on2 .nav_top {
background: #0071c9;
}

nav.nav_on .nav_ljbox .nav_l_box .logo .xs,
nav.nav_on2 .nav_ljbox .nav_l_box .logo .xs {
display: block;
}

nav.nav_on .nav_ljbox .nav_l_box .logo .yc,
nav.nav_on2 .nav_ljbox .nav_l_box .logo .yc {
display: none;
}

nav.nav_on .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn,
nav.nav_on2 .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn {
border-color: #0071c9;
}

nav.nav_on .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn p,
nav.nav_on2 .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl .public-btn p {
color: #0071c9;
}

nav.nav_on .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box p,
nav.nav_on2 .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box p {
color: #333;
}

nav .nav_top {
transition: all 0.4s;
background: #0071c9;
height: 40px;
}

nav .nav_top .container {
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}

nav .nav_top .container a {
	color: #fff;
	margin-left: 0.4rem;
}

nav .nav_ljbox {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
height: 72px;
margin: auto;
/* logo */
/* 导航右侧 */
}

nav .nav_ljbox .nav_l_box .logo {
display: flex;
align-items: center;
height: 100%;
}

nav .nav_ljbox .nav_l_box .logo img {
	width: 100%;
	height: 70px;
}

@media (max-width: 1580px) {
nav .nav_ljbox .nav_l_box .logo img {
width: 2.4rem;
}
}

@media (max-width: 767px) {
nav .nav_ljbox .nav_l_box .logo img {
width: 2.4rem;
}
}

nav .nav_ljbox .nav_l_box .logo p {
color: #333;
margin-left: 20px;
padding-left: 15px;
border-left: 1px solid #01c390;
width: 2.2rem;
line-height: 1;
}

nav .nav_ljbox .nav_r_box {
height: 100%;
}

nav .nav_ljbox .nav_r_box .nav_r {
height: 100%;
display: flex;
justify-content: flex-end;
/* 导航右边内容 */
}

nav .nav_ljbox .nav_r_box .nav_r .nav {
	height: 100%;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul {
display: flex;
align-items: center;
height: 100%;
white-space: nowrap;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li {
height: 100%;
position: relative;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:nth-child(3){ background:#0071c9 !important;}
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:nth-child(3)>a p{color:#fff !important;}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on2 {
	position: initial;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a > p,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a > p {
	color: #0071c9 !important;
}

	nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a > p::after,
	nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a > p::after {
		width: 100%;
	}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a svg path,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a svg path {
	fill: #0071c9 !important;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a .xs,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a .xs {
	display: none;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a .yc,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a .yc {
	display: block;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a .img1,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a .img1 {
	display: none !important;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li:hover > a .img2,
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li.on > a .img2 {
	display: block !important;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a {
	color: #333;
	margin: 0 0.25rem;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

@media screen and (max-width: 1300px) {
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a {
margin: 0 0.15rem;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > svg {
display: none;
width: 9px;
margin-left: 0.2rem;
height: auto;
}

@media screen and (max-width: 1400px) {
nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > svg {
margin-left: 0.1rem;
width: 7px;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > svg path {
fill: #333;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > img {
width: 8px;
height: auto;
margin-left: 10px;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a .img2 {
display: none;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > p {
position: relative;
height: 100%;
display: flex;
align-items: center;
color: #333;
}

nav .nav_ljbox .nav_r_box .nav_r .nav > ul > li > a > p::after {
content: '';
position: absolute;
bottom: -1px;
width: 0;
height: 2px;
left: 50%;
background: #0071c9;
transform: translateX(-50%);
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 3.9rem;
}

@media (max-width: 1900px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 3rem;
}
}

@media (max-width: 1580px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 3rem;
}
}

@media (max-width: 1500px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 2rem;
}
}

@media screen and (max-width: 1400px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 0.5rem;
}
}

@media (max-width: 767px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr {
margin-left: 0;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box {
height: 100%;
display: flex;
align-items: center;
/* 语言 */
/* 登录 */
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl {
margin: 0 0.43rem 0 0.73rem;
}

@media (max-width: 767px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_rr_wl {
display: none;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan {
margin-right: 0.3rem;
height: 100%;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}

@media (max-width: 1260px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan {
display: none;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan > img {
width: 0.24rem;
height: auto;
margin-right: 0.1rem;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box {
display: flex;
align-items: center;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box p {
color: #333;
margin-right: 0.1rem;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box svg {
flex-shrink: 0;
width: 6px;
height: auto;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_box svg path {
	fill: #333;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_sel {
min-width: 1rem;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
display: none;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_sel .nav_lan_sel_box {
width: 100%;
height: 100%;
padding: 0.05rem 0.2rem;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_sel .nav_lan_sel_box a {
	margin: 3px 0;
}

	nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_lan .nav_lan_sel .nav_lan_sel_box a:hover {
		color: #0071c9;
	}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but {
display: flex;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but a {
width: 0.9rem;
height: 0.4rem;
border: 1px solid #dddddd;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.1rem;
}

@media (max-width: 1580px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but a {
width: 1.2rem;
height: 0.5rem;
}
}

@media (max-width: 767px) {
nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but a {
height: 0.6rem;
width: auto;
padding: 0 0.3rem;
}
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but a:last-child {
margin-right: 0;
}

nav .nav_ljbox .nav_r_box .nav_r .nav_rr .nav_rr_box .nav_but a:first-child {
background: #0071c9;
border-color: #0071c9;
color: #fff;
}

.nav1_none {
top: -122px !important;
}

.nav2_none {
top: 122px !important;
}

@media (max-width: 1440px) {
.nav1_none {
top: -100px !important;
}

.nav2_none {
top: 100px !important;
}
}

.show_nav {
background: none !important;
}

.show_nav .nav > ul > li > a > .img1 {
display: none;
}

.show_nav .nav > ul > li > a > .img2 {
display: block;
}

.show_nav .nav > ul > li > a > p {
color: #fff !important;
}

.show_nav .nav_login {
color: #fff !important;
}

.show_nav .xs {
display: none;
}

.show_nav .yc {
display: block;
}

.show_nav svg path {
fill: #fff !important;
}

.show_nav .nav_ljbox .nav_r_box .nav_rr .nav_lan .nav_lan_box p {
color: #333;
}

.nav_on {
background: #fff !important;
}

.nav_on .nav > ul > li > a > .img1 {
display: none;
}

.nav_on .nav > ul > li > a > .img2 {
display: block;
}

.nav_on .nav_col {
color: #333 !important;
}

.nav_on .xs {
display: none;
}

.nav_on .yc {
display: block;
}

.nav_on .nav > ul > li > a {
color: #333 !important;
}

.nav_on .nav_login {
color: #333 !important;
}

.nav_on .nav > ul > li > a > p {
color: #333 !important;
}

.nav_on svg path {
fill: #333 !important;
}

.nav_on .nav_ljbox .nav_r_box .nav_rr .nav_lan .nav_lan_box p {
color: #333;
}

.nav_on2 {
background: #fff !important;
}

.nav_on2 .nav > ul > li > a > .img1 {
display: none;
}

.nav_on2 .nav > ul > li > a > .img2 {
display: block;
}

.nav_on2 .nav > ul > li > a > p {
color: #333 !important;
}

.nav_on2 .nav_login {
color: #333 !important;
}

.nav_on2 .nav_col {
color: #333 !important;
}

.nav_on2 .xs {
display: none;
}

.nav_on2 .yc {
display: block;
}

.nav_on2 .nav > ul > li > a {
color: #333 !important;
}

.nav_on2 svg path {
fill: #333 !important;
}

.nav_on2 .nav_ljbox .nav_r_box .nav_rr .nav_lan .nav_lan_box p {
color: #333;
}


/* 下拉导航 */

.pro_nav2 {
position: absolute;
top: 101%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #f8f8f8;
/* border-radius: 0.2rem; */
box-shadow: 0 6px 29px rgba(211, 211, 211, 0.08);
padding: 10px 0;
display: none;
width: auto;
white-space: nowrap;
border-radius: 0 0 0.1rem 0.1rem;
}

@media (max-width: 1580px) {
.pro_nav2 {
min-width: 2.4rem;
}
}

.pro_nav2 > a {
min-height: 0.5rem;
padding: 0.07rem 0.2rem 0.07rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 5px 10px;
/* border-radius:0.15rem; */
-webkit-transition: all 0.6s;
}

@media (max-width: 1580px) {
.pro_nav2 > a {
padding: 0.15rem 0.2rem 0.15rem;
}
}

.pro_nav2 > a:hover {
background: #fff;
color: #0071c9;
}

.pro_nav3 {
display: none;
position: absolute;
width: 100%;
height: calc(100vh);
top: calc(100% + 1px);
left: 0;
background: #fff;
}

.pro_nav3 .pro_nav3_tnav {
height: 80px;
background: #f8fafb;
}

@media (max-width: 1580px) {
.pro_nav3 .pro_nav3_tnav {
behavior: 60px;
}
}

.pro_nav3 .pro_nav3_tnav .container2 {
position: relative;
height: 100%;
}

.pro_nav3 .pro_nav3_tnav .container2 .g_del {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -1.04rem;
}

.pro_nav3 .pro_nav3_tnav .container2 .g_del svg {
	width: 14px;
	height: auto;
}

	.pro_nav3 .pro_nav3_tnav .container2 .g_del svg path {
		fill: #666666;
	}

.pro_nav3 .pro_nav3_tnav .container2 .g_tBox {
height: 100%;
display: flex;
}

.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item {
	cursor: pointer;
	margin-right: 0.58rem;
	display: flex;
	align-items: center;
	position: relative;
}

	.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item.on::after {
		opacity: 1;
	}

	.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item.on p {
		color: #0071c9;
	}

	.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #0071c9;
		display: block;
		bottom: 0;
		left: 0;
		opacity: 0;
		transition: all 0.4s;
	}

	.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item svg {
		width: 20px;
		margin-right: 0.08rem;
		height: auto;
	}

		.pro_nav3 .pro_nav3_tnav .container2 .g_tBox .item svg path {
			fill: #0071c9 !important;
		}

.pro_nav3 .pro_nav3_box {
height: calc(100% - 80px - 80px);
}

.pro_nav3 .pro_nav3_box .conItem_tw {
padding: 0.4rem 0;
display: flex;
flex-wrap: wrap;
}

.pro_nav3 .pro_nav3_box .conItem_tw .item {
	margin: 0 0.3rem 0.3rem 0;
	width: calc((100% - 0.9rem)/4);
}

	.pro_nav3 .pro_nav3_box .conItem_tw .item:nth-child(4n) {
		margin-right: 0;
	}

	.pro_nav3 .pro_nav3_box .conItem_tw .item:hover .public-img img {
		transform: scale(1.05);
	}

	.pro_nav3 .pro_nav3_box .conItem_tw .item:hover .txt h4 {
		color: #0071c9;
	}

	.pro_nav3 .pro_nav3_box .conItem_tw .item .public-img {
		margin-bottom: 0.2rem;
		border-radius: 0.1rem;
	}

		.pro_nav3 .pro_nav3_box .conItem_tw .item .public-img:before {
			padding-top: 57.46031746%;
		}

	.pro_nav3 .pro_nav3_box .conItem_tw .item .txt h4 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 3em;
		transition: all 0.4s;
	}

.pro_nav3 .pro_nav3_box .boxItem {
display: flex;
flex-wrap: wrap;
height: 100%;
overflow: auto;
}

.pro_nav3 .pro_nav3_box .boxItem li {
	border-bottom: 1px solid #f1f1f1;
	padding: 0.36rem 0.1rem 0.3rem 0;
	width: calc(100%/6);
}

	.pro_nav3 .pro_nav3_box .boxItem li .g_tit {
		margin-bottom: 0.18rem;
	}

	.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		margin-bottom: 0.1rem;
	}

		.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .img {
			flex-shrink: 0;
			width: 60px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5px;
			background: #f8fafb;
			border-radius: 0.05rem;
			border: 1px solid #eee;
			margin-right: 0.15rem;
		}

			.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .img img {
				width: auto;
				height: auto;
				max-height: 100%;
				max-width: 100%;
				object-fit: contain;
			}

		.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .txt {
			width: calc(100% - 60px);
		}

			.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .txt .txt_h4 {
				display: flex;
				align-items: center;
			}

				.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .txt .txt_h4 h4 {
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					max-width: 100%;
					margin-right: 0.08rem;
				}

				.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .txt .txt_h4 span {
					font-size: 12px;
					color: #0071c9;
					border: 1px solid #0071c9;
					border-radius: 10px;
					padding: 0 4px;
					text-transform: uppercase;
					flex-shrink: 0;
				}

			.pro_nav3 .pro_nav3_box .boxItem li .g_nr .nav_pro .txt p {
				color: #999;
				font-size: 12px;
			}

.pro_nav3 .pro_nav3_all {
cursor: pointer;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-top: 1px solid #ddd;
}

.pro_nav3 .pro_nav3_all svg {
margin-left: 0.1rem;
}

.pro_nav3 .pro_nav3_all svg path {
	fill: #e0e0e0 !important;
}


/* 移动端导航 */

#g-header .c-nav2 {
position: absolute;
right: -100%;
left: auto;
width: 100%;
top: 100px;
height: calc(var(--vh) - 100px);
font-size: 14px;
line-height: 50px;
background: #F1F1F1;
overflow-y: auto;
transition: all 0.8s;
text-align: left;
}

#g-header .c-nav2 > li:last-child {
border-bottom: 1px solid #f1f1f1;
}

#g-header .c-nav2 li {
padding: 0 20px;
border-top: 1px solid #fff;
}

#g-header .c-nav2 li .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	#g-header .c-nav2 li .c-title-box i {
		color: #333;
	}

#g-header .c-nav2 li a {
	color: #333;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	display: block;
}

	#g-header .c-nav2 li a i {
		font-size: 20px;
	}

#g-header .c-nav2 li ul {
	display: none;
}

.c-open #g-header .c-nav2 {
right: 0;
}

.nav_box2 {
display: none;
}


/*顶部导航开关*/

#g-header .c-switch {
position: relative;
width: 24px;
height: 22px;
cursor: pointer;
}

@media (max-width: 991px) {
#g-header .c-switch {
display: block;
}

#g-header .c-nav2 li .c-title-box svg {
width: 12px;
height: auto;
}
}

#g-header .c-switch i {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fff;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}

#g-header .c-switch i:nth-child(1) {
top: 0;
}

#g-header .c-switch i:nth-child(3) {
bottom: 0;
}

#g-header .c-switch i:nth-child(2) {
width: 18px;
top: 50%;
}

#g-header .c-switch i {
background: #fff;
}

#g-header .c-nav2 li .c-title-box img {
width: 10px;
height: auto;
margin: 0 0 0 10px;
float: right;
display: block;
}

body.c-open #g-header .c-switch i:nth-child(2) {
opacity: 0;
}

body.c-open #g-header .c-switch i:nth-child(1) {
top: 50%;
margin-top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

body.c-open #g-header .c-switch i:nth-child(3) {
bottom: 50%;
margin-bottom: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.c-title-con {
overflow: hidden;
height: auto;
display: none;
padding-bottom: 0.25rem;
}

.c-title-con > a {
color: #999 !important;
display: block;
padding-left: 20px;
line-height: 40px;
}


/* 二级 */


/* .nav_two_tit{display: flex;align-items: center;justify-content: space-between;}
.nav_two_tit>a{color: #666 !important;display: block;padding-left: 20px;line-height: 40px;}
.nav_two_tit svg{width: 8px;height: auto;}
.nav_two_tit svg path{fill: #666;}
.nav_three{display: none;}
.nav_three>a{color: #999 !important;display: block;padding-left: 30px;line-height: 36px;} */

@media (max-width: 1600px) {
.logo p,
.nav > ul > li > a {
font-size: 16px;
}
}

@media screen and (max-width: 1440px) {
nav .nav_ljbox {
height: 90px;
}

#g-header .c-nav2 {
top: 60px;
height: calc(var(--vh) - 60px);
}
}

@media screen and (max-width: 1366px) {
.nav ul li a {
font-size: 16px;
}

.search img {
width: 16px;
}

.search form {
height: 16px;
}

.language > img {
width: 16px;
}
}

@media screen and (max-width: 1260px) {
.h_b_box {
height: calc(var(--vh) - 60px);
}

.nav {
display: none;
}

.nav_r_box {
display: flex;
}

.nav_box2 {
display: flex;
width: 50px;
height: 100%;
align-items: center;
justify-content: flex-end;
margin-right: -1rem;
padding-right: 1rem;
box-sizing: content-box;
}

#g-header .c-switch i {
background: #fff;
}

.nav_on #g-header .c-switch i {
background: #333;
}

nav {
background: #fff;
}

.h_banner {
margin-top: 100px;
height: calc(var(--vh) - 100px);
}

nav .xs {
display: none;
}

nav .yc {
display: block;
}

nav .nav ul li a {
color: #333;
}

#g-header .c-switch i {
background: #333;
}
}

@media screen and (max-width: 991px) {
.nav ul li a {
font-size: 12px;
}

.search img {
width: 16px;
}

.search form {
height: 16px;
}

.language img {
width: 16px;
}
}

@media screen and (max-width: 767px) {
.h_b_box {
height: calc(var(--vh) - 100px);
}

.logo p {
width: auto;
padding-left: 10px;
margin-left: 10px;
font-size: 12px;
}

#g-header .c-nav2 li .c-title-box svg {
width: 9px;
height: auto;
}
}


/* 开始 */


/* 首页 */

.pub_a {
background: #fff;
padding: 0 0.3rem;
min-width: 1.6rem;
height: 0.54rem;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100px;
transition: all 0.4s;
cursor: pointer;
/* box-shadow: 0 0.16rem 0.24rem rgba(0,102,204,0.15); */
}

.comIcon .icon img {
width: 22px;
margin-left: 10px;
transition: 0.3s;
}

.comIcon:hover .icon img {
transform: translateX(10px);
filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}

.comIcon2 .icon img {
filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}

@media (max-width: 1580px) {
.pub_a {
height: 0.64rem;
}
}

@media (max-width: 1260px) {
.pub_a {
height: 0.8rem;
}
}

@media (max-width: 767px) {
.pub_a {
height: 0.8rem;
}
}

.pub_a:hover {
border-color: transparent;
background: #0071c9;
}

.pub_a:hover p {
color: #fff;
}

.pub_a:hover svg {
left: 0.07rem;
}

.pub_a:hover svg path {
	fill: #fff;
}

.pub_a p {
color: #0071c9;
transition: all 0.4s;
}

.pub_a svg {
position: relative;
left: 0;
margin-left: 0.1rem;
transition: all 0.4s;
width: 20px;
height: auto;
}

@media (max-width: 767px) {
.pub_a svg {
width: 15px;
}
}

.pub_a svg path {
fill: #0071c9;
}

.pub_a2 {
background: #0071c9;
}

.pub_a2 p {
color: #fff;
}

.pub_a2 svg path {
fill: #fff;
}

.pub_a3 {
border: 1px solid #ddd;
background: none;
}

.h_banner {
height: 8.4rem;
}

@media (max-width: 1580px) {
.h_banner {
height: 9.4rem;
}
}

@media (max-width: 1260px) {
.h_banner {
margin-top: 60px;
}
}

.h_banner .h_b_box {
height: 100%;
position: relative;
}

.h_banner .h_b_box .h_b_txt {
z-index: 100;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.h_banner .h_b_box .h_b_txt .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

	.h_banner .h_b_box .h_b_txt .container .txt h2 {
		font-weight: bold;
		line-height: 80px;
		color: #fff;
	}

	.h_banner .h_b_box .h_b_txt .container .pub_a {
		margin-top: 0.42rem;
	}

.g_qie2 .pub_nav {
width: 0.6rem;
height: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 10;
cursor: pointer;
transition: all 0.4s;
}

.g_qie2 .pub_nav:hover {
background: #d60c1c;
}

.g_qie2 .pub_nav:hover svg path {
	fill: #fff;
}

.g_qie2 .pub_nav svg {
width: 33.33%;
height: auto;
}

.g_qie2 .pub_nav svg path {
	fill: #999;
	opacity: 1;
}

.g_qie2 .pub_prev {
left: 0.8rem;
}

.g_qie2 .pub_prev svg {
transform: rotate(180deg);
}

.g_qie2 .pub_next {
right: 0.8rem;
}

.homeon {
position: relative;
z-index: 100;
}

.homeon .box {
margin: -0.8rem 0 0 -0.8rem;
background: url(../images/home15.png) no-repeat;
background-position: top;
width: calc(100% + 1.6rem);
padding: 0 0.8rem 1.5rem;
border-radius: 0.1rem 0.1rem 0 0;
box-shadow: 0 -0.3rem 0.3rem rgba(174, 95, 13, 0.05);
}

@media (max-width: 1260px) {
.homeon .box {
width: 100%;
margin: -0.8rem 0 0 0;
}
}

@media (max-width: 767px) {
.homeon .box {
padding: 0 0.3rem 1rem;
}
}

.homeon .box .box2 {
width: 100%;
height: 100%;
}

.homeon .box .box2 .tit {
padding: 0.24rem 0;
border-bottom: 1px solid #f5f5f5;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}

.homeon .box .box2 .tit .tit_l {
	margin-top: 0.05rem;
	line-height: 1.3;
	border-left: 3px solid #0071c9;
	padding-left: 0.2rem;
	font-weight: bold;
}

.homeon .box .box2 .tit .g_qie2 {
	display: flex;
	align-items: center;
}

	.homeon .box .box2 .tit .g_qie2 .pub_nav {
		margin-left: 0.3rem;
		transform: translateY(0%);
		position: initial;
		width: auto;
		height: auto;
	}

		.homeon .box .box2 .tit .g_qie2 .pub_nav:hover {
			background: none;
		}

			.homeon .box .box2 .tit .g_qie2 .pub_nav:hover svg path {
				fill: #0071c9;
			}

		.homeon .box .box2 .tit .g_qie2 .pub_nav svg {
			width: 8px;
		}

			.homeon .box .box2 .tit .g_qie2 .pub_nav svg path {
				fill: #979898;
			}

.homeon .box .box2 .homeon_swi {
margin-top: 0.4rem;
}

.homeon .box .box2 .homeon_swi .homeon_box {
	display: flex;
	align-items: center;
}

	.homeon .box .box2 .homeon_swi .homeon_box:hover img {
		transform: scale(1.05);
	}

	.homeon .box .box2 .homeon_swi .homeon_box:hover .txt h3 {
		color: #0071c9;
	}

	.homeon .box .box2 .homeon_swi .homeon_box .public-img {
		width: 49.35%;
		margin-right: -16px;
		flex-shrink: 0;
	}

		.homeon .box .box2 .homeon_swi .homeon_box .public-img:before {
			padding-top: 55.55555556%;
		}

	.homeon .box .box2 .homeon_swi .homeon_box .txt h3 {
		transition: all 0.4s;
		font-weight: bold;
		margin-bottom: 0.08rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height: 23px;
		font-size: 16px;
	}

	.homeon .box .box2 .homeon_swi .homeon_box .txt span {
		color: #999;
	}

@keyframes moveq3 {
0% {
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}

100% {
transform: translate(-50%, -50%) scale(3);
-webkit-transform: translate(-50%, -50%) scale(3);
opacity: 0;
}
}

.hometw {
padding: 0 0 1.5rem;
}

@media (max-width: 991px) {
.hometw {
padding: 0 0 0.5rem;
}
}

.hometw .box .tit {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 0.8rem;
}

@media (max-width: 767px) {
.hometw .box .tit {
flex-direction: column;
align-items: flex-start;
}
}

.hometw .box .tit .left {
width: 50%;
padding-right: 0.2rem;
}

@media (max-width: 767px) {
.hometw .box .tit .left {
width: 100%;
margin-bottom: 0.3rem;
}
}

.hometw .box .tit .left span {
display: block;
margin-bottom: 0.24rem;
font-weight: bold;
}

.hometw .box .tit .left h2 {
font-weight: bold;
line-height: 1.2;
}

.hometw .box .tit .right {
width: 50%;
}

@media (max-width: 767px) {
.hometw .box .tit .right {
width: 100%;
}
}

.hometw .box .tit .right p {
line-height: 2em;
}

.hometw .box .hometw_box {
display: flex;
justify-content: space-between;
}

@media (max-width: 991px) {
.hometw .box .hometw_box {
flex-direction: column-reverse;
}
}

.hometw .box .hometw_box .left {
width: 2.7rem;
padding-top: 0.5rem;
}

@media (max-width: 991px) {
.hometw .box .hometw_box .left {
width: 100%;
}
}

@media (max-width: 991px) {
.hometw .box .hometw_box .left .l_num {
display: flex;
flex-wrap: wrap;
}
}

.hometw .box .hometw_box .left .l_num .item {
margin-bottom: 0.5rem;
}

@media (max-width: 991px) {
.hometw .box .hometw_box .left .l_num .item {
width: 33.33%;
}
}

@media (max-width: 767px) {
.hometw .box .hometw_box .left .l_num .item {
width: 50%;
padding-right: 0.2rem;
}
}

.hometw .box .hometw_box .left .l_num .item .t_num {
margin-bottom: 0.1rem;
color: #0071c9;
display: flex;
align-items: flex-end;
}

.hometw .box .hometw_box .left .l_num .item .t_num p {
line-height: 1;
}

.hometw .box .hometw_box .left .l_num .item .t_num span {
margin-left: 4px;
}

.hometw .box .hometw_box .left .l_a {
display: flex;
}

.hometw .box .hometw_box .left .l_a .pub_a {
flex-shrink: 0;
margin-right: 0.2rem;
}

.hometw .box .hometw_box .right {
width: 79.357%;
margin-right: -0.5rem;
position: relative;
}

@media (max-width: 991px) {
.hometw .box .hometw_box .right {
width: 100%;
margin: 0;
overflow: auto;
}
}

.hometw .box .hometw_box .right p {
line-height: 1.66;
}

.hometw .box .hometw_box .right .r_box2 {
position: relative;
}

@media (max-width: 767px) {
.hometw .box .hometw_box .right .r_box2 {
width: 800px;
}
}

.hometw .box .hometw_box .right .img {
width: 100%;
height: 100%;
}

.hometw .box .hometw_box .right .r_box .item {
position: absolute;
width: 1px;
height: 1px;
cursor: pointer;
}

.hometw .box .hometw_box .right .r_box .item:hover .hometw_con {
display: block;
}

.hometw .box .hometw_box .right .r_box .item:hover .g_dian::after {
animation: moveq3 3s infinite linear;
-webkit-animation: moveq3 3s infinite linear;
opacity: 0.3;
}

.hometw .box .hometw_box .right .r_box .item:hover .g_p p {
color: #0071c9;
}

.hometw .box .hometw_box .right .r_box .item .g_dian::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #0071c9;
opacity: 0;
z-index: 8;
width: 0.3rem;
height: 0.3rem;
}

.hometw .box .hometw_box .right .r_box .item .g_dian i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #0071c9;
}

.hometw .box .hometw_box .right .r_box .item .g_dian .i1 {
width: 0.1rem;
height: 0.1rem;
z-index: 9;
}

.hometw .box .hometw_box .right .r_box .item .g_dian .i2 {
width: 0.3rem;
height: 0.3rem;
opacity: 0.3;
z-index: 10;
}

.hometw .box .hometw_box .right .r_box .item .g_p {
position: absolute;
top: 50%;
left: 0.22rem;
transform: translateY(-50%);
white-space: nowrap;
}

.hometw .box .hometw_box .right .r_box .item .g_p.g_pL {
	left: auto;
	right: 0.22rem;
}

.hometw .box .hometw_box .right .r_box .item .g_p p {
	font-weight: bold;
}

@media (max-width: 991px) {
.hometw .box .hometw_box .right .r_box .item .g_p p {
font-size: 10px;
}
}

.hometw .box .hometw_box .right .r_box .item .hometw_con {
display: none;
width: auto;
position: absolute;
right: 1.04rem;
top: -1.4rem;
z-index: 100;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con.hometw_con_L {
left: auto;
right: 1.04rem;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con.hometw_con_L .hometw_con_box {
	flex-direction: row-reverse;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con.hometw_con_L .line {
	left: 100%;
	transform: rotateY(180deg);
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_con_box {
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .line {
flex-shrink: 0;
width: 1.04rem;
height: auto;
margin-top: 1.4rem;
position: absolute;
left: 100%;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr {
flex-shrink: 0;
width: 382px;
height: auto;
box-shadow: 0 0.06rem 0.27rem rgba(50, 51, 51, 0.15);
}

@media (max-width: 1580px) {
.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr {
width: 310px;
}
}

@media (max-width: 767px) {
.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr {
width: 240px;
}
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_tit {
height: 0.65rem;
display: flex;
align-items: center;
position: relative;
background: #0071c9;
border-radius: 4px 4px 0 0;
padding: 0 1.4rem 0 0.12rem;
}

@media (max-width: 1580px) {
.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_tit {
height: 0.85rem;
}
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_tit h3 {
color: #fff;
flex-shrink: 0;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_tit img {
width: 1.36rem;
height: auto;
position: absolute;
bottom: 22%;
/* transform: translateY(-50%); */
right: 6px;
}

@media (max-width: 1580px) {
.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_tit img {
/* top: 51.5%; */
width: 1.8rem;
}
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt {
background: #fff;
border-radius: 0 0 4px 4px;
padding: 0.2rem 0.3rem 0.3rem;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt .g_txt_t {
margin-bottom: 0.18rem;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt .g_txt_t p {
	font-weight: bold;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt .g_txt_p p {
margin-bottom: 0.06rem;
color: #666;
display: block;
position: relative;
padding-left: 15px;
}

.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt .g_txt_p p:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #999;
	left: 3px;
	top: 9px;
}

@media (max-width: 1580px) {
.hometw .box .hometw_box .right .r_box .item .hometw_con .hometw_nr .g_txt .g_txt_p p:after {
top: 8px;
width: 5px;
height: 5px;
}
}

.hometw .box .hometw_box .right .r_box .item1 {
left: 87%;
top: 42%;
}

.hometw .box .hometw_box .right .r_box .item2 {
left: 11%;
top: 43%;
}

.hometw .box .hometw_box .right .r_box .item3 {
left: 20%;
top: 45%;
}

.hometw .box .hometw_box .right .r_box .item4 {
left: 9%;
top: 40%;
}

.hometw .box .hometw_box .right .r_box .item5 {
left: 23%;
top: 41%;
}

.hometw .box .hometw_box .right .r_box .item6 {
left: 44%;
top: 33%;
}

.hometw .box .hometw_box .right .r_box .item7 {
left: 50%;
top: 36%;
}

.hometw .box .hometw_box .right .r_box .item8 {
left: 80.6%;
top: 49%;
}

.hometw .box .hometw_box .right .r_box .item9 {
left: 88.6%;
top: 88%;
}

.hometw .box .hometw_box .right .r_box .item10 {
left: 21.7%;
top: 47%;
}

.hometh {
width: 100%;
padding: 0;
height: auto !important;
position: relative;
overflow: hidden;
}

@media (max-width: 1260px) {
.hometh {
height: auto;
}
}

@media (max-width: 991px) {
.hometh {
height: initial;
padding: 0.5rem 0 0;
}
}

.hometh .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
display: flex;
align-items: flex-end;
overflow: hidden;
}

.hometh .bg img {
width: 100%;
}

.hometh .bg video {
width: 102%;
object-fit: cover;
margin-left: -2px;
}

@media (max-width: 2565px) {
.hometh .bg video {
margin-left: -17px;
transform: translateX(10px);
}
}

@media (max-width: 767px) {
.hometh .bg video {
width: 250%;
transform: translateX(-30%);
}
}

.hometh .container {
display: flex;
padding-bottom: 1.4rem;
justify-content: space-between;
}

@media (max-width: 1260px) {
.hometh .container {
top: 0.8rem;
}
}

@media (max-width: 991px) {
.hometh .container {
flex-wrap: wrap;
position: relative;
top: initial;
}
}

.hometh .container .left {
width: 41.66666667%;
}

@media (max-width: 1580px) {
}

@media (max-width: 991px) {
.hometh .container .left {
width: 100%;
}
}

.hometh .container .left .top .title {
line-height: 1.25em;
color: #333;
margin-bottom: 0.1rem;
font-weight: bold;
}

.hometh .container .left .menu {
width: 100%;
position: relative;
margin-top: 0.75rem;
}

@media (max-width: 1260px) {
.hometh .container .left .menu {
margin-top: 0.8rem;
}
}

@media (max-width: 991px) {
.hometh .container .left .menu {
display: none;
}
}

.hometh .container .left .menu .bgs-active {
width: calc(100% - 4px);
height: 0;
background: #fff;
background-size: auto 100%;
position: absolute;
right: 0;
top: 0;
z-index: 2;
transition: all 0.4s;
border-radius: 0.1rem;
display: flex;
align-items: center;
}

.hometh .container .left .menu .bgs-active .border {
width: 5px;
height: 0.7rem;
border-radius: 5px 0 0 5px;
flex-shrink: 0;
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
transition: all 0.6s;
background: #0071c9;
box-shadow: 0.1rem 0 0.2rem 0 rgb(0 113 201);
}

.hometh .container .left .menu .bgs-active .tbox {
width: calc(100% - 4px);
height: 100%;
position: relative;
padding: 0.3rem 0.32rem;
border-radius: 0.1rem;
transition: all 0.6s;
overflow: hidden;
z-index: 2;
border: 1px solid #eee;
display: none;
}

.hometh .container .left .menu ul {
width: 100%;
position: relative;
z-index: 3;
}

.hometh .container .left .menu ul li {
width: 100%;
margin-bottom: 0.3rem;
display: flex;
justify-content: flex-start;
position: relative;
cursor: pointer;
min-height: 0.8rem;
transition: all 0.6s;
}

.hometh .container .left .menu ul li:last-child {
	margin-bottom: 0;
}

.hometh .container .left .menu ul li:nth-child(1)::after {
	width: calc(100%);
}

.hometh .container .left .menu ul li:nth-child(1) .tbox {
	width: calc(100%);
}

.hometh .container .left .menu ul li:nth-child(2) {
	width: calc(100% + 0.8rem);
}

	.hometh .container .left .menu ul li:nth-child(2)::after {
		width: calc(100%);
	}

.hometh .container .left .menu ul li::after {
	content: '';
width: calc(100% + 0.8rem);
height: 100%;
background: rgba(226, 229, 233, 0.25);
position: absolute;
left: 0;
top: 0;
transition: all 0.6s;
border-radius: 0.1rem;
opacity: 1;
}

.hometh .container .left .menu ul li .border {
width: 5px;
height: 0.7rem;
background: transparent;
border-radius: 5px 0 0 5px;
flex-shrink: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 3;
transition: all 0.6s;
}

.hometh .container .left .menu ul li .tbox {
width: calc(100% - 4px);
position: relative;
padding: 0.1rem 0.32rem;
border-radius: 0.1rem;
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid transparent;
transition: all 0.6s;
overflow: hidden;
z-index: 2;
}

.hometh .container .left .menu ul li .tbox .txt {
line-height: 1.33333333em;
height: 1.33333333em;
color: #666;
font-weight: bold;
overflow: hidden;
}

.hometh .container .left .menu ul li .tbox .txt p {
	display: flex;
	align-items: flex-start;
	transition: all 0.6s;
	color: #666;
}

	.hometh .container .left .menu ul li .tbox .txt p:nth-child(2) {
		color: #333;
	}

.hometh .container .left .menu ul li .tbox .txt span {
	margin: 0.07rem 0 0 0.1rem;
	width: 40px;
	height: 22px;
	font-size: 14px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ddd;
	z-index: 2;
	border-radius: 11px;
	transition: all 0.6s;
}

.hometh .container .left .menu ul li .tbox .title {
color: #666;
line-height: 1.33333333em;
height: 1.33333333em;
margin-top: 0.12rem;
overflow: hidden;
}

.hometh .container .left .menu ul li .tbox .title p {
	display: block;
	transition: all 0.6s;
}

	.hometh .container .left .menu ul li .tbox .title p:nth-child(2) {
		color: #333;
	}

.hometh .container .left .menu ul li .tbox .text {
color: #666;
margin-top: 0.05rem;
transition: all 0.6s;
/* overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 4.5em; */
		font-size: 15px;
	}

.hometh .container .left .menu ul li.on::after {
	opacity: 0;
}

.hometh .container .left .menu ul li.on .tbox {
	border: 1px solid #eee;
}

	.hometh .container .left .menu ul li.on .tbox .num {
		opacity: 1;
	}

	.hometh .container .left .menu ul li.on .tbox .txt p {
		transform: translateY(-100%);
		font-size: 17px;
	}

		.hometh .container .left .menu ul li.on .tbox .txt p span {
			background: #0071c9;
		}

	.hometh .container .left .menu ul li.on .tbox .title span {
		transform: translateY(-100%);
	}

@media (max-width: 1260px) {
.hometh .container .left .menu ul li.on .tbox .text {
display: none;
}
}

.hometh .container .left .menu .pub_a {
margin-top: 0.93rem;
}

.hometh .container .right {
width: 42.85714286%;
position: relative;
overflow: hidden;
border-radius: 0.1rem;
}

@media (max-width: 1580px) {
.hometh .container .right {
width: 36.857143%;
}
}

@media (max-width: 1260px) {
.hometh .container .right {
width: 35%;
margin-right: 5%;
}
}

@media (max-width: 991px) {
.hometh .container .right {
margin-top: 1.6rem;
margin-right: 0;
width: 50%;
display: none;
}
}

@media (max-width: 767px) {
.hometh .container .right {
width: 100%;
margin-top: 0.8rem;
}
}

.hometh .container .right ul li {
position: absolute;
top: 0;
width: 100%;
opacity: 0;
}

.hometh .container .right ul li::before {
content: '';
width: 100%;
padding-top: 123.33333333%;
display: block;
}

.hometh .container .right ul li:nth-child(1) {
position: relative;
z-index: 3;
}

.hometh .container .right ul li img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}

.hometh .container .right ul li .video {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}

.hometh .container .right ul li .video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	opacity: 0;
}

	.hometh .container .right ul li .video video.on {
		opacity: 1;
		z-index: 3;
	}

.hometh .container .right ul li.on {
opacity: 1;
z-index: 3;
}

.hometh .container .right ul li.on img {
	width: 100%;
	height: 100%;
}

.hometh .container .list {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 1rem;
}

@media (max-width: 767px) {
.hometh .container .list {
flex-wrap: wrap;
}
}

.hometh .container .md-box {
width: 100%;
margin-top: 0.8rem;
display: none;
}

@media (max-width: 991px) {
.hometh .container .md-box {
display: block;
}
}

.hometh .container .md-box ul li {
width: 100%;
margin-bottom: 0.6rem;
background: #fff;
padding-top: 0.3rem;
}

.hometh .container .md-box ul li:last-child {
margin-bottom: 0;
}

@media (max-width: 991px) {
.hometh .container .md-box ul li {
position: sticky;
position: -webkit-sticky;
transform-origin: top left;
}

.hometh .container .md-box ul li:nth-child(1) {
	top: 1.5rem;
	padding-bottom: 2.3rem;
}

.hometh .container .md-box ul li:nth-child(2) {
	top: 2.8rem;
	margin-top: -2.3rem;
}

.hometh .container .md-box ul li:nth-child(3) {
	top: 3.6rem;
}
}

.hometh .container .md-box ul li .public-img {
border-radius: 0.15rem;
margin-top: 0.5rem;
}

.hometh .container .md-box ul li .tbox {
width: 100%;
}

.hometh .container .md-box ul li .tbox .txt {
line-height: 1.33333333em;
height: 1.33333333em;
color: #666;
font-weight: bold;
overflow: hidden;
}

.hometh .container .md-box ul li .tbox .txt p {
	display: flex;
	align-items: flex-start;
	transition: all 0.6s;
	color: #666;
}

@media (max-width: 767px) {
.hometh .container .md-box ul li .tbox .txt p {
align-items: center;
}
}

.hometh .container .md-box ul li .tbox .txt p:nth-child(2) {
color: #333;
}

.hometh .container .md-box ul li .tbox .txt span {
margin: 0.07rem 0 0 0.1rem;
width: 40px;
height: 22px;
font-size: 14px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background: #0071c9;
z-index: 2;
border-radius: 11px;
transition: all 0.6s;
}

@media (max-width: 767px) {
.hometh .container .md-box ul li .tbox .txt span {
margin: 0 0 0 0.1rem;
}
}

.hometh .container .md-box ul li .tbox .title {
color: #333;
line-height: 1.33333333em;
margin-top: 0.12rem;
}

.hometh .container .md-box ul li .tbox .text {
line-height: 1.625em;
margin-top: 0.15rem;
display: none;
}

@keyframes box2imgRun {
0% {
transform: translate(-50%, 0);
}

50% {
transform: translate(-50%, 10px);
}

100% {
transform: translate(-50%, 0);
}
}

@-webkit-keyframes rotate {
from {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
}

to {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
}
}

@keyframes rotate {
from {
transform: translate(-50%, -50%) rotate(0deg);
}

to {
transform: translate(-50%, -50%) rotate(360deg);
}
}

.pub_title {
text-align: center;
}

.pub_title h2 {
font-weight: bold;
line-height: 1.1;
}

.homefo {
position: relative;
z-index: 200;
padding: 0.86rem 0;
}

.homefo .box {
margin: 0.58rem 0;
}

.homefo .box .swiper-slide {
	transform: scale(0.7);
	transition: all 0.4s;
}

@media (max-width: 991px) {
.homefo .box .swiper-slide {
transform: scale(0.9);
}
}

.homefo .box .swiper-slide .homefo_box {
border-radius: 0.2rem;
overflow: hidden;
position: relative;
}

.homefo .box .swiper-slide .homefo_box .homefo_nr {
width: 100%;
height: 100%;
/* position: absolute; */
top: 50%;
left: 50%;
/* transform: translate(-50%,-50%); */
}

.homefo .box .swiper-slide .homefo_box .public-img {
width: 100%;
height: 100%;
}

.homefo .box .swiper-slide .homefo_box .public-img video {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}

.homefo .box .swiper-slide .homefo_box .public-img:before {
padding-top: 53.7037037%;
}

.homefo .box .swiper-slide .homefo_box .public-img::after {
content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none;
	background: rgba(232, 232, 232, 0.7);
}

.homefo .box .swiper-slide .homefo_box .homefo_con {
transition: all 0.4s;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: flex;
align-items: flex-end;
padding: 0.46rem 0.4rem;
background: url(../images/home9.png) no-repeat;
background-position: bottom;
background-size: 100%;
}

.homefo .box .swiper-slide .homefo_box .homefo_con .txt {
	border-left: 3px solid #0071c9;
	padding-left: 0.2rem;
	width: 100%;
	color: #fff;
}

	.homefo .box .swiper-slide .homefo_box .homefo_con .txt h3 {
		line-height: 1.1;
		font-weight: bold;
		margin-bottom: 0.1rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: flex;
		align-items: center;
	}

		.homefo .box .swiper-slide .homefo_box .homefo_con .txt h3 img {
			width: 0.28rem;
			height: auto;
			margin-right: 0.1rem;
		}

	.homefo .box .swiper-slide .homefo_box .homefo_con .txt p {
		opacity: 0.7;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.homefo .box .swiper-slide .homefo_box .video_on {
transition: all 0.4s;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #0071c9;
cursor: pointer;
}

@media (max-width: 767px) {
.homefo .box .swiper-slide .homefo_box .video_on {
top: 30%;
width: 0.8rem;
height: 0.8rem;
}
}

.homefo .box .swiper-slide .homefo_box .video_on:hover {
transform: translate(-50%, -50%) scale(0.9);
}

.homefo .box .swiper-slide .homefo_box .video_on .ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%;
animation: rotate 10s linear infinite;
}

.homefo .box .swiper-slide .homefo_box .video_on .switch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23.33%;
height: auto;
margin-left: 0.05rem;
}

@media (max-width: 767px) {
.homefo .box .swiper-slide .homefo_box .video_on .switch {
margin-left: 0.03rem;
}
}

.homefo .box .swiper-slide .homefo_box .video_on .switch path {
fill: #fff;
}

.homefo .box .swiper-slide-active {
transform: scale(1);
}

.homefo .box .swiper-slide-active .homefo_box .public-img::after {
background: none;
}

.homefo .box .swiper-slide-active .homefo_box .homefo_con {
opacity: 1;
}

.homefo .box .swiper-slide-active .homefo_box .video_on {
opacity: 1;
}

.homefo .box .g_qie .pub_prev {
left: 3rem;
}

@media (max-width: 1580px) {
.homefo .box .g_qie .pub_prev {
left: 3.7rem;
}
}

@media screen and (max-width: 1460px) {
.homefo .box .g_qie .pub_prev {
left: 3.3rem;
}
}

@media (max-width: 1260px) {
.homefo .box .g_qie .pub_prev {
left: 2.2rem;
}
}

@media (max-width: 991px) {
.homefo .box .g_qie .pub_prev {
display: none;
}
}

.homefo .box .g_qie .pub_next {
right: 3rem;
}

@media (max-width: 1580px) {
.homefo .box .g_qie .pub_next {
right: 3.7rem;
}
}

@media screen and (max-width: 1460px) {
.homefo .box .g_qie .pub_next {
right: 3.3rem;
}
}

@media (max-width: 1260px) {
.homefo .box .g_qie .pub_next {
right: 2.2rem;
}
}

@media (max-width: 991px) {
.homefo .box .g_qie .pub_next {
display: none;
}
}

.homefo .homefo_ba {
text-align: center;
}

.homefo .homefo_ba .pub_a {
margin: 0 0.15rem;
}

.g_qie .pub_nav {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05);
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 10;
cursor: pointer;
transition: all 0.4s;
}

@media (max-width: 1580px) {
.g_qie .pub_nav {
transform: translateY(-50%) scale(0.8);
}
}

.g_qie .pub_nav:hover {
background: none;
}

.g_qie .pub_nav:hover .ring_svg svg path {
fill: #fff;
}

.g_qie .pub_nav:hover .ring_svg svg .x-ba2 {
opacity: 1;
}

.g_qie .pub_nav:hover .g_jt path {
fill: #0071c9;
}

.g_qie .pub_nav.on .ring_svg svg .x-ba2 {
/* opacity: 1; */
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear;
transition: stroke-dashoffset 5s linear, opacity 0s linear;
}

.g_qie .pub_nav .ring_svg svg {
vertical-align: top;
width: 78px;
height: 78px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.g_qie .pub_nav .ring_svg svg .x-ba1 {
stroke: #e5e5e5;
}

.g_qie .pub_nav .ring_svg svg .x-ba2 {
opacity: 1;
fill: none;
stroke: #0071c9;
stroke-width: 0.6;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 39 39;
stroke-dashoffset: 39;
-webkit-transition: stroke-dashoffset 0s linear, opacity 0s linear;
transition: stroke-dashoffset 0s linear, opacity 0s linear;
}

.g_qie .pub_nav .g_jt {
width: 8px;
height: auto;
}

.g_qie .pub_nav .g_jt path {
fill: #999;
opacity: 1;
}

.g_qie .pub_prev {
left: 0.8rem;
}

.g_qie .pub_prev .g_jt {
transform: rotate(180deg);
}

.g_qie .pub_next {
right: 0.8rem;
}

@media (max-width: 767px) {
.homefi .pub_title {
padding: 0 5%;
}
}

.homefi .box {
margin-top: 0.58rem;
}

.homefi .box .box2 {
position: relative;
margin-bottom: 0.45rem;
}

@media (max-width: 991px) {
.homefi .box .box2 {
margin-bottom: 1rem;
}
}

.homefi .box .box2 .resth_box {
display: flex;
justify-content: flex-end;
align-items: center;
}

@media (max-width: 767px) {
.homefi .box .box2 .resth_box {
flex-direction: column;
justify-content: center;
}
}

.homefi .box .box2 .resth_box .public-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 46.28%;
}

@media (max-width: 767px) {
.homefi .box .box2 .resth_box .public-img {
position: initial;
transform: translateY(0%);
width: 100%;
border-radius: 0;
}
}

.homefi .box .box2 .resth_box .public-img:before {
padding-top: 65.45454545%;
}

.homefi .box .box2 .resth_box .txt {
min-height: 4.4rem;
width: 54.14%;
position: relative;
z-index: 10;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e9ecf0;
border-radius: 0.2rem;
padding: 0 1.05rem 0 1.4rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
backdrop-filter: saturate(180%) blur(20px);
}

@media (max-width: 1580px) {
.homefi .box .box2 .resth_box .txt {
min-height: 6.2rem;
}
}

@media (max-width: 1280px) {
.homefi .box .box2 .resth_box .txt {
min-height: 5.8rem;
}
}

@media (max-width: 1260px) {
.homefi .box .box2 .resth_box .txt {
min-height: 5.5rem;
}
}

@media (max-width: 991px) {
.homefi .box .box2 .resth_box .txt {
padding: 0.3rem 0.6rem 0.3rem 0.4rem;
min-height: 4.5rem;
}
}

@media (max-width: 767px) {
.homefi .box .box2 .resth_box .txt {
min-height: auto;
width: 100%;
border-radius: 0;
padding: 0.3rem;
}
}

.homefi .box .box2 .resth_box .txt .txt_nr {
position: relative;
}

.homefi .box .box2 .resth_box .txt .txt_nr .txt_yh img {
width: 0.56rem;
position: absolute;
}

.homefi .box .box2 .resth_box .txt .txt_nr .txt_yh .img1 {
left: -1rem;
top: -0.12rem;
}

@media (max-width: 991px) {
.homefi .box .box2 .resth_box .txt .txt_nr .txt_yh .img1 {
display: none;
}
}

.homefi .box .box2 .resth_box .txt .txt_nr .txt_yh .img2 {
right: -0.45rem;
bottom: -0.08rem;
transform: rotate(180deg);
}

@media (max-width: 991px) {
.homefi .box .box2 .resth_box .txt .txt_nr .txt_yh .img2 {
display: none;
}
}

.homefi .box .box2 .resth_box .txt .txt_box {
margin-bottom: 0.9rem;
}

@media (max-width: 767px) {
.homefi .box .box2 .resth_box .txt .txt_box {
margin-bottom: 0.5rem;
}
}

.homefi .box .box2 .resth_box .txt .txt_box h3 {
font-weight: bold;
margin-bottom: 0.16rem;
}

.homefi .box .box2 .resth_box .txt .txt_box p {
color: #666;
line-height: 1.875;
}

.homefi .box .box2 .resth_box .txt .txt_tw {
display: flex;
align-items: center;
}

.homefi .box .box2 .resth_box .txt .txt_tw .img {
margin-right: 0.25rem;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
width: 0.54rem;
height: 0.54rem;
}

@media (max-width: 767px) {
.homefi .box .box2 .resth_box .txt .txt_tw .img {
width: 0.7rem;
height: 0.7rem;
}
}

.homefi .box .box2 .resth_box .txt .txt_tw .img img {
width: 100%;
height: 100%;
object-fit: contain;
}

.homefi .box .box2 .resth_box .txt .txt_tw .txt_tw_box h4 {
color: #666;
}

.homefi .box .box2 .resth_box .txt .txt_tw .txt_tw_box p {
color: #999;
}

.homefi .box .box2 .pub_prev {
left: -1rem;
}

@media (max-width: 1260px) {
.homefi .box .box2 .pub_prev {
display: none;
}
}

.homefi .box .box2 .pub_next {
right: -1rem;
}

@media (max-width: 1260px) {
.homefi .box .box2 .pub_next {
display: none;
}
}

@media (max-width: 1580px) {
.homesi {
padding-bottom: 0.4rem;
}
}

.homesi .box {
position: relative;
}

.homesi .box .bj1 {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) rotate(180deg);
width: 500px;
height: 340px;
pointer-events: none;
z-index: 10;
background: linear-gradient(270deg, #fff 20.45%, hsla(0, 0%, 100%, 0));
}

@media (max-width: 991px) {
.homesi .box .bj1 {
display: none;
}
}

.homesi .box .bj2 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 500px;
height: 340px;
pointer-events: none;
z-index: 10;
background: linear-gradient(270deg, #fff 20.45%, hsla(0, 0%, 100%, 0));
}

@media (max-width: 991px) {
.homesi .box .bj2 {
display: none;
}
}

.homesi .box .item {
display: flex;
margin-bottom: 0.18rem;
}

.homesi .box .item .img {
overflow: hidden;
margin-right: 0.18rem;
display: inline-block;
width: 250px;
height: 120px;
border: 1px solid #e0e0e0;
object-fit: contain;
}

@media (max-width: 1580px) {
.homesi .box .item .img {
width: 200px;
height: 100px;
}
}

@media (max-width: 767px) {
.homesi .box .item .img {
width: 125px;
height: 60px;
}
}

.homesi .box .item .img img {
width: 100%;
height: 100%;
object-fit: contain;
}

.homese {
padding: 1.2rem 0 0;
}

@media (max-width: 767px) {
.homese {
padding: 0.8rem 0 0;
}
}

.homese .box {
margin-bottom: 0.4rem;
padding: 10px 0;
width: 100%;
overflow: hidden;
}

.homese .box .item {
align-items: center;
display: flex;
overflow: initial;
}

.homese .box .item p {
	font-size: 0.9rem;
	line-height: 1.1;
	font-weight: bold;
	display: inline-block;
	margin-right: 0.35rem;
	color: #0071c9;
}

	.homese .box .item p:nth-child(2n) {
		color: rgba(0, 0, 0, 0);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #0071c9;
		font-weight: 700;
		line-height: 1.1;
		text-decoration: none;
	}

.homese .form_b {
text-align: center;
}

.homese .form_b .inp {
margin-top: 0.36rem;
display: flex;
justify-content: center;
max-width: 980px;margin-left: auto;margin-right: auto;
}

.homese .form_b .inp .inp_box {
	width: 32%;
	margin: 0 0.1rem;
	background: #fff;
	border-radius: 0.1rem;
	height: 0.54rem;
	padding-left: 0.2rem;
	position: relative;
	display: flex;
	align-items: center;
	border: 1px solid #999999;
}

@media (max-width: 1580px) {
.homese .form_b .inp .inp_box {
height: 0.64rem;
}
}

@media (max-width: 767px) {
.homese .form_b .inp {
flex-wrap: wrap;
}

.homese .form_b .inp .inp_box {
	height: 0.8rem;
	margin-bottom: 0.3rem;
	width: 100%;
}
}

.homese .form_b .inp .inp_box input {
width: 100%;
padding-left: 70px;box-sizing: border-box;
}

.homese .form_b .inp .inp_box:nth-child(1) input{padding-left: 50px;}

.homese .form_b .inp .inp_box .inp_txt {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding-left: 0.2rem;
left: 0;
top: 0;
pointer-events: none;
}

.homese .form_b .inp .inp_box .inp_txt p {
color: #333;
}

.homese .form_b .inp .inp_box .inp_txt p span {
	margin-left: 8px;
	color: #ec2e2e;
	vertical-align: middle
}

.homese .form_b .b_but {
position: relative;
transform: translateY(0.29rem);
}

.homese .form_b .b_but .but_on {
transition: all 0.4s;
margin-top: 0.31rem;
position: relative;
z-index: 20;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #0071c9;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}

@media (max-width: 1580px) {
.homese .form_b .b_but .but_on {
width: 1.4rem;
height: 1.4rem;
}
}

.homese .form_b .b_but .but_on:hover {
transform: scale(0.9);
}

.homese .form_b .b_but .but_on .ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%;
animation: rotate 10s linear infinite;
}

.homese .form_b .b_but .but_on p {
color: #fff;
}

@media (max-width: 767px) {
.homese .form_b .b_but .but_on p {
font-size: 12px;
}
}

.homese .form_b .b_but .bimg {
position: absolute;
bottom: -0.18rem;
left: 50%;
transform: translateX(-50%);
width: 1.34rem;
height: auto;
}

@media (max-width: 1580px) {
.homese .form_b .b_but .bimg {
width: 1.54rem;
bottom: -0.24rem;
}
}

@media (max-width: 767px) {
.homese .form_b .b_but .bimg {
bottom: -0.24rem;
}
}

footer {
background: #f5f5f5;
border-top: 1px solid #ddd;
}

footer a:hover {
color: #0071c9 !important;
}

footer .foot_t {
padding: 0.92rem 0 0.8rem;
}

@media (max-width: 767px) {
footer .foot_t {
display: none;
}
}

footer .foot_t ul {
display: flex;
justify-content: center;
padding: 0 0 0 1.4rem;
}

@media (max-width: 991px) {
footer .foot_t ul {
padding: 0 0 0 0.5rem;
}
}

footer .foot_t ul li {
width: 2.6rem;
padding-right: 0.2rem;
}

footer .foot_t ul li .t_a {
margin-bottom: 0.24rem;
}

footer .foot_t ul li .t_a a {
	font-weight: bold;
}

	footer .foot_t ul li .t_a a:hover {
		color: #333 !important;
	}

footer .foot_t ul li .b_a a {
margin-bottom: 0.08rem;
color: #666;
display: block;
}

@media (max-width: 767px) {
footer .foot_b {
padding: 1rem 0 0;
}
}

footer .foot_b .tit {
margin-bottom: 0.32rem;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}

footer .foot_b .tit::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #ddd;
bottom: 0.12rem;
}

footer .foot_b .tit .tit_box {
position: relative;
z-index: 10;
text-align: center;
padding: 0 0.44rem;
background: #f5f5f5;
}

footer .foot_b .tit p {
font-weight: bold;
}

footer .foot_b .tit p span {
	color: #0071c9;
}

footer .foot_b .foot_bb {
padding-bottom: 0.52rem;
display: flex;
justify-content: space-between;
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb {
flex-direction: column-reverse;
align-items: center;
text-align: center;
justify-content: center;
}
}

footer .foot_b .foot_bb .g_l {
width: 42.85714286%;
padding: 0.1rem 0.2rem 0 0;
}

@media (max-width: 1580px) {
footer .foot_b .foot_bb .g_l {
width: 41.857143%;
}
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb .g_l {
width: 100%;
}
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_l {
padding: 0;
}
}

footer .foot_b .foot_bb .g_l .t_p {
display: flex;
margin-bottom: 0.18rem;
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_l .t_p {
justify-content: center;
}
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb .g_l .t_p {
flex-direction: column;
}
}

footer .foot_b .foot_bb .g_l .t_p p {
margin-right: 0.18rem;
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_l .t_p p {
margin: 0;
}
}

footer .foot_b .foot_bb .g_l .t_a {
display: flex;
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_l .t_a {
justify-content: center;
}
}

footer .foot_b .foot_bb .g_l .t_a a {
color: #999;
line-height: 1;
padding-right: 0.15rem;
margin-right: 0.15rem;
border-right: 1px solid #b3b3b3;
}

footer .foot_b .foot_bb .g_l .t_a a:last-child {
border: none;
}

footer .foot_b .foot_bb .g_m {
width: 14.28571429%;
}

@media (max-width: 1580px) {
footer .foot_b .foot_bb .g_m {
width: 15.285714%;
}
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb .g_m {
width: 100%;
order: 1;
margin-bottom: 0.2rem;
}
}

footer .foot_b .foot_bb .g_m .b_ewm {
display: flex;
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_m .b_ewm {
justify-content: center;
}
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box {
margin: 0 0.09rem;
position: relative;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box.on .foot_t_r_ewm {
transform: translateX(-50%) scale(1);
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box.on .foot_t_r_con svg path {
fill: #fff;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_ewm {
position: absolute;
bottom: 224%;
left: 50%;
background: #fff;
transition: all 0.6s;
-webkit-transition: all 0.6s;
z-index: 100;
transform: translateX(-50%) scale(0);
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
width: 171px;
height: 100px;
/* padding: 5px;*/
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_ewm {
width: 100px;
height: 100px;
}
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_ewm img {
object-fit: contain;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_ewm svg {
width: 9px;
height: 5px;
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_ewm svg path {
fill: #fff;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con {
display: flex;
flex-direction: column;
align-items: center;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con:hover .img1_svg {
background: #0071c9;
color: #fff;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con:hover .img1_svg img {
	filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con .img1_svg {
background: #fff;
border-radius: 50%;
width: 0.38rem;
height: 0.38rem;
transition: all 0.4s;
display: flex;
align-items: center;
justify-content: center;
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con .img1_svg {
width: 0.55rem;
height: 0.55rem;
color: #8e8e8e;
}
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con .img1_svg {
width: 0.7rem;
height: 0.7rem;
}
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con .img1_svg img {
width: 52.63157895%;
height: auto;
}

footer .foot_b .foot_bb .g_m .b_ewm .foot_t_r_box .foot_t_r_con p {
margin-top: 0.1rem;
color: #999;
}

footer .foot_b .foot_bb .g_r {
text-align: right;
padding: 0.1rem 0 0 0.2rem;
width: 42.85714286%;
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb .g_r {
width: 100%;
text-align: left;
}
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_r {
text-align: center;
padding: 0;
margin-bottom: 0.2rem;
}
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_r {
margin-bottom: 0;
}
}

footer .foot_b .foot_bb .g_r .t_p {
display: flex;
justify-content: flex-end;
margin-bottom: 0.18rem;
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_r .t_p {
justify-content: center;
}
}

footer .foot_b .foot_bb .g_r .t_a {
display: flex;
justify-content: flex-end;
}

@media (max-width: 1260px) {
footer .foot_b .foot_bb .g_r .t_a {
justify-content: flex-start;
}
}

@media (max-width: 991px) {
footer .foot_b .foot_bb .g_r .t_a {
justify-content: center;
}
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_r .t_a {
flex-direction: column;
}
}

footer .foot_b .foot_bb .g_r .t_a a {
color: #999;
line-height: 1;
margin-left: 0.1rem;
}

@media (max-width: 767px) {
footer .foot_b .foot_bb .g_r .t_a a {
margin: 0 0 0.2rem 0;
}
}

.right-pop {
width: 0.6rem;
position: fixed;
right: 0.15rem;
top: 50%;
transform: translateY(-50%);
z-index: 999;
}

@media (max-width: 1580px) {
.right-pop {
width: 0.7rem;
}
}

@media (max-width: 767px) {
/* .right-pop {
display: none !important;
} */
}

.right-pop .box1 {
width: 0.6rem;
border-radius: 0.4rem;
background: #fff;
box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
padding: 0.1rem 0.07rem 0.12rem;
}

@media (max-width: 1580px) {
.right-pop .box1 {
width: 0.7rem;
padding: 0.14rem 0.07rem;
}
}

.right-pop .box1 a {
width: 100%;
display: block;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 0.09rem;
position: relative;
}

.right-pop .box1 a:last-child {
border-bottom: none;
}

.right-pop .box1 a .icons {
width: 0.46rem;
height: 0.46rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0 auto;
}

.right-pop .box1 a .icons img {
	width: 0.26rem;
	height: 0.26rem;
	position: relative;
	z-index: 2;
}

.right-pop .box1 a .icons svg {
	width: 0.26rem;
	height: 0.26rem;
	position: relative;
	z-index: 2;
}

	.right-pop .box1 a .icons svg path {
		fill: #0071c9;
	}

.right-pop .box1 a .icons.icons1 {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #0071c9;
	margin: 0 auto 0.16rem;
}

	.right-pop .box1 a .icons.icons1::before {
		content: '';
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: rgba(198, 134, 67, 0.8);
border: 1px solid #0071c9;
animation: yuanRun 2s infinite linear;
}

.right-pop .box1 a .icons.icons1::after {
content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(198, 134, 67, 0.8);
	border: 1px solid #0071c9;
	animation: yuanRun 2s 1s infinite linear;
}

.right-pop .box1 a .icons.icons1 img {
	width: 0.2rem;
	height: 0.2rem;
}

.right-pop .box1 a .icons.icons1 svg {
	width: 0.18rem;
	height: 0.2rem;
}

	.right-pop .box1 a .icons.icons1 svg path {
		fill: #fff;
	}

.right-pop .box1 a .icons.icons2 svg {
animation: iconRun 1.2s infinite linear;
}

.right-pop .box1 a .txt {
line-height: 1.28571429em;
color: #505050;
text-align: center;
transition: all 0.4s;
}

.right-pop .box1 a .tel-pop {
position: absolute;
right: 100%;
top: 50%;
transform: translateY(-50%);
padding-right: 0.27rem;
display: none;
}

.right-pop .box1 a .tel-pop .box {
background: #fff;
border-radius: 0.1rem;
box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
padding: 0.1rem 0.2rem;
position: relative;
}

.right-pop .box1 a .tel-pop .box::before {
	content: '';
border-left: 0.1rem solid #fff;
border-top: 0.1rem solid transparent;
border-bottom: 0.1rem solid transparent;
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}

.right-pop .box1 a .tel-pop .box::after {
content: '';
		border-left: 0.1rem solid rgba(0, 0, 0, 0.06);
		border-top: 0.1rem solid transparent;
		border-bottom: 0.1rem solid transparent;
		position: absolute;
		left: calc(100% + 1px);
		top: 50%;
		transform: translateY(-50%);
	}

	.right-pop .box1 a .tel-pop .box .ts {
		width: 100%;
		padding-bottom: 0.1rem;
		border-bottom: 1px solid #eee;
		margin-bottom: 0.1rem;
		white-space: nowrap;
	}

		.right-pop .box1 a .tel-pop .box .ts:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

		.right-pop .box1 a .tel-pop .box .ts span {
			line-height: 1.71428571em;
			color: #505050;
		}

		.right-pop .box1 a .tel-pop .box .ts p {
			line-height: 1.125em;
			color: #0071c9;
		}

.right-pop .box1 a:hover .tel-pop {
display: block;
}

.right-pop .box1 a:hover .txt {
color: #0071c9;
}

.right-pop .gotop {
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06);
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s;
background: #fff;
margin-top: 0.13rem;
position: relative;
overflow: hidden;
font-size: 20px;
}

.right-pop .gotop i {
position: relative;
z-index: 9;
}

.right-pop .gotop:hover i {
color: #fff;
}

@media (max-width: 1580px) {
.right-pop .gotop {
width: 0.7rem;
height: 0.7rem;
}
}

.right-pop .gotop::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #0071c9;
border-radius: 50%;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.right-pop .gotop svg {
width: 0.25rem;
height: auto;
position: relative;
z-index: 2;
}

.right-pop .gotop svg path {
fill: #0071c9;
transition: all 0.4s;
}

.right-pop .gotop:hover::before {
transform: scaleY(1);
transform-origin: bottom;
}

.right-pop .gotop:hover svg path {
fill: #fff;
}

@keyframes iconRun {
0% {
transform: scale(0.9);
}

50% {
transform: scale(1);
}

100% {
transform: scale(0.9);
}
}

@keyframes yuanRun {
form {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}

to {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0;
}
}

.leaguebox-sec1 > .container:before {
box-shadow: 0 -0.3rem 0.3rem rgba(174, 95, 13, 0.05) !important;
}

.leaguebanner .cont .font .pub_a {
margin-top: 0.36rem;
}


/* 平台合作 */

@media (max-width: 767px) {
.g_tpub .container::before {
display: none !important;
}
}

.gplaon {
padding: 0 0.8rem 0.6rem;
margin-top: 0.98rem;
position: relative;
z-index: 10;
}

@media (max-width: 767px) {
.gplaon {
padding: 0;
}
}

.gplaon .box {
margin-bottom: 0.3rem;
display: flex;
flex-wrap: wrap;
}

.gplaon .box .item {
overflow: hidden;
width: calc((100% - 1.2rem)/3);
border: 1px solid #d7d7d7;
border-radius: 0.1rem;
margin: 0 0.6rem 0.6rem 0;
}

@media (max-width: 991px) {
.gplaon .box .item {
width: calc(50% - 0.3rem);
}
}

@media (max-width: 767px) {
.gplaon .box .item {
width: 100%;
margin-right: 0;
}
}

.gplaon .box .item:nth-child(3n) {
margin-right: 0;
}

@media (max-width: 991px) {
.gplaon .box .item:nth-child(3n) {
margin-right: auto;
}
}

@media (max-width: 991px) {
.gplaon .box .item:nth-child(2n) {
margin-right: 0;
}
}

.gplaon .box .item .public-img {
border-bottom: 1px solid #d7d7d7;
}

.gplaon .box .item .public-img:before {
padding-top: 46.00938967%;
}

.gplaon .box .item .txt {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0.38rem 0.3rem 0.4rem;
}

.gplaon .box .item .txt .pub_a {
background: #fff;
}

.gplaon .box .item .txt .pub_a:hover {
	background: #0071c9;
}

.gplaon .box .item .txt .g_p p {
line-height: 1.625;
margin-bottom: 0.24rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
height: 6.5em;
color: #666;
}

.gplaon .box .item .txt .three .g_t {
margin-bottom: 0.14rem;
}

.gplaon .box .item .txt .three .g_t p {
	font-weight: bold;
}

.gplaon .box .item .txt .three .g_pbox {
margin-bottom: 0.3rem;
}

.gplaon .box .item .txt .three .g_pbox p {
	margin-bottom: 0.08rem;
	display: block;
	position: relative;
	padding-left: 20px;
	color: #666;
}

	.gplaon .box .item .txt .three .g_pbox p:after {
		content: '';
		position: absolute;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #0071c9;
		left: 0;
		top: 7px;
	}

@media (max-width: 1580px) {
.gplaon .box .item .txt .three .g_pbox p:after {
top: 8px;
width: 5px;
height: 5px;
}
}

.page {
display: flex;
justify-content: center;
align-items: center;
}

.page .page_jump {
display: flex;
align-items: center;
margin-left: 0.15rem;
}

.page .page_jump input {
	margin: 0 0.11rem 0 0.2rem;
	border: 1px solid #ddd;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.1rem;
	text-align: center;
	padding: 0 0.1rem;
	color: #0071c9;
}

.page a {
height: 0.5rem;
min-width: 0.5rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0.05rem;
-webkit-transition: all 0.4s;
transition: all 0.4s;
border-radius: 50%;
border: 1px solid #e0e0e0;
font-weight: bold;
color: #666;
cursor: pointer;
}

@media (max-width: 767px) {
.page a {
font-size: 0.28rem;
}
}

.page a.prev img,
.page a.prev svg {
transform: rotate(180deg);
margin-right: 5px;
}

.page a.next img,
.page a.next svg {
margin-left: 5px;
}

.page a:hover {
color: #fff;
border-color: #0071c9;
background: #0071c9;
}

.page a:hover p {
color: #fff;
}

.page a:hover svg path {
fill: #fff;
}

.page a img,
.page a svg {
width: 6px;
height: auto;
}

@media (max-width: 767px) {
.page a img,
.page a svg {
width: 5px;
}
}

.page a .img2 {
display: none;
}

.page a svg path {
fill: #999;
}

.page .active {
color: #fff;
border-color: #0071c9;
background: #0071c9;
}

.page .active p {
color: #fff;
}

.curtain1 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
display: none;
}

.curtain1 .mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
position: absolute;
top: 0;
left: 0;
}

.curtain1 .curtain_box {
position: absolute;
max-width: 90%;
max-height: 90%;
left: 50%;
top: 50%;
background: #fff;
z-index: 10000;
transform: translate(-50%, -50%);
}

.curtain1 .curtain_box .curtain_title {
	position: relative;
	padding: 0 30px;
	background: #1c4798;
}

	.curtain1 .curtain_box .curtain_title .close_tc {
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
		height: 60px;
		cursor: pointer;
		z-index: 10000;
	}

		.curtain1 .curtain_box .curtain_title .close_tc::before {
			content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -1px 0 0 -10px;
width: 20px;
height: 2px;
background: #999999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.curtain1 .curtain_box .curtain_title .close_tc::after {
content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -1px 0 0 -10px;
			width: 20px;
			height: 2px;
			background: #999999;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

.curtain1 .curtain_box .curtain_con {
	max-height: 90vh;
}

@keyframes moveq {
0% {
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}

100% {
transform: translate(-50%, -50%) scale(1.3);
-webkit-transform: translate(-50%, -50%) scale(1.3);
opacity: 0;
}
}

.curtain_no1 .curtain_box .g_del {
cursor: pointer;
position: absolute;
bottom: -0.8rem;
left: 50%;
transform: translateX(-50%);
width: 0.4rem;
height: 0.4rem;
}

.curtain_no1 .curtain_box .g_del path {
fill: #fff;
}

.curtain_no1 .curtain_box .curtain_con {
width: 300px;
background: #fff url(../images/pla_tc2.jpg) no-repeat;
background-position: top;
padding: 0.5rem 0.1rem 0.35rem;
position: relative;
text-align: center;
}

.curtain_no1 .curtain_box .curtain_con .g_dhf {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -79px;
width: 143px;
height: auto;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_t {
margin: 0 auto 0.44rem;
position: relative;
text-align: center;
width: 137px;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_t img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	border-radius: 0.08rem;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_t i {
	border-radius: 0.08rem;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(198, 134, 67, 0.5);
}

.curtain_no1 .curtain_box .curtain_con .plaTc_t .i1 {
	animation: moveq 2s infinite linear;
	-webkit-animation: moveq 2s infinite linear;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_t .i2 {
	animation: moveq 2s infinite linear;
	-webkit-animation: moveq 2s infinite linear;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_b {
font-weight: bold;
}

.curtain_no1 .curtain_box .curtain_con .plaTc_b .g_p {
	margin-bottom: 0.05rem;
}

	.curtain_no1 .curtain_box .curtain_con .plaTc_b .g_p p span {
		color: #0071c9;
	}

.curtain_no1 .curtain_box .curtain_con .plaTc_b .g_p2 p span {
	font-size: 18px;
	padding: 2px 15px;
	background: #0071c9;
	color: #fff;
	border-radius: 100px;
}

.gecoon .box .item .txt .three .gecoon_lab {
margin-bottom: 0.95rem;
display: flex;
flex-wrap: wrap;
}

.gecoon .box .item .txt .three .gecoon_lab span {
padding: 3px 6px;
background: #fcebd9;
color: #0071c9;
margin: 0 0.1rem 0.05rem 0;
border-radius: 3px;
font-size: 12px;
}

.gecoon .box .item .txt .three .gecoon_lab span:last-child {
	margin-right: 0;
}

.gecotw {
padding-top: 0.6rem;
}

.gecotw .box {
position: relative;
border-radius: 0.2rem;
overflow: hidden;
}

.gecotw .box .img {
	width: 100%;
	height: 100%;
}

@media (max-width: 991px) {
.gecotw .box .img {
position: absolute;
top: 0;
left: 0;
}
}

.gecotw .box .img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.gecotw .box .txt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
display: flex;
justify-content: flex-end;
align-items: center;
}

@media (max-width: 991px) {
.gecotw .box .txt {
position: relative;
}
}

@media (max-width: 767px) {
.gecotw .box .txt {
background: rgba(0, 0, 0, 0.3);
}
}

.gecotw .box .txt .txt2 {
padding-right: 1.3rem;
width: 5.42rem;
}

@media (max-width: 1580px) {
.gecotw .box .txt .txt2 {
width: 6.5rem;
}
}

@media (max-width: 991px) {
.gecotw .box .txt .txt2 {
width: 50%;
padding: 0.4rem 0.4rem 0.4rem 0;
}
}

@media (max-width: 767px) {
.gecotw .box .txt .txt2 {
width: 100%;
padding: 0.5rem 0.4rem;
}
}

.gecotw .box .txt .txt2 .txt_t {
margin-bottom: 0.55rem;
}

.gecotw .box .txt .txt2 .txt_t h2 {
line-height: 1;
margin-bottom: 0.22rem;
font-weight: bold;
}

@media (max-width: 767px) {
.gecotw .box .txt .txt2 .txt_t h2 {
color: #fff;
}
}

.gecotw .box .txt .txt2 .txt_t p {
color: #666;
}

@media (max-width: 767px) {
.gecotw .box .txt .txt2 .txt_t p {
color: #fff;
}
}

@media (max-width: 991px) {
.gecotw .box .txt .txt2 .txt_a .pub_a {
margin-bottom: 0.1rem;
}
}

.gecotw .box .txt .txt2 .txt_a .pub_a2 {
margin-right: 0.2rem;
}

.gecoInfo_box {
padding: 1.1rem 0 1.4rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

@media (max-width: 767px) {
.gecoInfo_box {
flex-direction: column;
padding: 1.1rem 0 0.8rem;
}
}

.gecoInfo_box .left {
width: 64.28571429%;
}

@media (max-width: 767px) {
.gecoInfo_box .left {
width: 100%;
margin-bottom: 0.4rem;
}
}

.gecoInfo_box .left .l_t {
min-height: 4.87rem;
padding-bottom: 0.2rem;
}

.gecoInfo_box .left .l_t .x-tit {
margin-bottom: 0.26rem;
align-items: center;
display: flex;
}

.gecoInfo_box .left .l_t .x-tit img {
	width: 2.55rem;
	margin: 0 0.2rem 0 0;
}

.gecoInfo_box .left .l_t .x-tit .txt_r {
	display: flex;
	flex-direction: column;
}

	.gecoInfo_box .left .l_t .x-tit .txt_r span {
		padding: 3px 6px;
		background: #fcebd9;
		color: #0071c9;
		margin: 0 0.1rem 0.05rem 0;
		border-radius: 3px;
		font-size: 12px;
	}

.gecoInfo_box .left .l_t p {
font-weight: bold;
}

.gecoInfo_box .left .l_b {
padding-top: 0.44rem;
border-top: 1px solid #e5e5e5;
}

.gecoInfo_box .left .l_b h2 {
font-weight: bold;
margin-bottom: 0.1rem;
}

.gecoInfo_box .left .l_b .g_p {
padding-right: 0.1rem;
}

.gecoInfo_box .left .l_b .g_p p {
	color: #666;
}

.gecoInfo_box .right {
width: 29.5%;
border-radius: 0.1rem;
background: #f7f7f7;
padding: 0.4rem 0.4rem 0.5rem;
}

@media (max-width: 767px) {
.gecoInfo_box .right {
width: 100%;
}
}

.gecoInfo_box .right .img {
width: 1.42rem;
height: 1.42rem;
border-radius: 0.08rem;
padding: 0.07rem;
margin-bottom: 0.38rem;
background: #fff;
box-shadow: 0 0 0.1rem #ddd;
}

@media (max-width: 767px) {
.gecoInfo_box .right .img {
width: 2.5rem;
height: 2.5rem;
}
}

.gecoInfo_box .right .img img {
width: 100%;
height: 100%;
object-fit: contain;
}

.gecoInfo_box .right .txt .txt_t {
margin-bottom: 0.12rem;
}

.gecoInfo_box .right .txt .txt_t p {
line-height: 1.7;
font-weight: bold;
}

.gecoInfo_box .right .txt .g_p p {
margin-bottom: 0.08rem;
display: block;
position: relative;
padding-left: 10px;
color: #666;
}

.gecoInfo_box .right .txt .g_p p:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #0071c9;
left: 0;
top: 10px;
}

@media (max-width: 1580px) {
.gecoInfo_box .right .txt .g_p p:after {
top: 8px;
width: 5px;
height: 5px;
}
}


/* 先进供应链 */

.gsupon {
padding: 1rem 0.8rem 0;
position: relative;
z-index: 10;
}

@media (max-width: 767px) {
.gsupon {
padding: 1rem 0 0;
}
}

.gsupon .box {
padding-bottom: 0.4rem;
display: flex;
flex-wrap: wrap;
}

.gsupon .box .item {
overflow: hidden;
width: calc((100% - 1.2rem)/3);
border: 1px solid #d7d7d7;
border-radius: 0.1rem;
margin: 0 0.6rem 0.6rem 0;
}

@media (max-width: 991px) {
.gsupon .box .item {
width: calc(50% - 0.3rem);
}
}

@media (max-width: 767px) {
.gsupon .box .item {
width: 100%;
margin-right: 0;
}
}

.gsupon .box .item:nth-child(3n) {
margin-right: 0;
}

@media (max-width: 991px) {
.gsupon .box .item:nth-child(3n) {
margin-right: auto;
}
}

@media (max-width: 991px) {
.gsupon .box .item:nth-child(2n) {
margin-right: 0;
}
}

.gsupon .box .item:hover .img .video_on {
opacity: 1;
}

.gsupon .box .item:hover img {
transform: scale(1.05);
}

.gsupon .box .item .img {
position: relative;
}

.gsupon .box .item .img .public-img:before {
padding-top: 56.33802817%;
}

.gsupon .box .item .img .video_on {
transition: all 0.4s;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #0071c9;
cursor: pointer;
}

@media (max-width: 767px) {
.gsupon .box .item .img .video_on {
width: 1.5rem;
height: 1.5rem;
}
}

.gsupon .box .item .img .video_on:hover {
transform: translate(-50%, -50%) scale(0.9);
}

.gsupon .box .item .img .video_on .ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%;
animation: rotate 10s linear infinite;
}

.gsupon .box .item .img .video_on .switch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23.33%;
height: auto;
margin-left: 0.05rem;
}

@media (max-width: 767px) {
.gsupon .box .item .img .video_on .switch {
margin-left: 0.03rem;
}
}

.gsupon .box .item .img .video_on .switch path {
fill: #fff;
}

.gsupon .box .item .txt {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: space-between;
padding: 0.36rem 0.2rem;
}

.gsupon .box .item .txt .txt_box h3 {
margin-bottom: 0.05rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
align-items: center;
}

.gsupon .box .item .txt .txt_box h3 svg {
	width: 22px;
	height: auto;
	margin-right: 0.1rem;
}

@media (max-width: 767px) {
.gsupon .box .item .txt .txt_box h3 svg {
width: 0.34rem;
}
}

.gsupon .box .item .txt .txt_box h3 svg path {
fill: #0071c9;
}

.gsupon .box .item .txt .txt_box p {
color: #666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 4.5em;
}

.gsupon .box .item .txt .pub_a {
margin-top: 0.55rem;
}

.gsupon .box .item .txt .pub_a:hover {
background: #0071c9;
}

.gserth {
position: relative;
background: #fcfbf9;
padding: 1.3rem 0 1.38rem;
overflow: hidden;
}

.gserth .bg {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
display: flex;
align-items: flex-end;
overflow: hidden;
}

.gserth .bg img {
	width: 100%;
}

.gserth .bg video {
	width: 105%;
	object-fit: cover;
	margin-left: -3px;
}

.gserth .container {
position: relative;
z-index: 10;
/* padding: 0 0.8rem; */
}

.gserth .container .box {
	margin-top: 0.6rem;
}

	.gserth .container .box .gserth_kp {
		margin-bottom: 0.56rem;
	}

		.gserth .container .box .gserth_kp .gserth_kp_box {
			margin-top: 0.6rem;
			display: flex;
		}

@media (max-width: 767px) {
.gserth .container .box .gserth_kp .gserth_kp_box {
flex-direction: column;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item {
width: 50%;
height: 6.8rem;
position: relative;
border-radius: 0.1rem;
overflow: hidden;
margin-right: 0.5rem;
transition: all 0.4s;
cursor: auto;
}

@media (max-width: 767px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item {
width: 100% !important;
margin-bottom: 0.4rem;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item:last-child {
margin-right: 0;
}

.gserth .container .box .gserth_kp .gserth_kp_box .item.on {
width: 70%;
flex-shrink: 0;
}

.gserth .container .box .gserth_kp .gserth_kp_box .item.on .txt {
background: rgba(0, 0, 0, 0.1);
justify-content: flex-start;
align-items: flex-start;
padding: 0.5rem 0.4rem;
}

.gserth .container .box .gserth_kp .gserth_kp_box .item.on .txt img {
	width: 0.6rem;
}

@media (max-width: 1580px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item.on .txt img {
width: 60px;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item.on .txt p {
width: auto;
font-size: 30px;
}

@media (max-width: 1580px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item.on .txt p {
font-size: 24px;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .img {
width: 100%;
height: 100%;
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
padding: 0.6rem 0.2rem;
transition: all 0.4s;
}

@media (max-width: 767px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item .txt {
background: rgba(0, 0, 0, 0.1);
justify-content: flex-end;
align-items: flex-start;
padding: 0.36rem 0.4rem;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .txt p {
width: 1em;
color: #fff;
line-height: 1;
text-align: center;
}

@media (max-width: 767px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item .txt p {
width: auto;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .txt img {
margin-bottom: 0.14rem;
width: 0.4rem;
height: auto;
}

@media (max-width: 767px) {
.gserth .container .box .gserth_kp .gserth_kp_box .item .txt img {
width: 0.6rem;
}
}

.gserth .container .box .gserth_kp .gserth_kp_box .item .txt img path {
fill: #fff;
}

.gserth .container .box .gserth_ico {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
.gserth .container .box .gserth_ico {
justify-content: space-between;
}
}

.gserth .container .box .gserth_ico .item {
width: calc((100% - 0.8rem)/5);
margin: 0 0.2rem 0.3rem 0;
/* border: 1px solid #e5e5e4; */
border-radius: 0.1rem;
/* padding: 0.1rem 0.09rem; */
display: flex;
align-items: center;
}

@media (max-width: 991px) {
.gserth .container .box .gserth_ico .item {
width: calc((100% - 0.4rem)/3);
}
}

@media (max-width: 767px) {
.gserth .container .box .gserth_ico .item {
width: calc((100% - 0.2rem)/2);
margin-right: 0 !important;
}
}

.gserth .container .box .gserth_ico .item:nth-child(5n) {
margin-right: 0;
}

@media (max-width: 991px) {
.gserth .container .box .gserth_ico .item:nth-child(5n) {
margin-right: auto;
}
}

@media (max-width: 991px) {
.gserth .container .box .gserth_ico .item:nth-child(3n) {
margin-right: 0;
}
}

.gserth .container .box .gserth_ico .item .l_svg {
border-radius: 0.1rem;
background: #f6efe6;
width: 0.7rem;
height: 0.7rem;
display: flex;
align-items: center;
justify-content: center;
}

.gserth .container .box .gserth_ico .item .l_svg img {
width: 56%;
height: auto;
}

.gserth .container .box .gserth_ico .item .l_svg img path {
	fill: #0071c9;
}

.gserth .container .box .gserth_ico .item .txt {
margin-left: 0.2rem;
}

@media (max-width: 1580px) {
.gserth .container .box .gserth_ico .item .txt p {
font-size: 20px;
}
}

@media (max-width: 991px) {
.gserth .container .box .gserth_ico .item .txt p {
font-size: 14px;
}
}

@media (max-width: 767px) {
.gserth .container .box .gserth_ico .item .txt p {
font-size: 12px;
}
}

.gserfo {
position: relative;
}

.gserfo .img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.gserfo .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gserfo .box {
position: relative;
z-index: 10;
padding: 1.38rem 0;
}

.gserfo .box .pub_title h2 {
	color: #fff;
}

.gserfo .box .gserfo_box {
	margin: 1.2rem 0 0.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
.gserfo .box .gserfo_box {
flex-wrap: wrap;
}
}

.gserfo .box .gserfo_box .item {
margin: 0 0.17rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #838383;
backdrop-filter: saturate(180%) blur(5px);
}

@media (max-width: 991px) {
.gserfo .box .gserfo_box .item {
margin: 0 0.3rem 0.3rem;
}
}

@media (max-width: 767px) {
.gserfo .box .gserfo_box .item {
width: 3.2rem;
height: 3.2rem;
margin: 0 0.2rem 0.2rem 0;
}
}

.gserfo .box .gserfo_box .item img {
width: 1rem;
height: 1rem;
}

@media (max-width: 767px) {
.gserfo .box .gserfo_box .item img {
width: 1.4rem;
height: 1.4rem;
}
}

.gserfo .box .gserfo_box .item p {
text-align: center;
padding: 0 0.2rem;
color: #fff;
}

@media (max-width: 1580px) {
.gserfo .box .gserfo_box .item p {
font-size: 14px;
}
}

.gserfi {
padding: 1.65rem 0 0.9rem;
}

@media (max-width: 767px) {
.gserfi {
padding: 1.2rem 0 1rem;
}
}

.gserfi .box {
display: flex;
justify-content: space-between;
}

@media (max-width: 767px) {
.gserfi .box {
flex-direction: column-reverse;
}
}

.gserfi .box .left {
width: 50%;
padding: 1rem 1rem 0 0;
}

@media (max-width: 767px) {
.gserfi .box .left {
width: 100%;
padding: 0.5rem 0 0;
}
}

.gserfi .box .left .txt {
margin-bottom: 1.1rem;
}

@media (max-width: 767px) {
.gserfi .box .left .txt {
margin-bottom: 0.6rem;
}
}

.gserfi .box .left .txt h2 {
font-weight: bold;
margin-bottom: 0.25rem;
line-height: 1;
}

.gserfi .box .left .txt p {
color: #666;
}

.gserfi .box .right {
width: 50%;
position: relative;
}

@media (max-width: 767px) {
.gserfi .box .right {
width: 100%;
}
}

.gserfi .box .right.on i {
right: -0.5rem;
bottom: -0.52rem;
}

.gserfi .box .right img {
position: relative;
z-index: 10;
width: 100%;
height: 5.48rem;
border-radius: 0.1rem;
}

.gserfi .box .right i {
display: block;
position: absolute;
width: calc(100% - 0.8rem);
height: 4.62rem;
border-radius: 0.1rem;
background: #faf1e8;
right: 0;
bottom: 0;
transition: all 0.8s;
}

@media (max-width: 767px) {
.gserfi .box .right i {
display: none;
}
}


/* 综合解决方案 */

.ginton {
padding: 1rem 0.8rem 0;
position: relative;
z-index: 10;
}

@media (max-width: 767px) {
.ginton {
padding: 1rem 0 0;
}
}

.ginton .box {
display: flex;
flex-wrap: wrap;
padding-bottom: 0.4rem;
}

.ginton .box .item {
position: relative;
width: calc((100% - 0.4rem)/3);
margin: 0 0.2rem 0.58rem 0;
border: 1px solid #e1e1e1;
border-radius: 0.1rem;
padding: 0.09rem 0.09rem 0.45rem;
transition: all 0.4s;
}

@media (max-width: 767px) {
.ginton .box .item {
width: 100%;
margin: 0 0 0.4rem 0;
}
}

.ginton .box .item:hover {
background: #fff;
border-color: transparent;
box-shadow: 0 0 0.51rem rgba(216, 209, 202, 0.32);
}

.ginton .box .item:nth-child(3n) {
margin-right: 0;
}

.ginton .box .item .img {
margin-bottom: 0.15rem;
}

.ginton .box .item .img .public-img {
border-radius: 0.1rem;
}

.ginton .box .item .img .public-img:before {
	padding-top: 50.57471264%;
}

.ginton .box .item .txt {
padding: 0 0.1rem;
}

.ginton .box .item .c-box {
position: absolute;
top: 0;
left: 0;
z-index: 10;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0);
pointer-events: none;
width: 1.2rem;
height: 1.2rem;
}

.ginton .box .item .c-box .but_on {
transition: all 0.4s;
margin-top: 0.31rem;
position: relative;
display: flex;
justify-content: center;
align-items: center;
z-index: 20;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #0071c9;
cursor: pointer;
}

.ginton .box .item .c-box .but_on .ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 90%;
	animation: rotate 10s linear infinite;
}

.ginton .box .item .c-box .but_on p {
	color: #fff;
}

@media (max-width: 767px) {
.ginton .box .item .c-box .but_on p {
font-size: 12px;
}
}

#hi-video-pop .hi-close:hover {
background: #0071c9;
}

.leaguebanner {
overflow: hidden;
}

.leaguebanner .bag::after {
content: '';
position: absolute;
background-image: url('../images/banner_bj2.png');
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-size: 100% 100%;
background-repeat: no-repeat;
}

@media (max-width: 767px) {
.leaguebanner .bag::after {
background-image: url('../images/banner_bj3.png');
}
}


/* 网站地图 */

.siteon {
padding: 1rem 0 0;
}

.siteon .box {
margin-top: 0.6rem;
}

.siteon .box .item {
	padding: 0.46rem 0 0.36rem;
	border-bottom: 1px solid #eeeeee;
	display: flex;
}

@media (max-width: 991px) {
.siteon .box .item {
flex-direction: column;
}
}

.siteon .box .item .g_l {
width: 20.57%;
flex-shrink: 0;
}

@media (max-width: 991px) {
.siteon .box .item .g_l {
width: 100%;
margin-bottom: 0.2rem;
}
}

.siteon .box .item .g_l a {
margin-bottom: 0.1rem;
}

.siteon .box .item .g_r {
display: flex;
flex-wrap: wrap;
}

.siteon .box .item .g_r li {
margin: 0 0.35rem 0.1rem 0;
}

.crumbs_pub {
width: 100%;
padding-bottom: 1rem;
position: relative;
overflow: hidden;
}

.crumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0.36rem 0;
}

.crumbs p {
display: flex;
align-items: center;
}

.crumbs p > a {
	margin-right: 0.16rem;
	color: #999;
}

@media (max-width: 767px) {
.crumbs p > a {
font-size: 14px;
margin-bottom: 0.05rem;
}
}

.crumbs p:last-child a {
color: #0071c9;
}

.crumbs p:last-child svg,
.crumbs p:last-child i {
display: none;
}

.crumbs p svg {
width: 6px;
height: auto;
margin-right: 0.16rem;
}

.crumbs p svg path {
fill: #999;
}

.crumbs p i {
font-style: initial;
opacity: 0.7;
color: #fff;
margin-right: 0.12rem;
}


/* 隐私政策 */

.prion {
padding: 0.55rem 0 0;
}

.prion .pub_title {
margin-bottom: 0.5rem;
}

.prion .pub_title h2 {
	margin-bottom: 0.18rem;
}

.prion .pub_title .g_p {
	display: flex;
	justify-content: center;
}

@media (max-width: 991px) {
.prion .pub_title .g_p {
flex-direction: column;
}
}

.prion .pub_title .g_p p {
width: auto;
color: #999;
margin: 0 0.2rem;
}

.prion .box {
margin-top: 0.54rem;
padding: 0 1rem;
}

@media (max-width: 991px) {
.prion .box {
padding: 0;
}
}

.prion .box p {
color: #666;
}

#logoImgSizs .public-img {
background: #FFF;
}

#logoImgSizs .public-img > img {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
margin-left: -85px;
width: 170px;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}

#logoImgSizs img {
width: 170px;
}

#udesk_container {
display: none;
}

.titHeight {
height: 100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 12px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}

.dropdown-menu.pull-right {
right: 0;
left: auto;
}

.dropdown-menu .divider {
height: 1px;
margin: 7.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}

.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed;
}

.open > .dropdown-menu {
display: block;
}

.open > a {
outline: 0;
}

.dropdown-menu-right {
left: auto;
right: 0;
}

.dropdown-menu-left {
left: 0;
right: auto;
}

.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}

.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}

.pull-right > .dropdown-menu {
right: 0;
left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}

@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}

.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}

.guide-tabs {
background: #fff;
}

.guide-tab-content {
background: #fff;
min-height: 400px;
padding: 16px 0.8rem;
margin-bottom: 0.8rem;
}

.guide-steps-content .swiper-slide {
counter-reset: guide-step3-number;
}

.guide-banner {
position: absolute !important;
width: 100%;
}

.guide-banner .bag::before {
padding-top: 16% !important;
}

.guide-banner .bag::after {
background-size: cover;
display: none;
}

@media (max-width: 1260px) {
}

.guide-banner .cont {
top: 40% !important;
font-size: 16px;
}

.guide-categroy {
display: grid;
flex-wrap: wrap;
gap: 40px;
row-gap: 40px;
padding: 24px;
grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1200px) {
.guide-categroy {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 992px) {
.guide-categroy {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 767px) {
.guide-categroy {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
padding: 20px !important;
}
}

.guide-categroy-item {
/* width: 22%; */
border: 1px solid #f5f5f5;
text-align: center;
height: 368px;
color: #ffffff;
border-radius: 8px;
flex: auto;
position: relative;
background: url('../images/zz-45.jpg') center center;
background-size: cover;
overflow: hidden;
}

.guide-categroy-item::before {
content: '';
background: linear-gradient(180deg, #433520 0%, #43352099 100%);
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
}

.guide-categroy-item:hover::before {
background: linear-gradient(180deg, #E2773C 0%, #ffab30b3 100%);
}

@media (max-width: 767px) {
.guide-categroy-item {
width: 100%;
height: 270px;
}
}

.guide-categroy-item-title {
font-size: 24px;
margin: 48px auto 24px;
background: #ffffff33;
font-size: 20px;
line-height: 28px;
display: inline-block;
padding: 10px;
border-radius: 24px;
position: relative;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 95%;
}

.guide-categroy-item-link {
display: block;
font-size: 16px;
line-height: 24px;
color: #fff;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 20px;
}

.guide-categroy-item-link:hover {
text-decoration: underline;
}

.guide-categroy-item-link.link-more {
display: none;
}

@media (max-width: 767px) {
.guide-categroy-item-link.link-more {
display: block;
position: absolute;
bottom: 16px;
left: 50%;
margin-left: -53px;
text-decoration: underline;
font-size: 14px;
}

.guide-categroy-item-link:nth-child(n+6):not(.link-more) {
display: none;
}
}


/* .guide-categroy-item-link:hover {
} */

.guide-collapse .guide-doc-box-title .layui-icon-triangle-d {
transform: rotate(180deg);
display: inline-block;
}

.guide-collapse .guide-doc-list {
display: none;
}

.guide-doc-box-title {
background: #FAF5F0;
color: #000000d9;
/* font-weight: bold; */
padding: 15px 16px;
font-size: 20px;
margin-bottom: 12px;
border-radius: 4px;
/* cursor: pointer; */
}

.guide-doc-box-title *,
.guide-doc-box-title *::after,
.guide-doc-box-title *::before,
.guide-doc-box-title {
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}

.guide-doc-box-title:hover {
	/* color: #fff; */
}

.guide-doc-list {
display: flex;
flex-direction: column;
row-gap: 10px;
padding: 16px 16px;
background: #FAFAFA;
}

.guide-doc-list a {
display: block;
color: #A57848;
}

.guide-doc-list a:hover {
	text-decoration: underline;
	color: #B97935;
}

.guide-doc-list a::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #A57848;
	vertical-align: middle;
	margin: 0 8px;
}

.guide-doc-wrap {
margin-right: 220px;
}

.guide-toc {
float: right;
width: 200px;
position: sticky;
top: 80px;
}

.guide-toc-title {
background: #F5F5F5;
color: #000000d9;
padding: 15px 16px;
font-size: 20px;
margin-bottom: 12px;
border-radius: 4px;
}

@media (max-width: 767px) {
.guide-doc-wrap {
margin-right: 0;
padding: 0 20px;
}

.guide-toc {
float: none;
position: relative;
width: auto;
top: 0;
margin: 4px 0;
padding: 0 20px;
}

.guide-toc-title {
display: none;
}

.guide-toc .toc > .toc-list {
display: flex;
white-space: nowrap;
gap: 16px;
scrollbar-width: none;
overflow-x: auto;
overflow-y: visible;
padding-left: 0;
}

.guide-toc .toc > .toc-list li {
	position: relative;
	padding: 6px 0;
}

.guide-toc .toc > .toc-list .toc-link::before {
	height: 2px;
	bottom: 0px;
	left: auto;
}

.guide-toc .toc > .toc-list .is-active-li .toc-link::before {
	width: 100%;
}

.guide-doc-box-title {
margin-bottom: 8px;
}

.guide-doc-box {
margin-bottom: 8px !important;
}
}

.guide-steps {
display: flex;
column-gap: 16px;
margin-right: 32px;
margin-top: 8px;
counter-reset: guide-step-number;
}

@media (max-width: 991px) {
.guide-steps {
/* flex-direction: column; */
margin: 8px 20px;
overflow: auto;
/* display: block; */
white-space: nowrap;
overflow-y: visible;
scrollbar-width: none;
}

.guide-steps::-webkit-scrollbar {
display: none;
}

.guide-steps .guide-steps-item::before,
.guide-steps .guide-steps-item::after {
display: none;
}

.guide-steps .guide-steps-item {
background: #FAF5F0;
padding: 12px;
display: inline-block;
flex: unset;
border-radius: 4px;
box-shadow: unset !important;
border: 1px solid #FAF5F0 !important;
}

.guide-steps-item-icon {
display: none !important;
}

.guide-steps-item-content,
.guide-steps-item-icon {
transform: unset !important;
margin-right: 0 !important;
line-height: 0;
}

.guide-steps-item-title {
white-space: nowrap;
color: #000000d9 !important;
}

.guide-steps-item-title::before {
counter-increment: guide-step-number;
content: "0"counter(guide-step-number);
	display: inline-block;
	margin-right: 8px;
}

.guide-steps-item-description {
width: 140px;
white-space: normal;
}

.guide-steps .guide-steps-item.on,
.guide-steps .guide-steps-item:hover {
background: #FAF5F0 !important;
border: 1px solid #A57848 !important;
}

.guide-steps-item-description {
color: #00000073 !important;
}
}

.guide-steps-item {
display: flex;
padding: 23px 16px;
align-items: center;
column-gap: 8px;
position: relative;
flex: 1;
flex-shrink: 9;
cursor: pointer;
}

.guide-steps-item:first-child {
background: #FAF5F0;
overflow: visible;
flex-shrink: 10;
border-radius: 4px;
}

.guide-steps-item:first-child .guide-steps-item-icon,
.guide-steps-item:first-child .guide-steps-item-content {
	transform: translateX(0);
}

.guide-steps-item::before,
.guide-steps-item::after {
content: '';
position: absolute;
left: 0px;
width: 100%;
height: 50%;
left: 22px;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
border-radius: 4px;
}

.guide-steps-item::before {
top: 1px;
left: 0;
/* border-top: 1px solid #FAF5F0;
border-right: 1px solid #FAF5F0;
border-left: 1px solid #FAF5F0; */
background: #FAF5F0;
-moz-transform: skew(35deg);
-webkit-transform: skew(35deg);
transform: skew(35deg);
transform-origin: top left;
border-bottom-left-radius: 0;
border-bottom-right-radius: 2px 4px;
border-top-right-radius: 2px;
}

.guide-steps-item::after {
bottom: 0;
left: 0;
/* border-left: 1px solid #FAF5F0;
border-right: 1px solid #FAF5F0;
border-bottom: 1px solid #FAF5F0; */
background: #FAF5F0;
-moz-transform: skew(-35deg);
-webkit-transform: skew(-35deg);
transform: skew(-35deg);
transform-origin: bottom right;
border-top-left-radius: 0;
border-top-right-radius: 2px 4px;
border-bottom-right-radius: 2px;
}

.guide-steps-item-content,
.guide-steps-item-icon {
position: relative;
z-index: 2;
transform: translateX(24px);
}

.guide-steps-item-content {
margin-right: -10px;
}

.guide-steps-item:first-child .guide-steps-item-content,
.guide-steps-item:first-child.guide-steps-item-icon {
transform: translateX(0);
}

.guide-steps-item-title {
color: #000000d9;
font-size: 14px;
line-height: 22px;
font-weight: bold;
}

.guide-steps-item-description {
color: #00000073;
font-size: 12px;
line-height: 20px;
margin-bottom: 0;
}

.guide-steps-item-icon {
width: 36px;
height: 36px;
display: flex;
flex: none;
background: #F4EAE1;
padding: 0 6px;
border-radius: 2px;
justify-content: center;
color: #A57848;
/* border: 1px solid #0071c9; */
}

.guide-steps-item-icon::before {
counter-increment: guide-step-number;
content: "0"counter(guide-step-number);
font-family: Bebas Neue;
font-size: 20px !important;
font-weight: 400;
line-height: 36px;
}

.guide-steps-item.on {
color: #0071c9;
}

.guide-steps-item:first-child.on,
.guide-steps-item:first-child:hover {
background: #A57848;
}

.guide-steps-item.on::before,
.guide-steps-item.on::after {
background: #A57848;
border: none;
}

.guide-steps-item.on .guide-steps-item-title,
.guide-steps-item.on .guide-steps-item-description,
.guide-steps-item:hover .guide-steps-item-title,
.guide-steps-item:hover .guide-steps-item-description {
color: #fff;
}

.guide-steps-item:first-child:not(.on):hover {
box-shadow: 1px 1px inset #A57848;
border-right: none;
}

.guide-steps-item:not(.on):hover::before,
.guide-steps-item:not(.on):hover::after {
/* border:none; */
background-color: #A57848;
}

.guide-doc-box {
margin: 0 0 24px;
}

.guide-doc-box p {
white-space: pre-line;
}

.guide-doc-box .guide-doc-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 12px;
color: #000000d9;
background: #FAF5F0;
padding: 15px 16px;
margin-top: 72px;
position: relative;
}

.guide-doc-box .guide-doc-title::before {
	counter-increment: guide-step3-number;
	position: absolute;
	content: 'step' counter(guide-step3-number);
font-family: 'YouSheBiaoTiHei';
	font-size: 64px;
	color: #F6AE48;
	opacity: 0.3;
	left: 0;
	top: -70px;
	font-weight: normal;
}

.guide-doc-content br + h2,
.guide-doc-content p + h2 {
margin-top: 8px;
}


/* p + .guide-doc-btns, span + .guide-doc-btns {
margin-top: 16px;
} */

.guide-doc-btns a {
color: #0071c9;
margin-right: 8px;
margin-top: 8px;
white-space: nowrap;
display: inline-block;
}

.guide-doc-content {
background: #FAFAFA;
padding: 20px 20px 20px 34px;
margin-bottom: 13px;
position: relative;
line-height: 22px;
font-size: 14px;
}

.guide-doc-content::before {
content: '';
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
border-left: 2px dotted #A57848;
}

.guide-doc-content h2 {
font-weight: bold;
display: inline-block;
}

.guide-doc-content .guide-btn {
padding: 6px 16px;
border-radius: 16px;
border: 1px solid #D9D9D9;
background: #FFF;
box-shadow: 0 2px 0 0 #00000005;
color: #000000d9;
font-size: 14px;
line-height: 22px;
}

.guide-doc-content .guide-btn:hover {
	border: 1px solid #A57848;
	color: #A57848;
}

.guide-doc-content .guide-btn.btn-primary {
	border: #A57848;
	background: #A57848;
	box-shadow: 0 2px 0 0 #0000000a;
	color: #fff;
}

	.guide-doc-content .guide-btn.btn-primary:hover {
		border: #0071c9;
		background: #0071c9;
		color: #fff;
	}

.doc-container {
background: #fff;
min-height: 360px;
padding: 16px 0.8rem;
margin-bottom: 16px;
position: relative;
}

.doc-container .doc-content {
margin-left: 240px;
}

.doc-container .doc-toc {
width: 220px;
float: left;
position: sticky;
top: 80px;
}

.doc-container.toc-collapse .doc-content {
margin-left: 40px;
}

.doc-container.toc-collapse .doc-toc {
width: 20px;
}

.doc-container.toc-collapse .toc {
display: none;
}

.doc-container.toc-collapse .doc-toc .icon-doubleright {
display: block;
}

.doc-container.toc-collapse .doc-toc .icon-doubleleft {
display: none;
}

.doc-container img[src] {
cursor: pointer;
}

.doc-toc-pin .icon-doubleright {
display: none;
}

.doc-toc-pin {
display: block;
padding-top: 10px;
padding-bottom: 6px;
cursor: pointer;
}

.doc-toc-pin:hover {
color: #A57848;
}

@media (max-width: 767px) {
.doc-container .doc-content {
margin-left: 0;
}

.doc-container .doc-toc {
display: none;
}
}

.guide-tabs > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
}

.guide-tabs > .swiper-wrapper::-webkit-scrollbar {
display: none;
}

@media (max-width: 767px) {
.guide-box {
margin-top: 16vw !important;
}
/* .guide-banner .cont {
top: 40px !important;
} */
.guide-box > .container {
	margin: 0;
	width: 100%;
}

.guide-tabs {
padding: 0 20px;
}

.guide-tab-content {
padding: 0;
}

.guide-doc-box .guide-doc-title::before {
font-size: 32px;
top: -44px;
left: 20px;
}

.guide-doc-box .guide-doc-title {
margin-top: 44px;
}
}

.calculationTools {
background: #f8f8f8;
width: 34%;
padding: 50px 80px;
}

.queryRelated p {
margin-top: 30px;
}

.queryRelated p a {
text-decoration: underline;
}

.queryRelated p a:hover {
	color: #0071c9;
}

.winitd-btn-primary {
background: #a57848;
border-color: #a57848;
box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
border-radius: 2px;
font-size: 18px;
padding: 6px 22px;
}

.winitd-btn-primary:hover {
background: #b3926b;
border-color: #b3926b;
color: #fff;
}

#position_demoposition {
display: flex;
justify-content: center;
margin-top: 0.13rem;
width: 0.6rem;
height: 0.6rem;
background: url('../images/coze_logo.png');
background-size: cover;
position: relative;
box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.06) !important;
border-radius: 50%;
}

#position_demoposition [alt="logo"] {
width: 0.6rem;
display: block;
height: auto !important;
position: absolute;
top: 0;
}

@media (max-width: 1580px) {
#position_demoposition,
#position_demoposition [alt="logo"] {
width: 0.7rem;
height: 0.7rem;
}
}


/*风险提示*/

.notice {
position: fixed;
bottom: 16px;
right: 0;
margin: 0 13px;
max-width: 572px;
z-index: 1000;
background: #A57848;
border-radius: 4px;
color: #fff;
display: none;
}

.notice a {
text-decoration: underline;
}

.notice-header {
/* border-bottom: 1px solid #000; */
/* height: 40px; */
font-size: 16px;
padding: 16px 16px 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}

.notice-body {
/* height: 300px; */
padding: 0 16px 16px 24px;
/* overflow-y: auto; */
font-size: 14px;
line-height: 22px;
}

.notice-body a {
color: #fff;
}

.notice-btn {
background: #FFF;
border: 1px solid rgba(217, 217, 217, 1);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
border-radius: 2px;
padding: 0 8px;
color: rgba(0, 0, 0, 0.85);
line-height: 22px;
}

@charset "utf-8";

@font-face {
font-family: 'shu';
src: url('../font/OpenSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.clear {
zoom: 1;
}

.clear:after {
content: '';
display: block;
clear: both;
}


/* 面包屑 */

.breadbox .fcont {
display: flex;
align-items: center;
padding: 0.3rem 0;
}

@media (max-width: 1580px) {
}

@media (max-width: 991px) {
.breadbox .fcont {
padding: 12px 0;
}
}

.breadbox .fcont a,
.breadbox .fcont span {
transition: all 0.4s;
font-size: 16px;
flex: 0 0 auto;
line-height: 26px;
color: #999999;
zoom: 1;
}

@media (max-width: 1580px) {
.breadbox .fcont a,
.breadbox .fcont span {
font-size: 14px;
line-height: 24px;
}
}

.breadbox .fcont a:after,
.breadbox .fcont span:after {
content: '';
display: block;
clear: both;
}

.breadbox .fcont a img,
.breadbox .fcont span img,
.breadbox .fcont a svg,
.breadbox .fcont span svg {
float: left;
position: relative;
top: 13px;
margin-top: -9px;
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 8px;
}

@media (max-width: 1580px) {
.breadbox .fcont a img,
.breadbox .fcont span img,
.breadbox .fcont a svg,
.breadbox .fcont span svg {
width: 14px;
height: 14px;
top: 12px;
margin-top: -8px;
}
}

.breadbox .fcont a img path,
.breadbox .fcont span img path,
.breadbox .fcont a svg path,
.breadbox .fcont span svg path {
fill: #999999;
filter: none;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}

.breadbox .fcont span {
margin: 0 10px;
display: flex;
align-items: center;
justify-content: center;
height: auto;
flex: 0 0 auto;
width: 10px;
height: 10px;
}

@media (max-width: 1580px) {
.breadbox .fcont span {
margin: 0 8px;
}
}

@media (max-width: 991px) {
.breadbox .fcont span {
margin: 0 6px;
}
}

.breadbox .fcont span svg {
display: block;
width: 100%;
height: 100%;
top: 0;
margin: 0;
object-fit: contain;
}

.breadbox .fcont span svg path {
fill: #999999;
filter: none;
}

.breadbox .fcont a:hover {
color: #0071c9;
}

.breadbox .fcont a:hover svg path {
fill: #0071c9;
}

.breadbox .fcont .on {
flex: 1 1 auto;
color: #333333;
}

.breadbox .fcont a:last-child {
color: #333333;
flex: 1 1 auto;
}

@media (max-width: 991px) {
.breadbox .fcont a:last-child {
max-width: 36%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}

@media (max-width: 375px) {
.breadbox .fcont a:last-child {
max-width: 30%;
}
}

.breadbox .fcont .wofe {
display: flex;
}

.breadbox .fcont .wofe .li {
display: flex;
align-items: flex-start;
padding: 0 6px;
border: 1px solid #4070f4;
line-height: 24px;
font-size: 14px;
color: #0071c9;
}

.breadbox .fcont .wofe .li a {
	line-height: 1;
}


/* End */


/* 共用小导航 */

.public-fnav {
width: 100%;
position: relative;
}

.public-fnav .f_cont {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0.8rem;
position: relative;
}

@media (max-width: 767px) {
.public-fnav .f_cont {
padding: 0;
}
}

.public-fnav .f_cont:before {
content: "";
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
bottom: 0;
width: calc(100% - 1.6rem);
height: 1px;
background-color: #f5f5f5;
}

@media (max-width: 767px) {
.public-fnav .f_cont:before {
display: none;
}
}

.public-fnav .f_cont .lt {
max-width: 70%;
position: relative;
z-index: 2;
}

@media (max-width: 767px) {
.public-fnav .f_cont .lt {
max-width: 100%;
width: 100%;
}
}

@media (max-width: 767px) {
.public-fnav .f_cont .lt:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #f5f5f5;
}
}

.public-fnav .f_cont .lt .swiper-container {
width: 100%;
}

.public-fnav .f_cont .lt .swiper-container .swiper-slide {
width: auto;
margin-right: 0.4rem;
}

.public-fnav .f_cont .lt .swiper-container .swiper-slide .item {
	display: block;
	color: #333333;
	position: relative;
	transition: all 0.4s;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	padding: 0.32rem 0.1rem;
	-webkit-transition: all 0.4s;
}

	.public-fnav .f_cont .lt .swiper-container .swiper-slide .item:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0;
		bottom: 0;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		height: 3px;
		background-color: #0071c9;
	}

.public-fnav .f_cont .lt .swiper-container .on .item {
color: #0071c9;
font-size: 16px;
}

.public-fnav .f_cont .lt .swiper-container .on .item:before {
	width: 100%;
}

@media (max-width: 767px) {
.public-fnav .f_cont .gt {
width: 100%;
display: none;
}
}


/* 邑联盟 */

.leaguebanner {
position: relative;
}

.leaguebanner .bag {
position: relative;
}

.leaguebanner .bag img {
	width: 100%;
}

	.leaguebanner .bag img:nth-child(2) {
		display: none;
	}

@media (max-width: 767px) {
.leaguebanner .bag img {
display: none;
}

.leaguebanner .bag img:nth-child(2) {
	display: block;
}
}

.leaguebanner .bag:before {
	padding-top: 36.583333%;
}

@media (max-width: 1260px) {
.leaguebanner .bag:before {
padding-top: 46%;
}
}

@media (max-width: 767px) {
.leaguebanner .bag:before {
padding-top: 86.66666667%;
}
}

.leaguebanner .container {
position: relative;
}

.leaguebanner .cont {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 2;
width: 100%;
color: #ffffff;
}

@media (max-width: 1580px) {
.leaguebanner .cont {
top: 42%;
}
}

.leaguebanner .cont .font {
/* max-width: 5.5rem; */
padding-right: 3rem;
}

@media (max-width: 767px) {
.leaguebanner .cont .font {
max-width: 100%;
padding-right: 0;
}
}

.leaguebanner .cont .font .f_tit {
font-weight: bold;
}

.leaguebanner .cont .font .text {
margin-top: 0.12rem;
line-height: 1.5;
letter-spacing: 0.04rem;
}

@media (max-width: 767px) {
.leaguebanner .cont .font .text p br {
display: none;
}
}

.leaguebanner .cont .font .fz_text {
margin-top: 0.12rem;
line-height: 1.5;
letter-spacing: 0.04rem;
}

@media (max-width: 767px) {
.leaguebanner .cont .font .fz_text p br {
display: none;
}
}

.leaguebanner .cont .x-wx {
position: absolute;
right: 0;
top: -0.2rem;
z-index: 5;
}

@media (max-width: 1580px) {
.leaguebanner .cont .x-wx {
top: 0;
}
}

@media (max-width: 767px) {
.leaguebanner .cont .x-wx {
display: none;
}
}

.leaguebanner .cont .x-wx .x-img {
width: 1.4rem;
height: 1.4rem;
padding: 0.1rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}

.leaguebanner .cont .x-wx .x-img img {
width: 1.3rem;
height: 1.3rem;
object-fit: contain;
}

.leaguebanner .cont .x-wx p {
text-align: center;
color: #fff;
margin-top: 0.05rem;
}

.leaguebox-sec1 {
margin-top: -50px;
position: relative;
z-index: 101;
}

@media (max-width: 1580px) {
.leaguebox-sec1 {
margin-top: -0.96rem;
}
}

@media (max-width: 767px) {
.leaguebox-sec1 {
margin-top: 0;
}
}

.leaguebox-sec1 .public-fnav {
z-index: 2;
}

.leaguebox-sec1 > .container {
max-width: 1560px;
position: relative;
}

.leaguebox-sec1 > .container:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.2rem;
background: url(../images/home15.png) no-repeat;
background-position: top;
border-radius: 0.1rem 0.1rem 0 0;
box-shadow: 0px 0px 0.3rem 0px rgba(174, 95, 13, 0.05);
}

@media (max-width: 767px) {
.leaguebox-sec1 > .container:before {
background: none;
}
}

.leaguebox-sec1 .f_jut {
padding: 0.9rem 0 1.32rem;
position: relative;
}

.leaguebox-sec1 .f_jut .f_tit {
text-align: center;
color: #1a1a1a;
font-weight: bold;
margin-bottom: 0.54rem;
}

.leaguebox-sec1 .f_jut .homesi {
overflow: hidden;
margin-bottom: 0.8rem;
}

.leaguebox-sec1 .f_jut .homesi .box .item .img {
	flex: 0 0 auto;
	background: #fff;
}

.leaguebox-sec1 .f_jut .homesi .box .bj1 {
	background: linear-gradient(270deg, #fcfbf9 20.45%, hsla(0, 0%, 100%, 0));
}

.leaguebox-sec1 .f_jut .homesi .box .bj2 {
	background: linear-gradient(270deg, #fcfbf9 20.45%, hsla(0, 0%, 100%, 0));
}

.leaguebox-sec1 .f_jut .f_but {
display: flex;
justify-content: center;
}

.leaguebox-sec1 .f_jut .f_but .pub_a {
	margin: 0 0.1rem;
}

@media (max-width: 767px) {
.leaguebox-sec1 .f_jut .f_but .pub_a {
margin: 0 0.2rem;
}
}

.leaguebox-sec2 {
overflow: hidden;
background-color: #f6f6f6;
padding: 1.1rem 0 1.2rem;
}

.leaguebox-sec2 .fz_tit {
text-align: center;
margin-bottom: 0.5rem;
color: #1a1a1a;
font-weight: bold;
}

.leaguebox-sec2 .leaguebox2_cont {
margin: 0 -0.3rem;
}

@media (max-width: 767px) {
.leaguebox-sec2 .leaguebox2_cont {
margin: 0 -0.2rem;
}
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide {
padding: 0 0.3rem;
}

@media (max-width: 767px) {
.leaguebox-sec2 .leaguebox2_cont .swiper-slide {
padding: 0 0.2rem;
}
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item {
display: block;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list {
display: block;
border-radius: 0.1rem 0.1rem 0 0;
overflow: hidden;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .img:before {
	padding-top: 56.33802817%;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .img .flabel {
	background-color: rgba(198, 134, 67, 0.72);
	border-radius: 14px;
	border: solid 1px #0071c9;
	padding: 4px 0.2rem;
	border-radius: 0.16rem;
	color: #ffffff;
	position: absolute;
	top: 0.18rem;
	left: 0.2rem;
	z-index: 2;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font {
	border-radius: 0px 0px 0.1rem 0.1rem;
	border: solid 1px #d7d7d7;
	padding: 0.26rem 0.7rem 0.38rem 0.2rem;
}

	.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_tit {
		color: #333333;
		line-height: 1.41666667;
		margin-bottom: 0.12rem;
	}

	.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut {
		margin-bottom: 0.3rem;
	}

		.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li {
			display: flex;
			align-items: center;
			color: #999999;
			margin-bottom: 4px;
		}

			.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li:last-child {
				margin-bottom: 0;
			}

			.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li img {
				width: 16px;
				height: auto;
			}

@media (max-width: 1580px) {
.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li img {
width: 14px;
}
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li span {
display: block;
width: 80%;
width: calc(100% - 16px);
padding-left: 8px;
}

@media (max-width: 1580px) {
.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list .font .f_jut .li span {
padding-left: 6px;
width: calc(100% - 14px);
}
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list:hover .img img {
transform: scale(1.04);
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list:hover .font .pub_a {
background: #0071c9;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list:hover .font .pub_a p {
color: #fff;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list:hover .font .pub_a svg {
left: 0.07rem;
}

.leaguebox-sec2 .leaguebox2_cont .swiper-slide .item .list:hover .font .pub_a svg path {
	fill: #fff;
}

.leaguebox-sec2 .f_but {
display: flex;
justify-content: center;
margin-top: 0.6rem;
}

.leaguebox-sec2 .f_but .pub_a {
margin: 0 0.1rem;
}

@media (max-width: 767px) {
.leaguebox-sec2 .f_but .pub_a {
margin: 0 0.2rem;
}
}

.leaguebox-sec3 {
padding-top: 1.4rem;
}

.leaguebox-sec3 .f_but {
width: 100%;
display: none;
align-items: center;
justify-content: center;
margin-top: 0.4rem;
}

@media (max-width: 767px) {
.leaguebox-sec3 .f_but {
display: flex;
}
}

.leaguebox-sec3 .f_but .pub_a {
margin: 0 0.2rem;
}

.leaguebox-sec3 .fz_font {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.46rem;
}

.leaguebox-sec3 .fz_font .f_tit {
color: #1a1a1a;
font-weight: bold;
}

@media (max-width: 767px) {
.leaguebox-sec3 .fz_font .f_tit {
width: 100%;
text-align: center;
}
}

.leaguebox-sec3 .fz_font .f_but {
display: flex;
width: auto;
margin: 0;
}

@media (max-width: 767px) {
.leaguebox-sec3 .fz_font .f_but {
display: none;
}
}

.leaguebox-sec3 .fz_font .f_but .pub_a {
margin: 0;
margin-right: 0.2rem;
}

.leaguebox-sec3 .fz_font .f_but .pub_a:last-child {
margin-right: 0;
}

.leaguebox-sec3 .cont {
display: flex;
flex-wrap: wrap;
margin: 0 -0.15rem;
}

@media (max-width: 767px) {
.leaguebox-sec3 .cont {
width: 100%;
margin: 0;
}
}

.leaguebox-sec3 .cont .lt,
.leaguebox-sec3 .cont .gt {
width: 50%;
padding: 0 0.15rem;
}

@media (max-width: 767px) {
.leaguebox-sec3 .cont .lt,
.leaguebox-sec3 .cont .gt {
padding: 0;
width: 100%;
}
}

@media (max-width: 767px) {
.leaguebox-sec3 .cont .lt {
margin-bottom: 0.3rem;
}
}

.leaguebox-sec3 .cont .lt .item {
display: block;
border-radius: 0.1rem 0.1rem 0 0;
overflow: hidden;
}

.leaguebox-sec3 .cont .lt .item .img:before {
padding-top: 56.43274854%;
}

.leaguebox-sec3 .cont .lt .item .img:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
z-index: 1;
opacity: 0.3;
}

.leaguebox-sec3 .cont .lt .item .img .f_vidoe {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 1.2rem;
height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
z-index: 2;
}

.leaguebox-sec3 .cont .lt .item .img .f_vidoe:before {
content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: rote360deg 20s linear infinite;
	background: url(../images/yuanpandimg1.png) center / 100% 100% no-repeat;
}

.leaguebox-sec3 .cont .lt .item .img .f_vidoe svg,
.leaguebox-sec3 .cont .lt .item .img .f_vidoe img {
	position: relative;
	width: 0.32rem;
	height: 0.32rem;
	object-fit: contain;
	margin-left: 0.1rem;
}

	.leaguebox-sec3 .cont .lt .item .img .f_vidoe svg path,
	.leaguebox-sec3 .cont .lt .item .img .f_vidoe img path {
		fill: #ffffff;
	}

.leaguebox-sec3 .cont .lt .item .font {
border-radius: 0px 0px 10px 10px;
border: solid 1px #d7d7d7;
padding: 0.36rem 1.28rem 0.34rem 0.3rem;
}

@media (max-width: 1260px) {
.leaguebox-sec3 .cont .lt .item .font {
padding-right: 0.8rem;
}
}

@media (max-width: 767px) {
.leaguebox-sec3 .cont .lt .item .font {
padding: 0.36rem 0.26rem;
}
}

.leaguebox-sec3 .cont .lt .item .font .f_tit {
color: #333333;
line-height: 1.30769231;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 2.61538462em;
margin-bottom: 0.2rem;
transition: all 0.4s;
}

.leaguebox-sec3 .cont .lt .item .font .f_time {
color: #999999;
}

.leaguebox-sec3 .cont .lt .item:hover .img img {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}

.leaguebox-sec3 .cont .lt .item:hover .font h3 {
color: #0071c9;
}

.leaguebox-sec3 .cont .gt {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.leaguebox-sec3 .cont .gt .item {
display: flex;
align-items: center;
padding: 0.18rem 0.2rem;
border-radius: 10px;
border: solid 1px #d7d7d7;
margin-bottom: 0.2rem;
}

@media (max-width: 767px) {
.leaguebox-sec3 .cont .gt .item {
margin-bottom: 0.3rem;
}
}

.leaguebox-sec3 .cont .gt .item:last-child {
margin-bottom: 0;
}

.leaguebox-sec3 .cont .gt .item .img {
width: 37.5%;
border-radius: 0.1rem;
}

.leaguebox-sec3 .cont .gt .item .img:before {
padding-top: 56.66666667%;
}

.leaguebox-sec3 .cont .gt .item .font {
width: 62.5%;
padding-left: 0.3rem;
}

.leaguebox-sec3 .cont .gt .item .font .f_tit {
margin-bottom: 0.22rem;
color: #333333;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 2.8em;
line-height: 1.4;
transition: all 0.4s;
}

@media (max-width: 991px) {
.leaguebox-sec3 .cont .gt .item .font .f_tit {
margin-bottom: 0.1rem;
}
}

.leaguebox-sec3 .cont .gt .item .font .f_time {
color: #999999;
}

.leaguebox-sec3 .cont .gt .item:hover .img img {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}

.leaguebox-sec3 .cont .gt .item:hover .font h3 {
color: #0071c9;
}

.leaguebox-sec4 {
padding-top: 1.4rem;
}

.leaguebox-sec4 .item {
display: flex;
flex-wrap: wrap;
position: relative;
border-radius: 0.2rem;
overflow: hidden;
}

.leaguebox-sec4 .item:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 110%;
	z-index: 1;
	background: url(../images/yaqingimgfba1.png) right top / auto 100% no-repeat;
}

@media (max-width: 991px) {
.leaguebox-sec4 .item:after {
right: -10%;
height: 100%;
}
}

@media (max-width: 767px) {
.leaguebox-sec4 .item:after {
display: none;
}
}

.leaguebox-sec4 .item .img {
width: 60.14%;
}

@media (max-width: 991px) {
.leaguebox-sec4 .item .img {
width: 50%;
}
}

@media (max-width: 767px) {
.leaguebox-sec4 .item .img {
width: 100%;
}
}

.leaguebox-sec4 .item .img:before {
padding-top: 59.3824228%;
}

.leaguebox-sec4 .item .font {
width: 39.86%;
position: relative;
z-index: 2;
padding: 1rem 1.34rem;
padding-left: 0.2rem;
}

@media (max-width: 991px) {
.leaguebox-sec4 .item .font {
width: 50%;
padding-right: 0.6rem;
}
}

@media (max-width: 767px) {
.leaguebox-sec4 .item .font {
width: 100%;
padding: 0.36rem 0.26rem;
border: solid 1px #d7d7d7;
border-radius: 0 0 0.2rem 0.2rem;
}
}

.leaguebox-sec4 .item .font .f_tit {
font-weight: bold;
color: #000000;
margin-bottom: 0.12rem;
}

.leaguebox-sec4 .item .font .text {
line-height: 1.5;
color: #666666;
margin-bottom: 0.54rem;
}

.leaguebox-sec4 .item:hover .img img {
transform: scale(1.04);
}

.leaguebox-sec4 .item:hover .font .pub_a {
background: #0071c9;
}

.leaguebox-sec4 .item:hover .font .pub_a p {
color: #fff;
}

.leaguebox-sec4 .item:hover .font .pub_a svg {
left: 0.07rem;
}

.leaguebox-sec4 .item:hover .font .pub_a svg path {
	fill: #fff;
}

@keyframes rote360deg {
from {
transform: rotate(0);
-webkit-transform: rotate(0);
}

to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}


/* End */


/* 走进万邑通 */

.aboutbanner .cont .font {
max-width: initial;
}

.aboutbox-sec1 {
position: relative;
padding: 1.2rem 0 0;
}

.aboutbox-sec1 .abt_font {
text-align: center;
max-width: 10rem;
margin: 0 auto 0.5rem;
}

@media (max-width: 1580px) {
.aboutbox-sec1 .abt_font {
max-width: 14rem;
}
}

@media (max-width: 767px) {
.aboutbox-sec1 .abt_font {
max-width: 100%;
}
}

.aboutbox-sec1 .abt_font .f_tit {
color: #1a1a1a;
font-weight: bold;
margin-bottom: 0.3rem;
}

.aboutbox-sec1 .abt_font .text {
color: #505050;
line-height: 1.66666667;
text-align: left;
text-indent: 2em;
}

.aboutbox-sec1 .f_cont {
margin: 0 auto 0.76rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

@media (max-width: 991px) {
.aboutbox-sec1 .f_cont {
margin-bottom: 0.5rem;
}
}

.aboutbox-sec1 .f_cont .li {
margin-right: 1rem;
width: 16%;
}

@media (max-width: 1580px) {
.aboutbox-sec1 .f_cont .li {
margin-right: 0.6rem;
}
}

@media (max-width: 991px) {
.aboutbox-sec1 .f_cont .li {
width: 50%;
margin-right: 0;
padding: 0 0.26rem;
margin-bottom: 0.26rem;
text-align: center;
}
}

.aboutbox-sec1 .f_cont .li .shu {
line-height: 1;
color: #0071c9;
font-family: 'Source Han Sans CN', 'Source Han Sans TW', 'Source Han Sans KR', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK HK', 'Noto Sans CJK', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans HK', sans-serif;
display: flex;
align-items: flex-end;
margin-bottom: 0.2rem;
}

@media (max-width: 991px) {
.aboutbox-sec1 .f_cont .li .shu {
justify-content: center;
}
}

.aboutbox-sec1 .f_cont .li .shu span {
line-height: 0.8;
display: block;
}

.aboutbox-sec1 .f_cont .li .shu span:nth-child(2) {
margin-bottom: 0.16rem;
}

@media (max-width: 767px) {
.aboutbox-sec1 .f_cont .li .shu span:nth-child(2) {
margin-bottom: 0.12rem;
}
}

.aboutbox-sec1 .f_cont .li .f_text {
color: #515151;
}

.aboutbox-sec1 .f_play {
max-width: 14rem;
margin: 0 auto;
border-radius: 0.2rem;
position: relative;
overflow: hidden;
}

@media (max-width: 767px) {
.aboutbox-sec1 .f_play {
max-width: 100%;
}
}

.aboutbox-sec1 .f_play .img {
transition: all 0.4s;
}

.aboutbox-sec1 .f_play .img:before {
padding-top: 55.55555556%;
}

.aboutbox-sec1 .f_play .img:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-color: #000000; */
z-index: 1;
opacity: 0.3;
}

.aboutbox-sec1 .f_play .img video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.aboutbox-sec1 .f_play .fzq_video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: all 0.4s;
}

.aboutbox-sec1 .f_play .fzq_video:after {
opacity: 0;
display: none;
}

.aboutbox-sec1 .f_play .f_vidoe {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 1.2rem;
height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
z-index: 2;
transition: 0.4s ease-in-out;
}

@media (max-width: 767px) {
.aboutbox-sec1 .f_play .f_vidoe {
display: none;
}
}

.aboutbox-sec1 .f_play .f_vidoe:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
animation: rote360deg 20s linear infinite;
background: url(../images/yuanpandimg1.png) center / 100% 100% no-repeat;
}

.aboutbox-sec1 .f_play .f_vidoe svg,
.aboutbox-sec1 .f_play .f_vidoe img {
position: relative;
width: 0.32rem;
height: 0.32rem;
object-fit: contain;
margin-left: 0.1rem;
}

.aboutbox-sec1 .f_play .f_vidoe svg path,
.aboutbox-sec1 .f_play .f_vidoe img path {
fill: #ffffff;
}

.aboutbox-sec1 .f_play .f_vidoe:hover {
transform: translate(-50%, -50%) scale(0.9);
-webkit-transform: translate(-50%, -50%) scale(0.9);
}

.aboutbox-sec1 .f_play.on .img {
opacity: 0;
}

.aboutbox-sec1 .f_play.on .fzq_video {
opacity: 1;
}

.aboutbox-sec1 .f_play.on .f_vidoe {
display: none;
}

.aboutbox-sec2 {
padding: 1.32rem 0 1.12rem;
background-color: #ffffff;
overflow: hidden;
}

.aboutbox-sec2 .fz_title {
margin-bottom: 0.64rem;
text-align: center;
font-weight: bold;
color: #1a1a1a;
}

.aboutbox-sec2 .box .hometw_box {
position: relative;
}

.aboutbox-sec2 .box .hometw_box .right {
	margin-left: -6.42857143%;
}

@media (max-width: 991px) {
.aboutbox-sec2 .box .hometw_box .right {
order: 1;
margin-bottom: 0.4rem;
}
}

.aboutbox-sec2 .box .hometw_box .right .r_box .item .g_dian:after {
animation: moveq3 3s infinite linear;
-webkit-animation: moveq3 3s infinite linear;
opacity: 0.3;
}

.aboutbox-sec2 .box .hometw_box .right .r_box .item:hover .g_p {
color: #0071c9;
}

.aboutbox-sec2 .box .hometw_box .f_gt {
width: 100%;
}

@media (min-width: 992px) {
.aboutbox-sec2 .box .hometw_box .f_gt {
position: absolute;
right: -4%;
top: 0;
width: 32.57%;
}
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont {
width: 100%;
padding: 0.9rem 0.26rem 0.3rem;
margin-top: -0.5rem;
}

@media (max-width: 991px) {
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont {
overflow: visible;
padding: 0;
margin-top: 0;
}
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .swiper-slide {
background-color: #ffffff;
box-shadow: 6px 2px 0.2rem 0px rgba(50, 51, 51, 0.15);
border-radius: 4px;
}

@media (max-width: 991px) {
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .swiper-slide {
background-color: #ffffff;
box-shadow: 6px 2px 0.2rem 0px rgba(50, 51, 51, 0.15);
border-radius: 4px;
}
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .g_tit {
height: 0.65rem;
display: flex;
align-items: center;
position: relative;
background: #0071c9;
border-radius: 4px 4px 0 0;
padding: 0 1.4rem 0 0.12rem;
}

@media (max-width: 1580px) {
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .g_tit {
height: 0.85rem;
}
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .g_tit h3 {
color: #fff;
flex-shrink: 0;
font-weight: bold;
width: 100%;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .g_tit img {
width: 1.36rem;
height: auto;
position: absolute;
bottom: 20%;
/* transform: translateY(-50%); */
right: 0.1rem;
}

@media (max-width: 1580px) {
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .g_tit img {
/* top: 51.5%; */
width: 1.8rem;
}
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font {
padding: 0.18rem 0.3rem 0.36rem;
width: 100%;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_tit {
color: #333333;
margin-bottom: 0.16rem;
font-weight: bold;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store,
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store2 {
color: #666666;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store p,
.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store2 p {
	position: relative;
	padding-left: 10px;
}

	.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store p:before,
	.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store2 p:before {
		content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0.75em;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #666666;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store {
margin-bottom: 0.22rem;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store2 {
color: #333333;
margin-bottom: 0.16rem;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_store2 p:before {
background-color: #333333;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_text {
color: #000000;
margin-bottom: 0.26rem;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_img {
display: block;
position: relative;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_img .img {
/* background-color: #000000; */
}

	.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_img .img:before {
		padding-top: 44.11764706%;
	}

	.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_img .img img {
		opacity: 0.8;
	}

.aboutbox-sec2 .box .hometw_box .f_gt .aboutbox2_cont .font .f_img .name {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	padding: 0 0.2rem;
	text-align: center;
	color: #ffffff;
	z-index: 2;
}

.aboutbox-sec2 .f_but {
display: flex;
justify-content: center;
margin-top: 0.6rem;
}

.aboutbox-sec2 .f_but .pub_a {
margin: 0 0.1rem;
}

@media (max-width: 767px) {
.aboutbox-sec2 .f_but .pub_a {
margin: 0 0.2rem;
}
}

.aboutbox-sec3 {
background: url(../images/chengzhiguimg1.jpg) center / cover no-repeat;
padding: 1.3rem 0 0.82rem;
}

.aboutbox-sec3 .fz_title {
text-align: center;
color: #333333;
font-weight: bold;
margin-bottom: 0.8rem;
}

@media (max-width: 767px) {
.aboutbox-sec3 .fz_title {
margin-bottom: 0.6rem;
}
}

.aboutbox-sec3 .aboutbox3_cont {
width: 100%;
margin-bottom: 0.92rem;
}

@media (max-width: 767px) {
.aboutbox-sec3 .aboutbox3_cont {
margin-bottom: 0.2rem;
}
}

.aboutbox-sec3 .aboutbox3_cont .item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.aboutbox-sec3 .aboutbox3_cont .item .img {
width: 43.5714%;
}

@media (max-width: 767px) {
.aboutbox-sec3 .aboutbox3_cont .item .img {
width: 100%;
}
}

.aboutbox-sec3 .aboutbox3_cont .item .img:before {
padding-top: 62.29508197%;
}

.aboutbox-sec3 .aboutbox3_cont .item .font {
width: 56.4286%;
position: relative;
padding: 0.58rem 0 0 0.98rem;
}

@media (max-width: 767px) {
.aboutbox-sec3 .aboutbox3_cont .item .font {
width: 100%;
padding: 0.46rem 0.26rem;
}
}

.aboutbox-sec3 .aboutbox3_cont .item .font .bag {
font-family: 'Source Han Sans CN', 'Source Han Sans TW', 'Source Han Sans KR', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK HK', 'Noto Sans CJK', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans HK', sans-serif;
color: #0071c9;
font-size: 1rem;
font-weight: bold;
position: absolute;
top: 0;
user-select: none;
-webkit-user-select: none;
line-height: 0.8;
background-image: linear-gradient(to bottom, rgba(198, 134, 67, 0.1), rgba(51, 51, 51, 0) 110%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.aboutbox-sec3 .aboutbox3_cont .item .font .bag:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(120%) blur(4px);
}

.aboutbox-sec3 .aboutbox3_cont .item .font .shu {
color: #0071c9;
line-height: 0.9;
font-family: 'Source Han Sans CN', 'Source Han Sans TW', 'Source Han Sans KR', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK HK', 'Noto Sans CJK', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans HK', sans-serif;
position: relative;
}

.aboutbox-sec3 .aboutbox3_cont .item .font .text {
color: #333333;
line-height: 1.41666667;
margin-top: 0.2rem;
position: relative;
}

.aboutbox-sec3 .aboutbox3_cont .g_qie {
display: flex;
align-items: center;
position: absolute;
z-index: 2;
left: 43.5714%;
bottom: 0.48rem;
margin-left: 0.9rem;
}

@media (max-width: 1260px) {
.aboutbox-sec3 .aboutbox3_cont .g_qie {
bottom: 0.2rem;
}
}

@media (max-width: 991px) {
.aboutbox-sec3 .aboutbox3_cont .g_qie {
display: none;
}
}

.aboutbox-sec3 .aboutbox3_cont .g_qie .pub_nav {
position: relative;
right: 0;
left: 0;
top: 0;
margin: 0;
transform: translateY(0);
-webkit-transform: translateY(0);
background-color: transparent;
margin-right: 0.2rem;
}

.aboutbox-sec3 .aboutbox3_cont .g_qie .pub_nav:last-child {
margin-right: 0;
}

.aboutbox-sec3 .aboutbox3_nav {
width: 100%;
}

.aboutbox-sec3 .aboutbox3_nav:before {
content: "";
display: block;
position: absolute;
top: 0.1rem;
width: 100%;
height: 1px;
background-color: #dddddd;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide {
width: 14.2857%;
display: flex;
padding: 0 0.16rem;
flex-direction: column;
justify-content: center;
text-align: center;
color: #999999;
line-height: 1.5;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
transition: all 0.4s;
-webkit-transition: all 0.4s;
align-items: center;
}

@media (max-width: 991px) {
.aboutbox-sec3 .aboutbox3_nav .swiper-slide {
width: 20%;
}
}

@media (max-width: 767px) {
.aboutbox-sec3 .aboutbox3_nav .swiper-slide {
width: 33.333%;
}
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide:before {
content: "";
display: block;
position: absolute;
top: 0.1rem;
left: 60%;
left: calc(50% + 0.11rem);
width: 0;
height: 1px;
background-color: #0071c9;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide i {
display: flex;
align-items: center;
justify-content: center;
width: 0.2rem;
height: 0.2rem;
border-radius: 50%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
border: 2px solid transparent;
margin-bottom: 0.1rem;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide i:before {
content: "";
display: block;
width: 50%;
height: 50%;
background-color: #999999;
border-radius: 50%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide-thumb-active {
color: #0071c9;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide-thumb-active:before {
width: 80%;
width: calc(100% - 0.3rem);
width: calc(100% - 0.16rem);
transition: all 5.8s linear;
-webkit-transition: all 5.8s linear;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide-thumb-active i {
border-color: #0071c9;
}

.aboutbox-sec3 .aboutbox3_nav .swiper-slide-thumb-active i:before {
	background-color: #0071c9;
}

.aboutbox-sec4 {
padding: 1.3rem 0 1.1rem;
}

.aboutbox-sec4 .fz_title {
text-align: center;
color: #333333;
font-weight: bold;
margin-bottom: 0.7rem;
}

@media (max-width: 767px) {
.aboutbox-sec4 .fz_title {
margin-bottom: 0.6rem;
}
}

.aboutbox-sec4 .cont {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}

.aboutbox-sec4 .cont .lt,
.aboutbox-sec4 .cont .gt {
width: 50%;
}

@media (max-width: 767px) {
.aboutbox-sec4 .cont .lt,
.aboutbox-sec4 .cont .gt {
width: 100%;
}
}

.aboutbox-sec4 .cont .lt {
display: flex;
align-items: flex-start;
justify-content: center;
}

.aboutbox-sec4 .cont .lt .f_tou {
width: 4.2rem;
position: relative;
}

.aboutbox-sec4 .cont .lt .f_tou:before {
	content: "";
	display: block;
	left: -6%;
	position: absolute;
	top: 6%;
	width: 1.86rem;
	height: 1.86rem;
	border-radius: 50%;
	background: url(../images/zhiciimgimg1.png) center / 100% 100% no-repeat;
}

.aboutbox-sec4 .cont .lt .f_tou .img {
	position: relative;
	width: 100%;
}

@media (max-width: 1580px) {
.aboutbox-sec4 .cont .lt .f_tou .img {
width: 120%;
margin-left: -1rem;
}
}

@media (max-width: 767px) {
.aboutbox-sec4 .cont .lt .f_tou .img {
margin-left: -0.5rem;
}
}

.aboutbox-sec4 .cont .lt .f_tou .img img {
width: 100%;
}

.aboutbox-sec4 .cont .gt i {
width: 0.56rem;
display: block;
overflow: hidden;
margin-bottom: 0.24rem;
}

.aboutbox-sec4 .cont .gt i img {
width: 100%;
float: left;
}

.aboutbox-sec4 .cont .gt .text {
color: #333333;
line-height: 1.5;
margin-bottom: 0.48rem;
}

.aboutbox-sec4 .cont .gt .text p {
margin-bottom: 0.15rem;
}

.aboutbox-sec4 .cont .gt .name {
color: #0071c9;
display: flex;
align-items: center;
position: relative;
}

.aboutbox-sec4 .cont .gt .name:before {
content: "";
display: block;
width: 0.6rem;
height: 2px;
background-color: #dddddd;
margin-right: 0.3rem;
}

.aboutbox-sec5 {
padding: 1.2rem 0 0;
}

.aboutbox-sec5 .abt5_font {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.6rem;
}

.aboutbox-sec5 .abt5_font .f_tit {
	font-weight: bold;
	color: #000000;
}

.aboutbox-sec5 .abt5_font .f_but {
	position: relative;
	display: flex;
	align-items: center;
}

	.aboutbox-sec5 .abt5_font .f_but:before {
		content: "";
		display: block;
		position: absolute;
		left: 1%;
		top: 1%;
		width: 98%;
		height: 97%;
		border-radius: 0.28rem;
		border: solid 1px #dddddd;
	}

@media (max-width: 767px) {
.aboutbox-sec5 .abt5_font .f_but:before {
border-radius: 0.36rem;
height: 96%;
}
}

.aboutbox-sec5 .abt5_font .f_but .li {
padding: 0 0.42rem;
line-height: 0.54rem;
border-radius: 0.28rem;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
transition: all 0.4s;
color: #0071c9;
position: relative;
}

@media (max-width: 1580px) {
.aboutbox-sec5 .abt5_font .f_but .li {
line-height: 0.64rem;
}
}

@media (max-width: 767px) {
.aboutbox-sec5 .abt5_font .f_but .li {
line-height: 0.66rem;
border-radius: 0.34rem;
padding: 0 0.3rem;
}
}

.aboutbox-sec5 .abt5_font .f_but .on {
background-color: #0071c9;
color: #ffffff;
}

.aboutbox-sec5 .cont {
position: relative;
}

.aboutbox-sec5 .cont .f_jut {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}

.aboutbox-sec5 .cont .f_jut .aboutbox5_cont {
	width: auto;
	margin: 0 -0.15rem;
}

	.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide {
		padding: 0 0.15rem;
		height: auto;
	}

		.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide .item {
			background-color: #f5f5f5;
			border-radius: 0.1rem;
			height: 100%;
			overflow: hidden;
			padding: 0.7rem 0.24rem 0.32rem;
		}

			.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide .item .f_img {
				width: 100%;
				height: 2.5rem;
				margin-bottom: 0.48rem;
				text-align: center;
			}

				.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide .item .f_img img {
					height: 100%;
					transition: all 0.4s;
				}

			.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide .item .f_tit {
				text-align: center;
			}

			.aboutbox-sec5 .cont .f_jut .aboutbox5_cont .swiper-slide .item:hover .f_img img {
				transform: scale(1.04);
			}

.aboutbox-sec5 .cont .f_jut .pub_prev {
	left: -1rem;
}

@media (max-width: 1260px) {
.aboutbox-sec5 .cont .f_jut .pub_prev {
display: none;
}
}

.aboutbox-sec5 .cont .f_jut .pub_next {
right: -1rem;
}

@media (max-width: 1260px) {
.aboutbox-sec5 .cont .f_jut .pub_next {
display: none;
}
}

.aboutbox-sec5 .cont .active {
z-index: 2;
position: relative;
opacity: 1;
visibility: visible;
}

.aboutbox-sec6 .item:after {
background: url(../images/yaqingimgfba2.png) left top / auto 100% no-repeat;
}

@media (max-width: 991px) {
.aboutbox-sec6 .item:after {
right: 10%;
height: 100%;
}
}

.aboutbox-sec6 .item .font {
padding-left: 0.5rem;
padding-right: 0.8rem;
}

@media (max-width: 767px) {
.aboutbox-sec6 .item .font {
order: 1;
padding-left: 0.26rem;
padding-right: 0.26rem;
}
}

.aboutbox-sec6 .item .font .f_but {
display: flex;
align-items: center;
}

.aboutbox-sec6 .item .font .f_but .pub_a {
margin-right: 0.2rem;
background: transparent;
}

.aboutbox-sec6 .item .font .f_but .pub_a p {
	color: #0071c9;
}

.aboutbox-sec6 .item .font .f_but .pub_a svg {
	left: 0;
}

	.aboutbox-sec6 .item .font .f_but .pub_a svg path {
		fill: #0071c9;
	}

.aboutbox-sec6 .item .font .f_but .pub_a:last-child {
	margin-right: 0;
}

.aboutbox-sec6 .item .font .f_but .pub_a:hover {
	background: #0071c9;
}

	.aboutbox-sec6 .item .font .f_but .pub_a:hover p {
		color: #fff;
	}

	.aboutbox-sec6 .item .font .f_but .pub_a:hover svg {
		left: 0.07rem;
	}

		.aboutbox-sec6 .item .font .f_but .pub_a:hover svg path {
			fill: #fff;
		}

.aboutboxAlt {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
}

.aboutboxAlt .bag {
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.5;
}

.aboutboxAlt .cont {
position: absolute;
left: 50%;
top: 50%;
width: 90%;
transform: translate(-50%, -50%);
max-width: 8rem;
}

@media (max-width: 767px) {
.aboutboxAlt .cont {
max-width: 100%;
width: 90%;
}
}

.aboutboxAlt .cont .close {
position: absolute;
width: 0.4rem;
right: -0.5rem;
top: 0;
cursor: pointer;
transition: all 0.4s;
}

@media (max-width: 767px) {
.aboutboxAlt .cont .close {
top: -0.5rem;
right: 0;
}
}

.aboutboxAlt .cont .close img {
width: 100%;
}

.aboutboxAlt .cont .close:hover {
transform: rotate(90deg);
}

.aboutboxAlt .cont .aboutboxAlt_cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
transition: all 0.4s;
}

@media (max-width: 767px) {
.aboutboxAlt .cont .aboutboxAlt_cont {
background-color: #fff;
}
}

.aboutboxAlt .cont .aboutboxAlt_cont .item {
width: 100%;
padding: 0.4rem 0.4rem;
text-align: center;
background-color: #ffffff;
}

@media (max-width: 767px) {
.aboutboxAlt .cont .aboutboxAlt_cont .item {
padding-bottom: 1.2rem;
}
}

.aboutboxAlt .cont .aboutboxAlt_cont .item .img {
width: 100%;
margin-bottom: 0.2rem;
}

.aboutboxAlt .cont .aboutboxAlt_cont .item .img img {
width: 100%;
}

.aboutboxAlt .cont .aboutboxAlt_cont .aboutbox3-prev {
position: absolute;
left: 0.15rem;
top: 50%;
transform: translateY(-50%) rotate(180deg);
z-index: 10;
cursor: pointer;
}

@media (max-width: 767px) {
.aboutboxAlt .cont .aboutboxAlt_cont .aboutbox3-prev {
width: 0.6rem;
height: 0.6rem;
background-color: #eee;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
left: 38%;
top: auto;
bottom: 0.4rem;
transform: translateY(0) rotate(180deg);
}
}

.aboutboxAlt .cont .aboutboxAlt_cont .aboutbox3-next {
position: absolute;
right: 0.15rem;
top: 50%;
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
}

@media (max-width: 767px) {
.aboutboxAlt .cont .aboutboxAlt_cont .aboutbox3-next {
width: 0.6rem;
height: 0.6rem;
background-color: #eee;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
right: 38%;
top: auto;
bottom: 0.4rem;
transform: translateY(0);
}
}

.aboutboxAlt .cont .active {
position: relative;
visibility: visible;
opacity: 1;
}


/* End */

.fa.fa-angle-left,
.fa.fa-angle-right {
font-size: 20px;
}

.imageValidCode {
max-height: 30px;
}

@import "style.css";
@import "share.css";

.pc {
display: block;
}

.wap {
display: none;
}

@media (max-width: 767px) {
.pc {
display: none;
}

.wap {
display: block;
}
}

.fd {
overflow: hidden;
}

.fd img {
transition: all 0.8s;
}

.fd:hover img {
transform: scale(1.05);
}

.zz-textb {
font-weight: bold;
}

.zz_w1560 {
margin: 0 auto;
width: 100%;
max-width: 1560px;
}

@media (max-width: 1580px) {
.zz_w1560 {
width: 84%;
}
}

@media (max-width: 1260px) {
.zz_w1560 {
width: 90%;
}
}

.font12 {
font-size: 12px;
}

@media (max-width: 767px) {
.font12 {
font-size: 0.24rem;
}
}

@keyframes hideShow {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes imgAni1 {
from {
opacity: 0;
top: -5%;
left: -10%;
}

to {
opacity: 1;
top: 0%;
left: 0%;
}
}

@-webkit-keyframes imgAni1 {
from {
opacity: 0;
top: -5%;
left: -10%;
}

to {
opacity: 1;
top: 0%;
left: 0%;
}
}

.imgAni1 {
animation-name: imgAni1;
-webkit-animation-name: imgAni1;
animation-duration: 0.4s;
animation-fill-mode: forwards;
}

@keyframes imgAni2 {
from {
opacity: 0;
top: 9%;
right: -10%;
}

to {
opacity: 1;
top: 14%;
right: 0%;
}
}

@-webkit-keyframes imgAni2 {
from {
opacity: 0;
top: 9%;
right: -10%;
}

to {
opacity: 1;
top: 14%;
right: 0%;
}
}

.imgAni2 {
animation-name: imgAni2;
-webkit-animation-name: imgAni2;
animation-duration: 0.4s;
animation-fill-mode: forwards;
}

@keyframes imgAni3 {
from {
opacity: 0;
bottom: -10%;
left: 40%;
}

to {
opacity: 1;
bottom: 0%;
left: 50%;
}
}

@-webkit-keyframes imgAni3 {
from {
opacity: 0;
bottom: -10%;
left: 40%;
}

to {
opacity: 1;
bottom: 0%;
left: 50%;
}
}

.imgAni3 {
animation-name: imgAni3;
-webkit-animation-name: imgAni3;
animation-duration: 0.6s;
animation-fill-mode: forwards;
}

@keyframes join2fadeleft {
from {
opacity: 0;
transform: translateX(18.57%);
-webkit-transform: translateX(18.57%);
}

to {
opacity: 1;
margin-left: 0;
transform: translateX(8.57%);
-webkit-transform: translateX(8.57%);
}
}

@-webkit-keyframes join2fadeleft {
from {
opacity: 0;
transform: translateX(18.57%);
-webkit-transform: translateX(18.57%);
}

to {
opacity: 1;
margin-left: 0;
transform: translateX(8.57%);
-webkit-transform: translateX(8.57%);
}
}

@keyframes join2fadeleft_wap {
from {
opacity: 0;
transform: translateX(18.57%);
-webkit-transform: translateX(18.57%);
}

to {
opacity: 1;
margin-left: 0;
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
}

@-webkit-keyframes join2fadeleft_wap {
from {
opacity: 0;
transform: translateX(18.57%);
-webkit-transform: translateX(18.57%);
}

to {
opacity: 1;
margin-left: 0;
transform: translateX(0%);
-webkit-transform: translateX(0%);
}
}

.join2fadeleft {
animation-name: join2fadeleft;
-webkit-animation-name: join2fadeleft;
}

@media (max-width: 767px) {
.join2fadeleft {
animation-name: join2fadeleft_wap;
-webkit-animation-name: join2fadeleft_wap;
}
}

@keyframes fadeleft {
from {
opacity: 0;
transform: translateX(0.6rem);
-webkit-transform: translateX(0.6rem);
}

to {
opacity: 1;
transform: translateX(0rem);
-webkit-transform: translateX(0rem);
}
}

@-webkit-keyframes fadeleft {
from {
opacity: 0;
transform: translateX(0.6rem);
-webkit-transform: translateX(0.6rem);
}

to {
opacity: 1;
transform: translateX(0rem);
-webkit-transform: translateX(0rem);
}
}

.fadeleft {
animation-name: fadeleft;
-webkit-animation-name: fadeleft;
}

@keyframes faderight {
from {
opacity: 0;
transform: translateX(-0.6rem);
-webkit-transform: translateX(-0.6rem);
}

to {
opacity: 1;
transform: translateX(0rem);
-webkit-transform: translateX(0rem);
}
}

@-webkit-keyframes faderight {
from {
opacity: 0;
transform: translateX(-0.6rem);
-webkit-transform: translateX(-0.6rem);
}

to {
opacity: 1;
transform: translateX(0rem);
-webkit-transform: translateX(0rem);
}
}

.faderight {
animation-name: faderight;
-webkit-animation-name: faderight;
}

@keyframes box1run {
from {
stroke-dasharray: 180;
}

to {
stroke-dasharray: 360;
}
}

.zz-public-page {
display: flex;
width: 100%;
justify-content: center;
}

.zz-public-page .zz-box {
display: flex;
}

.zz-public-page .zz-box .zz-boxs {
	display: flex;
}

.zz-public-page .p-num a {
width: 0.5rem;
height: 0.5rem;
min-width: 40px;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #222;
cursor: pointer;
font-weight: bold;
margin: 0 5px;
transition: all 0.4s;
border-radius: 1000px;
border: 1px solid #dedede;
}

.zz-public-page .p-num a:hover,
.zz-public-page .p-num a.on {
	background: #0071c9;
	color: #fff;
}

	.zz-public-page .p-num a:hover svg path,
	.zz-public-page .p-num a.on svg path {
		fill: #fff;
	}

.zz-public-page .p-prev,
.zz-public-page .p-next {
width: 0.5rem;
height: 0.5rem;
min-width: 40px;
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #222;
cursor: pointer;
border: 1px solid #dedede;
border-radius: 1000px;
}

.zz-public-page .p-prev:hover svg path,
.zz-public-page .p-next:hover svg path {
	fill: #fff;
}

.zz-public-page .p-prev svg,
.zz-public-page .p-next svg {
	width: 6px;
	height: auto;
}

	.zz-public-page .p-prev svg path,
	.zz-public-page .p-next svg path {
		fill: #9a9a9a;
		transition: all 0.4s;
	}

.zz-public-page .p-prev {
margin-right: 5px;
}

.zz-public-page .p-prev a {
	display: flex;
	height: 100%;
	align-items: center;
	width: 100%;
	border-radius: 1000px;
	transition: all 0.4s;
	justify-content: center;
}

	.zz-public-page .p-prev a:hover {
		background: #0071c9;
		color: #fff;
	}

		.zz-public-page .p-prev a:hover svg path {
			fill: #fff;
		}

.zz-public-page .p-next {
margin-left: 5px;
}

.zz-public-page .p-next a {
	display: flex;
	height: 100%;
	align-items: center;
	width: 100%;
	border-radius: 1000px;
	transition: all 0.4s;
	justify-content: center;
}

	.zz-public-page .p-next a:hover {
		background: #0071c9;
		color: #fff;
	}

		.zz-public-page .p-next a:hover svg path {
			fill: #fff;
		}

.zz-public-page .p-num {
display: flex;
align-items: center;
flex-wrap: wrap;
}

.zz-public-page .p-num span {
	color: #0071c9;
	margin: 0 15px;
}

.zz-public-page .zz-cont {
display: flex;
align-items: center;
margin-left: 0.2rem;
}

.zz-public-page .zz-cont input {
	width: 0.5rem;
	height: 0.5rem;
	min-width: 40px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #dedede;
	margin-left: 0.2rem;
	margin-right: 0.1rem;
	text-align: center;
	color: #0071c9;
	font-weight: bold;
}

@media (max-width: 767px) {
.zz-public-page .zz-cont input {
min-width: 0.8rem;
min-height: 0.8rem;
}
}

@media (max-width: 991px) {
.zz-public-page .zz-cont {
display: none;
}
}

@media (max-width: 767px) {
.zz-public-page .p-num a {
margin: 0 0.15rem;
min-width: 0.6rem;
min-height: 0.6rem;
font-size: 0.24rem;
}

.zz-public-page .p-prev svg,
.zz-public-page .p-num a svg,
.zz-public-page .p-next svg {
	width: 0.1rem;
}

.zz-public-page {
flex-direction: column;
align-items: center;
}

.zz-public-page .p-prev {
	margin-left: 0;
	min-height: 0.6rem;
	min-width: 0.6rem;
}

.zz-public-page .p-next {
	margin-right: 0;
	min-height: 0.6rem;
	min-width: 0.6rem;
}

.zz-public-page .p-num span {
	margin: 0 0.3rem;
}

.zz-public-page .zz-box {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.zz-public-page .zz-cont {
	margin-top: 0.5rem;
}
}

.zz-public-title .h2 {
line-height: 1.2;
color: #1a1a1a;
}

.zz-public-title .zz-tips {
margin-top: 0.3rem;
color: #505050;
}

.zz-public-title.zz-public-title2 .h2,
.zz-public-title.zz-public-title2 .zz-tips {
text-align: center;
}

.bo_news {
padding: 0.5rem 0 0.45rem;
position: relative;
z-index: 150;
}

.bo_news .zz_w1560 {
padding: 0 0.8rem;
}

@media (max-width: 1024px) {
.bo_news .zz_w1560 {
padding: 0;
}
}

.bo_news ul {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}

.bo_news ul li {
width: 30.35%;
margin-right: 4.46%;
margin-bottom: 0.6rem;
}

.bo_news ul li:nth-of-type(3n+3) {
	margin-right: 0;
}

.bo_news ul li:hover .public-img img {
	transform: scale(1.05);
}

.bo_news ul li:hover .public-img .video_on {
	opacity: 1;
}

.bo_news ul li:hover .pub_a {
	background: #0071c9;
}

	.bo_news ul li:hover .pub_a p {
		color: #fff;
	}

	.bo_news ul li:hover .pub_a svg {
		left: 0.07rem;
	}

		.bo_news ul li:hover .pub_a svg path {
			fill: #fff;
		}

@media (max-width: 1024px) {
.bo_news ul li {
width: 47.77%;
}

.bo_news ul li:nth-of-type(3n+3) {
	margin-right: 4.46%;
}

.bo_news ul li:nth-of-type(2n+2) {
	margin-right: 0;
}
}

@media (max-width: 767px) {
.bo_news ul li {
width: 100%;
margin-right: 0;
}
}

.bo_news ul li a {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
border: 1px solid #ddd;
border-radius: 0.1rem;
overflow: hidden;
}

.bo_news ul li .public-img {
width: 100%;
border-top-left-radius: 0.1rem;
border-top-right-radius: 0.1rem;
}

.bo_news ul li .public-img::before {
padding-top: 56.47%;
}

.bo_news ul li .public-img img {
transition: all 0.8s;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}

.bo_news ul li .public-img .video_on {
transition: all 0.4s;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
background: #0071c9;
cursor: pointer;
}

.bo_news ul li .public-img .video_on:hover {
	transform: translate(-50%, -50%) scale(0.9);
}

@media (max-width: 767px) {
.bo_news ul li .public-img .video_on {
width: 1.5rem;
height: 1.5rem;
}
}

.bo_news ul li .public-img .video_on .ring {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%;
animation: rotate 10s linear infinite;
}

.bo_news ul li .public-img .video_on .switch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23.33%;
height: auto;
margin-left: 0.05rem;
}

@media (max-width: 767px) {
.bo_news ul li .public-img .video_on .switch {
margin-left: 0.03rem;
}
}

.bo_news ul li .public-img .video_on .switch path {
fill: #fff;
}

.bo_news ul li .zz-cont {
padding: 0.35rem 0.2rem;
border-top: 0;
}

.bo_news ul li .zz-cont .zz-date {
color: #999;
margin-bottom: 5px;
}

.bo_news ul li .zz-cont .h3 {
line-height: 1.41666667em;
color: #333;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 2.84em;
}

@media (max-width: 1366px) {
.bo_news ul li .zz-cont .h3 {
font-size: 18px;
}
}

.bo_news ul li .zz-cont .x-p {
color: #666;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 4.5em;
margin-top: 0.15rem;
}

.bo_news ul li .zz-cont .pub_a {
margin-top: 0.7rem;
}

.bo_news .zz-public-page {
padding-top: 0.3rem;
}

.bo_newsdetail2 {
padding-top: 0.85rem;
padding-bottom: 1.35rem;
}

@media (max-width: 767px) {
.bo_newsdetail2 {
padding-bottom: 1.1rem;
}
}

.bo_newsdetail2 .zz-box {
display: flex;
justify-content: space-between;
width: 100%;
align-items: flex-start;
}

@media (max-width: 1024px) {
.bo_newsdetail2 .zz-box {
flex-direction: column;
}
}

.bo_newsdetail2 .zz-box .zz-left {
width: 64.28%;
}

@media (max-width: 1024px) {
.bo_newsdetail2 .zz-box .zz-left {
width: 100%;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-text {
color: #666;
line-height: 1.875em;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox {
display: flex;
justify-content: space-between;
margin-top: 1.15rem;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox {
margin-top: 0.5rem;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box1 {
display: flex;
justify-content: space-between;
flex: 1;
flex-direction: column;
padding-right: 0.4rem;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box1 {
flex-direction: column;
flex: 1;
}
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 {
display: flex;
align-items: center;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 .div-2 a {
background: #0071c9;
padding: 0.15rem 0.35rem;
border-radius: 1000px;
color: #fff;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 .div-2 a img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 .div-2 a svg {
margin-left: 0;
margin-right: 10px;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 .div-2 a img path,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .box2 .div-2 a svg path {
	fill: #fff;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox a {
display: flex;
align-items: center;
color: #999;
transition: all 0.4s;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .zz-span {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 1.5em;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .zz-span {
max-width: unset;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1:hover a {
color: #0071c9;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1:hover a img path,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1:hover a svg path {
fill: #0071c9;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1 img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1 svg {
margin-right: 10px;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1 img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1 svg {
display: none;
}
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-1 {
margin-bottom: 0.1rem;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-2 a {
color: #333;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-2 a img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-2 a svg {
margin-left: 10px;
transition: all 0.4s;
width: 15px;
height: auto;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-2 a img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-2 a svg {
width: 0.25rem;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3 {
margin-top: 5px;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3 img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3 svg {
margin-left: 10px;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3 img,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3 svg {
display: none;
}
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3:hover a {
color: #0071c9;
}

.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3:hover a img path,
.bo_newsdetail2 .zz-box .zz-left .zz-atBtnBox .div-3:hover a svg path {
fill: #0071c9;
}

.bo_newsdetail2 .zz-box .zz-right {
width: 28.57%;
position: sticky;
top: 1.2rem;
}

@media (max-width: 1024px) {
.bo_newsdetail2 .zz-box .zz-right {
width: 100%;
top: unset;
position: relative;
margin-top: 1rem;
}
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right {
width: 100%;
position: relative;
top: unset;
margin-top: 1rem;
padding-top: 0;
}
}

.bo_newsdetail2 .zz-box .zz-right .zz-title {
color: #191919;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .zz-title {
font-size: 0.4rem;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-ul {
margin-top: 0.25rem;
border-top: 1px solid #e5e5e5;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-ul {
margin-top: 0.3rem;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li {
border-bottom: 1px solid #f0f0f0;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
display: flex;
padding-left: 0.1rem;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li a {
display: flex;
width: 100%;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li {
padding: 0.4rem 0;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li:hover .zz-t {
color: #0071c9;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li:hover .zz-t span {
background-size: 100% 100%;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li:hover .public-img img {
transform: scale(1.05);
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .public-img {
width: 40%;
border-radius: 5px;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .public-img::before {
padding-top: 55%;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .public-img img {
border-radius: inherit;
transition: all 0.4s;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-boxs {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 0.3rem;
padding-top: 5px;
padding-bottom: 0px;
justify-content: flex-end;
}

@media (max-width: 1024px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-boxs {
justify-content: center;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-t {
color: #333;
transition: all 0.1s;
line-height: 1.5em;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3em;
position: relative;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-t span {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 95%, #0071c9 0%);
background-size: 0 100%;
background-repeat: no-repeat;
transition: 0.4s;
display: initial;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-date {
color: #999;
margin-top: 5px;
}

@media (max-width: 1366px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-date {
font-size: 13px;
}
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-li .zz-date {
margin-top: 0rem;
font-size: 0.26rem;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .pub_a {
margin-top: 0.6rem;
}

@media (max-width: 1580px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-bigbox {
display: flex;
}
}

@media (max-width: 1024px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .zz-bigbox {
flex-direction: column;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox {
display: flex;
align-items: flex-start;
margin-top: 0.3rem;
margin-left: 0.3rem;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox {
margin-top: 0.55rem;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox .wx-code {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox img {
width: 0.9rem;
height: 0.9rem;
min-width: 60px;
min-height: 60px;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox img {
min-width: 1.2rem;
min-height: 1.2rem;
}
}

.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox span {
color: #999;
margin-top: 10px;
}

@media (max-width: 767px) {
.bo_newsdetail2 .zz-box .zz-right .newsHotBox .wx-codeBox span {
margin-top: 0.2rem;
}
}

.zz-bg {
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}

.zz-bg video {
position: absolute;
left: -3px;
top: 0;
z-index: -1;
width: 104%;
height: 100%;
object-fit: cover;
}

.bo_newsdetail1 {
padding: 1rem 0 0.75rem;
}

.bo_newsdetail1 .container {
display: flex;
justify-content: space-between;
align-items: center;
}

@media (max-width: 767px) {
.bo_newsdetail1 .container {
flex-direction: column;
align-items: flex-start;
}
}

.bo_newsdetail1 .zz-left {
width: 53%;
}

@media (max-width: 991px) {
.bo_newsdetail1 .zz-left {
width: 70%;
}
}

@media (max-width: 767px) {
.bo_newsdetail1 .zz-left {
padding-right: 0;
width: 100%;
}
}

.bo_newsdetail1 .zz-left .h1 {
color: #333;
line-height: 1.2;
}

.bo_newsdetail1 .zz-left .zz-date {
color: #666;
margin-top: 0.35rem;
}

.bo_newsdetail1 .zz-right {
width: auto;
}

@media (max-width: 767px) {
.bo_newsdetail1 .zz-right {
margin-top: 0.4rem;
}
}

.bo_newsdetail1 .zz-right .social-share .social-share-icon {
border-color: #666;
background: transparent;
color: #666;
width: 0.5rem;
height: 0.5rem;
min-width: 40px;
min-height: 40px;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 0.2rem;
font-size: 20px;
}

.bo_newsdetail1 .zz-right .social-share .social-share-icon:last-child {
margin-right: 0;
}

.bo_newsdetail1 .zz-right .social-share .social-share-icon:hover {
background: #0071c9;
color: #fff;
border-color: #0071c9;
}

@media (max-width: 767px) {
.bo_newsdetail1 .zz-right .social-share .social-share-icon {
font-size: 0.32rem;
min-width: 0.7rem;
min-height: 0.7rem;
border-color: #555;
color: #555;
}
}

@media (max-width: 767px) {
.bo_newsdetail1 .zz-right .social-share .social-share-icon .wechat-qrcode {
left: 140%;
top: 50%;
transform: translateY(-50%);
}

.bo_newsdetail1 .zz-right .social-share .social-share-icon .wechat-qrcode::after {
	content: unset;
}
}

.activity1 {
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 1.1rem 0 1.15rem;
position: relative;
z-index: 1;
}

@media (max-width: 767px) {
.activity1 {
padding-bottom: 0.8rem;
}
}

.activity1 .zz_w1560 {
position: relative;
z-index: 2;
}

.activity1 .swiper-slide {
display: flex;
align-items: stretch;
border-radius: 10px;
}

@media (max-width: 767px) {
.activity1 .swiper-slide {
flex-direction: column;
}
}

.activity1 .swiper-slide .zz-left {
width: 50%;
height: auto;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}

@media (max-width: 767px) {
.activity1 .swiper-slide .zz-left {
width: 100%;
}
}

.activity1 .swiper-slide .zz-left .zz-imgbox {
height: 100%;
width: 100%;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
overflow: hidden;
}

.activity1 .swiper-slide .zz-left .zz-imgbox img {
transition: all 0.8s;
}

.activity1 .swiper-slide .zz-left .zz-imgbox:hover img {
transform: scale(1.05);
}

.activity1 .swiper-slide .zz-left .zz-imgbox img {
height: 100%;
width: 100%;
object-fit: cover;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}

.activity1 .swiper-slide .zz-left .public-img {
width: 100%;
overflow: hidden;
}

.activity1 .swiper-slide .zz-left .public-img img {
transition: all 0.8s;
}

.activity1 .swiper-slide .zz-left .public-img:hover img {
transform: scale(1.05);
}

.activity1 .swiper-slide .zz-left .public-img::before {
padding-top: 60.25%;
}

.activity1 .swiper-slide .zz-right {
background: #f7f7f7;
width: 50%;
padding: 0.6rem 0.7rem 0.75rem;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}

@media (max-width: 767px) {
.activity1 .swiper-slide .zz-right {
width: 100%;
padding: 0.6rem 0.4rem;
}
}

@media (max-width: 1024px) {
.activity1 .swiper-slide .zz-right .zz-box1 {
padding-right: 0;
}
}

.activity1 .swiper-slide .zz-right .zz-tips {
background: rgba(198, 134, 67, 0.72);
padding: 4px 0.1rem;
color: #fff;
border-radius: 1000px;
display: inline-flex;
z-index: 2;
min-width: 80px;
justify-content: center;
margin-bottom: 0.15rem;
}

@media (max-width: 767px) {
.activity1 .swiper-slide .zz-right .zz-tips {
margin-bottom: 0.3rem;
}
}

.activity1 .swiper-slide .zz-right .zz-tips.zz-tips2 {
background: rgba(35, 32, 72, 0.72);
}

.activity1 .swiper-slide .zz-right .h2 {
line-height: 1.2;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 1.2em;
}

.activity1 .swiper-slide .zz-right .zz-text {
line-height: 1.66666667em;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 5em;
margin-top: 0.15rem;
}

.activity1 .swiper-slide .zz-right .zz-box2 {
border-top: 1px solid #dedede;
margin-top: 0.35rem;
padding-top: 0.25rem;
display: flex;
align-items: flex-end;
justify-content: space-between;
}

@media (max-width: 767px) {
.activity1 .swiper-slide .zz-right .zz-box2 {
flex-direction: column;
align-items: flex-start;
}
}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l {
margin-top: 0.1rem;
flex: 1;
padding-right: 0.4rem;
}

@media (max-width: 767px) {
.activity1 .swiper-slide .zz-right .zz-box2 .zz-l {
padding-right: 0;
margin-bottom: 0.4rem;
}
}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li {
color: #999;
display: flex;
align-items: flex-start;
margin-bottom: 5px;
}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li:last-child {
margin-bottom: 0;
}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li i {
height: 15px;
width: 15px;
margin-right: 10px;
margin-top: 2px;
display: inline-flex;
justify-content: center;
}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li i img,
.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li i svg {
	width: auto;
	height: 100%;
}

	.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li i img path,
	.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li i svg path {
		fill: #0071c9;
	}

.activity1 .swiper-slide .zz-right .zz-box2 .zz-l .zz-li span {
flex: 1;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 1.5em;
}

.activity1 .swiper-pagination-bullet {
width: 35px;
height: 4px;
border-radius: 1000px;
background: #fff;
opacity: 0.2;
transition: all 0.4s;
}

.activity1 .swiper-pagination-bullet-active {
opacity: 1;
}

.activity1 .swiper-container {
padding-bottom: 0.6rem;
}

@media (max-width: 767px) {
.activity1 .swiper-container {
padding-bottom: 1.05rem;
}
}

.activity2 {
padding: 0.5rem 0 0.55rem;
position: relative;
z-index: 150;
}

.activity2 .zz_w1560 {
padding: 0 0.8rem;
}

@media (max-width: 1024px) {
.activity2 .zz_w1560 {
padding: 0;
}
}

.activity2 ul {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}

.activity2 ul li {
width: 30.35%;
margin-right: 4.46%;
height: auto;
position: relative;
z-index: 1;
margin-bottom: 0.6rem;
}

.activity2 ul li:nth-of-type(3n+3) {
	margin-right: 0;
}

.activity2 ul li:hover .public-img img {
	transform: scale(1.05);
}

.activity2 ul li:hover .pub_a {
	background: #0071c9;
}

	.activity2 ul li:hover .pub_a p {
		color: #fff;
	}

	.activity2 ul li:hover .pub_a svg {
		left: 0.07rem;
	}

		.activity2 ul li:hover .pub_a svg path {
			fill: #fff;
		}

@media (max-width: 1024px) {
.activity2 ul li {
width: 47.77%;
}

.activity2 ul li:nth-of-type(3n+3) {
	margin-right: 4.46%;
}

.activity2 ul li:nth-of-type(2n+2) {
	margin-right: 0;
}
}

@media (max-width: 767px) {
.activity2 ul li {
width: 100%;
margin-right: 0;
}
}

.activity2 ul li a {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}

.activity2 ul li .zz-tips {
background: rgba(198, 134, 67, 0.72);
padding: 4px 0.1rem;
color: #fff;
border-radius: 1000px;
position: absolute;
display: inline-flex;
top: 0.15rem;
left: 0.2rem;
z-index: 2;
min-width: 80px;
justify-content: center;
}

.activity2 ul li .zz-tips.zz-tips2 {
background: rgba(35, 32, 72, 0.72);
}

.activity2 ul li .public-img {
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.activity2 ul li .public-img::before {
padding-top: 56.47%;
}

.activity2 ul li .public-img img {
transition: all 0.8s;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}

.activity2 ul li .zz-cont {
padding: 0.25rem 0.2rem 0.4rem;
border: 1px solid #ddd;
border-top: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}

.activity2 ul li .zz-cont .h3 {
line-height: 1.41666667em;
color: #333;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 2.84em;
}

@media (max-width: 1366px) {
.activity2 ul li .zz-cont .h3 {
font-size: 18px;
}
}

.activity2 ul li .zz-cont .zz-box {
margin-top: 0.1rem;
}

.activity2 ul li .zz-cont .zz-box .zz-li {
color: #999;
display: flex;
align-items: flex-start;
margin-bottom: 5px;
}

.activity2 ul li .zz-cont .zz-box .zz-li:last-child {
	margin-bottom: 0;
}

.activity2 ul li .zz-cont .zz-box .zz-li i {
	height: 15px;
	width: 15px;
	margin-right: 10px;
	margin-top: 2px;
	display: inline-flex;
	justify-content: center;
}

	.activity2 ul li .zz-cont .zz-box .zz-li i img,
	.activity2 ul li .zz-cont .zz-box .zz-li i svg {
		width: auto;
		height: 100%;
	}

.activity2 ul li .zz-cont .zz-box .zz-li span {
	flex: 1;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 1.5em;
}

.activity2 ul li .zz-cont .pub_a {
margin-top: 0.25rem;
}

.activity2 .zz-public-page {
padding-top: 0.3rem;
}

.zz-nyNav-box {
padding-top: 1rem;
display: flex;
position: relative;
z-index: 200;
}

.zz-nyNav-box .zz-sbtn {
background: #0071c9;
color: #fff;
height: 45px;
padding: 0 0.4rem;
border-radius: 1000px;
position: relative;
z-index: 10;
min-width: 100px;
}

.zz-nyNav-box .zz_w1560 {
padding: 0 0.8rem;
display: flex;
justify-content: space-between;
}

@media (max-width: 1024px) {
.zz-nyNav-box .zz_w1560 {
padding: 0;
flex-direction: column;
align-items: flex-start;
}
}

.zz-nyNav-box .zz-left {
display: flex;
}

@media (max-width: 767px) {
.zz-nyNav-box .zz-left {
flex-direction: column;
width: 100%;
align-items: flex-start;
margin-bottom: 0.8rem;
}
}

.zz-nyNav-box .zz-right {
border: 1px solid #d9d9d9;
border-radius: 5px;
height: 45px;
display: flex;
justify-content: space-between;
}

@media (max-width: 1024px) {
.zz-nyNav-box .zz-right {
margin-top: 0.3rem;
}
}

@media (max-width: 767px) {
.zz-nyNav-box .zz-right {
margin-top: 0;
margin-bottom: 0.6rem;
width: 100%;
}
}

.zz-nyNav-box .zz-right form {
display: flex;
justify-content: space-between;
}

@media (max-width: 767px) {
.zz-nyNav-box .zz-right form {
width: 100%;
}
}

.zz-nyNav-box .zz-right .zz-l {
flex: 1;
height: 100%;
padding-left: 0.2rem;
display: flex;
align-items: center;
}

.zz-nyNav-box .zz-right .zz-l img,
.zz-nyNav-box .zz-right .zz-l svg {
width: 15px;
height: auto;
}

.zz-nyNav-box .zz-right .zz-l img path,
.zz-nyNav-box .zz-right .zz-l svg path {
	fill: #999;
}

.zz-nyNav-box .zz-right .zz-l input {
width: 2.4rem;
padding: 0 10px;
height: 100%;
}

.zz-nyNav-box .zz-right .zz-r {
height: 100%;
position: relative;
z-index: 1;
}

.zz-nyNav-box .zz-right .zz-r::before {
content: '';
position: absolute;
top: 50%;
height: 50%;
left: 0;
transform: translateY(-50%);
width: 1px;
background: #eee;
}

.zz-nyNav-box .zz-right .zz-r .zz-btn {
height: 100%;
padding: 0 0.25rem;
color: #0071c9;
}

@media (max-width: 1400px) {
.zz-nyNav-box.activity-nyNav-box .zz_w1560 {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 1400px) {
.zz-nyNav-box.activity-nyNav-box .zz-left {
margin-bottom: 0.3rem;
}
}

@media (max-width: 1024px) {
.zz-nyNav-box.activity-nyNav-box .zz-left {
margin-bottom: 0;
}
}

@media (max-width: 767px) {
.zz-nyNav-box.activity-nyNav-box .zz-left {
margin-bottom: 0.8rem;
}
}

.zz-nyNav-box .zz-sbtnBox {
display: flex;
align-items: center;
}

.zz-nyNav-box .wx_t_r_box {
margin-left: 0.3rem;
position: relative;
cursor: pointer;
}

.zz-nyNav-box .wx_t_r_box.on .wx_t_r_ewm,
.zz-nyNav-box .wx_t_r_box:hover .wx_t_r_ewm {
transform: translateX(-50%) scale(1);
}

.zz-nyNav-box .wx_t_r_box.on .wx_t_r_con svg path,
.zz-nyNav-box .wx_t_r_box:hover .wx_t_r_con svg path {
fill: #fff;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_ewm {
position: absolute;
bottom: 120%;
left: 50%;
background: #fff;
transition: all 0.6s;
-webkit-transition: all 0.6s;
z-index: 100;
transform: translateX(-50%) scale(0);
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
width: 100px;
height: 100px;
padding: 5px;
}

@media (max-width: 767px) {
.zz-nyNav-box .wx_t_r_box .wx_t_r_ewm {
width: 100px;
height: 100px;
}
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_ewm img {
object-fit: contain;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_ewm svg {
width: 9px;
height: 5px;
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_ewm svg path {
fill: #fff;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con:hover .img1_svg {
background: #0071c9;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con:hover .img1_svg svg path {
	fill: #fff;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con .img1_svg {
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
transition: all 0.4s;
display: flex;
align-items: center;
justify-content: center;
background: #0071c9;
}

@media (max-width: 991px) {
.zz-nyNav-box .wx_t_r_box .wx_t_r_con .img1_svg {
width: 0.55rem;
height: 0.55rem;
}
}

@media (max-width: 767px) {
.zz-nyNav-box .wx_t_r_box .wx_t_r_con .img1_svg {
width: 0.7rem;
height: 0.7rem;
}
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con .img1_svg svg {
width: 52.63157895%;
height: auto;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con .img1_svg svg path {
transition: all 0.4s;
fill: #8e8e8e;
fill: #fff;
}

.zz-nyNav-box .wx_t_r_box .wx_t_r_con p {
margin-top: 0.1rem;
color: #999;
}

.zz-public-date {
border-radius: 4px;
display: inline-flex;
align-items: center;
position: relative;
width: 1.9rem;
width: 190px;
min-width: 120px;
margin-right: 10px;
}

@media (max-width: 767px) {
.zz-public-date {
width: 100%;
min-width: unset;
margin-right: 0;
margin-bottom: 0.3rem;
}
}

.zz-public-date:hover .date-2 {
display: block;
}

.zz-public-date .date-1 {
display: inline-flex;
width: 100%;
height: 45px;
border: 1px solid #d6d7da;
border-radius: 10px;
position: relative;
z-index: 3;
overflow: hidden;
align-items: center;
justify-content: space-between;
}

.zz-public-date .date-1 .zz-text1 {
width: 100%;
height: 100%;
}

.zz-public-date .date-1 .zz-text1 .zz-box {
	display: flex;
	height: 100%;
	width: 100%;
}

.zz-public-date .date-1 .zz-text1 .zz-p1 {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	color: #666;
	padding-left: 0.2rem;
	padding-right: 0.1rem;
}

.zz-public-date .date-1 .zz-text1 .zz-p2 {
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.zz-public-date .date-1 .zz-text1 .zz-p2 img,
	.zz-public-date .date-1 .zz-text1 .zz-p2 svg {
		width: 10px;
		height: auto;
	}

		.zz-public-date .date-1 .zz-text1 .zz-p2 img path,
		.zz-public-date .date-1 .zz-text1 .zz-p2 svg path {
			fill: #999;
		}

.zz-public-date .date-1 .zz-text2 {
display: none;
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
top: 0;
left: 0;
background: #fff;
}

.zz-public-date .date-1 .zz-text2 .zz-icon {
	position: absolute;
	height: 100%;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
}

	.zz-public-date .date-1 .zz-text2 .zz-icon img,
	.zz-public-date .date-1 .zz-text2 .zz-icon svg {
		width: 10px;
		height: auto;
	}

		.zz-public-date .date-1 .zz-text2 .zz-icon img path,
		.zz-public-date .date-1 .zz-text2 .zz-icon svg path {
			fill: #999;
		}

.zz-public-date .date-1 .zz-text2 .zz-ul {
	display: flex;
	align-items: center;
	padding: 0 0.1rem;
	width: calc(100% - 40px);
	height: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

	.zz-public-date .date-1 .zz-text2 .zz-ul::-webkit-scrollbar {
		height: 0;
	}

	.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li {
		display: flex;
		align-items: center;
		border-radius: 5px;
		background: #fff6ec;
		padding-left: 8px;
		margin-right: 5px;
	}

		.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li:last-child {
			margin-right: 0;
		}

		.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li .zz-p1 {
			color: #0071c9;
			white-space: nowrap;
		}

		.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 {
			width: 25px;
			height: 25px;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 5px;
		}

			.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 img,
			.zz-public-date .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 svg {
				width: 10px;
				height: 10px;
			}

.zz-public-date .date-2 {
position: absolute;
top: calc(100% + 15px);
left: -2px;
background: #fff;
border-radius: 10px;
width: 2.35rem;
z-index: 3;
border: 1px solid #dee1e7;
padding: 15px 0;
display: none;
}

@media (max-width: 767px) {
.zz-public-date .date-2 {
z-index: 20;
}
}

.zz-public-date .date-2::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -16px;
left: 0;
z-index: -1;
}

@media (max-width: 767px) {
.zz-public-date .date-2::before {
top: 0;
}
}

@media (max-width: 767px) {
.zz-public-date .date-2 {
width: 100%;
}
}

.zz-public-date .date-2 .zz-icon {
position: absolute;
width: 12px;
height: 8px;
top: -8px;
left: 0.4rem;
}

.zz-public-date .date-2 .ul-1 {
width: 0.85rem;
min-width: 65px;
height: 2.5rem;
min-height: 200px;
position: relative;
overflow-y: auto;
/*定义滚动条的轨道颜色、内阴影及圆角*/
/*定义滑块颜色、内阴影及圆角*/
}

.zz-public-date .date-2 .ul-1::-webkit-scrollbar {
width: 2px;
/*对垂直流动条有效*/
}

.zz-public-date .date-2 .ul-1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ddd;
background-color: #ddd;
border-radius: 3px;
}

.zz-public-date .date-2 .ul-1::-webkit-scrollbar-thumb {
border-radius: 7px;
background-color: #0071c9;
}

.zz-public-date .date-2 .ul-1 .li-1 {
display: flex;
align-items: center;
width: 100%;
padding: 5px 0;
justify-content: center;
cursor: pointer;
}

.zz-public-date .date-2 .ul-1 .li-1 > div {
	transition: all 0.4s;
}

.zz-public-date .date-2 .ul-1 .li-1.on > div,
.zz-public-date .date-2 .ul-1 .li-1:hover > div {
	color: #0071c9;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 {
display: none;
position: absolute;
left: 0.85rem;
top: 15px;
height: 2.5rem;
min-height: 200px;
padding: 0 0;
padding-right: 0;
width: 1.5rem;
border-left: 1px solid #eeeeee;
}

@media (max-width: 767px) {
.zz-public-date .date-2 .zz-ul2Box .ul-2 {
width: 350%;
}
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 > div {
height: 100%;
padding: 0 0;
overflow-y: auto;
/*定义滚动条的轨道颜色、内阴影及圆角*/
/*定义滑块颜色、内阴影及圆角*/
display: flex;
flex-direction: column;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 > div::-webkit-scrollbar {
width: 2px;
/*对垂直流动条有效*/
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 > div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ddd;
background-color: #ddd;
border-radius: 3px;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 > div::-webkit-scrollbar-thumb {
border-radius: 7px;
background-color: #0071c9;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2 {
display: inline-flex;
transition: all 0.3s;
align-items: center;
padding: 5px 0;
padding-left: 0.25rem;
justify-content: space-between;
cursor: pointer;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2:hover,
.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2.on {
background: #fceddd;
color: #0071c9;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2.on img,
.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2.on svg {
	opacity: 1;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2 img,
.zz-public-date .date-2 .zz-ul2Box .ul-2 .li-2 svg {
margin-right: 0.25rem;
width: 15px;
height: auto;
transition: all 0.4s;
opacity: 0;
}

.zz-public-date .date-2 .zz-ul2Box .ul-2:nth-of-type(1) {
display: block;
}

.zz-public-firstSelect {
border-radius: 4px;
display: inline-flex;
align-items: center;
position: relative;
width: 1.9rem;
width: 190px;
min-width: 120px;
margin-right: 10px;
}

@media (max-width: 767px) {
.zz-public-firstSelect {
width: 100%;
min-width: unset;
margin-bottom: 0.3rem;
margin-right: 0;
}
}

.zz-public-firstSelect:hover .date-2 {
display: block;
}

.zz-public-firstSelect .date-1 {
display: inline-flex;
width: 100%;
height: 45px;
border: 1px solid #d6d7da;
border-radius: 10px;
position: relative;
z-index: 3;
overflow: hidden;
align-items: center;
justify-content: space-between;
}

.zz-public-firstSelect .date-1 .zz-text1 {
width: 100%;
height: 100%;
}

.zz-public-firstSelect .date-1 .zz-text1 .zz-box {
	display: flex;
	height: 100%;
	width: 100%;
}

.zz-public-firstSelect .date-1 .zz-text1 .zz-p1 {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
	color: #666;
	padding-left: 0.2rem;
	padding-right: 0.1rem;
}

.zz-public-firstSelect .date-1 .zz-text1 .zz-p2 {
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.zz-public-firstSelect .date-1 .zz-text1 .zz-p2 img,
	.zz-public-firstSelect .date-1 .zz-text1 .zz-p2 svg {
		width: 10px;
		height: auto;
	}

		.zz-public-firstSelect .date-1 .zz-text1 .zz-p2 img path,
		.zz-public-firstSelect .date-1 .zz-text1 .zz-p2 svg path {
			fill: #999;
		}

.zz-public-firstSelect .date-1 .zz-text2 {
display: none;
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
top: 0;
left: 0;
background: #fff;
}

.zz-public-firstSelect .date-1 .zz-text2 .zz-icon {
	position: absolute;
	height: 100%;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
}

	.zz-public-firstSelect .date-1 .zz-text2 .zz-icon img,
	.zz-public-firstSelect .date-1 .zz-text2 .zz-icon svg {
		width: 10px;
		height: auto;
	}

		.zz-public-firstSelect .date-1 .zz-text2 .zz-icon img path,
		.zz-public-firstSelect .date-1 .zz-text2 .zz-icon svg path {
			fill: #999;
		}

.zz-public-firstSelect .date-1 .zz-text2 .zz-ul {
	display: flex;
	align-items: center;
	padding: 0 0.1rem;
	width: calc(100% - 40px);
	height: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

	.zz-public-firstSelect .date-1 .zz-text2 .zz-ul::-webkit-scrollbar {
		height: 0;
	}

	.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li {
		display: flex;
		align-items: center;
		border-radius: 5px;
		background: #fff6ec;
		padding-left: 8px;
		margin-right: 5px;
	}

		.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li:last-child {
			margin-right: 0;
		}

		.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li .zz-p1 {
			color: #0071c9;
			white-space: nowrap;
		}

		.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 {
			width: 25px;
			height: 25px;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 5px;
		}

			.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 img,
			.zz-public-firstSelect .date-1 .zz-text2 .zz-ul .zz-li .zz-p2 svg {
				width: 10px;
				height: 10px;
			}

.zz-public-firstSelect .date-2 {
position: absolute;
top: calc(100% + 15px);
left: -2px;
background: #fff;
border-radius: 10px;
width: 2.35rem;
z-index: 2;
border: 1px solid #dee1e7;
padding: 15px 0;
display: none;
}

@media (max-width: 767px) {
.zz-public-firstSelect .date-2 {
z-index: 20;
width: 100%;
}
}

.zz-public-firstSelect .date-2::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: -15%;
left: 0;
z-index: -1;
}

@media (max-width: 767px) {
.zz-public-firstSelect .date-2::before {
top: 0;
}
}

.zz-public-firstSelect .date-2 .zz-icon {
position: absolute;
width: 12px;
height: 8px;
top: -8px;
left: 0.4rem;
}

.zz-public-firstSelect .date-2 .ul-1 {
width: 0.85rem;
min-width: 65px;
height: 2.5rem;
min-height: 200px;
position: relative;
}

.zz-public-firstSelect .date-2 .ul-1 .li-1 {
display: flex;
align-items: center;
width: 100%;
padding: 5px 0;
justify-content: center;
cursor: pointer;
}

.zz-public-firstSelect .date-2 .ul-1 .li-1 > div {
	transition: all 0.4s;
}

.zz-public-firstSelect .date-2 .ul-1 .li-1.on > div,
.zz-public-firstSelect .date-2 .ul-1 .li-1:hover > div {
	color: #0071c9;
}

.zz-public-firstSelect .date-2 ul {
left: 100%;
top: 0;
height: 100%;
min-height: 200px;
padding: 0 0;
padding-right: 0;
width: 100%;
}

.zz-public-firstSelect .date-2 ul > div {
height: 100%;
padding: 0 0;
overflow-y: auto;
/*定义滚动条的轨道颜色、内阴影及圆角*/
/*定义滑块颜色、内阴影及圆角*/
display: flex;
flex-direction: column;
}

.zz-public-firstSelect .date-2 ul > div::-webkit-scrollbar {
width: 2px;
/*对垂直流动条有效*/
}

.zz-public-firstSelect .date-2 ul > div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #ddd;
	background-color: #ddd;
	border-radius: 3px;
}

.zz-public-firstSelect .date-2 ul > div::-webkit-scrollbar-thumb {
	border-radius: 7px;
	background-color: #0071c9;
}

.zz-public-firstSelect .date-2 ul li {
display: inline-flex;
transition: all 0.3s;
align-items: center;
padding: 5px 0;
padding-left: 0.25rem;
justify-content: space-between;
cursor: pointer;
width: 100%;
}

.zz-public-firstSelect .date-2 ul li:hover,
.zz-public-firstSelect .date-2 ul li.on {
	background: #fceddd;
	color: #0071c9;
}

	.zz-public-firstSelect .date-2 ul li.on img,
	.zz-public-firstSelect .date-2 ul li.on svg {
		opacity: 1;
	}

.zz-public-firstSelect .date-2 ul li img,
.zz-public-firstSelect .date-2 ul li svg {
	margin-right: 0.25rem;
	width: 15px;
	height: auto;
	transition: all 0.4s;
	opacity: 0;
}

.zz-public-firstSelect .date-2:nth-of-type(1) .ul-2 {
display: block;
}

.zz-pd80 {
padding: 0 0.8rem;
}

@media (max-width: 767px) {
.zz-pd80 {
padding: 0;
}
}

.join1 {
position: relative;
z-index: 150;
overflow: hidden;
}

.join1 .bgimg {
position: absolute;
z-index: 1;
width: 100%;
height: auto;
left: 0;
bottom: 0;
}

.join1 .zz-box {
padding: 1.3rem 0.8rem 1.4rem;
position: relative;
z-index: 2;
display: flex;
align-items: stretch;
}

@media (max-width: 767px) {
.join1 .zz-box {
padding: 1.1rem 0 1.2rem;
flex-direction: column;
}
}

.join1 .zz-box .zz-left {
width: 50%;
margin-top: 1.05rem;
}

@media (max-width: 767px) {
.join1 .zz-box .zz-left {
margin-top: 0;
width: 100%;
}
}

.join1 .zz-box .zz-left .zz-btn {
margin-top: 0.55rem;
}

.join1 .zz-box .zz-right {
width: 50%;
}

@media (max-width: 767px) {
.join1 .zz-box .zz-right {
width: 100%;
margin-top: 1rem;
}
}

.join1 .zz-box .zz-right .zz-box {
width: 100%;
height: 0;
padding-bottom: 58.5%;
position: relative;
z-index: 1;
}

.join1 .zz-box .zz-right .zz-imgbox1 {
width: 41.42%;
position: absolute;
z-index: 3;
top: 0%;
left: 0%;
opacity: 0;
top: -5%;
left: -10%;
}

.join1 .zz-box .zz-right .zz-imgbox1 .public-img {
width: 100%;
}

.join1 .zz-box .zz-right .zz-imgbox1 .public-img::before {
	padding-top: 79.31%;
}

.join1 .zz-box .zz-right .zz-imgbox2 {
width: 21.42%;
position: absolute;
z-index: 1;
opacity: 0;
top: 9%;
right: -10%;
}

@media (max-width: 767px) {
.join1 .zz-box .zz-right .zz-imgbox2 {
width: 35.42%;
}
}

.join1 .zz-box .zz-right .zz-imgbox2 .public-img {
width: 100%;
}

.join1 .zz-box .zz-right .zz-imgbox2 .public-img::before {
padding-top: 80%;
}

.join1 .zz-box .zz-right .zz-imgbox3 {
width: 75.71%;
position: absolute;
z-index: 2;
bottom: 0;
left: 50%;
transform: translateX(-50%);
opacity: 0;
bottom: -10%;
left: 40%;
}

.join1 .zz-box .zz-right .zz-imgbox3 .public-img {
width: 100%;
}

.join1 .zz-box .zz-right .zz-imgbox3 .public-img::before {
	padding-top: 70.75%;
}

.join2 {
padding: 1.4rem 0;
overflow: hidden;
position: relative;
z-index: 150;
}

@media (max-width: 767px) {
.join2 {
padding: 1.1rem 0 0.8rem;
}
}

.join2 .zz-box {
display: flex;
justify-content: space-between;
}

@media (max-width: 1024px) {
.join2 .zz-box {
flex-direction: column;
}
}

.join2 .zz-left {
width: 25%;
padding-top: 0.35rem;
}

@media (max-width: 1024px) {
.join2 .zz-left {
width: 100%;
}
}

.join2 .zz-right {
width: 75%;
display: flex;
justify-content: flex-end;
}

@media (max-width: 1024px) {
.join2 .zz-right {
width: 100%;
justify-content: center;
margin-top: 0.8rem;
}
}

@media (max-width: 767px) {
.join2 .zz-right {
flex-direction: column;
}
}

.join2 .zz-right .zz-li {
width: 47.61%;
border-radius: 1000px;
transition: all 0.4s;
position: relative;
height: 0;
padding-bottom: 47.61%;
z-index: 1;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li {
width: 100%;
border-radius: 10px;
margin-bottom: 0.4rem;
height: auto;
padding-bottom: unset;
}
}

.join2 .zz-right .zz-li:nth-of-type(1) {
transform: translateX(8.57%);
z-index: 2;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li:nth-of-type(1) {
transform: translateX(0);
}
}

.join2 .zz-right .zz-li:hover .zz-box,
.join2 .zz-right .zz-li.on .zz-box {
background: #0071c9;
}

.join2 .zz-right .zz-li:hover .zz-box .zz-boxs1 .zz-icon img path,
.join2 .zz-right .zz-li.on .zz-box .zz-boxs1 .zz-icon img path,
.join2 .zz-right .zz-li:hover .zz-box .zz-boxs1 .zz-icon svg path,
.join2 .zz-right .zz-li.on .zz-box .zz-boxs1 .zz-icon svg path {
fill: #fff;
}

.join2 .zz-right .zz-li:hover .zz-box .zz-boxs1 .zz-title,
.join2 .zz-right .zz-li.on .zz-box .zz-boxs1 .zz-title,
.join2 .zz-right .zz-li:hover .zz-box .zz-boxs1 .zz-text,
.join2 .zz-right .zz-li.on .zz-box .zz-boxs1 .zz-text {
color: #fff;
}

.join2 .zz-right .zz-li:hover .zz-box .zz-boxs2,
.join2 .zz-right .zz-li.on .zz-box .zz-boxs2 {
background-image: linear-gradient(to bottom, #fff, rgba(214, 232, 242, 0.5), rgba(214, 232, 242, 0));
}

.join2 .zz-right .zz-li .zz-box {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #f5f5f5;
border-radius: inherit;
z-index: 2;
transition: all 0.4s;
overflow: hidden;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li .zz-box {
position: relative;
top: unset;
left: unset;
transform: unset;
}
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 0.65rem 0.9rem;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li .zz-box .zz-boxs1 {
padding: 0.6rem 1rem;
}
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon {
width: 0.65rem;
height: 0.65rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.3rem;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon {
margin-bottom: 0.4rem;
}
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon img,
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon img path,
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-icon svg path {
transition: all 0.4s;
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-title,
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-text {
text-align: center;
transition: all 0.4s;
line-height: 1.5em;
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-title {
color: #0071c9;
}

@media (max-width: 1024px) {
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-title {
font-size: 16px;
}
}

.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-text {
margin-top: 0.15rem;
}

@media (max-width: 1024px) {
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-text {
font-size: 16px;
}
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li .zz-box .zz-boxs1 .zz-text {
font-size: 0.28rem;
margin-top: 0.3rem;
}
}

.join2 .zz-right .zz-li .zz-boxs2 {
font-size: 1.2rem;
line-height: 1;
color: transparent;
z-index: 5;
background-image: linear-gradient(to bottom, #999, rgba(214, 232, 242, 0));
-webkit-background-clip: text;
opacity: 0.2;
transition: all 0.4s;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-weight: bold;
}

@media (max-width: 767px) {
.join2 .zz-right .zz-li .zz-boxs2 {
transform: unset;
left: unset;
right: -4%;
bottom: -15%;
font-size: 2rem;
}
}

.join3 {
background: #f5f5f5;
padding: 1.25rem 0 1.15rem;
margin-bottom: 0.65rem;
position: relative;
z-index: 1;
overflow: hidden;
}

@media (max-width: 767px) {
.join3 {
padding: 1.1rem 0 0.8rem;
}
}

.join3 .bgimg {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
z-index: 2;
}

.join3 .zz_w1560 {
position: relative;
z-index: 3;
}

.join3 .zz-box {
position: relative;
z-index: 1;
margin-top: 0.6rem;
}

.join3 .zz-box .public-img {
position: absolute;
width: 65.71%;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
z-index: 1;
}

@media (max-width: 1024px) {
.join3 .zz-box .public-img {
width: 100%;
}
}

.join3 .zz-box .public-img img {
border-radius: inherit;
}

.join3 .zz-box .public-img::before {
padding-top: 78.49%;
}

.join3 .zz-box .zz-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
z-index: 2;
margin-bottom: 0.35rem;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list {
flex-direction: column;
margin-bottom: 0;
}
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list {
flex-direction: unset;
justify-content: flex-start;
}
}

.join3 .zz-box .zz-list:last-child {
margin-bottom: 0;
}

.join3 .zz-box .zz-list .zz-li {
margin-bottom: 0.3rem;
}

@media (max-width: 1024px) {
.join3 .zz-box .zz-list .zz-li {
display: inline-flex;
}
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list .zz-li {
margin-right: 0.3rem;
}
}

.join3 .zz-box .zz-list .zz-li .zz-text {
color: #0071c9;
border-radius: 1000px;
border: 2px solid #0071c9;
background: #fff;
min-height: 40px;
min-width: 120px;
padding: 0.2rem 0.4rem;
transition: all 0.4s;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list .zz-li .zz-text {
padding: 0.1rem 0.4rem;
}
}

.join3 .zz-box .zz-list .zz-li .zz-text:hover {
background: #0071c9;
color: #fff;
}

.join3 .zz-box .zz-list1 .zz-li {
margin-left: 1.35rem;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list1 .zz-li {
margin-left: 0;
}
}

.join3 .zz-box .zz-list1 .zz-li:nth-of-type(1) {
margin-left: 0;
}

@media (max-width: 1024px) {
.join3 .zz-box .zz-list2 .zz-li {
margin-bottom: 0.2rem;
}
}

.join3 .zz-box .zz-list3 {
transform: translateX(0.2rem);
}

@media (max-width: 1024px) {
.join3 .zz-box .zz-list3 {
transform: translateX(0);
}
}

.join3 .zz-box .zz-list3 .zz-li {
margin-left: 2.1rem;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list3 .zz-li {
margin-left: 0;
}
}

.join3 .zz-box .zz-list3 .zz-li:last-child {
margin-left: 1.95rem;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list3 .zz-li:last-child {
margin-left: 0;
}
}

.join3 .zz-box .zz-list3 .zz-li:nth-of-type(1) {
margin-left: 0;
}

.join3 .zz-box .zz-list3 .zz-li:nth-of-type(2) {
margin-top: -0.1rem;
}

@media (max-width: 1024px) {
.join3 .zz-box .zz-list3 .zz-li:nth-of-type(2) {
margin-top: 0;
}
}

.join3 .zz-box .zz-list4 {
transform: translateX(-0.25rem);
}

@media (max-width: 1024px) {
.join3 .zz-box .zz-list4 {
transform: translateX(0);
}
}

.join3 .zz-box .zz-list4 .zz-li {
margin-left: 0.65rem;
}

@media (max-width: 767px) {
.join3 .zz-box .zz-list4 .zz-li {
margin-left: 0;
}
}

.join3 .zz-icon {
position: absolute;
z-index: 3;
}

@media (max-width: 767px) {
.join3 .zz-icon {
display: none;
}
}

.join3 .zz-icon .zz-div {
border-radius: 1000px;
border: 2px solid #0071c9;
background: #fff;
min-height: 40px;
min-width: 120px;
width: 1.9rem;
height: 0.65rem;
opacity: 0.3;
}

.join3 .zz-icon.zz-icon1 {
top: 39%;
left: -5.2%;
}

.join3 .zz-icon.zz-icon2 {
right: 0.35rem;
top: 39.56%;
}

.join3 .zz-icon.zz-icon3 {
top: 78%;
left: 6.77%;
}

.join3 .zz-icon.zz-icon4 {
top: 82.41%;
right: 4.95%;
}

.zz-public-swpBtn {
width: 0.55rem;
height: 0.55rem;
min-width: 40px;
min-height: 40px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s;
opacity: 1;
overflow: unset;
position: relative;
top: unset;
left: unset;
right: unset;
border-radius: 1000px;
margin-top: 0;
border: 1px solid #c0bebd;
}

@media (max-width: 767px) {
.zz-public-swpBtn {
width: 0.8rem;
height: 0.8rem;
min-width: 0.8rem;
min-height: 0.8rem;
}
}

.zz-public-swpBtn svg {
width: 0.21rem;
min-width: 8px;
}

@media (max-width: 767px) {
.zz-public-swpBtn svg {
width: 0.26rem;
}
}

.zz-public-swpBtn svg path {
fill: #979898 !important;
opacity: 1;
transition: all 0.4s;
}

.zz-public-swpBtn:hover svg path {
fill: #0071c9 !important;
}

.zz-public-swpBtn.swiper-button-next img,
.zz-public-swpBtn.swiper-button-next svg {
transform: rotate(180deg);
}

.zz-public-swpBtn .svgbox {
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}

.zz-public-swpBtn .svgbox svg {
width: calc(100%);
height: calc(100%);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
z-index: 5;
}

.zz-public-swpBtn .svgbox svg .x-ba2 {
	stroke: #0071c9;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 0;
	stroke-dashoffset: 140;
}

.zz-public-swpBtn .svgbox svg.on .x-ba1 {
	opacity: 0.35;
}

.zz-public-swpBtn .svgbox svg.on .x-ba2 {
	opacity: 0;
}

.zz-public-swpBtn .svgbox svg.on2 .x-ba2 {
	opacity: 1;
	animation: box1run 5.5s linear infinite;
	animation-iteration-count: 1;
}

.join4 {
overflow: hidden;
padding: 0.7rem 0 0.15rem;
}

@media (max-width: 767px) {
.join4 {
padding-bottom: 0.35rem;
}
}

.join4 .swiper-slide .zz-text {
position: absolute;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 1.5em;
color: #333;
text-align: center;
left: 50%;
transform: translateX(-50%);
bottom: -10%;
}

@media (min-width: 2000px) {
.join4 .swiper-slide .zz-text {
bottom: -8%;
}
}

@media (max-width: 1400px) {
.join4 .swiper-slide .zz-text {
bottom: -12%;
}
}

@media (max-width: 767px) {
.join4 .swiper-slide .zz-text {
bottom: -20%;
}
}

.join4 .swiper-container {
overflow: unset;
}

.join4 .box .swiper-slide .homefo_box {
overflow: unset;
}

.join4 .box .swiper-slide .homefo_box .public-img {
border-radius: 20px;
}

.join4 .box .swiper-slide .homefo_box .public-img img {
	border-radius: inherit;
}

.zz-aTop {
margin-top: -72px;
padding-top: 72px;
}

@media screen and (max-width: 1440px) {
.zz-aTop {
margin-top: -60px;
padding-top: 60px;
}
}

.server1 {
position: relative;
z-index: 150;
}

.server1 .zz_w1560 {
padding: 1.1rem 0.8rem 1rem;
}

@media (max-width: 1024px) {
}

@media (max-width: 500px) {
.server1 .zz_w1560 {
padding: 1.1rem 0.3rem;
}
}

.server1 .server1Swp {
overflow: hidden;
box-shadow: 0 3px 20px rgba(206, 206, 206, 0.5);
padding: 0.5rem 0 20px;
margin-top: 0.6rem;
border-radius: 15px;
}

@media (max-width: 500px) {
.server1 .server1Swp {
padding-bottom: 0.8rem;
}
}

.server1 .swiper-container {
padding-left: 0.6rem;
padding-bottom: 0.5rem;
padding-right: 0.9rem;
}

@media (max-width: 500px) {
.server1 .swiper-container {
padding-bottom: 1rem;
}
}

@media (min-width: 500px) {
}

.server1 .swiper-slide .zz-title-box {
position: relative;
z-index: 2;
}

.server1 .swiper-slide .zz-title-box::before {
content: '';
position: absolute;
width: 1000%;
height: 3px;
background: #ddd;
top: 50%;
transform: translateY(-50%);
left: 0%;
z-index: -1;
}

@media (max-width: 767px) {
.server1 .swiper-slide .zz-title-box::before {
height: 1px;
}
}

.server1 .swiper-slide .zz-title {
background: #0071c9;
color: #fff;
padding: 5px 0.25rem;
border-radius: 1000px;
position: relative;
z-index: 3;
white-space: nowrap;
}

.server1 .swiper-slide .zz-ul1 {
padding-left: 0.2rem;
padding-top: 0.35rem;
padding-bottom: 0.4rem;
border-left: 1px solid #ddd;
position: relative;
z-index: 1;
transform: translateX(0.52rem);
}

.server1 .swiper-slide .zz-ul1::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #0071c9;
border-radius: 1000px;
bottom: 0;
left: -4px;
}

.server1 .swiper-slide .zz-ul1 li {
margin-bottom: 5px;
white-space: nowrap;
}

@media (max-width: 500px) {
.server1 .swiper-slide .zz-ul1 li {
margin-bottom: 0.2rem;
}
}

.server1 .swiper-slide .zz-ul1 li:last-child {
margin-bottom: 0;
}

.server1 .swiper-slide .zz-ul2 {
min-height: 1.05rem;
transform: translateX(70.7%);
padding-top: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.15rem;
position: relative;
z-index: 1;
}

@media (max-width: 500px) {
.server1 .swiper-slide .zz-ul2 {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
}

.server1 .swiper-slide .zz-ul2.on {
border-left: 1px solid #ddd;
}

.server1 .swiper-slide .zz-ul2.on::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #0071c9;
border-radius: 1000px;
top: 0;
left: -4px;
}

.server1 .swiper-slide .zz-ul2 li {
margin-bottom: 5px;
}

@media (max-width: 500px) {
.server1 .swiper-slide .zz-ul2 li {
margin-bottom: 0.2rem;
}
}

.server1 .swiper-slide .zz-ul2 li:last-child {
margin-bottom: 0;
}

.server1 .swiper-pagination {
width: 92.85%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
top: unset;
height: 2px;
}

@media (max-width: 500px) {
.server1 .swiper-pagination {
width: 85%;
}
}

.server1 .swiper-pagination-progressbar {
background: #ddd;
}

.server1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #0071c9;
}

.server1 .zz-tips {
text-align: center;
color: #999;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}

@media (max-width: 767px) {
.server1 .zz-tips {
margin-top: 0.5rem;
}
}

.server2 {
background: #fff;
position: relative;
z-index: 150;
}

.server2 .bgimg {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
z-index: 1;
}

.server2 .zz_w1560 {
padding: 0.8rem 0.8rem 0.8rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
z-index: 1;
}

@media (max-width: 1024px) {
}

.server2 .zz-list {
margin: 0 0;
position: relative;
z-index: 2;
background: #fff;
}

@media (max-width: 1024px) {
.server2 .zz-list > .zz_w1560 {
flex-direction: column;
}
}

@media (max-width: 767px) {
.server2 .zz-list > .zz_w1560 {
padding: 0.8rem 0;
}
}

@media (max-width: 767px) {
.server2 .zz-list:nth-of-type(1) > .zz_w1560 {
padding-top: 0;
}
}

.server2 .zz-list:nth-of-type(1) .zz-i1 {
display: none;
}

.server2 .zz-list:last-child .zz-i2 {
display: none;
}

.server2 .zz-list:hover .bgimgs {
opacity: 1;
}

.server2 .zz-list:hover .zz-left .zz-tipsBox .zz-tips {
background: #fff;
color: #ce904e;
}

.server2 .zz-list:hover .zz-left .h3 {
color: #fff;
}

.server2 .zz-list:hover .zz-left .zz-lis .zz-name {
color: #fff;
}

.server2 .zz-list:hover .zz-left .zz-lis .zz-ul .zz-li .zz-div1 {
background: #fff;
}

.server2 .zz-list:hover .zz-right .public-img img {
transform: scale(1.05);
}

.server2 .zz-list .bgimgs {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.4s;
opacity: 0;
}

.server2 .zz-list .bgimgs .zz-img1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
z-index: 1;
}

.server2 .zz-list .bgimgs .zz-img2 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.1;
z-index: 2;
}

.server2 .zz-list .zz-i1 {
position: absolute;
width: 2px;
height: 0.45rem;
top: 0%;
left: 1.3rem;
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-i1 {
display: none;
}
}

.server2 .zz-list .zz-i1 img {
width: 100%;
height: 100%;
}

.server2 .zz-list .zz-i2 {
position: absolute;
width: 2px;
height: 100%;
bottom: 0%;
left: 1.3rem;
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-i2 {
display: none;
}
}

.server2 .zz-list .zz-i2 img {
width: 100%;
height: 100%;
}

.server2 .zz-list .zz-left {
position: relative;
z-index: 3;
width: 50%;
display: flex;
justify-content: space-between;
flex-direction: column;
margin-top: 0rem;
padding-top: 0rem;
padding-bottom: 0;
}

@media (max-width: 1366px) {
.server2 .zz-list .zz-left {
width: 55%;
}
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-left {
order: 1;
width: 100%;
}
}

.server2 .zz-list .zz-left .zz-l {
flex: 1;
padding-right: 0.4rem;
}

.server2 .zz-list .zz-left .zz-r {
width: 50%;
padding-right: 0.4rem;
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .zz-r {
margin-top: 0.8rem;
}
}

.server2 .zz-list .zz-left .zz-bigbox {
display: flex;
justify-content: space-between;
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .zz-bigbox {
flex-direction: column;
}
}

.server2 .zz-list .zz-left .zz-tipsBox {
display: inline-flex;
align-items: flex-start;
}

.server2 .zz-list .zz-left .zz-tipsBox .zz-tips {
background: #f3ece6;
border-radius: 1000px;
padding: 5px 0.3rem;
color: #ce904e;
display: inline-flex;
margin-bottom: 15px;
min-height: 35px;
align-items: center;
transition: all 0.4s;
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .zz-tipsBox .zz-tips {
margin-bottom: 0.45rem;
}
}

.server2 .zz-list .zz-left .h3 {
line-height: 1.2;
color: #1a1a1a;
transition: all 0.4s;
}

@media (max-width: 1580px) {
.server2 .zz-list .zz-left .h3 {
font-size: 30px;
}
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .h3 {
font-size: 0.36rem;
}
}

.server2 .zz-list .zz-left .zz-box {
margin-top: 0.3rem;
}

@media (max-width: 767px) {
}

.server2 .zz-list .zz-left .zz-lis {
display: flex;
margin-bottom: 0.15rem;
}

.server2 .zz-list .zz-left .zz-lis:last-child {
margin-bottom: 0;
}

.server2 .zz-list .zz-left .zz-lis .zz-name {
transition: all 0.4s;
}

@media (max-width: 1366px) {
.server2 .zz-list .zz-left .zz-lis .zz-name {
padding-top: 0.04rem;
}
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .zz-lis .zz-name {
padding-top: 0.1rem;
}
}

.server2 .zz-list .zz-left .zz-lis .zz-ul {
display: flex;
flex-wrap: wrap;
margin-left: 10px;
flex: 1;
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li {
margin-right: 10px;
cursor: pointer;
position: relative;
margin-bottom: 10px;
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li:hover .zz-div1 {
	background: #0071c9;
	color: #fff;
	border-color: #fff;
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li:hover .zz-div2 {
	display: block;
	animation: hideShow 0.5s;
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li:last-child {
	margin-right: 0;
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div1 {
	padding: 5px 10px;
	border-radius: 1000px;
	color: #666;
	background: #f5f5f5;
	transition: all 0.4s;
	border: 1px solid #f5f5f5;
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div1 {
padding: 5px 15px;
}
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div2 {
display: none;
position: absolute;
background: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
border-radius: 10px;
padding: 0.2rem;
line-height: 1.5em;
color: #333;
width: 100%;
min-width: 350px;
left: 83%;
z-index: 10;
top: unset;
bottom: calc(100% + 15px);
left: 0;
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div2 {
width: 100%;
min-width: 3rem;
}
}

@media (max-width: 767px) {
.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div2 {
min-width: 2.8rem;
}
}

.server2 .zz-list .zz-left .zz-lis .zz-ul .zz-li .zz-div2::before {
content: '';
position: absolute;
border: 12px solid rgba(0, 0, 0, 0);
border-top-color: #fff;
transition: all 0.5s;
top: 18px;
left: -20px;
transform: translateY(0%) rotate(90deg);
top: unset;
bottom: -20px;
left: 20px;
transform: translateY(0%) rotate(0deg);
}

@media (max-width: 1024px) {
}

.server2 .zz-list .zz-right {
position: relative;
z-index: 2;
width: 50%;
padding-left: 8.57%;
}

@media (max-width: 1366px) {
.server2 .zz-list .zz-right {
padding-left: 0.4rem;
width: 45%;
}
}

@media (max-width: 1024px) {
.server2 .zz-list .zz-right {
order: 0;
width: 60%;
padding-left: 0;
margin-bottom: 0.4rem;
}
}

@media (max-width: 767px) {
.server2 .zz-list .zz-right {
width: 100%;
margin-bottom: 0.6rem;
}
}

.server2 .zz-list .zz-right .public-img {
width: 100%;
border-radius: 10px;
}

.server2 .zz-list .zz-right .public-img img {
border-radius: inherit;
transition: all 0.8s;
}

.server2 .zz-list .zz-right .public-img::before {
padding-top: 67.18%;
}

.activity1 {
overflow: hidden;
}

.activity1 .bag {
/* position: relative; */
}

.activity1 .bag img {
	width: 100%;
}

	.activity1 .bag img:nth-child(2) {
		display: none;
	}

@media (max-width: 767px) {
.activity1 .bag img {
display: none;
}

.activity1 .bag img:nth-child(2) {
	display: block;
}
}

.activity1 .bag:before {
padding-top: 29.58333333%;
}

@media (max-width: 1260px) {
.activity1 .bag:before {
padding-top: 46%;
}
}

@media (max-width: 767px) {
.activity1 .bag:before {
padding-top: 86.66666667%;
}
}

.activity1 .bag {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.activity1 .bag::after {
content: '';
position: absolute;
background-image: url('../images/banner_bj2.png');
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-size: 100% 100%;
background-repeat: no-repeat;
}

@media (max-width: 767px) {
.activity1 .bag::after {
background-image: url('../images/banner_bj3.png');
}
}

.inside {
padding: 20px 5%;
position: relative;
z-index: 9;
}

@media (max-width: 767px) {
.inside {
padding: 35px 0;
}

.calculationTools {
width: 100%;
padding: 50px 20px;
}

.gserfi {
overflow: hidden
}
}