@charset "utf-8";
.ss1{ margin-left:1100px; }
.ss2{ margin-left:20px; }
.ss2 a{ color:#000000 }

.tpt-bar {
	display:flex;
	flex-wrap:wrap;
	font-size:20px;
	font-weight:600;
	
	
}
.tpt-bar label {
	display:block;
	padding:0 0px;
	height:38px;
	line-height:38px;
	cursor:pointer;
	order:1;
	
		}
		


.tpt-bar .tpt-bar-con {
	z-index:0;
	display:none;
	padding:0px;
	width:100%;
	min-height:120px;
	order:99;
	margin-top:35px;
}
.tpt-bar input[type=radio] {
	position:absolute;
	opacity:0;
}
.tpt-bar input[type=radio]:checked+label {
	z-index:1;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0d4542;
	color:#000000;
}
.tpt-bar input[type=radio]:checked+label+.tpt-bar-con {
	display:block;
}
.ConBox{ width: auto}
.ConBox li{
	width:48%;
	float:left;
	border: 1px solid #ececec;
	margin-left:1%;
	margin-bottom:10px;
}
.ConBox li img{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}
.ConBox li p{
line-height:35px;
text-align:center;
font-size:16px
}
@media (max-width:996px) {
.ss1{ margin-left:150px; }

}
@media (max-width:768px) {
.ss1{ margin-left:400px; }
.tpt-bar {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 600;
	margin-top:20px;
}
.tpt-bar .tpt-bar-con {
	z-index:0;
	display:none;
	padding:0px;
	width:100%;
	min-height:120px;
	order:99;
	margin-top:5px;
}
.coverimg{ height:200px;}

}

@media (max-width:640px) {
.ss1{ margin-left:50px; }
.tpt-bar {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 600;
	margin-top:20px;
}
.tpt-bar .tpt-bar-con {
	z-index:0;
	display:none;
	padding:0px;
	width:100%;
	min-height:120px;
	order:99;
	margin-top:5px;
}
.coverimg{ height:200px;}

}