html, body {
    
    width: 100%;
    min-height: 100%;
    background-color: #192d2e;
    text-align: center;
}

body {
    font-size:16px;
}
body.bg-home{
    background-image: url(../images/max_bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left top;
    height: 100%;
    overflow: hidden;

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

}

body.bg-other{
    background-image: url(../images/max_bg2.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: left top;
    height: auto;

}

.page {bottom:0;right:0;left:0;top:0;min-width: 1000px;}
.page-bg {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);z-index: 0;}
.content-page-main {
    position: relative;
    width:1505px;
    height:890px;
    margin: 0 auto;
    background: url(../images/content-bg.png) no-repeat;
    margin-top: 25px;
}


.btn-item {
    width:151px;
    height: 261px;
    position: absolute;
    cursor: pointer;
}
.btn-item:hover {
    filter: brightness(1.1);
}
.btn-item-1{
    top:209px;
    left:274px;
}
.btn-item-2{
    top:204px;
    left:504px;
}

.btn-item-3{
    top:195px;
    left:770px;
}

.btn-item-4{
    top:162px;
    left:1065px;
}

.btn-item-5{
    top:473px;
    left:408px;
}

.btn-item-6{
    top:520px;
    left:694px;
}

.btn-item-7{
    top:536px;
    left:966px;
}

.btn-item-8{
    top:202px;
    left:308px;
}

.btn-item-9{
    top:204px;
    left:636px;
}

.btn-item-10{
    top:182px;
    left:962px;
}

.btn-item-11{
    top:474px;
    left:422px;
}

.btn-item-12{
    top:516px;
    left:717px;
}

.btn-item-13{
    top:542px;
    left:1084px;
}

.page-main p {
    text-indent: 2em;
}
#content-wg .page-main {
    max-width: 1400px;
}

.content-tx-bg-inner {
    padding: 350px 300px 0 300px;
}
.page-main, .page-header {
    position: relative;
    z-index:1
}
.page-image-header {position: relative;z-index: 1;text-align: center;padding: 38px 0 38px 0}
.page-image-header img {display: inline-block;}

table {width:90%;margin:24px auto}
.text-danger {text-align: center;}
.h16 {height: 16px;}



/* home */
#home {overflow-y: hidden;height:100%;}
#home .page-main {
    width: 1002px;  
    margin: auto;
    position: relative; 
}

#home .page-main .btn-handler {
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -230px;
    cursor: pointer;
    animation: flash 1.5s infinite;
}

@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

#home .page-main .btn-handler:hover img:nth-child(2){
    display:block
}


#home .page-main .btn-handler img:nth-child(2) {
    display: none;
    position:absolute; left:3px;top:18px;
}

/* home */
.menus {position: relative;z-index:2;}
.menus-inner {margin: 0 auto;height:60px;text-align: center;background-color: rgba(0,0,0,0.4);}
.menus-inner:after {
    content:' ';
    display: block;
    clear: both;
}
.menus-inner a {

    display: inline-block;
}
.menus-inner a img:last-child {
    display: none;
}
.menus-inner a:hover img:last-child, .menus-inner a.active img:last-child {
    display: block;
}
.menus-inner a:hover img:first-child, .menus-inner a.active img:first-child {
    display: none;
}


.wg-sz-box:after {
    content:'';
    display: block;
    clear: both;
}
.sz-item.left {
    width:50%;
    position: relative;
    float:left;
    height:1000px;
}
.sz-item.right {
    width:50%;
    position: relative;
    float:right;
}



.sz-item.left .sz-bg {
    position: absolute;
    z-index:-1;
    top:90px;
    left:-9px;
}

.sz-item.left .sz-box {
    position: absolute;
    top:30px;
    left:30px;
}

.sz-item.left .sz-tit {
    position: absolute;
    top:460px;
    right:44px;
}

.sz-item.left .img {
    position: absolute;
    left:-89px;
    top:441px;
}

.sz-item.left .btn-ys {
    position: absolute;
    left:-37px;
    top:387px;
    z-index:2;
    cursor: pointer;
}
.sz-item.left .btn-ys img:last-child{
    display: none;
}

.sz-item.left .btn-ys:hover img:last-child, .sz-item.left .btn-ys.active img:last-child{
    display: block;
}
.sz-item.left .btn-ys:hover img:first-child, .sz-item.left .btn-ys.active img:first-child{
    display: none;
}

