/* pc样式 */
@media screen and (min-width: 1024px){
    .content-bj1 {
        background-color: #f0f3f8;
    }

   


    /* 内容 */
    .content-box1 {
    }
    .xyxw {
        padding: 30px 0;
    }

    .xyxw-box {
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
    }
    .xyxw-box-left{
        width: 48%;
        height: 610px;
        background-color: #fff;
    }

    .swiper2 {
        position: relative;
        overflow: hidden;
    }
    .swiper2-slide-img {
        position: relative;
        height: 530px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        border-bottom: 5px solid var(--zt_color--);
    }
    .swiper2-slide-date {
        position: absolute;
        left: 40px;
        bottom: 0;
        width: 100px;
        height: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: var(--zt_color--);
        display: none;

    }
    .swiper2-slide-date>h2 {
        font-size: 32px;
        color: #ffffff;
    }
    .swiper2-slide-date>p {
        font-size: 16px;
        color: #ffffff;
    }

    .swiper2-pagination {
        display: flex;
        width: 100% !important;
        height: 20px;
        position: absolute;
        text-align: right;
        z-index: 9;
        left: auto !important;
        right: 0 !important;
        bottom: 165px !important;
    }

    .swiper2-pagination>.swiper-pagination-bullet {
        cursor: pointer;
        background-color: var(--zt_color--);
        border-radius: 0;
        width: 100px;
        height: 100px;
        margin: 0 5px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 1; 
    }
    .swiper2-pagination>.swiper-pagination-bullet:nth-child(2){
        background-color: rgba(157, 8, 12,0.85);
    }
    .swiper2-pagination>.swiper-pagination-bullet:nth-child(3){
        background-color: rgba(157, 8, 12,0.7);
    }
    .swiper2-pagination>.swiper-pagination-bullet:nth-child(4){
        background-color: rgba(157, 8, 12,0.55);
    }
    .swiper2-pagination>.swiper-pagination-bullet:nth-child(5){
        background-color: rgba(157, 8, 12,0.4);
    }
    .swiper2-pagination>.swiper-pagination-bullet>h2{
        font-size: 32px;
        color: #ffffff;
    }
    .swiper2-pagination>.swiper-pagination-bullet>p{
        font-size: 16px;
        color: #ffffff;
    }

    .swiper2-pagination>.swiper-pagination-bullet-active {
        background-color: #fff !important;
        /* border-radius: 50%;
        width: 14px;
        height: 14px; */
    }
    .swiper2-pagination>.swiper-pagination-bullet-active>h2{
        color: var(--zt_color--);
    }
    .swiper2-pagination>.swiper-pagination-bullet-active>p{
        color: var(--zt_color--);
    }

    .swiper2-slide-text {
        padding: 0 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
    }
    .swiper2-slide-text p{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 22px;
        color: #333333;
        font-weight: 700;
    }

    .xyxw-box-right {
        width: 48%;
        height: 610px;
        background-color: #fff;
        box-sizing: border-box;
        padding: 30px;
        background-image: url(../imgs/xyxw_list_bj.png);
        background-position: calc(95%) bottom;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .content-box2 {
        display: flex;
        justify-content: space-between;
        padding-bottom: 50px;
    }

    .content-box2-left,.content-box2-right {
        width: 48%;
    }

    .tzgg {
        margin-top: 30px;
        box-sizing: border-box;
        padding: 30px;
        background-color: #fff;
        border-bottom: 3px solid var(--zt_color--);
    }

    .tab-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        border-bottom: 1px solid var(--zt_color--);
    }
    .tab-title-left>ul {
        display: flex;
        align-items: center;
    }
    .tab-title-left>ul>li {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .tab-title-left>ul>li>.tab-title-text{
        display: flex;
        align-items: center;
        font-size: 26px;
        font-weight: 700;
        background-repeat: no-repeat;
        background-size:auto 30px ;
        background-position: left center;
        padding-left: 45px;
        color: #848689;
    }
    .tab-title-left>ul>li>.tab-title-en{
display: none !important;
        margin-left: 10px;
        font-size: 22px;
        font-weight: 700;
        display: none;
        align-items: center;
        color: #848689;
    }
    .tab-title-left>ul>li:nth-child(1)>span {
        margin: 0 15px;
        width: 2px;
	    height: 30px;
        background-color: #848689;
    }
    .tabtitle1-text>ul>li:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon3_grey.png);
    }
    .tabtitle1-text>ul>li:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon4_grey.png);
    }

    .tabtitle1-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon3.png);
    }
    .tabtitle1-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon4.png);
    }
    




    .tab-title-left>ul>.tab-title-left-active>.tab-title-text {
        height: 70px;
        color: var(--zt_color--);
        border-bottom: 3px solid var(--zt_color--);
    }
    .tab-title-left>ul>.tab-title-left-active>.tab-title-en {
        display: flex;
        color: var(--zt_color--);
    }

    .tab-title-right>a {
        display: none;
        padding-right: 45px;
        font-size: 18px;
        color: #333333;
        background-image: url(../icon/more_icon.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto;
    }
    .tab-itemBox {
        margin-top: 30px;
        box-sizing: border-box;
        padding: 30px;
        background-color: #fff;
        border-bottom: 3px solid var(--zt_color--);
    }
    

    .tab-itemBox>.item {
        display: none;
    }


    /* 内容3 */
    .content-bj2 {
        background-color: #e8d9d9;
        padding-bottom: 40px;
    }
    .content-box3 {
        display: flex;
        justify-content: space-between;
    }
    .content-box3-left,.content-box3-right {
        padding: 30px 0;
        width: 48%;

    }
    #itemBox2 {
        background-image: url(../imgs/jy_list_bj.png);
        background-position: calc(95%) bottom;
        background-repeat: no-repeat;
        background-size: auto;
    }
    #itemBox3 {
        background-image: url(../imgs/dj_list_bj.png);
        background-position: calc(95%) bottom;
        background-repeat: no-repeat;
        background-size: auto;
    }

    .tabtitle2-text>ul>li:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon5_grey.png);
    }
    .tabtitle2-text>ul>li:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon6_grey.png);
    }

    .tabtitle2-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon5.png);
    }
    .tabtitle2-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon6.png);
    }

    .tabtitle3-text>ul>li:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon7_grey.png);
    }
    .tabtitle3-text>ul>li:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon8_grey.png);
    }

    .tabtitle3-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
        background-image: url(../icon/title_icon7.png);
    }
    .tabtitle3-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
        background-image: url(../icon/title_icon8.png);
    }
   
   /* 内容4 */
   .msfc {
    padding: 30px 0;
   }
   .msfc-list {
    overflow: hidden;
    padding: 30px 0;
   }
   .msfc-list>ul {
    height: 450px;
    /* display: flex; */
    justify-content: space-between;
   }
   .msfc-list>ul>li {
    padding-top: 30px;
    width: 300px;
    margin-right: 20px;
    transition: all 0.7s;
   }
   .msfc-list>ul>li:hover {
    transform: translate(0px,-10px);
    transition: all 0.7s;
   }

   .msfc-list>ul>li:hover>a {
    transform: scale(1);
    transition: all 0.7s;
    background-image: url(../imgs/msfc_hover_bj.png);
    background-color: var(--zt_color--);
   }
   .msfc-list>ul>li:hover>a>.msfc-img-bj {
    background-color: rgba(255, 255, 255,0.2);
    transition: all 0.7s;
   }
   .msfc-list>ul>li:hover>a>.msfc-line {
    background-color: #fff;
    transition: all 0.7s;
   }
   .msfc-list>ul>li:hover>a>.msfc-line>span {
    transition: all 0.7s;
    background-color: #fff;
   }
   .msfc-list>ul>li:hover>a>h2 {
    transition: all 0.7s;
    color: #fff;
   }
   .msfc-list>ul>li:hover>a>p {
    transition: all 0.7s;
    color: #fff;
   }

   .msfc-list>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    background-image: url(../imgs/msfc_bj.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:100% auto;
    height: 400px;
    width: 100%;
    transition: all 1s;
   }
   

   .msfc-img-bj {
        margin-top: 30px;
    width: 210px;
	height: 210px;
    border-radius: 50%;
    background-color: rgba(39, 67, 115,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
   }

   .msfc-img {
    width: 190px;
	height: 190px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 190px auto;
   }

   .msfc-line {
    margin: 15px 0;
    position: relative;
    width: 90px;
	height: 1px;
    background-color: var(--zt_color--);

   }
   .msfc-line>span {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%,-50%);
    width: 40px;
	height: 2px;
    background-color: var(--zt_color--);
   }

   .msfc-list>ul>li>a>h2{
    font-size: 26px;
    color: var(--zt_color--);
   }
   .msfc-list>ul>li>a>p{
        text-align: center;
        padding: 0 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    font-size: 14px;
    color: var(--zt_color--);
   }

   /* 内容5 */
   .xzfc {
    padding-bottom: 40px;
   }
   .xzfc-list {
    padding: 30px 0;
   }
   .xzfc-list>ul{
    display: flex;
    justify-content: space-between;
   }
   .xzfc-list>ul>li {
    width: 19%;
   }

   .xzfc-img {
    height: 3.4rem;
    background-position: center;
    background-repeat: no-repeat;
        background-size: 100% auto;
    border-bottom: 4px solid var(--zt_color--);
   }
   .xzfc-text {
    height: 1.3rem;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.2rem 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   }
   .xzfc-text>h2 {
    font-size: 0.18rem;
    font-weight: 500;
    color: var(--text_color--);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

   }
   .xzfc-text>p {
	font-size: 0.16rem;
    color: var(--zt_color--);
   }


   /* 内容6 */
   .content-bj6 {
    background-image: url(../banner/two_banner_yy.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   .zp-part {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
        flex-direction: column;
align-items: flex-end;
   }
   .qh_typeB{
background-image:url(../imgs/zxtB.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 65px) center;
color:#ffffff;font-size:32px;text-align:right;padding:40px 0;clear:both;}
   .qh_typeB>h2 {
    padding-right: 150px;
}
   .zsBox{}
   .zsBox {
    position: relative;
    padding: 16px 0  80px;
   }
   .video-button-img img {
    width: 0.4rem;
   }
   .zsBox h3{font-size: 32px;color: #ffffff;font-weight: 500}
   .zsBox p{font-size: 16px; color: #ffffff;line-height: 1.6;font-weight: 300;background: rgba(0, 0, 0, 0.27);padding: 24px  32px;border-left: 5px solid rgba(107, 4, 7, 0.61);margin-top: 30px;display: none;}

   
   .btnY{background: rgba(107, 4, 7, 0.91);color: #ffffff;height: 174px;width: 174px;border-radius: 192px; text-align: center}
   a.btnY {color: #ffffff;}
   a:hover.btnY {background: rgba(157, 8, 12, 0.91);}
   
   .video-button{color: #ffffff; text-align: center; width: 160px; height: 160px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 160px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(107, 4, 7, 0.88);}
   /*.video-button{height: 28px; width: 48px; line-height: 28px}*/
   .video-button.large .iconfont{font-size: 1.68rem!important;}
   .video-button.large{height: 160px; width: 160px; font-size: 18px!important; font-weight: 300;
    margin-right: 1.5rem;
    display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;        margin-top: 50px;}



}


.video-button:hover{color: #ffffff; background:var(--zt_color--);}
.video-button::after,.video-button::before{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 74px; background: var(--zt_color--); opacity: .15; z-index: -10}
.video-button::before{z-index: -10; -webkit-animation: inner-ripple 2000ms linear infinite; -moz-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite}
.video-button::after{z-index: -10; -webkit-animation: outer-ripple 2000ms linear infinite; -moz-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite}
@keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-filter: alpha(opacity=50)} 80%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5)} 100%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5)}}
@-webkit-keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 80%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5)} 100%{transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5)}}
@-moz-keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 80%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5)} 100%{transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5)}}
@keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5)}}
@-webkit-keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5)}}
@-moz-keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1)} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5)}}

