/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
    .pcheader { 
        display: none; 
    }
    .mobileheader { 
        display: block; 
        height: 70px;
    }
    .xktop .ul1 {
        list-style: none;
        margin: 18px 0;
    }
    .logo img{
        width: 215px;
        padding-left: 5px !important;
    }
    .xktop {
        top: 2px;
    }
    .inner {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .sidebar .sb_box {
        float: left;
        width: 100%;
        background: #fff;
        overflow: hidden;
    }
    .layout {
        position: relative;
        width: 90%;
        margin: 0px auto;
        margin-top: 35px;
        padding: 0px;
        z-index: 1;
    }
    .fuwu-bg, .news, .ny-banner, .pingpu-bg, .rslides {
        min-width: 100%;
    }
    .container {
        width: 100%;
        min-width: 90%;
    }
    .pcb{
        display: none !important;
    }
    .xktop .li2{
        display: none !important;
    }
    .xktop .ul1>li {
        float: right;
    }
    .mbanner{
        margin-top: 70px !important;
        width: 100%;
    }
}
@media screen and (min-width:641px) {
    .mobileb{
        display: none !important;
    }
}
body {
    background-position: left top;
}

#image_logo_1560133924436 {
    width: 25%;
    height: 55px;
    position: absolute;
    left: -0.008333841959635418%;
    top: 23px;
}

@media screen and (max-width:640px) {
    #image_logo_1560133924436 {
        width: 230px;
        height: 60px;
        top: 10px;
        left: 62.5px;
    }
}

#dh_style_28_1607308910733 {
    width: 60%;
    z-index: 999;
    position: absolute;
    top: 30px;
    left: 40%;
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 {
        width: 44px;
        z-index: 999;
        top: 10px;
        left: calc(100% - 50px);
    }
}

#dh_style_28_1607308910733 > .view_contents {
    overflow: visible;
}

#dh_style_28_1607308910733 .mainMenuSet {
    font-weight: normal;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    padding-left: 0px;
    margin-left: 15px;
    border-color: transparent;
    text-hover-color: #ff7f00;
}

#dh_style_28_1607308910733 .mainMenuSet:hover {
    color: #ff7f00;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    font-size: 20px;
}

#dh_style_28_1607308910733 #hot>a {
    color: #ff7f00;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    font-size: 20px;
}

#dh_style_28_1607308910733 #hot .aview {
    color: #ffffff;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    font-size: 20px;
}

#dh_style_28_1607308910733 .dhAreaSet {
    font-size: 12px;
}

#dh_style_28_1607308910733 .subMenuSet:hover {
    color: #ff7f00;
}

#dh_style_28_1607308910733 .subCurSet {
    color: #ff7f00;
}

#dh_style_28_1607308910733 .thrMenuSet:hover {
    color: #ff7f00;
}

#dh_style_28_1607308910733 .thrCurSet {
    color: #ff7f00;
}

#dh_style_28_1607308910733 .subMenuSet {
    font-size: 18px;
}

#dh_style_28_1607308910733 .thrMenuSet {
    font-size: 18px;
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 .mainMenuSet:hover {
        border-color: #cccccc;
        margin-left: 0px;
        padding-left: 0px;
        border-right: none !important;
        border-top: none !important;
        border-left: none !important;
    }
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 #hot>a {
        border-color: #cccccc;
        margin-left: 0px;
        padding-left: 0px;
        border-right: none !important;
        border-top: none !important;
        border-left: none !important;
    }
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 #hot .aview {
        border-color: #cccccc;
        margin-left: 0px;
        padding-left: 0px;
        border-right: none !important;
        border-top: none !important;
        border-left: none !important;
    }
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 .mainMenuSet {
        margin-left: 0px;
    }
}

@media screen and (max-width:640px) {
    #dh_style_28_1607308910733 .icoMenuSet {
        color: #ffffff;
    }
}

#comm_layout_header {
    height: 112px;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #comm_layout_header {
        height: 70px;
        z-index: 10;
    }
}

#comm_layout_header > .view_contents {
    overflow: visible;
    max-width: 1200px;
}

#comm_layout_header {
    background: #000000;
}

#div_blank_new01_1651476811273 {
    width: 288px;
    height: 371px;
    box-sizing: border-box;
    position: absolute;
    top: 95.828125px;
    left: 76%;
}

@media screen and (max-width:640px) {
    #div_blank_new01_1651476811273 {
        width: 72.8%;
        height: 334px;
        box-sizing: border-box;
        top: 307px;
        left: 13.600000000000001%;
    }
}

#div_blank_new01_1651476811273 {
    box-sizing: border-box;
}

#div_blank_new01_1651476811273 .modSet {
    border-style: solid;
    border-width: 1px;
    border-color: #b9984d;
    background: transparent;
}

@media screen and (max-width:640px) {
    #div_blank_new01_1651476811273 {
        box-sizing: border-box;
    }
}

#image_style_01_1651476811277 {
    width: 300px;
    height: 380px;
    position: absolute;
    top: 118.890625px;
    left: 72.5%;
}

@media screen and (max-width:640px) {
    #image_style_01_1651476811277 {
        width: 57.86666666666667%;
        height: 277px;
        top: 335.5px;
        left: 21.066666666666666%;
    }
}

#image_style_01_1651476811277 > .view_contents {
    overflow: visible;
}

#text_style_01_1651476811279 {
    width: 55.166666666666664%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 110px;
    left: 0%;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476811279 {
        width: 75%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 27px;
        left: 12.5%;
    }
}

#text_style_01_1651476811279>.view_contents {
    font-size: 34px;
    font-weight: bold;
    color: #b9984d;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476811279>.view_contents {
        font-size: 18px;
        text-align: center;
    }
}

#text_style_01_1651476811283 {
    width: 50.083333333333336%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 200px;
    left: -0.008333841959635418%;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476811283 {
        width: 92%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 92px;
        left: 4%;
    }
}

#text_style_01_1651476811283>.view_contents {
    font-size: 14px;
    color: #999999;
    line-height: 36px;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476811283>.view_contents {
        font-size: 13px;
        line-height: 26px;
        text-align: justify;
    }
}

#button_style_01_1651476811285 {
    width: 130px;
    position: absolute;
    top: 365px;
    left: -0.008333841959635418%;
}

@media screen and (max-width:640px) {
    #button_style_01_1651476811285 {
        width: 25.333333333333336%;
        top: 247px;
        left: 37.333333333333336%;
    }
}

#button_style_01_1651476811285 > .view_contents {
    overflow: visible;
}

#button_style_01_1651476811285 .btnaSet {
    border-style: none;
    border-width: 0px;
    height: 42px;
    color: #ffffff;
    background: #b9984d;
}

#button_style_01_1651476811285 .btnaSet:hover {
    background: #9b7d3c;
}

@media screen and (max-width:640px) {
    #button_style_01_1651476811285 .btnaSet {
        height: 32px;
        font-size: 12px;
    }
}

