/* lg */
/*公共样式*/
.section-case .case .ac{
	display: none;
}

.section-case .case .act{
	display: block;
}
.section-case .case .way p{
    margin: 0.8% 0;
}
@media (min-width:1200px) {
    
    .section-nav ul li{
        float: left;
    }
    .section-case{
        position: relative;
        width: 100%;
        background: #fff;
        margin-top:-25px;
    }

    .section-nav{
        position: absolute;
        width: 1200px;
        height: 100%;
        margin:0 auto;
        top:-45px;
        right:80px;
        float: right;
    }
    .section-nav ul{
        width: 100%;
        float: right;
    }
    .section-nav ul li{
        /*width: 146px;*/
        height: 45px;

        line-height: 45px;
        text-align: center;
        font-size: 14px;
        margin-left: 8px;
    }

    .section-nav ul li a{
        padding: 0 20px;
        color: #fff;
        display: block;
        background: #D3080B;
    }
    .section-nav ul li.active a{
        background: #fff;
        color: #000;
    }
    .case-title{
        padding-top: 50px;
        width: 100%;
        height: 100px;
    }

    .case-title .case-left{
        float: left;
        width: 50%;
        font-size: 0;
    }
    .case-title .case-left li{
        display: inline-block;
        width: 76px;
        text-align: center;
        line-height: 31px;
        height: 31px;
        color: #000;
        font-size: 14px;
        cursor: pointer;
    }
    .case-title .case-left li.active{
        background: #D3080B;
        color: #fff;
	}
    .case-right{
		width: 50%;
        float: right;
		text-align:right;
    }

    .case-con ul li{
           width: 30%;
		height: 363px;
		float: left;
		box-shadow: 0 5px 5px #ccc;
		margin: 2% 1.65%;
		transition: .2s;
		box-sizing:border-box;
    }

    .con-dec{
         text-align: center;
         padding: 10px;
     }
    .con-dec h5{
        text-align: center;
        color: #d3080b;
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .con-dec p{
        text-align: left;
        color: #777777;
        line-height: 25px;
    }

    .case-con ul li img{
        width: 100%;
		height: 250px;
    }
    .case-con ul li:hover{
        transform:translateY(-5px)
    }
  .case .case-con ul li .normal h5{
	height: 80px;
	line-height: 80px;
  }
    .case .one{
        width: 36px;
        height: 36px;
        background: red;
        text-align: center;
        line-height: 36px;
        color: #fff;
        position: absolute;
        left:50%;
        margin-left: 18px;
        bottom: 50px;
        cursor: pointer;

    }

    /*客户业绩*/
    .customer{
    	width: 100%;
    }
    .customer-left , .customer-right{
    	width: 50%;
    	float: left;
    }
    .customer-title{
    	padding: 2% 0;
    	font-size:16px;
    	font-weight: normal;
    }
    .customer-dec p{
    	font-size: 13px;
    	line-height: 30px;
    }

    /*市场分布*/
    .fence {
        width: 100%;
    }
    .fence .tit{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin: 2% 0;
    }
    .fence img.img{
        width: 100%;
    }
    .fance-case{
        height: auto;
    }

    /*科技创新*/
    #innovate{
        width: 100%;
    }
    .innovate{
        font-size: 14px;
        margin:2% 0;
    }
    .innvoate-content li{
        float: left;
        width: 30%;
        margin: 2% 1.65%;
        transition: .3s;
    }
    .innvoate-content li img{
        width: 100%;
    }
    .innvoate-content li:hover{
        transform: translateY(-10px);
    }

    /*企业新闻*/
    .news-con{
        width: 100%;
    }
   
    .news-dec{
        padding: 1.5% 0;
        width: 85%;
    }
    .news-con li{
        /*height: 150px;*/
        border-bottom: 1px solid #eee;
        margin-top: 2%;
    }
    .news-dec h5{
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 1.5%;
        color: #000;
    }
    .news-dec p{
        font-size: 14px;
        text-indent: 20px;
    }
    .news-con span{
        font-size: 14px;
        bottom: 2%;
        right: 0%;
    }

    /*新闻详情*/
    .news_detail{
        width: 100%;
    }
    .news_detail h4{
        text-align: center;
        font-size: 16px;
        color: #333;
        margin: 2% 0;
    }
}

/* md */

