@charset "utf-8";
@import "common.css";

.icoimg {
    display: flex;
    align-items: center;
    justify-content: center
}

.icoimg img {
    max-width: 100%;
    max-height: 100%
}

[btn-moreH2]:hover [btn-more-ico] {
    animation: .6s cubic-bezier(.47, .16, .24, 1) arrowGoRight forwards
}



html {
    font-size: 10px
}

.inner1640 {
    width: 85.4%;
    margin: 0 auto
}



.inner1388 {
    width: 72%;
    margin: 0 auto
}


.jsyl.inner1450 {
    display: flex;
    flex-direction: column;
}





.inner1450 {
    width: 75.52%;
    margin: 0 auto
}




.inner1220 {
    width: 64%;
    margin: 0 auto
}





.lh20 {
    line-height: 2
}


.lh18 {
    line-height: 1.8
}


.lh175 {
    line-height: 1.75
}


.lh17 {
    line-height: 1.7
}

.lh16 {
    line-height: 1.6
}

.lh15 {
    line-height: 1.5
}

.lh145 {
    line-height: 1.45
}

.lh14 {
    line-height: 1.4
}

.lh12 {
    line-height: 1.2
}

.lh1 {
    line-height: 1
}

[swiper-ipad] {
    overflow: hidden
}


[swiper-iphone] {
    overflow: hidden
}

.df-flex {
    display: flex
}

.df-flex-ipad {
    display: flex
}


.df-flex-iphone {
    display: flex
}

.flex-w {
    flex-wrap: wrap
}


.fd-c {
    flex-direction: column
}

.fj-c {
    justify-content: center
}

.fj-sb {
    justify-content: space-between
}

.fa-c {
    align-items: center
}

.fws500 {
    font-weight: 500
}

.fwno {
    font-weight: normal
}

.fwblod {
    font-weight: 600
}

/* 首页产品样式 */
.std-padd130{
    padding: 130px 0;
}
.std-padd130-top{
    padding-top: 130px;
}
.std-padd130-bot{
    padding-bottom: 130px;
}
section{
    overflow: hidden;
}
.home-apply{
    overflow: visible !important;
}
.home-apply h2{
    text-align: center;
}
.mod-word p{
    color: #005800;
    line-height: 1.75;
    text-align: center;
    opacity: 0.6;
}
.home-apply .mod-word{
    width:58%;
    margin: 0 auto 44px;
}
.home-apply-le{
    position: sticky;
    top: 260px;
}
.home-apply-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.home-apply-le-ul{
    position: relative;
}
.home-apply-le-ul::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 2px;
    height: calc(100% - 28px);
    background: #D0DBE1;
}
.halu-lis p{
    font-size: 16px;
    color: #999999;
    padding-left: 17px;
    position: relative;
    cursor: pointer;
}
.halu-lis p::after{
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D0DBE1;
    transform: scale(1);
    transition: all .4s;
    z-index: 4;
}
.halu-lis p::before{
    content: "";
    position: absolute;
    top: 6px;
    left: -4.6px;
    width: 16px;
    height: 16px;
    background: #D0DBE1;
    border-radius: 50%;
    z-index: 3;
    opacity: 0;
}
.halu-lis{
    margin-bottom: 50px;
}
.halu-lis:last-child{
    margin-bottom: 0px;
}
.halu-lis.act p{
    color: #005800;
    font-size: 18px;
}
.halu-lis.act p::after{
    transform: scale(1.5);
    background: #005800;
}
.halu-lis.act p::before{
    opacity: 1;
}
.haru-li-img{
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.haru-li-img img{
    width: 100%;
}
.haru-li-box{
    position: relative;
}
.haru-li-cry{
    width: 45%;
    position: absolute;
    bottom:44px;
    left: 44px;
}
.haru-li-cry a{
    display: block;
    padding: 22px 22px 25px 32px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    background: rgba(117, 121, 135, 0.40);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter:blur(1px);
    border-radius: 15px;
    overflow: hidden;
}
.hlct-le{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hlct-le-btn{
    display: flex;
    align-items: center;
}
.hlct-le-btn-icon{
    width: 32px;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 24px;
}
.hlct-le-btn-icon img{
    width: 100%;
}
.hlct-le-btn p{
    color: #ffffff;
    font-size: 24px;
    line-height: 1.6;
}
.haru-li-cry-tp{
    margin-bottom: 12px;
}
.haru-li-cry-tp .std-btn2-icon{
    border: solid 1px #ffffff;
}
.haru-li-cry-tp .std-btn2-icon img:nth-child(2){
    opacity: 1;
}
.haru-li-cry-tp .std-btn2-icon img:nth-child(1){
    opacity: 0;
}

.haru-li{
    margin-bottom: 37px;
}
.haru-li:last-child{
    margin-bottom: 0px;
}
.haru-li::before, .halu-lis::before{
    display: none !important;
}
/* .haru-li{
    transform: perspective(50rem) rotateX(30deg);
    opacity: 0.4;
} */
/* .haru-li:first-child{
    transform: inherit !important;
    opacity: 1;
} */
.std-text1,
.std-text1 p {
    font-size: 18px;
    color: #333333;
    line-height: 1.75;
}
.std-text2,
.std-text2 p {
    font-size: 16px;
    color: #005800;
    line-height: 1.75;
}
.home-apply-ri{
    width: 83%;
}
.std-btn3 .std-btn2-icon{
    margin-right: 0px !important;
}
.std-btn2-icon{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: solid 1px #0069A6;
    position: relative;
    flex-shrink: 0;
    font-size: 0;
    margin-right: 16px;
    transition: all .4s;
}
.std-btn2-icon img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .4s;
}
.std-btn2-icon img:nth-child(2){
    opacity: 0;
}

.haru-li {
    box-sizing: border-box;
}
.haru-li-box {
    transform: perspective(50rem) rotateX(30deg);
    opacity: 0.4;
}
.haru-li:first-child .haru-li-box{
    transform: inherit !important;
    opacity: 1;
}
.haru-li-cry-word{
    width: 74%;
}
.haru-li-cry-word p{
    color: #ffffff;
    line-height: 1.75;
}
.home-apply-ri-ph{
    display: none;
}
.haru-phli{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding: 0 10px;
    height: auto !important;
}
.haru-phli:not(:first-child){
    display: none;
}
.home-apply-ri-phul{
    margin: 0 -10px;
}
.home-apply-ri-phul .slick-track{
    display: flex;
    align-items: stretch;
}
.home-apply-ri-phul .slick-list{
    padding-bottom: 30px;
}
.slick-dots{
    bottom: 0px;
}
.slick-dots li{
    width: 8px;
    height: 8px;
}
.slick-dots li.slick-active{
    background: #0069A6;
}
.ys-fadeup1 {
    animation: ysfadeInUp .8s ease-in-out both;
    animation-delay: .2s
}
/* 首页产品样式end */

.bgcolor3 {
    background-color: #F6F8FA
}

.pageC-a a {
    color: #000
}

.pageC-a a:hover {
    text-decoration: underline
}

.pvideo-bg {
    position: fixed;
    z-index: 1008;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .4s;
    -webkit-transition: .4s
}

.pvideo-box {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 74%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #ffffff;
    transition: .4s;
    -webkit-transition: .4s
}

.pvideo-box .videon {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill
}

.pvideo {
    background-color: #000000;
    position: relative;
    width: 100%;
    height: 100%
}

.pv-close {
    position: fixed;
    right: 3%;
    top: 3%;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    transition: .4s;
    -webkit-transition: .4s
}

.pv-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.overlay .pvideo-box {
    opacity: 1;
    pointer-events: all;
    top: 50%
}

.md-content {
    margin: 0 auto;
    position: relative;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.md-modal-page {
    width: 100%;
    height: 100%;
    display: block;
    max-height: 100vh
}

.md-show .form-box-close {
    opacity: 1
}

.md-show .md-content {
    transform: inherit;
    -webkit-transform: inherit;
    opacity: 1
}

.md-hide .md-content {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px)
}

.md-show .md-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.md-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.35);
    pointer-events: none;
    transition: .3s;
    -webkit-transition: .3s
}

.md-page {
    display: flex;
    align-items: center;
    height: 100%
}

.open-form-bg {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%
}

.open-form-bg img {
    height: 100%
}

.form-box-close {
    width: 4.6rem;
    height: 4.6rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out
}

.form-box-close i {
    color: #ffffff;
    transition: .3s;
    -webkit-transition: .3s
}

.form-box-close:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}


.s-parallax-b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.s-parallax-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    height: 135%;
    height: calc(100% + 106px)
}

.s-parallax-img img,
.s-parallax-img video {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.s-parallax-img video {
    display: none;
}

[tt-swiper] .imgBox img {
    opacity: 0;
    transform-origin: right;
    transform: scale(1.02) scaleX(1.06) translate3d(0, 0, 0);
    transition: transform 1.2s, opacity .7s
}

[tt-swiper] .swiper-slide-active .imgBox img {
    opacity: 1;
    transform: scale(1) scaleX(1) translate3d(0, 0, 0);
    transition: transform 2.4s .04s cubic-bezier(.08, .92, .35, 1), opacity .8s
}

[tt-swiper].is-next .imgBox img {
    transform-origin: right !important
}

[tt-swiper].is-next .swiper-slide-active .imgBox img {
    transform-origin: left !important
}

[tt-swiper].is-prev .imgBox img {
    transform-origin: left !important
}

[tt-swiper].is-prev .swiper-slide-active .imgBox img {
    transform-origin: right !important
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}


.top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    height: 9rem;
    padding: 0 4%;
    background: url(/html/template/default/images/bai4.png) repeat;
    background: none rgba(255, 255, 255, 0.04);
    z-index: 1000;
    transition: 0.3s;
    -webkit-transform: 0.3s;
}

.top a:link,
.top a:visited {
    color: #fff;
}

.top a:active,
.top a:hover {
    color: #fff;
}



[data-page-toggle] .top {
    transform: translateY(-105%)
}

.ptop,
.wtop {
    background-color: #fff;
    color: #333333;
}

.ptop::before,
.wtop::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.1rem;
    background-color: #DDDDDD;
    z-index: -1;
}

.top a:link,
.top a:visited {
    color: #fff;
}

.top a:active,
.top a:hover {
    color: #fff;
}

.logo {
    margin-left: 0%;
}

.logo a {
    display: block;
    height: 5.6rem;
}

.logo img {
    height: 100%;
    display: block;
}

.logo .img2 {
    display: none;
}

.ptop .logo .img1,
.wtop .logo .img1 {
    display: none;
}

.ptop .logo .img2,
.wtop .logo .img2 {
    display: block;
}

.ptop .search-ibox .txt,
.wtop .search-ibox .txt {
    border-color: #999999;
    color: #333333;
}

.ptop .search-ibox ::-webkit-input-placeholder,
.wtop .search-ibox ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #666;
}

.ptop .search-ibox :-moz-placeholder,
.wtop .search-ibox :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.ptop .search-ibox ::-moz-placeholder,
.wtop .search-ibox ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

.ptop .search-ibox :-ms-input-placeholder,
.wtop .search-ibox :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #666;
}

.ptop .nav>li>a::before,
.wtop .nav>li>a::before {
    background-color: #ececec;
}

.ptop .nav .subnav,
.wtop .nav .subnav {
    padding-top: 1rem;
}

.ptop .nav .subnav a,
.wtop .nav .subnav a {
    color: #333;
}

.ptop a:link,
.ptop a:visited,
.wtop a:link,
.wtop a:visited {
    color: #333333;
}

.ptop a:active,
.ptop a:hover,
.wtop a:active,
.wtop a:hover {
    color: unset;
}

.menu-open[data-page-toggle] .top {
    transform: initial
}


.nav {
    display: flex
}

.nav>li {
    float: left;
    display: inline-block;
    position: relative;
}

.nav>li>a {
    display: block;
    padding: 0 2.4rem;
    line-height: 9rem;
    font-size: 1.8rem;
    position: relative;
}

.nav>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(/html/template/default/images/black_41.png) repeat;
    background: none rgba(0, 0, 0, 0.41);
    width: 100%;
    height: 0;
    z-index: -1;
    transition: 0.3s;
    -webkit-transform: 0.3s;
}

.nav>li>a.hov::before,
.nav>li>a.active::before {
    height: 100%;
}

.nav>li>a:hover::before {
    height: 100%;
}

.nav .subnav {
    position: fixed;
    top: 9rem;
    left: 0;
    width: 100%;
    background-color: #F6F8FA;
    transform: translate(0%, -1rem) scaleY(.8);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}

.nav .sub-navbox {
    position: relative;
    padding: 6rem 0;
    display: flex;
    align-items: center
}

.nav .pc-menu-z {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 44.5%
}

.nav .pc-menu-l {
    width: 35%;
    margin-right: 5%;
    color: #333333
}

.nav .pc-menu-l .c {
    line-height: 1.4;
    margin-top: 1rem
}

.nav .pc-menu-l .bot {
    margin-top: 4rem;
    width: 3rem;
    height: 0.2rem;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    display: block
}

.nav .pc-menu-c {
    width: 20%
}

.nav .pc-menu-c p {
    margin-bottom: 2.5rem
}

.nav .pc-menu-c p:last-child {
    margin-bottom: 0
}

.nav .pc-menu-c a {
    display: inline-flex;
    color: #000;
    align-items: center;
    line-height: 1.4
}

.nav .pc-menu-c a .txt {
    font-size: 1.8rem
}

.nav .pc-menu-c a .ico {
    margin-left: 5rem;
    opacity: 0;
    display: inline-flex;
    visibility: hidden;
    transform: translateX(-1rem) scale(.6);
    transition: .4s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .4s cubic-bezier(.55, .31, .15, .93)
}

.nav .pc-menu-c a:hover {
    font-weight: 500;
    font-family: "aphM"
}

.nav .pc-menu-c a:hover .ico {
    opacity: 1;
    visibility: visible;
    transform: initial
}

.nav .pc-menu-r {
    width: 26.2%;
    margin-left: 8%
}

.nav>li:hover>a,
.nav .hov>a {
    color: #fff
}

.ptop .nav>li:hover>a,
.ptop .nav .hov>a {
    color: #000
}

.nav>li:hover>a::before,
.nav .hov>a::before {
    width: 100%
}

.nav>li:hover .subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0%)
}


.ibox-about {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 10rem 0 19.5rem;
}

.ibox-about-desc {
    margin-left: 12.5%;
    width: 30.74%;
}

.ibox-about-desc .c {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


.ibox-about-line {
    width: 100%;
    height: .1rem;
    background-color: #c9c9c9;
    margin: 4rem 0;
}


.btn-more2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #242c35;
    overflow: hidden;
    width: 15.6rem;
    height: 4.6rem;
}

/*  */
.btn-more2 .base-bg {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden
}

.btn-more2 .base-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.btn-more2 .base-bg::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

/*  */

/*  */
.btn-more2 .btn-tbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
    overflow: hidden;
    margin-right: 1.4rem;
}

.btn-more2 .btn-tbox .btn-txt {
    display: block;
    transform: translateY(0);
    transition: 0.6s cubic-bezier(0.47, 0.16, 0.24, 1);
    -webkit-transition: 0.6s cubic-bezier(0.47, 0.16, 0.24, 1);
}