#layout_1651476811272 {
    height: 535px;
}

@media screen and (max-width:640px) {
    #layout_1651476811272 {
        height: 674px;
    }
}

#layout_1651476811272 > .view_contents {
    overflow: visible;
    max-width: 1200px;
}

#layout_1651476811272 {
    background: url(https://cdn.yun.sooce.cn/5/1418/png/164800320690331c305c5a176960f.png?version=0);
    background-position: 50% 50% !important;
    background-size: auto 100%;
    background-repeat: no-repeat!important;
}

@media screen and (max-width:640px) {
    #layout_1651476811272 {
        background-position: 100% 50% !important;
        background-size: auto 100%;
    }
}

#image_style_01_1651476897694 {
    width: 43.5%;
    height: 394px;
    position: absolute;
    top: 93.00000143051147px;
    left: 1.074999491373698%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #image_style_01_1651476897694 {
        width: 100%;
        height: 325px;
        top: 0px;
        left: 0%;
        display: block;
    }
}

#image_style_01_1651476897694 > .view_contents {
    overflow: visible;
}

#text_style_01_1651476897879 {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 36px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476897879 {
        width: 100%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 0px;
        left: 0%;
        display: block;
    }
}

#text_style_01_1651476897879>.view_contents {
    font-size: 26px;
    line-height: 28px;
}

#text_style_01_1651476897881 {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 97px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476897881 {
        width: 100%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 51px;
        left: 0%;
        display: block;
    }
}

#text_style_01_1651476897881>.view_contents {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}

@media screen and (max-width:640px) {
    #text_style_01_1651476897881>.view_contents {
        font-size: 13px;
    }
}

#image_style_13_1_1651476897883 {
    width: 100%;
    position: absolute;
    top: 252px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651476897883 {
        width: 100%;
        top: 250px;
        left: 0%;
        display: block;
    }
}

#image_style_13_1_1651476897883 > .view_contents {
    overflow: visible;
}

#image_style_13_1_1651476897883 .modSet {
    background: #f7f7f7;
    padding-right: 0px;
}

#image_style_13_1_1651476897883 .titleSet {
    font-size: 18px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    line-height: 38px;
    padding-top: 22px;
    height: 38px;
}

#image_style_13_1_1651476897883 .detailSet {
    font-size: 16px;
    padding-left: 0px;
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651476897883 .titleSet {
        font-size: 15px;
        line-height: 28px;
        height: 28px;
        padding-top: 8px;
        padding-left: 10px;
    }
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651476897883 .detailSet {
        font-size: 12px;
        padding-left: 10px;
    }
}

#div_a_includeBlock_1651476897697 {
    width: 46%;
    height: 560px;
    box-sizing: border-box;
    position: absolute;
    top: 34px;
    left: 48.29895782470703%;
    z-index: 1;
}

@media screen and (max-width:640px) {
    #div_a_includeBlock_1651476897697 {
        width: 96%;
        height: 490px;
        box-sizing: border-box;
        top: 345px;
        left: 2%;
    }
}

#layout_1651476897692 {
    height: 550px;
}

@media screen and (max-width:640px) {
    #layout_1651476897692 {
        height: 845px;
    }
}

#layout_1651476897692 > .view_contents {
    overflow: visible;
    max-width: 1200px;
}

#image_style_01_1651477300858 {
    width: 43.5%;
    height: 394px;
    position: absolute;
    top: 103.1875px;
    left: 52.88124847412109%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #image_style_01_1651477300858 {
        width: 100%;
        height: 340px;
        top: 0px;
        left: 0%;
        display: block;
    }
}

#image_style_01_1651477300858 > .view_contents {
    overflow: visible;
}

#text_style_01_1651477301089 {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 36px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #text_style_01_1651477301089 {
        width: 100%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 0px;
        left: 0%;
        display: block;
    }
}

#text_style_01_1651477301089>.view_contents {
    font-size: 26px;
    line-height: 28px;
}

#text_style_01_1651477301092 {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: absolute;
    top: 97px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #text_style_01_1651477301092 {
        width: 100%;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        top: 51px;
        left: 0%;
        display: block;
    }
}

#text_style_01_1651477301092>.view_contents {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}

@media screen and (max-width:640px) {
    #text_style_01_1651477301092>.view_contents {
        font-size: 13px;
    }
}

#image_style_13_1_1651477301094 {
    width: 100%;
    position: absolute;
    top: 252px;
    left: 0%;
    display: block;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651477301094 {
        width: 100%;
        top: 250px;
        left: 0%;
        display: block;
    }
}

#image_style_13_1_1651477301094 > .view_contents {
    overflow: visible;
}

#image_style_13_1_1651477301094 .modSet {
    background: #f7f7f7;
    padding-right: 0px;
}

#image_style_13_1_1651477301094 .titleSet {
    font-size: 18px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    line-height: 38px;
    padding-top: 22px;
    height: 38px;
}

#image_style_13_1_1651477301094 .detailSet {
    font-size: 16px;
    padding-left: 0px;
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651477301094 .titleSet {
        font-size: 15px;
        line-height: 28px;
        height: 28px;
        padding-top: 8px;
        padding-left: 10px;
    }
}

@media screen and (max-width:640px) {
    #image_style_13_1_1651477301094 .detailSet {
        font-size: 12px;
        padding-left: 10px;
    }
}

#div_a_includeBlock_1651477300863 {
    width: 46%;
    height: 560px;
    box-sizing: border-box;
    position: absolute;
    top: 39.18751525878906px;
    left: 2.796875%;
    z-index: 1;
}

@media screen and (max-width:640px) {
    #div_a_includeBlock_1651477300863 {
        width: 96%;
        height: 627px;
        box-sizing: border-box;
        top: 350px;
        left: 2%;
    }
}

#layout_1651477300856 {
    height: 673px;
}

@media screen and (max-width:640px) {
    #layout_1651477300856 {
        height: 820px;
    }
}

#layout_1651477300856 > .view_contents {
    overflow: visible;
    max-width: 1200px;
}

#copyright_style_01_1650876541340 {
    width: 100%;
    position: absolute;
    top: 287px;
    left: -0.008333841959635418%;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #copyright_style_01_1650876541340 {
        width: 100%;
        top: 10px;
        left: 0%;
    }
}

#copyright_style_01_1650876541340 > .view_contents {
    overflow: visible;
}

#copyright_style_01_1650876541340 .modSet {
    padding-top: 15px;
    border-width: 1px;
    border-style: solid;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-color: #444444;
    color: #9b9ea0;
}

@media screen and (max-width:640px) {
    #copyright_style_01_1650876541340 .modSet {
        border-width: 0px;
        padding-top: 0px;
    }
}

#div_blank_1650876541846 {
    width: 50px;
    height: 2px;
    position: absolute;
    left: 4.9921875%;
    top: 72px;
    z-index: 2;
}

