main {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.swiper-container-page {
    height: 100%;
}
.swiper-container-page .swiper-slide {
    height: auto;
}
.main-container {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
@media (max-width: 768px) {
    .main-container {
        height: 56.25vw;
    }
}
.box-jyj {
    background: url("/cms-40zn-theme/img/bg-jyj.png") no-repeat;
    background-size: 100% 100%;
}
.box-ysg {
    background: url("/cms-40zn-theme/img/bg-ysg.png") no-repeat;
    background-size: 100% 100%;
}
.box-sxs {
    background: url("/cms-40zn-theme/img/bg-sxs.png") no-repeat;
    background-size: 100% 100%;
}
.box-jyj .box {
    width: 1200px;
    margin-left: 23.38542vw;
}
.box-jyj .container {
    position: relative;
    width: 100%;
    height: 686px;
    background: url("/cms-40zn-theme/img/book.png") no-repeat;
    background-size: 100% 100%;
    padding: 0 67px;
}
.swiper-jyj {
    width: 100%;
    height: 100%;
}
.swiper-jyj .swiper-slide .title {
    margin: 52px 0 0 0;
    height: 150px;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    line-height: 36px;
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.swiper-jyj .swiper-slide .image {
    margin-top: 28px;
    width: 100%;
    height: 322px;
    background: url("/cms-40zn-theme/img/bg-img.png") no-repeat;
    background-size: 100% 100%;
}
.swiper-jyj .swiper-slide .image img {
    width: 100%;
    height: 100%;
}
.swiper-jyj .swiper-slide .text {
    position: relative;
    padding: 0 105px;
    height: 36px;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    line-height: 36px;
    font-style: normal;
    text-align: center;
}
.swiper-jyj .swiper-slide .text::before {
    background: url("/cms-40zn-theme/img/book-left.png") no-repeat;
    background-size: 100% 100%;
    width: 46px;
    height: 15px;
    position: absolute;
    left: 56px;
    top: 11px;
    content: "";
}
.swiper-jyj .swiper-slide .text::after {
    background: url("/cms-40zn-theme/img/book-right.png") no-repeat;
    background-size: 100% 100%;
    width: 45px;
    height: 15px;
    position: absolute;
    right: 56px;
    top: 11px;
    content: "";
}
.box-jyj .arrow-left {
    position: absolute;
    left: -33px;
    top: 336px;
    width: 25px;
    height: 39px;
    background: url("/cms-40zn-theme/img/arrow-left-active.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.box-jyj .arrow-left.swiper-button-disabled {
    background: url("/cms-40zn-theme/img/arrow-left.png") no-repeat;
    background-size: 100% 100%;
}
.box-jyj .arrow-right {
    position: absolute;
    right: -33px;
    top: 336px;
    width: 25px;
    height: 39px;
    background: url("/cms-40zn-theme/img/arrow-right-active.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.box-jyj .arrow-right.swiper-button-disabled {
    background: url("/cms-40zn-theme/img/arrow-right.png") no-repeat;
    background-size: 100% 100%;
}
.box-jyj .more {
    display: block;
    width: 194px;
    height: 50px;
    background: url("/cms-40zn-theme/img/more-green.png") no-repeat;
    background-size: 100% 100%;
    margin: 53px auto 0;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 32px;
}
.box-sxs .box {
    /*margin: 154px 261px 0 454px;*/
    width: 1205px;
    margin-left: 23.64583vw;
    /*margin: 8.02083vw 13.59375vw 0 23.64583vw;*/
}

.box-sxs .item {
    width: 595px;
    height: 308px;
    background: url("/cms-40zn-theme/img/item-sxs.png") no-repeat;
    background-size: 100% 100%;
    float: left;
}
.box-sxs .item:nth-child(2) {
    margin: 58px 0 0 15px;
}
.box-sxs .item:nth-child(3) {
    margin: -16px 0 0 0;
}
.box-sxs .item:nth-child(4) {
    margin: 42px 0 0 15px;
}
.box-sxs .item .title {
    width: 365px;
    margin-left: 173px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    padding: 0 20px;
}
.box-sxs .item .text {
    margin: 33px 0 0 53px;
    width: 494px;
    height: 102px;
    font-weight: 400;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    line-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.box-sxs .item .unit {
    font-weight: 400;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    line-height: 34px;
    text-align: right;
    margin: 19px 80px 0 53px;
}
.box-sxs .more {
    display: block;
    width: 194px;
    height: 50px;
    background: url("/cms-40zn-theme/img/more-red.png") no-repeat;
    background-size: 100% 100%;
    margin: 67px auto 0;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 32px;
}
.menu {
    position: fixed;
    right: 54px;
    height: 400px;
    bottom: calc(50% - 200px);
    z-index: 9;
    display: none;
}
.menu a {
    display: block;
    position: relative;
    margin-bottom: 22px;
    width: 136px;
    height: 38px;
}
.menu a .normal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.menu a .active, .menu .on .active {
    display: none;
}
.menu a:hover .normal, .menu .on .normal {
    display: none;
}
.menu a:hover .active, .menu .on .active {
    position: absolute;
    left: -33px;
    top: -27px;
    width: 202px;
    height: 92px;
    display: block;
}
.menu .top {
    font-size: 16px;
    color: #12508E;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    width: 136px;
    padding-top: 44px;
    background: url("/cms-40zn-theme/img/arrow-top.png") no-repeat center top;
    background-size: 36px 36px;
    margin-top: 40px;
}

.box-ysg .box {
    /*margin: 198px 282px 0 450px;*/
    width: 1188px;
    margin-left: 23.4375vw;
    /*margin: 10.3125vw 14.6875vw 0 23.4375vw;*/
    position: relative;
}
.box-ysg .box .note {
    position: relative;
    overflow: hidden;
}
.box-ysg .box .bd {
    width: 1141px;
    height: 687px;
    background: url("/cms-40zn-theme/img/notebook.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    z-index: 1;
    position: relative;
    pointer-events: none;
}
.box-ysg .box .hd {
    float: left;
    width: 86px;
    height: 470px;
    margin: 36px 0 0 -40px;
}
.box-ysg .box .hd ul {
    width: 100%;
    height: 100%;
    overflow: scroll;
    position: relative;
    -ms-overflow-style: none;
}
.box-ysg .box .hd ul::-webkit-scrollbar {
    display: none;
}
.box-ysg .box .hd ul li {
    width: 86px;
    height: 82px;
    background: #A5C4D8;
    border-radius: 0 16px 16px 0;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    font-size: 24px;
    color: #195FA0;
    line-height: 82px;
    text-align: center;
    font-family: "HYa4gj", serif;
}
.box-ysg .box .hd ul li.on {
    background: linear-gradient( 180deg, #105688 0%, #46A3D8 100%);
    box-shadow: inset -1px -1px 3px 0 rgba(0,0,0,0.5);
    z-index: 2;
    color: #FFFFFF;
}
.box-ysg .arrow {
    position: absolute;
    width: 86px;
    height: 82px;
    border-radius: 0 16px 16px 0;
    bottom: 83px;
    right: 0;
    z-index: 0;
    cursor: pointer;
    background: #A5C4D8 url("/cms-40zn-theme/img/arrow-down.png") no-repeat center center;
    background-size: 20px 12px;
}
.box-ysg .wrap-book {
    pointer-events: auto;
    width: 1008px;
    margin: 28px 0 0 68px;
    position: relative;
    overflow: hidden;
    padding-left: 31px;
}
.scroll-view .wrap {
    height: 554px;
}
.scroll-view .content {
    background: url("/cms-40zn-theme/img/line-book.png") repeat-x 0 225px;
    position: relative;
}
.scroll-view .track {
    height: 12px;
    margin-right: 20px;
    background: #D3D7DA;
    box-shadow: inset 0 1px 4px 0 rgba(55,87,111,0.6);
    border-radius: 6px;
}
.scroll-view .track div {
    height: 8px;
    background: linear-gradient( 180deg, #7DC1ED 0%, #296591 100%);
    border-radius: 6px;
    margin-top: 2px;
}
.scroll-view .item {
    float: left;
    width: 214px;
    height: 250px;
    margin-right: 22px;
    position: relative;
    /*background: #007aff;*/
}
.scroll-view .item .year {
    position: absolute;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
.scroll-view .item .date {
    width: 160px;
    height: 22px;
    font-size: 18px;
    color: #195FA0;
    line-height: 22px;
    font-style: normal;
    font-family: "HYa4gj", serif;
}
.scroll-view .item .text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    line-height: 24px;
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
}

.scroll-view .item .text1 {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    line-height: 24px;
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
}

.scroll-view .item img {
    margin-top: 8px;
}
.scroll-view .item:nth-child(odd) {
    margin-top: 270px;
}
.scroll-view .item:nth-child(even) {
    margin-left: -236px;
}
.scroll-view .item:nth-child(8n+1) .year {
    background: url("/cms-40zn-theme/img/year_1.png") no-repeat;
    width: 75px;
    height: 282px;
    top: -38px;
    left: -35px;
    padding-top: 2px;
}
.scroll-view .item:nth-child(8n+1) .date {
    margin-left: 16px;
    margin-top: 52px;
}
.scroll-view .item:nth-child(8n+1) .text {
    margin-left: 16px;
    width: 160px;
    height: 72px;
    -webkit-line-clamp: 3;
}

.scroll-view .item:nth-child(8n+1) .text1 {
    margin-left: 16px;
    width: 160px;
    height: 172px;
    -webkit-line-clamp: 7;
}

.scroll-view .item:nth-child(8n+1) img {
    width: 160px;
    height: 106px;
    margin-left: 16px;
}
.scroll-view .item:nth-child(8n+2) .year {
    background: url("/cms-40zn-theme/img/year_2.png") no-repeat;
    width: 75px;
    height: 282px;
    top: 40px;
    right: -18px;
    padding-top: 250px;
}
.scroll-view .item:nth-child(8n+2) .date {
    margin-left: 15px;
    margin-top: 20px;
    text-align: right;
}
.scroll-view .item:nth-child(8n+2) .text {
    margin-left: 15px;
    width: 160px;
    height: 48px;
    -webkit-line-clamp: 2;
}
.scroll-view .item:nth-child(8n+2) .text1 {
    margin-left: 15px;
    width: 160px;
    height: 148px;
    -webkit-line-clamp: 6;
}
.scroll-view .item:nth-child(8n+2) img {
    margin-left: 15px;
    width: 160px;
    height: 106px;
}
.scroll-view .item:nth-child(8n+3) .year {
    background: url("/cms-40zn-theme/img/year_1.png") no-repeat;
    width: 75px;
    height: 282px;
    top: -19px;
    left: -25px;
    padding-top: 2px;
}
.scroll-view .item:nth-child(8n+3) .date {
    margin-left: 28px;
    margin-top: 84px;
    width: 148px;
}
.scroll-view .item:nth-child(8n+3) .text {
    margin-left: 28px;
    width: 148px;
    height: 48px;
    -webkit-line-clamp: 2;
}

.scroll-view .item:nth-child(8n+3) .text1 {
    margin-left: 28px;
    width: 148px;
    height: 148px;
    -webkit-line-clamp: 6;
}

.scroll-view .item:nth-child(8n+3) img {
    margin-left: 28px;
    width: 148px;
    height: 98px;
}
.scroll-view .item:nth-child(8n+4) .year {
    background: url("/cms-40zn-theme/img/year_2.png") no-repeat;
    width: 75px;
    height: 282px;
    top: 70px;
    right: -8px;
    padding-top: 250px;
}
.scroll-view .item:nth-child(8n+4) .date {
    margin-left: -14px;
    margin-top: 20px;
    text-align: right;
    width: 180px;
}
.scroll-view .item:nth-child(8n+4) .text {
    margin-left: -14px;
    width: 180px;
    height: 48px;
    -webkit-line-clamp: 2;
}

.scroll-view .item:nth-child(8n+4) .text1 {
    margin-left: -14px;
    width: 180px;
    height: 148px;
    -webkit-line-clamp: 6;
}

.scroll-view .item:nth-child(8n+4) img {
    margin-left: -14px;
    width: 180px;
    height: 119px;
}
.scroll-view .item:nth-child(8n+5) .year {
    background: url("/cms-40zn-theme/img/year_1.png") no-repeat;
    width: 75px;
    height: 282px;
    top: -39px;
    left: -50px;
    padding-top: 2px;
}
.scroll-view .item:nth-child(8n+5) .date {
    margin-left: 5px;
    margin-top: 52px;
}
.scroll-view .item:nth-child(8n+5) .text {
    margin-left: 5px;
    width: 160px;
    height: 72px;
    -webkit-line-clamp: 3;
}

.scroll-view .item:nth-child(8n+5) .text1 {
    margin-left: 5px;
    width: 160px;
    height: 172px;
    -webkit-line-clamp: 7;
}

.scroll-view .item:nth-child(8n+5) img {
    margin-left: 5px;
    width: 160px;
    height: 106px;
}
.scroll-view .item:nth-child(8n+6) .year {
    background: url("/cms-40zn-theme/img/year_2.png") no-repeat;
    width: 75px;
    height: 282px;
    top: 35px;
    right: 0;
    padding-top: 250px;
}
.scroll-view .item:nth-child(8n+6) .date {
    margin-left: -5px;
    margin-top: 20px;
    text-align: right;
}
.scroll-view .item:nth-child(8n+6) .text {
    margin-left: -5px;
    width: 160px;
    height: 48px;
    -webkit-line-clamp: 2;
}

.scroll-view .item:nth-child(8n+6) .text1 {
    margin-left: -5px;
    width: 160px;
    height: 148px;
    -webkit-line-clamp: 6;
}

.scroll-view .item:nth-child(8n+6) img {
    margin-left: -5px;
    width: 160px;
    height: 106px;
}
.scroll-view .item:nth-child(8n+7) .year {
    background: url("/cms-40zn-theme/img/year_1.png") no-repeat;
    width: 75px;
    height: 282px;
    top: -35px;
    left: -50px;
    padding-top: 2px;
}
.scroll-view .item:nth-child(8n+7) .date {
    margin-left: 5px;
    margin-top: 76px;
}
.scroll-view .item:nth-child(8n+7) .text {
    margin-left: 5px;
    width: 160px;
    height: 48px;
    -webkit-line-clamp: 2;
}

.scroll-view .item:nth-child(8n+7) .text1 {
    margin-left: 5px;
    width: 160px;
    height: 148px;
    -webkit-line-clamp: 6;
}

.scroll-view .item:nth-child(8n+7) img {
    margin-left: 5px;
    width: 160px;
    height: 106px
}
.scroll-view .item:nth-child(8n) .year {
    background: url("/cms-40zn-theme/img/year_2.png") no-repeat;
    width: 75px;
    height: 282px;
    top: 79px;
    right: -10px;
    padding-top: 250px;
}
.scroll-view .item:nth-child(8n) .date {
    margin-left: -10px;
    margin-top: 20px;
    text-align: right;
    width: 178px;
}
.scroll-view .item:nth-child(8n) .text {
    margin-left: -10px;
    width: 178px;
    height: 48px;
    -webkit-line-clamp: 2;
}

.scroll-view .item:nth-child(8n) .text1 {
    margin-left: -10px;
    width: 178px;
    height: 148px;
    -webkit-line-clamp: 6;
}

.scroll-view .item:nth-child(8n) img {
    margin-left: -10px;
    width: 178px;
    height: 118px;
}




.box-ktt{
    background: url("/cms-40zn-theme/img/bg-ktt.png") no-repeat;
    background-size: 100% 100%;
}
.box-jyj {
    background: url("/cms-40zn-theme/img/bg-jyj.png") no-repeat;
    background-size: 100% 100%;
}
.box-gyx {
    background: url("/cms-40zn-theme/img/bg-gyx.png") no-repeat;
    background-size: 100% 100%;
}
.box-ysg {
    background: url("/cms-40zn-theme/img/bg-ysg.png") no-repeat;
    background-size: 100% 100%;
}
.box-lcj {
    background: url("/cms-40zn-theme/img/bg-lcj.png") no-repeat;
    background-size: 100% 100%;
}
.box-sxs {
    background: url("/cms-40zn-theme/img/bg-sxs.png") no-repeat;
    background-size: 100% 100%;
}
.box-ktt .box {
    width: 1200px;
    margin-left: 23.17708vw;
}
.box-ktt .ktt-title{
    width: 972px;
    height: 88px;
    margin-left: 115px;
    margin-top: 2vh;
    margin-bottom:4.01vh;
}
.box-ktt .ktt-content{
    height: 530px;
}
.box-ktt .news-left{
    width:729px;
    float: left;
}
.box-ktt .news-left img{
    width: 100%;
    height: calc(100% - 64px);
    display: block;
    vertical-align: top;
}
.box-ktt .news-left .title-box{
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: #B64D3A;
    padding-left: 26px;
}
.box-ktt .news-left .title-box a{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    width: 550px;
}

.news-pagination {
    bottom: 20px !important;
    text-align: right;
    width: 150px !important;
    left:580px !important;
    padding-right: 16px;
}
.news-pagination .swiper-pagination-bullet {
    width:12px;
    height: 12px;
    background: #FFFFFF;
    position: relative;
    opacity: 1;
    margin: 0!important;
    margin-left: 10px !important;
}
.news-pagination .swiper-pagination-bullet-active {
    background: #FFFFFF;
    margin-left:10px !important;
    width: 22px;
    height: 12px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.box-ktt .news-right{
    width:456px;
    float: right;
    background:#FEF7EE;
}

.box-ktt .news-right .right-yellow-wrap{
    height: 440px;
    background: url('/cms-40zn-theme/img/ktt-right-bg.png') no-repeat;
    background-size: 100% 100%;
}
.box-ktt .news-right .yellow-content{
    height: 247px;
    border-bottom: 1px dashed #B64D3A;
    margin: 0 16px;
    padding:24px 14px;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    text-align: justify;
    text-indent: 36px;
}
.box-ktt .news-right .yellow-content span{
    max-height: 190px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 5; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏超出容器的部分 */
}
.box-ktt .news-right .yellow-content a{
    display: inline-block;
    color: #BD0900;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    width: 100%;
    text-align: right;
    margin-top: 12px;
    cursor: pointer;
}
.box-ktt .news-right .yellow-footer {
    font-weight: 500;
    cursor: pointer;
    padding: 0 32px;
}
.box-ktt .news-right .yellow-footer a{
    color: #333333;
}
.box-ktt .news-right .yellow-footer a:hover{
    color:#BD0900;
}
.box-ktt .news-right .yellow-footer div:first-child{
    font-size: 20px;
    margin-top:39px;
}
.box-ktt .news-right .yellow-footer div:first-child .icon{
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url('/cms-40zn-theme/img/righticon-red.png') no-repeat;
    background-size: 100% 100%;
    margin-right: 14px;
}
.box-ktt .news-right .yellow-footer div:last-child{
    font-size: 24px;
    margin-top: 10px;
    padding-left: 14px;
}
.box-ktt .news-right li{
    height:88px;
    line-height: 88px;
}
/*修改*/
.box-ktt .news-right li a{
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    margin:0 16px;
    /* border-bottom: 1px dashed #B64D3A; */
    display: inline-block;
    width: 424px;
}
.box-ktt .news-right li .icon{
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 13px;
    vertical-align: middle;
    background: url("/cms-40zn-theme/img/ktt-righticon.png") no-repeat;
    background-size: 100% 100%;
    margin-top:-2px;
}
.box-ktt .news-right .active{
    background:#B64D3A;
}
.box-ktt .news-right .active a{
    color:#fff;
}
.box-ktt .news-right .active .icon{
    background: url("/cms-40zn-theme/img/righticon-white.png") no-repeat;
}

/**
.box-ktt .news-right{
    width:456px;
    float: right;
    background:#FEF7EE;
}
.box-ktt .news-right li{
    height:88px;
    line-height: 88px;
}
.box-ktt .news-right li a{
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    margin:0 16px;
    border-bottom: 1px dashed #B64D3A;
    display: inline-block;
    width: 424px;
}
.box-ktt .news-right li .icon{
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 13px;
    vertical-align: middle;
    background: url("/cms-40zn-theme/img/ktt-righticon.png") no-repeat;
    background-size: 100% 100%;
    margin-top:-2px;
}
.box-ktt .news-right .active{
    background:#B64D3A;
}
.box-ktt .news-right .active a{
    color:#fff;
}
.box-ktt .news-right .active .icon{
    background: url("/cms-40zn-theme/img/righticon-white.png") no-repeat;
}
.box-ktt .news-right .view-more{
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #BD0900;
    text-align: center;
    color: #BD0900;
    font-size: 16px;
}
.box-ktt .news-right li:last-child{
    text-align: center;
}
.box-ktt .view-more .view-more-icon{
    background: url("/cms-40zn-theme/img/righticon-red.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    vertical-align: middle;
    margin-top:-5px
}
.box-ktt .more {
    display: block;
    width: 194px;
    height: 50px;
    background: url("/cms-40zn-theme/img/more-red.png") no-repeat;
    background-size: 100% 100%;
    margin: 67px auto 0;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 32px;
}
*/

.box-gyx .box {
    width: 1200px;
    margin-left: 23.38542vw;
}
.box-gyx .container {
    position: relative;
    width: 100%;
    height: 617px;
    background: #fff;
    display: flex;
    overflow: hidden;
}
.gyx-item{
    width: 996px;
    height: 617px;
    display: flex;
    background: #fff;
    position: absolute;
    top: 0;
    -moz-transition: left 0.5s ease-in;
    -webkit-transition: left 0.5s ease-in;
    -o-transition: left 0.5s ease-in;
    transition: left 0.5s ease-in;
}
.box-gyx .wdy-wrap{
    left: 0;
    z-index: 999;
}
.container .gyx-content-wrap{
    display: flex;
    width: 894px;
    /* width: 0px; */
    height: 617px;
    /* -moz-transition: width 0.5s ease-in;
    -webkit-transition: width 0.5s ease-in;
    -o-transition: width 0.5s ease-in;
    transition: width 0.5s ease-in; */
}

.wdy-title-wrap{
    width:102px;
    background: url('/cms-40zn-theme/img/gyx-title-bg.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #285168;
    line-height: 50px;
    font-family: 'PingFang-SC';
    cursor: pointer;
    padding-top: 190px;
}
.wdy-title-wrap.wyhy-title{
    padding-top: 165px;
}
.wdy-title-wrap.active{
    background: url('/cms-40zn-theme/img/gyx-title-active-bg.png') no-repeat;
    color: #fff;
}
.gyx-content-wrap .gyx-video-wrap{
    background: url('/cms-40zn-theme/img/gyx-left-bg.png') no-repeat;
    background-size: 100% 100%;
    width: 447px;
    position: relative;
}
.ie-video-pagination{
    position: absolute;
    right: 24px;
    bottom: 147px;
    width: 120px;
    height: 12px;
    text-align: right;
}
.ie-video-pagination span{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    background: #fff;
    margin-right: 6px;
    cursor: pointer;
}

.ie-video-pagination span:last-child{
    margin-right: 0;
}
.ie-video-pagination span.active{
    width: 22px;
}
.ie-video-container{
    width: 100%;
    height: 251px;
    margin-top: 183px;

}
.ie-video-container .video-container {
    display: none;
}
.ie-video-container .video-container:first-child {
    display: block;
}
.gyx-video{
    width: 100%;
    height: 251px;
    margin-top: 183px;
    position: relative;
}
.gyx-video-swiper{
    width: 100%;
    height: 100%;
}
.gyx-content-wrap .gyx-text-list{
    flex: 1;
    background: url('/cms-40zn-theme/img/gyx-right-bg.png') no-repeat;
    background-size: 100% 100%;
    padding: 86px 20px;
}
.gyx-content-wrap .gyx-text-list-ul{
    overflow: hidden;
}
.gyx-content-wrap .gyx-text-list-ul li{
    height: 88px;
    line-height: 88px;
    position: relative;
    padding-left: 48px;
    border-bottom: 1px dashed #285168;
    color: #333333;
    font-size: 18px;
    width: 406px;
    padding-right: 16px;
    cursor: pointer;
}
.gyx-text-list-ul li::before {
    background: url("/cms-40zn-theme/img/righticon-blue.png") no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 36px;
    content: "";
}
.gyx-text-list-ul li.active::before{
    background: url("/cms-40zn-theme/img/righticon-white.png") no-repeat;
}
.gyx-content-wrap .gyx-text-list-ul li.active{
    background: #285168;
    border-radius: 4px;
    color: #fff;
}
.box-gyx .wsp-wrap{
    left: 102px;
    z-index: 888;
}
.box-gyx .wyhy-wrap{
    left: 204px;
    z-index: 777;
}
.video-container {
    position: relative;
    width: 100%; /* Adjust according to your video width */
    height: 100%; /* Adjust according to your video height */
}
 .gyx-video-player{
    width: 100%;
    height:100%;
    object-fit: cover;
 }
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("/cms-40zn-theme/img/play-icon.png") no-repeat;
    background-size: 100% 100%;
    width: 52px;
    height: 52px;
    cursor: pointer;
}
.video-swiper-pagination{
    position: absolute;
    bottom: -42px !important;
    text-align: right;
    width: 150px !important;
    left:290px !important;
    padding-right: 16px;
    z-index: 1200!important;
}

.rotate90 {
    transform: rotate(90deg);
}
.box-gyx .more {
    display: block;
    width: 194px;
    height: 50px;
    background: url("/cms-40zn-theme/img/more-blue.png") no-repeat;
    background-size: 100% 100%;
    margin: 53px auto 0;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 32px;
}


.box-lcj .box {
    width: 1294px;
    margin-left: 23.4375vw;
}
.box-lcj .container {
    position: relative;
    width: 100%;
    height: 696px;
}

/**
.box-lcj .container img{
    width: 374px;
    height: 486px;
    cursor: pointer;
}
.box-lcj .container img:hover{
    z-index:999999;
}



 .box-lcj .container{
    width: 100%;
    height: 100%;
}



.box-lcj .container img:nth-child(2n+1){
    position: absolute;
    top:0;
}
.box-lcj .container img:nth-child(2n){
    position: absolute;
    bottom:0;
}
.box-lcj .container .zygm{
  left: 0;
}
.box-lcj .container .qygl{
    left: 460px;
}
.box-lcj .container .shzr{
    right: 0;
}
.box-lcj .container .zlfz{
    left: 230px;
}
.box-lcj .container .cxtp{
    right: 230px;
}
.box-lcj .more {
    display: block;
    width: 194px;
    height: 50px;
    background: url("/cms-40zn-theme/img/more-green.png") no-repeat;
    background-size: 100% 100%;
    margin: 53px auto 0;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 32px;
} */

.lcj-swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1);
    width: 374px;
    margin-top:100px;
  }
  .lcj-swiper-slide.swiper-slide-active,.lcj-swiper-slide.swiper-slide-duplicate-active{
      transform: scale(1.3);
  }
  .lcj-swiper{
      width: 1122px;
      min-height: 685px;
  }
  .lcj-swiper img {
      width: 100%;
      height: 100%;
  }

  .lcj-swiper-prev {
      background: url("/cms-40zn-theme/img/arrow-left-active.png") no-repeat center center!important;
      background-size: 100% 100%;
      width: 36px;
      height: 36px;
      left: -18px;
  }
 
  .lcj-swiper-next {
      background: url("/cms-40zn-theme/img/arrow-right-active.png") no-repeat center center!important;
      background-size: 100% 100%;
      width: 36px;
      height: 36px;
      right: -18px;
  }