html {    font-size: 14px;    max-width: 100vw;}body {    max-width: 1920px;    margin: 0 auto !important;    width: 100%;    height: auto;}@font-face {    font-family: "Montage";    src: url(../images/MontageSerifFont-Regular.ttf) format("truetype"), url(../images/MontageSerifFont-Regular.otf) format("opentype");    font-weight: 400;    font-style: normal;    font-display: swap}@font-face {    font-family: "bonjour";    src: url(../images/bonjour.otf) format("opentype");    font-weight: 400;    font-style: normal;    font-display: swap}div {    max-width: 1920px;}/*—滚动条大小–*/ ::-webkit-scrollbar {    width: 0;    height: 18px;}/* 公共 */.wap {    display: none;}.container {    width: 80%;}.clear {    clear: both;}.translatey {    opacity: 0;    transform: translateY(100%);    transition: all .8s;}.active .translatey {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatexl {    opacity: 0;    transform: translateX(-100%);    transition: all .8s;}.active .translatexl {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatexr {    opacity: 0;    transform: translateX(100%);    transition: all .8s;}.active .translatexr {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.translatebg {    width: 100%;    height: 100%;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    position: absolute;    z-index: 0;    transform: scale(1.2);    transition: all .7s;    /* transition-delay: 1.3s; */}.active .translatebg {    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}/* 公共 end */.hide-scrollbars {    overflow: hidden;}.location-main img {    max-width: unset;    display: unset;}.top a {    color: #fff;}.top a:hover {    color: #fff;}.top-other a {    color: #000;}.top {    width: 100%;    z-index: 999;    /* background: rgba(45, 45, 45, .6); */    top: 0;    /* padding: 2rem 0; */}.top-other {    z-index: 9999;    padding: 2rem 0;    transition: all .5s;}.cblack {    display: none;}.top8 {    padding: 2rem 0;    transition: all .5s;}.top3 {    padding: 0.8rem 0;    background-color: #fff;    transition: all .5s;}.top3 .nav li a span {    color: #000;}.top8 .cblack {    display: none;}.top8 .cwhite {    display: block;}.top3 .cwhite {    display: none;}.top3 .cblack {    display: block;    height: 38px;}.top3 .top-search {    border-left: 1px solid #000;}.nav-h {    width: 100%;    height: 6.4rem;}.top .topnav {    /* margin: 2rem 0; */    position: relative;}.top .bg-black {    transition: all .5s;}.top .topbox {    width: 100%;    height: 100%;    position: absolute;    background-color: #fff;    margin-top: -2rem;    z-index: -1;}.top .nav ul a {    border-bottom: 1px solid #000;}.top .nav span:last-of-type {    display: none;}.nav li {    height: 2rem;    overflow: hidden;}.nav li.on {    border-bottom: 1px solid #DE5504;}.nav li:hover {    border-bottom: 1px solid #DE5504;    transition: all .8s;}.nav li a {    text-align: center;    color: #ddd;    display: block;    line-height: 2rem;    -webkit-transition: transform .5s;    -ms-transition: transform .5s;    transition: transform .5s}.nav li a span {    opacity: 1;    display: block;    pointer-events: none;    -webkit-transition: opacity .3s;    transition: opacity .3s;    color: #ddd;}.nav li:hover a {    -webkit-transform: translate3d(0, -50%, 0);    transform: translate3d(0, -50%, 0)}.nav li a:after {    content: attr(data-hover);    color: #DE5504;    opacity: 0;    -webkit-transition: opacity .3s;    -ms-transition: opacity .3s;    transition: opacity .3s;}.nav li:hover a:after {    opacity: 1}.nav_menu .navname {    position: relative;    transform: translate(0px, 0px);    opacity: 1;}.nav_menu .navname .name {    font-family: "Montage", "Arial", sans-serif;    font-weight: 400;    font-size: 74px;    line-height: 110%;    text-align: center;    color: #fff;    position: relative;}.nav_menu .navname span {    display: block;    transform: rotate(-90deg);    letter-spacing: .2em;    height: 30px;    font-weight: 400;    color: #7D7D7D;}.nav_menu .navname .rightrorate {    transform: rotate(90deg);}.nav_menu {    width: 100%;}.nav_menu .navbg {    position: absolute;    z-index: 0;    width: 100%;    height: 171px;    overflow: hidden;    opacity: 0;    transition: all .3s;}.nav_menu .navbg .imageblock {    width: 142px;    height: 171px;    overflow: hidden;    display: flex;    justify-content: center;}.nav_menu .navbg img {    max-width: unset;    height: 100%;}.nav_menu .navitem:hover {    cursor: pointer;}.nav_menu .navitem:hover .navbg {    opacity: 1;    transition: all .3s;} /*container容器只是为了水平居中，如不需要可以去掉这层嵌套*/        .containerr{            left: 50%;            float: left;            cursor:pointer;            position: relative;        }        .BG{            right: 75%;            font-size: 0;            /*background-color: #f2f2f2;*/            border-radius: 30px;            position: relative;        }        .containerr div{            font-size: 16px;            line-height: 60px;        }        .listtt{            float: left;            display: inline-block;            padding: 0 30px;            transition: color 0.5s;            position: relative;            z-index: 1;        }        /*这里的listH和listA顺序不能换，有优先级，当listA被使用时listH不起作用*/        .listH{            color: #00AEBB;        }        .listA{            color: #fff;        }        /*滑块*/        #active{            width: 100px;            height: 38px;            display: none;            border-radius: 8px;            background-color: #218BFF;            box-shadow: 0 5px 16px 0 rgba(33, 139, 255, 0.58);            position: relative;            z-index: 0;            transition: left 0.5s,width 1s;        }.top-search {    height: 25px;}.search {    /* padding-top: 4px; */}.banner {    width: 100vw;    height: 100vh;    overflow: hidden;    position: relative;    z-index: 9;}.banner .item {    width: 100%;    height: 70vh;    position: relative;}.banner .item .bannerbg{    position: absolute;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    transform: scale(1.2);    transition: all .7s;    transition-delay: 1.3s;}.banner .imageblock{    width: 1200px;}.banner .imageblock img{    position: absolute;    top: 28vh;}.banner .swiper-button-next,.banner .swiper-button-prev {    /* background-color: rgba(126, 129, 130, .22); */    width: 100px;    height: 100px;    border-radius: 50%;    transition: all .3s;    /* border: 2px; */}.banner .swiper-button-next {    right: 5%;    opacity: 0;}.banner .swiper-button-prev {    left: 5%;    opacity: 0;}.banner .swiper-button-prev:hover {    opacity: 1;    transform: translateX(20px);    animation: gelatine 1s infinite;    transition: all .3s;}.banner .swiper-button-next:hover {    opacity: 1;    transform: translateX(20px);    animation: gelatine 1s infinite;    transition: all .3s;}.banner .swiper-button-next:after,.banner .swiper-button-prev:after {    content: '';}.banner .banner-prev svg,.banner .banner-next svg {    width: 50%;}.banner-prev svg path,.banner-next svg path {    fill: #fff;}.banner .swiper-slide {    text-align: center;    background: #fff;    overflow: hidden;}.banner .swiper-pagination {    position: relative;    z-index: 999;    display: flex;    width: 100%;    margin: 0 auto;    margin-top: -50px;    margin-bottom: 50px;    justify-content: flex-end;}.banner .bx-controls-direction {    display: none;}.banner .swiper-pagination span {    width: 28px;    height: 2px;    display: block;    text-indent: 9999px;    overflow: hidden;    background-color: #fff;    box-shadow: 1px 1px 2px #999;    margin: 0 3px;    opacity: 1;    border-radius: 0;}.banner .swiper-pagination .swiper-pagination-bullet-active {    background-color: #ABABAA;}.banner .swiper-slide-active .item .bannerbg{    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}.box {    width: 100vw;    height: 100vh;    /* padding: 20px; */    box-sizing: border-box;    background-color: #2F2F2F;    position: relative;    overflow: hidden;}/* 首页最新消息 start */.news {    width: 100%;    height: 100%;    position: relative;    background-attachment: fixed;    overflow: hidden;}.newsbg {    background-image: url(../images/newsbg.png);}.news .shadowbox {    width: 36%;    right: 0;    background: rgba(0, 0, 0, .4);}.more {    width: 112px;    color: #C2C2C4;    text-align: center;    line-height: 22px;    border: 2px solid #C2C2C4;    transition: all .3s;}.more:hover {    background-color: #fff;    color: #333;    cursor: pointer;    transition: all .3s;}.news .textbox {    right: 20%;    top: 20%;    width: 100%;    overflow: hidden;}.active .textbox .tbox {    transition-delay: .8s;}.news .shadowbox .title {    font-size: 30px;    letter-spacing: 5px;    color: #fff;    top: 25%;    left: -90%;    overflow: hidden;    width: 100%;    text-align: right;}.active .news .shadowbox .title p {    transition-delay: .8s;}.news .button--nina{    width: 112px;    line-height: 28px;}.news .newslist {    top: 55%;    opacity: 0;    left: 10%;    transition: all .8s;}.active .news .newslist {    top: 42%;    opacity: 1;    transition: all .8s;    transition-delay: 1.6s;}/* .news .disc {    bottom: 10%;    text-align: right;    width: 100%;    left: -98.5%;    align-items: baseline;} *//* .active .news .disc {    transition-delay: 3s;} */.news .newslist li {    color: #B7BBBF;    line-height: 50px;    transition: all .3s;    display: flex;    align-items: center;}.news .newslist li a{    transition: all .5s;    position: relative;}.news .newslist li:hover {    color: #fff;    transition: all .3s;}.news .newslist li:hover a{    padding-left: 20px;    transition: all .5s;}/* .news .newslist li a:before{    content: "";    position: absolute;    top: 16px;    left: -16px;    width: 0;    height: 0;    border-top: 8px solid transparent;    border-left: 8px solid #fff;    border-bottom: 8px solid transparent;    opacity: 0;} */.news .newslist li:hover a:before{    left: 0;    transition: all .5s;    opacity: 1;}.circletext .p1 {    color: #fff;    letter-spacing: 2px;    margin-bottom: 6px;}.circletext .p2 {    color: #989A9B;}.svg {    display: block;    /* font: 1em/1 'Great Vibes', cursive; */    /* -webkit-animation: f 1s forwards;    animation: f 1s forwards; */}.svg text {    fill: #fff;}to {    background-color: #aaa;}@-webkit-keyframes f {    to {        background: #000;    }}@keyframes f {    to {        background: #000;    }}.newstextchange {    --outer-stroke-color: #333;    --shadow-color: #333;    line-height: 1;}@keyframes drop {    0% {        filter: drop-shadow(-3px -3px 0 var(--shadow-color));    }    50% {        filter: drop-shadow(3px 3px 0 var(--shadow-color));    }    100% {        filter: drop-shadow(-3px -3px 0 var(--shadow-color));    }}@keyframes rise {    0% {        transform: translate(3px, 3px);    }    50% {        transform: translate(-3px, -3px);    }    100% {        transform: translate(3px, 3px);    }}.position {    background-color: #F8F8F8;    line-height: 3rem;    font-size: 1rem;}.sortbox {    /* height: 16rem; */    overflow: hidden;}.sortbox .circle span{    border: 3px solid #222;}.sortbox .sortname {    /* line-height: 20.8rem; */    height: 16rem;    position: relative;    font-size: 4rem;    font-weight: bold;    letter-spacing: .5rem;}.sortbox .sortname ul {    position: absolute;    right: 0;    bottom: 4rem;    font-weight: normal;    letter-spacing: 0;}.sortbox .sortname h2 {    font-weight: bolder;}.sort-shadow {    width: 100%;    font-size: 12rem;    line-height: 14rem;    font-weight: bolder;    letter-spacing: 1rem;    position: absolute;    white-space: nowrap;    /* padding-left: calc(50% - 768px); */    padding-left: 4%;    overflow: hidden;    color: #F7F7F7;    font-family: "bonjour", "Montage", "Arial", sans-serif;}.caselist2 .item {    letter-spacing: 3px;}.caselist2 .item p {    padding: 0 2rem;}.caselist2 .item:nth-child(2n) {    flex-direction: row-reverse;}.case2imgbox {    height: 50vh;    overflow: hidden;}.case2imgbox img {    transform: scale(1.2);    transition: all .8s linear;    width: 100%;}.case2imgbox:hover img {    transform: scale(1.05);    transition: all .8s;}.caselist2 .canimg img {    width: 80px;    margin: 0 1%;    filter: grayscale(1);}.caselist2 {    width: 100%;    overflow: hidden;}.caselist2 .title,.caselist2 .smalltext,.caselist2 .canimg,.caselist2 .prodmore {    opacity: 0;    transform: translateY(50px);    transition: all .8s;}.caselist2 .aos-animate .title,.caselist2 .aos-animate .smalltext,.caselist2 .aos-animate .canimg,.caselist2 .aos-animate .prodmore {    opacity: 1;    transform: translateY(0);    transition: all .8s;}.caselist2 .aos-animate .title {    transition-delay: 1s;}.caselist2 .aos-animate .smalltext {    transition-delay: 1.4s;}.caselist2 .aos-animate .canimg {    transition-delay: 1.8s;}.caselist2 .aos-animate .prodmore {    transition-delay: 2.4s;}.caselist2 .aos-animate .case2imgbox {    background-color: #000;}.caselist2 .aos-animate .case2imgbox img {    transform: scale(1);    transition: all 2.8s;    opacity: .8;    /* transition-delay: .8s; */}.caselist2 .aos-animate .case2imgbox:hover img {    transform: scale(1.2);    opacity: 1;    transition: all 2s;}/* 首页最新消息 end */.product {    width: 100%;    height: 100%;    overflow: hidden;}.product .p1 img {    margin: 0 auto;    padding-top: 12vh;}.product .p2 img {    margin: 0 auto;    margin-top: 40px;    padding-left: 550px;}.product .p2 {    top: 24vh;}.product .p3boxs {    font-size: 42px;    color: #fff;    letter-spacing: 5px;    top: 38vh;}.product .psort {    /* height: 288px; */    width: 100%;    display: flex;    /* justify-content: center; */    top: 40%;}.product .pdesc{    width: 400px;    height: 128px;}.product .psort .itembox{    border-bottom: 1px solid rgba(171, 171, 171,.3);    padding-bottom: 30px;}.product .psort .item {    /* width: 100px; */    text-align: center;    /* margin: 0 20px; */    margin-right: 50px;    opacity: .6;}.product .psort .item img {    margin: 0 auto;    margin-bottom: 20px;}.product .psort .item:hover {    cursor: pointer;}.product .psort .item:hover img {    animation: flip 1s 1;    opacity: 1;}.product .psort .item .yuan {    width: 12px;    height: 12px;    background: url(../images/part5.png) center center no-repeat;    margin: 25px auto;    border-radius: 100%;    background-color: #222;}.product .psort .item p {    color: #fff;    font-size: 14px;}.product .psort .on,.product .psort .on img {    opacity: 1;}/* .product .psort .line {    width: 100%;    bottom: 86px;} *//* .product .choose {    bottom: 80px;}.product .choose .line {    width: 410px;    height: 2px;    background: url(../images/part4.png) 100% 100% no-repeat;}.product .choose .circle {    width: 16px;    height: 16px;    margin-left: 0;}.product .choose .circle span {    width: 14px;    height: 14px;    background-color: #fff;} *//* .prodswiper {    width: 100%;    height: 100%;    position: absolute;    top: 0;    z-index: 0;}.prodbgplay {    width: 100%;    height: 100%;}.prodbgplay .swiper-slide {    overflow: hidden;}.prodbgplay .swiper-slide .item {    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    position: relative;    width: 100%;    height: 100%;    transform: scale(1.2);    transition: all .7s;} *//* .active .prodbgplay .swiper-slide-active .item {    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;} *//* .product .pbox {    overflow: hidden;} */.active .product .prbox {    transition-delay: .3s;}.p3boxs {    overflow: hidden;}.product .p3box .p3 {    --outer-stroke-color: #444;    --shadow-color: #444;    line-height: 1;}.product .prodbg{    width: 100%;    height: 100%;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat;    overflow: hidden;    transform: scale(1.2);    transition: all .7s;}.active .prodbg {    transform: scale(1);    transition: all 3.2s;    transition-delay: .25s;}.product .shadow{    background: url(../images/prodshadow.png);    width: 1200px;    background-size: 100% 100%;    background-repeat: no-repeat;    height: 57%;    position: absolute;    top: 20%;    left: calc(50% - 600px);    transition-delay: .5s;}.product .shadow .textimg{    transition-delay: .8s;}.active .product .shadow .psort {    transition-delay: 1.5s;}.product .shadow .desc{    /* width: 420px; */    margin-top: 30px;    color: #ABABAB;    line-height: 32px;    text-align: justify;}/* .active .product .p3box {    transition-delay: 1s;}.active .product .psort .line {    transition-delay: 1.6s;} */.active .product .psort .line img {    width: 100%;}/* .product .psort .item {    opacity: 0;    transform: translateX(100%);    transition: all 1s;} */.active .product .psort .item {    opacity: .5;    /* transform: translate(0px, 0%); */    transition: all 1s;}.active .product .psort .on {    opacity: 1;    /* transform: translate(0px, 0%); */    transition: all 1s;}/* .active .product .psort .item:nth-child(1) {    transition-delay: 1s;}.active .product .psort .item:nth-child(2) {    transition-delay: 1.6s;}.active .product .psort .item:nth-child(3) {    transition-delay: 2.2s;}.active .product .psort .item.on{    transition-delay: 0s;} */.active .product .pdesc{    transition-delay: 2.8s;}/* .active .product .choose {    transition-delay: 4s;} *//*product  */.liesort{    width: 100%;    top: 10%;    font-size: 32px;    color: #fff;    text-shadow: 2px 2px #333;}/* 体验 */.tiyan {    width: 100%;    height: 100%;    overflow: hidden;}.tiyan .imgbox {    width: 20%;    height: 100%;    background-size: auto 110%;    background-position: center center;    transition: all 1s;    overflow: hidden;    position: relative;}.tiyan .active {    width: 60%;    transition: all 1s;    position: relative;    z-index: 1;}.tiyan .tiyanbox {    /* width: 58vw; */    width: 100%;    height: 100%;    display: flex;    align-items: center;    opacity: 0;    transition: all .1s;    padding-left: 8%;    box-sizing: border-box;    position: relative;    z-index: 0;}.tiyan .active .tiyanbox {    opacity: 1;    transition: all .3s;}.tiyanbox .title {    font-size: 28px;    color: #fff;    letter-spacing: 5px;}.tiyanbox .bigtitle .p1 {    font-family: "bonjour", "Montage", "Arial", sans-serif;    transform: scale(1, 1.2);    color: rgba(255, 255, 255, 0.5);    letter-spacing: 25px;    line-height: 1.2;    margin-bottom: 30px;}.tiyanbox .bigtitle .p2 {    text-transform: uppercase;    font-family: "Arial", sans-serif;    letter-spacing: 2px;    font-size: 28px;    transform: scale(1, 1.4);    line-height: 1.4;    color: rgba(255, 255, 255, 0.4);}.tiyan .tiyanbg {    width: 110%;    height: 100%;    background-size: auto 110%;    background-position: center center;    transition: all 2s;}.active .tiyan .active .tiyanbg {    transform: translateX(-8%);    transition: all 2s;}.tiyanbgbox {    transition: all 2s;}.tiyan .tiyanbox .circlebox {    width: 30%;}.tiyan .tiyanbox .circlebox .p1 {    margin-bottom: 0;}.tiyanbox .bigtitle,.tiyanbox .morebtn,.tiyanbox .address {    opacity: 0;    transform: translateY(100%);    transition: all .8s;}.tiyanbox .circlebox {    opacity: 0;    transform: translateX(100%);    transition: all .8s;}.active .active .tiyanbox .bigtitle,.active .active .tiyanbox .morebtn,.active .active .tiyanbox .address,.active .active .tiyanbox .circlebox {    opacity: 1;    transform: translate(0px, 0%);    transition: all .8s;}.active .active .tiyanbox .bigtitle {    transition-delay: .4s;}.active .active .tiyanbox .address {    transition-delay: .8s;}.active .active .tiyanbox .morebtn {    transition-delay: 1.4s;}.active .active .tiyanbox .circlebox {    transition-delay: 1.2s;}/* 品宣 */.pinxuan {    width: 100%;    height: 100%;    position: relative;    background-attachment: fixed;    overflow: hidden;}.pinxuanbg {    background-image: url(../images/pinxuanbg.png);    /* transition-delay: 0.8s; */}.pinxuan .shadowbox {    width: 100%;    height: 100%;    display: flex;    align-items: center;    /* background: rgba(0, 0, 0, .5); */    /* padding: 50px 0; */}.pinxuan img{    max-width: 60vw;}/* .active .pinxuan .shadowbox {    transition-delay: 0.3s;} */.pinxuan .imgsbox{    width: 60%;    transition-delay: .8s;}.active .pinxuan .imgsbox{    transition-delay: .8s;}/* 品宣 *//* ... */#TopBtn {    margin-left: 12px;}.bottom {    color: #969696;    background-color: #1C1C1C;    letter-spacing: 2px;    font-size: 14px;}.bottombox {    width: 100%;}.bottom a {    color: #969696;}.bottom a:hover {    color: #fff;}.bottom .blogo {    width: 8%;}.bottom .nav {    width: 42%;    line-height: 18px;    font-size: 12px;}.bottom .icon a {    margin-left: .5rem;}.bottom .bicon {    width: 35%;}#open_menu {    position: absolute;    right: 0;    padding: 10px 0;    width: 100px;}#open_menu svg {    margin: 0 auto;    transition: all .3s;}#open_menu svg:hover {    filter: drop-shadow(0px 0px 6px #fff);    transition: all .3s;}#open_menu:hover {    cursor: pointer;}#close_menu {    /* display: none; */    width: 100px;    height: 80px;    text-align: center;    position: absolute;    right: 0;    top: -1rem;    line-height: 80px;}#close_menu .closeicon {    font-size: 18px;    letter-spacing: 2px;    font-weight: bold;    color: #fff;    transition: all .3s linear;}#close_menu .closeicon:hover {    letter-spacing: 8px;    transition: all .3s linear;    cursor: pointer;}#popup {    width: 100vw;    height: 100vh;    background-color: rgba(0, 0, 0, .8);    position: fixed;    top: 0;    left: 0;    z-index: 999;    /* transition: all .5s; */    /* opacity: .6; */    display: none;    /* padding-top: 100px; */}.popupbox {    width: 96%;    height: 100%;}.bg-E1E1E1 {    background-color: #e1e1e1;}.text-474747 {    color: #474747;}.text-404040 {    color: #404040;}.text-999 {    color: #999;}.text-666 {    color: #666;}.text-333 {    color: #333;}.activebtn {    display: block;    color: #fff;    border: 2px solid #fff;    text-align: center;    /* border:none; */    position: relative;    /* height:60px; */    /* font-size:1.6em; */    /* padding:0 2em; */    cursor: pointer;    transition: 800ms ease all;    outline: none;}.activebtn:hover {    background: #fff;    color: #000;    border: none;}.activebtn:before,.activebtn:after {    content: '';    position: absolute;    top: 0;    right: 0;    height: 3px;    width: 0;    background: #000;    transition: 400ms ease all;}.activebtn:after {    right: inherit;    top: inherit;    left: 0;    bottom: 0;}.activebtn:hover:before,.activebtn:hover:after {    width: 100%;    transition: 800ms ease all;}/* 按钮 start *//* Nina */.button--nina {    width: 112px;    position: relative;    background: rgba(0, 0, 0, 0);    color: #fff;    overflow: hidden;    -webkit-transition: background-color 0.3s;    transition: background-color 0.3s;}.button--nina.button--inverted {    color: #C2C2C4;    text-align: center;    border: 1px solid #C2C2C4;}.banner-text .button--nina.button--inverted {    color: #131313;}.button--nina>span {    display: inline-block;    padding: 6px 0;    opacity: 0;    color: #000;    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;    transition: transform 0.3s, opacity 0.3s;    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}.button--nina::before {    content: attr(data-text);    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    padding: 6px 0;    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;    transition: transform 0.3s, opacity 0.3s;    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}.button--nina:hover {    background-color: #fff;    border: 1px solid #fff;    cursor: pointer;}.button--nina:hover::before {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);}.button--nina:hover>span {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}.button--nina:hover>span:nth-child(1) {    -webkit-transition-delay: 0.045s;    transition-delay: 0.045s;}.button--nina:hover>span:nth-child(2) {    -webkit-transition-delay: 0.09s;    transition-delay: 0.09s;}.button--nina:hover>span:nth-child(3) {    -webkit-transition-delay: 0.135s;    transition-delay: 0.135s;}.button--nina:hover>span:nth-child(4) {    -webkit-transition-delay: 0.18s;    transition-delay: 0.18s;}.button--nina:hover>span:nth-child(5) {    -webkit-transition-delay: 0.225s;    transition-delay: 0.225s;}.button--nina:hover>span:nth-child(6) {    -webkit-transition-delay: 0.27s;    transition-delay: 0.27s;}.button--nina:hover>span:nth-child(7) {    -webkit-transition-delay: 0.315s;    transition-delay: 0.315s;}.button--nina:hover>span:nth-child(8) {    -webkit-transition-delay: 0.36s;    transition-delay: 0.36s;}.button--nina:hover>span:nth-child(9) {    -webkit-transition-delay: 0.405s;    transition-delay: 0.405s;}.button--nina:hover>span:nth-child(10) {    -webkit-transition-delay: 0.45s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(11) {    -webkit-transition-delay: 0.495s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(12) {    -webkit-transition-delay: 0.54s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(13) {    -webkit-transition-delay: 0.585s;    transition-delay: 0.45s;}.button--nina:hover>span:nth-child(14) {    -webkit-transition-delay: 0.63s;    transition-delay: 0.45s;}/* 按钮 end *//** * $Bottom  **/#scrollBottom {    position: absolute;    z-index: 99;    bottom: 8%;    left: 49%;    width: 50px;    height: 50px;    overflow: hidden;    background-color: rgba(255, 255, 255, 0.1);    border-radius: 100%;    padding-top: 10px;}#scrollTop {    position: fixed;    z-index: 9999;    bottom: 2%;    right: 2%;    width: 50px;    height: 50px;    overflow: hidden;    background-color: rgba(255, 255, 255, 0.1);    border-radius: 100%;    padding-top: 10px;}.bline {    width: 30px;    height: 30px;    line-height: 30px;    text-align: center;    color: #fff;    position: relative;    margin-top: 0;    margin: 0 auto;    -webkit-animation: botline 6s linear infinite;    animation: botline 6s linear infinite;}@keyframes botline {    0% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    6% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    14% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    15%,    19% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    28%,    29.99% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    30% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    36% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    44% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    45%,    49% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    58%,    59.99% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    60% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }    66% {        opacity: 1;        -webkit-transform: scale(0.9) translateY(5px);        transform: scale(0.9) translateY(5px);    }    74% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(5px);        transform: scale(0.4) translateY(5px);    }    75%,    79% {        opacity: 0;        -webkit-transform: scale(0.4) translateY(-5px);        transform: scale(0.4) translateY(-5px);    }    88%,    100% {        opacity: 1;        -webkit-transform: scale(1) translateY(-5px);        transform: scale(1) translateY(-5px);    }}@-moz-keyframes botline/* Firefox */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}@-webkit-keyframes botline/* Safari and Chrome */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}@-o-keyframes botline/* Opera */{    0% {        top: -50px;        opacity: 0;    }    100% {        top: 50px;        opacity: 1;    }}#scrollUp {    position: fixed;    z-index: 9999;    bottom: 2%;    right: 2%;    height: 150px;    overflow: hidden;}#scrollUp p {    width: 20px;    margin-left: 12px;    font-size: 12px;    color: #666;}.tline {    width: 1px;    height: 90px;    background: #666;    position: relative;    margin-top: -55px;    animation: topline 2s infinite normal linear;    -moz-animation: topline 2s infinite normal linear;    /* Firefox */    -webkit-animation: topline 2s infinite normal linear;    /* Safari and Chrome */    -o-animation: topline 2s infinite normal linear;    /* Opera */}@keyframes flip {    0% {        transform: rotate(0);    }    100% {        transform: rotateY(360deg);    }}@keyframes topline {    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-moz-keyframes topline/* Firefox */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-webkit-keyframes topline/* Safari and Chrome */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}@-o-keyframes topline/* Opera */{    0% {        top: 200px;        opacity: 0;    }    100% {        top: -100px;        opacity: 1;    }}/** * $keyframes \ gelatine  **/@keyframes gelatine {    from,    to {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }    50% {        -webkit-transform: scale(0.8, 1.2);        transform: scale(0.8, 1.2);    }    100% {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }}@-webkit-keyframes gelatine {    from,    to {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }    50% {        -webkit-transform: scale(0.8, 1.2);        transform: scale(0.8, 1.2);    }    100% {        -webkit-transform: scale(1, 1);        transform: scale(1, 1);    }}.circle {    position: relative;    /* margin-left: 20px; */    width: 16px;    height: 16px;}.circle span {    position: absolute;    width: 16px;    height: 16px;    left: 0;    bottom: 0;    /* background: #fff; */    border: 3px solid #fff;    border-radius: 50%;    z-index: 1;}.circle span:nth-child(2) {    animation: circle-opacity 1s linear infinite;    -webkit-animation: circle-opacity 1s linear infinite;}@keyframes circle-opacity {    from {        opacity: 1;        transform: scale(1);    }    to {        opacity: 0;        transform: scale(1.8);    }}@keyframes bgchange {    0% {        transform: scale(1);    }    50% {        transform: scale(1.2);    }    100% {        transform: scale(1);    }}@media (max-width: 1280px) {    /* .pc {        display: none;    }    .wap {        display: block;    } */}.n-fulll {    width: 100%;    height: 100%;}.wrap {    min-width: 1200px;    width: 100%;    position: relative;}.c22 {    color: #1b1c26 !important;}.m-dt-t1 {    text-align: center;    font-weight: bold;    font-size: 32px;}.g-box {    max-width: 1200px;    height: 100%;    margin: 0 auto;}.m-dt-t2 {    text-align: center;    font-size: 18px;    margin-top: 15px;    color: #595961;}.f-oh {    overflow: hidden;}.g-box {    max-width: 1200px;    height: 100%;    margin: 0 auto;}#actF7 .f-oh .f7-ul {    display: flex;    align-items: center;    justify-content: space-around;}.f7-ul {    display: block;    margin: 85px auto;}.g-tac {    text-align: center;}#actF7 .f-oh .g-tac li {    display: flex;    flex-direction: column;    align-items: flex-start;}.f7-ul>li {    display: inline-block;    margin-right: 25px;    margin-left: 25px;    min-width: 110px;    text-align: center;}#actF7 .f-oh .g-tac li img {    width: 80px;    height: auto;    margin: 0 0 16px 0;    border: 0;    vertical-align: middle;}.s-fs20 {    font-size: 25px;}#actF7 .f-oh .g-tac span {    padding: 0;    margin-bottom: 6px;    font-weight: bold;}.s-fs36 {    font-size: 41px;}#actF7 .f-oh .s-fc-gy {    white-space:nowrap;    font-size: 20px;    color: #000;}.pro-btn2 {    width: 250px;    padding: 18px;    border-radius: 40px;    text-align: center;    color: #fff;    font-size: 20px;    font-weight: bold;    margin: 30px auto 0;    background: linear-gradient(to right, #2B6DFF, #77A5FF);    box-shadow: 0 0 6px #efefef;}.g-box1 {    width: 1000px;    margin: 0 auto;}.g-box2 {    width: 1200px;    margin: 0 auto;}.nntt {    display: flex;    align-items: center;}.f6-ul {    margin-top: 58px;}.f6-ul>li:first-child {    padding-left: 30px;    margin-left: 0;}.nntt li {    width: 33%;    margin-left: 0;}.f6-ul>li .f6-line {    left: 0;    height: 40px;    background: linear-gradient(to bottom, #2B6DFF, #77A5FF);    position: absolute;    top: 5px;    width: 6px;    height: 40px;    border-radius: 2px;    background-color: #2dcad3;    vertical-align: top;}.g-box1 p span {    font-weight: bold;    margin-right: 5px;}.g-lh38 {    line-height: 38px;}.s-fs46 {    font-size: 46px;}.s-fs42 {    font-size: 42px;}.f6-ul>li {    display: inline-block;    position: relative;    margin-left: 217px;    padding-left: 22px;    height: 75px;    box-sizing: border-box;}.g-box1 .f6-ul p {    color: #2C9DBF;    font-size: 26px;}.g-mt10 {    margin-top: 10px;}.s-fs18 {    font-size: 18px;}.f6-ul1-flex {    display: flex;    justify-content: space-between;}.f6-ul1>li {    width: 30%;}.f6-ul1>li {    width: 300px;    position: relative;    /*background-color: red;*/    background-color: #F5F6F7;    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#19000000", endColorstr="#19000000");    border-radius: 10px;    margin: 30px 25px 0 0;    line-height: 1.5;}.f6-ul1 .clear .list {    display: flex;    flex-direction: column;    align-items: center;    padding: 30px 0;}.f6-ul1 .clear .list img {    width: 100px;    height: auto;    border: 0;    -ms-interpolation-mode: bicubic;    vertical-align: middle;}.f6-ul1 .clear .list .title {    padding: 16px 0;    color: #262730;    font-size: 18px;}.f6-ul1 .clear .list .desc {    width: 77%;    text-align: center;    line-height: 24px;    color: #595961;    font-size: 14px;}.m-dl4 {    padding-top: 53px;    padding-bottom: 107px;}.g-mb70 {    margin-bottom: 70px;}dd {    margin-bottom: 6px;}.possess-btn {    display: block;    margin: 50px 0 0 480px;    width: 270px;    padding-right: 25px;    height: 67px;    font-size: 20px;    font-weight: 400;    color: #fff;    line-height: 50px;    background: url(../images/wm2.gif) no-repeat;    text-align: center;}.gs-server1 {    position: relative;    display: flex;    align-items: center;    justify-content: center;    padding: 40px;}.gs-server1 .server1bg {    background: url(../images/shouyebg3.png) no-repeat;    background-size: cover;    position: absolute;    top: -30px;    width: 100%;    height: 330px;}.gs-server1>li {    position: relative;    align-items: flex-start;    flex-direction: column;    width: 24%;    margin: 0 1% 0 1%;    background: #f5f5fa;    /*background: #fff;*/    border-radius: 15px;    padding: 20px 0;    flex: 1;    display: flex;    justify-content: center;    color: #000;}.gs-server1>li .img {    width: 110px;    height: auto;    margin: 0 auto;}.gs-server1>li div {    box-sizing: border-box;}.gs-server1>li div .title {    margin-top: 0;    font-weight: 400;    text-align: center;    white-space: nowrap;    font-size: 18px;    color: #303033;}.gs-server1>li div .line {    width: 40px;    height: 2px;    background: #2698BA;    margin: 20px 0;}.gs-server1>li div {   margin: 0 auto;    box-sizing: border-box;}.gs-server1>li div .txt {    margin-top: 0;    font-size: 14px;    text-align: center;    font-weight: 400;    color: rgb(144, 145, 153);}.f2-bg {    background: #3C3E4A;    color: #fff;    overflow: hidden;}.clear .f2-l {    position: relative;    width: 230px;    padding: 170px 0 50px;    border-right: none;    min-height: 480px;    color: #fff;    border-color: rgba(255, 255, 255, .3);}.f-fl {    float: left;}.fan-bg {    position: absolute;    top: 0;    right: 0;    width: 590px;    z-index: 0;}.fan-bg img {    width: 100%;    border: 0;    vertical-align: middle;}.f2-lul>li:hover,.f2-lul>li.active {    background: url(../images/shouyeactive.png) no-repeat;    background-size: cover;    border-right: 2px solid #60D3E1;    border-radius: 2px;}.clear .f2-lul>li {    width: 100%;    height: 60px;    line-height: 60px;    background: none;    font-size: 20px;    font-weight: bold;    text-align: left;    box-sizing: border-box;    padding-left: 35%;}.f2-lul>li {    width: 120px;    height: 40px;    line-height: 40px;    text-align: center;    margin-bottom: 10px;    cursor: pointer;    font-size: 16px;    transition: background .2s linear;}.clear .f2-r {    margin-top: 150px;    padding-left: 58px;    width: 800px;    min-height: 430px;}.f2-item.active {    position: relative;    display: block;}.f2-item {    margin-top: 170px;    position: relative;    margin-top: 15px;    display: none;    transition: all .3s;    -moz-transition: all .3s;    -webkit-transition: all .3s;    -o-transition: all .3s;}.s-fs26 {    font-size: 26px;}.f-ib {    display: inline-block;}.f2-bd {    font-size: 16px;    line-height: 30px;    margin-top: 17px;}.f2-item .type {    margin: 40px 0 70px;}.f2-item .type span {    margin-right: 30px;    padding: 8px 20px;    font-size: 14px;    color: #ABAEBF;    background: #484C59;    border-radius: 4px;}.f2-item a {    padding: 18px 70px;    display: inline-block;    border-radius: 4px;    font-size: 20px;    font-weight: bold;    color: #fff;    background: linear-gradient(to right, #6DDFE9, #2692AE);}.f2-item .line {    margin: 50px 0 20px;    font-size: 18px;    color: #ABAEBF;}.clear .fatitle {    position: absolute;    top: 0;    color: #fff;    font-size: 16px;    width: 100%;    height: 70px;    display: flex;    flex-direction: column;    align-items: flex-start;    z-index: 10;    padding: 50px 0 30px;}.clear .fatitle .title {    font-weight: bold;    font-size: 32px;    padding-bottom: 10px;}.m-dl7 {    padding-bottom: 0px;    padding-top: 93px;}.f-pr {    margin-top: 50px;    position: relative;}.f6-bg {    margin-top: 100px;}.f9-ul {    display: flex;    align-items: center;    justify-content: flex-start;    flex-wrap: wrap;    font-size: 0;}.f9-ul a {    width: 20%;    margin: 0 0 0.8rem;    display: flex;    justify-content: center;}.nnimg {    width: 150px;    height: 150px;    margin-top: 15px;    transition: 1s;}.nnimg:hover {    box-shadow: 0 0 6px #9797a1;    transition: 1s;    transform: scale(1.05);}.nnimg1 {    display: block;}.nnimg1_hide1 {    display: none;}.nnimg2 {    display: block;}.nnimg1_hide2 {    display: none;}.nnimg3 {    display: block;}.nnimg1_hide3 {    display: none;}.nnimg4 {    display: block;}.nnimg1_hide4 {    display: none;}.nnimg6 {    display: block;}.nnimg1_hide6 {    display: none;}.nnimg9 {    display: block;}.nnimg1_hide9 {    display: none;}.nnimg11 {    display: block;}.nnimg1_hide11 {    display: none;}.nnimg15 {    display: block;}.nnimg1_hide15 {    display: none;}.nnimg18 {    display: block;}.nnimg1_hide18 {    display: none;}.warpper22 {    width: 100%;    height: 850px;    /*background: url(../images/item_img1.jpg);*/    transition: all .3s;}.warpper2 {    width: 1380px;    height: 850px;    margin: 0 auto;    padding-top: 70px;    min-width: 1180px;    color: #fff;    position: relative;}.warpper2-top {    margin-bottom: 48px;}.warpper2-top-h2 {    line-height: 36px;    font-size: 35px;    text-align: center;    font-weight: inherit;    margin-bottom: 8px;}.warpper2-top-h3 {    opacity: .7;    font-size: 16px;    text-align: center;    margin-top: 20px;}.warpper2-main {    display: flex;    margin: 0 auto;    }.warpper2-main-left {    height: 652px;    -webkit-backdrop-filter: blur(14px);    backdrop-filter: blur(14px);    width: 350px;    background: rgba(23, 24, 27, .5);    -webkit-box-shadow: 0 12px 48px 0 rgb(0 113 239 / 10%);    box-shadow: 0 12px 48px 0 rgb(0 113 239 / 10%);    padding: 16px 12px 0 12px;    border-top-left-radius: 4px;    border-bottom-left-radius: 4px;    position: relative;    z-index: 20;}.warpper2-main-left-ul {    line-height: 52px;    font-size: 22px;    z-index: 1;    position: relative;}.warpper2-main-left-li {    padding: 0 20px;    cursor: pointer;    width: 326px;    height: 52px;    z-index: 1;    text-align: center;    margin-bottom: 22px;    transition: all 0.5s;    position: relative;}.listHH {    color: #00AEBB;}.listAA {    color: #fff;}#warpper2-active {    position: absolute;    left: -20px;    width: 212px;    height: 52px;    /* display: none; */    background-color: #0071EF;    box-shadow: 0 5px 16px 0 rgba(0, 113, 239, 0.58);    z-index: 0;    transition: all 0.5s;}.warpper2-main-right {    width: 1029px;    background: rgba(23, 24, 27, .4);    height: 652px;    -webkit-backdrop-filter: blur(14px);    backdrop-filter: blur(14px);    padding: 30px 60px 0 60px;    overflow: hidden;    position: relative;}.warpper2-main-right-item1 {    width: 935px;    height: 631px;    overflow: hidden;    display: block;    position: absolute;}.warpper2-main-right-item2 {    width: 935px;    height: 617px;    overflow: hidden;    display: none;    position: absolute;}.warpper2-main-right-item3 {    width: 935px;    height: 617px;    overflow: hidden;    display: none;    position: absolute;}.warpper2-main-right-item4 {    width: 935px;    height: 617px;    overflow: hidden;    display: none;    position: absolute;}.warpper2-main-right-item5 {    width: 935px;    height: 617px;    overflow: hidden;    display: none;    position: absolute;}.warpper2-main-right-item6 {    width: 935px;    height: 617px;    overflow: hidden;    display: none;    position: absolute;}.warpper2-main-right-top {    overflow: hidden;    width: 930px;    height: 231px;}.top-title {    line-height: 20px;    font-weight: 500;    font-size: 24px;    margin: 16px 0;}.top-content {    line-height: 20px;    font-weight: 500;    font-size: 16px;    margin: 16px 0;}.top-ul {    display: flex;    justify-content: space-between;    align-items: center;    height: 150px;    padding-left: 0;}.top-ul-item {    text-align: center;    min-width: 77px;}.ul-item-img {    width: 35px;    height: 35px;    margin: 0 auto;    position: relative;}.top-ul-item-p {    font-size: 14px;    text-align: center;    white-space: nowrap;    margin-top: 8px;    line-height: 18px;}.warpper2-main-right-line {    background-color: #fff;    opacity: .1;    width: 920px;    margin-top: 20px;    height: 1px;}.warpper2-main-right-btn {    display: flex;    margin-top: 55px;}.btn-free {    display: block;    height: 40px;    width: 104px;    cursor: pointer;    border-radius: 2px;    text-align: center;    font-size: 14px;    font-weight: 500;    line-height: 40px;    color: #fff;    background-color: #0071ef;    position: relative;    margin-right: 24px;    text-decoration: none;}.btn-detail {    display: block;    height: 40px;    width: 104px;    border-radius: 2px;    border-width: 1px;    text-align: center;    font-size: 14px;    line-height: 40px;    color: #fff;    border-color: #fff;    border: 1px solid #e5e7eb;    position: relative;    text-decoration: none;}.wrap11 {    display: flex;    min-width: 1200px;    width: 100%;    height: 500px;    position: relative;}.wmxiao-ban {    position: relative;    height: 500px;    overflow: hidden;}.banVideo {    width: 100%;    height: 500px;    min-width: 1200px;}.banner33 {    left: 50%;    height: 500px;    top: 30%;    position: absolute;    color: rgb(255, 255, 255);    margin-left: -600px;    width: 1200px;}.banner33-txt {    width: 100%;    text-align: center;}.banner33-p1 {    line-height: 30px;    font-size: 32px;}.banner33-p2 {    line-height: 30px;    margin-top: 17px;    font-size: 32px;}.banner33 ul {    margin: 3px auto 25px;    padding: 0 377px;    overflow: hidden;}.banner33 ul li {    margin: 33px 0;    padding: 0 33px;    font-size: 18px;    font-weight: 400;    color: #c8cdf7;    line-height: 18px;}.banner33 ul li.second {    border-left: 1px solid #c8cdf7;    border-right: 1px solid #c8cdf7;}.f-fl {    float: left;}.banner33 .banner33-txt .btn {    width: 284px;    margin: 0 auto;}.immediately-btn {    margin: 0 auto;    background-image: url(../images/wm1.gif);    display: block;    width: 150px;    height: 50px;    line-height: 50px;    border-radius: 10px;    font-size: 20px;    color: #1c2668;    background-repeat: no-repeat;}.warpper2-main-right-sample {    display: flex;    flex-direction: column;    margin-top: 20px;}.sample-txt {    line-height: 20px;    font-weight: 500;    font-size: 22px;    margin: 45px 0 0 0;}.sample-img {    display: flex;    flex-direction: row;    margin-top: 10px;}.sample-img img {    margin: 30px 20px 0 0;    width: 100px;    height: 100px;    transition: all .3s;}.sample-img1 {    display: block;    transition: all .3s;}.sample-img1_hide {    display: none;    transition: all .3s;}.sample-img2 {    display: block;    transition: all .3s;}.sample-img2_hide {    display: none;    transition: all .3s;}.sample-img3 {    display: block;    transition: all .3s;}.sample-img3_hide {    display: none;    transition: all .3s;}.sample-img4 {    display: block;    transition: all .3s;}.sample-img4_hide {    display: none;    transition: all .3s;}.sample-img5 {    display: block;    transition: all .3s;}.sample-img5_hide {    display: none;    transition: all .3s;}.sample-img6 {    display: block;    transition: all .3s;}.sample-img6_hide {    display: none;    transition: all .3s;}.sample-img7 {    display: block;    transition: all .3s;}.sample-img7_hide {    display: none;    transition: all .3s;}.sample-img8 {    display: block;    transition: all .3s;}.sample-img8_hide {    display: none;    transition: all .3s;}.sample-img9 {    display: block;    transition: all .3s;}.sample-img9_hide {    display: none;    transition: all .3s;}.sample-img10 {    display: block;    transition: all .3s;}.sample-img10_hide {    display: none;    transition: all .3s;}.sample-img11 {    display: block;    transition: all .3s;}.sample-img11_hide {    display: none;    transition: all .3s;}.sample-img12 {    display: block;    transition: all .3s;}.sample-img12_hide {    display: none;    transition: all .3s;    border-radius: 12px;    transform: scale(0.942);}.sample-img13 {    display: block;    transition: all .3s;}.sample-img13_hide {    display: none;    transition: all .3s;}.zhanwei {    background-color: #11184E;    height: 80px;    width: 100%;}.wmxiao-ban {    margin-top: 0px;    height: 500px;    background: url(../images/bannerrr_1.png) no-repeat center;}.yewufanwei {    padding: 100px 0 0 0;}.fanwei-main {    margin: 0 auto;    width: 1200px;}.fanwei-ul {    display: flex;    flex-direction: row;    flex-wrap: wrap;    align-items: center;    margin: 0 -20px;    zoom: 1;    font-size: 14px;}.fanwei-ul li {    width: 25%;    height: 300px;    padding: 1% 18px;    border-radius: 10px;}.fanwei-top {    height: 100px;    width: 60px;    padding-top: 40px;    margin: 0 auto 25px auto;}.fanwei-top-img {    width: 100%;    height: 100%;}.fanwei-mid {    text-align: center;    font-size: 20px;    margin-bottom: 25px;}.fanwei-bottom {    text-align: center;    margin: 0 auto;    color: #666666;    width: 85%;}.fanwei-li1 {    display: block;}.fanwei-li1-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li1-hide .fanwei-bottom {    color: #fff;}.fanwei-li2 {    display: block;}.fanwei-li2-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li2-hide .fanwei-bottom {    color: #fff;}.fanwei-li3 {    display: block;}.fanwei-li3-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li3-hide .fanwei-bottom {    color: #fff;}.fanwei-li4 {    display: block;}.fanwei-li4-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li4-hide .fanwei-bottom {    color: #fff;}.fanwei-li5 {    display: block;}.fanwei-li5-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li5-hide .fanwei-bottom {    color: #fff;}.fanwei-li6 {    display: block;}.fanwei-li6-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li6-hide .fanwei-bottom {    color: #fff;}.fanwei-li7 {    display: block;}.fanwei-li7-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li7-hide .fanwei-bottom {    color: #fff;}.fanwei-li8 {    display: block;}.fanwei-li8-hide {    display: none;    background: linear-gradient(to right bottom, #2B6DFF, #77A5FF);    color: #fff;}.fanwei-li8-hide .fanwei-bottom {    color: #fff;}