.index-case{overflow: hidden;margin:50px 0 0px 0; text-align: left}
.index-case li{
    float: left;
    width: calc((100% - 27px * 3) / 4);
    margin-bottom: 30px;
    margin-right:27px;
    background:#f7f7ff;
    height:370px;
    box-sizing:border-box;
}
.index-case li:nth-child(4n){
    margin-right:0;
}
.index-case li .imgbox{
    overflow: hidden;
    height: 230px;
}
.index-case li img{ width: 100%;    height: 100%; }
.index-case li .title{font-size:1.2em; color:#333;margin: 10px 0;}
.index-case li p:hover{color:#14a83b;}
.index-case li p{
    font-size: 16px;
    margin-bottom: 5px;
	padding:0 20px
}
.index-case li a{display:block}
.index-case .cos{margin-right: 0}

.case-block{ overflow:hidden}
.case-block .case-menu{float:left;width:194px;border:1px solid #ccc;padding:20px 27px;text-align:left}
.case-block .case-menu .case-menu-block {margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}
.case-block .case-menu .case-menu-block:last-child{border-bottom:0}
.case-block .case-menu .case-menu-block p{cursor:pointer}
.case-block .case-menu .case-menu-block a{background-size:30px;padding: 5px 5px 5px 46px;line-height:40px;font-size:18px;color:#333;}
.case-block .case-menu .case-menu-block .case-menu01{background:url(../images_new/case01.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu02{background:url(../images_new/case02.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu03{background:url(../images_new/case03.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu04{background:url(../images_new/case05.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu05{background:url(../images_new/case06.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu06{background:url(../images_new/case07.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu07{background:url(../images_new/case08.png) left center no-repeat;}
.case-block .case-menu .case-menu-block .case-menu08{background:url(../images_new/case04.png) left center no-repeat;}

.case-block .case-menu .case-menu-block a.active{color:#14a83b!important;}
.case-block .case-menu .case-menu-block a:hover{color:#14a83b!important;}
.case-block .case-content{float:right;width:900px;margin-bottom:40px}
.case-block .case-content h1{margin-bottom:20px;font-size:24px; text-align:center}
.case-block .case-content p{text-align:left;margin:20px 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; color: rgb(62, 62, 62); font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-caseif; text-indent: 2em; box-sizing: border-box !important; word-wrap: break-word !important;}
.case-block .case-content p span{margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; word-wrap: break-word !important; font-size: 14px;}
/*.case-block .case-content p img{width:100%} */
.case-block .case-content img{display: block; margin: 0 auto; max-width: 100%; height: auto!important;}
.case-block .case-content ul{text-align:left;text-indent:2em}

@media screen and (max-width:1279px) and (min-width:768px){
.case-block .case-content{width:100%;float:none}
.case-block .case-menu{width: 91%;margin-bottom: 20px;float: none;padding: 20px 4%;}
}

@media screen and (max-width:768px) and (min-width:479px){
.case-block .case-content{width:100%;float:none}
.case-block .case-menu{width: 95%;margin-bottom: 20px;float: none;padding: 20px 2%;}

	
}


@media screen and (max-width:479px){
.case-block .case-content{width:100%;float:none}
.case-block .case-menu{width: 95%;margin-bottom: 20px;float: none;padding: 20px 2%;}

	
}







@media screen and (max-width:1279px) and (min-width:960px){
.index-case li{height:304px;}
.index-case li .imgbox{height: 164px;}
.index-case li p{font-size:15px;}
}
@media screen and (max-width:959px) and (min-width:768px){
.index-case li{height:266px;}
.index-case li .imgbox{height: 127px;}
.index-case li p{font-size:15px;}
 
}
@media screen and (max-width:767px) and (min-width:479px){
.index-case li {width: calc((100% - 27px) / 2);height: 314px;}
.index-case li .imgbox {overflow: hidden;height: 177px;}
.index-case li:nth-child(4n){margin-right: 27px;}
.index-case li:nth-child(2n){margin-right: 0;}
.index-case {margin: 20px 0 0px 0;}

}

@media screen and (max-width:478px){
.index-case li {width: calc((100% - 27px) / 2);height: 240px;font-size: 12px;}
.index-case li p {font-size: 12px; }
.index-case li .imgbox {overflow: hidden;height: 112px;}
.index-case li:nth-child(4n){margin-right: 27px;}
.index-case li:nth-child(2n){ margin-right: 0;}
}