.btn-more2 .btn-tbox .btn-txt:nth-child(2) {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
}

.btn-more2 .btn-ico {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.btn-more2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* border: 2px solid; */
    border-radius: 4rem;
    /* border-image: linear-gradient(to top, #242c35, #005800) 1; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}



.ibox-about-video {
    margin-right: 4%;
    width: 45%;
    display: flex;
    position: relative;
}

.iabout-video {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.iabout-video:hover .dm-vico i {
    background-color: #ffffff;
    color: #005800;
}

.dm-vico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.dm-vico::before,
.dm-vico::after {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    animation: bannerbuIn 2s ease-out infinite;
    -webkit-animation: bannerbuIn 2s ease-out infinite;
}

.dm-vico::before {
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
}

.dm-vico::after {
    width: 140%;
    height: 140%;
    left: -20%;
    top: -20%;
    animation: bannerbuIn 3s 0.5s ease-out infinite;
    -webkit-animation: bannerbuIn 3s 0.5s ease-out infinite;
}

.dm-vico .ico {
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #ffffff;
    z-index: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.iabout-timg {
    position: absolute;
    left: -28.5rem;
    bottom: 1rem;
    pointer-events: none;
}

.iabout-timg img {
    width: 34rem;
}

.iabout-timg2 {
    position: absolute;
    bottom: -14.4rem;
    left: 100%;
    pointer-events: none;
}

.iabout-timg2 img {
    height: 9.2rem;
    width: unset;
}


.dm-s {
    position: absolute;
    width: 26%;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
}

.ibox-business {
    position: relative;
    overflow: hidden;
}

.ibusiness-swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ibusiness-swiper .swiper-slide {
    height: auto;
}

.ibusiness-swiper .imgBox {
    height: 100%;
}

.ibusiness-list {
    display: flex;
    position: relative;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 10;
    color: #ffffff;
}

.ibusiness-list>li {
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.36);
    flex: 1;
}

.ibusiness-list>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: -webkit-linear-gradient(0deg, #242c35e0, #005800e0);
    background: linear-gradient(0deg, #242c35e0, #005800e0);
    transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ibusiness-list>li:first-child {
    border-left: 0 none;
}

.ibusiness-list .icon {
    line-height: 1;
}

.ibusiness-list .en {
    line-height: 1.2;
    opacity: 0.6;
}

.ibusiness-list .c {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ibusiness-list .item {
    position: relative;
}

.ibusiness-list .item1 {
    padding: 17rem 4vw;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5rem);
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ibusiness-list .item2 {
    position: absolute;
    padding: 0 4vw;
    left: 0;
    bottom: 8%;
    width: 100%;
    transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ibusiness-list .bot {
    margin-top: 10rem;
}


.grop-rbox {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1
}

.grop-rbox .grop-item {
    margin-left: 5rem
}




.ptop .langer-box {
    position: relative;
    color: #999999;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.langer-box {
    position: relative;
    color: #fff;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.langer-box .text {
    display: flex;
    justify-content: space-between;
    height: 9rem;
    line-height: 1;
    align-items: center
}

.langer-box .text .ico {
    width: 2rem;
    font-size: 2rem;
    -webkit-animation: rotation 10s linear infinite;
    animation: rotation 10s linear infinite
}

.langer-box .text .txt {
    margin-left: 1.9rem;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.langer-box .subnav {
    position: absolute;
    left: -2rem;
    right: -2rem;
    top: 95%;
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1rem 0;
    box-shadow: 0 .2rem 3rem rgba(219, 219, 219, 0.2);
    border: 1px solid #dbdbdb;
    transform: translate(0%, -1rem) scaleY(.8);
    transform-origin: top center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}

.langer-box .subnav>li>a {
    display: block;
    padding: .5rem;
    line-height: 1.4;
    text-align: center;
    color: #333333
}

.langer-box .subnav>li>a:hover {
    background-color: rgba(0, 166, 3, 0.1)
}

.langer-box .subnav>li>a.active {
    color: #000
}

.langer-box:hover .subnav {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateX(0%)
}

.gorp-cloud {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}

.gorp-cloud::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    /* border: 1px solid; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.gorp-cloud::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    /* border: 1px solid; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.gorp-cloud .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.gorp-cloud .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.gorp-cloud .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}

.gorp-cloud .btn-ico {
    font-size: 1rem;
    margin-left: 1rem
}



.gorp-cloud .ico {
    font-size: 1rem;
    margin-left: 2.5rem
}



.menu-handler {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: #000;
    position: relative;
    cursor: pointer;
    display: none
}

.menu-handler .menu-bar {
    width: 1.2rem;
    height: 2px;
    background: #ffffff;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 1.2rem;
    transform: translateY(-50%) rotate(0deg);
    transition: margin .4s .4s, transform .4s, opacity .4s
}

.menu-handler .menu-bar:nth-child(1) {
    width: 2.1rem;
    margin-top: -0.7rem
}

.menu-handler .menu-bar:nth-child(3) {
    width: 2.1rem;
    margin-top: .7rem
}

.menu-handler.active .menu-bar:nth-child(1) {
    margin-top: 0;
    transform: translateY(-50%) rotate(30deg);
    transition: margin .4s, transform .4s .4s, opacity .4s
}

.menu-handler.active .menu-bar:nth-child(2) {
    opacity: 0
}

.menu-handler.active .menu-bar:nth-child(3) {
    margin-top: 0;
    transform: translateY(-50%) rotate(-30deg);
    transition: margin .4s, transform .4s .4s, opacity .4s
}


.menubarM {
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(2vw);
    backdrop-filter: blur(2vw);
    color: #ffffff;
    position: fixed;
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 56px);
    opacity: 0;
    z-index: 995;
    transition: .6s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .6s cubic-bezier(.55, .31, .15, .93)
}

.menubarM a {
    color: #ffffff
}

.menubarM-box {
    height: calc(100vh - 56px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.menubarM-list {
    padding: 0 0 5vh;
    margin: 0 3%
}

.menubarM-list>li {
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    transition: .6s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .6s cubic-bezier(.55, .31, .15, .93)
}

.menubarM-list>li>a {
    position: relative;
    display: flex;
    font-size: 1.8rem;
    padding: 1.5rem 0;
    line-height: 1.5;
    justify-content: space-between;
    align-items: center
}

/* .menubarM-list>li>a[has-item]::after {
font-family: "iconfont" !important;
content: "\e706";
margin-left: 1rem;
font-size: 1.6rem;
flex-shrink: 0;
transition: .3s;
-webkit-transition: .3s
}

.menubarM-list .cur>a::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
} */

.menubarM-list .subnav {
    padding: 1rem 5% 2rem;
    display: none
}

.menubarM-list .subnav p {
    font-weight: 500
}

.menubarM-list .subnav a {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.4;
    padding: 1rem 0;
    font-size: 1.6rem
}

.menubarM-list .subnav a i {
    margin-right: 1.2rem;
}
/* .menubarM-list .subnav a::before {
    content: "\e707";
    font-family: "iconfont";
    margin-right: 1.2rem;
    font-size: 1.4rem
} */


.banner-box {
    position: relative
}

.banner-img {
    width: 100%;
    overflow: hidden
}

.banner-img img,
.banner-img video {
    width: 100%;
    display: block
}

.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    color: #fff;
    overflow: hidden;
}

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

.banner .imgBox {
    width: 100%;
    height: 100%;
}

.banner .imgBox img {
    height: 100%;
    object-fit: cover;
    transition: transform 3.5s;
    -webkit-transition: transform 3.5s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.banner .desc {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.5;
    padding: 22px 22px 25px 32px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(117, 121, 135, 0.20);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    border-radius: 15px;
}

.banner .desc .en {
    font-size: 40px;
    text-transform: uppercase;
}

.banner .desc .zh {
    font-size: 56px;
}

.banner .desc-txt {
    opacity: 0;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    transform: translateY(50px) scale(1.2);
    -webkit-transform: translateY(50px) scale(1.2);
    transition: opacity 1.4s linear 0.4s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
    -webkit-transition: opacity 1.4s linear 0.4s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
}

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

.banner .swiper-slide-active .imgBox img {
    transform: inherit;
    -webkit-transform: inherit;
}

.banner .swiper-slide-active .desc-txt {
    opacity: 1;
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
}

.banner .swiper-pag {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
    text-align: center;
}

.banner .swiper-pag .swiper-pagination-bullet {
    background-color: #fff;
    margin: 0 8px;
}

.mouse-ibox {
    position: absolute;
    left: 7%;
    bottom: 5%;
    z-index: 5;
}

.mouse-ibox .txt {
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    font-size: 14px;
    display: block;
    width: 25px;
    margin: 0 auto 15px;
}

.mouse-ibox .ico {
    position: relative;
    width: 29px;
    display: block;
}

.mouse-ibox .ico::before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    width: 2px;
    height: 13px;
    display: block;
    background-color: #fff;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

.dian-list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.dian-list>li {
    position: absolute
}

.dian-list>li:hover .dian-tab-desc::before {
    width: 100%;
    opacity: 1
}

.dian-list>li:hover .dian-tab-desc span {
    opacity: 1;
    visibility: visible;
    transition-delay: .4s
}

.dian-tab-dian {
    width: 1.3vw;
    height: 1.3vw;
    border-radius: 100%;
    position: relative;
    display: block
}

.dian-tab-dian .dian1 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #000;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    z-index: 3
}

.dian-tab-dian .dian2 {
    position: absolute;
    width: 28%;
    height: 28%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: inherit;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    z-index: 5
}

.dian-tab-dian .quan {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0, 47, 166, 0.5);
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.dian-tab-dian .quan1 {
    animation: yuandian 2.8s infinite
}

.dian-tab-dian .quan2 {
    animation: yuandian 2.8s .75s infinite
}

.dian-tab-dian .quan3 {
    animation: yuandian 2.8s 1.5s infinite
}

.dian-tab-desc {
    position: absolute;
    transform: translateY(-50%);
    white-space: nowrap;
    pointer-events: none;
    display: flex;
    align-items: center;
    top: 50%;
    z-index: 1;
    padding: 1rem 3rem;
    line-height: 1.2;
    color: #ffffff
}

.dian-tab-desc .jiantou {
    font-size: 1rem;
    margin-left: 1.5rem
}

.dian-tab-desc::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    opacity: 0;
    background: #000;
    border-radius: 5rem;
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}

.dian-tab-desc span {
    opacity: 0;
    visibility: hidden;
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}


.dian-descL {
    left: 0;
    margin-left: 4rem
}

.dian-descL::before {
    left: 0
}



.dian-descR {
    right: 0;
    margin-right: 4rem
}

.dian-descR::before {
    right: 0
}



.btn-more {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden
}

.btn-more::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #fff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.ibox-about-desc .btn-more::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #666;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.btn-more::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.ibox-about-desc .btn-more .btn-ico {
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #666;
    /* background: linear-gradient(90deg, #242c35 30%, #005800 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #000
}

.btn-more .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #000
}

.ibox-about-desc .btn-more .btn-item {
    color: #333333;
    line-height: 2.2;
    align-items: center;
    position: relative
}

.ibox-about-desc .btn-more .ico {
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #242c35, #005800);
    background: linear-gradient(45deg, #242c35, #005800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn-more .btn-item {
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    position: relative
}

.btn-more .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

.ibox-about [data-value]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2)
}


.ibox-abouts .ibox-about-box {
    position: relative;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.ibox-aboutL {
    width: 40%;
    position: sticky;
    top: 14rem
}

/* .ibox-tbox .en {
line-height: 1.2;
text-transform: uppercase;
letter-spacing: .1rem
} */

.ibox-tbox .title {
    margin-top: 1.5rem;
    line-height: 1.1
}

.ibox-tbox .c {
    line-height: 1.25
}

.ibox-about-ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.47);
    padding: 3rem 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center
}

.ibox-about-ul>li:last-child {
    border-bottom: 0 none;
    padding-bottom: 0
}

.ibox-about-ul .icon {
    line-height: 1;
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ibox-about-ul .icon img {
    max-width: 100%;
    display: block
}

.ibox-about-ul .title {
    line-height: 1.1;
    display: flex;
    align-items: flex-start
}

.ibox-about-ul .title .num {
    line-height: .7
}

.ibox-about-ul .title .by {
    padding-left: 2rem
}

.ibox-about-ul .c {
    margin-top: 1rem;
    line-height: 1.5
}

.ibox-partners [data-value]::after,
.pbox-data-box [data-value]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3)
}

.ibox-partners-box {
    position: relative;
    padding: 17rem 0 18rem;
    color: #ffffff
}


.ibox-product {
    padding: 2.5vw
}


.ibox-product-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 13%;
    z-index: 10;
    pointer-events: none
}






.ibox-partners-list {
    display: flex
}

.ibox-partners-list>dd {
    position: relative;
    margin-left: 1.5%;
    height: 98rem;
    border-radius: .8rem;
    flex: 1;
    overflow: hidden;
    cursor: pointer;
    transition: .4s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .4s cubic-bezier(.34, .44, .41, 1.12)
}

.ibox-partners-list>dd:first-child {
    margin-left: 0
}

.ibox-partners-list>dd.active {
    flex: 3
}

.ibox-partners-list>dd.active .desc1 {
    opacity: 0
}

.ibox-partners-list>dd.active .desc2 {
    opacity: 1;
    transition-delay: .4s;
    transform: initial
}

.ibox-partners-list .imgBox {
    border-radius: inherit
}

.ibox-partners-list .imgBox img {
    border-radius: inherit;
    width: auto
}

.ibox-partners-list .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: inherit;
    width: 100%;
    height: 35%;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.7) 100%)
}

.ibox-partners-list .desc {
    position: absolute;
    left: 3rem;
    right: 3rem;
    bottom: 5%;
    border-radius: inherit
}

.ibox-partners-list .desc1 {
    color: #c1c1c1;
    transition: .4s cubic-bezier(.26, .06, 0, 1);
    -webkit-transition: .4s cubic-bezier(.26, .06, 0, 1)
}

.ibox-partners-list .desc1 .title {
    line-height: 1.45
}

.ibox-partners-list .desc2 {
    color: #ffffff;
    opacity: 0;
    transform: translateY(8%);
    transition: .6s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .6s cubic-bezier(.34, .44, .41, 1.12)
}

.ibox-partners-list .desc2 .title {
    line-height: 1.4
}

.ibox-partners-list .desc2 .c {
    margin-top: 5rem
}

.ibox-partners-list .desc2 .c li {
    margin-bottom: .4rem
}

.ibox-partners-list .desc2 .c li:last-child {
    margin-bottom: 0
}


.ibxo-service-title .ibox-tbox {
    width: 34%
}

.ibxo-service-title .pageC {
    width: 59%
}


.ibox-service-box {
    width: 72%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    position: relative
}

.ibox-service-box .item {
    position: relative;
    width: 50%
}

.ibox-service-box .ist-quan-box {
    width: 100%
}

.ibox-service-box .ist-quan-box>img {
    opacity: 0
}

.ibox-service-box .item1 .ist-quan {
    right: 0
}

.ibox-service-box .item1 .ist-quan img {
    transform-origin: right center
}

.ibox-service-box .item2 .ist-quan {
    left: 0
}

