/*.w1200{width: 1200px;margin: 0 auto;font-size: 14px;}*/
.caseInfoBox,.desInfoBox,.caseInfoBox2{padding: 20px;box-sizing: border-box;background: #FFF;}
.caseInfoBox{margin-bottom: 20px;}
#appBox{background: #f5f5f5;padding-bottom: 40px}
.swiper-quality{background: #000;height: 500px;overflow: hidden;}
.caseInfoBox2{padding: 20px 40px;}
.info_box{text-align: center;padding-top: 20px;}
.info_box p{display: inline-block;padding: 10px 30px;border: 1px solid #999;margin: 0 5px;color: #666;cursor: pointer}
.info_box .active{background: #a98551;color: #FFF;border-color: #a98551;}
.menu2{padding: 20px 0;color: #666}
.menu2 i{color: #ea5703}
.desInfoBox{text-align: center}
.desInfoBox img{width: 100%}
.des_info_title{font-size: 20px;margin: 10px 0 5px}
.des_info_txt{font-size: 14px;color: #666;margin-bottom: 20px;}
.yy-btn{background: #ea5703;}
.view-btn{background: rgb(29,29,29);}
.yy-btn,.view-btn{padding: 13px 0;font-size: 16px;color: #fff;width: 100%;margin-bottom: 10px;cursor: pointer}
.info_tit1{font-size: 22px;margin-bottom: 16px;position: relative}
.caseInfoP,.caseInfoP2{color: #666;font-size: 15px;line-height: 1.8;border-bottom: 1px solid #f3f3f3;padding-bottom: 20px;margin-bottom: 20px;}
.caseInfoP2{border-bottom: none;}
.tazp{margin-top: 40px;}
.tazp .info_tit1{margin-bottom: 40px;}
.zp .img{background: #FFF;padding: 14px;box-sizing: border-box;}
.zp .img img{width: 100%}
.list_box_txt2{display: inline-block;line-height: 1;padding: 0 10px;color: #666;font-size: 15px;}
.list_box_txt2:first-child{padding-left: 0;}
.list_box_txt2:last-child{padding-right: 0;}
.list_box_txt2:not(:last-child){border-right: 1px solid #999;}
.list_box .wr{font-size: 0}
.list_box_txt1{font-size: 18px;margin: 5px 0 8px;}
.unline_g::after{content: '';height: 3px;width: 50px;background:#a98551;position: absolute;bottom: -20px;left: 0;}
.info_tit1 a{float: right;font-size: 16px;color: #999;cursor: pointer}
.info_tit1 a:hover{color: #999}
.swiper-quality .el-image{width: 100%; height: 500px;}

@media screen and (max-width:767px){
    .swiper-quality,.swiper-quality .el-image{height: 30vh;}
    .mob_case_img{width: 100%}
    .mob_case_tit_box{position: absolute;bottom: 0;width: 100%;padding: 10px 0;text-align: center;color: #FFF;background: rgba(0,0,0,.7)}
    .mob_case_info{display: inline-block;color: #c6c6c6;line-height: 1;padding: 0 20px;}
    .mob_case_info:not(:last-child){border-right: 1px solid #999;font-size: 14px;}
    .mob_case_tit{font-size: 16px;margin-bottom: 5px;}
    .desInfoBox{text-align: left;}
    .desInfoBox img{width: 35%}
    .mob_des_box{width: 62%;display: inline-block;vertical-align: top;box-sizing: border-box;padding-left: 20px;}
    .des_info_title{margin: 0 0 5px;font-weight: bolder}
    .yy-btn, .view-btn{text-align: center;display: inline-block;font-size: 14px;padding: 10px 0;}
    .caseInfoBox2{padding: 20px}
    .info_tit1{font-size: 20px;font-weight: bolder}
    .caseInfoP2{font-size: 13px;}
    .mob_imgs{width: 100%;display: block;margin-bottom: 10px;}
}