/* banner */
.banner{ height: 540px; }
.banner .carousel , .carousel-inner, .carousel-inner>.item, .carousel-inner>.item img{ height: 100%!important; width: 100%; object-fit: cover; }
.banner .carousel-indicators{ bottom: 10px; }
.banner .carousel-indicators li { width: 54px; max-height: 10px; background-color: rgba(255,255,255,.3); border: none; border-radius: 0; margin: 0 6px; } 
.banner .carousel-indicators li.active { opacity: 1; height: 10px; background-color: #fff; } 
.banner .z-carousel-caption { background-color: transparent; position: absolute; top: 50%; width: 100%; transform: translateY(-60%); }
.banner .z-carousel-caption .container{ padding: 0 128px; }
.banner .z-carousel-caption h1{ font-family: MiSansBold!important; color: #fff; font-size: 48px; line-height: 1.5em; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
.banner .z-carousel-caption p{ margin-top: 30px; }
.banner .z-carousel-caption p a{ font-size: 16px; display: inline-block; width: 100px; height: 40px; line-height: 40px; color: #fff; background: rgba(0,0,0,0.4); border-radius: 24px 24px 24px 24px; text-align: center; }
.banner .z-carousel-caption .z-carousel-control { position: absolute; }

.banner .z-controls{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.banner .z-controls a{ display: inline-block; width: 42px; height: 80px; text-align: center; }
.banner .z-controls i{ line-height: 80px; font-size: 50px; color: #fff; opacity: 0.5; }
.banner .z-controls .right{ float: right; }

.z-total-title{ padding-top: 78px; text-align: center; }
.z-total-title h3{ margin: 0 0 80px 0; color: #000000; font-size: 38px; display: inline-block; padding-bottom: 30px; border-bottom: 2px solid #4699f1; }

/* 新闻资讯 */
.box-1{ padding-bottom: 100px; position: relative; }
.dynamic{ background: #fff; position: relative; overflow: hidden; background-color: #fff; }
.dynamic .bg{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.dynamic .container{ position: relative; z-index: 5; } 

.dynamic .nav-top{ background: #fff; font-size: 0; padding: 0; position: relative; margin-bottom: 50px}
.dynamic .nav-top .top-left{ margin-bottom: 0; display: inline-block; }
.dynamic .nav-top .top-left span{font-size: 20px; padding: 10px 30px; display: inline-block; color: #666; letter-spacing: 1px; cursor: pointer; }
.dynamic .nav-top .top-left span:hover{ color: #fff; background: #4699f1; }
.dynamic .nav-top .top-left span.active{ color: #fff; background: #4699f1; }
.dynamic .nav-top .more{ font-size: 16px; color: #6c6c6c; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; }
.dynamic .right{ padding: 0; display: block; margin-bottom: 40px; }
.dynamic .right li{ margin-top: 30px; }
.dynamic .right li a{ display: block; border-bottom: 1px dotted #ccc; list-style: none; padding: 10px 26px; cursor: pointer; position: relative; box-sizing: border-box; }
.dynamic .right li a:before{ position: absolute; top: 15px; left: 0; content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #4699f1; }
.dynamic .right li p{ display: inline-block; margin-bottom: 0; }
.dynamic .right li .details-box{ width: 80%; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dynamic .right li .details-box .title{ display: block; font-size: 18px; color: #333333; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }
.dynamic .right li .details-box .details{ display: block; font-size: 16px; color: #999; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dynamic .right li .time{ color: #4699f1; font-style: italic; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.dynamic .right li .time b{ display: block; font-size: 24px; margin-bottom: 10px; }
.dynamic .right li .time span{ display: block; font-size: 12px; }
 
/* 查询 */ 
.check-box{ position: relative; padding: 60px 0; }
.check-box .bg{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }
.check-box .check-box-content{ position: relative; }
.check-box .check-box-content .bg-2{ position: absolute; width: 100%; height: 100%; }
.check-box .check-box-content .c{ text-align: center; position: relative; padding: 30px 10px; }
.check-box .check-box-content .c h3{ text-align: center; color: #000; font-size: 30px; margin-bottom: 15px; }
.check-box .check-box-content .c .search-box{ border-radius: 10px; overflow: hidden; display: inline-block; margin: 10px 0 0; border: 1px solid #548bfb; box-shadow: 6px 7px 6px 1px rgba(89,159,255,0.27); font-size: 0;}
.check-box .check-box-content .cx .search-box { width: 100%; max-width: 400px; position: relative; padding-right: 70px;  }
.check-box .check-box-content .cx .search-box input{ width: 100%; color: #333; height: 45px; line-height: 45px; padding: 0 15px; border: none; outline: none; font-size: 20px; }
.check-box .check-box-content .cx .search-box span.search-btn{ position: absolute; width: 70px; text-align: center; color: #fff; height: 45px; line-height: 45px; font-size: 20px; background-color: #4699f1; display: inline-block; right: 0; top: 0; cursor: pointer; }

.check-box .check-box-content .c .search-box .show-check{ cursor: pointer; padding: 0 20px; top: center; height: 45px; line-height: 45px; color: #666; font-size: 20px; }
.check-box .check-box-content .c .search-box .show-check:hover{ color: #fff; background-color: #4699f1; }

.check-box .check-box-content .result .text{ font-size: 20px; color: #333; margin: 30px 0; padding: 0 30px; }
.check-box .check-box-content .result .text span{ display: inline-block; margin: 0 10px; }


.checkout-content .text{ font-size: 20px; color: #333; margin: 30px 0; padding: 0 30px; }
.checkout-content .text span{ display: inline-block; margin: 0 10px; }
 
table tr th{ white-space: nowrap; background: #4699f1; color: #fff; }
table tr th, tbody tr td{ text-align: center; }
.table{ margin-bottom: 0; }
.checkout-content{ height: 450px; overflow: auto; position: relative; border: 1px solid #ddd; }
.fixed-top{ position: absolute; top: 0; width: 100%; left: 0; }

.checkout-div .show-check{ border-radius: 6px; margin-top: 20px; display: inline-block; cursor: pointer; padding: 0 20px; top: center; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #4699f1; }

 
/* 服务类型 */
.box-3 { padding-bottom: 80px; }
.box-3 .col-content{ margin-bottom: 30px; position: relative; border-radius: 10px; overflow: hidden; }
.box-3 .col-content img{ width: 100%; height: 100%; object-fit: cover; } 
.box-3 .col-content .div-1{ position: absolute; height: 100%; background-color: rgba(0,0,0,0.3); width: 100%; text-align: center; top: 0; left: 0; }
.box-3 .col-content .div-1 p{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; font-size: 30px; color: #fff; font-weight: normal; }
.box-3 .col-content .div-hover{ box-sizing: border-box; position: absolute; top: 100%; transition: all 0.5s; left: 0; background-color: #DFE6FD; width: 100%; height: 100%; }
.box-3 .col-content .div-hover .title{ font-size: 20px; color: #000; }
.box-3 .col-content .div-hover .check-more{ display: block; margin-top: 50px; background-color: #4699f1; text-align: center; border-radius: 10px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; width: 100%; }
.box-3 .col-content .div-hover div{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; padding: 0 80px; }
.box-3 .col-content:hover .div-hover{ top: 0; }


/* 服务资质 */
.box-4{ padding-bottom: 80px; position: relative; }
.box-4 .bg{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.box-4 .container { position: relative; }
.box-4 .z-lunbo{ font-size: 0; }
.box-4 .z-lunbo .z-lunbo-list{ display: inline-block; }
.box-4 .z-lunbo .z-lunbo-list a{ display: block; }
.box-4 .z-lunbo .z-lunbo-5{ width: 20%; }
.box-4 .z-lunbo .z-lunbo-4{ width: 25%; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(1) { text-align: left; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(2) { text-align: left; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(4) { text-align: right; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(5) { text-align: right; }

.box-4 .z-lunbo .z-lunbo-list:nth-child(1) img { width: 60%; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(2) img { width: 70%; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(3) img { width: 100%; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(4) img { width: 70%; }
.box-4 .z-lunbo .z-lunbo-list:nth-child(5) img { width: 60%; }


/* 评测流程 */
.box-5{ padding-bottom: 100px; position: relative; }  
.box-5 .container{ position: relative; }
.box-5 .container .container-box{ position: relative; z-index: 1; }
.box-5 .line{ width: 100%; position: absolute; bottom: 10px; left: 0; } 
.box-5 .z-col{ padding-bottom: 80px; }
.box-5 .col-content{ cursor: pointer; position: relative; padding: 50px 0; text-align: center; background-color: #fff; box-shadow: 0 6px 28px 0 rgba(21,22,25,0.09); }
.box-5 .col-content:after{ content: ""; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%) rotate(45deg); bottom: -10px; border-top: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid #fff; box-shadow: 3px 3px 3px rgba(21,22,25,0.09); }
.box-5 .col-content:before { content: ""; bottom: -50px; transform: translateX(-50%); left: 50%; display: inline-block; width: 30px; height: 30px; border-radius: 50%; background-color: #c6ccd7; border: 4px solid #fff; position: absolute; box-shadow: 3px 3px 3px rgba(21,22,25,0.1); }
.box-5 .col-content .p-icon span{ border: 2px solid transparent; display: inline-block; box-sizing: border-box; width: 97px; height: 97px; line-height: 93px; color: #fff; font-size: 40px; border-radius: 50%; }
.box-5 .col-content .text{ color: #333; font-size: 20px; margin-top: 40px; }

.box-5 .z-col:nth-child(1) .col-content, .box-5 .z-col:nth-child(3) .col-content, .box-5 .z-col:nth-child(5) .col-content{ margin-top: 130px; }
.box-5 .z-col:nth-child(1) .col-content:before{ bottom: -75px; }
.box-5 .z-col:nth-child(2) .col-content:before{ bottom: -65px; }
.box-5 .z-col:nth-child(3) .col-content:before{ bottom: -75px; }
.box-5 .z-col:nth-child(4) .col-content:before{ bottom: -74px; }
.box-5 .z-col:nth-child(5) .col-content:before{ bottom: -80px; }
.box-5 .z-col:nth-child(6) .col-content:before{ bottom: -73px; }

.box-5 .z-col:nth-child(1) .col-content .p-icon span{ background-color: #266cff; }
.box-5 .z-col:nth-child(2) .col-content .p-icon span{ background-color: #266cff; }
.box-5 .z-col:nth-child(3) .col-content .p-icon span{ background-color: #ffab63; }
.box-5 .z-col:nth-child(4) .col-content .p-icon span{ background-color: #ffab63; }
.box-5 .z-col:nth-child(5) .col-content .p-icon span{ background-color: #53d290; }
.box-5 .z-col:nth-child(6) .col-content .p-icon span{ background-color: #53d290; }

.box-5 .z-col:nth-child(1) .col-content:hover .p-icon span{ color: #266cff; background-color: #fff; border-color: #266cff; }
.box-5 .z-col:nth-child(2) .col-content:hover .p-icon span{ color: #266cff; background-color: #fff; border-color: #266cff; }
.box-5 .z-col:nth-child(3) .col-content:hover .p-icon span{ color: #ffab63; background-color: #fff; border-color: #ffab63; }
.box-5 .z-col:nth-child(4) .col-content:hover .p-icon span{ color: #ffab63; background-color: #fff; border-color: #ffab63; }
.box-5 .z-col:nth-child(5) .col-content:hover .p-icon span{ color: #53d290; background-color: #fff; border-color: #53d290; }
.box-5 .z-col:nth-child(6) .col-content:hover .p-icon span{ color: #53d290; background-color: #fff; border-color: #53d290; }

.box-5 .z-col:nth-child(1) .col-content:hover .text{ color: #266cff; font-weight: bold; }
.box-5 .z-col:nth-child(2) .col-content:hover .text{ color: #266cff; font-weight: bold; }
.box-5 .z-col:nth-child(3) .col-content:hover .text{ color: #ffab63; font-weight: bold; }
.box-5 .z-col:nth-child(4) .col-content:hover .text{ color: #ffab63; font-weight: bold; }
.box-5 .z-col:nth-child(5) .col-content:hover .text{ color: #53d290; font-weight: bold; }
.box-5 .z-col:nth-child(6) .col-content:hover .text{ color: #53d290; font-weight: bold; }

.box-5 .z-col:nth-child(1) .col-content:hover:before{ background: #266cff; }
.box-5 .z-col:nth-child(2) .col-content:hover:before{ background: #266cff; }
.box-5 .z-col:nth-child(3) .col-content:hover:before{ background: #ffab63; }
.box-5 .z-col:nth-child(4) .col-content:hover:before{ background: #ffab63; }
.box-5 .z-col:nth-child(5) .col-content:hover:before{ background: #53d290; }
.box-5 .z-col:nth-child(6) .col-content:hover:before{ background: #53d290; }


/* .swiper-container {
	width: 100%;
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	padding:10px;
	display: block;
	border-radius: 14px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(images/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 20px;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.swiper-slide img {
	width: 100%;
	display: block;
}

.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}
 */



@media (min-width: 1340px){
	.dynamic-wraper-left{ padding-right: 70px; }
	.dynamic-wraper-right{ padding-left: 70px; }
	.dynamic .nav-top .top-left span{ font-size: 24px; }
	.dynamic .nav-top .more, .dynamic .right li .details-box .title{ font-size: 18px; }
	.box-3 .col-content{ height: 300px; }
}


@media (max-width: 1339px){
	.box-5 .col-content{ padding: 40px 0; }
	.box-5 .col-content:before{ width: 24px; height: 24px; }
	.box-5 .col-content .text{ margin-top: 20px; font-size: 18px; }
	.box-5 .col-content .p-icon span{ width: 80px; height: 80px; line-height: 80px; }
	.box-5 .z-col:nth-child(2) .col-content:before{ bottom: -80px; }
	.box-5 .z-col:nth-child(4) .col-content:before{ bottom: -85px; }
	.box-5 .z-col:nth-child(6) .col-content:before{ bottom: -85px; }
}

@media (max-width: 1200px){
	.banner{ height: 370px; }
	
	.box-5 .line{ display: none; }
	.box-5 .z-col:nth-child(1) .col-content, .box-5 .z-col:nth-child(3) .col-content, .box-5 .z-col:nth-child(5) .col-content{ margin-top: 0; }
	.box-5 .col-content:before{ display: none; }
}

@media (max-width: 768px){
	.banner{ height: 200px }
	.banner .z-controls i{ font-size: 30px; }
	.banner .carousel-indicators li,.banner .carousel-indicators li.active{ width: 20px; height: 6px; }
	
	.z-total-title{ padding-top: 40px; }
	.z-total-title h3{ padding-bottom: 10px; font-size: 32px; margin-bottom: 40px; }
	
	.dynamic{ padding-bottom: 20px; }
	.dynamic .right li{ margin-top: 10px; }
	.dynamic .nav-top { margin-bottom: 20px; }
	.dynamic .nav-top .top-left span{ padding: 10px 20px; font-size: 18px; }
	.dynamic .right li .details-box .title{ font-size: 16px; }
	
	.check-box .check-box-content .c h3{ font-size: 20px; }
	.check-box .check-box-content .c .search-box input,.check-box .check-box-content .c .search-box span{ font-size: 16px; height: 40px; line-height: 40px; }
	
	.box-3{ padding-bottom: 20px; }
	.box-3 .col-content .div-hover .check-more{ margin-top: 30px; }
	.box-3 .col-content .div-1 p{ font-size: 30px; }
	.box-3 .col-content{ height: 210px; margin-bottom: 15px; }
	.box-3 .col-content .div-hover div{ padding: 0 20px; }
	
	.box-5{ padding-bottom: 40px; }
	.box-5 .z-col{ padding-bottom: 15px; }
	.box-5 .z-col:nth-child(2n){ padding-left: 7px; }
	.box-5 .z-col:nth-child(2n+1){ padding-right: 7px; }
	.box-5 .col-content:after{ display: none; }
	
	.box-4{ padding-bottom: 40px; }
	.box-4 .z-lunbo { margin: 0 -5px; }
	.box-4 .z-lunbo .z-lunbo-5{ width: 50%; }
	.box-4 .z-lunbo .z-lunbo-list{ vertical-align: top; text-align: center!important; height: 250px; padding: 10px 10px; }
	.box-4 .z-lunbo .z-lunbo-list a{ overflow: hidden; position: relative; background-color: #fff; display: block; height: 100%; width: 100%; box-sizing: border-box; }
	.box-4 .z-lunbo .z-lunbo-list a img{ object-fit: cover; position: absolute; top: 50%; left:0; transform: translateY(-50%) scale(0.8); width: 100%!important; }
}