/* 移动端样式 */
@media screen and (max-width: 1024px) {
    .content-bj1 {
        background-color: #f0f3f8;
    }



/* 内容 */
.content-box1 {
}
.xyxw {
    padding: 15px 0;
}

.xyxw-box {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.xyxw-box-left{
    width: 48%;
    height: 100%;
    background-color: #fff;
}

.swiper2 {
    position: relative;
    overflow: hidden;
}
.swiper2-slide-img {
    position: relative;
    height: 490px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    border-bottom: 5px solid var(--zt_color--);
}
.swiper2-slide-date {
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--zt_color--);
}
.swiper2-slide-date>h2 {
    font-size: 28px;
    color: #ffffff;
}
.swiper2-slide-date>p {
    font-size: 14px;
    color: #ffffff;
}

.swiper2-pagination {
    width: 200px !important;
    height: 20px;
    position: absolute;
    text-align: right;
    z-index: 9;
    left: auto !important;
    right: 20px !important;
    top: 20px !important;
}

.swiper2-pagination>.swiper-pagination-bullet {
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 5px !important;
    opacity: 1;
}
.swiper2-pagination>.swiper-pagination-bullet>h2{
    display: none;
    /* font-size: 32px;
    color: #ffffff; */
}
.swiper2-pagination>.swiper-pagination-bullet>p{
    display: none;
    /* font-size: 16px;
    color: #ffffff; */
}

.swiper2-pagination>.swiper-pagination-bullet-active {
    background-color: var(--zt_color--);
}

.swiper2-slide-text {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.swiper2-slide-text p{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}

.xyxw-box-right {
    width: 48%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px;
    background-image: url(../imgs/xyxw_list_bj.png);
    background-position: calc(95%) bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
}

.content-box2 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.content-box2-left,.content-box2-right {
    width: 48%;
}

.tzgg {
    margin-top: 30px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fff;
    border-bottom: 3px solid var(--zt_color--);
}

.tab-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid var(--zt_color--);
}
.tab-title-left>ul {
    display: flex;
    align-items: center;
}
.tab-title-left>ul>li {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.tab-title-left>ul>li>.tab-title-text{
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-size: 26px auto;
    background-position: left center;
    padding-left: 30px;
    color: #848689;
}
.tab-title-left>ul>li>.tab-title-en{
display: none !important;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 700;
    display: none;
    align-items: center;
    color: #848689;
}
.tab-title-left>ul>li:nth-child(1)>span {
    margin: 0 10px;
    width: 2px;
    height: 30px;
    background-color: #848689;
}
.tabtitle1-text>ul>li:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon3_grey.png);
}
.tabtitle1-text>ul>li:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon4_grey.png);
}

