* {
outline: none;
}

p {
padding: 0;
margin: 0;
}

.wh {
padding: 0 12.5%;
}

@media (max-width: 1366px) {
.wh {
padding: 0 5.78125%;
}
}

@media (max-width: 768px) {
.wh {
padding: 0 4%;
}
}

.wh1 {
padding: 0 4.16667%;
}

@media (max-width: 1680px) {
.wh1 {
padding: 0 2.5%;
}
}

@media (max-width: 768px) {
.wh1 {
padding: 0 4%;
}
}

.flex {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.flex-z {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.flex_left {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.flex_left1 {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.flex2 {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.flex3 {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

.flex21 {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.more-msl {
display: inline-block;
color: #8D8D8D;
text-decoration: none;
position: relative;
z-index: 2;
overflow: hidden;
white-space: nowrap;
font: 500 1.6rem/4.8rem "OPPOSans";
border-radius: 2.5rem;
width: 14rem;
text-align: center;
background: transparent;
border: 1px solid #8D8D8D;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.more-msl i {
font-size: 1.6rem;
margin-left: 0.5em;
}

@media (max-width: 768px) {
.more-msl {
line-height: 4.48rem;
width: 14.4rem;
font-size: 1.4rem;
}
}

.more-msl:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--main-color);
color: #fff;
border-radius: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: -o-transform;
-moz-transition-property: transform, -moz-transform;
transition-property: transform;
transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.more-msl:hover {
color: #fff;
border-color: var(--main-color);
}

.more-msl:hover::before {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}

.more-msl.bs {
color: #fff;
border: 1px solid #fff;
}

.more-msl.bs:before {
background: #fff;
}

.more-msl.bs:hover {
color: var(--main-color);
border-color: #fff;
}

.more-msl1 {
display: inline-block;
color: #9D9D9D;
text-decoration: none;
position: relative;
z-index: 2;
overflow: hidden;
white-space: nowrap;
font: 500 1.6rem/5rem "OPPOSans";
border-radius: 2.5rem;
width: 16rem;
text-align: center;
background: transparent;
border: 1px solid #9D9D9D;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}

@media (max-width: 768px) {
.more-msl1 {
line-height: 4.48rem;
width: 14.4rem;
font-size: 1.4rem;
}
}

.more-msl1:before {
background: rgba(98, 98, 98, 0.5);
}

.more-msl1:after {
background: var(--main-color);
}

.more-msl1:before, .more-msl1:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 100%;
left: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: -o-transform 0.3s;
-moz-transition: transform 0.3s, -moz-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
-moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
-o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.more-msl1:hover {
color: #fff;
border-color: var(--main-color);
}

.more-msl1:hover:before, .more-msl1:hover:after {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

.more-msl1:hover:after {
-webkit-transition-delay: 0.175s;
-moz-transition-delay: 0.175s;
-o-transition-delay: 0.175s;
transition-delay: 0.175s;
}

.more-msl1.bs {
color: #fff;
border: 1px solid #fff;
}

.more-msl1.bs:before {
background: rgba(98, 98, 98, 0.5);
}

.more-msl1.bs:hover {
color: #fff;
border-color: #fff;
}

/* @media (max-width: 990px) {
body {
padding-bottom: 0;
overflow: hidden;
}
} */

@media (max-width: 990px) {
.pc-hidden {
display: none;
}
}

.m-hidden {
display: none;
}

@media (max-width: 990px) {
.m-hidden {
display: block;
}
}

.m-img-nac {
padding-bottom: 55.33597%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

.m-img-nac img {
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.m-img-news {
padding-bottom: 68.20276%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

.m-img-news img {
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

@media (max-width: 990px) {
.m-img {
padding-bottom: 66%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}
.m-img.a {
padding-bottom: 80%;
}
.m-img > img {
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pc-banner .swiper-slide.a {
padding-bottom: 66%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}
.pc-banner .swiper-slide.a .img {
position: static !important;
}
.pc-banner .swiper-slide.a .img img {
position: absolute !important;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.m-imgny {
padding-bottom: 50%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}
.m-imgny.a {
padding-bottom: 80%;
}
.m-imgny > img {
position: absolute;
left: 0;
top: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}

.head {
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: 999;
}

.head .head2 {
line-height: 10rem;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
position: relative;
}

.head .head2 .logo a {
display: block;
}

.head .head2 .logo a img {
height: 6.5rem;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
}

.head .head2 .logo a img.b {
display: none;
}

.head .head2 .sska {
line-height: 1em;
margin-left: 0.8em;
}

.head .head2 .sska, .head .head2 .zywena {
font-size: 1.6rem;
color: #fff;
}

.head .head2 .sska a, .head .head2 .zywena a {
font: 500 1.6rem/1em "OPPOSans";
display: inline-block;
color: #fff;
}

.head .head2 .sska i, .head .head2 .zywena i {
color: #fff;
font-size: 2rem;
}

.head .head2 .zywena {
text-align: center;
margin-left: 1em;
margin-right: 1.6rem;
position: relative;
}

.head .head2 .zywena > a {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}

.head .head2 .zywena > a i {
margin-right: 0.4em;
font-size: 2rem;
}

.head .head2 .zywena > a i.icon-xiangxiajiantou {
font-size: 1.28rem;
margin-left: 0.4em;
}

.head .head2 .zywena > a.clicked i.icon-xiangxiajiantou {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}

#menu {
margin-right: 0.8vw;
}

#menu .nav_a1 li {
float: left;
position: relative;
}

#menu .nav_a1 li a {
display: block;
color: #fff;
font-family: "OPPOSans";
}

#menu .nav_a1 li > a {
font-size: 1.8rem;
padding: 0 2em;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
}

@media (max-width: 1680px) {
#menu .nav_a1 li > a {
padding: 0 1.35em;
}
}

@media (max-width: 1366px) {
#menu .nav_a1 li > a {
padding: 0 0.8em;
}
}

@media (max-width: 1024px) {
#menu .nav_a1 li > a {
padding: 0 0.5em;
}
}

#menu .nav_a1 li > a span {
position: relative;
display: block;
}

#menu .nav_a1 li > a span:after {
content: "";
display: block;
width: 0;
height: 2px;
position: absolute;
left: 0;
bottom: -1px;
background: #fff;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
}

#menu .nav_a1 li .sec {
position: absolute;
top: 100%;
width: 170%;
left: -35%;
background: white;
z-index: 999;
text-align: center;
border-radius: 5px;
padding: 10px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}

#menu .nav_a1 li .sec > a {
font: 500 1.3rem/1.5em "OPPOSans";
padding: 0.3em 0;
color: #333;
}

#menu .nav_a1 li .sec > a:hover {
color: var(--main-color);
}

#menu .nav_a1 li .sec1 {
background: #fff;
position: absolute;
left: 0;
width: 100%;
top: -webkit-calc(100% + 1px);
top: -moz-calc(100% + 1px);
top: calc(100% + 1px);
line-height: 1.5em;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}

#menu .nav_a1 li .sec1 a {
color: #909090;
}

#menu .nav_a1 li .sec1 .wh {
margin: 0 -4%;
}

#menu .nav_a1 li .sec1 dl {
width: -webkit-calc(100%/7);
width: -moz-calc(100%/7);
width: calc(100%/7);
padding: 1.6rem 1%;
}

@media (max-width: 1366px) {
#menu .nav_a1 li .sec1 dl {
width: -webkit-calc(100%/6);
width: -moz-calc(100%/6);
width: calc(100%/6);
}
}

#menu .nav_a1 li .sec1 dl .cont dt a {
color: #595959;
font: 500 2rem/1.5em "OPPOSans";
border-bottom: 1px solid #CECECE;
display: block;
padding: 0.3em 0;
}

#menu .nav_a1 li .sec1 dl .cont dt a:hover {
color: var(--main-color);
}

#menu .nav_a1 li .sec1 dl .cont dd {
margin-top: 1em;
}

#menu .nav_a1 li .sec1 dl .cont dd a {
display: block;
color: #909090;
font: 500 1.6rem/1.5em "OPPOSans";
}

#menu .nav_a1 li .sec1 dl .cont dd a:hover {
color: var(--main-color);
}

#menu .nav_a1 li:hover > a::before {
width: 100%;
}

#menu .nav_a1 li:hover .sec, #menu .nav_a1 li:hover .sec1 {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

#menu .nav_a1 li:hover > a span::after, #menu .nav_a1 li.active > a span::after {
width: 100%;
}

/* 搜索 */
.search {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
/* background: #000; */
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}

.search-box {
width: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 25%;
}

.inp {
width: 100%;
height: 100px;
background: none;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
font-size: 2rem;
color: rgba(255, 255, 255, 0.7);
background: transparent;
}

.inp::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.7);
}

.bu {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
color: rgba(255, 255, 255, 0.7);
background: none;
border: none;
}

.bu .iconfont {
font-size: 5rem;
}

.search-con {
position: absolute;
right: 7%;
top: 7%;
color: white;
cursor: pointer;
}

.search-con .iconfont {
font-size: 3.4rem;
font-weight: 100;
}

.sticky {
position: fixed;
top: 0;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
-webkit-animation: sticky 1s;
-moz-animation: sticky 1s;
-o-animation: sticky 1s;
animation: sticky 1s;
}

@-webkit-keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}

@-moz-keyframes sticky {
0% {
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-moz-transform: translateY(0%);
transform: translateY(0%);
}
}

@-o-keyframes sticky {
0% {
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-o-transform: translateY(0%);
transform: translateY(0%);
}
}

@keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
}

.head.sticky .head2, .cp-show-body .head .head2 {
line-height: 8rem;
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.head.sticky .head2 .logo a img, .cp-show-body .head .head2 .logo a img {
height: 5.6rem;
}

.head.sticky .head2 .logo a img.a, .cp-show-body .head .head2 .logo a img.a {
display: none;
}

.head.sticky .head2 .logo a img.b, .cp-show-body .head .head2 .logo a img.b {
display: inline-block;
}

.head.sticky .head2 .zywena a, .cp-show-body .head .head2 .zywena a {
color: #353535;
}

.head.sticky .head2 .sska i, .head.sticky .head2 .zywena i, .cp-show-body .head .head2 .sska i, .cp-show-body .head
.head2 .zywena i {
font-size: 1.8rem;
color: #353535;
}

.head.sticky .head2 #menu .nav_a1 li > a, .cp-show-body .head .head2 #menu .nav_a1 li > a {
color: #353535;
}

.head.sticky .head2 #menu .nav_a1 li.active > a, .head.sticky .head2 #menu .nav_a1 li:hover > a, .cp-show-body .head
.head2 #menu .nav_a1 li.active > a, .cp-show-body .head .head2 #menu .nav_a1 li:hover > a {
color: var(--main-color);
}

.head.sticky .head2 #menu .nav_a1 li > a span:after, .cp-show-body .head .head2 #menu .nav_a1 li > a span:after {
background: var(--main-color);
}

.head.sticky .head2 #menu .nav_a1 li > a, .cp-show-body .head .head2 #menu .nav_a1 li > a {
font-size: 1.6rem;
}

/*手机端头部*/
.mslm-head {
position: fixed;
top: 0;
z-index: 999999;
left: 0;
right: 0;
background: #fff;
}

.mslm-head-box {
position: relative;
height: 60px;
}

.mslm-head-box .mslm-logo {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto 4%;
max-width: 100%;
height: 44px;
}

.mslm-head-box .mslm-logo h1, .mslm-head-box .mslm-logo a {
display: inline;
font-size: 0;
}

.mslm-head-box .mslm-logo img {
height: 44px;
}

.mslm-navbtn {
position: absolute;
z-index: 9;
top: 0;
bottom: 0;
right: 0;
margin: auto 4% auto 0;
width: 20px;
height: 15px;
}

.mslm-navbtn span, .mslm-navbtn:after, .mslm-navbtn:before {
display: block;
height: 1.5px;
width: 100%;
background: #000;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}

.mslm-navbtn span {
margin: 4.5px 0;
}

.mslm-navbtn:after, .mslm-navbtn:before {
content: '';
-webkit-transform-origin: 7.5%;
-moz-transform-origin: 7.5%;
-ms-transform-origin: 7.5%;
-o-transform-origin: 7.5%;
transform-origin: 7.5%;
}

.mslm-navbtn.clicked span {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}

.mslm-navbtn.clicked:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.mslm-navbtn.clicked:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.mslm-search-btn {
position: absolute;
z-index: 9;
right: 4%;
top: 0;
bottom: 0;
width: auto;
text-align: center;
line-height: 60px;
color: #fff;
}

.mslm-search-btn span {
font-size: 1.2rem;
display: inline-block;
margin-right: 0.5em;
vertical-align: top;
}

.mslm-search-btn .iconfont {
font-size: 21px;
}

.mslm-search-btn .icon-font {
display: block;
width: 100%;
height: 100%;
}

.mslm-search-btn .icon-font:after {
background-position: -30px -210px;
}

.mslm-menu {
display: none;
position: absolute;
z-index: 9999;
left: 0;
right: 0;
height: 100vh;
background: #fff;
}

.mslm-menu .mslm-menu-box {
height: -webkit-calc(100vh - 60px);
height: -moz-calc(100vh - 60px);
height: calc(100vh - 60px);
overflow: auto;
padding-bottom: 80px;
}

.mslm-nav > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}

.mslm-nav > li > a {
display: block;
line-height: 50px;
font-size: 14px;
color: #000;
font-family: "OPPOSans";
padding: 0 4%;
}

.mslm-nav > li .sec {
display: none;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mslm-nav > li .sec a {
display: block;
font-size: 12px;
color: #333;
line-height: 35px;
}

.mslm-nav > li .sec a span {
display: inline-block;
min-width: 40%;
max-width: 50%;
}

.mslm-nav .mslm-menu-jt {
position: absolute;
width: 20%;
height: 50px;
line-height: 50px;
right: 0;
top: 0;
text-align: center;
z-index: 9;
}

.mslm-nav .mslm-menu-jt .icon-font {
display: block;
width: 100%;
height: 100%;
}

.mslm-nav .mslm-menu-jt .icon-font:after {
background-position: -30px -240px;
}

.mslm-nav .mslm-menu-jt.clicked .icon-font:after {
background-position: -30px -270px;
}

.mslm-nav .mslm-sub-menu {
background: #1E1E1E;
display: none;
}

.mslm-nav .mslm-sub-menu > li {
border-top: 1px dashed rgba(255, 255, 255, 0.5);
}

.mslm-nav .mslm-sub-menu > li > a {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 40px;
text-indent: 2em;
}

.mslm-search {
position: fixed;
z-index: 99999;
left: 100%;
bottom: 0;
top: 60px;
width: 100%;
background: #fff;
padding: 0 0 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}

.mslm-search .mslm-search-close-btn {
position: absolute;
top: 20px;
left: 30px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
}

@media (max-width: 420px) {
.mslm-search .mslm-search-close-btn {
left: 15px;
}
}

.mslm-search .mslm-search-close-btn i {
width: 100%;
height: 100%;
display: block;
color: #fff;
font-size: 24px;
}

.mslm-search .mslm-search-close-btn i:after {
background-position: -30px -300px;
}

.mslm-search .mslm-search-box {
height: 52px;
border-bottom: 2px solid #E9E9E9;
}

.mslm-search .mslm-search-box input[type="text"] {
width: 100%;
background: none;
border: none;
outline: none;
color: #333333;
font-family: "OPPOSans";
font-size: 14px;
height: 52px;
text-indent: 1em;
}

.mslm-search .mslm-search-box input[type="text"]::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #333333;
font-family: "OPPOSans";
}

