.delivery-list li{width: 520px;margin-bottom: 50px;cursor: pointer;}
.delivery-list li img{width: 520px;margin-bottom: 20px;}
.delivery-list li em{font-size: 24px;color: #666666;line-height: 24px;}
.delivery-list li p{font-size: 32px;color: #333333;line-height: 32px;margin: 10px 0 25px;}
.delivery-list li:hover p{color: #D5000F;}
.delivery-list li span{font-size: 20px;color: #999999;line-height: 20px;padding-right: 15px;border-right: 1px solid #EEEEEE;margin-right: 15px;}
.delivery-list li .li-str span:last-child{padding-right: 0px;border-right: 0;margin-right: 0;}

.case-top{padding: 170px 0 130px;color: #999999;}
.case-top .continer{
    align-items: flex-end;
}
.case-top-left em{font-size: 30px; line-height: 40px;}
.case-top-left h2{font-size: 60px;color: #333333;line-height: 68px;font-weight: bold;}
.case-top-left span{font-size: 20px;line-height: 29px;display: block;margin-top: 25px;}

.case-top-right p{font-size: 30px;margin-bottom: 30px;}
.numCount{border-bottom: 1px solid #ddd;}
.numCount li{text-align: left;margin-bottom: 10px;}
.numCount li:nth-child(2){margin: 0 70px;width: 270px;}
.numCount li:first-child .indc{text-align: left}
.numCount li .indc{font-size: 26px;color: #999999;line-height: 40px;text-align: center; }
.numCount li .numCX{font-size: 80px;color: #333333;line-height: 80px;font-weight: bold;display: inline-block;}
.numCount li .numU .unitC{font-size: 56px;color: #333333;display: inline-block;font-weight: 600;}
.case-top-right a{display: block;font-size: 26px;line-height: 30px;margin-top: 20px;color: #D5000F;width: max-content;}

.case-tab{padding-bottom: 120px;}
.case-tab-title{height: 60px;border-bottom: 1px solid #DDDDDD;}
.case-tab-title span{font-size: 26px;display: inline-block;margin-right: 59px;height: 59px;line-height: 55px;border-bottom: 1px solid #DDDDDD;cursor: pointer;color: #999;}
.case-tab-cont{margin: 30px 0 60px;}
.case-tab-list li{
    position: relative;
    display: inline-block;
    height: 36px;
    line-height: 34px;
    padding: 0 25px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    box-shadow: 0px 15px 48px 0px rgba(0,0,0,0.05);
    border-radius: 6px;
    border: 1px solid #EEEEEE;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 136px;
    text-align: center;
}
.case-tab-list li span{
    position: relative;
    z-index: 2;
}
.case-tab-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #D5000F;
    border-radius: 5px;
    transform: scaleX(0);
    transform-origin: right;
    -webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    transition: transform .6s cubic-bezier(.785, .135, .15, .86)
}
.case-tab-list li:hover span{
    color: #FFFFFF;
}
.case-tab-list li:hover::before{
    transform: scaleX(1);
    transform-origin: left
}

.li-cont{margin-top: 120px;}
.ul-fl{display: flex;justify-content: space-between;flex-wrap: wrap;
    column-gap: 10px; }
.ul-fl li{width: 520px;cursor: pointer;position: relative;margin-bottom: 100px;}
.ul-fl:after {
    content: "";
    height: 0;
    width: 480px;
}
.ul-fl li img.recommend{position: absolute;top: -3px;left: 25px;z-index: 1;width: 53px;}
.ul-fl li .title{font-size: 24px;color: #666666;line-height: 24px;display: block;margin: 20px 0 10px; border: 0;}
.ul-fl li p{font-size: 32px;color: #333333;line-height: 36px; }
.ul-fl li div:last-child{font-size: 20px;margin-top: 30px;}
.ul-fl li div a.check{color: #999;line-height: 30px;}
.ul-fl li div a.donload{color: #333;line-height: 30px;}
.ul-fl li .img-box{width: 520px;height: 320px;overflow: hidden;border-radius: 10px; }
.ul-fl li:hover .img-box img{transform: scale(1.1, 1.1);}
.ul-fl li .img-box img{-webkit-transition: .5s;  -o-transition: .5s;  -moz-transition: .5s;  transition: .5s;}
.ul-fl li:hover p{color:#D5000F;font-weight: bold; }
.page{padding-top: 30px;margin: 0 auto; }
.page .page-item{display: inline-block;width: 36px;height: 36px;border: 1px solid #DDDDDD;border-radius: 50%;text-align: center;line-height: 36px;font-size: 20px;color: #999;cursor: pointer;}
.page .page-item:first-child img{transform: rotate(180deg);}
.page .page-item:hover{border: 1px solid #D5000F;color: #D5000F;}

.page .page-item:first-child:hover,.page .page-item:last-child:hover{background: #F0F0F0;border: 1px solid #DDDDDD;}
.page .page-item.active{background: #D5000F;color: #fff!important;border: 1px solid #D5000F!important;}


.screen p{
    top: 3px;right: 0px;width: 170px; height: 46px;background: #FAFAFA;line-height: 46px;text-align: center;cursor: pointer;font-size: 20px;color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.screen p img{margin: 0 10px 0 0}
.screen-tab{background: #FFFFFF;border: 1px solid #DDDDDD;transform: rotate3d(0, 0, 0, -90deg);top: 0px;width: 100%;
    z-index: 99;
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}
.screen-blk{transform: rotate3d(0, 0, 0, 0);-webkit-transform: rotate3d(0, 0, 0, 0);}
.screen-title{border-bottom: 1px solid #DDDDDD;height: 65px;line-height: 65px;font-size: 20px;color: #666666;padding-left: 35px; }
.screen-title img{display: inline-block;width: 28px;height: 28px;margin: 18px 15px 0 0;cursor: pointer;}

.screen-tab-title{text-align: center;border-right: 1px solid #DDDDDD;position: relative;}
.screen-tab-title span{display:block;text-align: center;width: 180px;height: 52px;line-height: 52px;border-radius: 4px;font-size: 20px;color: #999999;margin: 10px;cursor: pointer;}
.screen-tab-cont{padding: 40px 30px;width: 100%;}
.screen-tab-list div{font-size: 20px;color: #666666;line-height: 20px;}
.screen-tab-list div span{display: inline-block;height: 52px;line-height: 52px;min-width: 150px;text-align: left;background: #FAFAFA;border-radius: 4px;padding: 0 20px;}
.screen-tab-list div span input{display: none;}
.screen-tab-list div span label{ display: inline-flex;
    justify-content: center;
    margin-right:5px;
    width: 20px;height: 20px;cursor: pointer;background: #FFFFFF;
    border: 1px solid #979797;}

.screen-tab-list .button-cont{top: 10px;right:20px;font-size: 14px;color: #666666;cursor: pointer;}
.screen-tab-list .button-cont button:first-child{margin-right: 10px;}
.screen-tab-list .button-cont button:first-child input{width: 14px;height: 14px;margin: 2px 3px;}
.screen-tab-list .button-cont button img{margin: 2px 3px 0 0}
#technology span{font-weight: bold;height: auto;line-height: 26px;padding: 10px 20px;text-align: left;}
#technology span em{font-size: 14px;display: block;margin-left: 25px;}
.case-tab-list li.tab-list-active{background: #D5000F;color: #fff!important;}
.case-tab-list li:hover{border: 1px solid #D5000F;}
.case-tab-title span.active{border-bottom: 2px solid #D5000F!important;color: #333!important;font-weight: bold;}
.case-tab-cont-list-box,.li-list,.screen-tab-list {display: none;}
.screen-tab-title span{
    position: relative;
}
.screen-tab-title span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #D5000F;
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: left;
    -webkit-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    -moz-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    -o-transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    transition: transform .6s cubic-bezier(.785, .135, .15, .86);
    opacity: 0;
}
.screen-tab-title span.active{
    color: #fff!important;
}
.screen-tab-title span.active::before{
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
}
/* 小型设备（平板电脑/手机，768 像素及以上） */
@media screen and (max-width: 1024px) and (min-width: 0px){
    .case-top div.fl-bt,.premium div.fl-bt,.quality div.fl-bt{display: block;}
    .case-top{padding: 80px 15px 60px;color: #999999;}
    .case-top-left em{font-size: 16px; line-height: 22px;}
    .case-top-left h2{font-size: 28px;color: #333333;line-height:34px;font-weight: bold;}
    .case-top-left span{font-size: 14px;line-height: 22px;display: block;margin-top: 5px;}

    .case-top-right p{font-size: 14px;margin-bottom: 15px;}
    .case-top-right{margin-top: 40px;}
    .numCount{border-bottom: 1px solid #ddd;}
    .numCount li{text-align: center;margin-bottom: 20px;}
    .premium-core{margin-top: 10px;}
    .numCount li:nth-child(2){margin: 0 20px;width:100px;}
    .numCount li:first-child .indc{text-align: left}
    .numCount li .indc{font-size: 14px;color: #999999;text-align: center;}
    .numCount li .numCX{font-size: 28px;color: #333333;line-height: 30px;font-weight: bold;display: inline-block;}
    .numCount li .numU .unitC{font-size: 28px;color: #333333;display: inline-block;font-weight: bold;}
    .case-top-right a{display: block;font-size: 14px;line-height: 20px;margin-top: 15px;color: #D5000F;}

    .case-tab{padding:0 15px 40px;}
    .case-tab-title{height: 40px;border-bottom: 1px solid #DDDDDD;}
    .case-tab-title span{font-size: 16px;display: inline-block;margin-right: 29px;height:39px;line-height: 33px;border-bottom: 1px solid #DDDDDD;cursor: pointer;color: #999;}
    .case-tab-cont{margin: 15px 0 30px;}
    .case-tab-list li{display: inline-block;height: 24px;line-height:22px;padding: 0 10px;font-size: 12px;color: #666;cursor: pointer;box-shadow: 0px 15px 48px 0px rgba(0,0,0,0.05);border-radius: 6px;border: 1px solid #EEEEEE;margin-right: 6px;margin-bottom: 10px;text-align: center;}

    .ul-fl{display: flex;justify-content: center;flex-wrap: wrap;}
    .ul-fl li{cursor: pointer;position: relative;margin-bottom: 50px;}
    .ul-fl li img.recommend{position: absolute;top: -1px;left: 20px;z-index: 1;width: 26px;}
    .li-cont{margin-top: 40px;}
    .ul-fl li .title{font-size: 14px;color: #666666;line-height: 20px;display: block;margin: 10px 0 5px;}
    .ul-fl li p{font-size: 20px;color: #333333;line-height: 26px; }
    .ul-fl li div:last-child{font-size: 14px;margin-top: 10px;}
    .ul-fl li div a.check{color: #999;line-height: 20px;}
    .ul-fl li div a.donload{color: #333;line-height: 20px;}
    .ul-fl li .img-box{width: 100%;height: auto;overflow: hidden;border-radius: 10px; }
    .ul-fl li:hover .img-box img{transform: scale(1.1, 1.1);}
    .ul-fl li .img-box img{-webkit-transition: .5s;  -o-transition: .5s;  -moz-transition: .5s;  transition: .5s;}
    .ul-fl li:hover p{color:#D5000F;font-weight: bold; }
    .page{padding-top: 20px;margin: 0 auto; }
    .page .page-item{display: inline-block;width: 20px;height: 20px;border: 1px solid #DDDDDD;border-radius: 50%;text-align: center;line-height: 20px;font-size: 14px;color: #999;cursor: pointer;}
    .page .page-item:first-child img{transform: rotate(180deg);}
    .page .page-item:hover{background: #ddd;}
    .page .page-item.active{background: #D5000F;color: #fff!important;border: 1px solid #D5000F!important;}

    .screen p{top: 5px;right: 0px;width: 90px; height: 30px;background: #FAFAFA;line-height: 30px;text-align: center;cursor: pointer;font-size: 14px;color: #666666;}
    .screen p img{margin: 0 5px 0 0;width: 13px;}
    .screen-tab{background: #FFFFFF;border: 1px solid #DDDDDD;transform: rotate3d(0, 0, 0, -90deg);top: 0px;width: 100%;
        z-index: 99;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;}
    .screen-blk{transform: rotate3d(0, 0, 0, 0);-webkit-transform: rotate3d(0, 0, 0, 0);}
    .screen-title{border-bottom: 1px solid #DDDDDD;height: 32px;line-height: 32px;font-size: 12px;color: #666666;padding-left: 10px; }
    .screen-title img{display: inline-block;width: 15px;height: 15px;margin: 8px 10px 0 0;cursor: pointer;}

    .screen-tab-title{text-align: center;border-right: 1px solid #DDDDDD;}
    .screen-tab-title span{display:block;text-align: center;width: 60px;height: 30px;line-height: 30px;border-radius: 4px;font-size: 12px;color: #999999;margin: 5px;cursor: pointer;}
    .screen-tab-cont{padding: 30px 10px 10px;width: 100%;}
    .screen-tab-list div{font-size: 12px!important;color: #666666;line-height: 20px;}
    .screen-tab-list div span{display: inline-block;height: 28px;line-height: 28px;min-width: 50px;text-align: left;background: #FAFAFA;border-radius: 4px;padding: 0 10px;}
    .screen-tab-list div span label{
        display: inline-flex;
        justify-content: center;
        margin-right:5px;
        width: 12px;height:12px;cursor: pointer;background: #FFFFFF;
        border: 1px solid #979797;}
    .screen-tab-list div span input{display: none;}
    .screen-tab-list .button-cont{top: 5px;right:10px;font-size: 12px!important;color: #666666;cursor: pointer;}
    .screen-tab-list .button-cont button:first-child{margin-right: 5px;}
    .screen-tab-list .button-cont button:first-child input{width: 10px;height: 10px;margin: 2px 3px;}
    .screen-tab-list .button-cont button img{margin: 2px 3px 0 0;width: 11px;}
    #technology span{font-weight: bold;height: auto;line-height: 20px;padding: 10px 20px;text-align: left;}
    #technology span em{font-size: 11px;display: block;margin-left: 15px;line-height: 15px;}


}
/* 中型设备（笔记本电脑/台式机，1024 像素及以上） */
@media only screen and (min-width: 1024px) {
    .case-top{padding: 130px 0 90px;color: #999999;}
    .case-top-left em{font-size: 28px; line-height: 40px;}
    .case-top-left h2{font-size: 50px;color: #333333;line-height: 56px;font-weight: bold;margin-top: 10px;}
    .case-top-left span{font-size: 18px;line-height: 29px;display: block;margin-top: 20px;}

    .case-top-right p{font-size: 18px;margin-bottom: 5px;}
    .numCount{border-bottom: 1px solid #ddd;}
    .numCount li{text-align: center;margin-bottom: 10px;}
    .numCount li:nth-child(2){margin: 0 20px;width: 220px;}
    .numCount li:first-child .indc{text-align: left}
    .numCount li .indc{font-size: 18px;color: #999999; text-align: center;}
    .numCount li .numCX{font-size: 50px;color: #333333;line-height: 80px;font-weight: bold;display: inline-block;}
    .case-top-right a{display: block;font-size: 18px;line-height: 30px;margin-top: 10px;color: #D5000F;}

    .case-tab{padding-bottom: 60px;}
    .case-tab-title{height: 50px;border-bottom: 1px solid #DDDDDD;}
    .case-tab-title span{font-size: 22px;display: inline-block;margin-right: 49px;height: 49px;line-height: 49px;border-bottom: 1px solid #DDDDDD;cursor: pointer;color: #999;}
    .case-tab-cont{margin: 30px 0 60px;}
    .case-tab-list li{display: inline-block;height: 30px;line-height: 28px;padding: 0 20px;font-size: 16px;color: #666;cursor: pointer;box-shadow: 0px 15px 48px 0px rgba(0,0,0,0.05);border-radius: 6px;border: 1px solid #EEEEEE;margin-right: 15px;margin-bottom: 15px;min-width: 114px;text-align: center;}

    .li-cont{margin-top: 145px;}
    .ul-fl{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .ul-fl li{width: 468px;cursor: pointer;position: relative;margin-bottom: 60px;}
    .ul-fl li img.recommend{position: absolute;top: -3px;left: 25px;z-index: 1;width: 53px;}
    .ul-fl li .title{font-size: 18px;color: #666666;line-height: 24px;display: block;margin: 10px 0 10px;}
    .ul-fl li p{font-size: 28px;color: #333333;line-height: 28px; }
    .ul-fl li div:last-child{font-size: 16px;margin-top: 20px;}
    .ul-fl li div a.check{color: #999;line-height: 30px;}
    .ul-fl li div a.donload{color: #333;line-height: 30px;}
    .ul-fl li .img-box{width: 468px;height: 260px;overflow: hidden;border-radius: 10px; }
    .ul-fl li:hover .img-box img{transform: scale(1.1, 1.1);}
    .ul-fl li .img-box img{-webkit-transition: .5s;  -o-transition: .5s;  -moz-transition: .5s;  transition: .5s;}
    .ul-fl li:hover p{color:#D5000F;font-weight: bold; }
    .page{padding-top: 30px;margin: 0 auto; }
    .page .page-item{display: inline-block;width: 36px;height: 36px;border: 1px solid #DDDDDD;border-radius: 50%;text-align: center;line-height: 36px;font-size: 20px;color: #999;cursor: pointer;}
    .page .page-item:first-child img{transform: rotate(180deg);}
    .page .page-item:hover{border: 1px solid #D5000F;color: #D5000F;}
    .page .page-item.active{background: #D5000F;color: #fff!important;border: 1px solid #D5000F!important;}
    .page .page-item:first-child:hover,.page .page-item:last-child:hover{background: #F0F0F0;border: 1px solid #DDDDDD;}

    .screen p{top: -7px;right: 0px;width: 170px; height: 46px;background: #FAFAFA;line-height: 46px;text-align: center;cursor: pointer;font-size: 18px;color: #666666;}
    .screen p img{margin: 0 10px 0 0}
    .screen-tab{background: #FFFFFF;border: 1px solid #DDDDDD;transform: rotate3d(0, 0, 0, -90deg);top: 0px;width: 100%;
        z-index: 99;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;}
    .screen-blk{transform: rotate3d(0, 0, 0, 0);-webkit-transform: rotate3d(0, 0, 0, 0);}
    .screen-title{border-bottom: 1px solid #DDDDDD;height: 60px;line-height: 60px;font-size: 18px;color: #666666;padding-left: 35px; }
    .screen-title img{display: inline-block;width: 28px;height: 28px;margin: 18px 15px 0 0;cursor: pointer;}

    .screen-tab-title{text-align: center;border-right: 1px solid #DDDDDD;}
    .screen-tab-title span{display:block;text-align: center;width: 180px;height: 52px;line-height: 52px;border-radius: 4px;font-size: 18px;color: #999999;margin: 10px;cursor: pointer;}
    .screen-tab-cont{padding: 40px 30px;width: 100%;}
    .screen-tab-list div{font-size: 16px!important;color: #666666;line-height: 20px;}
    .screen-tab-list div span{display: inline-block;height: 52px;line-height: 52px;min-width: 150px;text-align: left;background: #FAFAFA;border-radius: 4px;padding: 0 20px;margin: 10px;}
    .screen-tab-list div span label{
        display: inline-flex;
        justify-content: center;
        margin-right:5px;
        width: 15px;height:15px;cursor: pointer;background: #FFFFFF;text-align: center;
        border: 1px solid #979797;}
    .screen-tab-list div span input{display: none;}
    .screen-tab-list .button-cont{top: 10px;right:20px;font-size: 14px;color: #666666;cursor: pointer;}
    .screen-tab-list .button-cont button:first-child{margin-right: 10px;}
    .screen-tab-list .button-cont button:first-child input{width: 14px;height: 14px;margin: 2px 3px;}
    .screen-tab-list .button-cont button img{margin: 2px 3px 0 0}
    #technology span{font-weight: bold;height: auto;line-height: 26px;padding: 10px 20px;text-align: left;}
    #technology span em{font-size: 14px;display: block;margin-left: 25px;}

}

.screen-tab-list .button-cont button:first-child{
    cursor: pointer;
    color: #666666;
}
.page{
    justify-content: center;
}
.page .page-item{
    margin: 0 10px;
}
.page .page-item a{
    color: rgb(153, 153, 153);
}
.page .page-item:hover a{color: #D5000F;}
.page .page-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.page .page-item .page-link {
    display: flex;
    justify-content: center;
    align-items: center;  
    width: 100%;
    height: 100%;
}
.screen-tab-list div span {
    display: inline-flex;
    align-items: center;
}
.screen-tab-list div span label {
    align-items: center;
}
.screen-tab-list div span label::before{
    content: '';
    width: 65%;
    height: 65%;
    background: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
}
.screen-tab-list div span input:checked+label {
    border: 1px solid #D5000F!important;
}
.screen-tab-list div span input:checked+label::before {
    background: #D5000F!important;
}

.case-secret-box .layer{
    padding: 30px;
}
.case-secret-box .ray{
    margin-left: 20px;
}
.case-secret-box .txt-1{
    color: rgba(102, 102, 102, 1);
    font-size: 20px;
    white-space: nowrap;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 25px;
}
.case-secret-box .txt-1 span{
    color: rgba(225, 77, 87, 1);
}
.case-secret-box .txt-2{
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    line-height: 24px;
}
.case-secret-box .txt-3{
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    line-height: 24px;
}
.case-secret-box .txt-3 span{
    color: rgba(102, 102, 102, 1);
    font-size: 32px;
    font-weight: 600;
}
@media screen and (max-width: 1024px){
    .case-secret-box .layer{
        padding: 14px;
        width: 320px;
    }
    .case-secret-box .fl-bt{
        flex-direction: column;
        align-items: center;
    }
    .case-secret-box .txt-1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .case-secret-box .txt-2{
        font-size: 12px;
    }
    .case-secret-box .txt-3{
        font-size: 12px;
    }
    .case-secret-box .txt-3 span{
        font-size: 20px;
    }
}