﻿body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
*{
    font-family:"Microsoft YaHei","微软雅黑";
}

/*幻灯片*/
#swiper-container {
    position: relative;
    width: 100%;
    /*height: 871px;*/
    overflow: hidden;
    /*margin-top: 102px;*/
    font-size: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 0;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-wrapper img{
    width: 100%;
    height: 100%;
    font-size: 0;
}
.swiper-pagination-bullet-active{
    background: #9bc956 !important;
    /*opacity: 1 !important;*/
}
.swiper-button-prev{
    background-image: url(../../images/index/prev.png) !important;
}
.swiper-button-next{
    background-image: url(../../images/index/next.png) !important;
}
.swiper-button-next, .swiper-button-prev{
    width: 36px !important;
    height: 72px !important;
    background-size: 36px 72px !important;
}
.swiper-pagination-bullet{
    width:20px !important;
    height:6px !important;
    /*background:#8fc8ce !important;*/
    /*background-color: inherit !important;*/
    border-radius:0 !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 7px 3px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: 135px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 135px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:15px !important;
}
/*幻灯片2*/
.swiper-container2{ width: 100%; }
.banner { width:100% !important;height:auto !important;position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none;font-size: 0; }
.banner ul{ height: auto; }
.banner ul li { float: left; }
#b04 { width: 100%;}
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b04 .dots li {
    display: inline-block;
    width: 20px;
    height: 4px;
    margin: 0 4px;
    text-indent: -999em;
    background-color: #7b7c7b;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
#b04 .dots li.active {
    background: #8fc8ce;
    opacity: 1;
}
#b04 .arrow { position: absolute; top: 200px;}
#b04 #al { left: 100px;}
#b04 #ar { right: 100px;}
/*.banner .prev{ margin-left: 80px; }*/
/*.banner .next{ margin-right: 80px; }*/

/*广告位*/
.adviertisement{
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.adviertisement img{
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 2px;
    padding-bottom: 58px;
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
    cursor: pointer;
}

.adviertisement img:hover{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

/*标题*/
.index-title{
    width: 1200px;
    margin: 0 auto;
    color: #000;
    text-align: left;
    margin-bottom: 28px;
    padding-top: 28px;
}
.index-title img{
    margin-right: 9px;
}
.index-title p{
    font-size: 26px;
    display: inline-block;
}
.index-title-eng{
    font-size: 20px !important;
    margin-left: 7px;
}

/*推荐产品*/
.recommend{
    width:100%;
    height:803px;
    text-align: center;
    background-size:100% 100%;
    background-color: #f7f7f7;
}
.h_tonglan {width:100%;}
.h_tonglan ul {overflow:hidden;}
.h218px {width:1264px;height:665px;_height:665px;margin:0 auto;}
.h218px th {padding-top:147px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden;}
#scrollbox ul LI {FLOAT:left;width:300px;_width:300px;/*一个展示的宽度*/height:665px;_height:665px;vertical-align:top;text-align:center;padding:0;overflow:hidden;}
#scrollbox ul LI img{ width:300px;height:472px;/*图片大小*/border:0;}
.pointer {  CURSOR: pointer; margin-top: 120px;}

* {padding:0;margin:0;}
div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:16px;}
li{list-style-type:none;}
ol,ul {list-style:none;}
.center {margin:0 auto;}
.left{float:left;}
.right{float:right;}

.prodoctPic{
    width: 300px;
    height: 472px;
    text-align: center;
    margin: 0 auto;
}
.rePic img{
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
}
.rePic:hover img{
    -webkit-transform:scale(1.15);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
}

a {color:black;text-decoration:none;}

.price{
    font-size: 20px;
    color: #1d1d1d;
}
.scrollbtn{
    width: 140px;
    height: 55px;
    background-color: #9cd6d1;
    color:#f9f9f9 ;
    font-size: 18px;
    line-height:0;
    border: none;
    padding: 0;
    CURSOR: pointer;
}
.productName{
    font-size: 20px;
    color: #1d1d1d;
}
.grid p{
    color: #0f0f0f;
}
#scrollbox{
    width: 1200px;
    height: 665px;
}

