@charset "utf-8";

/*-------------------------------------BANNER---------------------------------------*/
.banner{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)}


/*-----------------------------------搜索框---------------------------------------*/
.search{box-shadow:0 8px 20px 0px #e2e2e2;padding:12px 0}
.search .container{display:flex;justify-content:space-between;align-items:center}

.search_left{font-size:16px;color:var(--text3-color)}
.search_left span{color:var(--main-color)}
.search_right{display:flex;margin:20px 0 10px}
.search_right input{color:var(--vice-color);border-radius:3px 0 0 3px;border:1px solid var(--line-color);border-right:none;font-size:16px;padding:2px 8px}
.search_right button{background:var(--main-color);border-radius:0 3px 3px 0;border:none;line-height:28px;padding:0 13px}
.search_right i{color:var(--white);font-size:16px}

/*-----------------------------------公共标题---------------------------------------*/
.index_title{text-align:center;padding:35px 0 40px}
.index_title h4{font-size:36px;font-weight:bold;margin-bottom:10px;display:flex;justify-content:center}
.index_title h4:before,.index_title h4:after{content:"";background-repeat:no-repeat;flex-grow:1}
.index_title h4:before{background-image:url(../images/title_left.png);background-position:right center}
.index_title h4:after{background-image:url(../images/title_right.png);background-position:left center}
.index_title h4 a{font-weight:bold;margin:0 20px}
.index_title span{color:var(--text3-color)}
.index_title p{margin:10px 0}

.text_white h4,.text_white p{color:var(--white)}
.text_white span:before{background:var(--white)}

/*-----------------------------------应用范围---------------------------------------*/
.index_app{padding:20px 0 40px;overflow:hidden}
.index_app_box{position:relative;}
.index_app_list .swiper-slide img{max-width:100%}
.index_app_list .swiper-slide h5{font-size:16px;color:var(--vice-color);text-align:center;margin-top:10px}


.app_button{border:1px solid var(--line-color);top:70%;width:42px;height:42px;font-size:28px;background:var(--line-color);color:var(--text3-color);outline:none;border-radius:50%}
.app_button:after{display:none}
.app_button:hover{border-color:var(--main-color);background:var(--main-color);color:var(--white)}
.app_prev{left:-60px}
.app_next{right:-60px}

/*-----------------------------------首页产品---------------------------------------*/
.index_product{background:var(--bg-color);padding:60px 0 100px}

.index_product_title{display:flex;margin-bottom:40px}
.index_product_title li{font-size:16px;border-left:2px solid var(--line-color);text-align:center;line-height:1;padding:0 10px}
.index_product_title li a{padding:5px 10px}

.index_product_title li:last-child{border-right:2px solid var(--line-color)}
.index_product_title li:hover a{background:var(--main-color);color:#fff}


.product_list li .pro_box label{margin:0;text-align:center;height:50px;line-height:48px;border-top:2px solid var(--bg-color)}
.product_list li:hover .pro_box label{background:var(--main-color);color:#fff;border-color:var(--main-color)}
.product_list li .pro_box label a{color:inherit}
.index_pro_list li .pro_box .pro_pic{border:1px solid var(--white);border-bottom:none}
.index_pro_list li .pro_box h5{border:1px solid var(--white);border-top:none}
.index_pro_list li:hover .pro_box .pro_pic{border-color:var(--main-color)}
.index_pro_list li:hover .pro_box h5{border-color:var(--main-color)}

/*-----------------------------------首页广告位---------------------------------------*/
.index_ad{background:url(../images/index_ad01.jpg) center no-repeat;background-size:cover;padding:65px 0}
.index_ad h5{font-weight:bold;font-size:28px;color:var(--white);margin-bottom:25px}
.index_ad p{font-size:20px;color:#b1d3f7;margin:0}

.index_ad_pic{margin-top:50px}
/*-----------------------------------五大优势---------------------------------------*/
.index_youshi{background:url(../images/index_youshi_bg.jpg) top center no-repeat;background-size:cover;padding:30px 0}

.youshi_title h4{color:var(--main-color);font-size:46px;font-weight:bold}
.youshi_title i{font-size:90px}
.youshi_title .shouxuan{align-items:center;margin:25px 0}
.youshi_title .shouxuan span{padding:5px 30px;border:1px solid var(--line-color);color:var(--text3-color)}
.youshi_title .shouxuan:before,.youshi_title .shouxuan:after{content:"";background:var(--line-color);height:1px;flex-grow:1}

.youshi_list li{margin-bottom:25px}
.youshi_tit{align-items:center}
.youshi_number{background:url(../images/number_bg.png) no-repeat;background-size:cover;align-self:center;flex:0 0 70px;font-size:48px;text-align:center;line-height:70px;color:var(--main-color);margin-right:30px}

.youshi_text{justify-content:center;align-items:flex-end}
.youshi_text h5{font-size:24px;font-weight:bold;margin-bottom:0;color:var(--red-color)}
.youshi_text span{font-size:14px;color:#181818;margin:10px 0 30px;width:calc(100% - 100px)}
.youshi_text p{margin-bottom:0;text-align:justify;font-size:16px;line-height:32px;width:calc(100% - 100px)}

/*-----------------------------------成功案例---------------------------------------*/
.index_success{padding:60px 0 60px;background:var(--bg-color)}

.success_list{position:relative;padding-bottom:40px}
.success_prev,.success_next{bottom:0;top:auto;}
.success_prev{left:calc( 50% - 51px );right:auto}
.success_next{right:calc( 50% - 51px );left:auto}

/*-----------------------------------公司介绍---------------------------------------*/
.index_about{padding:60px 0;background:var(--main-color)}

.index_about_box{justify-content:center;margin-top:50px}
.index_about_box h5{font-size:36px;margin-bottom:5px;color:var(--white)}
.index_about_box span{font-size:20px;margin-bottom:25px;color:#b1d3f7}
.index_about_box p{font-size:16px;margin-bottom:0;color:var(--white);line-height:28px}
.index_about_box a{color:var(--white);margin-top:30px;padding:8px 35px;align-self:start;border:1px solid var(--white)}
.index_about_box a:hover{background:#fff;color:#181818}

/*-----------------------------------荣誉资质---------------------------------------*/
.index_honor_box{background:var(--white);overflow:hidden}

.index_honor_list{position:relative;padding:0 60px}
.index_honor_list .swiper-slide img{max-width:100%}
.index_honor_list .swiper-slide h5{font-size:15px;color:var(--vice-color);text-align:center;margin-top:10px}
.honer_next{right:0;left:auto;top:50%}
.honer_prev{left:0;top:50%}

/*-----------------------------------服务流程---------------------------------------*/
.index_process{padding:60px 0;border-top:1px solid var(--line-color)}
.process_list li{margin-bottom:20px}
.process_box{border:1px solid var(--main-color);border-top:4px solid var(--main-color);height:100%;align-items:center;padding:30px 0;justify-content:space-between}
.process_box h5{margin:30px 0 10px;text-align:center}
.process_box p{margin:0;text-align:center}

.process_phone{}
.process_phone_box{border:1px solid var(--main-color);align-items:center;flex:0 0 370px;max-width:100%;margin-bottom:20px;justify-content:space-between;padding-right:20px}
.process_phone_box i{flex:0 0 48px;border-right:1px solid var(--main-color);text-align:center;color:var(--main-color);font-size:36px;line-height:52px}
.process_phone_box label{margin:0;white-space:nowrap;font-size:16px;color:var(--vice-color);text-align:center;flex-grow:1}
.process_phone_box span{font-size:17px;color:var(--red-color)}
.process_phone a{background:var(--main-color);padding:14px 20px;color:var(--white);margin-left:15px}

/*-----------------------------------解决方案---------------------------------------*/
.index_case{padding:40px 0 80px;background:var(--bg-color)}


.case_list li{margin-bottom:30px}
.case_box{background:var(--white);padding:0px}
.case_box .case_pic{padding:0 0 20px}
.case_box .case_text{justify-content:center}
.case_box .case_text h5{font-size:18px;margin-bottom:0px}
.case_box .case_text span{margin-bottom:15px}
.case_box .case_text p{font-size:14px;line-height:24px;text-align:justify;margin-bottom:8px}
.case_box .case_text label{font-size:14px;line-height:24px;padding-top:8px;margin:0;border-top:1px solid var(--line-color);display:flex}

.case_list li:hover .case_box{background:var(--main-color)}
.case_list li:hover .case_box h5,.case_list li:hover .case_box span,.case_list li:hover .case_box p,.case_list li:hover .case_box label a{color:var(--white)}

.case_last_box{justify-content:space-between}
.case_last_text{height:100%;justify-content:space-between;flex-grow:1}
.case_last_text h5{font-size:26px;font-weight:bold}
.case_last_text span{font-size:18px}
.case_last_text .process_phone_box{flex:0 0 52px}
.case_last_btn{background:var(--main-color);padding:0 40px;color:var(--white)!important;margin-left:15px;font-size:26px;font-weight:bold;text-align:center;}

/*-----------------------------------新闻资讯---------------------------------------*/
.index_news{padding:60px 0 40px}
.index_news_box{margin-bottom:50px}

.news_title{justify-content:space-between;border-bottom:1px dashed var(--line-color);margin-bottom:25px;padding-bottom:16px}
.news_title h4{font-size:16px;font-weight:bold;margin:0}

.news_subcat a{flex:0 0 23%;font-size:18px;background:var(--main-color);color:var(--white);padding:12px 0;text-align:center}
.news_subcat a:hover{background:var(--yellow-color)}

.index_news_list{margin-bottom:0}
.index_news_list li{justify-content:space-between;line-height:35px}
.index_news_list li span{white-space:nowrap}
.index_news_list li:hover a{color:var(--main-color)}

.first_news .flex_column{padding:0}
.first_news img{margin-bottom:10px;padding:0}
.first_news p{line-height:24px;font-size:14px;text-align:justify}
.first_news label{font-size:14px;margin-bottom:0;border-top:1px solid var(--line-color)}

.index_wenda_box{background:var(--bg-color);padding:15px;height:100%;position:relative}
.index_wenda_list{margin-bottom:50px}
.index_wenda_list li{border-bottom:1px dashed var(--line-color);padding:10px 0}
.index_wenda_list li a{font-size:16px;color:var(--vice-color)}
.index_wenda_list li p{margin-bottom:0;font-size:14px;width:calc(100% - 38px)}
.index_wenda_list li b{color:var(--white);width:28px;line-height:28px;margin-right:10px;text-align:center;align-self:start;margin-bottom:10px}
.wenda_btn{background:var(--yellow-color);border-radius:50px;padding:15px 45px;color:var(--white)!important;position:absolute;bottom:-25px;left:calc(50% - 90px)}