/*案例展示*/
.poster{ width: 100%;}

/*案例导航*/
.case_nav{height:50px;background:#444444;}
.case_nav ul{width:400px;margin:0 auto;height:50px;line-height:50px;overflow:hidden;}
.case_nav li{float:left;width:200px;}
.case_nav li:first-child{text-align:right;}
.case_nav li:last-child a{margin-left:25px;}
.case_nav a{display:inline-block;width:90px;height:45px;font-size:18px;color:#fff;text-align:center;text-decoration: none;}
.case_nav em{display:inline-block;width:2px;font-size:20px;line-height:20px;color:#fff;margin-left:20px;}
.case_nav li:hover a,.active{border-bottom:5px solid #fc833a;}
/*案例内容*/
.mainpart{ width:100%;margin-bottom:60px;}
.cases{width: 1236px; margin-left: auto; margin-right: auto; padding-top: 10px;}
.pccases{overflow:hidden;}
.pccases li{
    position: relative;
    float: left;
    width: 380px;
    margin:50px 15px 0;
    border:1px solid #ddd;
}
.view {height: 280px;}
/*手机端案例*/
.mcases{width:951px;margin:0 auto;overflow:hidden;}
.mcases li{float: left; width: 285px;margin:50px 15px 0px;border:1px solid #ddd;}
.mcases .view{height: 460px;}
/*分页*/
.pagelist{height:30px;line-height:30px;margin-top:60px;font-size:14px;text-align:center;}
.pagelist span,.pagelist a{display:inline-block;margin:0 5px;font-size:14px;}
.pagelist a{width:28px;height:28px;color:#222;border:1px solid #ccc;}
.pagelist .current{width:30px;height:30px;color:#fff;background:#fc7d20;}
.pagelist a:hover{width:30px;height:30px;border:none;color:#fff;background:#fc7d20;text-decoration: none;}
    /*案例详细页*/
.casebanner{width:100%;}
.case_details{width:100%;background:#f3f3f3;overflow:hidden;padding-top: 30px;padding-bottom:30px;}
.details_content{width:1200px;margin:0 auto;background:#fff;overflow:hidden;}
.details_info{float:left;width:370px;padding-left: 30px;padding-right: 20px;}
.info-content h1{font-size:20px;color:#2f2f2f;font-weight:normal;line-height:20px;margin-top: 40px;margin-bottom: 32px;}
.info-content {padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.info-content p{font-size:14px;color:#666;line-height:30px;}
.info-content em {color: #999;}
.weburl {display: block;width: 120px;height: 30px;line-height: 30px;border: 1px solid #999;border-radius: 5px;text-align:  center;font-size: 14px; color: #666;margin-top: 32px;}
.weburl:hover {background-color:#f36121;color: #fff;border: none;}
.info-page {margin-bottom: 30px;}
.info-page a {display: block;font-size: 14px; color: #666;line-height: 30px;}
.info-page a:hover{color:#f36121;}
.details_show{float:left;width:750px;margin-top: 20px;margin-right:30px;font-size:14px;line-height:30px;}
.details_show img{width:100%;margin-bottom:10px;}