/*******initial elements********/
html { width:100%; height:100%; }
body { font-family: Helvetica, Arial, "微软雅黑", "宋体", sans-serif; width:100%; height:100%; background-color: #ffffff; }
li { list-style:none; }
a { text-decoration:none; }
a:hover { border:0; -webkit-tap-highlight-color:transparent; }
img { border:0; }
em { font-style:normal; font-family: Helvetica, Arial, '微软雅黑', "宋体", sans-serif;}
.clear:after{
    content: '.';
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
}
.tab_right_menu_h2 .m_menu_nav,.m_menu_nav{
     display:inherit;
}
.swiper-slide img { width: 100%; height: auto; }
/******************/
.banner{
    width: 100%;
    padding-bottom: 60px;
    position: relative;
}
.banner .haocai-banner{
    width: 100%;
}
.banner .haocai-banner-phone{
    display: none;
}
.link-to-aggr {
    position: absolute;
    bottom: 33.7%;
    left: 9.3%;
    font-size: 18px;
    color: #2284bd;
}
@media (max-width: 900px){
    .link-to-aggr {
        font-size: 14px;
    }
}
@media screen and (max-width: 900px){
  .middleNavWrapper {
      display: none;
  }
}
@media (max-width: 767px){
    .link-to-aggr {
        font-size: 12px;
    }
}
.responseWidth { width: 100%; position: relative; margin:0px auto; z-index: 0; }
.survey-bg { z-index:900; }
.container{-webkit-overflow-scrolling : touch;}


/* left*/
.printDisplay .printDisplay_media { float:left; width: 24%;}
.printDisplay .printDisplay_media  .HCTitle{ text-indent: 0;font-size:18px; color:#FFF; background:#9b9c9c; height:40px; line-height:40px; padding-left:15px;font-family: Helvetica,Arial,"微软雅黑","宋体",sans-serif; margin-bottom:10px;}
.printDisplay .printDisplay_media  .or{ padding:0; width:100%; background:none; color:#656565;  text-align:center; font-size:16px; font-family: Helvetica,Arial,"微软雅黑","宋体",sans-serif; height:40px; line-height:40px; margin-bottom:5px;}
.printDisplay .printDisplay_media  .productType{ border: 1px solid #dadada; color:#656565; background:none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.printDisplay .printDisplay_media .sureBtn{ background:#0989ec; text-align:center; width:100%; cursor:pointer; padding:0;}

/* 下拉列表自制控件 */
.selectBox{
    display:inline-block;
    position:relative;
    cursor:pointer;
    width:100%;
    height:40px;
    line-height:40px;
    background: url(../images/select_arrow.png) 95% center no-repeat;
    background-size:auto;
    border: none;
    font-size:16px;
    
    margin-bottom:5px;
    box-sizing:border-box;
}
.thisBox{
    display:inline-block;
    padding-left:15px;
    width:100%;
    line-height:40px;
    height:40px;
    overflow:hidden;
    font-family: Helvetica,Arial,"微软雅黑","宋体",sans-serif;
    font-size:18px;
    border:1px solid #c0c0c0;
    color:#656565;
}
.thisBox span{ font-size:18px; font-family: Helvetica,Arial,"微软雅黑","宋体",sans-serif; }
.selectBox .opts{
    width:100%;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
    border:solid 1px #c0c0c0;
    position:absolute;
    top:38px;
    left:0;
    display:none;
    z-index: 11;
    background: white;
}
.selectBox .opts h5 {
    padding: 6px;
}
.selectBox .opts a{
    display:block;
    line-height:22px;
    text-align:left;
    padding:6px;
    width:100%;
    background:#FFF;
    font-family: Helvetica,Arial,"微软雅黑","宋体",sans-serif;
    font-size:16px;
}

/*****新改的代码-jing****/
.printDisplay .printDisplay_products{
    width: 74%;
    float: right;
}
.printDisplay .printDisplay_products h2{
    font-size: 24px;
    font-family: '微软雅黑';
    color: #122689;
    font-weight: bold;
    padding-bottom: 14px;
}
.printDisplay .printDisplay_products .title{
    font-size: 18px;
    color: #404040;
    height: 35px;
    line-height: 35px;
    background: #dadada;
    padding-left: 20px;
}
.printDisplay .printDisplay_products ul{
    /* overflow: hidden; */
}
.printDisplay .printDisplay_products ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 3%;
    width: 25%;
    height: 264px;
    padding: 0 3%;
    float: left;
}
.printDisplay .printDisplay_products ul li .printImg{
    height: 140px;
    padding: 10px 0;
    text-align: center;
}
.printDisplay .printDisplay_products ul li .printImg img{
    /*padding-top: 29px;*/
    max-width: 100%;
    max-height: 100%;
}
.printDisplay .printDisplay_products ul li .printColor{
    font-size: 18px;
    color: #000;
}
.printDisplay .printDisplay_products ul li .printType{
    font-size: 14px;
    color: #727272;
}
.printDisplay .printDisplay_products ul li .printCharge{
    font-size: 14px;
    color: #232627;
}
.printDisplay .printDisplay_products .printBtn{
    border-bottom: 1px #dadada solid;
    position: relative;
    margin-top: 39px;
}
.printDisplay .printDisplay_products .printBtn .show1, .printDisplay .printDisplay_products .printBtn .hidden1{
    font-size: 18px;
    font-family: '微软雅黑';
    color: #656565;
    line-height: 38px;
    text-align: center;
    /*float: right;*/
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
}
.printDisplay .printDisplay_products .printBtn .show1{
    width: 160px;
    height: 38px;
    border: 1px #dadada solid;
    border-bottom: 0;
}
.printDisplay .printDisplay_products .printBtn .hidden1{
    display: none;
    width: 162px;
    height: 39px;
    background: #dadada;
}
.printDisplay .printDisplay_products .printBtn img{
    vertical-align: top;
    padding-top: 16px;
    padding-left: 20px;
}
.printDisplay .printDisplay_products .printBtn .hidden1 img{
    padding-top: 15px;
}
.printDisplay .printDisplay_products .marginT20{
    margin-top: 40px;
}

.bottomWrapper{
    width: 100%;
    min-height: 259px;
    background: #f1f5f9;
    margin-top: 90px;
}
.bottomWrapper .box{
    padding-top: 51px;
}
.bottomWrapper .box .identify{
    width: 584px;
    height: 152px;
    float: left;
}
.bottomWrapper .box .search{
    float: right;
    position: relative;
    width: 549px;
    height: 152px;
    padding-top: 82px;
    padding-left: 35px;
    background: url("../images/searchBg.png") no-repeat;
}
.bottomWrapper .box .search .inputMima{
    width: 210px;
    margin-right:14px;
    padding:0 10px;
}
.bottomWrapper .box .search .inputCode{
    width: 93px;
    padding: 0 75px 0 10px;
    box-sizing: content-box;
}
.bottomWrapper .box .search .inputMima, .bottomWrapper .box .search .inputCode{
    float: left;
    height: 38px;
    border: 1px #dadada solid;
    text-indent: 0;
    font-size: 18px;
    color: #a4a4a4;
    margin-right:14px;
}
.bottomWrapper .box .search .submit{
    float: left;
    width: 82px;
    height: 40px;
    line-height: 40px;
    background: #0989ec;
    text-align: center;
    font-size: 18px;
    font-family: '微软雅黑';
    color: #FFFFFF;
    cursor: pointer;
}
.bottomWrapper .box .search .imgcode{
    position: absolute;
    left: 360px;
    top: 85px;
    width: 72px;
    height: 34px;
}
.tanchuBg, .tanchu{
    display: none;
    position: fixed;
}
.tanchuBg{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter:alpha(opacity=60);
    z-index: 8;
    left: 0;
    top: 0;
}
.tanchu{
    box-sizing:border-box;
    width: 40%;
    height: 260px;
    padding: 22px;
    left: 30%;
    top: 30%;
    background: #FFFFFF;
    z-index: 9;
}
.tanchu .innerCeng{
    width: 100%;
    height: 100%;
    border: 1px #a4a4a4 solid;
    box-sizing:border-box;
    padding: 25px;
}
.tanchu .innerCeng h2{
    font-size: 24px;
    color: #000;
    font-weight: normal;
    padding-bottom: 10px;
}
.tanchu .innerCeng p{
    font-size: 16px;
    color: #000;
}
.tanchu .innerCeng .innerBtn{
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #0989ec;
    font-size: 16px;
    color: #FFFFFF;
    margin: 30px auto 0;
    cursor: pointer;
}
@media screen and (min-width: 1700px){
    .bottomWrapper .box .identify,.bottomWrapper .box .search{
        width:804px;
        height:209px;
    }
    .bottomWrapper .box .search{
        padding-top: 112px;
        padding-left: 35px;
        background: url("../images/searchBg1.png") no-repeat;
    }
    .bottomWrapper .box .search .imgcode{
        top:115px;
    }
    .bottomWrapper .box .identify img{
        width:100%;
        height:100%;

    }
    .bottomWrapper{
        min-height:308px;
    }
   

}
/** pad 横版 **/
@media screen and (max-width: 1200px){
    .responseWidth, .bottomWrapper .box {
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
        box-sizing: border-box;
    }
   /* .printDisplay .printDisplay_products{
        width: 692px;
    }*/
    .bottomWrapper .box .identify, .bottomWrapper .box .search{
        box-sizing:border-box;
        width: 49%;
        height: 126px;
    }
    .bottomWrapper .box .identify img{
        width: 100%;
        max-height: 100%;
    }
    .bottomWrapper .box .search{
        background-size: 100%;
        padding-top: 65px;
        padding-left: 25px;
    }
    .bottomWrapper .box .search .inputMima{
        width: 164px;
    }
    .bottomWrapper .box .search .inputCode{
        width: 63px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 278px;
        top: 68px;
    }
}
/*@media screen and (max-width: 1015px){
    .printDisplay .printDisplay_products {
        width: 580px;
    }
}
*/
/*打印机产品耗材防伪查询*/
@media screen and (max-width: 1010px){
    .bottomWrapper .box .search {
        padding-top: 58px;
        padding-left: 21px;
    }
    .bottomWrapper .box .search .inputMima{
        width: 161px;
        padding: 0 5px;
    }
    .bottomWrapper .box .search .inputCode {
        width: 53px;
        padding-left: 5px;
    }
    .bottomWrapper .box .search .submit{
        width: 58px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 257px;
        top: 61px;
    }
}

/** pad竖版和移动版 **/
@media screen and (max-width: 900px){
    .banner{
        padding-bottom: 30px;
    }
    .banner .haocai-banner{
        display: none;
    }
    .banner .haocai-banner-phone{
        display: block;
        width: 100%;
    }
    .printDisplay .printDisplay_media{
        width: 100%;
    }
    .printDisplay .printDisplay_media .HCTitle{
        font-size: 16px;
        text-align:center;
        margin-top: 0;
    }
    .selectBox{
        width: 48%;
        float: right;
        background-size: auto 47%;
    }
    .selectBox:first-child{
        float: left;
    }
    .selectBox .opts{
        padding: 0;
        box-sizing: content-box;
    }
    .selectBox .opts a{
        font-size: 12px;
    }
    .thisBox,.printDisplay .printDisplay_media .or,.printDisplay .printDisplay_media input.txt{
        font-size: 14px;
    }
    .printDisplay .printDisplay_media .or{
        background: url("../images/line.png") 0 center no-repeat;
        background-size: 100%;
    }
    .printDisplay .printDisplay_media input.txt{
        text-align: left;
    }
    .printDisplay .printDisplay_products{
        width: 100%;
    }
    .printDisplay .printDisplay_products h2{
        font-size: 18px;
        padding-top: 15px;
    }
    .printDisplay .printDisplay_products .title{
        font-size: 16px;
    }
    .printDisplay .printDisplay_products ul.printProducts {
        padding: 0;
    }
    .printDisplay .printDisplay_products ul.printProducts li{
        width: 33.3%;
        height: 226px;
        padding: 0 6%;
    }
    .printDisplay .printDisplay_products ul li .printImg{
        height: 140px;
    }
    .printDisplay .printDisplay_products ul li .printImg img {
        padding-top: 20px;
        max-height: 110px;
        max-width: 80px;
    }
    .printDisplay .printDisplay_products ul li .printColor{
        font-size: 14px;
        white-space: nowrap;
    }
    .printDisplay .printDisplay_products ul li .printType,
    .printDisplay .printDisplay_products ul li .printCharge{
        font-size: 12px;
    }
    .printDisplay .printDisplay_products .printBtn .show1, .printDisplay .printDisplay_products .printBtn .hidden1{
        width: 106px;
        height: 35px;
    }
    .printDisplay .printDisplay_products .printBtn img{
        padding-left: 8px;
    }
    .bottomWrapper{
        margin: 30px 0;
    }
    .bottomWrapper .box{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .bottomWrapper .box .identify, .bottomWrapper .box .search{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .bottomWrapper .box .search{
        padding: 109px 0 63px 45px;
    }
    input[type="text"]{
        margin-top: 0;
    }
    .bottomWrapper .box .search .inputMima{
        width: 244px;
    }
    .bottomWrapper .box .search .inputCode{
        width: 196px;
        box-sizing:border-box;
    }
    .bottomWrapper .box .search .submit{
        height: 38px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 425px;
        top: 111px;
    }

    /*弹出层样式*/
    .tanchu {
        width: 50%;
        left: 24%;
        top: 20%;
    }
}
@media screen (min-width: 768px){
    .printDisplay .printDisplay_media{
        width:27%;
    }
    .printDisplay .printDisplay_products{
        width:71%;
    }
}

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

    .tanchu {
        width: 84%;
        left: 8%;
    }
}

@media screen and (max-width: 700px){
    .bottomWrapper .box .search{
        padding:  86px 0 40px 35px;
    }
    .bottomWrapper .box .search .inputMima {
        width: 219px;
    }
    .bottomWrapper .box .search .inputCode {
        width: 170px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 360px;
        top: 88px;
    }
}

@media screen and (max-width: 590px){
    .printDisplay .printDisplay_products ul.printProducts li{
        width: 33.3%;
        padding: 0 4%;
    }
    .bottomWrapper .box .search{
        padding: 62px 0 19px 26px;
    }
    .bottomWrapper .box .search .inputMima{
        width: 136px;
        height: 33px;
        font-size: 12px;
    }
    .bottomWrapper .box .search .inputCode{
        width: 108px;
        height: 33px;
        font-size: 12px;
        padding-right: 50px;
    }
    .bottomWrapper .box .search .submit{
        width: 55px;
        height: 33px;
        line-height: 33px;
        font-size: 12px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 228px;
        top: 64px;
        height: 29px;
        width: 50px;
    }
}
@media screen and (max-width: 430px){
    .bottomWrapper .box .search {
        padding: 41px 0 11px 17px;
    }
    .bottomWrapper .box .search .inputMima {
        width: 119px;
        padding: 0 4px;
        height: 30px;
    }
    .bottomWrapper .box .search .inputCode {
        width: 95px;
        padding-left: 4px;
        height: 30px;
        padding-right: 52px;
    }
    .bottomWrapper .box .search .submit {
        width: 40px;
        height: 30px;
        line-height: 30px;
    }
    .bottomWrapper .box .search .imgcode {
        left: 186px;
        top: 43px;
        height: 26px;
    }
}