body{width:100%; height:100%; }
.nav-top .nav-width{width:100%; height: 32px;
    line-height: 32px; border-bottom:1px solid #d4d1d1;
    background: #fff; font-size:12px;}
.nav-top .welcome{float:left;}
.nav-top .welcome span{color:#00A73C;}
.nav-top .nav-r{float: right;}
.nav-top .top_left_b a{ color: #000;}
.nav-top .nav-auto{width:998px; margin: 0 auto;}
.nav-top .top_left_b .free-phone{color:#e6062d; font-weight: bold; font-size:14px;}
.nav-top .nav-bg{width:100%;  margin: 0 auto; background: url("../images/top-bg.png")
repeat; clear: both; position: relative;}
.nav-top .nav-bg .btn-r{width:184px; height: 71px; background:url("../images/reg.png") no-repeat ;  position: absolute;right: 94px;top: 10px;}
.nav-top .nav-bg .btn-r .login-btn{width:84px; height:71px;background-position: 0 0; display: inline-block;}
.nav-top .nav-bg .btn-r .reg-btn{width:84px; height:71px;background-position: 0 bottom; display: inline-block;}
.nav-top .nav-bg .logo{width:141px; height: 71px; background:url("../images/logo.png") no-repeat; display: inline-block; margin: 12px 0 0 120px;}
.nav-top ul{width:780px; height: 70px; background: url("../images/nav.png") no-repeat; margin:0 auto; }
.nav-top ul li a{float:left; width:156px; height: 70px; display: inline-block;}
.bannerWrap{
    width:100%;
    overflow:hidden;
    position:relative;
    overflow:hidden;
    margin:0 auto;
}
.top_left_b{float:right}
.bannerWrap img{width:100%;}
.bannerWrap .banner li{
    display:none;
    cursor:pointer;
}
.bannerWrap .banner li.current{
    display:block;
}
.bannerWrap ol {
    position: absolute;
    right: 50%;
    margin-right: -112px;
    bottom: 39px;
    background: #a39d86;
    width: 115px;
    height: 22px;
    line-height: 22px;
    border-radius: 13px;
    padding: 0 9px;
}
.bannerWrap ol li{width:14px; height: 14px; border: 1px solid #a5a188; border-radius: 20px; float: left; margin:3px; background:#FFF; cursor: pointer;}
.bannerWrap ol li.current{background:#ffbfcb;}
.index-pd{width:998px; margin: 0 auto; clear:both;    }
.index-pd .wrap{ position: relative; overflow: hidden; }
.index-pd ul{ width: 998px; padding: 4px 0 0; overflow: hidden; }
.index-pd li{ float: left;  height: 247px; background: #fff; margin: 0 15px 0 0; text-align: center; overflow: hidden; position: relative; }
.index-pd .cont{ position: relative;  z-index: 9;  overflow: hidden; height: 100%; cursor: pointer; }
.index-pd .cont:hover h4{ color: #fff; }
.index-pd h3 span{font-size:14px; color: #6e6d6d;}
.index-pd h3{ font-size: 22px; font-weight: normal; padding: 5px 0 0;}
.index-pd h3 p{ line-height: 1.3; font-size: 14px; color: #fff; display: none; }
.index-pd h4{ font-size: 14px; font-weight: 600;color:#6e6d6d; position: absolute; top: 168px; width: 100%; left: 0; }
.index-pd .mask{ width: 160px; height: 250px; position: absolute; left: 0; transition: top 300ms;-moz-transition: top 300ms; -webkit-transition:top 300ms; -o-transition: top 300ms;}
.index-pd .mika-bg{  width: 130px; height: 120px; position: absolute;top: 47px; left: 28px; _left: 54px; background-position: center 0; background-repeat: no-repeat; }

.index-pd .btn-g-1,.index-pd .btn-g-2{ top: 200px; position: absolute; left: 43px; }
.index-pd .btn-g-2{ left: 45px; }
.index-pd #mk1 .mask{ background: #f4b1c2; top:235px;   }
.index-pd #mk2 .mask{ background: #ffd700; top:235px;  }
.index-pd #mk3 .mask{ background: #5dc4e8; top:235px;  }
.index-pd #mk4 .mask{ background: #bcd984; top:235px;  }
.index-pd #mk5 .mask{ background: #f29200; top:235px;  }
.index-pd #mk1:hover .mask,
.index-pd #mk2:hover .mask,
.index-pd #mk3:hover .mask,
.index-pd #mk4:hover .mask,
.index-pd #mk5:hover .mask{ top:0; height: 247px;}
.index-pd #mk1 .mika-bg{width: 130px; background: url("../images/bear.png") no-repeat -202px 0;}
.index-pd #mk2 .mika-bg{background: url("../images/bear.png") no-repeat -390px 0;}
.index-pd #mk4 .mika-bg{ background: url("../images/bear.png") no-repeat -599px 0;}
.index-pd #mk3 .mika-bg{background: url("../images/bear.png") no-repeat -785px 0;}
.index-pd #mk5 .mika-bg{ background: url("../images/bear.png") no-repeat -985px 0;}
#mk1,#mk2,#mk3,#mk4,#mk5,#mk6{width:160px;}
.index-pd li{
    margin:0 4px 0 0;
    border: 1px solid #d2d0d1;
}
.shihe {
    font-size: 14px;
    font-weight: 600;
    color: #6e6d6d;
    position: absolute;
    top: 190px;
    width: 100%;
    left: 0;
}
.index-pd .mask{
    57px;
}
.index-pd .btn-g-1, .index-pd .btn-g-2{
    left:34px;
}
.index-pd .mask-bg-1{
    left:25px;
}
.index-pd #mk6:hover .mask{ top:0;height: 247px;}
.index-pd #mk6 .mask{ background: #7cdcb8; top:235px;  }
.index-pd #mk6 .mika-bg{ background: url("../images/bear.png") no-repeat 15px bottom}
.index-pd .wrap .tip{text-align: center;
    color: #ff784f;
    height:52px; line-height: 52px; font-size:18px; font-weight: bold;}
.activ2{margin-left: 10px;}
.product_title{width:998px; height:66px; background: url("../images/product-title.png") no-repeat;}
.zj-title{width:998px; height:71px; background: url("../images/zj-title.png") no-repeat; clear: both; margin-bottom: 10px;}
#all_width{width:998px; overflow: hidden; ssmargin-bottom: 10px;}
.tocontent{width:200px; height:316px;float: left; padding: 12px; background:#FBFAFA; border: 1px solid #d2d0d1; border-radius: 28px;}
.tocontent img{width:180px;}
.tocontent .induct span{color:#4CB3F3; font-size: 16px;}
.green-line{width:3px; height: 318px; background: #C8EAFF;    display: inline-block;float: left;margin: 12px 14px;}
.tocontent .induct{    color: #6f7070;
    letter-spacing: 0.8px;
    line-height: 22px;
     text-overflow: ellipsis;
    -webkit-line-clamp: 2;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;}
.adv{clear:both;}
.adv .activ1{float:left;}
.adv .activ2{margin-bottom:8px;}
.adv .activ2,.adv .activ3{float:right;}
.induct2{    border-top: 1px dashed #ccc;
    font-size: 12px;
    color: #848484;
    padding-top: 5px;
    margin-top: 5px;
}
.footer{
    height:150px;
background: url("../images/footer-bg.jpg") no-repeat;
   margin: 10px auto 0;
    padding:20px 45px;
    clear:both;


}
#div{margin:10px 0;}
.footer dl {

    float: left;
    width: 20%;
}

}
.footer dt {
    font-weight: bold;
    padding-right:10px;
    color: #333;
    font-size:14px;
    text-align:center;
}
.footer dd{
    padding-left:29px;
}
.footer dl strong{
    color:#FF5C5C;
    font-weight:bold;
    font-size:18px;
}
.footer a{
    color:#333;
}
.footer a:link,.footer a:visited{
    text-decoration:none;
}
.footer a:hover{
    text-decoration:underline;
}
.footer b {
    width: 30px;
    height: 28px;
    vertical-align: middle;
    display: inline-block;
    margin-right:5px;
}
.footer .QQ,.footer .weibo{
    float:left;
    display:block;

}
.footer .QQ{
    height:35px;
    background:url(../images/footer.png) 0 -146px no-repeat;
    border:0;
    margin-right:18px;
    width:35px;
}
.footer .weibo{
    width:36px;
    height:38px;
    background:url(../images/footer.png) 0 -184px no-repeat;
}
dl i{
    color:#F6DE00;
    overflow:hidden;
}
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:198px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:198px;display:block;background:url(../images/suspend.png) -40px 0;overflow:hidden;}


.footer .weixin{
    width:140px;
    height:140px;
    background:url(../images/weixin.jpg) no-repeat bottom;
    display:block;
        margin-left: 18px;
}
.nav .navWrap li .zj a.yellow,.navsideC .yellow{
    color:#F5DD00;
}
.footer dd a,.footer dd{
    font-size:12px;
    line-height: 22px;
    color:#4a4a4a;
    text-align: center;
}
#demo2 {background:url("../images/kj-method.png") no-repeat;
    width: 158px;
    height: 504px;
    left: 50%;
    position: absolute;
      overflow: hidden;
    margin-left: 500px;
    margin-top: 310px;
    z-index: 50; display: block;}
#demo2 a{display: block;width: 156px; height: 50px;}
.footer-auto{width: 998px;
    margin: 0 auto;
    overflow: hidden;

}
    .footer-auto dt {
        text-align: center;
    }
.nor {
    background: none;
    opacity: 0.5;
}
.act {
    background-image: url(../images/if2ocus_btn_bg.png);
    background-repeat: no-repeat;
}