/*case*/

.pic-box img{
	position: absolute;
	width: auto;
	height: 80%;
	margin-top:10%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.case .title{padding: 50px 0 40px 0;text-align: center;}


.case_btn{position: relative;margin-bottom: 45px;}
.case_btn .hr{width: 100%;height: 1px;background-color: #e5e5e5;left: 0;top: 6px;position: absolute;}
.gallery-thumbs-case{max-width: 1200px;}
.case_btn .swiper-wrapper{  display: inline-block; text-align: center;}
.case_btn .swiper-slide{cursor: pointer;    display: inline-block;width:180px !important;}
.case_btn .swiper-slide .tb i{display: block;margin: 0 auto;}
.case_btn .swiper-slide .tb .i1{width: 11px;height: 11px;border: 1px solid #E5E5E5;border-radius: 50%;}
.case_btn .swiper-slide .tb .i2{width: 1px;height: 13px;background-color: #E5E5E5;}
.case_btn .swiper-slide .bt{text-align: center;line-height: 24px;font-size: 16px;padding: 8px 10px;}
.case_btn .swiper-slide-thumb-active .tb i{background-color: #1152AE !important;border-color: #1152AE !important;}
.case_btn .swiper-slide-thumb-active .bt{color: #1152AE;}

.gallery-top-case{padding: 0 18.5% !important;}

.case_box{display: block;position: relative;padding-top: 54.2%;overflow: hidden;background-color: #E5E5E5;}
.case_box .text{position: absolute;width: 100%;left: 0;bottom: -140px;background-color: rgba(0,0,0,0.6);box-sizing: border-box;padding: 20px 50px;transition: ease-in-out 0.5s;}
.case_box .text span{display: block;font-size: 30px;font-weight: bold;color: #FFFFFF;line-height: 40px;margin-bottom: 10px;}
.case_box .text p{color: #e8e8e8;line-height: 25px;max-height: 50px;overflow: hidden;}
.gallery-top-case .swiper-slide-active .text{bottom: 0 !important;}

.button-next-case,.button-prev-case{width: 18.5%;height: 100%;position: absolute;top: 0;background-color: rgba(0,0,0,0.7);z-index: 10;cursor: pointer;}
.button-next-case i,.button-prev-case i{position: absolute;width: 100px;line-height: 84px;text-align: center;top: 50%;margin-top: -42px;background-color: rgba(0,0,0,0.5);font-size: 50px;color: #c9cbcc;}
.button-next-case:hover i,.button-prev-case:hover i{background-color: rgba(17,82,174,0.5);}
.button-next-case{right: 0;}
.button-next-case i{left: -50px;}
.button-prev-case{left: 0;}
.button-prev-case i{right: -50px;}

@media screen and (max-width: 1200px) {
	.case .title{padding: 5% 0 4%;}
	.case .title p,.service_top .fla p{font-size: 24px;margin-bottom: 5px;}
	.case .title span{font-size: 12px;}
	.case_btn{margin-bottom: 4%;}
	.case_btn .swiper-slide .bt{font-size: 14px;line-height: 20px;padding: 5px;}
	.button-next-case i, .button-prev-case i{width: 50px;line-height: 40px;margin-top: -20px;font-size: 30px;}
	.button-next-case i{left: -25px;}
	.button-prev-case i{right: -25px;}
	.case_box .text{padding: 10px 20px;bottom: -95px;}
	.case_box .text span{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
	.case_box .text p{line-height: 20px;height: 40px;font-size: 12px;}
}
@media screen and (max-width: 640px) {
	.case .title p,.service_top .fla p,.product .title span,.youshi_box .info .bt{font-size: 20px;}
	.case_btn .swiper-slide .bt{font-size: 12px;}
	.gallery-top-case{padding: 0 !important;}
	.button-next-case, .button-prev-case{width: 30px;background: none;}
	.button-next-case i,.button-prev-case i{width: 30px;line-height: 30px;margin-top: -15px;font-size: 24px;}
	.button-next-case i{left: 0;}
	.button-prev-case i{right: 0;}
	.case_box .text{bottom: 0;padding: 10px;}
	.case_box .text span{font-size: 16px;line-height: 25px;}
	.case_box .text p{/*display: none;*/}
}