@charset "utf-8";
.ImgBanner{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner>div{
    float: left;
}
.banner a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.banner .img{
    width: 100%;
    height: 100vh;
}
.banner .img video{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    object-fit: cover;
}
.banner .slick-dots{
    width: 100%;
    bottom: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.banner .slick-dots li{
    width: 0.15rem;
    height: 0.15rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-left: 0.2rem;
    border-radius: 100%;
}
.banner .slick-dots li.slick-active{
    width: 0.3rem;
    height: 0.3rem;
    border: none;
    background: url(../img25/arrowIcon1.png) no-repeat center;
    background-size: 0.29rem auto;
}
/* lmTit */
.lmTit{
    position: relative;
}
.bt{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    padding-left: 0.5rem;
    position: relative;
}
.bt::before{
    display: block;
    content: "";
    width: 1.02rem;
    height: 0.84rem;
    background: url(../img25/icon.png) no-repeat center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: -32%;
}
.bt h2{
    font-family: LiXuKeShuFa;
    font-size: 0.5rem;
    color: #005ca7;
    font-weight: normal;
}
.bt p{
    font-family: SourceHanSansSC-Bold;
    font-size: 0.34rem;
    color: #323232;
}
.bt span{
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #f08200;
    margin-top: 0.1rem;
    position: relative;
    text-indent: 2px;
}
.lmTit .more{
    display: block;
    width: auto;
    height: auto;
    font-size: 0.16rem;
    color: #005ca7;
    line-height: 0.3rem;
    position: relative;
    padding: 0 0.25rem;
    transition: all .3s;
}
.lmTit .more:hover{
    margin-top: -10px;
}
.lmTit .more::before{
    display: block;
    content: "";
    width: 0.94rem;
    height: 0.4rem;
    background: url(../img25/moreIcon.png) no-repeat left center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
/* indexCon1 */
.indexCon1{
    padding: 0.8rem 0;
    background: url(../img25/bg1.png) no-repeat center top;
    background-size: 100% auto;
}
.indexCon1 .lmTit{
    margin-bottom: 0.4rem;
}
.new{
    width: 75%;
}
.newList{
    width: 29.16%;
}
.newList li a{
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #dde9f0;
    padding: 0.2rem 0;
}
.newList li:first-of-type a{
    padding-top: 0;
}
.newList li:last-of-type a{
    padding-bottom: 0;
    border-bottom: none;
}
.newList li a .tit{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.56rem;
}
.newList li a .time{
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 0.2rem;
    color: #f08200;
    padding-left: 0.25rem;
    box-sizing: border-box;
    background: url(../img25/newTimeIcon.png) no-repeat left center;
    background-size: auto 0.2rem;
    margin-top: 0.08rem;
}
.newList li a:hover .tit{
    color: #005ca7;
    font-weight: bold;
}
.newBanner{
    width: 66.67%;
    padding: 0 0.3rem 0.3rem;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}
.newBanner::before{
    display: block;
    content: "";
    width: 100%;
    height: 88.24%;
    background: #005ca7 url(../img25/newBg1.png) no-repeat center top;
    background-size: 100% auto;
    border-radius: 0.08rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.newBanner::after{
    display: block;
    content: "";
    width: calc(100% - 0.1rem);
    height: calc(88.24% - 0.05rem);
    background: url(../img25/newBg2.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: 0.08rem;
    position: absolute;
    left: 0.05rem;
    bottom: 0.05rem;
    z-index: -1;
}
.newBanner ul.slick-slider,
.newBanner li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.newBanner li .img{
    width: 100%;
    padding: 4.7rem 0 0;
}
.newBanner li .con{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 0.2rem;
}
.newBanner li .con .time{
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    white-space: nowrap;
}
.newBanner li .con .time span{
    display: block;
    font-family: Poppins-Bold;
    font-size: 0.36rem;
    width: 100%;
    margin-bottom: 3px;
}
.newBanner li .tit{
    width: 100%;
    font-size: 0.2rem;
    line-height: 0.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.6rem;
    color: #fff;
}
.newBanner li a:hover .tit{
    font-weight: bold;
}

.newBanner .slick-dots{
    width: 100%;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.newBanner .slick-dots li{
    width: 0.14rem;
    height: 0.14rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-left: 0.2rem;
    border-radius: 100%;
}
.newBanner .slick-dots li.slick-active{
    width: 0.3rem;
    height: 0.3rem;
    border: none;
    background: url(../img25/arrowIcon1.png) no-repeat center;
    background-size: 0.29rem auto;
}
.dynamic{
    width: 22.5%;
}
.dynamicTxt li a{
    width: 100%;
    height: auto;
    display: block;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.1rem 0;
    position: relative;
}
.dynamicTxt li a::before{
    display: block;
    content: "";
    width: calc(100% - 1rem);
    height: 1px;
    background: #e3e3e3;
    position: absolute;
    right: 0;
    bottom: -1px;
}
.dynamicTxt li a .time{
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    text-align: center;
    width: 0.82rem;
    height: 0.8rem;
    background: url(../img25/noticeTimeBg.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.dynamicTxt li a .time span{
    display: block;
    font-family: Poppins-Bold;
    font-size: 0.36rem;
    color: #005ca7;
    width: 100%;
    margin-bottom: 2px;
}
.dynamicTxt li a .tit{
    width: calc(100% - 1rem);
    margin-left: 0.2rem;
}
.dynamicTxt li a .tit p{
    width: 100%;
    height: auto;
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.56rem;
}
.dynamicTxt li a:hover .tit p{
    color: #005ca7;
    font-weight: bold;
}
.dynamicTxt li:first-of-type a{
    padding-top: 0;
}
.dynamicTxt li:last-of-type a{
    padding-bottom: 0;
}
.dynamicTxt li:last-of-type a::before{
    display: none;
}
/* indexCon8 */
.bg8{
    background: url(../img25/bg8.png) no-repeat center bottom;
    background-size: 100% auto;
}
.bg8 .lmTit{
    margin-bottom: 0.5rem;
}
.indexCon4 .lmTit a.more,.bg8 .lmTit a.more{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.indexCon8{
    padding: 0.9rem 0;
}
.ztjj {
    position: relative;
}
.ztjj .clearfix{
    width: auto;
    margin: 0 -0.25rem;
}
.ztjj .clearfix li{
    float: left;
    padding: 0 0.25rem;
}
.ztjj li a{
    display: block;
    width: 100%;
    height: auto;
}
.ztjj li .img{
    width: 100%;
    padding: 56% 0 0;
    border-radius: 0.08rem;
    overflow: hidden;
}
.ztjjBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.35rem;
}
.ztjjBtn .dots{
    margin: 0 0.5rem;
}
.ztjjBtn .dots .slick-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
}
.ztjjBtn .dots .slick-dots li{
    width: 0.15rem;
    height: 0.15rem;
    border: 1px solid #0067b2;
    box-sizing: border-box;
    margin-left: 0.2rem;
    border-radius: 100%;
}
.ztjjBtn .dots .slick-dots li:first-of-type{
    margin-left:0;
}
.ztjjBtn .dots .slick-dots li.slick-active{
    width: 0.3rem;
    height: 0.3rem;
    border: none;
    background: url(../img25/arrowIcon3.png) no-repeat center;
    background-size: 0.29rem auto;
}
.ztjjBtn .prev,.ztjjBtn .next{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    border: 1px solid #0067b2;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -0.32rem;
    cursor: pointer;
    background: url(../img25/jtIcon1.png) no-repeat center;
    background-size: 0.18rem auto;
}
.ztjjBtn .prev{
    left: -0.8rem;
    transform: translateY(-50%) rotateY(180deg);
}
.ztjjBtn .next{
    right: -0.8rem;
}
.ztjjBtn .prev:hover,.ztjjBtn .next:hover{
    background: #0067b2 url(../img25/jtIcon2.png) no-repeat center;
    background-size: 0.18rem auto;
}

/* indexCon7 */
.indexCon7{
    padding-top: 0.9rem;
}
.style_l,.style_c{
    width: 36.875%;
}
.style_r{
    width: 25%;
}
.indexCon7 .flex li{
    border-radius: 0.05rem;
    overflow: hidden;
}
.indexCon7 .flex ul{
    width: 100%;
    height: auto;
}
.sub1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub1 li{
    width: calc(50% - 0.05rem);
}
.sub1 li a{
    display: block;
    width: 100%;
    height: auto;
}
.sub1 li .img{
    width: 100%;
    padding: 2.1rem 0 0;
}
.sub1 .tit a{
    display: block;
    width: 100%;
    height: 2.1rem;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    background: url(../img25/xywhImg.png) no-repeat center;
    background-size: cover;
}
.sub1 .video{
    position: relative;
}
.sub1 .video::before{
    display: block;
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    background: rgba(0,0,0,0.2) url(../img25/videoIcon.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.style_c .sub1 .tit a{
    background: #d60010;
}
.sub1 .tit a img{
    display: block;
    width: auto;
    height: auto;
}
.sub1 .tit a p{
    width: 100%;
    height: auto;
    font-family: SourceHanSerifCN-Bold;
    font-size: 0.3rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin-top: 0.2rem;
}
.sub2 li a{
    display: block;
    width: 100%;
    height: auto;
}
.sub2 li a .img{
    width: 100%;
    padding: 3.75rem 0 0;
}
.sub2{
    margin-top: 0.1rem;
}
.style_c {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.style_c .sub2{
    margin-bottom: 0.1rem;
    margin-top: 0;
}
.sub3 li a{
    display: block;
    width: 100%;
    height: auto;
}
.sub3 li a .img{
    width: 100%;
    padding: 5.95rem 0 0;
}
/* indexCon6 */
.indexCon6{
    padding: 0.9rem 0;
    background: #f3f9ff;
}
.mtzs{
    width: 21.875%;
}
.mtzs .lmTit{
    margin-bottom: 0.05rem;
}
.mtzs li {

}
.mtzs li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 0.12rem 0;
    border-bottom: 1px dashed #e9e9e9;
}
.mtzs li:last-of-type a{
    padding-bottom: 0;
    border-bottom: none;
}
.mtzs li .img{
    width: 100%;
    padding: 2.3rem 0 0;
    border-radius: 0.08rem;
    margin-bottom: 0.15rem;
    transition: all .2s;
}
.mtzs li .tit{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.56rem;
}
.mtzs li a:hover .tit{
    color: #005ca7;
    font-weight: bold;
}
.mtzs li .txt{
    font-size: 14px;
    line-height: 0.22rem;
    color: #f08200;
    padding-left: 0.2rem;
    background: url(../img25/newTimeIcon.png) no-repeat left center;
    background-size: auto 0.2rem;
    margin-top: 0.05rem;
}
.rmjz{
    width: 73%;
}
.rmjzImg{
    width: 75.34%;
}
.rmjzCode{
    width: 20.16%;background: url(../img25/XBG.png) no-repeat bottom center;padding-bottom: 0.9rem;
}
.rmjzCode .lmTit{
    margin-bottom: 0.2rem;
}
.rmjzCode ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.rmjzCode li .img{
    display: block;
    width: 1.1rem;
    padding: 100% 0 0;
    background: #fff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
}
.rmjzCode li .img p{
    background-size: 100% auto;
}
.rmjzCode li .tit{
    font-size: 14px;
    line-height: 0.3rem;
    color: #323232;
    text-align: center;
}
.rmjzImg ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.rmjzImg ul li:nth-of-type(1){
    width: 50%;
}
.rmjzImg ul li:nth-of-type(2){
    width: 46%;
}
.rmjzImg li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
    border-radius: 0.08rem;
    overflow: hidden;
}
.rmjzImg li>div:nth-of-type(1){
    margin-bottom: 0.2rem;
}
.rmjzImg li:nth-of-type(1) div:nth-of-type(1) a .img,.rmjzImg li:nth-of-type(2) div:nth-of-type(2) a .img{
    width: 100%;
    padding: 3.1rem 0 0;
}
.rmjzImg li:nth-of-type(1) div:nth-of-type(2) a .img,.rmjzImg li:nth-of-type(2) div:nth-of-type(1) a .img{
    width: 100%;
    padding: 2.8rem 0 0;
}
.rmjzImg li .tit{
    width: 100%;
    height: auto;
    padding: 0.15rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0) 100%);
}
.rmjzImg li .tit h2{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    margin-left: 0.15rem;
}
.rmjzImg li .tit p{
    position: relative;
}
.rmjzImg li .tit p::before{
    display: block;
    content: "";
    width: 100%;
    height: 0.04rem;
    position: absolute;
    left: 0;
    bottom: -0.15rem;
}
.rmjzImg li .wx p::before{
    background: #00a748;
}
.rmjzImg li .wb p::before{
    background: #cf3702;
}
.rmjzImg li .tit img{
    display: block;
    width: auto;
    height: auto;
}
/* tab */
.tabIn{
    position: relative;
    margin-bottom: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabIn .lmTit{
    position: static;
    cursor: pointer;
}
.tabIn .lmTit .yuan{
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    border-radius: 100%;
    margin: 0 0.25rem;
}
.indexCon2 .tabIn .lmTit .yuan{
    background: #f08200;
}
.tabIn .lmTit a.more{
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.tabIn .in a.more{
    display: none;
}
.tabIn .in .bt h2{
    font-family: SourceHanSansSC-Bold;
    font-size: 0.34rem;
    color: #323232;
}
.tabIn .in .bt{
    padding-left: 0;
}
.tabIn .in .bt span,.tabIn .in .bt::before{
    display: none;
}
.indexCon3 .tabIn .lmTit a.more{
    color: #fff;
}
.indexCon3 .tabIn .lmTit .bt::before{
    background: url(../img25/icon2.png) no-repeat center;
    background-size: auto 100%;
}
.indexCon3 .tabIn .lmTit a.more::before{
    background: url(../img25/moreIcon2.png) no-repeat left center;
    background-size: auto 100%;
}
.indexCon3  .bt h2,.indexCon3 .bt p,.indexCon3 .bt span{
    color: #fff!important;
}
.indexCon3 .in .bt h2,.indexCon3 .in .bt p,.indexCon3 .in .bt span{
    color: rgba(255,255,255,0.5)!important;
}
.indexCon2 .in .bt h2,.indexCon2 .in .bt p,.indexCon2 .in .bt span{
    color: rgba(0,92,167,0.5)!important;
}
/* indexCon3 */
.indexCon3{
    padding: 0.9rem 0;
    position: relative;
    z-index: 9;
}
.indexCon3 .mask-h { position: absolute; z-index: 53; top: 0; width: 50%; background-color: #fff; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; }
.indexCon3 .mask-h.left { left: 0; }
.indexCon3 .mask-h.right { right: 0; }
.indexCon3.animation .mask-h { width: 0;}
.indexCon3::before{
    display: block;
    content: "";
    width: 100%;
    height: 61%;
    background: url(../img25/bg3.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.indexCon3 .tabCon{
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    padding: 0.4rem 0.4rem 0;
    box-sizing: border-box;
    border-radius: 0.3rem;
    position: relative;
}
.indexCon3 .tabCon::before{
    display: block;
    content: "";
    width: calc(100% + 0.8rem);
    height: calc(100% + 0.6rem);
    background: url(../img25/bg3_1.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: -0.6rem;
    left: -0.4rem;
}
.tabCon .tabConSub{
    display: block;
    animation: 0.8s ease .3s 1 normal backwards running fadeInUp;
}
.tabCon .tabConSub.on{
    display: none;
}
.djylImg{
    width: 44.08%;
}
.djylImg li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.djylImg li .img{
    width: 100%;
    padding: 4.05rem 0 0;
    border-radius: 0.08rem;
}
.djylImg li .tit{
    width: 100%;
    padding: 0 0.1rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    line-height: 0.28rem;
    color: #323232;
    margin: 0.15rem 0;
    font-weight: bold;
}
.djylImg li .time{
    position: absolute;
    left: 0;
    bottom: 0.8rem;
    width: 1.3rem;
    height: 0.28rem;
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 0.32rem;
    color: #fff;
    background: rgba(240,130,0,0.8) url(../img25/partyTimeIcon.png) no-repeat left 0.1rem center;
    background-size: auto 0.2rem;
    border-radius: 0 0.14rem 0.14rem 0;
    padding-left: 0.35rem;
    box-sizing: border-box;
}
.djylImg li a:hover .tit{
    color: #005ca7;
}
.djylList{
    width: 52.96%;
}
.djylList li{
    float: left;
    width: 47.84%;
    margin-right: 4.32%;
    box-shadow: 0 0 0.35rem 0 rgba(14,43,26,0.09);
    margin-bottom: 0.28rem;
    position: relative;
    z-index: 9;
}
.djylList li:nth-of-type(5),.djylList li:nth-of-type(6){
    margin-bottom: 0;
}
.djylList li:nth-of-type(2n){
    margin-right: 0;
}
.djylList li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 0.2rem 0 0.15rem;
    background: #fff;
    border-radius: 0.08rem 0 0 0;
    z-index: 9;
}
.djylList li::before{
    display: block;
    content: "";
    width: calc(100% + 0.05rem);
    height: 100%;
    background: #f3dec5;
    position: absolute;
    right: -0.05rem;
    bottom: -0.05rem;
    z-index: -1;
}
.djylList li .time{
    width: 1.3rem;
    height: 0.28rem;
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 0.32rem;
    color: #fff;
    background: rgba(240,130,0,0.8) url(../img25/partyTimeIcon.png) no-repeat left 0.1rem center;
    background-size: auto 0.2rem;
    border-radius: 0 0.14rem 0.14rem 0;
    padding-left: 0.35rem;
    box-sizing: border-box;
}
.djylList li .tit{
    width: 100%;
    padding: 0 0.4rem;
    box-sizing: border-box;
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #323232;
    height: 0.56rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.15rem;
}
.djylList li a:hover .tit{
    color: #005ca7;
    font-weight: bold;
}

/* indexCon2 */
.indexCon2{
    background: url(../img25/bg2.png) no-repeat center bottom;
    background-size: 100% auto;
}
.indexCon2 .tabIn{
    margin-bottom: 0.5rem;
}
.bg{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 8; 
}
.bg::before{
    display: block;
    content: "";
    width: 100%;
    height: 80%;
    background: url(../img25/bg2_1.png) no-repeat center bottom;
    background-size: auto 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.indexCon2 .bg img{
    display: block;
    width: auto;
    height: 4.8rem;
    margin: 0 auto;
}
.feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.feature ul{
    width: 3.55rem;
    height: auto;
    background: #fff;
    position: relative;
    border-radius: 0.08rem;
    padding: 0.25rem 0.3rem;
    box-sizing: border-box;
    box-shadow: 0 0 0.2rem 0 rgba(6,96,169,0.2);
    margin-bottom: 0.2rem;
}
.feature ul:last-of-type{
    margin-bottom: 0;
}
.feature ul p.icon{
    width: 0.6rem;
    height: 0.6rem;
    background: linear-gradient(-23deg, #2b38c5 0%, #1689ff 100%);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    z-index: 9;
}
.feature ul p.icon::before{
    display: block;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    background: linear-gradient(-23deg, #2b38c5 0%, #1689ff 100%);
    opacity: 0.2;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}
.feature ul p.icon img{
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 80%;
    max-height: 80%;
}
.feature ul h2{
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #005ca7;
    margin-bottom: 0.05rem;
}
.feature ul li a{
    display: block;
    font-size: 0.16rem;
    line-height: 0.22rem;
    color: #323232;
    padding: 0.04rem 0;
    padding-left: 0.2rem;
    background: url(../img25/featureIcon.png) no-repeat left center;
    background-size: 0.14rem auto;
    transition: all .3s;
}
.feature ul li a:hover{
    color: #005ca7;
    font-weight: bold;
    padding-left: 0.25rem;
}
.feature .feature_l ul{
    padding-left: 0.6rem;
    border-right: 4px solid #005ca7;
}
.feature .feature_l ul p.icon{
    left: 0;
    transform: translate(-50%,-50%);
}
.feature .feature_r ul{
    padding-right: 0.6rem;
    border-left: 4px solid #005ca7;
}
.feature .feature_r ul p.icon{
    right: 0;
    transform: translate(50%,-50%);
}
.feature .feature_l ul:nth-of-type(1){
    margin-left: 2.78rem;
}
.feature .feature_l ul:nth-of-type(2){
    margin-left: 1.2rem;
}
.feature .feature_l ul:nth-of-type(3){
    margin-left: 2.1rem;
}
.feature .feature_r{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.feature .feature_r ul:nth-of-type(1){
    margin-right: 1.8rem;
}
.feature .feature_r ul:nth-of-type(2){
    margin-right: 2.3rem;
}
/* indexCon4 */
.indexCon4{
    background: url(../img25/bg4.png) no-repeat center bottom;
    background-size: 100% auto;
    position: relative;
}
.indexCon4::before{
    display: block;
    content: "";
    width: 1.79rem;
    height: 1.02rem;
    background: url(../img25/lsygIcon.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    right: 15vw;
    bottom: 0.3rem;
    z-index: 29;
}
.indexCon4 .lmTit{
    margin-bottom: 0.4rem;
}
.lsygSub{
    float: left;
    width: 0.6rem;
    height: 5.3rem;
    margin-right: 0.1rem;
    cursor: pointer;
    display: flex;
    transition: all .3s;
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.lsygSub:last-of-type{
    margin-right: 0;
}
.lsygSub.active{
    width: 14.6rem;
}
.lsygSub .tit{
    width: 0.6rem;
    height: 3.4rem;
    padding: 0.3rem 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.lsygSub .tit h2{
    font-family: SourceHanSansSC-Bold;
    font-size: 0.18rem;
    line-height: 0.6rem;
    color: #fff;
    writing-mode: vertical-rl;
    text-align: center;
    letter-spacing: 2px;
}
.lsygSub .tit p span{
    width: 100%;
    height: auto;
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.lsygSub:nth-of-type(1) .tit{
    background: url(../img25/lsygBg1.png) no-repeat center;
    background-size: 100% 100%;
}
.lsygSub:nth-of-type(2) .tit{
    background: url(../img25/lsygBg2.png) no-repeat center;
    background-size: 100% 100%;
}
.lsygSub:nth-of-type(3) .tit{
    background: url(../img25/lsygBg3.png) no-repeat center;
    background-size: 100% 100%;
}
.lsygSub:nth-of-type(2){
    margin-top: 0.15rem;
}
.lsygSub .slick{
    width: 14rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
    position: relative;
    visibility: hidden;
    opacity: 0;
}
.lsygSub.active .slick{
    visibility: visible;
    opacity: 1;
}
.lsygSub .slick ul{
    width: 100%;
}
.lsygSub .slick li{
    width: 2.78rem;
    padding: 0 0.05rem;
    box-sizing: border-box;
    float: left;
    transition: all .3s;
}
.lsygSub .slick li a{
    display: block;
    width: 100%;
    height: auto;
}
.lsygSub .slick li .img{
    width: 100%;
    padding: 2.04rem 0 0;
    border-radius: 0.08rem 0.08rem 0 0;
    box-shadow: 0 0 0.05rem 0 rgba(0,92,167,0.1);
}
.lsygSub .slick li .con{
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0 0 0.08rem 0.08rem;
    background: #fff;
    box-shadow: 0 0 0.05rem 0 rgba(0,92,167,0.1);
}
.lsygSub .slick .con h2{
    font-family: Poppins-Bold;
    font-size: 0.26rem;
    line-height: 0.46rem;
    color: #005ca7;
}
.lsygSub .slick .con h2 span{
    font-size: 0.16rem;
    font-weight: normal;
    margin-left: 5px;
}
.lsygSub .slick .con p{
    font-size: 0.16rem;
    line-height: 0.26rem;
    height: 0.78rem;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.lsygSub .slick li .xz{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 9;
}
.lsygSub .slick li .xz .sx{
    width: 1px;
    background: #f08200;
    transition: height .1s;
}
.lsygSub .slick .slick-current,
.lsygSub .slick .slick-current + .slick-slide + .slick-slide,
.lsygSub .slick .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide {
    transform: translateY(0.3rem);
}
.lsygSub .slick .slick-current .xz .sx{
    height: 0.92rem;
}
.lsygSub .slick .slick-current + .slick-slide .xz .sx{
    height: 1rem;
}
.lsygSub .slick .slick-current + .slick-slide + .slick-slide .xz .sx{
    height: 0.46rem;
}
.lsygSub .slick .slick-current + .slick-slide + .slick-slide + .slick-slide .xz .sx{
    height: 1.1rem;
}
.lsygSub .slick .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .xz .sx{
    height: 0.4rem;
}
.lsygSub .slick li .xz .txt{
    font-size: 0.16rem;
    line-height: 0.46rem;
    color: #005ca7;
    font-family: Poppins-Regular;
    text-align: center;
}
.lsygImg{
    width: 100%;
    height: 2.8rem;
}
.lsygImg img{
    display: block;
    width: 100%;
    height: auto;
    transform: translateY(-1.15rem);
}
.lsygImg[data-on="on2"] img{
    transform: translateY(-1rem);
}
.lsygImg[data-on="on3"] img{
    transform: translateY(-1rem);
}
/* indexCon5 */
.indexCon5{
    position: relative;
    background: #f3f9ff;
}
.indexCon5::before{
    display: block;
    content: "";
    width: 100%;
    height: calc(100% + 1rem);
    background: url(../img25/bg5.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    top: -1rem;
    left: 0;
    z-index: 0;
}
.indexCon5 .flex{
    position: relative;
    align-items: flex-start;
    justify-content: center;
    z-index: 10;
}
.indexCon5 .w1600>.flex::before{
    display: block;
    content: "";
    width: 2.2rem;
    height: 100%;
    background: url(../img25/bg5_1.png) no-repeat center top;
    background-size: 2.2rem auto;
    position: absolute;
    top: 0.4rem;
    left: 100%;
    transform: translateX(-50%);
    z-index: 29;
}
.bgImg{
    width: 9.25rem;
    height: 9.25rem;
    background: url(../img25/jxlImg3.png) no-repeat center;
    background-size: 100% auto;
    position: relative;
    z-index: 9;
}
.bgImg::before{
    display: block;
    content: "";
    width: 123%;
    height: 123%;
    background: url(../img25/jxlImg4.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.bgImg .jxlImg,.bgImg  .yuan {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bgImg .jxlImg{
    width: 6.5rem;
    height: 6.5rem;
    z-index: 9;
}
.bgImg .yuan{
    width: 5.5rem;
    height: 5.5rem;
    z-index: 8;
    animation: roted 40s linear infinite;
}
.bgImg .jxlImg img,.bgImg  .yuan img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.indexCon5  .bt h2,.indexCon5 .bt p,.indexCon5 .bt span{
    color: #fff!important;
}
.indexCon5 .lmTit .bt::before{
    background: url(../img25/icon2.png) no-repeat center;
    background-size: auto 100%;
}
.indexCon5 .lmTit .more{
    color:#fff;
    z-index: 31;
}
.indexCon5 .lmTit .more::before{
    background: url(../img25/moreIcon2.png) no-repeat left center;
    background-size: auto 100%;
}
.honor,.number{
    width: 50%;
    top: 1rem;
    position: absolute;
    z-index: 39;
}
.number{
    left:0;
}
.honor{
    right:0;
}
.honor .lmTit.flex{
    margin-bottom: 0.5rem;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 43%;
}
.honor li{
    padding: 0.08rem 0;
    box-sizing: border-box;
}
.honor li a{
    display: block;
    width: 100%;
    height: auto;
    font-size: 0.17rem;
    line-height: 0.38rem;
    color: #fff;
    padding-left: 0.3rem;
    background: url(../img25/honorIcon.png) no-repeat top 0.08rem left 0.05rem;
    background-size: auto 0.2rem;
    box-sizing: border-box;
    transition: all .3s;
    position: relative;
    z-index:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honor li a::before{
    display:block;
    content:"";
    width:0;
    height:100%;
    background: #f08200 url(../img25/honorIcon.png) no-repeat top 0.08rem left 0.05rem;
    background-size: auto 0.2rem;
    position:absolute;
    left:0;
    top:0;
    z-index: -2;
    opacity: 1;
    transition: all .5s;
}
.honor li a:hover::before{
    width:100%;
    opacity:1;
}
.honor li:nth-of-type(1){
    padding-left: 46.5%;
}
.honor li:nth-of-type(2){
    padding-left: 50%;
}
.honor li:nth-of-type(3){
    padding-left: 52.8%;
}
.honor li:nth-of-type(4){
    padding-left: 54.2%;
}
.honor li:nth-of-type(5){
    padding-left: 54.8%;
}
.honor li:nth-of-type(6){
    padding-left: 54.2%;
}
.honor li:nth-of-type(7){
    padding-left: 53%;
}
.honor li:nth-of-type(8){
    padding-left: 51%;
}
.honor li:nth-of-type(9){
    padding-left: 48%;
}
.honor li:nth-of-type(10){
    padding-left: 44.5%;
}
.number .lmTit{
    margin-left: -0.5rem;
    justify-content: flex-start;
}
.numberSlick{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.numSub{
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.3rem;
    box-sizing: border-box;
}
.numSub .icon{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 100%;
    background: rgba(255,255,255,0.2);
    position: relative;
}
.numSub .icon::before{
    display: block;
    content: "";
    width: calc(100% - 0.1rem);
    height: calc(100% - 0.1rem);
    border: 1px dashed rgba(255,255,255,0.2);
    border-radius: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.numSub .icon img{
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 0.7rem;
    max-height: 0.7rem;
}
.numSub .tit{
    margin-right: 0.2rem;
}
.numSub .tit h2{
    font-family: Poppins-Bold;
    font-size: 0.36rem;
    line-height: 1;
    color: #fff;
    text-align: right;
}
.numSub .tit p{
    font-size: 14px;
    line-height: 0.3rem;
    color: #fff;
    text-align: right;
    white-space: nowrap;
}
.slickSub .numSub:nth-of-type(1){
    padding-left: 30%;
}
.slickSub .numSub:nth-of-type(2){
    padding-left: 20%;
}
.slickSub .numSub:nth-of-type(3){
    padding-left: 22.5%;
}
.slickSub .numSub:nth-of-type(4){
    padding-left: 26.5%;
}
.slickSub .numSub:nth-of-type(5){
    padding-left: 31.5%;
}
.numberSlick .slick-list{
    /* overflow: visible; */
}
.numBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1rem;
    bottom: 0.6rem;
    z-index: 29;
}
.numBtn p.sx{
    width: 1px;
    height: 0.26rem;
    background: rgba(255,255,255,0.2);
    margin: 0 0.15rem;
}
.numBtn p.prev,.numBtn p.next{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img25/numArrow.png) no-repeat center;
    background-size: 0.22rem auto;
    cursor: pointer;
}
.numBtn p.prev{
    transform: rotateY(180deg);
}
/* system */
.rightCon{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
}
.rightCon img.btn {
    cursor: pointer;
    transition: .5s;
    width: auto;
    height: auto;
}
.rightCon.active img.btn {
    transform: translateX(-1rem);
    opacity: 0
}
.rightCon.active  .system{
    transform: translateX(0) translateY(-50%)
}
.rightCon .system{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(1.5rem) translateY(-50%);
    width: 1.1rem;
    height: auto;
    transition: .5s;
    z-index: 1
}
.system div>img{
    display: block;
    width: 100%;
    height: auto;
}
.systemSyb{
    border-radius: 0 0 0.6rem 0.6rem;
    background: #005ca7;
    padding: 0.1rem;
    margin-top: -2px;
}
.system ul{
    width: 100%;
    box-sizing: border-box;
}
.system ul li a{
    display: block;
    width: auto;
    font-size: 0.14rem;
    line-height: 0.4rem;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    text-align: center;
}
.system .btTop{
    width: 100%;
    height: auto;
    margin: 0.2rem 0 0.1rem;
    cursor: pointer;
}
.system .btTop img{
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    cursor: pointer;
}
.ycIcon{
    font-family: 'lib';
    font-size: 0.42rem;
    color:rgba(0,92,167,0.6);
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
}
.ycIcon:before{
    content: "\e88a";
}

/* 思政育人 */
.educate ul li{
    float: left;
    width: 23.16%;
    margin-right: 2.45%;
}
.educate ul li:nth-of-type(4n){
    margin-right: 0;
}
.educate li a{
    display: block;
    width: 100%;
    height: auto;
}
.educate li:nth-of-type(even){
    margin-top: 0.75rem;
}
.educate li a .img{
    width: 100%;
    padding: 67.98% 0 0;
    border-radius: 0.08rem;
}
.educate li a .con{
    margin-top: 0.2rem;
}
.educate li .con .tit{
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #323232;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.56rem;
    margin-bottom: 5px;
}
.educate li .con .time{
    width: auto;
    height: auto;
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 0.32rem;
    color: #f08200;
    background: url(../img25/newTimeIcon.png) no-repeat left center;
    background-size: auto 0.2rem;
    padding-left: 0.25rem;
    box-sizing: border-box;
}
.educate li a:hover .tit{
    color: #f08200;
    font-weight: bold;
}
/* 产教融合 */
.swiper1-1{position:relative;overflow:hidden;}
.swiper1-1 .swiper-slide,.swiper1-1 .swiper-wrapper{height:100%!important}
.swiper1-1 .swiper-container{
    width: 87.5%;
    margin: 0 auto;
}
.swiper1-1 .swiper-slide{
    width: 48.57%;
}
.swiper-slide a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: 8;
}
.swiper-slide a .img{
    width: 100%;
    padding: 57.35% 0 0;
}
.swiper-slide a::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 18;
}
.swiper-slide a .tit{
    display: none;
    width: 100%;
    height: auto;
    font-size: 0.18rem;
    line-height: 0.3rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.2rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 100%);
}
.swiper-slide.swiper-slide-active a .tit{
    display: block;
}
.swiper-slide.swiper-slide-active a::before{
    background: rgba(0,0,0,0);
}
.cjrh{
    width: 100%;
    position: relative;
    padding-bottom: 80px;
}
.cjrh .swiper-prev,.cjrh .swiper-next{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    border: 1px solid #0067b2;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: url(../img25/jtIcon1.png) no-repeat center;
    background-size: 0.18rem auto;
}
.cjrh .swiper-prev{
    left: 0;
    transform: translateY(-50%) rotateY(180deg);
}
.cjrh .swiper-next{
    right: 0;
}
.cjrh .swiper-prev:hover,.cjrh .swiper-next:hover{
    background: #0067b2 url(../img25/jtIcon2.png) no-repeat center;
    background-size: 0.18rem auto;
}
/*  */
@media only screen and (min-width: 1921px){
    .bt span{
        font-size: 0.12rem;
    }
    .educate li .con .time,
    .newList li a .time,
    .dynamicTxt li a .time,
    .newBanner li .con .time,
    .djylImg li .time,
    .djylList li .time,
    .numSub .tit p,
    .mtzs li .txt,
    .rmjzCode li .tit{
        font-size: 0.14rem;
    }
    .numSub .icon img{
        height: 0.6rem;
        width: auto;
    }
    .bgImg .jxlImg img{
        width: 6.44rem;
        height: auto;
    }
    .bgImg .yuan img{
        width: 5.42rem;
        height: auto;
    }
    .lsygSub .tit p span{
        font-size: 0.14rem;
        line-height: 0.18rem;
    }
    .feature ul p.icon img{
        width: 0.34rem;
        height: auto;
    }
    .system ul li a{
        font-size: 0.14rem;
    }
    .system .btTop img{
        width: 0.27rem auto;
    }
    .rightCon img.btn{
        width: 0.64rem;
    }
}
@media only screen and (max-width: 1820px){
    .ztjjBtn .prev, .ztjjBtn .next{
        position: static;
        transform: none;
        margin-top: 0;
    }
    .ztjjBtn .prev{
        transform: rotateY(180deg);
    }
}
@media only screen and (max-width: 1860px){
    .banner  .img{
        height: 0;
        padding: 48.95% 0 0;
    }
}
@media only screen and (max-width: 1660px){
    .lsygSub .slick{
        width: calc(100% - 0.6rem);
    }
    .dynamic{
        width: 28.5%;
    }
    .new{
        width: 69%;
    }
    .newList{
        width: 32%;
    }
    .newBanner{
        width: 66%;
        padding: 0 0.2rem 0.3rem;
    }
    .rmjzCode{
        width: 2.7rem;
    }
    .rmjzImg{
        width: calc(100% - 2.8rem);
    }
    .mtzs{
        width: 24%;
    }
    .rmjz{
        width: 74.5%;
    }
    .lsygSub .slick{
        width: 13rem;
    }
    .lsygSub.active{
        width: 13.58rem;
    }
    .lsygSub .slick .slick-current .xz .sx{
        height: 0.32rem;
    }
    .lsygSub .slick .slick-current + .slick-slide .xz .sx{
        height: 0.4rem;
    }
    .lsygSub .slick .slick-current + .slick-slide + .slick-slide .xz .sx{
        height: 0.26rem;
    }
    .lsygSub .slick .slick-current + .slick-slide + .slick-slide + .slick-slide .xz .sx{
        height: 0.5rem;
    }
    .lsygSub .tit h2{
        font-size: 0.16rem;
    }
    .lsygSub .tit p span{
        font-size: 12px;
    }
    .numBtn{
        right: 0.5rem;
    }
    .indexCon5 .w1600>.flex::before{
        left: auto;
        right: -0.3rem;
        transform: none;
    }
    .rmjzCode li .img{
        width: 1.25rem;
    }
    .lsygSub .tit{
        height: 3.8rem;
    }   
    .rightCon img.btn{
        width: 0.54rem;
    }
}
@media only screen and (max-width: 1240px){
    .ImgBanner{
        margin-top: 96px;
    }
}
@media only screen and (max-width: 1040px){
    .indexCon1{
        padding: 60px 0;
    }
    .new,.dynamic{
        width: 100%;
    }
    .new>div.clearfix{
        display: flex;
        flex-direction: column-reverse;
    }
    .newList,.newBanner{
        width: 100%;
    }
    .newBanner li .img{
        padding: 56.25% 0 0;
    }
    .newBanner{
        padding: 0 0 0.3rem;
    }
    .newList{
        margin: 0.2rem 0 60px;
    }
    .newList li:last-of-type a{
        padding-bottom: 0.2rem;
        border-bottom: 1px dashed #dde9f0;
    }
    .newBanner::before{
        display: none;
    }
    .newBanner li .con{
        padding: 0.2rem;
        background: #005ca7 url(../img25/newBg1.png) no-repeat center bottom;
        background-size: auto;
        margin-top: 0;
        box-sizing: border-box;
    }
    .newBanner ul li{
        border-radius: 10px;
        overflow: hidden;
    }
    .bt{
        padding-left: 0;
    }
    .bt::before{
        left: -10%;
    }
    .indexCon2{
        padding-bottom: 60px;
    }
    .indexCon2 .tabIn{
        justify-content: flex-start;
    }
    .indexCon2 .bg img{
        display: none;
    }
    .indexCon2 .feature{
        position: static;
        align-items: flex-start;
    }
    .indexCon2 .tabCon .feature_l,.indexCon2 .tabCon .feature_r{
        width: calc(50% - 0.7rem);
    }
    .feature .feature_l ul{
        width: 100%;
        margin-left: 0.4rem!important;
    }
    .feature .feature_r ul{
        width: 100%;
        margin-right: 0.4rem!important;
    }
    .indexCon3{
        padding: 80px 0;
    }
    .indexCon3 .tabIn{
        justify-content: flex-start;
        margin-bottom: 0.4rem;
    }
    .indexCon3 .tabCon::before{
        display: none;
    }
    .indexCon3 .tabCon{
        padding: 0.2rem 0.2rem 0;
    }
    .djylImg{
        width: 100%;
    }
    .djylList{
        width: 100%;
        margin-top: 0.18rem;
    }
    .indexCon3 .tabCon{
        border-radius: 0.15rem;
    }
    .indexCon4 .lmTit{
        justify-content: space-between;
    }
    .lsygImg{
        display: none;
    }
    .indexCon6{
        padding: 60px 0;
    }
    .mtzs,.rmjz{
        width: 100%;
        position: relative;
    }
    .mtzs li .img{
        padding: 56.25% 0 0;
    }
    .mtzs li:last-of-type a{
        padding-bottom: 0.15rem;
        border-bottom: 1px dashed #e9e9e9;
    }
    .rmjz{
        display: flex;
        flex-direction: column-reverse;
    }
    .rmjzImg,.rmjzCode{
        width: 100%;
    }
    .rmjzCode{
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .rmjzCode .lmTit{
        margin-bottom: 0.4rem;
    }
    .bg8 .lmTit{
        justify-content: space-between;
        margin-bottom: 0.4rem;
    }
    .style_l, .style_c{
        width: 100%;
        margin-bottom: 0.1rem;
    }
    .indexCon8{
        padding: 60px 0;
    }
    .ztjj .clearfix{
        margin: 0 -0.1rem;
    }
    .ztjj .clearfix li{
        padding: 0 0.1rem;
    }
    .style_c{
        flex-direction: column;
    }
    .style_c .sub2{
        margin-bottom: 0;
        margin-top: 0.1rem;
    }
    .sub1 li .img{
        padding: 63.55% 0 0;
    }
    .sub2 li a .img{
        padding: 56.25% 0 0;
    }
    .sub1 .tit a{
        height: 100%;
    }
    .indexCon7 .style_l .sub1,.indexCon7 .style_c .sub1{
        display: flex;
        align-items: inherit;
    }
    .style_r{
        display: none;
    }
    .indexCon5{
        padding: 60px 0 40px;
        background: url(../img25/bg55.png) no-repeat center;
        background-size: cover;
    }
    .indexCon5::before{
        display: none;
    }
    .indexCon5 .flex{
        flex-wrap: wrap;
    }
    .honor, .number{
        position: static;
        width: 100%;
    }
    .numberSlick{
        position: static;
    }
    .indexCon5 .w1600>.flex::before,.bgImg{
        display: none;
    }
    .honor .lmTit.flex{
        padding-left: 0;
    }
    .honor li{
        padding-left: 0!important;
    }
    .honor .lmTit.flex{
        margin-bottom: 0.3rem;
    }
    .number .lmTit{
        margin-left: 0;
    }
    .slickSub{
        display: flex!important;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .slickSub .numSub{
        width: 30%;
        padding-left: 0!important;
    }
    .slickSub .numSub{
        flex-direction: column-reverse;
    }
    .numSub .tit h2,.numSub .tit p{
        text-align: center;
    }
    .numSub .tit{
        margin-right: 0;
        margin-top: 20px;
    }
    .number .lmTit{
        margin-bottom: 0.3rem;
    }
    .numBtn{
        position: static;
    }
    .honor{
        margin-top: 40px;
    }
    .lsygSub .slick li .xz{
        display: none;
    }
    .lsygSub,.lsygSub.active{
        width: 100%;
        height: auto;
    }
    .lsygSub .slick{
        width: calc(100% - 0.6rem);
        display: block!important;
        visibility: visible;
        opacity: 1;
    }
    .lsygSub .slick li{
        transform: none!important;
        padding: 0.1rem;
    }
    .lsygSub .slick li .con{
        padding: 0.08rem;
    }
    .lsygSub .slick li .img,.lsygSub .slick li .con{
        box-shadow: 0 0 0.08rem 0 rgba(0,92,167,0.1);
    }
    .lsygSub .slick li .img{
        padding: 76.92% 0 0;
    }
    .lsygSub .tit{
        height: 3.4rem;
    }
    .indexCon4{
        padding-bottom: 60px;
    }
    .ztjj li .img{
        border-radius: 0.05rem;
    }
    .lsygSub .slick .con h2{
        font-size: 0.22rem;
    }
    .rmjzCode li .img{
        width: 1rem;
    }
    .djylImg li .img{
        padding: 56.25% 0 0;
    }
    .educate li:nth-of-type(even){
        margin-top: 0;
    }
    .educate ul li{
        width: 48%;
        margin-right: 4%;
    }
    .educate ul li:nth-of-type(4n){
        margin-right: 4%;
    }
    .educate ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .educate ul li:nth-of-type(1), .educate ul li:nth-of-type(2){
        margin-bottom: 20px;
    }
    .educate li a .con{
        margin-top: 10px;
    }
    .swiper1-1 .swiper-container{
        width: calc(100% - 1.6rem);
    }
    .swiper1-1 .swiper-slide{
        width: 64%;
    }
    .cjrh{
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 768px){
    .banner .slick-dots{
        bottom: 0.1rem;
    }
    .newBanner ul li{
        border-radius: 6px;
    }
    .indexCon1{
        padding: 50px 0;
    }
    .indexCon1 .lmTit{
        margin-bottom: 0.3rem;
    }
    .bt::before{
        width: 80px;
        height: 70px;
        left: -15%;
        top: -32%;
        background-size: contain;
    }
    .bt h2{
        font-size: 40px;
    }
    .bt p{
        font-size: 26px;
    }
    .tabIn .in .bt h2{
        font-size: 26px;
    }
    .newBanner{
        padding: 0 0 0.15rem;
    }
    .newBanner li .tit{
        font-size: 18px;
        line-height: 26px;
        max-height: 52px;
    }
    .newBanner li .con{
        padding: 0.15rem;
    }
    .newBanner .slick-dots li{
        width: 12px;
        height: 12px;
        margin-left: 10px;
    }
    .newBanner .slick-dots li.slick-active{
        width: 22px;
        height: 22px;
    }
    .banner .slick-dots li{
        width: 12px;
        height: 12px;
        margin-left: 10px;
    }
    .banner .slick-dots li.slick-active{
        width: 22px;
        height: 22px;
    }
    .indexCon2 .tabCon .feature_l, .indexCon2 .tabCon .feature_r{
        width: 100%;
        padding-left: 0.4rem;
        box-sizing: border-box;
    }
    .indexCon2 .tabCon .feature{
        flex-wrap: wrap;
    }
    .feature .feature_r ul{
        margin-right: 0!important;
        padding-right: 0.4rem;
        padding-left: 0.6rem;
        border-left: none;
        border-right: 4px solid #005ca7;
    }
    .feature .feature_l ul{
        margin-left: 0!important;
    }
    .feature ul{
        margin-bottom: 0;
        margin-top: 0.2rem;
    }
    .feature .feature_r ul p.icon{
        left: 0;
        transform: translate(-50%,-50%);
    }
    .tabIn .lmTit .yuan{
        margin: 0 0.15rem;
    }
    .indexCon2 .tabIn{
        margin-bottom: 0.1rem;
    }
    .indexCon2{
        padding-bottom: 50px;
    }
    .indexCon3{
        padding: 50px 0;
    }
    .indexCon3 .tabCon{
        padding: 0.1rem ;
        border-radius: 6px;
    }
    .indexCon3 .tabIn{
        margin-bottom: 0.3rem;
    }
    .djylList li{
        width: 100%;
        margin-right: 0;
    }
    .djylList li:nth-of-type(5){
        margin-bottom: 0.28rem;
    }
    .indexCon3::before{
        height: 41%;
    }
    .indexCon5{
        padding: 50px 0 30px;
    }
    .honor li{
        padding: 6px 0;
    }
    .honor .lmTit.flex{
        margin-bottom: 0.15rem;
    }
    .honor li a{
        background: url(../img25/honorIcon.png) no-repeat top 7px left 4px;
    }
    .honor li a::before{
        background: #09adf9 url(../img25/honorIcon.png) no-repeat top 7px left 4px;
    }
    .numSub .icon{
        width: 100px;
        height: 100px;
    }
    .numSub .icon img{
        max-width: 56px;
        max-height: 56px;
    }
    .numSub .tit h2{
        font-size: 28px;
    }
    .rmjzCode ul{
        justify-content: flex-start;
    }
    .rmjzCode li{
        width: 18.4%;
        margin-right: 2%;
    }
    .rmjzCode li .img{
        width: 100%;
    }
    .rmjzCode li:nth-of-type(5n){
        margin-right: 0;
    }
    .rmjzImg ul{
        flex-wrap: wrap;
    }
    .rmjzImg ul li{
        width: 100%!important;
    }
    .rmjzImg li:nth-of-type(1) div:nth-of-type(1) a .img, .rmjzImg li:nth-of-type(2) div:nth-of-type(2) a .img{
        padding: 67.35% 0 0;
    }
    .rmjzImg li:nth-of-type(1) div:nth-of-type(2) a .img, .rmjzImg li:nth-of-type(2) div:nth-of-type(1) a .img{
        padding: 61.22% 0 0;
    }
    .rmjzImg li>div{
        margin-bottom: 0.1rem;
    }
    .indexCon7{
        padding-top: 50px;
    }
    .sub1 .tit a p{
        font-size: 24px;
    }
    .sub1 .tit a img{
        height: 74px;
    }
    .indexCon8{
        padding: 40px 0;
    }
    .ztjjBtn .prev, .ztjjBtn .next{
        width: 46px;
        height: 46px;
    }
    .cjrh .swiper-prev,.cjrh .swiper-next{
        width: 36px;
        height: 36px;
    }
    .ztjjBtn{
        margin-top: 20px;
    }
    .ztjjBtn .dots{
        margin: 0 0.3rem;
    }
    .lsygSub .slick .con h2{
        font-size: 18px;
    }
    .indexCon4{
        padding-bottom: 50px;
    }
    .indexCon4::before{
        width: 150px;
        height: 100px;
        right: 0;
    }
    .rightCon img.btn{
        width: 0.36rem;
    }
    .educate ul li{
        width: 49%;
        margin-right: 2%;
    }
    .educate ul li:nth-of-type(4n){
        margin-right: 2%;
    }
    .educate ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .educate ul li:nth-of-type(1), .educate ul li:nth-of-type(2){
        margin-bottom: 15px;
    }
    .swiper1-1 .swiper-container{
        width: calc(100% - 100px);
    }
    .swiper1-1 .swiper-slide{
        width: 80%;
    }
    .cjrh{
        margin-top: 30px;
    }
    .swiper-slide a .tit{
        padding: 10px;
    }
    .system .btTop{
        display:none;
    }
    .system ul li a{
        font-size: 12px;
        line-height: 30px;
    }
    .system ul li:last-of-type a{
        border-bottom:none;
    }
    .system div>img{
        display: none;
        width: 100%;
        height: auto;
    }
    .systemSyb{
        box-shadow: 0 0 15px 0 rgba(255,255,255,0.1);
        border-radius: 0.55rem;
    }
    .ImgBanner{
        margin-top: 86px;
    }
}
@media only screen and (max-width: 560px){
    .indexCon1{
        padding: 35px 0 40px;
    }
    .bt h2{
        font-size: 30px;
    }
    .bt p{
        font-size: 20px;
    }
    .bt span{
        margin-top: 5px;
    }
    .bt::before{
        width: 70px;
        height: 50px;
        top: -8px;
        left: -18px;
    }
    .indexCon1 .lmTit{
        margin-bottom: 0.2rem;
    }
    .newBanner li .tit{
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
    }
    .newBanner li .con{
        padding: 10px;
    }
    .newBanner li .con .time{
        margin-right: 5px;
    }
    .newBanner li .con .time span{
        font-size: 24px;
    }
    .newList li a{
        padding: 12px 0;
    }
    .newList{
        margin: 10px 0 30px;
    }
    .banner .img{
        /* padding: 65% 0 0; */
    }
    .tabIn .in .bt h2{
        font-size: 20px;
    }
    .tabIn .bt span{
        display: none;
    }
    .tabIn .lmTit .yuan{
        margin: 0 8px;
        width: 4px;
        height: 4px;
    }
    .indexCon2{
        padding-bottom: 40px;
    }
    .djylImg li .tit{
        font-size: 16px;
        line-height: 24px;
    }
    .feature ul li a{
        font-size: 15px;
    }
    .indexCon3{
        padding: 35px 0;
    }
    .djylList li{
        margin-bottom: 15px;
    }
    .djylList{
        margin-top: 0;
    }
    .indexCon5{
        padding: 40px 0 20px;
    }
    .honor{
        margin-top: 30px;
    }
    .indexCon6{
        padding: 40px 0 30px;
    }
    .rmjzCode{
        margin: 35px 0 20px;
    }
    .rmjzCode li{
        width: 23.5%;
        margin-right: 2%;
    }
    .rmjzCode li:nth-of-type(5n){
        margin-right: 2%;
    }
    .rmjzCode li:nth-of-type(4n){
        margin-right: 0;
    }
    .rmjzCode .lmTit{
        margin-bottom: 20px;
    }
    .rmjzImg li .tit{
        padding: 10px;
    }
    .bg8 .lmTit{
        margin-bottom: 20px;
    }
    .indexCon7{
        padding-top: 30px;
    }
    .ztjjBtn .prev, .ztjjBtn .next{
        width: 36px;
        height: 36px;
    }
    .cjrh .swiper-prev,.cjrh .swiper-next{
        width: 32px;
        height: 32px;
    }
    .indexCon8{
        padding: 25px 0 30px;
    }
    .sub1 .tit a p{
        font-size: 20px;
        margin-top: 12px;
    }
    .sub1 .tit a img{
        height: 50px;
    }
    .numSub .icon{
        width: 88px;
        height: 88px;
    }
    .numSub .tit h2{
        font-size: 22px;
    }
    .slickSub .numSub{
        width: 40%;
        margin-bottom: 15px;
    }
    .slickSub{
        justify-content: space-around;
    }
    .numSub .tit p{
        white-space: wrap;
    }
    .lsygSub .slick li{
        padding: 5px;
    }
    .lsygSub .tit{
        height: 320px;
    }
    .indexCon4 .lmTit{
        margin-bottom: 30px;
    }
    .dynamicTxt li a .time span{
        font-size: 26px;
    }
    .lmTit .more{
        font-size: 13px;
    }
    .newBanner .slick-dots{
        bottom: 78px;
    }
    .indexCon3 .tabIn{
        margin-bottom: 20px;
    }
    .lsygSub .slick .con p{
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        -webkit-line-clamp: 2;
    }
    .lsygSub .slick .con h2{
        line-height: 30px;
    }
    .ztjjBtn .dots .slick-dots li{
        width: 12px;
        height: 12px;
        margin-left: 10px;
    }
    .educate ul li{
        width: 100%;
        margin-right: 0%;
    }
    .educate ul li:nth-of-type(4n){
        margin-right: 0%;
    }
    .educate ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .educate ul li:nth-of-type(1), .educate ul li:nth-of-type(2), .educate ul li:nth-of-type(3){
        margin-bottom: 15px;
    }
    .educate li .con .tit{
        margin-bottom: 0;
    }
    .swiper1-1 .swiper-container{
        width: calc(100% - 80px);
    }
    .swiper1-1 .swiper-slide{
        width: 100%;
    }
    .swiper-slide a .tit{
        padding: 10px 5px;
    }
    .ImgBanner{
        margin-top: 70px;
    }
}

.code{display:none;}


@charset 'utf-8';

/* 媒体开始 */
.meiti_box{width:8.28rem;padding:0 0.3rem 0.25rem;position:relative;float:left;box-sizing: border-box;}
.meiti_box::before{display:block;content: "";width: 100%;height: 83.24%;background: #008535 url(../img25/rmjzImgBefore.png) no-repeat center top;background-size: 99% 99%;border-radius: 0.08rem;position:absolute;left:0;bottom:0;overflow:hidden;}
.meiti{box-sizing: border-box;position: relative;overflow: hidden;}
.meiti .swiper-slide a{overflow:hidden;border-radius:0.08rem;}
.meiti .swiper-slide a::before{display: none;}
.meiti .swiper-slide a .tit{/*! background:none; */}
.meiti .meiti_img{width:100%;height:4.86rem;overflow:hidden;}
.meiti .meiti_img img{width:100%;min-height:100%;}
.meiti .swiper-slide .tit{width: 100%;height: auto;padding: 0.15rem;padding-left: 0.3rem;box-sizing: border-box;position: absolute;left: 0;bottom: 0;display: flex !important;align-items: center;justify-content: flex-start;background: linear-gradient(0deg, rgba(0,0,0,0.7) 30%, rgba(0,0,0,0) 100%);}
.meiti .swiper-slide .tit h2{font-size: 0.18rem;line-height: 0.28rem;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;margin-left: 0.15rem;}
.meiti .swiper-slide .tit p{position: relative;}
.meiti .swiper-slide .tit p::before{display: block;content: "";width: 100%;height: 0.04rem;position: absolute;left: 0;bottom: -0.15rem;}
.meiti .swiper-slide .wx p::before{background: #00a748;}
.meiti .swiper-slide .wb p::before{background: #cf3702;}
.meiti .swiper-slide .tit img{display: block;width: auto;height: auto;}

.meiti .swiper-pagination{position:static;width: 100%;height: auto;justify-content: center;align-items: center;margin-top: 0.15rem;font-size:0;}
.meiti .swiper-pagination span{width: 0.3rem!important;height: 0.3rem;margin: 0 0.06rem;position:relative;}
.meiti .swiper-pagination span::before{content:'';display: inline-block;width: 0.15rem!important;height: 0.15rem;border-radius: 100%;left:0.075rem; top:0.075rem; border: 1px solid rgba(255,255,255,0.8);position:absolute;}
.meiti .swiper-pagination span.swiper-pagination-bullet-active{width: 0.3rem!important;height: 0.3rem;border: none;background: url(../img25/arrowIcon1.png) no-repeat center;background-size: 0.29rem auto;}
.meiti .swiper-pagination span.swiper-pagination-bullet-active::before{display:none;}

.meiti a img{transition: 0.4s;}
.meiti a:hover img{transform: scale(1.05);transition: 0.4s;}
@media(max-width: 1024px){
	.meiti{width: 100%;height:auto;float: none;}
	.meiti_box{width:100%;margin-top: 0.3rem;}
	.meiti::before{background:#278C4B url(../images25/ybdt_logo.png) right 0.06rem no-repeat;background-size:2.08rem;}
	.meiti .meiti_img{height:auto;}
}
/* 媒体结束 */