@media screen and (max-width:640px) {
    #div_blank_1650876541846 {
        width: 20.263157894736842%;
        height: 3px;
        left: 39.868421052631575%;
        top: 0px;
        display: none;
    }
}

#div_blank_1650876541846 > .view_contents {
    overflow: visible;
}

#div_blank_1650876541846 {
    box-sizing: border-box;
    background: #ffffff;
}

@media screen and (max-width:640px) {
    #div_blank_1650876541846 {
        box-sizing: border-box;
    }
}

#text_style_02_1650876541848 {
    width: 68.60706860706861%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    left: 4.9921875%;
    top: 31.5px;
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541848 {
        width: 97.30000000000001%;
        left: 1.3499999999999943%;
        top: 0px;
        display: none;
    }
}

#text_style_02_1650876541848>.view_contents {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    letter-spacing: 2px;
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541848>.view_contents {
        box-sizing: border-box;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }
}

#text_style_02_1650876541850 {
    width: 90.22869022869024%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 97.5px;
    left: 5%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541850 {
        left: 5%;
        width: 90%;
        top: 91.5px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541850 {
        width: 370px;
        top: 0px;
        display: none;
    }
}

#text_style_02_1650876541850>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
    text-indent: 2em;
    text-align: justify;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541850>.view_contents {
        box-sizing: border-box;
        text-indent: 2em;
        line-height: 25px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541850>.view_contents {
        box-sizing: border-box;
    }
}

#div_includeBlock_1650876541598 {
    width: 40.166666666666664%;
    height: 217.5px;
    position: absolute;
    top: 4.5px;
    left: 35.34166717529297%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_includeBlock_1650876541598 {
    }
}

@media screen and (max-width:640px) {
    #div_includeBlock_1650876541598 {
        width: 100%;
        height: 240px;
        top: 0px;
        left: 0%;
        display: none;
    }
}

#div_includeBlock_1650876541598 {
    border-bottom-color: #ffffff;
    border-bottom-style: none;
    border-bottom-width: 1px;
}

#text_style_02_1650876541801 {
    width: 62.5%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    left: 33.97305253623188%;
    top: 29.5px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541801 {
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541801 {
        width: 97.30000000000001%;
        left: 1.3499999999999943%;
        top: 0px;
        display: none;
    }
}

#text_style_02_1650876541801>.view_contents {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    letter-spacing: 2px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541801>.view_contents {
        box-sizing: border-box;
        font-size: 24px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541801>.view_contents {
        box-sizing: border-box;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }
}

#div_blank_1650876541803 {
    width: 50px;
    height: 2px;
    position: absolute;
    left: 33.97305253623188%;
    top: 70px;
    z-index: 2;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_blank_1650876541803 {
    }
}

@media screen and (max-width:640px) {
    #div_blank_1650876541803 {
        width: 20.263157894736842%;
        height: 3px;
        left: 39.868421052631575%;
        top: 0px;
        display: none;
    }
}

#div_blank_1650876541803 > .view_contents {
    overflow: visible;
}

#div_blank_1650876541803 {
    box-sizing: border-box;
    background: #ffffff;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_blank_1650876541803 {
        box-sizing: border-box;
    }
}

@media screen and (max-width:640px) {
    #div_blank_1650876541803 {
        box-sizing: border-box;
    }
}

#dh_style_03_1650876541806 {
    width: 36.91756272401434%;
    z-index: 999;
    left: 31.54121863799283%;
    top: 82.5px;
    position: absolute;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #dh_style_03_1650876541806 {
        z-index: 999;
        width: 93px;
        left: 25.3219696969697%;
        top: 99.5px;
    }
}

@media screen and (max-width:640px) {
    #dh_style_03_1650876541806 {
        width: 14.348025711662075%;
        z-index: 999;
        left: 42.82598714416896%;
        top: 240px;
        display: none;
    }
}

#dh_style_03_1650876541806 > .view_contents {
    overflow: visible;
}

#dh_style_03_1650876541806 .columnSet {
    background: transparent;
    font-size: 12px;
    line-height: 14px;
    color: #bfbfbf;
}

#dh_style_03_1650876541806 #hot>a {
    background: transparent;
    color: #999999;
}

#dh_style_03_1650876541806 .mainMenuSet {
    border-right-style: none;
    border-bottom-style: none;
    height: 28px;
    line-height: 28px;
    color: #999999;
    font-size: 14px;
    text-color: #999999;
    text-hover-color: #999999;
}

#dh_style_03_1650876541806 .mainMenuSet:hover {
    background: transparent;
    color: #999999;
}

#dh_style_03_1650876541806 .subMenuSet {
    color: #999999;
}

#dh_style_03_1650876541806 .thrMenuSet {
    color: #999999;
}

#dh_style_03_1650876541806 .subMenuSet:hover {
    color: #999999;
}

#dh_style_03_1650876541806 .subCurSet {
    color: #999999;
}

#dh_style_03_1650876541806 .thrMenuSet:hover {
    color: #999999;
}

#dh_style_03_1650876541806 .thrCurSet {
    color: #999999;
}
/*----------------------电脑板式样式----------------------*/
#dh_style_03_1650876541806 .menuStyle_3 .menuLi01 a {
    color: inherit;
}
/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {
    #dh_style_03_1650876541806 {
    }
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {
    #dh_style_03_1650876541806 {
    }
}

#div_includeBlock_1650876541600 {
    width: 23.083333333333332%;
    height: 278.5px;
    position: absolute;
    top: 4.5px;
    left: 76.90833282470703%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_includeBlock_1650876541600 {
    }
}

@media screen and (max-width:640px) {
    #div_includeBlock_1650876541600 {
        width: 100%;
        height: 240px;
        top: 240px;
        left: 0%;
        display: none;
    }
}

#div_includeBlock_1650876541600 > .view_contents {
    overflow: visible;
}

#div_includeBlock_1650876541600 {
    border-bottom-color: #ffffff;
    border-bottom-style: none;
    border-bottom-width: 1px;
}

#div_blank_1650876541818 {
    width: 50px;
    height: 2px;
    position: absolute;
    left: 4.03125%;
    top: 72px;
    z-index: 2;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_blank_1650876541818 {
        top: 73px;
        height: 2px;
        left: 1.9656019656019657%;
    }
}

@media screen and (max-width:640px) {
    #div_blank_1650876541818 {
        width: 20.263157894736842%;
        height: 3px;
        left: 39.868421052631575%;
        top: 0px;
        display: none;
    }
}

#div_blank_1650876541818 > .view_contents {
    overflow: visible;
}

#div_blank_1650876541818 {
    box-sizing: border-box;
    background: #ffffff;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_blank_1650876541818 {
        box-sizing: border-box;
    }
}

@media screen and (max-width:640px) {
    #div_blank_1650876541818 {
        box-sizing: border-box;
    }
}

