@charset "utf-8";
/* CSS reset */
* { margin: 0; padding: 0; word-wrap: break-word; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%;  outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
input, textarea { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
img { border: 0; max-width: 100%; }
body {color: #333;  font-family:Microsoft YaHei; background-color:#fff; }
a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: none; }
.navigation { line-height: 50px; background: url(../img/ask_points.html) no-repeat left -1340px; padding-left: 15px; }
.fenye { clear: both; padding: 10px 20px; }


/* 移动端样式 */
@media screen and (max-width: 600px) {
    .product_nav_box{
        height: 84px;
    }
    body{font-size: 11px!important}
    #header .search form .upfile{font-size: 12px; padding: 8px;}
    #header .search form .submit{font-size: 12px; padding: 7px 0;}
    #header .con{padding:5px 15px 0 0;}
    #header .con img{width: 28px;}
    
    #headerbanner{
        height: 80px;
        margin-bottom: 5px;
        text-align: center;
        overflow: hidden;
        text-align: center;
    }
    #headerbanner img{
        width: 100%;
        height: 100%;
    }
    #header .search{padding-top: 0px;width: 55%;}
    #header .logo{padding-top: 7px;}
    .page{padding:10px 5px 10px 5px;}
    .hot_labels ul li,.knowledge .new_secondary li{width: 50%;}
    .knowledge .knowlist li img{margin-bottom: 31px;}
    .knowledge .knowlist02 li img{margin-bottom: 0px;}
    .pop-up ul li{width: 33%;}
    .productul {min-height: 400px;}
}


@media screen and (min-width: 750px) {
    .product_nav_box{
        height: 90px;
    }
    body{font-size: 11px!important}
    #header .search form .upfile{font-size: 12px; padding: 8px;}
    #header .search form .submit{font-size: 12px; padding: 7px 0;}
    #header .con{padding:5px 15px 0 0;}
    #header .con img{width: 28px;}
    
    
    #headerbanner{
        height: 80px;
        margin-bottom: 5px;
        text-align: center;
        overflow: hidden;
        text-align: center;
    }
    #headerbanner img{
        width: 100%;
        height: 100%;
    }
    #header .search{padding-top: 0px;width: 55%;}
    #header .logo{padding-top: 7px;}
    .page{padding:10px 5px 10px 5px;}
    .hot_labels ul li,.knowledge .new_secondary li{width: 50%;}
    .knowledge .knowlist li img{margin-bottom: 31px;}
    .knowledge .knowlist02 li img{margin-bottom: 0px;}
    .pop-up ul li{width: 33%;}
    .productul {min-height: 400px;}
}