/*明星产品*/
.star-product{
    width: 100%;
    height: 397px;
    background-color: #fafafa;
    padding: 25px 0;
}
#projects, #projects .grid {
    width: 976px;
    /*height: 440px;*/
    margin: 0 auto;
    /*background-color: #ffffff;*/
}
#projects {
    width: 1200px;
    /*height: 440px;*/
    /*background-image: url(../images/index/index-star-sbg.png);*/
    /*background-size: 1200px 470px;*/
    overflow: hidden;
    /*border:1px solid #eeeeee;*/
}
.project {
    margin: 20px 12px 0 12px;
}
.project {
    float: left;
    width: 220px;
    height: 356px;
    cursor: pointer;
}
.grid {
    width: 976px;
    margin: 0 auto;
    position: relative;
}
div.projects {
    height: 400px;
}
div.projects {
    width: 976px;
    text-align: center;
    display: inline-block;
}
.project .front{
    display: table;
}
.project .back, .project .front {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.project .back, .project .front {
    position: absolute;
    left: 0;
    top: 0;
    width: 220px;
    height: 356px;
    padding: 0 16px;
    text-align: center;
    cursor: pointer;
}
.project, .project .back, .project .front, .socials a, .transform_holder .back, .transform_holder .front, .transform_holder .transform {
    -webkit-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -moz-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -o-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    -ms-transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
    transition: all 1s cubic-bezier(0.68,-.55,.265,1.55);
}
.project {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}
.project .back, .project .front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.project .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}
.project .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.project.hover .front, .project:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.project.hover .back, .project:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/*p2*/
.cards{
    width: 976px;
    margin: 0 auto;
    position: relative;
}
.card {
    float: left;
    width: 220px;
    height: 356px;
    margin: 20px 12px 0 12px;
}
.card .front1{
    display: table;
}
.front1{
    position: absolute;
    top: 20px;
}
.card .back1, .card .front1 {
    width: 220px;
    height: 356px;
    padding: 0 16px;
    text-align: center;
    cursor: pointer;
}
.card .back1, .card .front1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card.hover .front1, .card:hover .front1{
    display: none;
}

