/* Overline From Left */
.hvr-overline-from-left {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-overline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;top: 0;background: #ffa400;height: 4px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {right: 0;}

.swiper-banner{position: relative;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;}
.swiper-banner .swiper-slide a{width:100%;height:100%;display: block;}
.swiper-banner .swiper-pagination-bullet { width: 10px; height: 10px; background: transparent; border: 1px solid #ffffff;opacity:1;}
.swiper-banner .swiper-pagination-bullet-active{ background: #ffffff;}
		
.case-list-nav{border-bottom:1px solid #d5d5d5;margin-top:20px;}
.case-list-nav .nav-item{display:inline-block;position:relative;cursor:pointer;}
.case-list-nav ul{text-align: center;}
.case-list-nav .nav-item span,.case-list-nav .nav-item a{display:block;padding:30px 24px;font-size:20px;color:#757575;line-height:1;transition:all ease 0.15s;}
.case-list-nav .nav-item.active a,.case-list-nav .nav-item:hover a,.case-list-nav .nav-item.active span,.case-list-nav .nav-item:hover span{color:#1976d2;}
.case-list-nav .nav-item:after{content:"";position:absolute;bottom:-1px;margin-left:auto;margin-right:auto;width:68px;height:2px;background-color:#1976d2;left: 0;right: 0;opacity:0;}
.case-list-nav .nav-item.active::after,.case-list-nav .nav-item:hover::after{opacity:1;}

.case-list-content{margin-bottom:60px;}
.case-list-content .content-item{display:none;}
.case-list-content .content-item .item{margin-top:60px;}
.case-list-content .content-item .item .case-list-item-one{padding-right:10px;}
.case-list-content .content-item .item .case-list-item-two{padding-left:10px;}
.case-list-content .content-item .item a{display:block;position: relative;}
.case-list-content .content-item .item .content-item-image{display: block;position: relative;overflow: hidden;}
.case-list-content .content-item .item .content-item-image img{display: block;}

.case-list-content .content-item .item .content-item-image .content-item-image_two{position: absolute; top:0; left: 0; z-index: -9;}
.case-list-content .content-item .item a:hover .content-item-image_two{z-index:9;animation:zoomIn 0.3s;-webkit-animation:zoomIn 0.3s;}
.case-list-content .content-item .item a:hover  .hvr-overline-from-left:before{ right: 0;}


.case-list-content .content-item .item .case-list-item_title{background-color:#f5f5f5;height:373.33333333px;padding:60px 30px;overflow: hidden;}
.case-list-content .content-item .item .case-list-item_title h3{font-size:28px;}
.case-list-content .content-item .item .case-list-item_title small{font-size:16px;line-height:2;color:#757575;display:block;margin-top:30px;}

.case-list-content .content-item .item .case-list-item_title .case-list-item_link{margin-top:35px;}
.case-list-content .content-item .item .case-list-item_title .case-list-item_link span{line-height: 1;font-size: 16px;color: #ffffff;display: inline-block;vertical-align: bottom;}
.case-list-content .content-item .item .case-list-item_title .case-list-item_link i{background-image: url(../png/ico_r-3.png);margin-left: 10px;background-size: 100% 100%;width: 20px;height: 12px;display: inline-block;vertical-align: bottom;}
.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_more{line-height: 1;display: inline-block;background-color: #1976d2;
padding: 10px 36px 12px 30px;}
.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_chat{line-height: 1;display: inline-block;background-color: #ffa400;
padding: 10px 36px 12px 30px;margin-left:20px;}
.case-list-content .content-item .item .case-list-item-three,.case-list-content .content-item .item .case-list-item-four,.case-list-content .content-item .item .case-list-item-five{margin-top:30px;}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.case-list-content .content-item .item .case-list-item-top span{position:absolute;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;padding:16px 24px;bottom:0;z-index:99;color:#ffffff;background-color:rgba(0,0,0,0.5);width:100%;}
.case-list-content .content-item .item .case-list-item-top i{background-image:url(../png/jing_ico.png);width:32px;height:42px;background-size:100% 100%;position:absolute;top:8px;left:12px;z-index:99;}
.case-list-content .content-item .item .case-list-text{padding:20px 0 16px;margin-top:-4px;z-index:99;display:block;color:#757575;font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all ease 0.15s;}
.case-list-content .content-item .item a:hover .case-list-text{color:#1976d2;}

.case-list-content .content-item .view-more{border: solid 1px #d5d5d5;display:table;margin-left:auto;margin-right:auto;margin-bottom:60px;margin-top:60px;}
.case-list-content .content-item .view-more a{color:#757575;font-size:20px;padding:15px 168px;display:block;line-height:1;}

@media only screen and (max-width: 1199px){
	.case-list-nav{margin-top:20px;}
	.case-list-nav .nav-item span, .case-list-nav .nav-item a{padding:30px 12px;}
	.case-list-content{margin-bottom:40px;}
	.case-list-content .content-item .item{margin-top:40px;}
	.case-list-content .content-item .item .case-list-item_title{height:306.667px;padding: 40px 20px;}
	.case-list-content .content-item .item .case-list-item_title small{margin-top:20px;max-height:112px;overflow:hidden;font-size:14px;}
	.case-list-content .content-item .item .case-list-item_title h3{font-size:24px;}
	.case-list-content .content-item .item .case-list-item_title .case-list-item_link{margin-top:20px;}
	.case-list-content .content-item .item .case-list-item-top span{font-size:18px;padding: 8px 12px;}
	.case-list-content .content-item .item .case-list-item_title .case-list-item_link span{font-size:14px;}
	.case-list-content .content-item .item .case-list-text{font-size:14px;padding: 10px 0 8px;}
	.case-list-content .content-item .view-more{margin-bottom:40px;margin-top:40px;}
	.case-list-content .content-item .view-more a{font-size:16px;}
	}
	@media only screen and (max-width: 991px){
		.case-list-nav .nav-item span, .case-list-nav .nav-item a{padding: 20px 8px;font-size: 16px;}
		.case-list-content .content-item .item .case-list-item_title{height:233.333333px;padding: 20px 20px;}
				.case-list-content .content-item .item .case-list-item_title h3{font-size:18px;margin-bottom: 10px;}
								.case-list-content .content-item .item .case-list-item_title small{margin-top:0;}
								.case-list-content .content-item .item .case-list-item_title .case-list-item_link{margin-top:10px;}
				.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_chat{padding:10px 26px 12px 20px}
				.case-list-content .content-item .item .case-list-item-top span{font-size:16px;}
				.case-list-content .content-item .view-more a{font-size:14px;}
	
	}
	@media only screen and (max-width: 767px){
		.case-list-nav{margin-top:0;}
		.case-list-nav ul{white-space: nowrap;overflow-x: auto;}
		.case-list-content .content-item .item{margin-top:30px;}
		.case-list-content .content-item .item .case-list-item_title small{max-height: unset;}
		.case-list-content .content-item .item .case-list-item_title{height:auto;}
				.case-list-content .content-item .item .case-list-item-one{padding-right:15px;}
		.case-list-content .content-item .item .case-list-item-two{padding-top:10px;padding-left:15px;}
		.case-list-content .content-item .item .case-list-item-other{width:100%;}
		.case-list-content .content-item .item .case-list-item-three, .case-list-content .content-item .item .case-list-item-four, .case-list-content .content-item .item .case-list-item-five{margin-top:10px;}
.case-list-content .content-item .item .case-list-item-top span{font-size: 14px;padding: 10px 0 0; line-height:1;position: relative; background: transparent;    color: #757575;}
.case-list-content .content-item .item .case-list-text{padding:0;line-height:1;padding:10px 0 20px; }
.case-list-content .content-item .item a:hover  .hvr-overline-from-left:before{ right: 100%;}
.case-list-content .content-item .item .case-list-item-top i{width:20px;height:26px;}

	}
	
	@media screen and ( max-width: 539px ){

.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_more{padding: 10px 36px 10px 30px;}
		.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_chat{padding: 10px 36px 10px 30px;margin-left: 18px;}
.case-list-content .content-item .view-more a{padding:15px 80px;}
	}
	
	@media screen and ( max-width: 420px ){
		
		.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_more{padding:10px 20px 10px 20px;}
		.case-list-content .content-item .item .case-list-item_title .case-list-item_link .case-list-item_chat{padding:10px 20px 10px 20px;}
	
		
	}