.thanks-box{
	padding:23px 18px; border:solid 1px #f0f0f0; text-align:center;
}
.logo{
height:20px; position:relative; top:3px;
}	
.thanks-box .img{
	margin-bottom:10px;
}
.thanks-box .img img{
	max-height:60px;
}

.thanks-box .title{
	line-height:27px; font-size:20px; color:#222; margin-bottom:10px;
}

.thanks-box .content{
	line-height:20px; color:#999; font-size:12px;
}

.thanks-box .thank-back{
	text-align:center; line-height: 36px; margin-top: 25px;
}

.thanks-box .thank-back a{
	display: inline-block;
    height: 34px;
    line-height: 34px;
    text-decoration: none;
    border: solid 1px #ccc;
    border-radius: 2px;
    padding: 0px 16px;
    color: #333;
}

#product,#workshop{
	padding:50px 0px;
}

#product .kbase p{
	padding:0px 15px;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index:9999;
}

.about-ys{
margin-top:20px;
}
.about-ys ul{
	padding:0px 15px;
}
.about-ys ul li{
margin-bottom:20px; background:white; padding:22px 17px; border-radius:6px; padding-top:25px;
}
.about-ys ul li .img{
height:45px; line-height:45px; margin-bottom:8px; text-align:center;
}
.about-ys ul li .img img{
max-height:40px;
}
.about-ys ul li .tit{
height:45px; line-height:40px; border-bottom:solid 2px #f6f6f6; text-align:center; font-size:22px; margin-bottom:14px; color:#000;
}
.about-ys ul li .shuoming{
line-height:25px; color:#666;  overflow:hidden; font-size:16px;
}

.about-ys ul li .shuoming p{
	background:url(../img/li.png) no-repeat 1px 9px; padding-left:11px; line-height:24px; margin-bottom:0px;
}

#scene{
	width: 100%;
    overflow: hidden;
	padding-top:40px;
}



#works {
    padding: 60px 0;
}
#about {
    padding: 60px 0;
}
#contact {
    padding: 60px 0;
}
.section-title.center {
    padding: 15px 0; padding-top:10px;
}
.section-title h2, .section-title.center h2{
	font-size:24px; margin-bottom:20px;
}

.section-title.center hr{
	margin-bottom:10px;
}

.index-cps li{
	width:49%; float:left; margin-right:2%; margin-bottom:18px;
}
.index-cps li:nth-child(even){
	margin-right:0px;
}
.index-cps li a.img{
	display:block; height:120px; line-height:120px; overflow:hidden; border-radius:4px;  overflow:hidden;   text-align:center;
}
.index-cps li a.img img{
	max-width:100%; max-height:100%; transition:all 0.5s; 
}
.index-cps li a.txt{
	display:block; height:32px; line-height:32px; color:#666; text-decoration:none;  font-size:13px; text-align:center;
}
.index-cps li:last-child{
	display:none;
}

.footer{
background:#111; color:white; padding:25px 0px;
}
.footer .n-dibu{
color:white; line-height:30px; text-align:center; font-size:14px;
}
.footer .n-dibu a{
color:white; text-decoration:none; display:inline-block; margin-right:8px; font-size:14px;
}
.footer .n-dibu span{
	display:block;
}

.opics{
	padding:0px 0px;
}

.opics li{
	width:48.5%; margin-right:3%; float:left; margin-bottom:15px; overflow:hidden;
}
.opics li:nth-child(even){
	margin-right:0px;
}
.opics li a.img{
	display:block; overflow:hidden; text-align:center; height:185px; line-height:185px;  position:relative; margin-bottom:5px;
}
.opics li a.img img{
	height:100%; display:inline-block; max-width:100%; border-radius:4px;
}
.opics li a.img h3{
	display:none;
}
.opics li a.txt{
	display:flex; height:36px; line-height:18px; text-decoration:none; color:#666; font-size:14px; flex-direction:column; width:100%; justify-content:flex-start;  overflow:hidden; text-align:center;
}
.en .opics li a.txt{
	font-size:13px;
}

@media (max-width:750px){
	.scene li{
margin-bottom:20px; border-bottom:solid 8px #f0f0f0; padding-bottom:10px;
}


.scene li .img{
margin-bottom:10px; padding:15px 20px; 
}

.scene li .img .imgs{
  overflow:hidden;   border-radius:4px; padding:0px 25px;
}

.scene li .img .imgs:first-child{
	padding-left:65px; padding-right:65px;
}

.scene li .jt{
 height:45px;  line-height:45px;  text-align:center;  display:block;
}

.scene li .jt img{
max-width:100%; max-height:100%; width:28px; transform:rotate(90deg);
}

.scene li .img .imgs img{
max-width:100%; max-height:100%;
}
.scene li .img .imgs{
	
}
.scene li .img .imgs:first-child img{
	border-radius:50%; min-width:130px; width:70%;
}

.scene li .img .imgs img{
max-width:100%; max-height:100%;
}

.scene li .titl{
height:30px; line-height:30px; text-align:center; font-size:18px; color:#111; margin-bottom:5px;
}

.scene li .desc{
line-height:22px; color:#666; font-size:12px;  overflow:hidden; text-align:left; padding:0px 10px; letter-spacing:2px;
}
.scene li .desc font{
color:black; font-weight:bold;
}
.scene li .shuoming{
line-height:20px; color:#555; font-size:12px;  overflow:hidden; text-align:center; padding:0px 25px; letter-spacing:2px; margin-bottom:5px;
}

.about-content {
    line-height: 26px;
    font-size: 15px;
}
	
}


