body{ background-color: #fff; }

.box-4{ margin-top: -31px; position: relative; }
/* table切换 */
.table-box{ border-radius: 16px 16px 16px 16px; }
.table-box .table-nav { font-size: 0; text-align: center; margin-bottom: 28px; background: #FFFFFF; border-radius: 16px; box-shadow: 0px 10px 26px 1px rgba(80, 162, 232, 0.058823529411764705); }
.table-box .table-nav li{ cursor: pointer; padding: 19px 0; display: inline-block; font-size: 16px; color: #212121; margin-bottom: 24px; margin: 0 40px; }
.table-box .table-nav li i{ margin-right: 4px; display: inline-block; font-size: 24px; vertical-align: middle; }
.table-box .table-nav li span{ vertical-align: middle; }
.table-box .table-nav li a{color: #212121; }
.table-box .table-nav li.select a{color: #009782; }
.table-box .table-nav li:hover a{color: #009782; }
.table-box .table-nav li:hover, .table-box .table-nav li.select{color: #009782; }
.table-list{ display: none; }


/* 宣传片 */
.table-box .title{ margin: 0 0 36px; text-align: center; }
.table-box .title h1{ color: #212121; font-size: 36px; line-height: 1.5em; font-family: MiSansBold!important; }
.table-box .second-title{ text-align: center; color: #696969; font-size: 20px; line-height: 1.5em; margin-top: 15px; }
.table-box .img-box{ margin-bottom: 40px; padding: 0 90px; }
.table-box .img-box .img{ padding-bottom: 44%; position: relative; }
.table-box .img-box img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }

.table-box .table-list-1 .d2{ padding: 0 90px; }
.table-box .table-list-1 .d2 .img{ font-size: 0; margin: 0 -30px; }
.table-box .table-list-1 .d2 .img .img-list{ display: inline-block; width: 33.333%; padding: 0 30px; margin: 0 0 40px 0; }
.table-box .table-list-1 .d2 .img .img-list > div{ border-radius: 20px; overflow: hidden; position: relative; cursor: pointer; }
.table-box .table-list-1 .d2 .img .img-list > div:after{ content: ""; display: block; width: 100%; top: 0; left: 0; position: absolute; height: 100%; background-color: rgba(0,0,0,0.5); display: none; border-radius: 20px; }
.table-box .table-list-1 .d2 img{ width: 100%; height: 450px; object-fit: cover; }
.table-box .table-list-1 .d2 .introduce{ transition: all 0.5s; position: absolute; bottom:0; color: #fff; width: 100%; }
.table-box .table-list-1 .d2 .introduce-show{ padding: 0 30px 40px; }
.table-box .table-list-1 .d2 .introduce-hide{ bottom: -100%; position: absolute; height: 100%; }
.table-box .table-list-1 .d2 .introduce-hide>div{ bottom: 0%; position: absolute; width: 100%; z-index: 1; padding: 0 30px 40px; }
.table-box .table-list-1 .d2 .introduce h3{ font-size: 24px; font-weight: bold; margin-bottom: 5px; }
.table-box .table-list-1 .d2 .introduce h5{ font-size: 16px; margin-bottom: 12px; }
.table-box .table-list-1 .d2 .introduce p{ font-size: 20px; line-height: 1.5em; }
.table-box .table-list-1 .d2 .img .img-list:hover .introduce-show{ opacity: 0; }
.table-box .table-list-1 .d2 .img .img-list:hover .introduce-hide{ bottom: 0; }
.table-box .table-list-1 .d2 .img .img-list:hover>div:after{ display: block; }

.table-list-2 .d2{ margin-bottom: 41px; }
.table-list-2 .d2 .img{ width: 100%; padding: 0 197px; background-color: #000; }
.table-list-2 .d2 .img img{ width: 100%; }

.table-box .table-list-3 .d3{ margin-bottom: 48px; }
.table-box .table-list-3 .d3-content{ margin-top: 48px; text-align: center; }
.table-box .table-list-3 .d3-content p{ font-weight: bold; color: #212121;font-size: 20px; margin-bottom: 12px; }
.table-box .table-list-3 .d3-content img{ margin-bottom: 29px; height: 100px;
 }
 
.table-box .table-list-3 .d4-content .left{ text-align: right; }
.table-box .table-list-3 .d4-content label{ margin:0; width: 120px; text-align: right; font-weight: normal; color:  #696969; font-size: 20px; }
.table-box .table-list-3 .d4-content label i{ color: red; display: inline-block; margin-right: 4px; font-style: normal; }
.table-box .table-list-3 .d4-content .form-group{ margin-bottom: 27px; }
.table-box .table-list-3 .d4-content .form-control{ display: inline-block; color: #696969; font-size: 18px; border: 1px solid #D2D2D2; width: 300px; font-weight: normal; height: 36px; }

.table-box .table-list-3 .bm-success{ margin-top: 70px; }
.table-box .table-list-3 .bm-success i{ font-size: 80px; color: #009782; }
.table-box .table-list-3 .bm-success .text{ margin-top: 20px; color: #212121; font-size: 20px; margin-bottom: 120px; }

.bottom-btn{ margin: 9px 0 36px 0;  }
.bottom-btn p{ font-size: 0; cursor: pointer; display: inline-block; width: 150px; height: 54px; line-height: 52px; box-sizing: border-box; border: 1px solid #009782; color: #009782; border-radius: 30px; }
.bottom-btn p i{ display: inline-block; font-size: 20px; vertical-align: middle; }
.bottom-btn p span{ margin-right: 8px; font-size: 16px; display: inline-block; vertical-align: middle; }
.bottom-btn p:hover{ color: #fff; background-color: #009782; }

.go-next{ text-align: center; margin: 0 0 48px; }
.go-next span{ display: inline-block; text-align: center; cursor: pointer; color: #fff; width: 150px; height: 54px; line-height: 52px;  border: 1px solid  #212121; font-size: 16px; border-radius: 30px; background-color: #212121; }
/* .go-next span:hover{ color: #212121; background-color: #fff; } */

/* .table-box .table-content .table-list{ margin-left: -12px; margin-right: -12px; } */

/* 相关案例 */
.table-box .case{ margin-bottom: 40px; }
.table-box .case .colee_left{ overflow: hidden; padding: 0 12px; }
.table-box .case .tt{ width: 570px; height: 320px; margin: 0 12px; object-fit: cover; }

/* 流程 */
.table-box .table-list .z-rule .z-container{ width: 100%; max-width: 1500px; margin: 0 auto; font-size: 0; }
.table-box .table-list .z-rule .title{ margin-bottom: 36px; }
.table-box .table-list .z-rule .list{ display: inline-block; text-align: center; margin-bottom: 36px; position: relative; padding: 0 10px; }
.table-box .table-list .z-rule .list-number .jiantou{ position: absolute; text-align: center; right: -40px; top: 48px; }
.table-box .table-list .z-rule .list-number .jiantou i{ display: inline-block; font-size: 24px; color: #009782; }
.table-box .table-list .z-rule .list-number .number-img img{ width: 120px; }
.table-box .table-list .z-rule .list-number h2{ color: #212121; font-size: 28px; font-weight: bold; margin-top: 24px; }
.table-box .table-list .z-rule .list-number p{ color: #696969; font-size: 16px; margin-top: 18px; }

.table-box .table-list-2 .z-rule .list-number .jiantou{ right: -80px; }


/* @media (min-width: 1500px) {
	.table-box .table-list .z-rule .z-container{ width: 1500px; }
} */

@media (max-width: 1260px){
	.table-box .table-nav li{ margin: 0 30px; }
	.table-box .img-box{ padding: 0; }
	.table-box .table-list-1 .d1,.table-box .table-list-1 .d2{ padding: 0; }
	.table-box .table-list-1 .d2 .img{ margin: 0 -15px; }
	.table-box .table-list-1 .d2 .img .img-list{ padding: 0 15px; }
	
	.table-box .table-list .z-rule .list-number .number-img img{ width: 100px; }
	.table-box .table-list .z-rule .list-number .jiantou{ top: 38px; }
	.table-box .table-list .z-rule .list-number h2{ font-size: 22px; }
	
	.table-box .case .tt{ width: 400px; height: 224px; }
	.table-list-2 .d2 .img{ padding: 0; }
}
@media (max-width: 991px) {
	.table-box .table-list-3 .d4-content{ text-align: center; }
	.table-box .table-list-3 .d4-content .left{ text-align: center; }	
	.table-box .table-list .z-rule .z-container .z-flex{ display: block; }
	.table-box .table-list .z-rule .list-number .jiantou{ display: none; }
	
	.table-box .table-list-1 .d2 img{ height: 345px; }
	.table-list-2 .d2 .img{ padding: 0; }
}

@media (max-width: 768px) {
	.table-box .table-list-1 .d2 .img .img-list{ width: 100%; }
	.table-box .table-list-1 .d2 img{ height: 350px; }
	.table-box .table-list-3 .d4-content label{ text-align: left; display: block; width: auto; }
	.table-box .table-list-3 .d4-content .form-control{ width: 100%; }
	.table-box .table-list-3 .d4-content{ text-align: left; }
	.table-box .table-list-3 .d4-content .left{ text-align: left;}
		
	.table-box .table-nav li{ width: 50%; margin: 0; }
	.table-box .case .tt{width: 300px; height: 168px;}
	
	.table-box .table-list .z-rule .list{ width: 50%; display: inline-block; }
	
	.table-box .title h1{ font-size: 28px; }
	.table-box .second-title{ font-size: 18px; }
	.table-list-2 .d2 .img{ padding: 0; }
}