@charset "utf-8";
.layui-layer {transition: none;}
/* title */
.index-title {padding-bottom: 35px; display: flex; justify-content: space-between; align-items: center;}
.index-title h3 { font-size: 30px; font-weight: bold; text-transform: uppercase;}
.index-title h3 span{position: relative; display: inline-block; padding-bottom: 10px;}
.index-title h3 span:before{position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 2px; background-color: #B91319;}

.index-title a {position: relative;display: inline-block; padding: 0 30px;line-height: 40px; font-size: 16px; border: 1px solid #ccc;}
.index-title a:hover { border-color: #B91319; background-color: #B91319; box-shadow: 0 10px 15px rgba(185, 19, 25,.5) ;color: #fff;}

.index-title-white {color: #fff;}
.index-title-white h3:before {background-color: #fff;}
.index-title-white p {color: #fff;}

.index-title-default h3{color: #D72324;}
.index-title-default p{color: #333;}

@media (max-width:768px) {
    .index-title {padding-bottom: 10px;}
    .index-title h3 { padding-bottom: 10px; font-size: 22px;}
    .index-title p { padding-top: 10px;font-size: 16px;}
    .index-title h3 span{display: block;}
}


.index-more {margin-top: 40px;}
.index-more a {position: relative;display: inline-block; padding: 0 30px;line-height: 40px; font-size: 16px;background-color: #B91319;color: #fff;}
.index-more a:hover {box-shadow: 0 10px 15px rgba(185, 19, 25,.5) ;}
@media (max-width:768px) {
    .index-more {
        margin-top: 20px;
    }
    .index-more a,.index-title a{ padding: 0 30px; font-size: 14px; line-height: 35px;}
}

@keyframes curClick {
    from {transform: translateY(10px);}

    to {transform: translateY(0);}
}

@keyframes curBig {
    from {transform: scale(0);opacity: 0;}

    to {transform: scale(1);opacity: 1;}
}


/* index-banner */

.index-banner .swiper-slide img{width: 100%;}
.index-banner .swiper-pagination-bullet{background-color: #fff; margin: 0 8px!important; opacity: .8;}
.index-banner .swiper-pagination-bullet-active{position: relative; background-color: #B91319;}
.index-banner .swiper-pagination-bullet-active::before{position: absolute; top: -5px; left: -5px; content: ''; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #B91319;}

/*  */
.index-count{ padding: 20px 0; border-bottom: 1px solid #eee;}
.index-count ul li{position: relative; float: left; width: 25%; text-align: center;}
/* .index-count ul li::before{position: absolute; top: 50%; right: 0; content: ''; margin-top: -15px; width: 1px; height: 30px; background-color: #ccc;}
 .index-count ul li:last-child::before{display: none;}*/
.index-count ul li a{display: block; padding: 15px;}
.index-count ul li h3{position: relative; display: inline-block; font-size: 44px; color: #B91319;}
.index-count ul li h3 b{position: absolute; bottom: 7px; right: -15px; font-size: 14px; font-weight: normal;  color: #B91319;}
.index-count ul li p{font-size: 16px; color: #777;}

@media (max-width:640px) {
	.index-count ul li{width: 50%; }
	.index-count ul li:nth-child(2)::before{display: none;}
}

/* about */
.index-about{justify-content: space-between;}
.index-about-desc{width:49%; padding-right: 50px;}
.index-about-desc h4{position: relative; font-size: 22px; font-weight: bold;  color: #B91319;}
.index-about-desc p{line-height: 30px; font-size: 16px; margin-top: 15px; }

.index-about-pic{width:50%; text-align: center;}
.index-about-pic img{width:100%;}

@media (max-width:1000px) {
	.index-about-desc{padding-top: 0; padding-right: 0;}
}
@media (max-width:860px) {
	.index-about-pic{width: 100%; padding-top: 25px;}
	.index-about-desc{width: 100%;}
}


/*  */
.index-service-swiper{position: relative;}

.index-service-swiper .swiper-button-next,
.index-service-swiper .swiper-button-prev{width: 60px; height: 60px; margin-top: -30px; background: none; outline: none;}

.index-service-swiper .swiper-button-next{right: -100px;}
.index-service-swiper .swiper-button-prev{left: -100px;}

@media (max-width:1440px) {
	.index-service-swiper .swiper-button-next,
	.index-service-swiper .swiper-button-prev{display: none;}
}

.index-service-item{position: relative;display: block;z-index: 1;}
.index-service-item::before {content: '';position: absolute;width: 100%;height: 100%;z-index: 0;top: 0;left: 0;background-color: rgba(185,19,25, 0.7);opacity: 0;visibility: hidden;transition: all .3s;}
.index-service-item>img{width: 100%;}
.index-service-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}

.index-service-mask h3{margin-top: 20px; margin-bottom: 10px;}
.index-service-mask p{text-transform: uppercase;}
.index-service-mask span{margin-top: 0; display: inline-block; padding: 0 30px;line-height: 0; font-size: 16px;background-color: #fff;color: #B91319; overflow: hidden;}

.index-service-item:hover span{line-height: 40px; margin-top: 35px;}
.index-service-item:hover::before {opacity: 1;visibility: visible;}
/*  */
.index-advertising {margin-top: 40px;}
.index-advertising img{width: 100%;}
.ad-p {margin: -15px 0 -50px 0;}
@media (max-width:768px) {
    .index-advertising{display: none;}
    .index-about-desc h4 {
        font-size: 18px;
    }
    .index-about-desc p {
        line-height: 26px;
        font-size: 14px;
        margin-top: 10px;
    }
}
/*  */
.index-news-bg{ padding-bottom: 80px; background-color: #f5f5f5;}
.active-left{float: left; width: 45%; background-color: #fff;}
.active-left-pic{overflow: hidden;}
.active-left-pic img{width: 100%;height: 300px;object-fit: contain;}
.active-left-info{padding: 27px;}
.active-left-info h3{margin-bottom: 10px; font-size: 20px; overflow: hidden;}
.active-left-info em{font-style: inherit; color: #777;}
.active-left-info p{margin-top: 10px; line-height: 20px; color: #777; height: 40px; overflow: hidden;}

.active-right{float: left; width: 55%; padding-left: 30px; }
.active-right ul li:hover a {color: #B91319;}
.active-right ul li a{display: flex; align-items: center; padding: 20px 0; }

.active-date{position: relative; width: 80px; padding: 5px 15px; text-align: right; border-right: 1px solid #ccc; }
.active-date h3{font-size: 26px;  }
.active-date p{ font-size: 12px; color: #777;}
.active-content{  width: 85%;padding-left: 25px;} 
.active-content h3{font-size: 18px;}
.active-content p{ margin-top: 8px; height: 44px; line-height: 22px;  color: #777; overflow: hidden; }


.active-left:hover .active-left-pic img{transform: scale(1.1);}
.active-left:hover h3{color: var(--mColor); }
.active-right ul li a:hover{background-color: #fff;}
.active-right ul li a:hover .active-content h3{color: var(--mColor); }

.active-right .swiper-container{padding-bottom: 30px;}
.active-right .swiper-pagination{text-align: right;}

@media (max-width:1200px) {
	.active-content p{color: #666; margin: 10px 0; line-height: 22px;}
}
@media (max-width:940px) {
    .active-right{float: left; width: 55%; padding-left: 10px; padding-bottom: 30px;}
    .active-right ul li a{padding: 10px; }
    .active-date{position: relative; float: left; width: 20%; padding: 15px 15px 15px 0; }
    .active-content{ width: 80%;padding-left: 15px;} 
    
	.active-date h3{font-family: arial;}
	.active-date p{ font-family: arial; color: #666;padding-top: 5px;}
	.active-content p{color: #666; padding-top: 5px;  line-height: 20px;}
}

@media (max-width:768px) {
    .active-left-info{padding: 15px;}
    .active-left-info h3{ font-size: 16px;}
	.active-left,
	.active-right{ width: 100%; }
	.active-right{ padding: 0; padding-top: 15px;}
	.active-date{display: none;}
	.active-content{ width: 100%;  padding-left: 0; } 
	.active-content h3 {
        font-size: 16px;
    }
}

/*  */
/*  */
.site-adpush{ padding: 60px 15px; background-image: url(assets/images/adpush-pic.jpg); overflow: hidden;}
.site-adpush>.container{justify-content: space-between; align-items: center;}
.site-adpush h3{font-size: 30px; color: #fff;}
.site-adpush p{margin-top: 15px; font-size: 16px; color: #fff;}
.site-adpush a {position: relative;display: inline-block; padding: 0 40px;line-height: 50px; font-size: 16px;background-color: #B91319;color: #fff;}
.site-adpush a:hover {box-shadow: 0 10px 15px rgba(185, 19, 25,.5) ;}

@media (max-width:768px) {
.site-adpush h3{font-size: 22px; color: #fff;}
.site-adpush p{margin-bottom: 15px;}
.site-adpush a {
    padding: 0 30px;
    line-height: 35px;
    font-size: 14px;
}
}


#cer-btn {position: absolute;background: #FD6500;z-index: 9;right: 14px;bottom: 10px;color: #ffffff;font-size: 20px;padding: 8px 27px;border-radius: 22px;font-weight: bold;line-height: 24px;}