@charset "utf-8";
/* =====================案例样式======================== */

/* caselist start */
.caselist_container{
	padding-top: 1.6rem;
	padding-bottom: 1.1rem;
}
.caselist_container .tit{
	color: black;
	text-align: center;
}
.caselist_container .tit h3{
	font-size: 20px;
	font-family: "JH";
	text-transform: uppercase;
}
.caselist_container .tit p{
	font-size: 16px;
	font-family: "JL";
	margin-top: 0.12rem;
}

.caselist_container .case_nav{
	margin-top: 0.8rem;
	text-transform: uppercase;
}
.caselist_container .case_nav .fl{
	font-size: 20px;
	text-align: right;
	padding-left: 0.35rem;
}
.caselist_container .case_nav .fl p{
	font-family: "JH";
}
.caselist_container .case_nav .fl p span{
	font-family: "JL";
	display: block;
	margin-top: 0.08rem;
}
.caselist_container .case_nav .fr{
	margin-top: 0.03rem;
	color: black;
	width: 85.7%;
}
.caselist_container .case_nav .fr ul{}
.caselist_container .case_nav .fr ul li{
	float: left;
	text-align: center;
	margin-right: 0.15rem;
	background-color: #e6e6e6;
	width: 10%;
	margin-right: 1.25%;
}
.caselist_container .case_nav .fr ul li:last-child{
	margin-right: 0;
}
.caselist_container .case_nav .fr ul li:hover,.caselist_container .case_nav .fr ul li.active{
	background-color: black;
	color: white;
}
.caselist_container .case_nav .fr ul li a{
	display: block;
	/* min-width: 1.2rem; */
	padding: 0.1rem 0;
}
.caselist_container .case_nav .fr ul li a img{}
.caselist_container .con{
	margin-top: 0.7rem;
}
.caselist_container .con ul{
	
}
.caselist_container .con ul li{
	float: left;
	width: 23%;
	margin-right: calc( 8% / 3);
	margin-bottom: 0.6rem;
	text-align: left;
}
.caselist_container .con ul li:nth-child(4n){
	margin-right: 0;
}
.caselist_container .con ul li a{
}
.caselist_container .con ul li a img{}
.caselist_container .con ul li a p{
	margin-top: 0.25rem;
	font-size: 14px;
	font-family: "JL";
}
/* caselist end */


/* case start */
.news_con{
	padding-top: 1.75rem;
	padding-bottom: 2.4rem;
	color: black;
}
.news_con .tit{
	text-align: center;
	font-size: 18px;
}
.news_con .container{
	margin-top: 0.75rem;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
}
.news_con .container img{
	width: 8rem;
	max-width: 100%;
	display: inline-block;
	font-size: 0;
}
.news_con .box_m{
	margin-top: 0.9rem;
	line-height: 0.6rem;
}
.news_con .box_m .box_fl{
	float: left;
}
.news_con .box_m .box_fl li{
	font-size: 16px;
	line-height: 30px;
}
.news_con .box_m .box_fl li a{}
.news_con .box_m .more{
	float: right;
	display: inline-block;
}
.news_con .box_m .more a{
	display: inline-block;
	width: 1.6rem;
	height: 0.45rem;
	line-height: 0.45rem;
	background-color: black;
	font-size: 14px;
	color: white;
	text-align: center;
}
.news_con .box_m .more a:hover{
	opacity: .8;
	color: white;
}
/* case end */




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
}