*{margin:0;padding:0;}
html{height:100%;width:100%;}
body{margin:0;padding:0;color:#231F20;position:relative;font-size:16px;background:#FFF;width:100%; height:100%;overflow-x:hidden;font-family: "PingFang HK Regular", "Microsoft YaHei",sans-serif;}
@font-face {
    font-family:"PingFang HK Regular";
    src: url("fonts/PingFang.ttf")
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "PingFang HK Regular", "Microsoft YaHei",sans-serif;line-height:inherit;margin: 0;}
p,p span{font-family: "PingFang HK Regular","Microsoft YaHei",sans-serif!important;}
ul,ul li{list-style:none; margin-bottom:0;}
input{ -webkit-appearance: none; }
textarea{ -webkit-appearance: none; resize:none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;object-fit: contain;}
a{cursor:pointer;}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none;}
a:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;color: #000}
select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none;}
input::-moz-placeholder{color:#AEAEAE;opacity:1}
input:-ms-input-placeholder{color:#AEAEAE}
input::-webkit-input-placeholder{color:#AEAEAE}
/**/

#top{display: inline-block;width: 100%;border-bottom: 5px solid #feec28;}
#top .links{float: left;padding: 10px;}
#top .links a{display: inline-block;color: #000;margin: 0 5px;font-size: 14px;}
#top .links a:hover{color: #777}
.list-line{float: right;}
.list-line >a{display: inline-block;vertical-align: middle;color: #000;font-size: 14px;}
.list-line .share{display: inline-block;vertical-align: middle;padding:7px 10px;}
.list-line .share a{color: #000;margin: 0 5px;display: inline-block;font-size: 20px;}
.container{ max-width:1300px; width:100%;}
.center{padding: 50px 0 0;}
/*header.header-fixed{z-index: 999; position: fixed;left: 0;top:0;-webkit-transition: -webkit-transform 0.2s;
-webkit-transition: transform 0.2s;
transition: transform 0.2s;box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2);}
header.header-fixed .logo img{max-width: 120px;}
header.header-fixed .logo{padding: 10px 0 0;}
header.header-fixed .side-menu .nav > li > a{font-size: 18px;padding: 15px 0;}
header.header-fixed .menu{margin-top: -35px}
header.header-fixed .menu li a i::before{font-size: 20px!important;}*/
header{position:fixed;left: 0;top: 0; width: 100%;z-index: 999;background: #FFF;}
.content{padding-top: 159px;}
.content >content{padding-top: 30px;}
header .logo{text-align: center;padding: 20px 0 10px;}
header .logo img{max-width: 200px;}
header .menu{float: right;margin-top: -51px;}
header .menu li{display: inline-block;vertical-align: middle;padding: 0; margin: 0 7px;}
header .menu li a{color: #000;font-size: 20px;font-weight: 600;}
header .menu li a i:before{font-family: FontAwesome!important;font-size: 24px!important;}
header .menu li.li_service a{background: #F7F7F7;padding: 6px 0;color: #000;display: inline-block;min-width: 112px;font-size: 14px; text-align: center;border-radius: 50px;}
header .menu li.li_service a img{vertical-align: middle;width: 16px; margin-right: 7px;margin-top: -2px;}
header .menu li.li_service.pets a{background: #FFF200;}
header .menu > li.drop-menu {padding: 18px 10px;}
header .menu > li.drop-menu:hover >a{border-bottom: 5px solid #FFF200;}
header .menu > li.drop-menu >a{border-bottom: 5px solid transparent;padding-bottom: 6px;}
.arrow_menu{ position:absolute; left:0; top:120%;background: #F7F7F7; padding:0px; width:100%; z-index:999;visibility: hidden;opacity: 0; padding: 17px 12px 7px;transition:all 0.3s;}
.arrow_menu a{border-bottom: 5px solid transparent;padding-bottom: 4px;color: #000;display: inline-block;}
.arrow_menu a:hover{border-bottom: 5px solid #FFF200;}
.arrow_menu .swiper-slide{width: auto;}
.mySwiper{position: relative;padding: 0;overflow: hidden;}
.swiper-button-next.menu_button::after, .swiper-button-prev.menu_button::after{font-size: 14px;color: #231F20;}
.swiper-button-prev.menu_button{left: 10px;}
.swiper-button-next.menu_button{right:10px;}
.menu_button.swiper-button-disabled{display: none !important;}
.swiper-button-prev.menu_button,.swiper-button-next.menu_button{width: auto;height: auto;margin-top: -7px; }
li.drop-menu:hover .arrow_menu{visibility: visible;opacity: 1; top: 100%;}
.top-txt-search{display:block; position:absolute; background:#FFF; width:100%;min-width: 300px; right:0px; top:150%;display:none; z-index:999; padding:7px;box-shadow:0 2px 6px rgba(0,0,0,.3); -webkit-box-shadow:0 2px 6px rgba(0,0,0,.3); -moz-box-shadow:0 2px 6px rgba(0,0,0,.3); }
.search-txt{width:100%; line-height:26px; padding:10px 10px; border:#ddd solid 1px; height:38px;}
.search-txt::-webkit-search-cancel-button{-webkit-appearance: none;}
.search-txt:focus{border:#999 solid 1px;}
.search-but{ display:inline-block; float:left; border:none; cursor:pointer; position:absolute; right:20px; top:18px;background: none;border: none;}
.search_Close i:before {content: "\f00d";}
header .menu li.search{position: relative;}
.banner{padding:0 15px 30px;position: relative;margin:0 auto 50px;max-width: 1300px;}
.slide_banner{margin-bottom: 50px;}
.slide_banner img{width: 100%;}
/*.banner .swiper-slide{width:60%;}
.banner .swiper-slide:after{position: absolute;left: 0; top: 0;width: 100%;content: "";height: 100%;background: rgba(255,255,255,0.8);}
.banner .swiper-slide.swiper-slide-active:after{background: none;}
*/
.banner .swiper-button-next, .banner .swiper-button-prev{background:  rgba(35,31,32,0.5);color: #FFF;width: 48px;height: 48px;border-radius: 50px;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 16px;line-height: 48px;color: #FFF;}
.banner .swiper-button-prev{left:-10px}
.banner .swiper-button-next{ right:-10px;}
.banner .swiper-slide-txt{position: absolute;bottom: 0;left: 0; width: 100%;color: #FFF;background:  rgba(35,31,32,0.3);padding: 15px;}
.slideshow{padding-bottom: 30px;position: relative;margin-bottom: 50px;}
.banner .img{height: 480px;}
.title{position: relative;padding-left: 30px; margin-bottom: 30px;}
.title img{position: absolute;left: 0; top: 5px;}
.title h1{font-size: 24px;}
.title2{position: relative;margin-bottom: 30px;display: inline-block;width: 100%; font-size: 24px;}
.title_width{max-width: 60%;}
.title2 h1{font-size: 32px;font-weight: bold;float: left;}
.title2 i{margin-right: 10px;}
.title2 .more_icon{float: right;margin-top: 4px;}
.more_icon a{color:#231F20;font-size: 20px;font-weight: bold;}
.more_icon a i{margin-left: 7px;}
.more_icon a:hover{color: #777;}
.index_article{margin-bottom: 30px;}
.article{ margin-left:-15px; margin-right:-15px;}
.article:after,.article:before{display:table;content:" ";}
.article:after{clear:both;}
.article_li{float: left;padding: 0 15px 40px;width: 33.3333%;}
.article_c{display: table;color: #231F20;transition: all .5s;width: 100%;margin-bottom:30px;border-bottom: 1px solid #e4e4e4;padding-bottom: 30px;}
/*.article_c:hover{transform:translate3d(0,-3px,0);}*/
.article_c .img{vertical-align: top;display: table-cell;width: 50%;padding-right: 20px;}
.article_c .img img{width: 100%;aspect-ratio: 16/9;object-fit: cover;}
.article_c .detail{display: table-cell;width: 50%;vertical-align: top;position: relative;padding-bottom: 35px;}
.article_c .title_a{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
.article_c a{color: #231F20}
.article_c a:hover{color: #4E9583}
.article_c .f_lei{color: #000;margin-bottom: 10px;font-weight: bold;display: block;}
.article_c .date{color: #898989;position: absolute;bottom: 0;left: 0;width: 100%;}
.article_c .txt2{max-height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #231F20;}
.article_c .txt2 a{color: #231F20;}
.article_c .txt2 a p,.article_c .txt2 a span,.article_c .txt2 a div{font-size:inherit !important;margin-bottom: 0 !important; }
.article_c .bottom_c{color: #AEAEAE;font-size: 14px;display: inline-block;width: 100%;}
.article_c .txt{color: #AEAEAE;font-size: 16px;margin-bottom: 20px; height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.headline{padding-bottom: 15px;margin-bottom: 30px;font-size: 24px;border-bottom: 6px solid #FFF200;}
.headline img{margin-right: 5px;}
.popular{padding-bottom: 25px;}
/*.popular_li{margin-bottom: 25px;border-bottom: 1px solid #e4e4e4;padding-bottom: 25px;}*/
.popular_c{display: table;width: 100%;color: #000;}
.popular_c .img{width: 50%;padding-right: 20px; display: table-cell;vertical-align: top}
.new_article_list .popular_c .img img{width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;}
.popular_c .detail{display: table-cell;vertical-align: top;width: 50%;position: relative;padding-bottom: 35px;}
.popular_c .detail .f_lei{font-weight: bold;margin-bottom: 10px;font-size: 20px;}
.popular_c .detail p{ margin-bottom: 0; font-size: 16px; max-height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.popular_c:hover .read_more{color: #4E9583;}
.popular_c .detail .date{color: #898989;position: absolute;bottom: 0;left: 0;width: 100%;}
.popular_c .detail .date .read_more{float: right;}
.popular_c .detail .date .read_more a{color: #898989}
.popular_c .detail .date .read_more a:hover{color: #4E9583}
.popular_c .detail .date .read_more i{margin-left: 5px;font-size: 22px;vertical-align: top;}
.article_c  .date .read_more{float: right;color: #898989;}
.article_c .date .read_more i{margin-left: 5px;font-size: 22px;vertical-align: top;}
.article_c .date .read_more a:hover{color: #4E9583;}
.article_c .date .read_more a{color: #898989}
.popular_c .cate_groy{font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.popular_c a{color: #000;}
.popular_c a:hover{color: #4E9583;}
.row_center{display: table;width: 100%;}
.row_center_left{display: table-cell;vertical-align: top;width: 65%;padding-bottom: 50px;}
.row_center_right{width:35%;display: table-cell;vertical-align: top;padding-bottom: 50px;padding-left: 5%;}
.row_center_right .title2{margin-top: -76px;}
.hot_labels_c{}
.hot_labels_c a{display: inline-block;border-radius: 50px;background: #FFFDDE;color: #000;padding: 9px 24px;margin-right: 10px;margin-bottom: 15px;}
.hot_labels_c a:hover{background: #FFF200}
.page_width{text-align:center;  display:block; margin:20px 0;}
.page_width.text-center{text-align: center;}
.pagination{display:inline-block; margin:0 auto 30px;}
.pagination li{ display:inline-block;vertical-align: middle;}
.pagination li a,.pagination li span{display:block;text-align: center;margin:0px;padding: 0; line-height:32px; border:#F2F2F2 solid 1px; background:#F2F2F2; height:32px; width:32px;border-radius: 4px;color: #AEAEAE}
.pagination li a span{font-size: 14px;display: inline-block;vertical-align: middle;}
.pagination li i{font-size:20px; line-height:30px; vertical-align: middle;}
.pagination li.active a,.pagination li.active >span,.pagination li:hover a{border:#231F20 solid 1px; background:#231F20; color:#FFF;}
.pagination li:hover span{ border:#F7F7F7 solid 1px; background:#FFF;color: #AEAEAE}
.pagination li.active:hover span{border:#FFF200 solid 1px; background:#231F20; color:#FFF;}
.pagination > li > a:focus,  .pagination > li > span:focus{border:#F7F7F7 solid 1px; background:#FFF; color:#AEAEAE;}
.google_ad{margin: 0 auto 50px;text-align: center;max-width: 710px;}
footer{background: #fee903;padding: 30px 0;}
footer .inline_block{display: inline-block; width: 100%;margin: 10px 0;}
.foot_logo{float: left;max-width: 300px;}
.foot_links{float: right;}
.foot_links a{color: #000;display: inline-block;margin:5px 0 5px 30px;}
.foot_share{float: right;}
.foot_share a{color: #000;margin-left: 30px;}
.foot_share a i{color: #FFF;background: #000;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 50px;}
.copyright{float: left;font-size: 14px;}
footer a:hover{color: #666;}

.article_detail .img{margin-bottom: 20px;}
.article_detail h1{ display: block; padding:10px 0px; font-weight: bold; font-size:24px;}
.article_detail  .txt{margin-bottom: 30px;}
.article_detail .hot_labels_c{padding-bottom: 10px;}
.article_detail .detail_foot{padding-top: 20px;border-top:1px solid #aeaeae;}
.detail_foot .catelog{color: #4E9583;margin-right: 20px;}
.detail_foot .time{color: #aeaeae;}
.detail_foot  a{color: #aeaeae;}
.detail_foot span{margin-bottom: 10px;display: inline-block;}
.others{margin: 50px 0;}
.other_article .article_li{float: none;width: 100%;padding: 0;margin: 0;}
.other_article .swiper-button-next, .other_article .swiper-button-prev{background:  rgba(35,31,32,0.3);color: #FFF;width: 40px;height: 40px;border-radius: 50px;}
.other_article .swiper-button-next:after, .other_article .swiper-button-prev:after{font-size: 14px;line-height: 40px;}
.other_article .swiper-button-prev{left:0;}
.other_article .swiper-button-next{ right:0;}
.breadcrumb{margin: 25px 0;background: none;padding: 0;}
.breadcrumb li a{color: #000;}
.breadcrumb li {color: #AEAEAE;}
.breadcrumb > li + li::before {color: #000;}

.swiper-pagination-bullet{opacity: 0.8;background: #898989;margin: 0 4px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #231F20;}
.swiper-pagination{text-align: center;max-width: 1200px;position: relative;left: 0; bottom: 0;margin: 0 auto;padding: 0 15px;}
.slide_bottom{position: absolute;left: 0; bottom: 0;width: 100%;}
.index_article .article_li{width: 100%;}
.article_goggle{display: block;overflow: hidden;}
.video_goggle{display: block;overflow: hidden;}

.index_footer{display: table; width: 100%;height: 100%; margin-bottom: 60px;}
.index_footer .left{background:#8EC3CB url("../images/Mask-Group.jpg") no-repeat center bottom;background-size: contain;border-radius: 10px;overflow: hidden;padding: 30px 20px;text-align: center;color: #FFF;vertical-align: top;display: table-cell;width: 70%;}
.index_footer .left h1{font-size: 24px;margin-bottom: 8px;}
.index_footer .left p{margin-bottom: 25px;}
.index_footer .left .search_now a{display: inline-block;background: #FFF200;border-radius: 50px;color: #000;padding: 8px 48px;}
.index_footer .right{display: table-cell;width: 30%;padding-left: 30px; text-align: center;height: 100%;vertical-align: top;}

.service_banner{background: url("../images/Rectangle 51.png") no-repeat center center;background-size: cover;padding: 100px 0;color: #FFF;text-align: center;margin-bottom: 50px;}
.brands_banner{height: 380px;display: flex;align-content: center;align-items: center}
.service_banner h1{font-size: 24px;margin-bottom: 6px;}
.search_text{padding-right: 110px;position: relative;max-width: 950px;margin: 50px auto 0;}
.search_text input{width: 100%;color: #000; height: 56px;padding: 0 20px;border: none;background: #FFF;}
.search_text a{position: absolute;width: 96px; right: 0;top: 0;height: 56px;line-height: 56px;background: #000;color: #FFF;text-align: center;display: inline-block;}
.search_filter{display: inline-block; width: 100%;position: relative;margin-top: 60px;}
.search_filter .left{width: 16%;float: left;}
.search_filter .left .left_button{display: inline-block; width: 100%;/*background: #FFF;*/}
/*.search_filter .left .left_button a{float: left;width: 50%; text-align: center;color: #000;height: 56px;line-height: 56px;}
.search_filter .left .left_button a.active{background: #FFF200;}
.search_filter .left .left_button a img{margin-right: 5px;}*/
.search_filter .left .left_button .btn{font-size: 16px;}
.search_filter .left .bootstrap-select > .dropdown-toggle{height: 56px;border-radius: 0;background: #FFF !important;box-shadow: none !important;border: none !important;}
.search_filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.search_filter .dropdown-menu > li > a{padding: 12px 15px;}
.search_filter .right{width: 84%;float: left;padding-left: 30px;padding-right: 126px;}
.search_filter .search_button{position: absolute;right: 0;top: 0; width: 96px;}
.search_filter .search_button a{display: block;background: #231F20;color: #FFF;text-align: center;height: 56px;line-height: 56px;}
.search_filter .search_button a:hover{background: #FFF200;color: #000;}
.search_filter .right .right_button{float: left; width:20%;height: 56px;background: #FFF; }
.search_filter .right .right_button+.right_button{border-left: 1px solid #F7F7F7}
.right_button .bootstrap-select > .btn-default{border: none!important;box-shadow: none !important;background: none !important; width: 100%;height: 100%;padding-left: 15px;font-size: 16px;}
.right_button .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;height: 100%;}
.right_button .dropdown-menu{margin-top: 0;border: none;box-shadow: none;font-size: 16px;}
.right_button .bootstrap-select.btn-group .dropdown-toggle .caret{background: url("../images/Vector 5.png") no-repeat;border: none;width: 12px;height: 8px;margin-top: -4px;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active{color: #AEAEAE;}
.right_button input{height: 100%;width: 100%;padding: 0 15px; border: none;background: none;color: #000;}

.service_c{display: block;padding:0 15px;margin-bottom: 10px;  transition: all 0.4s;}
.service_c:hover{transform:translate3d(0px, -3px, 0px);}
.service_c .img{margin-bottom: 20px;}
.service_c .address{color: #4E9583;font-size: 14px;margin-bottom: 15px;}
.service_c .tit{font-size: 18px;margin-bottom: 15px;color: #000;}
.service_c .tit a{color: #000;}
.service_c p{color: #AEAEAE;margin-bottom: 8px;}
.service_c .keyword{margin-top: 20px;min-height: 50px;}
.service_c .keyword a{display: inline-block;margin-bottom: 8px; font-size: 14px;background: #FFFDDE;border-radius: 50px;padding: 8px 16px;color: #000;}
.service_c .keyword a img{margin-right: 8px;}
.service_c .keyword a i{margin-right: 8px;}
.service_c .keyword a:hover{transform:scale(1.02);}
.hero_grid_item{width: 25%;}
.hero_grid_item .service_c .img img {aspect-ratio: 1 / 1;object-fit: cover;}
.hero_grid{margin-top: 30px;}

.feilei{display: inline-block;width: 100%;margin-bottom: 20px;}
.feilei .time{float: right;color: #898989;}
#goToTop{ position: fixed; right:15px; bottom:200px; z-index:99999;}
#goToTop img{max-width:50px;}

.brand_c{margin-bottom: 50px;}
.ul_nav{display: inline-block;width: 100%;margin-bottom: 20px;}
.ul_nav a{display: inline-block;margin-bottom: 20px; color: #000;margin-right: 30px; border-bottom: 5px solid transparent;}
.ul_nav a.active{border-color: #FFF100;}
.p-result{margin-bottom: 30px;}
.brands_a{display: inline-block;width: 100%}
.brands_a .brand_li{float: left;width: 16.666%;text-align: center;padding: 0 15px;margin-bottom: 50px;transition:all 0.4s;	}
.brands_a .brand_li:hover{transform:translate3d(0px, -3px, 0px)}
.brands_a .brand_li img{width:100%;aspect-ratio:1/1;}
@media (min-width:767px) {
    .article_c .detail{max-width: 380px;}
}
@media (max-width:1600px) {
    .container{max-width: 1200px;}
}

@media (max-width:1200px) {
    .banner .swiper-button-prev{left:10px}
    .banner .swiper-button-next{ right:10px;}
    .banner{padding: 0 0 30px;}
}
@media (max-width:992px) {
    .title_width{max-width: 100%;}
    .brands_a .brand_li{width: 25%;}
    .popular{vertical-align: top;width: 270px;}
    .hot_labels{vertical-align: top;padding-left: 30px;display: table-cell;}
    .page_width{text-align: center;}
    .row_center{padding-bottom: 0;}
    .foot_links a{margin-left:20px;}
    .foot_share a{margin-left: 10px;}
    footer{font-size: 14px;}
    .arrow_menu{padding: 12px 12px;}
    .arrow_menu a{border-bottom: none;padding-bottom:0;}
    .arrow_menu a:hover{border-bottom: none;}
    .search_filter .left{float: none;width: 100%;max-width: 300px;margin: 0 auto 20px;}
    .search_filter{margin-top: 30px;}
    .search_filter .right{float: none;width: 100%;display: inline-block;padding: 0;margin-bottom: 20px;}
    .search_filter .search_button{position: relative;margin: 0 auto;}
    .service_banner{padding: 40px 0;}
    .hero_grid_item{width: 33.333%;}
    .service_c .keyword a{font-size: 12px;}
    .banner .img{height: 380px;}
    .article_c .detail{padding-left: 0;}

}
@media (max-width:767px) {
    .search_filter .left{margin-bottom: 5px;}
    .search_filter .left{max-width: 100%;   }
    #goToTop img{max-width:35px;}
    .row_center_left{display: block;padding-right: 0;margin-bottom: 50px;width: 100%;}
    .row_center_right{display:table;width: 100%;padding-left: 0;}
    .row_center_right .title2{margin-top: 0;}
    .hero_grid_item{width: 50%;}
    .service_c{padding: 0 5px;}
    .service_c .keyword a img{margin-right: 5px;width: 10px;}
    .service_c .keyword a{font-size: 8px;padding: 3px 8px;}
    .service_c p{font-size: 14px;}
    .service_c .address{font-size: 12px;}
    .service_c .tit{font-size: 16px;}
    .banner .img{height: 280px;}
    .search_filter .right .right_button{width: 50%;}

    .search_filter .right .right_button{margin: 5px 0;}
    header .menu{margin-top: 10px;margin-bottom: 10px;}
    .detail_foot .catelog{margin-right: 10px;}
    header .menu li.li_service a{min-width: auto;background: none;}
    header .menu li.li_service.pets a{background: none;}
    header .menu li.li_service a img{margin-right: 0;margin-top: 0;width: 21px;}
    header .menu > li.drop-menu{padding: 18px 7px;}

    .arrow_menu a{margin-right: 10px;}
    header .menu li.li_service img{width: 20px;}
    header .menu li.search{position: inherit;}
    .top-txt-search{top: 100%;margin: 0 5%;width: 90%}
    .banner .swiper-slide-txt{font-size: 12px;padding: 10px 15px;}
    .banner .swiper-button-next, .banner .swiper-button-prev{width: 30px;height: 30px;margin-top: -30px;}
    .banner .swiper-button-next:after, .banner .swiper-button-prev:after{line-height: 30px;font-size: 12px;}

    .foot_logo{float: none;text-align: center;margin: 0 auto 20px;}
    .foot_links{float: none;text-align: center;}
    .foot_links a{margin: 5px 5px;}
    .foot_share{float: none;text-align: center;margin-bottom: 20px;}
    .copyright{float: none;text-align: center;font-size: 12px;}
    .index_footer .left{display: block;width: 100%;margin-bottom: 20px;}
    .index_footer .right{display: block;width: 100%;padding-left: 0;height: 200px;}
    #top .list-line{display: none;}
    #top .links{float: none;text-align: center;}
    #top{border: none;}
    .list-line{float: none;text-align: center;}
    .list-line .share{border-color:#000;padding: 0 10px;}
    .brands_a .brand_li{width: 33.33%;}

    header .logo img{max-width: 170px;}
    .new_article_add{margin-bottom:40px;}
    /* header.header-fixed .menu{margin-top: 10px;margin-bottom: 5px;}*/
}
@media (max-width:600px) {
    .popular{width: 100%;display: block;}
    .hot_labels{padding-left: 0;display: block;}

    .article{margin-left: -8px;margin-right: -8px;}
    .hot_labels_c a{padding: 6px 20px;font-size: 15px;}
    .other_article .swiper-button-next, .other_article .swiper-button-prev{width: 30px; height: 30px;line-height: 30px;}
    .other_article .swiper-button-next:after, .other_article .swiper-button-prev:after{font-size: 10px;line-height: 30px;}
    .article_detail h1{font-size: 26px;}
    .article_c .img{display: block;width: 100%;padding-right: 0;margin-bottom: 20px;}
    .article_c .detail{display: block;width: 100%;}
    .brands_a .brand_li{width:50%;}

    .popular_c .img{display:block;width: 100%;padding-right: 0;margin-bottom: 20px;}
    .popular_c .detail{display: block;width: 100%;}

    .title2 h1{font-size: 26px;}
    .title2{margin-bottom: 20px;}
}
.side-menu{padding: 0 25% 0 0;}
.side-menu .nav > li {margin:0 10px 14px;position:relative; float:none; display:inline-block;}

.side-menu .navbar-nav{ float:none; text-align:left; position:relative;}
.nav > li > a:focus, .nav > li > a:hover{background:none;}
.side-menu .nav > li > a{text-align:center;padding:24px 0 10px;vertical-align: middle;text-transform: uppercase;margin:0;color: #000; font-weight:bold;font-size:20px; display:inline-block;border-bottom: 3px solid transparent;}
.side-menu .nav > li .dropdown-menu {position:absolute; left:-10px; top:120%;background: #FFF200; width:100%; z-index:999;visibility: hidden;opacity: 0; padding: 0;transition:all 0.3s;display: block;border: none;}
.side-menu .nav > li .dropdown-menu li {display: block;float: none;padding:0;}
.side-menu .nav > li .dropdown-menu li a {font-size:18px;padding:10px 15px; color:#000; text-align:left;}
.side-menu .nav > li .dropdown-menu li a:hover{background: #000;color: #FFF;}
.side-menu .nav > li > .toggle-button {color: #000; display:inline-block;vertical-align: middle;margin-left: 3px; font-size: 20px;margin-top: 10px;line-height: 1;}
.side-menu .nav > li > .toggle-button .fa{font-weight:bold;}
.side-menu .nav > li.active{background: #fff; border-radius: 0;border-bottom: 3px solid #FFF200}
.visible-m{display:none !important;}
.mobile_close{display: none;}

@media (min-width:767px) {
    .side-menu .nav > li:hover .toggle-button i {-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);margin-top: 5px;transition:all 0.1s;}
    .side-menu .nav > .dropdown:hover .dropdown-menu{visibility: visible;opacity: 1; top: 100%;}

}
@media (max-width:767px) {
    .side-menu .nav > li .dropdown-menu li a{padding: 10px 20px;font-size: 20px;}
    .side-menu .nav > li.active{border-radius: 10px;}
    .visible-m{display:block !important;}
    .hidden-m{display:none !important;}
    .side-menu .nav > li .dropdown-menu li h3 a{ color:#e6dbb5;}
    .side-menu {background:#882e4f;float:none; margin:0 0 0; border-radius:0;}
    .side-menu {position: fixed;float: none;overflow: auto;padding: 14px 10px;top: 0;bottom: 0;right:-100%;width: 80%;height:100%;opacity:0;z-index: 99999999;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;background:#feec28;}
    .side-menu.active {right:0;opacity:1;box-shadow: rgba(0, 0, 0, 0.1) 0 0 100px 0;}
    body.body-overflow::before {opacity: 1;z-index:2;}
    body:before {content: '';background: rgba(41, 45, 53, 0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;z-index: -1;pointer-events: none;transition: .3s opacity;}
    .side-title {text-align: center;font-size: 20px;font-weight: bold;margin: 20px -10px 0 -10px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
    .side-menu .nav{float:none;clear:both;}
    .side-menu .navbar-header{margin: 0;position: absolute;right:15px;top:10px;width:auto; z-index:99;}
    .side-menu .nav > li {float: none; text-align:left; display:block;margin:10px 15px; position:relative;}
    .side-menu .navbar-nav{margin:7.5px 0;}
    .side-menu .nav > li > a {padding:10px 20px; margin:0;width:84%;font-size: 24px; height:auto;text-align:left;line-height:1.6;border-bottom:none;}
    .mobile-nav-icon{padding:0 0; color:#000;margin-top:8px;display: block;}
    .mobile-nav-icon i{font-size:24px;}
    .mobile_close{padding:0 0; color:#000;margin-top:8px;}
    .mobile_close i{font-size: 24px;}
    .side-menu .nav > li .dropdown-menu {position: relative; display:none; visibility:visible; margin-left:0; left:0;float: none;box-shadow: none;border: none; transition: none; background:none;visibility: visible;opacity: 1;top: 0;}

    .side-menu .nav > li > .toggle-button {position: absolute;right:5px;padding:0; top:10px; font-size:20px;cursor: pointer;right: 10px;}
    .side-menu .nav > li .dropdown-menu li a:hover{color:#000; background:none;}
    .side-menu .nav > li .dropdown-menu li{float:none; width:100%; }
    .navbar-header{float: left;margin: 0!important;}
    .side-menu .nav > li.active{border-bottom: none;}
}


.new_article{display: table;width: 100%;margin-bottom: 50px;}
.new_article >div{display: table-cell;vertical-align: top;}
.new_article_c{/*width: 27%;padding-right: 30px;*/width:100%;}
.new_article_c a{color: #000;}
.new_article_list{/*width: 27%;padding-right: 30px;*/width:100%;}
.new_article_add{width: 60%;}
.new_article_facebook{width: 27%;padding-right: 30px;}
.new_article_google_ad{width: 40%;padding-left: 5%;}
.new_article_google_ad img{width: 100%;}
.new_article_c .img{margin-bottom: 20px;}
.new_article_c .img img{width: 100%;}
.new_article_c .title_b{font-size: 20px;margin-bottom: 15px;}
.new_article_c .date{margin-bottom: 24px;color: #898989;font-size: 14px;}
.new_article_c .detail{font-size: 16px;margin-bottom: 24px; height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;display: none !important}
.new_article_google_ad a{display: block;margin-bottom: 30px;}
.learn_more{text-align: center;margin-bottom: 30px;}
.learn_more a{display: inline-block;background: #000;color: #FFF;padding: 10px 50px;font-size: 20px;}
.learn_more a:hover{background: #FFF200;color: #000;}
.essay_list{padding-bottom: 25px;margin-bottom: 25px; border-bottom: 1px solid #eeeeee;margin-left: 0;margin-right: 0;}
.essay_list .img{margin-bottom: 20px;text-align: center;}
.essay_list .img img{width: 100%;}
.essay_list .detail{display: table;width: 100%;padding:0 10px;}
.essay_list .detail .date{display: table-cell;width: 60px; vertical-align: middle;font-weight: bold;font-size: 30px;text-align: center;}
.essay_list .detail .date p{text-align: center;font-size: 14px;font-weight: normal;margin-bottom: 0;}
.essay_list .detail .txt .zimmerl{margin-top: 5px;font-size: 12px; color: #898989;}
.essay_list .detail .date span{width: 46px;height: 40px;background: #000;color: #FFF;text-align: center;line-height: 40px;font-size: 20px; display: inline-block;}
.essay_list .detail .txt{display: table-cell;vertical-align: middle;height: 40px;padding-left: 0; padding-left: 10px;}
.essay_list .detail .txt p{margin-bottom: 0; overflow: hidden;}
.essay_list .detail .txt a{color: #000; font-weight: bold;}
.essay_list .detail .txt a:hover{color: #4e9583;}
@media (max-width:1028px) {

}
@media (max-width:767px) {
    .new_article > div{display: block;}
    .new_article_add{width: 100%;}
    .new_article_c{width: 100%;margin-bottom: 40px;padding-right: 0;}
    .new_article_list{width: 100%;margin-left: 0;padding-right: 0;}
    .new_article_facebook{width: 100%;text-align: center;margin-bottom: 30px;padding-right: 0;}
    .new_article_google_ad{width: 100%;margin-left:0;padding-left: 0; text-align: center;}
    .essay_list{margin-left: 0;margin-right: 0;}
}

.service_detail{display: inline-block;width: 100%;}
.service_detail .left{float: left; width: 40%;}
.service_detail .right{float: left; width: 60%;padding-left: 50px;}
.skin_type_product{margin-bottom: 30px;}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 20px;color: #000;}
.product-show-buttom{position: relative;}
.swiper-button-prev{left: -30px;}
.swiper-button-next{right: -30px;}
.product-show-buttom .swiper-slide{border: 3px solid transparent;border-radius: 5px;overflow: hidden;}
.product-show-buttom .swiper-slide.swiper-slide-active{border-color: #feec28;}
.service_detail .right .address{color: #75A995;margin-bottom: 10px;}
.service_detail .right .tit{font-size: 32px;margin-bottom: 15px;}
.service_detail .right .tit a{color: #000;}
.service_detail .right p{margin-bottom: 15px;}
.service_detail .right p img{margin-right: 8px;}
.service_detail .right .detail{margin: 30px 0;}
.service_detail .keyword{margin-bottom: 10px;}
.service_detail .keyword span{display: inline-block;font-size: 14px; border-radius: 50px;background: #FFFDDE;color: #000;padding: 9px 24px;margin-right: 10px;margin-bottom: 15px;}
.service_detail .keyword img{margin-right: 5px;}
.service_detail .map{margin-bottom:30px;}
.service_detail .title_brand{border-top: 1px solid #898989;padding-top: 30px;margin-bottom: 20px;}
.service_detail .title_brand img{margin-right: 7px;}
.service_detail .brands{display: inline-block;width: 100%}
.service_detail .brands a{float: left; width: 25%;padding: 0 15px 30px;}
.img.common-banner{margin-bottom: 20px;}
@media (max-width:1200px){
    .swiper-button-prev{left: -10px;}
    .swiper-button-next{right: -10px;}
    .product-show-buttom{padding: 0 20px;}
}
@media (max-width:767px){
    .skin_type_product{margin-bottom: 20px;}
    .service_detail .left{float: none; width: 100%;margin-bottom: 30px;}
    .service_detail .right{float: none; width: 100%;padding-left: 0;}
    .service_detail .brands a{width: 33.33%;}
    .brands_banner{height: 240px;}
    .search_text{margin-top: 20px;}
    .img.common-banner iframe{height: 24vh!important}
    .content{padding-top: 128px;}
}
.search_empty{text-align: center;padding: 100px 0;}
/*.swiper-slide img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}*/

.form{margin: 0 auto;max-width: 600px;}
.form .p1{font-size: 14px;}
.form-group{margin-bottom: 25px;}

.label_title{margin-bottom: 5px;}
red{color: red!important;}
.checkbox{display: inline-block;margin-right: 20px;}
.checkbox input +label{background: url("../images/checkout1.png") no-repeat left top;min-height: 24px;display: inline-block;padding-left: 33px;font-family: "DIN-Light";font-weight: normal;font-size: 18px;}
.checkbox input:checked +label{background: url("../images/checkout2.png") no-repeat left top;}
.form-control{height: 40px;font-size: 16px;color: #000;}
.buttons{text-align: center;padding: 20px 0 50px;}
.buttons a{display: inline-block;padding: 10px 45px;background: #fee903;color: #000;}
.bootstrap-select > .dropdown-toggle{font-size: 16px;background: #FFF!important;border: 1px solid #ccc !important}
.bootstrap-select.btn-group .dropdown-menu li a{font-size: 16px;}
.form_bottom{text-align: center;margin-bottom: 10px;}
.form_bottom a{display: inline-block;margin: 0 5px;color: #000;}
@media (max-width:767px){
    .form-group .col-sm-6+.col-sm-6{margin-top: 25px;}
}

.my_account{display:table; width:100%; padding:50px 0;min-height: 600px;}
.personal_left{ display:table-cell;width:287px;min-width: 287px; background: #F2F2F2;}
.personal_left .profile-img{ background:#fee903; padding:25PX; color:#000;min-height:106PX; width:100%; border-radius:10px 10px 0px 0px;}
.personal_left .profile-img .name{ font-size:24px; margin-top:10px; color:#000; line-height:1.3; display: block;}
.personal_left ul{list-style:none; margin:0; padding:0; }
.personal_left ul li{list-style:none; margin:0; padding:12px 0;}
.personal_left ul li a{ color:#555; display:block; position:relative; padding-right:10px;}
.personal_left ul li a .fa-angle-right{ position:absolute; right:0; top:50%; margin-top:-10px; font-size:18px;}
.personal_left ul li:hover a{font-weight: bold;color: #000;}
.personal_left ul li.active a{font-weight: bold;color: #000;}
.personal_left ul li a.sign_out .fa{ font-size:18px; margin-right:8px; vertical-align:middle;}
.personal_left h3{text-transform:uppercase; font-size:14px; margin:0 0 10px;font-weight:bold;}
.personal_left .personal_c_li{padding:20px 0px 15px; margin:0 20px;}
.personal_center{ display:table-cell;width:100%; padding-left:50px; vertical-align:top;}
.Account_right_title{ font-size:24px; font-weight:bold; color:#000;  margin-bottom:30px;}
.personal_center .form{max-width: 100%;}
@media (max-width:1090px){
    .personal_left{ display:block;width:100%;min-width: 100%; margin-bottom: 30px;}
    .personal_center{display: block;width: 100%;padding-left: 0;}
}
@media (max-width:767px){
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}
.lds-spinner div {
    transform-origin: 20px 20px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 19px;
    width: 3px;
    height: 9px;
    border-radius: 20%;
    background: #000;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.buttons .btn_back{background: none;color: #000;clear: both;display: block;margin-top: 15px;font-size: 14px;}
.Dashboard_c{ padding:25px 15px; min-height:auto !important;}
.Dashboard_c >h3{font-size:18px; margin:0 0 15px;}
.Dashboard_c.padding0{padding-top:0; padding-bottom:0;}
.p-info{margin:20px 0;display: table;width: 100%;}
.p-info span{ display:table-cell; width:170px; padding-right:10px; color:#999;}
.table_right_c{ margin:0 auto 20px;}
.table_right_c_b{border:1px solid #e0e0e0;}
.table_right_title{font-size: 16px; font-weight:bold; text-transform:uppercase;display: inline-block;width: 100%;padding: 12px 15px;border-bottom: 1px solid #e0e0e0;}
.table_right_title .edit{ float:right; color:#999; text-transform:none; font-weight:normal;}
.brands_btn{margin-top:20px; cursor:pointer;   }

.brands_btn button.btn_cancel{border:1px solid #fee903; background:none;margin-right: 10px;}
.brands_btn button{border:1px solid #fee903;border-radius: 50px; text-align: center; padding:12px 15px; color:#000; font-weight:bold; min-width:110px; background:#fee903; display:inline-block;}
.brands_btn button:hover{opacity: 0.7;}
.choose_file input{display: none}
.choose_file input+label{background: #fee903;color: #000;display: inline-block;padding: 10px 20px;border-radius: 5px;cursor: pointer;}
.choose_file input+label:hover{opacity: 0.7;}
.table_right_title .add_shops{display: inline-block;padding: 8px 20px;font-size: 14px; background: #fee903;color: #000;border: 1px solid #fee903;border-radius: 5px;margin: 0 5px;}
.table_right_title .add_shops+.add_shops{background: none;}

.shopping_table_li{margin:0; padding:20px 0;display:table; width:100%;}
.shopping_table_li+.shopping_table_li{border-top: 1px solid #e0e0e0;}
.shopping_table_li .fa_l{display:table-cell; float:none; vertical-align:middle; position:relative;min-height: 26px;}
.shopping_product{display:flex;width:100%;padding-left:160px;position:relative;min-height: 140px;align-content: center;align-items: center;}
.shopping_product_img{position:absolute;left:0px;top:0px;width: 140px;}
.shopping_product_img img{width:100%;}
.shopping_product_txt{ display:block;}
.shopping_product_txt_title{display:block; font-size:20px; font-weight:bold; padding-bottom:5px; text-align:left;}
.shopping_product_txt_Style{position:relative; margin-bottom: 5px;color: #4E9583; font-size: 14px;text-align: left;}
.shopping_product_txt_phone{margin-bottom: 5px;color: #AEAEAE;}
a.a_button{display: table-cell;vertical-align: middle;color: #b6b6b6;font-size: 20px;}
.add_shops .bootstrap-select{width: 100%!important;}
a.a_button:hover{opacity: 0.7;}
.bs-searchbox{position: relative;}
.bs-searchbox:after{content:"\f002";font-family:'FontAwesome';position: absolute;right: 25px;top: 50%;margin-top: -10px;}
.modal .btn-primary{background-color: #fee903!important;border-color: #fee903!important;color: #000!important;}
.modal button:focus{outline: none !important;}
.imgs1{max-width: 200px;margin-bottom: 15px;}
@media (max-width:767px){
    .shopping_product_img{width: 90px;}
    .shopping_product{padding-left: 105px;min-height: 90px;}
    .shopping_product_txt_title{font-size: 16px;}
    a.a_button{font-size: 16px;}
}


.news_width{padding-top:40px;}
.news_width .page_width{ margin-bottom: 0px;}
.news_width .row_center_left{padding-bottom: 20px;}
.news_width .page_width.text-center{text-align: left;}
.news_width .Account_right_title{padding:10px 0px 20px; margin: 0px;}
.news_width .essay_list .detail .txt{padding-left: 10px;}
.news_width .essay_list .detail .txt a{font-weight: bold;}
.news_width .essay_list .detail .txt a:hover{color:#4e9583}
.advertisement{padding: 20px 0px;}
.advertisement img{width: 100%;}
.news_width .row_center_left{width: 65%;}
.news_width .row_center_right{width: 35%;}
.news_show_width .Account_right_title{padding:10px 0px 20px; margin: 0px;}

.Combo_rate{display: table; width: 100%; padding:10px 0px 20px;}
.Combo_rate_right{text-align: right; display: table-cell;  vertical-align: middle; }
.Combo_rate_right i{display: block; font-size:26px; color: #ED725D;}
.Combo_rate_right_ct{display: inline-block; text-align: center;}
.Combo_rate_title{display: table-cell; padding-right: 30px; vertical-align: middle; font-weight: bold;}
.news_other{display: block; padding-top: 30px;}
.news_other .title2{padding:15px 0px; margin: 0px;}
@media (max-width:767px){
.news_width .row_center_left{width:100%;}
.news_width .row_center_right{width:100%;}
.news_width{padding-top:20px;}
header .menu{margin: 5px 0px;}
.advertisement{padding: 0px;}
.news_width .row_center_left{margin-bottom:0px;}
.news_width .row_center_right{padding-bottom:0px;}
.Combo_rate{padding:5px 0px 15px;}
.article_detail h1{font-size: 22px;}
.news_show_width .row_center_left{padding-bottom: 10px; margin-bottom: 0px;}
.news_show_width .row_center_right{padding-bottom:20px;}
.learn_more a{font-size: 18px; padding: 8px 40px;}
.essay_list .detail .date span{font-size: 18px; width: 36px; height: 30px; line-height: 30px;}
.essay_list .detail .date{width: 40px;}
.essay_list .detail .txt{padding-left: 15px;}

.news_other{display: block; padding-top:10px;}
}