.case ul{margin:5% 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; padding-left:1%; padding-right:1%;}

.case ul li{float:left;margin-right:60px}

.case ul li a{line-height:60px}

.case ul li sup{ margin-left:5px;}

.case-list ul li span{display:block;margin:3% 0 2% 0}

.case-list ul li p{color:#a9a9a9}

.case-list ul li img{width:100%}

.caseview-bg{height:877px;}

.caseview-word{margin-top:15%;margin-bottom:17%}

.caseview-word .caseview-word-box{width:100%; max-width:550px;margin:0 auto}

.caseview-word .caseview-word-box font{margin-bottom:1%;display:block;width:100%}

.caseview-word .caseview-word-box span{display:block;width:100%;margin-bottom:5%}

.caseview-word .caseview-word-box p{width:100%;color:#8a8a8a; line-height:22px;}

.more-case{ overflow:hidden; margin:15% 0 10% 0;}

.more-case font{display:block;width:100%;text-align:center;margin-bottom:3%}

.more-case li{float:left}

.more-case li img{width:100%}

.more-case li span{display:block;margin:3% 0 2% 0}

.more-case li p{margin-bottom:4%}



.case a{font-size:18px}

.case-list ul li{width:48.9%;float:left; margin-bottom:5%;}

.case-list ul li.l{ margin-right:1%;}

.case-list ul li.r{ margin-left:1%;}

.case-list ul li span{font-size:22px}

.case-list ul li p{font-size:15px}

.caseview-word-box font{font-size:40px}

.caseview-word-box span{font-size:18px}

.caseview-word-box p{font-size:16px}

.more-case font{font-size:25px}

.more-case li{width:24%;margin-right:1.3%}

.more-case li img{width:100%}

.more-case li span{font-size:20px}

.more-case li p{font-size:15px}



@media (max-width:1024px){

.case-list ul li{width:48.8%;}

.case a{ font-size:16px;}

.case-list ul li span{ font-size:20px;}

.case-list ul li p{ font-size:14px;}

.caseview-bg{ padding:50% 0; height:auto;background-attachment:inherit !important}

}

@media screen and (max-width:768px){

.more-case li.clear-right{ display:none}

.more-case li{ width:31.33%; margin:0 1% 2% 1%;}

.more-case font{font-size:22px}

.more-case li span{font-size:15px}

.more-case li p{font-size:13px}

.caseview-bg{ background-size:cover !important}	


}

@media screen and (min-width:768px) and (max-width:1279px){

.caseview-word-box font{font-size:38px}

.caseview-word-box span{font-size:18px}

.caseview-word-box p{font-size:16px}

}

@media screen and (min-width:481px) and (max-width:767px){

.caseview-word-box font{font-size:32px}

.caseview-word-box span{font-size:16px}

.caseview-word-box p{font-size:14px}

}

@media screen and (min-width:310px) and (max-width:480px){

.caseview-word-box font{font-size:24px}

.caseview-word-box span{font-size:14px}

.caseview-word-box p{font-size:13px}



.more-case li{width:100%; display:block !important}

.more-case li span{font-size:14px}

.more-case li p{font-size:12px}

}



@media screen and (min-width:481px) and (max-width:767px){

.case a{font-size:14px}

.case-list ul li span{font-size:17px; margin:5% 0;}

.case-list ul li p{font-size:13px}

}

@media screen and (min-width:310px) and (max-width:480px){

.case ul li{width:33%;margin-right:0!important}

.case ul li a{font-size:14px;line-height:60px}

.case-list ul li{width:100%; margin-left:0 !important; margin-right:0 !important; margin-bottom:8%;}

.case-list ul li span{font-size:16px}

.case-list ul li p{font-size:13px}

}