@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;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#222;font-size:14px;height:40px}   
.head p{float:left;color:#fff;width: 50%;margin: 0 auto;font-size:12px;overflow: hidden;line-height:40px;}   
.head span{float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px}   
.head span a{float:right;font-size:14px;color:#fff;font-size:12px;text-align:right;margin:0 0 0 30px}   

.logo{float:left;color:#fff;width: 30%;height:60px;margin: 20px auto;overflow: hidden;line-height:40px;}
.logo img{height:30px;margin:5px 0 0 0}
.menu{float:right;width: 60%;margin: 15px auto;height:60px;overflow: hidden; line-height:60px} 
.menu li{float:right;} 
.menu li a{color:#bbb;font-size:16px;line-height:60px;text-align:LEFT;margin:0 0 0 20px}   
.menu li a:hover{ transition: all 1s ease 0s;color:#fff}   
.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(/okxcss/img/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(/okxcss/img/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(/okxcss/img/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) {
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: 1200px;margin: 0 auto;overflow: hidden;}
.head{width: 100%;margin: 0 auto;overflow: hidden;background:#222;height:40px}   
.head p{float:left;color:#fff;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px;}   
.head span{float:right;width: 50%;margin: 0 auto;overflow: hidden;line-height:40px}   
.head span a{float:right;color:#fff;text-align:right;margin:0 0 0 30px}   

.logo{float:left;color:#fff;width: 30%;height:60px;margin: 30px auto;overflow: hidden;line-height:40px;}
.logo img{height:30px;}
.menu{float:right;width: 60%;margin: 20px auto;overflow: hidden;line-height:60px} 
.menu li{float:right;} 
.menu li a{color:#bbb;font-size:18px;text-align:LEFT;margin:0 0 0 40px}   
.menu li a:hover{ transition: all 1s ease 0s;color:#fff}   
.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(/okxcss/img/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(/okxcss/img/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% 60px 1%;}
.logofoot img{height:45px;margin:0 30px 0 0; }
.logofoot a{color:#fff;line-height:40px;}
.logofoot p{color:#fff;line-height:50px;font-size:12px;text-align:left}
.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;}
.footer{height:40px;line-height:40px;color:#555;border-top:1px solid #333;margin:0px 0 80px 0 ;padding:30px 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(/okxcss/img/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;}
}

.menufoot li {
    color: #fff;
}

.footer a {
    color: #fff;
}

.footer .wart {
    color: #fff;
}