.ts{padding: 100px 0;text-align: center;background: url("../images/ts.jpg")no-repeat center;background-size: cover}
.top-banner.ts p{text-align: center;margin-top: 0;margin-bottom: 30px;color: #ffffff;font-size: 16px;}
.ts h3{margin-top: 0;margin-bottom: 20px;color: #ffffff;font-size: 30px;}
.ts table{width: 650px;margin: 0 auto;}
.ts table td{background-color: #ffffff}
.ts table td.td2{background-color: #c7000b;color: #ffffff;width: 60px;text-align: center}
.ts table td.td2 a{display: block}
.ts table td.td2 i{color: #ffffff}
.ts table td.td3{background-color: transparent;width: 130px;padding-left: 10px;position: relative}
.ts table td.td3 button{background-color: transparent;color: #ffffff;width: 100%;height: 50px;line-height: 50px;border:1px solid #ffffff;outline: none;position: relative}
.ts table td.td3 button i{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;}
.fixed.Support_catagoryList{position: absolute;width: 120px;left: 10px;z-index: 5;background-color: #ffffff;border: 1px solid #d2d2d2;border-top: none;display: none;}
.ts table td input{width: 100%;border: none;height: 50px;line-height: 50px;padding: 0;padding-left: 20px;outline: none}
.ts table td i{font-size: 24px;}
.technical-support{padding: 80px 0}
.technical-support ul li{width: 32%;margin-right: 2%;float: left;margin-bottom: 20px;}
.technical-support ul li:nth-child(3n){margin-right: 0}
.technical-support ul li>div>img{width: 100%;transform: scale(1);transition: all 0.5s;height: 203px;}
.ts-img{position: relative;cursor: pointer;overflow: hidden}
.ts-img>div{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);width: 100%;height: 100%;text-align: center;color: #ffffff;opacity: 0;cursor: pointer;transition: all 0.5s}
.ts-img>div>span{position: absolute;display: block;width: 100%;text-align: center;left: 0;bottom: 20px;}
.ts-img:hover>div{opacity: 1;transition: all 0.5s}
.ts-img:hover>img{transform:scale(1.1);transition:all 0.5s}

.ts-txt>h3>a{font-size:20px;font-weight:700;padding-left:40px;background:url(../images/Catalog-icon02.png)no-repeat;line-height:30px;height:30px;background-size:29px;display: block}
.ts-txt>p{
    margin-bottom: 5px;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
}
.li1 .ts-txt>h3>a{background-position-y: -425px;}
.li2 .ts-txt>h3>a{background-position-y: -42px;}
.li3 .ts-txt>h3>a{background-position-y: -466px;}
.li4 .ts-txt>h3>a{background-position-y: -85px;}
.li5 .ts-txt>h3>a{background-position-y: -127px;}
.li6 .ts-txt>h3>a{background-position-y: -212px;}
.li7 .ts-txt>h3>a{background-position-y: -382px;}
.li8 .ts-txt>h3>a{background-position-y: -0px;}
.li9 .ts-txt>h3>a{background-position-y: -297px;}
.li10 .ts-txt>h3>a{background-position-y: -340px;}
.li11 .ts-txt>h3>a{background-position-y: -255px;}
.li12 .ts-txt>h3>a{background-position-y: -170px;}

.Support_catagoryList li{ float:none; width:100px; margin-left:auto; margin-right:auto; height:40px; line-height:40px; font-size:12px; padding:0 0 0 30px; border-bottom:1px solid #e5e5e5;  color:#555;cursor: pointer}
.Support_catagoryList li:hover{color: #c7000b}
.Support_catagoryList .Support-logo{background:url(../images/Support-logo.png) no-repeat 10px center / 16px;}
.Support_catagoryList .Catalog-iconBOX{background-image:url(../images/Catalog-icon01.png); background-size:24px;background-repeat:no-repeat;}
.Support_catagoryList .SC_d{background-position:5px -345px;}
.Support_catagoryList .SC_net{background-position:5px -27px;}
.Support_catagoryList .SC_safe{ background-position:5px -380px;}
.Support_catagoryList .SC_ci{ background-position:5px -63px;}
.Support_catagoryList .SC_music{ background-position:5px -98px;}
.Support_catagoryList .SC_light{ background-position:5px -169px;}
.Support_catagoryList .SC_darts{ background-position:5px -309px;}
.Support_catagoryList .SC_tv{ background-position:5px 8px;}
.Support_catagoryList .SC_power{ background-position:5px -238px;}
.Support_catagoryList .SC_collaboration{ background-position:5px -273px;border-bottom: none}
.Support_catagoryList .SC_health{ background-position:5px -203px;}
.Support_catagoryList .SC_multiArea{ background-position:5px -133px;}

.Support_content_wrap{padding: 20px 0}
.Support_top{ padding:10px 0 20px;}
.Support_title_left{ text-align:center;}
.Support_title_left .TitleH4Red{ border-left:none; margin-top:10px;}
.Support_title_right{ text-align:center;}
.Support_title_right >.CP_sousuo{ display:inline-block; padding:5px 0 5px 10px; border:1px solid #c0c0c0; border-radius:20px;}
.Support_title_right >.CP_sousuo input{ width:180px; border:none; font-size:14px; line-height:22px;}
.Support_title_right >.CP_sousuo .phone i{ font-size:20px; padding:0 10px; cursor:pointer;}
.Support_btnBox dt,.Support_btnBox dd{float:left;width:21%;margin:0 2% 15px; line-height:30px; text-align:center;border-radius:3px;box-shadow:1px 2px 2px 1px #ccc;cursor:pointer;}
.Support_btnBox dd span{ display:none;}
.Support_btnBox .AN01,.Support_btnBox .AN01:hover{color:#fff;}

.Support_btnBox .AN01 i{color:#fff;margin-left:5px;}
.Support_catagoryList li:hover{color:#c7000b;}
.Support_catagoryList > div{position:absolute;width:0;height:0;border-bottom:10px solid #ffecea;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px;left:10%;}
.Support_catagoryList > div::before{content:'';position:absolute;top:-1px;left:-10px;border-bottom:10px solid #D08E90;border-right:10px solid transparent;border-left:10px solid transparent;z-index:-1;}

.Support_content_wrap.BgPink01-Deg{padding:20px 10px; margin-bottom:30px; box-shadow:0 0 3px 0 rgba(94,3,0,0.15);}
.Support_dvacoLogo{ padding:10px; margin-bottom:20px;}
.Support_dvacoLogo img{ width:180px;}
.Support_catagoryImg li{ float:left; width:33.33%; text-align:center; padding:5px 10px;}
.Support_catagoryImg li div{ width:100%; height:64px; margin-bottom:5px; cursor:pointer;}

.SCI_d{ background-position:center -940px;}
.SCI_net{ background-position:center -94px;}
.SCI_safe{ background-position:center -1032px;}
.SCI_ci{ background-position:center -188px;}
.SCI_music{ background-position:center -282px;}
.SCI_light{ background-position:center -470px;}
.SCI_darts{ background-position:center -846px;}
.SCI_tv{ background-position:center 0;}
.SCI_power{ background-position:center -658px;}
.SCI_collaboration{ background-position:center -752px;}
.SCI_health{ background-position:center -564px;}
.SCI_multiArea{ background-position:center -376px;}

.ts-tab{padding:80px 0 50px;}
.ts-tab>ul>li{float:left;width:20%;text-align:center;font-size:18px;border-bottom:2px solid #f8f8f8}
.ts-tab>ul>li>span{padding:0 20px 20px;display: inline-block;position: relative;top:2px;cursor: pointer}
.ts-tab>ul>li.checked>span{border-bottom: 2px solid #c7000b}
.ts-video>ul>li{float: left;width:24%;margin-right:1.33%;margin-bottom: 30px;position: relative;height: 255px;}
.ts-video>ul>li:nth-child(4n){margin-right: 0}
.ts-video-img{width:100%;height:160px;background-size:cover;background-repeat:no-repeat;background-position:top right;position: relative;cursor: pointer}
.ts-video-img:hover .Support_bofamg{opacity: 1}
.ts-video-img>p{position:absolute;left:0;width:100%;bottom:10px;color:#ffffff;padding:0 20px;margin-bottom:0;text-align:justify;max-height:40px;overflow:hidden}
.Support_bofamg {
    height: 100%;
    width: 100%;
    background:url(../images/bofang.png) rgba(0,0,0,0.4) no-repeat center center / 50px;
    opacity: 0;
    transition: opacity ease 0.5s;
    -moz-transition: opacity ease 0.5s;
    -ms-transition: opacity ease 0.5s;
    -o-transition: opacity ease 0.5s;
    -webkit-transition: opacity ease 0.5s;
}
.te-video-tex{padding: 10px 15px;border: 1px solid #f8f8f8;position: absolute;background-color: #ffffff;z-index:10; width:100%;}
.te-video-tex>p>span{cursor: pointer}
.te-video-tex>p>span>i{font-size: 18px;display: inline-block;vertical-align: middle}
.te-video-tex>p>span>span{display: inline-block;vertical-align: middle}
.te-video-tex>p>span.rotate>i{transform: rotate(180deg)}
.te-video-tex>p>span.rotate>span{display: none}
.te-video-tex>ul>li{float: left;width: 33.33%;text-align: center;cursor: pointer;display: none;height: 60px;}
.te-video-tex>ul>li.show{display: block}
.te-video-tex.open>ul>li{display: block}
.te-video-tex>ul>li>img{max-width: 95%;max-height: 95%;}
.ts-content{padding-bottom:50px;min-height:600px;}
.ts-content>div{display:none}
.ts-content>div.ts-video{display:block}
.te-video-tex.open ul{max-height:120px;overflow: auto}
.ts-doc table{width: 100%;border-bottom: 1px solid #efeff2}
.ts-doc table tbody{font-size: 12px;}
.ts-doc table td{text-align: center;padding: 20px 0}
.ts-doc table td.td2{text-align:left;width: 40%}
.ts-doc table td.td3{width: 30%}
.ts-doc table td.td4>button{padding: 8px 15px;background-color: #31afe4;border: none;outline: none;color: #ffffff;font-size: 12px;}
.ts-doc table td.td4>button>i{font-size: 18px;margin-right: 5px;vertical-align: middle;display: inline-block}
.ts-doc table td.td5{width: 50px}
.ts-doc table td.td5 i{cursor: pointer;font-size: 16px;}
.ts-doc table .space{width: 40px;}
.ts-down{font-size: 12px;background-color: #efeff2;padding: 20px 40px 10px;display: none}
.ts-down dt{width: 100%;margin-bottom: 10px;}
.ts-down dd{float: left;margin-bottom: 10px;width: 25%;text-align:left}
.ts-doc.ts-soft table td.td4>button{background-color: #3bb475}
.ts-doc.ts-gu table td.td4>button{background-color: #fc9c19}
.ts-doc.ts-fq table td.td2{width: auto}
.ts-down .noFloat dd{float: none;width: 100%;text-align: left}

.fankui{text-align: center;margin-top: 50px;}
.fankui>button{background-color: #c7000b;color: #ffffff;padding: 10px 30px;border: none;outline: none}
.eject-box{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;z-index: 1000}
.fankui-box{width:700px;padding:30px 50px;background-color:#ffffff;margin:0 auto;position: relative;top: 50%;transform: translateY(-50%)}
.fankui-box h3{font-size: 20px;margin-top: 0;margin-bottom:60px;position: relative;text-align: center}
.fankui-box2 h3{margin-bottom: 30px;}
.fankui-box h4{font-size: 20px;margin-top:30px;margin-bottom:40px;text-align:center}
.fankui-box p{font-size: 14px;margin-bottom:30px;color:#959595;text-align:center}
.fankui-box h3:after{position: absolute;content: "";display: block;width:50px;left:50%;margin-left:-25px;height:2px;background-color:#c7000b;bottom:-10px;}
.fankui-box li{margin-bottom: 30px;}
.fankui-box li b{color: #959595;font-weight: 400;margin-left: 10px;}
.fankui-box li span{display: inline-block;vertical-align: middle;width: 70px;text-align: right;margin-right: 10px;}
.fankui-box li textarea{vertical-align: top;padding: 10px;border: 1px solid #d2d2d2}
.fankui-box li input{width: 200px;padding-left:10px;line-height:28px;height:28px;border:1px solid #d2d2d2}
.fankui-box li.li1 input{width:300px}
.fankui-box button{background-color: #c7000b;color: #ffffff;border: none;outline:none;width:120px;text-align: center;padding:10px 0;margin: 0 auto;display: block}
.fankui-box>span{position:absolute;right:20px;top:10px;cursor:pointer;font-size:20px;color:#d2d2d2}
.fankui-box>img{margin:0 auto;display: block}

.fankui-box2{ display:none;}

.sd{min-height:500px;}
.sd h3{font-size:20px;color:#c7000b;font-weight:400;padding-left:40px;padding-bottom:20px;border-bottom:2px solid #eee;margin-top:60px;}
.sd h3>span{font-size:14px;margin-left:30px;color:#333333}
.sd>div{padding:20px 40px;border:1px solid #EEEEEE;margin-top:30px;}
.sd>div>img{margin-left:20px;}
@media (max-width:1200px) {
    .technical-support ul li>div>img{height:205px;}
}
@media (max-width:998px) {
    .technical-support ul li>div>img{height:158px;}
}@media (max-width:767px) {
    .technical-support ul li{width:100%;margin-right:0}
    .technical-support ul li>div>img{height:auto}
    .ts table{width:100%}
    .ts table td input{height:38px;line-height:38px;}
    .ts table td i{font-size:20px;}
    .ts h3{font-size:24px;}
    .ts table td.td3 button{height:38px;line-height: 38px;}
    .ts table td input{padding-left:10px;}
    .ts table td.td2{width: 50px;}
    .ts table td.td3{width: 100px;}
    .Support_catagoryList{width: 90px;}
    .Support_catagoryList li{width: 90px;padding-left: 25px;}
    .ts-tab>ul>li{
        float: left;
        width: 22%;
        margin: 0 1.5% 10px;
        line-height: 30px;
        text-align: center;
        border-radius: 3px;
        box-shadow: 1px 1px 1px #ccc;
        cursor: pointer;
        border: 1px solid #eee
    }
    .ts-tab>ul>li>span{padding:0;font-size: 12px;top: 0}
    .ts-tab>ul>li.checked>span{border-bottom:0}
    .ts-video>ul>li{width:100%;margin-right:0;height: auto}
    .te-video-tex{position: static}
    .ts-tab{padding:20px 0}
    .ts-doc table thead{display:none}
    .ts-doc table td.td3{display:none}
    .ts-doc table .space{display:none}
    .ts-doc table td.td2{width:auto}
    .ts-doc table td.td4{width:30px;text-align: center}
    .ts-doc table td.td5{width:20px;text-align: right}
    .ts-down{padding: 10px 10px;}
    .ts-down dd{width: 100%;padding-left: 20px;}
    .ts-doc table td.td4>button>span{display: none}
    .ts-doc table td.td4>button{padding:0;border-radius:50%;background-color: #31afe4;color: #ffffff;width: 24px;height: 24px;line-height: 24px;}
    .ts-doc.ts-soft table td.td4>button{background-color: #ffffff;color:#3bb475;width:auto;height:auto;line-height: normal}
    .ts-doc.ts-gu table td.td4>button{background-color: #ffffff;color:#fc9c19;width:auto;height:auto;line-height: normal}
    .ts-doc table td.td4>button>i{margin-right: 0;font-size: 14px;position: relative;top: -1px;}
    .ts-doc.ts-soft table td.td4>button>i{margin-right:0;font-size:24px;top:0}
    .ts-doc.ts-gu table td.td4>button>i{margin-right:0;font-size:24px;top:0}
    .ts-down>p{padding-left: 20px;color:#959595}
    .tss{position:relative}
    .eject-box{position:absolute}
    .fankui-box{position:static;top:0;transform:translateY(0);width:100%;padding:30px 15px;}
    .fankui-box li span{display:block;text-align:left;width:auto}
    .fankui-box li b{display:none}
    .fankui-box li input{width:100%!important;}
    .fankui-box li textarea{width:100%}
    .fixed.Support_catagoryList{width: 90px;}
}