#image_style_01_1650876541821 {
    width: 6.833333333333333%;
    height: 25px;
    position: absolute;
    top: 139px;
    left: 3.0384036144578315%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541821 {
        left: 0.5796990171990172%;
        top: 147px;
        height: 25px;
        width: 37px;
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541821 {
        width: 55.09641873278237%;
        height: 200px;
        top: 0px;
        left: 22.451790633608816%;
        display: none;
    }
}

#image_style_01_1650876541821 > .view_contents {
    overflow: visible;
}

#image_style_01_1650876541823 {
    width: 10%;
    height: 35px;
    position: absolute;
    top: 176.50003051757812px;
    left: 1.0761233410203312%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541823 {
        left: 0.4914004914004914%;
        top: 234.5px;
        height: 38px;
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541823 {
        width: 55.09641873278237%;
        height: 200px;
        top: 600px;
        left: 22.451790633608816%;
        display: none;
    }
}

#image_style_01_1650876541823 > .view_contents {
    overflow: visible;
}

#text_style_02_1650876541825 {
    width: 66.25%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 136.5px;
    left: 11.99171686746988%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541825 {
        left: 11.528716216216216%;
        top: 145px;
        width: 250px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541825 {
        width: 100%;
        top: 0px;
        left: 0%;
        display: none;
    }
}

#text_style_02_1650876541825>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541825>.view_contents {
        box-sizing: border-box;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541825>.view_contents {
        box-sizing: border-box;
    }
}

#text_style_02_1650876541827 {
    width: 88.1015625%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 243.99996948242188px;
    left: 11.80722891566265%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541827 {
        left: 11.390509828009828%;
        top: 241px;
        width: 357px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541827 {
        width: 100%;
        top: 800px;
        left: 0%;
        display: none;
    }
}

#text_style_02_1650876541827>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541827>.view_contents {
        box-sizing: border-box;
        line-height: 25px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541827>.view_contents {
        box-sizing: border-box;
    }
}

#text_style_02_1650876541829 {
    width: 56.333333333333336%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    left: 4.046875%;
    top: 31.5px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541829 {
        left: 1.9656019656019657%;
        top: 29.5px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541829 {
        width: 97.30000000000001%;
        left: 1.3499999999999943%;
        top: 0px;
        display: none;
    }
}

#text_style_02_1650876541829>.view_contents {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    letter-spacing: 2px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541829>.view_contents {
        box-sizing: border-box;
        font-size: 24px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541829>.view_contents {
        box-sizing: border-box;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }
}

#image_style_01_1650876541831 {
    width: 9.75%;
    height: 25px;
    position: absolute;
    top: 98px;
    left: 1.6867469879518073%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541831 {
        left: 0%;
        top: 100.5px;
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541831 {
        width: 57.3921028466483%;
        height: 200px;
        top: 200px;
        left: 21.30394857667585%;
        display: none;
    }
}

#image_style_01_1650876541831 > .view_contents {
    overflow: visible;
}

#text_style_02_1650876541833 {
    width: 66.5%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 97px;
    left: 11.261295180722891%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541833 {
        left: 11.29453316953317%;
        width: 77.40863787375415%;
        top: 97.5px;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541833 {
        width: 100%;
        top: 0px;
        left: 0%;
        display: none;
    }
}

#text_style_02_1650876541833>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541833>.view_contents {
        box-sizing: border-box;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541833>.view_contents {
        box-sizing: border-box;
    }
}

#text_style_02_1650876541834 {
    width: 83.855421686747%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 178.49996948242188px;
    left: 11.990963120058359%;
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541834 {
        width: 88.90845070422534%;
        top: 200px;
        left: 5.5457746478873275%;
        display: none;
    }
}

#text_style_02_1650876541834>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541834>.view_contents {
        box-sizing: border-box;
    }
}

#text_style_02_1650876541836 {
    width: 83.855421686747%;
    font-size: 46px;
    color: #333;
    line-height: 50px;
    position: absolute;
    top: 210.48751831054688px;
    left: 11.987951807228916%;
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541836 {
        width: 88.90845070422534%;
        top: 200px;
        left: 5.5457746478873275%;
        display: none;
    }
}

#text_style_02_1650876541836>.view_contents {
    box-sizing: border-box;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #text_style_02_1650876541836>.view_contents {
        box-sizing: border-box;
    }
}

@media screen and (max-width:640px) {
    #text_style_02_1650876541836>.view_contents {
        box-sizing: border-box;
    }
}

#div_includeBlock_1650876541602 {
    width: 34.66666666666667%;
    height: 273.9999694824219px;
    position: absolute;
    top: 6.5px;
    left: 0%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_includeBlock_1650876541602 {
    }
}

@media screen and (max-width:640px) {
    #div_includeBlock_1650876541602 {
        width: 100%;
        height: 145px;
        top: 480px;
        left: 0%;
        display: none;
    }
}

#div_includeBlock_1650876541602 {
    border-left-color: #ffffff;
    border-left-style: none;
    border-left-width: 1px;
}

@media screen and (max-width:640px) {
    #div_includeBlock_1650876541602 {
        border-left-width: 0px;
    }
}

#div_a_includeBlock_1650876541343 {
    width: 100%;
    height: 287px;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0%;
    z-index: 1;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #div_a_includeBlock_1650876541343 {
        box-sizing: border-box;
        width: 92%;
        top: 0px;
        left: 3.9766702014846236%;
    }
}

@media screen and (max-width:640px) {
    #div_a_includeBlock_1650876541343 {
        width: 100%;
        height: 498px;
        box-sizing: border-box;
        top: 0px;
        left: 0%;
        display: none;
    }
}

#qqol_style_05_1651477574924 {
    width: 17.5%;
    position: absolute;
    top: 305.6000061035156px;
    left: 78.66666412353516%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #qqol_style_05_1651477574924 {
    }
}

@media screen and (max-width:640px) {
    #qqol_style_05_1651477574924 {
        width: 69.3069306930693%;
        top: 498px;
        left: 15.346534653465348%;
    }
}

#qqol_style_05_1651477574924 > .view_contents {
    overflow: visible;
}

#layout_1650876541339 {
    height: 342px;
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #layout_1650876541339 {
    }
}

@media screen and (max-width:640px) {
    #layout_1650876541339 {
        height: 62px;
    }
}

#layout_1650876541339 > .view_contents {
    overflow: visible;
    max-width: 1200px;
}

#layout_1650876541339 {
    background: #252525;
}

.logoStyle * {
    box-sizing: border-box;
}

.logoStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.logoStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.logoName {
    white-space: nowrap;
}

.menuStyle_28 {
    width: 100%;
    position: relative;
}

.menuStyle_28 * {
    box-sizing: border-box;
}

.menuStyle_28 .miniMenu *,
.menuStyle_28 .menuUl li * {
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background,height,padding;
    -moz-transition-property: background,height,padding;
    -moz-transition-property: background,height,padding;
    transition-property: background,height,padding;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menuStyle_28 .dflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.menuStyle_28 .rflex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left\0;
}

