@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 {  line-height: normal; background: #000;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif; }
/*代码内容*/
.pc_index{
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-01.jpg?v=20260125001) top center no-repeat;
     background-size: 100%;
    position: relative;
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
}
.pc_index_left {
    position: relative;
    width: 81%;
    height: 1080px;
}
.pc_index_left img{
    width: 100%;
}
.pc_index_left_01{
    position: absolute;
    width: 29%;
    margin-left: 3.5%;
    margin-top: 3.5%;
   animation: an_01 0.5s linear forwards;
    animation-delay:1s;
    -webkit-animation-delay:1s;
    opacity: 0;
}

.pc_index_left_02{
    position: absolute;
    width: 15%;
    right: 10.3%;
    margin-top: 0.8%;
    animation: an_02 0.5s linear forwards;
    animation-delay:2s;
    -webkit-animation-delay:2s;
    opacity: 0;
}
.pc_index_left_03{
    position: relative;
    left: 10%;
    width: 100%;
    z-index: 2;

}

.pc_index_dlq_01{
     position: absolute;
     width: 6.5%;
     left: 2.8%;
     margin-top: 1%;
      padding-top: 15.5%;

}
.pc_index_dlq_02{
    position: absolute;
    width: 6.5%;
    left: 23.7%;
     margin-top: 4.2%;
      padding-top: 15.5%;
}
.pc_index_dlq_03{
     position: absolute;
     width: 6.5%;
     left: 46%;
     margin-top: 0.2%;
      padding-top: 15.5%;
}
.pc_index_dlq_04{
    position: absolute;
    width: 6.5%;
    left: 68.7%;
     margin-top: 3.5%;
      padding-top: 15.5%;
}
.pc_index_left_04{
    width: 86.9%;
    position: absolute;
    left: 0%;
     animation: an_03 0.5s linear forwards;
    animation-delay:3s;
    -webkit-animation-delay:3s;
    opacity: 0;
    margin-top: 702px;

}
.pc_index_left_05{
    position: absolute;
    width: 70%;
    left: 19%;
    margin-top: 1000px;
}
.pc_index_left_06{
     position: absolute;
    width: 93%;
    left: 0.3%;
     margin-top: 26%;
}
.pc_index_left_07{
    display: inline-block;
    width: 150px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #e8d0af;
    color: #e8d0af;
    position: absolute;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    top: 55px;
    left: 35%;
    z-index: 2;
}
.pc_index_left_08{
    display: inline-block;
    width: 150px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #e8d0af;
    color: #e8d0af;
    position: absolute;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    top: 55px;
    left: 46.5%;
}
.pc_index_left_09_01{
     display: inline-block;
    width: 100px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #e8d0af;
    color: #e8d0af;
    position: absolute;
    font-size: 24px;
    text-align: center;
    line-height: 42px;
    top: 55px;
    right: 28%;
}
.pc_index_left_09_02{
    font-size: 16px;
    text-align: right;
    color: #fff;
    position: absolute;
    height: 42px;
    top: 55px;
    right: 28%;
    line-height: 42px;
}
.pc_index_left_09_02 span{
    margin-left: 6px;
    color: #e8d0af;
}




.pc_index_right{
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-07.png) top center no-repeat;
     background-size:100%;
     margin: 0 auto;
    top: 0;
    right: 0;
    position: absolute;
    width: 24.8%;
    height: 1080px;
}

.pc_index_right_01{
    position: relative;
    height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 210px;
}
.pc_index_right_00{
    display: inline-block;
    width: 34%;
    position: absolute;
    right: 2%;
}
.pc_index_right_list{
    position: relative;
    transform: scale(1);
    transform-origin: top left;
}
.pc_index_rw_left{
    width: 17rem;
    float: left;
    margin-left: 5px;
}
.pc_index_rw_left img{
    width: 100%;
}

.pc_index_rw_right{
    width: 8.9rem;
    float: left;
    margin-top: 28px;
    position: absolute;
    margin-left: 285px;
}
.pc_index_rw_right img{
    width: 100%;
    margin-top: 7px;
}
.pc_index_right_zudui_01{
    position: relative;
    text-align: center;
    width: 100%;
}
.pc_index_right_zudui_01 img{
    width: 50%;
}
.pc_index_right_zudui_01_00{
     width: 80%;
     margin-left: 10%;
}
.pc_index_right_zudui_01_00{
    margin-top: 56%;
}
.pc_index_right_zudui_01_01{
    margin-top: 8%;
}
.pc_index_right_zudui_01_02{
    margin-top: 1%;
}
.pc_index_right_zudui_02{
    position: relative;
}
.pc_index_right_zudui_02_01_01{
    overflow: hidden;
    margin-bottom: 12px;
}
.pc_index_right_zudui_02_01_01_01{
    float: left;
    width: 72px;
}
.pc_index_right_zudui_02_01_01_02{
    width:160px;
    border: 1px solid #9b8977;
    border-radius: 8px;
    height: 70px;
    float: left;
    margin-left: 8px;
    font-size: 20px;
    text-align: center;
    color: #8c7966;
}
.pc_index_right_zudui_02_01_01_02 p{
    display: flex; align-items: center;
    width: 120px;
    margin-left: 20px;
    height: 70px;
}
.pc_index_right_zudui_02{
    margin-top: 295px;
    padding-left: 52px;
}
.pc_index_right_zudui_02_01_02{

}
.pc_index_right_zudui_02_01_02 img{
    width: 244px;
}
.pc_index_right_zudui_02_02{
    position: absolute;
    left: 300px;
    top: 0;
}
.pc_index_right_zudui_02_02 img{
    width: 121px;
}
.pc_index_right_zudui_02{
     transform: scale(1);
  transform-origin: top left;
  margin-left: 2px;
}