.sz-item.left .btn-cx {
    position: absolute;
    left:30px;
    top:484px;
    z-index:2;
    cursor: pointer;
}
.sz-item.left .btn-cx img:last-child{
    display: none;
}

.sz-item.left .btn-cx:hover img:last-child, .sz-item.left .btn-cx.active img:last-child{
    display: block;
}
.sz-item.left .btn-cx:hover img:first-child, .sz-item.left .btn-cx.active img:first-child{
    display: none;
}


.sz-item.right .sz-bg {
    position: absolute;
    z-index:-1;
    top:-43px;
    left:-9px;
}

.sz-item.right .sz-box {
    position: absolute;
    top:-117px;
    left:155px;
}
.sz-box img {
    position: absolute;
    opacity: 0;
    transition: all 0.3s;
    display: none;
}
.sz-box img.active {
    display: block;
    opacity: 1;
}

.sz-item.right .sz-tit {
    position: absolute;
    top:302px;
    left:40px;
}

.sz-item.right .img {
    position: absolute;
    left:521px;
    top:283px;
}

.sz-item.right .btn-ys {
    position: absolute;
    left:618px;
    top:230px;
    z-index:2;
    cursor: pointer;
}
.sz-item.right .btn-ys img:last-child{
    display: none;
}

.sz-item.right .btn-ys:hover img:last-child, .sz-item.right .btn-ys.active img:last-child{
    display: block;
}
.sz-item.right .btn-ys:hover img:first-child, .sz-item.right .btn-ys.active img:first-child{
    display: none;
}

.sz-item.right .btn-cx {
    position: absolute;
    left:526px;
    top:329px;
    z-index:2;
    cursor: pointer;
}
.sz-item.right .btn-cx img:last-child{
    display: none;
}

.sz-item.right .btn-cx:hover img:last-child, .sz-item.right .btn-cx.active img:last-child{
    display: block;
}
.sz-item.right .btn-cx:hover img:first-child, .sz-item.right .btn-cx.active img:first-child{
    display: none;
}

.wg-wq-box .tit {
    position: relative;
}
.wg-wq-box .tit>img {
    margin-left: 200px;
}

.wg-wq-box .tit .wuqi-tit-img {
    position: absolute;
    left: 663px;
    top:-60px;
}

.wg-wq-box-bd {
    position: relative;
}
.wg-wq-box-bd-zy {
    position: absolute;
    right:0;top:-110px;
}
.wg-wq-box-bd-zy-item {
    position: absolute;
    cursor: pointer;
}
.wg-wq-box-bd-zy-item img:last-child{
    display: none;
}
.wg-wq-box-bd-zy-item:nth-child(1){
    top:0;right:100px;
}
.wg-wq-box-bd-zy-item:hover img:first-child, .wg-wq-box-bd-zy-item.active img:first-child {
    display: none;
}
.wg-wq-box-bd-zy-item:hover img:last-child, .wg-wq-box-bd-zy-item.active img:last-child {
    display: block;
}
.wg-wq-box-bd-zy-item:nth-child(2){
    top:94px;right:15px;
}
.wg-wq-box-bd-zy-item:nth-child(3){
    top:217px;right:-42px;
}
.wg-wq-box-bd-zy-item:nth-child(4){
    top:340px;right:-79px;
}

.wg-wq-box-bd-zy-item:nth-child(5){
    top:460px;right:-77px;
}
.wg-wq-box-bd-zy-item:nth-child(6){
    top:586px;right:-50px;
}
.wg-wq-box-bd-zy-item:nth-child(7){
    top:712px;right:-5px;
}
.wg-wq-box-bd-zy-item:nth-child(8){
    top:816px;right:73px;
}
.wg-wq-box-bd-tits {
    position: absolute;
    top: 60px;
}

.wg-wq-box-bd-img-item {
    display: none;
    justify-content: center;
    height:830px;
}
.wg-wq-box-bd-img-item.active {
    display: flex;

}

.wg-wq-box-bd-img-item.active .wg-wq-box-bd-img-item-1 {
    animation: fadeInUp 0.5s ease-in-out;
}

.wg-wq-box-bd-img-item.active .wg-wq-box-bd-img-item-2 {
    animation: fadeInUp 0.5s ease-in-out;
}

.wg-wq-box-bd-img-item.active .wg-wq-box-bd-img-item-3 {
    animation: fadeInUp 0.5s ease-in-out;
}