.menuStyle_28 ul,.menuStyle_28 li {
    padding: 0;
    margin: 0px;
    list-style: none
}

.menuStyle_28 .menuLayout {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.menuStyle_28 .menuLayout:after {
    content: '';
    display: block;
    clear: both;
}

.menuStyle_28 .menuUl_box {
    position: relative;
    width: 100%;
    text-align: center;
}

.menuStyle_28 .menuUl {
    position: relative;
    width: 100%;
    text-align: center;
}

.menuStyle_28 .menuUl>li {
    position: relative;
}

.menuStyle_28 .menuUl>li>a {
    background: rgba(0,0,0,0.0);
    position: relative;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    display: block;
    text-align: center;
    letter-spacing: normal;
    white-space: nowrap;
    color: #17233d;
    line-height: 44px;
    padding: 0;
    padding: 0 1em\0;
}

.menuStyle_28 .menuUl>li>a:hover {
    color: #750406;
}

.menuStyle_28 .menuUl #hot>a {
    color: #750406;
}

.menuStyle_28 .menuUl>li>a span {
    display: block;
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,.3);
    font-size: 12px;
}

.menuStyle_28 .menuUl #hot>a span {
    color: inherit;
}

.menuStyle_28 .menuLayout .miniMenu {
    display: none;
}

.menuStyle_28 .menuUl02 {
    position: absolute;
    left: 50%;
    opacity: 0;
    display: none;
    width: 100%;
    height: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.menuStyle_28 .menuUl>li>#menuLogo {
    height: 85%;
}

.menuStyle_28 .menuUl .rflex:hover .menuUl02 {
    opacity: 1;
    display: block;
    height: auto;
    padding-top: 10px;
}

.menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02 {
    display: none;
}

.menuStyle_28 .menuUl02 .subMenu02 {
    position: relative;
    color: #4d5158;
    font-size: 14px;
    line-height: 40px;
    padding: 0 15px;
    background: #fff;
}

.menuStyle_28 .menuUl02 .subMenu02#subCurSet {
    color: #750406;
}

.menuStyle_28 .menuUl02 .subMenu02>a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.menuStyle_28 .menuUl02 .subMenu02:hover {
    color: #750406;
    border-left: 2px solid #750406;
    background: #f7f7f7;
}

.menuStyle_28 .menuUl02 .subMenu02>a .fa {
    float: right;
    line-height: inherit;
}

.menuStyle_28 .menuUl02 .subMenu02:hover .menuUl03 {
    display: block;
}

.menuStyle_28 .menuUl02 .subMenu02:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.menuStyle_28 .menuUl02 .subMenu02:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.menuStyle_28 .menuUl03 {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}

.menuStyle_28 .menuUl03 .subMenu03 {
    line-height: 40px;
    margin-left: 10px;
}

.menuStyle_28 .menuUl03 .subMenu03 a:hover {
    color: #750406;
    background: #f7f7f7;
}

.menuStyle_28 .menuUl03 .subMenu03>a {
    color: #17233d;
    background: #fff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 15px;
}

.menuStyle_28 .menuUl03 .subMenu03:first-child a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.menuStyle_28 .menuUl03 .subMenu03:last-child a {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.menuStyle_28 .menuUl .rflex:hover .menuUl02::before {
    content: '';
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
}

.menuStyle_28 .menuUl02 .arrow:hover::before {
    content: '';
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.menuStyle_28 .rflex {
    position: relative;
}

.menuStyle_28 .maxWidth {
    margin: auto;
}

.menuStyle_28 .subBox {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgba(238, 238, 238, 0.85);
    display: none;
}

.menuStyle_28 .subBox .subBoxContent {
    padding: 15px;
    text-align: left;
    overflow: hidden;
}

.menuStyle_28 .subBox .subBoxContent .subItems {
    overflow: hidden;
    display: none;
}

.menuStyle_28 .subBox .sublm {
    float: left;
    width: calc(100% - 440px);
    min-height: 10px;
}

.menuStyle_28 .subBox .sublm>div {
    clear: both;
    overflow: hidden;
    margin: 8px 0;
}

.menuStyle_28 .subBox .subImgsbox {
    float: left;
    width: 440px;
    height: 160px;
}

.menuStyle_28 .subBox .subImgsbox>a {
    display: block;
    height: 100%;
    float: right;
    width: calc((100% - 20px)/2);
    margin-left: 20px;
}

.menuStyle_28 .subBox .subImgsbox>a:last-child {
    margin-left: 0;
}

.menuStyle_28 .subBox .subImgsbox>a>div.subImg {
    position: relative;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.menuStyle_28 .subBox .subImgsbox>a>div.subImg span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 5px;
    background: rgba(255,255,255,.8);
    color: #17233d;
    font-size: 12px;
}

.menuStyle_28 .subBox p {
    overflow: hidden;
    float: left;
}

.menuStyle_28 .subBox p:first-child {
    margin-right: 10px;
    width: 100px;
}

.menuStyle_28 .subBox p:last-child {
    width: calc(100% - 110px);
}

.menuStyle_28 .subBox .subMenu02 {
    font-size: 14px;
    margin-bottom: 5px;
    clear: both;
    color: #17233d;
    line-height: 28px;
}

.menuStyle_28 .subBox .subMenu02#subCurSet {
    color: #750406;
}

.menuStyle_28 .subBox .subMenu02:hover,
.menuStyle_28 .subBox .subMenu02:active {
    color: #750406;
}

.menuStyle_28 .subBox .subMenu03 {
    float: left;
    margin: 5px 20px 5px 0;
    font-size: 12px;
    color: #666;
}

.menuStyle_28 .subBox .subMenu03:hover,
.menuStyle_28 .subBox .subMenu03:active {
    color: #750406;
}

.menuStyle_28 .subMenu03 #thrCurSet {
    color: #750406;
    background: #f7f7f7;
}

.menuStyle_28 .imgIco {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.menuStyle_28 .imgIco img {
    width: auto;
    height: 100%;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%);
}

.menuStyle_28 .menuUl>li>a span.pageName {
    vertical-align: middle;
    display: inline;
}

