@charset "utf-8";
html,body,div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
mark,audio,video {margin: 0;padding: 0;border: 0;font: inherit;}
ol, ul,li {list-style: none;}
* { padding: 0; margin: 0 }
img { border: 0 none; vertical-align: middle;font-size: 0;}
ul { list-style: none }
em { font-style: normal }
table { border-collapse: collapse }
textarea { resize: none; overflow-y: auto }
input, textarea {}
a{ text-decoration:none; color: inherit}
html, body { overflow-x: hidden; line-height: normal; background: #000;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif; }   
/*代码内容*/
.ob{
   
}
.ob_nr{
    width: 500px;
    height: 789px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/04.jpg);
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
}
.pop_bg{
    position: fixed;
    background-color: rgba(40, 40, 67, 0.9);
    width: 100%;
    height: 100vh;
    z-index: 3;
    display: none;
}
.pop_sqtxz .pop_gb{
    top: -60px;
}
.pop_sqtxz{
    position: absolute;
    width: 430px;
    height: 430px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center; 
}
.pop_sqtxz iframe{
    width: 430px;
    height: 430px;
}
.pop_gb{
    text-align: right;
    position: absolute;
    top:0;
    right: 0;
}
.pop_gb img{
    width: 48px;
}
.pop_dlht{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/27.png);
    background-size: 100% auto;
}
.pop_dlht .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_dlht_list{
    position: relative;
    padding-top: 150px;
    margin-left: 110px;
}
.pop_dlht_list p{
    line-height: 120%;
    position: relative;
    width: 200px;
    border: 1px solid #80643d;
    font-size: 10px;
    color: #80643d;
    padding: 2px 5px;
    margin-bottom: 5px;
    min-height: 24px;
    display:flex; 
    align-items:center
}
.pop_dlht_list p img{
    position: absolute;
    right: -30px;
    top: -7px;
    width: 97px;
}
.pop_jsbd{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/30.png?v=202604270013);
    background-size: 100% auto;
}
.pop_jsbd .pop_gb{
    top: 0;
}
.pop_jsbd_list{
    position: relative;
    margin-left: 116px;
    margin-top: 140px;
}
.pop_jsbd_list p{
    line-height: 120%;
    position: relative;
    width: 200px;
    border: 1px solid #80643d;
    font-size: 14px;
    color: #80643d;
    padding: 5px 5px;
    margin-bottom: 10px;
}
.pop_jsbd_list p img{
    position: absolute;
    right: 5px;
    top: 8px;
    width: 19px;
}
.pop_jsbd_botton{
    text-align: center;
}
.pop_jsbd_botton img{
    width: 159px;
}
.pop_cjcsmx{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/31.png);
    background-size: 100% auto;
}
.pop_cjcsmx .pop_gb{
    top: 0;
}
.pop_cjcsmx_list{
    position: relative;
    margin-left: 128px;
    margin-top: 185px;
    font-size: 12px;
    color: #80643d;
    width: 212px;
    height: 92px;
    overflow-y: auto;
}
.pop_tjzskf{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/32.png);
    background-size: 100% auto;
}
.pop_tjzskf .pop_gb{
    top: 0;
}
.pop_mrfx{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/33.png?v=20260424);
    background-size: 100% auto;
}
.pop_mrfx .pop_gb{
    top: 0;
}
.pop_ckswjj{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/27.png);
    background-size: 100% auto;
}
.pop_ckswjj .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_ckswjj_list{
    position: relative;
    margin-top: 160px;
    margin-left: 70px;
    max-height: 136px;
    overflow-y: auto;
    width: 340px;
}
.pop_ckswjj_list p{
    line-height: 120%;
    position: relative;
    width: 180px;
    border: 1px solid #80643d;
    font-size: 14px;
    color: #80643d;
    padding: 2px 5px;
    margin-bottom: 10px;
    height: 32px;
    display: flex;
    align-items: center; 
    border-radius: 6px;
    padding-right: 60px;
}
.pop_ckswjj_list p img{
    position: absolute;
    right: -80px;
    top: -8px;
    width: 145px;
}
.pop_ckswjj{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/27.png);
    background-size: 100% auto;
}
.pop_ckswjj .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_cjjp{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/37.png);
    background-size: 100% auto;
}
.pop_cjjp .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_cjjp_yes_01{
    text-align: center;
    padding-top: 95px;
}
.pop_cjjp_yes_01 img{
   width: 180px;
}
.pop_cjjp_yes_02{
    width: 130px;
    height: 100px;
    border-radius: 4px;
    border: 1px solid #80643d;
    margin: 10px auto 5px;
    text-align: center
}
.pop_cjjp_yes_02 img{
    height:60px ;
    margin: 5px 0;
}
.pop_cjjp_yes_02 p{
    width: 120px;
    margin-left: 5px;
    font-size: 11px;
    color: #80643d;
    word-break: break-all;
}
.pop_cjjp_yes_03{
    text-align: center;
}
.pop_cjjp_yes_03 img{
    width: 116px;
}
.pop_cjjp_no_01{
    text-align: center;
    padding-top: 100px;
}
.pop_cjjp_no_01 img{
    width: 127px;
}
.pop_cjjp_no_02{
    text-align: center;
    padding-top: 30px;
}
.pop_cjjp_no_02 img{
    width: 127px;
}
.pop_txdz{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/42.png);
    background-size: 100% auto;
}
.pop_txdz .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_txdz_list{
    position: relative;
    margin-left: 145px;
    margin-top: 98px;
}
.pop_txdz_list p{
    line-height: 120%;
    position: relative;
    width: 160px;
    border: 1px solid #80643d;
    font-size: 12px;
    color: #80643d;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.pop_txdz_botton{
    text-align: center;
    margin-top: 18px;
}
.pop_txdz_botton img{
    width: 139px;
}
.pop_yqhy{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/37.png);
    background-size: 100% auto;
}
.pop_yqhy_ .pop_gb{
    top: 0;
    z-index: 1;
}
.pop_yqhy_nr{
    text-align: center;
}
.pop_yqhy_nr_01{
    font-size: 16px;
    color: #80643d;
    line-height: 150%;
    width: 70%;
    margin-left: 15%;
    white-space: pre-wrap; 
    word-wrap: break-word;
    margin-top: 110px;
    max-height: 105px;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}
