/* /develop/dHUpKAfLeZYt-WsAUKpjCLDRr-GvUApKfKKUAU-jjBqrKjjprmiiimjjii-jpBqrKkjprljqiqnlii/style.css,/develop/gIKApUfUTlEt-kyKApfUwvcDO-GvUApKfKKUAU-jjBqrKrjkrpiqinrrir-jnBqrKrjnrlimimilni/style.css,/assets/widget/style/component/graphic/graphic.css */
/* /develop/dHUpKAfLeZYt-WsAUKpjCLDRr-GvUApKfKKUAU-jjBqrKjjprmiiimjjii-jpBqrKkjprljqiqnlii/style.css */
.clearfix:after {
    clear: both;
}

.block7732-scrollPic-container .moreBtn{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
}

.block7732-scrollPic-container {
    padding: 60px 0;
    box-sizing: border-box;
}

.block7732-scrollPic-container .block7732-scrollPic-wrap {
    
    margin: 0 auto;
}

.block7732-scrollPic-container .block7732-scrollPic-wrap .block7732-top {
    position: relative;
    margin-bottom: 60px;
}

.block7732-scrollPic-container .block7732-scrollPic-wrap .block7732-top .block7732-top-container {
    margin: 0 auto;
    text-align: center;
}

.block7732-scrollPic-container .block7732-scrollPic-wrap .block7732-top .block7732-top-container h2 {
    font-weight: 700;
    font-size: 30px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}
.block7732-scrollPic-container .block7732-scrollPic-wrap .block7732-top .block7732-top-container p{
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    color: #777777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.block7732-bottom-gallery{
    position: relative;
}