.ibox-service-box .item2 .ist-quan img {
    transform-origin: left center
}

.ist-quan {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ist-quan img {
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s
}

.ist-quan1 {
    width: 100%;
    height: 100%
}

.ist-quan1 img {
    animation: round1 6s ease-out infinite
}

.ist-quan2 {
    width: 100%
}

.ist-quan2 img {
    animation: round1 6s 1.5s ease-out infinite
}

.ist-quan3 {
    width: 100%
}

.ist-quan3 img {
    animation: round1 6s 3s ease-out infinite
}

.ist-quan4 {
    width: 100%
}

.ist-quan4 img {
    animation: round1 6s 4.5s ease-out infinite
}

.ist-item {
    position: absolute;
    color: #ffffff;
    transform-origin: 50% 40%;
    z-index: 10
}

.ist-item .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    display: flex;
    text-shadow: 1px 1px 1px #2E92FF
}

.ist-item .ist-name {
    position: relative;
    display: block
}

.ist-w180 {
    width: 31.1958%
}

.ist-w180 .txt {
    font-size: 2.8rem
}

.ist-w118 {
    width: 20.4506%
}

.ist-w118 .txt {
    font-size: 1.7rem
}


.ist-w108 {
    width: 18.7175%
}

.ist-w108 .txt {
    font-size: 1.7rem
}


.ist-w92 {
    width: 15.9445%
}

.ist-w92 .txt {
    font-size: 1.4rem
}


.istitem1 {
    right: 0%;
    top: 35%
}

.istitem2 {
    right: 11%;
    top: 7%
}

.istitem3 {
    right: 11%;
    bottom: 14%
}


.istitem4 {
    right: 45%;
    top: 21%
}

.istitem5 {
    right: 45%;
    bottom: 21%
}

.istitem6 {
    right: 68%;
    top: 40%
}

.istitem7 {
    right: 63%;
    top: -2%
}

.istitem8 {
    right: 63%;
    bottom: -2%
}

.istitem9 {
    right: 83%;
    top: 19%
}

.istitem10 {
    right: 87%;
    bottom: 22%
}

.istitem11 {
    left: 0%;
    top: 35%
}

.istitem12 {
    left: 37%;
    top: 16%
}

.istitem13 {
    left: 36%;
    bottom: 14%
}

.istitem14 {
    left: 66%;
    top: 39%
}

.istitem15 {
    left: 63%;
    top: -2%
}

.istitem16 {
    left: 63%;
    bottom: -2%
}

.istitem17 {
    left: 87%;
    top: 19%
}

.istitem18 {
    left: 87%;
    bottom: 22%
}

.ibox-news-title {
    align-items: flex-end;
    padding-bottom: 9rem
}


.ibox-new-tab {
    display: flex;
    margin-left: 1rem
}

.ibox-new-tab a {
    border-radius: 2.8rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2.3rem;
    padding: 0 1.5rem;
    min-width: 15rem;
    height: 5.6rem;
    line-height: 1.2;
    color: #8E8D8D
}

.ibox-new-tab a::before,
.ibox-new-tab a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    transition: .4s cubic-bezier(.34, .44, .41, 1.12);
    -webkit-transition: .4s cubic-bezier(.34, .44, .41, 1.12)
}

.ibox-new-tab a::before {
    border: .15rem solid #D8D8D8
}

.ibox-new-tab a::after {
    background-color: #000;
    transform: scale(.6);
    opacity: 0
}

.ibox-new-tab a .txt {
    position: relative;
    z-index: 1
}

.ibox-new-tab a.active {
    color: #ffffff
}

.ibox-new-tab a.active::before {
    transform: scale(1.1);
    opacity: 0
}

.ibox-new-tab a.active::after {
    opacity: 1;
    transform: initial
}


.ibox-news-swiper {
    position: relative;
    overflow: hidden
}

.ibox-news-swiper.active {
    animation: lightSpeedIn .8s forwards
}

.ibxo-news-box {
    position: relative;
    display: flex;
    justify-content: space-between
}

.ibxo-news-box::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 53.6585%;
    background-color: rgba(112, 112, 112, 0.18)
}

.ibox-news-first {
    position: relative;
    width: 50.18%;
    background-color: #ffffff;
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ibox-news-first .imgBox {
    flex: 1;
    border-radius: .8rem .8rem 0 0;
    overflow: hidden
}

.ibox-news-first .imgBox img {
    border-radius: inherit
}

.ibox-news-first .desc {
    padding: 2.4rem 4%
}

.ibox-news-first .t {
    color: #151515;
    line-height: 1.4;
    transition: .3s;
    -webkit-transition: .3s
}

.ibox-news-first .c {
    margin-top: 1rem
}

.ibox-news-first .time {
    color: #999999;
    margin-top: 2.5rem
}


.ibox-news-list {
    width: 42.68%
}

.ibox-news-list>li {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 2.45rem;
    margin-bottom: 2.45rem;
    border-bottom: 1px solid rgba(112, 112, 112, 0.18)
}

.ibox-news-list>li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0 none
}

.ibox-news-list .imgBox {
    width: 46.2857%;
    flex-shrink: 0;
    margin-right: 3.5rem;
    border-radius: .8rem
}

.ibox-news-list .imgBox img {
    border-radius: inherit
}

.ibox-news-list .desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.ibox-news-list .t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #151515;
    line-height: 1.5;
    transition: .3s;
    -webkit-transition: .3s
}

.ibox-news-list .c {
    margin-top: 1rem;
    flex: 1
}

.ibox-news-list .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ibox-news-list .time {
    margin-top: 2rem;
    color: #999999
}

.foot {
    background-color: #1B1F24;
    color: #A3A5A7
}

.foot a {
    color: #A3A5A7
}

.foot a:hover {
    color: #ffffff
}

.foot-tbox {
    padding: 7rem 0 3rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between
}


.foot-tboxR {
    width: 26rem;
    flex-shrink: 0;
    margin-left: 5%
}


.link-select-box {
    position: relative;
    z-index: 100
}

.link-select-box .mt {
    position: relative;
    padding: 1rem 2.4rem;
    line-height: 1.5;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.16);
    color: #b1b1b1;
    border-radius: 2.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.link-select-box .aw {
    font-size: 1rem;
    transition: .4s;
    -webkit-transition: .4s
}

.link-select-box .mc {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    z-index: 600;
    display: none;
    cursor: pointer
}

.link-select-box .mc a {
    color: #151515
}

.link-select-box .mc a:hover {
    color: #000
}

.link-select-box .mc ul {
    box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.5rem 2.4rem;
    max-height: 30rem;
    overflow-y: auto
}

.link-select-box .mc ul>li {
    margin-bottom: 1rem
}

.link-select-box .mc ul>li:last-child {
    margin-bottom: 0
}

.link-select-box.act .aw {
    transform: translateY(1px) rotate(180deg)
}

.foot-cbox {
    padding: 8rem 0 11rem;
    display: flex;
    justify-content: space-between
}



.foot-nav {
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-right: 14%
}

.foot-nav>li {
    margin-right: 2rem
}

.foot-nav>li>a {
    font-size: 2rem;
    font-family: 'aphM';
    color: #ffffff;
    line-height: 1.4
}

.foot-nav .subnav {
    margin-top: 3rem;
    font-family: 'aphL';
    font-size: 1.5rem;
    line-height: 1.4
}

.foot-nav .subnav p {
    margin-bottom: 1.2rem
}


.foot-cboxR {
    width: 25rem;
    color: #ffffff
}

.foot-cboxR .tel {
    line-height: 1.2
}


.foot-cbox-desc {
    padding: 3.5rem 0 4rem;
    line-height: 1.5;
    font-size: 1.5rem
}

.foot-cbox-desc p {
    margin-bottom: 1rem
}

.foot-cbox-desc p:last-child {
    margin-bottom: 0
}


.foot-cbox-sharp {
    display: flex;
    flex-wrap: wrap;
    margin-top: -2rem
}

.foot-cbox-sharp>li {
    margin-top: 2rem;
    margin-right: 2rem
}

.foot-cbox-sharp a {
    position: relative;
    width: 4.1rem;
    height: 4.1rem;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    line-height: 1
}

.foot-cbox-sharp a:hover {
    background-color: #ffffff;
    color: #000
}

.foot-cbox-sharp a:hover .foot-ermbox {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: translate(-50%, 0)
}

.foot-ermbox {
    position: absolute;
    bottom: 105%;
    left: 50%;
    transform: translate(-50%, -15%);
    width: 13rem;
    padding-bottom: 10px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 1000;
    transition: .5s;
    -webkit-transition: .5s
}

.foot-ermbox .item {
    background-color: #ffffff;
    padding: .8rem;
    position: relative;
    border-radius: .8rem
}

.foot-ermbox .item::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 99%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffffff
}


.foot-bbox {
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    font-size: 1.4rem;
    padding-bottom: 5rem
}

.foot-bbox .smlink {
    flex-shrink: 0
}

.foot-bbox .c {
    margin-right: 1rem
}


.pbanner {
    position: relative;
    overflow: hidden
}

.pbanner-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.pbanner-desc .line {
    width: 4rem;
    height: 0.3rem;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    display: block;
    margin: 2.5rem 0 3.5rem;
}
.pbanner-desc .c {
    line-height: 1.375;
}

.pbanner2 {
    position: relative;
    overflow: hidden
}

.pbanner-vh .imgBox {
    height: 100vh;
    position: relative
}

.pbanner-desc2 {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%)
}

.pbanner .load-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.act .load-img {
    animation: nextSlide 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;
}

.pbanenr-desc {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 86%;
    color: #fff;
}

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

.pbanenr-desc1 .t1 {
    font-size: 20px;
    line-height: 1.5;
}

.pbanenr-desc1 .t2 {
    font-size: 56px;
    line-height: 1.2;
    margin-top: 25px;
}

.pbanenr-desc2 .t1 {
    font-size: 54px;
    line-height: 1.2;
    font-family: "Gilroy";
    text-transform: uppercase;
}

.pbanenr-desc2 .t2 {
    font-size: 56px;
    line-height: 1.2;
    margin-top: 15px;
}

.ibox-w {
    width: 86%;
    margin: 0 auto;
}

.pagePadding {
    padding: 120px 0;
}

.pagePadding2 {
    padding: 70px 0;
}

.iboxT .zh {
    font-size: 40px;
    line-height: 1.5;
    color: #333333;
    font-weight: normal;
}

/* .iboxT .en, .com-tit .en, .ibox-tbox .en {
    color: #AAAAAA;
    font-size: 20px;
    line-height: 1.5;
} */


.iboxT .c {
    font-size: 18px;
    margin-top: 35px;
    color: #666666;
}

.iboxT2 {
    text-align: center;
}

.iboxT-C .zh,
.iboxT-C .en {
    color: #fff;
}

.contact-list {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    align-items: center;
    color: #333333;
}

.contact-list dd {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
}

.contact-list .ico {
    width: 64px;
    height: 64px;
    border: 1px solid #005800;
    color: #005800;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    margin-right: 20px;
}

.contact-list .desc {
    flex: 1;
}

.contact-list .c {
    font-size: 28px;
    font-family: "Gilroy";
    font-weight: 500;
    line-height: 1.5;
}

.contact-list .ermBox {
    text-align: center;
    margin-left: 5px;
}

.contact-list .ermBox:first-child {
    margin-left: 0;
}

.contact-list .ermBox .img {
    padding: 8px;
    background-color: #fff;
    width: 110px;
    margin-bottom: 4px;
}

.contact-form {
    padding: 0 8%;
    margin-top: 80px;
}

.conf-list dd {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
}

.conf-list .dd-item2 {
    margin-bottom: 40px;
}

.conf-list .dd-item2 .item {
    width: 100%;
}

.conf-list .ml5 {
    margin-left: 1.5%;
}

.conf-list .item {
    width: 32.33%;
    position: relative;
    margin-bottom: 30px;
}

.conf-list .star {
    position: absolute;
    top: 22px;
    color: #F31653;
    right: 20px;
}

.conf-list .ctxt {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
}

.conf-list .ctxt2 {
    resize: none;
    height: 150px;
    padding: 20px 30px;
    line-height: 1.5;
}

.conf-list .conf-left {
    width: 32.33%;
}

.conf-list .conf-right {
    width: 66.67%;
}

.conf-list .conf-bot {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    align-items: center;
}

.conf-list .conf-bot .item {
    flex: 1;
    margin-bottom: 0;
}

.conf-list .yzmA {
    width: 35%;
    max-width: 160px;
    margin-left: 20px;
}

.btn-ok {
    display: block;
    width: 266px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #005800;
    color: #fff;
    margin: 0 auto;
    border: unset;
    cursor: pointer;
}

.btn-ok:hover {
    background-color: #333333;
}

.mapBox {
    position: relative;
    overflow: hidden;
    height: 650px;
}

.amap-logo,
.amap-copyright {
    display: none !important;
}

.map-desc {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 312px;
    height: 312px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.82);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
}

.map-desc .text {
    width: 70%;
}

.map-desc .ico {
    font-size: 20px;
    color: #F31653;
}

.map-desc .c {
    color: #333333;
    line-height: 1.5;
    padding: 25px 0 35px;
}

.map-desc .maplink {
    color: #F31653;
    position: relative;
    padding-bottom: 5px;
}

.map-desc .maplink::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #F31653;
}

.map-desc .maplink:hover {
    color: #008FA1;
}

.map-desc .maplink:hover::before {
    background-color: #008FA1;
}

.about-one {
    display: flex;
    justify-content: space-between
}

.about-oneL {
    width: 49%
}

.about-oneL .pageC{
    text-indent: 2em;
}

.join-nav {
    list-style: none;
    line-height: 1.5;
}
.join-nav ul {
    list-style: none;
  }
  .join-nav > li, .join-navs > li {
    /* background-color: #ffffff; */
    margin-top: 1.2rem;
  }
  .join-nav > li.active > a > i {
    transform: rotate(-90deg);
  }
  .join-nav > li > a > i {
    transform: rotate(90deg);
  }
  .join-nav > li > a, .join-navs > li > .txt {
    line-height: 2;
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem;
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
}

.join-nav > li > a:link,
.join-nav > li > a:visited {
    text-decoration: none;
}

