@charset "utf-8";
.slider-mod-8{ padding-top:20px;margin-bottom:40px;position: relative; margin-left:-15px; margin-right:-13px;}
.slider-mod-8 div a{ display:block; padding:10px; padding-right:15px;padding-left:15px;overflow: hidden;}
.slider-mod-8 div a>div{box-shadow: 0 1px 7px rgba(0,0,0,0);border:0px solid transparent;background:#fff;border-radius: 15px; padding-bottom:0px;height:auto;overflow:hidden;}
.slider-mod-8 div a>div>span:nth-child(1) {height:100px; width:100%;border-bottom:0px solid #eee; padding:20px; display:block;overflow:hidden;position:relative; display: flex;
    justify-content: center;
    align-items: center; background:#fff; color:#888;}
.slider-mod-8 div a>div>span:nth-child(1) img{max-width:100%; max-height: 100%; padding:8px;
    width: auto;
    height: auto;transition:.3s;object-fit: cover;}
	
.slider-mod-8 div a>div>span:nth-child(2){ text-align: center;
    display: flex;
    font-size: 18px;
    padding-top: 0px;
    color: #333;
    position: relative;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 23px;
    font-weight: 400;
    height: 73px;
    justify-content: center;
    align-items: center; display:none;}
.slider-mod-8 div a>div>span:nth-child(2):after{content: "";
    position: absolute;
    width: 85%;
    height: 0px;
    background: #d9d9d9;
    border-radius: 0px;
    left: 20px;
    bottom: 0px;
    margin-left:0px;
    margin-bottom: 0px;}
.slider-mod-8 div a>div>span:nth-child(3){text-align:center; display:none; font-size:16px; font-weight:400; color:#555; padding:0px 30px 5px 30px; margin-bottom:8px; line-height:21px; }
.slider-mod-8 div a>div>span:nth-child(4){text-align:center; display:none; font-size:14px;color: #182f63;background: #fff; line-height:35px; margin:auto; width:35%;border-radius: 2px;border:1px solid #182f63; display:none; }
.slider-mod-8 div a:hover>div>span:nth-child(4){color: #fff;background: #182f63;border:1px solid #182f63;}
.slider-mod-8 div a:hover>div{box-shadow: 0 1px 7px rgba(0,0,0,0.1);}

.slider-mod-8 .slick-dots{bottom: -55px;}

.slider-11111 .slick-dots li button::before {
    font-family: slick;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    content: "•";
    text-align: center;
    opacity: 1;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
}

.slider-mod-8 .slick-prev {
    left: 46.7%;
}
.slider-mod-8 .slick-arrow {
    position: absolute;
    top: auto;
    bottom: -90px;
    margin-top: 10px;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #bbb;
    background:none;
}
.slider-mod-8 .slick-next {
    right: 46.7%;
}

.slider-mod-8 .slick-arrow:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #bbb;
    border-right: 2px solid #bbb;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    transform: rotate(-135deg);
}
.slider-mod-8 .slick-arrow:hover:after,
.slider-mod-8 .slick-arrow:focus:after
{
    border-top: 2px solid #8C69BB;
    border-right: 2px solid #8C69BB;
}
.slider-mod-8 .slick-next:after {
    transform: rotate(45deg);
	margin: -5px 0 0 -6px;
}

.slider-mod-8 .slick-prev.slick-disabled:after, .slider-mod-8 .slick-next.slick-disabled:after {
    opacity: .25;
}

.slider-mod-8 .slick-prev:hover,
.slider-mod-8 .slick-prev:focus,
.slider-mod-8 .slick-next:hover,
.slider-mod-8 .slick-next:focus
{
    color: #fff;
    outline: none;
    background: #none;
	border: 2px solid #8C69BB;
}

/* slider-mod-2 */

.slider-mod-2 {height:550px;opacity:0;transition: 0s; margin-top:40px; margin-bottom:-30px;}
.slider-mod-2 a{display:block;overflow:hidden;box-shadow: 0 1px 7px rgba(0,0,0,0); border: 0px solid rgb(0 0 0/10%); position:relative;
    background: #fff;
    border-radius: 5px;
    padding-bottom: 0px; margin:0px 10px;margin-bottom:10px;overflow-anchor: none;/*禁止动画导致的刷新时滚动条向上移动问题*/}
.slider-mod-2 .slick-list {margin-left:-10px; margin-right:-10px;}

.slider-mod-2 a>div{ width:100%;  text-align:center; height:200px; background:rgb(255 255 255/100%);}
.slider-mod-2 a>div>font{ padding:0px 30px; padding-bottom:0px; padding-top:25px; display:block; font-size:21px; color:#222; line-height:60px; font-weight:bold;background-image: linear-gradient(rgb(0 0 0/0%), rgb(0 0 0/0%));}
.slider-mod-2 a>div>div{ padding:0px 30px; padding-top:0px; color:#777; font-size:14px;background:rgb(0 0 0/0%); margin-bottom:20px;}
.slider-mod-2 a>div>div>font{display: block;
    background: none;
    color: #f07c1e;
    width: 110px;
    line-height: 24px;
    font-size: 14px;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
    margin-top: 40px;
    margin: auto;
	border:1px solid #f07c1e;
    }

.slider-mod-2 a:hover>div{margin-bottom:0px;transition: 0.3s;background: rgb(241 127 34 / 90%);background-image: linear-gradient(100deg, #ff9d4e, #f07c1e);}

.slider-mod-2 a:hover>div *{ color:#fff;}

.slider-mod-2 a:hover>div>div>font{border:1px solid #fff;}

.slider-mod-2 a>span{height: 250px;
    width: 100%;
    border-bottom: 0px solid #eee;
    padding: 0px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EFEFEF;
    color: #888;
    background-image: linear-gradient(#fff, #fff);}
.slider-mod-2 a>span img{max-width: 100%;
    max-height: 100%;
    padding: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;transition: 0.3s;
    }

.slider-mod-2 a:hover>span img{transform: scale(1.1); transition: 0.3s;}

.slider-mod-2 .slick-dots{ bottom:0px;}

.slider-mod-2 .slick-arrow {
    position: absolute;
    top: auto;
    margin-top: 10px;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #bbb;
    background:none;
}

.slider-mod-2 .slick-prev,
.slider-mod-2 .slick-next{
    bottom: 0px;
}

.slider-mod-2 .slick-prev {
    left: 46.7%;
}

.slider-mod-2 .slick-next {
    right: 46.7%;
}

.slider-mod-2 .slick-arrow:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #bbb;
    border-right: 2px solid #bbb;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -4px;
    transform: rotate(-135deg);
}
.slider-mod-2 .slick-arrow:hover:after,
.slider-mod-2 .slick-arrow:focus:after
{
    border-top: 2px solid #ED6719;
    border-right: 2px solid #ED6719;
}
.slider-mod-2 .slick-next:after {
    transform: rotate(45deg);
	margin: -5px 0 0 -6px;
}

.slider-mod-2 .slick-prev.slick-disabled:after, .slider-mod-2 .slick-next.slick-disabled:after {
    opacity: .25;
}

.slider-mod-2 .slick-prev:hover,
.slider-mod-2 .slick-prev:focus,
.slider-mod-2 .slick-next:hover,
.slider-mod-2 .slick-next:focus
{
    color: #fff;
    outline: none;
    background: #none;
	border: 2px solid #ED6719;
}
/* end */

.slider-6{ margin-top:30px; margin-bottom:10px !important; padding-bottom:0px; margin-left:-15px; margin-right:-15px;}
.slider-6 div a{ display:block; padding:15px; text-align:center;}
.slider-6 div a>span{height:380px; width:100%;border:0px solid #ddd; padding:0px 10px; display:block;overflow:hidden;position:relative;border-radius: 8px;background-image: linear-gradient(#fff, #fff); border-top:0px #8c69bb solid;box-shadow: 0 1px 7px rgba(0,0,0,0.1);}
.slider-6 div a>span>span{display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    transition: .3s;
    border: 0px solid #8c69bb;
    border-radius: 0px;
    width: 100px;
    height: 100px;
    padding: 10px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 25px;}
.slider-6 div a span>img{max-width: 100%;
    max-height: 100%; padding:0px;transition:all .35s;width: auto !important;
    height: auto !important;border-radius:8px;}
.slider-6 div a font{display: flex;justify-content: center;align-items: flex-end; background:none; text-align:left; color:#333;  font-size:23px; line-height:33px; font-weight:600; position:relative;}
.slider-6 div a font:after{content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background: #ED6719;
    border-radius: 3px;
    left: 50%;
    bottom: -14px;
    margin-left: -13px;
    margin-bottom: 0px;}
.slider-6 div a p:nth-child(3){display:block;justify-content: left;align-items: end; text-align:left; color:#555;  font-size:15px; padding-top:30px;line-height:23px; padding-left:40px; padding-right:40px;}
.slider-6 div a p:nth-child(4){display:block; background:#fff; color:#ED6719; padding:6px 10px; width:35%; text-align:center;opacity: 0;transition:.3s; margin:auto;border-radius: 6px; margin-top:13px; font-size:15px;border: 1px solid #ED6719;}
.slider-6 div a p:nth-child(4)>img{display: initial; margin-right:5px;filter: drop-shadow(0px 300px #8c69bb);
    transform: translateY(-300px); display:none;}

.slider-6 div a:hover>span>span{margin-top:12px;transition:.3s;}
.slider-6 div a:hover p:nth-child(4){opacity: 1;transition:.3s;}

.slider-6 .slick-dots {
    bottom: -45px;
}

.slider-6 .slick-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    padding:0px;
}

.slider-61 div a:hover>span>span{border: 1px solid #fff;}
.slider-61 div a:hover span>img{filter: drop-shadow(0px 300px #fff);
    transform: translateY(-300px);}
.slider-61 div a:hover>span{background-image: linear-gradient(#8c69bb, #8c69bb);}
.slider-61 div a:hover *{color:#fff !important;}

/* list-mod-3 */

.list-mod-3{float:left; margin-bottom:0px;padding-top: 28px;margin-right:0px;width:33.333%;text-align: left;}
.list-mod-3>div{background:#fff; padding:30px 35px; margin:0px 20px;border-radius: 5px; border:1px solid #ddd; }
.list-mod-3>div>span{display:inline-block; width:80px;vertical-align: middle;}
.list-mod-3>div>span img{max-width:100%;max-height:100%;padding:0px; height:60px;border-radius:50%;}
.list-mod-3>div>font{display:inline-block; font-size:20px;width: calc(100% - 90px);
    vertical-align: middle;}

/* end */