@media screen and (max-width:640px) {
    .menuStyle_28 .imgIco {
        margin-right: 10px;
    }

    .menuStyle_28 .menuUl,
.menuStyle_28 .menuUl_box {
        display: none;
    }

    .menuStyle_28 .menuScroll {
        height: calc(100% - 100px);
        width: 100%;
    }

    .menuStyle_28 .menuScroll>.menuUlCopy {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .menuStyle_28 .menuLayout .miniMenu {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 44px;
    }

    .menuStyle_28 .miniMenu .leftBox {
        height: 100%;
    }

    .menuStyle_28 .miniMenu .leftBox .sidebar {
        font-size: 24px;
        line-height: 44px;
        font-weight: normal;
        cursor: pointer;
        color: #4d5158;
        position: absolute;
        top: 0;
        right: 0px;
        width: 44px;
        text-align: center;
    }

    .menuStyle_28 .miniMenu .leftBox .sidebar .fa {
        font-size: inherit;
        line-height: inherit;
        color: inherit;
    }

    .menuStyle_28 .miniMenu .leftBox .nav {
        width: 100%;
        height: 44px;
    }

    .menuStyle_28 .miniMenu.Mslide .leftBox .nav {
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy {
        padding: 0 0 0 30px;
        clear: both;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy {
        display: none;
        padding: 0;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy .menuUlCopy {
        width: calc(100% - 50px);
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy li a {
        padding-left: 30px;
        box-sizing: border-box;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy .menuUlCopy li a {
        padding-left: 60px;
        box-sizing: border-box;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li {
        width: 100%;
        overflow: hidden;
        color: #fff;
        font-size: 12px;
        line-height: 44px;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li a {
        width: calc(100% - 50px);
        float: left;
        display: block;
        text-align: left;
        color: inherit;
        text-decoration: none;
        font-size: inherit;
        line-height: inherit;
        height: inherit;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px solid rgba(0,0,0,.2);
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li#hot>a {
        border-bottom: 1px solid #fff;
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa {
        color: inherit;
        font-size: inherit;
        float: left;
        width: 50px;
        text-align: center;
        line-height: inherit;
        background: rgba(0, 0, 0, 0.1);
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa:active {
        background: rgba(0,0,0,.3);
    }

    .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.subMenuSet#subCurSet>a,
.menuStyle_28 .miniMenu .leftBox .menuUlCopy li#thrCurSet>a {
        border-bottom: 1px solid #fff;
    }

    .menuStyle_28 .menuLayout .miniMenu.Mslide {
        height: 100% !important;
        height: 100vh !important;
        background: rgba(23, 25, 29, 0.95);
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
    }

    .menuStyle_28 .menuLayout .miniMenu.Mslide .sidebar {
        color: #fff;
        background: rgba(0,0,0,.05);
    }

    .menuStyle_28 .menuLayout .miniMenu.Mslide .nav a {
        display: none !important;
    }
}

#dh_style_28_1607308910733 .menuStyle_28 .menuUl .rflex .menuUl02::before {
    border-bottom-color: ${color
}!important;
}

#dh_style_28_1607308910733 .menuStyle_28 .menuUl02 .arrow:hover::before {
border-left-color: ${hoverColor
}!important;
}

#dh_style_28_1607308910733 .menuUl02 .subMenu02>a .fa {
position: absolute;
top: 0;
right: 8px;
}

@media screen and (min-width:640px) {
#dh_style_28_1607308910733 .maxWidth {
max-width: px;
}
            /* .menuUl>li>#menuLogo 这种查找会失败改为下面这种 2019.5.29 */
#dh_style_28_1607308910733 .menuUl li #menuLogo {
height: px;
margin-right: px;
margin-left: px;
}

#dh_style_28_1607308910733 .subBox .sublm {
width: calc(100% - (px + px) - 20px);
} /*20px是两张图片间的间距*/
#dh_style_28_1607308910733 .subBox .subImgsbox {
width: calc((px + px) + 20px);
height: px
} /*20px是两张图片间的间距*/
                }

.blank_new01 {
width: 100%;
height: 100%;
}

.blank_new01 .roundcs {
width: 100%;
height: 100%;
background: rgba(7,126,244,0.7);
box-sizing: border-box;
}

.imgStyle {
font-size: 0;
}

#image_style_01_1651476811277 .CompatibleImg img {
width: auto;
height: 100%;
position: relative;
top: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
#image_style_01_1651476811277 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}}

@media screen and (max-width:640px) {
    #image_style_01_1651476811277 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

#image_style_01_1651476811277 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

.button_default01 {
    width: 100%;
    height: 40px;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    border: 1px solid #000;
    font-size: 14px;
    cursor: pointer;
    transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
    white-space: pre;
}

#button_style_01_1651476811285 .button_default .buttonImg {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #button_style_01_1651476811285 .button_default .buttonImg {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #button_style_01_1651476811285 .button_default .buttonImg {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

#image_style_01_1651476897694 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1651476897694 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1651476897694 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

#image_style_01_1651476897694 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

.imgStyle_13_1 {
    width: 100%;
}

.imgStyle_13_1 * {
    font-size: '微软雅黑';
}

.imgStyle_13_1 .imgTextUl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.imgStyle_13_1 .imgTextLi {
    overflow: hidden;
    margin-bottom: 2%;
    box-sizing: border-box;
}

.imgStyle_13_1 li {
    width: 32%;
}

.imgStyle_13_1 .imgTextLi .left {
    width: 130px;
}

.imgStyle_13_1 .imgTBox {
    text-align: left;
    float: left;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.imgStyle_13_1 .imgTBox>img {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}

.imgStyle_13_1 .imgTBox .bbx-new-font {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.imgStyle_13_1 .cont {
    display: inline-block;
    text-align: center;
    margin-bottom: 22px;
    width: calc(100% - 130px);
}

.imgStyle_13_1 .name {
    font-size: 16px;
    line-height: 2.5;
    padding-left: 10px;
    word-break: break-word;
}

.imgStyle_13_1 .subName {
    font-size: 12px;
    color: #666;
    padding-left: 10px;
    word-break: break-word;
}

.imgStyle_13_1 .left {
    position: relative;
    float: left;
    width: 130px;
    height: auto;
}

.imgStyle_13_1 .image-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.imgStyle_13_1 .cont .btn {
    padding-left: 10px;
}

.imgStyle_13_1 .cont .btnSet {
    width: auto;
    height: 25px;
    line-height: 25px;
    display: block;
    border: 1px solid #7d7d7d;
    color: #333;
    text-align: center;
    margin-right: 40%;
    margin-top: 10px;
    word-break: break-all;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .imgStyle_13_1 .imgTextLi {
        width: 100%;
        margin-bottom: 4%;
    }

    .imgStyle_13_1 .cont {
        width: calc(100% - 130px);
    }

    .imgStyle_13_1 .name {
        font-size: 16px;
    }
}
        /*pc*/
#image_style_13_1_1651476897883  ul li {
    width: 49%;
}

#image_style_13_1_1651476897883  ul li.imgTextLi {
    margin-bottom: 2%;
}

#image_style_13_1_1651476897883  ul li.imgTextLi .left {
    width: 120px;
}

#image_style_13_1_1651476897883  ul li.imgTextLi .cont {
    width: 100%
}

@media screen and (max-width: 1024px) {
/*ipad*/
    #image_style_13_1_1651476897883  ul li {
        width: 49%;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi {
        margin-bottom: 2%;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi .left {
        width: 75px;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi .cont {
        width: calc(100% - 75px);
    }
}

@media screen and (max-width: 768px) {
/*mobi*/
    #image_style_13_1_1651476897883  ul li {
        width: 47%;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi {
        margin-bottom: 2%;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi .left {
        width: 60px;
    }

    #image_style_13_1_1651476897883  ul li.imgTextLi .cont {
        width: 100%;
    }
}

#image_style_01_1651477300858 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1651477300858 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1651477300858 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

#image_style_01_1651477300858 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

        /*pc*/
#image_style_13_1_1651477301094  ul li {
    width: 49%;
}

#image_style_13_1_1651477301094  ul li.imgTextLi {
    margin-bottom: 2%;
}

#image_style_13_1_1651477301094  ul li.imgTextLi .left {
    width: 120px;
}

