.blog-slider{width:95%;position:relative;max-width:800px;margin:auto;background:#fff;box-shadow:0px 14px 80px rgba(34,35,58,0.2);padding:25px;border-radius:25px;height:400px;transition:all .3s}
@media screen and (max-width:992px){.blog-slider{max-width:680px;height:400px}
}@media screen and (max-width:768px){.blog-slider{min-height:500px;height:auto;margin:180px auto}
}@media screen and (max-height:500px) and (min-width:992px){.blog-slider{height:350px}
}.blog-slider__item{display:flex;align-items:center}
@media screen and (max-width:768px){.blog-slider__item{flex-direction:column}
}.blog-slider__item.swiper-slide-active .blog-slider__img img{opacity:1;transition-delay:.3s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *{opacity:1;transform:none}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1){transition-delay:0.3s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2){transition-delay:0.4s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3){transition-delay:0.5s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4){transition-delay:0.6s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5){transition-delay:0.7s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6){transition-delay:0.8s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7){transition-delay:0.9s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8){transition-delay:1s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9){transition-delay:1.1s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10){transition-delay:1.2s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11){transition-delay:1.3s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12){transition-delay:1.4s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13){transition-delay:1.5s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14){transition-delay:1.6s}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15){transition-delay:1.7s}
.blog-slider__img{width:300px;flex-shrink:0;height:300px;box-shadow:4px 13px 30px 1px rgb(245,241,241);border-radius:20px;transform:translateX(-80px);overflow:hidden}
.blog-slider__img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;opacity:0.8}
.blog-slider__img img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;border-radius:20px;transition:all .3s}
@media screen and (max-width:768px){.blog-slider__img{transform:translateY(-50%);width:90%}
}@media screen and (max-width:576px){.blog-slider__img{width:95%}
}@media screen and (max-height:500px) and (min-width:992px){.blog-slider__img{height:270px}
}.blog-slider__content{padding-right:25px}
@media screen and (max-width:768px){.blog-slider__content{margin-top:-80px;text-align:center;padding:0 30px}
}@media screen and (max-width:576px){.blog-slider__content{padding:0}
}.blog-slider__content > *{opacity:0;transform:translateY(25px);transition:all .4s}
.blog-slider__code{color:#7b7992;margin-bottom:15px;display:block;font-weight:500}
.blog-slider__title{font-size:24px;font-weight:700;color:#0d0925;margin-bottom:20px}
.blog-slider__text{color:#4e4a67;margin-bottom:30px;line-height:1.5em}
.blog-slider__button{display:inline-flex;background-image:linear-gradient(147deg,#fe8a39 0%,#fd3838 74%);padding:15px 35px;border-radius:50px;color:#fff;box-shadow:0px 14px 80px rgba(252,56,56,0.4);text-decoration:none;font-weight:500;justify-content:center;text-align:center;letter-spacing:1px}
@media screen and (max-width:576px){.blog-slider__button{width:100%}
}.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,.blog-slider .swiper-pagination-custom,.blog-slider .swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.blog-slider__pagination{position:absolute;z-index:21;right:20px;width:11px !important;text-align:center;left:auto !important;top:50%;bottom:auto !important;transform:translateY(-50%)}
@media screen and (max-width:768px){.blog-slider__pagination{transform:translateX(-50%);left:50% !important;top:205px;width:100% !important;display:flex;justify-content:center;align-items:center}
}.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:8px 0}
@media screen and (max-width:768px){.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
}.blog-slider__pagination .swiper-pagination-bullet{width:11px;height:11px;display:block;border-radius:10px;background:#062744;opacity:0.2;transition:all .3s}
.blog-slider__pagination .swiper-pagination-bullet-active{opacity:1;background:#fd3838;height:30px;box-shadow:0px 0px 20px rgba(252,56,56,0.3)}
@media screen and (max-width:768px){.blog-slider__pagination .swiper-pagination-bullet-active{height:11px;width:30px}
}.shuofa_title{background-size:100% 100%;background-image:url(../img/index/titlebg.png);width:284px;height:80px;display:flex;flex-direction:column-reverse;flex-wrap:nowrap;justify-content:center}
.index-hos-tr{width:1200px;height:auto;overflow:hidden;margin:50px auto 40px auto;text-align:center;justify-content:center;display:flex;align-items:center;flex-direction:column}
.index-hos-tr p{font-size:40px;line-height:50px;color:#333;font-weight:bold;position:relative;top:15px}
.index-hos-tr p em{font-size:50px;line-height:50px;color:#0F318A;font-weight:bold;font-style:italic}
.index-hos-tr span{display:block;width:100%;height:auto;overflow:hidden;font-size:18px;line-height:30px;color:#0F318A}
.index-hos-tr h3{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;line-height:26px;color:#666;font-weight:normal;padding-top:15px}
@media all and (max-width:1024px){.index-hos-tr{width:90%;height:auto;overflow:hidden;margin:50px auto 40px auto;text-align:center}
.index-hos-tr p{font-size:26px;line-height:50px;color:#333}
.index-hos-tr p em{font-size:40px;line-height:50px;color:#0F318A;font-weight:bold;font-style:italic}
.index-hos-tr span{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;line-height:26px;color:#0F318A}
.index-hos-tr h3{display:block;width:100%;height:auto;overflow:hidden;font-size:14px;line-height:24px;color:#666;font-weight:normal}
}.index-case{width:1400px;height:auto;overflow:hidden;margin:0 auto 20px auto}
.index-case .ic-wrap{width:105%;height:auto;overflow:hidden}
.index-case .ic-wrap .item{display:block;width:45.7%;height:auto;overflow:hidden;padding-bottom:20px;background-color:#F4F4F4;margin:1% 3.5% 1% 0;float:left;transition-duration:0.2s}
.index-case .ic-wrap .item:hover{background-color:#0F318A}
.index-case .ic-wrap .item h2{display:block;width:88%;height:30px;overflow:hidden;font-size:18px;line-height:30px;color:#222;margin:0 auto;font-weight:normal;margin-top:20px;transition-duration:0.2s}
.index-case .ic-wrap .item:hover h2{color:#fff}
.index-case .ic-wrap .item dl{display:block;width:10%;height:1px;margin:15px 0 15px 6%;background-color:#ccc;transition-duration:1s}
.index-case .ic-wrap .item:hover dl{background-color:#fff;width:88%}
.index-case .ic-wrap .item p{display:block;width:88%;height:44px;overflow:hidden;font-size:14px;line-height:24px;color:#555;margin:0 auto;font-weight:normal;transition-duration:0.2s}
.index-case .ic-wrap .item:hover p{color:#fff}
.index-case .case-but{display:block;width:200px;background-color:#fff;border:1px solid #ccc;font-size:16px;line-height:46px;color:#222;margin:30px auto 30px auto;transition-duration:0.2s;text-align:center}
.index-case .case-but:hover{background-color:#0F318A;color:#fff;border:1px solid #0F318A;bottom:9%}
@media all and (max-width:1400px){.index-case{width:94%;height:auto;overflow:hidden;margin:0 auto 20px auto}
}@media all and (max-width:800px){.index-case{width:94%;height:auto;overflow:hidden;margin:0 auto 20px auto}
.index-case .ic-wrap{width:100%;height:auto;overflow:hidden}
.index-case .ic-wrap .item{display:block;width:100%;margin:1% 0 1% 0}
.index-case .ic-wrap .item h2{display:block;width:88%;height:auto}
.index-case .ic-wrap .item dl{display:block;width:10%;height:1px;margin:15px 0 15px 0%;background-color:#ccc;transition-duration:1s}
}