@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;height: 100vh; background: #f2f3f4;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{padding-bottom: calc(100vh - .6rem);transition: 0s;}
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.banner .txt .wp{height: 100%;flex-direction: column;justify-content: center;}
.banner h3{font-size: .48rem;color: #fff !important;opacity: 0;font-weight: normal;line-height: 1.2;position: relative;z-index: 1;padding: 0 0 0 .46rem;width: 8rem;max-width: 100%;font-family: 'Poppins SemiBold';}
.banner h3::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: rgba(255,255,255,.3);}
.banner h5{font-size: .16rem;color: #fff !important;opacity: 0;position: relative;z-index: 1;padding: 0 0 0 .46rem;width: 8rem;max-width: 100%;margin: .3rem 0 .7rem;line-height: 2;}
.banner .more1w{padding: 0 0 0 .46rem;opacity: 0;display: flex;}

.banner .swiper-slide.swiper-slide-active h3{ animation: enter 2s forwards .2s;}
.banner .swiper-slide.swiper-slide-active h5{ animation: enter 2s forwards .3s;}
.banner .swiper-slide.swiper-slide-active .more1w{ animation: enter 2s forwards .4s;}

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}


.banner_box .bottom{ position: absolute; right: 0; bottom: 0; width: 13.4rem; max-width: 100%; height: 1.3rem; padding: 0 .7rem 0 1rem; z-index: 2; }
.banner_box .bottom .box{ height: 100%; align-items: center; }
.banner_box .bottom::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #062e5b; z-index: -1; transform: skewX(-15deg); transform-origin: left bottom;}
.banner_box .bottom .dots span{width: .14rem;height: .14rem;border-radius: 50vw;border: #fff 2px solid;transition: .5s;margin: 0 .14rem 0 0;opacity: 1;background: transparent;}

.banner_box .bottom .dots span.active{ background: #fff;}

.ar1{ width: .7rem; align-items: center;}
.ar1 .arrow{ font-size: .2rem; color: #fff; font-family: 'lib'; transition: .5s; cursor: pointer;}

.pad1{ padding: 1rem 0; overflow: hidden;}

.tit1{ margin: 0 0 .8rem;}
.tit1 h3{ font-size: .52rem; color: #292f32; font-family: 'Poppins SemiBold';}
.tit1 p{ font-size: .16rem; color: #454545; line-height: 1.75; margin: .15rem 0 0;}

.ls2 li{ margin-bottom: .15rem;}
.ls2 .a{font-size: .2rem;color: #95979b;font-family: 'Poppins Medium';position: relative;}
.ls2 .a:before{content: "";position: absolute;border-top: transparent .06rem solid;border-bottom: transparent .06rem solid;border-left: #1c4992 .08rem solid;left: -.22rem;top: 50%;transform: translateY(-50%); transition: .5s; opacity: 0;}

.ls2 li.on .a:before{ opacity: 1;}
.ls2 li.on .a{ color: #1c4992;}

.ar2{ width: 1.34rem; align-items: center;}
.ar2 .arrow{ width: .6rem; height: .6rem; align-items: center; justify-content: center; border: #c3c3c3 2px solid; font-size: .22rem; color: #666666; font-family: 'lib'; transition: .5s; cursor: pointer;}

.index1{ background: #f2f3f4;}
.index1 .left{ width: 4.86rem;}
.index1 .left .hd{ margin-bottom: 1.6rem;}
.index1 .right{ width: calc(100% - 4.86rem);}

.ls3Box{ width: calc((100vw - 14.4rem)/2 + 100%);}
.ls3 .a{ align-items: center; transition: .5s; opacity: .2;}
.ls3 .ls3Box1{width: 6.96rem;}
.ls3 .imgBox{width: 100%;clip-path: polygon(0 100%, 1.9rem 0, 100% 0, 100% 0, 100% 0, calc(100% - 1.9rem) 100%, 0 100%, 0 100%); max-width: 100%}
.ls3 .imgBox .img{ padding-bottom: 89.79%; background: url(../images/ls3_b.jpg) center no-repeat; background-size: cover;}
.ls3 .imgBox .img img{width: auto;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);right: auto;bottom: auto;max-width: 80%;max-height: 80%;}
.ls3 .txt{ width: calc(100% - 6.96rem);}
.ls3 .txt .con{ margin: 0 0 0 -.2rem;}

.ls3 h3{ font-size: .4rem; color: #292f32; font-family: 'Poppins SemiBold'; line-height: 1.15;}
.ls3 p{ font-size: .16rem; color: #7e7e7f; line-height: 1.75; margin: .15rem 0 .4rem;}

.ls3 .swiper-slide-active .a{ opacity: 1;}

.index2{ background: url(../images/in2_b.jpg) center no-repeat; background-size: cover; padding-bottom: 3.7rem;}
.index2 .left{ width: 7.88rem; max-width: calc(100% - 3.8rem - .4rem);}
.index2 .right{ width: 3.8rem; padding: .5rem 0 0;}

.tit2{ margin: 0 0 .8rem;}
.tit2 h6{font-size: .18rem;color: #fff;font-family: 'Poppins Medium';text-transform: uppercase;margin: 0 0 .15rem;}
.tit2 h4{font-size: .5rem;color: #fff;font-family: 'Poppins Medium';text-transform: uppercase;line-height: 1.1;margin: 0;}
.tit2 .arc-con{color: #fff;margin: .25rem 0 0;}

.ls4 li{ border-top: rgba(255,255,255,.6) 1px solid; padding: .1rem 0 0; margin-bottom: .6rem;}
.ls4 .a{ align-items: flex-start;}
.ls4 .h3{ line-height: 1; width: 2.2rem; color: #fff; align-items: flex-end;}
.ls4 .h3 .scNum{ font-size: .6rem; font-family: 'DINPro-Bold';}
.ls4 .h3 small{font-size: .4rem;margin: 0 0 0 .04rem;font-family: 'DINPro-Bold';}
.ls4 .h6{ font-size: .16rem; color: rgba(255,255,255,.6); padding: .02rem 0;}
.ls4 li:last-child{ margin-bottom: 0;}

.index3{ margin: -3rem 0 0; position: relative; z-index: 2; overflow: hidden;}

.ls5 .a{display: block; position: relative}
.ls5 .imgBox .img{ padding-bottom: 43.05%}
.ls5 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; z-index: 1}
.ls5 .ico i{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem}
.ls5 .ico i:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ls5_b.png) center no-repeat;background-size: cover;z-index: -1; animation: roted 4s linear infinite;}

.index4 .wp{ align-items: center;}
.index4 .left{ width: calc(100% - 6.6rem);}
.index4 .right{width: 6.6rem;position: relative;z-index: 1;padding: .85rem 0;}
.index4 .right::before{ content: ""; position: absolute; top: 0; right: calc((100vw - 14.4rem)/2*-1); bottom: 0; left: 1.9rem; background: url(../images/in4_b1.jpg) center no-repeat; background-size: cover; z-index: -1; clip-path: polygon(0 100%, 1.9rem 0, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);}

.slides3 .hd{ width: 1.55rem; margin: 0 1.1rem 0 0; }
.slides3 .hd ul{ position: relative;}
.slides3 .hd ul li::before{content: "";position: absolute;width: .05rem;top: .1rem;bottom: -.1rem;background: #567bbd;left: .04rem; transition: .5s;}
.slides3 .hd ul li{ min-height: 1.12rem; position: relative; padding: 0 0 0 .3rem; position: relative;}
.slides3 .hd ul li:after{content: "";position: absolute;top: .06rem;left: 0;width: .13rem;height: .13rem;border-radius: 50%;border: #fff 2px solid;background: #567bbd;box-sizing: border-box; transition: .5s;}
.slides3 .hd ul li a{ font-size: .16rem; color: #292f32; line-height: 1.375; font-family: 'Poppins Medium'}

.slides3 .hd ul li.on::before, .slides3 .hd ul li.on+li::before, .slides3 .hd ul li.on+li+li::before{ background: #eaeaea;}
.slides3 .hd ul li.on+li:after, .slides3 .hd ul li.on+li+li:after, .slides3 .hd ul li.on+li+li+li:after{ border: #eaeaea 2px solid;background: #fff;}
.slides3 .hd ul li:last-child::before{ display: none}

.slides3 .bd{ flex: 1; overflow: hidden;}
.slides3 .bd .ico{ width: .6rem; height: .6rem; border: #1c4992 2px solid; border-radius: 50%; display: flex;align-items: center;justify-content: center;}
.slides3 .bd .ico img{ width: 100%; height: 100%; object-fit: cover;max-width: 50%;max-height: 50%;}
.slides3 .bd h4{ font-size: .3rem; color: #292f32; font-family: 'Poppins Medium'; line-height: 1.375; margin: .16rem 0 .3rem;}
.slides3 .bd p{ font-size: .18rem; color: #414141; line-height: 1.875;}

.tit2.flexjs{ align-items: flex-end;}
.tit2 .ll1{ width: 7.1rem; max-width: calc(100% - 2rem - .3rem);}
.tit2 .ll1 h4{ text-transform: capitalize;}
.tit2.flexjs .more1{}

.index5{ background: url(../images/in5_b.jpg) center no-repeat; background-size: cover;}

.ls6Box{ }
.ls6 .a{ display: block; position: relative; overflow: hidden;}
.ls6 .imgBox .img{ padding-bottom: 57.55%}
.ls6 .txt{ position: absolute; top: 0; bottom: 0; left: -1px; z-index: 1; display: flex; justify-content: center; flex-direction: column; padding: 0 .42rem; width: 100%; background: url(../images/ls6_t.png) left center no-repeat; background-size: auto 100%;}
.ls6 h4{ width: 1.9rem; max-width: 100%; font-size: .24rem; color: #fff !important; line-height: .3rem; max-height: .6rem\0; text-transform: uppercase; font-family: Poppins;}
.ls6 .ico{ height: .44rem; margin: .2rem 0 0;}
.ls6 .ico img{ height: 100%;    filter: brightness(10);}
.hd_text{color: #fff;    font-size: .15rem;margin: 0 0 0 .5rem;}
.ls6W{ margin-bottom: .44rem}
.ls6W1 .swiper-scrollbar{height: 60px;bottom: auto;border-radius: 0;z-index: 1;background: none;}
.ls6W1 .swiper-scrollbar:before{ content: ""; position: absolute; right: 0; top: 50%; left: 0; height: 1px; background:#d8e1ed; z-index: -1}
.ls6W1 .swiper-scrollbar-drag{background: #fff url(../images/drag.png) center no-repeat;height: 60px;cursor: pointer;margin-left: 0;border-radius: 50vw;background-size: 100% 100%;}

.index6 .tit2 { width: 8.2rem; max-width: 100%;}
.index6 .tit2 h4{ text-transform: capitalize; font-size: .4rem;}

.h3-1{ font-size: .54rem; color: #fff; font-family: 'Poppins SemiBold'; text-align: center; margin-bottom: .5rem;}

.index6{ background: url(../images/in6_b.jpg) center no-repeat; background-size: cover;}
.index6 .fl1{ position: relative; z-index: 1;}

.other{position: absolute;top: 50%;right: 0;left: 0;pointer-events: none;z-index: -1;transform: translateY(-50%);}
.other > svg {width: 100%;}
.other > svg .wave {animation: wave 3s linear;animation-iteration-count: infinite;stroke: rgba(255, 255, 255, 0.3);stroke-width: 0.1px;fill: transparent;}
.other > svg .wave#wave3 {animation-duration: 7s;opacity: 0.3;}
.other > svg .wave#wave2 {animation-duration: 5s;animation-direction: reverse;opacity: .3;}














@keyframes wave {
    to {
      transform: translateX(-100%);
    }
}

.ls7{ margin: 0 -7px;}
.ls7 li{ flex: 1; text-align: center; padding: 0 7px;}
.ls7 .ico{ width: .95rem; height: .95rem; background: #386ac4; border-radius: 50vw; margin: 0 auto;}
.ls7 .ico img{ width: 100%; height: 100%; object-fit: cover}
.ls7 h4{ font-size: .22rem; color: #fff !important; font-family: 'Poppins Medium'; margin: .2rem 0 .08rem;}
.ls7 h6{ font-size: .17rem; color: rgba(255,255,255,.7); line-height: 1.875; width: 2.6rem; max-width: 100%; margin: 0 auto;}

.tit2b h4{ color: #292f32; font-family: 'Poppins SemiBold';}

.index7 .tit2{ margin-bottom: .6rem;}
.index7 .content{ margin-bottom: .2rem;}
.index7 .left, .index7 .right{ width: calc(50% - .1rem);}

.ls8 .a{ position: relative;}
.ls8 .imgBox .img{ padding-bottom: 4.36rem;}
.ls8 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: .8rem;}
.ls8 .txt{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; padding: 0 .3rem .3rem;}
.ls8 h4{ margin: .1rem 0 0; color: #fff !important}
.ls8 h6{ color: rgba(255,255,255,.7)}

.ls9{ margin: 0 -.1rem;}
.ls9 li{ width: 50%; padding: 0 .1rem;}
.ls9 .imgBox .img{ padding-bottom: 2.3rem;}
.ls9 .txt{ height: 2.06rem; border: #eaeaeb 1px solid; padding: 0 .3rem; display: flex; flex-direction: column; justify-content: center;}
.ls9 h4{ margin: .1rem 0 .34rem;}

.more5{ font-size: .16rem; color: #374757;}

.index8{ border-top: #eaeaea 1px solid; padding: .5rem 0;}
.ls9s1 li{ width: 25%;}

.ls10W{ position: relative;}
.ls10W .arrow{ font-size: .2rem; color: #212a43; font-family: 'lib'; transition: .5s; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);}
.ls10W .arrow.prev1{ left: -.5rem;}
.ls10W .arrow.next1{ right: -.5rem;}
.ls10 .imgBox .img{ padding-bottom: 37.83%; background: #fff;}

.index9{background: url(../images/in2_b.jpg) center no-repeat; background-size: cover;}

.index9 .tit2{ margin-bottom: .6rem;}
.index9 .content{ margin-bottom: .2rem;}
.index9 .left, .index7 .right{ width: calc(50% - .1rem);}
.lsc9s1 li{ width: 33%;}
.lsc9{ margin: 0 -.1rem;}
.lsc9 li{ width: 33%; padding: 0 .1rem;}
.lsc9 .imgBox .img{ padding-bottom: 4.3rem;}
.lsc9 .txt{ height: 2.06rem; border: #eaeaeb 1px solid; padding: 0 .3rem; display: flex; flex-direction: column; justify-content: center;background-color:#FFF; text-align:center;}
.lsc9 h4{ margin: .1rem 0 .34rem;}







@media(min-width: 769px){
    .ar2 .arrow:hover{ background: #1c4992; color: #fff; border: #1c4992 2px solid;}

    
}
@media(max-width: 769px){
    .banner h3{font-size: .2rem;padding: 0 0 0 .2rem;margin: .3rem 0 0;}
    .banner h5{font-size: .14rem;padding: 0 0 0 .2rem;margin: .15rem 0 .3rem;display: none;}
    .banner .more1w{padding: .3rem 0 0 .2rem;}

    

    .banner_box .bottom{height: .5rem;width: 97%;padding: 0 15px 0 .3rem;}
    .banner .imgBox .img{padding-bottom: 75vw;transition: 0s;}
    .banner_box{height: calc(75vw + .2rem);}
    .banner_box .bottom .dots span{ width: .1rem; height: .1rem}
    .ar1 .arrow{ font-size: .14rem}
}
@media(max-width: 769px){
    .ar1{ width: .6rem;}

    .pad1{ padding: .4rem 0;}

    .tit1 h3{ font-size: .24rem;}
    .tit1 p{font-size: .14rem;margin: .1rem 0 0;}

    .tit1{ margin: 0 0 .25rem;}
    .index1 .left .hd{margin-bottom: .25rem;}
    .ls2{margin: 0 0 0 .24rem;display: flex;}
    .ls2 .a{ font-size: .18rem;}
    .ls2 li{ margin-right: .3rem}

    .ar2{width: 1rem;position: absolute;right: 0;bottom: .36rem;}
    .ar2 .arrow{ width: .44rem; height: .44rem;}

    .index1 .left{width: 100%;position: relative;}
    .index1 .right{width: 100%;padding: 0;}
    .ls3Box{ width: 100%;}
    .ls3 .ls3Box1{width: 100%;}
    .ls3 .imgBox{width: 100%;clip-path: polygon(0 100%, .6rem 0, 100% 0, 100% 0, 100% 0, calc(100% - .6rem) 100%, 0 100%, 0 100%);max-width: 100%}
    .ls3 .txt{width: 100%;/* width: calc(100% - 1.75rem); */padding: .25rem 0 0;}
    .ls3 .imgBox .img{padding-bottom: 60%;}

    .ls3 .txt .con{ margin: 0 ;}
    .ls3 h3{font-size: .2rem;}
    .ls3 p{font-size: .14rem;margin: .06rem 0 .1rem;}

    .index2 .left{width: 100%;max-width: 100%;}
    .index2 .right{width: 100%;padding: .4rem 0 0;}

    .tit2 h4{ font-size: .24rem}
    .tit2{ margin: 0 0 .3rem;}
    .tit2 h6{ margin: 0 0 .1rem;}

    .ls4 .h3 .scNum{ font-size: .3rem;}

    .index3{margin: 0;padding-top: .4rem;}
    .ls4 .h3{width: 1.35rem;}
    .ls4 li{margin-bottom: .25rem;border-top: rgba(255, 255, 255, .3) 1px solid;}
    .ls4 .h6{ font-size: .14rem}

    .ls5 .ico i{ width: .6rem; height: .6rem}

    .slides3 .hd{width: 100%;margin: 0;}
    .slides3 .bd{ flex: auto; width: 100%}

    .index4 .left{ width: 100%}
    .index4 .right{width: 100%;margin: .3rem 0 0;padding: .3rem 25%;}

    .slides3 .hd ul li{ min-height: .5rem}
    .slides3 .bd .ico{width: .4rem;height: .4rem;border: #1C4992 1px solid;}
    .slides3 .bd h4{ font-size: .22rem; margin: .16rem 0 .15rem;}

    .index4 .right::before{right: -15px;left: 1.1rem;}

    .tit2 .ll1{width: 100%;max-width: 100%;margin-bottom: .2rem;}

    .ls6W1 .swiper-scrollbar{ height: 30px;}
    .ls6Box{ width: 100%}
    .ls6W1 .swiper-scrollbar-drag{width: 30px !important;height: 30px;}

    .index6 .tit2 h4{ font-size: .24rem}

    .h3-1{font-size: .24rem;margin-bottom: .3rem;}

    .ls7 .ico{ width: .6rem; height: .6rem;}
    .ls7 li{ max-width: 33.33%;}
    .ls7 h4{ font-size: .18rem; margin: .1rem 0 .04rem;}
    .ls7 h6{ font-size: .14rem; line-height: 1.35;}

    .more3c{ justify-content: center; margin: .25rem 0 0;}

    .index7 .tit2{ margin-bottom: .3rem;}
    .index7 .left, .index7 .right{ width: 100%;}
    .more3{ transform-origin: center}

    .ls8 .imgBox .img{ padding-bottom: 60%}

    .index7 .right{ padding: .25rem 0 0}
    .ls9s1 li{ width: 50%; margin-bottom: .2rem}
    .ls9 .imgBox .img{ padding-bottom: 60%;}

    .ls9{ margin: 0 -7px;}
    .ls9 li{ width: 50%; padding: 0 7px;}
    .ls9 .txt{padding: 0 .2rem;height: 1.6rem;}
    .ls9 h4{ margin: .05rem 0 .15rem;}
	
	 .lsc9s1 li{ width: 50%; margin-bottom: .2rem}
    .lsc9 .imgBox .img{ padding-bottom: 80%;}

    .lsc9{ margin: 0 -7px;}
    .lsc9 li{ width: 100%; padding: 0 7px;}
    .lsc9 .txt{padding: 0 .2rem;height: 1.6rem;}
    .lsc9 h4{ margin: .05rem 0 .15rem;}
	
	
    .more5{ font-size: .14rem}

    .ls10W .arrow{ display: none}

    .index8{ padding: .2rem 0;}
    .ls8 .txt{ padding: 0 .2rem .2rem;}

    .index7{ padding-bottom: .2rem;}

    .banner .swiper-slide.swiper-slide-active h3{ animation: enter 1s forwards .2s;}
    .banner .swiper-slide.swiper-slide-active h5{ animation: enter 1s forwards .3s;}
    .banner .swiper-slide.swiper-slide-active .more1w{ animation: enter 1s forwards .4s;}

    @-webkit-keyframes enter {
        0% { opacity: 0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px); }
        20% { opacity: 0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px); }
        100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
    }
    @keyframes enter {
        0% { opacity: 0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px); }
        20% { opacity: 0; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px); }
        100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
    }
} 
@media(max-width: 560px){
} 






.row-idx5{padding:20px 0 20px}
.ul-idx5_3{overflow:hidden;margin:0 -5px}
.ul-idx5_3 li{float:left;width:25%;padding:0 5px}
.ul-idx5_3 .con{display:block;padding-top:45%;border-radius:6px;position:relative;overflow:hidden}
.ul-idx5_3 .con .bg{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:block;object-fit:cover;transition:.3s}
.ul-idx5_3 .con:hover .bg{transform:scale(1.06)}


@media screen and (max-width:959px){
.ul-idx5_3 li{width:50%;margin-bottom:32px}	
}
@media screen and (max-width:767px){
.ul-idx5_3{margin:0}
.ul-idx5_3 li{padding:0;width:100%;float:none;margin-bottom:24px}
}

/*****************/

#index_jingqu{ width: 100%; position: relative; background: url(../images/team_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; background-color: #f2f3f4;}
#index_jingqu .bg{ position: sticky; position: -webkit-sticky; top: 0;width: 100%; height:400px; }
#index_jingqu .s_tt{}
#index_jingqu .s_tt h3{ color: #fff;}
#index_jingqu .s_tt p{ color: #fff; opacity: .7;}
#index_jingqu .s_tt h3 i{ opacity:.3;}

.jingqu01{ width: 28.266%; height: 100%; float: left; position: relative;}
.jingqu01 a{ display:block; width: 100%; position: relative;}
.jingqu01 .img{ position: relative; width: 100%;height: 306px}
.jingqu01 .img .tag{ position: absolute; top: 28px; right: 16px; font-size: 16px; color: #171717;}
.jingqu01 .img .tag i{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #d6130b; margin-right: 3px;}
.jingqu01 .img img{ transition: 1s; width: 100%;height: 306px}
.jingqu01 .txt{ position: absolute; color: #fff; background: rgba(0,0,0,.8); left: 0; bottom: 0; width: 100%; padding:24px 36px; transition: .5s;}
.jingqu01 .txt h5{ font-size: 24px; margin-bottom: 8px;}
.jingqu01 .txt h5 span{ font-size: 16px; color: rgba(255,255,255,.5); display: inline-block; margin-left: 36px;}
.jingqu01 .txt p{ font-size: 14px;}
.jingqu01 .txt .more_btn{ width: 100px; height:40px; text-align: center; line-height: 40px; border-radius: 20px; background:#ff8e3d; position: absolute; top: 50%; margin-top: -20px; right:36px;}
.jingqu01:hover .txt{ padding:16px 36px;}
.jingqu01:hover .img img{ transform: scale(1.05) rotate(.1deg);}
.jingqu02{ width: 71.734%; float: left;}
.jingqu02 li{ width: 20%; float: left; padding-left: 6px; margin-bottom: 6px; overflow: hidden;}
.jingqu02 li a{ display:block; width: 220px; height: 150px; position: relative; overflow: hidden;}
.jingqu02 li .img{ width: 100%;height: 100%}
.jingqu02 li .img img{ transition: 1s; width: 100%;height: 100%}
.jingqu02 li:hover .img img{ transform: scale(1.05) rotate(.1deg);}
.jingqu02 li .txt{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; text-align: center; background: #ff8e3d; background: rgba(255,142,61,.9); transition: .7s;}
.jingqu02 li .txt .j_tab{}
.jingqu02 li .txt .j_tab_cel{}
.jingqu02 li .txt h5{ font-size: 18px; color: #fff; margin-bottom: 8px;}
.jingqu02 li .txt span{ font-size: 16px; color: #fff;}
.jingqu02 li .txt p{ font-size: 16px; color: #fff; margin-top: 28px;}
.jingqu02 li .txt font{ display: block; width: 26px; height: 26px; margin: 0 auto; background: url(../images/team_arrow.png) center no-repeat; background-size: contain; margin-top: 40px;}
.jingqu02 li .txt{ opacity: 0; visibility: hidden; }
.jingqu02 li:hover .txt{  opacity: 1; visibility: visible; left: 0; }
@media (max-width: 1440px)
{
.jingqu01 .txt{ padding:24px 16px;}
.jingqu01 .txt .more_btn{right:16px; width:84px;}
}

@media (max-width: 1360px)
{
.jingqu01 .txt h5 span{ margin-left:16px;}
}
@media (max-width: 767px)
{
.jingqu01{ width: 100%; float: none;}
.jingqu02{ width: 100%; float: none; margin-top: 10px;}	
.jingqu02 li{ width: 50%;}
}


/*****************/

.fl {float: left;}
.fr {float: right;}
.img{ overflow:hidden;}
.h5{  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.clear{ clear:both;}

.index-gouwu{ background-color: #f2f3f4; background-size: cover;padding: 100px 0;overflow: hidden;}


.index-gouwu .miso_bd .content{ display: flex;}
.index-gouwu .miso_bd .left{ width:62.42%}
.index-gouwu .miso_bd .right{ width:calc(100% - 62.42%); padding:0 0 0 10px}

.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{ padding-bottom:60% !important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.slow{ overflow:hidden}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}/*缓慢效果*/

	
.list_box_05{ margin:0 -7px}
.list_box_05 li{ float:left; width:50%; padding:0 7px}
.list_box_05 li .img .img_hezi{ padding-bottom:240px !important}
.list_box_05 li a .con{background:#fff;height: 244px;padding:0 38px;display: flex;flex-direction: column;justify-content: center;}
.list_box_05 li a .con h6{line-height:1.25;width: 100%;}
.list_box_05 li a .con h6 big{font-size:18px;color: #acce22;font-family:Dosis_s;}
.list_box_05 li a .con h6 span{ float:right; color:rgba(44,46,48,.5); font-size:15px; transition:.5s}
.list_box_05 li a .con h6 span svg{width:10px;height:10px;fill:#666;transition:.5s;vertical-align:middle;margin: -3px 0 0 12px;}
.list_box_05 li a .con .h5{font-size:16px;color:#2c2e30;line-height:1.25;font-weight:bold;transition:.5s;margin:32px 0 20px;white-space: nowrap;width: 100%;}
.list_box_05 li a .con p{font-size: 13px;color: #80848a;line-height: 24px;height: 48px;width: 100%;}

.list_box_06 li a .img, .list_box_06 li a .img img{ width:180px; height:100px; overflow:hidden}
.list_box_06 li{padding-bottom: 15px;margin-bottom: 12px;border-bottom: #ccd2d8 1px dotted;}
.list_box_06 li a{ display:flex}
.list_box_06 li:last-child{ border:none}
.list_box_06 li a .con{ width:calc(100% - 180px); padding:28px 0 0 20px}
.list_box_06 li a .con h6{font-size: 20px;color: #acce22;font-family:Dosis_s;}
.list_box_06 li a .con h5{font-size: 16px;color:#2c2e30;line-height:1.25;margin:10px 0 0;transition:.5s;}	
	
	
	
@media (max-width: 860px) {
.index-gouwu .miso_bd .content{ flex-wrap: wrap;}
	.index-gouwu .miso_bd .left{ width: 100%;}
	.index-gouwu .miso_bd .right{ width: 100%; padding: 32px 0 0;}
	
	.index-gouwu{padding: 16px 0 32px;}
	
}
@media (max-width: 768px) {	
	.index-gouwu .miso_bd .content{ flex-wrap: wrap;}
	.index-gouwu .miso_bd .left{ width: 100%;}
	.index-gouwu .miso_bd .right{ width: 100%; padding: 32px 0 0;}
	
	.index-gouwu{padding: 16px 0 32px;}
	.list_box_05 li a .con{padding: 0 10px;height: 160px;}
	.list_box_05 li a .con h6 span{ display: none;}
	.list_box_05 li a .con .h5, .list_box_06 li a .con h5{margin: 16px 0 8px;line-height: 22px;height: 44px;white-space: normal;font-size: 14px;}
    .list_box_05 li a .con p{ display: none}
    .list_box_06 li a .con{ padding:0 0 0 1rem}
	.list_box_05 li .img .img_hezi{ padding-bottom: 60% !important;}
}
@media (max-width: 480px) {
.list_box_05 li a .con{padding: 0 10px;height: 160px;}
	.list_box_05 li a .con h6 span{ display: none;}
	.list_box_05 li a .con .h5, .list_box_06 li a .con h5{margin: 16px 0 8px;line-height: 22px;height: 44px;white-space: normal;font-size: 14px;}
    .list_box_05 li a .con p{ display: none}
    .list_box_06 li a .con{ padding:0 0 0 16px}
	.list_box_05 li .img .img_hezi{ padding-bottom: 60% !important;}
}	



/*********************/

		
		
.new_home7{ padding-top: .06rem; background-color: #f2f3f4; }
.new_home7 .left{ width: 76%;}
.xsbg_yc{width: 30%;}
.new_home7 .right{ width: 3.16rem; background: #9c0f0e;}
.new_home7 .right .hd{ height: .75rem; line-height: .75rem; border-bottom: rgba(255,255,255,.2) 1px solid;}
.new_home7 .right .hd strong{ font-size: .2rem; color: #fff; font-family: 'Helvetica-Condensed-Black-Se'; font-weight: normal}
.new_home7 .right .hd span{ width: .75rem; height: 100%;display: flex;align-items: center;justify-content: center; cursor: pointer;}
.new_home7 .right .hd span img{ width: .2rem; height: .2rem}
.new_home7 .right .hd span.prev{ border-right: rgba(255,255,255,.2) 1px solid;}
.new_home7 .right .hd span.next{ border-left: rgba(255,255,255,.2) 1px solid;}

.fc-calendar{ padding: .1rem .2rem .4rem;}
.new_home7 .fc-calendar .fc-body{ height: 2.6rem;}
.new_home7 .calendar{ height: auto}
.new_home7 .calendar .fc-head{font-size:.16rem;height: .6rem;line-height: .6rem;}
.new_home7 .calendar .fc-content {cursor: pointer;}
.new_home7 .calendar .fc-row>div{padding:0;/*pointer-events:none*/}
.new_home7 .calendar .fc-row>div,.new_home7 .calendar .fc-head>div{width:calc(99% / 7)}
.new_home7 .calendar .fc-row>div>span.fc-date{left:50%;text-align:center;-webkit-box-shadow:none;box-shadow:none;color:#fff;top:0px;width:.36rem;height:.36rem;line-height:.36rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;padding:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size: .16rem;}
.new_home7 .calendar .fc-row>div>span.fc-date::before{content:"";display:inline-block;vertical-align:middle;height:100%}
.new_home7 .calendar .fc-content>div{padding:1.8em 0 0;text-align:center;line-height:0;font-size:.16rem;position:relative;z-index:2}
.new_home7 .calendar .fc-today .fc-date{background:#a1795c;border-radius:100%;color:#fff}
.new_home7 .calendar .a{width:7px;height:7px;border-radius:100%;display:inline-block;background:#7db879;margin:0 2px}
.new_home7 .calendar .b{width:7px;height:7px;border-radius:100%;display:inline-block;background:#dc6868;margin:0 2px}
.new_home7 .calendar .c{width:.06rem;height:.06rem;border-radius:100%;display:inline-block;background:#a1795c;margin:0 auto;position: absolute;bottom: .12rem;left: 50%;transform: translateX(-50%);}
.new_home7 .calendar .fc-content{cursor:pointer}
.new_home7 .calendar .fc-content.act span.fc-date{background:#668664;border-radius:100%;color:#fff}
.new_home7 .calendar .fc-row .fc-content{pointer-events:visible}

.new_home7 .fl1{ padding: .4rem 0;}
.new_home7 .left .box{ width: 50%;}
.new_home7 .left .box1{ position: relative; z-index: 1 }
.new_home7 .left .box2{ background: #c063a6; transform: translateY(.4rem); position: relative;}
.new_home7 .left .box2:before{ content: ""; position: absolute; border-left: #5e284d .34rem solid; border-bottom: transparent .41rem solid; left: 0; bottom: 2px;}

.xsgx1{ margin: 0 -.34rem 0 0; background: #a34885; height: 100%; padding: 1rem .44rem .4rem;position: relative;}
.xsgx1:before{ position: absolute; border-left: #5e284d .4rem solid; border-top: transparent .41rem solid; right: -.4rem; top: 0}

.new_home8{ padding-top: 0; padding-bottom: .1rem;}
.xsgx1 .imgBox{ width: 1.6rem;}
.xsgx1 .imgBox .img{ padding-bottom: 143.125%;}
.xsgx1 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff .03rem solid;}
.xsgx1 .txt{ width: calc(100% - 1.6rem); padding: 0 0 0 .3rem;}
.xsgx1 h4{ color: #fff !important;font-weight: 600;}
.xsgx1 .line{ width: .28rem; height: 1px;margin: .16rem 0 .25rem;background: #fff;}
.xsgx1 .txt p{ color: #fff !important;font-size: .16rem; line-height: 2; margin: 0 0 .1rem}
.xsgx1 .txt p img{ width: .22rem; margin: 0 .14rem 0 0}
.xsgx1 .txt p:last-child{ margin-bottom: 0}
.xsgx1 .p{ width: 100%;}
.xsgx1 .p h5{ font-size: .16rem; color: #fff !important; margin: .35rem 0 .12rem;font-weight: 600;}
.xsgx1 .p p{ font-size: .14rem; color: #d196be}

.xsgx2{ padding: .45rem .4rem .45rem .75rem;}
.xsgx2 li{ margin: 0 0 .3rem;}
.xsgx2 li:last-child{ margin: 0;}
.xsgx2 .imgW{ width: 1.36rem; height: 1.62rem; background: #836e5e; display: flex;align-items: center;justify-content: center;transition: .5s;}
.xsgx2 .imgBox{ width: .82rem; }
.xsgx2 .imgBox .img{ padding-bottom: 143.125%;}
.xsgx2 .txt{ flex: 1; overflow: hidden;background: #fff;padding: .125rem .25rem 0.125rem .3rem;}
.xsgx2 .txt h4{ line-height: .24rem; max-height: .48rem\0; margin-bottom: .1rem}
.xsgx2 .txt p{ color: #696969 !important;font-size: .15rem; line-height: 2; margin: 0 0}
.xsgx2 .txt p img{ width: .22rem; margin: 0 .14rem 0 0}
.xsgx2 .txt p:last-child{ margin-bottom: 0}

.miso_tab2{ margin: -1.6rem 0 0}
.miso_tab2 .hd{ position: relative; z-index: 1; margin-bottom: 1.06rem;}
.zxby1 li{ position: absolute; transform: translate(-50%,-50%);}
.zxby1 .a{ display: block; width: .99rem; height: .99rem; position: relative; z-index: 1;}
.zxby1 .a:before{ content: ""; position: absolute; width: .14rem; height: .14rem; background: #a34885;border-radius: 50vw;border: #f3ede2 2px solid;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.zxby1 .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/zxby_b.png) center no-repeat; background-size: cover; animation: roted 10s infinite;opacity: 0;transition: .5s;}
.zxby1 span{ position: absolute; top: 80%; left: 50%; white-space: nowrap; transform: translateX(-50%); font-size: .22rem; color: #4e4f52; font-family: 'sys';transition: .5s;}
.zxby1 li:nth-child(1){ left: 26%; top: 47%;}
.zxby1 li:nth-child(2){ left: 42%; top: 89%;}
.zxby1 li:nth-child(3){ left: 58%; top: 93%;}
.zxby1 li:nth-child(4){ left: 75%; top: 42%;}

.zxby1 li.on .bg1{ opacity: 1}
.zxby1 li.on span{ transform: translateX(-50%) translateY(.4rem); color: #a34885}

.zxby2{ margin: 0 -3.6vw -.5rem;}
.zxby2 li{ width: 33.33%; padding: 0 3.6vw; margin-bottom: .5rem;}
.zxby2 .a1{ display: block; background: url(../images/zxby2_b.png) center no-repeat; background-size: 100% 100%; padding: .3rem .24rem;}
.zxby2 .imgBox .img{ padding-bottom: 66%}
.zxby2 .box{ position: relative; z-index: 1;}
.zxby2 .box .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.65);align-items: center;padding: 0 10%;opacity: 0;transition: .5s;}
.zxby2 h4{ color: #fff !important; text-align: center; font-weight: 600}


		
.xsxz_yc{width: 21%; background: #a34885;}
.xsxz_yc_left,.xsxz_yc_right{z-index: 1;color: #fff;position: absolute; top: 50%;}
.xsxz_yc_right{right: 0;}
.xsxz_yc ul li a{padding: 0.23rem 0 0 0;}
.xsxz_yc ul li {padding: 0 .5rem 0 .5rem;}
.xsxz_yc ul li a .imgW{width: 2.12rem;height: 3.03rem;padding: 0.03rem;background: #fff;margin: 0 auto;}
.xsxz_yc ul li a .imgW .imgBox{width:100%; height:100%;}
.xsxz_yc .txt{margin: 0 auto; padding-top: 26px; }
.xsxz_yc .txt .h4s22{color: #fff;font-size: 18px; font-weight: 800; text-align: left;}
.xsxz_yc_left,.xsxz_yc_right{
    z-index: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    background: #fff;
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    transform: translateY(-50%);
    margin: 0 0.2rem;
}
.xsxz_yc_left svg,.xsxz_yc_right svg{
    margin: 0 auto;
    width: 100%;
    margin-top: 50%;
    transform: translateY(-50%);
}
.xsxz_yc_right{
    right: 0;
}
		
@media(max-width: 1024px){

	
	.flexjs{flex-direction: column;}
	 .new_home7 .left,.xsxz_yc{ width: 100%;order: 1; margin-bottom: .1rem}
    .xsxz_yc ul li a{padding: .23rem 0;}
    .xsxz_yc .txt .h4s2{font-size: .15rem;}

    .new_home7 .right{ width: 100%;margin: 0 0 .3rem;}
    .new_home7 .fl1{ padding: 0}
	.xsgx2 .a:hover .imgW{ background: #a34885;}
    
	

}	
@media(max-width: 800px){	
	.new_home7{ padding-top: 0;}
	.new_home7 .left .box{ width: 100%;transform: translateY(0);}
	.xsgx1, .xsgx2{ margin: 0;padding: .3rem .25rem;}
	.xsgx1::before, .new_home7 .left .box2::before{ display: none}

    .xsgx1 .imgBox{ width: 1.3rem;}
    .xsgx1 .txt{ width: calc(100% - 1.3rem);}
    .xsgx1 .txt p{ font-size: .13rem; margin: 0;}
    .xsgx1 .txt p img{ width: .16rem;margin: 0 .1rem 0 0;}
    .xsgx1 h4{ font-size: .18rem !important;}
    .xsgx1 .line{margin: .1rem 0 .15rem;}
	.new_home7 .fc-calendar .fc-body{ height: 2rem;}
	 .xsgx2 .txt{  padding: .15rem .2rem 0}
    .xsgx2 h4{ font-size: .18rem !important;}
    .new_home8{ padding-top: 0;padding-bottom: .2rem;}
    
    .xsgx2 li{ margin: 0 0 .2rem;}
    .xsgx2 li:last-child{ margin: 0;}
	
	
}
		
@media screen and (max-width: 800px){
   
    .flexjs{flex-direction: column;}
  
    .mtbd li a{flex-direction: column !important;align-items: flex-start !important;}
}
		
@media screen and (max-width: 480px){
     
    .flexjs{flex-direction: column;}
    
   
}	



/*****************/
img {
  max-width: 100%;
  max-height: 100%;
}

.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  object-fit: cover;
  display: block;
}

.mm {
  max-width: 1440px;
  width: 100%;
  padding: 0;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.pad_top {
  padding-top: 120px;
}

.pad_bot {
  padding-bottom: 72px;
}
.txtovh1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.txtovh2 {
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.img_db {
  width: 100%;
  position: relative;
}

.img_db:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60.9%;
  position: static !important;
}

.img_db img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s_about {
  position: relative;
  background: url(../images/s_bg1.jpg)no-repeat;
  width: 100%;
  background-size: cover;
}

.s_about .mm {
  display: grid;
  grid-template-columns: .71fr .29fr;
  gap: 30px;
}
.s_titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 32px;
}

.s_titles h5 {
  color: #252525;
  font-size: 36px;
  line-height: 54px;
}

.more {
  position: relative;
  padding-left: 94px;
}

.s_titles .more a {
  color: rgb(37 37 37 / 80%);
  font-size: 20px;
  line-height: 54px;
}

.more::before {
  width: 8px;
  height: 8px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #c40c2b;
  border-radius: 50%;
}

.more::after {
  width:8px;
  height: 2px;
  background: rgb(34 23 20 / 10%);
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tul {
  margin-bottom: 55px;
}

.tul,
.wl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.tul li {
  background: #f6f6f6;
	width: 483px;
}

.tul li .tulcon {
  background: #f6f6f6;
  padding: 65px 36px 36px;
  position: relative;
  height: 256px;
	
}

.tul li .img_db:after {
  padding-top: 63.9%;

}

.tul li,
.tul li .img {
  border-radius: 10px;
}


.tul li .tulcon h5,
.newnew ul li .newnewcon h5 , 
.matchnew ul li .matchnewcon h5 {
  color: #252525;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  transition: all .5s;
}

.tul li:hover h5,
.newnew ul li:hover h5 ,
.matchnew ul li:hover h5 {
  color: #9c0720;
}

.tul li .tulcon>p,
.newnew ul li .newnewcon>p ,
.matchnew ul li .matchnewcon>p {
  color: rgb(38 38 38 / 80%);
  font-size: 15px;
  line-height: 24px;
  margin: 20px 0 24px;

}

.tul li .tulcon .blade,
.newnew ul li .newnewcon .blade ,
.matchnew  ul li .matchnewcon .blade {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #515151;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tul li .tulcon .datas {
  background: #9c0720;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: FRADM;
  position: absolute;
  right: 40px;
  top: -44px;
}

.tul li .tulcon .datas p,
.newnew ul li .newnewcon .datas p ,
.matchnew  ul li .matchnewcon .datas p{
  color: #fff;
  font-size: 26px;

}

.tul li .tulcon .datas span,
.newnew ul li .newnewcon .datas span ,
.matchnew  ul li .matchnewcon .datas span {
  color: rgb(255 255 255 / 40%);
  font-size: 14px;
}

.wl li {
  background: #fff;
	width: 483px;
}

.wl li a {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 72px 36px 40px;
  width: 100%;
  display: block;
  position: relative;
  z-index: 10;
  height: 220px;
}

.wl li a::before {
  content: '';
  position: absolute;
  background: url(../images/shadow.png)no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
  z-index: -1;
  border-radius: 10px;
}

.wl li h5 {
  color: #252525;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  transition: all .5s;
}

.wl li i {
  width: 15px;
  height: 1px;
  display: block;
  background: #9c0720;
  margin: 10px 0;
  transition: all .5s;
}


.wl li p {
  color: rgb(38 38 38 / 80%);
  font-size: 15px;
  line-height: 24px;
  transition: all .5s;
}

.wl li a>div {
  position: absolute;
  left: 38px;
  top: -33px;
}

.wl li a .riqi {
  width: 64px;
  height: 64px;
  border-radius: 9px;
  background: #9c0720;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 30px;
  font-family: FRADM;
  transition: all .5s;
}

.wl li a>div span {
  color: #9c0720;
  font-size: 14px;
  line-height: 24px;
  font-family: FRADM;
  text-align: center;
  display: block;
  transition: all .5s;
}


.wl li:hover a::before {
  opacity: 1;
}

.wl li:hover a {
  border: 1px solid transparent;
}

.wl li:hover h5,
.wl li:hover a>div span {
  color: #fff;
}

.wl li:hover a .riqi {
  background: #fef0f0;
  color: #ba0c30;
}

.wl li:hover a i {
  background: #fff;
}

.wl li:hover a p {
  color: rgb(255 255 255 / 80%);
}


.s_gonggao .new_gg a {
  background: url(../images/new_gg.jpg)#f6f6f6 no-repeat;
  background-size: contain;
  width: 100%;
  border-radius: 9px;
  display: flex;
  align-items: flex-end;
  gap: 28px;
  padding: 32px 24px;
  position: relative;
  margin-bottom: 30px;
}

.s_gonggao .new_gg a>p {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  left: 6px;
  top: 12px;

}

.s_gonggao .new_gg .left_gg {
  flex-shrink: 0;
}

.s_gonggao .new_gg .left_gg h4 {
  color: #9c0720;
  font-size: 48px;
  font-family: FRAMDCN;
}


.s_gonggao .new_gg .left_gg i {
  height: 2px;
  width: 18px;
  background: #ba0c31;
  display: block;
  margin: 10px auto 14px;
}

.s_gonggao .new_gg .left_gg p {
  color: #9c0720;
  font-family: FRAMDCN;
  font-size: 14px;
  line-height: 24px;
}

.s_gonggao .new_gg .right_gg h5 {
  color: #252525;
  font-size: 19px;
  line-height: 32px;
  font-weight: bold;
  transition: all .5s;
}

.s_gonggao .new_gg .right_gg i {
  background: rgb(34 23 20 / 10%);
  width: 100%;
  height: 1px;
  display: block;
  margin: 10px 0;
}

.s_gonggao .new_gg .right_gg p {
  color: rgb(37 37 37 / 80%);
  font-size: 14px;
  line-height: 18px;
}

.s_gonggao .new_gg a:hover h5 {
  color: #9c0720;
}

.s_gonggao ul {
  display: grid;
  gap: 25px;
}

.s_gonggao ul li .level {
  width: 72px;
  height: 20px;
  background: #fef0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #643638;
  font-size: 14px;
  line-height: 32px;
  border-radius: 9px 9px 0 9px;
  transition: all .5s;
}

.s_gonggao ul li a {
  padding: 10px 15px;
  display: block;
  border-bottom: 1px dotted #7a7472;
}

.s_gonggao ul li .ggcons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.s_gonggao ul li a p {
  color: #252525;
  font-size: 17px;
  line-height: 32px;
  transition: all .5s;
  max-width: 290px;
  width: 100%;
}

.s_gonggao ul li a span {
  color: #9d9c9c;
  font-size: 16px;
  line-height: 24px;
  font-family: FRAMDCN;
}

.s_gonggao ul li a:hover p {
  color: #9c0720;
}

.s_gonggao ul li a:hover .level {
  background: #9c0720;
  color: #fff;
}



@media (max-width: 992px) {

    .s_about .mm,
    .s_xytop {
        grid-template-columns: 1fr;
    }

    .s_gonggao .new_gg a {
        align-items: center;
    }
}
@media (max-width: 768px) {

    .pad_top {
        padding-top: 80px !important;
    }

    .pad_bot {
        padding-bottom: 80px !important;
    }


    .mm {
        padding: 0 30px;
    }
}
@media (max-width: 580px) {
   

    .tul,
    .wl {
        grid-template-columns: 1fr;
    }

    .wl {
        gap: 48px;
    }

    .tul li .tulcon {
        height: 224px;
    }
}

@media (max-width: 480px) {

    .pad_top,
    .pad_top2 {
        padding-top: 48px !important;
    }

    .pad_bot,
    .pad_bot2 {
        padding-bottom: 48px !important;
    }

    .mm,
    footer .mids {
        padding: 0 15px;
    }
	.s_titles h5 {
        font-size: 24px;
    }

    .more::before {
        left: 25%;
    }

    .more::after {
        width: 48px;
        left: 40px;
    }

}