/* HEADER */


.wrapper .hd {
    width: 100%;
}

    .wrapper .hd .blk {
        width: 100%;
        background-color: #52b070;
        display: block;
    }

        .wrapper .hd .blk .navbar-mobile {
            display: block;
            width: 100%;
            height: auto;
            z-index: 9999999999;
        }

            .wrapper .hd .blk .navbar-mobile .navbar-toggle {
                position: fixed;
                top: 0px;
                left: 0px;
                padding: 5px;
                z-index: 10;
                background: #52b070;
                padding: 26px 20px;
            }

                .wrapper .hd .blk .navbar-mobile .navbar-toggle .mdi {
                    font-size: 28px;
                    color: #FFF;
                }

            .wrapper .hd .blk .navbar-mobile .ul {
                display: none;
                position: fixed;
                top: 80px;
                left: 0px;
                width: 100%;
                height: auto;
                z-index: 18;
                box-shadow: 0px 10px 15px #666;
            }

                .wrapper .hd .blk .navbar-mobile .ul .item {
                    background-color: #fff;
                    border-bottom: thin solid #EEE;
                }

                    .wrapper .hd .blk .navbar-mobile .ul .item .lnk {
                        font-size: 14px;
                        display: block;
                        color: #333;
                        padding: 10px 5px;
                        border-bottom: thin solid #ccc;
                    }

                    .wrapper .hd .blk .navbar-mobile .ul .item:last-child {
                        border: none;
                    }

        .wrapper .hd .blk .logo {
            width: 94%;
            background-size: 42%;
            position: fixed;
            z-index: 4;
            background-color: #52b070;
            top: 0;
            right: 0;
            background-position: 42%;
        }

        .wrapper .hd .blk .search {
            width: 100%;
            padding: 5px;
            display: block;
            position: inherit;
            width: 70%;
            display: inline-block;
            padding: 5px;
            margin-top: 80px;
        }

            .wrapper .hd .blk .search .blk {
                border-radius: 30px;
                background-color: #FFF;
            }

                .wrapper .hd .blk .search .blk .cates {
                    width: 100%;
                    float: none;
                    border: none;
                }

                    .wrapper .hd .blk .search .blk .cates .ddl {
                        border-radius: initial;
                    }

                        .wrapper .hd .blk .search .blk .cates .ddl option {
                        }

                .wrapper .hd .blk .search .blk .value {
                    width: 80%;
                    margin: 0px 0px;
                    border-right: thin solid #ccc;
                }

                    .wrapper .hd .blk .search .blk .value .tbx {
                        padding: 10px 0px 10px 10px;
                        background-color: initial;
                    }

                .wrapper .hd .blk .search .blk .button {
                    width: 14%;
                    float: none;
                    text-align: center;
                }

                    .wrapper .hd .blk .search .blk .button .btn {
                        border-radius: initial;
                        padding: 1px 36px;
                    }

        .wrapper .hd .blk .regions {
            width: 76%;
            margin: 0px;
            padding: 0px;
            display: inline-block;
            vertical-align: middle;
        }

            .wrapper .hd .blk .regions .ddl {
                padding: 5px;
                background-color: initial;
                color: #fff;
                display: block;
            }

                .wrapper .hd .blk .regions .ddl option {
                    color: #fff;
                }

        .wrapper .hd .blk .cart {
            width: 20%;
            margin: 0px;
            padding: 5px;
            text-align: right;
            display: inline-block;
            vertical-align: middle;
        }

            .wrapper .hd .blk .cart .lnk {
                background-color: initial;
            }

                .wrapper .hd .blk .cart .lnk .mdi {
                    color: #fff;
                    font-size: 24px;
                    line-height: 28px;
                }

        .wrapper .hd .blk .menu {
            display: none;
        }


.wrapper .bd .blk .slideshow-container .slide .btn .mdi {
    font-size: 30px;
}

.wrapper .bd .blk .slideshow-container .slide .btn.next {
    padding: 18px 30px;
}

.wrapper .bd .blk .slideshow-container .slide .btn.prev {
    padding: 18px 30px;
}

.wrapper .bd .blk .product-container .prod-list {
    padding: 10px 0px 10px 0px;
}

    .wrapper .bd .blk .product-container .prod-list .prod {
        width: 45%;
        margin: 1px;
        min-height: 330px;
        margin: 5px;
    }

        .wrapper .bd .blk .product-container .prod-list .prod .item {
            min-height: 310px;
        }

            .wrapper .bd .blk .product-container .prod-list .prod .item .img {
                height: 200px;
            }

                .wrapper .bd .blk .product-container .prod-list .prod .item .img img {
                }

            .wrapper .bd .blk .product-container .prod-list .prod .item .name {
                font-size: 15px;
            }

