:root {
    --lightpink:#f19eb6;
    --pink:#f87078;
    --darkpink:#f10f58;
    --blue:#202a44;
    --red:#d82222;
    --green:#22B14C;
    
}

.vuilongchon {color:var(--red); font-size:20px; margin-top:0;}
.code {background:var(--pink); border:none; color:White;}


a[href="http://www.magictoolbox.com/magiczoomplus/"] {display: none !important; opacity: 0}
a[data-zoom-id] img, .mz-thumb img {height: 60px; border:1px solid #ccc !important; border-radius: 3px}
a[data-zoom-id], .mz-thumb {height: 100px; position: relative; display: inline-block; color:black; }

#Zoom-1 {margin-bottom: 10px}
.mz-figure.mz-active .mz-lens {
/*  -webkit-filter:brightness(0%) invert(1) opacity(0.5);  */
   border:1px solid #999; box-shadow: 0 0 5px 5px rgba(0,0,0,.2); filter:grayscale(0) !important;
}

.mz-figure.mz-active .mz-lens img {filter: brightness(0) invert(1) opacity(0.5) grayscale(0) !important;}

.link-caption {height: 90px; position: relative; display: inline-block; color:black;}
.test-caption {position:absolute; left:0; right:0; top:65px; width:100%;  line-height:20px; font-size:12px;text-align: center}

.add-to-cart {display: inline-block; padding:7px 10px; margin:auto; background: var(--pink); color:white; font-weight: bold; font-size: 16px; height: 40px; width: 100px; text-transform: uppercase;}

.btn-book {padding:10px 20px; text-align: center; background: #eee; color:#333; margin-bottom: 20px; border-radius: 20px; }
.btn-book:hover {border-color:var(--pink);}

.xzoom {width:90%; box-shadow: none;}
    .xzoom-cap {font-size:11px; color:#333; margin-top:5px;}
    .xzoom-thumbs {margin-top:20px; text-align: center}
    .xzoom-thumbs a {display:inline-block; width:80px; height: 100px}
    img.xzoom-gallery {width:60px; margin:0;border-radius:3px; height: 60px; object-fit: cover; padding:5px; border:1px solid #ccc;}
    .xzoom-preview, .xzoom-lens {z-index: 999 !important}
    .xzoom-preview img {min-width: 1000px !important; height: auto important}
    .hover {font-size:12px; margin:30px 0;font-weight: bold}

ul, li {margin:0; padding:0; list-style: none}

.no_padding {padding:0 !important;}
.width100 {float:left; width:100%;}
.main {position:relative; max-width:88%; margin:auto; clear:both;}
.main1100 {position: relative; max-width: 88%; margin:auto; clear: both}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

#banggia thead tr>th:nth-child(3) {width: 100px}
#banggia thead tr>th:nth-child(4) {width: 100px}

.show_success {float: left;
    width: 100%;
    padding: 10px;
    background: lightgreen;
    text-align: center;
    font-size: 16px;
    margin: 15px;
    color: green;
    font-weight: bold;}

    .width100 {width:100%;}


.product-box {float:left; width:100%; padding:10px;  margin:20px 0; background:white }


.product-detail {float:left; width: 100%; line-height: 30px; font-size:20px;}
.product-detail .show_error {color:crimson; font-size:15px !important; line-height: 20px !important; margin-top:5px;}
.product-detail .qty {border:1px solid red;}
.product-detail .old_price {color:#999 !important; text-decoration: line-through; }
.product-detail .price span {font-size: 30px; font-weight: bold; color:var(--pink);}

.product-description {float:left; width: 100%; margin-top:20px;}

.side-bar {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
    transition: 0.3s all linear;
}


body { font-family: 'Maven Pro', sans-serif; } 

body {;
    /*    font-family: arial !important;*/
    font-size: 15px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important;
    /*background-color:#f5f5f5;*/
    background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),url('../images/bg.jpg');
    position:relative;
    overflow-x:hidden;
}
a:hover {
    text-decoration: none;
}

a:focus{
    text-decoration: none;
}
.wrapper {
    /*background:linear-gradient(rgba(245,245,245,.8), rgba(245,245,245,.8)), url(../images/bg_top.png) repeat-x, url(../images/bg_bottom.png) repeat-x;*/
    background-position: 0 0, 0 bottom;
    float:left; width:100%;
}

/*-----end Navtigation-----*/


.slide{
    max-width: 1100px; clear:both;
    overflow: hidden; margin:auto;
}


.heading-page {float:left; width:100%; text-align: center; font-size:30px; margin-top:20px; color:var(--blue); font-weight: bold; margin-bottom: 20px}
.heading-home {float:left; width:100%; text-align:center; font-family: kieu; font-size: 80px;  margin-bottom:35px; margin-top:25px;}
.heading-home2 {float:left; width:100%; padding:0 10px; font-family: kieu; font-size: 50px;  margin-bottom:20px; margin-top:20px;}

.module-heading {float:left; width:100%; padding:10px; background:var(--pink); color:white; text-align: center; border-radius: 10px; font-weight: bold; font-size:18px;}

/*-------- off canvas mini cart start --------*/

#side-cart {float:left; width: 100%; margin-top:20px;}
#side-cart.show #side-cart-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#side-cart ul {float:left; width:100%; padding-top:8px;}


.minicart-content-box {
    overflow: auto;
    height: 100%;
    padding-right: 30px;
    margin-right: -15px;
}

.minicart-item-wrapper {
    float:left; width:100%;
    border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li {
    border-bottom: 1px solid #efefef;
}

.minicart-item-wrapper ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.minicart-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.minicart-thumb {
    max-width: 85px;
    -webkit-flex-basis: 85px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px; overflow: hidden;
}

.minicart-thumb img {width: 85px ;height: 60px; object-fit: cover}

.minicart-content {
    padding: 0 10px;
    max-width: calc(100% - 115px);
    -webkit-flex-basis: calc(100% - 115px);
    -ms-flex-preferred-size: calc(100% - 115px);
    flex-basis: calc(100% - 115px);
}

.minicart-content .product-name {
    margin-top:5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 10px;
}

.minicart-content .product-name a {
    color: #222222;
}

.minicart-content .product-name a:hover {
    color: var(--pink);
}

.minicart-content .cart-quantity {
    font-size: 12px;
    color: #555555;
    line-height: 1;
}

.minicart-content .cart-quantity strong {
    font-size: 16px;
    font-weight: 400;
    vertical-align: text-bottom;
}

.minicart-content .cart-price {
    color: var(--pink);
    font-size: 14px;
    line-height: 1;
}

.minicart-remove {
    max-width: 30px;
    -webkit-flex-basis: 30px;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #222222;
}

.minicart-remove:hover {
    color: var(--pink);
}

.minicart-pricing-box {
    float:left; width:100%;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
}

.minicart-pricing-box li {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.minicart-pricing-box li span {
    font-size: 14px;
    color: #222222;
    text-transform: capitalize;
}

.minicart-pricing-box li span strong {
    color: var(--pink);
    font-weight: bold; font-size:20px;
}

.minicart-pricing-box li span sup {
    font-size:19px;
}

.minicart-pricing-box li.total span {
    font-size: 16px;
}

.minicart-pricing-box li:last-child {
    margin-bottom: 0;
}
.minicart-button {float: left; width:100%;}
.minicart-button a {
    color: #222222;
    font-size: 14px;
    display: block;
    font-weight: 700;
    line-height: 1;
    padding: 17px 0;
    background-color: #f3f3f3;
    border-radius: 40px;
    text-align: center;
    margin-bottom: 10px;
}

.minicart-button a i {
    padding-right: 5px;
}

.minicart-button a:hover {
    color: #fff;
    letter-spacing: 1.1px;
    background-color: var(--pink);
}

.minicart-button a:last-child {
    margin-bottom: 0;
}

.subcat_list {float:left; width:100%; text-align: center; margin-bottom: 20px; margin-top:20px;}
.subcat_list a {display: inline-block; border-right: 1px solid var(--darkpink);  position: relative; margin-bottom:10px; color:var(--darkpink);   padding:0 10px; text-transform: uppercase; font-size: 15px;  }
.subcat_list a:last-child {border:none;}

.subcat_list a:hover {font-weight: bold}
.subcat_list a img {width: 110px; position: absolute;left:0; top:0; }
.subcat_list a span {display: inline-block; position: absolute; top:23px; left:0; width: 130px; padding-right: 40px; height: 50px; text-align: center; }

/*.subcat_list a img {height: 25px}*/

.productcat {float:left; width:100%; margin-bottom: 20px; border-radius: 30px; height:0;padding-bottom:140%; overflow: hidden; position: relative}
.productcat:hover {background-position:0 0, 0 0; }
.productcat:hover img {transform: scale(1.1,1.1); transition: all .5s;}
.productcat img {width: 100%; transition: all .5s}

.prouctcat {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
 
    /* Sử dụng mặt nạ là chính bức ảnh .png để che đi những phần không muốn hiển thị: */
    -webkit-mask: url('images/logo.png') center;
    mask: url('#mask-firefox');
}

.productcat:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0.0) 100%
    );
}

.productcat:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 1s, 1s, .15s;
    transition-timing-function: ease;
}

/*-----Product cat-----*/

h2.title {color:var(--darkpink); font-weight: bold; margin-top:0; text-align:center}


.product {float:left; width:100%; position:relative; padding-bottom: 10px; margin-bottom:15px; background: white; border-top-left-radius: 40px; border-top-right-radius: 40px}
.product .img {float: left; width:100%; border-radius: 40px; position: relative; height: 0; padding-bottom:75%; overflow: hidden}
.product .img img {position: absolute;left:0; top:0; right: 0; bottom: 0; width:100%; height: 100%; object-fit: contain; transition: all .5s}
.product .info {float:left; text-transform: uppercase; height:130px; width:100%; text-align:center; padding: 10px 5px;  position: relative; transition: all .5s}
.product a {color:black;}
.product .info .no {float:left; width:100%; font-size:14px; height: 20px; color:var(--red); font-weight: bold}
.product .info .title {float:left; width:100%; font-size:13px; text-transform: uppercase; line-height:20px; height: 40px; overflow:hidden; font-weight:bold; margin: 0;}
.product .info .price {float:left; width:100%; font-size: 18px; text-align:right;font-weight:bold; text-transform: uppercase}
.product .info .old_price {float: left; width: 100%; color:#999; text-decoration: line-through;}


.product .new {display: inline-block; z-index: 2; position: absolute;left:15px; top:10px; border-radius: 10px; padding:5px; background: var(--darkpink); color:white;  font-size:11px; }
.product .sale {display: inline-block; z-index: 2; position: absolute; right: 15px; top:10px; border-radius: 10px; padding:5px; background: var(--darkpink); color:white;  font-size:11px; }
.product:hover .img img {transform: scale(1.1,1.1); transition: all .5s;}
.product .button {float:left; width:90%;  border-radius: 10px;margin-left:5%; padding:10px; text-align: center; font-weight: bold; text-transform: uppercase; color:white; background:var(--darkpink); font-size: 15px; margin-top:10px;}

.product:hover .button {background: var(--pink); transition: all .5s;}

#breadcrumbs {float:left; width:100%; margin-top:20px; background:white; padding:5px 10px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.breadcrumb{float:left; width:100%;background:transparent !important; margin:2px 0 !important;}
.breadcrumb>li{ color: #666; font-weight:500}
.breadcrumb>li>a{font-size: 16px !important; color: #333; padding:15px 0;}
.breadcrumb>li>a:hover{text-decoration: none}
.breadcrumb>li:last-child>a {color:var(--red);}
.breadcrumb .active {font-weight:bold; font-size:20px !important;} 

/*---------------- box mod----------------- */

.lienhe_btn {float:left; height: 45px; margin-bottom:30px;text-transform: uppercase; font-size:25px; color:white; border-radius: 10px; overflow: hidden}
.lienhe_btn .left {float:left;width:45px; height: 45px; text-align: center; background: #ec1b22; padding:6px 15px;}
.lienhe_btn .right {float:left;width:150px; height: 50px;background:#fe6d73; padding:6px 15px;}

/*---------------- contact-------------------- */
h2.title_c{
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #5f2d00;
    font-size: 20px;
    margin: 20px 0;
    letter-spacing: 1px;
}
.error{color:#c42025 }
.form-control{border-radius: 0px}
.contact{padding: 20px}
.contact .map{margin-bottom: 10px;   margin-top: 10px;}
.contact .info_left>ul>li>i{padding-right: 20px;}
.contact .info_left>ul>li{padding: 5px 0 5px 30px;line-height: 25px;}
.contact .info_left>ul>li>span{  color: #25ab4b;  font-weight: 600;  font-size: 15px}
.btn_send{  background-color: var(--pink);   color: #fff;  font-size: 18px; padding: 10px 20px}
.btn_send:hover { background: white; border-color:var(--pink); color:var(--pink); }
.contact .info_left h1{color: #666 ; font-size: 20px; font-weight: 600; margin-bottom: 20px}
#map-canvas{height: 400px}

.lSSlideOuter {
    border: #e0e0e0 solid 1px;
}
.lSGallery{padding-bottom: 5px;}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px !important;
    opacity: 0.5;
}

li.lslide img{width: 100%}

.feedback{margin-bottom: 30px;}
.feedback ul>li{text-align: center}
.feedback ul>li>img{width: 100%; border-radius: 50%; padding-bottom: 15px;}
.feedback ul>li>h2{color: #578a56; font-size: 18px; padding-bottom: 5px}
 

.botom_foot{
    background: #431e85;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
}

.pages {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    font-size: 16px;
}


.modi h3.title{
    color: #578a56;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.modi{
    margin-bottom: 30px;
}


.ci-email, .ci-hotline {
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ebebeb;
}

.ci-icon {
    width: 33px;
    float: left;
    font-size: 24px;
    color: var(--pink);
}
.ci-address {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

.ci-content h3 {
    margin: 0;
    padding: 10px 0 0 0;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #242c42;
}

.ci-hotline .ci-content p, .ci-email .ci-content p {
    padding-top: 17px;
}
.ci-content p {
    font-size: 16px;
    color: #878787;
}

.style-form-group {
    margin-bottom: 15px;
}
.style-form-group label {
    display: block;
    width: 100%;
    padding: 0 0 5px 0;
    font-size: 16px;
    font-weight: normal;
    color: #898989;
}
.style-form-text {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    outline: none;
    border: 1px solid #ebebeb;
}
.style-form-textarea {
    width: 100%;
    padding: 15px;
    line-height: 40px;
    outline: none;
    border: 1px solid #ebebeb;
}

.style-form-submit {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    background-color: var(--pink);
    border: none;
    outline: none;
    cursor: pointer;
}

.news_detail img {max-width: 100% !important; height: auto !important}


/*------------------------  slide khach hang ----------------------------------------------*/

.news {float:left; width:100%; position: relative; padding-left:280px; height:235px;  padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:35px;}
.news .img {position: absolute; left:0; top:0; width:260px; height: 200px;overflow: hidden}
.news .img img {width:100%; height: 200px; object-fit: cover}
.news .title {float:left; width:100%; font-size:22px;  font-weight:500; margin: 10px 0 0 0;color:var(--darkpink); font-weight: bold}
.news:hover .title {color:#333;}
.news .date {float:left; width:100%; font-size:14px; color:#999;}
.news .date i {color:var(--pink); width:20px;}
.news .info {float:left; width:100%; margin-top:25px; font-weight:200;color:black; line-height: 20px; height: 60px; overflow: hidden}
.news .readmore {float:left; width:100%; text-decoration: underline; margin-top:20px;color:#41a449; text-decoration: none}



/*---News---*/
.news2 {position:relative; background:white; width:100%; float:left;  margin-bottom: 30px; overflow: hidden}
.news2 .img {width:100%;float:left; height:0; padding-bottom: 60%; overflow: hidden; position: relative;}
.news2 .img img {width:100%; position: absolute; left:0; top:0; height:100%; object-fit: cover; transition:all .3s}
.news2 .img img:hover {transition:all .5s; transform:rotate(7deg) scale(1.3,1.3)}
.news2 .title {color: #333; font-weight:bold; font-size:16px; line-height:20px; float:left; width:100%;
margin:0px; padding-bottom:10px; padding-top:5px;  height: 40px; padding-left:10px; padding-right: 10px}
.news2 a {color:#333;}
.news2 .info {padding:10px; float:left; height: 80px; overflow:hidden; position:relative}
.news2 .des {font-size:13px;color:#666; line-height: 20px; margin-top:15px; max-height: 40px; float:left; text-align: justify; padding-bottom:10px; overflow: hidden}
.news2 .readmore {float:left; text-align:right; height:40px; width:100%}

@media screen and (min-width: 1199px) {
    .col-lg-20{width: 20%; float: left}
    .width16 {width: 16.6%; float:left;}
}


@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 1024px) {
    .news_items:nth-child(5){display: none}
}

@media screen and (max-width: 992px) {
  
    i.btn_show:hover{transition: all 0.5s ease}

    .new_txt{
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

}

@media screen and (max-width: 768px) {
    #breadcrumbs {padding:5px 15px;}
    .product-box {padding:15px 40px;}

    .headerLeft{width: 100%}
    .boxLogo{
        width: 40%;
        margin: auto;
    }
    .headerRight{width: 100%}
    .row_search{text-align: center}
    .hot_line_box{display: inline-block}

    .box_seach{margin:0;}

    .maps_footer .no_padding_l{padding-right:0px}
    .maps_footer .no_padding_r{padding-left:0px}
    .map_tab{height: auto !important}

    .pageContent{margin-top: 0; padding-top:0 !important}

    .hot_line_box {text-align: center; margin-bottom: 15px;}
    .right_flower{display: none}
    .wrap_hotline_box{display: inline-block}
    .lang_sw{position: absolute; left: 10px; top:10px;}
    .lang_sw>li{float: none}
    .bg_paper{margin-top: 20px;}

}

@media screen and (max-width: 530px) {
    /*.product-box {padding:15px 20px;}*/
    .tour-grid>.col-xs-6{
        width: 100% !important;
    }

    .headerLeft{width: 100%;}
    .boxLogo{width: 60%; margin: auto}
    .headerRight{width: 100%}
    .hot_line_menu{display: block;}


    .col-xs1-12{width: 100% !important}
    .product_detail{padding: 20px 5px;}

    .box_seach{margin: 0;}

    .td_hide{display: none}

    .headerRight{text-align: center}
    .hot_line_box{display: inline-block} 

    .hot_line_box .add{text-align: left}

    .news {padding-left:0; height: auto}
    .news .img {width: 100%; height: 200px; position: relative}

}

@media screen and (max-width: 390px) {
    .hot_line_menu{font-size: 12px;}

    .hot_line_box .mobile, .hot_line_box .email {margin-left: 0px; float: none}
    .hot_line_box .add {
        margin: 5px 0 0 10px;
    }
}



.sort-pro {float:right; margin-top:10px; border:1px solid #ddd; background:white; padding:5px}

.comment {float:left; width:100%; padding:10px;}

.dichvu {float:left; width:100%; position:relative; margin-bottom:30px;}
.dichvu .img {float:left; width:100%; height:0; padding-bottom:100%; position:relative; border-radius:50%; overflow: hidden;}
.dichvu .img img {position:absolute; left:0; top:0; width:100%; padding:20px; height:100%; object-fit: cover}
.dichvu .info {float:left; width: 100%; padding:10px; background:#eee; text-align: center}
.dichvu .info .title {float:left; width:100%; padding:10px; background:#f87078; color:white; margin-top:-25px; margin-bottom:20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; font-weight: bold; font-size:20px; font-weight:bold; text-transform:uppercase;font-weight: 20px; }
.dichvu .info p {height: 150px; overflow: hidden; float:left;}

.more {height:auto !important; transition:height .5s;}
.banggia_ctn {transition:all .5s;float:left; width:100%; padding:40px 20px; background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('../images/banggia.jpg'); background-attachment: fixed; background-size: cover}
.banggia_ctn .banggia {transition:height .5s;position:relative;  background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url('../images/banggia1.jpg'); background-size: cover; width:100%; box-shadow: 2px 2px 10px rgba(0,0,0,.2); padding:0 10px; height: 460px; overflow: hidden}
.banggia_ctn .banggia .title {float:left;width:100%; text-align:center; font-family: kieu; font-size: 40px; }

.banggia_ctn table * { font-size:13px !important;}

.banggia_ctn .xemthem {width:150px; margin:auto;height: 70px; font-size: 30px; padding:8px; font-weight: bold; margin-top:20px; color:white; text-align: center;cursor:pointer;}
.banggia_ctn .xemthem p {font-size: 12px }

.news_small {float:left; width:100%; margin-bottom:30px}
.news_small .img {float:left; overflow:hidden; width:35%; height:0;padding-bottom:35%; position:relative; border:1px solid #eee}
.news_small .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover}
.news_small .info {float:left; padding-left:10px; width:65%; height:0; padding-bottom:30%;}
.news_small h3 {font-size:15px; margin-bottom: 10px; line-height:20px; height:40px; overflow:hidden;font-weight: bold}
.news_small a {color:#333}
.news_small .des {color:#666; font-size: 13px; color:#666; line-height: 17px; height: 51px; overflow: hidden; float:left; width:100%; }

.owl-item {float:left}
.owl-nav {position:absolute; top:20px; right:20px}
.owl-prev {border-right:1px solid #eee !important}
.owl-prev, .owl-next {border:none; background:transparent; font-size:17px}


.album_ctn {float:left; width:100%; }
.album1 {float:left; width:100%; height: 0; padding-bottom:60%; position:relative; overflow: hidden}

.album1 * {position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover}


.owl-loaded .disabled {display: none}