.tabtitle1-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon3.png);
}
.tabtitle1-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon4.png);
}





.tab-title-left>ul>.tab-title-left-active>.tab-title-text {
    height: 70px;
    color: var(--zt_color--);
    border-bottom: 3px solid var(--zt_color--);
}
.tab-title-left>ul>.tab-title-left-active>.tab-title-en {
    display: flex;
    color: var(--zt_color--);
}

.tab-title-right>a {
    display: none;
    padding-right: 34px;
    font-size: 16px;
    color: #333333;
    background-image: url(../icon/more_icon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 28px auto;
}
.tab-itemBox {
    margin-top: 30px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fff;
    border-bottom: 3px solid var(--zt_color--);
}


.tab-itemBox>.item {
    display: none;
}


/* 内容3 */
.content-bj2 {
    background-color: #e8d9d9;
    padding-bottom: 40px;
}
.content-box3 {
    display: flex;
    justify-content: space-between;
}
.content-box3-left,.content-box3-right {
    padding: 15px 0;
    width: 48%;

}
#itemBox2 {
    background-image: url(../imgs/jy_list_bj.png);
    background-position: calc(95%) bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
}
#itemBox3 {
    background-image: url(../imgs/dj_list_bj.png);
    background-position: calc(95%) bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
}

.tabtitle2-text>ul>li:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon5_grey.png);
}
.tabtitle2-text>ul>li:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon6_grey.png);
}