/* NEWS */

.wrapper .bd .blk .product-detail-container {
    width: 100%;
    padding: 0px 5px;
}

    .wrapper .bd .blk .product-detail-container .tlt {
        width: 100%;
        font-size: 18px;
    }

    .wrapper .bd .blk .product-detail-container .prod-info {
        padding: 5px;
    }

        .wrapper .bd .blk .product-detail-container .prod-info .images {
            width: 100%;
            margin: 0px 0px 10px 0px;
        }

        .wrapper .bd .blk .product-detail-container .prod-info .info {
            width: 100%;
        }

    .wrapper .bd .blk .product-detail-container .prod-detail {
        width: 100%;
        padding: 10px;
        margin: 0px 0px 10px 0px;
    }

    .wrapper .bd .blk .product-detail-container .comment {
        width: 100%;
    }

    .wrapper .bd .blk .product-detail-container .extra {
        width: 100%;
    }

        .wrapper .bd .blk .product-detail-container .extra .same .list-product {
            width: 100%;
            margin: 0 auto;
        }

            .wrapper .bd .blk .product-detail-container .extra .same .list-product .item {
                margin: 5px 5px;
                display: inline-block;
                vertical-align: top;
                width: 47%;
                padding: 0px 0px;
                border: thin solid #eee;
                min-height: 220px;
            }
                .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .name {
                    font-size: 14px;
                }


/* NEWS */

.wrapper .bd .blk .news-container {
    width: 100%;
    padding: 5px 5px 5px 5px;
}

    .wrapper .bd .blk .news-container .news {
        width: 100%;
    }

        .wrapper .bd .blk .news-container .news .tlt {
            width: 100%;
            font-size: 18px;
        }
        .wrapper .bd .blk .news-container .news .list-news {
            width: 100%;
        }

            .wrapper .bd .blk .news-container .news .list-news .item {
            }

                .wrapper .bd .blk .news-container .news .list-news .item .img {
                    display: inline-block;
                    vertical-align: top;
                    width: 35%;
                }


    /* NEWS-DETAIL */

    .wrapper .bd .blk .news-container .news-detail {
        width: 100%;
    }

        .wrapper .bd .blk .news-container .news-detail .title {
            font-size: 18px;
            line-height: 20px;
        }

    .wrapper .bd .blk .news-container .extra {
        width: 100%;
        padding: 0px 10px;
        margin: 2px 10px 10px 0px;
    }
        .wrapper .bd .blk .news-container .extra .newest .list-news .item {
            padding: 0px;
            margin: 0px 0px 20px 0px;
            height: 280px;
        }
        .wrapper .bd .blk .news-container .extra .fanpage {
            display: none;
        }

.wrapper .bd .blk .search-container {
    width: 100%;
}

    .wrapper .bd .blk .search-container .list-result {
        width: 100%;
    }
        .wrapper .bd .blk .search-container .list-result .item .desc {
            text-align: justify;
        }



.wrapper .bd .blk .paging .page {
    padding: 4px 8px;
}

.wrapper .bd .blk .paging .pagecrnt {
    padding: 5px 9px;
}
/* FOOTER */

.wrapper .ft {
    padding: 0px 0px 30px 0px;
}

.wrapper .blk .info-container .list-new-home .item-new-home {
    margin: 0px 10px 10px 10px;
    padding: 0px 0px 20px 0px;
    width: 45%;
}

    .wrapper .blk .info-container .list-new-home .item-new-home .img-new-home {
        width: 100%;
    }



    .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home {
        width: 100%;
    }


.wrapper .blk .info-container .all-new .new-first-home {
    width: 40%;
}

.wrapper .blk .info-container .all-new .list-new-home {
    width: 60%;
    text-align: center;
}



.wrapper .blk .car-regions {
    width: 29%;
    margin: 80px 0px 0px 0px;
}

    .wrapper .blk .car-regions .icon-search {
        display: inline-block;
        vertical-align: middle;
        display: none;
    }



.wrapper .ft .blk p a {
    display: block;
    text-align: left;
}