@media (max-width:550px){
	.index-cps{
		padding:0px 20px;
	}
	.index-cps li{
		width:100%; margin-right:0px; margin-bottom:15px;
	}
	
	.index-cps li:last-child{
		display:block;
	}
	
	.index-cps li a.img{
		height:auto; line-height:auto;
	}
	
	.section-title h2, .section-title.center h2{
		font-size:20px; margin-bottom:15px;
	}
	.about-content{
		text-align:center;
	}
	
	#about .padding-left{
		padding-top:8px;
	}
	
	.opics li a.img{
	 height:175px; line-height:175px; 
	}
	
	.en .opics li{
		margin-bottom:8px;
	}
	
	.en .opics li a.txt{
		font-size:13px; height:45px; line-height:15px; justify-content:flex-start;
	}
	
}



@media (min-width:750px){
	.scene{
	--s-img-h:150px;
	width: 100%;
    overflow: hidden;
	}
.scene{
	border:solid 1px #f0f0f0; border-left:none; border-right:none;
}
.scene li{
width:50%; float:left; padding:25px 0px;
}
.scene li:first-child{
border-bottom:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0; 
}
.scene li:nth-child(3n+0){
border-right:solid 1px #f0f0f0; 
}
.scene li:last-child{

}
.scene li.scene2{
border-bottom:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0;  
}

#scene{
padding:40px 0px;
width:100%; 
overflow:hidden;
}

.container-base{
width:100%; 
}

.scene li .img{
margin-bottom:15px; padding:15px 15px;
}

.scene li .img .imgs{
 height:var(--s-img-h); line-height:var(--s-img-h); overflow:hidden;  

}

.scene li .jt{
 height:50px;  line-height:55px;  text-align:center;  display:block;
}

.scene li .jt img{
max-width:100%; max-height:100%; width:32px; transform:rotate(90deg);
}

.scene li .img .imgs img{
max-width:100%; max-height:100%;
}
.scene li .img .imgs{
	display:inline-block; width:height:var(--s-img-h); 
}
.scene li .img .imgs:first-child img{
	border-radius:50%; max-width:70%;
}

.scene li .img .imgs img{
max-width:100%; max-height:100%;
}

.scene li .titl{
height:38px; line-height:38px; text-align:center; font-size:20px; color:#111; margin-bottom:5px;
}

.scene li .shuoming{
line-height:22px; color:#555; font-size:12px;  height:66px;  overflow:hidden; text-align:center; padding:0px 20px; letter-spacing:2px; margin-bottom:12px;
}

.index-cps li a.img{
	height:150px; line-height:150px;
}

.opics li a.img{
	 height:210px; line-height:210px; 
	}

	
}

.wap-imgs{
	display:none;
}

@media (max-width:400px){
	
	.portfolio-item .hover-bg a{
		display:block; height:220px; overflow:hidden; line-height:220px;
	}
	
	.portfolio-item .hover-bg a img{
		 width:100%;
	}
	
	.opics li a.img{
	 height:140px; line-height:140px; 
	}
	
	
		
}

@media (max-width:550px){
	.wap-imgs{
		width:100%;  left:0%;  z-index:9999; text-align:center;  height:100vh; position:fixed; top:0px; 
	}
	
	.wap-imgs .main-t{
		width:100%; height:100vh; position:relative;
	}
	
	.wap-imgs .main-t .bg-1{
		width:100vw; height:100vh; background:black; opacity:0.85; position:relative; top:0px; left:0px;
	}
	
	.wap-imgs .main-t .big-picss{
		width:100%; height:100vh; position:absolute; left:0; top:0px; padding:15px 15px; padding-top:7vh;
	}
	
	.wap-imgs .main-t .big-picss .title{
		line-height:25px; color:white; font-size:18px; margin-bottom:18px;
	}
	
	.wap-imgs .main-t .big-picss .tang-img{
		margin-bottom:15px;
	}
	
	.wap-imgs .main-t .big-picss .tang-img img{
		width:100%; border-radius:4px;
	}
	
	.wap-imgs .main-t .big-picss a.gbs{
		display:inline-block; text-decoration:none; color:white; background:black; height:35px; border-radius:3px; line-height:35px; background:black; color:white; font-size:14px; padding:0px 26px;
	}
	
	
}