@media (min-width:992px) and (max-width:1199px) {
	html,body{
        overflow-x: hidden;
    }

	.case-left{
		float: left;
	}
	.case-right{
		float: right;
	}
	.case-con ul li{
        width: 40%;
        height: 363px;
        float: left;
        box-sizing: border-box;
        box-shadow: 0 5px 5px #ccc;
		margin:2% 5%;
        transition: .2s;
    }
	.case-con ul li img{
		width: 100%;
	}
	.case-con h5{
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #333;
    }
	.case .case-con ul li .normal h5{
		height: 110px;
		line-height: 110px;
	}
	.case-con p{
		padding: 10px 20px;
	}
	
	.case-title .case-left{
        float: left;
        width: 50%;
        font-size: 0;
    }
    .case-title .case-left li{
        display: inline-block;
        width: 76px;
        text-align: center;
        line-height: 31px;
        height: 31px;
        color: #000;
        font-size: 14px;
        cursor: pointer;
    }
    .case-title .case-left li.active{
        background: #D3080B;
        color: #fff;
    }

	 /*客户业绩*/
    .customer{
    	width: 100%;
    }
    .customer-left , .customer-right{
    	width: 50%;
    	float: left;
    }
    .customer-title{
    	padding: 2% 0;
    	font-size:14px;
    	font-weight: normal;
    }
    .customer-dec p{
    	font-size: 12px;
    	line-height: 25px;
    }

     /*市场分布*/
    .fence {
        width: 100%;
    }
    .fence .tit{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin: 2% 0;
    }
    .fence img.img{
        width: 100%;
    }
    .fance-case{
        height: auto;
    }

     /*科技创新*/
    #innovate{
        width: 100%;
    }
    .innovate{
        font-size: 14px;
        margin:2% 0;
    }
    .innvoate-content li{
        float: left;
        width: 30%;
        margin: 2% 1.65%;
        transition: .3s;
    }
    .innvoate-content li img{
        width: 100%;
    }
    .innvoate-content li:hover{
        transform: translateY(-10px);
    }

    /*企业新闻*/
    .news-con{
        width: 100%;
    }
   
    .news-dec{
        padding: 1.5% 0;
        width: 85%;
    }
    .news-con li{
        /*height: 150px;*/
        border-bottom: 1px solid #eee;
        margin-top: 2%;
    }
    .news-dec h5{
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 1.5%;
        color: #000;
    }
    .news-dec p{
        font-size: 13px;
        text-indent: 20px;
    }
    .news-con span{
        font-size: 14px;
        bottom: 2%;
        right: 0%;
    }

    /*新闻详情*/
    .news_detail{
        width: 100%;
    }
    .news_detail h4{
        text-align: center;
        font-size: 16px;
        color: #333;
        margin: 2% 0;
    }

}
/* sm */

@media (min-width:768px) and (max-width:991px) {
    html,body{
        overflow-x: hidden;
    }
	.case-title{
		width: 910%;
		margin:0 auto;
	}

	.case-left{
		float: left;
		width: 50%;
	}
	.case-right{
		width: 50%;
		float: right;
		text-align:right;
	}
	.section-case{
		margin-top: 0;
	}
	.case-con ul {
		width: 100%;
		margin:0 auto;
		text-align:center;
	}
	.case-con ul li{
	    width: 48%;
        /* height: 250px; */
        float: left;
        box-sizing: border-box;
        box-shadow: 0 5px 5px #ccc;
        margin: 2% 1%;
        transition: .2s;
		}
	.case-con ul li img{
		width: 100%;
		height: 85%;
	}
	.case-con ul li .con-dec h5{
		font-size:12px;
		line-height: 30px;
	}
	.case-con ul li .con-dec p{
		font-size:12px;
		padding:5px;
	}
	.case .case-con ul li .normal img{
		height: 80%;
	}
	.case .case-con ul li .normal h5{
		height: 100px;
		line-height: 100px;
	}
	.case-con p{
		padding: 10px 20px;
	}
	.case .one{
        display: none;

    }

    .case-title .case-left{
        float: left;
        width: 50%;
        font-size: 0;
    }
    .case-title .case-left li{
        display: inline-block;
        width: 76px;
        text-align: center;
        line-height: 31px;
        height: 31px;
        color: #000;
        font-size: 14px;
        cursor: pointer;
    }
    .case-title .case-left li.active{
        background: #D3080B;
        color: #fff;
    }

     /*客户业绩*/
    .customer{
    	width: 100%;
    	margin-top: 2%;
    }
    .customer-left , .customer-right{
    	width: 50%;
    	float: left;
    }

    .customer-title{
    	padding: 2% 0;
    	font-size:16px;
    	font-weight: normal;
    	text-align: center;
    }


    .customer-dec p{
    	font-size: 10px;
    	line-height: 25px;
    }

     /*市场分布*/
    .fence {
        width: 100%;
    }
    .fence .tit{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin: 2% 0;
    }
    .fence img.img{
        width: 100%;
    }
    .fance-case{
        height: auto;
    }

     /*科技创新*/
    #innovate{
        width: 100%;
    }
    .innovate{
        font-size: 14px;
        margin:2% 0;
    }
    .innvoate-content li{
        float: left;
        width: 30%;
        margin: 2% 1.65%;
        transition: .3s;
    }
    .innvoate-content li img{
        width: 100%;
    }
    .innvoate-content li:hover{
        transform: translateY(-10px);
    }

     /*企业新闻*/
    .news-con{
        width: 100%;
    }
   
    .news-dec{
        padding: 1.5% 0;
        width: 85%;
    }
    .news-con li{
        /*height: 150px;*/
        border-bottom: 1px solid #eee;
        margin-top: 2%;
    }
    .news-dec h5{
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 1.5%;
        color: #000;
    }
    .news-dec p{
        font-size: 13px;
        text-indent: 20px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    }
    .news-con span{
        font-size: 14px;
        bottom: 2%;
        right: 0%;
    }

    /*新闻详情*/
    .news_detail{
        width: 100%;
    }
    .news_detail h4{
        text-align: center;
        font-size: 16px;
        color: #333;
        margin: 2% 0;
    }

}