#image_style_13_1_1651477301094  ul li.imgTextLi .cont {
    width: 100%;
}

@media screen and (max-width: 1024px) {
/*ipad*/
    #image_style_13_1_1651477301094  ul li {
        width: 49%;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi {
        margin-bottom: 2%;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi .left {
        width: 75px;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi .cont {
        width: calc(100% - 75px);
    }
}

@media screen and (max-width: 768px) {
/*mobi*/
    #image_style_13_1_1651477301094  ul li {
        width: 48%;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi {
        margin-bottom: 2%;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi .left {
        width: 60px;
    }

    #image_style_13_1_1651477301094  ul li.imgTextLi .cont {
        width: calc(100% - 10px);
    }
}

.copyrightStyle01 {
    text-align: center;
    color: #999;
    font-size: 14px;
}

.copyrightStyle01 .copyright_view {
    display: inline;
    padding-right: 10px;
}

.copyrightStyle01 .icp_view {
    display: inline-block;
    padding-right: 10px;
}

.copyrightStyle01 .lw_view {
    display: inline-block;
}

.copyrightStyle01 .lw_icon {
    width: 18px;
    vertical-align: top;
    margin-right: 4px;
}

.copyrightStyle01 .line_view a {
    color: inherit;
}

@media screen and (max-width: 640px) {
    .copyrightStyle01 {
        font-size: 12px;
        line-height: 1.75;
    }
}

.menuStyle_3 {
    position: relative;
    width: 100%;
    height: 100%;
}

.menuStyle_3 * {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    box-sizing: border-box;
}

.menuStyle_3 .ddsmoothmenu-v {
    display: block
}

.menuStyle_3 .ddsmoothmenu-v ul {
    background: #414141;
}

.menuStyle_3 .ddsmoothmenu-v ul li {
    line-height: 36px;
    height: 36px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    color: white;
}

.menuStyle_3 .ddsmoothmenu-v ul li:hover {
    background: #000;
}

.menuStyle_3 .menuLi01 {
    position: relative;
}

.menuStyle_3 .menuLi01:hover .menuUl02 {
    display: block;
}

.menuStyle_3 .menuLi01 a {
    display: block;
    color: inherit;
    padding-left: 15px;
    padding-right: 15px;
}

.menuStyle_3 .menuUl02 {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    white-space: nowrap;
}

.menuStyle_3 #hot>a {
    background: #ffcc00;
}

.menuStyle_3 .mobi_top {
    display: none;
    width: 100%;
    height: 32px;
    position: relative;
    cursor: pointer;
    font-size: 40px;
}

.menuStyle_3 .icoFont {
    position: absolute;
    top: calc(50% - 2px);
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menuStyle_3 .header_nav {
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
}

.menuStyle_3 .header_nav li {
    position: relative;
    line-height: 180%;
    color: #fff;
}

.menuStyle_3 .header_nav li a {
    color: inherit;
    display: block;
    padding: 15px;
}

.menuStyle_3 .header_scroll {
    overflow-y: scroll;
    height: 100%;
    width: calc(100% + 17px);
}

.menuStyle_3 .mobi_title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #333;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.menuStyle_3 .m_icoFont {
    width: 50px;
    height: 100%;
    display: block;
    float: right;
    border-left: 1px solid #333;
    cursor: pointer;
    font-size: 22px;
}

.menuStyle_3 .mobi_main {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #414141;
    width: 100vw;
    height: 100vh;
    z-index: 999;
}

.menuStyle_3 .mobi_border {
    position: relative;
    border-bottom: 1px solid #333;
    line-height: 120%;
}

.menuStyle_3 .mobi_more {
    position: absolute;
    top: 0;
    right: 17px;
    width: 50px;
    height: 100%;
    color: #fff;
    border-left: 1px solid #333;
    cursor: pointer;
    text-align: center;
}

.menuStyle_3 .mobi_add {
    display: block;
    font-size: 22px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.menuStyle_3 .mobi_menuLi02 .mobi_border {
    padding-left: 30px;
}

.menuStyle_3 .mobi_menuUl02 {
    display: none;
}

#dh_style_03_1650876541806 .menuUl02 .subMenu02>a .fa {
    position: absolute;
    top: 0;
    right: 8px;
}

@media screen and (max-width:640px) {
    .menuStyle_3 .ddsmoothmenu-v {
        display: none;
    }

    .menuStyle_3 .mobi_top {
        display: block;
    }
}

#image_style_01_1650876541821 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541821 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541821 .CompatibleImg img {
        null
    }
}

#image_style_01_1650876541821 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

#image_style_01_1650876541823 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541823 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541823 .CompatibleImg img {
        null
    }
}

#image_style_01_1650876541823 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

#image_style_01_1650876541831 .CompatibleImg img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media screen and (min-width:641px) and (max-width:1200px) {
    #image_style_01_1650876541831 .CompatibleImg img {
        width: auto;
        height: 100%;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
}

@media screen and (max-width:640px) {
    #image_style_01_1650876541831 .CompatibleImg img {
        null
    }
}

#image_style_01_1650876541831 a {
    cursor: default;
}