.join-nav > li > a:active,
.join-nav > li > a:hover {
    text-decoration: none;
}
  .join-nav > li .ico {
    flex-shrink: 0;
    margin-left: 1rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .join-nav a,.join-navs .txt {
    color: #333333;
  }
  .join-nav a:hover,.join-navs .txt {
    color: #333;
  }
  .join-nav .active,.join-navs .active {
    color: #333;
  }
  .join-nav2 {
    line-height: 2;
    padding: 2%;
    margin-left:unset !important;
    display: none;
  }
  li.active>.join-nav2 {
    display: block !important;
    border-radius: 5px;
    background: linear-gradient(90deg, #242c3515 30%, #00580015 100%);
  }
  .join-navs2 {
    line-height: 2;
    padding: 2%;
    margin-left:unset !important;
    border-radius: 5px;
    background: linear-gradient(90deg, #242c3515 30%, #00580015 100%);
  }

  .join-nav2 > li,.join-navs2 > li {
    margin-bottom: 1rem;
  }

.about-oneL .pageC p{
    margin-bottom: 5px;
}

.about-oneR {
    width: 41%;
    cursor: pointer
}


.about-vico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    transition: .3s;
    -webkit-transition: .3s
}
.tabslist {
    overflow-x: auto;
}

.solus .about-one {
    display: flex;
    justify-content: space-between
}

.solus .about-oneL {
    width: 46%
}

.solus .about-oneR {
    width: 52%;
    cursor: pointer
}


.solus .about-vico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    transition: .3s;
    -webkit-transition: .3s
}
.effects .about-one {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.effects .about-oneL {
    width: 35%
}

.effects .about-oneR {
    width: 60%;
    cursor: pointer
}

.effects .about-vico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    transition: .3s;
    -webkit-transition: .3s
}

.hw-line {
    background-color: #bcbcbc;
    height: 1px
}

.about-num {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: -5%
}

.about-num>li {
    display: flex;
    align-items: center;
    margin-left: 4%;
    margin-top: 5%;
    width: 29.33%
}

.about-num .icon {
    color: #005800;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 7rem;
    height: 7rem;
    margin-right: 4rem
}

.about-num .icon img {
    max-width: 100%;
    max-height: 100%
}

.about-num .title {
    line-height: 1.4;
    display: flex;
    align-items: flex-start
}

.about-num .title .num {
    line-height: .8
}

.about-num .title .by {
    margin-left: .8rem
}

.about-num .c {
    margin-top: 1rem
}



.about-honor {
    flex-wrap: wrap
}


.about-honor-item {
    width: 45%;
    color: #4D4D4D;
}

.about-honor-item ul.join-nav>li,.about-honor-item ul.join-navs>li {
    margin-bottom: 2rem;
    list-style-type: disc;
}

.about-honor-item ul.join-nav>li::marker,.about-honor-item ul.join-navs>li::marker {
    color: #000
}

.join-navs ul.join-navs2>li>p,.join-nav ul.join-nav2>li>p {
    font-size: 16px;
    line-height: 2;
    list-style: none;
}

.join-nav ul.join-nav2>li>p::before,.join-navs ul.join-navs2>li>p::before {
    content: "?"; /* 使用Unicode圆点 */
    color: black; /* 设置点的颜色 */
    padding-right: 5px; /* 在点和文本之间添加一些空间 */
}

.honor-pdemo {
    position: relative;
    float: left;
    width: 70%;
  }
  .honor-pdemo .swiper-slide {
    width: 32%;
    transition: 0.3s;
    -webkit-transform: 0.3s;
  }
  .swiper-arrow {
    position: absolute;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    overflow: hidden;
    
    border: 1px solid #999999;
    color: #999999;
    z-index: 106;
    top: 50%;
    border-radius: 50%;
    text-align: center;
    margin-top: -31px;
    cursor: pointer;

}
.swiper-arrow:hover {
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    border: unset;
    color: #fff;
  }
  .swiper-arrow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    visibility: hidden;
    z-index: -1;
}
.swiper-p {
    left: 0;
  }
.swiper-n {
    right: 0;
  }

.hw-pageul ul {
    list-style: none
}

.hw-pageul li {
    display: flex
}

.hw-pageul li::before {
    content: "?";
    color: #000;
    flex-shrink: 0;
    width: 2.6rem
}

.about-honor-img {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%
}

.about-honor-img>li {
    width: 16%;
    margin-left: 4%;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 3rem;
    margin-bottom: 6rem
}

.about-honor-img .txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem
}

.about-honor-img .imgBox {
    padding-bottom: 60%;
    position: relative
}

.about-honor-img .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.about-honor-swiper {
    position: relative
}

.about-honor-swiper .swiper-slide {
    /* border-bottom: 1px solid #dbdbdb; */
    padding-bottom: 3rem;
    height: auto;
    cursor: pointer
}

.about-honor-swiper .swiper-slide:hover .txt {
    color: #000
}

.about-honor-swiper .txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem;
    transition: .3s;
    -webkit-transition: .3s
}

.about-honor-swiper .imgBox {
    padding-bottom: 60%;
    position: relative
}

.about-honor-swiper .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.about-honor-swiper .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-top: 5.5rem
}

.about-honor-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.about-honor-swiper .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.about-honor-swiper .swiper-pag .swiper-pagination-bullet-active {
    background-color: #000
}

.about-honor-swiper .swiper-pag.swiper-pagination-lock {
    display: none
}

.about-honor-swiper .swiper-btnbox {
    display: none;
    margin-top: 4.5rem
}
.about-honor-swiper .swi-btns {
    display: none;
    margin-top: 4.5rem
}


/* 首页合作客户 */
.custom-swiper {
    position: relative
}

.custom-swiper .swiper-slide {
    /* border-bottom: 1px solid #dbdbdb; */
    /* padding-bottom: 3rem; */
    height: auto;
    cursor: pointer
}

.custom-swiper .swiper-slide:hover .txt {
    color: #000
}

.custom-swiper .txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.8rem;
    transition: .3s;
    -webkit-transition: .3s
}

.custom-swiper .imgBox {
    padding-bottom: 60%;
    position: relative
}

.custom-swiper .imgBox img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.custom-swiper .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-top: 5.5rem
}

.custom-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.custom-swiper .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.custom-swiper .swiper-pag .swiper-pagination-bullet-active {
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.custom-swiper .swiper-pag.swiper-pagination-lock {
    display: none
}

.custom-swiper .swiper-btnbox {
    display: none;
    margin-top: 4.5rem
}

/* 产品中心 */
.isHead {
    padding-top: 90px;
  }
  .isHead .head-pc {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  .isHead .head-pc .logo .img1 {
    display: none;
  }
  .isHead .head-pc .logo .img2 {
    display: block;
  }
  .isHead .head-pc .yj-bot li > a {
    color: #1E1E1E;
  }
.cpxq {
    position: relative;
  }
  .cpxq .swiper-pagination {
    left: auto;
    right: 6.4%;
    bottom: 4.9%;
  }
  .cpxq .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: #ADADAD;
    margin-left: 26px;
    opacity: 1;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .cpxq .swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background-color: #005800;
  }
  .cpxq .swi-btn {
    background-color: rgba(0, 0, 0, 0.19);
  }
  .cpxq .swi-btns .swi-btn {
    position: absolute;
}
  .cpxq .swi-btns .swi-btn {
    position: absolute;
}
  .cpxq .swi-prev {
    left: 2%;
  }
  .cpxq .swi-next {
    right: 2%;
  }
  .proList-swiper video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .proList-swiper img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .cp-swiper1 .pro-inner {
    padding-bottom: 88.9%;
  }

  .proL {
    width: 50%;
    background-color: #fff;
  }
  .cp-swiper2 {
    width: 100%;
    height: 100%;
  }
  .cp-swiper2 .pro-inner {
    padding-bottom: 90.6%;
  }
  .proR {
    width: 50%;
    padding-right: 7.4%;
    padding-left: 6.1%;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%)
  }
  .proR * {
    color: #fff;
  }
  .proR .back {
    font-weight: 100;
  }
  .proR .back i {
    margin-right: 8px;
  }
  .proR .name {
    font-weight: 500;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(173, 173, 173, 0.4);
  }
  .proR .info-items {
    margin-top: 48px;
  }
  .proR .info-item {
    margin-bottom: 35px;
  }
  .proR .info-item * {
    font-weight: 100;
  }
  .proR .info-item .info-name {
    flex-shrink: 0;
  }
  .proR .item {
    display: inline-block;
    min-width: 130px;
    padding: 12px 25px;
    border-radius: 21px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
  }
  .proR .item:not(:last-of-type) {
    margin-right: 20px;
  }
  .proR .area .info-name,
  .proR .standard .info-name {
    padding-top: 8px;
  }
  .proR .area {
    margin-bottom: 10px;
  }
  .proR .com-more3 {
    background-color: #fff;
    margin-bottom: 10px;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .proR .com-more3:not(:last-of-type) {
    margin-right: 25px;
  }
  .proR .com-more3 * {
    color: #005800;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .proR .com-more3 i {
    font-size: 20px;
  }
  .proR .com-more3:hover {
    background-color: #33333388;
  }
  .proR .com-more3:hover * {
    color: #fff;
  }
  .proR .guide i {
    font-size: 16px;
  }
  .proB {
    background-color: #F8FAFF;
    padding-bottom: 48px;
  }
  .cpNav {
    padding: 0 6.5%;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
  }
  .ProIntro-swiper .swiper-slide {
    position: relative;
    width: auto;
    padding: 21px 78px;
    color: #fff;
  }
  .ProIntro-swiper .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #33333388;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: -1;
  }
  .ProIntro-swiper .swiper-slide:hover::before,
  .ProIntro-swiper .swiper-slide.active::before {
    left: 0;
    right: auto;
    width: 100%;
  }
  .cpIntros {
    padding-left: 6.5%;
    padding-right: 6.5%;
    background-color: #fff;
  }
  .cp-intro .name {
    margin-bottom: 40px;
  }
  .cp-intro .name .line {
    position: relative;
    width: 5px;
    height: 30px;
    background-color: #242c35;
    margin-right: 27px;
    overflow: hidden;
  }
  .cp-intro .name .line::before {
    content: '';
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: #005800;
    animation: roll2 3s ease-out infinite;
    z-index: 2;
  }

  .cp-intro .intro * {
    font-size: inherit;
    font-weight: 100;
  }
  .cp-intro .intro img {
    display: inline;
    width: auto;
    max-width: 100% !important;
    height: auto !important;
  }
  .cp-intro .intro strong {
    font-weight: bold;
  }
  .cp-intro .intro strong * {
    font-weight: bold;
  }
  .cp-intro .intro li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .cp-intro .intro li:not(:last-of-type) {
    margin-bottom: 5px;
  }
  .cp-intro .intro .item1 {
    width: 300px;
    padding: 14px 2% 14px 4.2%;
    color: #fff;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
  }
  .cp-intro .intro .item2 {
    width: calc(100% - 303px);
    margin-left: 3px;
    background-color: #F7F7F7;
    padding: 14px 2% 14px 10.7%;
  }
  .cp-intro .intro table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    background-color: #F7F7F7;
  }
  .cp-intro .intro tr:not(:last-of-type) {
    margin-bottom: 4px;
  }
  .cp-intro .intro tr:nth-child(2n) {
    background-color:#d5d5d5;
  }
  .cp-intro .intro td {
    padding: 15px 2% !important;
    vertical-align: middle;
    text-align: center;
    border: 4px solid #fff !important;
  }
  .cp-intro .intro video {
    width: auto;
    max-width: 75% !important;
  }


    .hdzw {
        background-color: #4b4b4b;
        width: 100%;
        height: 9rem;
    }

    .relate .relate-item p {
        color: #fff;
      }
      .relate-item {
        width: 28.6%;
        margin-left: 3.55%;
        margin-bottom: 35px;
      }
      .relate-item:nth-of-type(3n) {
        margin-right: 3.55%;
      }
      .relate-item .img {
        position: relative;
        padding-bottom: 70%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
        -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
      }
      .relate-item .img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        object-fit: cover;
        transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
        -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
      }
      .relate-item p {
        margin-top: 30px;
      }
      .relate-item:hover .img {
        transform: scale(1.04);
      }

/* 新闻中心 */
.nav-swiper .swiper-slide {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.nav-swiper .swiper-slide:hover,
.nav-swiper .swiper-slide.active {
    color: #fff;
}

.com-navSwiper .swiper-slide {
    width: 160px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    color: #666666;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #DDDDDD;
}

.com-navSwiper .swiper-slide:not(:last-of-type) {
    margin-right: 40px;
}

.com-navSwiper .swiper-slide:hover,
.com-navSwiper .swiper-slide.active {
    /* border-color: #005800; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.new-swiper {
    margin-left: 0;
    margin-right: 0;
}

.newsT .filters * {
    color: #666666;
}

.newsT .filters i {
    font-size: 20px;
}

.newsT .filters span {
    margin: 0 20px 0 13px;
}

.newsT .filter-item {
    width: 150px;
    height: 50px;
    border-radius: 25px;
    font-family: 'Gilroy-M';
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    padding-left: 35px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/html/template/default/images/sjx2.png) no-repeat 87% 50%;
}

.newsT .filter1 {
    margin-right: 10px;
}

.al-news {
    margin-bottom: 69px;
}

.al-news .news-item {
    width: 30.6%;
    margin-right: 4.1%;
    margin-bottom: 65px;
}

.al-news .news-item:nth-of-type(3n) {
    margin-right: 0;
}

.al-news .news-item .img {
    overflow: hidden;
    height: 27.5rem;
}

.al-news .news-item img {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item .txt {
    padding: 35px 7.3% 41px;
    background-color: #F8FAFF;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item .name,
.al-news .news-item .des {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item .name {
    height: 72px;
    color: #666;
}

.al-news .news-item .des {
    height: 58px;
    color: #666666;
    margin-top: 23px;
    margin-bottom: 41px;
}

.al-news .news-item .date {
    color: #999999;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item .jt {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #ADADAD;
    box-sizing: border-box;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item .jt i {
    color: #ADADAD;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.al-news .news-item:hover img {
    transform: scale(1.04);
}

.al-news .news-item:hover * {
    color: #fff;
}

.al-news .news-item:hover .txt {
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.al-news .news-item:hover .jt {
    border-color: #fff;
}

.al-news .news-item:hover .jt i {
    color: #fff;
}

/* 案例列表 sczmcd*/
.case-page {
    position: relative;
    overflow: hidden;
}

.case-page .pbg1,
.case-page .pbg2 {
    position: absolute;
    left: 0;
    width: 100%;
}

.case-page .pbg1 {
    top: 0;
}

.case-page .pbg2 {
    bottom: 0;
}

.case-page .bu-page-t .title {
    margin-bottom: 45px;
}

.case-list {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    /* margin-left: -1%; */
    margin-bottom: 6rem;
}

.case-list li {
    width: 46%;
    margin: 0 2% 3%;
    position: relative;
}

/* .case-list li:nth-of-type(2n) {
margin: 0 0 0 0;
} */
.case-list li:hover .txt {
    bottom: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 3.2rem;
    padding-bottom: 22px;
    text-align: center;
}

.case-list li:hover .txt::before {
    width: 24rem;
    right: 0;
    margin: 0 auto;
}

.case-list .yy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: url(/html/template/default/images/yy.png) repeat-x scroll left bottom;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    transition: 0.3s;
    -webkit-transform: 0.3s;
    z-index: 0;
    /* display: none; */
}

.case-list .txt {
    position: absolute;
    left: 5%;
    right: 5%;
    color: #fff;
    bottom: 8%;
    font-size: 2.4rem;
    padding-bottom: 15px;
    line-height: 1.2;
    transition: 0.5s;
    -webkit-transform: 0.5s;
}

.case-list .txt::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5rem;
    height: 4px;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.bu-page-t .title {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
    color: #333333;
}

.bu-page-t .pageC {
    text-align: center;
}

.bu-page-t .pageC .t {
    color: #333333;
}

.bu-page-t .pageC .c {
    line-height: 1.5;
}

.bu-page-img .item {
    width: 24.25%;
    margin-bottom: 1%;
    position: relative;
    overflow: hidden;
}

.bu-page-img .item2 {
    width: 49.5%;
}

.bu-page-img .pos-ov::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: url(/html/template/default/images/yy.png) repeat-x scroll left 165%;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    z-index: 2;
    display: none;
}