@media only screen and (min-width:360px) {
body{font-size:12px!important}
#header .search form .upfile{font-size: 12px; padding: 8px;}
#header .search form .submit{font-size: 12px; padding: 7px 0;}
#header .con{padding:2px 15px 0 0;}
#header .con img{width: 36px;}

#header .search{padding-top: 0px;width: 56%;}
#header .logo{padding-top: 4px;}
.page{padding:10px 5px 10px 4px;}
.hot_labels ul li,.knowledge .new_secondary li{width: 25%;}
.knowledge .knowlist li img{margin-bottom: 0px;}
.knowledge .knowlist02 li img{margin-bottom: 0px;}
.pop-up ul li{width: 33%;}
    .productul {min-height: 474px;}
}
@media only screen and (min-width:480px) {
body{font-size: 13px!important}
#header .search form .upfile{font-size: 12px; padding: 8px;}
#header .search form .submit{font-size: 12px; padding: 7px 0;}
#header .con{padding:4px 15px 0 0;}
#header .con img{width: 36px;}

#header .search{padding-top: 2px;width: 60%;}
#header .logo{padding-top: 0px;}
.page{padding:20px 0 20px 16px;}
.hot_labels ul li,.knowledge .new_secondary li{width: 25%;}
.knowledge .knowlist li img{margin-bottom: 0px;}
.knowledge .knowlist02 li img{margin-bottom: 0px;}
.pop-up ul li{width: 33.333%;}
    .productul {min-height: 400px;}
}
@media only screen and (min-width:750px) {
body{font-size: 14px!important}
#header .search form .upfile{font-size: 16px; padding: 12px;}
#header .search form .submit{font-size: 16px; padding: 11px 0;}
#header .con{padding:18px 15px 0 0;}
#header .con img{width: 36px;}

#header .search{padding-top: 10px;width: 65%;}
#header .logo{padding-top: 0px;}
.page{padding:20px 0;}
.hot_labels ul li,.knowledge .new_secondary li{width: 25%;}
.knowledge .knowlist li img{margin-bottom: 0px;}
.knowledge .knowlist02 li img{margin-bottom: 0px;}
.pop-up ul li{width: 33.333%;}
    .productul {     min-height: 710px;;}
}
.eps {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.font {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
/* End hide from IE-mac */
.bgDiv{width: 100%; height: 100%; background-color: #000; opacity: .5; position:fixed; display: none; z-index: 99; bottom: 0;}
.rightNav{width: 33%; max-width: 400px; background-color: #26b597; position: fixed; z-index: 999; top: 0; right: -50%;}
#header{
    max-width:750px;
     background: #fff; 
     /* position: fixed;  */
     padding: 10px 0px;
     top: 0; left: 0; right: 0; z-index: 9;}
#header .logo{padding-left: 15px; padding-top: 5px; float: left; margin-right: 15px; width: 24%;}
#header .logo img{width: 100%; height: auto; max-width:100%; max-height: 100%;}
#header .search{float: left;}
#header .search form{border: 2px solid #339140; border-radius: 30px; background:#339140; }
#header .search form .upfile{float:left; border: none; background:#fff;  width: 70%; border-radius: 30px 0 0 30px;}
#header .search form .submit{float: right; background: none; color: #fff; border: none; border-radius: 0 30px 30px 0; width: 30%; text-align: center;}
#header .con{float: right; z-index: 0;}
.menu li{font-size: 16px; padding: 10px 15px;}
.menu li a{color: #fff; text-align: center; display: block;}
.menu li:nth-child(1){background: #fff;}
.menu li:nth-child(1) a{color: #000;}
@media screen and (max-width: 414px) {
    #container{margin:0 auto; max-width:750px; 
        background: #F2F3F4;}
}

@media screen and (min-width: 750px) {
    #container{margin:0 auto; max-width:750px; 
        background: #F2F3F4;}
}

.fot_bottom{padding-top:10px; background: #fff; text-align: center;}
.fot_bottom .ensure{padding: 0 15px;}
.fot_bottom .copy{font-size: 14px; text-align: center; padding: 4px 15px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
#footnav{max-width:750px; background: #fff; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto;     padding: 6px 0 0px 0px; }
#footnav li{float: left; width:33%; text-align: center;}
#footnav li p{display: block; text-align: center; font-size: 12px;}
#footnav li img{width: 19%;}
#footnav li a{display: block;}
@media only screen and (min-width:750px) {
 .pop { width: 20% !important; }
}
@media only screen and (min-width:768px) {
  .pop { width: 20% !important;}
}
.pop {display: none; position:fixed; left: 0;  bottom: 2%;  right: 0;  margin: auto; background-color: #f1f1f1; width: 80%; text-align: center; padding: 20px; z-index: 999;}
.pop .pop-close{position: absolute; right: -20px; top: -20px; font-size: 22px; display: block; background: #fe0000; color: #fff; width: 40px; height: 40px; border-radius: 30px;line-height: 40px;}
.pop .dilogo{ border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.pop .dilogo img{width: 70%;}
.pop .text{font-size: 14px; line-height: 30px; margin-bottom: 10px;}
.pop .text span{color:#fe0000; }
.pop .erweima{margin-bottom: 10px;}
.pop .erweima img{width: 70%;}
.pop .weohao{margin-bottom: 10px; position: relative;}
.pop #content{ position: absolute; left: 0; top: -1000px;}
.pop .btn-copy{display: block; background: #339140; color: #fff; padding: 8px 5px; font-size: 14px; width: 100%; border: none;}
.pop .tishi{color: #fe0000; font-size: 14px;}
/*.searchlist .productul{padding-top: 15px;}*/
.js-silder{position: relative; min-width: 320px; margin-bottom:5px;}
.silder-scroll{width: 100%; overflow: hidden;}
.silder-main{position: relative; width: 100%; overflow: hidden;}
.silder-main-img{position: absolute; top: 0; left: 0; width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%; height: 100%; text-align: center; position: absolute; bottom: 0px;}
.silder-ctrl-prev{position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px;}
.silder-ctrl-next{position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 5px; text-align: left;}
.silder-ctrl-next{right: 5px; text-align: right;}
.silder-ctrl-prev>span{position: absolute; top: 50%; margin-top: -40px;}
.silder-ctrl-next>span{position: absolute; top: 50%; margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: inline-block; width: 4%; padding: 10px 0; margin: 36% 10px 0 10px; cursor: pointer;}
.silder-ctrl-con>span{display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #348b64;}



@media (max-width: 768px){
.silder-ctrl-prev{width: 10%; font-size: 26px; margin-top: 4%;}
.silder-ctrl-next{width: 10%; font-size: 26px; margin-top: 4%;}
.silder-ctrl-con{width: 14px; height: 14px; padding: 0; margin:35% 5px 0 5px;}
.silder-ctrl-con>span{display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0;}
}
.page .disabled span,.page .after span,.page .active span{background: #339140; color: #fff; border: none; display: block;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px 9px;}
.knowledge .new_secondary li.active a{background: #348b64; color: #fff;}
 .disabled span{ 
    color: #fff;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px 10px;
}
.page .active span{
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px 9px;
}
.pagination{display: table;
    margin-left: auto;
    margin-right: auto;}

.baikedian {      font-size: 36px;
    color: #348b64;
    display: inline-block;
    height: 14px;
    float: left;
    margin-top: -33px; 
    margin-left: 15px;
}
.baike {border-top: 2px dashed #dddddd;
    padding-top: 9px;
    margin-left: 45px;
    width:82%;
}