.wg-wq-box-bd-img-item-1 {
    margin-top:210px;
}
.wg-wq-box-bd-img-item-2 {
    margin-top:80px;
    animation-delay: 0.1s;
}

.wg-wq-box-bd-img-item-3 {
    margin-top:80px;
}

/* 定义淡入并上移的动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateX(20px); /* 初始位置向下偏移 20px */
    }
    to {
        opacity: 1;
        transform: translateX(0); /* 最终回到原始位置 */
    }
}

.back-home {
    position: fixed;
    top:16px;
    right:16px;
    z-index:3;
}

.content-tx-bg {
    width: 1850px;
    height:1321px;
    margin: 0 auto;
    margin-top:-60px;
    background: url(../images/bg-2.png) center top no-repeat;
}

.content-wx-bg {
    overflow: hidden;
    width: 1773px;
    height:1079px;
    margin: 0 auto;
    margin-top:-120px;
    background: url(../images/bg-4.png) center top no-repeat;
}
.content-wx-bg-inner {
    margin: 350px 214px;
    max-height: 550px;
    overflow-y: auto;
    margin-bottom:32px;
}

.content-yh-bg {
    overflow: hidden;
    width: 1729px;
    height:1159px;
    margin: 0 auto;
    margin-top:-120px;
    background: url(../images/bg-6.png) center top no-repeat;
}
.content-yh-bg-inner {
    margin: 218px 166px;
    max-height: 817px;
    overflow-y: auto;
}

.content-tz-bg {
    position: relative;
    overflow: hidden;
    width: 1755px;
    height:1070px;
    margin: 0 auto;
    margin-top:-120px;
    background: url(../images/bg-5.png) center top no-repeat;
}
.content-tz-bg-inner {
    margin: 350px 219px;
    max-height: 550px;
    overflow-y: auto;
    position: relative;
}

.content-tz-bg>.tit {
    width:590px;
    height:175px;
    background: url(../images/p5hbg.png) no-repeat;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:20px;
    font-weight: bold;
}

.content-wx-sl {
    width: 1500px;
    margin:0 auto;
    position: relative;
    height: 1200px;
}
.content-wx-sl-inner {
    position: relative;
}
.tit-zy {
    position: relative;
    top:112px;
    z-index:2;
    float:left;
}
.tit-zy-item {
    width:153px;
    height: 48px;
    background: url(../images/tit-bg.png) no-repeat;
    font-size:20px;
    color:#000;
    text-align: center;
    line-height: 48px;
    margin-bottom:24px;
    cursor: pointer;
}
.tit-zy-item:hover, .tit-zy-item.active {
    background: url(../images/tit-bg-on.png) no-repeat;
}
.tit-zy-item:nth-child(1){
    margin-left:60px;
}
.tit-zy-item:nth-child(2){
    margin-left:40px;
}
.tit-zy-item:nth-child(3){
    margin-left:20px;
}

.tit-zy-item:nth-child(8){
    margin-left:60px;
}
.tit-zy-item:nth-child(7){
    margin-left:40px;
}
.tit-zy-item:nth-child(6){
    margin-left:20px;
}
.pic-box {
    position: absolute;
    top:0;
    left:180px;
}

.pic-box-item {
    opacity: 0;
    transition: all 0.3s;
    position: absolute;
    top:0;
}
.pic-box-item.active {
    opacity: 1;

}

.cont-box {
    width:919px;
    height:848px;
    background: url(../images/kuang.png) no-repeat;
    float: right;
    margin-top:-40px;
    overflow: hidden;
}

.cont-box-inner {
    margin: 178px 145px 77px 97px;
    line-height: 1.6em;
}
.cont-box-inner-item {
    display: none;
}
.cont-box-inner-item.active {display: block;}


.pic-tit {
    width:590px;
    height:175px;
    background: url(../images/p5hbg.png) no-repeat;  
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:20px;
    font-weight: bold;  
    margin: 20px auto; 
}

.content-kh-bg {
    overflow: hidden;
    width:1920px;
    height:1080px;
    margin: 0 auto;
    margin-top:-140px;
    background: url(../images/bg-3.png) center top no-repeat;
}
.content-kh-bg-inner {
    width:1635px;
    height:736px;
    margin:275px 0 0 163px;
}

