@charset "utf-8";
/*Case_Dynamic*/
.Case_Dynamic { width: 100%; overflow: hidden; background:#fffbf8  url(../images/case/dynamicBg.jpg) no-repeat center bottom; background-size: cover; }
.Case_Dynamic ul { overflow: hidden; padding: 5rem 0 20rem 0; }
.Case_Dynamic ul li { text-align: center; }
.Case_Dynamic ul li h3 { font-size: 5rem; color: #ff7800; }.Case_Dynamic ul li h3 span { margin: 0 -0.5rem 0 0; }
.Case_Dynamic ul li h3 b { font-size: 3rem; font-weight: normal; }
.Case_Dynamic ul li p { font-size: 1.5rem; color: #999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 1.5rem 0 0 0; }

/*HotCase*/
.HotCase .swiper-container { width: 100%; height: 100%; overflow: hidden; padding: 3rem 0 0 0; }
.HotCase .swiper-slide { height: auto; padding: 4rem 0; overflow: hidden; }
.HotCase .swiper-slide .case_txt { width: 35%; height:30rem; margin: 0 0 0 60%; padding:2.5%; background: #fff; border-radius: 5px;  }
.HotCase .swiper-slide .case_txt .case_logo { width:100%; height:3rem; overflow:hidden; display: table-cell; vertical-align:middle; text-align:left;}
.HotCase .swiper-slide .case_txt .case_logo img { max-width:100%; max-height:3rem; display:inline-block;}
.HotCase .swiper-slide .case_txt h3 { font-size: 2rem; color: #333; padding: 3rem 0 2rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.HotCase .swiper-slide .case_txt p { font-size: 1.4rem; line-height: 2rem; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
 }
.HotCase .swiper-slide .case_txt a { display: block; background: #607bed; width: 9rem; height: 2.8rem; line-height: 2.8rem; text-align: center; color: #fff; border-radius: 2rem; margin: 3rem auto 0 auto; }
.HotCase .swiper-pagination-bullet { background: #fff; opacity: 0.8; margin: 0 0.8rem; }
.HotCase .swiper-pagination-bullet-active { background: #ff7800; }

/*AllCase*/
.AllCase { width: 100%; overflow: hidden; margin: 8rem 0 4rem 0; }
.AllCase ul { overflow: hidden; }
.AllCase ul li { overflow: hidden; margin: 0 0 3rem 0; }
.AllCase ul li a { display: block; width: 95%; border-bottom: 1px solid #e5e5e5; margin: 0 auto; }
.AllCase ul li a .case_img { width: 100%; height: auto; overflow: hidden; }
.AllCase ul li a .case_img img { max-width:100%; -webkit-transition:-webkit-transform 1s ease 0s; transition:transform 1s ease 0s; }
.AllCase ul li a .case_logo { width:100%; height:7rem; padding: 2rem 0; overflow:hidden; display: table-cell; vertical-align:middle; text-align:right;}
.AllCase ul li a .case_logo img { max-width:100%; max-height:100%; display:inline-block;}
.AllCase ul li a:hover .case_img img { -webkit-transform: scale(1.2); transform: scale(1.2); }

/*CaseEvaluation*/
.CaseEvaluation { overflow: hidden; background: #f5f5f5; padding: 5rem 0; }
.CaseEvaluation .swiper-container { width: 100%; height: 100%; overflow: hidden; }
.CaseEvaluation .swiper-slide { overflow: hidden; padding: 0 6%; }
.CaseEvaluation .swiper-slide .case_person { float: left; width:12rem; height:12rem; overflow:hidden; border-radius: 50%;}
.CaseEvaluation .swiper-slide .case_txt { overflow: hidden; padding: 0 0 0 3rem; }
.CaseEvaluation .swiper-slide .case_txt p { margin: 1rem 0 0 0; font-size: 1.4rem; color:#333; line-height: 2.5rem; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.CaseEvaluation .swiper-slide .case_txt span { display: block; width: 100%; border-top: 1px solid #dedede; font-size: 1.4rem; color: #999; text-align: right; padding: 2.5rem 0 0 0; margin: 0.5rem 0 0 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.CaseEvaluation .swiper-button-prev { background: url(../images/case/leftbutton.png) no-repeat left center; left: 0; }
.CaseEvaluation .swiper-button-next { background: url(../images/case/rightbutton.png) no-repeat right center; right: 0 }


@media (min-width: 992px) and (max-width:1199px) {

}
@media (min-width: 812px) and (max-width: 992px) {
	.Case_Dynamic ul { padding: 4rem 0 13rem 0 }
	.Case_Dynamic ul li h3 { font-size: 4rem; }
	.Case_Dynamic ul li h3 b { font-size: 2.5rem; }

	.HotCase .swiper-container { padding: 0; }
	.HotCase .swiper-slide { height: 30rem; padding: 2rem 0; }
	.HotCase .swiper-slide .case_txt { height: 26rem; margin: 0 0 0 62%; }
	.HotCase .swiper-slide .case_txt h3 { font-size: 1.7rem; padding: 2rem 0; }

	.AllCase { margin: 6rem 0 4rem 0; }
}
@media (min-width: 300px) and (max-width: 812px) {
	.Case_Dynamic { background-size: contain; }
	.Case_Dynamic ul { padding: 4rem 0 7rem 0 }
	.Case_Dynamic ul li h3 { font-size: 4rem; }
	.Case_Dynamic ul li h3 b { font-size: 2.5rem; }

	.HotCase .swiper-container { padding: 0; }
	.HotCase .swiper-slide { padding: 2rem 0; }
	.HotCase .swiper-slide .case_txt { height: 20rem; margin: 0 0 0 62%; }
	.HotCase .swiper-slide .case_txt h3 { font-size: 1.7rem; padding: 2rem 0; }
	.HotCase .swiper-slide .case_txt p { -webkit-line-clamp:2; }
	.HotCase .swiper-slide .case_txt a { margin: 2rem auto 0 auto; }

	.AllCase { margin: 4rem 0 3rem 0; }
	.AllCase ul li { margin: 0 0 1.5rem 0; }
	.AllCase ul li a .case_logo { padding: 1.5rem 0; height: 5.5rem; }

	.CaseEvaluation { padding: 3.5rem 0; }
	.CaseEvaluation .swiper-slide .case_person { width: 10rem; height: 10rem; }
	.CaseEvaluation .swiper-slide .case_txt { padding: 0 1rem 0 2rem; }
}
@media (min-width: 700px) and (max-width: 812px) {

}
@media (min-width: 300px) and (max-width: 568px) {
	.Case_Dynamic ul { padding: 3rem 0 5rem 0 }
	.Case_Dynamic ul li { margin: 0 0 1.5rem 0; }
	.Case_Dynamic ul li h3 { font-size: 3.2rem; }
	.Case_Dynamic ul li h3 b { font-size: 2rem; }
	.Case_Dynamic ul li p { padding: 0.5rem 0 0 0; }

	.CaseEvaluation .swiper-slide .case_person { width: 8rem; height: 8rem; }
	.CaseEvaluation .swiper-slide .case_txt { padding: 0 1rem 0 2rem; }
	.CaseEvaluation .swiper-slide .case_txt p { margin: 0; }
	.CaseEvaluation .swiper-slide .case_txt span { padding: 1rem 0 0 0; }
	.CaseEvaluation .swiper-button-prev,.CaseEvaluation .swiper-button-next { background-size: 60%; }

}