.tabtitle2-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon5.png);
}
.tabtitle2-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon6.png);
}

.tabtitle3-text>ul>li:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon7_grey.png);
}
.tabtitle3-text>ul>li:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon8_grey.png);
}

.tabtitle3-text>ul>.tab-title-left-active:nth-child(1) .tab-title-text {
    background-image: url(../icon/title_icon7.png);
}
.tabtitle3-text>ul>.tab-title-left-active:nth-child(2) .tab-title-text {
    background-image: url(../icon/title_icon8.png);
}

/* 内容4 */
.msfc {
padding: 10px 0;
}
.msfc-list {
overflow: hidden;
padding: 15px 0;
}
.msfc-list>ul {
height: 300px;
/* display: flex; */
justify-content: space-between;
}
.msfc-list>ul>li {
    width: 200px;
    margin-right: 20px;
 
}

.msfc-list>ul>li:hover>a {
transform: scale(1.1);
transition: all 0.7s;
background-image: url(../imgs/msfc_hover_bj.png);
background-color: var(--zt_color--);
}
.msfc-list>ul>li:hover>a>.msfc-img-bj {
background-color: rgba(255, 255, 255,0.2);
transition: all 0.7s;
}
.msfc-list>ul>li:hover>a>.msfc-line {
background-color: #fff;
transition: all 0.7s;
}
.msfc-list>ul>li:hover>a>.msfc-line>span {
transition: all 0.7s;
background-color: #fff;
}
.msfc-list>ul>li:hover>a>h2 {
transition: all 0.7s;
color: #fff;
}
.msfc-list>ul>li:hover>a>p {
transition: all 0.7s;
color: #fff;
}

.msfc-list>ul>li>a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
background-image: url(../imgs/msfc_bj.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size:100% auto;
height: 100%;
padding: 10px 0;
width: 100%;
transition: all 1s;
}


