:root{
	--bg-color:#ea541f;
}
/*baner区域开始*/
.banner  {border-top:1px solid #d0d0d0}
.banner  img{width: 100%;}
.banner_p{font-size: 2.8rem; line-height: 9rem; letter-spacing:2px}
.banner_conter{position: absolute; top:24%;left: 10%; color: #fff; }
.banner_img{width: 120px;}
.banner_tit { font-size: 5rem; }
/*baner区域结束*/

/*step_a区域开始*/
.step_a{text-align: center; width: 90%; margin: 0 auto; margin-top: 80px;}
.step_h1{font-size: 38px; color: #424244; font-weight: bold;letter-spacing:2px}
.step_tip{color:var(--bg-color); line-height: 80px;font-size: 24px; margin-bottom: 30px;letter-spacing:2px}
.step_ul ul li{float: left;width: 22.5%;margin:0 1%; box-sizing:border-box;border: 1px solid var(--bg-color); position: relative;}
.triangle{border: 1px solid var(--bg-color);width: 12px;height: 12px;border-left-color: transparent;border-top-color: transparent;transform: rotate(45deg);position: absolute;left: 50%;bottom: -7px;background: #fff; margin-left: -7px;}
.step_customer{background: var(--bg-color); height: 60px; color: #fff; line-height: 60px; font-size: 28px;}
.step_img{ width: 40%;margin: 28px auto;text-align: center; height: 120px;}
.step_img img{width: 100%;}
.step_text{font-size: 16px; padding: 20px; height: 120px; }
.step_fimg{width: 100%;}
.step_fimg img{width: 100%;}
/*step_a区域结束*/
/*step_b区域开始*/
.step_b{text-align: center; width: 94%; margin: 80px auto 0; color: #fff;}
.stepb_ul{margin-top: 60px;}
.stepb_ul li{ float: left; width: 16.66%; position: relative; text-align: left;overflow: hidden;}
.stepb_ul li:hover{ cursor: pointer;}
.stepb_ul li:hover .service_img img{transform: scale(1.1);}
.service_img img{width: 100%; vertical-align: text-top;transition: all ease-out .3s;}
.service_posi{position: absolute; top: 65%; height: 35%; width: 100%; background-color:var(--bg-color);padding-left:20px ;box-sizing:border-box}
.service_posib{position: absolute; top: 0%; height: 35%; width: 100%; background-color:var(--bg-color);padding-left:20px ;box-sizing:border-box}
.service_posiimg {margin-top: 8px;}
.service_posiimg img{width: 18px;}
.service_posi p{font-size: 10px;padding-right: 10px;}
.service_posib p{font-size: 10px;padding-right: 10px;}
.service_tit{margin: 4px 0; font-size: 17px;}


/*step_b区域结束*/
.step_c{text-align: center; margin: 80px auto 0; color: #fff;  background:url("../img/advantage_backgorund.jpg") no-repeat; background-size: 100% 100%;}
.step_h2{font-size: 38px; color: #424244; font-weight: bold;padding-top: 40px;}
.stepc_ul{width: 90%; margin: 80px auto; padding-bottom: 40px;}
.stepc_ul ul li{width: 24%; margin :0 4.66%; position: relative; float: left; text-align:center; overflow:hidden; border-radius: 12px; }
.stepc_img img{width: 100%;transition: all ease-out .3s}
.stepc_ul ul li:hover .stepc_img img{transform: scale(1.1);}
.stepc_p{position: absolute;top: 10px; text-align: center; width: 100%; line-height: 24px;}
.stepc_p p{margin-top: 20px;}
.stepc_posi {position: absolute;top: 60%;left: 10%; text-align: left; width: 80%; line-height: 24px; font-size: 16px; display: none;}
.stepc_ul ul li:hover .stepc_posi{display: block;}
.stepc_ul ul li:hover .step_icon{display: none;}
.stepc_posit{margin-bottom: 20px; line-height: 28px;}
.stepc_posiimg {width: 120px;}
.stepc_posiimg img {width: 100%;}
.stepc_ul ul li h3{font-size: 30px; }
.stepc_ul ul li p{font-size: 16px;}
.step_icon {width: 80px; margin: 0 auto; position: absolute; bottom: 20px; left: 40%;}
.step_icon img {width: 100%;}
.step_d{text-align: center; width: 94%; margin: 80px auto 80px; color: #fff;}
.stepd_tip{color: #424244; margin: 40px auto 20px; text-align: center; font-size: 24px;}
.stepd_tip span{margin:0 30px;}
.swiper-pagination-bullet{height:40px;width: 220px;color: #424244; margin: 40px auto 20px; text-align: center; font-size: 24px; display: inline-block;  background: none; cursor: pointer;}
.swiper-pagination{position: absolute; top: -40px;}
.stepc_topi{margin: 20px auto;}
.stepc_topi img{width: 26px;}

.swiper {width: 70%;height: 100%;overflow: inherit !important; margin-top: 40px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex; }
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-button-next{background: url(../img/right.png) no-repeat; background-size:100%; width: 60px !important; height:60px;right: -80px;}
.swiper-button-next:hover{background: url(../img/right1.png) no-repeat;width: 60px !important; height:60px; background-size:100%;}
.swiper-button-prev{background: url(../img/left.png) no-repeat; background-size:100%;width: 60px !important;height:60px;left: -80px;}
.swiper-button-prev:hover{background: url(../img/left1.png) no-repeat;width: 60px !important; height:60px; background-size:100%;}
.swiper-button-next:after{content:""}
.swiper-button-prev:after{content:""}
.marginbottom20{margin-bottom: 20px;}