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

/* caselist start */
.moreload3{ padding-top: 80px!important; padding-bottom: 40px!important;}
.caselist_container{
	padding-top: 100px;
	padding-bottom: 80px;
  background: #f5f5f5;
}
.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: 12px;
}

.caselist_container .case_nav{
	margin-top: 80px;
	text-transform: uppercase;
}
.caselist_container .case_nav .fl{
	font-size: 20px;
	text-align: right;
	padding-left: 35px;
}
.caselist_container .case_nav .fl p{
	font-family: "JH";
    font-size:20px;
}
.caselist_container .case_nav .fl p span{
	font-family: "JL";
	display: block;
	margin-top: 8px;
}
.caselist_container .case_nav .fr{
	margin-top: 3px;
	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: 15px;
	background-color: #e6e6e6;
	margin-bottom:15px;
	margin-right: 1.25%;
}
.caselist_container .case_nav .fr ul li:last-child{
	margin-right: 0;
}
.caselist_container .case_nav .fr ul li:hover a,.caselist_container .case_nav .fr ul li.active a{
	background-color: #3f9a8e;
	color: white;
}
.caselist_container .case_nav .fr ul li a{
	display: block;
	/* min-width: 1.2rem; */
	padding: 10px 15px;
}
.caselist_container .case_nav .fr ul li a img{}
.caselist_container .con{
	margin-top: 70px;
}
.caselist_container .con ul{
	
}
.caselist_container .con ul li{
	float: left;
	width: 23%;
	margin-right: calc( 8% / 3);
	margin-bottom: 60px;
	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: 25px;
	font-size: 14px;
	font-family: "JL";
}
.caselist_container .con ul li:hover a p{
	color: #3f9a8e;
}
/* caselist end */


/* case start */
.news_con{
	padding-top: 175px;
	padding-bottom: 240px;
	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 p{text-indent: 28px; margin-bottom: 5px; line-height: 28px;}
.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 适配 */
}