/* CSS Document */

.service{width: 100%;}
.service_a{width:100%;margin:0 auto;text-align: center;padding:50px 0;}
.service_a h4{font-size:38px;font-weight:600;line-height:38px;}
.service_a h4 span{width:60px;height:1px;background:#E0E0E0;display:inline-block;margin-bottom:12px;}
.service_a h4 span:first-child{margin-right:40px;}
.service_a h4 span:last-child{margin-left:40px;}
.service_b{width:100%;height:14px;margin-top:18px;font-size: 14px;color:#999;text-align:center;}

#porject{position:relative;background:#fff;}
#porject .porject{width:100%;height:100%;transition:all 1s ease;}
.porject .picScroll-left{width:100%;position:relative;height:390px;}
.porject .picScroll-left .hd{height:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -700px;width:1400px;display:none;}
.porject .picScroll-left:hover .hd{display:block;}
.porject .picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:50px;height:50px;float:right;overflow:hidden;cursor:pointer;border-radius:100%;background:rgba(0,0,0,0.5);text-align:center;line-height:45px;}
.porject .picScroll-left .hd i{color:#fff;font-size:30px;} 
.porject .picScroll-left .hd .next{margin-right:-30px;}
.porject .picScroll-left .hd .prev{float:left;margin-left:-30px;}
.porject .picScroll-left .hd ul{ float:right;overflow:hidden;zoom:1;margin-top:10px;}
.porject .picScroll-left .hd ul li{float:left;width:9px; height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;}
.porject .picScroll-left .hd ul li.on{ background-position:0 0; }
.porject .picScroll-left .bd{width:100%;margin:0 auto;height:100%;}
.porject .picScroll-left .bd .tempWrap{height:100%;width:100% !important;}
.porject .picScroll-left .bd ul{zoom:1;height:100%;padding-top:20px !important;}
.porject .picScroll-left .bd ul li{float:left;text-align:center;height:auto;transition:all 1s;margin-bottom: 20px}
.porject .picScroll-left .bd ul li:hover .box{box-shadow:2px 2px 10px #C8C8C8;transform: translateY(-10px);}
.porject .picScroll-left .box{width:100%;text-align:center;position: relative;height:300px;border:1px solid #e5e5e5;transition:all 1s;}
.porject .picScroll-left .box_a{position:absolute;top:0;width:278px;height:320px;float: left;border:1px solid #ececec;transition:all 1s;}

.porject .picScroll-left .box .box_img{width:100%;height:180px; overflow:hidden;margin:0 auto 26px;position:relative;padding:25px 20px;}
/* .porject .picScroll-left .box .box_img h2{color:#fff;font-size:28px;text-align:left;font-weight:lighter;text-shadow:0 0 3px #000;line-height:28px;height:28px;}
.porject .picScroll-left .box .box_img p{text-align:left;color:#fff;font-size:16px;line-height:16px;margin-top:10px;text-shadow:0 0 3px #000;} */
.porject .picScroll-left .box img{height:100%;width:100%;transform: scale(1.05);position:absolute;top:0;left:0;transition: all 1s;}
.porject .picScroll-left .box h2{font-size:20px;font-weight:600;margin-bottom:10px;color:#333;}
.porject .picScroll-left .box b{font-size:14px;font-weight:normal;display:block;padding:0 10px 0 10px;color:#666;margin-bottom:20px;}
.porject .picScroll-left .box a{width:100px;height:32px;border:1px solid #ccc;color:#999;outline:none;cursor:pointer;z-index:2;background:0;transition:all 1s; line-height: 32px;}
.porject .picScroll-left .btn1{position:absolute;left:33px;transition: all 1s;}
.porject .picScroll-left .btn2{position:absolute;right:33px;transition: all 1s;}
.porject .picScroll-left .box:hover img{cursor: pointer;transform: scale(1);}
.porject .picScroll-left .btn1:hover,.porject .picScroll-left .btn2:hover{background: #2BB07C;border:1px solid #2BB07C;color:#fff;}
.porject .more{width:100%;text-align:center;padding:70px 0;margin:0 auto;height:182px;}
.porject .more button{height:42px;border:1px solid #e5e5e5;color:#ff5a02;width:180px;background:0;}
			/* 服务优势 */
#advantage{position:relative;background:#F5F5F5;}
#advantage .porject{width:100%;height:100%;transition:all 1s ease;}

.advantage{width:100%;}
.advantage .advantage_a{width:100%;margin:0 auto;}
.advantage .advantage_a .layui-tab{border:0;margin:0;width:100%;}
.advantage .advantage_a .adv{width:100%;display:flex;text-align: center;}
.advantage .layui-tab .layui-tab-title{border:0;margin:0 auto;}
.advantage .layui-tab .layui-tab-title li{width:120px;height:38px;margin-right:20px;background:#E1E1E1;color:#333;padding:0;border-radius:5px;}
.advantage .layui-tab .layui-tab-title li:last-child{margin-right:0;}
.advantage .layui-tab .layui-tab-title li:hover{background:#2BB07C;color:#fff;}
.layui-tab-title .layui-this{background:#2BB07C !important;color:#fff !important;}
.layui-tab-title .layui-this:after{border:0;height:0;}
.advantage .layui-tab-content{width:100%;padding:70px 0;height:500px}
.advantage .layui-tab-content .layui-tab-item{width:100%;}
.advantage .layui-tab-content .layui-tab-item .adv_left{float:left;width:600px;}
.advantage .layui-tab-content .layui-tab-item .adv_right{float:right;width:700px;height:340px;margin-top:10px;background: #fff;padding:60px;}
.advantage .layui-tab-content .layui-tab-item .adv_right h2 span{display:inline-block;height:43px;border-bottom:2px solid #414141;width:190px;text-align:left;color:#333;font-size: 20px;}
.advantage .layui-tab-content .layui-tab-item .adv_right p{color:#888;line-height:2;font-size: 16px;margin-top:30px;}
/* 服务流程 */
#banner_ff{overflow:hidden;position:relative;background:#fff;margin-bottom: 20px}
.zzx-process-box {margin-top: 52px}
.index-zzx-step {margin-top: 16px;font-size: 18px;color: #666}
.index-zzx-detail {margin-top: 3px;font-size: 15px;color: #999}
.zzx-step-box {margin-top: 28px;height: 33px}
.zzx-step-img {position: relative;float: left;margin-left: 5px}
.zzx-step-img-first {margin-left: 25px}
.icon-round{float:left;width:33px;height:33px;background:#fff;border:1px solid #e5e5e5;border-radius:100%;}
/* .zzx-step-img:hover .icon-round{background:#2BB07C;border:0;}
.zzx-step-img:hover .step-num{color:#fff;} */
.step-num{position: absolute;top:7px;left:13px;font-size:14px;color: #a3a3a3}
.index-yzs .yzs-bg-left,.index-yzs .yzs-bg-right,.yzs-bg-right-box {top: 0;position: absolute;height: 500px}
.step-line {float: left;width: 170px;height: 1px;margin: 16px 0 0 5px;background-color: #e3e3e3;}
.index-yzs {position: relative;height: 500px;overflow: hidden;-webkit-transform: translate(0, 10%);-moz-transform: translate(0, 10%);-ms-transform: translate(0, 10%);-o-transform: translate(0, 10%);transform: translate(0, 10%);}
.index-yzs .yzs-bg-left img {width: 1536px;height: 1000px;margin-top: -300px;margin-left: -371px}
.index-yzs-bg {float: left;width: 100%}
.index-yzs .yzs-bg-left {left: 0;*width: 65%;overflow: hidden;}
.yzs-bg-right-box {right: 0;z-index: 11;width: 597px;*width: 45%;}
.zzx-process-box li:hover .index-zzx-step{color:#FF5A02;}
.zzx_process{height:80px;width:81px;display:inline-block;overflow:hidden;transition:0.35s all;}
.zzx_process img:first-child{transform:translateY(0px);transition:0.35s all;}
.zzx_process img:last-child{transform:translateY(10px);transition:0.35s all;}
.zzx-process-box li:hover .zzx_process img:first-child{transform:translateY(-80px);transition:0.35s all;}
.zzx-process-box li:hover .zzx_process  img:last-child{transform:translateY(-80px);transition:0.35s all;}
.zzx-process-yy {width: 120px;}
.zzx-process-lf {width: 152px;}
.zzx-process-fa {width: 144px;}
.zzx-process-ht {width: 155px;}
.zzx-process-sg {width: 145px;}
.zzx-process-ys {width: 150px;}
.zzx-process-bz {width: 112px;}
.zzx-process-box ul {overflow: hidden;}
.zzx-process-box ul li {position: relative;float: left;text-align:center;}
.zzx-process-box ul li p {white-space: nowrap;}
.zzx-process-box ul li span {display: block;}
/*.zzx-process-box ul li+li {margin-left:62px;}*/
@media(max-width:640px){
	
	#banner_ff{display: none}
	.online_consu{display: none}
	
}
@media(min-width:1024px){
	
	.porject .picScroll-left .bd ul li{padding-left: 0;padding-right: 20px;}
	
	.porject .picScroll-left .bd ul li:nth-child(4n){
		padding-left: 0;padding-right: 0px
	}
	
}