.bu-page-img .txt {
    position: absolute;
    left: 35px;
    right: 35px;
    bottom: 35px;
    z-index: 3;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
}

.bu-page-img .txt .en {
    font-weight: lighter;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.bu-page-img .txt .zh {
    font-weight: normal;
}

.bu-page-img .linkA {
    z-index: 4;
}

/* 业务领域 */
.one-technology-list>li {
    display: flex;
    height: 62rem;
}

.one-technology-list>li:nth-child(odd) .item {
    margin-left: 6%;
}

.one-technology-list>li:nth-child(even) {
    flex-direction: row-reverse;
}

.one-technology-list>li:nth-child(even) .item {
    margin-right: 6%;
}

.one-technology-list .imgBox {
    width: 50%;
    flex-shrink: 0;
    background-color: #eee;
}

.one-technology-list .item {
    width: 31.5%;
    padding: 7.8rem 0;
}

.one-technology-list .desc {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.one-technology-list .title {
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.one-technology-list .title .icon {
    margin-right: 2rem;
    color: #005800;
    line-height: 1;
}

.one-technology-list .c {
    flex: 1;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.one-technology-list .c p {
    display: flex;
}

.one-technology-list .c .yd {
    color: #242c35;
    margin-right: 1.4rem;
}

.one-technology-list .item .desc .bot .btn-more2 {
    color: #fff;
    min-width: 22.2rem;
    height: 5.6rem;
}

.one-technology-list .item .desc .bot .btn-more2 .btn-txt {
    letter-spacing: .3rem;
}

.one-technology-list .item .desc .bot .btn-more2 .ico {
    z-index: 0;
}

.page-h {
    height: 90px;
}

/* 服务能力 */
.subNav {
    height: 8rem;
  }
  .navMenu {
    height: 8rem;
    background-color: #F8F8F8;
  }
  .navMenu.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 8rem;
    z-index: 90;
  }
  .navMenu .subUl {
    height: 8rem;
  }
  .navMenu .subli {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: auto;
    margin-right: 8rem;
  }
  .navMenu .subli:last-of-type {
    margin-right: 0;
  }
  .navMenu .kidA {
    white-space: nowrap;
    color: #666666;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .navMenu .kidA:hover,
  .navMenu .kidA._current {
    font-weight: bold;
    color: #2967B0;
  }
  .project {
    padding: 6.93rem 0 7rem;
    overflow: hidden;
  }
  .scheme-wrap {
    width: 87.1%;
    margin: 8rem auto 0;
  }
  .scheme-wrap .scheme {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 23.3%;
    height: 32rem;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(180deg, #fff 0%, #DCE9F9 100%);
    box-shadow: 0rem 0.455rem 1.364rem 0.045rem rgba(153, 153, 153, 0.2);
    border: 0.045rem solid rgba(41, 103, 176, 0.28);
    z-index: 2;
  }
  .scheme-wrap .scheme .schNa {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    width: 74.9%;
    padding: 0.5rem 0.5rem;
    color: #fff;
    font-weight: bold;
    border-radius: 2rem;
    background-color: #2967B0;
  }
  .scheme-wrap .scheme .schItems {
    width: 100%;
    padding: 0 11.5% 0 12%;
  }
  .scheme-wrap .scheme .item {
    padding: 1.6rem 0;
    border-bottom: 0.09rem dashed rgba(41, 103, 176, 0.32);
  }
  .scheme-wrap .scheme .item:first-of-type {
    padding-top: 0;
  }
  .scheme-wrap .sjC {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 53.4%;
    isolation: isolate;
  }
  .scheme-wrap .sjC .img {
    position: relative;
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    isolation: isolate;
  }
  .scheme-wrap .sjC .img::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 83.7%;
    height: 83.7%;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0rem 0.9rem 2.7rem 0.09rem rgba(0, 0, 0, 0.16);
    z-index: 1;
  }
  .scheme-wrap .sjC .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64%;
    z-index: 2;
  }
  .scheme-wrap .seImg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc((100% - 20rem) / 2);
    z-index: -1;
  }
  .scheme-wrap .seImg img {
    max-height: 29.1999rem;
  }
  .scheme-wrap .seImg1 {
    left: -1.6%;
    clip-path: inset(0 100% 0 0);
  }
  .scheme-wrap .seImg2 {
    right: -1.6%;
    clip-path: inset(0 0 0 100%);
  }
  .scheme-wrap .sjitem {
    width: calc((100% - 24rem)/2);
    text-align: center;
  }
  .scheme-wrap .sjitem * {
    color: #2967B0;
  }
  .scheme-wrap.action .seImg1 {
    animation: clip 1s 0.1s ease forwards;
  }
  .scheme-wrap.action .seImg2 {
    animation: clip 1s 0.1s ease forwards;
  }
  .fa-wrap {
    position: relative;
    margin-top: 11rem;
  }
  .fa-wrap .swi-btn {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background-color: #fff;
  }
  .fa-wrap .swi-prev {
    left: -7rem;
  }
  .fa-wrap .swi-next {
    right: -7rem;
  }
  .fa-swiper .xmName {
    margin-top: 1.3rem;
  }
  .fa-swiper .img {
    isolation: isolate;
  }
  .fa-swiper .img img {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .fa-swiper .swiper-slide:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .engineering {
    padding: 9rem 0 9rem;
  }
  .engineering .des {
    width: 62.4%;
    line-height: 2;
    margin: 3rem auto 0;
  }
  .engine-wrap {
    margin-top: 5rem;
  }
  .engine-wrap .swi-btns {
    margin-top: 5rem;
  }
  .engine-wrap .swi-prev {
    margin-right: 2rem;
  }
  .engine-swiper .engname {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 2%;
    color: #fff;
    opacity: 0;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 2;
  }
  .engine-swiper .swiper-slide {
    position: relative;
    width: 52.2%;
  }
  .engine-swiper .swiper-slide .img {
    position: relative;
    isolation: isolate;
  }
  .engine-swiper .swiper-slide .img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.56;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 1;
  }
  .engine-swiper .swiper-slide .img img {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .engine-swiper .swiper-slide:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .engine-swiper .swiper-slide-active .img::before {
    height: 27.4%;
  }
  .engine-swiper .swiper-slide-active .engname {
    bottom: 4.8%;
    opacity: 1;
  }
  .equip {
    padding: 8.3rem 0 8.3rem;
  }
  .equip .swi-btns {
    margin-top: 10rem;
  }
  .equip .swi-prev {
    margin-right: 2rem;
  }
  .equip .equipR {
    width: 62.1%;
  }
  .equip .equi-items .line {
    width: 0.098rem;
    height: 8rem;
    background-color: #CCCCCC;
  }
  .equip .equi-item .eqT {
    color: #535453;
  }
  .equip .equi-item .eqB {
    color: #2967B0;
    line-height: 1;
    margin-top: 0.5rem;
  }
  .equip .equi-item .eqB * {
    color: #2967B0;
  }
  .equip .equi-item .num {
    font-family: 'FZZHJ';
    font-weight: bold;
  }
  .equip .equi-item .num * {
    color: #2967B0;
  }
  .equip .com-intro {
    margin-top: 6rem;
  }
  .equip .com-intro .color {
    color: #2967B0;
    font-weight: bold;
  }
  .equip-wrap {
    margin-top: 5.5rem;
  }
  .equip-wrap .name {
    margin-top: 2rem;
  }
  .equip-wrap .img {
    isolation: isolate;
  }
  .equip-wrap .img img {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .equip-wrap .swiper-slide {
    width: auto;
    margin-right: 1.6rem;
  }
  .equip-wrap .swiper-slide:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  .equip-wrap .swi-btns {
    display: none;
  }

  .honor {
    position: relative;
    padding-bottom: 133px;
  }
  .honor::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 133px;
    background: linear-gradient(180deg, #666666 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.21;
  }
  .honor::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 113px;
    width: 100%;
    height: 20px;
    background-color: #ECECEC;
  }
  .ry-wrap {
    position: relative;
  }
  .ry-wrap .swi-btn {
    background-color: rgba(0, 0, 0, 0.19);
  }
  .ry-wrap .swi-prev {
    left: -70px;
  }
  .ry-wrap .swi-next {
    right: -70px;
  }
  .honor-swiper .swiper-slide {
    width: auto;
    max-width: 19.3%;
    margin-left: 40px;
  }

  .cases {
    padding: 9rem 0 8.5rem;
  }
  .case-wrap {
    margin-top: 5rem;
  }
  .case-wrap .swiper-pagination {
    position: relative;
    margin-top: 5rem;
    text-align: center;
  }
  .case-wrap .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    margin-right: 2rem;
    background-color: transparent;
    border: 0.1rem solid #CCCCCC;
    box-sizing: border-box;
    opacity: 1;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .case-wrap .swiper-pagination-bullet:last-of-type {
    margin-right: 0;
  }
  .case-wrap .swiper-pagination-bullet-active {
    background-color: #2967B0;
    border-color: #2967B0;
  }
  .case-lunbo {
    position: relative;
  }
  .case-lunbo .caseL {
    position: relative;
    width: 50%;
    height: 100%;
  }
  .case-lunbo .caseL .img {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  .case-lunbo .caseL .img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(41, 103, 176, 0) 66.5%, #2967B0 100%);
    z-index: 1;
  }
  .case-lunbo .caseL .img img {
    height: 100%;
    object-fit: cover;
  }
  .case-lunbo .caseR {
    width: 50%;
  }
  .case-lunbo .caNum-box {
    display: none;
  }
  .case-lunbo .caNum-box.select {
    display: block;
    animation: fadeOutRight 1s ease forwards;
  }
  .case-lunbo .caNums {
    position: absolute;
    left: 50%;
    bottom: 9.2%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2;
  }
  .case-lunbo .ca-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .case-lunbo .ca-item {
    margin-right: 10rem;
  }
  .case-lunbo .ca-item:last-of-type {
    margin-right: 0;
  }
  .case-lunbo .ca-item * {
    color: #fff;
  }
  .case-lunbo .ca-item .caN {
    margin-bottom: 0.36rem;
  }
  .case-lunbo .ca-item .caB {
    line-height: 1;
  }
  .case-lunbo .ca-item .num {
    font-family: 'FZZHJ';
    /* font-weight: bold; */
  }
  .case-lunbo .ca-item sup {
    font-size: 1.6rem !important;
    vertical-align: top;
  }
  .case-lunbo .swi-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .case-lunbo .swi-prev {
    left: -9rem;
  }
  .case-lunbo .swi-next {
    right: -9rem;
  }
  .case-swiper {
    height: 100%;
    background-color: #F8F8F8;
  }
  .case-swiper .swiper-slide {
    padding: 6.5rem 6% 1rem 6.4%;
    background-color: #F8F8F8;
  }
  .case-swiper .caseT {
    position: relative;
    padding-bottom: 3.6rem;
    border-bottom: 0.045rem solid #CCCCCC;
  }
  .case-swiper .caseT::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 32.2%;
    height: 0.27rem;
    background-color: #E22E2F;
  }
  .case-swiper .com-intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666666;
    margin-top: 4rem;
  }
  .case-swiper .com-intro * {
    color: #666666;
  }
  .case-swiper .com-more {
    margin-top: 6.3rem;
  }
  .com-more {
    position: relative;
    display: inline-block;
    min-width: 17.9rem;
    height: 5rem;
    text-align: center;
    color: #fff;
    padding: 0 3.3rem 0 2.9rem;
    border-radius: 2.7rem;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    box-sizing: border-box;
    isolation: isolate;
    overflow: hidden;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .com-more .mo-bx {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 100%;
  }
  .com-more span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 1.4;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .com-more span::before,
  .com-more span::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    display: block;
    color: #fff;
    white-space: nowrap;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .com-more span::before {
    top: 0;
  }
  .com-more span::after {
    top: 100%;
  }
  .com-more span i {
    opacity: 0;
  }
  .com-more .jt {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 3.4rem;
    margin-left: 2rem;
    overflow: hidden;
  }
  /* .com-more .jt::before,
  .com-more .jt::after {
    content: '\e6f3';
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  } */
  /* .com-more .jt::before {
    left: 50%;
    top: 50%;
  }
  .com-more .jt::after {
    left: -100%;
    top: 150%;
    color: #fff;
  } */
  .com-more:hover {
    transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .com-more:hover span::before {
    top: -100%;
  }
  .com-more:hover span::after {
    top: 0;
  }
  .com-more:hover .jt::before {
    left: 150%;
    top: -100%;
  }
  .com-more:hover .jt::after {
    left: 50%;
    top: 50%;
  }
.in-tit {
    position: relative;
    padding-bottom: 1.9rem;
}

.in-tit h3 {
    line-height: 1.2;
    font-family: 'FZZHJ';
}
.in-tit::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3.18rem;
    height: 0.25rem;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}
.in-tit.tc::after {
    left: 50%;
    transform: translateX(-50%);
}

/* 新闻详情页 */
.new-tit {
    background: linear-gradient(157deg, #005800 30%, #E8390D 110%);
}

.new-tit * {
    color: #fff;
}

.infoList .info {
    border-bottom: 1px solid #DDDDDD;
}

.infoList .info * {
    font-weight: 100;
    font-size: 1.8rem;
    color: #333;
    line-height: 2;
}

.infoList .info img {
    display: inline;
    width: auto;
    max-width: 100% !important;
    height: auto !important;
}

.infoList .info strong {
    font-weight: bold;
}

.infoList .info strong * {
    font-weight: bold;
}

.infoList .info table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    background-color: #F8FAFF;
    text-align: center;
}

.infoList .info table,
.infoList .info td,
.infoList .info th {
    border-collapse: collapse;
    border: 1px solid #DDDDDD;
}

.infoList .info td,
.infoList .info th {
    padding: 10px 2%;
    vertical-align: middle;
}

.infoList .page {
    margin-top: 42px;
}

.infoList .back {
    width: 160px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    color: #666666;
    border: 1px solid #DDDDDD;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.infoList .back:hover {
    color: #fff;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    border-color: unset;
}

.infoList .page-item {
    font-weight: 100;
    color: #666666;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.infoList .page-item i {
    font-size: 13px;
    color: #666666;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.infoList .page-item:hover {
    color: #000000;
}

.infoList .page-item:hover i {
    color: #000000;
}

.infoList .prev i {
    margin-right: 25px;
}

.infoList .next i {
    margin-left: 25px;
}

/* 关于全网担保网-发展历程 */
.history {
    position: relative;
}

.history .bg-cir {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 920px;
    height: 920px;
    z-index: -1;
}

.history .bg-cir .cir {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    border: 1px solid rgba(29, 32, 136, 0.09);
    border-radius: 50%;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.history .bg-cir .cir .yuan {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #005800;
}

/* .history .bg-cir.rotate .cir {
animation: rotate 2s ease forwards;
}
.history .bg-cir.rotate2 .cir {
animation: rotate2 2s ease forwards;
} */
.history .cir1 {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.history .cir1 .yuan {
    top: 53.5%;
    left: -0.2%;
}

.history .cir2 {
    width: 66.7%;
    height: 66.7%;
    background-color: rgba(29, 32, 136, 0.01);
}

.history .cir2 .yuan {
    bottom: 8.6%;
    right: 20.4%;
}

.history .cir3 {
    width: 44.3%;
    height: 44.3%;
    background-color: #fff;
}

.history .cir3 .yuan {
    top: 8.6%;
    right: 20%;
}

.hisT {
    position: relative;
}

.mt66 {
    margin-top: 6.6rem;
}

.hisT .swi-btn {
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.hisT-swiper .intro {
    width: 49.6%;
    margin: 0 auto 43px;
}

.hisT-swiper .intro * {
    font-weight: 100;
}

.hisT-swiper .year {
    font-weight: bold;
    background: linear-gradient(45deg, #242c35, #005800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hisB {
    position: relative;
    margin-top: 100px;
}

.hisB .line {
    position: absolute;
    left: 0;
    top: 22px;
    height: 1px;
}

.hisB .line1 {
    width: 100%;
    background-color: #DDDDDD;
}

/* .hisB .line1::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 13.55vw;
height: 1px;
background-color: #005800;
} */
.hisB .line2 {
    width: 5%;
    height: 3px;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 1;
}

.hisB-swiper {
    position: relative;
}

.hisB-swiper .swiper-slide {
    width: 10%;
    padding-top: 18px;
}

.hisB-swiper .cir {
    position: relative;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #666;
    transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 2;
}

.hisB-swiper .cir::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #005800;
    opacity: 0.1;
    transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.3s 0.3s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: -1;
}

.hisB-swiper .year {
    font-family: 'Gilroy-M';
    line-height: 1;
    color: #ADADAD;
    margin-top: 33px;
}

.hisB-swiper .swiper-slide-thumb-active .cir {
    background: linear-gradient(0deg, #242c35 30%, #005800 100%);
}

.hisB-swiper .swiper-slide-thumb-active .cir::before {
    width: 409%;
    height: 409%;
}

.hisB-swiper .swiper-slide-thumb-active .year {
    background: linear-gradient(45deg, #242c35, #005800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* .swi-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
} */
.swi-btns .swi-btn {
    position: relative;
}
.ry-wrap .swi-btns .swi-btn {
    position: absolute;
}
.hisT .swi-btns .swi-btn {
    position: absolute;
}
.swi-btn {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #EBEBEB;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.swi-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #999999;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.swi-btn:hover {
    background: linear-gradient(45deg, #242c35, #005800);
}
.swi-btn:hover i {
    color: #fff;
}
.swi-btn.swiper-button-disabled {
    cursor: default;
    opacity: 0.6;
}
.com-tit * {
    font-weight: 500;
}

.com-tit .p1 {
    line-height: 1.3;
    color: #005800;
}

.com-tit .p2 {
    line-height: 1.3;
    color: #262E3C;
}

.com-tit1 * {
    line-height: 1;
}

.com-tit1 .p1 {
    font-family: 'Gilroy';
    font-weight: bold;
    text-transform: uppercase;
}

.com-tit1 .p2 {
    font-weight: bold;
    margin-top: 7px;
}

.com-tit2 .p1 {
    font-weight: 500;
}

.com-tit2 .line {
    position: relative;
    height: 5px;
    width: 40px;
    background-color: #005800;
    overflow: hidden;
    margin: 30px auto 0;
}

.com-tit2 .line::before {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #E8390D;
    animation: roll 3s ease-out infinite;
    z-index: 2;
}

.com-tit2 .des {
    color: #666666;
    margin-top: 30px;
}

/* .swi-btn::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background-color: #005800;
transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
-webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
} */
/* .swi-btn::after {
font-size: 12px;
color: #fff;
font-family: 'iconfont' !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
-webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
z-index: 2;
}
.swi-btn:hover::before {
left: 0;
right: auto;
width: 100%;
} */
/* .swi-prev::after {
content: '\e896';
}
.swi-next::after {
content: '\e895';
} */

/* 发展历程结束 */


.swiper-arow {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s
}

.swiper-arow::before,
.swiper-arow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: .5s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: .5s cubic-bezier(.215, .61, .355, 1)
}

.swiper-arow::before {
    background-color: #eeeeee
}

.swiper-arow::after {
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    transform: scale(.6);
    opacity: 0
}

.swiper-arow .ico {
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    color: #999999;
    font-style: inherit;
    transition: .3s;
    -webkit-transition: .3s
}

.swiper-arow.swiper-button-disabled {
    cursor: no-drop
}

.swiper-arow.swiper-button-lock {
    display: none
}

.swiper-arow:hover .ico {
    color: #ffffff
}

.swiper-arow:hover::before {
    transform: scale(1.2);
    opacity: 0
}

.swiper-arow:hover::after {
    transform: scale(1);
    opacity: 1
}

.swiper-prev {
    margin-right: 1.5rem
}

.social-page {
    display: flex;
    justify-content: space-between;
    align-items: center
}


.social-boxL {
    width: 33%
}

.social-boxR {
    width: 55.1724%;
    position: relative;
    overflow: hidden;
    border-radius: .8rem
}

.social-boxR img {
    border-radius: inherit
}

.page-title-flext {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.social-swiper-box {
    margin-left: -3rem;
    margin-right: -3rem;
    margin-top: -3rem;
    padding: 3rem 3rem 5rem
}

.social-swiper {
    position: relative
}

.social-swiper .swiper-slide {
    border-radius: .8rem;
    background-color: #ffffff;
    box-shadow: 0 .5rem 2rem rgba(153, 153, 153, 0.19);
    height: auto;
    transition: .3s;
    -webkit-transition: .3s
}

.social-swiper .imgBox {
    border-radius: .8rem .8rem 0 0
}

.social-swiper .imgBox img {
    border-radius: inherit
}

.social-swiper .desc {
    padding: 2.2rem 2.2rem 3rem
}

.social-swiper .title {
    line-height: 1.4;
    color: #333333;
    transition: .3s;
    -webkit-transition: .3s
}

.social-swiper .time {
    color: #999999;
    margin-top: 1.6rem
}

.hr-banner-desc {
    margin-top: 3.5rem;
    line-height: 1.4
}

.hr-banner-desc .item {
    display: flex;
    align-items: center
}

.hr-banner-desc .ico {
    margin-right: 1.5rem
}

.hr-list>li {
    position: relative;
    display: flex;
    margin-top: 3rem;
    border-radius: .8rem;
    box-shadow: 0 .5rem 1rem rgba(153, 153, 153, 0.2);
    background-color: #ffffff;
    padding: 3rem 6%;
    justify-content: space-between;
    align-items: center
}

.hr-list>li:before {
    content: "";
    width: 100%;
    height: 0;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .5s;
    z-index: -1
}

.hr-list>li:hover:before,
.hr-list>li.active:before {
    height: 100%;
    bottom: auto;
    top: 0
}

.hr-list>li::before {
    border-radius: inherit
}

.hr-list>li:first-child {
    margin-top: 0
}

.hr-list>li>* {
    transition: .3s;
    -webkit-transition: .3s
}

.hr-list .name {
    flex-shrink: 0;
    width: 30%;
    line-height: 1.4
}

.hr-list .item {
    width: 15%;
    margin-left: 5%;
    display: flex
}

.hr-list .item .txt {
    line-height: 1.5
}

.hr-list .ico {
    position: relative;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0
}

.hr-list .ico img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}

.hr-list .ico .img2 {
    opacity: 0
}

.hr-list .more {
    margin-left: 5%;
    flex-shrink: 0
}


.paging {
    display: flex;
    align-items: center;
    justify-content: center
}

.paging a,
.paging span {
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.8rem;
    height: 5.8rem;
    font-size: 2rem;
    border-radius: 50%;
    color: #4d4d4d
}

/* .paging a:hover,
.paging span:hover,
.paging a.active,
.paging span.active {
color: #000;
background-color: rgba(0, 47, 166, 0.05)
} */

.paging a.btn-item {
    position: relative;
    flex-shrink: 0;
    z-index: 1;
    color: #999999;
    width: 3.8rem;
    height: 3.8rem;
    font-size: 1.2rem;
    line-height: 1;
    background-color: #eeeeee
}

.paging a.btn-item:first-child {
    margin-left: 0;
    margin-right: 3rem
}

.paging a.btn-item:last-child {
    margin-right: 0;
    margin-left: 3rem
}

.paging a.btn-item:hover {
    color: #ffffff;
    background-color: #000
}

.paging a.btn-item:hover::before {
    opacity: 1;
    visibility: visible;
    transform: initial
}

.hr-infoimg {
    position: absolute;
    width: 45.15625%;
    right: 0;
    bottom: 0
}

.page-cur {
    display: flex;
    flex-wrap: wrap
}

.page-cur a {
    color: #4d4d4d
}

.page-cur a:hover {
    color: #000
}

.page-cur .fg {
    margin: 0 1rem
}

.page-cur .ico {
    margin-right: 1.5rem;
    line-height: 1.5
}



.hr-infoT {
    padding-bottom: 3rem;
    color: #333333;
    margin-bottom: 4rem;
    border-bottom: .4rem solid #000
}


.hr-infoC {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem
}

.hr-infoC .item {
    display: flex;
    margin-right: 4rem;
    margin-top: .5rem
}

.hr-infoC .item .txt {
    line-height: 1.5
}

.hr-infoC .ico {
    position: relative;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0
}

.hr-infoC .ico img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    max-height: 100%;
    max-width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}


.news-first-swiper {
    position: relative
}

.news-first-swiper .swiper-pag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 400;
    line-height: 1;
    width: 1.2rem;
    left: -4rem
}

.news-first-swiper .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 1.5rem 0 0;
    border-radius: 50%;
    background-color: #dbdbdb;
    display: block;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.news-first-swiper .swiper-pag .swiper-pagination-bullet:first-child {
    margin-top: 0
}

.news-first-swiper .swiper-pag .swiper-pagination-bullet-active {
    background-color: #000
}

.news-first-swiper .swiper-pag.swiper-pagination-lock {
    display: none
}


.news-first-item {
    display: flex;
    height: auto;
    justify-content: space-between
}

.news-first-item .imgBox {
    width: 57.24%;
    border-radius: .8rem
}

.news-first-item .imgBox img {
    border-radius: inherit
}

.news-first-item .desc {
    width: 41.38%;
    background-color: #ffffff;
    box-shadow: 0 .5rem 3rem rgba(153, 153, 153, 0.16);
    border-radius: .8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8rem 5rem
}

.news-first-item .time {
    color: #999999
}

.news-first-item .t {
    margin-top: 3.5rem;
    line-height: 1.4;
    color: #333333
}

.news-first-item .c {
    margin-top: 4.5rem;
    flex: 1
}

.news-first-item .bot {
    margin-top: 5rem;
    background-color: transparent
}

.btn-more2 {
    /* position: relative;
display: inline-flex;
justify-content: center;
flex-direction: column; */
    min-width: 22.2rem;
    height: 5.6rem;
    /* border-radius: 2.8rem; */
    padding: 0 2.4rem;
    overflow: hidden
}

/* .btn-more2::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: inherit;
border: .15rem solid #dbdbdb;
background-color: transparent;
box-sizing: border-box;
transform: translateZ(0);
background-clip: border-box;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated
}

.btn-more2::after {
content: "";
position: absolute;
left: -1.5%;
top: -1.5%;
right: -1.5%;
bottom: -1.5%;
border: .15rem solid transparent;
background-color: #000;
border-radius: inherit;
opacity: 0;
transform: translateY(104%);
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
transition: .5s cubic-bezier(.55, .31, .15, .93);
-webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
} */

.btn-more2 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.btn-more2 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #4d4d4d
}

.btn-more2 .btn-item {
    color: #4d4d4d;
    line-height: 1.2;
    align-items: center;
    position: relative
}

.btn-more2 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more2 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

.news-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3.33%;
    margin-top: -4rem
}

.news-list>li {
    position: relative;
    width: 30%;
    margin-left: 3.33%;
    margin-top: 4rem;
    box-shadow: 0 .5rem 3rem rgba(153, 153, 153, 0.16);
    border-radius: .8rem;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: .3s;
    -webkit-transition: .3s
}

.news-list .imgBox {
    border-radius: .8rem .8rem 0 0
}

.news-list .imgBox img {
    border-radius: inherit
}

.news-list .desc {
    flex: 1
}

.news-list .t {
    font-weight: 500;
    color: #333333;
    line-height: 1.6;
    transition: .3s;
    -webkit-transition: .3s
}

.news-list .c {
    margin-top: 2.5rem;
    line-height: 1.75;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-list .desc {
    padding: 2.8rem
}

.news-list .bot {
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    padding: 2.8rem;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    color: #999999;
    transition: .3s;
    -webkit-transition: .3s
}

.info-tbox {
    text-align: center;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
    padding-bottom: 2.5rem;
    margin-bottom: 6.5rem
}

.info-tbox .t {
    line-height: 1.4
}

.info-tbox .type {
    margin-top: 2rem;
    color: #999999
}



.pager {
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    display: flex;
    justify-content: space-between
}

.pager .item {
    max-width: 48%
}

.pager .prev .ico {
    margin-right: 1rem
}

.pager .next .ico {
    margin-left: 1rem
}

.pager a {
    display: flex;
    color: #4d4d4d
}

.pager a:hover {
    color: #000
}

.pager .ico {
    color: #666666
}


.solutions-item {
    display: flex;
    box-shadow: 0 1rem 3rem rgba(153, 153, 153, 0.2);
    border-radius: .8rem;
    background-color: #ffffff;
    transition: .4s;
    -webkit-transition: .4s
}

.solutions-item .imgBox {
    width: 56.5%;
    border-radius: .8rem 0 0 .8rem
}

.solutions-item .imgBox img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover
}

.solutions-item .desc {
    width: 29%;
    margin: 0 5%;
    padding: 4rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.solutions-item .t {
    line-height: 1.4;
    color: #333333
}

.solutions-item .c {
    margin-top: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.solutions-item .bot {
    margin-top: 3.5rem;
    color: #000
}

.solutions-list {
    margin-top: -7rem
}

.solutions-list>li {
    margin-top: 7rem
}

.solutions-list>li:nth-of-type(odd) .solutions-item {
    flex-direction: row-reverse;
    justify-content: space-between
}

.solutions-list>li:nth-of-type(odd) .solutions-item .imgBox {
    border-radius: 0 .8rem .8rem 0
}

.solutions-list>li:hover .solutions-item {
    transform: translateY(-2%);
    box-shadow: 0 1rem 4rem rgba(153, 153, 153, 0.3)
}

.led-morebox {
    text-align: center
}

.led-more {
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: baseline
}

.led-more .ico {
    width: 2.4rem;
    height: 2.4rem
}

.led-more .ico img {
    width: 100%;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.led-more .txt {
    padding-left: 1.3rem
}

.led-more[data-status='0'] .ico img {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}


.solutions-banner {
    position: relative
}

.solutions-banner .hdzw {
    background-color: #4b4b4b;
    width: 100%;
    height: 9rem;
}

.solutions-banner .imgBox {
    padding-left: 30%;
    display: block;
    position: relative
}

.solutions-banner .imgBox img {
    width: 100%;
    display: block
}

.solutions-banner .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: -webkit-linear-gradient(90deg, #fafaf8 64%, rgba(250, 250, 248, 0) 100%);
    background: linear-gradient(90deg, #fafaf8 64%, rgba(250, 250, 248, 0) 100%)
}

.solutions-banner .page-cur {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: 0 */
}


.solutions-banner-desc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.solutions-banner-desc .desc {
    width: 44.5rem
}

.solutions-banner-desc .c {
    margin-top: 4rem
}

.solutions-banner-desc .bot {
    margin-top: 8rem
}


.down-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden;
    height: 4.8rem;
    min-width: 16rem;
    border-radius: 2.4rem
}

.down-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    /* border: 1px solid #000; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.down-btn::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    /* border: 1px solid #151515; */
    background: linear-gradient(0deg, #242c35 30%, #005800 100%);
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.down-btn .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.down-btn .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.down-btn .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}

.down-btn .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}


.advantage-item {
    /* text-align: center */
    line-height: 2;
}

.advantage-item .ico {
    width: 8.4rem;
    height: 8.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    margin: 0 auto
}

.advantage-item .ico img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain
}

.advantage-item .t {
    line-height: 1.4;
    padding: 2rem 0;
    color: #151515
}


.solutions-advantage {
    position: relative
}

.solutions-advantage .swiper-slide {
    height: auto
}

.solutions-advantage .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center;
    margin-top: 4rem
}

.solutions-advantage .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.solutions-advantage .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.solutions-advantage .swiper-pag .swiper-pagination-bullet-active {
    background-color: #000
}

.solutions-advantage .swiper-pag.swiper-pagination-lock {
    display: none
}


.solutions-advantage-ul1 {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: -4%; */
    /* margin-top: -5% */
}

.solutions-advantage-ul1>li {
    width: 29.33%;
    margin-left: 4%;
    margin-top: 5%;
    display: flex;
    flex-direction: column
}

.solutions-advantage-ul1 .advantage-item {
    height: 100%
}





.solutions-advantage-ul2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4%;
    margin-top: -5%
}

.solutions-advantage-ul2>li {
    width: 21%;
    margin-left: 4%;
    margin-top: 5%;
    display: flex;
    flex-direction: column
}

.solutions-advantage-ul2 .advantage-item {
    height: 100%
}



.so-product-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-shadow: 0 1rem 5rem rgba(153, 153, 153, 0.2);
    border-radius: .8rem;
    padding: 7rem 7%;
    align-items: center
}

.so-product-item .desc {
    width: 41%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.so-product-item .imgBox {
    width: 40%
}

.so-product-item .t {
    color: #151515;
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.4;
    padding-bottom: 2rem;
    transition: .3s;
    -webkit-transition: .3s
}

.so-product-item .c {
    margin-top: 3rem;
    flex: 1;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.so-product-item .c::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.3) 8%, rgba(255, 255, 255, 0) 15%)
}