.msfc-img-bj {
width: 120px;
height: 120px;
border-radius: 50%;
background-color: rgba(39, 67, 115,.1);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}

.msfc-img {
width: 110px;
height: 110px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: 110px auto;
}

.msfc-line {
margin: 15px 0;
position: relative;
width: 90px;
height: 1px;
background-color: var(--zt_color--);

}
.msfc-line>span {
position: absolute;
left: 50%;
top: 0px;
transform: translate(-50%,-50%);
width: 40px;
height: 2px;
background-color: var(--zt_color--);
}

.msfc-list>ul>li>a>h2{
font-size: 22px;
color: var(--zt_color--);
}
.msfc-list>ul>li>a>p{
     text-align: center;
        padding: 0 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
font-size: 14px;
color: var(--zt_color--);
}

/* 内容5 */
.xzfc {
padding-bottom: 20px;
}
.xzfc-list {
padding: 15px 0;
}
.xzfc-list>ul{
display: flex;
justify-content: space-between;
}
.xzfc-list>ul>li {
width: 19%;
}

.xzfc-img {
height: 2rem;
background-position: center;
background-repeat: no-repeat;
background-size: auto 2rem;
border-bottom: 4px solid var(--zt_color--);
}
.xzfc-text {
height: 1.3rem;
background-color: #fff;
box-sizing: border-box;
padding: 0.2rem 0.2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.xzfc-text>h2 {
font-size: 0.16rem;
font-weight: 500;
color: var(--text_color--);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

}
.xzfc-text>p {
font-size: 0.16rem;
color: var(--zt_color--);
}

/* 内容6 */
.content-bj6 {
    background-image: url(../banner/two_banner_yy.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   }

   .zp-part {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
   }
   .qh_typeB{background:url(../imgs/zxtB.png) no-repeat center;color:#ffffff;font-size:32px;text-align:center;padding:20px 0;clear:both;}
   .qh_typeB>h2 {
    padding-right: 0;
}
   .zsBox {
    padding: 16px 0  30px;
    position: relative;
   }
   .video-button-img img {
    width: 0.4rem;
   }
   .zsBox h3{font-size: 26px;color: #ffffff;font-weight: 500;        text-align: center;}
   .zsBox p{font-size: 16px; color: #ffffff;line-height: 1.6;font-weight: 300;background: rgba(0, 0, 0, 0.27);padding: 24px  32px;border-left: 5px solid rgba(107, 4, 7, 0.61);margin-top: 30px;display: none;}

   
   .btnY{background: rgba(107, 4, 7, 0.91);color: #ffffff;height: 174px;width: 174px;border-radius: 192px; text-align: center}
   a.btnY {color: #ffffff;}
   a:hover.btnY {background: rgba(157, 8, 12, 0.91);}
   
   .video-button{color: #ffffff; text-align: center; width: 100px; height: 100px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 100px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(107, 4, 7, 0.88);}
   /*.video-button{height: 28px; width: 48px; line-height: 28px}*/
   .video-button.large .iconfont{font-size: 18px!important;}
   .video-button.large{height: 100px; width: 100px; font-size: 18px!important; font-weight: 300;
    margin-top: 50px;
    display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;}

}


@media screen and (max-width: 800px) {

    .swiper2-slide-img {
        height: 400px;
        background-size: auto 400px;
    }

    .xyxw-box,.content-box2,.content-box3 {
        display: block;
    }
    .xyxw-box-left,.xyxw-box-right,.content-box2-left,.content-box2-right,.content-box3-left,.content-box3-right {
        width: 100%;
    }
    .tab-itemBox,.tzgg,.xyxw-box-right {
        margin-top: 20px;
        padding: 20px;
    }

    .tab-title-left>ul>.tab-title-left-active>.tab-title-en{
        display: none;
    }
    .tab-title-left>ul>li>.tab-title-en {
        display: none;
    }

    .xzfc-text {
        height: 1rem;
        padding: 0.15rem 0.2rem;
    }



}

@media screen and (max-width: 600px) {
    .swiper2-slide-img {
        height: 300px;
        background-size: auto 300px;
    }

    .msfc-list>ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .msfc-list>ul>li {
        width: 200px;
        margin-bottom: 15px;
    }



    .xzfc-list>ul {
        display: block;
    }
    .xzfc-list>ul>li {
        width: 100%;
        margin-bottom: 20px;
    }
    .xzfc-img {
height: 4rem;
        background-size: 100% auto;
    }
}

@media screen and (max-width: 500px) {
    .swiper2-slide-img {
        height: 280px;
        background-size: auto 280px;

    }
}