*{margin:0;padding:0;}
html{height:100%;width:100%;}
body{margin:0;padding:0;color:#161616;position:relative;font-size:14px;background:#FFF;width:100%;height:100%;overflow-x:hidden;font-family:"FF_DIN_Pro_Medium","NotoSans-Regular" ,sans-serif;}
@font-face {
    font-family:"NotoSans-Regular";
    src: url("../otf/notosanstc-regular.otf");
}
@font-face {
    font-family:"NotoSans-Medium";
    src: url("../otf/notosanstc-medium.otf");
}
@font-face {
    font-family:"DIN Condensed Bold";
    src: url("../ttf/din-condensed-bold-2.ttf");
}
@font-face {
    font-family:"FF_DIN_Pro_Medium";
    src: url("../otf/ff_din_pro_medium.otf");
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:"FF_DIN_Pro_Medium","NotoSans-Regular", sans-serif;line-height:inherit;margin: 0;}
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;}
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:rgba(0, 0, 0, 0.5);}
input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.5);}
input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.5);}
/**/

.container{ max-width:1400px; width:100%;}
.shopping_ad{position: fixed;right: 25px;top: 50%; z-index: 12;max-width: 150px;text-align: center;}
.shopping_ad_close{position: absolute; z-index: 9; right: -10px; color: #fff; cursor: pointer; top:-10px; width: 24px; height: 24px;  background: #5F5F5F;border-radius: 100%;text-align: center;}
.shopping_ad img{border-radius: 8px;}
.shopping_ad_close i{font-size: 16px;color: #FFF;line-height: 23px;}
.shopping_ad_close:hover{opacity: 0.9;}
.shopping_ad_btn{text-align: center;margin-top: 10px;}
.shopping_ad_btn a{display: block;border: 1px solid #DADADA;color: #252525;font-size: 12px;padding:6px 0;text-align: center;font-weight: 700;border-radius: 50px;background: #FFF;}
.shopping_ad_btn a:hover{background: #EDFAFF;border-color: #56BDEA;}
header{position: relative;background:#B2E3F9;border-bottom: 3px solid #7FD3F7;width: 100%;z-index: 999;}
header.header-fixed{z-index: 999; position: fixed;left: 0;top:-20px;-webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,20px,0);
    -ms-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);}
header.header-fixed .header_top{display: none;}
header.header-fixed  .scroll_visible{display: inline-block !important; width: auto!important;}
header.header-fixed  .scroll_visible a{max-width: 174px;}
header.header-fixed  .scroll_visible a img{width: 100%;}
header.header-fixed .side-menu .menu_nav_ul > li{width: 120px; margin: 0 10px; text-align: center;}
.header_top{padding: 20px 0;position: relative;max-width: 1400px;margin: 0 auto;}
.header_top .logo{margin: 0 auto;max-width: 170px;}
.header_top .left{position: absolute;left: 20px; top: 25px;}
.header_top .left .img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.header_top .left .img img{margin-right: 5px;display: inline-block;vertical-align: middle;}
.header_top .left .img span{display: inline-block;vertical-align: middle;font-family: "DIN Condensed Bold"; font-size: 42px;}
.header_top .left .txt{display: inline-block;vertical-align: middle;line-height: 20px;font-size: 13px;}
.header_top .left .txt a{color:#EE303A;font-size: 14px;}
.header_top .left .txt a i{font-size: 24px;margin-left: 3px;vertical-align: middle;margin-top: -2px;}
.header_top .right{position: absolute;right: 20px; top: 35px;}
.header_top .right >a{display: inline-block;vertical-align: middle;color: rgba(0, 0, 0, 0.5);margin-left: 15px;font-size: 18px;}
.header_top .right >a:hover{color: #EE303A;}
.search{position: relative;display: inline-block;vertical-align: middle;}
.search_bar_left ul {border: 1px solid #14A6E3;overflow: hidden;border-radius: 8px;}
.top-txt-search{position:absolute; background:#FFF; width:100%;min-width: 590px; right:0px; top:45px;display:none; z-index:999999; padding: 24px 24px;border-radius: 10px;box-shadow: -1px 4px 10.1px 0px rgba(0, 0, 0, 0.10);max-height: 650px;overflow-y: auto;}
.search_bar{display: inline-block;width: 100%;margin-bottom: 16px;}
.search_bar_left{float: left;width: 30%}
.search_bar_right{float: right;width: 70%;padding-left: 15px;font-size: 16px;}
.header_top .right .close_top_search{float: right;margin-bottom: 15px;width: 14px;}
.search-width{position: relative;width: 100%}
.search-txt{width:100%; line-height:26px; padding:10px 12px; border:#D9D9D9 solid 1px; height:44px;border-radius: 8px;}
.search-txt::-webkit-search-cancel-button{-webkit-appearance: none;}

.search-txt:hover{box-shadow: 1px 0px 4px 0px #A7E3FD; border-color: #B2E3F8;}
.search-txt:focus{border:#D9D9D9 solid 1px;}
.search-but{ display:inline-block; line-height: 1; cursor:pointer;border-radius: 0 8px 8px 0; position:absolute; right:0; top:0;background: #E71A2F;border: none;color: #FFF;height: 100%;width: 64px;text-align: center;}
.search-but:hover{background: #E53E4F;}
.search_Close i{background:none;width: 13px;height: 14px;}
.search_Close i:before {content: "\f00d";}

.tab_pane_content_li{display: inline-block;margin-right: 15px;}
#find_brands .tab_pane_content_li{padding: 0 8px;width: 20%;margin: 0;}
#find_brands .tab_pane_content{font-size: 0;margin-left: -8px;margin-right: -8px;}
#find_brands .tab_pane_content_li a{display: block;}
.tab_pane_content_li a{min-width: 87px;text-align: center;padding: 8px 12px;font-weight: normal;color: #5F5F5F!important;border: 1px solid #D9D9D9;border-radius: 8px;display: block;cursor: pointer;margin-bottom: 15px;margin-left: 0!important;font-size: 14px!important;}
.tab_pane_content_li a:hover{border-color: #E71A2F; color: #E71A2F!important;}
.tab_pane_title{font-weight: bold;color: #5F5F5F;font-size: 16px;margin-bottom: 15px;}
.time_search_list{margin-bottom: 15px;}
.time_search_list .time_search_list_a{display: block;background: #FFF;border-radius: 10px;display: flex;align-items: center;color: #252525;font-size: 16px;margin: 0;position: relative;}
.time_search_list_a .img{width: 80px;min-width: 80px; padding: 10px 10px;}
.time_search_list_a .t_s_txt{padding-left: 0;}
.Time_search{display:flex;width: 100%;}
.Time_search_li{width: 50%;margin-right: 8px;background: #DAF4FF;border-radius: 10px;padding: 15px;}
.Time_search_li.Time_search_li_Recommended{margin-right: 0;margin-left: 8px;background: #FFEEEE}
.time_search_title{font-weight: 700;font-size: 16px;margin-bottom: 15px;}
.search_order{display: inline-block;position: absolute;left: 0;top: 0;border-radius: 10px 0 0 0;color: #FFF;padding: 0 8px;height: 23px;line-height: 23px;font-size: 14px; background: #E71A2F;}
.top_bar{background: #1172B7;padding: 8px 0;color: #FFF;font-size: 16px;width: 100%;}
.top_bar.top_bar_fixed{position: fixed;top: 65px;width: 100%;z-index: 999;}
.top_bar img{margin-right: 10px;}
.top_bar_close{position: absolute;right: 15px;top: 50%;color: #FFF;margin-top: -11px;}
.top_bar .container{position: relative;padding-right: 50px;}
.top_bar_close:hover{color: #EE303A;}
.top_bar_c{display: flex;align-items: center;}
#goToTop{ position: fixed; right:15px; bottom:110px; z-index:80;}
#goToTop img{max-width:50px;}
#goToTop:hover .hover{display: block}
#goToTop:hover .acquiesce{display: none}
#goToTop  .hover{display: none}
.header_top .right .search{display: none;}


.content{position: relative;z-index: 1}
.header_bottom{display: flex;align-items: center;align-content: center;justify-content: space-between;max-width: 1400px;margin: 0 auto;}

.side-menu .menu_nav_ul > li {margin:0 20px;padding: 20px 0 20px; position:initial; float:none; display:inline-block;}
.side-menu .navbar-nav{ float:left; text-align:left; margin-bottom: -3px;}
.menu_search{position: relative;width: 400px;}
.header-fixed .menu_search{display: none}
.side-menu .menu_nav_ul > li.scroll_visible{padding-top: 0}
.header-fixed  .header_bottom{justify-content: center;}
.menu_search input{width: 100%;height: 42px;border-radius: 50px;background: #FFF;border: 1px solid transparent;padding: 0 40px 0 15px;}
.menu_search input:focus{border-color: #14A6E3}
.menu_search .icon_search{position: absolute;right: 12px;top: 9px;width: 24px;height: 24px;border-radius: 50px;background: #EE0018;color: #FFF;text-align:center;padding: 3px 0;display: inline-block;font-size: 12px;}
.nav > li > a:focus, .nav > li > a:hover{background:none;}
.side-menu .menu_nav_ul > li > a{text-align:center;padding:0 0;text-transform: uppercase;margin:0;color: #444;font-size:18px; display:inline-block;vertical-align: middle;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.side-menu .menu_nav_ul > li .dropdown-menu {position:absolute; left:0; top:120%;background: #FFF; width:100%; z-index:999;visibility: hidden;opacity: 0; padding: 30px 0;transition:all 0.3s;display: block;border: none;}
.side-menu .menu_nav_ul > li > .toggle-button {display: none;vertical-align: middle;line-height: 1;}
.side-menu .menu_nav_ul > li{border-bottom: 3px solid transparent;}
.dropdown-menu_ul{display: block;}
.dropdown-menu_ul li{margin-bottom: 10px;}
.dropdown-menu_ul li a{display: inline-block;border-bottom: 2px solid transparent;color: #000; padding-bottom: 5px; font-size: 16px;}
.dropdown-menu_ul li a:hover{border-color: #EE303A;}
.visible-m{display: none !important}
.download_app{position: absolute;right: -50px;top:50px;width: 180px;background: #FFF;border-radius: 8px;box-shadow: 1px 1px 10px 0px #0000001A;text-align: center;padding: 20px;color: #4E443C;z-index: 90;display: none}
.download_app:before{content: "";background: url("../png/polygon1.png") no-repeat center center;left: 50%;margin-left: -9px;top: -14px;width: 18px;height: 16px;position: absolute;}
.download_app .app_title{margin-bottom: 10px;}
.download_app .app_qr{margin:5px auto 0;max-width: 100px;}
.download_app .app_qr a{margin:0;}

.menu_recommend h2{font-size: 16px;margin-bottom: 20px;color: #EE303A;}
.m_recommend_c{ margin-left:-20px; margin-right:-20px;}
.m_recommend_c:after,.m_recommend_c:before{display:table;content:" ";}
.m_recommend_c:after{clear:both;}
.m_recommend_li{float: left; width: 33.33%;padding: 0 20px;}
.m_recommend_li.width_half{width: 50%;}
.m_recommend_li.width_100{width: 100%;}
.m_position li{margin-bottom: 15px;}
.m_position li a{display: inline-block;padding-bottom: 6px;border-bottom: 1px solid #7FD3F7;color: #000;font-size: 16px;}
.scroll_visible{display: none!important;padding-bottom: 0!important;border:none!important;}
.search_bar_left >ul > li{float:left!important;width: 50%;margin: 0!important;padding: 0!important;border: none!important;}
.search_bar_left >ul > li a{display: block;margin: 0!important;padding:10px 0!important;border: none!important;text-align: center;border-radius: 0;color: #14A6E3;font-size: 16px!important;width: 100%;}
.search_bar_left >ul > li.active a{background: #14A6E3!important;color: #FFF!important;margin: 0}
.search_bar_left >ul > li a:hover{color: #14A6E3;}
.search_bar_left >ul > li.active a:hover{color: #FFF;}

@media (max-width:1480px) {
    .download_app{right: -15px}
    .download_app:before{margin-left: 0;left: inherit;right: 23%;}
    .menu_search{margin-right: 15px;width: 300px;}
    .side-menu .menu_nav_ul > li{margin: 0 15px;}

}
@media (min-width:1200px) {
    .side-menu .menu_nav_ul > .dropdown:hover .dropdown-menu{visibility: visible;opacity: 1; top: 100%;margin-top: 3px;}
    .side-menu .menu_nav_ul > li:hover{border-color: #EE303A;}
}
@media (max-width:1200px) {
    .header-fixed .menu_search{display: block;}
    .visible-m{display:block !important;}
    .hidden-m{display:none !important;}
    .side-menu .menu_nav_ul > li > a img{display: none;}
    .side-menu {/*position: fixed;visibility: hidden;top: -100%;opacity: 0;*/display:none;width: 100%;z-index: 9999;/*position:absolute;top: 60px;left: 0;*/ /*transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;*/background:#FFF;border-radius:0;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);overflow-y: auto;height: calc(100% - 57px);}
    /* .side-menu.active {top:0;opacity:1;visibility: visible;}*/
    body.body-overflow::before {opacity: 1;z-index:100;}
    body.body-overflow{overflow-y: hidden;}
    body:before {content: '';background: rgba(237, 250, 255, 0.9);position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;z-index: -1;pointer-events: none;transition: .3s opacity;}
    .side-menu .menu_nav_ul{float:none;clear:both;}
    .side-menu .navbar-header{margin: 0;position: absolute;right:15px;top:10px;width:auto; z-index:99;}
    .side-menu .menu_nav_ul > li {float: none; text-align:left;padding:10px 0; display:block;margin:0;position:relative;border-bottom: 1px solid #DADADA;}
    .side-menu .navbar-nav{margin:0;}
    .side-menu .menu_nav_ul > li.active > a i, .side-menu .menu_nav_ul > li.active .toggle-button i {-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
    .side-menu .menu_nav_ul > li.dropdown.active > a{border-bottom:2px solid #EE303A;}
    .side-menu .menu_nav_ul > li.dropdown.active{padding-bottom: 0;}
    .side-menu .menu_nav_ul > li > a {margin:0;margin: 5px 20px;color: #161616; height:auto;text-align:left;line-height:1.6;border-bottom:none;}
    .mobile-nav-icon{padding:0 0;display: block;line-height: 1;}
    .side-menu .menu_nav_ul > li .dropdown-menu {position: relative; display:none; visibility:visible; margin-left:0; left:0;float: none;box-shadow: none;border: none; transition: none; background:#F4F4F4;visibility: visible;opacity: 1;top: 0;padding:5px 0;}
    .side-menu .menu_nav_ul > li .dropdown-menu li{list-style: circle;margin: 12px 30px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";color: #EE303C;}
    .side-menu .menu_nav_ul > li .dropdown-menu li a{border: none;display: block;padding-bottom: 0; font-size: 16px;color: #000;font-weight: normal;}
    .side-menu .menu_nav_ul > li > .toggle-button {position: absolute;padding:0;margin-top:15px;top: 0; z-index: 8; font-size:20px;cursor: pointer;right: 20px;}
    .side-menu .menu_nav_ul > li .dropdown-menu li a:hover{color:#000; background:none;}
    .side-menu .menu_nav_ul > li .dropdown-menu li{float:none;  }
    .side-menu .menu_nav_ul > li.active a, .side-menu .menu_nav_ul > li.active{font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
    .menu_recommend{display: none;}
    /*  .slide_menu{position: relative;background: #B2E3F9;padding: 2px 0; border-bottom: 3px solid #7FD3F7;}*/
    .header_top .search{position: absolute;left: 20px;top: 50%;margin-top: -12px;}
    .header_top .search a{color: #000;}
    .top-txt-search{left: 0;right: inherit;top: 0px;min-width: 338px; position: fixed;padding: 24px;overflow-y: auto;border-radius: 0;}
    .header_top .right .close_top_search{display: none;}
    /*.slide_logo{text-align: center;max-width: 130px;margin: 0 auto;}
    */.mobile_close{position: absolute;left: 20px;top: 50%;margin-top: -8px; display: none;background: #B2E3F9;}
    .header_top.active .mobile_close{display: block;}
    .header_top.active .mobile-nav-icon{display: none;}
    .header_top.active .left{display: none;}
    .header_top .search{position:relative;top: 0;margin-top: 0;left: 0}

    header.header-fixed .header_top{display: block;}

    header.header-fixed  .scroll_visible{display: none !important;}
    .header_top .left .txt{display: none;  }
    .header_top .logo{max-width: 130px;}
    .header_top .left .img img{width: 24px;}
    .header_top .left .img span{font-size: 30px;display: none; height: 35px;}
    .header_top .right >a{display: none;}
    .header_top .right{top: 50%;margin-top: -9px;}
    .header_top{padding:4px 0;background: #B2E3F9;}
    .header_top .left{top: 50%;margin-top: -12px;}
    .mobile-nav-icon{position: absolute;left: 20px;top: 50%;margin-top: -6px;}
    .side-menu .menu_nav_ul > li > .toggle-button{display: block;color: #EE303A;font-size: 28px;}
    .side_foot{display: inline-block;width: 100%;padding: 20px 20px;font-size: 16px;}
    .side_foot .language{float: left;}
    .side_foot a{color: #EE303A}
    .side_foot .language a{display: inline-block;margin-right: 10px;color: #000;}
    .side_foot .language a.active{color: #EE303A;}
    .side_foot .side_links{float: right;position: relative}
    .side_foot .side_links a{display: inline-block;margin-left: 10px;color: #EE303A}
    .side_foot .side_links a i{font-size: 20px;}
    .download_app{top: 40px;font-size: 14px;}
    .side_foot .Branch_network{float: left;margin-left: 5px;}
    .side_foot .Branch_network a{color: #000;}
    .header_top .left .img{margin-left: 40px;}
    header.header-fixed .side-menu .menu_nav_ul > li{width: auto;margin: 0;text-align: left;}
    .top_bar.top_bar_fixed{top: 59.616px;}
    .header_top .right .search{display: block}
    .menu_search input{border: 1px solid #ccc}
    .menu_nav_ul{position: relative;z-index: 80}
    .menu_search{margin: 0;width: auto;position: absolute;right:5px;top: 10px;}
}
/*homepage banner*/

.banner{ width:100%;padding: 40px 0;position: relative;}
.banner .swiper-slide{width:920px;transform:scale(0.92);}
.banner .swiper-slide.swiper-slide-active{transform:scale(1);}

.swiper-button-prev{left:0;}
.swiper-button-next{ right:0;}

.banner .swiper-slide:after{position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.5);left: 0;top: 0;content: "";z-index: 10;}
.banner .swiper-slide.swiper-slide-active:after{display: none;}
.banner .swiper-pagination{display: none;}
.banner .swiper-slide{border-radius: 15px;overflow: hidden;}
.banner .swiper-slide >img{width:calc(100% - 290px);}
.banner .swiper-slide > a> img{width:calc(100% - 290px);}

.slide_content{position: absolute;right: 0;top: 0;height: 100%;background: #1172B7; width: 290px;padding: 0 40px;text-align: center;display: flex;align-items: center;align-content: center;color: #FFF;z-index: 9;opacity: 1;visibility: visible;transition: .3s opacity;}
.slide_button a{display:inline-block;margin: 0 auto;background: #FFF;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 16px 32px;color: #000;font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.slide_button a:hover{background: #EDFAFF;}

.slide_content .img{margin:0 auto 10px;max-width: 146px;}
.slide_content .img img{background: #FFF;}
.slide_content p{margin:0 auto 10px;max-width: 146px;}
.slide_content >div{width: 100%;}
.slide_button a i{margin-left: 5px;color: #EE303A;}
.slide_content .txt_li{padding-bottom: 10px;text-align: left;margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);;}
.slide_content .text{margin-bottom:30px;}
.slide_content .info_detail{margin-bottom: 20px;text-align: center;}
.slide_content .info_detail h5{font-size: 16px;margin-bottom: 15px;text-align: center;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}

.swiper-button{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.banner:hover .swiper-button{display: block;}
.swiper-button .container{position: relative;max-width: 1050px;height: 100%;}
.swiper-button-prev,.swiper-button-next{width: 48px;height: 48px;background: #FFFFFF;border: 1px solid #DADADA;border-radius: 50px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.swiper-button-prev:hover,.swiper-button-next:hover{background: #EE303A;border-color: #EE303A}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{color: #FFF}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 16px;color: #EE303A}
@media (max-width:1200px) {
    .banner .swiper-slide{width: 62%;}
    .swiper-button .container{max-width: 72%;}
    .slide_content .txt_li{font-size: 12px;padding-bottom: 5px;margin-bottom: 12px;}
    .slide_content .text{margin-bottom: 20px;}
    .banner .slide_button a{font-size: 12px;padding:8px 12px;border-radius: 5px;}
    .slide_content{width: 200px;padding: 0 20px;}
    .slide_content .img img{max-width: 60px;}
    .slide_content p{font-size: 12px;margin-bottom: 10px;}
    .slide_content .info_detail{font-size: 10px;margin-bottom: 15px;}
    .slide_content .info_detail h5{font-size: 12px;margin-bottom: 10px;}
    .banner .swiper-slide >img{width:calc(100% - 200px);}
    .banner .swiper-slide > a> img{width:calc(100% - 200px);}
    .a_search_back{text-align: right;margin-bottom: 15px;}

}
@media (max-width:767px) {
    #find_brands .tab_pane_content_li{width: 33.33%;}
    #goToTop{ right: 5px;}
    #goToTop img {max-width: 35px;}
    .top_bar{font-size: 14px;}
    .top_bar img{width: 24px;}
    .top-txt-search{padding: 20px;}
    .search_bar_right{float: none;width: 100%;padding-left: 0;margin-bottom: 15px;}
    .search_bar_left{width: 100%;float: none;}
    .search_bar_left> ul{border: none;border-bottom: 2px solid #EDEDED;border-radius: 0;overflow: inherit}
    .search_bar_left >ul > li{float: none!important;width: auto!important;display: inline-block;border-bottom: 2px solid transparent!important;margin-bottom: -2px!important;}
    .search_bar_left >ul > li >a{padding: 10px 20px!important;color: #5F5F5F!important;}
    .search_bar_left > ul > li.active{border-color: #14A6E3!important}
    .search_bar_left > ul > li.active a{background: none!important;color: #14A6E3!important;}
    .search_bar_left > ul > li.active a:hover{color: #14A6E3!important;}
    .slide_content .img img{max-width: 100%;}
    .banner{padding: 15px 15px 25px;margin-bottom: 20px;}
    .banner .swiper-pagination{display: block;}
    .banner .swiper-slide{width: 100%;}
    .banner .swiper-button{display: none;}
    .banner .swiper-slide >img{width:100%;}
    .banner .swiper-slide > a> img{width:100%;}
    .slide_content{position: static;width: 100%;padding: 20px;}

    .slide_content > div{display: table;}
    .slide_content .img{display: table-cell;vertical-align: middle;width: 80px;}
    .slide_content p{display: table-cell;vertical-align: middle;padding: 0 15px;text-align: left;}
    .banner .slide_button{width: 40px;height: 40px;display: table-cell;vertical-align: middle;}
    .banner .slide_button a{width: 40px;text-align: center;padding: 0; height: 40px;border-radius: 50px;}
    .banner .slide_button a span{display: none;}
    .banner .slide_button a i{margin-left: 0;line-height: 40px;font-size: 20px;}
    .slide_content .text{display: table-cell;vertical-align: middle;padding-right: 20px;}
    .banner:hover .swiper-button{display: none;}
    .slide_content .info_detail{padding-right: 20px;margin-bottom: 0;font-size: 12px;}
    .slide_content{visibility: visible;opacity: 1;}
    .slide_content .txt_li{font-size: 14px;}
    .slide_content p{font-size: 14px;}
    .slide_content .info_detail h5{font-size: 14px;}
    .Time_search{display: block;}
    .Time_search_li{width: 100%;margin-right: 0;}
    .Time_search_li.Time_search_li_Recommended{margin-left: 0;margin-top: 24px;}
}
.title{display:table;width: 100%;position: relative;margin-bottom: 40px;}
.title:after{position: absolute;left: 0;top: 50%;border-top: 1px solid #DADADA;width: 100%;content: "";z-index: -1;}
.title h1{float: left;color: #EE303A;font-size: 32px;background: #FFF;padding-right: 15px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.title .more{padding-left: 15px;background: #FFF;float: right;}
.title .more a{display: inline-block;padding: 12px 25px;border: 1px solid #DADADA;border-radius: 50px;font-size: 16px;color: #000;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.title .more i{margin-left: 5px;color:  #EE303A;font-size: 18px;vertical-align: middle;}
#part_promote{margin-bottom:48px;}
.promote{color: #000;transition: all 0.4s ease-out;display: block;}
.promote:hover{	transform:translate3d(0px, -3px, 0px);}
.promote .img{margin-bottom: 15px !important;border-radius: 8px;overflow: hidden;}
.promote .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:40px;margin-bottom: 10px;}
.promote .txt p{margin-bottom: 0;}
.promote .date{color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.part_promote{position: relative;padding-bottom: 40px;}
.swiper-pagination-bullet{background: #7FD3F7;opacity: 1;}
.swiper-pagination-bullet:hover{background: #2D9CDB}
.swiper-pagination-bullet-active{width: 16px;background: #EE303A!important;border-radius: 50px;}
.swiper-pagination-bullet, .swiper-pagination-bullet {margin: 0 4px;}
.swiper-pagination {bottom: 0;width: 100%;left: 0;}
.title.tab_title:after{display: none;}
.title.tab_title{border-top: 1px solid #DADADA;margin-bottom: 0;padding: 0 !important;}
.title.tab_title .more{margin-top: 25px;}
.title .more a:hover{background: #EDFAFF;border-color: #56BDEA;}


#part_recommend{margin-bottom: 48px;}
#myTab{float: left;}
#myTab li{float: left;}
#myTab li a{display: inline-block;border: 1px solid #DADADA;border-bottom: none; margin-top: -1px;margin-left: -1px;font-size: 36px;padding: 25px 40px; color: rgba(0, 0, 0, 0.5);}
#myTab li a span{display: none;}
#myTab li.active a span{display: inline-block;}
#myTab li.active a{color: #FFF;background: #CC2E36;}
#myTab li.color2.active a{background: #8ab95d;}
.tab_conent{display:block;width: 100%;    }
.tab_conent:after,.tab_conent:before{content: " ";display: table;}
.tab_conent:after{clear: both;}
#tab1{background:#CC2E36; }
#tab2{background:#8ab95d; }
#tab3{background:#CC2E36; }
#tab4{background:#1172B7; }
.tab_conent .left{float: left;width: 50%;color: #FFF;text-align: center;}
.left_div{padding: 15% 60px;}
.tab_conent .left h2{font-size: 38px;margin-bottom: 15px;line-height: 1;}
.tab_conent .left p{font-size: 16px;line-height: 1.8; margin:0 auto 30px;max-width: 470px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height:55px;}
.tab_conent .right{float: left;width: 50%;position: relative}
.tab_product .img{margin-bottom: 10px;}
.tab_product .img img{background: #FFF;}
.tab_product{color: #FFF!important;display: block;}
.tab_product .txt{text-align: left;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:60px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 18px;}
.swiper-container.tab_swiper{position: static;}
#tab_swiper{position: relative;padding: 0 25px;}
.tab_conent.tab2 .left{float: none;display: table-cell;vertical-align: middle;padding: 20px 100px;}
.tab_conent.tab2 .right{float: none;display: table-cell;vertical-align: middle;}
.tab_swiper .swiper-button-next, .tab_swiper .swiper-button-prev{background: none;border: none;width: auto;height: auto;}
.tab_swiper .swiper-button-next:after, .tab_swiper .swiper-button-prev:after{color: #FFF;}
.red_onclick{position: absolute;left: 30%;top: 55%;}
.red_onclick_visible{ transition:all 0.3s linear;opacity: 0;visibility: hidden;background: rgba(255,255,255,0.9);border-radius: 8px;padding: 12px;display: table;width: 100%;width: 290px;position: absolute;left: 50%;bottom: 40px;margin-left: -145px;}
.red_onclick_visible:after{content: "";background: url("../png/rectangle%2029.png")no-repeat;position: absolute;bottom: -11px;left: 50%;width: 22px;height: 11px;margin-left: -11px;}
.red_onclick_visible .img{display: table-cell;vertical-align: middle;width: 60px;}
.red_onclick_visible .txt{display: table-cell;vertical-align: middle;color: #000;padding-right: 10px;max-width: 113px;}
.red_onclick_visible .discount{display: table-cell;vertical-align: middle;background: #EE303A;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;color: #FFF;padding: 20px;text-align: center;}
.red_onclick_visible .discount:hover{background: #CC2E36;}
.red_onclick:hover .red_onclick_visible{opacity: 1;visibility: visible;}


#part_food{margin-bottom: 48px;}
.part_food{display: inline-block;width: 100%}
.part_food .left{float: left;width: 50%;padding-right: 20px;}
.part_food .right{float: left;width: 50%;padding-left: 20px;}
.food_c{display: table;width: 100%; margin-bottom: 40px; color: #000;background: #FFFFFF;overflow: hidden;border-radius:8px;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.15); }
.food_c:hover .img{transform:scale(1.02);}
.food_c .img{transition: 1s ease 0s;}
.food_c .img{overflow: hidden;display: table-cell;vertical-align: middle;width: 259px;position: relative;height: 150px;}
.food_c .img span{display: inline-block;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";color: #FFF;padding: 10px 20px;border-radius: 8px 0 0;position: absolute;left: 0;top: 0;}

.food_c .detail{padding: 20px;display: table-cell;vertical-align: middle;}
.food_c .detail .tit{font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height:22px;
}
.food_c .detail p{margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:40px;}
.food_c .detail .dete{color: rgba(0, 0, 0, 0.5);font-size: 12px;}
.left .food_c{border-radius:16px;}
.left .food_c .img{display: block;width: 100%;height: 345px;}
.left .food_c .detail{display: block;}
.left .food_c .detail .tit{font-size: 24px;margin-bottom: 15px;height: 33px;}
.left .food_c .detail p{margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height:60px;}

#part_catelog{background: #E7E0D4;margin-bottom: 48px;}
.part_catelog{display:block;width: 100%}
.part_catelog:after,.part_catelog:before{content: " ";display: table;}
.part_catelog:after{clear: both;}
a.catelog_img{border-radius: 100px;background: #FFF;display:inline-block;padding: 10px;transition:all 0.3s ease-out;overflow: hidden;}
a.catelog_img img{max-width: 109px;width: 100%;}
a.catelog_img:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25);transform:scale(1.12);}
.part_catelog .left{float: left; width: 50%;padding-right: 30px;}
.part_catelog .right{float: left; width: 50%;padding: 20px 0;text-align: center;padding-left: 30px;display: flex;align-items: center;text-align: center;align-content: center;justify-content: center;height: 420px;
}
.part_catelog .right h3{font-size: 32px;color: #EE303A;margin-bottom: 15px;}
.part_catelog .right h1{color: #000;font-size: 38px;line-height: 1.2; margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height:100px;padding-bottom: 5px;}
.part_catelog .right p{font-size: 16px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;max-height:120px;}
.part_catelog .right .look_catelog{display: block;}
.part_catelog .right .look_catelog a{font-size: 16px;color: #FFF;background: #EE303A;padding: 16px 32px;border-radius: 8px;display: inline-block;}
.part_catelog .right .look_catelog a:hover{background: #CC2E36;}
.part_catelog .right .look_catelog a i{margin-left: 5px;}

#part_club{margin-bottom: 48px;display: table;width: 100%;background: #65B895;border-radius: 16px;overflow: hidden;}
#part_club .left{display: table-cell;vertical-align: middle;width: 50%;text-align: center;}
#part_club .right{display: table-cell;vertical-align: middle;background: #32A071;width: 50%;color: #FFF;text-align: center;padding: 20px 5%;}
#part_club .right h1{font-size: 48px;margin-bottom: 15px;}
#part_club .right p{font-size: 16px;margin-bottom: 40px;line-height: 1.8;}

.swiper_catelog_pc{height: 420px;}
.swiper-container.swiper_catelog_pc .swiper-slide{text-align: center;}
.swiper_catelog_pc .catelog_img_li{display: inline-block;width: 33.33%;padding: 20px 20px; text-align: center;margin-left:-3px;}
.swiper-container.swiper_catelog .swiper-slide{width: 160px;}
.swiper_catelog .catelog_img_li{padding: 20px;}

/*.swiper-container.swiper_catelog .swiper-wrapper,.swiper-container.swiper_catelog_pc .swiper-wrapper{  -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}*/

#part_bottom{margin-bottom: 48px;display:inline-block;width: 100%;}
.part_duty{float: left; width: 50%;padding-right: 20px;}
.part_shop{float: left;width: 50%;padding-left: 20px;}
.slide_c{display: block;color: #000;}
.slide_c .img{border-radius: 8px;overflow: hidden;margin-bottom: 24px;}
.slide_c .p{padding-right: 0;}
.pagination_part.swiper-pagination{text-align: center;bottom: 0}
.swiper-container.slide_banner{padding-bottom: 30px;}

footer{  position:relative;}
#subscribe{background: #7FD3F7;padding: 25px 0;color: #FFF;}
.subscribe_c{display:table;width: 100%}
.subscribe_c .left{display: table-cell;vertical-align: middle;padding-right: 20px;}
.subscribe_c .left p{margin-bottom: 0;line-height: 1.8; display: inline-block;vertical-align: middle;}
.icon_email{padding: 15px;margin-right: 15px; background: #FFF; border-radius: 50px;display: inline-block;vertical-align: middle;}
.subscribe_c .right{display: table-cell;width: 250px; vertical-align: middle;}
.subscribe_c .subscribe{position: relative;background: #FFF;border-radius: 4px;overflow: hidden;padding:0 80px 0 12px}
.subscribe_c .subscribe input{display: block;width: 100%;height: 40px;border: none;color: #000;}
.subscribe_c .subscribe a{position: absolute;right: 0;top: 0;height: 40px;line-height: 40px; background:#EE303A;width: 65px;display: inline-block;text-align: center;color: #FFF;}
.subscribe_c .subscribe a:hover{background: #CC2E36;}
.subscribe_c .right p{margin: 5px 0 0;}
.foot_logo{float: left; width: 25%;}
.foot_logo img{max-width: 160px;}
.list-ul{float: left; width: 75%;}
.list-ul-li{float: left;width:20%;padding-left: 20px;}
.list-ul-li h5{ font-size:16px;margin-top: 0;margin-bottom: 12px;position:relative;color: #4E443C;}
.list-ul-li .up_link a{ display:block; font-size:16px; margin-bottom:12px; color:#4E443C;}
.list-ul-li .up_link a:hover{color: #EE303A;}
.list-ul-li.list-ul-li-app{border-left: 1px solid #D9D9D9;text-align: center;width: 40%;}
.list-ul-li.list-ul-li-app h5{font-weight: bold;}
footer .share a:hover{color: #CC2E36;}
#list-ul{background: #EDFAFF;padding: 30px 0;color: #FFF;display: inline-block;width: 100%;}
footer .share a{ color:#EE303A;display: inline-block;font-size:24px;text-align: center;margin-right: 20px;}
.footer{ background:#FFF; padding:20px 0;display: inline-block;width: 100%;}
.footer{ font-size:14px;}
.footer .foot_right{float: right;text-align: right;}
.footer .copyright{color: #4E443C;float: left;}
.f_address{float: right;}
.f_address a{color: #4E443C;display: inline-block;margin-left: 50px;}
.f_address a:hover{color: #EE303A;}
.list-ul-li-app-img{display: flex;align-items: center;align-content: center;max-width: 200px;margin: 0 auto;}
.list-ul-li-app-img a{display: block;margin: 5px 0;}
.list-ul-li-app-img .app-store-badge{width: 75%;padding-left: 3%}
@media (max-width:1600px) {
    .container{max-width: 1200px;}
}
@media (max-width:1200px) {
    .left_div{padding: 10% 5%;}
    .tab_conent .left h2{font-size: 28px;}
    .tab_conent .left p{font-size: 14px;margin-bottom: 25px;max-height: 48px;}
    .tab_product .txt{font-size: 12px;max-height: 53px;}
    #myTab li a{font-size: 24px;}
    .tab_conent.tab2 .left{padding: 10% 5%;}
    .slide_button a{font-size: 14px;}
    .title.tab_title .more{margin-top: 18px;}

    .food_c{margin-bottom: 20px;}
    .food_c .img span{font-size: 12px;padding: 4px 8px;}
    .food_c .detail p{font-size: 12px;height: 35px;}
    .left .food_c .detail p{height: 50px;}
    .food_c .detail{padding:10px 15px;}
    .food_c .img{width: 200px;height: 113px;}
    .left .food_c .img{height: 230px;}
    .part_food .right{padding-left: 0;}
    #part_club .right h1{font-size: 30px;}
    #part_club .right p{font-size: 14px;}

    .swiper_catelog_pc{height: 350px;}
    .part_catelog .right{height: 350px;}
    .part_catelog .right h3{font-size: 24px;}
    .part_catelog .right h1{font-size: 30px;max-height: 77px;}
    .part_catelog .right p{font-size: 14px;max-height: 100px;}
    .swiper_catelog_pc .catelog_img_li{padding:15px;}

}
@media (max-width:767px) {
    .list-ul-li.list-ul-li-app{width: 50%;border-left: 0}
    /*   part_promote*/
    .part_promote .swiper-slide{width: 240px;}
    .tab_conent .left p{max-height: 100%;}
    .title h1{font-size: 22px;}
    .title:after {display: none;}
    .part_promote .swiper-pagination{display: none;}
    .title .more{float: none;padding-left: 0;}
    .title .more a{width: 100%;font-size: 14px;text-align: center;}
    .title{margin-bottom: 15px;}
    #part_promote{margin-bottom: 35px;}
    .part_promote{padding-bottom: 25px;}
    /* #part_recommend*/
    #myTab li a{font-size: 22px;padding: 16px;}
    #part_recommend{margin-bottom: 32px;}
    #part_recommend .container{padding: 0;}
    #part_recommend .title{padding: 0 15px;}
    .tab_conent .left{float: none;width: 100%;}
    .tab_conent .right{float: none;width: 100%;}
    .tab_conent.tab2 .left{display: block;}
    .tab_conent.tab2 .right{display: block;}
    #tab_swiper{padding: 0;}
    #tab_swiper .swiper-button-next, #tab_swiper .swiper-button-prev{display: none;}
    .red_onclick_visible{opacity: 1;visibility: visible;}
    .red_onclick_visible{margin-left: -100px;}
    .red_onclick_visible::after{margin-left: -56px;}
    #part_recommend .tab-content{margin-bottom: 25px;}
    .tab_conent .left h2{font-size: 28px;}
    .red_onclick_visible .txt{font-size: 12px;}
    /*part_food*/
    #part_food{margin-bottom: 20px;}
    .part_food .left{float: none;width: 100%;padding: 0 10px 0 0;}
    .part_food .right{float: none;width: 100%;padding: 0 10px 0 0;}
    .left .food_c .img{width: 100%;height: 200px;}
    .left .food_c .detail{}
    .left .food_c .detail .tit{font-size: 16px;height: 46px;margin-bottom: 6px;}
    .food_c .detail .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:47px;margin-bottom: 6px;}
    .left .food_c .detail p{font-size: 12px;height: 35px;-webkit-line-clamp: 2;}

    .food_c .img{width: 100%;height: 200px;display: block;}
    .food_c .detail{display: block;width: 100%;}
    .left .food_c{border-radius: 8px;}
    .part_food{max-height: 505px;margin-bottom: 10px; overflow-y: auto;}
    /*part_catelog*/
    #part_catelog{margin-bottom: 32px;}
    .part_catelog .left{float: none;padding-right: 0;width: 100%}
    .part_catelog .right{float: none;padding-left: 0;width: 100%;padding: 30px 20px;height: auto;}
    #part_catelog .container{padding: 0;}
    .part_catelog .right h3{font-size: 22px;}
    .part_catelog .right .look_catelog a{font-size: 14px;}
    .part_catelog .left{padding-top: 30px;}
    .part_catelog .right h1{max-height: 100%;font-size: 24px;display:block;
        -webkit-box-orient: none;
        -webkit-line-clamp:none;
        overflow: visible;}
    .part_catelog .right p{max-height: 100%;display:block;
        -webkit-box-orient: none;
        -webkit-line-clamp:none;
        overflow: visible;}
    /* #part_club*/
    #part_club{margin-bottom: 32px;}
    #part_club .left{display: block;width: 100%;}
    #part_club .right{display: block;width: 100%;}
    #part_club .left img{max-width: 100%;}

    #part_club .right{padding: 32px 20px;}
    #part_club .right p{margin-bottom: 24px;}

    #part_bottom{margin-bottom: 20px;}
    .part_duty{float: none;padding-right: 0;width: 100%;margin-bottom: 20px;}
    .part_shop{float: none;width: 100%;padding-left: 0;}
    .slide_banner{margin-bottom: 24px;}
    /*footer*/
    .subscribe_c .left{display: block;width: 100%;text-align: center;padding-right: 0;}
    .icon_email{margin-right: 0; margin-bottom: 8px;}
    .subscribe_c .left p{display: block;margin-bottom: 20px;}
    .subscribe_c .left p span{font-size: 12px;}
    .subscribe_c .right{display: block;width: 100%;}
    .foot_logo{float: none;width: 100%;margin-bottom: 20px;}
    .list-ul{float: none;width: 100%;}
    .list-ul-li{padding: 0;width: 50%;padding: 0 15px;margin-bottom: 10px;}
    .list-ul-li .up_link a{font-size: 14px;}
    .list-ul-li h5{display: none;}
    #list-ul{padding: 20px 0 15px;}
    .f_address{float: none}
    .f_address a{margin: 0 15px 0 0;}
    .footer .copyright{float: none;margin-bottom: 5px;}
    .footer{padding: 15px 0;}
}

/*about*/
.slide_show{width: 100%;}
.slide_show img{width: 100%;}
.about_menu.about-fixed{z-index: 999; position: fixed;left: 0;top:-20px;width: 100%; -webkit-transition: -webkit-transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,20px,0);
    -ms-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);}
.about_menu.about-fixed a{font-size: 16px;}
.about_menu{background: rgba(237, 250, 255, 0.95);backdrop-filter: blur(10px);padding:19px 0;z-index: 999;}
.about_menu a{color: rgba(0, 0, 0, 0.5);font-size: 24px;margin-right:20px; border-bottom: 2px solid transparent;padding-bottom: 3px;display: inline-block;}
.about_menu .swiper-slide{width: auto;}
.about_menu .swiper-slide:first-child a{margin-left: 20px;}
.about_menu a.active{color: #000;border-color: #EE303A;}
.brand_story{ margin-left:-20px; margin-right:-20px;}
.brand_story:after,.brand_story:before{display:table;content:" ";}
.brand_story:after{clear:both;}
.brand_story_li{float: left; width: 50%;padding: 0 20px;margin-bottom: 40px;}
.brand_story_li a{display: block;font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";text-align: left;color: #000;}
.brand_story_li a img{margin-left: 5px;margin-top: -4px;}
.brand_story_li a:hover{color: #EE303A}
.brand_story_a{display: table;width: 100%;border-bottom: 1px solid #DADADA;padding-bottom: 15px;margin-bottom: 15px;}
.brand_story_a .left{display: table-cell;vertical-align: middle;text-align: left;}
.brand_story_a .right{display: table-cell;vertical-align: middle;text-align: right;font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.brand_story_a .right .number{font-size: 48px;font-family: "DIN Condensed Bold";font-weight: normal;line-height: 1;}
.brand_story_c{max-width: 750px;margin: 0 auto;text-align: center;}
#brand_story{padding: 50px 0;}
.about_title{color: #EE303A;font-size: 32px;text-align: center;margin-bottom: 32px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.brand_story_c h2{font-size: 48px;margin-bottom: 5px;line-height: 1.2;}
.brand_story_c.member_txt {max-width: 800px;}
.brand_story_c.member_txt h2{margin-bottom: 30px;}
.brand_story_c.member_txt .txt{text-align: center;}
.brand_story_c h5{font-size: 18px;margin-bottom: 30px;}
.brand_story_c .txt{font-size: 18px;text-align: left;line-height: 1.8;margin-bottom: 35px;}
.metamorphosis_c{display: inline-block;width: 100%;margin-bottom: 20px; position: relative;border-radius: 12px;overflow: hidden;}
.metamorphosis_c span{color: #FFF;background: #EE303A;padding: 10px 20px;display: inline-block;position: absolute;left: 0; top: 0;z-index: 56;}
.metamorphosis .text{font-size: 24px;padding: 40px 0;}
.metamorphosis p{text-align: left;}
#procurement{background: #32A071;padding: 60px 0;text-align: center;color: #FFF;}
#procurement .about_title{color: #FFF;}
#procurement .text{max-width: 733px;text-align: left;font-size: 16px;line-height: 1.8;margin: 0 auto 50px;}
.procurement{ margin-left:-20px; margin-right:-20px;max-width: 1120px;margin: 0 auto;}
.procurement:after,.procurement:before{display:table;content:" ";}
.procurement:after{clear:both;}
.procurement_li{float: left; width: 50%;padding: 0 20px;}
.procurement_a{background: #FFF;border-radius: 15px;overflow: hidden;text-align: center;position: relative;}
.procurement_a a{position: absolute;right: 10px;bottom: 10px;}
#milestone{background: #EDFAFF;padding: 50px 0 0;}
#milestone .about_title{margin-bottom: 50px;}
.our_history{width:100%;max-width: 920px;margin: 0 auto;position: relative;}
.our_history:after{content: "";height: calc(100% - 65px);width: 3px;background: #7FD3F7;position: absolute;left: 50%;margin-left: -2px; top: 65px;z-index: 1;}
.our_history_c{display:inline-block;width: 100%;position: relative;margin: 0 0 50px;width:100%; text-align:left; clear:both;}
.our_history_a{width: 50%;float: left;padding-right: 30px;}
.our_history_c .time{width: 50%;font-size: 50px;color:#EE303A;height: 38px; font-family: "DIN Condensed Bold";line-height: 1;  display: inline-block;vertical-align: middle;position: absolute;left: 50%;margin-left: -8px;padding-left: 40px;z-index: 990; top: 50%;margin-top: -19px; background: url("../png/ellipse%2028.png")no-repeat left center;}
.our_history_txt{background: #FFF;overflow: hidden;box-shadow:0px 4px 8px -4px rgba(0, 0, 0, 0.25);border-radius: 8px;display: table;width: 100%;position: relative;}
.our_history_txt:after{content: "";background:  url("../png/polygon%202.png") no-repeat; width:14px;height:18px;position: absolute;right: -13px;top: 50%;margin-top: -9px;}
.our_history_txt.no_arrow:after{display: none;}
.right .our_history_txt:after{right: 0;left: -13px;transform: rotate(180deg);}
.our_history_txt .img{display: table-cell;vertical-align: middle;width: 46%;text-align: left;}
.our_history_txt .detail{display: table-cell;vertical-align: middle;width: 54%;padding: 30px 30px;}
.our_history_txt .detail h4{color: #EE303A;font-size: 16px;margin-bottom: 8px;}
.our_history p{ margin-bottom:0;line-height: 1.7;}
.our_history_c.right .our_history_a{float: right;padding-left: 30px;padding-right: 0;}
.our_history_c.right .time{left:0;padding-left: 0;right: 50%;margin-left: 8px;padding-right: 40px;background: url("../png/ellipse%2028.png")no-repeat right center;text-align: right;}
.our_history_c.right .img{text-align: right;}
#company_closely{background: #F4F4F4;padding: 50px 0;}
.company_closely{display: inline-block;width: 100%}
/*.company_closely .left{float: left; width: 50%;padding-right: 20px;}
.company_closely .right{float: left; width: 50%;padding-left: 20px;}*/
.hero_grid_item{width: 50%;padding: 0 20px;}
.company_closely_li{border-radius: 10px;display: table;width: 100%;background: #FFF;margin-bottom: 40px;box-shadow:0px 4px 4px  rgba(0, 0, 0, 0.25);border-left: 8px solid #EE303A;overflow: hidden;padding: 20px;color: #000;margin-bottom: 40px;transition:all 0.3s;}
/*.company_closely_li:hover{transform:translate3d(0px, -3px, 0px);}
*/.company_closely_li .detail{display: table-cell;vertical-align: middle;padding-right: 30px;}
.company_closely_li .img{display: table-cell;vertical-align: middle;width: 100px;text-align: center;}
.company_closely_li .detail h6{font-size: 16px;margin-bottom: 8px;}
.company_closely_li .detail p{margin-bottom: 8px;}
.company_closely_li .detail .date{color:rgba(0, 0, 0, 0.5);font-size: 12px;}
#company_closely .slide_button{text-align: center;}
#company_closely .slide_button a{background: #EE303A;color: #FFF;}
#company_closely .slide_button a i{color: #FFF;}
#company_closely .slide_button a:hover{background: #CC2E36;}
.more_news{text-align: center;margin-top: 20px;}
.more_news a{color: #EE303A;}
.more_news a i{font-size: 50px;line-height: 1;height: 40px;margin-top: -10px;}
#about_news{padding: 25px 0;background: #FFF;}
#about_news .about_title{text-align: left;}
#about_news .about_news_filter{padding-top: 0;}
.about_news_filter{border-bottom: 1px solid #DADADA;display: block;width: 100%; padding: 20px 0;margin-bottom: 40px;position: relative;}
.about_news_filter:after,.about_news_filter:before{display:table;content:" ";}
.about_news_filter:after{clear:both;}
.about_news_filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: auto;}
.about_news_filter .select{float: left;}
.about_news_filter .filter_radio{margin-bottom: 0;}
.about_news_filter .bootstrap-select{margin-right: 6px;}
.about_news_filter .bootstrap-select > .dropdown-toggle{border-radius: 50px;padding: 6px 16px 8px 16px;overflow: hidden;}
.btn-default.focus, .btn-default:focus{background-color: #FFF!important;border:1px solid #DADADA!important;}
.about_news_filter .pageline{float: right;margin-top: 10px;}
.about_news_filter .pageline a{color: #EE303A;margin: 0 8px;font-size: 24px;margin-top: -2px; display: inline-block;vertical-align: middle;}
.about_news_filter .pageline span{display: inline-block;vertical-align: middle;}
.border_top{border-top:1px solid #DADADA; }
#brands{padding: 50px 0;}
.brands{display: table;width: 100%;border-radius: 15px;overflow: hidden;background: #238249;}
.brands .left{display: table-cell;vertical-align: middle;width: 50%;}
.brands .right{display: table-cell;vertical-align: middle;width: 50%;padding: 40px;text-align: center;color: #FFF;}
.brands .right .img{margin-bottom: 30px;}
.brands .right p{font-size: 16px;margin-bottom: 30px;line-height: 1.8;}
#social{padding: 35px 0;border-top: 1px solid #DADADA;text-align: right;}
#social a{color: #EE303A;font-size: 16px;}
#social a i{margin-left: 6px;font-size: 20px;}
#social a:hover{color:#CC2E36}
@media (max-width:1200px) {
    .about_menu{padding: 16px 0;}
    .about_menu a{font-size: 18px;}
    .brands .right .img{margin-bottom: 20px;}
    .brands .right .img img{width: 100px;}
    .brands .right p{font-size: 14px;margin-bottom: 20px;}
    .brands .right{padding:10px 20px;}
    .brand_story_c h2{font-size: 32px;}
    .about_menu .container{padding: 0;}
}
@media (max-width:767px) {

    .about_menu{padding: 17px 0;}
    .about_menu a{font-size: 14px;margin-right: 0;}
    .about_menu .swiper-slide:last-child a{margin-right: 20px;}
    .about_title{font-size: 22px;margin-bottom: 20px;}
    .about_menu.about-fixed a{font-size: 14px;}
    .brand_story_c h2{font-size: 28px;}
    .brand_story_c h5{font-size: 14px;margin-bottom: 20px;}
    .brand_story_c .txt{font-size: 14px;}
    #brand_story,#procurement,#company_closely,#brands{padding: 30px 0;}
    .brand_story_li{width: 100%;float: none;padding: 0;}
    .brand_story{margin: 0;}
    .brand_story_a .right{font-size: 14px;}
    .brand_story_li a{font-size: 14px;}
    .brand_story_li a img{width: 15px;}
    .metamorphosis .text{font-size: 14px;padding:0 0 25px;}
    .metamorphosis p{font-size: 12px;}
    #procurement .text{font-size: 14px;margin-bottom: 30px;}
    .procurement_li{float: none;width: 100%;padding: 0 0 15px;}
    #milestone{padding-top: 30px;}
    .our_history:after {left: 0;top: 12px;height: calc(100% - 12px);}
    .our_history_c .time{position:relative;left: 0;top: 0; margin-top: 0; width: 100%;margin-bottom: 20px;font-size: 30px;height: 25px;padding-left: 30px;}
    .our_history_c.right .time{right: 0;left: 0;text-align: left;background: url("../png/ellipse%2028.png")no-repeat left center;padding-left: 30px;margin-left: -8px;}
    .our_history_a{float: none;width: 100%;padding-left: 20px;padding-right: 0;}
    .our_history_txt .detail{float: left;padding: 15px;}
    .our_history_txt .img{float: right;}
    .our_history_txt .detail h4{font-size: 14px;}
    .our_history p{font-size: 12px;}
    .our_history_txt:after {display: none;}
    .our_history_c{margin-bottom: 30px;}
    #milestone .about_title{margin-bottom: 30px;}
    .our_history_c.right .our_history_a{padding-left: 20px;}
    .company_closely .left{float: none;width: 100%;padding-right: 0;}
    .company_closely .right{display: none;}
    .company_closely_li .detail h6{font-size: 14px;}
    .company_closely_li .detail p{font-size: 12px;}
    .company_closely_li .detail .date{font-size: 10px;}
    .company_closely_li{margin-bottom: 20px;}

    .brands .left{display: block;width: 100%;}
    .brands .right{display: block;width: 100%;padding: 25px 20px;}
    #social{padding: 25px 0;font-size: 14px;}
    .metamorphosis_c span{font-size: 12px;padding: 5px 10px;}
    .hero_grid_item{width: 100%;padding: 0 0px;}

}
/*最新推廣*/
.promotion_top{padding: 25px 0;}
.promotion_top .title:after{display: none;}
.promotion_top .title{margin-bottom: 25px;}
.banner_promotion{position: relative;padding-bottom: 30px;margin-bottom: 30px;}
.banner_promotion .swiper-slide{border-radius: 15px;overflow: hidden;background: #1172B7}
.banner_promotion .swiper-slide > a > img{width: calc(100% - 360px);}
.banner_promotion .swiper-slide > img{width: calc(100% - 360px);}
.banner_promotion .swiper-button-prev{left:-24px;}
.banner_promotion .swiper-button-next{ right:-24px;}
.banner_promotion .slide_content{width: 360px;}
.banner_promotion:hover .swiper-button{display:block;}
.promotion{padding: 40px 0 0;border-top: 1px solid #DADADA;}
.promotion_c{ margin-left:-20px; margin-right:-20px;}
.promotion_c:after,.promotion_c:before{display:table;content:" ";}
.promotion_c:after{clear:both;}
.promotion_li{float: left; width: 50%;padding:0 20px;margin-bottom: 40px;}
.number3 .promotion_li{width: 25%;}
.promotion_a{display: block;color: #000;transition:all 0.4s ease-out;	}
.p_title{font-size: 24px;margin-bottom: 24px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.promotion_a .img{margin:0 0 16px!important;overflow: hidden;border-radius: 8px;}
.promotion_a .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:40px;}
.promotion_a:hover{transform:translate3d(0px, -5px, 0px);}

.promotion_detail{padding: 25px 0;display: inline-block;width: 100%;}
.div_back{text-align: left;clear: both;margin-bottom:25px;}
.div_back a{color: #EE303A;font-size: 16px;}
.div_back i{margin-right: 5px;font-size: 24px;vertical-align: middle;margin-top: -3px;}
.promotion_detail .left{float: left;width: 65%;}
.promotion_detail .right{float: right; width: 35%;padding-left: 40px;max-width: 350px;}
.promotion_detail .right.right_blog{max-width: 350px;}
.promotion_detail  .promotion_a{margin-bottom: 30px;}
/*.promotion_detail .promotion_a .txt{-webkit-line-clamp: 3;height: 58px;}
*/.promotion_detail .tit{font-size: 24px;margin-bottom: 15px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.promotion_detail .date{color: rgba(0, 0, 0, 0.5);font-size: 12px;margin-bottom: 30px;}
.promotion_detail .text{font-size: 16px;line-height: 1.8;margin-bottom: 25px;}
.promotion_detail .blog_img{position: relative;border-radius: 16px;overflow: hidden;margin-bottom: 30px;}
.blog_img span{position: absolute;padding: 10px 20px;display: inline-block;left: 0;top: 0;color: #FFF;}
.promotion_detail h3{font-size: 24px;margin-bottom: 20px;}
.promotion_detail .img{text-align: center;margin: 30px 0;border-radius: 8px;overflow: hidden;}
.promotion_detail .img p{font-size: 12px;margin-top: 10px;}
.promotion_detail ul li{list-style: disc;font-size: 16px;margin-bottom: 10px;margin-left: 16px;}
.promotion_detail ul{margin-bottom: 30px;}

.promotion_detail .keyword{margin-bottom: 30px;}
.promotion_detail .keyword span{display: inline-block;margin-right: 6px;margin-bottom: 8px;padding: 8px 16px;border:1px solid #DADADA;border-radius: 50px;}
.other_article{padding: 20px 40px;}
.promotion_list{padding: 50px 0 0;}
@media (max-width:1200px) {
    .banner_promotion .slide_button a{font-size: 12px;padding:8px 12px;border-radius: 5px;}
    .promotion_detail .right{padding-left: 20px;}
    .other_article{padding: 20px 20px;}
    .number3 .promotion_li{width: 33.33%;}
    .banner_promotion .slide_content{width: 290px;}
    .banner_promotion .swiper-slide > a > img{width: calc(100% - 290px);}
    .banner_promotion .swiper-slide > img{width: calc(100% - 290px);}
}
@media (max-width:767px) {
    .number3.promotion_c{margin-left: -8px;margin-right: -8px;}
    .number3 .promotion_li{width: 50%;float: left;padding: 0 8px;}
    .banner_promotion .slide_button{width: 40px;height: 40px;display: table-cell;vertical-align: middle;}
    .banner_promotion .slide_button a{width: 40px;text-align: center;padding: 0; height: 40px;border-radius: 50px;}
    .banner_promotion .slide_button a span{display: none;}
    .banner_promotion .slide_button a i{margin-left: 0;line-height: 40px;font-size: 20px;}
    .banner_promotion .slide_content{width: 100%;}
    .banner_promotion .swiper-slide > a > img{width: 100%;}
    .banner_promotion .swiper-slide > img{width: 100%;}
    .promotion_li{float: none;width: 100%;margin-bottom: 30px;}
    .p_title{font-size: 22px;margin-bottom: 15px;}
    .promotion_li .txt{font-size: 12px;-webkit-line-clamp: 3;height:52px;}
    .promotion_detail .right{float: none;padding-left: 0;width: 100%}
    .promotion_detail .left{float: none;width: 100%;margin-bottom: 30px;border-bottom: 1px solid #DADADA;padding-bottom: 30px;}
    .promotion_detail{padding: 30px 0;}
    .promotion_detail .tit{font-size: 22px;}
    .promotion_detail .text{font-size: 14px;}
    .promotion_detail h3{font-size: 20px;}
    .promotion_detail ul li{font-size: 14px;}
    .other_article{padding: 20px 0;}
    .promotion_top .title .more{padding-top: 20px;padding-bottom: 10px; clear: both;display: none}
    .promotion_list{padding: 30px 0 0;}
}

/*about store*/
.about_store{padding: 50px 0;}
.about_store_top{display:block;width: 100%;padding-bottom: 30px;border-bottom: 1px solid #DADADA;}
.about_store_top:after,.about_store_top:before{display:table;content:" ";}
.about_store_top:after{clear:both;}

.about_store .left{float: left;width: 40%;}
.about_store .right{float: left;width: 60%;text-align: center;}
.about_store #map_right_div {height: 600px;}
.about_store .about_title{text-align: left;}
.store_search{width: 100%;position: relative}
.store_search .icon{position: absolute;left: 0;top: 12px;}
.store_search a{position: absolute;right: 0;top: 0;width: 38px;height: 38px;font-size: 16px; text-align: center;background: #EE303A;color: #FFF;border-radius: 50px;}
.store_search a i{line-height: 38px;}
.store_search input{width: 100%;border: none; border-bottom: 1px solid #000;padding: 10px 50px 10px 37px;font-size: 20px;}
.store_title{display: inline-block;width: 100%;padding: 10px 20px;border-bottom: 1px solid #DADADA;}
.store_title .store_t_left{float: left;font-size: 16px;margin-top: 5px;}
.store_title .store_t_left img{margin-right: 5px;width: 14px;}
.store_title .store_t_right{float: right;font-size: 32px;height: 35px; font-family: "DIN Condensed Bold";}
.store_result{display: inline-block;position: relative;width: 100%;background: #F4F4F4;padding: 10px 20px;}
.store_result a{color: #000;}
.store_result_a.active .fa-angle-down::before{content:"\f106";}
.store_result a i{font-size: 20px;vertical-align: middle;margin-left: 5px;margin-top: -4px; color: #EE303A;}
.store_result p{float: right;margin-bottom: 0;}
.search_filter_c{display: none; position: absolute;left: 0;top: 100%;width: 100%;border-bottom: 1px solid #DADADA;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);padding: 20px;background: #FFF;z-index: 9;}
.search_filter_li{margin-bottom: 30px;}
.search_filter_li .label2{margin-bottom: 12px;}
.filter_radio{display: inline-block;margin-right: 6px;vertical-align: middle;margin-bottom: 8px;}
.filter_radio input{display: none;}
.filter_radio input+label{border: 1px solid #DADADA;border-radius: 50px; padding: 8px 16px;cursor: pointer;margin-bottom: 0;font-weight: normal;}
.filter_radio input:checked+label{border-color: #EE303A;}
.filter_li .btn{width: 100%;border: 1px solid #DADADA;border-radius: 4px;height: 40px;}
.filter_li .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;}
.info_title{display: inline-block;width: 100%;margin-bottom: 15px;}
.info_title .info_left{float: left;font-size: 16px;}
.info_title .info_right{float: right;}
.span_tag{display: inline-block;margin-left: 6px;border-radius: 50px;font-size: 12px; vertical-align: middle;color: #FFF;padding: 2px 6px;}
.span2{background: #7FD3F7;}
.span1{background: #008DE0;}
.store_info{padding: 20px;border-bottom: 1px solid #DADADA}
.store_info .directions-link {
    display: inline-block;
    margin-left: 4px;
    font-size: 20px;
    color: #EE303A;
}
.store_info_div{overflow-y: auto;height: 435px;}
.info_li{display: table;width: 100%;margin-bottom: 5px;}
.info_li .info_li_left{display: table-cell;vertical-align: middle;width: 100px;color: rgba(0, 0, 0, 0.5);}
.info_li .info_li_right{display: table-cell;vertical-align: middle;padding-left: 10px;}
.about_store_c{display:table;width: 100%;}
.s_checobox{margin-bottom: 10px;position: relative;padding-left: 26px;}
.s_checobox input{display: none;}
.s_checobox input+label{background: url("../png/checkbox01.png")no-repeat;width: 20px;height: 20px;position: absolute;left: 0; top: 0;cursor: pointer;}
.s_checobox input:checked+label{background: url("../png/checkbox02.png")no-repeat;}
.search_button{text-align: center;margin-bottom: 10px;}
.search_button a{display: inline-block;padding: 16px 32px;font-size: 16px;border: 1px solid #DADADA;border-radius: 10px;}
.search_button .button2{background: #EE303A;border-color:#EE303A; color: #FFF;margin-left: 7px;}
.search_button .button1{background: #FFF;color: #000;margin-right: 7px;}

.about_store_ul{display:table;width: 100%;}
.about_store_ul li{float: left; width: 50%;text-align: center;}
.about_store_ul li+li a{border-left: 1px solid #dadada;}
.about_store_ul li a{display: block;padding: 10px 0;border-bottom: 1px solid #DADADA;border-top: 4px solid transparent;}
.about_store_ul li img{height: 42px;}
.about_store_ul li.active a{border-top-color: #EE303A;border-bottom-color: #FFF;}
@media (max-width:1200px) {
    .about_store .about_title{font-size: 24px;}
}
@media (max-width:767px) {
    .about_store .left{float: none;width: 100%;}
    .search_button a{padding: 10px 26px;}
    .about_store .about_title{font-size: 22px;}
    .about_store{padding: 30px 0;}
    .about_store #map_right_div {height: 400px }
    .store_info_div{height: 265px;}
}

/*blog*/
.text-left{text-align: left !important;}
#blog{padding: 25px 0;}
#blog .about_title{margin-bottom: 25px;}
.blog_menu{background: rgba(237, 250, 255, 0.95);backdrop-filter: blur(10px);padding:20px 0;z-index: 999;margin-bottom: 20px;}
.blog_menu a{color: rgba(0, 0, 0, 0.5);font-size: 24px;margin:0 10px; border-bottom: 2px solid transparent;padding-bottom: 3px;display: inline-block;}
.blog_menu .swiper-slide{width: auto;}
.blog_menu a.active{color: #000;border-color: #EE303A;}


.blog_c{ margin-left:-20px; margin-right:-20px;}
.blog_c:after,.blog_c:before{display:table;content:" ";}
.blog_c:after{clear:both;}
.blog_li{float: left;width: 33.33%;padding: 0 20px;margin-bottom: 40px;}
.blog_a{display: block;color: #000;transition: all 0.4s ease-out;}
.blog_a:hover{transform:translate3d(0px, -3px, 0px);}
.blog_a .img{margin-bottom: 15px;position: relative;border-radius: 8px;overflow: hidden;}
.blog_a .img span{position: absolute;display: inline-block;left: 0;top: 0;padding: 10px 20px;color: #FFF;font-size: 12px;}
.blog_span1{background:#9B51E0 }
.blog_span2{background:#F2994A }
.blog_span3{background:#F2C94C }
.blog_span4{background:#27AE60 }
.blog_span5{background:#EB5757 }
.blog_span6{background:#B17638 }
.blog_span7{background:#EF5DA8 }

.blog_a .detail{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height:20px;margin-bottom: 5px;}
.blog_a .date{color: rgba(0, 0, 0, 0.5);font-size: 12px;}

#more_blog{background: #F4F4F4;padding:60px 0 20px;}
.black_title{text-align: center;font-size: 24px;margin-bottom: 40px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
@media (max-width:1200px) {
    .blog_menu a{font-size: 16px;margin:0;}
    .blog_li{padding: 0 8px;}
    .blog_c{ margin-left:-8px; margin-right:-8px;}
    .blog_menu .container{padding: 0;}
    .blog_menu .swiper-slide:first-child a{margin-left: 20px;}
}
@media (max-width:767px) {

    .blog_menu a{font-size: 14px;}
    .blog_li{width: 100%;}
    .blog_a .img span{font-size: 10px;padding: 5px 10px;}

    .black_title{font-size: 22px;margin-bottom: 30px;}
    #more_blog{padding: 30px 0 0;}
}

/*product*/

.banner_product{position: relative;padding-bottom: 30px;}
.banner_product .swiper-slide{border-radius: 15px;overflow: hidden;}
.banner_product .swiper-slide  img{width: 100%}
.banner_product .swiper-button-prev{left:-24px;}
.banner_product .swiper-button-next{ right:-24px;}
.about_menu_pc a{margin-right: 32px;margin-bottom: 2px;margin-top: 2px;}
.filter_search{display: inline-block;vertical-align: middle;margin-right: 6px;position: relative;width: 200px;}
.filter_search input{border: 1px solid #DADADA;height: 40px;border-radius: 50px;padding: 8px 32px 8px 25px;width: 100%;}
.filter_search a{position: absolute;right: 15px; top: 12px;color: #000;font-size: 16px;line-height: 1;}
.filter_search a.close_txt{left: 10px;display: none ;width: 12px;}
.filter_search input:valid + .close_txt{display: block;}
.product_c{display: table;width: 100%;max-width: 1400px;padding: 0 15px; margin:0 auto 20px;}
.product_li{float: left;width: 20%;margin-left: -1px;margin-top: -1px;}
.product_a{display: block;color: #000;position: relative;border: 1px solid #DADADA;overflow: hidden;text-align: center;padding: 20px;-webkit-transition: 1s ease 0s;-o-transition: 1s ease 0s;transition: 1s ease 0s;}
.hover_img{position: absolute;left: 0; top: 0;width: 100%;height: 100%;display: table;z-index: 99;background: #FFF;-webkit-transition: 1s ease 0s;-o-transition: 1s ease 0s;transition: 1s ease 0s;opacity: 0;visibility: hidden;}
.hover_img .imgs{display: table-cell;vertical-align: middle;height: 100%;}
.product_a:hover .hover_img{opacity: 1;visibility:visible;}
.product_a:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);}
.product_a.active{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);}
.product_a .img{margin:10% 0;}
.product_a .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:40px;}
.make_offer{display: inline-block;background:#EE303A ;color: #FFF;font-size: 12px;transform: rotate(-45deg);padding: 2px 25px;position: absolute;left: -20px; top: 13px;}
.margin_bottom40{margin-bottom: 40px;}
.margin_bottom0{margin-bottom: 0!important}
.m_filter{display: none;}
.mobile_hide_select{width: 100%;}

.detail_banner{position: relative;}
.detail_banner img{width: 100%;border-radius: 15px;overflow: hidden;}
.detail_banner_txt{position: absolute;left: 0; top: 0;width: 100%;height: 100%;color: #FFF;font-size: 48px;display: flex;align-items: center;align-content: center;text-align: center;justify-content: center;}
.product_detail{display: table;width: 100%;max-width: 1400px;margin: 0 auto;padding: 0 20px; position: relative;}
.product_detail_c.fixed{position: fixed;left: 0;top: 0;}
.product_detail_c{width: 100%;background: #FFF; z-index: 999;}
.product_detail .img{display: table-cell;text-align: center;padding: 0 8%; vertical-align: middle;width: 50%;}
.product_detail .img img{max-width: 300px; width: 100%;}
.product_detail .detail{display: table-cell;vertical-align: middle;width: 50%;background: #B2E3F9;padding: 20px 4%;}
.product_detail .detail h2{font-size: 28px;margin-bottom: 15px;}
.product_detail .detail p{font-size: 16px;}
.product_detail .a_close{position: absolute;right: 42px;top: 20px;width: 40px;height: 40px;border: 1px solid #DADADA;background: #FFF;border-radius: 50px; text-align: center;line-height: 40px;}
.product_detail .a_close i{line-height: 38px;font-size: 20px;color: #EE303A}

.all_brand{float: right;font-size: 16px;display: inline-block;border-bottom: 1px solid #7FD3F7;color: #000; padding-bottom: 8px;}
.all_brand:hover{border-color: #EE303A;}
.product_menu{padding-right: 200px;}
.visible_mobile{display: none;}



#product_brand{padding: 50px 0;}
.product_brand{ margin-left:-20px; margin-right:-20px;}
.product_brand:after,.product_brand:before{display:table;content:" ";}
.product_brand:after{clear:both;}
.product_brand_li{float: left;margin-bottom: 40px; width: 25%;padding: 0 20px;}
.product_brand_a{display: block;background: #FFF;color: #000; border-radius: 10px;overflow: hidden;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); transition: all 0.4s ease-out;}
.product_brand_a .img{text-align: center;padding: 20px; border-bottom: 3px solid #EE303A;}
.product_brand_a .img img{max-width: 220px;width: 100%;}
.product_brand_a h2{padding: 20px 20px 12px;font-size: 24px;}
.product_brand_a .txt{padding: 0 20px;margin-bottom: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height:60px;
}
.product_brand_a:hover{	transform:translate3d(0px, -3px, 0px);}

#product_brand_detail{padding: 50px 0 0;}
.brand_detail .detail{background: #1172B7;text-align: center;color: #FFF;}
.relation_product{padding: 50px 0;border-top: 1px solid #DADADA;}

.related .product_a{border: none;}
@media (max-width:1600px) {
    .product_c{ max-width: 1200px;}
    .product_detail{max-width: 1200px;}
}
@media (max-width:1200px) {
    .visible_mobile{display: block;}
    .visible_mobile .job_vacancies{right: 15px;}
    .all_brand{float: none;margin-bottom: 20px;margin-top: 10px;margin-left: 20px;}
    .product_li{width: 25%;}
    .mobile_hide_select{position: absolute;display: none;left: 0; top: 100%;background: #FFF;padding: 20px 15px;z-index: 999;border-top: 1px solid #DADADA;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
    .mobile_hide_select .filter_search{width: 100%;margin-bottom: 10px;margin-right: 0;padding: 0 5px;}
    .about_news_filter .mobile_hide_select .bootstrap-select{width: 50%!important;float: left;margin-right: 0;margin-bottom: 10px;padding: 0 5px;}
    .about_news_filter .mobile_hide_select .filter_radio{width: 50%;margin-bottom: 10px; float: left;margin-right: 0;padding:0  5px;}
    .mobile_hide_select .filter_radio input + label{width: 100%;text-align: center;}
    /*    .mobile_hide_select >div:nth-child(2n){padding-right: 5px;}
        .mobile_hide_select >div:nth-child(2n+1){padding-left: 5px;}
        #blog .mobile_hide_select >div:nth-child(n){padding-right: 5px;padding-left: 0;}
         #blog .mobile_hide_select >div:nth-child(2n){padding-left: 5px;padding-right: 0;}*/
    .mobile_hide_select .bootstrap-select.btn-group .dropdown-toggle .filter-option{text-align: center;}
    .about_news_filter  .pageline.m_css{margin-top: 0;}
    .m_filter{display: block;font-size: 14px;color: #000;}
    .m_filter i{color:#EE303A;margin-right: 3px; }
    .m_filter.active i:before{content:"\f00d";color: #000;}

    .product_brand_li{width: 33.33%;margin-bottom: 16px; padding: 0 8px;}
    .product_brand{ margin-left:-8px; margin-right:-8px;}
    .filter_search a{right: 20px;}
    .filter_search a.close_txt{left: 15px;top: 14px;}

}

@media (max-width:767px) {
    .product_li{width: 50%;}
    .product_c{ padding: 0;}
    .product_detail{padding: 0;}
    .product_detail .img{display: block;width: 100%;padding: 0 20px;}
    .product_detail .img img{max-width: 160px;}
    .product_detail .detail{display: block;width: 100%;padding: 20px 5%;}
    .product_detail .a_close{right: 15px;top: 15px;}
    .product_detail .detail h2{font-size: 22px;margin-bottom: 15px;}
    .product_detail .detail p{font-size: 14px;}
    .detail_banner_txt{font-size: 24px;}

    .product_brand_li{width: 50%;}
    .product_brand_a h2{font-size: 20px;}
    #product_brand{padding: 30px 0;}
    #product_brand_detail{padding: 30px 0 0;}
    .product_detail_c.fixed{top: 59px !important;}
}
/*career*/
.about_menu .container{position: relative;}
.job_vacancies{position: absolute;right: 0;top:50%;margin-top: -28px; z-index: 9;}
.job_vacancies a{display: inline-block;border-radius: 8px;background: #EE303A;color: #FFF;font-size: 16px;padding: 16px 32px;}
.job_vacancies a i{margin-left: 3px;}
.job_vacancies a:hover{background:#CC2E36 ;}
.about-fixed .job_vacancies{margin-top: -21px;}
.about-fixed .job_vacancies a{padding: 10px 24px;font-size: 14px;}
#top_sliding{background: #1172B7;padding: 8px 0;text-align: center;color: #FFF;}
#top_sliding.fixed{position: fixed;left: 0; top: 0;width: 100%;z-index: 999;}
#top_sliding .container{position: relative;}
.top_sliding .text a{color: #FFF;}
.top_sliding .text a:hover{color: #EE303A}
.top_sliding .text{padding: 0 75px;}
.brand_story_c h3{font-size: 24px;margin-bottom: 15px;}
#career_concept{padding: 50px 0 30px;}
#career_develop{background: #F4F4F4;padding: 50px 0;}
#career_develop_tab{display:table;width: 100%;border-radius: 8px 8px 0 0;overflow: hidden;}
#career_develop_tab li{display: table-cell;vertical-align: middle;width: 33.33%;}
#career_develop_tab li a{font-size: 24px;padding: 20px 10px;color: #FFF;display: block;text-align: center;}
#career_develop_tab .color1{background: #B2E3F9;}
#career_develop_tab .color1 a{color: #000;}
#career_develop_tab .color2{background: #1172B7;}
#career_develop_tab .color3{background: #1D2A6E;}
.career_develop{padding: 40px;display: inline-block;width: 100%}
.career_develop .img{float: left; width: 50%;padding-right: 40px;}
.career_develop .img img{border-radius: 15px;overflow: hidden;}
.career_develop .detail{float: left;width: 50%;padding-left: 40px;font-size: 16px;}
.career_develop .detail ul{margin-bottom: 20px;}
.career_develop .detail ul li{background: url("../png/vector%202%202.png")no-repeat left top 5px;padding-left: 18px;margin-bottom: 10px;}
.career_develop_li{border-bottom: 1px solid #FFF;}
.career_develop_li > a{padding: 17px 25px 17px 0;font-size: 24px;display: block;background: url("../group%2041(1.html).png")no-repeat right center;color: #000;}
.career_develop_li.active > a{background: url("../group%2041(2.html).png")no-repeat right center;}
.career_develop_a{margin-left: 20px;display: none;}
#tab_1{background: #B2E3F9;}
#tab_2{background: #1172B7;color: #FFF;}
#tab_3{background: #1D2A6E;color: #FFF;}
#career_job{padding: 50px 0;}
#career_job .left{float: left;width: 50%;padding-right: 20px;}
#career_job .right{float: left;width: 50%;padding-left: 20px;}
#career_job .about_title{text-align: left;}
#career_job .left p{font-size: 16px;margin-bottom: 30px;}
#career_job .slide_button a{background: #EE303A;color: #FFF;}
#career_job .slide_button a:hover{background: #CC2E36}
#career_job .slide_button a i{color: #FFF;}
#career_job h2{font-size: 24px;margin-bottom: 28px;}
#career_job .company_closely_li .img{text-align: right;width: 20px;}
.top_sliding .swiper-pagination{text-align: center;width: 40px;left: 14px;}
.top_sliding .swiper-button-prev, .top_sliding .swiper-button-next{background: none;border: none;width: 14px;height: 46px;border-radius: 0;}
.top_sliding .swiper-button-next::after, .top_sliding .swiper-button-prev::after{color: #FFF;font-size: 12px;}
.top_sliding .swiper-button-next{left: 54px;}
.top_sliding .swiper-slide{height: 20px!important;overflow: hidden;}

.career_list{padding: 25px 0;display: inline-block;width: 100%;}
.career_list .left{float: left; width: 20%;}
.career_list .right{float: left; width: 80%;padding-left: 40px;}
.career_list .career_menu li{margin-bottom: 18px;}
.career_list .career_menu li a{font-size: 24px;color: rgba(0, 0, 0, 0.5);}
.career_list .career_menu li.active > a{color: #000;}
.career_table{width: 100%;margin-bottom: 50px;}
.career_table thead tr td{background: #F4F4F4;color: #444;padding: 10px;border-bottom: 1px solid #DADADA;}
.career_table tbody tr td{padding:18px 10px;border-bottom: 1px solid #DADADA;color: #000;}
.career_table tbody tr td a{color: #000;}
.career_list .slide_button {text-align: center;}
.career_list .slide_button a{background: #EE303A;color: #FFF;}
.career_list .slide_button a i{color: #FFF;}
.career_list .slide_button a:hover{background: #CC2E36;}
.career_list .about_news_filter{padding-top: 0;}

.career_detail_title{display: table;width: 100%;border-bottom: 1px solid #DADADA;background: #FFF; padding-bottom: 20px;margin-bottom: 20px;}
.career_detail_title .career_detail_title_left{display: table-cell;vertical-align: top;}
.career_detail_title_left h2{color: #EE303A;font-size: 32px;margin-bottom: 5px;}
.career_detail_title_left p{font-size: 16px;margin-bottom: 0;}
.career_detail_title .career_detail_title_right{display: table-cell;vertical-align: top;text-align: right; width: 200px;}
.career_detail_title .slide_button{text-align: right;}
.career_detail_title .slide_button a{background: #EE303A;color: #FFF;}
.career_detail_title .slide_button a i{color: #FFF;}
.career_detail_title .slide_button a:hover{background: #CC2E36;}

.career_detail{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 40px 40px 10px;margin-bottom: 30px;}
.career_detail_li{display: table;width: 100%;margin-bottom: 30px;font-size: 16px;}
.career_detail_li .career_detail_li_left{display: table-cell;width: 140px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.career_detail_li .career_detail_li_right{display: table-cell;vertical-align: top;padding-left: 20px;}
.career_detail_li_right ol li{margin-bottom: 5px;}
.career_list .detail_txt{font-size: 16px;}

.career_form{background: #F4F4F4;padding: 30px 0;}
.career_form_c{max-width: 800px;padding: 40px 40px 1px; font-size: 16px;margin: 0 auto;margin-top: 120px; background: #FFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;}
.career_form .career_detail_title{position: fixed;left: 0;top: 0;padding: 20px 40px 20px;z-index: 999;}
.career_form .career_detail_title h2{font-size: 24px;}
.career_form_li{display: table;width: 100%;margin-bottom: 50px;}
.career_form_li_left{display: table-cell;width: 200px;font-size: 24px;padding-right: 40px;}
.career_form_li_left h1{font-size: 24px;}
.career_form_li_left p{font-size: 16px;}
.Recipes-table-title{margin-bottom: 5px;}
.Recipes-table-box{margin-bottom: 30px;}
.dropkick{margin-bottom: 10px;position: relative}
.dropkick a.handle{position: absolute;right: 5px;top: 50%;display: inline-block;z-index: 99;margin-top: -5px;cursor: progress}
.Recipes-table-title b{font-weight:  normal;font-size: 16px;}
.career_form_li_right{display: table-cell;vertical-align: top;}
.form-group{margin-bottom: 30px;}
.label_title{margin-bottom: 5px;font-size: 16px;}
form .bootstrap-select{width: 100%!important;}
form .btn-default{border: none!important;border-bottom: 1px solid #000!important;padding-top: 10px;padding-bottom: 10px; font-size: 16px;border-radius: 0;box-shadow: none!important;height: 43px;}
form .btn-default:focus{border: none!important;border-bottom: 1px solid #000!important;}
form .dropdown-menu{font-size: 16px;}
.form-control{border: none;border-bottom: 1px solid #000;text-align: center;border-radius: 0;box-shadow: none;color: #000;font-size: 16px;padding-top: 10px;padding-bottom: 10px; height: 43px;}
.form-control:focus{border-color: #EE303A;}
.form-control.control_date{text-align: center;background: none;/*background: url("../images/Polygon 1.png") no-repeat center center;*/}
.caret{border: none!important;background: url("../png/polygon%201.png") no-repeat; width: 8px;height: 6px;}
.add_form{margin-bottom: 30px;}
.add_form a{color: #FFF;background: #EE303A;padding: 16px 32px;border-radius: 5px;display: inline-block;}
.add_form a i{margin-left: 5px;}
.add_form a:hover{background:#CC2E36;}
.input_file input{text-align: left;}
.career_note{max-width: 800px;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid #DADADA;font-size: 16px;}
.career_note ul{margin-bottom: 30px;}
.career_note ol li{margin-bottom: 7px;}
.career_note p{color: #EE303A;margin-bottom: 8px;}
.slide_button.bg_red{text-align: center;}
.slide_button.bg_red a{background:#EE303A;color: #FFF;margin-top: 30px;}
.slide_button.bg_red a i{color: #FFF;}
.slide_button.bg_red a:hover{background: #CC2E36;}
.submit_success{padding: 30px;text-align: center;font-size: 16px;}
.submit_success h1{font-size: 24px;margin-bottom: 30px;}
button.close{background: #FFF;width: 40px;height: 40px;opacity: 1!important;color: #EE303A!important;font-size: 20px;line-height: 40px;float: none;position: absolute;right: 30px;top: 30px; border: 1px solid #DADADA;border-radius: 50px;}
button.close i{line-height: 37px;}
@media (max-width:1200px) {
    .job_vacancies a{padding: 6px 15px}
    .job_vacancies{margin-top: -23px;}
    #career_develop_tab li a{font-size: 20px;}
    .career_develop .img{padding-right: 20px;}
    .career_develop .detail{padding-left: 20px;}
    .career_list .left{width: 30%;}
    .career_list .right{width: 70%;padding-left: 20px;}
    .career_list .career_menu li a{font-size: 20px;}
}
@media (max-width:767px) {
    .job_vacancies a{font-size: 12px;border-radius: 5px;}
    .job_vacancies{right: 15px;margin-top: -15px;}
    .about-fixed .job_vacancies a{padding: 10px 15px;font-size: 12px;}
    .brand_story_c h3{font-size: 20px;}
    #career_develop_tab li a{font-size: 12px;padding: 15px 5px;}
    .career_develop .img{float: none;width: 100%;padding-right: 0;margin-bottom: 20px;}
    .career_develop .detail{float: none;width: 100%;padding-left: 0;font-size: 14px;}
    .career_develop{padding: 20px;}
    #career_job .left{float: none;width: 100%;padding-right: 0;margin-bottom: 30px;}
    #career_job .right{float: none;width: 100%;padding-left: 0;}
    #career_job h2{font-size: 22px;}
    .top_sliding .swiper-pagination{display: none;}
    .top_sliding .swiper-button-prev, .top_sliding .swiper-button-next{display: none;}
    .top_sliding .text{padding: 0;}
    .career_list .left{float: none;width: 100%;margin-bottom: 30px;}
    .career_list .right{float: none;width: 100%;padding-left: 0;}
    .career_list .career_menu li a{font-size: 18px;}
    .career_table{font-size: 12px;}
    .career_table tr td a img{max-width: 13px;}
    .career_list{padding: 30px 0;}
    .career_table{margin-bottom: 30px;}
    .career_detail_title .career_detail_title_left{margin-bottom: 20px;}
    .career_detail_title_left h2{font-size: 22px;}
    .career_detail_title_left p{font-size: 12px;}
    .career_list .slide_button a{padding:10px 16px;font-size: 12px;}
    .career_detail_title .career_detail_title_right{width: 120px;}
    .career_detail{padding: 20px 20px 5px;}
    .career_detail_li{font-size: 14px;}
    .career_detail_li .career_detail_li_left{width: 100px;}
    .career_list .detail_txt{font-size: 14px;}
    .career_form_li_left{display: block;width: 100%;margin-bottom: 30px;padding-right: 0;}
    .career_form_li_right{display: block;width: 100%;}
    .career_form_c{padding: 20px 20px 1px;}
    .career_form .career_detail_title{padding: 15px 20px;}
    .career_form .career_detail_title h2{font-size: 20px;}
    .slide_button a{padding: 10px 20px;}
    .career_form_c{margin-top: 70px;}
    .career_form_li{margin-bottom: 20px;}
    .add_form{text-align: center;}
    .career_note{font-size: 14px;}
    .career_form_li_left{font-size: 22px;}
    .submit_success{padding:20px 0;font-size: 14px;}
    button.close{right: 15px;top: 15px;}
    .career_develop_li > a{font-size: 18px;}
    .Recipes-but{text-align: center !important;margin-bottom: 20px;}
}


/*csr*/
#csr_home{background: #F4F4F4;padding: 50px 0;}
.crs_home{display: table;width: 100%;max-width: 1200px;margin: 0 auto;}
.crs_home_li{float: left;width: 33.33%;padding: 0 20px;}
.crs_home_a{background: #FFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 40px;border-bottom: 8px solid transparent;}
.crs_home_a h3{font-size: 24px;margin-bottom: 10px;}
.crs_home_a p{font-size: 16px;line-height: 1.6;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height:104px;}
.crs_home_a .img{text-align: right;}
.crs_home_a:hover{border-color: #EE303A;}
.crs_home_a:hover h3{color: #EE303A;}
.crs_fw{margin-bottom: 20px;}
.crs_fw i{color: #EE303A;font-size: 40px;margin-top: -10px;}
#csr_responsible{padding: 50px 0;}
.text-center{text-align: center!important;}

.csr_responsible{display: table;width: 100%;height: 100%;margin-bottom: 40px;}
.csr_responsible_left{display: table-cell;vertical-align: top;width: 54%;padding-right: 4%;height: 100%;}
.csr_responsible_right{display: table-cell;vertical-align: top;width: 42%;height: 100%; }
.csr_responsible_right .csr_c{	 display: flex;align-items: center;text-align: center;align-content: center;justify-content: center;height: 100%;padding: 40px;background: #E75152;border-radius: 16px;color: #FFF;}
.csr_c h3{font-size: 24px;margin-bottom: 10px;}
.csr_c .date{font-size: 12px;margin-bottom: 20px;}
.csr_c p{font-size: 16px;}
.csr_responsible_left .img_1{width: 100%;padding: 2px;}
.csr_responsible_left .img_2{float: left;width: 50%;padding: 2px;}
.img_1 img,.img_2 img{width: 100%;}
.csr_responsible_left .img{display: inline-block;position: relative;width: 100%;border-radius: 16px;overflow: hidden;}
.blue_bg .csr_responsible_left{padding-left: 4%;padding-right: 0;}
.blue_bg .csr_responsible_right .csr_c{background: #B2E3F9;color: #000;}

.magnifying_glass{position: absolute;right: 15px;bottom: 15px;}
.visible_m{display: none}



@media (max-width:992px) {
    .crs_home_a{padding: 20px;}
    .crs_home_li{padding: 0 10px;}
    .crs_home_a h3{font-size: 20px;}
    .crs_home_a p{font-size: 14px;height: 90px;margin-bottom: 20px;}
    .crs_home_a .img img{width: 100px;}
    .csr_c h3{font-size: 18px;}
    .csr_c p{font-size: 13px;}
    .csr_responsible_right .csr_c{padding: 20px;}
}
@media (max-width:767px) {
    .crs_home_li{float: none;width: 100%;padding: 0;margin-bottom: 30px;}
    .crs_home_a .img img{width: 80px;}
    .csr_responsible_left{display: block;width: 100%;padding-right: 0;margin-bottom: 10px;}
    .csr_responsible_right{display: block;width: 100%;}
    .hidden_m{display: none!important}
    .visible_m{display: block!important;}
    .blue_bg .csr_responsible_left{padding-left: 0;}
    .csr_responsible_right .csr_c{padding: 50px 20px;}
}

#investor{padding: 50px 0;}
.investor_c{display: inline-block;width: 100%}
.investor_li{float: left; width: 50%;padding-right: 20px;}
.investor_li:nth-child(2n){padding-left: 20px;padding-right: 0;}
.investor_a{display: table;width: 100%;font-size: 16px;border-bottom: 1px solid #DADADA;padding-bottom: 10px;margin-bottom: 20px;}
.investor_a_left{display: table-cell;width: 50%;padding-right: 30px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.investor_a_right{display: table-cell;width: 50%;vertical-align: top;}
.investor_a_right p{margin-bottom: 10px;}
.investor_li .company_closely_li .img img{margin-bottom: 5px;}
.investor_li .company_closely_li .detail p{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:45px;}
.float_left{float: left;}
.float_left i{margin-left: 0;margin-right: 6px;}
.faq_c{width: 100%;margin: 0 auto;position: relative;z-index: 10;padding-bottom: 20px;}
.faq_li{font-size: 16px;border-bottom: 1px solid #DADADA;}
.faq_li:first-child{border-top: 1px solid #dadada;}
.faq_li >a{display: block;position: relative;color: #000;padding: 25px 35px 25px 0;background: url("../group%2041(1.html).png")no-repeat right 10px center;}
.faq_li_c{padding-bottom: 25px;display: none;line-height: 1.8;}
.faq_li.active >a{color: #EE303A;background: url("../group%2041(2.html).png")no-repeat right 10px center;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{text-align: center;font-family: "NotoSans-Regular", sans-serif;}
#contact{padding: 25px 0;}
.contact{padding-left: 500px;position: relative;}
.contact_txt{font-size: 16px;margin-bottom: 30px;text-align: left;position: absolute;left: 0; top: 0;width: 400px;}
.contact_txt p{margin-bottom: 15px;position: relative;padding-left: 130px;}
.contact_txt p span{display: inline-block;position: absolute;left: 0; top: 0;width: 120px;}
#member_2{padding: 50px 0;}
.member_2{margin: 0 auto 40px;max-width: 750px;}
.share_c{font-size: 16px;text-align: center;}
.share_c a{display: inline-block;margin: 0 5px;}
.share_c p{margin-bottom: 15px;}

.small_program{border-top: 1px solid #DADADA;padding-top: 20px;}
.small_program p{font-size: 16px;margin-bottom: 20px;}
.small_program p a{color: #000;}
.small_program p a:hover{color: #EE303A;}

.invertor_reports{ margin-left:-20px; margin-right:-20px;}
.invertor_reports:after,.invertor_reports:before{display:table;content:" ";}
.invertor_reports:after{clear:both;}
.invertor_reports_li{float: left;width: 33.33%;padding: 0 20px;margin-bottom: 20px;}
.invertor_reports_a{display: block;border-bottom: 3px solid transparent;padding-bottom: 20px;}
.invertor_reports_a:hover{border-color: #EE303A;}
.invertor_reports_a .img{margin-bottom: 15px; text-align: center;background: #F4F4F4;position: relative;}
.invertor_reports_a .img_c{position: absolute;right: 20px;top: 20px;color: #FFF;font-size: 24px;text-align: right;}
.invertor_reports_a .img_c p{font-size: 50px;font-family: "DIN Condensed Bold";line-height: 1;margin-bottom: -5px;}
.invertor_reports_a .img.years .img_c{color: #1172B7;}
.invertor_reports_a .details{display: table;width: 100%}
.invertor_reports_a .details .left{display: table-cell;vertical-align: middle;}
.invertor_reports_a .details .left .date{color: rgba(0, 0, 0, 0.5);font-size: 12px;margin-top: 5px;}
.invertor_reports_a .details .right{display: table-cell;text-align: right;}
.invertor_reports_a .details .right a{display: inline-block;text-align: center;font-size: 16px;color: #000;}
.invertor_reports_a .details .right a img{margin-bottom: 3px;}
@media (max-width:1200px) {
    .invertor_reports_a .img_c p{font-size:30px;margin-bottom: 0;}
    .invertor_reports_a .img_c{font-size: 16px;}
    .contact{padding-left: 350px;}
    .contact_txt{width: 320px;}
}
@media (max-width:767px) {
    .contact{padding-left: 0;}
    .contact_txt{width: 100%;position: relative;}
    .investor_li{float: none;width: 100%;padding: 0 !important;}
    .investor_a{font-size: 14px;}
    #investor{padding: 30px 0;}
    .investor_li .company_closely_li .detail p{font-size: 14px;height: 37px;}
    #contact{padding: 30px 0;}
    #member_2{padding: 30px 0;}
    .visible_m .job_vacancies{position: relative;top: 0;right: 0;margin-bottom: 20px;}

    .invertor_reports_a .details .right a img{width: 13px;}
    .invertor_reports_a .details .right a{font-size: 14px;}
    .invertor_reports_li{width: 50%;padding: 0 8px;}
    .invertor_reports{margin-left: -8px;margin-right: -8px;}
}
@media (max-width:500px) {
    .invertor_reports_li{width: 100%;float: none;}
}


/*member*/

#memeber_points{background: #E7E0D4;padding: 50px 0;}
.memeber_points{display: table;width: 100%}
.member_points_li{display:inline-block;margin-left: -4px; vertical-align: middle;width: 20%;text-align: center;padding: 0 20px;-webkit-transition: 1s ease 0s;-o-transition: 1s ease 0s;transition: 1s ease 0s;}
.member_points_li:hover{transform:scale(1.15);}
.member_points_li .img{margin-bottom: 15px;}
.member_points_li p{margin-bottom: 0;font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
#fans_club{padding: 60px 0;background: #F4F4F4;}
.fans_club{display: inline-block;width: 100%;}
.fans_club_li{float: left;width: 33.33%;padding: 60px 20px 0;margin-bottom: 50px;}
.fans_club_a{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);display: block;background: #FFF; border-radius: 8px;position: relative;}
.fans_club_a .fans_club_img{text-align: center;position: absolute;top: -60px;left: 0;width: 100%;}
.fans_club_a .fans{padding-top: 70px;margin-bottom: 35px; text-align: center;font-size: 18px;color: #EE303A;}
.club_c{padding: 16px 30px;border-top: 1px solid #DADADA;display: table;width: 100%}
.club_c .img{display: table-cell;width: 40px;}
.club_c .details{display: table-cell;vertical-align: top;padding-left: 20px;}
.club_c .details p{margin-bottom: 0;font-size: 16px;}
.club_c .details p.small{font-size: 12px;margin-bottom: 5px;}
.buttons{display: inline-block;width: 100%; text-align: center;}
.buttons .buttons_a{display: inline-block;margin: 0 20px;}

#process{padding: 60px 0;}
.process_img{margin-bottom: 50px;position: relative;width: 100%;display: block;height: 100%;cursor: pointer;}
.process_img_c{position: absolute; left: 43%;width: 57%;top: 0;height: 100%;display: flex;align-items: center;text-align: center;align-content: center;justify-content: center;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";padding: 10px 10%;}
.process_img_c h3{color: #EE303A;font-size: 32px;margin-bottom: 10px;}
.process_img_c h1{font-size: 48px;line-height: 1.2;margin-bottom: 15px;}
.process_img_c p{font-size: 16px;margin-bottom: 30px;}
.aniu{display: table;width: 100%;}
.aniu a{padding: 0 5px;width: 33.33%;float: left;text-align: center;}
.process{display: inline-block;width: 100%}
.process_li{float: left; width: 50%;padding-right: 20px;color: #000;}
.process_li:nth-child(2n){padding-right: 0;padding-left: 20px;}
.process_li .img{display: block;border-radius: 16px; overflow: hidden;color: #000;}
.process_li .img img{-webkit-transition: 1s ease 0s;-o-transition: 1s ease 0s;transition: 1s ease 0s;}
.process_li:hover img{transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03); -webkit-transform:scale(1.03);-o-transform:scale(1.03);}
.process_li p{font-size: 24px;margin: 24px 0 0;}
.faq_question{color: #000;display: table;width: 100%;padding: 20px 0;border-bottom: 1px solid #DADADA;}
.faq_question .txt{display: table-cell;vertical-align: middle;font-size: 24px;}
.faq_question .img{display: table-cell;vertical-align: middle;text-align: right;width: 60px;}
#career_job.question{background: #F4F4F4}
.faq_question:hover{color: #EE303A}

@media (max-width:1200px) {
    .member_points_li{padding: 0 10px;}
    .member_points_li p{font-size: 14px;}
    .club_c{padding: 16px;}
    .fans_club_li{padding-left: 10px;padding-right: 10px;}
    .club_c .details p{font-size: 14px;}
    .club_c .details p.small{font-size: 10px;}
    .process_li{padding-right: 10px;}
    .process_li:nth-child(2n){padding-left: 10px;}
    .process_li p{font-size: 16px;}
    .faq_question .txt{font-size: 16px;}
    .process_img_c{padding: 0 5%;}
    .process_img_c h3{font-size: 24px;}
    .process_img_c h1{font-size: 28px;}
    .process_img_c p{font-size: 14px;margin-bottom: 20px;}

}
@media (max-width:767px) {
    .member_points_li{width: 33.33%;vertical-align: top;margin-bottom: 30px;}
    .member_points{text-align: center;}
    .member_points_li p{font-size: 12px;}
    .member_points_li .img{margin-bottom: 10px;}
    #memeber_points{padding-bottom: 0;}
    .fans_club_li{float: none; width: 100%;padding-left: 0px;padding-right: 0px;}
    #process{padding: 30px 0;}
    .process_img{margin-bottom: 30px;}
    .process_li p{font-size: 14px;margin-top: 15px;}
    .process_li .img{border-radius: 8px;}
    .faq_question .img img{width: 35px;}
    .buttons .buttons_a{margin: 0 6px;}
    .related .swiper-button-prev, .related .swiper-button-next{width: 32px;height: 32px;}
    .related .swiper-button-next::after, .related .swiper-button-prev::after {font-size: 12px;}

    .process_img_c h3{font-size: 10px;margin-bottom: 5px;}
    .process_img_c h1{font-size: 12px;margin-bottom: 5px;}
    .process_img_c p{font-size: 6px;margin-bottom: 5px;}
    .aniu a{padding: 0 2px;}
}
.dropdown-menu{border-radius: 8px;border: none;}
.dropdown-menu > li > a{text-align: center;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background: #EDFAFF;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{float: none!important;width: auto;vertical-align: middle;max-width: 87%;}
.bootstrap-select.btn-group .dropdown-toggle .caret{position: relative;right: 0;top: 0; margin-top: -2px;margin-left: 3px;}
.select .bootstrap-select.btn-group .dropdown-toggle .caret{margin-top:0;}
.bs-caret{display: inline-block;vertical-align: middle;}
.Recipes-en{color: #FFF;background: #EE303A;padding: 16px 32px;border-radius: 5px;display: inline-block;border: none;font-size: 16px;}
.Recipes-txt{position: absolute;color: rgba(0, 0, 0, 0.5);font-size: 16px;left: 0; top: 15px;}
.Recipes-table-box{position: relative;}
#error_404{padding: 80px 0;}
#error_404 h1{font-size: 32px;margin-bottom: 30px; text-align: center;}
#error_404 .img{max-width:650px;margin: 0 auto 30px;}
.margin_bottom20{margin-bottom: 10px!important;}
.col{ margin-left:-10px; margin-right:-10px;margin-bottom: 20px;}
.col:after,.col:before{display:table;content:" ";}
.col:after{clear:both;}
.col-5{float: left;padding: 0 10px;width: 50%;}
.text-right{color: #EE303A}
#reload{text-align: center;padding: 30px 0 50px;border-bottom: 1px solid #DADADA;max-width: 800px;margin: 0 auto;}
#reload .form-control{width: auto;display: inline-block;background: none;max-width: 240px;margin-left: 10px;}
.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: #000;}
.margin_bottom30{margin-bottom: 20px;}
.radio_inline{margin-top: 20px;}
.radio_inline input{display: none}
.radio_inline input+label{background: url("../png/ellipse%2038.png") no-repeat;background-size: contain; vertical-align: middle;margin-right: 8px;cursor: pointer;width: 16px;height: 16px;}
.radio_inline input:checked+label{background: url("../png/ellipse%2026.png") no-repeat;background-size: contain; }
.ecipes-table{display: table;width: 100%;}

.s_dropdown_menu {width:100%;padding: 6px 0 0px 16px;display: none;border: none;}
.s_dropdown_menu> li{margin: 10px 0!important;}
.career_menu .s_dropdown >a{background: url("../group%2041(1.html).png") no-repeat right center;display: block;}
.career_menu .s_dropdown.active >a{background: url("../group%2041(2.html).png") no-repeat right center;}
@media (max-width:767px) {
    #error_404 h1{font-size: 22px;}
    #error_404{padding: 50px 0;}
    .dropdown-menu > li > a{white-space: normal;}

}


#jiathis_weixin_modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -180px 0 0 -180px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width:360px;
    height:360px;
    overflow:hidden;
    z-index: 99999999;
}

#jiathis_modal_header {
    padding: 9px 15px;
}

#jiathis_weixin_close {
    text-decoration:none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor:pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

#jiathis_weixin_h3 {
    line-height: 30px;
    margin: 0;
    font-weight:normal;
}

#jiathis_modal_body {
    text-align:center;
    height:251px;
}

#jiathis_webchat {

    width:220px;
    height:220px;
    margin: 15px auto 0;
}

#jiathis_webchat img{
    width:100%;
    display: block;
}
.integral-bg{padding: 120px 0;}
.registerSuccess-width{text-align: center;}
.registerSuccess-width-title{font-size: 32px;margin-bottom: 30px;}
.integral-text{margin-bottom: 40px;font-size: 16px;}
.registerSuccess-but .bottom-more a{font-weight: normal;background: #EE303A;
    color: #FFF;display:inline-block;margin: 0 auto;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 8px;padding: 12px 32px;font-size: 16px;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";border: none;}
.registerSuccess-but .bottom-more a:hover{background: #CC2E36;}
.ui-pagination-container .ui-pagination-page-item, .ui-pagination-container .ui-pagination-page-btn{vertical-align: middle;}
@media (max-width:767px) {
    .integral-bg{padding: 80px 0;}
    .registerSuccess-width-title{font-size:26px;}
}

.centent{padding: 20px 20px 50px;max-width: 1200px;margin: 0 auto;}

.centent .Promotion-right-contact{font-size: 16px;}
.Promotion-right-contact table td,.Promotion-right-contact table th{padding: 5px;}

.promotion_date{padding-bottom: 20px;font-size: 16px;border-bottom: 1px solid #eee;margin-bottom: 20px;}

.swiper-pagination-bullet:only-child{display: none !important;}
.index_popup{position: fixed;width: 100%;height: 100%;text-align: center;z-index: 9999;left: 0;top: 0;display: flex;align-items: center;text-align: center;align-content: center;justify-content: center;height: 100%;}
.index_popup:after{position: absolute;left: 0; top: 0;background: rgba(255,255,255,0.8);width: 100%;height: 100%;content: "";}
.popup_img{position: relative;z-index: 99;padding: 15px; }
.popup_close{position: absolute; z-index: 9; right: 30px; color: #fff; cursor: pointer; top:30px; width: 24px; height: 24px; background:#FFF; background: #FFFFFF;border: 1px solid #DADADA; border-radius: 100%;text-align: center;}
.popup_close i{font-size: 16px;color: #EE303A;line-height: 22px;}
.overflow-hidden{overflow-y: hidden;}
.modal-dialog{display: flex;align-items: center;text-align: center;align-content: center;justify-content: center;height:calc(100% - 20px);}
.modal-content{max-height: 100%;overflow-y: auto;}

.part_favorable{position: relative;text-align: center;margin-bottom: 80px;height: 400px;overflow: hidden;}
.part_favorable >img{width:auto;height:400px;margin: 0 50%;transform: translateX(-50%);max-width:inherit}
.part_favorable .part_favorable_absolute{position: absolute;left: 0;width: 100%;bottom: 15%;}
.favorable_product .swiper-pagination {bottom: -15px;}
.favorable_title{margin-bottom: 20px;padding: 0 5%;}
.more_favorable{position: absolute;right: 15px;bottom: 0;}
.more_favorable a{display: inline-block;padding: 10px 25px;border: 1px solid #DADADA;background: #FFF; border-radius: 50px;font-size: 16px;color: #000;font-family:"FF_DIN_Pro_Medium","NotoSans-Medium";}
.more_favorable i{margin-left: 5px;color:  #EE303A;font-size: 18px;vertical-align: middle;}
.more_favorable a:hover{background: #EDFAFF;border-color: #56BDEA;}
.Countdown{display: flex;text-align: center; align-items: center;justify-content: center;background: linear-gradient(to right, #EB6500, #DD2A35); border-radius: 50px;max-width: 500px;margin: 0 auto;padding:5px 10px;font-size: 16px;padding-left: 55px;}
.Countdown .colon{ color: #FFF;}
.Countdown .Countdown_li{background: #FFF;border-radius: 8px;color: #C7202B;padding: 5px 10px;margin: 0 10px;}
.Countdown_c{display: flex; align-items: center;justify-content: center;}
.countdowon_line{width: 80px;height: 8px;background: #D12530;border-radius: 10px;margin: 0 20px;margin-top: 24px;}
.offer_time{position:relative;}
.offer_time_icon{position: absolute;left: -1px;bottom: -1px;}
.start_time{text-align: left;margin-left: 30px;}
.start_time span{display: inline-block;background: #1172B7;padding: 2px 10px 2px 30px;color: #FFF;border-radius: 7px;}
.favorable_product{margin-bottom: 80px;position: relative;}
.favorable_product .swiper-container{position: inherit;margin-bottom: 30px;}
.favorable_product .container{position: relative;}
.favorable_product .swiper-button-next{right: -50px;}
.favorable_product .swiper-button-prev{left: -50px;}
.favorable_product .swiper-button-disabled{display: none!important}
.favorable_product_li{border: 2px solid #D9D9D9;padding: 24px 15px 5px;background: #FFF;display: block;color: #252525}
.favorable_product_li .img{margin-bottom: 24px;}
.favorable_product_li .txt{text-align: center;font-weight: 700;font-size: 20px;min-height: 60px;}
.favorable_product_li:hover{border-color: #CC2E36;}
.app360{background: #FFF;padding: 12px 16px;display: flex;justify-content: space-between;align-items: center;bottom: 0;left: 0;width: 100%;z-index: 99;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);}
.app360 .close_360app{width: 24px;min-width: 24px; padding-right: 10px;}
.app360 .app_button{min-width: 76px;width: 76px;}
.app360 .app_button a{display: block;color: #FFF;background: #1172B7;border-radius: 50px;text-align: center;padding: 7px 0;}
.app360 .app_text{padding:0  10px;}
.app360 .app_logo{min-width: 80px;width: 80px;}
@media (max-width:1028px) {
    .part_favorable{height: 300px;}
    .part_favorable > img{height: 300px;}
    .part_favorable .part_favorable_absolute{bottom: 10%;}
    .more_favorable{top: -40px}
}
@media (min-width:768px) {
    .modal-dialog{height:calc(100% - 60px);}
}
@media (max-width:767px) {
    .offer_time_icon{width: 50px;}
    .Countdown{font-size: 14px;}
    .start_time span{font-size: 12px;padding-left: 20px;}
    .part_favorable .part_favorable_absolute{bottom: 15%;}
    .offer_time{margin-top: 20px;}
    .countdowon_line{display: none}
    .Countdown_c{display: block;max-width: 300px;margin: 0 auto;}
    .part_favorable{height: auto;}
    .part_favorable > img{height: auto;width: 100%}
    .part_favorable .more_favorable{display: none;}
    .favorable_product .swiper-button-next, .favorable_product .swiper-button-prev{display: none}
    .part_favorable{padding: 30px 0;}
    .favorable_product .swiper-slide{width: 240px;}
    .favorable_product .swiper-pagination {display: none;}
    .favorable_product_li .txt{font-size: 14px;min-height: 42px;}
    .part_favorable{margin-bottom: 24px;}
    .favorable_product{margin-bottom: 50px;}

}