@charset "utf-8";
*{padding:0; margin:0;}
body{ font-size:16px; background:#ededed;color: #666;}
input,textarea{ resize:none; font-family:"Microsoft YaHei";}
img{border:0;vertical-align:bottom; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ /*color:#a40000;*/text-decoration:none;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;}
.clear{ clear:both;}





/*案例详情页(s)*/
.show{ max-width: 850px; margin: 10px auto; background-color: #fff;}
.show_box{ width: 840px; margin: 0 auto; padding: 70px 0 10px 0;}
.show_box .title{ font-size: 24px; text-align: center; padding-bottom: 15px;}
.show_box .subtitle{ font-size: 15px; padding: 10px 0; color: #666;}
.show_box .time{ color: #999; text-align: center; font-size: 15px;}
.show_box .time span{ padding: 0 5px;}
.show_box_main{ padding: 50px 0 70px 0; margin-bottom: 60px; line-height: 30px; border-bottom: 1px solid #e6e6e6; text-align: justify;}
.show_pages a{ line-height: 42px; display: block; border: 1px solid #d5d5d5; text-align: center; font-size: 15px; text-decoration: none; transition: 0.5s ease-in-out;}
.show_pages a:nth-child(1){ width: 166px; float: left;}
.show_pages a:nth-child(2),.show_pages a:nth-child(3){ width: 104px; margin-left: 5px; float: right;}
.show_pages a:nth-child(3){ line-height: 42px; background: url(../images/show_return.png) no-repeat 9px center; padding-left: 20px; box-sizing: border-box;}
.show_pages a:nth-child(3):hover{ background: url(../images/show_return_hover.png) no-repeat 9px center #a40000;}
.show_pages a:hover{ background-color: #a40000; border-color: #a40000; color: #fff;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.show{ margin: 5px 40px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 50px 40px 70px 40px; box-sizing: border-box;}
	.show_box .title{ padding-bottom: 10px;}
	.show_box_main{ padding: 40px 0 50px 0; margin-bottom: 50px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 50px 20px; box-sizing: border-box;}
	.show_box .title{ padding-bottom: 10px;}
	.show_box_main{ padding: 40px 0; margin-bottom: 40px;}
}
@media screen and (max-width:639px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 30px 14px 50px 14px; box-sizing: border-box;}
	.show_box .title{ font-size: 20px; padding-bottom: 8px;}
	.show_box .time{ font-size: 15px;}
	.show_box_main{ padding: 30px 0; margin-bottom: 0; border: 0; font-size: 15px; line-height: 27px;}
	.show_pages a:nth-child(1){ width: 45%;}
	.show_pages a:nth-child(2){ width: 45%; margin-left: 0;}
	.show_pages a:nth-child(3){ display: none;}
	
}
.show_box_main .show_box_text{ padding-bottom: 30px;}
.show_box_main .show_project .time{ background-color: #f4f4f4; color: #888; line-height: 36px;}
.show_box_main .swiper-container { width: 100%;}
.show_box_main .swiper-slide { background-size: cover; background-position: center;}
.show_box_main .gallery-top img{ transition: all 0.6s;}
.show_box_main .gallery-top img:hover{ transform: scale(1.1);}
.show_box_main .gallery-top { width: 100%;}
.show_box_main .gallery-thumbs { box-sizing: border-box; padding: 10px 0;}
.show_box_main .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.show_box_main .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
@media screen and (max-width:639px){
	.swiper-button-next, .swiper-button-prev{ width: 22px; height: 36px; margin-top: -18px; background-size: 100%;}
}

/*案例详情页(e)*/