.pop_yqhy_nr_02 img{
    width: 145px;
    padding: 10px 0 5px;
}
.pop_yqhy_nr_03{
    font-size: 12px;
    color: #80643d;
}
.pop_bdwx{
    position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center; 
}
.pop_bdwx_01{
    width: 450px;
    height: 350px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/46.png);
    background-size: 100% auto;
    text-align: center;
}
.pop_bdwx_01 img{
    width: 117px;
    margin-top: 230px;
    
}
.pop_bdwx_02{
    width: 450px;
    height: 350px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/47.png);
    background-size: 100% auto;
    text-align: center;
}
.pop_bdwx_02{
    text-align: center;
}
.pop_bdwx_02 img{
    width: 110px;
    margin-top: 147px;
    margin-left: 10px;
}
.pop_hdgz{
    position: absolute;
    width: 450px;
    height: 603px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/49.png);
    background-size: 100% auto;
}
.pop_hdgz .pop_gb{
    top: 0;
}
.pop_hdgz_nr{
    width: 308px;
    height: 368px;
    color: #80643d;
    font-size: 13px;
    line-height: 150%;
    overflow-y: auto;
    margin-left: 86px;
    margin-top: 180px;
}
.pop_hdgz_nr a{
    color: #4a6ee0;
}
.pop_hdgz_nr p{
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;

}
.pop_hdgz_qj{
    position: absolute;
    right: 0;
    top: 490px;
}
.pop_hdgz_qj img{
    width: 179px;
}
.pop_gzggh{
     position: absolute;
    width: 450px;
    height: 350px;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center; 
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/50.png?v=20260427);
    background-size: 100% auto;
}
.ob_bdjs_bz span{
    display: inline-block;
}
.ob_bdjs_bz {
    font-size: 10px;
    color: #d5c195;
    opacity: 0.7;
    width: 360px;
    position: absolute;
    left: 50%;
    margin-left: -170px;
    text-align: center;
    top: 380px;
}
































.pop_open{display: block;}
.ob_nr_01{
    width: 48px;
    position: absolute;
    top: 110px;
    right: 20px;
}
.ob_nr_01 img{
    width: 100%;
}
.ob_nr_02{
    text-align: center;
    color: #fff;
    position: absolute;
    top: 585px;
    width: 100%;
}
.ob_nr_02_01 img{
    width: 124px;
}
.ob_nr_02_02 span{
    display: inline-block;
}
.ob_nr_02_02 img{
    width: 54px;
    margin-left: 5px;
}
.ob_nr_03{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 610px;
}
.ob_nr_03 img{
    width: 226px;
}
.ob_lb{
    width: 500px;
    height: 443px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/13.jpg);
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
}
.ob_lb_01{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 85px;
    z-index: 2;
}
.ob_lb_01 img{
    width:219px ;
}
.ob_lb_02{
    padding-top: 155px;
    position: relative;
}
 .container {
    margin: 0 auto;
    width: 395px;
}

