@charset "UTF-8";
@font-face {
font-family: 'OPPOSansR';
src: url('fonts/OPPOSansR.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OPPOSansM';
src: url('fonts/OPPOSansM.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OPPOSansB';
src: url('fonts/OPPOSansB.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@keyframes rotateY360 {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(360deg);
}
}
/** 通用样式 */
* {
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
box-sizing: border-box;
}
*::after,
*::before {
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
box-sizing: border-box;
}
ul, li {
list-style: none;
margin: 0;
padding: 0
}
a {
color: inherit;
}
a:hover {
color: inherit;
}
input,
textarea {
border: none;
outline: none;
background-color: transparent;
}
body {
font-family: 'OPPOSansR';
background-color: #fff;
padding: 0;
margin: 0;
width: 100%;
scroll-behavior: smooth;
overflow-x: hidden;
}
video {
max-width: 100%;
height: auto;
}
hr {
border: none !important;
}
* {
font-size: .18rem;
font-family: 'OPPOSansR';
}
html {
font-size: 100px;
}
img {
max-width: 100%;
}
.box {
width: 15.2rem;
margin: 0 auto;
}
.header {
width: 100%;
height: 1.1rem;
position: fixed;
background: rgba(36, 36, 39, 0.00);
padding: 0 2rem;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 99;
}
.headeractive {
background: #fff;
}
.logo {
width: 2rem;
}
.logo img {
width: 100%;
}
.logo .logoimg2 {
display: none;
}
.headeractive .logo .logoimg1 {
display: none;
}
.headeractive .logo .logoimg2 {
display: block;
}
.header-cont {
display: flex;
justify-content: flex-end;
}
.nav ul {
height: 1.1rem;
display: flex;
justify-content: center;
}
.nav ul li {
display: flex;
height: 1.1rem;
position: relative;
align-items: center;
}
.nav ul li a {
display: block;
color: #fff;
padding: 0 .3rem;
font-family: 'OPPOSansM';
}
.nav ul li>a {
text-transform: uppercase;
}
.en .nav ul li>a {
padding: 0 0.15rem;
}
.headeractive .nav ul li a {
color: #333;
}
.nav ul li:hover a.s {
color: #00706A;
}
.nav ul li .se {
min-width: 1.7rem;
background: #fff;
padding: 0.05rem 0.1rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
border-top: .04rem solid #00706A;
position: absolute;
top: 1.06rem;
left: 50%;
transform: translateX(-50%);
display: none;
text-align: center;
}
.nav ul li .se p {
height: .48rem;
line-height: .48rem;
border-bottom: 1px dashed #CCC;
white-space: nowrap;
}
.nav ul li .se p a {
color: #333;
}
.nav ul li .se p:last-child {
border-bottom: none;
}
.nav ul li .se p:hover a {
color: #00706A;
}
.header-icon {
display: flex;
align-items: center;
}
.header-icon a {
color: #fff;
margin-left: .6rem;
}
.header-icon .search-icon {
width: 0.24rem;
height: 0.24rem;
margin-left: .4rem;
}
.headeractive .header-icon a {
color: #333;
font-family: 'OPPOSansM';
}
.headeractive .search-icon path {
stroke: #333;
}
.header-icon a:hover {
color: #00706A;
}
.search-box {
width: 100%;
height: 0;
position: fixed;
top: 1.1rem;
left: 0;
background: #242424;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: all .6s ease;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
}
.search-box form {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.search-box .inpt {
width: 9rem;
padding: 0 0.15rem;
height: .5rem;
border-bottom: 2px solid #474747;
color: #fff;
}
.search-box .sub {
width: .5rem;
height: .5rem;
border-bottom: 2px solid #474747;
background: url('data:image/svg+xml,') no-repeat center;
background-size: .24rem;
cursor: pointer;
}
.searchbut {
height: 1.1rem;
display: flex;
align-items: center;
}
.searchbut:hover .search-box {
height: 1.8rem;
transition: all .6s ease;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-o-transition: all .6s ease;
}
.banner {
width: 100%;
position: relative;
}
.banner img {
width: 100%;
vertical-align: bottom;
}
.banner .navpage {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: .44rem;
position: absolute;
bottom: .6rem;
}
.banner .swiper-pagination {
position: initial;
bottom: auto;
z-index: 10;
text-align: center;
display: flex;
align-items: center;
}
.banner .swiper-pagination-bullet {
display: inline-block;
width: .06rem;
height: .06rem;
border-radius: 50%;
margin: 0 0.09rem;
cursor: pointer;
border: none;
opacity: 1;
background: rgba(255, 255, 255, 0.80);
}
.banner .swiper-pagination-bullet-active {
width: .14rem;
height: .14rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
width: .44rem;
height: .44rem;
border-radius: 50%;
position: initial;
top: auto;
margin-top: 0;
left: auto;
right: auto;
}
.banner .swiper-button-prev {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-right: .15rem;
}
.banner .swiper-button-next {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-left: .15rem;
}
.banner .title {
position: absolute;
top: 3.6rem;
left: 2rem;
z-index: 20;
}
.banner .title p {
color: #fff;
font-size: .22rem;
line-height: .36rem;
}
.banner .title h2 {
color: #fff;
font-size: .7rem;
font-family: 'OPPOSansB';
margin-top: .1rem;
}
.banner .title.en p {
font-size: .2rem;
}
.banner .title.en h2 {
font-size: .5rem;
}
.banner .title a {
width: 1.8rem;
height: .5rem;
display: flex;
justify-content: center;
align-items: center;
background: #00706A;
padding: 0 .23rem;
margin-top: .5rem;
color: #fff;
}
.banner .title a span {
width: .2rem;
height: .2rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-right: .06rem;
}
.index-gyhm {
padding: 1.24rem 0 0;
}
.index-gyhm .box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.index-gyhm-left {
width: 7.72rem;
}
.index-gyhm-left .title {
position: relative;
z-index: 0;
text-transform: uppercase;
}
.index-gyhm-left .title h2 {
color: #00706A;
font-size: .36rem;
font-family: 'OPPOSansB';
padding-top: .21rem;
}
.index-gyhm-left .title h3 {
font-family: 'OPPOSansB';
font-size: .48rem;
opacity: 0.1;
background: linear-gradient(180deg, #00706A 0%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 0.04rem;
position: absolute;
top: -0.09rem;
left: 0;
user-select: none;
z-index: -1;
}
.index-gyhm-left .wz {
margin-top: .3rem;
}
.index-gyhm-left .wz p {
color: #333;
font-size: .18rem;
line-height: .32rem;
}
.index-wznr {
min-height: 3.2rem;
padding-bottom: 1.2rem;
position: relative;
overflow: hidden;
}
.en .index-wznr {
min-height: 3rem;
}
.index-wznr::after {
content: "";
width: 8.13rem;
height: 3.94rem;
background-image: url('bg.png');
background-size: cover;
position: absolute;
top: .19rem;
left: -0.5rem;
pointer-events: none;
}
.index-wzsorll {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: .65rem;
position: relative;
z-index: 10;
}
.index-wzsorll li {
width: 25%;
text-align: center;
}
.index-wzsorll li .w {
display: flex;
justify-content: center;
}
.index-wzsorll li .w h4 {
color: #00706A;
font-size: .5rem;
font-family: 'OPPOSansB';
}
.index-wzsorll li .w span {
display: block;
color: #00706A;
font-size: .24rem;
padding-top: .28rem;
font-family: 'OPPOSansB';
}
.index-wzsorll li p {
color: #333;
font-size: .16rem;
font-family: 'OPPOSansM';
margin-top: .14rem;
}
.index-wznr .more {
width: 1.4rem;
height: .5rem;
background: #00706A;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: .18rem;
margin-top: .89rem;
position: relative;
z-index: 10;
}
.index-wznr .more span {
width: .18rem;
height: .18rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-left: .06rem;
}
.index-gyhm-right {
width: 6.8rem;
}
.index-gyhm-right .bigImg {
width: 6.55rem;
height: 3.8rem;
border: 1px solid #00706A;
margin: .25rem .25rem 0 0;
}
.index-gyhm-right .bigImg .imgbox {
width: 100%;
height: 100%;
transform: translate(0.25rem, -0.25rem);
overflow: hidden;
}
.index-gyhm-right .bigImg img {
width: 100%;
}
.index-gyhm-right ul {
width: 100%;
padding: 0 .4rem;
display: flex;
justify-content: space-between;
margin-top: .5rem;
position: relative;
}
.index-gyhm-right ul::after {
content: "";
width: 100%;
height: .04rem;
background: #F1F1F1;
border-radius: .04rem;
position: absolute;
left: 0;
top: .76rem;
}
.index-gyhm-right ul li {
width: 1rem;
}
.index-gyhm-right ul li .imgbox {
width: .6rem;
height: .6rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: 100% 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto .16rem;
}
.index-gyhm-right ul li .imgbox svg {
width: .3rem;
height: .3rem;
}
.index-gyhm-right ul li h2 {
color: #939393;
font-size: .18rem;
padding-top: .24rem;
text-align: center;
}
.index-gyhm-right ul li.active .imgbox {
background: url('data:image/svg+xml,') no-repeat center;
background-size: 100% 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.index-gyhm-right ul li.active .imgbox svg path {
fill: #fff;
}
.index-gyhm-right ul li.active h2 {
color: #00706A;
font-family: 'OPPOSansB';
position: relative;
}
.index-gyhm-right ul li h2::after {
content: "";
width: 0;
height: .04rem;
background: #00706A;
border-radius: .04rem;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.index-gyhm-right ul li.active h2::after {
width: 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.index-ywly {
padding: .18rem 0 1rem;
}
.syhead {
width: 100%;
display: flex;
justify-content: center;
position: relative;
z-index: 0;
}
.syhead h2 {
color: #00706A;
font-size: .4rem;
font-family: 'OPPOSansB';
text-transform: uppercase;
padding-top: .3rem;
}
.syhead h3 {
font-size: .48rem;
opacity: 0.1;
background: linear-gradient(180deg, #00706A 0%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'OPPOSansB';
position: absolute;
top: 0;
text-transform: uppercase;
user-select: none;
z-index: -1;
}
.index-ywly-cont {
margin-top: .35rem;
}
.sylist2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sylist2 li {
width: 3.2rem;
height: 5.8rem;
overflow: hidden;
position: relative;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.sylist2 li:first-child {
margin-left: 0;
}
.sylist2 li .bigImg {
max-width: none;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.sylist2 li .wz {
width: 100%;
padding: 0 .2rem .35rem;
position: absolute;
z-index: 10;
bottom: 0;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sylist2 li .wz img {
width: .5rem;
height: .5rem;
}
.sylist2 li .wz h2 {
color: #fff;
font-size: .26rem;
font-family: 'OPPOSansB';
padding-top: .16rem;
}
.sylist2 li .wz p {
color: #fff;
font-size: .16rem;
line-height: .24rem;
margin-top: .2rem;
width: 4.68rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: none;
}
.sylist2 li .wz .more {
width: 1.3rem;
height: .44rem;
border: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: .16rem;
position: absolute;
right: .3rem;
bottom: .4rem;
opacity: 0;
}
.sylist2 li .wz .more span {
display: block;
width: .18rem;
height: .18rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-left: .04rem;
}
.sylist2 li.active {
width: 9.3rem;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.sylist2 li.active .wz {
padding: 0 .4rem .4rem;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.sylist2 li.active .wz img {
width: .7rem;
height: .7rem;
}
.sylist2 li.active .wz h2 {
width: 100%;
font-size: .4rem;
margin-top: .3rem;
}
.sylist2 li.active .wz p {
display: -webkit-box;
}
.sylist2 li.active .wz .more {
opacity: 1;
}
.index-xmal {
padding: .22rem 0 1.37rem;
position: relative;
overflow: hidden;
}
.index-xmal::before {
content: "";
width: 6.16rem;
height: 3.57rem;
background: url('bg1.svg') no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.index-xmal::after {
content: "";
width: 6.16rem;
height: 3.66rem;
background: url('bg2.svg') no-repeat center;
background-size: cover;
position: absolute;
right: -1.41rem;
bottom: 0;
}
.syhead2 {
width: 100%;
height: .79rem;
padding-top: .29rem;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 0;
}
.syhead2 h2 {
color: #00706A;
font-size: .4rem;
font-family: 'OPPOSansB';
text-transform: uppercase;
}
.syhead2 h3 {
font-size: .48rem;
opacity: 0.1;
background: linear-gradient(180deg, #00706A 0%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'OPPOSansB';
position: absolute;
top: 0;
text-transform: uppercase;
user-select: none;
z-index: -1;
}
.syhead2 .more {
width: 1.5rem;
height: .5rem;
background: #00706A;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: .16rem;
}
.syhead2 .more span {
display: block;
width: .18rem;
height: .18rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
margin-left: .06rem;
}
.index-xmal-cont {
margin-top: .5rem;
width: 100%;
position: relative;
}
.index-xmal-cont .swiper-container {
padding-bottom: .5rem;
}
.index-xmal-cont .imgbox {
width: 100%;
height: 2.9rem;
overflow: hidden;
}
.index-xmal-cont .imgbox img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.index-xmal-cont span {
color: #00706A;
font-size: .2rem;
margin-top: .25rem;
display: block;
}
.index-xmal-cont h2 {
padding: 0.15rem 0.2rem;
color: #333;
font-size: .2rem;
margin-top: .15rem;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.index-xmal-cont .swiper-slide:hover .imgbox img {
transform: scale(1.1, 1.1);
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.index-xmal-cont .swiper-slide:hover h2 {
color: #00706A;
}
.index-xmal-cont .swiper-scrollbar {
width: 14rem;
height: 0.04rem;
transform: translateX(-50%);
left: 50%;
bottom: .16rem;
}
.index-xmal-cont .swiper-scrollbar-drag {
background: #00706A;
}
.index-xmal-cont .swiper-button-prev,
.index-xmal-cont .swiper-button-next {
width: .16rem;
height: .16rem;
top: auto;
bottom: .08rem;
}
.index-xmal-cont .swiper-button-prev {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
opacity: 1;
}
.index-xmal-cont .swiper-button-next {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.index-xmal-cont .swiper-button-prev.swiper-button-disabled {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.index-xmal-cont .swiper-button-next.swiper-button-disabled {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.index-new {
padding: .8rem 0 1rem;
background: url(bg3.png) no-repeat center;
background-size: cover;
position: relative;
}
.index-new::after {
content: "";
width: 7.4rem;
height: 2.85rem;
background: url(icon1.png) no-repeat center;
background-size: cover;
position: absolute;
right: 0;
top: .2rem;
z-index: 10;
}
.index-new .syhead2 {
z-index: 20;
}
.index-new-cont {
width: 100%;
margin-top: .37rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 20;
}
.index-new-lb {
width: 6.55rem;
height: 3.8rem;
position: relative;
}
.index-new-lb::after {
content: "";
width: 6.55rem;
height: 3.8rem;
border: 1px solid #00706A;
position: absolute;
top: .25rem;
left: .25rem;
}
.index-new-lb .imgbox {
width: 6.55rem;
height: 3.8rem;
overflow: hidden;
}
.index-new-lb .imgbox img {
width: 100%;
height: 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.index-new-lb .wz {
width: 100%;
height: 1.6rem;
background: linear-gradient(180deg, rgba(4, 0, 0, 0.10) 0%, rgba(4, 0, 0, 0.70) 100%);
padding: 0 .25rem;
position: absolute;
bottom: 0;
}
.index-new-lb .wz span {
display: block;
color: #fff;
font-size: .18rem;
padding-top: .65rem;
}
.index-new-lb .wz h2 {
color: #fff;
font-size: .22rem;
margin-top: .12rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
width: 76%;
}
.index-new-lb .swiper-button-prev,
.index-new-lb .swiper-button-next {
width: .4rem;
height: .4rem;
top: auto;
bottom: .25rem;
}
.index-new-lb .swiper-button-prev {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
right: .9rem;
left: auto;
}
.index-new-lb .swiper-button-next {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
right: .25rem;
}
.index-new-lb .swiper-slide:hover img {
transform: scale(1.1, 1.1);
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.sylist3 {
width: 7.75rem;
}
.sylist3 li {
padding: .34rem 0 .2rem;
border-bottom: 1px solid #E3E3E3;
}
.sylist3 li:first-child {
padding-top: .2rem;
}
.sylist3 li a {
color: #333;
font-size: .22rem;
line-height: 160%;
font-family: 'OPPOSansM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.sylist3 li span {
color: #00706A;
font-size: .18rem;
display: block;
margin-top: .12rem;
font-family: 'OPPOSansM';
}
.sylist3 li p {
color: #666;
line-height: 160%;
font-size: .18rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: .15rem;
display: none;
}
.sylist3 li.active p {
display: -webkit-box;
}
.sylist3 li a:hover {
color: #00706A;
}
.index-hzhb {
padding: .8rem 0 .64rem;
background: url(bg4.png) no-repeat left 1.22rem;
}
.index-hzhb-cont {
margin-top: .05rem;
}
.index-hzhb-cont ul {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.index-hzhb-cont ul li {
width: 2.75rem;
height: 1.08rem;
border-radius: .1rem;
background: #FFF;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
margin: .25rem .145rem 0;
display: flex;
justify-content: center;
align-items: center;
}
.index-hzhb-cont ul li img {
max-height: 80%;
}
.footer {
background: url(bg5.png) no-repeat center;
background-size: cover;
}
.foot-logo {
width: 100%;
height: 1.24rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 0 2rem;
}
.foot-logo img {
padding-top: .4rem;
}
.foot-center {
padding: .2rem 2rem;
display: flex;
justify-content: space-between;
}
.foot-nav {
width: 7.65rem;
border-right: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
padding: .1rem .6rem .1rem 0;
}
.en .foot-nav {
width: 8.43rem;
padding-right: .35rem;
}
.foot-nav ul h2 {
color: #fff;
font-family: 'OPPOSansM';
font-size: .18rem;
margin-bottom: 0.08rem;
}
.en .foot-nav ul h2 {
font-size: .16rem;
}
.foot-nav ul li {
margin-top: .1rem;
}
.foot-nav ul li a {
color: #fff;
font-size: .16rem;
}
.en .foot-nav ul li a {
font-size: .14rem;
}
.foot-nav ul li a:hover {
text-decoration: underline;
}
.foot-lxfs {
width: 4.5rem;
min-height: 2.06rem;
border-right: 1px solid rgba(255, 255, 255, 0.08);
padding: .1rem 0 .1rem .46rem;
}
.en .foot-lxfs {
width: 3.95rem;
padding-left: 0.35rem;
padding-right: 0.35rem;
}
.foot-lxfs h2 {
color: #fff;
font-size: .18rem;
font-family: 'OPPOSansM';
}
.foot-lxfs h3 {
color: #fff;
font-size: .22rem;
font-family: 'OPPOSansM';
margin-top: .15rem;
}
.foot-lxfs p {
color: #fff;
font-size: .16rem;
margin-top: .12rem;
}
.foot-ewm {
width: 3.07rem;
padding: .1rem 0 .1rem .6rem;
}
.en .foot-ewm {
width: 2.82rem;
padding-left: 0.35rem;
}
.foot-ewm h2 {
color: #fff;
font-family: 'OPPOSansM';
font-size: .18rem;
}
.foot-ewm ul {
margin-top: .18rem;
display: flex;
justify-content: space-between;
}
.foot-ewm ul li {
width: 1.16rem;
}
.foot-ewm ul li img {
width: 100%;
}
.foot-ewm ul li p {
color: #fff;
font-size: .16rem;
opacity: .9;
margin-top: .08rem;
text-align: center;
white-space: nowrap;
}
.copycrght {
width: 100%;
height: .8rem;
padding: 0 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
}
.copycrght p {
color: #fff;
font-size: .14rem;
}
.copycrght p a {
color: #fff;
font-size: .14rem;
}
.copycrght p a:hover {
text-decoration: underline;
}
.nybanner-container .nybanner:nth-of-type(n+2) {
display: none !important;
}
.nybanner {
width: 100%;
height: 6rem;
text-align: center;
}
.nybanner h2 {
color: #fff;
font-size: .5rem;
font-family: 'OPPOSansB';
text-transform: uppercase;
padding-top: 2.55rem;
}
.nybanner span {
width: .48rem;
height: .03rem;
background: #00706A;
display: block;
margin: .12rem auto;
}
.nybanner p {
color: #fff;
font-size: .28rem;
}
.nyna {
width: 100%;
height: .82rem;
transform: translateY(-0.69rem);
position: relative;
z-index: 20;
}
.nyna .box {
display: flex;
justify-content: space-between;
}
.nav-two {
max-width: 70%;
margin: 0;
height: .82rem;
}
.nav-two ul {
display: flex;
justify-content: flex-start;
}
.nav-two ul li {
width: auto !important;
height: .82rem;
line-height: .69rem;
margin-right: .3rem;
position: relative;
transition: background .4s linear;
-webkit-transition: background .4s linear;
-moz-transition: background .4s linear;
-o-transition: background .4s linear;
}
.nav-two ul li:last-of-type {
margin-right: 0;
}
.nav-two ul li a {
display: block;
padding: 0 .3rem .13rem;
color: #fff;
font-family: 'OPPOSansB';
font-size: .22rem;
}
.en .nav-two ul li a {
font-family: 'OPPOSans';
}
.nav-two ul li.on,
.nav-two ul li:hover {
background: #00706A;
}
.nav-two ul li::after {
content: "";
width: 0;
height: .03rem;
background: #fff;
position: absolute;
bottom: .13rem;
left: 50%;
transform: translateX(-50%);
transition: width .4s linear;
-webkit-transition: width .4s linear;
-moz-transition: width .4s linear;
-o-transition: width .4s linear;
}
.nav-two ul li.on::after,
.nav-two ul li:hover::after {
width: .2rem;
}
.location {
width: 25%;
display: flex;
align-items: center;
white-space: nowrap;
line-height: .69rem;
padding-left: .23rem;
background: url('data:image/svg+xml,') no-repeat left center;
color: #fff;
font-size: .16rem;
overflow: hidden;
}
.location a {
color: #fff;
font-size: .16rem;
padding: 0 .1rem;
}
.location a:hover {
text-decoration: underline;
}
.nywrap {
padding: 0.9rem 0 .5rem;
margin-top: -0.9rem;
position: relative;
z-index: 0;
overflow: hidden;
}
.nywrap::before {
content: "";
position: absolute;
width: 6.96rem;
height: 8.05rem;
top: 0.85rem;
left: 0;
background-image: url(bgGlobe.png);
z-index: -1;
user-select: none;
opacity: 0.5;
}
.nywrap::after {
content: "";
position: absolute;
width: 6.96rem;
height: 8.05rem;
top: 7.98rem;
right: 0;
background-image: url(bgGlobe2.png);
z-index: -1;
user-select: none;
opacity: 0.5;
}
.nybg1 {
background: url(nybg1.jpg) no-repeat center;
background-size: cover;
}
.nyhead-wrap {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nyhead {
padding-top: .35rem;
position: relative;
z-index: 0;
text-transform: uppercase;
}
.nyhead h2 {
color: #00706A;
font-size: .36rem;
font-family: 'OPPOSansB';
}
.nyhead h3 {
font-size: .48rem;
font-family: 'OPPOSansB';
letter-spacing: 0.048rem;
opacity: 0.1;
background: linear-gradient(180deg, #00706A 0%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: 0;
left: 0;
user-select: none;
z-index: -1;
}
.cantioner {
margin-top: .2rem;
}
.falc-big {
width: 100%;
position: relative;
}
.falc-big .conts {
height: 4.5rem;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
position: relative;
}
.falc-big .conts h2 {
font-family: 'OPPOSansB';
color: #00706A;
font-size: 2.2rem;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}
.falc-big .conts .wz {
width: 7.9rem;
height: 2.6rem;
border-radius: .1rem;
background: rgba(255, 255, 255, 0.80);
backdrop-filter: blur(.05rem);
position: relative;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: .2rem;
}
.falc-big .conts .wz h3 {
color: #000;
font-size: .24rem;
font-family: 'OPPOSansB';
margin-bottom: .15rem;
}
.falc-big .conts .wz p {
color: #000;
font-size: .2rem;
font-family: 'OPPOSansM';
text-align: center;
}
.falc-big .swiper-button-prev,
.falc-big .swiper-button-next {
width: .6rem;
height: .6rem;
top: 3rem;
}
.falc-big .swiper-button-prev {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.falc-big .swiper-button-next {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.falc-big .swiper-button-prev:hover {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
opacity: 1;
}
.falc-big .swiper-button-next:hover {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
opacity: 1;
}
.falc-big .swiper-button-prev.swiper-button-disabled,
.falc-big .swiper-button-next.swiper-button-disabled {
opacity: 1;
}
.falc-small {
margin-top: .66rem;
height: .75rem;
margin-bottom: 1.46rem;
position: relative;
}
.falc-small::after {
content: "";
width: 100%;
height: .02rem;
background: #E9E9E9;
position: absolute;
bottom: .15rem;
}
.falc-small .swiper-slide {
height: .75rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.falc-small .swiper-slide h2 {
color: #000;
font-family: 'OPPOSansB';
font-size: .22rem;
line-height: .3rem;
}
.falc-small .swiper-slide span {
width: .2rem;
height: .2rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: contain;
object-fit: cover;
margin: .2rem 0 .05rem;
display: none;
}
.falc-small .swiper-slide.active span {
display: block;
}
.falc-small .swiper-slide.active h2 {
color: #00706A;
}
.falc-small .swiper-button-prev,
.falc-small .swiper-button-next {
width: .16rem;
height: .16rem;
top: auto;
bottom: .07rem;
}
.falc-small .swiper-button-prev {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
left: -0.46rem;
}
.falc-small .swiper-button-next {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
right: -0.46rem;
}
.falc-small .swiper-button-prev.swiper-button-disabled,
.falc-small .swiper-button-next.swiper-button-disabled {
opacity: 1;
}
.falc-small .swiper-button-prev:hover {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.falc-small .swiper-button-next:hover {
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.single {
color: #333;
font-size: .18rem;
line-height: 160%;
}
.nybg2 {
background: url(nybg2.jpg) no-repeat center;
background-size: cover;
}
.nybg3 {
background: url(nybg3.jpg) no-repeat center;
background-size: cover;
}
.nav-three {
padding-top: .29rem;
}
.nav-three ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.nav-three ul li {
margin-left: .2rem;
}
.nav-three ul li a {
display: block;
padding: 0 .22rem;
height: .5rem;
line-height: .5rem;
background: #F6F6F6;
color: #333;
font-size: .18rem;
}
.nav-three ul li.on a,
.nav-three ul li:hover a {
background: #00706A;
color: #fff;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.imglist {
padding: .4rem 0 .26rem;
}
.imglist ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.imglist ul li {
width: 2.27rem;
margin: 0 .13rem .6rem;
}
.imglist ul li .imgbox {
width: 100%;
height: 1.65rem;
/* background: #F6F6F6; */
display: flex;
justify-content: center;
overflow: hidden;
}
.imglist ul li .imgbox img {
height: 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.imglist ul li h2 {
color: #333;
font-size: .18rem;
text-align: center;
font-family: 'OPPOSansM';
line-height: .32rem;
margin-top: .2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.imglist ul li:hover .imgbox img {
transform: scale(1.1, 1.1);
}
.ywly-lm {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.en .ywly-lm {
align-items: center;
}
.ywly-lm-left {
width: 7.72rem;
}
.ywly-lm-left .wz {
width: 100%;
margin-top: .4rem;
}
.ywly-lm-left .wz p {
color: #333;
font-size: .2rem;
line-height: 1.6;
}
.ywly-lm-right {
width: 6.55rem;
position: relative;
}
.ywly-lm-right::after {
content: "";
width: 100%;
height: 3.8rem;
background: rgba(0, 112, 106, 0.08);
position: absolute;
right: .25rem;
top: .25rem;
z-index: -1;
}
.ywly-lm-right .imgbox {
width: 100%;
height: 3.8rem;
}
.ywly-lm-right .imgbox img {
width: 100%;
}
.ywly-container {
padding: .74rem 0 .5rem;
}
.ywly-top {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nysearch {
width: 4.6rem;
height: .58rem;
margin-top: .26rem;
}
.nysearch .inpt {
width: 4.02rem;
height: .58rem;
padding: 0 .15rem;
border-radius: .04rem;
border: .02rem solid #EEE;
background: #FFF;
border-right: none;
float: left;
}
.nysearch .inpt::-webkit-input-placeholder {
color: #999;
font-size: .2rem;
}
.nysearch .sub {
width: .58rem;
height: .58rem;
float: left;
border-radius: .04rem;
border: .02rem solid #EEE;
border-left: none;
background: url('data:image/svg+xml,') no-repeat center;
cursor: pointer;
}
.ywlylist {
width: 100%;
margin-top: .35rem;
}
.ywlylist ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.ywlylist ul li {
width: 4.8rem;
margin: 0 .13rem .44rem;
}
.ywlylist ul li .imgbox {
width: 100%;
height: 3.2rem;
overflow: hidden;
}
.ywlylist ul li .imgbox img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.ywlylist ul li h2 {
color: #333;
font-size: .24rem;
font-family: 'OPPOSansM';
margin-top: .2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ywlylist ul li p {
color: #00706A;
font-size: .18rem;
margin-top: .14rem;
}
.ywlylist ul li:hover .imgbox img {
transform: scale(1.1, 1.1);
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.ywlylist ul li:hover h2 {
color: #00706A;
}
.list {
padding: .35rem 0 .2rem;
}
.list ul {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.list ul li {
width: 4.8rem;
margin: 0 .13rem .5rem;
border-bottom: 1px solid rgba(51, 51, 51, .1);
position: relative;
}
.list ul li::after {
content: "";
width: 0;
height: 1px;
background: #00706A;
position: absolute;
bottom: 0;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.list ul li .imgbox {
width: 100%;
height: 3rem;
overflow: hidden;
}
.list ul li .imgbox img {
width: 100%;
height: 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.list ul li .wz {
padding: .3rem .3rem;
}
.list ul li .time {
line-height: .3rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.list ul li .time span {
color: #333;
font-size: .24rem;
font-family: 'OPPOSansB';
}
.list ul li .time h3 {
color: #00706A;
font-size: .14rem;
}
.list ul li h2 {
margin-top: .2rem;
height: .52rem;
color: #333;
font-size: .2rem;
font-family: 'OPPOSansM';
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.list ul li p {
height: .72rem;
color: rgba(51, 51, 51, .7);
font-size: .16rem;
line-height: .24rem;
margin-top: .2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.list ul li h4 {
margin-top: .32rem;
color: #00706A;
font-size: .18rem;
display: flex;
justify-content: flex-start;
align-items: center;
}
.list ul li h4 span {
display: block;
width: .18rem;
height: .18rem;
background: url('data:image/svg+xml,') no-repeat center;
background-size: cover;
}
.list ul li:hover .imgbox img {
transform: scale(1.1, 1.1);
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.list ul li:hover h2 {
color: #00706A;
}
.list ul li:hover::after {
width: 100%;
transition: all .4s linear;
-webkit-transition: all .4s linear;
-moz-transition: all .4s linear;
-o-transition: all .4s linear;
}
.details-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: .3rem 0;
}
.details-cont {
width: 10.5rem;
}
.details-cont .top {
padding-bottom: .2rem;
border-bottom: 1px solid #E2E8EE;
}
.details-cont .top h2 {
color: #333;
font-family: 'OPPOSansM';
font-size: .34rem;
line-height: .4rem;
}
.details-cont .top p {
color: #00706A;
font-size: .14rem;
line-height: .2rem;
margin-top: .16rem;
}
.details-cont .top p span {
font-size: .14rem;
margin-right: .15rem;
}
.details-cont .nr {
padding: .2rem 0 .4rem;
border-bottom: 1px solid #E2E8EE;
color: #333;
line-height: 160%;
}
.details-cont .nr img {
max-width: 80%;
width: auto;
height: auto !important;
}
.details-cont li {
list-style: auto;
}
.details-cont .bot {
padding-top: .28rem;
}
.details-cont .bot p {
color: #333;
font-size: .16rem;
line-height: 160%;
margin-top: .12rem;
}
.details-cont .bot p a {
color: #333;
font-size: .16rem;
}
.details-cont .bot p a:hover {
color: #00706A;
}
.details-news {
width: 4rem;
}
.details-news .head {
height: .46rem;
border-bottom: 2px solid #E2E8EE;
display: flex;
justify-content: flex-start;
}
.details-news .head svg {
width: .32rem;
height: .32rem;
}
.details-news .head h2 {
color: #00706A;
font-size: .22rem;
font-family: 'OPPOSansM';
padding-left: .08rem;
}
.details-news-cont {
width: 100%;
margin-top: .2rem;
}
.details-news-cont ul {
border-left: 1px solid #E2E8EE;
margin-left: 0.05rem;
}
.details-news-cont ul li {
padding-left: .2rem;
padding-bottom: .16rem;
position: relative;
}
.details-news-cont ul li:last-child {
padding-bottom: 0;
}
.details-news-cont ul li::before {
content: "";
width: .11rem;
height: .11rem;
background: #fff url('data:image/svg+xml,') no-repeat center;
background-size: cover;
position: absolute;
top: 0.05rem;
left: -0.06rem;
}
.details-news-cont ul li span {
display: block;
color: #00706A;
font-size: .14rem;
line-height: .22rem;
}
.details-news-cont ul li a {
color: #333;
font-size: .16rem;
line-height: .24rem;
margin-top: .08rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.details-news-cont ul li a:hover {
color: #00706A;
}
.pic {
width: 100%;
height: 100%;
}
.pic img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* svg-icon */
i.people-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M45.2867 20.0725C45.1058 20.0467 44.925 20.0467 44.7442 20.0725C40.74 19.9433 37.5625 16.6625 37.5625 12.6325C37.5625 8.525 40.895 5.16667 45.0283 5.16667C49.1358 5.16667 52.4942 8.49917 52.4942 12.6325C52.4683 16.6625 49.2908 19.9433 45.2867 20.0725Z' fill='white'/%3E%3Cpath d='M53.707 37.975C50.8136 39.9125 46.7578 40.6358 43.012 40.145C43.9936 38.0267 44.5103 35.6758 44.5361 33.1958C44.5361 30.6125 43.9678 28.1583 42.8828 26.0142C46.7061 25.4975 50.762 26.2208 53.6811 28.1583C57.7628 30.845 57.7628 35.2625 53.707 37.975Z' fill='white'/%3E%3Cpath d='M16.6367 20.0725C16.8176 20.0467 16.9984 20.0467 17.1792 20.0725C21.1834 19.9433 24.3609 16.6625 24.3609 12.6325C24.3609 8.49917 21.0284 5.16667 16.8951 5.16667C12.7876 5.16667 9.45508 8.49917 9.45508 12.6325C9.45508 16.6625 12.6326 19.9433 16.6367 20.0725Z' fill='white'/%3E%3Cpath d='M16.9214 33.1958C16.9214 35.7017 17.4639 38.0783 18.4455 40.2225C14.803 40.61 11.0055 39.835 8.21555 38.0008C4.13388 35.2883 4.13388 30.8708 8.21555 28.1583C10.9797 26.2983 14.8805 25.5492 18.5489 25.9625C17.4897 28.1325 16.9214 30.5867 16.9214 33.1958Z' fill='white'/%3E%3Cpath d='M31.3104 40.9975C31.1037 40.9717 30.8712 40.9717 30.6387 40.9975C25.8854 40.8425 22.0879 36.9417 22.0879 32.1367C22.1137 27.2283 26.0662 23.25 31.0004 23.25C35.9087 23.25 39.8871 27.2283 39.8871 32.1367C39.8612 36.9417 36.0896 40.8425 31.3104 40.9975Z' fill='white'/%3E%3Cpath d='M22.9139 46.345C19.0131 48.9542 19.0131 53.2425 22.9139 55.8258C27.3572 58.7967 34.6422 58.7967 39.0856 55.8258C42.9864 53.2167 42.9864 48.9283 39.0856 46.345C34.6681 43.3742 27.3831 43.3742 22.9139 46.345Z' fill='white'/%3E%3C/svg%3E");
}
i.note-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M20.0215 9.04167V5.16667C20.0215 4.10751 19.1432 3.22917 18.084 3.22917C17.0248 3.22917 16.1465 4.10751 16.1465 5.16667V9.19667C16.7923 9.11917 17.3865 9.04167 18.084 9.04167H20.0215Z' fill='white'/%3E%3Cpath d='M40.6875 9.19667V5.16667C40.6875 4.10751 39.8092 3.22917 38.75 3.22917C37.6908 3.22917 36.8125 4.10751 36.8125 5.16667V9.04167H38.75C39.4475 9.04167 40.0417 9.11917 40.6875 9.19667Z' fill='white'/%3E%3Cpath d='M54.9985 38.6725C53.0094 37.0967 50.5035 36.1667 47.791 36.1667C45.0785 36.1667 42.521 37.1225 40.5318 38.7242C37.8452 40.8425 36.166 44.1492 36.166 47.7917C36.166 49.9617 36.786 52.0542 37.8452 53.7592C38.6718 55.1025 39.731 56.2908 40.9968 57.195C42.9085 58.59 45.2335 59.4167 47.791 59.4167C50.736 59.4167 53.3968 58.3317 55.4377 56.5233C56.3418 55.7742 57.1168 54.8442 57.7368 53.785C58.796 52.0542 59.416 49.9617 59.416 47.7917C59.416 44.0975 57.6852 40.7908 54.9985 38.6725ZM47.791 53.32C47.791 50.2717 45.311 47.7917 42.2627 47.7917C45.311 47.7917 47.791 45.3117 47.791 42.2633C47.791 45.3117 50.271 47.7917 53.3193 47.7917C50.271 47.7917 47.791 50.2717 47.791 53.32Z' fill='white'/%3E%3Cpath d='M40.6868 9.19667V12.9167C40.6868 13.9758 39.8085 14.8542 38.7493 14.8542C37.6902 14.8542 36.8118 13.9758 36.8118 12.9167V9.04167H20.0202V12.9167C20.0202 13.9758 19.1418 14.8542 18.0827 14.8542C17.0235 14.8542 16.1452 13.9758 16.1452 12.9167V9.19667C8.52435 9.89417 5.16602 14.8025 5.16602 21.9583V43.9167C5.16602 51.6667 9.04102 56.8333 18.0827 56.8333H28.7518C30.7152 56.8333 32.0327 54.6375 31.5418 52.7258C31.1802 51.3308 30.9993 49.8842 30.9993 48.4375C30.9993 43.0642 33.4018 38.1042 37.561 34.8233C40.5835 32.3692 44.4585 31 48.4368 31H48.5402C50.1677 31 51.666 29.8117 51.666 28.1842V21.9583C51.666 14.8025 48.3077 9.89417 40.6868 9.19667ZM23.2493 43.2708H18.0827C17.0235 43.2708 16.1452 42.3925 16.1452 41.3333C16.1452 40.2742 17.0235 39.3958 18.0827 39.3958H23.2493C24.3085 39.3958 25.1868 40.2742 25.1868 41.3333C25.1868 42.3925 24.3085 43.2708 23.2493 43.2708ZM30.9993 30.3542H18.0827C17.0235 30.3542 16.1452 29.4758 16.1452 28.4167C16.1452 27.3575 17.0235 26.4792 18.0827 26.4792H30.9993C32.0585 26.4792 32.9368 27.3575 32.9368 28.4167C32.9368 29.4758 32.0585 30.3542 30.9993 30.3542Z' fill='white'/%3E%3C/svg%3E");
}
i.recycle-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cg clip-path='url(%23clip0_82_34907)'%3E%3Cpath d='M38.4806 37.6359L38.7577 42.0379L48.6041 41.9469C50.1483 44.3455 51.6615 47.0037 51.7874 49.2435C51.9153 51.5201 50.9155 55.8426 47.211 56.0054L39.339 56.6176L38.8255 61.5156L31.4688 49.9642L38.4806 37.6359ZM0.893144 38.2908C3.48358 41.1661 6.86839 41.7105 9.45302 41.5594L26.1213 41.6756V56.2495H17.3309C14.0604 56.327 10.9003 55.8232 9.22246 53.6881L0.893144 38.2908ZM54.9106 21.0413L59.5665 28.4929C61.3645 31.2306 62.6122 34.1736 61.6861 36.7272L53.0448 51.956C54.1182 48.2379 52.7794 45.0779 51.2778 42.9583L42.5475 28.7661L54.9106 21.0413ZM14.0236 21.0471L20.7564 33.5246L16.8736 31.4243L11.7393 39.8214C8.88921 39.8602 5.82989 39.7323 3.86333 38.6531C1.86577 37.5584 -1.27686 34.4158 0.550207 31.1879L4.20239 24.1936L0.321582 21.1614L14.0236 21.0451V21.0471ZM20.5588 1.9375L38.0621 2.11188C34.2898 2.97988 32.176 5.67881 31.0503 8.01737L22.8702 22.5351L10.1195 15.469L14.382 7.781C15.901 4.88056 17.8753 2.36762 20.5588 1.9375ZM36.3068 4.53375C38.2326 3.31312 42.5009 2.09444 44.4384 5.25644L48.7843 11.8439L53.32 9.91806L46.7809 21.9538L32.6003 21.7988L36.3242 19.4176L31.4688 10.8558C32.8193 8.34288 34.4119 5.73306 36.3068 4.53569V4.53375Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_82_34907'%3E%3Crect width='62' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.user-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cpath d='M23.2493 5.16667C16.481 5.16667 10.9785 10.6692 10.9785 17.4375C10.9785 24.0767 16.171 29.45 22.9393 29.6825C23.146 29.6567 23.3527 29.6567 23.5077 29.6825C23.5594 29.6825 23.5852 29.6825 23.6368 29.6825C23.6627 29.6825 23.6627 29.6825 23.6885 29.6825C30.3018 29.45 35.4943 24.0767 35.5202 17.4375C35.5202 10.6692 30.0177 5.16667 23.2493 5.16667Z' fill='white'/%3E%3Cpath d='M36.3725 36.5542C29.165 31.7492 17.4108 31.7492 10.1517 36.5542C6.87083 38.75 5.0625 41.7208 5.0625 44.8983C5.0625 48.0758 6.87083 51.0208 10.1258 53.1908C13.7425 55.6192 18.4958 56.8333 23.2492 56.8333C28.0025 56.8333 32.7558 55.6192 36.3725 53.1908C39.6275 50.995 41.4358 48.05 41.4358 44.8467C41.41 41.6692 39.6275 38.7242 36.3725 36.5542Z' fill='white'/%3E%3Cpath d='M51.6412 18.9617C52.0545 23.9733 48.4895 28.365 43.5553 28.9592C43.5295 28.9592 43.5295 28.9592 43.5037 28.9592H43.4262C43.2712 28.9592 43.1162 28.9592 42.987 29.0108C40.4812 29.14 38.182 28.3392 36.4512 26.8667C39.112 24.49 40.6362 20.925 40.3262 17.05C40.1453 14.9575 39.422 13.0458 38.337 11.4183C39.3187 10.9275 40.4553 10.6175 41.6178 10.5142C46.6812 10.075 51.202 13.8467 51.6412 18.9617Z' fill='white'/%3E%3Cpath d='M56.8073 42.8575C56.6006 45.3633 54.999 47.5333 52.3123 49.0058C49.729 50.4267 46.474 51.0983 43.2448 51.0208C45.1048 49.3417 46.1898 47.2492 46.3965 45.0275C46.6548 41.8242 45.1306 38.75 42.0823 36.2958C40.3515 34.9267 38.3365 33.8417 36.1406 33.0408C41.8498 31.3875 49.0315 32.4983 53.449 36.0633C55.8256 37.975 57.0398 40.3775 56.8073 42.8575Z' fill='white'/%3E%3C/svg%3E");
}
i.phone-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z' fill='%2300706A'/%3E%3Cpath d='M21.9716 18.33C21.9716 18.61 21.9216 18.9 21.8216 19.18C21.7916 19.26 21.7616 19.34 21.7216 19.42C21.5516 19.78 21.3316 20.12 21.0416 20.44C20.5516 20.98 20.0116 21.37 19.4016 21.62C19.3916 21.62 19.3816 21.63 19.3716 21.63C18.7816 21.87 18.1416 22 17.4516 22C16.4316 22 15.3416 21.76 14.1916 21.27C13.0416 20.78 11.8916 20.12 10.7516 19.29C10.3616 19 9.97156 18.71 9.60156 18.4L12.8716 15.13C13.1516 15.34 13.4016 15.5 13.6116 15.61C13.6616 15.63 13.7216 15.66 13.7916 15.69C13.8716 15.72 13.9516 15.73 14.0416 15.73C14.2116 15.73 14.3416 15.67 14.4516 15.56L15.2116 14.81C15.4616 14.56 15.7016 14.37 15.9316 14.25C16.1616 14.11 16.3916 14.04 16.6416 14.04C16.8316 14.04 17.0316 14.08 17.2516 14.17C17.4716 14.26 17.7016 14.39 17.9516 14.56L21.2616 16.91C21.5216 17.09 21.7016 17.3 21.8116 17.55C21.9116 17.8 21.9716 18.05 21.9716 18.33Z' fill='%2300706A'/%3E%3C/svg%3E");
}
i.phone-svg2 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.4775 13.7475C16.4775 14.0175 16.4175 14.295 16.29 14.565C16.1625 14.835 15.9975 15.09 15.78 15.33C15.4125 15.735 15.0075 16.0275 14.55 16.215C14.1 16.4025 13.6125 16.5 13.0875 16.5C12.3225 16.5 11.505 16.32 10.6425 15.9525C9.78 15.585 8.9175 15.09 8.0625 14.4675C7.2 13.8375 6.3825 13.14 5.6025 12.3675C4.83 11.5875 4.1325 10.77 3.51 9.915C2.895 9.06 2.4 8.205 2.04 7.3575C1.68 6.5025 1.5 5.685 1.5 4.905C1.5 4.395 1.59 3.9075 1.77 3.4575C1.95 3 2.235 2.58 2.6325 2.205C3.1125 1.7325 3.6375 1.5 4.1925 1.5C4.4025 1.5 4.6125 1.545 4.8 1.635C4.995 1.725 5.1675 1.86 5.3025 2.055L7.0425 4.5075C7.1775 4.695 7.275 4.8675 7.3425 5.0325C7.41 5.19 7.4475 5.3475 7.4475 5.49C7.4475 5.67 7.395 5.85 7.29 6.0225C7.1925 6.195 7.05 6.375 6.87 6.555L6.3 7.1475C6.2175 7.23 6.18 7.3275 6.18 7.4475C6.18 7.5075 6.1875 7.56 6.2025 7.62C6.225 7.68 6.2475 7.725 6.2625 7.77C6.3975 8.0175 6.63 8.34 6.96 8.73C7.2975 9.12 7.6575 9.5175 8.0475 9.915C8.4525 10.3125 8.8425 10.68 9.24 11.0175C9.63 11.3475 9.9525 11.5725 10.2075 11.7075C10.245 11.7225 10.29 11.745 10.3425 11.7675C10.4025 11.79 10.4625 11.7975 10.53 11.7975C10.6575 11.7975 10.755 11.7525 10.8375 11.67L11.4075 11.1075C11.595 10.92 11.775 10.7775 11.9475 10.6875C12.12 10.5825 12.2925 10.53 12.48 10.53C12.6225 10.53 12.7725 10.56 12.9375 10.6275C13.1025 10.695 13.275 10.7925 13.4625 10.92L15.945 12.6825C16.14 12.8175 16.275 12.975 16.3575 13.1625C16.4325 13.35 16.4775 13.5375 16.4775 13.7475Z' stroke='%2300706A' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M13.875 6.75C13.875 6.3 13.5225 5.61 12.9975 5.0475C12.5175 4.53 11.88 4.125 11.25 4.125' stroke='%2300706A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 6.75C16.5 3.8475 14.1525 1.5 11.25 1.5' stroke='%2300706A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
i.email-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 13C3.24 13 1 15.23 1 18C1 20.77 3.24 23 6 23C8.76 23 11 20.76 11 18C11 15.24 8.77 13 6 13ZM3.96 15.96H6C6.38 15.96 6.68 16.27 6.68 16.64C6.68 17.01 6.38 17.32 6 17.32H3.96C3.58 17.32 3.28 17.01 3.28 16.64C3.28 16.27 3.58 15.96 3.96 15.96ZM8.04 20.04H3.96C3.58 20.04 3.28 19.73 3.28 19.36C3.28 18.99 3.59 18.68 3.96 18.68H8.05C8.43 18.68 8.73 18.99 8.73 19.36C8.73 19.73 8.42 20.04 8.04 20.04Z' fill='%2300706A'/%3E%3Cpath d='M17 3H7C4 3 2 4.5 2 8V11.14C2 11.87 2.75 12.33 3.42 12.04C4.52 11.56 5.77 11.38 7.08 11.59C9.7 12.02 11.84 14.09 12.37 16.69C12.52 17.45 12.54 18.19 12.44 18.9C12.36 19.49 12.84 20.01 13.43 20.01H17C20 20.01 22 18.51 22 15.01V8C22 4.5 20 3 17 3ZM17.47 8.59L14.34 11.09C13.68 11.62 12.84 11.88 12 11.88C11.16 11.88 10.31 11.62 9.66 11.09L6.53 8.59C6.21 8.33 6.16 7.85 6.41 7.53C6.67 7.21 7.14 7.15 7.46 7.41L10.59 9.91C11.35 10.52 12.64 10.52 13.4 9.91L16.53 7.41C16.85 7.15 17.33 7.2 17.58 7.53C17.84 7.85 17.79 8.33 17.47 8.59Z' fill='%2300706A'/%3E%3C/svg%3E");
}
i.location-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.6211 8.45C19.5711 3.83 15.5411 1.75 12.0011 1.75C12.0011 1.75 12.0011 1.75 11.9911 1.75C8.46107 1.75 4.42107 3.82 3.37107 8.44C2.20107 13.6 5.36107 17.97 8.22107 20.72C9.28107 21.74 10.6411 22.25 12.0011 22.25C13.3611 22.25 14.7211 21.74 15.7711 20.72C18.6311 17.97 21.7911 13.61 20.6211 8.45ZM12.0011 13.46C10.2611 13.46 8.85107 12.05 8.85107 10.31C8.85107 8.57 10.2611 7.16 12.0011 7.16C13.7411 7.16 15.1511 8.57 15.1511 10.31C15.1511 12.05 13.7411 13.46 12.0011 13.46Z' fill='%2300706A'/%3E%3C/svg%3E");
}
i.chat-svg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12.2V13.9C20 17.05 18.2 18.4 15.5 18.4H6.5C3.8 18.4 2 17.05 2 13.9V8.5C2 5.35 3.8 4 6.5 4H9.2C9.07 4.38 9 4.8 9 5.25V9.15002C9 10.12 9.32 10.94 9.89 11.51C10.46 12.08 11.28 12.4 12.25 12.4V13.79C12.25 14.3 12.83 14.61 13.26 14.33L16.15 12.4H18.75C19.2 12.4 19.62 12.33 20 12.2Z' stroke='%2300706A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 5.25V9.15002C22 10.64 21.24 11.76 20 12.2C19.62 12.33 19.2 12.4 18.75 12.4H16.15L13.26 14.33C12.83 14.61 12.25 14.3 12.25 13.79V12.4C11.28 12.4 10.46 12.08 9.89 11.51C9.32 10.94 9 10.12 9 9.15002V5.25C9 4.8 9.07 4.38 9.2 4C9.64 2.76 10.76 2 12.25 2H18.75C20.7 2 22 3.3 22 5.25Z' stroke='%2300706A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.39844 22H14.5984' stroke='%2300706A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 18.4V22' stroke='%2300706A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.4955 7.25H18.5045' stroke='%2300706A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6947 7.25H15.7037' stroke='%2300706A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8939 7.25H12.9029' stroke='%2300706A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
i.chat-svg.white {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12.2V13.9C20 17.05 18.2 18.4 15.5 18.4H6.5C3.8 18.4 2 17.05 2 13.9V8.5C2 5.35 3.8 4 6.5 4H9.2C9.07 4.38 9 4.8 9 5.25V9.15002C9 10.12 9.32 10.94 9.89 11.51C10.46 12.08 11.28 12.4 12.25 12.4V13.79C12.25 14.3 12.83 14.61 13.26 14.33L16.15 12.4H18.75C19.2 12.4 19.62 12.33 20 12.2Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 5.25V9.15002C22 10.64 21.24 11.76 20 12.2C19.62 12.33 19.2 12.4 18.75 12.4H16.15L13.26 14.33C12.83 14.61 12.25 14.3 12.25 13.79V12.4C11.28 12.4 10.46 12.08 9.89 11.51C9.32 10.94 9 10.12 9 9.15002V5.25C9 4.8 9.07 4.38 9.2 4C9.64 2.76 10.76 2 12.25 2H18.75C20.7 2 22 3.3 22 5.25Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.39844 22H14.5984' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 18.4V22' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.4955 7.25H18.5045' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6947 7.25H15.7037' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8939 7.25H12.9029' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 视频容器 */
#mui-player {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 9999;
}
#mui-player video {
width: 100%;
height: 100%;
object-fit: contain;
}
/* 节点title */
.section-title {
position: relative;
z-index: 0;
text-transform: uppercase;
}
.section-title h2 {
color: #00706a;
font-size: 0.36rem;
font-family: 'OPPOSansB';
}
.section-title h3 {
position: absolute;
left: 0;
bottom: 0.15rem;
font-size: 0.48rem;
font-family: 'OPPOSansB';
letter-spacing: 0.048rem;
white-space: nowrap;
opacity: 0.1;
background: linear-gradient(180deg, #00706a 0%, #fff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
user-select: none;
z-index: -1;
}
/* 切换物体 */
.toggle-btn {
background-color: #00706a;
}
.toggle-btn .flex {
min-width: 1.4rem;
padding: 0.13rem 0.2rem;
display: flex;
justify-content: center;
align-items: center;
}
.toggle-btn span {
color: #fff;
font-size: 0.18rem;
line-height: normal;
white-space: nowrap;
}
.toggle-btn span:first-of-type {
display: block;
}
.toggle-btn span:last-of-type {
display: none;
}
.toggle-btn i {
margin-left: 0.06rem;
width: 0.24rem;
height: 0.24rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M10.7969 8.22011L17.2351 8.22011L17.2351 14.6583' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21875 17.2357L17.1442 8.31028' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.toggle-list li:nth-of-type(n + 5) {
display: none;
}
.toggle-item.open .toggle-btn span:first-of-type {
display: none;
}
.toggle-item.open .toggle-btn span:last-of-type {
display: block;
}
.toggle-item.open .toggle-list li:nth-of-type(n + 5) {
display: block;
}
/* 了解更多 */
.more-btn {
display: flex;
align-items: center;
}
.more-btn span {
color: #999;
font-size: 0.18rem;
line-height: normal;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.more-btn i {
width: 0.24rem;
height: 0.24rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M10.7969 8.22011L17.2351 8.22011L17.2351 14.6583' stroke='%23999' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21875 17.2357L17.1442 8.31028' stroke='%23999' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
transition: background-image 0.3s ease-in-out;
-webkit-transition: background-image 0.3s ease-in-out;
-moz-transition: background-image 0.3s ease-in-out;
-ms-transition: background-image 0.3s ease-in-out;
-o-transition: background-image 0.3s ease-in-out;
}
.more-btn:hover span {
color: #00706a;
}
.more-btn:hover i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M10.7969 8.22011L17.2351 8.22011L17.2351 14.6583' stroke='%2300706a' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21875 17.2357L17.1442 8.31028' stroke='%2300706a' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 集团介绍 */
.ny-gyhm .box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ny-gyhm-left {
width: 7.8rem;
}
.ny-gyhm-left .wz {
margin-top: 0.35rem;
}
.ny-gyhm-left .wz p {
color: #333;
text-align: justify;
font-family: 'OPPOSansR';
font-size: 0.18rem;
line-height: 0.32rem;
}
.en .ny-gyhm-left .wz p {
text-align: left;
}
.ny-gyhm-right {
width: 6.6rem;
}
#gallery {
height: 4.2rem;
}
#gallery::before {
content: "";
position: absolute;
width: 0.8rem;
height: 0.8rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72' fill='none'%3E%3Cpath d='M37.9709 4.99048C20.6774 4.99048 6.61035 19.0575 6.61035 36.351C6.61035 53.6445 20.6774 67.7115 37.9709 67.7115C55.2644 67.7115 69.3314 53.6445 69.3314 36.351C69.3314 19.0575 55.2644 4.99048 37.9709 4.99048ZM37.9709 63.2115C23.1614 63.2115 11.1104 51.1605 11.1104 36.351C11.1104 21.5415 23.1614 9.49048 37.9709 9.49048C52.7804 9.49048 64.8314 21.5415 64.8314 36.351C64.8314 51.1605 52.7804 63.2115 37.9709 63.2115Z' fill='white'/%3E%3Cpath d='M29.3311 45.2701C29.3311 47.7451 31.0861 48.7576 33.2281 47.5201L48.6676 38.6056C50.8141 37.3681 50.8141 35.3431 48.6676 34.1056L33.2281 25.1866C31.0816 23.9491 29.3311 24.9616 29.3311 27.4366V45.2701Z' fill='white'/%3E%3C/svg%3E");
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
}
#gallery:not([video-src=""]) {
position: relative;
cursor: pointer;
}
#gallery:not([video-src=""])::before {
opacity: 1;
visibility: visible;
}
#thumbs {
margin-top: 0.3rem;
}
#thumbs ul {
display: flex;
}
#thumbs li {
width: 1.5rem;
height: 1rem;
margin-right: 0.2rem;
}
#thumbs li:last-of-type {
margin-right: 0;
}
.ny-jtdw {
min-height: 5.9rem;
padding: 0.8rem 0;
background-image: url(./groupStatus.jpg);
}
.ny-jtdw-title {
color: #fff;
text-align: center;
}
.ny-jtdw-title h2 {
font-size: 0.36rem;
line-height: normal;
font-weight: 700;
}
.ny-jtdw-title h3 {
font-size: 0.24rem;
letter-spacing: 0.012rem;
}
.ny-jtdw-title .devider {
width: 0.6rem;
height: 0.04rem;
margin: 0.2rem auto 0.15rem;
background-color: #fff;
}
.ny-jtdw-content {
margin-top: 0.8rem;
}
.ny-jtdw-content ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.ny-jtdw-content li {
width: 3.2rem;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.ny-jtdw-content li .icon {
display: flex;
justify-content: center;
align-items: center;
width: 1.1rem;
height: 1.26rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='138' viewBox='0 0 120 138' fill='none'%3E%3Cpath d='M59.5605 5.7735L114.12 37.2735V100.273L59.5605 131.773L5.00095 100.273V37.2735L59.5605 5.7735Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M116.62 101.717L115.37 102.439L60.8105 133.939L59.5605 134.66L58.3105 133.939L3.75098 102.439L2.50098 101.717V35.8301L3.75098 35.1085L58.3105 3.60846L59.5605 2.88678L60.8105 3.60846L115.37 35.1085L116.62 35.8301V101.717Z' stroke='white' stroke-opacity='0.6' stroke-width='5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;
}
.ny-jtdw-content li i {
width: 0.62rem;
height: 0.62rem;
}
.ny-jtdw-content li .txt {
margin-top: 0.5rem;
}
.ny-jtdw-content li .txt p {
color: #fff;
font-size: 0.22rem;
line-height: 0.3rem;
}
.ny-jtdw-content li:hover .icon {
animation: rotateY360 3s ease-in infinite;
}
.ny-jtfb {
min-height: 9.2rem;
background-image: url(bgDistribution.png);
background-position: top left;
background-size: 7.54rem 9.23rem;
}
.ny-jtfb .box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ny-jtfb-left {
padding: 2rem 0;
width: 5rem;
}
.ny-jtfb-left .guide {
margin-top: 0.4rem;
}
.ny-jtfb-left .brief {
margin-top: 0.5rem;
}
.ny-jtfb-left p {
color: #333;
font-size: 0.2rem;
line-height: 1.75;
}
.ny-jtfb-left .guide p {
text-align: left;
}
.ny-jtfb-left .brief p {
text-align: justify;
}
.en .ny-jtfb-left .brief p {
text-align: left;
}
.ny-jtfb-left .brief b {
color: #00706A;
}
.ny-jtfb-right {
width: 9.66rem;
}
.ny-jtfb-right .pic img {
object-fit: contain;
}
/* 集团文化 */
.culture-item~.culture-item {
margin-top: 0.7rem;
}
.culture-item-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.culture-item-content {
margin-top: 0.4rem;
}
.culture-item-content ul {
display: flex;
flex-wrap: wrap;
}
.culture-item-content li {
margin-right: 0.28rem;
margin-bottom: 0.3rem;
width: 3.58rem;
}
.culture-item-content li:hover .pic img {
transform: scale(1.05);
}
.culture-item-content li:hover .txt p {
color: #00706a;
}
.culture-item-content li:nth-of-type(4n) {
margin-right: 0;
}
.culture-item-content .pic {
height: 2.38rem;
overflow: hidden;
}
.culture-item-content .pic img {
transition: transform 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out;
}
.culture-item-content .txt {
display: flex;
flex-direction: column;
margin-top: 0.2rem;
}
.culture-item-content .txt p {
color: #333;
font-size: 0.24rem;
font-family: 'OPPOSansM';
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
}
.culture-item-content .txt span {
margin-top: 0.14rem;
color: #00706a;
font-size: 0.18rem;
line-height: normal;
}
/* 产业布局 */
.industrial-layout-content {
margin-top: 0.5rem;
}
.industrial-layout-list li {
min-height: 5.26rem;
}
.industrial-layout-list li~li {
margin-top: 0.6rem;
}
.industrial-layout-list li:nth-of-type(odd) .txt::before {
transform-origin: left;
}
.industrial-layout-list li:nth-of-type(even) {
flex-direction: row-reverse;
}
.industrial-layout-list li:nth-of-type(even) .txt::before {
transform-origin: right;
}
.industrial-layout-list li:hover .pic img {
transform: scale(1.05);
}
.industrial-layout-list li:hover .txt::before {
transform: scaleX(1);
}
.industrial-layout-list li:nth-of-type(1) .txt-tit h2 {
color: #444992;
}
.industrial-layout-list li:nth-of-type(2) .txt-tit h2 {
color: #5bac65;
}
.industrial-layout-list li:nth-of-type(3) .txt-tit h2 {
color: #30635c;
}
.industrial-layout-list li:nth-of-type(4) .txt-tit h2 {
color: #00706a;
}
.industrial-layout-list li:nth-of-type(5) .txt-tit h2 {
color: #1A6786;
}
.industrial-layout-list .flex {
display: flex;
justify-content: space-between;
}
.industrial-layout-list .pic {
width: 7.9rem;
height: auto;
overflow: hidden;
}
.industrial-layout-list .pic img {
display: block;
object-fit: cover;
transition: transform 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-ms-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
}
.industrial-layout-list .txt {
position: relative;
width: 7.3rem;
padding: 0.4rem;
box-shadow: 0.05rem -0.05rem 0.2rem 0 rgba(0, 0, 0, 0.05);
}
.industrial-layout-list .txt::before {
content: "";
position: absolute;
width: 100%;
height: 0.05rem;
left: 0;
bottom: 0;
background: #00706a;
transform: scaleX(0);
transition: transform 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-ms-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
}
.industrial-layout-list .txt-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.industrial-layout-list .txt-tit {
display: flex;
justify-content: space-between;
align-items: center;
}
.industrial-layout-list .txt-tit img {
display: block;
height: 0.5rem;
}
.industrial-layout-list .txt-tit h2 {
margin-top: 0.2rem;
font-size: 0.32rem;
font-weight: 700;
line-height: normal;
}
.industrial-layout-list .txt-tit h1 {
color: rgba(0, 112, 106, 0.08);
font-family: Poppins;
font-size: 0.96rem;
font-style: italic;
line-height: 1rem;
}
.industrial-layout-list .txt-devider {
width: 0.64rem;
height: 0.02rem;
margin: 0.24rem 0;
background-color: #444992;
}
.industrial-layout-list .txt-cont p {
color: rgba(51, 51, 51, 0.75);
text-align: justify;
font-size: 0.16rem;
line-height: 1.75;
}
.en .industrial-layout-list .txt-cont p {
text-align: left;
}
.industrial-layout-list .txt-cont p~p {
margin-top: 0.1rem;
}
/* 发展与合作 */
.cooperation-content {
margin-top: 0.4rem;
}
.company-info {
display: flex;
justify-content: space-between;
min-height: 5rem;
}
.company-info .txt {
background-color: #eff1f5;
padding: 0.4rem;
}
.company-info .txt-tit {
color: #00706a;
font-size: 0.3rem;
font-weight: 700;
text-transform: capitalize;
}
.company-info .txt-devider {
width: 0.46rem;
height: 0.03rem;
background-color: #00706a;
margin: 0.3rem 0;
}
.company-info .txt-devider.large-margin {
margin: 0.4rem 0;
}
.company-info .txt-devider.small-margin {
margin: 0.2rem 0;
}
.company-info .txt~.txt {
margin-top: 0.3rem;
}
.company-info .txt ul {
width: 100%;
}
.company-info .txt li~li {
margin-top: 0.3rem;
}
.company-info .txt .flex {
display: flex;
align-items: center;
}
.company-info .txt p {
color: #666;
font-size: 0.2rem;
line-height: normal;
}
.company-info .txt span {
color: #222;
font-size: 0.2rem;
line-height: normal;
}
.company-info .txt i {
width: 0.24rem;
height: 0.24rem;
margin-right: 0.15rem;
flex-shrink: 0;
}
.company-info-left {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 7.45rem;
padding: 0.6rem;
}
.company-info-right {
display: flex;
flex-direction: column;
width: 7.45rem;
}
.company-info-right .txt {
flex-grow: 1;
}
.company-info-right .txt-wrapper {
display: flex;
align-items: center;
height: 100%;
justify-content: space-between;
}
.company-info-right-top .txt-tit {
position: relative;
width: 1.55rem;
padding-left: 0.22rem;
}
.company-info-right-top .txt-tit::before {
content: "";
position: absolute;
width: 0.1rem;
height: 0.1rem;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #00706a;
border-radius: 50%;
}
.company-info-right-top .txt-cont {
width: 4.1rem;
}
.company-info-right-bottom .txt-left {
width: 3.6rem;
}
.company-info-right-bottom .txt-left p {
margin-top: 0.1rem;
}
.company-info-right-bottom .txt-right {
width: 2.6rem;
}
.company-info-right-bottom .txt-right ul {
display: flex;
}
.company-info-right-bottom .txt-right li {
width: 1.16rem;
text-align: center;
}
.company-info-right-bottom .txt-right li~li {
margin-left: 0.15rem;
margin-top: 0;
}
.company-info-right-bottom .txt-right img {
width: 100%;
height: auto;
}
.company-info-right-bottom .txt-right span {
font-size: 0.16rem;
margin-top: 0.08rem;
white-space: nowrap;
}
.company-map {
position: relative;
margin-top: 0.4rem;
width: 100%;
height: 6.4rem;
background-image: url(./map.jpg)
}
.company-map .pointer {
position: absolute;
top: 50%;
left: 60%;
display: flex;
align-items: center;
}
.company-map .pointer .pic {
width: 0.48rem;
height: 0.48rem;
}
.company-map .pointer .txt {
display: flex;
padding: 0.06rem 0.2rem;
justify-content: center;
align-items: center;
border-radius: 0.06rem;
border: 0.02rem solid #00706A;
background: rgba(255, 255, 255, 0.70);
}
.company-map .pointer .txt span {
color: #00706A;
font-size: 0.18rem;
line-height: normal;
}
/* 人才招聘 */
.recruitment.nywrap {
padding-bottom: 0;
}
.recruitment-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.recruitment-info {
display: flex;
}
.recruitment-info i {
width: 0.18rem;
height: 0.18rem;
margin-right: 0.05rem;
}
.recruitment-info p {
display: flex;
align-items: center;
color: #00706A;
font-family: "OPPOSansR";
font-size: 0.18rem;
line-height: 0.22rem;
}
.recruitment-info p~p {
margin-left: 0.25rem;
}
.recruitment-content {
margin-top: 0.4rem;
}
.recruitment-list {
min-height: 10rem;
}
.recruitment-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.recruitment-list li {
position: relative;
display: flex;
flex-direction: column;
width: 7.4rem;
margin-bottom: 0.4rem;
min-height: 2.2rem;
padding: 0.35rem 0.3rem;
background-color: #eff1f5;
}
.recruitment-list li::before {
content: "";
position: absolute;
width: 0.04rem;
height: 0.32rem;
left: 0;
top: 0.35rem;
background-color: #00706a;
}
.recruitment-list .list-tit {
flex-shrink: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.2rem;
border-bottom: 0.01rem solid rgba(51, 51, 51, 0.1);
}
.recruitment-list .list-cont {
flex-grow: 1;
margin-top: 0.3rem;
display: flex;
/* align-items: center; */
}
.recruitment-list .list-cont .txt {
display: flex;
flex-wrap: wrap;
}
.recruitment-list h2 {
color: #00706a;
font-size: 0.24rem;
line-height: normal;
}
.recruitment-list p {
display: flex;
color: #333;
font-size: 0.18rem;
line-height: normal;
}
.recruitment-list p span {
flex-shrink: 0;
}
.recruitment-list p:nth-of-type(odd) {
width: 4rem;
margin-right: 0.3rem;
}
.recruitment-list p:nth-of-type(even) {
width: 2.5rem;
}
.recruitment-list p:nth-of-type(n + 3) {
margin-top: 0.15rem;
}
/* 新闻列表 */
.news-list ul {
display: flex;
flex-direction: column;
}
.news-list li {
padding: 0.36rem 0;
height: 1.58rem;
border-bottom: 0.01rem solid #eee;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.news-list li .flex {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.news-list li .title {
width: 13.2rem;
flex-grow: 1;
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.news-list li .title h2 {
color: #333;
font-size: 0.2rem;
line-height: 150%;
text-transform: capitalize;
font-family: "OPPOSansM";
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.news-list li .title p {
color: #666;
font-size: 0.16rem;
line-height: 150%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.news-list li .title i {
width: 0.4rem;
height: 0.02rem;
margin: 0.15rem 0;
background-color: #00706a;
transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
}
.news-list li .devider {
flex-shrink: 0;
width: 0.005rem;
height: 0.7rem;
margin: auto 0.2rem;
background-color: transparent;
transition: background-color 0.3s ease-in-out, margin 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out, margin 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, margin 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, margin 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.news-list li .time {
flex-shrink: 0;
width: 0.7rem;
display: flex;
flex-direction: column;
align-items: flex-end;
white-space: nowrap;
}
.news-list li .time h3 {
color: #00706a;
font-size: 0.24rem;
line-height: normal;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.news-list li .time h4 {
color: #999;
font-size: 0.14rem;
line-height: normal;
transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
}
.news-list li .time i {
width: 0.46rem;
height: 0.01rem;
background-color: rgba(153, 153, 153, 0.3);
margin: 0.12rem 0;
transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
}
.news-list li:hover {
padding: 0.36rem 0.25rem;
background-image: url(bgList.png);
background-color: #00706a;
background-blend-mode: soft-light, normal;
box-shadow: 0 0 0.15rem 0 rgba(192, 4, 21, 0.1);
}
.news-list li:hover .title h2 {
color: #fff;
}
.news-list li:hover .title p {
color: #fff;
}
.news-list li:hover .title i {
background-color: #f2a900;
}
.news-list li:hover .devider {
margin: auto 0.4rem;
background-color: #ccc;
}
.news-list li:hover .time h3 {
color: #fff;
}
.news-list li:hover .time h4 {
color: #fff;
}
.news-list li:hover .time i {
background-color: rgba(255, 255, 255, 0.3);
}
/* 投递简历 */
.resume-delivery {
padding: 0.9rem 0 0.8rem;
background-image: url(bgResume.jpg);
}
.resume-delivery .flex {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.resume-delivery .section-title {
width: 2.7rem;
}
.resume-delivery .section-title::before {
content: "“";
position: absolute;
top: 100%;
margin-top: 0.24rem;
color: #fff;
font-family: Arial;
font-size: 3rem;
font-weight: 700;
line-height: normal;
}
.resume-delivery .section-content {
width: 12.5rem;
}
.resume-delivery .form-group {
display: flex;
justify-content: space-between;
}
.resume-delivery .form-group~.form-group {
margin-top: 0.2rem;
}
.resume-delivery .form-item {
flex-grow: 1;
max-width: 100%;
padding: 0.2rem 0.25rem;
color: #333;
font-size: 0.18rem;
line-height: normal;
background-color: rgba(255, 255, 255, 0.7);
}
.resume-delivery .form-item~.form-item {
margin-left: 0.2rem;
}
.resume-delivery .form-item::placeholder {
color: #333;
}
.resume-delivery .form-input {
width: 4rem;
height: 0.7rem;
}
.resume-delivery .form-textarea {
width: 100%;
height: 1.5rem;
resize: none;
}
.resume-delivery .submit-btn {
position: relative;
display: flex;
align-items: center;
padding: 0.15rem 0.4rem;
background-color: #00706a;
cursor: pointer;
}
.resume-delivery .submit-btn i {
margin-right: 0.1rem;
width: 0.24rem;
height: 0.24rem;
}
.resume-delivery .submit-btn span {
color: #fff;
font-size: 0.2rem;
line-height: normal;
}
.sjfooter,
.sjbanner,
.sjnav,
.sjheader {
display: none;
}
.BMap_shadow img {
max-width: none;
}
.BMap_bubble_content td {
font-size: 14px;
}