@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; overflow: hidden;}
.banner{ overflow: hidden;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden;}
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 65vh; transition: 0s; transform: scale(1) !important;}
.banner .imgBox .img video{ opacity: .9;}
/* .banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
} */
.banner .bw{ position: absolute; bottom: .15rem; z-index: 10; left: 0; right: 0;height: 52px;align-items: center;}
.banner .bw::before{ content: ""; position: absolute; background: url(../images/ba_t.jpg) center no-repeat;height: .52rem;left: 0;right: 0;z-index: -1;pointer-events: none;background-size: 1922px 100%;}
.banner .bw .dots{ width: calc((100% - 100px)/2);margin: -21px 0 0;}
.banner .bw .arrow1{ width: calc((100% - 100px)/2);justify-content: flex-end;margin: -22px 0 0;}
.banner .bw .arrow1 .arrow{ backdrop-filter: blur(2px);}
.banner .bw .arrow1 .arrow img{ cursor: pointer; width: 46px; height: 46px;}
.banner .bw .arrow1 .next{ margin: 0 0 0 14px;cursor: pointer;}
.mouse{ margin: -35px 0 0; cursor: pointer;}
.banner  .dots{ position: absolute; bottom: 30px; text-align: center; z-index: 1;}
.banner .dots span{ width: .14rem; height: .14rem; background: rgba(255,255,255,.6);opacity: 1; margin: 0 .08rem !important;}
.banner .dots span.active{ background: #fff;}
.pad1{ padding: .2rem 0; overflow: hidden;}

.tit1{ position: relative; justify-content: center; 
    padding: 20px 0 15px;  position: relative;
  border-bottom: 1px solid #ededed; margin-bottom: 10px;
}

.tit1 .ll{ text-align: center;position: relative;}
.tit1 h4{ font-size: .8rem; background: linear-gradient(180deg, #826BA1 21%, rgba(130, 107, 161, 0) 99%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;font-family: 'Barlow Condensed'; opacity: 0.3;line-height: 1;}
.tit1 h3{ font-size: .28rem; font-size: 28px;
    font-weight: 600;line-height: 30px;
    letter-spacing: 0px;
    color: #006fc4;
    font-stretch: normal;margin:0;background: url(../images/line.jpg) left center no-repeat; padding-left:20px;}

.more1{ position: absolute; top: .2rem;  right: 0;font-size: .16rem; color: #003f98; display: flex;align-items: center;}
.more1 img{ margin: 0 0 0 .1rem;height: .22rem;transition: .5s;}

.home1{     width: 100%;
    padding: .3rem 0 .3rem; margin: 0px;
    background: url(../images/bg3.jpg) no-repeat top center;
    background-size: cover;

}

.home1 .left{margin: 0 .3rem 0 0; width:33%;background: #fff; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;}
.home1 .right{  overflow: hidden; margin: 0 0; width:33%;background: #fff; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;}

.home1 .flex{display: flex;flex-wrap: nowrap;}


.home4{  }
.list1Box{ }
.list1 .imgBox .img{ padding-bottom: 64.45%;}
.list1 .txt{flex-direction: column;background:  url(../images/yinying.png) bottom center no-repeat;background-size:100% 100% ;position: absolute;z-index: 9999;padding:0.1rem 1.5rem 0.1rem  .2rem;justify-content: center;bottom: 0;width: 99%;}
.list1 p{ margin: .1rem 0 0;color: #fff; }
.list1 a{ color: #fff; }
.more2{ position: absolute; top: 0; right: 0; bottom: 0; width: 1.34rem;z-index: 1;flex-direction: column;justify-content: center;align-items: center;font-size: .16rem;color: #fff; padding: 0 0 0 .15rem;}
.more2:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(273deg, #2268FF 1%, #80178F 97%);box-shadow: 0px 4px .4rem 0px rgba(0, 0, 0, 0.15);transform: skewX(-15deg);transform-origin: left bottom; z-index: -1;}
.more2 img{ margin: 0 0 .1rem; transform: translateX(.1rem);}

.list1Box .dots{position: absolute;bottom: 0.2rem;text-align: right;z-index: 1;right: 0.1rem;/* width: 100px; *//* float: right; */}
.list1Box .dots span{ width: .14rem; height: .14rem; background: rgba(255,255,255,.6);opacity: 1; margin: 0 .08rem !important;}
.list1Box .dots span.active{ background: #fff;}


.list2 li{ position: relative;}
.list2 li:before{ content: ""; position: absolute; right: 0; bottom: 0; left: .25rem; border-bottom: 1px dashed #DDDDDD;}
.list2 .a{ display: block; padding: .2rem .25rem;position: relative;z-index: 1;}
.list2 h4{ margin: .06rem 0 0;}

.list2 li:last-child:before{ border: none;}

.home2{ background:#fff url() center no-repeat; background-size: cover;}


.home4{ background: url() center no-repeat; background-size: cover;}
.listBox4{margin: .2rem 0 0;}
.list41{ margin: 0 -.1vw ;}
.list41 li{ width: 33.1%; margin-bottom: 1.4vw;float: left;min-height: 1rem;display: block;-moz-user-select:text;-khtml-user-select: text;user-select:text;box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;flex-direction: column;justify-content: space-between;}
.list41 li.a{ height: 1.6rem; background: #fff; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;flex-direction: column;justify-content: space-between; transition: .5s;}
.list41 li .h6{ align-items: center;}
.list41 li .h6 .ll{ font-size: .18rem; color: #ccc;display: flex;}
.list41 li .h6 .ll img{ margin: 0 .06rem 0 0;width: .14rem;}
.list41 li .h6 .line{ flex: 1; background: rgba(153, 153, 153, 0.3);height: 1px;margin: 0 .1rem;}
.list41 li .h6 span{ display: inline-block; min-width: .9rem; line-height: .21rem; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); font-size: .12rem; color: #fff; border-radius: 50vw; text-align: center;padding: 0 .1rem;}



.list3Box{}
.list3{ margin: 0 -.83vw;}
.list3 li.miso-slide{ width: 48%; padding: 0 .83vw;margin-bottom: 1.4vw;}
.list3 li.miso-slide .a{ height: 1.6rem; background: #fff; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;flex-direction: column;justify-content: space-between; transition: .5s;}
.list3 li.miso-slide .h6{ align-items: center;}
.list3 li.miso-slide .h6 .ll{ font-size: .18rem; color: #ccc;display: flex;}
.list3 li.miso-slide .h6 .ll img{ margin: 0 .06rem 0 0;width: .14rem;}
.list3 li.miso-slide .h6 .line{ flex: 1; background: rgba(153, 153, 153, 0.3);height: 1px;margin: 0 .1rem;}
.list3 li.miso-slide .h6 span{ display: inline-block; min-width: .9rem; line-height: .21rem; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); font-size: .12rem; color: #fff; border-radius: 50vw; text-align: center;padding: 0 .1rem;}
.list3>.miso-arrow{ display: none;}


.swiper-grid>.swiper-wrapper {flex-wrap:wrap ;}
.swiper-grid-column>.swiper-wrapper {flex-wrap:wrap;flex-direction:column; justify-content: space-between;}

.miso-dots_box{ display: flex; align-items: center; justify-content: center;margin: .3rem 0 0;}

.miso-dots{ text-align: center; z-index: 1;display: flex;align-items: center;margin: 0 4vw;position: relative;width: auto;}
.miso-dots li{ width: .14rem; height: .14rem; background: none;opacity: 1; margin: 0 .08rem !important;border: 1px solid #8C7F9D;border-radius: 50vw;}
.miso-dots li.miso-active{ background: linear-gradient(90deg, #872E94 0%, #ccc 100%); border: 1px solid #ccc;}

.list3W .arrow2{ justify-content: center;margin: .6rem 0 0;}
.arrow2 .arrow{ cursor: pointer;}

.list3 .miso-arrow{ position: relative;top: auto;-webkit-transform: none;-ms-transform: none;transform: none;width: auto;height: auto;}
.list3 .miso-arrow svg{ width: .2rem; height: .2rem; fill: #ccc;}



.list31{ margin: 0 -.83vw;}
.list31 li{ width: 48%; padding: 0 .83vw;margin-bottom: 1.66vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  line-height: 48px;float: left;
}
.list31 li:nth-child(even){ width: 48%; padding: 0 .83vw;margin-bottom: 1.66vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  line-height: 48px;float: right;
}
.list31 li a {
    position: relative;
    display: block;
    width: calc(100% - 1.1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    text-indent: .1rem;
    font-size: .16rem;
    transition: 0.3s all;
}

.list31 li a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
    transition: 0.3s all;
}

.list31 li:hover a {
    color: #2C6BD9;
    padding-left: 5px;
    transition: 0.3s all;
}

.list31 li:hover a::after {
    background: #2C6BD9;
    transition: 0.3s all;
}

.list31 li span {
    color: #A3A3A3;
    font-size: 16px;
}



.list31Box { display: block;background: #f7fbfe ;padding: .25rem .2rem;border: 1px solid #eef5fb;border-radius: 10px;}


.tit1w h4{ background: linear-gradient(181deg, #FFFFFF 24%, rgba(255, 255, 255, 0) 94%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.tit1w h3{ color: #fff;}
.tit1w .more1{ color: #fff;}
.tit1w .ll:after{ background: #fff;}

.home3{ background: url() center bottom no-repeat; background-size: cover; position: relative; z-index: 1;}


.list4 li{ display: block;background: url(../images/bg3.jpg) no-repeat top center;
    background-size:cover;padding: .25rem .2rem;border: 0px solid #DDDDDD;border-radius: 10px;}
.list4 .a{ display: }
.list4 .imgBox .img{ padding-bottom: 62.60%;}
.list4 .txt{ height: 2.2rem; padding: .25rem .25rem 0;}
.list4 p{ margin: .15rem 0 .35rem;}

.list4 .h6{ align-items: center;}
.list4 .h6 .ll{font-size: .18rem;color: #2e57a7;display: flex;border: 1px solid #8db3ff;padding: .02rem .2rem;border-radius: 10px;}
.list4 .h6 .ll img{ margin: 0 .06rem 0 0;width: .14rem;}
.list4 .h6 .line{ flex: 1; background: rgba(153, 153, 153, 0.3);height: 1px;margin: 0 .1rem;}
.list4 .h6 span{ display: inline-block; width: .9rem; line-height: .21rem; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); font-size: .12rem; color: #fff; border-radius: 50vw; text-align: center;}

.arrow3{ width: .65rem; height: .65rem; background: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50vw;}
.arrow3 img{ width: .16rem;}

.list4W{ position: relative;}
.list4W .arrow3{ position: absolute; top: 1.85rem;cursor: pointer;}
.list4W .arrow3.prev{ left: -.9rem;}
.list4W .arrow3.next{ right: -.9rem;}
.home4{ background: url() center top no-repeat; background-size: cover; position: relative; z-index: 1; padding-top: .4rem;}

.tit1l{ justify-content: flex-start;}
.tit1l .ll::after{ left: 0; margin: 0;}
.tit1l .ll{ text-align: left;}


.list5 .imgBox .img{ padding-bottom: 63.83%;}
.list5 .txt{ background: #fff;margin: -.95rem .84rem 0;position: relative;padding: .2rem .3rem;box-shadow: 0px 4px .4rem 0px rgba(0, 0, 0, 0.1);}
.list5 p{ margin: .1rem 0 0;}

.list6 .imgBox .img{ padding-bottom:48.28%;}
.list6 li:first-child{ margin-bottom: .4rem;}
.list6 h4{ color: #fff !important; margin: .1rem 0 0;}

.home5{ position: relative; z-index: 1;}
.home5 .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url() center top no-repeat; background-size: cover; z-index: -1;}
.home5 .content{ position: relative; z-index: 1; padding: 0rem 0;}
.home5 .content::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: url() center no-repeat; background-size: 100% 100%; z-index: -1 ;}
.home5 .left{ width: 50%; padding: 0 3.125vw 0 0;}
.home5 .right{ width: 50%; padding: 0 0 0 3.125vw;}

.list7 .a{ display: block; position: relative; z-index: 1;}
.list7 .a .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column;  justify-content: center;align-items: center;text-align: center;}
.list7 h4{ font-size: .3rem; color: #fff !important;}
.list7 i{ display: inline-block; width: 2.1rem; line-height: .44rem; background: rgba(30, 0, 35, 0.3);border: 1px solid #FFFFFF; border-radius: 50vw;font-size: .22rem;color: #fff; margin: .3rem 0 0;}
.list7 i img{ margin: 0 0 0 .12rem;}
.list7 .txt img{ width: .56rem;}

.list9{ justify-content: space-between; padding: 0 1.5vw; margin: .66rem 0 0;}
.list9 li{ text-align: center;}
.list9 .ico img{ width: .98rem;}
.list9 h3{ font-size: .62rem; color: #fff; font-weight: normal; margin: .1rem 0;}
.list9 h6{ font-size: .14rem; color: #fff;}

.list9s h3, .list9s h6{ color: #ccc;}

.list11 li{ text-align: center;}
.list11 .ico{ position: relative; z-index: 1; width: 1.1rem; height: 1.1rem; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.list11 .ico img{ width: .44rem;}
.list11 .ico:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;z-index: -1;border-radius: 50vw;-webkit-animation: roted 25s linear infinite;-moz-animation: roted 25s linear infinite;animation: roted 25s linear infinite; transition: .5s;border: 1px dashed #ccc;}
.list11 .ico:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;border-radius: 50vw;transform: scale(.8);transition: .5s;box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);}
.list11 h4{ font-size: .18rem; color: #333; margin: .15rem 0 0 ;}

.home6{ background: url() center no-repeat; background-size: cover;}
.home6 .left{margin: 0rem .3rem .2rem 0; width:33%;padding: .25rem .2rem;overflow: hidden;}
.home6 .right{ margin: 0rem 0rem .2rem 0; width:33%;padding: .25rem .2rem;overflow: hidden;}
.home6 .flex{display: flex;flex-wrap: nowrap;}

.bg_1{ background: #f6fafd; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);   border: 1px solid #d5e6fa;border-radius: 10px;}
.bg_2{ background: #f8fcfd; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);   border: 1px solid #d0e6e4;border-radius: 10px;}
.bg_3{ background: #fffbf8; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);   border: 1px solid #fde9ce;border-radius: 10px;}


 .Ybs .pic{position: relative;overflow: hidden;float: left;width: 1.4rem;height: 1.4rem;}
 .Ybs .pic img{ display: block; width: 100%; height: 100%; object-fit:cover;}
 .Ybs .con{position: relative;overflow: hidden;float: right;width: 60%;height: 2rem;}
 .Ybs .con h1{display: block;font-size: .24rem;color: #1067be;}
 .Ybs .con .desc{font-size: .14rem;color: #888888;line-height: 1;position: relative;overflow: hidden;/* margin: 10px 0; *//* height: 77px; */}

 .Ybs .con .desc ul{ width: 100%;}
 .Ybs .con .desc li{
    position: relative;
    overflow: hidden;
    padding-left: 20px;
    background: url(../images/home_ico_1.png) no-repeat left center;
    margin-left: 0;
    }
 .Ybs .con .desc li a{display: block;height: .4rem;line-height: .4rem;font-size: .16rem;color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
 .Ybs .con .btn{display: block;width: 2rem;height: 0.4rem;border: 1px solid #fff;border-radius: 30px;x;position: relative;overflow: hidden;font-size: .16rem;color: #fff;text-align: center;line-height: .4rem;transition: all 0.3s;background-color: #0e63bb;}
 .Ybs .con .btn:hover{ font-size: .18rem;line-height: .4rem;color: #fff;border: 3px solid #1067be;}


  .bg_2 .Ybs .con .desc li{background: url(../images/home_ico_2.png) no-repeat left center;}
  .bg_3 .Ybs .con .desc li{background: url(../images/home_ico_3.png) no-repeat left center;}

 .bg_2 .Ybs .con h1{display: block;font-size: .24rem;color: #047c72;}
.bg_3  .Ybs .con h1{display: block;font-size: .24rem;color: #ce7d24;}

.bg_2  .Ybs .con .btn{display: block;width: 2rem;height: 0.4rem;border: 1px solid #fff;border-radius: 30px;x;position: relative;overflow: hidden;font-size: .16rem;color: #fff;text-align: center;line-height: .4rem;transition: all 0.3s;background-color: #047c72;}
.bg_3  .Ybs .con .btn{display: block;width: 2rem;height: 0.4rem;border: 1px solid #fff;border-radius: 30px;x;position: relative;overflow: hidden;font-size: .16rem;color: #fff;text-align: center;line-height: .4rem;transition: all 0.3s;background-color: #ce7d24;}

.bg_2  .Ybs .con .btn:hover{ font-size: .18rem;line-height: .4rem;color: #fff;border: 3px solid #047c72;}
.bg_3  .Ybs .con .btn:hover{ font-size: .18rem;line-height: .4rem;color: #fff;border: 3px solid #ce7d24;}



.xw_date{
	margin-right: 10px;
	width: 70px;
	height: 80px;
	background: #0041a7;
	float: left;
	text-align: center;
	border-radius: 10px;
}
.xw_date h1{
	font-size: 0.3rem;
	color: #fff;
	font-family: cursive;
	margin-bottom: 10px;
	line-height: 36px;
}
.xw_date span{
    color: #fff;
    font-size: 0.14rem;
    border-top: 1px solid #fff;
    padding: 4px;
}
.xwlist_rig{width: 80%;height:45px;/* padding-left: 20px; */display: table}
.xwlist_rig p{
    color: #333;
    font-size: 0.14rem;
}


.main_lis { margin-top:15px}
.main_lis li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  line-height: 48px;
}

.main_lis li a {
    position: relative;
    display: block;
    width: calc(100% - 1.1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    text-indent: .1rem;
    font-size: .16rem;
    transition: 0.3s all;
}

.main_lis li a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 50%;
    transition: 0.3s all;
}

.main_lis li:hover a {
    color: #2C6BD9;
    padding-left: 5px;
    transition: 0.3s all;
}

.main_lis li:hover a::after {
    background: #2C6BD9;
    transition: 0.3s all;
}

.main_lis li span {
    color: #A3A3A3;
    font-size: 16px;
}


.s1-l {
    float: left;
    width: 46.6%;
    box-shadow: 0px 4px 10px 0px rgb(10 11 24 / 20%);

}
.s1-r {
    width: 50.4%;
    float: right; 
   
}

.news-c {
    margin-top: 23px;
}



.s1-r ul .slick-list {
    padding-top: 50px;
}

.s1-r1 li {
    float: left;
    width: 48%;
}

.s1-r1 li:nth-child(1) {
    margin-right: 4%;
}

.s1-r li a {
    display: block;
    position: relative;
    transition: all 0.3s;
    top: 0;

}

.s1-r li.slick-slide.slick-current a {
    top: -50px;
}

.s1-r li a .pic {
    height: 240px;
    padding-top: 0;
}


.s1-rinfo {

    padding: 32px 25px 35px 25px;
    position: relative;
    transition: all 0.3s;


}

.shumiao {
    background: #fff url(../images/shumiao.png) no-repeat;

    background-position: 94% 43%;
}

.s1-rinfo h3 {
    font-size: 18px;
    line-height: 28px;
    color: #111;
    overflow: hidden;
    height: 56px;
    margin-bottom: 16px;

}

.s1-rinfo p {
    font-size: 14px;
    line-height: 23px;
    color: #999;
    height: 65px;
    overflow: hidden;
    margin-top: 28px;
    padding-top: 20px;
    height: 46px;

}

.s1-rinfo span {
    position: absolute;
    color: #1689d5;
    font-size: 14px;
}



.s1-r li a:hover .s1-rinfo h3 {
    color: #0053a7;
}

.news-item {
display: flex

}

.news-item h3 {
    font-size: .18rem;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.news-item h3:hover {
    color: #0053a7;
}

.news-item span {
    color: #fff;
    font-size: .16rem;
    line-height: 20px;
    display: block;
    background: #024daa;
    margin: 8px;
    padding: 20px;width:1rem

}

.news-item p {
    margin-top: 12px;
    font-size: .14rem;
    line-height: 23px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.news-r-t {
    display: block;
  
}
.zzq1 {
    height: 45px;
    padding: 10px;width:100%;
}.ct {
    text-align: center;
}

.news-tit8 {
    padding: 20px 0 15px;  position: relative;
  border-bottom: 1px solid #ededed; margin-bottom: 10px;
}

.news-tit8 b {
    font-size: .28rem;
    font-weight: 600;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #006fc4; 
background: url(../images/line.jpg) left center no-repeat; padding-left:20px;}

.more8 {
    float: right;
    position: relative;

}

.more8:hover img {
    transform: rotate(180deg);
}

.more8 .gd {
    color:#0043a4;
    font-size: 16px;
}

.more8 img {
    vertical-align: middle;
    transition: all 0.6s;
}

.jia {
    position: absolute;
      font-size: .16rem;
    color: #3e99d5;
}




@media(max-width: 1900px){
 .list4W{ margin: 0 .7rem;}
}
@media(min-width: 1024px){
    .list3 dl dd .a:hover{ box-shadow: 0px .04rem .4rem 0px rgba(0, 0, 0, 0.2);}
    .more1:hover img{ transform: translateX(.06rem);}
}
@media(max-width: 1600px){
    .banner .bw .arrow1 .arrow{ backdrop-filter: blur(2px);}

    
}
@media(max-width: 1024px){

 .s1-l {
        float: none;
        width: auto;
    }

    .s1-r {
        margin-top: 30px;
        float: left;
        width: 100%;display: block;overflow: hidden;
    }

.s1-l {
    float: left;
    width: 100%;
    box-shadow: 0px 4px 10px 0px rgb(10 11 24 / 20%);

}

.news-item span {
    padding: 20px 0px;
    text-align: center;
}
 .news-item .zzq1 p{display: none}

.main_lis li a {
    font-size: .18rem;
}




    .list9 h3{ font-size: .4rem;}

    .home1 .flex{display: block}
    .home1 .left{ width: 100%;margin: 0;}
    .home1 .right{ width: 100%;margin: 0;}

    .home6 .flex{display: block}
    .home6 .left{ width: 100%;margin: 0;}
    .home6 .right{ width: 100%;margin: 0;}


    .list2 .a{ padding: .1rem 0;}

.list31 li{ width: 100%; padding: 0 .83vw;margin-bottom: 1.66vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  line-height: 48px;float: none;
}
.list31 li:nth-child(even){ width: 100%; padding: 0 .83vw;margin-bottom: 1.66vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  line-height: 48px;float: none;
}

    .banner .imgBox .img{ padding-bottom: 56%;}

    .banner .bw::before, .mouse, .banner .bw .dots{ display: none;}
    .banner .bw .arrow1 .arrow{ backdrop-filter: blur(0); width: .36rem; height: .36rem;}
    .banner .bw .arrow1{ width: 100%;justify-content: center;}
    .banner .bw{ height: auto; bottom: .2rem;}

    
} 
@media(max-width: 800px){

    .home4 .tit1{ width: 100%;}
    .pad1{ padding: .4rem 0;}
    .tit1{ margin-bottom: .25rem;}
    .tit1 h4{ font-size: .5rem;}
    .tit1 h3{ font-size: .28rem;margin:0;}
    .tit1 .ll::after{ top: .2rem;}
    .more1{ top: .3rem; font-size: .15rem;}
    .more1 img{ height: .16rem;}
    .list2 li::before{ left: 0;}

    .list3 dl dd{ width: 100%;}
    .list3Box .arrow2{ margin: .3rem 0 0;}
    .dots2 span, .miso-dots li{ width: .06rem; height: .06rem; margin: 0 .04rem !important;}

    .arrow3{ width: .4rem; height: .4rem;}
    .arrow3 img{ width: .1rem;}
    .list4W .arrow3.prev{ left: -.6rem;}
    .list4W .arrow3.next{ right: -.6rem;}

    .list4W{ margin: 0;}

.xwlist_rig{width: 78%;height:45px;/* padding-left: 20px; */display: table;float: right;}
.xwlist_rig p{
    color: #333;
    font-size: 0.14rem;
}
.list41{ margin: 0 auto;}
.list41 li{ width: 100%; padding: 0;margin-bottom: .4vw;}

    .home5 .content{ padding: 0;}
    .home5 .content .box{ padding: .4rem 0;}
    .home5 .content::before{ background: url() center no-repeat; background-size: 100% 100%;}


    .home5 .left{ width: 100%;}
    .home5 .right{ width: 100%;}

    .list9{ margin: .3rem 0 0;}
    .list9 h3{ font-size: .3rem;margin: .2rem 0 .05rem;}

    .tit1{ justify-content: flex-start;}
    .tit1 .ll::after{ left: 0; margin: 0;}
    .tit1 .ll{ text-align: left;}

    .list7 i{ width: 1.6rem; line-height: .36rem;font-size: .14rem;}
    .list7 .txt img{ width: .3rem;}

    .list1 .txt{ padding: 0 1rem 0 .2rem;}
    .more2{ width: 1rem;}
    
    .list5 .txt{ margin: 0;}
} 
@media(max-width: 560px){
    .h6s1 img{ width: .16rem;}
}