@media all 
{
/* CSS Document*/
.Cata_topnav{ width:100%; background-color:#feffff; box-shadow:0 1px 2px 0 rgba(102,102,102,0.4);}
.Cata_topnav .typeaere{ padding:0;}
.Cata_topnav .Cata_p{ padding:10px 5px; line-height:30px; text-align:center; cursor:pointer; margin-bottom:0; color:#5b5b5b;}
.Cata_topnav .Cata_ul{ background-color:#feefee; background:-webkit-gradient(linear,top,from(#fcfcfc),to(#feefee)); background:-webkit-linear-gradient(top,#fcfcfc,#feefee); background:-moz-linear-gradient(top,#fcfcfc,#feefee); background:-o-linear-gradient(top,#fcfcfc,#feefee); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fcfcfc',endColorStr='#feefee',gradientType='0');  border:1px solid #fcfcfc; border-top-color:#feffff; position:absolute; width:100%; top:50px; display:none; padding:7px 0; z-index:990;}
.Cata_topnav .Cata_ul li{ line-height:30px; text-align:center; cursor:pointer; font-size:12px; position:relative;}
.Cata_topnav .Cata_ul li:hover{ color:#c7000b;}
.Cata_topnav .Cata_div{ float:left; width:25%; position:relative;}
.Cata_topnav i{ margin-left:5px; font-size:14px; display:inline-table; vertical-align:middle; color:#a0a0a0;}
.Cata_topnav .Cata_DVACO li{ padding:5px 0;}
.cata_gongneng,.cata_d,.cata_cloud{ display:block; vertical-align:middle; height:30px; width:40px; cursor:pointer; border-radius:3px; position:relative;margin: 0 auto}
.cata_GNhover,.cata_Dhover,.cata_Chover{ position:absolute;  bottom:-32px; left:0; display:none;}
.cata_GNhover span,.cata_Dhover span,.cata_Chover span{ display:block; line-height:25px; padding:0 5px; color:#fff; font-size:12px; white-space:nowrap; border-radius:2px;}
.cata_GNhover img,.cata_Dhover img,.cata_Chover img{ vertical-align:bottom; display:inherit;}
.cata_GNhover span{ background:url(../images/gongneng-title.png) repeat-x center center / auto 100%;}
.cata_Dhover span{ background:url(../images/d-title.png) repeat-x center center / auto 100%;}
.cata_Chover span{ background:url(../images/cloud-title.png) repeat-x center center / auto 100%;}
.cata_gongneng{ background:url(../images/gongneng.png) no-repeat center center / auto 100%;}
.cata_ONgn{ background-image: url(../images/mofang.png);width:75px;}

.cata_ONmj{ background-image: url(../images/mofangMJ.png);width:75px;}
.cata_ONty{ background-image: url(../images/mofangTY.png);width:75px;}
.cata_ONjd{ background-image: url(../images/mofangJD.png);width:75px;}
.cata_ONxd{ background-image: url(../images/mofangXD.png);width:75px;}
.cata_ONhw{ background-image: url(../images/mofangHW.png);width:75px;}
.cata_ONpg{ background-image: url(../images/mofangPG.png);width:75px;}
.cata_ONll{ background-image: url(../images/mofangLL.png);width:75px;}

.cata_Num{padding-top:2px;}

.cata_gongneng:hover{ background-color:#fff2d9;}
.cata_d{ background:url(../images/d.png) no-repeat center center / auto 100%;}
/*.cata_ONd{ background-image: url(../images/d-on.png);}*/
.cata_d:hover{ background-color:#ffe5ee;}
.cata_cloud{ background:url(../images/C_cloud01.png) no-repeat center center / 45px;}
.cata_cloud:hover{ background-color:#e3eef6;}
/*.cata_ONcloud{ background: url(../images/cloud-on.jpg) no-repeat center center / cover;}*/


.tujian{ margin-top:20px;}
.Cata_title_left h4{ color:#333;border-left:5px solid #c7000b; padding-left:8px; font-weight:400; margin-top:25px;font-size: 16px;line-height: 20px;}
.Cata_title_left p{ display:none; padding-left:11px; color:#fcb333; font-size:12px;}
.djshq{ font-size:16px; line-height:40px; color:#999; text-align:center; margin-top:15px;}
.closeTJ,.openTJ{ cursor:pointer;}
.closeTJ i,.openTJ i{ font-size:22px;}
.tujian .TJguanbi{ display:none;}
.TJ_divbox{ margin-top:15px; border:1px solid #dadada; box-shadow:0 2px 5px 0 rgba(102,102,102,0.2);}
.TJ_div{ padding:0; position:relative;}
.TZ_div{ padding:0; position:relative; margin-top:15px; border:1px solid #dadada;}
.TJ_div p{ font-size:12px; color:#fff; margin-bottom:5px;}
.TJ_znkz{ background:url(../images/tj_zhinengkongzhi.jpg) no-repeat center bottom / cover;}
.TJ_xx{ height:0; transition:height ease 1s; -moz-transition:height ease 1s; -ms-transition:height ease 1s; -o-transition:height ease 1s; -webkit-transition:height ease 1s; padding:0 15px; overflow:hidden; width:100%; background-color:rgba(0,0,0,0.3); position:absolute; bottom:55px;}
.TJ_onxx{ height:195px;}
.TJ_xx > p:first-child{ margin-top:10px;}
.TJ_bofang{ height:195px; width:100%; cursor:pointer;}
/*.TJ_bofang:hover{ background:url(../images/bofang70.png) rgba(0,0,0,0.3) no-repeat center center / 50px;}*/
.TJ_title{ height:55px; background-color:rgba(0,0,0,0.3); color:#fff; padding:5px 15px; width:100%;}
.TJ_shoucang{ text-align:right;}
.DZ,.SC{ cursor:pointer;}
.TJ_zannum,.TJ_scnum{ font-size:12px; cursor:pointer; margin-left:3px; margin-right:10px;}
.TJ_ttop img{ margin-right:3px;}
.TJ_title h5{ font-size:14px; margin-bottom:5px; margin-top:5px;}
.TJ_anniu{ padding:15px; width:100%; background-color:#feffff;}
.TJ_anniu button{ font-size:12px; width:30%; padding:2px; float:left; line-height:26px;}
.TJ_anniu .AN02{ margin-right:5%;}
.tujian > .ta_c{ padding:15px 0;}
.tujian > .ta_c > .AN02,.TZ_more .AN02{ width:150px; padding:5px;}


.TaoZhuang{ border-top:10px solid #eff0f1;}
.TaoZhuang h4 >span{ color:#c7000b; font-size:18px; font-weight:700;display:inline-block; vertical-align:middle;position: relative;top: -1px;}
.paixu{ float:left;  padding-bottom:15px;}
.paixu li{ text-align:center;float:left;height: 38px;line-height: 38px;width: 120px;border-right: 1px solid #EEEEEE}
    .paixu li:last-child{border-right: none}
    .paixu li.clear a{ color:#999;}
    .paixu li .fa-trash-o{margin-right: 5px;}
.paixu li a{ font-size:12px; line-height:23px;display:inline-block; width:100%; color:#221814;}
.paixu li a:hover{ color:#c7000b;}
.paixu .clicked{ color:#c7000b;}
.CP_sousuo{ float:right; width:100%;border: 1px solid #eeeeee}
.CP_sousuo input{ border-radius:2px; border:none; color:#a0a0a0; width:235px; line-height:30px; font-size:12px; margin-right:5px; vertical-align:middle;padding-left: 15px;}
.CP_sousuo span{ text-align:center; width:30px; line-height:30px; font-size:16px; display:inline-block; vertical-align:middle;height: 30px;cursor: pointer;float: right}
.CP_sousuo span i{ margin-right:2px;}
.TaoZhuang > .ta_c{ padding:20px 15px 0;}
.TaoZhuang > .ta_c p{ color:#707070; margin-bottom:5px;}
.TaoZhuang .ta_c p span{ color:#333;}
.TaoZhuang > .ta_c .red{ color:#d82a20;}
.TZtop{ position:relative; width:100%;}
.TZ_rexiao{ position:absolute; height:55px; width:55px; top:0; left:0; background:url(../images/rexiao.png) no-repeat -1px -1px / 45px;}
.TZ_jian{ position:absolute; top:5px; right:5px; width:60px; height:50px; background:url(../images/jian.png) no-repeat top right / 45px;}
.TZ_bofang{ position:absolute; height:100%; width:100%; background:url(../images/bofang.png) no-repeat center center / 50px; cursor:pointer; top:0;}
.TZ_bottom{ padding:0 10px;}
.TZbt_logo{ height:100%; width:40px;}
.TZbt_title{ width:240px;}
.TZbt_title h5{ color:#313131; font-size:14px; margin:2px 0;}
.TZbt_title p{ font-size:12px; line-height:1.2; margin-bottom:0; color:#707070; height:28px; overflow:hidden;}
.TZ_SCZ{ position:absolute; bottom:0; left:0; padding:10px 20px; width:100%; background-color:rgba(0,0,0,0.5);}
.TZ_SCZ .TJ_shoucang{ float:none; color:#fff;text-align: left}
.TZb_top{  border-bottom:1px solid #f1f1f1;padding: 10px 0}
.TZb_bottom{ padding-top:8px; padding-bottom:5px;}
.TZb_bottom .AN03,.TZb_bottom .AN01{ padding:4px; width:100px; font-size:12px;}
.TZb_bottom .AN01{ line-height:19px; margin-left:5px;}
.TZ_select{ border:1px solid #ccc; border-radius:2px; padding-right:15px; background:url(../images/tobottom.png) no-repeat right center / 15px; overflow:hidden; width:40px; height:27px;}
.TZ_select select{ border:none; background-color:transparent; width:60px; height:24px; padding-left:5px; color:#a0a0a0;}
.TZ_select select option{ padding:6px 5px;}
.qing{ position:absolute; right:5px; bottom:8px; width:22px; height:24px; background:url(../images/qing.png) no-repeat right bottom / 22px;}
.TZ_more{ padding:30px 0; margin-bottom:10px; width:100%;}
#floatOrder{ position:fixed; z-index:999;}
    .Cata_topnav .Cases_ul li.Cata_on{color: #c7000b;font-weight: 700;}
    .Cata_topnav .Cases_ul li:first-child.Cata_on{background-color: #c7000b;color: #ffffff}
    .Cata_topnav .Cases_ul.Cata_nav04 li.Cata_on{color: #c7000b; font-weight:700}
    .Cata_topnav .Cases_ul.Cata_nav04 li:first-child.Cata_on{background-color: #c7000b;color: #ffffff}
    .Cata_title{margin-bottom: 30px;}
    .Cata_all{border: 1px solid #eeeeee;border-top: 3px solid #c7000b;}
    .TZ_SCZ .fa-thumbs-up,.TZ_SCZ .fa-star{display: none}
    .TZ_SCZ .Zan .fa-thumbs-up,.TZ_SCZ .ShouCang .fa-star{display:inline-block}
    .TZ_SCZ .Zan .fa-thumbs-o-up,.TZ_SCZ .ShouCang .fa-star-o{display:none}
    .TZb_bottom .AN03{color: #333333; }
    .TZb_bottom .AN01{background: #c7000b}
    .TZb_bottom .AN03:hover{border-color: #fff;color: #c7000b}
    .Cata_topnav .Cata_DVACO li span{display: none}
    .Cata_topnav .Cases_p span{display:none; }
}
@media (min-width:768px){
    .Cata_topnav .Cata_DVACO li span{display: block}
    .Cata_topnav .Cases_ul li{width: 70px;}
    .STRK{ width:75px !important;}
    .Cata_topnav .Cases_ul li:first-child{position: relative;top: 15px;font-weight: 700;}
    .Cata_topnav .Cases_ul{padding: 0}
    .Cata_topnav .Cases_ul.Cata_nav04{padding-top: 15px;}
    .Cata_topnav .Cases_ul.Cata_nav04 li:first-child{top: 0;font-weight: 700;}
    .Cata_topnav .Cases_p{width:50px; }
    .Cata_topnav .Cases_p span{display:inline-block; }
.Cata_topnav{ box-shadow:0 1px 2px 0 #fafcfc;  background-color: #f8f8f8}
.Cata_topnav .typeaere{ padding:0 15px;}
.cata_gongneng:hover +  .cata_GNhover,.cata_d:hover + .cata_Dhover,.cata_cloud:hover + .cata_Chover{ display:inline;}

.TZb_bottom .AN01{ width:60px;}

.tujian{ margin-left:0; margin-right:0; background-color:transparent;}
.tujian > h4,.TaoZhuang > div > h4{ text-align:left; border-bottom:1px solid #d82a20; color:#d82a20; line-height:40px;}
.tujian .TJguanbi{ display:block;}
.TaoZhuang > div > h4 >span{ font-size:14px;}


.Cata_title_left{ float:left;padding-top: 7px;}
.Cata_title_right{ float:right;}
.Cata_title_left p{ display:block;}
.Cata_title_left h4{ margin-bottom:5px; margin-top:0;}
.Cata_topnav .Cata_div{ float:none; width:100%;border-bottom: 1px solid #dadbdb}
    .Cata_topnav .Cata_div:last-child{border-bottom: none}
.TaoZhuang{ border:none;}
.paixu{padding-bottom:0;}
.CP_sousuo{margin-right:10px;}
.CP_sousuo input{ width:200px;}
.Cata_all{ text-align:right;}
.Cata_all button{background-color:#ffffff;color:#c7000b;border-radius:2px; padding:0 15px;border: 1px solid #c7000b;margin-top: 8px;margin-right: 20px;}
    .Cata_all button:hover{color: #ffffff;background-color: #c7000b}
.Cata_topnav .Cata_p{text-align:right; cursor:auto; width:60px; float:left; line-height:22px; font-size:14px; padding-bottom:0;color: #333333;font-weight: bold;padding: 20px 0}
.Cata_topnav .Cata_ul{ display:block!important; position:inherit; float:left; width:auto; background:none; top:auto; border:none; padding:0;}
    .Cata_topnav .Cata_ul.Cata_DVACO{padding-top: 10px;}
.Cata_topnav .Cata_ul li{ float:left; width:53px; padding:10px 0 0 0; line-height:20px; font-size:0.8em;}
.Cata_topnav .Cata_div .Cata_DVACO li{padding-top:0; margin-right:5px;}
.Cata_topnav .Cata_ul li:hover{ color:#c7000b;}
.Cata_topnav .Cata_kongjian .KJ_shangye{ line-height:20px; padding-top:35px; padding-bottom:0; background: url(../images/cata-KJ-shangye.png) no-repeat center 10px}
/*.Cata_topnav .Cata_kongjian .KJ_shangye:hover,.Cata_topnav .Cata_kongjian .KJ_shangye.Cata_on{ background-image:url(../images/cata-KJ-shangye02.png);}*/
.Cata_topnav .Cata_kongjian .KJ_gongyu{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-gongyu.png) no-repeat center 10px}
/*.Cata_topnav .Cata_kongjian .KJ_gongyu:hover,.Cata_topnav .Cata_kongjian .KJ_gongyu.Cata_on{ background-image:url(../images/cata-KJ-gongyu02.png);}*/
.Cata_topnav .Cata_kongjian .KJ_jiudian{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-jiudian.png) no-repeat center 10px}
/*.Cata_topnav .Cata_kongjian .KJ_jiudian:hover,.Cata_topnav .Cata_kongjian .KJ_jiudian.Cata_on{ background-image:url(../images/cata-KJ-jiudian02.png);}*/
.Cata_topnav .Cata_kongjian .KJ_bieshu{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-bieshu.png) no-repeat center 10px}
/*.Cata_topnav .Cata_kongjian .KJ_bieshu:hover,.Cata_topnav .Cata_kongjian .KJ_bieshu.Cata_on{ background-image:url(../images/cata-KJ-bieshu02.png);}*/
.Cata_topnav .Cata_kongjian .KJ_haozhai{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-haozhai.png) no-repeat center 10px}
/*.Cata_topnav .Cata_kongjian .KJ_haozhai:hover,.Cata_topnav .Cata_kongjian .KJ_haozhai.Cata_on{ background-image:url(../images/cata-KJ-haozhai02.png);}*/
.Cata_topnav .Cata_kongjian .KJ_shequ{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-shequ.png) no-repeat center 10px}
.Cata_topnav .Cata_kongjian .KJ_xiaozhen{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-xiaozhen.png) no-repeat center 10px}
.Cata_topnav .Cata_kongjian .KJ_yanglao{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-yanglao.png) no-repeat center 10px}
.Cata_topnav .Cata_kongjian .KJ_chuzu{ line-height:20px; padding-top:35px; padding-bottom:0; background:url(../images/cata-KJ-chuzu.png) no-repeat center 10px}
.Cata_px span{ padding:2px 5px; border:1px solid #1b1b1b; border-radius:4px;}
.Cata_topnav .Cata_ul li:hover span{ border-color:#c7000b;}
.Cata_px .onulli{ background-color:#a0a0a0; border-color:#a0a0a0!important; color:#fff;}
.Cata_topnav .Cata_nav02{ width:635px;}
.Catalog-iconBOX{ background-size:35px auto; display:block; width:100%; height:35px;}
.C_d{ background-position:center -514px;}
.C_darts{ background-position:center -463px;}
.C_net{ background-position:center -51.4px;}
.C_safe{ background-position:center -564px;}
.C_ci{ background-position:center -103px;}
.C_music{ background-position:center -154.2px;}
.C_light{ background-position:center -257px;}
.C_tv{ background-position:center 0;}
.C_power{ background-position:center -360px;}
.C_collaboration{ background-position:center -411.25px;}
.C_health{ background-position:center -308.4px;}
.C_multiArea{ background-position:center -205.63px;}
.Cata_topnav .Cata_nav02 li:hover .Catalog-iconBOX,.Cata_topnav .Cata_nav02 .Cata_on .Catalog-iconBOX{ background-image:url(../images/Catalog-icon02.png);}
.C_cloud{ background:url(../images/C_cloud01.png) no-repeat center center / 35px; display:block; width:100%; height:35px;}
.Cata_topnav .Cata_nav02 li:hover .C_cloud,.Cata_topnav .Cata_nav02 .Cata_on .C_cloud{ background-image:url(../images/C_cloud02.png);}
.Cata_topnav .Cata_ul .Cata_on{ color:#c7000b; font-weight:700;}
.TJ_ttop{ padding-bottom:5px; border-bottom:1px solid #fff;}
.TJ_bofang,.TJ_onxx{ height:129px;}
.TJ_anniu .AN02{ width:20%; margin-right:3%;}
.TJ_anniu .AN01{ width:30%;}
.TJ_anniu .AN02 span{ display:none;}

.TZ_bofang{ background-size:50px; background-color:rgba(0,0,0,0.3); height:0; transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; -webkit-transition: height 0.3s;}
.TZ_rexiao,.TZ_jian{ background-size:40px;}
.TZ_SCZ{ transition: border-top-width 0.3s; -moz-transition: border-top-width 0.3s; -ms-transition: border-top-width 0.3s; -o-transition: border-top-width 0.3s; -webkit-transition: border-top-width 0.3s; border-top:0 solid #fff;}
.TZtop:hover .TZ_bofang{ height:100%;}
.TZtop:hover .TZ_SCZ{ border-top-width:1px;}
.TZbt_title{ width:158px;}
    .TZ_bottom{padding: 0 10px;}
.TZ_div{ border:1px solid #e5e5e5; border-radius:2px;}
.TZ_div:hover{ box-shadow:0 2px 8px 0 rgba(0,0,0,0.3);}
}
@media (min-width:992px){
.CP_sousuo input{ width:300px;}
.Cata_topnav .Cata_ul li{ width:66px; font-size:12px;}
.Cata_topnav .Cata_nav02{ width:855px;}
.TZbt_title{ width:210px;}
.TJ_onxx,.TJ_bofang,.TJ_title:hover + .TJ_xx,.TJ_xx:hover{ height:168px;}
.TJ_jianjie{ display:none;}
.TJ_anniu .AN02{ width:30%; margin-right:5%;}
.TJ_anniu .AN02 span{ display:inline;}
.TZb_bottom .AN02,.TZb_bottom .AN01{ width:85px;}
.TZ_bofang{ background-size:60px;}
.TZ_rexiao,.TZ_jian{ background-size:45px;}
.TJ_xx > p:first-child{ margin-top:25px;}
    .TZ_bottom{padding: 0 20px;}

}
@media (min-width:1200px){
.Cata_topnav .Cata_ul li{ width:75px;}
.Cata_topnav .Cata_nav02{ width:975px;}
.TZbt_title{ width:280px;}
.TJ_onxx,.TJ_bofang,.TJ_title:hover + .TJ_xx,.TJ_xx:hover{ height:203px;}
}
