.sub-title{color: #666;}
.sidebar{display: none;}
.pro-itm .title{color: #000000; font-weight: 500; text-align: left; padding: 0;}
.pro-wrap{display: flex;flex-wrap: wrap;align-items: stretch;}
.pro-wrap2{display: flex;justify-content: space-between;margin-top: 50px;flex-wrap: wrap;}
.pro-wrap3{display: flex;flex-wrap: wrap;}
.pro-itm {width: 100%;transform: scale(0.98); transition: all .5s; padding: 20px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 5px 5px #f1f1f1; margin: 10px 0; position: relative; overflow: hidden; box-shadow: 0 0 20px 20px #f1f1f1;}
.pro-itm:hover { transform: scale(1); }
.pro-itm .tag { position: absolute; background-color: #C7000A; overflow: hidden; white-space: nowrap; position: absolute; right: -60px; top: 20px; transform: rotate(45deg); box-shadow: 0 0 10px #888; text-align: center;  color: #fff; width: 200px;height: 40px;line-height: 40px; }
.pro-itm .title { font-size: 30px; color: #000000; font-weight: 500; text-align: left; padding: 0; }
.pro-itm .subtitle { color: #666666; }
.pro-itm .pro-itm-type { display: flex; padding: 20px 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #666666; flex: 1; margin-right: 20px; color: #666666; }
.pro-itm .pro-itm-type:nth-of-type(2n){ margin-right: 0; }
.pro-itm .pro-itm-type span:nth-of-type(2n){ color: #000000; font-weight: bold; }
.pro-itm .tags{margin-top: 16px;}
.pro-itm .tags span{display: inline-block;padding: 5px;font-size: 14px;color:#a64d00;background-color: #a64d001a;margin-right: 10px;margin-bottom: 10px;}
.pro-itm .tags span:nth-of-type(2n){background-color:#5959591a;color:#595959;}
.pro-itm .desc{color: #666;font-size: 14px;}
.pro-itm .price{ margin: 20px 0 30px;color: #000000;font-size: 14px; }
.pro-itm .price span:first-child { color: #C7000A;margin-left: 20px;}
.pro-itm .price span:last-child{font-size: 48px;color: #C7000A;font-weight: bold;}
.pro-itm .btns{ font-weight: bold; font-size: 18px; color: #000; line-height: 50px; border-radius: 24px 24px 24px 24px; border: 2px solid #999; margin: 0 auto; text-align: center; cursor: pointer;}
.pro-itm .btns:hover { border-color: #C7000A; color: #C7000A; }

.pro-itm.small {width: 100%;}
.pro-itm.small:nth-of-type(4n){margin-right: 0;}
.pro-itm.small .title{font-size: 20px;}
.pro-itm.small .tag { right: -60px; top: 10px; box-shadow: 0 0 8px 2px #888; text-align: center; width: 180px;height: 36px; font-size: 14px; }
.pro-itm.small .pro-itm-type{padding: 10px 0;margin-right: 0;}
.pro-itm.small .desc{ flex: 1;margin-top: 12px; }
.pro-itm.small .price span:last-child{font-size: 24px;letter-spacing: -2px;}
.pro-itm.small .btns{width: 100%;}
.pro-itm.small2 { width: 100%; }
.pro-itm.small2 .pro-itm-type{padding: 10px 0;}
.pro-itm.small2 .desc2{margin: 20px 0;font-size: 13px;display: flex;align-items: center;}
.pro-itm.small2 .desc2 input{margin-right: 5px;}
.pro-itm.small1{flex: 1;display: flex;flex-direction: column;}
.pro-itm.small1 .desc1{display: flex;flex: 1;flex-direction: column;}
.pro-itm.small1 .desc1 img{align-self: center;}
.pro-itm.small1 .desc1 .desc1-content{ display: flex; height: 100%;margin: 20px 0; flex-direction: column; flex: 1; justify-content: space-evenly;color: #666;}
.pro-itm.small1 .desc1 .desc1-content p{font-size: 18px; color: #000;margin-bottom: 0;line-height: 24px;}
/* 组合折扣 */
.pro-itm.small3{width: 100%;text-align: center;display:flex;flex-direction:column;}
.pro-itm.small3 .title{text-align: center;}
.pro-itm.small3:nth-of-type(3n){margin-right: 0;}
.pro-itm.small3 .type-wrap{flex-grow: 1;}
.pro-itm.small3 .pro-itm-type { padding: 10px 0;margin-right: 0; }
.pro-itm.small3 .tags span{background-color: #067FF0;color:#fff;}
.pro-itm.small3 .tags span:nth-of-type(2n) { background-color:#999;; }
.pro-itm.small3 .tags span.gray{background-color: #999;}
.pro-itm.small3 img{width:72px;margin-bottom:20px;align-self:center;}
.pro-itm.small3 .price{text-align: left;}
.pro-itm.small3 .price span:last-child{font-size: 40px;}
.pro-itm.small3 .btns{width: 100%;}
/* 方案 */
.case-wrap{display:flex ;flex-wrap: wrap;margin-top: 50px;}
.case-item{width:100%}
.case-item:hover img{transform: scale(1.1);}
.case-item img{width: 100%;cursor: pointer;transition: all .3s;}
.case-item:nth-of-type(4){margin-right: 0;}
.case-item .name{font-size: 24px;color: #000;margin-top:20px;font-weight: bold;}
.case-item .desc{color: #666;}
.case-item .btns{display: flex;margin: 48px 0;}
.case-item .btns span{flex: 1;text-align: center;line-height: 42px; border-radius: 25px;cursor: pointer;border: 2px solid}
.case-item .btns span:first-child { color: #C7000A;margin-right: 12px;border-color: #C7000A;}
.case-item .btns span:last-child{color: #000;border-color: #000;}
.case-item .btns span:hover{background: #C7000A;color: #fff;border-color: #C7000A;}
.more-box{display: flex;flex-wrap: wrap;margin-top: 30px;}
.more-item{width: 49%;display: flex; padding: 20px 12px;background-color: #fff;border-radius: 10px;margin-right: 1%;margin-bottom: 20px;font-size: 14px;color: #666;}
.more-item:nth-of-type(2n){margin-right: 0;}
.more-item img{ align-self:flex-start; margin-right: 12px;}
.more-item .name{font-size: 16px; font-weight: bold;line-height: 1.5;color: #000;}
.contact{padding-top: 50px;}
.contact .btns{margin: 30px 0 60px;display: inline-block; padding: 10px 50px; color: #C7000A; font-size: 18px;font-weight: bold; border-radius: 50px; border: 3px solid #C7000A;cursor: pointer; }
.contact .btns img{margin-left: 20px;}
    .contact .mb-3>img{width: 80%;}
.tab-pane{display: flex;justify-content: flex-start;margin-bottom: 20px;width: 100%;overflow: hidden;overflow-x: scroll;}
::-webkit-scrollbar { display: none; }
.tab-pane li{font-size: 14px; padding: 5px 10px; text-align: center; border-radius: 30px;cursor: pointer;white-space: nowrap;}
.tab-pane li.active{background-color: #C7000A;color: #fff;}
.tab-content li{display: none;}
.tab-content li.acvtive{display: block;}
.sidebar { display: none; }
/* 底部 */
.footer2 { color: #fff; width: 100%; height: auto; background: #3B3A50; }
.footer2-content { height: auto; display: flex; align-items: center;flex-wrap: wrap; }
.footer2-left { display: flex;width: 100%;padding: 20px 0; }
.footer2-right {width: 100%;display: flex; justify-content: space-around;flex-wrap: wrap; }
.footer2-right>div{width: 50%;}
.footer2-right a { color: #ccc; line-height: 2; margin-bottom: 10px; }
.footer2-link { display: flex; align-items: center;white-space: nowrap;flex-wrap: wrap;padding: 20px;}
.footer2-link a { color: #fff; margin-right: 16px; font-size: 14px; }

@media (min-width:576px) {
    .pro-itm.small{width: 49%;margin-right: 2%;}
    .pro-itm.small:nth-of-type(2n) { margin-right: 0; }
    .pro-itm{width: 100%;}
    .pro-wrap3{flex-wrap: wrap;}
    .pro-wrap3 .small2{width: 100%;}

    .tab-pane{display: flex;justify-content: flex-start;margin-bottom: 20px;width: 100%;overflow: hidden;overflow-x: scroll;}
::-webkit-scrollbar { display: none; }
.tab-pane li{font-size: 14px; padding: 5px 10px; text-align: center; border-radius: 30px;cursor: pointer;white-space: nowrap;}
    .pro-itm.small3{width: 49%;margin-right: 2%;}
    .pro-itm.small3:nth-of-type(2n){margin-right: 0;}
    .case-item{width: 49%;margin-right: 2%;}
    .case-item:nth-of-type(2n){margin-right: 0;}

}
@media (min-width:992px) {
    .pro-itm{width: 50%;}
    .pro-itm.small2 { width: 42%; }
    .pro-itm.small1{margin-left: 20px;}
    .pro-itm.small1 .desc1{flex-direction: row;align-items: center;}
    .pro-itm.small1 .desc1 .desc1-content{margin: 0;}
    .pro-itm.small1 .desc1 img{width: 50%;}
    .pro-itm.small3{width: 32%;margin-right: 2%;}
    .pro-itm.small3:nth-of-type(2n){margin-right: 2%;}
    .pro-itm.small3:nth-of-type(3n){margin-right: 0;}
    .case-wrap{display:flex ;flex-wrap: wrap;margin-top: 50px;}
    .more-box{display: flex;flex-wrap: wrap;margin-top: 50px;}
    .more-item{width: 24%;display: flex; padding: 20px 12px;background-color: #fff;border-radius: 10px;margin-right: 2%;margin-bottom: 20px;font-size: 14px;color: #666;}
    .more-item:nth-of-type(4n){margin-right: 0;}
    .more-item .name{font-size: 24px;}
    .footer2 { color: #fff; width: 100%; height: 440px; background: #3B3A50; }
    .footer2-content { height: 360px; display: flex; align-items: center; flex-wrap: nowrap; }
    .footer2-left { display: flex; margin-right: 100px; width: auto; }
    .footer2-right { width: auto; flex: 1; display: flex; justify-content: space-around; flex-wrap: nowrap; }
    .footer2-right a { color: #ccc; line-height: 2; margin-bottom: 10px; }
    .footer2-link { height: 80px; display: flex; align-items: center; }
    .footer2-link a { color: #fff; margin-right: 16px; font-size: 14px; }
        .tab-pane{display: flex;justify-content: flex-start;margin-bottom: 48px;width: 100%;overflow: hidden;overflow-x: scroll;}
    .tab-pane li{font-size: 18px; padding: 12px 30px; text-align: center; border-radius: 30px;cursor: pointer;white-space: nowrap;}
}
@media (min-width:1200px) {
    .sidebar { display: block; }
    .pro-itm.small { width: 32.3%; margin-right: 1.3%;}
    .pro-itm.small:nth-of-type(2n) { margin-right: 1.3%; }
    .pro-itm.small:nth-of-type(3n) { margin-right: 0; }
    .pro-itm { width: 49%;margin-right:1%; }
    .case-item{width: 24%;margin-right: 1%;}
    .case-item:nth-of-type(2n){margin-right: 1%}
    .case-item:nth-of-type(4n){margin-right: 0}
    .contact .mb-3>img{width: 680px;}
}
@media (min-width:1400px) {
    .pro-itm { width: 49%;margin-right:1%; }
    .pro-itm.small { width: 24%; display: flex; flex-direction: column; height: auto;  }
    .pro-itm.small:nth-of-type(2n){margin-right: 17px;}
    .pro-itm.small:nth-of-type(3n) { margin-right: 17px; }
    .pro-itm.small:nth-of-type(4n) { margin-right: 0; }
    /* .footer2 { color: #fff; width: 100%; height: 440px; background: #3B3A50; }
    .footer2-content { height: 360px; display: flex; align-items: center; flex-wrap: nowrap; }
    .footer2-left { display: flex; margin-right: 100px; width: auto; }
    .footer2-right { width: auto; flex: 1; display: flex; justify-content: space-around; flex-wrap: nowrap; }
    .footer2-right a { color: #ccc; line-height: 2; margin-bottom: 10px; }
    .footer2-link { height: 80px; display: flex; align-items: center; }
    .footer2-link a { color: #fff; margin-right: 16px; font-size: 14px; } */
}