.content-kh-bg-inner .left {
    padding:8px 0 0 16px;
    width:904px;
    float:left;
}

.content-kh-bg-inner .left .item {
    width:435px;
    height:348px;
    float:left;
    margin-bottom:16px;
    cursor: pointer;
}
.content-kh-bg-inner .left .item:nth-child(1),.content-kh-bg-inner .left .item:nth-child(3){
    margin-right: 16px;
}

.content-kh-bg-inner .right {
    float: right;
    width:615px;
    margin: 0 16px 0 0;
}
.content-kh-bg-inner .right .item {
    cursor: pointer;
}
.content-kh-bg-inner .right .item:first-child{
    margin-bottom:70px;
}

.mod-dialog-main {
    width: 1177px;
    height: 828px;
    background: url('../images/modal-bg.png') center top no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.mod-dialog-close1 {
       position: absolute;
    right: 77px;
    top: 38px;
}

.mod-dialog-content {
    margin: 100px 200px 0 200px;
    text-align: left;
    font-size:20px;
    color:#5e0b0c;
    
    
}
.artical {
    max-height:500px;
    overflow-y: auto;
    line-height: 2em;
}

.img-tit {
    text-align: center;
    margin-bottom:24px;
}
.img-tit img {
    display: inline-block;
}
table {

}
td, th {
    border:1px solid #5e0b0c!important;
    text-align: center;
}
th {
    background-color: #5e0b0c!important;
    color:#fff!important;
}

.h6-stit {
    width: 250px;
    height:41px;
    background: url(../images/h6-stit.png) no-repeat;
    margin: 0 auto 24px auto;
    color:#000;
    line-height: 41px;
    font-size:20px;
    text-indent: 2em;
}

.wg-td-box {
    padding-top:77px;
}

.wg-td-box .tit {
    margin-bottom: 32px;
    text-align: center;
}
.wg-td-box .tit img {
    display: inline-block;
}
.wg-td-box .left {
    width: 523px;
    height:530px;
    background: url(../images/min-bg1.png);
    background-size: 100% 100%;
    float: left;
}
.wg-td-box .left img, .wg-td-box .right img {
        margin: 16px 0 0 11px;
    }
.wg-td-box .right {
    width: 523px;
    height:530px;
    background: url(../images/min-bg1.png);
     background-size: 100% 100%;
    float: right;
}
.wg-td-box .cont {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 32px;
}

.block-img {
    display: block;
    margin: 24px auto;
}

@media screen and (max-width: 768px) {
    .artical {
        max-height: none;
    }
    .menus-inner {
        height: auto;
    }
    .content-page-main {
        background: none;
        width:100%;
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
        height:auto;
    }
    .btn-item {
        position: static;
    }
    .content-kh-bg-inner .left {
        padding:0;
    }
    .mod-toTop {
        right:6px;
        bottom:6px;
    }
    #home .page-main .btn-handler {
        margin-left:0;
    }
    .pic-box {
        display: none;
    }

    .pic-tit {
        width:100%;
        background-size: 100% 100%;
    }

    .content-wx-sl {
        width:100%;
        height: auto;
    }
    .tit-zy {
        float: none;
        display: flex; 
        justify-content: center;
        flex-wrap: wrap;
        top:0;
    }
    .tit-zy-item {
        margin-left: 0!important;
        flex-shrink: 0;
        margin-bottom:6px;
    }

    .cont-box {
        width:100%;
        margin-top:0;
        background: none;
        height:auto;
    }
    .cont-box-inner {
        margin:6px;
        
    }


    .content-tz-bg>.tit {
        position: static;
        margin: 0 auto;
        transform: none;
        width: 100%;
        background-size: 100% 100%;
    }
    .block-img {
        max-width: 100%;
    }

    .mod-dialog-close1 {
        position: absolute;
        right: -4px;
        top: -29px;
    }

    .mod-dialog {
        overflow-y: auto;
        background-color: rgba(0,0,0,0.6);
    }

    .mod-dialog-content {
        width:98%;
        margin:0;
        max-height: none;

    }

    .mod-dialog-mask {
        display: none;
    }

    .mod-dialog-main {
        background: #fff;
        width:100%;
        height:auto;
        position: relative;
        top:auto;
        left:auto;
        margin-top: 20px;
        overflow: visible;
        left:50%;
        transform: translateX(-50%);
        padding: 16px;
        border-radius: 10px;


    }
    .content-kh-bg-inner .right .item:first-child {
        margin-bottom:16px;
    }
    .content-kh-bg-inner .right {
        width:100%;
        margin:0;
    }

    .content-kh-bg-inner .left {
        width:100%;
    }

    .content-kh-bg-inner .left .item,.content-kh-bg-inner .right .item {
        width:100%;
        height:auto;
        float:none;
    }

    .content-kh-bg-inner {
        width:100%;
        height:auto;
        max-height: none;
        margin:0;
    }

    .content-kh-bg{
        width: 100%;
        height: auto;
        margin-top:0;
        background: none;
    }

    .content-yh-bg-inner {
        margin: 10px;
        max-height: none;
    }

    .content-yh-bg {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-top: -0;
        background: NONE;
    }

    .content-tz-bg-inner {
        margin: 10px;
        max-height: none;
    }

    .content-tz-bg {
        width: 100%;
        height: auto;
        margin-top:0;
        background: none;
        
    }

    .content-wx-bg-inner {
        margin:10px;
        max-height: none;
    }
    .content-wx-bg {
        width: 100%;
        height:auto;
        margin-top:0;
        background: none;
    }
    .content-tx-bg-inner {
        padding:10px;
    }
    .content-tx-bg {
        width: 100%;
        height: auto;
        background: none;
    }
    .wg-wq-box-bd-img-item {
        height: auto;
    }
    .wg-td-box .cont {
        width: 100%;
    }
    .wg-td-box .left {
        float: none;
        width:100%;
        background: none;
        height: auto;
    }
    .wg-td-box .left img, .wg-td-box .right img {
        margin: 0;
    }
    
    .wg-td-box .right {
        float: none;
        width:100%;
         background: none;
         height: auto;
    }
    .wg-wq-box-bd-img-item.active {
        display: block;
    }
    .wg-wq-box-bd-img-item-2 {
        margin-top: 0;
    }
    .wg-wq-box-bd-img-item-1 {
        margin-top: 0;
    }
    .wg-wq-box-bd-tits {
        display: none;
    }

    .wg-wq-box-bd-tits span img {
        width:100%;
    }
    .wg-wq-box-bd-zy {
        position: static;
        text-align: center;
    }
    .wg-wq-box-bd-zy-item {
        position: static;
        display: inline-block;
        width:70px;
    }
    .wg-wq-box-bd-zy-item img {
        width:100%;
    }
    .wg-wq-box .tit>img {
        margin-left:0;
    }
    .sz-item.right .btn-cx {
        left: auto;
        right:10px;
        top: 25px;
    }
    .sz-item.right .btn-ys {
                left: auto;
        right: 112px;
        top: 25px;
    }
    .sz-item.right .sz-box {
        position: static;
    }

.sz-box img.active {
    display: block;
    opacity: 1;
}
    .sz-box img {
        position: static;
        display: none;
    }
    
    .sz-item.left .sz-box {
        position:static;
    }
    .sz-item.left .btn-ys {
        top: 30px;
        left: 30px;
    }
    .sz-item.left .btn-cx {
      
        left: 116px;
        top: 16px;
    }
    .sz-item.left .img {
        display: none;
    }
    .menus-inner a {
        width:132px;

    }
    .menus-inner a img {
        width:100%;
    }
    .sz-tit {
        display: none;
    }
 
    .sz-item.left, .sz-item.right {
        width:100%;
        float:none;
        height: auto;
    }
    .menus-inner {
        text-align: center;
    }
    .menus-inner a {
        float: none;
        display: inline-block;
    }
    .back-home {
        display: none!important;
    }
    html,body {height: auto;overflow: auto;min-height:100vh}
    body.bg-home{
        background-image: url(../images/min_bg1.jpg?v=1);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%;
    
    }
    body.bg-other{
        background-image: url(../images/min_bg2.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% 100%;
    
    }
    .page {position: static;}
    video {display: none!important;}
    .page-main {width:100%!important;overflow: hidden;}
    #home .page-main {position:static;}
    .page-image-header {padding:30px 0;}
    #home .page-main .btn-handler {width:100%;left:50%;top:auto;bottom:0;transform: translateX(-50%);opacity: 1!important;}
     #home .page-main .btn-handler  img { width: 100%;}



    .page {min-width:100%}
    .page-bg {left:0;right:0;transform: translateX(-0%);}
    

    
}