.so-product-item .bot {
    margin-top: 5rem;
    color: #000
}

.solutions-product {
    position: relative;
    width: 110rem;
    margin: 0 auto
}

.solutions-product .swiper-slide {
    height: auto;
    opacity: .3
}

.solutions-product .swiper-slide.swiper-slide-active {
    opacity: 1
}

.solutions-product .swiper-pag {
    position: relative;
    z-index: 400;
    line-height: 1;
    display: flex;
    justify-content: center
}

.solutions-product .swiper-pag .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .8rem;
    border-radius: 50%;
    background-color: #dbdbdb;
    opacity: 1;
    transition: .3s;
    -webkit-transition: .3s
}

.solutions-product .swiper-pag .swiper-pagination-bullet:first-child {
    margin-left: 0
}

.solutions-product .swiper-pag .swiper-pagination-bullet-active {
    background-color: #000
}

.solutions-product .swiper-pag.swiper-pagination-lock {
    display: none
}

/* .btn-more3 {
position: relative;
display: inline-flex;
justify-content: center;
flex-direction: column;
min-width: 22.2rem;
height: 5.6rem;
border-radius: 2.8rem;
padding: 0 2.4rem;
overflow: hidden
} */

.btn-more3 {
    width: 5.2rem;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 50%;
    background-color: #ffffff;
}

