/* 案例详情 */
.xqcase-container{width: 100%;overflow: hidden;padding: 66px 0 88px;background: #f5f5f5;}
.xqcase{width: 1280px;margin: 0 auto;}
.xqcase-left{width: 65.5%;float: left;overflow: hidden;background: #fff;padding: 48px 80px 62px;}
.xqcase-ltit{width: 100%;text-align: center;padding-bottom: 24px;border-bottom: 1px solid #f3f3f3;}
.xqcase-ltit h4{font-size: 24px;color: #333;font-weight: bold;}
.xqcase-ltit p{width: 100%;font-size: 0;margin-top: 10px;}
.xqcase-ltit p span{font-size: 16px;color: #999;margin: 4px 16px;display: inline-block;}
.xqcase-lwords{width: 100%;padding-bottom: 38px;border-bottom: 1px solid #f3f3f3;text-align: center;}
.xqcase-lwords p{font-size: 14px;color: #777;line-height: 26px;margin-top: 24px;text-align: left;}
.xqcase-lwords img{max-width: 100%;margin-top: 30px;}
.xqcase-lfxfh{width: 100%;overflow: hidden;padding-top: 24px;}
.xqcase-lfx{float: left;}
.xqcase-lfx{width: auto;margin-top: 8px;font-size: 0;text-align: left;}
.xqcase-lfx .bds_more{display: none !important;}
.xqcase-lfx a{width: 50px !important;height: 30px !important;display: inline-block;float: initial !important;background-position: 0 0 !important;margin: 0 4px 0 0 !important;padding: 0 !important;}
.xqcase-lfx .bds_twi{background-image: url('../images/twitter.png') !important;}
.xqcase-lfx .bds_linkedin{background:url('../images/in.png') !important;}
.xqcase-lfx .bds_fbook{background:url('../images/f.png') !important;}
.xqcase-lfx .bds_tsina{background:url('../images/weibo.png') !important;}
.xqcase-lfh{float: right;}
.xqcase-lfh a{display: block;width: 166px;height: 42px;background-image: linear-gradient(to right,#f49f20,#e60811);font-size: 16px;color: #fff;text-align: center;line-height: 42px;}
.xqcase-lfh i{width: 18px;height: 42px;background: url('../images/anliic.png') no-repeat center center;display: inline-block;vertical-align: middle;margin: -4px 6px 0 0;}
.xqcase-right{width: 30.5%;float: right;overflow: hidden;}
.xqcase-rcase{width: 100%;background: #fff;padding: 20px 24px 30px;}
.xqcase-rtit{width: 100%;padding: 24px 0;}
.xqcase-rtit h6{font-size: 20px;color: #e60212;font-weight: bold;padding-left: 16px;border-left: 4px solid #e60212;}
.xqcase-rlist{width: 100%;}
.xqcase-rlist a{display: block;padding: 20px 0;box-shadow: 0 4px 10px 0 #f3f3f3;width: 100%;overflow: hidden;}
.xqcase-rlpic{width: 45%;height: 92px;float: left;overflow: hidden;}
.xqcase-rlpic img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.xqcase-rlwords{width: 50%;float: right;}
.xqcase-rlwords h6{font-size: 16px;color: #333;margin-top: 10px;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xqcase-rlwords p{font-size: 12px;color: #999;line-height: 20px;margin-top: 10px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xqcase-rlist a:hover .xqcase-rlpic img{transform: scale(1.1);}
.xqcase-rlist a:hover .xqcase-rlwords h6{color: #e60811;}
.xqcase-rud{width: 100%;overflow: hidden;margin-top: 26px;padding: 10px 24px;background: #fff;}
.xqcase-rud .xqcase-rtit a{font-size: 16px;color: #333;display: block;padding-left: 20px;margin-top: 10px;font-weight: bold;}
.xqcase-rud .xqcase-rtit a:hover{color: #e60811;}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1320px) {
    .xqcase{width: 92%;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .xqcase-container {padding: 40px 0 44px;}
    .xqcase-left {width: 100%;padding: 24px 20px 32px;}
    .xqcase-ltit h4 {font-size: 20px;}
    .xqcase-ltit p span{font-size: 14px;}
    .xqcase-ltit {padding-bottom: 14px;}
    .xqcase-lwords p {line-height: 22px;margin-top: 14px;}
    .xqcase-lwords img {margin-top: 20px;}
    .xqcase-lwords {padding-bottom: 26px;}
    .xqcase-lfxfh {padding-top: 18px;}
    .xqcase-lfx{width: 100%;text-align: center;}
    .xqcase-lfx a{margin: 0 3px !important;}
    .xqcase-lfh{width: 100%;padding-top: 20px;}
    .xqcase-lfh a{margin: 0 auto;}
    .xqcase-right{width: 100%;margin-top: 32px;}
    .xqcase-rtit {padding: 18px 0;}
    .xqcase-rcase {padding: 16px 20px 24px;}
    .xqcase-rud {padding: 10px 20px;}
}