.service_banner{background: url(../images/service_banner.jpg) center 0 no-repeat; background-size: cover; }
.service_con{padding-top: 40px;}
.service_list{padding: 50px 0;}
.service_list .swiper-slide{background: #eee; border-radius: 5px; padding: 4px; cursor: pointer;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.service_list .swiper-slide .imgs{width: 100%; position: relative; overflow: hidden; height: 260px; background-size: cover; background-position: center center;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.service_list .swiper-slide .txt{padding: 10px 20px; background: url(../images/service_icon1.png) right center no-repeat;}
.service_list .swiper-slide .txt h3{font-size: 20px; margin: 0; color: #1c1d21; padding-bottom: 6px;}
.service_list .swiper-slide .txt p{font-size: 16px; color: #1c1d21; margin: 0;}
.service_list .swiper-slide .con{position: absolute; width: 100%;background: #053a96; padding: 20px 15px; font-size: 16px; color: #fff; top: 0; left: 0; line-height: 26px; border-radius: 8px; display: none;}

/*.Promotion{padding: 200px 0 130px;background: url(../images/Promotion_bg.jpg) center 0 no-repeat; background-size: cover; position: relative;}
.Promotion h2{font-size: 50px; color: #fff; text-align: center;}
.Promotion p{font-size: 30px; color: #fff; text-align: center;}
.Promotion p.txt{font-size: 16px; padding-top: 50px;}*/

.message{margin-top: 50px;}
.message dt{font-size: 16px; color: #666; line-height: 35px; font-weight: normal;}
.message input{width: 100%; height: 38px; border:1px dashed #d4d2d2; background: #f9f8f8; padding: 0 5px; outline: none;}
.message textarea{width: 100%; height: 160px; border:1px dashed #d4d2d2; background: #f9f8f8; padding: 5px; outline: none;}
.message .button{float: right;width: 150px; height: 45px; background: #053a95; line-height: 45px; color: #fff; border:0; font-size: 20px; text-align: center;}


.fancybox-skin{background:#053a95; color: #fff;}
.fancybox-inner{overflow-x: hidden; overflow-y: auto; font-size: 16px;}
.bbox{max-height: 500px;}
.bbox p{margin: 0;}

.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:3px;
			top:4px;
			right:0px;
			border-radius:2px;
			
		}
		.zUIpanelScrollBox{
			background:black;opacity:0.1;
			filter:alpha(opacity=10);
		}
		.zUIpanelScrollBar{
			background:#000;opacity:0.8;
			filter:alpha(opacity=80);
		}


@media(min-width: 1199px){
    .service_list .swiper-slide.active{background: #053a95; top: -30px; }
	.service_list .swiper-slide.active .txt{padding: 15px 20px;background: url(../images/service_icon2.png) right center no-repeat;}
	.service_list .swiper-slide.active .imgs{height: 310px;}
	.service_list .swiper-slide.active .txt h3{font-size: 24px; color: #fff;}
	.service_list .swiper-slide.active .txt p{font-size: 18px; color: #fff;}
}
@media(max-width: 992px){
	.service_con{padding-top: 0px;}
	.service_list .swiper-slide.active{background: #053a95; }
	.service_list .swiper-slide.active .txt{background: url(../images/service_icon2.png) right center no-repeat;}
	.service_list .swiper-slide.active .txt h3{ color: #fff;}
	.service_list .swiper-slide.active .txt p{ color: #fff;}
/*	.Promotion{padding: 70px 0;}*/
	.message dl{margin-bottom: 15px;}
}
@media(max-width: 767px){
	.service_list{padding: 30px 0;}
/*	.Promotion{padding: 40px 0;}
	.Promotion h2{font-size: 30px;}
	.Promotion p{font-size: 18px;}*/
	.message{margin-top: 30px; margin-bottom: 20px;}
	.message dl{margin-bottom: 10px;}
	.message button{float: none;width: 100%; }
}