.btn-more3 .ico {
    font-weight: bold;
    background: -webkit-linear-gradient(45deg, #242c35, #005800);
    background: linear-gradient(45deg, #242c35, #005800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* .btn-more3::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: inherit;
border: .15rem solid transparent;
background-color: #000;
box-sizing: border-box;
transform: translateZ(0);
background-clip: border-box;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated
}

.btn-more3::after {
content: "";
position: absolute;
left: -1.5%;
top: -1.5%;
right: -1.5%;
bottom: -1.5%;
border: .15rem solid transparent;
background-color: #151515;
border-radius: inherit;
opacity: 0;
transform: translateY(104%);
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
transition: .5s cubic-bezier(.55, .31, .15, .93);
-webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
} */

.btn-more3 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.btn-more3 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #000
}

.btn-more3 .btn-item {
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    position: relative
}

.btn-more3 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more3 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}

.wtarp {
    width: 100%;
}

.main5 {
    width: 100%;
    /* height: calc(100vh - 3.636rem); */
}

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

.main5>.main {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.main5 .tabs .tab {
    width: 17.8rem;
    max-width: 48%;
    height: 5.318rem;
    line-height: 5.318rem;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 5.227rem;
    box-sizing: border-box;
    margin-left: 0.773rem;
    border: 0.045rem solid #333;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    list-style-type: none;
}

.main5 .tabs .tab:first-of-type {
    margin-left: 0;
}

.main5 .tabs .tab.active {
    color: #fff;
    border-color: #fff;
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.main5 .dtwrap {
    display: none;
}

.main5 .dtwrap.select {
    display: block;
}

.main5 .dtwrap.select .mtImg {
    animation: fadeOutLeft 1s ease forwards;
}

.main5 .dtwrap.select .mtxt {
    animation: fadeOutRight 1s ease forwards;
}

.main5 .dtItem .mtImg {
    position: relative;
}

.main5 .dtItem .item {
    position: absolute;
    display: inline-block;
    padding: 0.136rem 1.136rem;
    border-radius: 1.091rem;
    background-color: #fff;
    box-shadow: 0rem 0.136rem 0.273rem 0.045rem rgba(0, 0, 0, 0.16);
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.main5 .dtItem .item:hover {
    color: #fff;
    /* background-color: #2967B0; */
    background: linear-gradient(90deg, #242c35 30%, #005800 100%);
}

.main5 .dtItem .mtxt {
    position: relative;
    width: 25.7%;
    height: 14.227rem;
    padding: 2.364rem 3.4% 1.364rem 5.5%;
}

.main5 .dtItem .mtxt::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #242c35 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0.545rem;
    opacity: 0.15;
}

.main5 .dtItem .mtxt::after {
    content: '';
    position: absolute;
    top: 3.091rem;
    left: -69.6%;
    width: 82.4%;
    height: 0.091rem;
    background-color: #242c35;
    z-index: 2;
}

.main5 .dtItem .mtxt * {
    color: #313131;
    font-size: 2rem;
}

.main5 .dtItem1 {
    margin-top: 1.864rem;
}

.main5 .dtItem1 .mtImg {
    width: 60.8%;
}

.main5 .dtItem1 .mtxt {
    margin-top: 4.773rem;
}

.main5 .dtItem2 .mtImg {
    width: 60.6%;
}

.main5 .dtItem2 .mtxt {
    margin-top: 5.727rem;
}


/* 企业文化 */
.culture {
    padding: 4.909rem 0 4.545rem;
}

.cul-items {
    margin-top: 2.727rem;
}

.cul-item {
    position: relative;
    height: 55rem;
    flex: 1;
    margin-right: 1%;
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.cul-item:last-of-type {
    margin-right: 0;
}

.cul-item .img {
    position: relative;
    height: 100%;
}

.cul-item .img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
}

.cul-item .img img {
    height: 100%;
    object-fit: cover;
}

.cul-item * {
    color: #fff;
    line-height: 1.4;
}

.cul-item .cuName {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 1%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 2;
}

.cul-item .txt {
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 100%;
    padding: 0 6.1%;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 2;
}

.cul-item .des {
    margin-top: 0.364rem;
}

.cul-item.cur {
    flex: 3.3;
}

.cul-item.cur .cuName {
    opacity: 0;
    visibility: hidden;
}

.cul-item.cur .txt {
    bottom: 9.5%;
    opacity: 1;
    visibility: visible;
    transition: 0.8s ease 0.5s;
    -webkit-transition: 0.8s ease 0.5s;
}

.ibox-tbox {
    background-color: unset;
    padding: unset;
}

.custom.case-ibox {
    /* background: linear-gradient(90deg, #ffffff 100%, #b1ae00 30%, #ffffff 100%); */
    background-color: #ffffff;
}

.custom.case-ibox .ibox-tbox {
    background-color: #ffffff;
    /* background: linear-gradient(90deg, #F6F8FA 30%, #ffffff 100%); */
    padding: 70px 7%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.case-ibox .ibox-tbox {
    background-color: #f5f5f5;
    padding: 70px 7%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

/* .iboxT .zh {
font-size: 40px;
line-height: 1.5;
color: #333333;
font-weight: normal;
}
.iboxT .en {
color: #AAAAAA;
font-size: 20px;
line-height: 1.5;
} */

.case-ibox .ibox-tbox {
    align-items: center;
}

.case-itab {
    position: relative;
}

.case-idesc {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: width;
    overflow: hidden;
    opacity: 0;
    transition: opacity 2s 0.1s cubic-bezier(0.33, 1, 0.68, 1);
    -webkit-transition: opacity 2s 0.1s cubic-bezier(0.33, 1, 0.68, 1);
}

.case-idesc.active {
    position: relative;
    z-index: 2;
    opacity: 1;
}

.case-idesc .item {
    position: relative;
    width: 20%;
    height: 29.177vw;
    background-position: center center;
    background-size: cover;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    overflow: hidden;
}

.case-idesc .item::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 3px solid;
    border-image: linear-gradient(to top, #242c35, #005800) 1;
    opacity: 0;
    transform: scale(0.96);
    -webkit-transform: scale(0.96);
    visibility: hidden;
    transition: 0.3s;
    -webkit-transform: 0.3s;
}

.case-idesc .bg {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    display: none;
}

.case-idesc .desc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 8%;
    background: url(/html/template/default/images/yy.png) repeat-x scroll left bottom;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000);
    background: linear-gradient(rgba(0, 0, 0, 0), #000000);
    color: #fff;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}

.case-idesc .desc .title {
    font-weight: 600;
    line-height: 1.5;
}

.case-idesc .txt {
    flex: 1;
    margin-right: 5%;
}

.case-idesc .more {
    width: 60px;
    height: 60px;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
}

.case-idesc .item.wf-w::before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
}

.case-idesc .item.wf-w .bg {
    opacity: 0;
}

.case-idesc .item.wf-w .desc {
    opacity: 1;
    transform: inherit;
    -webkit-transform: inherit;
    transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
}

.case-idesc .item.wf-w {
    width: 48%;
}

.case-idesc .item.sx-w {
    width: 13%;
}

.main6 {
    position: relative;
    height: 980px;
}

.main6 .bubble {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.56);
    animation: spin 8s infinite linear;
    transform-origin: 30% 30px;
}

.main6 .bubble:nth-of-type(odd) {
    animation: spin 8s infinite linear;
}

.main6 .bubble:nth-of-type(even) {
    animation: spin2 8s infinite linear;
}

.main6 .bubble1 {
    top: 15.5%;
    left: 16.9%;
}

.main6 .bubble2 {
    top: 20.8%;
    left: 33.8%;
}

.main6 .bubble3 {
    bottom: 38.8%;
    left: 28.8%;
}

.main6 .bubble4 {
    top: 29.3%;
    right: 30.4%;
}

.main6 .bubble5 {
    top: 8.5%;
    right: 10.1%;
}

.main6 .kh {
    position: absolute;
    background-color: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.main6 .w170 {
    width: 170px;
    height: 170px;
}

.main6 .w168 {
    width: 168px;
    height: 168px;
}

.main6 .w152 {
    width: 152px;
    height: 152px;
}

.main6 .w150 {
    width: 150px;
    height: 150px;
}

.main6 .w137 {
    width: 137px;
    height: 137px;
}

.main6 .w122 {
    width: 122px;
    height: 122px;
}

.main6 .w120 {
    width: 120px;
    height: 120px;
}

.main6 .w110 {
    width: 110px;
    height: 110px;
}

.main6 .w106 {
    width: 106px;
    height: 106px;
}

.main6 .w90 {
    width: 90px;
    height: 90px;
}

.main6 .w48 {
    width: 48px;
    height: 48px;
}

.main6 .w42 {
    width: 42px;
    height: 42px;
}

.main6 .w22 {
    width: 22px;
    height: 22px;
}

.main6C {
    top: 20.8%;
    width: 614px;
    height: 614px;
}

.main6C .cir {
    border-radius: 50%;
    box-sizing: border-box;
}

.main6C .cir .yuan {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #005800;
}

.main6C .cir1 {
    width: 100%;
    height: 100%;
    border: 1px solid #00580070;
}

.main6C .cir1 .yuan {
    left: 9.9%;
    bottom: 17.3%;
}

.main6C .cir2 {
    width: 110%;
    height: 110%;
    border: 1px solid #242c351a;
}

.main6C .cir2 .yuan {
    right: 26%;
    top: 4.3%;
}

.main6C .cir3 {
    left: 47%;
    top: 47%;
    width: 102.6%;
}

.main6C .p1 {
    font-weight: 500;
    line-height: 1.3;
    color: #262E3C;
}

.main6C .nums {
    margin-top: 20px;
    justify-content: center;
}

.main6C .nums * {
    color: #005800;
    font-size: 8rem;
    line-height: 1.2;
    font-family: 'Gilroy-M';
}

.main6C .p2 {
    color: #005800;
}


.solutions-case-btn .btn-ico {
    color: #666;
    z-index: 1;
}

.solutions-case-btn a:hover .btn-ico {
    color: #fff;
    z-index: 1;
}

.solutions-case {
    position: relative
}

.solutions-case .swiper-slide {
    height: auto;
    opacity: .3
}

.solutions-case .swiper-slide.swiper-slide-visible {
    opacity: 1
}

.so-case-item {
    display: flex;
    flex-direction: column;
    border-radius: .8rem;
    background-color: #ffffff;
    box-shadow: 0 .5rem 3rem rgba(153, 153, 153, 0.16)
}

.so-case-item .imgBox {
    border-radius: .8rem .8rem 0 0;
    height: 27.1rem;/*新增-案例图片高度*/
}

.so-case-item .imgBox img {
    border-radius: inherit
}

.so-case-item .desc {
    padding: 2.2rem 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.so-case-item .t {
    color: #333333;
    line-height: 1.4;
    font-weight: 500
}

.so-case-item .c {
    margin-top: 1.5rem;
    color: #666666
}

.so-case-item .bot {
    margin-top: 2rem;
    border-top: 1px solid #dbdbdb;
    padding-top: 2rem;
    line-height: 1;
    text-align: right;
    transition: .3s;
    -webkit-transition: .3s
}

.product-page {
    display: flex;
    justify-content: space-between
}

.product-pageL {
    flex: 1;
    border-right: 1px solid #dbdbdb;
    padding-right: 5%
}

.product-pageR {
    width: 17.4rem;
    margin-left: 2.5rem;
    flex-shrink: 0
}


.product-sider-nav {
    position: sticky;
    top: 12rem
}

.product-sider-nav>li {
    margin-bottom: 1.6rem
}

.product-sider-nav>li:last-child {
    margin-bottom: 0
}

.product-sider-nav a {
    position: relative;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 5.6rem;
    padding: 1rem;
    border-radius: 2.8rem
}

.product-sider-nav a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: scale(.9);
    opacity: 0;
    border-radius: inherit;
    box-shadow: 0 .3rem 1.5rem rgba(153, 153, 153, 0.2);
    transition: .3s;
    -webkit-transition: .3s
}

.product-sider-nav a._current {
    color: #000
}

.product-sider-nav a._current::before {
    opacity: 1;
    transform: initial
}


.product-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3%;
    margin-top: -3.5rem
}

.product-list>li {
    margin-left: 3%;
    width: 30.33%;
    margin-top: 3.5rem
}

.product-item {
    border-radius: .8rem;
    padding: 4rem 5%;
    height: 100%;
    display: flex;
    transition: .3s;
    -webkit-transition: .3s;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.product-item .title {
    color: #333333;
    line-height: 1.4;
    transition: .3s;
    -webkit-transition: .3s
}

.product-item .by {
    color: #999999;
    margin-top: 1rem
}

.product-item .imgBox {
    margin-top: 2rem
}

.product-item .bot {
    margin-top: 1rem;
    font-family: "aphL";
    transition: .3s;
    -webkit-transition: .3s
}


.pro-banner {
    position: relative
}


.pro-banner-desc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pro-banner-desc .con {
    position: relative;
    padding-left: 3rem
}

.pro-banner-desc .con::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8rem;
    bottom: .8rem;
    width: .3rem;
    background-color: #000
}

.pro-banner-desc .t {
    line-height: 1.2
}

.pro-banner-desc .t:nth-child(2) {
    margin-top: 1rem
}

.pro-banner-desc .c {
    margin-top: 1rem
}

.pro-banner-desc .bot {
    padding-left: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.5rem
}

.pro-banner-desc .bot>* {
    margin-top: .5rem;
    margin-right: 2.5rem
}

.pro-banner-desc .bot>*:last-child {
    margin-right: 0
}

.pro-banner-desc .desc {
    width: 50%
}


.down-btn2 {
    padding: 0 4rem
}


.down-btn3 {
    padding: 0 4rem;
    min-width: 0
}


.hw-video-btn {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background-color: #000;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-type {
    position: relative;
    margin-top: -7rem
}


.product-type-list {
    display: flex;
    justify-content: space-between;
    border-radius: .8rem;
    box-shadow: 0 .5rem 3rem rgba(153, 153, 153, 0.16);
    background-color: #ffffff;
    overflow: hidden
}

.product-type-list>li {
    flex: 1;
    position: relative;
    padding: 3.5rem 4%
}

.product-type-list>li::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(112, 112, 112, 0.15)
}

.product-type-list .tbox {
    display: flex
}

.product-type-list .tbox .ico {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .9rem;
    line-height: 1;
    color: #2E92FF
}

.product-type-list .tbox .ico img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.product-type-list .c {
    margin-top: 1.8rem
}

.pro-tab table {
    width: 100% !important
}

.pro-tab table th {
    background-color: #000;
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
    padding: 1.2rem 3% !important;
    text-align: center;
    line-height: 1.4
}

.pro-tab table th:first-child {
    text-align: left
}

.pro-tab table td {
    text-align: center;
    padding: 1.2rem 3% !important;
    border-bottom: 1px solid #dbdbdb !important;
    line-height: 1.5
}

.pro-tab table td:first-child {
    text-align: left
}

.service-page {
    width: 80%;
    margin: 0 auto
}


.service-page-bot {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center
}

.service-page-bot .imgBox {
    width: 69.5%
}

.service-page-bot.notxt {
    justify-content: center
}

.service-page-bot.notxt .service-num-box {
    display: none
}


.service-num-box {
    width: 20.6%
}

.service-num-box .item {
    padding: 3rem 5%;
    text-align: center
}

.service-num-box .item .num {
    line-height: 1;
    padding: 1rem 0
}

.ability {
    padding: 6.091rem 0 4.864rem;
}
.abli-wrap {
    margin-top: 8rem;
}

.abli-wrap .swiper-pagination {
    position: relative;
    height: 0.56rem;
    background-color: #fff;
    margin-top: 5rem;
}

.abli-wrap .swiper-pagination-progressbar-fill {
    background-color: #005800;
}

.abli-swiper .img img {
    transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.abli-swiper .img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.abli-swiper .txt {
    position: relative;
    padding-top: 2.045rem;
}

.abli-swiper .yh {
    position: absolute;
    left: 3.3%;
    top: -0.818rem;
    width: 7.2%;
}

.abli-swiper .abName {
    /* width: 36%; */
    width: 100%;
    text-align: center;
    padding: 0 1% 0 6.7%;
}

.abli-swiper .des {
    width: 64%;
}


.form-box {
    display: flex;
    margin-left: -2%;
    align-items: center
}

.form-item {
    position: relative;
    margin-bottom: 2.2rem;
    margin-left: 2%
}


.fomr-item-txt {
    flex: 1;
    position: relative
}

.fomr-item-txt label.error {
    position: absolute;
    left: 2.2rem;
    top: 100%;
    color: #000;
    font-size: 1.2rem
}

.hangwei-txt {
    display: flex;
    align-items: center;
    line-height: 1.4;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    padding: 0 2.2rem;
    height: 6rem;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s
}

.hangwei-txt:focus {
    border-color: #000
}

.hangwei-txt2 {
    padding: 1.4rem 2.2rem;
    height: 25rem;
    resize: none;
    font-size: 1.6rem
}

.hangwei-se {
    height: 6rem;
    border: 1px solid #dbdbdb;
    border-radius: .5rem;
    padding: 0 2.2rem;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.6rem;
    background-color: transparent
}

.hangwei-se:focus {
    border-color: #000
}

.form-itemb {
    display: flex;
    margin-bottom: 2.2rem;
    margin-left: 2%;
    position: relative
}

.hangwei-se-arrow {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.form-name {
    position: absolute;
    flex-shrink: 0;
    margin-right: 1rem;
    line-height: 1;
    pointer-events: none;
    left: 2.2rem;
    top: 50%;
    transform: translateY(-50%)
}

.form-name sup {
    color: #000;
    position: absolute;
    top: -0.5rem;
    line-height: 1
}

.form-name.on {
    display: none
}


.form-label {
    position: relative;
    margin-right: 2rem;
    cursor: pointer;
    display: flex;
    align-items: center
}

.form-label input {
    margin: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}

.form-label input:checked+.radio-ico {
    background-color: #000
}

.form-label .radio-ico {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 100%;
    background-color: #D8D8D8;
    display: block;
    margin-right: 1.8rem;
    flex-shrink: 0;
    position: relative;
    line-height: 1
}

.form-label .radio-ico::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    -webkit-transition: .3s
}

.form-itemw {
    width: 31.33%
}

.form-itemw1 {
    width: 64.66%
}


.form-itemw2 {
    width: 100%
}

.form-bot {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem
}

.form-bot .lbox {
    display: flex;
    align-items: center
}

.form-bot .form-item {
    margin-bottom: 0;
    width: 22rem
}

.ymz-box {
    display: flex;
    height: 4.5rem;
    align-items: flex-end;
    margin-left: 1.2rem;
    position: relative;
    cursor: pointer
}

.ymz-box .ico {
    flex-shrink: 0
}

.btn-more4 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 22.2rem;
    height: 5.6rem;
    border-radius: 2.8rem;
    padding: 0 2.4rem;
    overflow: hidden;
    border: 0 none;
    background-color: transparent;
    font-family: "aphR", PingFangSC-Regular, PingFang SC, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Arial, sans-serif
}

.btn-more4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: .15rem solid #000;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.btn-more4::after {
    content: "";
    position: absolute;
    left: -1.5%;
    top: -1.5%;
    right: -1.5%;
    bottom: -1.5%;
    border: .15rem solid transparent;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(104%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more4 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.btn-more4 .btn-ico {
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1rem;
    margin-left: 1rem;
    color: #ffffff
}

.btn-more4 .btn-item {
    color: #000;
    line-height: 1.2;
    align-items: center;
    position: relative
}

.btn-more4 .btn-item .txt {
    display: block;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more4 .btn-item .txt:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    left: 0;
    color: #ffffff
}


.download-serach {
    display: flex;
    margin: 0 auto;
    max-width: 68rem;
    background-color: #ffffff;
    border-radius: 4.4rem;
    padding-left: 3rem;
    margin-top: 7rem
}

.download-serach .txtbox {
    flex: 1;
    margin-right: 1rem;
    height: 6.6rem;
    display: flex;
    align-items: center
}

.download-serach .txt {
    background-color: transparent;
    border: 0 none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.download-serach .btn {
    width: 10rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a9a9a;
    border-radius: inherit
}

.download-serach .btn:hover {
    background-color: #000;
    color: #ffffff
}



.down-select-item {
    display: flex;
    line-height: 1.5;
    margin-bottom: 2rem;
    color: #333333
}

.down-select-item .title {
    flex-shrink: 0;
    font-family: "aphSB";
    padding: 1rem 0
}


.down-se-list {
    display: flex;
    flex-wrap: wrap
}

.down-se-list a {
    border-radius: .8rem;
    border: 1px solid #dbdbdb;
    padding: 1rem 3rem;
    margin-left: 3rem;
    margin-bottom: 2rem;
    color: #333333
}

.down-se-list a.cur {
    background-color: #000;
    border-color: #000;
    color: #ffffff
}


.down-select-guo {
    display: flex;
    flex-wrap: wrap
}

.down-select-guo a {
    border-radius: 2.4rem;
    border: 1px solid #dbdbdb;
    padding: 1rem 3rem;
    margin-right: 3rem;
    color: #333333
}

.down-select-guo a:hover {
    background-color: #151515;
    border-color: #151515;
    color: #ffffff
}

.down-select-guo .down-se-ok {
    background-color: #000;
    border-color: #000;
    color: #ffffff
}

.down-guo-num {
    padding-bottom: 1.5rem;
    line-height: 1.4;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 3rem;
    color: #000
}

.down-list dt {
    display: flex;
    background-color: #eeeeee;
    border-radius: .8rem .8rem 0 0;
    font-size: 2rem;
    color: #333333;
    padding: 2rem 5%
}

.down-list dd {
    padding: 3rem 5%;
    display: flex;
    border-bottom: 1px solid #dbdbdb
}

.down-list .item {
    margin-right: 4%
}

.down-list .item:last-child {
    margin-right: 0
}

.down-list .item1 {
    width: 50%
}

.down-list .item2 {
    width: 15%;
    text-align: center
}

.down-list .item3 {
    flex: 1;
    display: flex;
    justify-content: center
}

.down-list .down-lbtn {
    display: flex;
    color: #4d4d4d
}

.down-list .down-lbtn:hover {
    color: #000
}

.down-list .ico {
    font-size: 2.2rem;
    margin-right: 1rem;
    flex-shrink: 0;
    line-height: 1.2
}

.video-btn {
    min-width: 15.2rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}

.video-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.video-btn::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid transparent;
    background-color: #000;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.video-btn .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.video-btn .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.video-btn .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}

.video-btn .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

.factory-ul {
    display: flex;
    margin-left: -2%;
    margin-top: -2%;
    flex-wrap: wrap
}

.factory-ul>li {
    position: relative;
    width: 48%;
    margin-left: 2%;
    margin-top: 2%;
    border-radius: .8rem;
    overflow: hidden
}

.factory-ul .imgBox {
    border-radius: inherit
}

.factory-ul .imgBox img {
    border-radius: inherit
}

.factory-ul .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    border-radius: inherit;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.7) 100%)
}

.factory-ul .txt {
    color: #ffffff;
    position: absolute;
    left: 5%;
    top: 8%;
    right: 5%;
    text-align: center;
    line-height: 1.5
}


.core-pageC {
    display: flex;
    justify-content: space-between
}

.core-pageC .lbox {
    width: 50%
}

.core-pageC .rbox {
    width: 38%
}


.manufacturing-nav {
    border-bottom: 1px solid #707070;
    display: flex;
    align-items: center;
    justify-content: center
}

.manufacturing-nav a {
    color: #4d4d4d;
    line-height: 1.2;
    padding-bottom: 2.5rem;
    position: relative;
    min-width: 14%;
    text-align: center
}

.manufacturing-nav a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #000;
    height: 2px;
    width: 0;
    transition: .3s;
    -webkit-transition: .3s
}