.wrapper .bd .blk .news-container .news .list-news .item .info-news {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.wrapper .hd .blk .search .blk .button .btn {
    padding: 0px;
}

/*NEW*/

.wrapper .blk .info-container .all-new .item-newsnew {
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

    .wrapper .blk .info-container .all-new .item-newsnew .tlt {
        width: 100%;
    }

    .wrapper .blk .info-container .all-new .item-newsnew .img {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        margin: 0px 10px 0px 0px;
        max-height: 100%;
    }

    .wrapper .blk .info-container .all-new .item-newsnew .info {
        width: 55%;
        display: inline-block;
        vertical-align: top;
    }

        .wrapper .blk .info-container .all-new .item-newsnew .info .title {
            line-height: 24px;
            font-weight: initial;
            font-size: 14px;
        }

        .wrapper .blk .info-container .all-new .item-newsnew .info .timepost {
            margin: 10px 0px 0px 0px;
        }

.wrapper .blk .info-container .all-new .item .info .timepost span {
}

.wrapper .blk .info-container .all-new .item-news .tlt {
    width: 100%;
}

    .wrapper .blk .info-container .all-new .item-news .tlt a {
        width: 100%;
    }

.wrapper .blk .info-container .all-new .item-news .item {
    margin: 0px;
    min-height: 120px;
    padding: 0 5px;
    width: 100%;
}

    .wrapper .blk .info-container .all-new .item-news .item .img {
        width: 40%;
        vertical-align: middle;
        margin: 0px 10px 0px 0px;
    }
    .wrapper .blk .info-container .all-new .item-news .item .info {
        width: 55%;
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0px 0px 0px;
    }

        .wrapper .blk .info-container .all-new .item-news .item .info .title {
            margin: 0px;
            height: 80px;
            overflow: hidden;
        }


.wrapper .blk .info-container .all-new .item-news {
    padding: 0px;
    width: 100%;
}

    .wrapper .blk .info-container .all-new .item-news .news-home {
        padding: 0px;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .wrapper .blk .info-container .all-new .item-news .item .info .title :hover {
    }

.wrapper .hd .blk .navbar-mobile .ul .item .subul {
    padding: 0px 0px 0px 0px;
    background-color: #f1f1f1;
}

    .wrapper .hd .blk .navbar-mobile .ul .item .subul .item {
        padding: 0px 0px 0px 30px;
        background-color: #f1f1f1;
    }

.wrapper .bd .blk .news-container .extra-detail {
    margin: 0px;
    padding: 2px 5px 2px 5px;
    width: 100%;
}

    .wrapper .bd .blk .news-container .extra-detail .new-new {
        padding: 10px 0px;
        margin: 0px;
    }

.wrapper .bd .blk .news-container .extra .tlt a {
    display: block;
}

.wrapper .bd .blk .news-container .extra .item .img {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 10px 0px;
    height: 120px;
}

.wrapper .bd .blk .news-container .extra .item .info {
    width: 56%;
    margin: 0;
}

.wrapper .bd .blk .news-container .extra .tlt {
    color: #333;
    font-size: 16px;
    padding: 0px 0px 8px 0px;
    font-weight: bold;
    border-bottom: thin solid #ccc;
    margin: 15px 0px 10px 0px;
}

.wrapper .bd .blk .news-container .news .tlt {
    width: 100%;
    font-size: 16px;
}

.wrapper .bd .blk .news-container .extra .item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 0px 1px;
    width: 100%;
    vertical-align: top;
    padding: 0px;
}

.wrapper .phonering-alo-phone {
    width: 160px;
    height: 160px;
    cursor: pointer;
    bottom: -20px;
    left: -65px;
}

.wrapper .hotline .number-phone {
    display: none;
}
/*VIDEO*/
.wrapper .bd .blk .product-detail-container .prod-detail .ql-video {
    width: 100%;
    height: 320px;
    margin: 0 auto;
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-video {
    width: 100%;
    height: 320px;
    margin: 0 auto;
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-video {
    width: 100%;
    height: 320px;
    margin: 0 auto;
    text-align: center;
}

.wrapper .bd .blk .content-container .tlt {
    width: 100%;
    max-width: 700px
}

.wrapper .bd .blk .content-container .content {
    width: 100%;
}

.wrapper .bd .blk .content-container .tlt {
    width: 100%;
}

.wrapper .bd .blk .news-container .extra .list-cate {
    display: none;
}

.wrapper .bd .blk .news-container .extra .tlt .mdi-chevron-down::before {
    display: block;
}

.wrapper .bd .blk .content-container {
    width: 100%;
}

.wrapper .bd .blk .content-container {
    width: 100%;
    padding: 0px 10px;
}
.wrapper .blk .info-container .all-new {
    width: 100%;
}