/*3+2*/
.span3{
    width: 100%;
    background-color: #ffffff;
}
.span3container{
    width: 1200px;
    margin: 0 auto;
    /*padding-bottom: 40px;*/
}
.span3top{
    font-size: 0;
}
.span3topL{
    width: 688px;
    height: 360px;
    display: inline-block;
    overflow: hidden;
}
.span3topL img{
    width: 688px;
    height: 360px;
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
    cursor: pointer;
}
.span3topR{
    float: right;
    /*display: inline-block;*/
}
.span3topR li{
    float: left;
    margin-left: 20px;
}
.span3pro{
    width: 234px;
    height: 360px;
    border: 1px solid #eeeeee;
}
.pro-header{
    background-color: #f6f6f6;
    width: 100%;
    height: 220px;
    border-bottom: 1px solid #eeeeee;

}
.pro-header img{
    width: 235px;
    height: 220px;
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
    cursor: pointer;
}
.pro-header img:hover{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.pro-middle{
    padding: 10px 17px;
}
.pro-middle-name{
    font-size: 16px;
}
.pro-middle-price{
    font-size: 16px;
    color: #9bc956;
    font-weight: bold;
    margin-top: 15px;
}
.pro-middle-star{
    margin-top: 5px;
}
.pro-bottom{
    font-size: 14px;
    overflow: auto;
    padding: 8px 17px;
    color: #878787;
    background-color: #f6f6f6;
    margin-top: 6px;
    border-top: 1px solid #eeeeee;
}
.pro-bottom p{
    color: #878787;
}
.span3bottom{
    width: 1200px;
    height: 230px;
    font-size: 0;
    margin-top: 20px;
}
.span3bPic{
    width: 600px;
    height: 200px;
    display: inline-block;
    overflow:hidden;
}
.span3bPic img{
    width: 600px;
    height: 200px;
}

.span3bPic img{
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
    cursor: pointer;
}
.span3bPic img:hover{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

/*span4*/
.span4{overflow: auto;padding-bottom: 20px;overflow-x:  hidden;}
.span4container{width:1200px; margin:0 auto;}
.main_tj{ width:1226px; margin:0 auto}
.main_tj .tj_left{ width:211px; height:618px; float:left; position:relative}
.main_tj .tj_left img{ width:211px; height:618px;}
.main_tj .tj_left a { width:211px; height:618px; display:block; position:absolute; left:0; top:0}
.main_tj .tj_right{ width:988px; float:left;}
.main_tj .tj_right img{ display:block; margin:0 auto;}
.main_tj .tj_right li{ width:232px; float:left; background:#fff; list-style-type:none; height:302px; margin-left:13px; position:relative; margin-bottom:10px;transition: all .2s linear;text-align: center;border: 1px solid #eeeeee;}
.main_tj .tj_right li:hover{z-index:2; box-shadow:0 15px 30px rgba(0,0,0,0.1); transform:translate3d(0,-2px,0);border:1px solid #fff;}
.main_tj .tj_right li .prolisttc span{ font-size:14px;display:block; text-align:center; color:#000; margin-top:5px;}
.main_tj .tj_right li p{ text-align:center; margin-top:5px; font-size:12px; color:#969696}
.main_tj .tj_right li span font{ border-bottom:1px solid #7a7a7a; padding-bottom:3px;}
.main_tj .tj_right li .cptc{ position:absolute; bottom:0; left:0; width:214px; height:80px; background:rgba(1,14,128,0.6); font-size: 12px; color:#fff; padding:15px 10px 0 10px; display:none; }
.main_tj .tj_right li .cptc span{ overflow:hidden; height:36px; display:block}
.main_tj .tj_right li .cptc a{ color:#fff; margin-top:2px; display:block; text-align:right}
.main_tj .tj_right li  .prolisttc{ overflow:hidden; }
.span4price{ font-size: 15px !important;color: #d50000 !important; display: inline-block; }
.proPrice{ font-size: 20px !important;}
.prolisttc button{ position: relative;top: -2px; width: 75px;height: 25px; color: white; background-color: #9bc956; display: inline-block;border: 0; margin-left: 5px;cursor: pointer;outline: none;}

.newdw{ position:absolute; width:64px; height:20px; background:#010e80; color:#fff; text-align:center; line-height:20px; left:85px}
.newdw img{ position:absolute; left:-42px}

/**/
.onlifx{
    width: 100%;
    height: 132px;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-2px,0);
}
.onlifx .onlifx1{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.onlifx .onlifx1 img{
    float: left;
    margin-right: 30px;
}
.onlifx .onlifx1 .zx0{
    float: left;
    width: 185px;
}
.onlifx .onlifx1 .zx1{
    color: #9bc956;
    font-weight: bold;
    font-size: 18px;
    padding-top: 39px;
}
.onlifx .onlifx1 .zx2{
    color: #8e8e8e;
    font-size: 16px;
}
.onlifx .onlifx1 .zx3{
    color: #9bc956;
    font-size: 12px;
    margin-top: 15px;
}
.onlifx .onlifx1 ul{
    width: 860px;
    float: right;
}
.onlifx .onlifx1 ul li{
    width: 285px;
    float: left;
}
.onlifx .onlifx1 ul li h1{
    float: left;
    line-height: 93px;
    font-size: 80px;
    color: #8d8d8d;
    margin-left: 15px;
    /*margin-right: 12px;*/
    margin-top: 15px;
    font-weight: normal;
}
.onlifx .onlifx1 ul li p{
    font-size: 15px;
    color: #8d8d8d;
    margin-top: 48px;
}
.onlifx .onlifx1 ul li a{
    background: #9bc956;
    font-size: 15px;
    color: #fff;
    padding: 0 10px;
}

/*对比案例*/
.case{
    width: 100%;
    height: 530px;
    background-color: white;
}
.opacity{
    width: 100%;
    height: 440px;
    background-color: #99D1CA !important;
    filter: alpha(opacity=98) !important;
    opacity: 0.9 !important;
    position: absolute;
    top: -495px;
    left: 0;
    display: none;
}
.opacity p{
    color: #ffffff !important;
    line-height: 24px !important;

}
.opacityTit{
    font-size: 18px !important;
    margin-top: 85px !important;
}
.opacityProName{
    font-size: 22px !important;
    margin-top: 40px !important;

}
.opacityEff{
    font-size: 16px !important;
    padding: 0 47px !important;
    margin-top: 54px !important;
}
.opacitySpe{
    font-size: 16px !important;
    margin-top: 50px !important;
}
.opacityDiv{
    width: 46px !important;
    height: 99px !important;
    border-top: 1px dashed #f9f9f9 !important;
    border-bottom: 1px dashed #f9f9f9 !important;
    position: absolute !important;
    top: 201px !important;
    left: 149px !important;
}

/*板块部分*/
.about-keyu{
    width: 100%;
    /*background-color: #f7f7f7;*/
    padding-bottom: 50px;
}
.about{
    width: 1200px;
    height: 567px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #eeeeee;
}
.about img{
    -webkit-transform: scale(1);
    -webkit-transition:-webkit-transform 0.2s ease;
    -ms-transform: scale(1);
    -ms-transition:-ms-transform 0.2s ease;
    cursor: pointer;
}
.about img:hover{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

.aboutmain{
    width: 1100px;
    height: 467px;
    margin: 0 auto;
    padding-top: 50px;
}
.about-left{
    width: 346px;
    height: 467px;
    float: left;
    overflow: hidden;
}
.about-left img{
    width: 346px;
    height: 467px;
}
.aboutL{
    position: absolute;
    top: 0;
    left: 0;
}
.about-right{
    width: 754px;
    height: 467px;
    float: left;
    text-align: center;
}
.about-right-top{
    width: 734px;
    height: 208px;
    text-align: left;
    margin-left: 20px;
}
.about-right-bottom{
    width: 734px;
    height: 239px;
    text-align: left;
    margin-top: 20px;
    margin-left: 20px;
    overflow: hidden;
}
.about-right-bottom img{
    width: 734px;
    height: 239px;
}
.about-right-top1{
    width: 357px;
    height: 208px;
    float: left;
    overflow: hidden;
}
.about-right-top1 img{
    width: 357px;
    height: 208px;
}
.about-right-top2{
    width: 357px;
    height: 208px;
    display: inline-block;
    margin-left: 20px;
    overflow: hidden;
}
.about-right-top2 img{
    width: 357px;
    height: 208px;
}

/*case*/
.zx_nav ul{width:1206px;}
.zx_nav .xsj{display:none;width:0;height:0;position:absolute;bottom:-23px;left:50%;border-width: 12px; border-style: solid;margin-left:-12px;}
.zx_top li{width:199px;height:48px;border:1px solid #9bc956;margin-left:-1px;float: left;text-align: center;line-height: 50px;position:relative;color:#9bc956;font-size:16px;}
.zx_top li:first-child{margin-left:0}
.zx_top li img{width:100%;}
.zx_top li a{color:#494949;display: block;}
.zx_top li.hover{width:199px;height:50px;border:0}

.zx_top li:first-child.hover{background: #FCEEE5;}
.zx_top li:first-child.hover .xsj{display: block;border-color: #FCEEE5 transparent transparent transparent;}

.zx_top li:first-child.hover a{color:#764A31}
.zx_top li:nth-child(2).hover a,.zx_top li:nth-child(3).hover a,.zx_top li:nth-child(4).hover a,.zx_top li:nth-child(5).hover a,.zx_top li:nth-child(6).hover a{color:#fff}

.zx_top li:nth-child(2).hover{background: #f3ccd4;}
.zx_top li:nth-child(2).hover .xsj{display: block;border-color: #f3ccd4 transparent transparent transparent;}

.zx_top li:nth-child(3).hover{background: #76A1D7;}
.zx_top li:nth-child(3).hover .xsj{display: block;border-color: #76A1D7 transparent transparent transparent;}
.zx_top li:nth-child(4).hover{background: #9bc956;}
.zx_top li:nth-child(4).hover .xsj{display: block;border-color: #9bc956 transparent transparent transparent;}
.zx_top li:nth-child(5).hover{background: #C9B0CD;}
.zx_top li:nth-child(5).hover .xsj{display: block;border-color: #C9B0CD transparent transparent transparent;}
.zx_top li:nth-child(6).hover{background: #919199;}
.zx_top li:nth-child(6).hover .xsj{display: block;border-color: #919199 transparent transparent transparent;}

.zc_pic{width:100%;height:330px;position: relative;top:30px;clear:both;}
.zc_pic .midPic li{position:absolute;top:0;left:0;display: none;}
.zc_pic .midPic li:first-child{display: block;}
.zc_pic .more{display: none;}


.choose-keyu-tit{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.span3topL img:hover{
    -webkit-transform:scale(1.1);
    -webkit-transition:-webkit-transform 0.2s ease;
    transform: scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}

/*map*/
.bpic h2{font-size:14px; line-height:30px; border-bottom: 1px solid #eee;text-align: center;color: #5f5f5f;background-color: #f0f2f3;}
.stateTip, #StateTip{display:none; position:absolute; padding:8px; background:#fff; border:1px solid #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; color:#333;text-align: center;box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;}
#RegionMap{margin: 0 auto;margin-top: 20px;}
.map_pic{margin-left: 40px;}

/*buy-scroll*/
.buy-scroll{overflow: auto;}
.buy-scroll-con{width: 1200px;margin: 0 auto;}
.box{ width:980px; margin:0 auto;}
.bcon{ width:400px; border:1px solid #eee; margin:10px auto;float: right;margin-top: 0;}
.bcon h1{ border-bottom:1px solid #eee; padding:0 10px;}
.bcon h1 b{ font:bold 14px/40px '宋体'; border-top:2px solid #3492D1; padding:0 8px; margin-top:-1px; display:inline-block;}

.list_lh{ height:470px; overflow:hidden;}
.list_lh li{ padding:10px;}
.list_lh li.lieven{ background:#F0F2F3;}
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a{ float:left;}
.list_lh li p span{ color:#999; float:right;}
.list_lh li p a.btn_lh{ background:#9bc956; height:17px; line-height:17px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:right;}
.btn_lh:hover{ color:#fff; text-decoration:none;}
.btm p{ text-align:center;}
.buy-scroll a{color:#666; text-decoration:none;font-size: 12px;}
.bpic{width: 770px;height: 470px;float: left;margin: 10px 0;border: 1px solid #eee;margin-top: 0;}
.list_p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#666; text-decoration:none;font-size: 12px;}

#nb_icon_wrap{ top: 96% !important; left: 0 !important; position: fixed !important;}
#nb_invite_wrap { display: none !important }