/*全局公用样式*/
body{margin:0; padding:0; font-family:"微软雅黑";line-height:21px;FONT-SIZE:14px;COLOR: #646464; }
div,dl,dt,dd,ul,ol,li,tr,th,tb,h1,h2,h3,h4,h5,h6,form,textarea,button,input,p,img{margin:0;padding:0;}
ul,li{list-style:none;}
fieldset,img{border:0;vertical-align:top; font-style:normal;}

A:link { COLOR: #646464;  TEXT-DECORATION: none;}
A:visited {COLOR: #646464; TEXT-DECORATION: none;}
A:hover {COLOR: #dc3d3d;   TEXT-DECORATION: none;}
A:active {COLOR: #646464;}


.banner{position:relative;left:0;top:0;width:100%;height:635px; overflow:hidden;}
.banner-box{width:2560px;position:absolute;left:50%;top:0;margin-left:-1280px;height:635px;}
#focus {width:2560px; height:635px; overflow:hidden; position:relative; margin:0 auto;}
#focus ul {position:absolute;}
#focus ul li {float:left; width:2560px;  overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:940px;}
#focus .btn {position:absolute; width:2560px;padding:10px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block;overflow:hidden;margin-left:10px;width:15px;height:15px;cursor:pointer; border-radius:15px;background:#fff;}
#focus .btn span.on {background:#ff7f02;}
#focus .preNext {width:47px; height:57px; position:absolute; top:110px; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}




div,form,img,ul,ol,li,dl,dt,dd,cite{ margin:0;padding:0;border:0; list-style:none; }
h1,h2,h3,h4,h5 {margin:0;padding:0;border:0; font-size:12px; font-weight:400;}
input { font-size:12px;}
.mb3 { margin-bottom:3px;}
.mb4 { margin-bottom:4px;}
.mb5 { margin-bottom:5px;}
.mb8 { margin-bottom:8px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb17 { margin-bottom:17px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}

.k1 { border:#ececec solid 1px;}

.mt8 { margin-top:8px;}

.pt1{ padding-bottom:3px;}
.t1 { color:#004098; font-size:48px; font-family:微软雅黑; line-height:55px;}
.t2 { color:#004098; font-size:24px; font-family:微软雅黑; line-height:34px; font-weight:800;}

.mrl { margin:0 18px;}
.en { font-family:Arial; font-size:11px;}
.l{ float:left;}
.cl{ clear:both;}
.bg1{ background:#44b040;}
.bg2{ background:#44b040;}
.bg3{ background:#44b040;}
.bg4{ background:#80bb63;}

.k2 { border:#D6E5F0 solid; border-width:0 1px 1px 1px; padding:14px 0 0 14px;}

.x1 { border-right:#a8b2bf solid 1px;}
.x2 { background:url(../images/x2.gif) repeat-y center;}
.x3 { border-bottom:#ececec solid 1px;}
.xx{border-bottom:#d8d8d8 dashed 1px;}


.p5 { padding:5px;}
.p8 { padding:8px;}
.p15 { padding:20px;}
.pl8{ padding-left:8px;}
.pl12{ padding-left:12px;}
.pl15{ padding-left:15px;}

.bs { color:#fff;}
.bs A:link { COLOR:#fff;}
.bs A:visited { COLOR:#fff;}
.bs A:hover { COLOR:#FFF000;}
.bs A:active { COLOR:#FFF000;}

.hs{ color: #383838;}
.hs A:link { color: #383838;}
.hs A:visited {color: #383838;}
.hs A:hover {color:#dc3d3d;}
.hs A:active {COLOR: #dc3d3d;}

.hos{ color: #e00000;}
.hos A:link { color: #e00000;}
.hos A:visited {color: #e00000;}
.hos A:hover {color:#e00000;}
.hos A:active {COLOR: #e00000;}

.zs{ color:#A00000;}
.zs A:link { color:#A00000;}
.zs A:visited {color:#A00000;}
.zs A:hover {color:#D80202;}
.zs A:active {COLOR: #D80202;}

.lvs{ color:#6cab50;}
.lvs A:link { color:#6cab50;}
.lvs A:visited {color:#6cab50;}
.lvs A:hover {color:#6cab50;}
.lvs A:active {COLOR: #6cab50;}

.js{ color:#583800;}
.js A:link { color:#583800;}
.js A:visited {color:#583800;}
.js A:hover {color:#D80202;}
.js A:active {COLOR: #D80202;}

.hs2{ color:#FFFF00;}
.hs2 A:link { color:#FFFF00;}
.hs2 A:visited {color:#FFFF00;}
.hs2 A:hover {color:#86E400;}
.hs2 A:active {COLOR: #86E400;}

.ls2{ color:#224966;}
.ls2 A:link { color:#224966;}
.ls2 A:visited {color:#224966;}
.ls2 A:hover {color:#224966;}
.ls2 A:active {COLOR:#224966;}

.huis{ color:#808080;}
.huis A:link { color:#808080;}
.huis A:visited {color:#808080;}
.huis A:hover {color:#000;}
.huis A:active {COLOR: #000;}


.black{ color:#000;}
.black A:link { color:#000;}
.black A:visited {color:#000;}
.black A:hover {color:#008ABA;}
.black A:active {COLOR: #008ABA;}

.cs{ color:#FF4E00;}
.cs A:link { color:#FF4E00;}
.cs A:visited {color:#FF4E00;}
.cs A:hover {color:#A65A08;}
.cs A:active {COLOR: #A65A08;}

.ls{ color:#0039B9;}
.ls A:link { color:#0039B9;}
.ls A:visited {color:#0039B9;}
.ls A:hover {color:#FF6C00;}
.ls A:active {COLOR: #FF6C00;}

.ls2{ color:#0c5f7d;}
.ls2 A:link { color:#0c5f7d;}
.ls2 A:visited {color:#0c5f7d;}
.ls2 A:hover {color:#0c5f7d;}
.ls2 A:active {COLOR: #0c5f7d;}

.lvs{ color:#377B00;}
.lvs A:link { color:#377B00;}
.lvs A:visited {color:#377B00;}
.lvs A:hover {color:#284F08;}
.lvs A:active {COLOR: #284F08;}

.at{color: #e60012;}

.xhx {}
.xhx A:link {TEXT-DECORATION: underline;}
.xhx A:visited { TEXT-DECORATION: underline;}
.xhx A:hover {TEXT-DECORATION: underline;}
.xhx A:active { TEXT-DECORATION: underline;}

.wxhx { }
.wxhx A:link { TEXT-DECORATION: none;}
.wxhx A:visited { TEXT-DECORATION: none;}
.wxhx A:hover { TEXT-DECORATION: none;}
.wxhx A:active { TEXT-DECORATION: none;}


.ar { font-family:Arial, Helvetica, sans-serif;}
.ct { font-weight:800;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f145 { font-size:14px; color: #e60012; }
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f24 { font-size:24px;}
.f30 { font-size:30px;}
.f48 { font-size:48px;}
.l18 { line-height:18px;}
.l20 { line-height:20px;}
.l22 { line-height:22px;}
.l24 { line-height:24px;}
.l26 { line-height:26px;}
.l28 { line-height:28px;}
.l35 { line-height:35px;}


.menu {  margin:0 0;}
.menu ul{ font-size:18px; color:#fff;}
.menu ul A:link { color:#fff;}
.menu ul A:visited {color:#fff;}
.menu ul A:hover {color:#fff;TEXT-DECORATION: none; font-weight:800;}
.menu ul A:active {COLOR: #fff;}
.menu ul li{ display:block; float:left;  padding:0 35px; height:55px; line-height:55px;  }


.menu_sub{height:61px; width:100%; background:#fafafa;z-index:1000;position:absolute; border-bottom:#cfd6e1 solid 1px; margin-top:-1px;}
.menu_sub_1{width:1190px;  margin:auto;}
.menu_sub_1 ul{ padding-top:20px;}
.menu_sub_1 ul li{display:inline; padding-right:30px; margin-right:30px; border-right:#bbc1cb solid 1px;}

.menu_sub_2{width:1190px;  margin:auto;}
.menu_sub_2 ul{ padding-top:20px;}
.menu_sub_2 ul li{display:inline; padding-right:20px; margin-right:20px; border-right:#bbc1cb solid 1px;}



.pr1 {display:block; width:386px; height:476px; background:#fff;border:#e8e8e8 solid 1px;}
.pr1:hover{display:block; width:386px; height:476px; background:#fff;border:#ffe400 solid 1px;TEXT-DECORATION: none;COLOR: #626262;}  

.pr1_t1{ font-size:36px; color:#224966; font-weight:600;}
.pr1_t2{ font-size:18px; color:#224966; font-weight:600;}
.pr1_t3{ font-size:18px; color:#224966;}
.pr1_t4{ font-size:30px; color:#d9d9d9; display:block;font-weight:600; padding:10px 10px; background:#365479; float:left;}


.pr2 {display:block; width:1188px; background:#fff;border:#eeeeee solid 1px;}
.pr2:hover{display:block; width:1188px;  background:#fff;border:#ffe400 solid 1px;TEXT-DECORATION: none;COLOR: #626262;}  

.pr3 {display:block; width:383px; height:588px; background:#fff;border:#eeeeee solid 1px;}
.pr3:hover{display:block; width:383px; height:588px;  background:#fff;border:#ffe400 solid 1px;TEXT-DECORATION: none;COLOR: #626262;} 
.pr3_t1{ font-size:32px; color:#2092bc; font-weight:600; padding-left:30px;text-align:left;}
.pr3_t2{ padding:0 30px; text-align:left;}


.pr4 {display:block; width:168px;  background:#fff;border:#dfe4e9 solid 1px; font-size:16px; padding:10px 4px 10px 16px;COLOR: #224966;}
.pr4:hover{display:block; width:168px;  background:#fff;border:#ffe400 solid 1px;TEXT-DECORATION: none;COLOR: #224966;font-size:16px;}  

.pr4_h {display:block; width:168px;  background:#44b040;border:#44b040 solid 1px; font-size:16px; padding:10px 4px 10px 16px;COLOR: #fff;}
.pr4_h:hover{display:block; width:168px;  background:#44b040;border:#44b040 solid 1px;TEXT-DECORATION: none;COLOR: #fff;font-size:16px;}  

.pr5{display:block; width:1188px; background:#fff;border:#eeeeee solid 1px;}

.bot_list{padding-left:40px; margin-top:20px;}
.bot_list_1{padding-right:40px; margin-bottom:10px; border-right:#a8b2bf solid 1px;}


.nt1{ border-bottom:#d7dfeb solid 1px; margin-bottom:20px;}
.bg_cs { background:#ff9c00;}

/* 分页 */
.clear { clear:both;}
.list_page1 {width:90px; height:30px;  background:#eeeeee; text-align:center; float:left; line-height:30px; font-size:16px;border:#dfdfdf solid 1px; margin-left:5px;}
.list_page1 a { display:block;width:90px; height:30px; }
.list_page1 a:visited {display:block; TEXT-DECORATION: none; }
.list_page1 a:hover {display:block; TEXT-DECORATION: none; background:#fff; }

.list_page2 {text-align:center; float:left; font-size:18px; font-weight:600; font-family:Arial; margin:0 5px;width:50px; height:30px; line-height:30px;}
.list_page2 a {display:block;  width:50px; height:30px; border:#dfdfdf solid 1px; background:#eeeeee;  }
.list_page2 a:visited {display:block; TEXT-DECORATION: none; width:50px; height:30px; border:#dfdfdf solid 1px; background:#eeeeee; }
.list_page2 a:hover {display:block; TEXT-DECORATION: none; border:#dfdfdf solid 1px; background:#fff; }

.list_page2h{width:50px; height:30px;text-align:center; float:left; font-size:18px; font-weight:600; font-family:Arial; margin:0 5px; line-height:30px;}



/* 右侧浮窗 */
.float_zoosnet a {
    text-decoration: none;
	font-size:16px;
 
}

.float_zoosnet img {
    max-width: 100%;
    width: auto
}

.float_Qr,
.float_mess,
.float_retrun,
.float_tell {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    margin-bottom: 2px;
    transition: all .2s ease-in-out;
    -wekbit-transition: all .2s ease-in-out;
    position: fixed;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    text-decoration: none;
}


.float_mess {
    bottom: 586px;
}

.float_Qr {
    bottom: 462px;
}

.float_retrun {
    bottom: 400px;
}

.float_tell {
    bottom: 524px;
}


.float_mess img,
.float_tell img {
    float: left;
}

.float_mess p,
.float_tell p {
    color: #fff;
    line-height: 60px;
}

.float_fair_img img,
.float_tell_img img,
.float_Qr_img img {
    max-width: none;
}

.float_tell_img {
    position: fixed;
    right: 60px;
    overflow: hidden;
    bottom: 524px;
    width: 0;
    height: 60px;
    transition: all .2s ease-in-out;
    -wekbit-transition: all .2s ease-in-out;

}

.float_tell_img img {
    width: 100%;
    height: 100%;
}

.float_tell_img span,
.float_tell_img a {
    display: block;
    width: 150px;
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 16px;
}

.float_tell_img span {
    top: 2px;
}

.float_tell_img a {
    bottom: 4px;
}

.float_Qr_img {
    position: fixed;
    bottom: 400px;
    right: 60px;
    overflow: hidden;
    width: 0;
    transition: all .2s ease-in-out;
    -wekbit-transition: all .2s ease-in-out;
    background: url(https://www.jjbfilter.com/img/float_bg2.png) no-repeat 0 0;
    background-size: cover;
    margin-bottom: 0;
    overflow: hidden;


}

.float_Qr_img li {
    width: 140px;
    padding-left: .3rem;
}

.float_Qr_img a {
    font-size: 16px;
    line-height: 2.2;
    color: #fff;
}

.float_Qr_img li:hover a {
    color: #004d75;
}

.float_mess .float_img_move,
.float_tell .float_img_move,
.float_Qr .float_img_move,
.float_retrun .float_img_move {
    position: relative;
    z-index: 100;
    width: 60px;
  /*  height: 60px;*/
    overflow: hidden;
    margin-bottom: 0;
    background-color: #ef9c00;
    text-align: center;
    line-height: 20px;
    letter-spacing: 3px;
    padding: 10px 0;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.float_retrun .float_img_move {
    line-height: 40px;
}

.float_img_move img {
    width: 50%;

}

.float_mess .float_img_move img:first-child,
.float_tell .float_img_move img:first-child,
.float_Qr .float_img_move img:first-child,
.float_retrun .float_img_move img:first-child {
    transition: all .2s linear;
}

.float_mess:hover .float_img_move img:first-child,
.float_tell:hover .float_img_move img:first-child,
.float_Qr:hover .float_img_move img:first-child,
.float_retrun:hover .float_img_move img:first-child {
    margin-left: -60px;
}

.float_Qr:hover .float_Qr_img {
    width: 165px;
    padding: .1rem;
}

.float_tell:hover .float_tell_img {
    width: 160px;
}

ins#nb_icon_wrap *,
ins.nb-icon-inner-wrap,
ins.nb-icon-inner-wrap * {
    display: none !important;
}

@media (max-width: 759px) {
    .float_mess {
        bottom: 189px;
    }

    .float_tell {
        display: none
    }

    .float_Qr {
        display: none
    }

    .float_retrun {
        bottom: 143px;
    }

    .float_mess,
    .float_tell,
    .float_Qr,
    .float_retrun {
        width: 45px;
        height: 45px;
        right: 0;
    }

    .float_mess .float_img_move,
    .float_retrun .float_img_move {
        width: 45px;
        font-size: .2rem;
        line-height: 1.5;
    }

    .float_img_move img {
        width: 45px;
    }

    .float_mess:hover .float_img_move img:first-child,
    .float_tell:hover .float_img_move img:first-child,
    .float_Qr:hover .float_img_move img:first-child,
    .float_retrun:hover .float_img_move img:first-child {
        margin-left: -45px;
    }
}

/* 解决方案 */
.solutionDtl_wraper .fangan_wraper_list:nth-child(2) {
    background-color: #f8f8f8;
    padding: .2rem;

}

.solutionDtl_wraper .fangan_wraper_list:nth-child(2) h3 {
    font-size: .38rem;
    font-weight: bold;
    color: #ffa600;
    text-align: left;
    margin: 0;
    letter-spacing: 5px;
}

.yinhao {
    line-height: .24rem;
    height: .24rem;
    margin-bottom: 0;
}

.yinhao.left {
    background: url(https://www.jjbfilter.com/img/yinhao_left.png) no-repeat 0 0;
    background-size: contain;
}

.yinhao.right {
    background: url(https://www.jjbfilter.com/img/yinhao_right.png) no-repeat right 0;
    background-size: contain;
}

.hyxq {
    padding: .35rem .2rem;

}

.hyxq p.fs20 {
    padding: 0 .4rem;
    margin: -.2rem 0;
    text-align: justify;
}

.tuijian {
    margin-bottom: .5rem;
}

.tuijian .img_box {
    padding: 0 .7rem 0 0;
}

.tuijian .img_box img {
    width: auto;
    max-width: 100%;
}

.tuijian .prod_txt {
    padding: 0;
}

.tuijian .prod_txt h1 {
    margin: .2rem 0 .6rem;
    font-size: .26rem;
    text-align: left;
}

.prod_txt .gs p {
    font-size: .18rem;
}

.prod_txt .gs p.bold {
    margin-bottom: 0;
}

.gs .con {
    margin-bottom: .3rem;
    text-align: justify;
}

.cricle {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background-color: #c40018;
    color: #fff;
    line-height: .9rem;
    text-align: center;
    font-size: .4rem;
}

.tuijian .item>a {
    position: absolute;
    right: 13%;
    bottom: 3%;
    display: block;
    width: 55%;
    color: #fff;
    background-color: #c40018;
    line-height: .5rem;
    padding: 0 .1rem;
    text-align: right;
    letter-spacing: 2px;
    /* z-index: -1; */
}

.shebei_tj_list {
    margin-bottom: .6rem;
}

.shebei_tj_list .fourCol img {
    width: 100%;
}

.fangan_canshu {
    background: url(https://www.jjbfilter.com/img/fangan_canshu_bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding: .3rem .45rem .5rem .25rem;
}

.fangan_canshu h5 {
    color: #001b57;
    margin: 0 0 .65rem;
    padding-left: .2rem;
}

.fangan_canshu .left {
    padding: 0;
}

.canshu_list {
    padding-left: .2rem;
    padding-right: .2rem;
}

.canshu_list p {
    background: url(https://www.jjbfilter.com/img/canshu_bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding: .1rem .2rem;
    font-size: .17rem;
    margin-bottom: .25rem;
}

.canshu_list p span:nth-child(1) {
    color: #fff;
}

.canshu_list p span:nth-child(3) {
    color: #fff000;
}

.fangan_canshu .right {
    padding-top: 1.05rem;
}

.fangan_canshu .link {
    display: block;
    float: right;
    width: 1.6rem;
    height: .42rem;
    line-height: .42rem;
    font-size: .18rem;
    text-align: center;
    background-color: #ef9c00;
    color: #fff;
    border-radius: .21rem;
    border: 1px solid #ef9c00;
    box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .1);
    margin-top: .2rem;
}

/* .fangan_canshu .link:hover,
.fangan_canshu .link:focus{
    background-color: #f4b533; 
    color: #fff;
} */
.khal_wraper {
    background: url(https://www.jjbfilter.com/img/bg3.jpg) no-repeat 0 bottom;
    background-size: cover;
}
.khal {
    margin-bottom: .7rem;
}

.khal .fourCol {
    width: calc(25% - .315rem);
    margin-right: .42rem;
    border: 1px solid transparent;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}

.khal .fourCol:hover {
    border-color: #f4b533;
}

.khal .box {
    background-color: #fff;
    box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .2);
}

.khal .img_b {
    height: 2.56rem;
    overflow: hidden;
}

.khal .txt {
    padding: .1rem .13rem .5rem;
    height: 2.95rem;
}

.khal .txt h5 {
    letter-spacing: 3px;
    line-height: 2;
    border-bottom: 1px dashed #ef9c00;
    margin-bottom: .15rem;
}

.khal .txt p {
    font-size: .14rem;
    line-height: 1.9;
    margin-bottom: 0;
}