* {
    margin: 0;
    padding: 0;
}

body {
    padding-top: 50px;
    font-family: "微软雅黑";
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#249be2;}
.navbar-inverse .navbar-toggle{border-color:#249be2;}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#fff;}
.dropdown-menu {min-width:100px;
}
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}


ol, ul {
    list-style: none;
}

.navbar-inverse {
    background-color: #58afe3;
    border-color: #58afe3;
}

    .navbar-inverse .navbar-brand {
        padding: 10px 15px;
    }

.navbar-header img {
    width: 210px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.dropdown-menu {
    background-color: #58afe3;
}

    .dropdown-menu > li > a {
        color: #fff;
    }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #58afe3;
}

.main_box {
    margin-top: 42px;
    padding: 0 5px;
}

.top_bar {
    overflow: hidden;
    line-height: 22px;
    height: 30px;
    border-bottom: 1px solid #e6e5e5;
    margin-bottom: 22px;
}

    .top_bar li {
        float: left;
        margin-left: 6px;
    }

        .top_bar li a {
            color: #4b4646;
        }

.nuying_list {
    min-height: 370px;
    padding-left: 18px;
}

    .nuying_list li {
        list-style-type: disc;
        color: #696f71;
        font-size: 14px;
        margin-bottom: 16px;
    }

        .nuying_list li a {
            color: #696f71;
        }

            .nuying_list li a:hover, .nuying_list li:hover {
                color: #b33737;
            }

    .nuying_list h3 {
        text-align: center;
    }

.footer {
    background: #5baee3;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}


.contact_box {
    border-bottom: 1px solid #e6e5e5;
    padding: 15px 0;
    text-align: center;
}

.main_wid {
    max-width: 1000px;
    margin: 0 auto;
}

.product_fea {
    overflow: hidden;
    color: #adb5b5;
    font-size: 14px;
}

    .product_fea p {
        line-height: 15px;
    }

.fea_01 {
    color: #596365;
    font-weight: 500;
    font-size: 16px;
    margin-top: 32px;
    margin-bottom: 20px;
}


.product_js {
    padding: 60px 0;
    background: #efeff1;
    text-align: center;
}

.product_name {
    margin-bottom: 32px;
    color: #363739;
}

    .product_name span {
        margin: 8px;
        display: inline-block;
    }

    .product_name .line_bb {
        width: 20%;
        height: 1px;
        background: #949494;
    }

.prouct_img {
    overflow: hidden;
}

    .prouct_img li {
        float: left;
        width: 31%;
        margin-right: 2%;
        text-align: center;
    }

        .prouct_img li p {
            color: #adb5b5;
            line-height: 13px;
        }

.list_tit {
    margin: 27px 0;
    color: #596365 !important;
}


#news_boxinfo {
    overflow: hidden;
}

.news_boxinfo {
    padding: 60px 0;
}

    .news_boxinfo h2, .about_box h2, .product_js h2, .contact_boxvv h2 {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
    }

.about_box {
    background: #f0f3f4;
    padding: 60px 0;
}

.about_con_box {
    text-align: center;
    padding: 0 123px;
    line-height: 34px;
    font-size: 14px;
}

.more_info {
    width: 140px;
    color: #69b6b2;
    height: 41px;
    border: 2px solid #69b6b2;
    display: block;
    margin: 0 auto;
    margin-top: 46px;
    margin-bottom: 30px;
}

.contact_boxvv {
    padding: 34px 0;
}

.coatact_con_box {
    text-align: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


.menu {
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
}

    .menu p {
        margin: 0;
    }

    .menu .item {
        margin: 0 0 10px 0;
        position: relative;
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 5px;
        background-color: #5cc9f7;
    }

        .menu .item.item3 a.register {
            line-height: 60px;
            color: #fff;
            display: inline-block;
            width: 60px;
            height: 60px;
            cursor: pointer;
            font-size: 12px;
        }

        .menu .item:hover {
            background-color: #04e0f7;
        }

        .menu .item a:hover{text-decoration:none;}

        .menu .item a > .img {
            margin: 0 auto;
            width: 35px;
            height: 35px;
            cursor: pointer;
            background: url("../images/xf_icon_sprite_1.png");
        }

    .menu .item1 > a > .img {
        background-position: -13px -120px;
    }

    .menu .item2 > a > .img {
        background-position: -73px -120px;
    }

    .menu .item3 > a > .img {
        background-position: -134px -120px;
    }

    .menu .item4 > a > .img {
        background-position: -13px -174px;
    }

    .menu .item .title {
        font-size: 12px;
        color: #fff;
        cursor: pointer;
        text-decoration:none;
    }

    .menu .item span.arrowBox {
        width: 20px;
        position: absolute;
        top: 0;
        right: 60px;
        height: 130px;
    }

    .menu .item span.arrow {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 7px solid rgba(102,102,102,0.9);
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid transparent;
        position: absolute;
        top: 30px;
        left: 0;
        display: none;
    }

    .menu .item .lrpopover {
        width: 240px;
        height: 340px;
        padding-top: 30px;
        position: absolute;
        right: 80px;
        top: -250px;
        background: rgba(102,102,102,0.9);
        color: #fff;
        display: none;
    }

        .menu .item .lrpopover p.top {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .menu .item .lrpopover p.top2 {
            font-size: 16px;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .menu .item .lrpopover p.bottom {
            font-size: 16px;
        }

        .menu .item .lrpopover ul li {
            margin-bottom: 20px;
        }

            .menu .item .lrpopover ul li a {
                color: #fff;
                display: inline-block;
                width: 120px;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                margin-left: 5px;
            }

            .menu .item .lrpopover ul li:nth-of-type(1) a {
                background-color: #5cc9f7;
            }

            .menu .item .lrpopover ul li:nth-child(2) a {
                background-color: #009aff;
            }

            .menu .item .lrpopover ul li:nth-of-type(3) a {
                background-color: #04e0f7;
            }

            .menu .item .lrpopover ul li a .img {
                display: inline-block;
                vertical-align: middle;
                margin-bottom: 1px;
                background: url("../images/xf_icon_sprite_1.png");
            }

            .menu .item .lrpopover ul li:first-of-type a .img {
                background-position: -230px -226px;
            }

            .menu .item .lrpopover ul li:nth-of-type(2) a .img {
                background-position: -230px -226px;
            }

            .menu .item .lrpopover ul li:last-of-type a .img {
                background-position: -230px -226px;
            }

            .menu .item .lrpopover ul li a span {
                display: inline-block;
                vertical-align: middle;
            }


.list_titb {
    font-size: 16px;
    color: #5b6264;
}

.list_con {
    font-size: 14px;
    color: #acb2b3;
    padding-top: 20px;
}

#small-chat{position:fixed;bottom:20px;right:20px;z-index:100; display:none;}
#small-chat .badge{position:absolute;top:-3px;right:-4px}
.open-small-chat{height:48px;width:48px;line-height:28px;display:block;background:#1ab394;padding:9px 8px;text-align:center;color:#fff;border-radius:50%;font-size:12px;filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6;}
.open-small-chat:hover{color:#fff;background:#1ab394}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }

    .about_con_box {
        padding: 0 20px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
    #small-chat{display:block;}
    .menu{display:none;}
}