.manufacturing-nav a.active {
    color: #000
}

.manufacturing-nav a.active::before {
    width: 100%
}

.btn-more5 {
    min-width: 15.2rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden
}

.btn-more5::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #ffffff;
    background-color: transparent;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.btn-more5::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid transparent;
    background-color: #000;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more5 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.btn-more5 .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.btn-more5 .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}

.btn-more5 .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}

.manufacturing-swiper {
    position: relative
}

.manufacturing-swiper .swiper-slide {
    height: auto;
    opacity: .35
}

.manufacturing-swiper .swiper-slide.swiper-slide-active {
    opacity: 1
}

.manufacturing-swiper .imgBox::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.6) 100%)
}

.manufacturing-swiper .desc {
    position: absolute;
    left: 8%;
    bottom: 8%;
    right: 8%;
    color: #ffffff
}

.manufacturing-swiper .t {
    font-weight: normal
}

.manufacturing-swiper .c {
    max-width: 48rem;
    margin-top: 3.5rem
}

.manufacturing-swiper .bot {
    margin-top: 4rem
}

.led-more2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    padding: 0 2rem;
    border-radius: 2.2rem;
    overflow: hidden;
    min-width: 16rem;
    height: 4.8rem;
    border-radius: 2.4rem
}

.led-more2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid #000;
    background-color: #000;
    box-sizing: border-box;
    transform: translateZ(0);
    background-clip: border-box;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated
}

.led-more2::after {
    content: "";
    position: absolute;
    left: -1%;
    top: -1%;
    right: -1%;
    bottom: -1%;
    border: 1px solid #151515;
    background-color: #151515;
    border-radius: inherit;
    opacity: 0;
    transform: translateY(101%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.led-more2 .btn-txt {
    position: relative;
    z-index: 1;
    pointer-events: none
}

.led-more2 .btn-item {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
    line-height: 1.2;
    align-items: center;
    transition: .5s cubic-bezier(.55, .31, .15, .93);
    -webkit-transition: .5s cubic-bezier(.55, .31, .15, .93)
}

.led-more2 .btn-item:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 110%;
    opacity: 0;
    color: #ffffff
}

.led-more2 .btn-ico {
    font-size: 1rem;
    margin-left: 2rem
}


.led-more2[data-status='0'] {
    pointer-events: none;
    cursor: no-drop;
}