:root{
	--bg-color:#ea541f;
	--bg-color-5:#ea541f50;
}

.banner  {border-top:1px solid #d0d0d0;}
.banner img{width: 100%;}
/*baner区域结束*/
.step_a{text-align: center; width: 70%; margin: 0 auto; padding-top: 80px;}
.border4{width: 80px; border-bottom: 4px solid var(--bg-color); margin: 20px auto 26px; height: 0;}
.step_h1{font-size: 38px; color: #424244; font-weight: bold;letter-spacing:2px}
.step_tip{color:#424244; line-height: 32px;font-size: 18px; margin-bottom: 30px;letter-spacing:2px; text-align:left; position: relative;}
.step_tip_a {font-size: 200px; color: #ea541f75;position: absolute;top: 36px;}
.step_tip_b{display: inline-block;  margin: 0 20px 0 70px;}
.step_tip_c{font-size: 200px; color: #ea541f75; width: 20px; float: right; display: inline-block;margin-top: 36px;}
.background_blue{background: var(--bg-color-5); height: 400px; margin-top: 80px;}


.ab_2{position: relative;z-index:1;}


.ab_2 .contBy{width:calc(100% + 1px);font-size:0;height:460px;overflow:hidden;}/*height:610px;*/
.ab_2 .contBy .box{float:left;height:460px;margin-right:1px;position: relative;transition:all ease-out .4s;width:30%;}/*height:610px;*/
.ab_2 .contBy .box .list{float:left;width:100%;height:460px;position:relative;}/*height:610px;*/
.ab_2 .contBy .box .list img{display:block;width:100%; height: 100%;}
.ab_2 .contBy .box .list .txt{position: absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding-top:180px;background-color:rgba(28,32,33,.24);}
.ab_2 .contBy .box .list .txt i{display:inline-block;width:110px;}
.ab_2 .contBy .box .list .txt h4{font-size:32px;font-size:3.2rem;color:#fff;margin-top:10px;margin-bottom:10px;}
.ab_2 .contBy .box .list .txt p{font-size:18px;text-transform: uppercase;color:#fff;}
.ab_2 .contBy .box .mask{float:left;width:100%;height:460px;display:none;}
.ab_2 .contBy .box .mask .tu{width:100%;height:340px;overflow:hidden;}/*height:300px*/
.ab_2 .contBy .box .mask .tu img{display:block;width:100%;height: 100%;}
.ab_2 .contBy .box .mask .txt{background-color:#424244;height:120px;box-sizing: border-box;text-align: left;padding-left: 60px;}
.ab_2 .contBy .box .mask .txt h4{font-size:24px;font-size:3.4rem;color:#fff;margin:0; line-height: 64px;padding-top: 8px;}
.ab_2 .contBy .box .mask .txt p{font-size:1.6px;font-size:2rem;color:#fff;line-height:26px;}

.ab_2 .contBy .box:last-child{margin-right:0;}
.ab_2 .contBy .box.active{margin-right:0;}
.ab_2 .contBy .box:last-child.active{margin-left:-1px;}
.ab_2 .contBy .box.active{width:70%;}
.partBy{padding:40px 0;margin-bottom:0;}
.partBy .tit{padding-bottom:40px;}
.partBy .tit h3{font-size:1.6rem;line-height:26px;padding:0 30px;text-align:justify;}
.partBy .tit h3::after, .partBy .tit h3::before{width:18px;height:17px;background-size:cover;}
.partBy .list ul li{width:calc((100% - 40px)/3);margin-bottom:30px;padding:0;margin-right:20px;position: static;}
.partBy .list ul li .box{width:100%;height:inherit;}
.partBy .list ul li:nth-child(3n){margin-right:0;}
.partBy .list ul li .mask{position: fixed;width:100%;top:50%;transform: translateY(-50%);left:0!important;right:0!important;padding:15px;font-size:1.6rem;line-height:26px;z-index:99;}
.partBy .list ul li.cur .mask,.partBy .list ul li:hover .mask{display:none;}
.partBy .list ul li .mask{overflow:inherit;}
.partBy .list ul li .mask .closed{display:inline-block;width:36px;height:36px;position: absolute;top:-40px;right:0;cursor:pointer;background:url("https://www.eccom.com/public/index/css/../images/about/closed.png") no-repeat center;background-size:cover;}
.popPart{position: fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:97;display:none;}


.course{font-size: 38px;color: #fff; font-weight: bold;background: var(--bg-color); width: 200px; margin: 0 auto; line-height: 80px; position: relative; text-align: center; margin-top: 120px; z-index: 9;}
.course_ba{width: 100%; margin-top: -40px; position: relative;}
.course_ba img{width: 100%;}
.corporate{margin-bottom: 120px; margin-top: 20px;}
.corporate li{ width: 30%; margin :0 1.66%; position: relative; float: left; text-align:center; overflow:hidden; border-radius: 12px;}
.corporate  .aimg{ background:url("../img/unveil_a1.png") no-repeat; background-size: 100% 100%; }
.corporate  .aimg:hover{ background:url("../img/unveil_a11.png") no-repeat; background-size: 100% 100%;}
.corporate  .bimg{ background:url("../img/unveil_b.png") no-repeat; background-size: 100% 100%;}
.corporate  .bimg:hover{ background:url("../img/unveil_b1.png") no-repeat; background-size: 100% 100%;}
.corporate  .cimg{ background:url("../img/unveil_c.png") no-repeat; background-size: 100% 100%;}
.corporate  .cimg:hover{ background:url("../img/unveil_c1.png") no-repeat; background-size: 100% 100%;}
.corporate li img{width: 100%; opacity: 0;}
.corporate li p{position: absolute; top: 30px;left: 40px; font-size: 32px; color: #424244;}

.swiper {width: 70%;height: 100%;overflow: inherit !important;}
.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:""}


/*主营业务*/
.step_box{text-align: center; width: 70%; margin: 0 auto; background: linear-gradient( #f0f9fc, #fcfefe) ; padding: 40px 15% 0;}
.step_background{ height: 60px; background: linear-gradient( #fcfefe, #f0f9fc); width: 100%;}
.stepbus_ul li{width: 16.66%; float: left;}
.stepbus_ul li:hover  img{transform: scale(1.1);}
.stepbus_ul li img{width: 100%; padding: 10px; box-sizing: border-box;transition: all ease-out .3s;}
.step_tit{font-size: 20px;color: #424244; text-align: center; margin-bottom: 40px;}
.step_bus img{width: 100%;}


.corporate_b{margin-bottom: 120px; margin-top: 20px;}
.corporate_b li{ width: 30%; margin :0 1.66%; position: relative; float: left; text-align:center; overflow:hidden; border-radius: 12px;}
/*.corporate_b  .aimg{ background:url("../img/business/showa.jpg") no-repeat; background-size: 100% 100%; }
.corporate_b  .aimg:hover{ background:url("../img/business/showa1.jpg") no-repeat; background-size: 100% 100%;}
.corporate_b  .bimg{ background:url("../img/business/showb.jpg") no-repeat; background-size: 100% 100%;}
.corporate_b  .bimg:hover{ background:url("../img/business/showb1.jpg") no-repeat; background-size: 100% 100%;}
.corporate_b  .cimg{ background:url("../img/business/showc.jpg") no-repeat; background-size: 100% 100%;}
.corporate_b  .cimg:hover{ background:url("../img/business/showc1.jpg") no-repeat; background-size: 100% 100%;}*/
.corporate_b li img{width: 100%; }
.corporate_b li p{position: absolute; top: 30px;font-size: 52px; left: 40%; color: #fff;font-weight: bold; text-align: center;}
.corfe{position: absolute; bottom: 20px;font-size: 20px; left:10%; color: #fff; text-align: left; line-height: 36px;}
.height80{height: 80px;}


/*服务案例1*/
.step_top{display: inline-block; text-align: center;font-size: 42px; font-weight: bold; padding: 0 40px; border-radius: 35px; height: 70px; line-height: 70px;background: linear-gradient( to right,#c7e7f5, #fcfefe) ; margin-bottom: 10px; }
.challenge{background: #e0f2fa; margin-top: 50px;}
.challenge_tit{font-size: 32px; font-weight: bold; color: var(--bg-color); text-align: center; line-height: 120px;}
.challenge_box {width: 70%; margin: 0 auto; padding-bottom: 40px; }
.challenge_l{float: left; width: 65%; height: 530px;}
.challenge_l img{width: 100%; height: 530px;} 
.challenge_r{float: right; width: 33%;}
.challenge_rf{ background: #fff;padding: 20px; margin-bottom: 20px; height: 215px;}
.challenge_rs{ background: #fff;padding: 20px;height: 215px;}
.challenge_r h4{font-size: 28px; font-weight:bold; color: var(--bg-color);}
.challenge_r p{margin-top: 20px; font-size: 20px; line-height: 32px;}

.modlel{float: left;width: 48%;}
.modler{float: right;width: 48%;}
.modle_tip{font-size: 32px; color: var(--bg-color); text-align: center; font-weight: bold; margin-bottom: 40px;}
.modleul  li{float: left; width: 48%;   position: relative;}
.modleul  .modleula {background:url("../img/modle1.png") no-repeat; background-size: 100% 100%;margin-right: 2%; }
.modleul  .modleulb {background:url("../img/modle2.png") no-repeat; background-size: 100% 100%; margin-left: 2%;}
.modleul  li .modle_hide{width: 100%; opacity: 0;}
.modleul li h4{ position: absolute; top: 10%;  font-size: 30px; color: #fff;text-align: center; width: 100%;}
.modleul li p{ position: absolute; bottom: 10%;  font-size: 16px; color: #fff; font-weight: normal;    padding: 0 20px;text-align: left;}
.modleulc {background:url("../img/modleback.png") no-repeat; background-size: 100% 100%; margin-right: 3%;width: 47% !important;}
.modleuld {background:url("../img/modleback.png") no-repeat; background-size: 100% 100%; margin-left: 3%;width: 47% !important;}
.modleulcimg{position: absolute; top: 10%; text-align: center; width: 100%;}
.modleulcp{position: absolute; top: 40%;  font-size: 32px; color: var(--bg-color);text-align: center; width: 80%; font-weight: bold; padding: 10%;}
.porject_box {width: 100%;  padding-bottom: 40px; }
.porject_l{float: left; width: 65%; height: 530px;}
.porject_l img{width: 100%; height: 530px;} 
.porject_r{float: right; width: 33%; background: #edf8fc;height: 530px; font-size: 24px; line-height: 36px; text-align: center; padding: 20px;box-sizing: border-box;}
.porject_rf{ background: #fff;padding: 20px; margin-bottom: 20px; height: 215px;}
.porject_rspan{margin-bottom: 40px; display: inline-block; text-align: left;}
.bottom40{bottom: -30px !important;}
.bottom40 span{width: 10px; height: 10px;}
.outsource_img img{width: 100%;}
.outsource_box{position: relative; margin-bottom: 80px;}
.outsource_box h4{position: absolute; top: 20px; left: 20px; font-size: 20px; color: #fff;}
.outsource_box h4 img{vertical-align:middle; padding-right: 10px; width:60px;}
.outsource_box p{position: absolute; top: 100px; left: 85px; color: #fff; font-size: 18px; background-color:rgba(0,145,210,.8); padding: 20px 40px 0;box-sizing: border-box; line-height: 32px;text-align: left;}
.outsource_box p span{text-indent: 36px; margin-bottom: 20px; display: inline-block;}
.outsource_img img{min-height: 600px;}

.workheight{ height: 500px; background: #e0f2fa;}
.workall{width: 70%; margin: -420px auto 0;}
.workall img{width: 100%;}
.work_box {width: 60%; text-align: left; margin: 40px auto 40px;}
.work_box ul li{float: left; width: 46%;margin: 0 2%; background: #fff; border-radius: 12px; height: 240px; margin-bottom:20px;object-fit: cover ;filter: drop-shadow(-1px 6px 8px #dcdcdc);padding: 0 20px;box-sizing: border-box;}
.work_box ul li h2{ color: var(--bg-color); font-size: 32px; margin: 60px 0 30px 0;}
.work_box ul li p{ color: #414346; font-size: 18px; line-height: 28px; }


.work_back{background: var(--bg-color);}
.step_work{text-align: center; width: 70%; margin: 0 auto; padding-top: 50px; padding-bottom: 70px;}
.work_tip{font-size: 32px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 40px;}
.workul  li{float: left; width: 23.5%;   position: relative;}
.workul  .workula {background:url("../img/modle1.png") no-repeat; background-size: 100% 100%;margin-right: 2%; transition: all ease-out .3s; }
.workul  .workulb {background:url("../img/work2.png") no-repeat; background-size: 100% 100%;margin-right: 2%;  transition: all ease-out .3s;}
.workul  .workulc{background:url("../img/work3.png") no-repeat; background-size: 100% 100%;margin-right: 2%;  transition: all ease-out .3s;}
.workul  .workuld {background:url("../img/work4.png") no-repeat; background-size: 100% 100%; margin-left: 0;transition: all ease-out .3s;}
.workul  .workula:hover{transform: scale(1.1);}
.workul  .workulb:hover{transform: scale(1.1);}
.workul  .workulc:hover{transform: scale(1.1);}
.workul  .workuld:hover{transform: scale(1.1);}
.workul  li .work_hide{width: 100%; opacity: 0;}
.workul li h4{ position: absolute; top: 10%;  font-size: 30px; color: #fff;text-align: center; width: 100%;}
.workul li p{ position: absolute; bottom: 10%;  font-size: 16px; color: #fff; font-weight: normal;    padding: 0 20px;text-align: left;}
.workulcimg{position: absolute; top: 10%; text-align: center; width: 100%;}
.workulcp{position: absolute; top: 40%;  font-size: 32px; color: var(--bg-color);text-align: center; width: 80%; font-weight: bold; padding: 10%;}

.profit{margin-bottom: 80px;}
.profit li{background:url("../img/profit_back.png") no-repeat; background-size: 100% 100%;margin-right: 2%;float: left; width: 23%; height: 360px;  }
.profit li img{height: 60px; margin: 50px 0;}
.profit li h3{color: var(--bg-color); font-size: 32px; margin-bottom: 100px; padding: 0 20px;}

.porduct_l{width: 41%; float: left;}
.porduct_l img{width: 100%;}
.porduct_r{width: 59%; float: right;}
.idcul li{width: 24%; float: left; margin-bottom: 20px;margin-right: 1%; position: relative;}
.idculb li{width: 24%; float: left;margin-right: 1%;position: relative;}
.idcul li:nth-child(odd){background: var(--bg-color); color: #fff;}
.idcul li:nth-child(even){background: #d1d2d2;color: var(--bg-color);}
.idculb li:nth-child(odd){background: #d1d2d2;color: var(--bg-color);}
.idculb li:nth-child(even){background: var(--bg-color);color: #fff;}
.idculb {margin-bottom: 120px;}
.idcul  li h3{position: absolute; bottom: 20px; font-size: 18px; font-weight: bold;text-align: center;width: 100%; }
.idculb  li h3{position: absolute; bottom: 20px; font-size: 18px; font-weight: bold;text-align: center;width: 100%; }
.idcul img {width: 100%;transition: all ease-out .3s;}
.idculb img {width: 100%;transition: all ease-out .3s;}
.idcul li:hover img{transform: scale(1.1);}
.idculb li:hover img{transform: scale(1.1);}
.height40{height: 40px;}

.banner_hw{width: 70%; margin: 0 auto 40px;}
.banner_hw img{width: 100%;}


.wisdom_l{width: 50%; float: left;}
.wisdom_l img{width: 100%;}
.wisdom_r img{width: 100%;}
.wisdom_r{width: 50%; float: right; text-align: left; }
.wisdom_r h3{font-size: 24px; color: #424244; margin-bottom: 30px;}
.wisdom_r h3 img {vertical-align: middle; margin-right: 10px; width: 30px;}
.wisdom_r p{font-size: 18px; line-height: 30px; color: #424244; margin-bottom: 20px;}

.wisdom_l{width: 50%; float: left; text-align: left;}
.wisdom_l h3{font-size: 24px; color: #424244; margin-bottom: 30px;}
.wisdom_l h3 img {vertical-align: middle; margin-right: 10px; width: 30px;}
.wisdom_l p{font-size: 16px; line-height: 30px; color: #424244; margin-bottom: 20px;}
.wisdom_l p span{font-weight: bold;}
.margintop40{margin-top: 40px;}
.margintop40f{margin-top: -40px;}
.margintop20f{margin-top: -20px;}