/* xs */

@media (max-width:767px) {
	.case-title{
		width: 100%;
		margin:0 auto;
	}

	.case-right{
/**/
		display: none;
	}
	.section-case{
		margin-top: 0;
	}
	.case-con ul {
		width: 100%;
		margin:0 auto;
		text-align:center;
	}
	.case-con ul li{
			width: 100%;
			float: left;
			box-sizing: border-box;
			box-shadow: 0 5px 5px #ccc;
			margin:2% 0%;
			transition: .2s;
		}
	.case-con ul li img{
		width: 100%;
		height: 85%;
	}
	.case-con ul li .con-dec h5{
		font-size:14px;
		line-height: 30px;
	}
	.case-con ul li .con-dec p{
		font-size:12px;
		padding:5px;
	}
	.case .case-con ul li .normal img{
		height: 80%;
	}
	.case .case-con ul li .normal h5{
		height: 100px;
		line-height: 100px;
	}
	.case-con p{
		padding: 10px 20px;
	}
	.case .one{
        display: none;

    }
	.case-title .case-left{
	        float: left;
	        width: 100%;
	        font-size: 14px;
	        margin:1% 0;
	    }
	    .case-title .case-left li{
        display: inline-block;
        width: 76px;
        text-align: center;
        line-height: 31px;
        height: 31px;
        color: #000;
        font-size: 14px;
        cursor: pointer;
    }
    .case-title .case-left li.active{
        background: #D3080B;
        color: #fff;
    }
     /*客户业绩*/
    .customer{
    	width: 100%;
    }

    .customer-left , .customer-right{
    	margin:0 auto;
    	width:100%;
    	float: none;
    }
    .customer-title{
    	padding: 2% 0;
    	font-size:16px;
    	font-weight: 700;
    }
    .customer-dec p{
    	font-size: 12px;
    	line-height: 20px;
    }

     /*市场分布*/
    .fence {
        width: 100%;
    }
    .fence .tit{
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin: 2% 0;
    }
    .fence img.img{
        width: 100%;
    }
    .fance-case{
        height: auto;
    }


     /*科技创新*/
    #innovate{
        width: 100%;
    }
    .innovate{
        font-size: 14px;
        margin:2% 0;
    }
    .innvoate-content li{
        float: left;
        width: 40%;
        margin: 2% 5%;
        transition: .3s;
    }
    .innvoate-content li img{
        width: 100%;
    }
    .innvoate-content li:hover{
        transform: translateY(-10px);
    }
 /*企业新闻*/
    .news-con{
        width: 100%;
    }
   
    .news-dec{
        padding: 1.5% 0;
        width: 85%;
    }
    .news-con li{
        /*height: 150px;*/
        border-bottom: 1px solid #eee;
        margin-top: 2%;
    }
    .news-dec h5{
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 1.5%;
        color: #000;
    }
    .news-dec p{
        font-size: 13px;
        text-indent: 20px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    }
    .news-con span{
        font-size: 14px;
        bottom: 2%;
        right: 0%;
    }

    /*新闻详情*/
    .news_detail{
        width: 100%;
    }
    .news_detail h4{
        text-align: center;
        font-size: 16px;
        color: #333;
        margin: 2% 0;
    }
}