@keyframes an_01 {
    0% {

     opacity: 0;
    }
    50%{

     opacity: 50%;
    }
    100% {
        opacity: 100%;
    }
  }

@keyframes an_02 {
    0% {

     opacity: 0;
    }
    50%{

     opacity: 50%;
    }
    100% {
        opacity: 100%;
    }
  }

@keyframes an_03 {
    0% {

     opacity: 0;
    }
    50%{

     opacity: 50%;
    }
    100% {
        opacity: 100%;
    }
  }

.pop_bg{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    z-index: 3;
    display: none;
}
.pop_jlxq{
    position: absolute;
    width: 534px;
    height: 608px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-16.jpg?v=20260125001);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_jlxq_ms{
    font-size: 16px;
    color: #8c7966;
    position: absolute;
    bottom: 116px;
    width: 100%;
    text-align: center;
}
.pop_xq p{
    border-radius: 4px;
    border: 1px solid #9b8977;
    width: 357px;
    height: 40px;
    display: inline-grid;
    text-align: center;
    align-items: center;
    font-size: 16px;
    color: #8c7966;
    margin-bottom: 15px;
}
.pop_xq{
    margin-top: 234px;
}
.pop_lqjl{
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
.pop_gb{
    top: 0;
    right: -1px;
    position: absolute;
}
.pop_fxcd{
    position: absolute;
    width: 534px;
    height: 323px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-19.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_fxcd_fxcd_01{
    margin-top: 90px;
}
.pop_fxcd_fxcd_01 p{
    border-radius: 8px;
    border: 1px solid #9b8977;
    width: 357px;
    height: auto;
    text-align: left;
    align-items: center;
    font-size: 16px;
    color: #8c7966;
    margin-bottom: 5px;
    line-height: 150%;
    padding: 5PX 10px;
    word-wrap: break-word;
    display: inline-table;
}
.pop_fxcd_fxcd_02{
    margin-top: 7px;
}
.pop_fxcd_fxcd_02 img{
    margin: 0 10px;
}
.pop_cjtd{
    position: absolute;
    width: 534px;
    height: 323px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-22.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_fxcd_01{
    margin-top: 180px;
}
.pop_fxcd_01 img{
    margin: 0 10px;
}
.pop_jrtd{
      position: absolute;
    width: 534px;
    height: 323px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-24.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_jrtd_01{
    margin-top: 156px;
}
.pop_jrtd_01 input{
    border-radius: 8px;
    border: 1px solid #9b8977;
    width: 357px;
    height: 45px;
    display: inline-grid;
    text-align: center;
    align-items: center;
    font-size: 20px;
    color: #8c7966;
    margin-bottom: 15px;
    background: none;
}
.pop_jrtd_02 img{
    margin: 0 10px;
}
.pop_srnc{
      position: absolute;
    width: 534px;
    height: 323px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-25.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_srnc_01{
    margin-top: 229px;
}
.pop_srnc_01 input{
    border-radius: 8px;
    border: 1px solid #9b8977;
    width: 240px;
    height: 45px;
    display: inline-grid;
    text-align: center;
    align-items: center;
    font-size: 20px;
    color: #8c7966;
    margin-bottom: 15px;
    background: none;
    margin-right: 10px;
}
.pop_srnc_02{
    position: absolute;
    font-size: 12px;
    text-align: center;
    bottom: 26px;
    margin-left: 90px;
    color: #d70c19;
}
.pop_gzggh{
      position: absolute;
    width: 534px;
    height: 323px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-26.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_hdgz{
      position: absolute;
    width: 534px;
    height: 555px;
    text-align: center;
    background: url(https://static.web.sdo.com/dahanghai/pic/2026/WB_0115/pc-27.png);
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    transform-origin: center center;
}
.pop_hdgz_01{
    width: 434px;
    padding: 0 50px;
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 240px;
    font-size: 16px;
    color: #8c7966;
    line-height: 170%;
    text-align: left;
    padding-bottom: 10px;
}
.pop_hdgz_01 h3{
    font-size: 18px;
    font-weight: 1000;
    margin-top: 5px;
}
.pop_hdgz_01 a:hover{ color: #278de0;}
.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_sqtxz .pop_gb{
    margin-top: 0px;
    margin-right: -27px;
}














.h5_Portraitmode{display: none;}

@media (orientation: portrait) {

    .h5_Portraitmode{
            position: fixed;
            width: 100%;
            height: 100vh;
            background: #000;
            z-index: 10;
            display: block
        }
    .h5_Portraitmode_01{
        position: absolute;
        width: 400px;
        height: 177px;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
    }
    .h5_Portraitmode_01 img{
        width: 100%;
    }

}
@media (orientation: landscape) {

}
@media (max-width:1920px) {


}






.your-element {
    transition: transform 0.3s ease; /* 平滑过渡效果 */
}




.pc_index_right_zudui_01_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_right_zudui_01_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_rw_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_rw_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}

.pc_index_rw_03 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}

.pc_index_rw_04 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_rw_05 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_rw_06 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_rw_07 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_left_03 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_right_zudui_02_02 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_lqjl img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pop_fxcd_fxcd_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pop_fxcd_01 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pop_jrtd_02 img:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}

.pc_index_left_09_02 span:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_left_09_01:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_left_07:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pc_index_left_08:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pop_jlxq_ms span:hover{
    transition: all 0.25s ease 0s;
    transform: scale3d(0.98,0.98,1);
    opacity: 0.7;
    cursor: pointer;
}
.pop_open{display: block;}
/* 提示信息样式 */
#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;
}