.slider-container {
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    
   
}

.slider-wrapper {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: grab;
}

.slider-wrapper.dragging {
    transition: none;
    cursor: grabbing;
}

.slide {
    flex: 0 0 100%;
    height: 259px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
}

.slide h3 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
}

.slide img {
    width: 395px;
}


.slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 15px;
}

.slider-btn {
    width: 50px;
    height: 50px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 22px;
    position: absolute;
}
.slider-btn img{
    width: 30px;
}
#prev-btn{
    left: -40px;
    top: 268px;
}
#next-btn{
    right: -40px;
    top: 268px;
}
.slider-btn:hover, .slider-btn:active {
    transform: scale(1.05);
}

.slider-btn:active {
    transform: scale(0.95);
}

.indicators {
    display: flex;
    gap: 10px;
}

.indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color:#24243f;
    border: 1px solid #d5bf6c;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active {
    background-color: #d5bf6c;
    transform: scale(1.2);
}

.auto-toggle {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #444;
    font-weight: 500;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .toggle-slider {
    background-color: #667eea;
}

input:checked + .toggle-slider:before {
    transform: translateX(24px);
}


.touch-hint {
    display: inline-flex;
    align-items: center;
    background-color: #f1f1f1;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 5px;
    font-size: 14px;
}
.ob_bdjs{
    width: 500px;
    height: 445px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/16.jpg);
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
}
.ob_bdjs_01{
    text-align: center;
    width: 100%;
    position: absolute;
    top: 305px;
}
.ob_bdjs_01 img{
    width: 167px;
    margin: 0 5px;
}
.ob_bdjs_01 img:first-child{
    margin-left: 28px;
}
.ob_bdjs_02{
    font-size: 12px;
    color: #c4b067;
    position: absolute;
    top: 358px;
    text-align: center;
    left: 73px;
    width: 200px;
}
.ob_cj{
    width: 500px;
    height: 767px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/21.jpg);
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
}
.ob_cj_01{
    font-size: 12px;
    color: #d5bf6c;
    width: 100%;
    text-align: center;
    padding-top: 75px;
}
.ob_cj_02 .container{
    width: 100%;
}
.marquee-box {
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.marquee-label {
    background: #4a6ee0;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.marquee-wrapper {
    display: inline-block;
    width: calc(100%); /* 减去标签和边距宽度 */
    overflow: hidden;
    position: relative;
    height: 30px;
    vertical-align: middle;
}

.marquee-content {
    position: absolute;
    white-space: nowrap;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    line-height: 30px;
}

.marquee-text {
    display: inline-block;
    margin-right: 40px;
}

.hot {
    color: #e74c3c;
    font-weight: bold;
}
.marquee-text img{
width: 37px;
margin-right: 3px;
} 
/* 1. 九宫格布局 */
.grid-container {
display: grid;
grid-template-columns: repeat(3, 132px);
gap: 10px;
margin: 1px auto;
width: 400px;
}

.box {
width: 132px;
height: 130px;
background-color:none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0px;
font-weight: bold;
color: #333;
opacity: 0.7;
}

/* 跑灯高亮状态 */
.box.active {
background-color: #ff4757;
color: white;
box-shadow: 0 0 10px #ff4757;
}

/* 2. 自定义弹框样式 */
.modal {
display: none; 
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); 
background: #fff;
padding: 30px 40px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
border: 2px solid #ff4757;
}

