@charset "utf-8";

/*-------------------------------------产品中心左侧导航栏-----------------------------------------*/
.product_subcat{margin:0}


.subcat_title{background-image: linear-gradient(165deg, #15569a 40%, #044386 40%);padding:15px 20px;color:var(--white)}
.subcat_title h4{color:inherit;font-size:32px;font-weight:bold;margin-bottom:10px}
.subcat_title h4 span{font-size:16px}

.product_subcat ul{background:var(--white);padding:30px 20px}
.product_subcat ul li{margin-bottom:20px}


.first_title{background:#efefef;height:50px;padding:0 20px;justify-content:space-between;align-items:center}
.first_title a{color:var(--vice-color);font-size:18px}
.first_title i{color:var(--main-color)}
.second_title{padding:0 10px}
.second_title a{width:100%;line-height:50px;border-bottom:1px solid var(--line-color)}
.second_title a i{color:var(--main-color);margin-right:6px}
.second_title a:hover{color:var(--main-color)}

.three_title a{border:none;line-height:40px}

.product_phone h5{background:var(--main-color);padding:20px;color:var(--white);margin:0;font-size:18px}
.product_phone h5:before{content:"";border-left:2px solid var(--white);margin-right:8px}
.product_phone_text{background:url(../images/phone_bg.png) center no-repeat;padding:60px 20px;border:1px solid var(--main-color)}
.product_phone_text span{font-size:18px;font-weight:bold;color:var(--main-color)}
.product_phone_text p{font-size:36px;color:var(--main-color)}

/*-------------------------------------产品中心-----------------------------------------*/
.product_list li{margin-bottom:30px}
.product_list li .pro_box{background:#fff;justify-content:flex-end;height:100%}
.product_list li .pro_box h5{margin-bottom:0;line-height:40px;text-align:center;font-size:18px;font-weight:bold}
.product_list li .pro_box p{padding:0 10px}

.pro_pic{flex-grow:1;padding-bottom:10px}

.product_list li .pro_box:hover{box-shadow:0 0 20px 0px #c8cfd8}
.product_list li .pro_box:hover h5,.product_list li .pro_box:hover p{color:var(--main-color)}

/*-------------------------------------产品详情-----------------------------------------*/
.product_detail{margin-bottom:20px;background:var(--white);padding-top:15px}

.detail_slide img{width:100%}
.detail_slide .swiper-container{border:1px solid var(--line-color)}
.detail_slide .swiper-button-next,.swiper-button-prev{color:var(--text3-color);background:#e0e0e0}
.detail_slide .swiper-button-next{right:15px}
.detail_slide .swiper-button-prev{left:15px}

.pro_description{padding:60px 30px;align-items:start}
.pro_description h5{border-bottom:1px solid var(--line-color);color:#1a1a1a;font-size:24px;padding-bottom:15px;margin-bottom:40px}
.zixun_btn{background:var(--yellow-color);color:var(--white)!important;padding:6px 5px;margin-top:30px;border-radius:50px}
.zixun_btn img{margin-right:5px;filter: grayscale(100%) brightness(1000%)}

.pro_detail_content{margin-top:80px}
.pro_detail_tab ul{background:url(../images/pro_detail_bg2.jpg) center no-repeat;min-height:240px;align-items:flex-end;background-size:cover}
.pro_detail_tab ul li a{background:#e6e6e6;margin-left:5px;padding:8px 13px;display:block;color:#1b1b1b;font-size:16px}
.pro_detail_tab ul li .active{background:var(--yellow-color);color:var(--white)}
.pro_detail_tab .tab-content{border-bottom:1px solid #e2e2e2;padding:30px 20px;margin-bottom:4px;background:var(--white)}
.pro_detail_tab .tab-content p{margin-bottom:10px}

.pro_detail_content .detail_more{padding:15px 15px}
.product_more{background:var(--white);margin:0 15px}

.recommend{background:url(../images/pro_detail_bg3.jpg) center no-repeat;background-size:cover;padding:30px 20px}
.recommend_title{text-align:center;padding:35px 0 40px}
.recommend_title h4{font-size:24px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:center}
.recommend_title span{color:#a17a15;font-size:14px}
.recommend_list{position:relative}
.recommend_list h5{background:#f3eee1;margin:0!important;padding:10px 0}

/*-------------------------------------解决方案-----------------------------------------*/
.inner_case_box{padding:60px 0}

.inner_case_list{margin-bottom:40px}
.inner_case_list li{background:var(--white);padding:20px 0;margin-bottom:30px}
.inner_case_pic img{width:100%;margin:10px 0 20px}
.inner_case_text{justify-content:center}
.inner_case_text h5{font-weight:bold;font-size:18px}
.inner_case_text span{font-size:14px}
.inner_case_text p{font-size:16px;line-height:28px;margin:25px 0 20px}
.inner_case_text a{font-size:14px;border:1px solid var(--line-color);align-self:start;padding:8px 30px;background:#fff}

.inner_case_list li:hover{background:var(--main-color);box-shadow:0 0 10px 2px #c8cfd8}
.inner_case_list li:hover h5{color:var(--white)}
.inner_case_list li:hover p,.inner_case_list li:hover span{color:#daecff}
.inner_case_list li:hover a{color:var(--main-color);border-color:var(--white)}

/*-------------------------------------新闻中心-----------------------------------------*/
.news_list{margin-bottom:40px}
.news_list li{margin-bottom:35px}
.news_list .news_pic{}
.news_list .news_pic img{max-width:100%}

.news_list .news_text{justify-content:center}
.news_list .news_text h5{font-size:24px;font-weight:bold}
.news_list .news_text span{font-size:14px;margin-bottom:25px}
.news_list .news_text em{background:var(--line-color);height:1px}
.news_list .news_text a{font-size:14px;border:1px solid var(--line-color);align-self:start;padding:8px 30px;margin-top:20px}

.news_list li:hover .news_text h5{color:var(--main-color)}
.news_list li:hover .news_text em{background:var(--main-color)}
.news_list li:hover .news_text a{background:var(--main-color);color:var(--white)}

/*-------------------------------------新闻详情-----------------------------------------*/
.detail_content{padding:40px 20px 20px;background:var(--white)}
.detail_title h4{font-weight:bold;font-size:24px;margin-bottom:15px}
.detail_title span{font-size:14px;color:var(--text3-color);margin-bottom:10px;padding-right:5px;border-right:2px solid var(--line-color)}
.detail_title span:last-child{border-right:none}

.detail_text{border-bottom:1px solid var(--line-color);border-top:1px solid var(--line-color);padding:30px 0;margin:25px 0}
.detail_text img{max-width:100%;height:auto!important;margin:10px 0}
.detail_text p{color:#181818;font-size:16px;text-align:justify;margin-bottom:10px}
.detail_text strong{color:#1b1b1b}

.detail_more li{font-size:16px;color:#1b1b1b;margin:5px 0}
/* .detail_more li a{color:#a2a2a2!important} */

/*-------------------------------------成功案例-----------------------------------------*/
.success_list li{margin-bottom:30px}
.success_box{background:#fff;padding:20px;color:var(--vice-color)}
.success_box h5{font-size:18px;font-weight:bold;color:inherit;margin:15px 0 15px}
.success_box p{font-size:14px}
.success_box a{font-size:14px;color:var(--white);align-self:flex-end;background:var(--main-color);margin-right:-20px;padding:5px 25px}
.success_box:hover{border-color:var(--main-color);box-shadow:0 0 20px 0 #c0c5cc;color:var(--main-color)}


/*-------------------------------------关于我们-----------------------------------------*/
.inner_about{background:var(--white)}
.inner_about .inner_subcat{border-bottom:1px solid var(--line-color);padding-bottom:40px;margin-bottom:30px}

.inner_about_box h5{font-size:20px;margin-bottom:5px}
.inner_about_box span{font-size:16px;margin-bottom:50px;color:var(--text3-color)}
.inner_about_box h4{font-size:30px;padding-bottom:10px;margin-bottom:60px}
.inner_about_box a{color:var(--white);background:var(--yellow-color);padding:10px 45px;align-self:start}

.about_honor{background:url(../images/honor_bg.jpg) center no-repeat;background-size:cover}
.honor_title{border-bottom:1px solid var(--white);margin-bottom:35px;padding-bottom:15px;align-items:flex-end}
.honor_title h4{font-size:32px;margin-bottom:0}
.honor_title span{font-size:16px;color:var(--text3-color);margin-left:15px;line-height:1}

.about_honor_list{justify-content:space-between}
.about_honor_list li{align-items:center;padding:10px 0}
.about_honor_list img{max-width:100%}
.about_honor_list h5{text-align:center;font-size:16px;margin-top:10px}

/*-------------------------------------联系方式-----------------------------------------*/
.contact_box{margin-bottom:20px}
.contact_box p{color:var(--vice-color)}