.imgStyle {
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.imgStyle>a {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.imgStyle img {
    box-sizing: border-box;
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:767px) {
}

.onlineStyle05 .main_box {
    position: fixed;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    top: 50%;
    z-index: 100000000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: #fff;
}

.onlineStyle05 .main_box .box_main_content {
    background: #fff;
}

.onlineStyle05 .interval {
    height: 1px;
    background: #ccc;
    margin: 0 10px;
}

.onlineStyle05 .item_box {
    position: relative;
}

.onlineStyle05 .item_box:hover .show_box {
    display: block;
}

.onlineStyle05 .item {
    width: 16px;
    text-align: center;
    padding: 10px;
    margin: 7px 0;
    color: #808080;
}

.onlineStyle05 .item .img {
    background-repeat: no-repeat;
    width: 100%;
    height: 16px;
    background-size: 100% !important;
}

.onlineStyle05 .item:hover {
    background: rgb(42,140,240);
    color: #fff;
}

.onlineStyle05 .item .text {
    line-height: 1.2;
    font-size: 14px;
    margin-top: 5px;
}

.onlineStyle05 .item .phone_icon {
    background-image: url(../img/qqol/style_05/kefu_pc_gray.png);
}

.onlineStyle05 .item:hover .phone_icon {
    background-image: url(../img/qqol/style_05/kefu_pc_white.png);
}

.onlineStyle05 .item .time_icon {
    background-image: url(../img/qqol/style_05/time_pc_gray.png);
}

.onlineStyle05 .item:hover .time_icon {
    background-image: url(../img/qqol/style_05/time_pc_white.png);
}

.onlineStyle05 .buycart {
    cursor: pointer;
}

.onlineStyle05 .item .buycart_icon {
    background-image: url(../img/qqol/style_05/buycart_pc_gray.png);
}

.onlineStyle05 .item:hover .buycart_icon {
    background-image: url(../img/qqol/style_05/buycart_pc_white.png);
}

.onlineStyle05 .backup {
    cursor: pointer;
}

.onlineStyle05 .item .backup_icon {
    background-image: url(../img/qqol/style_05/backup.png);
}

.onlineStyle05 .item:hover .backup_icon {
    background-image: url(../img/qqol/style_05/backup_white.png);
}

.onlineStyle05 .item .qr_icon {
    background-image: url(../img/qqol/style_05/qr_pc_gray.png);
}

.onlineStyle05 .item:hover .qr_icon {
    background-image: url(../img/qqol/style_05/qr_pc_white.png);
}

.onlineStyle05 .show_box {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 220px;
    padding-bottom: 20px;
}

.onlineStyle05 .show_box .contant {
    background: rgb(42,140,240);
    border-radius: 10px 0 10px 10px;
    padding-bottom: 20px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.onlineStyle05 .show_box .contant::-webkit-scrollbar {
    display: none;
}

.onlineStyle05 .show_box .li_item {
    padding: 12px 10px;
    overflow: hidden;
    border-bottom: 1px dashed rgba(255,255,255,.5);
    color: #fff;
    font-size: 14px;
    margin: 0 15px;
}

.onlineStyle05 .show_box .li_item:last-of-type {
    border-bottom: none;
}

.onlineStyle05 .show_box .title {
    border-bottom: 1px solid rgba(255,255,255,.5);
    text-align: center;
    padding: 14px 0;
    color: #fff;
    font-size: 14px;
}

.onlineStyle05 .show_box .icon {
    float: left;
    margin-top: 5px;
    vertical-align: top;
    width: 16px;
    height: 16px;
}

.onlineStyle05 .show_box .icon .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.onlineStyle05 .show_box .text_contant {
    float: left;
    padding-left: 10px;
    width: calc( 100% - 16px);
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.onlineStyle05 .show_box .text_contant div {
    word-break: break-all;
}

.onlineStyle05 a {
    color: #fff;
}

.onlineStyle05 .show_box .icon .list_phone_icon {
    background-image: url(../img/qqol/style_05/phone_pc.png);
}

.onlineStyle05 .show_box .icon .list_wx_icon {
    background-image: url(../img/qqol/style_05/wx_pc.png);
}

.onlineStyle05 .show_box .icon .list_qq_icon {
    background-image: url(../img/qqol/style_05/qq_pc.png);
}

.onlineStyle05 .show_box .icon .list_mail_icon {
    background-image: url(../img/qqol/style_05/mail_pc.png);
}

.onlineStyle05 .time .contant {
    color: #fff;
    border-radius: 50px 0 0 50px;
    padding: 0;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
}

.onlineStyle05 .qrcode .contant {
    border-radius: 10px 0 0 10px;
    padding: 20px 0 15px;
    text-align: center;
}

.onlineStyle05 .qrcode .qrcode_img {
    width: 135px;
    height: 135px;
    overflow: hidden;
    margin: 0 auto;
}

.onlineStyle05 .qrcode .qrcode_img img {
    width: 100%;
}

.onlineStyle05 .qrcode .qr_text {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
}

.onlineStyle05 .qq_mobile {
    display: none;
}

@media screen and (max-width:640px) {
    .onlineStyle05 .item .phone_icon {
        background-image: url(../img/qqol/style_05/kefu_mobile_gray.png);
    }

    .onlineStyle05 .item:hover .phone_icon {
        background-image: url(../img/qqol/style_05/kefu_mobile_white.png);
    }

    .onlineStyle05 .item .time_icon {
        background-image: url(../img/qqol/style_05/time_mobile_gray.png);
    }

    .onlineStyle05 .item:hover .time_icon {
        background-image: url(../img/qqol/style_05/time_mobile_white.png);
    }

    .onlineStyle05 .item .buycart_icon {
        background-image: url(../img/qqol/style_05/buycart_mobile_gray.png);
    }

    .onlineStyle05 .item:hover .buycart_icon {
        background-image: url(../img/qqol/style_05/buycart_mobile_white.png);
    }

    .onlineStyle05 .backup .item {
        background: transparent!important;
    }

    .onlineStyle05 .item .backup_icon {
        background-image: url(../img/qqol/style_05/backup.png)!important;
    }

    .onlineStyle05 .item .qr_icon {
        background-image: url(../img/qqol/style_05/qr_mobile_gray.png);
    }

    .onlineStyle05 .item:hover .qr_icon {
        background-image: url(../img/qqol/style_05/qr_mobile_white.png);
    }

    .onlineStyle05 .show_box .icon .list_phone_icon {
        background-image: url(../img/qqol/style_05/phone_mobile.png);
    }

    .onlineStyle05 .show_box .icon .list_wx_icon {
        background-image: url(../img/qqol/style_05/wx_mobile.png);
    }

    .onlineStyle05 .show_box .icon .list_qq_icon {
        background-image: url(../img/qqol/style_05/qq_mobile.png);
    }

    .onlineStyle05 .show_box .icon .list_mail_icon {
        background-image: url(../img/qqol/style_05/mail_mobile.png);
    }
}

#qqol_style_05_1651477574924 .contant {
    background: ;
}

#qqol_style_05_1651477574924 .main_box {
    right: 0;
}

#qqol_style_05_1651477574924 .show_box {
    right: 100%;
}

#qqol_style_05_1651477574924 .show_box .contant {
    border-radius: 10px 0 10px 10px;
}

#qqol_style_05_1651477574924 .time .contant {
    border-radius: 50px 0 0 50px;
}

#qqol_style_05_1651477574924 .qrcode .contant {
    border-radius: 10px 0 0 10px;
}

#qqol_style_05_1651477574924 .item:hover {
    background: ;
}

#qqol_style_05_1651477574924 .show_box {
    width: 220px;
}

.carousel-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 100px;
}

.carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 300px;
}

.carousel-item {
    min-width: 100%;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    transition: opacity 0.5s ease-in-out;
}

.carousel-item.active {
    opacity: 1;
}

.carousel-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}

.carousel-control.prev {
    left: 10px;
}

.carousel-control.next {
    right: 10px;
}

.carousel-control:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.carousel-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.dot.active {
    background-color: white;
}
.xtdl{
    padding: 8px 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    color: #2196F3;
}
.xtdl a:focus, a:hover {
    color: #2196F3;
    text-decoration: none;
}
.mbanner{
    margin-top: 100px;
}