.modal h3 { margin-top: 0; color: #ff4757; }
.modal button {
margin-top: 15px;
padding: 8px 24px;
background-color: #ff4757;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.ob_cj_ljcj{

}
.ob_cj_ljcj img{
    width: 219px;
}
.ob_cj_ljcj{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 592px;
}

.ob_cj_05{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 676px;
}
.ob_cj_05 img{
    width: 157px;
}
.ob_cj_06{
    font-size: 11px;
    color: #d7ac59;
    width: 100%;
    text-align: center;
    top: 735px;
    position: absolute;
}
.ob_rw{
     width: 500px;
    height: 883px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/24.jpg?v=20260424);
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
}
.ob_rw img{
    width:111px;
}
.ob_rw_01{
    right: 52px;
    position: absolute;
    top: 124px;
}
.ob_rw_02{
    right: 52px;
    position: absolute;
    top: 218px;
}
.ob_rw_03{
    right: 52px;
    position: absolute;
    top: 310px;
}
.ob_rw_04{
    right: 52px;
    position: absolute;
    top: 394px;
}
.ob_rw_05{
    right: 52px;
    position: absolute;
    top: 486px;
}
.ob_rw_06{
    right: 52px;
    position: absolute;
    top: 572px;
}
.ob_rw_07{
    right: 52px;
    position: absolute;
    top: 657px;
}
.pop_cjjp_yes_04{
    font-size: 12px;
    text-align: center;
    color: #80643d;
}
.form-item{
    color: #80643d;
    border: 1px solid #d5c195;
    height: 22px;
    width: 230px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 4px;
}
.form-item input{
    background: none;
    border: 0;
    color: #80643d;
    height: 27px;
    width: 160px;
    font-size: 12px;
}
.form-item:last-child{
    height: 27px;
}
.form-item textarea{
    font-size: 12px;
    width: 160px;
    height: 27px;
    border: 0;
    background: none;
    vertical-align: middle;
    line-height: 27px;
}
.form-item label{
    margin-left: 5px;
    width: 60px;
    display: inline-block;
}
.pop_txdz_nr{
    margin-left: 120px;
    margin-top: 110px;
}
.form-button{
    text-align: center;
    width: 232px;
    margin-top: 22px;
}
.form-button img{
    width: 117px;
}
.ob_cj_ljcj{
    width: 100%;
}
.ob_cj_03{
    width: 100%;
}



.ob_rw_yqhy{
    font-size: 14px;
    color: #d7ac59;
    text-align: right;
    position: absolute;
    right: 20px;
    width: 140px;
    text-align: center;
}

@media (max-width: 500px){
   .ob{
    width: 100%;          
    max-width: 500px;     
    margin: 0 auto;
    background:none;
    margin-left: 0;
    }
    .pop_hdgz,.pop_sqtxz,.pop_bdwx,.pop_hdgz,.pop_dlht,.pop_jsbd,.pop_cjcsmx,.pop_tjzskf,.pop_mrfx,.pop_ckswjj,.pop_cjjp,.pop_txdz,.pop_yqhy,.pop_gzggh{
    transform: translate(-50%, -50%) scale(0.8);
    }
    .ob_rw_yqhy{
        font-size: 11px;
        color: #d7ac59;
        text-align: right;
        position: absolute;
        right: 0px;
        width: 110px;
        text-align: center;
    }
}

@media screen and (min-width: 501px) {
.ob_bdjs_bz {
    font-size: 14px;
    color: #d5c195;
    opacity: 0.5;
    width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    text-align: center;
    top: 250px;
}

.ob_nr{
width: 2560px;
height: 1200px;
background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/pc-01.jpg);
background-size: 100% auto;
margin: 0 auto;
position: relative;
}
.ob_nr_01{
    width: 66px;
    top: 210px;
    right: 480px;
    position: absolute;
}
.ob_nr_02{
    top: 932px;
}

.ob_nr_02_01 img{
    width: 156px;
}

.ob_nr_03{
    top: 985px;
}

