@charset "utf-8";

/*-------------------------------------BANNER---------------------------------------*/
.banner{width:100%}
.banner img{width:100%}

.banner_btn{}
.banner_btn .swiper-pagination-bullet{height:4px;width:16px;border-radius:2px;transition-duration:0.3s;-webkit-transition-duration:0.3s}
.banner_btn .swiper-pagination-bullet-active{width:36px;background:var(--main-color)}


/*-----------------------------------公共标题---------------------------------------*/
.index_bg{background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}

.index_title{text-align:center;padding:35px 0 40px}
.index_title div{margin-bottom:15px}
.index_title h4{font-size:32px;margin-bottom:0;line-height:1}
.index_title span{font-size:14px;color:var(--text1-color);margin:0 15px}
.index_title p{margin:10px 0}

.text_white h4,.text_white p,.text_white span{color:var(--white)}
.text_white img{filter:brightness(1500%)}

.index_btn a{border:1px solid var(--main-color);color:var(--main-color);padding:8px 35px;margin-top:40px;align-self:center}
.index_btn a:hover{background:var(--main-color);color:var(--white)}
/*-----------------------------------关于我们---------------------------------------*/
.index_about{padding:60px 0;background-image:url(../img/index_bg1.jpg)}

.index_about_box{position:relative}
.index_about_box img{padding:0}
.index_about_text{padding:50px 40px;background:var(--white)}
.index_about_text h5{font-size:28px;margin-bottom:10px}
/*.index_about_text label,.index_pro_text label{background:var(--text1-color);height:3px;width:30px;margin-bottom:50px}*/
.index_about_text p{font-size:16px;margin-bottom:10px;color:var(--text3-color);line-height:24px;text-align:justify}
.index_about_text a{color:var(--main-color);margin-top:30px;padding:8px 35px;align-self:start;border:1px solid var(--main-color);border-radius:4px}
.index_about_text a:hover{background:var(--main-color);color:var(--white)}

/*-----------------------------------案例赏析---------------------------------------*/
.index_case_title{display:flex;justify-content:center;margin-bottom:30px}
.index_case_title li{font-size:16px;width:105px;border-left:1px solid #1b1b1b;text-align:center;line-height:1}
.index_case_title li:last-child{border-right:1px solid #1b1b1b}
.index_case_title li:hover a{padding:5px 13px;background:var(--main-color);color:#fff}

.index_case{padding:60px 0 20px}
.index_case1{padding:30px 0}

/*-----------------------------------首页产品---------------------------------------*/
/* .index_pro{padding:50px 0 80px;background-image:url(../img/index_bg2.jpg)} */
.index_pro{padding:50px 0 80px;background-image:url(../img/index-pro.jpg)}

.index_pro_list{margin-top:30px;background:var(--white);width:100%;flex-grow:1}
.index_pro_list .swiper-slide{height:auto}
.index_pro_list .swiper-slide .index_pro_pic{border-right:1px solid var(--line-color);padding:0 0}
.index_pro_list .swiper-slide img{width:auto;max-width:auto}
.index_pro_text{justify-content:center;align-items:start;padding:50px 30px 80px}
.index_pro_text h5{margin-bottom:10px;font-size:28px}
.index_pro_text p{font-size:16px;color:var(--text3-color)}
.index_pro_text pre{font-size:16px;margin-bottom:0;font-family:inherit;color:#313131;}
.index_pro_text a{padding:8px 35px;border:1px solid var(--main-color);color:var(--main-color);margin-top:30px}
.index_pro_text a:hover{background:var(--main-color);color:var(--white)}

.index_pro_btn{position:absolute;bottom:20px!important;padding:0 20px}
.index_pro_btn span{border:1px solid var(--main-color);background:var(--white);width:26px;line-height:26px;border-radius:0;height:26px;color:var(--main-color);text-align:center;opacity:1}
.index_pro_btn .swiper-pagination-bullet-active{background:var(--main-color);color:var(--white)}

/*-----------------------------------新闻资讯---------------------------------------*/
.index_news{padding:60px 0 70px;background-image:url(../img/index_bg3.jpg);}
.index_news .container{min-height:850px}

.index_news_list a{overflow:hidden;margin-bottom:20px}
.index_news_list img{height:0px}

.index_news_text{background:var(--white);padding:20px}
.index_news_text h5{font-size:20px;margin-bottom:20px}
.index_news_text p{font-size:16px;color:var(--text3-color);margin-bottom:0}
.index_news_text label{font-size:16px;color:var(--text3-color);margin:30px 0 0;border-top:1px solid var(--text3-color)}

.index_news_time{margin-bottom:20px;color:var(--main-color)}
.index_news_time strong{font-size:48px;margin-right:20px;font-weight:500}
.index_news_time span{font-size:20px}


.index_news_list li:hover img{height:auto}
.index_news_list li:hover .index_news_text{background:var(--main-color)}
.index_news_list li:hover .index_news_time,.index_news_list li:hover h5,.index_news_list li:hover p,.index_news_list li:hover label{color:var(--white)}

.index_news_btn{color:var(--red-color)!important;margin-top:30px;padding:8px 35px;align-self:center;border:1px solid var(--red-color);border-radius:50px;}