.mslm-search .mslm-search-box input[type="text"]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #333333;
font-family: "OPPOSans";
}

.mslm-search .mslm-search-box input[type="text"]::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #333333;
font-family: "OPPOSans";
}

.mslm-search .mslm-search-box input[type="text"]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #333333;
font-family: "OPPOSans";
}

.mslm-search .mslm-search-box #s_btn {
width: 20%;
height: 52px;
outline: none;
border: none;
cursor: pointer;
font-size: 0;
background: none;
border: none;
}

.mslm-search .mslm-search-box #s_btn .iconfont {
font-size: 20px;
color: #fff;
}

.mslm-search .mslm-search-box #s_btn .icon-font {
display: block;
width: 100%;
height: 100%;
}

.mslm-search .mslm-search-box #s_btn .icon-font:after {
background-position: -30px -210px;
}

.mslm-search .mslm-seaerch-wz span,
.mslm-search .mslm-seaerch-wz a {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
line-height: 45px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.mslm-search.clicked {
left: 0;
}

.aniut {
position: absolute;
width: 40px;
height: 50px;
line-height: 50px;
right: 2%;
top: 0;
text-align: center;
z-index: 9;
}

.aniut i {
display: block;
width: 100%;
height: 100%;
font-size: 18px;
color: #000;
}

.mslm-nav li > a {
font-weight: 600;
}

.mslm-nav li > a span {
display: inline-block;
min-width: 40%;
max-width: 50%;
font-family: "OPPOSans";
font-weight: 500;
}

a.jjta {
color: #fff;
}

a.jjta span {
font-size: 14px;
}
/* 
@media (max-width: 990px) {
body {
padding: 60px 0 0 !important;
}
} */

.pc-banner {
position: relative;
overflow: hidden;
}

.pc-banner .mySwipera {
position: relative;
}

.pc-banner .mySwipera .swiper-slide {
overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.pc-banner .mySwipera .swiper-slide .img > img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}

.pc-banner .mySwipera .banwez {
width: 100%;
z-index: 99;
color: #FFFFFF;
text-align: center;
}

.pc-banner .mySwipera .banwez dt {
font: 600 4.6rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.pc-banner .mySwipera .banwez dt {
font-size: 2.8rem;
}
}

.pc-banner .mySwipera .banwez dd {
font: 600 2.2rem/1.5em "OPPOSans";
text-transform: uppercase;
margin-top: 0.5em;
}

@media (max-width: 768px) {
.pc-banner .mySwipera .banwez dd {
font-size: 1.8rem;
}
}

.pc-banner .mySwipera .bant {
position: absolute;
left: 0;
bottom: 3.2rem;
text-align: center;
z-index: 99;
width: 100%;
}

@media (max-width: 768px) {
.pc-banner .mySwipera .bant {
bottom: 4%;
}
}

.pc-banner .mySwipera .bant .wh {
width: 100%;
}

.pc-banner .mySwipera .bant .swiper-button-prev1, .pc-banner .mySwipera .bant .swiper-button-next1 {
width: 5rem;
height: 5rem;
border: 1px solid #FFFFFF;
border-radius: 50%;
text-align: center;
color: #fff;
}

.pc-banner .mySwipera .bant .swiper-button-prev1 i, .pc-banner .mySwipera .bant .swiper-button-next1 i {
font-size: 2rem;
line-height: 4.8rem;
}

@media (max-width: 768px) {
.pc-banner .mySwipera .bant .swiper-button-prev1, .pc-banner .mySwipera .bant .swiper-button-next1 {
width: 4.16rem;
height: 4.16rem;
}
.pc-banner .mySwipera .bant .swiper-button-prev1 i, .pc-banner .mySwipera .bant .swiper-button-next1 i {
font-size: 1.6rem;
line-height: 4rem;
}
}

.pc-banner .mySwipera .bant .swiper-pagination1 {
width: auto;
color: #fff;
font-size: 2.4rem;
line-height: 5rem;
padding: 0 0.5em;
}

@media (max-width: 768px) {
.pc-banner .mySwipera .bant .swiper-pagination1 {
font-size: 2.08rem;
line-height: 4.16rem;
}
}

.pc-banner .mySwipera .bant .swiper-pagination1 span {
display: inline-block;
padding: 0 0.2em;
font-family: 'OPPOSans';
}

.pc-banner .mySwipera .bant .swiper-pagination1 span.swiper-pagination-current {
color: #fff;
}

.pc-banner .mySwipera .bant .swiper-pagination1 span.swiper-pagination-total {
color: rgba(255, 255, 255, 0.6);
}

.label_el {
color: rgba(26, 26, 26, 0);
text-shadow: none;
-webkit-text-stroke-width: 0.47px;
-webkit-text-stroke-color: #fff;
}

@media (max-width: 768px) {
.label_el {
-webkit-text-stroke-width: 0.3px;
}
}

@-webkit-keyframes banscaleDraw {
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0% {
-webkit-transform: scale(1);
transform: scale(1);
/*开始为原始大小*/
}
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
/*放大1.1倍*/
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@-moz-keyframes banscaleDraw {
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0% {
-moz-transform: scale(1);
transform: scale(1);
/*开始为原始大小*/
}
25% {
-moz-transform: scale(1.1);
transform: scale(1.1);
/*放大1.1倍*/
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}

@-o-keyframes banscaleDraw {
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0% {
-o-transform: scale(1);
transform: scale(1);
/*开始为原始大小*/
}
25% {
-o-transform: scale(1.1);
transform: scale(1.1);
/*放大1.1倍*/
}
50% {
-o-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-o-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-o-transform: scale(1);
transform: scale(1);
}
}

@keyframes banscaleDraw {
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
/*开始为原始大小*/
}
25% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
/*放大1.1倍*/
}
50% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}

.zmfd {
-webkit-animation-name: banscaleDraw;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 10s;
/*动画所花费的时间*/
}

@-webkit-keyframes run {
from {
bottom: 7%;
opacity: 0;
}
to {
bottom: 3%;
opacity: 1;
}
}

@-moz-keyframes run {
from {
bottom: 7%;
opacity: 0;
}
to {
bottom: 3%;
opacity: 1;
}
}

@-o-keyframes run {
from {
bottom: 7%;
opacity: 0;
}
to {
bottom: 3%;
opacity: 1;
}
}

@keyframes run {
from {
bottom: 7%;
opacity: 0;
}
to {
bottom: 3%;
opacity: 1;
}
}

.kajjt {
text-align: center;
-webkit-animation: run 1s infinite linear;
-moz-animation: run 1s infinite linear;
-o-animation: run 1s infinite linear;
animation: run 1s infinite linear;
position: absolute;
right: 3.85417%;
width: 1.7rem;
bottom: 7%;
z-index: 99;
}

.kajjt img.a {
width: 100%;
margin: 0 auto;
}

@media (max-width: 768px) {
.kajjt {
bottom: 7%;
}
.kajjt img.a {
width: 4rem;
}
}

.swiper {
overflow: hidden;
}

.overa {
overflow: hidden;
}

/* 图片动画 */
.fang {
overflow: hidden;
display: block;
}

.fang img {
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
}

.fang:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.fanga {
overflow: hidden;
}

.fanga img {
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
}

.fanga:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.xz img {
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}

.xz:hover img {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.title_a1 .tit span {
color: var(--main-color);
font: 600 2.8rem/1.35em "OPPOSans";
text-transform: uppercase;
display: block;
}

@media (max-width: 768px) {
.title_a1 .tit span {
font-size: 2.08rem;
}
}

.title_a1 .tit .name {
color: #000000;
font: 600 3rem/1.35em "OPPOSans";
}

@media (max-width: 768px) {
.title_a1 .tit .name {
font-size: 2.4rem;
}
}

.cont1 {
padding: 9rem 0 6rem;
background: #F3F5F6;
}

@media (max-width: 768px) {
.cont1 {
padding: 3.2rem 0;
}
}

.cont1 .a1_v1 {
margin-top: 2.8rem;
}

@media (max-width: 768px) {
.cont1 .a1_v1 {
margin-top: 0;
}
}

.cont1 .a1_v1 .a1_b1 {
width: 17.70833%;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b1 {
width: 100%;
display: none;
}
}

.cont1 .a1_v1 .a1_b1 dl + dl {
margin-top: 1.5em;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b1 dl + dl {
margin-top: 0.6em;
}
}

.cont1 .a1_v1 .a1_b1 dl dt a {
display: block;
color: rgba(0, 0, 0, 0.5);
font: 600 1.6rem/1.5em "OPPOSans";
}

.cont1 .a1_v1 .a1_b1 dl dt a::before {
content: "";
width: 1.6rem;
height: 1.6rem;
display: inline-block;
border: 0.3rem solid #797A7B;
border-radius: 50%;
margin-right: 0.5em;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b1 dl dt a {
font-size: 2rem;
}
.cont1 .a1_v1 .a1_b1 dl dt a::before {
width: 1.4rem;
height: 1.4rem;
}
}

.cont1 .a1_v1 .a1_b1 dl dd {
margin-left: 2em;
margin-top: 1em;
display: none;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b1 dl dd {
margin-top: 0.4em;
}
}

.cont1 .a1_v1 .a1_b1 dl dd a {
display: block;
color: #000000;
font: 500 1.6rem/1.5em "OPPOSans";
padding: 0.3em 0;
}

.cont1 .a1_v1 .a1_b1 dl dd a::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background: #000;
  border-radius: 50%;
  margin-right: -0.4rem;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translate(-15px,-1px);
/* content: "";
width: 0.4rem;
height: 0.4rem;
display: inline-block;
background: #000;
border-radius: 50%;
margin-right: 0.5em;
vertical-align: middle;
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
-o-transform: translateY(-1px);
transform: translateY(-1px); */
}

.cont1 .a1_v1 .a1_b1 dl dd a i {
width: 3.8rem;
display: inline-block;
line-height: 0.5em;
vertical-align: middle;
-webkit-transform: translateY(-0.2em);
-moz-transform: translateY(-0.2em);
-ms-transform: translateY(-0.2em);
-o-transform: translateY(-0.2em);
transform: translateY(-0.2em);
margin-left: 0.5em;
opacity: 0;
display: none;
}

.cont1 .a1_v1 .a1_b1 dl dd a i img {
width: 100%;
}

.cont1 .a1_v1 .a1_b1 dl dd a:hover {
color: var(--main-color);
}

.cont1 .a1_v1 .a1_b1 dl dd a:hover::before {
background: var(--main-color);
}

.cont1 .a1_v1 .a1_b1 dl dd a:hover i {
opacity: 1;
}

.cont1 .a1_v1 .a1_b1 dl:hover dt a, .cont1 .a1_v1 .a1_b1 dl.on dt a {
color: var(--main-color);
}

.cont1 .a1_v1 .a1_b1 dl:hover dt a::before, .cont1 .a1_v1 .a1_b1 dl.on dt a::before {
border-color: var(--main-color);
}

.cont1 .a1_v1 .a1_b1 dl.on dd {
display: block;
}

.cont1 .a1_v1 .a1_b2 {
width: 80.69444%;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b2 {
width: 100%;
margin-top: 0.48rem;
}
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li {
width: 48.70912%;
background: #fff;
border-radius: 2rem;
padding: 3.2rem;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li:nth-child(n+3) {
margin-top: 2.88rem;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b2 .sycp_list1 li {
width: 100%;
margin-top: 1.6rem;
border-radius: 1.6rem;
}
.cont1 .a1_v1 .a1_b2 .sycp_list1 li:nth-child(n+3) {
margin-top: 1.6rem;
}
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca {
width: 45%;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca dl {
width: 100%;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca dt {
color: #000000;
font: 600 2.4rem/1.2em "OPPOSans";word-wrap:break-word; word-break:break-all;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca dt {
font-size: 2rem;
}
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca dd {
color: #000000;
font: 600 1.8rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca dd {
font-size: 1.6rem;
}
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a {
width: 100%;
margin-top: 3.2rem;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a .jja {
width: 5rem;
height: 5rem;
border: 1px solid var(--main-color);
border-radius: 50%;
text-align: center;
color: var(--main-color);
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a .jja i {
font-size: 2rem;
line-height: 4.8rem;
}

@media (max-width: 768px) {
.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a .jja {
width: 4.32rem;
height: 4.32rem;
}
.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a .jja i {
font-size: 1.8rem;
line-height: 4.24rem;
}
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a span {
color: var(--main-color);
font: 500 1.6rem/1.5em "OPPOSans";
margin-left: 0.5em;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a:hover .jja {
background: var(--main-color);
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li .deca a:hover .jja i {
color: #fff;
}

.cont1 .a1_v1 .a1_b2 .sycp_list1 li a.img {
width: 55%;
overflow: visible;
}

.cont2 {
position: relative;
padding: 10.4rem 0 7.5rem;
}

@media (max-width: 768px) {
.cont2 {
padding: 3.84rem 0;
}
}

.cont2::after {
content: "";
width: 37.1875%;
position: absolute;
z-index: -1;
top: 0;
right: 0;
height: 100%;
background: #9A9A9A;
-webkit-clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
}

@media (max-width: 768px) {
.cont2::after {
display: none;
}
}

.cont2 .a2_b1 {
width: 45.97222%;
}

@media (max-width: 768px) {
.cont2 .a2_b1 {
width: 100%;
}
}

.cont2 .a2_b1 .mySwiper1 {
margin-top: 3.2rem;
}

@media (max-width: 768px) {
.cont2 .a2_b1 .mySwiper1 {
margin-top: 0;
padding: 0 1px;
}
}

.cont2 .a2_b1 .mySwiper1 .swiper-slide {
margin-top: 3.2rem !important; width: 30%;
}

@media (max-width: 768px) {
.cont2 .a2_b1 .mySwiper1 .swiper-slide {
margin-top: 1.6rem !important;
}
}

.cont2 .a2_b1 .mySwiper1 a.block {
text-align: center;
border: 1px solid transparent;
border-radius: 2rem;
padding: 1.2em 0 1.8em;
}

@media (max-width: 768px) {
.cont2 .a2_b1 .mySwiper1 a.block {
padding: 1em 0;
border-radius: 1.6rem;
}
}

.cont2 .a2_b1 .mySwiper1 a.block i {
width: 40%;
display: block;
margin: 0 auto;
}

.cont2 .a2_b1 .mySwiper1 a.block i img {
width: 100%;
-webkit-filter: invert(53%) sepia(97%) saturate(2%) hue-rotate(40deg) brightness(95%) contrast(102%);
filter: invert(53%) sepia(97%) saturate(2%) hue-rotate(40deg) brightness(95%) contrast(102%);
}

.cont2 .a2_b1 .mySwiper1 a.block h2 {
color: rgba(0, 0, 0, 0.6);
font: 500 1.6rem/1.2em "OPPOSans";
margin-top: 0.4em;
}

.cont2 .a2_b1 .mySwiper1 .swiper-slide.on a.block {
border: 1px solid var(--main-color);
}

.cont2 .a2_b1 .mySwiper1 .swiper-slide.on a.block i img {
-webkit-filter: none;
filter: none;
}

.cont2 .a2_b1 .mySwiper1 .swiper-slide.on a.block h2 {
color: var(--main-color);
}

.cont2 .a2_b2 {
width: 68.19444%;
margin-right: -14.16667%;
}

@media (max-width: 768px) {
.cont2 .a2_b2 {
width: 100%;
margin-right: 0;
margin-top: 2.4rem;
}
}

.cont2 .a2_b2 .mySwiper2 .swiper-slide img {
width: 100%;
}

.cont2 .banta {
margin-top: 6.2rem;
}

@media (max-width: 768px) {
.cont2 .banta {
margin-top: 2.4rem;
}
}

.cont2 .banta .swiper-button-prev1, .cont2 .banta .swiper-button-next1 {
width: 5rem;
height: 5rem;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
text-align: center;
color: #000000;
}

.cont2 .banta .swiper-button-prev1 i, .cont2 .banta .swiper-button-next1 i {
font-size: 2rem;
line-height: 4.8rem;
font-weight: 600;
}

@media (max-width: 768px) {
.cont2 .banta .swiper-button-prev1, .cont2 .banta .swiper-button-next1 {
width: 4.16rem;
height: 4.16rem;
}
.cont2 .banta .swiper-button-prev1 i, .cont2 .banta .swiper-button-next1 i {
font-size: 1.6rem;
line-height: 4rem;
}
}

.cont2 .banta .swiper-pagination1 {
width: auto;
color: #000000;
font-size: 2.4rem;
line-height: 5rem;
padding: 0 0.5em;
}

@media (max-width: 768px) {
.cont2 .banta .swiper-pagination1 {
font-size: 2.08rem;
line-height: 4.16rem;
}
}

.cont2 .banta .swiper-pagination1 span {
display: inline-block;
padding: 0 0.2em;
font-family: 'OPPOSans';
}

.cont2 .banta .swiper-pagination1 span.swiper-pagination-current {
color: #000000;
}

.cont2 .banta .swiper-pagination1 span.swiper-pagination-total {
color: #000000;
}

.cont3 {
background: url(../images/bj1.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
padding: 7.2rem 0;
text-align: center;
}

@media (max-width: 768px) {
.cont3 {
padding: 4rem 0;
}
}

.cont3 dl {
color: #fff;
}

.cont3 dl dt {
font: 600 4rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.cont3 dl dt {
font-size: 2.72rem;
}
}

.cont3 dl dd {
margin-top: 0.25em;
}

.cont3 dl dd i {
width: 3.2rem;
display: block;
}

@media (max-width: 768px) {
.cont3 dl dd i {
width: 2.88rem;
}
}

.cont3 dl dd i img {
width: 100%;
}

.cont3 dl dd p {
font: 500 3.2rem/1.5em "OPPOSans";
margin-left: 0.5em;
}

@media (max-width: 768px) {
.cont3 dl dd p {
font-size: 2.4rem;
}
}

.gong-jt .swiper-button-prev1, .gong-jt .swiper-button-next1 {
width: 5rem;
height: 5rem;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
text-align: center;
color: #000000;
}

.gong-jt .swiper-button-prev1 i, .gong-jt .swiper-button-next1 i {
font-size: 2rem;
line-height: 4.8rem;
font-weight: 600;
}

@media (max-width: 768px) {
.gong-jt .swiper-button-prev1, .gong-jt .swiper-button-next1 {
width: 4.16rem;
height: 4.16rem;
}
.gong-jt .swiper-button-prev1 i, .gong-jt .swiper-button-next1 i {
font-size: 1.6rem;
line-height: 4rem;
}
}

.cont4 {
position: relative;
padding: 9.8rem 0 8.4rem;
}

@media (max-width: 768px) {
.cont4 {
padding: 4rem 0 2.4rem;
}
}

.cont4::after {
content: "";
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
background: url(../images/bj2.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
z-index: -1;
}

@media (max-width: 768px) {
.cont4::after {
display: none;
}
}

.cont4 .title_a1 .tit span, .cont4 .title_a1 .tit .name {
color: #fff;
}

@media (max-width: 768px) {
.cont4 .title_a1 .tit span, .cont4 .title_a1 .tit .name {
color: var(--main-color);
}
}

@media (max-width: 768px) {
.cont4 .title_a1 .tit .name {
color: #000000;
}
}

.cont4 .bantb .swiper-button-next1 {
margin-left: 1.3em;
}

.cont4 .a4_v1 {
padding-left: 12.5%;
}

@media (max-width: 1366px) {
.cont4 .a4_v1 {
padding-left: 5.78125%;
}
}

@media (max-width: 768px) {
.cont4 .a4_v1 {
padding: 0 4%;
}
}

.cont4 .a4_v1 .a4_b1 {
width: 17.2619%;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b1 {
width: 100%;
display: none;
}
}

.cont4 .a4_v1 .a4_b1 dl + dl {
margin-top: 1.45em;
}

.cont4 .a4_v1 .a4_b1 dl a {
display: block;
color: #FFFFFF;
font: 600 1.8rem/1.5em "OPPOSans";
}

.cont4 .a4_v1 .a4_b1 dl a::before {
content: "";
width: 1.6rem;
height: 1.6rem;
display: inline-block;
border: 0.3rem solid #FFFFFF;
border-radius: 50%;
margin-right: 0.5em;
}

.cont4 .a4_v1 .a4_b1 dl a i {
width: 3.8rem;
display: inline-block;
line-height: 0.5em;
vertical-align: middle;
-webkit-transform: translateY(-0.2em);
-moz-transform: translateY(-0.2em);
-ms-transform: translateY(-0.2em);
-o-transform: translateY(-0.2em);
transform: translateY(-0.2em);
margin-left: 0.5em;
opacity: 0;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b1 dl a {
color: rgba(0, 0, 0, 0.8);
}
.cont4 .a4_v1 .a4_b1 dl a::before {
border-color: rgba(0, 0, 0, 0.8);
}
.cont4 .a4_v1 .a4_b1 dl a i {
display: none;
}
}

.cont4 .a4_v1 .a4_b1 dl a:hover i {
opacity: 1;
}

.cont4 .a4_v1 .a4_b2 {
width: 82.14286%;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b2 {
width: 100%;
}
}

.cont4 .a4_v1 .a4_b2 .mySwiper3 {
padding: 3.2rem 0;
padding-right: 23.80952%;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b2 .mySwiper3 {
padding-right: 0;
padding: 1.6rem 0.8rem;
}
}

.cont4 .a4_v1 .a4_b2 .mySwiper3 .swiper-slide .wehjs {
background: url(../images/bj3.jpg) no-repeat center;
-o-background-size: cover;
background-size: cover;
padding: 3.2rem;
box-shadow: 0px 0.4rem 2rem rgba(0, 0, 0, 0.15);
border-top-left-radius: 5rem;
border-bottom-right-radius: 5rem;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b2 .mySwiper3 .swiper-slide .wehjs {
padding: 1.12rem;
border-top-left-radius: 2rem;
border-bottom-right-radius: 2rem;
box-shadow: 0px 0.4rem 0.8rem rgba(0, 0, 0, 0.15);
}
}

.cont4 .a4_v1 .a4_b2 .mySwiper3 .swiper-slide .img {
display: block;
padding-bottom: 123.04348%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
border-top-left-radius: 3rem;
border-bottom-right-radius: 3rem;
}

@media (max-width: 768px) {
.cont4 .a4_v1 .a4_b2 .mySwiper3 .swiper-slide .img {
border-top-left-radius: 1.12rem;
border-bottom-right-radius: 1.12rem;
}
}

.cont4 .a4_v1 .a4_b2 .mySwiper3 .swiper-slide .img img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.cont5 {
background: #E7E7E7;
padding: 9rem 0 10rem;
}

@media (max-width: 768px) {
.cont5 {
padding: 3.2rem 0;
}
}

.cont5 .news-tit dl a {
display: block;
color: rgba(0, 0, 0, 0.5);
font: 600 1.6rem/2em "OPPOSans";
border-bottom: 2px solid transparent;
padding-bottom: 0.35em;
}

.cont5 .news-tit dl + dl {
margin-left: 8rem;
}

@media (max-width: 768px) {
.cont5 .news-tit dl + dl {
margin-left: 2.4rem;
}
}

.cont5 .news-tit dl.on a {
color: var(--main-color);
border-color: var(--main-color);
}

.cont5 .a5_v1 {
margin-top: 4.16rem;
}

@media (max-width: 768px) {
.cont5 .a5_v1 {
margin-top: 1.92rem;
}
}

.cont5 .a5_v1 .xw_sdta .list1 {
width: 31.94444%;
}

@media (max-width: 768px) {
.cont5 .a5_v1 .xw_sdta .list1 {
width: 100%;
display: none;
}
}

.cont5 .a5_v1 .xw_sdta .list1 dl {
border-radius: 2rem;
overflow: hidden;
}

.cont5 .a5_v1 .xw_sdta .list1 dl a.i {
display: block;
font-size: 0;
}

.cont5 .a5_v1 .xw_sdta .list1 dl a.i img {
width: 100%;
}

.cont5 .a5_v1 .xw_sdta .list1 dl .cont {
background: #fff;
padding: 3.6rem 5% 5.12rem;
}

.cont5 .a5_v1 .xw_sdta .list1 dl .cont h2 a {
display: block;
color: #000000;
font: 500 1.8rem/1.5em "OPPOSans";
border-bottom: 1px solid #E7E7E7;
padding-bottom: 0.5em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

.cont5 .a5_v1 .xw_sdta .list1 dl .cont h2 a:hover {
color: var(--main-color);
}

.cont5 .a5_v1 .xw_sdta .list1 dl .cont .p {
color: #666666;
font: 500 1.6rem/1.5em "OPPOSans";
margin: 1em 0 2em;
}

.cont5 .a5_v1 .xw_sdta .list1 dl .cont .data {
color: #C7C7C7;
font: 500 1.6rem/1.4em "OPPOSans";
}

.cont5 .a5_v1 .xw_sdta .list2 {
width: 31.94444%;
}

@media (max-width: 768px) {
.cont5 .a5_v1 .xw_sdta .list2 {
width: 100%;
display: none;
}
}

.cont5 .a5_v1 .xw_sdta .list2 dl + dl {
margin-top: 3rem;
}

.cont5 .a5_v1 .xw_sdta .list2 dl .cont {
background: #fff;
padding: 4.42rem 5%;
border-radius: 2rem;
overflow: hidden;
}

.cont5 .a5_v1 .xw_sdta .list2 dl .cont h2 a {
display: block;
color: #000000;
font: 500 1.8rem/1.5em "OPPOSans";
border-bottom: 1px solid #E7E7E7;
padding-bottom: 0.5em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

.cont5 .a5_v1 .xw_sdta .list2 dl .cont h2 a:hover {
color: var(--main-color);
}

.cont5 .a5_v1 .xw_sdta .list2 dl .cont .p {
color: #666666;
font: 500 1.6rem/1.5em "OPPOSans";
margin: 1em 0 2em;
}

.cont5 .a5_v1 .xw_sdta .list2 dl .cont .data {
color: #C7C7C7;
font: 500 1.6rem/1.4em "OPPOSans";
}

.cont5 .a5_v1 .xw_sdta .list3 {
width: 31.94444%;
background: #fff;
border-radius: 2rem;
overflow: hidden;
}

@media (max-width: 768px) {
.cont5 .a5_v1 .xw_sdta .list3 {
width: 100%;
}
}

.cont5 .a5_v1 .xw_sdta .list3 dl {
height: -webkit-calc(100%/3);
height: -moz-calc(100%/3);
height: calc(100%/3);
}

.cont5 .a5_v1 .xw_sdta .list3 dl + dl {
border-top: 1px solid #E7E7E7;
}

.cont5 .a5_v1 .xw_sdta .list3 dl .cont {
background: #fff;
padding: 2.4rem 5%;
}

.cont5 .a5_v1 .xw_sdta .list3 dl .cont h2 a {
display: block;
color: #000000;
font: 500 1.8rem/1.5em "OPPOSans";
padding-bottom: 0.5em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

.cont5 .a5_v1 .xw_sdta .list3 dl .cont h2 a:hover {
color: var(--main-color);
}

.cont5 .a5_v1 .xw_sdta .list3 dl .cont .p {
color: #666666;
font: 500 1.6rem/1.5em "OPPOSans";
margin: 0.1em 0 0.5em;
}

.cont5 .a5_v1 .xw_sdta .list3 dl .cont .data {
color: #C7C7C7;
font: 500 1.6rem/1.4em "OPPOSans";
}

.wh2 {
padding-left: 12.5%;
}

@media (max-width: 1366px) {
.wh2 {
padding-left: 5.78125%;
}
}

@media (max-width: 768px) {
.wh2 {
padding: 0 4%;
}
}

.cont6 .a6_v1 .a6_b1 {
width: 22.71106%;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b1 {
width: 100%;
padding: 3.2rem 0 1.6rem;
}
}

.cont6 .a6_v1 .a6_b1 .cont-p {
color: rgba(0, 0, 0, 0.6);
font: 500 1.6rem/1.6em "OPPOSans";
margin: 2em 0;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b1 .cont-p {
margin: 1em 0;
}
}

.cont6 .a6_v1 .a6_b2 {
position: relative;
width: 72.41379%;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 {
width: 100%;
padding-bottom: 4rem;
}
}

.cont6 .a6_v1 .a6_b2 i {
display: block;
font-size: 0;
border-top-left-radius: 14.4rem;
overflow: hidden;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 i {
border-top-left-radius: 0;
}
}

.cont6 .a6_v1 .a6_b2 i img {
width: 100%;
}

.cont6 .a6_v1 .a6_b2 .sdhta {
position: absolute;
left: 0;
bottom: 3.2rem;
width: 100%;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 .sdhta {
position: static;
padding-bottom: 2.4rem;
display: none;
}
}

.cont6 .a6_v1 .a6_b2 .sdhta dl {
color: #fff;
padding-left: 4%;
-webkit-flex: auto;
-moz-box-flex: 1;
-ms-flex: auto;
flex: auto;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 .sdhta dl {
color: #333;
padding-left: 0;
width: 50%;
-webkit-flex: inherit;
-moz-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
margin-top: 2rem;
}
}

.cont6 .a6_v1 .a6_b2 .sdhta dl + dl {
border-left: 1px solid rgba(255, 255, 255, 0.6);
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 .sdhta dl + dl {
border-left: none;
}
}

.cont6 .a6_v1 .a6_b2 .sdhta dl dt span {
font: 600 5rem/1.2em "OPPOSans";
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 .sdhta dl dt span {
font-size: 4rem;
}
}

.cont6 .a6_v1 .a6_b2 .sdhta dl dt sup {
font: 600 2.4rem/1.2em "OPPOSans";
vertical-align: top;
}

@media (max-width: 768px) {
.cont6 .a6_v1 .a6_b2 .sdhta dl dt sup {
font-size: 1.6rem;
}
}

.cont6 .a6_v1 .a6_b2 .sdhta dl dd {
font: 500 1.6rem/1.5em "OPPOSans";
margin-top: 0.25em;
}

.cont6 .a6_v2 {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
.cont6 .a6_v2 {
display: none;
}
}

.cont6 .a6_v2 dl {
width: -webkit-calc(100%/5);
width: -moz-calc(100%/5);
width: calc(100%/5);
text-align: center;
padding: 5.5rem 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
}

@media (max-width: 768px) {
.cont6 .a6_v2 dl {
padding: 1.6rem 0;
}
}

.cont6 .a6_v2 dl + dl {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
.cont6 .a6_v2 dl {
width: -webkit-calc(100%/3);
width: -moz-calc(100%/3);
width: calc(100%/3);
}
}

.cont6 .a6_v2 dl i {
display: block;
width: 15%;
margin: 0 auto;
}

@media (max-width: 768px) {
.cont6 .a6_v2 dl i {
width: 25%;
}
}

.cont6 .a6_v2 dl i img {
width: 100%;
-webkit-filter: invert(54%) sepia(0%) saturate(2451%) hue-rotate(317deg) brightness(101%) contrast(93%);
filter: invert(54%) sepia(0%) saturate(2451%) hue-rotate(317deg) brightness(101%) contrast(93%);
}

.cont6 .a6_v2 dl dt {
color: rgba(0, 0, 0, 0.7);
font: 500 1.8rem/1.3em "OPPOSans";
margin-top: 0.7em;
}

.cont6 .a6_v2 dl dd {
color: rgba(0, 0, 0, 0.3);
font: 500 1.4rem/1.3em "OPPOSans";
text-transform: uppercase;
}

.cont6 .a6_v2 dl:hover {
background: var(--main-color);
}

.cont6 .a6_v2 dl:hover i img {
-webkit-filter: none;
filter: none;
}

.cont6 .a6_v2 dl:hover dt, .cont6 .a6_v2 dl:hover dd {
color: #fff;
}

.foot-fot {
position: relative;
background: #5F5F5F;
}

.foot-fot .mslm-nav > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.foot-fot .mslm-nav > li .sec {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.foot-fot .mslm-nav > li > a, .foot-fot .aniut i, .foot-fot .mslm-nav > li .sec a {
color: #fff;
}

.foot-fot .foota1 {
position: relative;
z-index: 1;
padding: 6.4rem 0 5.4rem;
}

@media (max-width: 990px) {
.foot-fot .foota1 {
display: none;
}
}

.foot-fot .foota1 .foot-tit {
color: #fff;
font: 600 1.8rem/1.5em "OPPOSans";
}

.foot-fot .foota1 .fo-a2 + .fo-a2 {
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 3em;
}

.foot-fot .foota1 .fo-a3 {
margin-left: 4%;
}

.foot-fot .foota1 .fo-a3 .foot-tit {
font-weight: 500;
}

.foot-fot .foota1 .dseca {
margin-top: 0.6em;
}

.foot-fot .foota1 .dseca > a {
display: block;
color: rgba(255, 255, 255, 0.6);
font: 500 1.6rem/2em "OPPOSans";
}

.foot-fot .foota1 .dseca > a:hover {
color: #fff;
}

.foot-fot .foota1 .dseca p {
color: rgba(255, 255, 255, 0.6);
font: 500 1.6rem/2em "OPPOSans";
}

.foot-fot .foota1 .dseca dl {
padding: 0.5em 0;
}

.foot-fot .foota1 .dseca dl i {
color: rgba(255, 255, 255, 0.5);
font: 100 2rem/3.8rem "OPPOSans";
width: 4rem;
height: 4rem;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
text-align: center;
margin-right: 0.5em;
}

.foot-fot .foota1 .dxagasgh {
margin-top: 0.5em;
}

.foot-fot .foota1 .dxagasgh > p {
color: #FFFFFF;
font: 600 1.8rem/1.5em "OPPOSans";
}

.foot-fot .foota1 .dxagasgh .social0sharea a {
font-size: 2rem;
width: 2.72rem;
line-height: 2.72rem;
height: 2.72rem;
margin: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
color: rgba(255, 255, 255, 0.6);
-webkit-transition: background 0.6s ease-out 0s;
-o-transition: background 0.6s ease-out 0s;
-moz-transition: background 0.6s ease-out 0s;
transition: background 0.6s ease-out 0s;
}

.foot-fot .foota1 .dxagasgh .social0sharea a i {
font-size: 2rem;
}

.foot-fot .foota1 .dxagasgh .social0sharea a:hover {
background: transparent;
}

.foot-fot .foota1 .dxagasgh .social0sharea a:hover i.icon-facebook1 {
color: #3B599A;
}

.foot-fot .foota1 .dxagasgh .social0sharea a:hover i.icon-tuite1 {
color: #1DABDD;
}

.foot-fot .foota1 .dxagasgh .social0sharea a:hover i.icon-instagram {
color: #FF0186;
}

.foot-fot .foota1 .dxagasgh .social0sharea a:hover i.icon-youtube {
color: #F40003;
}

.foot-fot .foota3 {
color: rgba(255, 255, 255, 0.5);
font: 500 1.4rem/1.5em "OPPOSans";
background: #515151;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 1.6rem 0;
}

.foot-fot .foota3 .wh {
position: relative;
z-index: 1;
font: 500 1.6rem/1.5em "OPPOSans";
text-align: center;
}

.foot-fot .foota3 .wh a {
color: rgba(255, 255, 255, 0.5);
}

.foot-fot .foota3 .wh a:hover {
color: #fff;
}

.foota1 .social-share .social-share-icon {
width: 3.3rem;
height: 3.3rem;
line-height: 3.3rem;
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
font-size: 1.76rem;
}

.foota1 .social-share .social-share-icon:hover {
color: #fff;
}

.foot1-m {
display: none;
width: 100%;
position: relative;
z-index: 1;
}

.foot1-m .derma-m {
width: 30%;
max-width: 100px;
margin: 1.5em auto 0;
}

@media (max-width: 990px) {
.d_nav {
display: none;
}
.fix-gonga {
display: none !important;
}
}

/*手机底部*/
@media (max-width: 991px) {
.foot1-m {
display: block;
}
}

.hidden {
display: none;
}

.dbb {
height: 50px;
}

.zd_erha {
position: fixed;
right: 1.82292%;
bottom: 12%;
z-index: 999;
}

@media (max-width: 768px) {
.zd_erha {
display: none;
}
}

.zd_erha .aat_list li {
position: relative;
}

.zd_erha .aat_list li + li {
margin-top: 2rem;
}

.zd_erha li > a {
display: block;
width: 5.6rem;
height: 5.6rem;
position: relative;
background: var(--main-color);
border-radius: 50%;
line-height: 5.6rem;
box-shadow: 0 0 1.6rem rgba(51, 51, 51, 0.2);
}

.zd_erha li > a i {
display: block;
margin: 0 auto;
text-align: center;
}

.zd_erha li > a i img {
height: 2.8rem;
}

.zd_erha li > a:hover {
background: #000;
}

.aat_list li:last-child {
display: none;
}

.zd_erha .aat_list li .erghgsa {
position: absolute;
z-index: -1;
padding: 0.5em 1.6rem;
width: 22.4rem;
text-align: center;
right: -webkit-calc(110% + 5px);
right: -moz-calc(110% + 5px);
right: calc(110% + 5px);
top: 10%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
-webkit-transition: all .7s;
-o-transition: all .7s;
-moz-transition: all .7s;
transition: all .7s;
box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
color: #333;
font-size: 1.8rem;
background: #fff;
border-radius: 0.64rem;
}

.zd_erha .aat_list li:hover .erghgsa {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.zd_erha .aat_list li .erghgsb {
width: 11.2rem;
padding: 0.48rem;
}

.nbanner {
overflow: hidden;
}

.nbanner .img img {
-o-object-fit: cover;
object-fit: cover;
}

.nbanner .nbanner-wen1 {
width: 100%;
z-index: 9;
}

@media (max-width: 990px) {
.nbanner .nbanner-wen1 {
top: 50%;
}
}

.nbanner .nbanner-wen1 .banner-cont {
color: #fff;
text-align: center;
}

.nbanner .nbanner-wen1 .banner-cont h2 {
font: 600 4.6rem/1.4em "OPPOSans";
}

@media (max-width: 768px) {
.nbanner .nbanner-wen1 .banner-cont h2 {
font-size: 2.32rem;
}
}

.nbanner .nbanner-wen1 .banner-cont .p {
font: 600 2.2rem/1.4em "OPPOSans";
text-transform: uppercase;
}

@media (max-width: 768px) {
.nbanner .nbanner-wen1 .banner-cont .p {
font-size: 2.32rem;
}
}

.n_mbx {
position: relative;
background: #F3F5F6;
border-bottom: 1px solid #DDDDDD;
}

.n_mbx .n_src {
font-size: 0;
text-align: center;
/* overflow-x: auto; */
padding: 1.8rem 0;white-space: nowrap;
}
.n_mbx .n_src::-webkit-scrollbar {
width:8px;
height:8px;
background-color: #F5F5F5;
}
.n_mbx .n_src::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
.n_mbx .n_src::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555;
}
@media (max-width: 768px) {
.n_mbx .n_src {
white-space: nowrap;
padding: 0.96rem 0;
}
}

.n_mbx .n_src li {
display: inline-block;
}

.n_mbx .n_src li a {
display: block;
color: #000000;
font: 500 2rem/5rem "OPPOSans";
position: relative;

padding: 0 1.5em;
margin: 0 0.2em;
border-radius: 2.5rem;
}

@media (max-width: 768px) {
.n_mbx .n_src li a {
line-height: 4.16rem;
padding: 0 1.25em;
font-size: 1.76rem;
margin: 0 0.2em;
}
}

.n_mbx .n_src li:hover a, .n_mbx .n_src li.active a {
color: #fff;
background: var(--main-color);
}

.n_mbxb {
position: relative;
background: #F3F5F6;
border-bottom: 1px solid #DDDDDD;
}

.n_mbxb .n_src {
font-size: 0;
text-align: center;
/* overflow-x: auto; */
white-space: nowrap;
}
.n_mbxb .n_src::-webkit-scrollbar {
width:8px;
height:8px;
background-color: #F5F5F5;
}
.n_mbxb .n_src::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
.n_mbxb .n_src::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #555;
}
@media (max-width: 768px) {
.n_mbxb .n_src {
white-space: nowrap;
}
}

.n_mbxb .n_src li {
display: inline-block;
}

.n_mbxb .n_src li a {
display: block;
color: rgba(0, 0, 0, 0.6);
font: 500 1.6rem/2.4rem "OPPOSans";
position: relative;

padding: 0.5em 1em 1em;
margin: 0 1em;
}

.n_mbxb .n_src li a i {
width: 5.76rem;
margin: 0 auto;
display: block;
font-size: 0;
}

.n_mbxb .n_src li a i img {
width: 100%;
-webkit-filter: invert(53%) sepia(97%) saturate(2%) hue-rotate(40deg) brightness(95%) contrast(102%);
filter: invert(53%) sepia(97%) saturate(2%) hue-rotate(40deg) brightness(95%) contrast(102%);
}

.n_mbxb .n_src li a span {
display: block;
}

@media (max-width: 768px) {
.n_mbxb .n_src li a {
padding: 0.35em 1em 0.5em;
font-size: 1.3rem;
}
.n_mbxb .n_src li a i {
width: 4rem;
}
}

.n_mbxb .n_src li:hover a, .n_mbxb .n_src li.active a {
color: #fff;
background: var(--main-color);
}

.n_mbxb .n_src li:hover a i img, .n_mbxb .n_src li.active a i img {
-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(52deg) brightness(103%) contrast(102%);
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(52deg) brightness(103%) contrast(102%);
}

.loadmore-nodata {
margin: 0 auto 9em;
}

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

.pagination {
display: inline-block;
padding-left: 0;
margin: 0 0;
border-radius: 4px;
}

@media (max-width: 768px) {
.pagination {
margin: 0 0 0;
}
}

.pagination > li {
display: inline;
}

.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
margin-left: -1px;
line-height: 3.8rem;
color: #7D7D7D;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
margin: 0 0.32rem;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left: 0;
line-height: 2.1;
background: #fff;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
line-height: 2.1;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
z-index: 2;
color: var(--main-color);
background-color: #eee;
border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active >
span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: var(--main-color);
border-color: var(--main-color);
vertical-align: middle;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination >
.disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.pager {
padding-left: 0;
margin: 4.3rem 0;
text-align: center;
list-style: none;
}

@media (max-width: 768px) {
.pager {
margin: 2.4rem 0;
}
}

.pager li {
display: inline;
}

.pager li > a, .pager li > span {
display: inline-block;
background-color: transparent;
border: 1px solid #ddd;
border-radius: 50%;
width: 3.8rem;
height: 3.8rem;
background: #fff;
}

.pager li > a:focus, .pager li > a:hover {
text-decoration: none;
background-color: #eee;
}

.pager .next > a, .pager .next > span {
float: right;
}

.pager .previous > a, .pager .previous > span {
float: left;
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: transparent;
}

.ajhhsd {
color: #4D4D4D;
font: 500 1.6rem/1.5em "OPPOSans";
padding: 1em 0;
}

.ajhhsd a {
color: #4D4D4D;
}

.ajhhsd a:hover {
color: var(--main-color);
}

.ajhhsd span {
padding: 0 0.3em;
}

.ajhhsd span:last-child {
display: none;
}

.xw_ny_banner {
background: #333;
-o-background-size: cover;
background-size: cover;
padding: 21.6rem 0 11.6rem;
}

@media (max-width: 990px) {
.xw_ny_banner {
padding: 11.6rem 0;
}
}

@media (max-width: 768px) {
.xw_ny_banner {
padding: 6.4rem 0;
}
}

.xw_ny_banner h2 {
color: #FFFFFF;
font: 600 5rem/1.2em "OPPOSans";
}

@media (max-width: 768px) {
.xw_ny_banner h2 {
font-size: 2.88rem;
}
}

.nav-page li {
padding-bottom: 1em;
}

.nav-page li + li {
border-top: 1px solid #f0f0f0;
padding-top: 1em;
}

.nav-page li > a {
display: block;
font: 600 2.16rem/1.5em "OPPOSans";
color: #333;
}

@media (max-width: 768px) {
.nav-page li > a {
font-size: 2rem;
}
}

.nav-page li .sec {
margin-top: 0.5em;
}

.nav-page li .sec a {
display: inline-block;
font: 500 1.6rem/1.6em "OPPOSans";
color: #777;
margin-right: 1em;
}

.nav-page li .sec a:hover {
color: var(--main-color);
}

@media (max-width: 768px) {
.mt40 {
margin-top: 1.6rem;
}
}

.ssy-sskaa {
margin-bottom: 3.2rem;
}

@media (max-width: 768px) {
.ssy-sskaa {
margin-bottom: 2.4rem;
}
}

.ssy-sskaa .searchsa form {
width: 50%;
border: 1px solid #999;
padding: 0 1.5em;
border-radius: 3.2rem;
margin: 0 auto;
}

@media (max-width: 768px) {
.ssy-sskaa .searchsa form {
width: 90%;
}
}

.ssy-sskaa .searchsa form input {
width: 70%;
font: 500 2rem/6.4rem "OPPOSans";
background: transparent;
color: #999;
}

@media (max-width: 768px) {
.ssy-sskaa .searchsa form input {
font-size: 1.8rem;
line-height: 4.8rem;
}
}

.ssy-sskaa .searchsa form button {
width: auto;
outline: none;
border: none;
background: transparent;
}

.ssy-sskaa .searchsa form button i {
font: 500 2.56rem/6.4rem "OPPOSans";
color: #333;
}

@media (max-width: 768px) {
.ssy-sskaa .searchsa form button i {
font-size: 2.16rem;
line-height: 4.8rem;
}
}

.sssjga {
color: #333;
font: 600 2rem/1.5em "OPPOSans";
margin-bottom: 1em;
}

.ss-list li + li {
margin-top: 3.2rem;
}

@media (max-width: 768px) {
.ss-list li + li {
margin-top: 1.6rem;
}
}

.ss-list li div.img {
width: 25%;
}

@media (max-width: 768px) {
.ss-list li div.img {
width: 100%;
}
}

.ss-list li div.img a.img {
display: block;
border: 1px solid #f2f2f2;
}

.ss-list li .xw-nycont {
width: 72%;
}

.ss-list li .xw-nycont.w100 {
width: 100%;
}

@media (max-width: 768px) {
.ss-list li .xw-nycont {
width: 100%;
margin-top: 1.2em;
}
}

.ss-list li .xw-nycont h2 a {
display: block;
color: #656363;
font: 500 2rem/1.35em "OPPOSans";
overflow: hidden;
margin-bottom: 0.2em;
}

@media (max-width: 768px) {
.ss-list li .xw-nycont h2 a {
font-size: 1.8rem;
}
}

.ss-list li .xw-nycont span {
color: var(--main-color);
font: 500 1.6rem/1.5em "OPPOSans";
}

.ss-list li .xw-nycont .datea {
color: #999999;
font: 500 1.52rem/1.5em "OPPOSans";
}

.ss-list li .xw-nycont .p {
color: #999999;
font: 500 1.6rem/1.5em "OPPOSans";
margin-top: 0.5em;
}

.ss-list li .xw-nycont a.more-msl {
margin-top: 1em;
}

.shzr-content {
color: #252323;
font: 500 1.6rem/2em "OPPOSans";
padding: 1.6rem 0 4.8rem;
}

.shzr-content h4 {
margin-bottom: 0.5em;
}

.list_content {
padding: 7.2rem 0;
}

@media (max-width: 768px) {
.list_content {
padding: 3.2rem 0;
}
}

@-webkit-keyframes scale2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.fang-img {
-webkit-animation: scale2 4s infinite linear;
-moz-animation: scale2 4s infinite linear;
-o-animation: scale2 4s infinite linear;
animation: scale2 4s infinite linear;
}

.ny-tit .tit {
color: #251816;
font: 600 4.5rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.ny-tit .tit {
font-size: 2.88rem;
}
}

.ny-tit .tit::after {
content: "";
display: block;
width: 2em;
background: var(--main-color);
height: 1px;
margin: 0.05em 0 0.2em;
}

@media (max-width: 768px) {
.ny-tit .tit::after {
margin: 0.1em 0 0.3em;
}
}

.ny-tit p {
color: #737171;
font: 500 2rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.ny-tit p {
font-size: 1.6rem;
}
}

#abt1, #abt2, #abt3, #abt4, #abt5, #msg_lx {
height: 8rem;
margin-top: -8rem;
}

@media (max-width: 990px) {
#abt1, #abt2, #abt3, #abt4, #abt5, #msg_lx {
height: 60px;
margin-top: -60px;
}
}

.abt-cont1 {
padding: 12.8rem 0 10rem;
position: relative;
}

@media (max-width: 768px) {
.abt-cont1 {
padding: 3.52rem 0;
}
}

.abt-cont1::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 34.27083%;
height: 100%;
background: url(../images/bj1.svg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
z-index: -1;
}

@media (max-width: 768px) {
.abt-cont1::after {
display: none;
}
}

.abt-cont1 .abt-a1_v1 .abt-a1_b1 {
width: 45.34722%;
}

@media (max-width: 768px) {
.abt-cont1 .abt-a1_v1 .abt-a1_b1 {
width: 100%;
}
}

.abt-cont1 .abt-a1_v1 .abt-a1_b1 .text {
color: rgba(0, 0, 0, 0.8);
font: 500 1.6rem/1.7em "OPPOSans";
text-align: justify;
margin-top: 1em;
}

@media (max-width: 768px) {
.abt-cont1 .abt-a1_v1 .abt-a1_b1 .text {
margin-top: 1em;
}
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 {
width: 51.38889%;
}

@media (max-width: 768px) {
.abt-cont1 .abt-a1_v1 .abt-a1_b2 {
width: 100%;
margin-top: 1.6rem;
}
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 .fang {
border-radius: 2.4rem;
}

@media (max-width: 768px) {
.abt-cont1 .abt-a1_v1 .abt-a1_b2 .fang {
border-radius: 1.6rem;
}
}

.abt-cont1 .abt-a1_v1 .abt-a1_b2 img {
width: 100%;
}

.abt-cont2 {
background: var(--main-color);
padding: 6rem 0;
}

@media (max-width: 768px) {
.abt-cont2 {
padding: 4rem 0;
}
}

.abt-cont2 .abt-a2_v1 dl {
width: 20%;
color: #fff;
}

.abt-cont2 .abt-a2_v1 dl:last-child {
width: auto;
}

@media (max-width: 768px) {
.abt-cont2 .abt-a2_v1 dl {
width: 50%;
padding: 0.5em 0;
}
}

.abt-cont2 .abt-a2_v1 dl dt span {
font: 600 5rem/1.2em "OPPOSans";
}

@media (max-width: 768px) {
.abt-cont2 .abt-a2_v1 dl dt span {
font-size: 2.5em;
}
}

.abt-cont2 .abt-a2_v1 dl dt sup {
font: 600 2.4rem/1.2em "OPPOSans";
vertical-align: top;
}

@media (max-width: 768px) {
.abt-cont2 .abt-a2_v1 dl dt sup {
font-size: 1.8rem;
}
}

.abt-cont2 .abt-a2_v1 dl dd {
font: 500 1.6rem/1.5em "OPPOSans";
margin-top: 0.25em;
}

.abt-cont3 {
margin-top: 10.6rem;
}

@media (max-width: 768px) {
.abt-cont3 {
margin-top: 3.2rem;
}
}

.abt-cont3 .title_a1 {
padding-bottom: 5.2rem;
}

@media (max-width: 768px) {
.abt-cont3 .title_a1 {
padding-bottom: 2.56rem;
}
}

.abt-cont3 .abt-a3_v1 {
background: url(../images/bjqa.jpg) no-repeat center top;
-o-background-size: cover;
background-size: cover;
}

.abt-cont3 .abt-a3_v1 dl {
width: -webkit-calc(100%/5);
width: -moz-calc(100%/5);
width: calc(100%/5);
text-align: center;
padding: 20rem 0 19rem;
}

@media (max-width: 768px) {
.abt-cont3 .abt-a3_v1 dl {
width: 50%;
padding: 8rem 0 6.4rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.abt-cont3 .abt-a3_v1 dl:last-child {
width: 100%;
}
}

.abt-cont3 .abt-a3_v1 dl + dl {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.abt-cont3 .abt-a3_v1 dl i {
border: 2px dashed rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 10rem;
height: 10rem;
margin: 0 auto;
}

@media (max-width: 768px) {
.abt-cont3 .abt-a3_v1 dl i {
width: 9.28rem;
height: 9.28rem;
}
}

.abt-cont3 .abt-a3_v1 dl i img {
width: 60%;
}

.abt-cont3 .abt-a3_v1 dl .cont {
color: #fff;
margin-top: 2rem;
}

.abt-cont3 .abt-a3_v1 dl .cont dt {
font: 600 1.8rem/1.5em "OPPOSans";
}

.abt-cont3 .abt-a3_v1 dl .cont dd {
font: 500 1.6rem/1.5em "OPPOSans";
margin-top: 0.25em;
height: 3em;
overflow: hidden;
padding: 0 1em;
}

.abt-cont3 .abt-a3_v1 dl:hover {
background: rgba(152, 42, 18, 0.9);
}

.abt-cont4 {
padding: 11.52rem 0 8.4rem;
}

@media (max-width: 768px) {
.abt-cont4 {
padding: 3.2rem 0;
}
}

.abt-cont4 .abt-a4_list1 {
margin: 0 -1.12rem;
position: relative;
margin-top: 2.88rem;
}

@media (max-width: 768px) {
.abt-cont4 .abt-a4_list1 {
margin: 0 -0.8rem;
margin-top: 1.6rem;
}
}

.abt-cont4 .abt-a4_list1 li {
width: -webkit-calc(100%/3);
width: -moz-calc(100%/3);
width: calc(100%/3);
padding: 1.12rem;
float: left;
}

@media (max-width: 768px) {
.abt-cont4 .abt-a4_list1 li {
width: 50%;
padding: 0.8rem;
}
}

.abt-cont4 .abt-a4_list1 li .img {
border-radius: 1.6rem;
overflow: hidden;
padding-bottom: 55.33597%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

@media (max-width: 768px) {
.abt-cont4 .abt-a4_list1 li .img {
border-radius: 0.96rem;
padding-bottom: 79.05138%;
}
}

.abt-cont4 .abt-a4_list1 li .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.abt-cont4 .abt-a4_list1 li:nth-child(2) .img {
padding-bottom: 116.60079%;
}

@media (max-width: 768px) {
.abt-cont4 .abt-a4_list1 li:nth-child(2) .img {
padding-bottom: 79.05138%;
}
}

.abt-cont4 .abt-a4_list1 li:last-child {
position: absolute;
left: 0;
bottom: 0;
}

@media (max-width: 768px) {
.abt-cont4 .abt-a4_list1 li:last-child {
position: static;
width: 100%;
}
.abt-cont4 .abt-a4_list1 li:last-child .img {
padding-bottom: 59.28854%;
}
}

.abt-cont5 {
background: #F3F5F6;
padding: 11.2rem 0 12rem;
}

@media (max-width: 768px) {
.abt-cont5 {
padding: 3.2rem 0;
}
}

.abt-cont5 .abt-a5_list1 {
margin-top: 5.12rem;
position: relative;
}

@media (max-width: 768px) {
.abt-cont5 .abt-a5_list1 {
margin-top: 1.92rem;
}
}

.abt-cont5 .abt-a5_list1 .mySwiper4 .swiper-slide .wehjs {
padding: 3.2rem;
background: url(../images/ahc.svg) no-repeat center;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}

@media (max-width: 768px) {
.abt-cont5 .abt-a5_list1 .mySwiper4 .swiper-slide .wehjs {
padding: 1.92rem;
}
}

.abt-cont5 .abt-a5_list1 .mySwiper4 .swiper-slide .wehjs a.img {
display: block;
font-size: 0;
}

.abt-cont5 .abt-a5_list1 .mySwiper4 .swiper-slide .wehjs a.img img {
width: 100%;
}

.abt-cont5 .abt-a5_list1 .swiper-button-prev1, .abt-cont5 .abt-a5_list1 .swiper-button-next1 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
}

@media (max-width: 768px) {
.abt-cont5 .abt-a5_list1 .swiper-button-prev1, .abt-cont5 .abt-a5_list1 .swiper-button-next1 {
display: none;
}
}

.abt-cont5 .abt-a5_list1 .swiper-button-prev1 {
left: -6%;
}

.abt-cont5 .abt-a5_list1 .swiper-button-next1 {
right: -6%;
}

.case-content {
/* background: #F3F5F6; */
overflow: hidden;
padding: 1rem 0 8rem;
}

@media (max-width: 768px) {
.case-content {
padding: 1.6rem 0 3.2rem;
}
}

.case-list li {
background: #FFFFFF;
border-radius: 1.92rem;
border: 1px solid #DDDDDD;
padding: 2.9rem;
margin-top: 4rem;
}

@media (max-width: 768px) {
.case-list li {
margin-top: 1.6rem;
padding: 2.4rem;
border-radius: 1.6rem;
}
}

.case-list li .case_wenzq {
width: 35.01832%;
margin: 0 2%;
}

@media (max-width: 768px) {
.case-list li .case_wenzq {
width: 100%;
margin: 0;
margin-top: 1.6rem;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}

.case-list li .case_wenzq h2 a {
display: block;
color: #000000;
font: 600 2.6rem/1.5em "OPPOSans";
position: relative;
}

@media (max-width: 768px) {
.case-list li .case_wenzq h2 a {
font-size: 2.4rem;
}
}

.case-list li .case_wenzq h2 a::after {
content: "";
display: block;
width: 2em;
height: 0.2rem;
background: var(--main-color);
margin-top: 0.2em;
}

.case-list li .case_wenzq .p {
color: rgba(0, 0, 0, 0.8);
font: 500 1.6rem/2.8rem "OPPOSans";
margin-top: 1.4em;
height: 8.4rem;
overflow: hidden;
}

@media (max-width: 768px) {
.case-list li .case_wenzq .p {
margin-top: 1.6rem;
}
}

.case-list li .case_wenzq a.more-msl {
margin-top: 2em;
}

@media (max-width: 768px) {
.case-list li .case_wenzq a.more-msl {
margin-top: 1.6rem;
}
}

.case-list li .blocka {
width: 58.60806%;
}

@media (max-width: 768px) {
.case-list li .blocka {
width: 100%;
}
}

.case-list li .blocka .mySwiper5 {
position: relative;
border-radius: 1.6rem;
}

@media (max-width: 768px) {
.case-list li .blocka .mySwiper5 {
border-radius: 0.96rem;
}
}

.case-list li .blocka .mySwiper5 .swiper-slide .a {
overflow: hidden;
padding-bottom: 48.75%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

.case-list li .blocka .mySwiper5 .swiper-slide .a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.case-list li .blocka .mySwiper5 .swiper-pagination1 {
position: absolute;
left: 0;
width: 100%;
bottom: 3%;
text-align: center;
z-index: 1;
}

.case-list li .blocka .mySwiper5 .swiper-pagination1 span {
background: rgba(0, 0, 0, 0.3);
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.48rem;
}

@media (max-width: 768px) {
.case-list li .blocka .mySwiper5 .swiper-pagination1 span {
width: 1.2rem;
height: 1.2rem;
}
}

.case-list li .blocka .mySwiper5 .swiper-pagination1 span.swiper-pagination-bullet-active {
background: var(--main-color);
}

.case-list li:nth-child(2n) .case_wenzq {
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}

.case-show-cont1 {
position: relative;
}

.case-show-cont1::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 80%;
/* background: #F3F5F6; */
z-index: -1;
}

@media (max-width: 768px) {
.case-show-cont1::after {
display: none;
}
}

.case-show-cont1 .ajhhsd {
color: rgba(0, 0, 0, 0.5);
font: 500 1.6rem/1.3em "OPPOSans";
padding: 1.25em 0;
}

@media (max-width: 768px) {
.case-show-cont1 .ajhhsd {
padding: 1em 0;
}
}

.case-show-cont1 .ajhhsd a {
color: rgba(0, 0, 0, 0.5);
}

.case-show-cont1 .ajhhsd a:hover {
color: var(--main-color);
}

.case-show-cont1 .case-show-a1_v1 {
position: relative;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 {
width: 41.66667%;
position: relative;
z-index: 1;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1::after {
content: "";
position: absolute;
right: -1.12rem;
bottom: -1.12rem;
background: #DEDEDE;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 1.6rem;
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 {
width: 100%;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 .swiper-button-next1, .case-show-cont1 .case-show-a1_v1
.case-show-a1_b1 .swiper-button-prev1 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
border-color: var(--main-color);
background: var(--main-color);
color: #fff;
width: 4.48rem;
height: 4.48rem;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 .swiper-button-next1 i, .case-show-cont1 .case-show-a1_v1
.case-show-a1_b1 .swiper-button-prev1 i {
font-size: 2rem;
line-height: 4.48rem;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 .swiper-button-next1 {
right: 2%;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 .swiper-button-prev1 {
left: 2%;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 u {
display: block;
padding-bottom: 83.33333%;
position: relative;
height: 0;
overflow: hidden;
border-radius: 1.6rem;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b1 u img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 {
width: 50.27778%;
margin-top: 9.6rem;
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 {
width: 100%;
margin-top: 2.88rem;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .biaoti-tilte {
color: #000000;
font: 600 3.2rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .biaoti-tilte {
font-size: 2.4rem;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .p {
color: rgba(0, 0, 0, 0.8);
font: 500 1.8rem/1.7em "OPPOSans";
margin-top: 0.5em;
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .p {
margin-top: 0.2em;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha {
margin-top: 8rem;
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha {
margin-top: 1.6rem;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha a.more-msl {
background: var(--main-color);
border-color: var(--main-color);
color: #fff;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha a.more-msl::before {
background: #000;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha .ers {
margin-left: 4.2rem;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha .ers i {
display: block;
width: 2.5rem;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha .ers i img {
width: 100%;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .wehha .ers p {
color: var(--main-color);
font: 500 2.2rem/1.5em "OPPOSans";
margin-left: 0.6em;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad {
color: #000000;
font: 500 1.6rem/2em "OPPOSans";
margin-top: 12.8rem;
}

@media (max-width: 1680px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad {
margin-top: 6.4rem;
}
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad {
margin-top: 1.92rem;
}
}

@media (max-width: 768px) {
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share .icon-wechat .wechat-qrcode {
left: 0;
}
.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share .icon-wechat .wechat-qrcode:after {
left: 7%;
}
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share a {
font-size: 2rem;
width: 2.72rem;
line-height: 2.72rem;
height: 2.72rem;
border: none;
margin: 0;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share a:hover {
background: transparent;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share a.icon-wechat {
color: #7bc549;
}

.case-show-cont1 .case-show-a1_v1 .case-show-a1_b2 .fenxad .social-share a.icon-weibo {
color: #ff763b;
}

.social0sharea {
position: relative;
z-index: 1;
}

.social0sharea a {
font-size: 2rem;
width: 2.72rem;
line-height: 2.72rem;
height: 2.72rem;
margin: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-transition: background 0.6s ease-out 0s;
-o-transition: background 0.6s ease-out 0s;
-moz-transition: background 0.6s ease-out 0s;
transition: background 0.6s ease-out 0s;
}

.social0sharea a i {
font-size: 2rem;
border-radius: 50%;
-webkit-transition: all .7s;
-o-transition: all .7s;
-moz-transition: all .7s;
transition: all .7s;
display: block;
font-size: 0;
}

.social0sharea a:hover i {
box-shadow: 0 0.32rem 0.8rem rgba(0, 0, 0, 0.35);
}

.social0sharea a.social-share-icon1-a {
position: relative;
}

.social0sharea a.social-share-icon1-a .cont {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 10rem;
padding: 0.32rem;
background: #fff;
border-radius: 0.5rem;
box-shadow: 0 0 0.8rem #ccc;
opacity: 0;
visibility: hidden;
-webkit-transition: all .7s;
-o-transition: all .7s;
-moz-transition: all .7s;
transition: all .7s;
z-index: -1;
}

.social0sharea a.social-share-icon1-a .cont img {
width: 100%;
}

.social0sharea a.social-share-icon1-a:hover .cont {
opacity: 1;
visibility: visible;
bottom: 120%;
}

.case-show-cont2 {
padding: 12rem 0 7rem;
}

@media (max-width: 768px) {
.case-show-cont2 {
padding: 3.2rem 0;
}
}

.case-show-cont2 .gong-cont {
color: rgba(0, 0, 0, 0.8);
font: 500 1.8rem/1.7em "OPPOSans";
margin-top: 4.8rem;
}
.case-show-cont2 .gong-cont p+h2{margin-top:4rem;}
.case-show-cont2 .gong-cont h1 span{font-size:var(--font28)!important;}
.case-show-cont2 .gong-cont h2 span{font-size:var(--font28)!important;}
.case-show-cont2 .gong-cont p span{font-size:var(--font20)!important;}

@media (max-width: 768px) {
.case-show-cont2 .gong-cont {
margin-top: 1.6rem;
}
}

.case-show-cont3 {
background: #F3F5F6;
padding: 11.7rem 0 10rem;
}

@media (max-width: 768px) {
.case-show-cont3 {
padding: 3.2rem 0 1.6rem;
}
}

.case-show-cont3 .case-sh-a3_list1 {
margin-top: 3.52rem;
}

@media (max-width: 768px) {
.case-show-cont3 .case-sh-a3_list1 {
margin-top: 1.6rem;
}
}

.case-show-cont3 .case-sh-a3_list1 li {
width: 31.94444%;
padding-bottom: 29%;
position: relative;
height: 0;
overflow: hidden;
border-radius: 1.6rem;
margin-bottom: 2.88rem;
}

@media (max-width: 768px) {
.case-show-cont3 .case-sh-a3_list1 li {
margin-bottom: 1.6rem;
border-radius: 0.96rem;
width: 48%;
padding-bottom: 40%;
}
}

.case-show-cont3 .case-sh-a3_list1 li img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.case-show-cont3 .case-sh-a3_list1 li:nth-child(1) {
width: 65.97222%;
}

@media (max-width: 768px) {
.case-show-cont3 .case-sh-a3_list1 li:nth-child(1) {
width: 100%;
}
}

.case-show-cont4 {
padding: 11.4rem 0 5rem;
}

@media (max-width: 768px) {
.case-show-cont4 {
padding: 3.2rem 0;
}
}

.case-show-cont4 .mySwiper6 {
margin-top: 3.5rem;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 {
margin-top: 1.6rem;
}
}

.case-show-cont4 .mySwiper6 .swiper-slide a.img {
display: block;
background: #F3F5F6;
border-radius: 1.6rem;
overflow: hidden;
padding: 3.2rem;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 .swiper-slide a.img {
padding: 1.6rem;
border-radius: 0.8rem;
}
}

.case-show-cont4 .mySwiper6 .swiper-slide a.img i {
display: block;
font-size: 0;
margin: 4% 12% 4%;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 .swiper-slide a.img i {
margin: 2% 6%;
}
}

.case-show-cont4 .mySwiper6 .swiper-slide a.img i img {
width: 100%;
}

.case-show-cont4 .mySwiper6 .swiper-slide a.img dl dt {
color: #000000;
font: 600 1.8rem/1.7em "OPPOSans";
}

.case-show-cont4 .mySwiper6 .swiper-slide a.img dl dd {
color: rgba(0, 0, 0, 0.7);
font: 500 1.6rem/2em "OPPOSans";
}

.case-show-cont4 .mySwiper6 .banta {
margin-top: 5rem;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 .banta {
margin-top: 1.6rem;
}
}

.case-show-cont4 .mySwiper6 .swiper-pagination1 {
text-align: center;
padding: 0 1.5em;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 .swiper-pagination1 {
padding: 0 1em;
}
}

.case-show-cont4 .mySwiper6 .swiper-pagination1 span {
background: #D9D9D9;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.48rem;
}

@media (max-width: 768px) {
.case-show-cont4 .mySwiper6 .swiper-pagination1 span {
width: 1.2rem;
height: 1.2rem;
}
}

.case-show-cont4 .mySwiper6 .swiper-pagination1 span.swiper-pagination-bullet-active {
background: var(--main-color);
}

.sort-tit {
position: absolute;
top: 100%;
width: 24rem;
left: 0%;
background: white;
z-index: 999;
text-align: center;
border-radius: 5px;
padding: 10px 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
box-shadow: 0 0 1.28rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
.sort-tit {
width: 16rem;
}
}

.sort-tit a {
font: 500 1.3rem/1.5em "OPPOSans";
padding: 0.3em 0;
color: #333;
}

.sort-tit a:hover {
color: var(--main-color);
}

.nav_a1xla:hover .sort-tit {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.list-news-content {
padding: 10rem 0 6.2rem;
}

@media (max-width: 768px) {
.list-news-content {
padding: 3.2rem 0;
}
}

.list-news-content .mySwiper7 {
margin-top: 4.5rem;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 {
margin-top: 2.4rem;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 {
background: #F3F5F6;
border: 1px solid #DDDDDD;
border-radius: 2.4rem;
overflow: hidden;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-slide .a5_v1 {
border-radius: 1.6rem;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b1 {
width: 48.61111%;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b1 {
width: 100%;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b1 a.m-img-news1 {
display: block;
font-size: 0;
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b1 a.m-img-news1 img {
width: 100%;
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 {
width: 51.38889%;
padding: 0 3%;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 {
width: 100%;
padding: 1.6rem 3%;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 .data {
color: var(--main-color);
font: 500 2rem/1.5em "OPPOSans";
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 .data b {
font-size: 4rem;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 .data {
display: none;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 h2 {
margin-top: 0.8em;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 h2 {
margin-top: 0;
}
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 h2 a {
display: block;
font: 500 2rem/1.6em "OPPOSans";
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
padding: 0.5em 0;
border-bottom: 1px solid #DDDDDD;
color: rgba(0, 0, 0, 0.8);
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 h2 a:hover {
color: var(--main-color);
}

.list-news-content .mySwiper7 .swiper-slide .a5_v1 .a5_b2 .p {
color: rgba(0, 0, 0, 0.7);
font: 500 1.6rem/1.6em "OPPOSans";
margin: 1em 0 2em;
}

.list-news-content .mySwiper7 .swiper-pagination1 {
text-align: center;
margin-top: 3.2rem;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-pagination1 {
margin-top: 1.6rem;
}
}

.list-news-content .mySwiper7 .swiper-pagination1 span {
background: #D9D9D9;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.48rem;
}

@media (max-width: 768px) {
.list-news-content .mySwiper7 .swiper-pagination1 span {
width: 1.2rem;
height: 1.2rem;
}
}

.list-news-content .mySwiper7 .swiper-pagination1 span.swiper-pagination-bullet-active {
background: var(--main-color);
}

.n-news-content {
background: #F3F5F6;
padding: 1.6rem 0 0;
overflow: hidden;
}

@media (max-width: 768px) {
.n-news-content {
padding-top: 0;
}
}

.n-news-content .news-list li {
border: 1px solid #DDDDDD;
background: #fff;
padding: 2.5% 4%;
margin-top: 3rem;
border-radius: 1.76rem;
}

@media (max-width: 768px) {
.n-news-content .news-list li {
padding: 4% 4%;
border-radius: 1.6rem;
}
}

.n-news-content .news-list li .data {
color: rgba(0, 0, 0, 0.7);
font: 500 2rem/1.5em "OPPOSans";
}

.n-news-content .news-list li .data b {
font-size: 4rem;
font-weight: 500;
}

@media (max-width: 768px) {
.n-news-content .news-list li .data {
display: none;
}
}

.n-news-content .news-list li a.m-img-newsa {
width: 22%;
padding-bottom: 13%;
position: relative;
height: 0;
overflow: hidden;
border-radius: 2.08rem;
}

@media (max-width: 768px) {
.n-news-content .news-list li a.m-img-newsa {
width: 100%;
padding-bottom: 60%;
border-radius: 1.6rem;
}
}

.n-news-content .news-list li a.m-img-newsa img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.n-news-content .news-list li .xw-nycont {
width: 62%;
}

@media (max-width: 768px) {
.n-news-content .news-list li .xw-nycont {
width: 100%;
margin-top: 1em;
}
}

.n-news-content .news-list li .xw-nycont h2 a {
display: block;
color: rgba(0, 0, 0, 0.8);
font: 500 2rem/1.6em "OPPOSans";
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

.n-news-content .news-list li .xw-nycont h2 a:hover {
color: var(--main-color);
}

.n-news-content .news-list li .xw-nycont .p {
color: rgba(0, 0, 0, 0.5);
font: 500 1.6rem/1.5em "OPPOSans";
margin: 0.5em 0 1em;
height: 3em;
overflow: hidden;
}

@media (max-width: 768px) {
.n-news-content .news-list li .xw-nycont .p {
color: rgba(0, 0, 0, 0.9);
}
}

.n-news-content .news-list li .xw-nycont a.more-msl {
margin-top: 1.6rem;
}

@media (max-width: 768px) {
.n-news-content .news-list li .xw-nycont a.more-msl {
margin-top: 0;
}
}

.xw-show-content {
background: #F3F5F6;
overflow: hidden;
padding-bottom: 9.6rem;
}

@media (max-width: 768px) {
.xw-show-content {
padding-bottom: 3.2rem;
}
}

.xw-show-content .xw-show-content1 {
background: #FFFFFF;
border-radius: 2.4rem;
padding: 4.8rem 6.94444% 6.4rem;
margin-top: 1em;
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 {
padding: 2.4rem 5% 3.2rem;
border-radius: 1.6rem;
margin-top: 0.2em;
}
}

.xw-show-content .xw-show-content1 .title-a {
color: #000000;
font: 600 3rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 .title-a {
font-size: 2.4rem;
}
}

.xw-show-content .xw-show-content1 .title-b {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 2.4rem 0;
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 .title-b {
padding: 1em 0;
}
}

.xw-show-content .xw-show-content1 .title-b .date-a {
color: #999999;
font: 500 1.8rem/1.5em "OPPOSans";
}

.xw-show-content .xw-show-content1 .title-b .date-a span {
font-family: 'OPPOSans';
}

.xw-show-content .xw-show-content1 .title-b .fenxad {
color: #666666;
font: 500 1.8rem/1.5em "OPPOSans";
margin-left: 1.5em;
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 .title-b .fenxad {
display: none;
}
}

.xw-show-content .xw-show-content1 .title-b .fenxad .social-share a {
border-color: rgba(102, 102, 102, 0.3);
color: rgba(102, 102, 102, 0.3);
font-size: 2rem;
width: 4rem;
height: 4rem;
line-height: 4rem;
}

.xw-show-content .xw-show-content1 .title-b .fenxad .social-share a:hover {
color: #fff;
background: #333;
}

.xw-show-content .xw-show-content1 .xinwn-consss {
color: rgba(0, 0, 0, 0.7);
font: 500 1.6rem/1.875em "OPPOSans";
margin-top: 2em;
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 .xinwn-consss {
margin-top: 1em;
}
}

.xw-show-content .xw-show-content1 .xinwn-consss strong {
font-size: 1.8rem;
}

.xw-show-content .xw-show-content1 .xinwn-consss img {
border-radius: 2.4rem;
min-width: 80%;
}

@media (max-width: 768px) {
.xw-show-content .xw-show-content1 .xinwn-consss img {
border-radius: 1.6rem;
}
}

.xw-show-content .pain {
margin-top: 4rem;
}

@media (max-width: 768px) {
.xw-show-content .pain {
margin-top: 2.4rem;
}
}

.xw-show-content .pain .prev, .xw-show-content .pain .next {
max-width: 45%;
color: rgba(0, 0, 0, 0.5);
font: 500 1.8rem/1.7em "OPPOSans";
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

@media (max-width: 768px) {
.xw-show-content .pain .prev, .xw-show-content .pain .next {
max-width: 100%;
width: 100%;
}
}

.xw-show-content .pain .prev a, .xw-show-content .pain .next a {
color: rgba(0, 0, 0, 0.5);
}

.xw-show-content .pain .prev a:hover, .xw-show-content .pain .next a:hover {
color: var(--main-color);
}

.lx-cont1 {
padding: 10.6rem 0 12rem;
}

@media (max-width: 768px) {
.lx-cont1 {
padding: 3.2rem 0;
}
}

.lx-cont1 .lx-a1_v1 {
position: relative;
overflow: hidden;
border-radius: 2.4rem;
margin-top: 4rem;
}

@media (max-width: 768px) {
.lx-cont1 .lx-a1_v1 {
border-radius: 1.6rem;
margin-top: 2.4rem;
}
}

.lx-cont1 .lx-a1_v1 #map {
height: 50rem;
width: 100%;
}

@media (max-width: 768px) {
.lx-cont1 .lx-a1_v1 #map {
height: 70vw;
}
}

.lx-cont1 .lx-a1_v1 .lx-a1_b1 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 46.19444%;
background: var(--main-color);
-webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
z-index: 200;
color: #fff;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 3.5%;
}

@media (max-width: 768px) {
.lx-cont1 .lx-a1_v1 .lx-a1_b1 {
width: 100%;
position: static;
-webkit-clip-path: inherit;
clip-path: inherit;
display: block;
padding: 3.2rem;
}
}

.lx-cont1 .lx-a1_v1 .lx-a1_b1 h2 {
color: #FFFFFF;
font: 600 2.4rem/1.5em "OPPOSans";
}

@media (max-width: 768px) {
.lx-cont1 .lx-a1_v1 .lx-a1_b1 h2 {
font-size: 2rem;
}
}

.lx-cont1 .lx-a1_v1 .lx-a1_b1 .dseca {
margin-top: 1em;
}

@media (max-width: 768px) {
.lx-cont1 .lx-a1_v1 .lx-a1_b1 .dseca {
margin-top: 0.6em;
}
}

.lx-cont1 .lx-a1_v1 .lx-a1_b1 .dseca dl {
padding: 0.5em 0;
}

.lx-cont1 .lx-a1_v1 .lx-a1_b1 .dseca dl i {
color: #fff;
font: 100 2rem/3.8rem "OPPOSans";
width: 4rem;
height: 4rem;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
margin-right: 0.5em;
}
.lx-cont1 .lx-a1_v1 .lx-a1_b1 .dseca dl p{
width: calc(96% - 4.8rem);
}

.jjfa-cont5 {
padding: 10.6rem 0 12rem;
background: #F3F5F6;
}

@media (max-width: 768px) {
.jjfa-cont5 {
padding: 3.2rem 0;
}
}

.jjfa-cont5 form {
margin-top: 2rem;
}

@media (max-width: 768px) {
.jjfa-cont5 form {
margin-top: 1.12rem;
}
}

.jjfa-cont5 form .msg-a1 .inpt {
width: 32.28571%;
margin-top: 1.6rem;
position: relative;
}

@media (max-width: 768px) {
.jjfa-cont5 form .msg-a1 .inpt {
width: 100%;
}
}

.jjfa-cont5 form .msg-a1 .inpt .text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 1.5em;
color: #777777;
font: 500 1.6rem/5rem "OPPOSans";
}

.jjfa-cont5 form .msg-a1 .inpt .text span {
color: #F50000;
}

.jjfa-cont5 form .msg-a1 .inpt input {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
color: #777777;
font: 500 1.6rem/5rem "OPPOSans";
border-radius: 0.8rem;
padding: 0 1.5em;
}

.jjfa-cont5 form .msg-a2 {
margin-top: 2.6rem;
position: relative;
}

@media (max-width: 768px) {
.jjfa-cont5 form .msg-a2 {
margin-top: 1.6rem;
}
}

.jjfa-cont5 form .msg-a2 .text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 1em 1.5em;
color: #777777;
font: 500 1.6rem/2.4rem "OPPOSans";
}

.jjfa-cont5 form .msg-a2 textarea {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
color: #777777;
font: 500 1.6rem/2.4rem "OPPOSans";
border-radius: 1.5rem;
padding: 1em 1.5em;
}

.jjfa-cont5 .div_aghgha {
margin-top: 1.6rem;
}

.jjfa-cont5 .div_aghgha .more-msl {
background: var(--main-color);
border-color: var(--main-color);
color: #fff;
}

.jjfa-cont5 .div_aghgha .more-msl::before {
background: #000;
}

.jrwm-cont1 {
padding: 10.6rem 0 12rem;
}

@media (max-width: 768px) {
.jrwm-cont1 {
padding: 3.2rem 0;
}
}

.jrwm-cont1 .jrwm-v1 {
margin-top: 4rem;
}

@media (max-width: 768px) {
.jrwm-cont1 .jrwm-v1 {
margin-top: 2.4rem;
}
}

.jrwm-cont1 .jrwm-v1 .img {
font-size: 0;
}

.jrwm-cont1 .jrwm-v1 .img img {
width: 100%;
}

.jrwm-cont1 .jrwm-v1 .cont {
background: #F3F5F6;
padding: 1.5% 4%;
}

@media (max-width: 768px) {
.jrwm-cont1 .jrwm-v1 .cont {
padding: 1.5% 6%;
}
}

.jrwm-cont1 .jrwm-v1 .cont dl {
padding: 1.5em 0;
}

@media (max-width: 768px) {
.jrwm-cont1 .jrwm-v1 .cont dl {
padding: 1em 0;
}
}

.jrwm-cont1 .jrwm-v1 .cont dl + dl {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.jrwm-cont1 .jrwm-v1 .cont dl dt {
color: var(--main-color);
font: 600 2.8rem/1.5em "OPPOSans";
margin-bottom: 0.5em;
}

@media (max-width: 768px) {
.jrwm-cont1 .jrwm-v1 .cont dl dt {
font-size: 2.24rem;
margin-bottom: 0.2em;
}
}

.jrwm-cont1 .jrwm-v1 .cont dl .p {
color: #000000;
font: 500 1.6rem/1.6em "OPPOSans";
}

.jrwm-cont1 .jrwm-v1 .cont dl dd {
line-height: 1.8em;
}

.jrwm-cont1 .jrwm-v1 .cont dl dd::before {
content: "·";
display: inline-block;
margin-right: 0.35em;
}

.gn-cont1 {
padding: 11.5rem 0 7rem;
}

@media (max-width: 768px) {
.gn-cont1 {
padding: 3.2rem 0;
}
}

.gn-cont1 #certify {
position: relative;
width: 100%;
margin: 0 auto;
margin-top: 8.8rem;
}

@media (max-width: 768px) {
.gn-cont1 #certify {
margin-top: 2.4rem;
}
}

.gn-cont1 #certify .banta {
margin-top: 5rem;
}

@media (max-width: 768px) {
.gn-cont1 #certify .banta {
margin-top: 1.6rem;
}
}

.gn-cont1 #certify .swiper-pagination1 {
text-align: center;
padding: 0 1.5em;
}

@media (max-width: 768px) {
.gn-cont1 #certify .swiper-pagination1 {
padding: 0 1em;
}
}

.gn-cont1 #certify .swiper-pagination1 span {
background: #D9D9D9;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.48rem;
}

@media (max-width: 768px) {
.gn-cont1 #certify .swiper-pagination1 span {
width: 1.2rem;
height: 1.2rem;
}
}

.gn-cont1 #certify .swiper-pagination1 span.swiper-pagination-bullet-active {
background: var(--main-color);
}

.gn-cont1 #certify .swiper-slide {
width: 59.72222%;
}

@media (max-width: 768px) {
.gn-cont1 #certify .swiper-slide {
width: 100%;
}
}

.gn-cont1 #certify .swiper-slide a.blocka {
display: block;
padding-bottom: 55.33597%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
border-radius: 2.4rem;
}

@media (max-width: 768px) {
.gn-cont1 #certify .swiper-slide a.blocka {
border-radius: 1.6rem;
}
}

.gn-cont1 #certify .swiper-slide a.blocka img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.gn-cont1 #certify .swiper-slide a.blocka p {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: var(--main-color);
color: #fff;
font: 500 1.8rem/1.5em "OPPOSans";
padding: 1em 1.8em;
opacity: 0;
}

@media (max-width: 768px) {
.gn-cont1 #certify .swiper-slide a.blocka p {
font-size: 1.6rem;
padding: 1em 1.4em;
}
}

.gn-cont1 #certify .swiper-slide.swiper-slide-active a.blocka p {
opacity: 1;
}

.gn-cont2 {
background: #F3F5F6;
padding: 1.6rem 0 8rem;
}

@media (max-width: 768px) {
.gn-cont2 {
padding: 1.6rem 0 3.2rem;
}
}

.gn-cont2 .hn-list1 li {
width: 48.61111%;
margin-top: 4rem;
}

@media (max-width: 768px) {
.gn-cont2 .hn-list1 li {
margin-top: 1.6rem;
}
}

.gn-cont2 .hn-list1 li a.blocka {
display: block;
border-radius: 2.4rem;
overflow: hidden;
position: relative;
}

@media (max-width: 768px) {
.gn-cont2 .hn-list1 li a.blocka {
border-radius: 0.64rem;
}
}

.gn-cont2 .hn-list1 li a.blocka i {
display: block;
font-size: 0;
padding-bottom: 55.33597%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

@media (max-width: 768px) {
.gn-cont2 .hn-list1 li a.blocka i {
padding-bottom: 100%;
}
}

.gn-cont2 .hn-list1 li a.blocka i img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.gn-cont2 .hn-list1 li a.blocka p {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #fff;
color: rgba(0, 0, 0, 0.7);
font: 500 1.8rem/1.5em "OPPOSans";
padding: 1.2em 1.8em;
}

@media (max-width: 768px) {
.gn-cont2 .hn-list1 li a.blocka p {
font-size: 1.6rem;
padding: 0.7em 1em;
}
}

.gn-cont2 .hn-list1 li a.blocka:hover p {
color: #fff;
background: var(--main-color);
}

.show-gn-cont1 {
padding: 7.1rem 0;
}

@media (max-width: 768px) {
.show-gn-cont1 {
padding: 1.6rem 0 3.2rem;
}
}

.show-gn-cont1 .biaoti-tilte {
color: #9B3822;
font: 600 4.6rem/1.4em "OPPOSans";
}

@media (max-width: 768px) {
.show-gn-cont1 .biaoti-tilte {
font-size: 2.4rem;
}
}

.show-gn-cont1 .gong-cont {
color: rgba(0, 0, 0, 0.8);
font: 500 1.8rem/1.8em "OPPOSans";
margin-top: 0.65em;
}

@media (max-width: 768px) {
.show-gn-cont1 .gong-cont {
font-size: 1.6rem;
line-height: 1.6em;
}
}

.show-gn-cont2 {
background: #F3F5F6;
padding: 12rem 0 9.6rem;
}

@media (max-width: 768px) {
.show-gn-cont2 {
padding: 3.2rem 0;
}
}

.show-gn-cont2 .gn-a2_list1 {
margin: 0 -1%;
margin-top: 0.64rem;
}

@media (max-width: 768px) {
.show-gn-cont2 .gn-a2_list1 {
margin-top: 0.32rem;
}
}

.show-gn-cont2 .gn-a2_list1 li {
width: -webkit-calc(100%/3);
width: -moz-calc(100%/3);
width: calc(100%/3);
padding: 0 1%;
margin-top: 3rem;
}

@media (max-width: 768px) {
.show-gn-cont2 .gn-a2_list1 li {
width: 50%;
margin-top: 1.6rem;
}
}

.show-gn-cont2 .gn-a2_list1 li .img {
font-size: 0;
overflow: hidden;
border-radius: 1.6rem;
padding-bottom: 95.65217%;
width: 100%;
position: relative;
height: 0;
overflow: hidden;
}

@media (max-width: 768px) {
.show-gn-cont2 .gn-a2_list1 li .img {
border-radius: 1.2rem;
}
}

.show-gn-cont2 .gn-a2_list1 li .img img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.product-content {
background: #F3F5F6;
overflow: hidden;
padding: 9.5rem 0 1.6rem;
}

@media (max-width: 768px) {
.product-content {
padding: 3.2rem 0 1.6rem;
}
}

.product-content .cp-fna1 {
width: 21.25%;
}

@media (max-width: 990px) {
.product-content .cp-fna1 {
position: fixed;
width: 100vw;
overflow-y: scroll;
top: 0;
left: 100%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
z-index: 999999;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
margin-top: 0;
}
.product-content .cp-fna1.click {
left: 0;
}
.product-content .cp-fna1 .msl-left-close-btn {
display: block;
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
border: 1px solid #fff;
text-align: center;
background: black;
z-index: 9;
cursor: pointer;
}
.product-content .cp-fna1 .msl-left-close-btn i {
display: block;
width: 100%;
height: 100%;
}
.product-content .cp-fna1 .msl-left-close-btn i::after {
content: "";
width: 30px;
height: 30px;
background-image:
url(https://cloud-assets-brwq.oss-cn-heyuan.aliyuncs.com/annuodz0109/uploads/20230114/f93793496f8a232477bca7d17634d92a.png);
background-repeat: no-repeat;
position: absolute;
left: -webkit-calc(50% - 15px);
left: -moz-calc(50% - 15px);
left: calc(50% - 15px);
top: -webkit-calc(50% - 15px);
top: -moz-calc(50% - 15px);
top: calc(50% - 15px);
background-position: -30px -300px;
}
.product-content .cp-fna1 .cp-sdtaa {
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
min-height: 90vh;
padding: 5vh 0;
}
.product-content .cp-fna1 .cp-sdtaa .cp-ahts {
width: 90%;
background: #fff;
padding: 5%;
}
}

.product-content .cp-fna1 .cpast {
margin-top: 4rem;
}

@media (max-width: 768px) {
.product-content .cp-fna1 .cpast {
margin-top: 2.4rem;
}
}

.product-content .cp-fna1 .cpast li + li {
margin-top: 1.5em;
}

@media (max-width: 768px) {
.product-content .cp-fna1 .cpast li + li {
margin-top: 0.6em;
}
}

.product-content .cp-fna1 .cpast li dt a {
display: block;
color: rgba(0, 0, 0, 0.5);
font: 600 1.6rem/1.5em "OPPOSans";
}

.product-content .cp-fna1 .cpast li dt a::before {
content: "";
width: 1.6rem;
height: 1.6rem;
display: inline-block;
border: 0.3rem solid #797A7B;
border-radius: 50%;
margin-right: 0.5em;
}

@media (max-width: 768px) {
.product-content .cp-fna1 .cpast li dt a {
font-size: 2rem;
}
.product-content .cp-fna1 .cpast li dt a::before {
width: 1.4rem;
height: 1.4rem;
}
}

.product-content .cp-fna1 .cpast li dd {
margin-left: 2em;
margin-top: 1em;
display: none;
}

@media (max-width: 768px) {
.product-content .cp-fna1 .cpast li dd {
margin-top: 0.4em;
}
}

.product-content .cp-fna1 .cpast li dd a {
display: block;
color: #000000;
font: 500 1.8rem/1.5em "OPPOSans";
padding: 0.3em 0;
}

.product-content .cp-fna1 .cpast li dd a::before {
content: "";
width: 0.4rem;
height: 0.4rem;
display: inline-block;
background: #000;
border-radius: 50%;
margin-right: -0.25em;
vertical-align: middle;
-webkit-transform: translate(-15px,-1px);
-moz-transform: translate(-15px,-1px);
-ms-transform: translate(-15px,-1px);
-o-transform: translate(-15px,-1px);
transform: translate(-15px,-1px);
}

.product-content .cp-fna1 .cpast li dd a i {
width: 3.8rem;
display: inline-block;
line-height: 0.5em;
vertical-align: middle;
-webkit-transform: translateY(-0.2em);
-moz-transform: translateY(-0.2em);
-ms-transform: translateY(-0.2em);
-o-transform: translateY(-0.2em);
transform: translateY(-0.2em);
margin-left: 0.5em;
opacity: 0;
}

.product-content .cp-fna1 .cpast li dd a i img {
width: 100%;
}

.product-content .cp-fna1 .cpast li dd a:hover, .product-content .cp-fna1 .cpast li dd a.active {
color: var(--main-color);
}

.product-content .cp-fna1 .cpast li dd a:hover::before, .product-content .cp-fna1 .cpast li dd a.active::before {
background: var(--main-color);
}

.product-content .cp-fna1 .cpast li dd a:hover i, .product-content .cp-fna1 .cpast li dd a.active i {
opacity: 1;
}

.product-content .cp-fna1 .cpast li:hover dt a {
color: var(--main-color);
}

.product-content .cp-fna1 .cpast li:hover dt a::before {
border-color: var(--main-color);
}

.product-content .cp-fna1 .cpast li.active dt a {
color: var(--main-color);
}

.product-content .cp-fna1 .cpast li.active dt a::before {
border-color: var(--main-color);
}

.product-content .cp-fna1 .cpast li:hover dd {
display: block;
}

.product-content .cp-fna2 {
width: 75.69444%;
}

@media (max-width: 990px) {
.product-content .cp-fna2 {
width: 100%;
}
}

.product-content .cp-fna2 .product-list {
margin: -3.2rem -1% 0;
}

@media (max-width: 768px) {
.product-content .cp-fna2 .product-list {
margin-top: -1.6rem;
}
}

.product-content .cp-fna2 .product-list li {
width: -webkit-calc(100%/3);
width: -moz-calc(100%/3);
width: calc(100%/3);
padding: 0 1%;
margin-top: 3.2rem;
}

@media (max-width: 768px) {
.product-content .cp-fna2 .product-list li {
width: 50%;
margin-top: 1.6rem;
}
}

@media (max-width: 450px) {
.product-content .cp-fna2 .product-list li {
width: 100%;
}
}

.product-content .cp-fna2 .product-list li a.img {
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 2rem;
}

@media (max-width: 768px) {
.product-content .cp-fna2 .product-list li a.img {
border-radius: 1.6rem;
}
}

.product-content .cp-fna2 .product-list li a.img .ashg {
padding: 11% 11% 7%;
overflow: hidden;
}

.product-content .cp-fna2 .product-list li a.img i {
display: block;
font-size: 0;
padding-bottom: 67%;
width: 100%;
position: relative;
height: 0;
}

.product-content .cp-fna2 .product-list li a.img i img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.product-content .cp-fna2 .product-list li a.img dl {
padding: 0 7% 7%;
}

.product-content .cp-fna2 .product-list li a.img dl dt {
font: 600 1.8rem/1.6em "OPPOSans";
border-top: 1px solid rgba(0, 0, 0, 0.5);
padding-top: 7%;
color: #000000;
}

.product-content .cp-fna2 .product-list li a.img dl dd {
font: 500 1.6rem/1.6em "OPPOSans";
color: rgba(0, 0, 0, 0.7);
}

.product-content .cp-fna2 .product-list li:hover a.img {
border-color: var(--main-color);
}

.product-content .cp-fna2 .product-list li:hover a.img dl {
background: url(../images/jtaa.svg) no-repeat 90% center var(--main-color);
-o-background-size: 3.6rem auto;
background-size: 3.6rem auto;
}

.product-content .cp-fna2 .product-list li:hover a.img dl dt {
color: #fff;
border-color: transparent;
}

.product-content .cp-fna2 .product-list li:hover a.img dl dd {
color: #fff;
}

@media (max-width: 990px) {
body.no-scroll, html.no-scroll {
height: 100vh;
overflow: hidden;
}
}

.msl-page-navbtn {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin-bottom: 1px;
cursor: pointer;
position: fixed;
right: 15px;
bottom: 100px;
z-index: 9999;
display: none;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
}

.msl-page-navbtn i {
display: block;
width: 100%;
height: 100%;
}

.msl-page-navbtn i::after {
content: "";
width: 30px;
height: 30px;
background-image:
url(https://cloud-assets-brwq.oss-cn-heyuan.aliyuncs.com/annuodz0109/uploads/20230114/f93793496f8a232477bca7d17634d92a.png);
background-repeat: no-repeat;
position: absolute;
left: -webkit-calc(50% - 15px);
left: -moz-calc(50% - 15px);
left: calc(50% - 15px);
top: -webkit-calc(50% - 15px);
top: -moz-calc(50% - 15px);
top: calc(50% - 15px);
background-position: -30px -390px;
}

@media (max-width: 990px) {
.msl-page-navbtn {
display: block;
}
}

.case-cp-cont1 {
padding-bottom: 10.4rem;
}

@media (max-width: 768px) {
.case-cp-cont1 {
padding-bottom: 3.2rem;
}
}

.case-cp-cont1 .case-show-a1_v1 .case-show-a1_b1 .casraa {
background: #fff;
padding: 10%;
border-radius: 1.6rem;
}

@media (max-width: 768px) {
.case-cp-cont1 .case-show-a1_v1 .case-show-a1_b1 .casraa {
box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.2);
}
}

.case-cp-cont1 .case-show-a1_v1 .case-show-a1_b1 u {
width: 100%;
}

.case-cp-cont1 .case-show-a1_v1 .case-show-a1_b1 u img {
height: auto;
top: 50%;
left: 50%;
}

.case-cp-cont2 {
padding: 1.6rem 0 7.8rem;
}

@media (max-width: 768px) {
.case-cp-cont2 {
padding: 0 0 3.2rem;
}
}

.case-cp-cont2 .gnzsa {
margin: 0 -1%;
margin-top: 4rem;
}

@media (max-width: 768px) {
.case-cp-cont2 .gnzsa {
margin-top: 1.6rem;
}
}

.case-cp-cont2 .gnzsa dl {
width: -webkit-calc(100%/3);
width: -moz-calc(100%/3);
width: calc(100%/3);
padding: 0 1%;
margin: 0.8rem 0;
}

.case-cp-cont2 .gnzsa dl a.bl {
display: block;
background: #F3F5F6;
border-radius: 2rem;
text-align: center;
padding: 6rem 0;
}

@media (max-width: 768px) {
.case-cp-cont2 .gnzsa dl a.bl {
padding: 3.2rem 0;
border-radius: 1.6rem;
}
}

.case-cp-cont2 .gnzsa dl a.bl i {
display: block;
font-size: 0;
width: 7rem;
margin: 0 auto;
}

.case-cp-cont2 .gnzsa dl a.bl i img {
width: 100%;
}

.case-cp-cont2 .gnzsa dl a.bl span {
display: block;
color: #000000;
font: 500 1.6rem/1.5em "OPPOSans";
}

.case-cp-cont2 .gnzsa dl a.bl:hover {
background: var(--main-color);
}

.case-cp-cont2 .gnzsa dl a.bl:hover i img {
-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(220deg) brightness(108%) contrast(106%);
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(220deg) brightness(108%) contrast(106%);
}

.case-cp-cont2 .gnzsa dl a.bl:hover span {
color: #fff;
}

.case-cp-cont3 {
background: #F3F5F6;
padding: 11.5rem 0 6.2rem;
}

@media (max-width: 768px) {
.case-cp-cont3 {
padding: 3.2rem 0;
}
}

.case-cp-cont3 .mySwiper6 {
margin-top: 3.5rem;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 {
margin-top: 1.6rem;
}
}

.case-cp-cont3 .mySwiper6 .swiper-slide a.img {
display: block;
background: #F3F5F6;
border-radius: 1.6rem;
overflow: hidden;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 .swiper-slide a.img {
border-radius: 0.8rem;
}
}

.case-cp-cont3 .mySwiper6 .swiper-slide a.img i {
display: block;
font-size: 0;
overflow: hidden;
padding-bottom: 67%;
width: 100%;
position: relative;
height: 0;
}

.case-cp-cont3 .mySwiper6 .swiper-slide a.img i img {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.case-cp-cont3 .mySwiper6 .swiper-slide a.img dl {
background: #fff;
}

.case-cp-cont3 .mySwiper6 .swiper-slide a.img dl dd {
color: rgba(0, 0, 0, 0.7);
font: 500 1.8rem/1.7em "OPPOSans";
padding: 0.8em 4%;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 .swiper-slide a.img dl dd {
padding: 0.5em 4%;
}
}

.case-cp-cont3 .mySwiper6 .banta {
margin-top: 5rem;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 .banta {
margin-top: 1.6rem;
}
}

.case-cp-cont3 .mySwiper6 .swiper-pagination1 {
text-align: center;
padding: 0 1.5em;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 .swiper-pagination1 {
padding: 0 1em;
}
}

.case-cp-cont3 .mySwiper6 .swiper-pagination1 span {
background: #D9D9D9;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
opacity: 1;
margin: 0 0.48rem;
}

@media (max-width: 768px) {
.case-cp-cont3 .mySwiper6 .swiper-pagination1 span {
width: 1.2rem;
height: 1.2rem;
}
}

.case-cp-cont3 .mySwiper6 .swiper-pagination1 span.swiper-pagination-bullet-active {
background: var(--main-color);
}

.case-cp-cont4 {
padding: 9.8rem 0 11rem;
}

@media (max-width: 768px) {
.case-cp-cont4 {
padding: 3.2rem 0;
}
}

.case-cp-cont4 .p {
margin-top: 2em;
color: rgba(0, 0, 0, 0.8);
font: 500 1.6rem/1.7em "OPPOSans";
}

@media (max-width: 768px) {
.case-cp-cont4 .p {
margin-top: 2rem;
}
}

.case-cp-cont4 .p strong {
display: block;
font: 600 1.8rem/1em "OPPOSans";
color: var(--main-color);
border-left: 0.3rem solid var(--main-color);
padding-left: 0.5em;
margin-bottom: 0.5em;
}

.case-cp-cont5 {
background-color: #F3F5F6;
padding: 11rem 0 8.4rem;
}

@media (max-width: 768px) {
.case-cp-cont5 {
padding: 3.6rem 0;
}
}

.case-cp-cont5 .cont {
margin-top: 1.4em;
}

@media (max-width: 768px) {
.case-cp-cont5 .cont {
margin-top: 1em;
}
}

.case-cp-cont5 p {
text-align: center;
color: #000000;
font: 600 1.8rem/1.5em "OPPOSans";
}

.case-cp-cont5 .paggs1 {
margin-top: 1.4em;
overflow-x: auto;
}

.case-cp-cont5 .paggs1 .table-bordered td, .case-cp-cont5 .paggs1 .table-bordered th {
vertical-align: middle;
border-color: #DDDDDD;
color: #000000;
font-size: 1.6rem;
text-align: center;
padding: 2rem 1.2rem;
}

@media (max-width: 768px) {
.case-cp-cont5 .paggs1 .table-bordered td, .case-cp-cont5 .paggs1 .table-bordered th {
padding: 1.2rem;
}
}

.case-cp-cont5 .paggs1 table {
color: #000000;
min-width: 768px;
}

.case-cp-cont5 .paggs1 tr:first-child {
background: #EBEBEB;
}

.case-cp-cont5 .paggs1 tr:first-child td {
font-size: 1.8rem;
font-weight: 600;
}
.mslm-en a{
display: block;
color: #000;
font: 500 16px/60px "OPPOSans";
position: absolute;
z-index: 9;
top: 0;
bottom: 0;
right: 15%;
}

.pageState{
    width: auto;
    color: #000000;
    font-size: 2.4rem;
    line-height: 5rem;
    padding: 0 0.5em; 
  }