.navbox .hardware-items .items-box{ width: 190px;}
.hardware-banner{ height: 600px;}
.hardware-banner .s4{ background: url(../img/hardware-detail/banner-top-n.png) no-repeat center;}
.hardware-banner .left-area .btn{ padding: 9px 29px;}
.hardware-banner .imgs .hardware-banner{ background: url(../img/hardware-detail/znyj.png) no-repeat center; width: 180px; height:46px; }
.hardware-banner .imgs{ position: absolute; right: 31%; bottom: 98px;}
.hardware-banner .left-area{ top: 27%; width: 596px;}
.hardware-banner .left-area h1{ font-weight: bold;}
.hardware-banner .left-area p{ font-size: 17px; color: #fff;}
.hardware-solve{background: url(../img/hardware-detail/bg-text.png) no-repeat center; height: 496px;}
.hardware-solve .media-middle,.wms-solve .media-body{ display: inline-block;}
.hardware-solve .media-body{ width: 70%;}
.hardware-solve .media{ text-align: left;}
.video .service-page .taste li{ border: none; padding: 0px; float: none;display: inline-block}
.video .list-wms li:hover{box-shadow:none;}
.video .list-wms .icon-img{ padding-bottom: 0px; max-height:225px; height: 225px;}
.video .list-wms h4{ margin: 0px auto; width: 285px; margin-top: 10px;}
.video .list-wms h4 span{ display: block; padding-top: 15px; text-align: left; padding-left: 10px; padding-right: 10px;}
.video .list-wms h4 span.bottom{ padding-bottom: 15px; color: #757575;}
.video .list-wms li{ height: 270px;}
.hardware .key_list_box .in .item{ padding-top: 25px; padding-left: 38px;}
.hardware .key_list_box .in .item .title{ font-size: 20px; color: #515151;}
.hardware .key_list_box .in .item li{ width: 32%; display: inline-block; margin-top:25px; text-align: center; position: relative;}
.hardware .key_list_box .in .item li a{ padding-top: 15px; display: inline-block; width: 285px; height: 170px; vertical-align: middle; background: rgba(245, 248, 250, 0.41); border: solid 1px rgba(228, 236, 243, 0.41);}
.hardware .key_list_box .in .item li a img{ display: inline-block; vertical-align: middle; max-height: 135px;}
.hardware .key_list_box .in .item li a:hover{box-shadow: 0 0px 12px 0 rgba(205, 205, 205, 0.5);}
.hardware .key_list_box .in .item li span{ display: block; padding-top: 15px;}
.video-bg{ display: none; position: fixed; height: 100%; width: 100%; background: #333; z-index: 1000; top: 0px; opacity: 0.3;}
.video-play{ display: none; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; background: #fff; z-index: 2000; width: 740px; height: 400px;}
.text-bottom{ position: absolute; bottom: 0px; width: 100%; height: 50px; line-height: 50px; background: #13699f;}
.text-bottom ul{ width: 1240px; margin: auto;}
.text-bottom li{ display: inline-block; margin-right: 45px;}
.text-bottom li a{ color: #fff; vertical-align: middle;}
.text-bottom li.icon{ background: url(../img/hardware-detail/pro_icon.png) no-repeat; width: 14px; height: 14px; vertical-align: middle; margin-right: 15px;}
.product_info{ background: #f4f7fa; padding-bottom: 60px;}
.product_info .layout-center h3{ padding-bottom: 0px; margin: 0px; font-size: 14px; text-align: left; height: 65px; line-height: 65px;}
.product_info .layout-center h3 i{ margin-right: 15px; background: url(../img/hardware-detail/pro_home.png) no-repeat; display: inline-block; width: 16px; height: 13px; vertical-align: middle;}
.product_info .layout-center h3 span{ vertical-align: middle;}
.product_info .layout-center {max-width: 1240px;}
.product_details{ background: #fff; float: left; width: 100%; padding: 35px;}
.swiper-client{ height: 335px;}

.hardware .key_list_box .in .item .last li{ width: 23.7%; margin-right: 4px;}
.hardware .key_list_box .in .item .last li a{ width: 100%;}
#product1 tr td:nth-child(1){ border-left: 1.0000pt solid rgb(79,129,189);}

/*********
*zoom
**********/
img{ max-width: 100%;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ max-height: 397px; max-width: 397px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{ float: left; width:400px;height:400px;border:1px solid #DFDFDF;}
.spec-scroll{ float: left; height: 400px; width: 85px; position: relative;}
.spec-scroll .prev{ top: 0px; background: url(../img/hardware-detail/pre.png) no-repeat; }
.spec-scroll .next{ bottom: 0px; background: url(../img/hardware-detail/next.png) no-repeat;}
.spec-scroll .prev,.spec-scroll .next{ position: absolute; display:block;font-family:"宋体";text-align:center;width:32px;height:17px; cursor:pointer;text-decoration:none; text-indent: -9999em; left: 0px; right: 0px; margin: auto; }
.spec-scroll .items{ margin-top: 39px; float:left; position:relative; width:85px; height:331px; overflow:hidden;}
.spec-scroll .items ul{ position:absolute; width: 85px; height: 400px; overflow: visible; }
.spec-scroll .items ul li{ float:left;width:80px; height: 80px; text-align:center;}
.spec-scroll .items ul li img{ max-width: 100%; max-width: 78px; max-height: 78px; }
.spec-scroll .items ul li img:hover{ border:2px solid #FF6600;padding:1px;}
.product_details .spec-scroll .items ul li{ border:1px solid #DFDFDF; margin-bottom: 3px; padding: 0px;}
.m .my-video-dimensions{ width: 740px; height: 400px;}
.m_pro{ width: 400px; height: 400px;}
.m_pro video{ width: 400px; height: 400px;}
.m_pro .my-video-dimensions{ width: 400px; height: 400px;}
.product_details .left-column{ float: left; width: 45%;}
.product_details .right-column{ float: left; width: 55%; text-align: left;}
.right-column h2{ font-size: 24px; color: #2b3e50; font-weight: bold; margin-bottom: 20px;}
.right-column .sku{ font-size: 16px; color: #555555; margin-bottom: 20px;}
.right-column .desc{ font-size: 16px; color: #555555;}
.right-column .desc span{}
.right-column .desc p{ color: #555555; width: 80%; line-height: 25px;}
.clear{ clear: both;}
.tab-wrapper {
    width: 100%;
    margin-top: 35px;
    border: solid 1px #e4ecf3;
    clear:both;
}
.tab-wrapper .tab-menu{
    border: 1px solid #e4ecf3;
    border-top: none;
}
.tab-menu li {
    position:relative;
    background-color: #fff;
    color:#555555;
    display: inline-block;
    cursor:pointer;
    width: 140px !important;
    height: 50px !important;
    line-height: 50px;
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: none !important;
    z-index:0;
}

.tab-menu li:hover {
    color:#02c2de;
}

.tab-menu li.active {
    color:#02c2de;
    opacity: 1;
    background: rgba(244, 247, 250, 0.5) !important;
}

.tab-menu li.active:hover {
    color:#464646;
}
.tab-menu li:last-child{
    border-right: 1px solid #e4ecf3;
}
.tab-content>div {
    background-color: #fff;
    box-sizing:border-box;
    width: 100%;
    padding: 50px;
    min-height:200px;
}
.tab-content img{ max-width: 750px;}
.line {
    position:absolute;
    width: 0;
    height: 3px;
    background-color: #02c2d9;
    bottom: 0;
    left: 0;
}
.zoomdiv{
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}
.zoomdiv img{ width: unset; max-width: inherit; display: block; position: static;}

.tab-content p{
    color: #000;
    text-align: left;
}
.tab-content table{ margin: auto;}
.tab-content table td,.tab-content table th{ padding: 7px !important;}
.list-wms .video-js{ background: none;}

/**
index
 */
.key_list_box .key_navs, .key_list_boxs .in {
    height: 620px;
}
.page-box{ text-align: center;}
.pagination a{ cursor: pointer;}

@media screen and (min-width: 1200px){
    .key_navs ul li:nth-child(1) {
        margin-top: 16px;
    }
}

.key_list_box .key_navs li a {
    color: #353535;
    font-size: 16px;
    display: block;
    height: 45px;
    line-height: 45px;
    text-indent: 20px;
}
.key_list_box .key_navs li dd a{
    font-size: 14px;
}
.key_list_box .key_navs li .on {
    color: #4cb4e7;
    background: #f7f8fa;
    border-right: 3px solid #4cb4e7;
}

.key_list_box .key_navs {
    position: absolute;
    /* top: -14px; */
    /* left: 15px; */
    width: 238px;
    /* height: 650px; */
    background: #fff;
    border: 1px solid #e4ecf3;
}



.key_list_cons {
    position: absolute;
    left: 237px;
    top: 0;
    bottom: 0;
    width: 964px;
    border: 1px solid #e4ecf3;
}
.hardware .key_list_box .in .item li .detial a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    background: #4cb4e7;
    color: #fff;
    border-radius: 10px;
}
.hardware .key_list_box .in .item li:hover .detial{
    display: block;
}
.hardware .key_list_box .in .item li span.detial{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 106px;
    padding: 0px;
    display: none;
}
.hardware .key_list_boxs .in .item {
    padding-top: 25px;
    padding-left: 38px;
}


.hardware .key_list_boxs .in .item .title {
    font-size: 20px;
    color: #515151;
}

.hardware .key_list_boxs .in .item li {
    width: 32%;
    display: inline-block;
    margin-top: 25px;
    text-align: center;
}

.hardware .key_list_boxs .in .item li {
    width: 32%;
    display: inline-block;
    margin-top: 25px;
    text-align: center;
}

.hardware .key_list_boxs .in .item li a img {
    display: inline-block;
    vertical-align: middle;
    max-height: 135px;
}

.hardware .key_list_boxs .in .item li span {
    display: block;
    padding-top: 15px;
}

.key_list_cons ul.last {
    height: 480px;
    overflow: hidden;
}

.hardware .key_list_boxs .in .item .last li {
    width: 23.7%;
}

.hardware .key_list_boxs .in .item .last li a {
    width: 100%;
}
.sublevel li{ font-size: 14px;}
.sublevel{ display: none;}
.sublevel.on{ display: block; background: none;}
.key_list_box .key_navs li .sublevel.on{ background: none;}
.key_list_box .key_navs li .sublevel.on li:nth-child(1){ margin-top: 0px;}
.key_list_box .key_navs li .sublevel.on .hn{ background: #f7f8fa;}
.key_list_box .key_navs li .sublevel a{ font-size: 14px; text-indent: 30px;}
.key_list_box .key_navs li a:hover {
    color: #4cb4e7;
}
.stair {
	cursor: pointer;
}
.hardware .key_list_box .in {
    height: 620px;
}
@media only screen and (max-width:1680px) {

    .hardware-banner .imgs{
        right: 27%;
    }
}


@media only screen and (max-width:1600px) {

    .hardware-banner .imgs{
        right: 27%;
    }
}

@media only screen and (max-width:1440px) {

    .hardware-banner .imgs{
        right: 24%;
    }
}



@media only screen and (max-width: 768px) {
    .hardware-banner .s4 {
        background:url(../img/hardware-detail/hardbg.png) no-repeat center;;
        background-size:cover;
    }
    .hardware-banner .imgs{ display: none;}
    .hardware-banner{ max-height: 840px; height: 100%;}
    .video .service-page .taste li{ padding: 5px;float: left;}
}

@media only screen and (max-width: 414px) {
    .hardware-banner{ max-height: 584px;}
    .hardware-banner .left-area{ top: 60% !important;}
    .hardware-banner .left-area p{ font-size: 12px;}
    .video .list-wms .icon-img{ max-width: 100%;}
    .video .list-wms h4{ width: 100%;}
    .video .service-page .taste li{ padding: 5px;}
    .roll-flag .layout-center{ margin-bottom: 0px;}
    .m{ max-width: 414px; height: 250px;}
    .product_info .layout-center h3 span{ display: inline-block; width:100%; max-width: 300px; overflow: hidden; height: 65px;}
    .product_details{ padding: 10px;}
    .product_details .left-column{ width: 100%;}
    .product_details .right-column{ width: 100%;}
    .text-bottom li.icon{ margin-left: 10px;}
    .product_info .layout-center h3 i{ margin-left: 10px;}
    .spec-preview,.m_pro,.m_pro .my-video-dimensions{ width: 300px; height: 300px;}
    .spec-scroll{ height: 315px;}
    .spec-scroll .items{ height: 248px;}
    .tab-menu li{ width: 95px !important;}
    .text-bottom{ display: none;}
    .tab-menu li:last-child{ border-right: none;}
    .jqzoom img{ max-width: 100%; max-height: 100%;}
    .tab-content>div{ padding: 10px;}
    .m .my-video-dimensions{ max-width: 414px; width: 100%;}
    .hardware .key_list_box .key_navs li{ display: block;}
    .hardware .key_list_box{ display: block; height: auto !important;}
    .hardware .key_list_box .key_navs{ width: 100%; position: static; height: auto;}
    .hardware .key_list_cons{ clear: both; width: 100%; position: static; height:auto; float: left; width: 100%; border: none;}
    .hardware .key_list_box .in .item{ padding: 0px; display: block; height:auto;}
    .hardware .key_list_box .in .item .title{ display: none;}
    .hardware .key_list_box .in .item li{ width: 50%; float: left; min-height: 235px; margin-top: 10px;}
    .hardware .key_list_box .in .item li a{ width: 100%;}
    .key_list_box .key_navs li .on{ background: none;}
    .hardware .key_list_box .in{ height:auto; min-height: auto;}
    .layout-main{ clear: both;}
    .hardware{ clear: both; float: left; width: 100%;}
    .swiper-client{ height: 100%;}
    .hardware .key_list_box .in .item .last li{ width: 50%; float: left; margin: 0px;}
    .key_list_cons ul.last{ height: 100%; overflow: inherit;}
    .hardware .page-box{ clear: both; }
    .hardware .key_list_box h3{ margin: 0px !important; padding: 0px; height: 100px; line-height: 100px;}
    .jqZoomPup{ display: none !important;}
    .zoomdiv{ display: none !important;}
    .tab-content table{ width: 100% !important;}
    .hardware-client .service-page.webdesign .section3{ padding: 0px;}
    .hardware-client .service-page .h-title{ padding: 0px; margin: 0px; height: 45px; line-height: 45px; margin-bottom: 20px;}
    .hardware-client{ height: inherit; min-height: 760px;}
}

@media only screen and (max-width: 411px) {
    .m{ max-width: 411px; height: 250px;}
    .product_info .layout-center h3 span{ width:100%; max-width: 300px;}
    .spec-preview, .m_pro, .m_pro .my-video-dimensions{ width: 295px; height: 297px;}
    .m .my-video-dimensions{ max-width: 411px; width: 100%;}
}


@media only screen and (max-width:375px) {
    .m{ max-width: 375px; height: 250px;}
    .product_info .layout-center h3 span{ }
    .spec-preview, .m_pro, .m_pro .my-video-dimensions{ width: 260px; height: 271px;}
    .spec-scroll{ height: 295px;}
    .spec-scroll .items{ margin-top: 25px;}
    .tab-menu li{ width: 86px !important;}
    .m .my-video-dimensions{ max-width: 375px; width: 100%;}
}

@media only screen and (max-width:360px) {
    .m{ max-width: 360px; height: 250px;}
    .spec-preview, .m_pro, .m_pro .my-video-dimensions{ width: 245px; height: 270px;}
    .tab-menu li{ width: 80px !important;}
    .m .my-video-dimensions{ max-width: 360px; width: 100%;}
}

@media only screen and (max-width:320px) {
    .m{ max-width: 320px; height: 250px;}
    .spec-preview, .m_pro, .m_pro .my-video-dimensions{ width: 205px; height: 270px;}
    .tab-menu li{ width: 74px !important;}
    .m .my-video-dimensions{ max-width: 320px; width: 100%;}
    .product_info .layout-center h3 span{ max-width: 260px;}
    .hardware-client{ min-height: 820px;}
    .hardware-client .swiper-client{ height: 100%;}
}