.block7732-bottom-gallery .block7732-controls .block7732-switchBtn{
    position: absolute;
    top: -46px;
    left: 10px;
    background-color: transparent !important;
    border: 1px solid;
    font-size: 24px !important;
    padding: 5px 15px !important;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color: #63a603;
}
.block7732-bottom-gallery .block7732-controls .block7732-next{
    left: 80px;
}
.block7732-bottom-gallery .block7732-gallery-list{
    list-style: none;
    outline: none;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item{
    float: left;
    outline: none;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item .block7732-item-wrap{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item .block7732-item-wrap img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item .block7732-item-wrap>div{
    position: relative;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item .block7732-item-wrap>div .block7732-item-mask{
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #63a603;
    opacity:0.6;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item:hover .block7732-item-wrap>div .block7732-item-mask{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.block7732-item-maskWrap{
    display: flex;
    justify-content: center;
    align-items:center;
    width: 100%;
    height: 100%;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item:hover .block7732-item-wrap>div .block7732-item-mask .block7732-item-maskWrap a{
    display: block;
    border: none;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    outline: none;
}
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item:hover .block7732-maskWrap-showBtn{
    background: #fff;
}
    .block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item .block7732-maskWrap-showBtn i{
    height:22px;
                    }
.block7732-bottom-gallery .block7732-gallery-list .block7732-gallery-item:hover  .block7732-plus{
    color: #333;
}

/*遮罩层*/
.block7732-imgDetail-mask{
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 8000;
    background-color: rgba(0,0,0,.7);
}
.block7732-imgDetail-mask .block7732-imgDetail-box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.block7732-imgDetail-mask .block7732-imgDetail-box .block7732-imgDetail-wrap{
    position: relative;
    padding: 15px;
    width: auto;
    max-width: 100%;
    min-width: 26%;
    right: 0;
    opacity: 1;
    
    vertical-align: middle;
    margin: 0 auto;
    background: #f9f9f9;
    box-sizing: border-box;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.block7732-imgDetail-mask .block7732-imgDetail-box .block7732-imgDetail-wrap img{
    max-width: 100%;
    height: auto;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.block7732-imgDetail-close{
    position: absolute;
    right: -16px;
    top:-16px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    font-size: 16px;
    border-radius: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    cursor: pointer;
    z-index: 9000;
}
.block7732-imgDetail-prev{
    cursor: pointer;
    z-index: 8040;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    left: 0;
}
.block7732-imgDetail-next{
    cursor: pointer;
    z-index: 8040;
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    right: 0;
}
.block7732-imgDetail-prev .fa-chevron-left{
    opacity: 0;
    top: 50%;
    position: absolute;
    left: 16px;
    font-size: 32px;
    color: #fff;
    transform: translateY(-50%);
    transition: opacity .8s ease;
}
.block7732-imgDetail-next .fa-chevron-right{
    opacity: 0;
    top: 50%;
    position: absolute;
    font-size: 32px;
    color: #fff;
    transform: translateY(-50%);
    right: 16px;
    transition: opacity .4s ease;
}
.block7732-imgDetail-prev:hover .fa-chevron-left,
.block7732-imgDetail-next:hover .fa-chevron-right{
    opacity: 1;

}
.block7732-scrollPic-container .banner-docs{
    padding: 0 10px;
}


/* 响应式设计 */

@media (min-width:768px) {
    .block7732-scrollPic-container .block7732-scrollPic-wrap {
        width: 750px;
    }
}

@media (min-width:990px) {
    .block7732-scrollPic-container .block7732-scrollPic-wrap {
        width: 970px;
    }
    .block7732-scrollPic-container .block7732-scrollPic-wrap .block7732-top .block7732-top-container{
        width: 100%;
    }
}

@media (min-width:1200px) {
    .block7732-scrollPic-container .block7732-scrollPic-wrap {
        width: 1180px;
    }
    
}
@media (max-width:1200px){
    .block7732-imgDetail-mask .block7732-imgDetail-box .block7732-imgDetail-wrap{
        width: 60%;
    }
}
@media (max-width:989px){
    .block7732-imgDetail-prev .fa-chevron-left,
    .block7732-imgDetail-next .fa-chevron-right{
        opacity: 1;
    }
}
/* new2021/4/27 */
.block7732-imgDetail-mask .block7732-imgDetail-main:hover{
    cursor: pointer;
}
.block7732-imgDetail-mask .block7732-imgDetail-prev{
    width: 15%;
}
.block7732-imgDetail-mask .block7732-imgDetail-next{
    width: 15%;
}
/* /develop/gIKApUfUTlEt-kyKApfUwvcDO-GvUApKfKKUAU-jjBqrKrjkrpiqinrrir-jnBqrKrjnrlimimilni/style.css */
.QX-96440317 {
    width: 100%;
    position: relative;

}

.QX-96440317 .bgc {
    position: absolute;
    width: 65%;
    height: 100%;
    top: 0;
    right: 0;
    background: #f2f2f2;
    z-index: 1;
}

.QX-96440317 .cont {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    min-height: 400px;
    padding: 30px 0;
}

.QX-96440317 .left {
    width: 500px;
    height: 340px;
    margin-right: 30px;
    position: relative;
    z-index: 2;
}

.QX-96440317 .left .backstage-blocksEditor-wrap,
.QX-96440317 .left .backstage-componet,
.QX-96440317 .left .backstage-componet-bd,
.QX-96440317 .left .blocks-image {
    width: 100%;
    height: 100%;
}

.QX-96440317 .left .blocks-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.QX-96440317 .right {
    padding: 20px;
    position: relative;
    z-index: 2;
    width: calc(100% - 570px);
}

.QX-96440317 .title {
    font-weight: 400;
    color: #9e9e9e;
    margin-bottom: 30px;
    font-size: 18px;
    min-height: unset;
    word-break: break-word;
}

.QX-96440317 .text {
    font-size: 40px;
    font-weight: 600;
    color: #343434;
    min-height: unset;
    word-break: break-word;
}

.QX-96440317 .butn {
    display: inline-block;
    margin-top: 30px;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 20px;
    border-bottom: 3px solid #0eaf96;
}

.QX-96440317 .center {
    color: #0eaf96;
    display: flex;
    align-items: center;
}

.QX-96440317 .butn .backstage-blocksEditor-wrap {
    min-height: unset;
}

.QX-96440317 .butn .blocks-button {
    color: inherit;
}

.QX-96440317 .center i {
    font-size: 24px;
    margin: 0 10px;
    transition: all .3s;
}

.QX-96440317 .butn:hover .center i {
    transform: translateX(10px);
}

@media screen and (max-width:1200px) {
    .QX-96440317 .cont {
        max-width: 100%;
        padding: 0 10px;
    }

    .QX-96440317 .bgc {
        width: 60%;
        right: 10px;
    }

    .QX-96440317 .left {
        width: 450px;
    }

    .QX-96440317 .right {
        width: calc(100% - 510px);
    }


    .QX-96440317 .text {
        font-size: 34px;
    }
}

@media screen and (max-width:900px) {
    .QX-96440317 .left {
        width: 400px;
    }

    .QX-96440317 .right {
        width: calc(100% - 460px);
    }


    .QX-96440317 .cont {

        min-height: 350px;
    }

    .QX-96440317 .text {
        font-size: 28px;
    }

    .QX-96440317 .butn {
        font-size: 16px;
    }
}

@media screen and (max-width:768px) {
    .QX-96440317 {
        padding-bottom: 20px;
    }

    .QX-96440317 .cont {
        min-height: unset;
        display: block;
        margin-bottom: 280px;
            text-align: center;
    }

    .QX-96440317 .bgc {
        width: calc(100% - 20px);
          height: calc(100% - 300px);
    }

    .QX-96440317 .left {
        position: absolute;
        right: 50%;
        margin-right: 0;
        width: 320px;
        height: 280px;
        bottom: -280px;
        transform: translateX(50%);
    }

    .QX-96440317 .right {
        width: calc(100% - 40px);
    }

}

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

    .QX-96440317 .cont {
        margin-bottom: 280px;
    }

    .QX-96440317 .left {
        width: calc(100% - 20px);
        bottom: -280px;
    }

}
/* /assets/widget/style/component/graphic/graphic.css */
.sitewidget-graphic table[cellspacing="10"]{border-spacing:10px;border-collapse:separate}
.sitewidget-graphic table thead td{vertical-align:bottom}
.sitewidget-graphic img{max-width:100%}
.sitewidget-graphic table img{max-width:100%;width:100%\0}
.sitewidget-graphic .sitewidget-bd *,.sitewidget-text .sitewidget-bd *{font-size:inherit;color:inherit;line-height:normal}
.sitewidget-graphic .sitewidget-bd em,.sitewidget-text .sitewidget-bd em{font-style:italic}
.sitewidget-graphic .sitewidget-bd.fix{word-break:break-word}
.sitewidget-text .sitewidget-bd h1,.sitewidget-text .sitewidget-bd h2,.sitewidget-text .sitewidget-bd h3,.sitewidget-text .sitewidget-bd h4,.sitewidget-text .sitewidget-bd h5,.sitewidget-text .sitewidget-bd h6{font-weight:inherit}
.hasOverflowX{overflow-x:auto;overflow-y:hidden}