.ob_nr_03 img{
    width: 325px;
}
.ob_lb{
    width: 2560px;
    height: 900px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/pc-02.jpg);
}
.ob_lb_01{
    top: 170px;
}
.ob_lb_01 img{
    width: 305px;
}
.container{
    width: 830px;
}
.slide img{
    width: 830px;
}
.slide{
    height: 540px;
}
.slider-btn{
    width: 100px;
    height: 100px;
}
.slider-btn img{
    width: 60px;
}
#prev-btn{
    left: -120px;
    top: 520px;
}
#next-btn{
    right: -120px;
    top: 520px;
}
.indicator{
    width: 10px;
    height: 10px;
}
.slider-controls{
    margin-top: 20px;
}
.ob_lb_02{
    padding-top: 285px;
}
.ob_bdjs{
    width: 2560px;
    height: 900px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/pc-03.jpg);
}
.ob_bdjs_01 img{
    width: 320px;
    margin: 0 35px;
}
.ob_bdjs_01{
    top: 620px;
}
.ob_bdjs_02{
    left: 50%;
    width: 400px;
    font-size: 22px;
    top: 730px;
    margin-left: -400px;
    text-align: center;
}
.ob_cj{
     width: 2560px;
    height: 1150px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/pc-04.jpg);
}
.ob_cj_02{
    width: 712px;
    margin: 0 auto;
}
.ob_cj_01{
    font-size: 18px;
    padding-top:120px
}
.ob_cj_ljcj{
    top: 883px;
}
.ob_cj_ljcj img{
    width: 310px;
}
.ob_cj_05{
    top: 1012px;
}
.ob_cj_05 img{
    width: 240px;
}
.ob_cj_06{
    font-size: 16px;
    top: 1100px;
}
.ob_rw{
    width: 2560px;
    height: 1546px;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0126/uwo/pc-05.jpg);
}
.ob_rw div{
    width: 1170px;
    margin: 0 auto;
    left: 50%;
    margin-left: -585px;
    text-align: right;
}
.ob_rw img{
    width: 140px;
    margin-right: 20px;
}
.ob_rw_01{
    top: 172px;
}
.ob_rw_02{
    top: 305px;
}
.ob_rw_03{
    top: 440px;
}
.ob_rw_04{
    top: 572px;
}
.ob_rw_05{
    top: 708px;
}
.ob_rw_06{
    top: 838px;
}
.ob_rw_07{
    top: 972px;
}

.ob_cj_03{
    width: 1400px;
    margin: auto;
}
.grid-container {
display: grid;
grid-template-columns: repeat(3, 196px);
gap: 17px;
margin-left: 400px;
margin-top: 47px;
width: 630px;
}

.box {
width: 196px;
height: 193px;
background-color:none;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0px;
font-weight: bold;
color: #333;
opacity: 0.7;
}
.ob_cj_ljcj{
    width: 1400px;
}
.ob_nr_02_02{
    font-size: 24px;
}

}



@media (501px <= width <= 1400px) {
    .pop_hdgz,.pop_sqtxz,.pop_bdwx,.pop_hdgz,.pop_dlht,.pop_jsbd,.pop_cjcsmx,.pop_tjzskf,.pop_mrfx,.pop_ckswjj,.pop_cjjp,.pop_txdz,.pop_yqhy,.pop_gzggh{
    transform: translate(-50%, -50%) scale(1);}
}

@media screen and (min-width: 1401px){
    .pop_hdgz,.pop_sqtxz,.pop_bdwx,.pop_hdgz,.pop_dlht,.pop_jsbd,.pop_cjcsmx,.pop_tjzskf,.pop_mrfx,.pop_ckswjj,.pop_cjjp,.pop_txdz,.pop_yqhy,.pop_gzggh{
    transform: translate(-50%, -50%) scale(1.2);}
}










/* 按钮点击事件 */
.ob_nr_01 img:hover{
     transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_nr_02_01 img:hover{
     transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_nr_02_02 img:hover{
     transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_nr_03 img:hover{
     transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_lb_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_bdjs_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_cj_ljcj img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_cj_05 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_rw img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_gb img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_dlht_list p img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_jsbd_botton img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_ckswjj_list p img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_cjjp_yes_03 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_cjjp_no_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_txdz_botton img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.pop_yqhy_nr_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
}
.ob_bdjs_02 font:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
} 
.form-button img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
} 
.pop_bdwx_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1); 
    opacity: 0.7;
    cursor: pointer;
} 





/* 提示信息样式 */
#copyToast {
    visibility: hidden; /* 默认隐藏 */
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
}
/* 提示信息显示时的样式 */
#copyToast.show {
    visibility: visible;
    opacity: 1;
}
/* 1. 设置整个页面滚动条的宽度 */
::-webkit-scrollbar {
    width: 8px;  /* 纵向滚动条的宽度 */
    height: 8px; /* 横向滚动条的高度 */
}

/* 2. 设置滚动条的轨道（底色） */
::-webkit-scrollbar-track {
    background:rgba(0, 0, 0, 0.3);; /* 浅灰色底色 */
    border-radius: 4px;  /* 稍微加点圆角更柔和 */
}

/* 3. 设置滚动条滑块（你拖动的那部分，也就是主要颜色） */
::-webkit-scrollbar-thumb {
    background: #282842; /* 这里改成你想要的颜色，比如红色 */
    border-radius: 4px;  /* 滑块也加上圆角 */
}

/* 4. （可选）鼠标悬浮在滑块上时，颜色稍微变深一点 */
::-webkit-scrollbar-thumb:hover {
    background: #282842; 
}