@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

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

ul { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #2abff6; }

img { border: 0; }

input, select, button, textarea { border-radius: 0; outline: 0; margin: 0; font-family: inherit; font-size: inherit; color: inherit; -webkit-appearance: none; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

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

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

body > div[id^=_] { display: none !important; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.hide { display: none; }

.fn-clear { zoom: 1; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.red { color: #FD3939; }

.blue { color: #2abff6; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
.btn { display: inline-block; padding: 2px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; color: #2abff6; border: 1px solid #2abff6; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.btn:active { outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.icon { display: inline-block; background-size: 100% 100%; }

.icon-phone, .icon-down { width: 0.36rem; height: 0.36rem; background-image: url(../images/down.png); }

.icon-phone { background-image: url(../images/phone.png); }

.icon-ico1, .icon-ico2, .icon-ico3 { width: 1.36rem; height: 1.36rem; background-image: url(../images/ico1.png); }

.icon-ico2 { background-image: url(../images/ico2.png); }

.icon-ico3 { background-image: url(../images/ico3.png); }

/***
	@create date:2024-05-08;
***/
html { font-size: 50px; font-size: 13.3334vw; }

@media screen and (min-width: 750px) { html { font-size: 100px; } }
body { font-family: Helvetica-Bold, Helvetica; font-size: 0.28rem; line-height: 1.5; background-color: #fff; color: #333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); }

.page { position: relative; width: 100%; min-height: 100vh; min-width: 320px; max-width: 750px; margin: 0 auto; }

.tit { font-size: 0.42rem; font-weight: bold; }

.section { overflow: hidden; }

.section1 { background: url(../images/banner.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: #fff; }
.section1 .tit { font-size: 0.5rem; line-height: 1.3; margin-top: 0.6rem; }
.section1 .txt { font-size: 0.48rem; }
.section1 .tip { font-size: 0.3rem; margin-top: 0.12rem; }
.section1 .version { font-size: 0.3rem; margin-top: 0.12rem; }
.section1 .btn-group { margin-top: 0.5rem; font-size: 0; }
.section1 .btn { padding: 0; width: 2.46rem; height: 0.84rem; line-height: 0.84rem; font-size: 0.28rem; color: #fff; border: 0.02rem solid #ffffff; border-radius: 0.44rem; margin: 0 0.35rem; }
.section1 .btn .icon { vertical-align: -0.08rem; margin-right: 0.15rem; }
.section1 .btn1 { color: #000; background-color: #f5fafe; border-color: #f5fafe; }
.section1 .text { height: 8.18rem; background: url(../images/box.png) no-repeat; background-size: 100% auto; overflow: hidden; margin-top: 0.88rem; }
.section1 .text h2, .section1 .text h4 { line-height: 1.2; font-size: 0.3rem; font-weight: bold; color: #fff; height: 5.2rem; margin: 0.4rem 1.1rem 0; }
.section1 .text ul { margin: 0 0 0 1.5rem; text-align: left; }
.section1 .text li { height: 0.32rem; line-height: 0.32rem; font-size: 0.23rem; color: #fff; margin-bottom: 0.22rem; }
.section1 .text li:before { content: ''; display: inline-block; vertical-align: top; width: 0.32rem; height: 0.32rem; margin-right: 0.18rem; background: url(../images/right.png) no-repeat; background-size: 100% 100%; }

.section2 { height: 5.6rem; text-align: center; }
.section2 .tit { margin: 0.45rem 0 0.15rem; }
.section2 .txt { line-height: 0.42rem; font-size: 0.28rem; color: #666666; padding: 0 0.8rem; }
.section2 .icon { display: block; margin: 0 auto 0.1rem; }
.section2 .attr { overflow: hidden; margin-top: 0.6rem; }
.section2 .attr dl { width: 33.33%; float: left; }
.section2 .attr dt { color: #999; }
.section2 .attr dd { font-size: 0.36rem; }

.section3 { background: #f7f9fa; background-size: 100% auto; text-align: center; }
.section3 .tit { margin: 0.45rem 0 0.35rem; }
.section3 .tit span { display: block; font-size: 0.3rem; }
.section3 .btn-group { display: inline-block; padding: 0.04rem; border: 1px solid #DBDCDD; border-radius: 0.36rem; font-size: 0; }
.section3 .btn { vertical-align: top; border: 0; padding: 0; width: 2.4rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.28rem; background: none; color: #666666; border-radius: 0.32rem; cursor: default; }
.section3 .btn:active { box-shadow: none; }
.section3 .btn.on { color: #fff; background-color: #000; }
.section3 .btn2 { background: none; color: #666666; }
.section3 .img-group { display: none; }
.section3 .img-group.on { display: block; }
.section3 .img { height: 5rem; background: url(../images/img.jpg) no-repeat; background-size: 100% auto; margin-top: 0.56rem; }
.section3 .img2 { background-image: url(../images/img2.jpg); display: none; }
.section3 .txt { padding: 0 1.8rem; line-height: 0.4rem; color: #666666; margin-top: 0.3rem; }
.section3 .txt2 { display: none; }
.section3.toggle .img1, .section3.toggle .txt1 { display: none; }
.section3.toggle .img2, .section3.toggle .txt2 { display: block; }

.section4 { background: #f7f9fa; padding: 0.45rem 0.3rem 0.3rem; text-align: center; }
.section4 .txt { padding: 0 0.45rem; line-height: 0.42rem; color: #666666; margin-top: 0.15rem; margin-bottom: 0.4rem; }

.art-list { text-align: left; }
.art-list a { display: block; padding: 0.24rem 0.2rem 0.34rem; background-color: #fff; margin-bottom: 0.3rem; }
.art-list dt { position: relative; font-weight: bold; color: #333; }
.art-list dd { height: 0.64rem; line-height: 0.32rem; font-size: 0.24rem; color: #666666; overflow: hidden; margin-top: 0.1rem; }
.art-list h3 { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 76%; text-overflow: ellipsis; }
.art-list .time { position: absolute; right: 0; font-weight: normal; color: #999999; }
.art-list a.none { display: none; }

.section5 { padding: 0.5rem 0.1rem; text-align: center; }
.section5 .txt { padding: 0 0.8rem; line-height: 0.42rem; color: #666666; margin-top: 0.15rem; margin-bottom: 0.4rem; }

.top-table { font-size: 0.24rem; color: #666666; }
.top-table table { width: 100%; }
.top-table th { height: 0.72rem; color: #999; font-weight: normal; background: #f4f4f4; }
.top-table td { height: 1.16rem; border-bottom: 1px solid #e5e5e5; }
.top-table th, .top-table td { text-align: center; padding: 0; white-space: nowrap; }
.top-table .c1 { width: 0.9rem; }
.top-table .c2 { padding-left: 0.06rem; width: 10%; text-align: left; }
.top-table th.c2 { text-indent: 0.52rem; }
.top-table .c6 { width: 1rem; }
.top-table .img { display: inline-block; width: 0.44rem; height: 0.44rem; margin-right: 0.04rem; }
.top-table .name { display: inline-block; line-height: 1.2; text-align: left; }
.top-table .name dt { color: #333333; }
.top-table .btn-link, .top-table .btn-link2 { display: block; width: 2.96rem; height: 0.68rem; line-height: 0.68rem; text-align: center; color: #000; border: 1px solid #000; margin: 0.5rem auto 0; }
.top-table .link { color: #000; }
.top-table .green { color: #19b38a; }
.top-table .red { color: #e54742; }

.page-footer { margin-bottom: 0; font-size: 0.24rem; background: #fff; color: #999; padding: 0.3rem; }
.page-footer a { color: #999; }
.page-footer .copyright { line-height: 0.4rem; text-align: center; }

.marginbt15 { margin-bottom: 1.5rem; }

.header { clear: both; }

.header-main { clear: both; height: 0.60rem; text-align: right; padding: 0.2rem 0.62rem 0.2rem 0rem; background-color: #000; }
.header-main .logo { display: inline-block; }
.header-main .logo img { width: 2.26rem; height: 0.6rem; }
.header-main .menu-group { margin-right: -0.22rem; }
.header-main .menu { display: inline-block; vertical-align: top; padding: 0.28rem 0.22rem; }
.header-main .icon-menu { vertical-align: top; }
.header-main .nav { margin-top: 0rem; margin-right: -0.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0; float: right; width: 65%; }
.header-main .nav-link { display: inline-block; vertical-align: top; font-size: 0.28rem; padding: 0 0.1rem; position: relative; margin-left: 0rem; color: #fff; }
.header-main .nav-link.on { color: #fff; }
.header-main .nav-link.on:after { content: ''; width: 0.4rem; height: 0.05rem; border-radius: 0.03rem; background: #fff; position: absolute; left: 50%; bottom: 0rem; margin-left: -0.2rem; }

.section-hd { height: 0.9rem; line-height: 0.9rem; padding: 0 0.3rem; position: relative; z-index: 100; }

.friend-link { padding-bottom: 0.15rem; }

.friend-link .section-hd .title { font-size: 0.28rem; }

.friend-link .section-bd { height: 0.64rem; padding: 0 0.1rem; overflow: hidden; margin-top: -0.15rem; }

.friend-link .section-bd ul { height: 0.64rem; line-height: 0.64rem; overflow: hidden; }

.friend-link .section-bd li { float: left; font-size: 0.24rem; color: #333; padding: 0 0.2rem; }

.friend-link .section-bd li a { color: #333; }

.index_downloadBanner { bottom: 0; box-sizing: border-box; margin-bottom: 12px; padding: 0 16px; position: fixed; width: 100%; z-index: 9400; font-size: 100%; color: #fff; }
.index_downloadBanner .index_content { align-items: center; background-color: #000; border-radius: 4px; display: flex; padding: 12px 16px; position: relative; }
.index_downloadBanner .index_content .index_img { border-radius: 8px; height: 40px; width: 40px; }
.index_downloadBanner .index_content .index_text { flex-grow: 1; margin-left: 12px; }
.index_downloadBanner .index_content .index_title { font-size: 14px; font-weight: 500; }
.index_downloadBanner .index_content .index_desc { color: #dbdada; font-size: 12px; margin-top: 4px; }
.index_downloadBanner .index_content .index_button { align-items: center; background: #fff; border: 1px solid #dbdbdb; border-radius: 14px; box-sizing: border-box; color: #1f2533; display: flex; font-size: 12px; font-weight: 500; justify-content: center; line-height: 16px; min-width: 72px; padding: 5px 12px; }
.index_downloadBanner .index_content .index_close:after { color: #fff; content: "x"; height: 16px; position: absolute; right: 2px; text-align: center; top: 2px; width: 16px; }

@media (min-width: 768px) { .index_downloadBanner { display: none; } }

/*# sourceMappingURL=style.css.map */
@media screen and (min-width: 750px) {
	.page{ max-width:100%;}
	.section1 .text{ max-width:750px; margin:0.88rem auto 0 auto;}
	.section3 .img{ max-width:750px; margin: 0.56rem auto 0 auto;}
	.header-main .nav{ max-width:1200px; margin:0 auto; float:none;}
	.section2 .attr{ max-width:1200px; margin:0 auto; margin-top: 0.6rem;}
	.top-table{ max-width:1200px; margin:0 auto; }
	.section-hd{ max-width:1200px; margin:0 auto; }
	.friend-link .section-bd{ max-width:1200px; margin:0 auto; }
}



@media only screen and (max-width: 768px) {
    .newswith {
        width:100%;
        background: #fff;
    }

    .okx-art {
        width: 100%;
        margin: 0px auto;
        padding: 20px 0;
        overflow: hidden;
        font-size: 14px;
    }

    .okx-art h1 {
        width: 100%;
        margin: 10px auto;
        font-size: 36px;
        line-height: 50px;
        padding: 20px 0;
        overflow: hidden; color:#000;
    }

    .oknav {
        width: 100%;
        font-size: 14px;
        margin: 30px 0 10px 0;
        text-align: left;
        color: #999;
    }

    .oknav a {
        color: #000;
    }

    .oktime {
        width: 100%;
        color: #999;
        margin: 20px 0 20px 0
    }

    .okx-text {
        border-top: 1px solid #ddd;
        float: left;
        font-size: 16px;
        width: 100%;
        padding: 20px 0%;
        margin: 0px 0 30px 0%;
        color: #000;
    }

    .okx-text p {
        float: left;
        width: 100%;
        line-height: 35px;
        margin: 0 0 24px 0;
    }

    .okx-text img {
        box-shadow: 0 0px 5px #ddd;
        float: left;
        width: 100%;
        margin: 20px 0
    }

    .listwith {
        width: 100%;
        background: linear-gradient(-45deg, #333, #000);
        padding: 100px 0
    }

    .ok-listtt {
        width: 100%;
        border-bottom: 0px solid #333;
        color: #fff;
        height: 50px;
        line-height: 50px;
        float: left;
        font-weight: 700;
        font-size: 32px;
        margin: 0% 0% 30px 0%
    }

    .ok-list {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        margin: 0 0 20px 0
    }

    .ok-list li {
        border-bottom: 1px solid #333;
        width: 100%;
        margin: 0px 0 10px 0;
        padding: 10px 0 20px 0;
        float: left;
    }

    .ok-list a {
        float: left;
        background: url(../image/10.webp) 0% 12px no-repeat;
        line-height: 28px;
        font-size: 16px;
        background-size: 5px 5px;
        color: #fff;
        padding: 0 0 0 20px;
        text-align: left;
    }

    .ok-listo {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        margin: 0 0 80px 0
    }

    .ok-listo li {
        border-bottom: 1px solid #ddd;
        width: 100%;
        margin: 0px 0 10px 0;
        padding: 10px 0 20px 0;
        float: left;
    }

    .ok-listo a {
        float: left;
        background: url(../image/11.webp) 0% 12px no-repeat;
        line-height: 28px;
        font-size: 16px;
        background-size: 5px 5px;
        color: #000;
        padding: 0 0 0 20px;
        text-align: left;
    }

    .ok-listo a:hover {
        color: #149f00;
    }

    a:hover {
        color: #bcff2f;
        transition: all 1s ease 0s;
    }
}

@media only screen and (min-width: 768px) {
    .newswith {
        width:100%;
        background: #fff;
    }

    .okx-art {
        width: 100%;
        margin: 0px auto;
        padding: 20px 0;
        overflow: hidden;
        font-size: 14px;
    }

    .okx-art h1 {
        width: 100%;
        margin: 10px auto;
        font-size: 36px;
        line-height: 32px;
        padding: 20px 0; color:#000;
        overflow: hidden;
    }

    .oknav {
        width: 100%;
        font-size: 14px;
        margin: 30px 0 10px 0;
        text-align: left;
        color: #999;
    }

    .oknav a {
        color: #000;
    }

    .oktime {
        width: 100%;
        color: #999;
        margin: 20px 0 20px 0
    }

    .okx-text {
        border-top: 1px solid #ddd;
        
        font-size: 18px;
        
        padding: 20px 10%;
        margin: 0px 0 30px 0%;
        color: #000;
    }

    .okx-text p {
        float: left;
        width: 100%;
        line-height: 40px;
        margin: 0 0 24px 0;
    }

    .okx-text img {
        box-shadow: 0 0px 5px #ddd;
        float: left;
        width: 100%;
        margin: 20px 0
    }

    .listwith {
        width: 100%;
        background: linear-gradient(-45deg, #000, #333);
        padding: 100px 0
    }

    .ok-listtt {
        width: 100%;
        border-bottom: 0px solid #333;
        color: #fff;
        height: 50px;
        line-height: 50px;
        float: left;
        font-weight: 700;
        font-size: 32px;
        margin: 0% 0% 5% 0%
    }

    .ok-list {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        margin: 0 0 20px 0
    }

    .ok-list li {
        border-bottom: 1px solid #333;
        width: 100%;
        float: left;
        height: 80px;
        overflow: hidden;
    }

    .ok-list a {
        float: left;
        background: url(../image/10.webp) 0% 36px no-repeat;
        line-height: 80px;
        font-size: 16px;
        background-size: 10px 10px;
        color: #fff;
        padding: 0 0 0 30px;
    }

    .ok-listo {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        margin: 0 0 80px 0
    }

    .ok-listo li {
        border-bottom: 1px solid #ddd;
        width: 100%;
        float: left;
        height: 80px;
        overflow: hidden;
    }

    .ok-listo a {
        float: left;
        background: url(../image/11.webp) 0% 38px no-repeat;
        line-height: 80px;
        font-size: 16px;
        background-size: 7px 7px;
        color: #000;
        padding: 0 0 0 30px;
    }

    .ok-listo a:hover {
        color: #149f00;
    }

    a:hover {
        color: #bcff2f;
        transition: all 1s ease 0s;
    }
}
@media only screen and (max-width: 768px) {
    body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul, ol {
        list-style: none;
    }

    em, i {
        font-style: normal;
    }

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

    input, select {
        vertical-align: middle;
        outline: none;
    }

    a {
        text-decoration: none;
    }

    img {
        border: none;
    }

    body {
        background: #000;
        width: 100%;
        font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC';
        font-size: 14px;
    }

    body {
        transform: scale(x, y);
        /***-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;**/
    }

    .wart {
        width: 90;
        margin: 0 5%;
        overflow: hidden;
    }

   

    .vdwith {
        float: left;
        width: 90%;
        margin: 5% 5% 5% 5%;
        min-height: 75vh
    }

    .okleft {
        float: left;
        width: 100%;
    }

    .okleft-1 {
        float: left;
        line-height: 50px;
        text-align: center;
        font-size: 32px;
        margin: 30px 0 20px 0;
        font-weight: 700;
        color: #fff;
    }

    .okleft-1 p {
        width: 100%;
        float: left;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        margin: 18px 0 0 0;
        font-weight: 500;
        color: #bbb;
    }

    .okleft-2 {
        float: left;
        width: 100%;
        /**height:130px;**/
        overflow: hidden;
        margin: 0px auto;
    }

    .okleft-2 a {
        float: left;
        width: 100%;
        border-radius: 100px;
        margin: 30px 5% 0 0%;
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #fff;
        color: #000;
        font-size: 18px
    }

    .okleft-2 a:hover {
        transition: all 1s ease 0s;
        font-weight: 700;
        color: #000
    }

    .okleft-2 a.bbk {
        background: #bcff2f;
        ;color: #000;
    }

    .okright {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        float: right;
        flex: 0 0 auto;
        margin: 50px 0
    }

    .pp-img {
        width: 100%;
    }

    .okleft-3 {
        display: none;
        float: left;
        font-size: 0px;
        width: 100%;
        height: 190px;
        margin: 0px 0;
        background: #000 url(../image/okdd.webp) 0% 80px no-repeat;
        background-size: 100% auto
    }

    .newith {
        width: 100%;
        margin: 0px auto;
        padding: 100px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #000, #333);
        font-size: 14px;
    }

    .ne-tit {
        width: 100%;
        font-size: 32px;
        line-height: 50px;
        margin: 0 0 20px 0;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }

    .ne-titw {
        width: 100%;
        font-size: 16px;
        margin: 0 0 30px 0;
        line-height: 30px;
        font-weight: 500;
        text-align: center;
        color: #ccc;
    }

    .ne-tex {
        width: 100%
    }

    .ne-tex li {
        float: left;
        width: 40%;
        padding: 0 0%;
        margin: 0px 5%;
        color: #fff;
        height: 350px;
        overflow: hidden;
    }

    .ne-tex li img {
        max-width: 100%;
        display: block;
        margin: 20px auto;
        height: 118px
    }

    .ne-tex .ntit {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        font-size: 16px;
        margin: 0 0 20px 0
    }

    .ne-tex .ntxt {
        float: left;
        width: 100%;
        margin: 0%;
        color: #ccc;
        font-size: 14px;
        line-height: 25px;
    }

    .jr {
        width: 100%;
        padding: 100px 0;
        background: linear-gradient(-45deg, #333, #000);
    }

    .jr-tit {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 50px 0;
        font-weight: 700;
        color: #fff;
        font-size: 28px;
        line-height: 40px;
    }

    .jr-ms {
        float: left;
        width: 80%;
        border-radius: 100px;
        margin: 0px 10%;
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #fff;
    }

    .jr-ms a {
        color: #000;
        font-weight: 700;
        font-size: 22px
    }

    .jr-ms:hover {
        transition: all 1s ease 0s;
        background: #bcff2f;
    }

    .jr-ms a:hover {
        transition: all 1s ease 0s;
        color: #000;
    }

    .imwith {
        width: 100%;
        margin: 0px auto;
        padding: 100px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #000, #333);
        font-size: 14px;
    }

    .imwith img {
        width: 100%;
    }

    .nswith {
        width: 100%;
        margin: 0px auto;
        padding: 100px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #000, #333);
        font-size: 14px;
    }

    .nlist dd {
        width: 100%;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
    }

    .nlist dd a {
        color: #fff;
        background: url(../image/10.webp) 0% 8px no-repeat;
        line-height: 40px;
        font-size: 14px;
        background-size: 5px 5px;
        border-bottom: 0px solid #666;
        padding: 0 0 0 15px;
    }

    .nlist dd a:hover {
        transition: all 1s ease 0s;
        color: #bcff2f;
    }

    .foot {
        width: 100%;
        float: left;
        margin: 100px 0
    }

    .logofoot {
        float: left;
        width: 100%;
        margin: 0 1% 50px 1%;
    }

    .logofoot img {
        height: 45px;
        display: block;
        margin: 0px auto;
    }

    .logofoot a {
        color: #fff;
        line-height: 40px;
    }

    .logofoot p {
        color: #fff;
        line-height: 50px;
        font-size: 12px;
        text-align: center
    }

    .menufoot {
        display: none;
        float: left;
        width: 14.666%;
        margin: 0 1% 50px 1%;
    }

    .menufoot li {
        line-height: 40px;
    }

    .menufoot a {
        color: #666;
    }

    .titfoot {
        color: #fff;
        font-size: 16px;
        margin: 20px 0;
        font-weight: 700;
    }

    .footer {
        text-align: center;
        height: 40px;
        line-height: 20px;
        color: #555;
        font-size: 12px;
        border-top: 1px solid #333;
        margin: 0px 0 60px 0 ;
        padding: 20px 0 0 0;
    }

    .titfootxz {
        float: left;
        width: 90%;
        border-radius: 100px;
        margin: 0px 5%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        background: #fff;
    }

    .titfootxz a {
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .titfootxz:hover {
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        background: #bcff2f;
    }

    .titfootxz a:hover {
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        color: #000
    }

    .titfootewm {
        float: left;
        width: 90%;
        border-radius: 100px;
        margin: 30px 5%;
    }

    .titfootewm img {
        width: 100%;
        border-radius: 16px;
    }

    #oktop {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: url(../image/top.png) no-repeat;
        background-size: 40px 40px;
        position: fixed;
        bottom: 158px;
        right: 5%;
        display: none;
    }

    #okxz {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #bcff2f;
        color: white;
        font-size: 16px;
        padding: 10px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
    }

    #okxz a {
        color: #000;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) {
   

    .wart {
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }

    

    .vdwith {
        float: left;
        width: 90%;
        margin: 5% 5% 5% 5%;
        min-height: 75vh
    }

    .okleft {
        float: left;
        width: 65%;
    }

    .okleft-1 {
        float: left;
        line-height: 50px;
        font-size: 59px;
        margin: 80px 0 0 0;
        font-weight: 700;
        color: #fff;
    }

    .okleft-1 p {
        float: left;
        line-height: 50px;
        font-size: 22px;
        margin: 28px 0 0 0;
        font-weight: 500;
        color: #bbb;
    }

    .okleft-2 {
        float: left;
        width: 100%;
        margin: 0px auto;
    }

    .okleft-2 a {
        float: left;
        width: 30%;
        border-radius: 100px;
        margin: 50px 5% 0 0%;
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #fff;
        color: #000;
        font-size: 18px
    }

    .okleft-2 a:hover {
        transition: all 1s ease 0s;
        font-weight: 700;
        color: #000
    }

    .okleft-2 a.bbk {
        background: #bcff2f;
        ;color: #000;
    }

    .okright {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 12px;
        width: 35%;
        float: right;
        flex: 0 0 auto;
    }

    .pp-img {
        width: 100%;
    }

    .okleft-3 {
        float: left;
        font-size: 0px;
        width: 100%;
        height: 190px;
        margin: 0 0;
        background: #000 url(../image/okdd.webp) 0% 80px no-repeat;
        background-size: 500px 100px
    }

    .newith {
        width: 100%;
        margin: 0px auto;
        padding: 150px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #000, #333);
        font-size: 14px;
    }

    .ne-tit {
        width: 100%;
        font-size: 32px;
        margin: 0 0 20px 0;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }

    .ne-titw {
        width: 100%;
        font-size: 16px;
        margin: 0 0 80px 0;
        font-weight: 500;
        text-align: center;
        color: #ccc;
    }

    .ne-tex {
        width: 100%
    }

    .ne-tex li {
        float: left;
        width: 17%;
        padding: 0 2%;
        margin: 0 1.5%;
        color: #fff;
    }

    .ne-tex li img {
        max-width: 100%;
        display: block;
        margin: 10px auto;
        height: 149px
    }

    .ne-tex .ntit {
        float: left;
        text-align: center;
        font-weight: 700;
        width: 100%;
        font-size: 16px;
        margin: 0 0 20px 0
    }

    .ne-tex .ntxt {
        float: left;
        width: 100%;
        margin: 0%;
        color: #ccc;
        font-size: 16px;
        line-height: 28px;
    }

    .jr {
        width: 100%;
        padding: 200px 0;
        background: linear-gradient(-45deg, #333, #000);
    }

    .jr-tit {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 80px 0;
        font-weight: 700;
        color: #fff;
        font-size: 52px;
        line-height: 60px;
    }

    .jr-ms {
        float: left;
        width: 30%;
        border-radius: 100px;
        margin: 0px 35%;
        text-align: center;
        height: 60px;
        line-height: 60px;
        background: #fff;
    }

    .jr-ms a {
        color: #000;
        font-weight: 700;
        font-size: 22px
    }

    .jr-ms:hover {
        transition: all 1s ease 0s;
        background: #bcff2f;
    }

    .jr-ms a:hover {
        transition: all 1s ease 0s;
        color: #000;
    }

    .imwith {
        width: 100%;
        margin: 0px auto;
        padding: 100px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #000, #333);
        font-size: 14px;
    }

    .imwith img {
        width: 100%;
    }

    .nswith {
        width: 100%;
        margin: 0px auto;
        padding: 100px 0;
        overflow: hidden;
        background: linear-gradient(-45deg, #333, #000);
        font-size: 14px;
    }

    .nlist dd {
        width: 100%;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
    }

    .nlist dd a {
        color: #fff;
        background: url(../image/10.webp) 0% 8px no-repeat;
        line-height: 40px;
        font-size: 14px;
        background-size: 5px 5px;
        border-bottom: 0px solid #666;
        padding: 0 0 0 15px;
    }

    .nlist dd a:hover {
        transition: all 1s ease 0s;
        color: #bcff2f;
    }

   
    .menufoot {
        float: left;
        width: 14.666%;
        margin: 0 1% 50px 1%;
    }

    .menufoot li {
        line-height: 40px;
    }

    .menufoot a {
        color: #666;
    }

    .titfoot {
        color: #fff;
        font-size: 16px;
        margin: 20px 0;
        font-weight: 700;
    }

    

    .titfootxz {
        float: left;
        width: 90%;
        border-radius: 100px;
        margin: 0px 5%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        background: #fff;
    }

    .titfootxz a {
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .titfootxz:hover {
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        background: #bcff2f;
    }

    .titfootxz a:hover {
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        color: #000
    }

    .titfootewm {
        float: left;
        width: 90%;
        border-radius: 100px;
        margin: 30px 5%;
    }

    .titfootewm img {
        width: 100%;
        border-radius: 16px;
    }

    #oktop {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: url(../image/top.png) no-repeat;
        background-size: 40px 40px;
        position: fixed;
        bottom: 158px;
        right: 5%;
        display: none;
    }

    #okxz {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #bcff2f;
        color: white;
        font-size: 16px;
        padding: 10px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
    }

    #okxz a {
        color: #000;
        font-size: 16px;
    }
}
ul {
  list-style-type: none; /* 移除默认的列表样式 */
}
 
li::marker {
  content: none; /* 清除marker内容 */
}
/**翻页**/
.pagebar{margin:20px 0 0 0;text-align: center;}
.pagebar .page1{display:inline-block;background-color:#fff;line-height:32px;width:32px;border-radius:3px;margin:0 5px;color:#b2b2b2;text-align:center}
.pagebar .page1:hover , .pagebar .now-page{background-color:#23292f;color:#fff}