.header{position: fixed; background: none; z-index: 99; left: 0; top: 0; width: 100%; transition: all .3s; background: none;  background-color: rgba(48,48,48,.6);}
.header.active{border-bottom: none; background-color: #474747;}
.header .auto-1630{position: relative;}
.header .logo{float: left; width: 90px; padding: 10px 0;}
/* .header .logo img{width: 100%;} */
.header .head-nav{position: absolute; left: 90px; top: 50px;}
.header .head-nav li{float: left; margin-left: 60px; position: relative;}
.header .head-nav li:first-child{ margin-left: 40px;}
.header .head-nav li em a{font-size: 18px; font-family: "SourceHanSansCN"; color: #fff; font-style: normal; padding-bottom: 5px; display: block; transition: all 0.3s; letter-spacing: 2px;}
.header .head-nav li.on em a{border-bottom: 1px solid #fff;}
.header .head-nav li .sub{position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: none; min-width: 400px; padding-top: 48px; z-index: 1000;}
.header .head-nav li:nth-child(4) .sub{width: 732px;}
.header .head-nav li:nth-child(2) .sub{width: 590px; max-height: 111px;}
.header .head-nav li:nth-child(5) .sub{width: 371px; max-height: 111px;}
.header .head-nav li .sub .inner{background-color: #fff; padding: 10px; position: relative;}
.header .head-nav li .sub dd{float: left; padding: 10px 9px;}
.header .head-nav li:nth-child(4) .sub dd{ float: left; width: 20%; padding: 10px 0;}
.header .head-nav li .sub .pic{width: 70%; margin: auto; height: 70px;}
.header .head-nav li .top-img{transition: all 0.3s;}
.header .head-nav li .sub .tit{padding-top: 20px;}
.header .head-nav li .sub .subtit{padding-top: 10px;}
.header .head-nav li .sub .subtit{min-height: 60px; text-transform: uppercase;}
.header .head-nav li .sub a{padding-top: 0; color: #3e3a39; text-align: center; letter-spacing: normal; font-style: 16px;}
.header .head-nav li .sub dd:hover .top-img{transform: scale(1.1);}
.header .head-nav li .sub dd:hover .tit,
.header .head-nav li .sub dd:hover .subtit{color: #ad0003;}

.header .head-right{float: right; height: 124px; display: flex; flex-direction: row; justify-content: end; align-items: center;}
.header .head-right > div{padding-left: 25px;}
.header .tmall{padding-left: 25px;}
.header .wechat{position: relative;}
.header .wechat:hover{cursor: pointer;}
.header .wechat .qrcode{position: absolute; left: -50%; transform: translate(18px, 27%); width: 200px; height: 200px; background: #fff; opacity: 0; transition: all .3s;}
.header .wechat .qrcode img{width: 90%;}
.header .triangle{width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; left: 50%; top: 3px; transform: translate(-50%, -100%); transition: all .3s;}
.header .search_box{padding-left: 0!important;}
.header .search_box .open-search{background: url(../images/search2.png)no-repeat center; width: 35px; padding-top: 33.4px; display: block;}
.header .search_box .input-box{display: flex; flex-direction: row; display: none;}
.header .search_box .input-box.show{display: flex;}
.header .search_box .btn{background: url(../images/search2.png)no-repeat center; width: 35px; padding-top: 33.4px; display: block; float: right;border: .5px solid #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: none;}
.header .search_box .text{display: block; float: left; background: none; border: .5px solid #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 34px; padding: 0 5%; font-size: 16px; width: 180px; color: #fff;}
.header .search_box .text::placeholder{color: #fff;}
.header .search_box .text::-webkit-input-placeholder{color: #fff;}
.header .lan .btn{color: #fff;font-family: SourceHanSansCN;font-size: 28px;font-weight: lighter;}

.header #open-menu{width: 35px!important; height: 30px; position: relative; display: none; box-sizing: content-box;}
.header #open-menu:hover{cursor: pointer;}
.header #open-menu i,
.header #open-menu::before,
.header #open-menu::after{width: 30px; height: 3px; background-color: #ad0003; transition: all .3s ease-in-out; content: '';}
.header #open-menu i{position: absolute; left: 50%; top: 50%; transform: translate(0,-50%);}
.header #open-menu::before{position: absolute; left: 50%; top: 10%;}
.header #open-menu::after{position: absolute; left: 50%; bottom: 10%;}
.header #open-menu.show{display: block;}
.header #open-menu.active i{opacity: 0;}
.header #open-menu.active::after{transform: rotate(45deg); top: 50%; left: 50%;}
.header #open-menu.active::before{transform: rotate(-45deg); top: 50%; left: 50%;}
  
@media(max-width: 1400px){
    .header .head-nav li{margin-left: 50px;}
    .header .head-nav li em a{font-size: 16px;}
}
@media(max-width: 1200px){
    .header .head-nav li{margin-left: 40px;}
}
@media(max-width: 1024px){
    .header .head-nav{position: fixed; left: auto; top: 0; right: -180px; width: 180px; height: 100vh; background-color: #474747; margin-top: 110px; z-index: 500; transition: all .3s;}
    .header .head-nav.show{right: 0;}
    .header .head-nav li{ float: none; margin-left: 0;}
    .header .head-nav li em a{display: inline-block; padding: 20px 0 10px 0; text-align: start; margin-left: 30px; margin-bottom: 10px;}
    .header .head-nav li .sub{position: initial;}
    .header .head-nav li .sub .inner{background-color: #818181;}
    .header .head-nav li .sub .inner .triangle{display: none;}
    .header .head-nav li .sub dd{float: none; width: 100%;}
    .header .head-nav li:nth-child(4) .sub dd{float: none; width: 100%;}
	.header .head-nav li:nth-child(2) .sub,
	.header .head-nav li:nth-child(5) .sub,
	.header .head-nav li:nth-child(4) .sub{width: 100%;max-height: initial;min-width: auto;}
	.header .head-nav li .sub{padding-top: 0; left: 0; transform: translateX(0);}
	.header .head-nav li .sub .pic{display: none;}
	.header .head-nav li .sub .tit{padding-top: 0px;}
	.header .head-nav li .sub .subtit{ padding-top: 0;padding-left: 20px; min-height: auto;}
	.header .head-nav li .sub a{text-align: start; color: #fff;}
	.header .head-nav li .sub .tit{padding-left: 40px; width: 100%; height: 100%;}
	.header .head-nav li .sub dd:hover .tit{color: #fff;}

    .header #open-menu{display: block;}
}
@media(max-width: 768px){
    .header .head-right > div{padding-left: 10px;}
    .header .tmall{padding-left: 15px;}
    .header .wechat .qrcode{transform: translate(0,27%); width: 150px; height: 150px;}
}
@media(max-width: 640px){
    /* .header{opacity: 0;}
    .header.active{opacity: 1;} */
    .header .logo{width: auto;}
    .header .logo img{height: calc(64px - 4vw); width: auto;}
    .header .search_box .input-box{position: absolute; padding: 1% 2%; top: 100%; left: 50%; transform: translateX(-50%); background-color: #474747;}
    .header .head-right{height: 64px;}
    .header .head-nav{margin-top: 64px;}
    .header .wechat{display: none;}
}
@media(max-width: 480px){
    /*.header .logo{width: 65px;}*/
    /*.header .head-right{height: 80px;}*/
    /*.header .head-nav{margin-top: 70px;}*/
    .header .lan .btn{font-size: 20px;}
    .header .search_box .open-search{background-size: 60%;}
    .header .head-nav li em a{padding: 10px 0;}
}
  

.banner img{width: 100%;}
.banner .pc{display: block; position: relative;}
.banner .pc .content{position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .6);}
.banner .pc .content .auto-1186{padding: 1.5%; color: #fff;}
.banner .pc .content .tit{font-size: 27px;}
.banner .pc .content .subtit{font-size: 46px; text-transform: uppercase; padding: 1% 0; position: relative; font-weight: bold;}
.banner .pc .content .subtit::after{content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 5px; z-index: 1;}
.banner .pc .content .txt{font-size: 16px; padding-top: 1%; line-height: 2;}
.banner .wap{display: none;}
@media(max-width: 1024px){
    .banner .pc{display: none;}
    .banner .wap{display: block;}
    
}


.category-menu{padding: 6% 0;}
.category-menu ul{display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 2%;}
.category-menu li{width: 20%; text-align: center;}
.category-menu li .pic{position: relative; display: inline-block;}
.category-menu li .pic .picture{width: auto; height: 125px; transition: all .3s;}
.category-menu li .pic .icon{position: absolute; right: 0; bottom: 0; transform: translate(0,50%); width: 60px; height: auto; display: none;}
.category-menu li .tit,
.category-menu li .subtit{font-size: 20px; text-transform: uppercase; line-height: 1.7; color: #000;}
.category-menu li .tit{padding-top: 20px;}
.category-menu li .subtit{min-height: 100px;}

.category-menu li.aon .icon{display: block;}
.category-menu li.aon .tit,
.category-menu li.aon .subtit{color: #ad0003;}
.category-menu li.aon .pic .picture{transform: scale(1.1);}
.category-menu li.active .icon{display: block;}
.category-menu li.active .tit,
.category-menu li.active .subtit{color: #ad0003;}
.category-menu li.active .pic .picture{transform: scale(1.1);}
@media(max-width: 768px){
    .category-menu li{width: 33.3333%;}
    .category-menu li .pic .picture{height: 100px;}
    .category-menu li .tit,
    .category-menu li .subtit{font-size: 16px;}
}
@media(max-width: 480px){
    .category-menu li{width: 50%;}
}


.menu-secondary ul{background-color: #F3F3F3;}
.menu-secondary li{width: 16.6666%; height: 81px; float: left; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden; transition: all .3s;}
.menu-secondary li:hover{cursor: pointer;}
.menu-secondary li .tit{font-size: 15px; color: #353434; padding-bottom: 2%;}
.menu-secondary li .subtit{font-size: 13px; color: #353434; text-transform: uppercase;}
.menu-secondary li:hover,
.menu-secondary li.aon{background-color: #ad0003;}
.menu-secondary li:hover .tit,
.menu-secondary li:hover .subtit,
.menu-secondary li.aon .tit,
.menu-secondary li.aon .subtit{color: #fff;}
@media(max-width: 1200px){
    .menu-secondary li{width: 20%;}
}
@media(max-width: 1024px){
    .menu-secondary li{width: 25%;}
}
@media(max-width: 640px){
    .menu-secondary li{width: 33.3333%;}
    .menu-secondary li .tit{font-size: 14px;}
    .menu-secondary li .subtit{font-size: 12px;}
}



.toTop{position: fixed; width: 43px; height: 43px; border-radius: 3px; background: url(../images/toTop1.png)no-repeat center #ACA9A9; right: 6.32%; bottom: 10%; opacity: 0; transition: all .3s; z-index: 10;}
.toTop:hover{cursor: pointer; background: url(../images/toTop.png)no-repeat center #b5131b;}



.bottom{}
.bottom .bg{ background: url(../images/foot_bg.jpg) no-repeat center top; background-size: cover; width: 100%;}
.bottom .content{max-width: 1366px; margin: auto;}
.bottom .top{padding:4.2% 0 20px; position: relative;}
.bottom .logo{float: left;}
.bottom ul{float: right;}
.bottom ul li{display: inline-block; padding-left: 58px; padding-top: 0;}
.bottom ul li:first-child{ padding-left: 0;}
.bottom ul li a{font-size: 20px; color: #fff;}
.bottom .below{padding: 0 0 2% 0; color: #fff;}
.bottom .contact{font-size: 18px; float: left; background: url(../images/contactus.png)no-repeat left center; padding-left: 50px; line-height: 40px; color: #fff;}
.bottom .fr{ float: right;letter-spacing: .04em; line-height: 28px; text-align: right;font-size: 16px;}
.bottom .phone,
.bottom .addr{ display: inline-block;}
.bottom .phone{ margin-right: 20px;}
.bottom .copyright{  font-size: 12px;}
.bottom .copyright a{font-size: 12px; color: #fff;}
@media(max-width: 1580px){
    .bottom .content{padding: 0 2%;}
}
@media(max-width: 1366px){
    .bottom ul li{ padding-left: 30px;}
	.bottom .fr{ letter-spacing: 0;}
}
@media(max-width: 1200px){
    .bottom ul li{ padding-left: 20px;}
}
@media(max-width: 1024px){
	.bottom { text-align: center;}
    .bottom ul{display: none;}
	.bottom .contact,
	.bottom .logo{ float: none; display: inline-block;}
	.bottom .contact{line-height: 50px;}
	.bottom .fr{ float: none; text-align: center;}
	.bottom .phone,
	.bottom .addr{ display: block;}
	.bottom .phone{ margin-right: 0;}
	.bottom .copyright{text-align: center;}
}


@media(max-width: 640px){
.bottom .logo{float: none;}
.bottom .logo img{height: 46px;}
.bottom .top{padding:15px 0 2%;}
.bottom{text-align: center;padding-bottom: 0;}
.bottom .contact{margin: 0 auto;background-size: auto 18px;float: none;line-height: 24px;max-width: 80px;font-size: 14px;padding-left: 24px;}
.bottom .phone, .bottom .addr{font-size: 14px;line-height: 22px;padding: 2px 0;}
.bottom .copyright{line-height: 24px;}
.bottom .below{padding-bottom: 15px;}
}


.search{padding: 6% 0;}
.search .title{text-align: center; font-size: 30px; padding-bottom: 3%;}
.search li{background-color: #F9F9F9; padding: 0 3%; margin-bottom: 1%; transition: all .3s; overflow: hidden;}
.search li a{display: block; color: #000;}
.search li time{float: right; line-height: 60px; width: 80px; text-align: end;}
.search li .tit{float: left; line-height: 60px; font-size: 16px; width: calc(100% - 100px);}
.search li:hover{background-color: #ad0003;}
.search li:hover a{color: #fff;}


.Page{ text-align:center; padding:1% 0 60px;color:#666666;}
.Page .Pages *{ vertical-align:middle;}
.Page .Pages .p_cur,
.Page .Pages .p_count,
.Page .Pages .p_total{ display:none;}
.Page .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;}
.Page .Pages a:hover,
.Page .Pages a.a_cur{ color:#fff; background-color:#ad0003;}
.Page .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Page .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page .Pages .a_prev,.Page .Pages .a_next{ font-family:'宋体'; font-weight: bold; }

@media(max-width:1000px){
.Page .Pages em{ display:none;}
}
@media(max-width:640px){
.Page .Pages a.a_first,
.Page .Pages a.a_end{ display:none;}
.Page .Pages a{ padding:0 10px;}
}






.index-banner{width: 100%; position: relative;}
.index-banner .wap{display: none;}
.index-banner .slick-dots{position: absolute; bottom: 5%; z-index: 1;}
.index-banner .slick-dots li button{width: 15px; height: 15px; background: rgba(255, 255, 255, .55); padding: 0; transition: all 0.3s;}
.index-banner .slick-dots li.slick-active button{width: 18px; height: 18px; background: #AD0003;}
@media(max-width: 1024px){
    .index-banner .pc{display: none;}
    .index-banner .wap{display: block;}
}
@media(max-width: 768px){
    .index-banner .slick-dots li button{width: 10px; height: 10px;}
    .index-banner .slick-dots li.slick-active button{width: 12px; height: 12px;}
}


.index-part2{position: relative;}
.index-part2 .auto-1460{padding: 8% 0 2% 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.index-part2 .enterence{width: 49%; background-size: cover; background-position: center; padding-top: 37%; position: relative; transition: all 0.3s; position: relative;}
.index-part2 .enterence::after{content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -30px; background-color: #ededed; z-index: -10;}
.index-part2 .enterence:last-child::after{left: auto; right: -25px;}
.index-part2 .box{width: 100%; height: 100%; position: absolute; left: 0; top: 0;background-size: cover;}
.index-part2 .enterence .tit{font-size: 33px;}
.index-part2 .enterence .content{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 6.3% 6% 6.3%; font-family: "SourceHanSansCN"; color: #fff;}
.index-part2 .enterence .subtit{font-size: 44px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 2%;}
.index-part2 .enterence .txt{font-size: 14px; text-align: justify; font-family: "Adobe Heiti Std"; line-height: 1.8; margin-top: 2%; opacity: 0; height: 0; transition: all .3s;}
.index-part2 .enterence .more{letter-spacing: 2px; width: 157px; line-height: 44px; display: block; border: 1px solid #fff; text-align: center; font-size: 16px; color: #fff; margin-top: 2%; transition: all .3s;}
.index-part2 .enterence .more:hover{background-color: #ad0003; border: 1px solid #ad0003;}
.index-part2 .enterence:first-child{transform-origin: left;}
.index-part2 .enterence:last-child{transform-origin: right;}
.index-part2 .enterence.not-active{transform: scale(0.75);}
.index-part2 .enterence.active{transform: scale(1.26);}
.index-part2 .enterence.active .txt{opacity: 1; height: auto;}
/* .index-part2 .enterence.not-active .tit{font-size: 24px;}
.index-part2 .enterence.not-active .subtit{font-size: 34px;}
.index-part2 .enterence.not-active .more{line-height: 32px; font-size: 14px; width: 120px;}
.index-part2 .enterence.active .tit{font-size: 41px;}
.index-part2 .enterence.active .subtit{font-size: 58px;}
.index-part2 .enterence.active .more{line-height: 55px; letter-spacing: 2px; font-size: 22px; width: 200px;} */
@media(max-width: 1460px){
    .index-part2 .auto-1460{padding: 8% 2% 2% 2%;}
}
@media(max-width: 1200px){
    .index-part2 .enterence .tit{font-size: 24px;}
    .index-part2 .enterence .subtit{font-size: 32px;}
    .index-part2 .enterence .more{width: 130px; line-height: 40px;}
    .index-part2 .enterence.active .more{font-size: 18px; width: 180px; line-height: 50px;}
    .index-part2 .enterence.active .tit{font-size: 32px;}
    .index-part2 .enterence.active .subtit{font-size: 44px;}
}
@media(max-width: 1024px){
    .index-part2 .enterence .tit{font-size: 22px;}
    .index-part2 .enterence .subtit{font-size: 28px;}
    .index-part2 .enterence.active .tit{font-size: 28px;}
    .index-part2 .enterence.active .subtit{font-size: 40px;}
    .index-part2 .enterence .txt{font-size: 14px; line-height: 1.5;}
    .index-part2 .enterence.active .more{font-size: 18px; width: 160px; line-height: 44px;}
}
@media(max-width: 960px){
    .index-part2 .enterence{width: 100%;  padding-top: 74%; margin-bottom: 2%;}
    .index-part2 .enterence .txt{height: auto; opacity: 1;}
    .index-part2 .enterence::after{content: none;}
}
@media(max-width: 640px){
    .index-part2 .enterence .txt{display: none!important;}
}
@media(max-width: 480px){
    .index-part2 .enterence .more{width: 100px; line-height: 36px; font-size: 14px;}
}


.index-part3{padding: 10% 0 3% 0; background-size: contain; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
.index-part3 .title{font-size: 50px; position: relative; text-align: center;}
.index-part3 .title::after{content: ''; width: 43px; height: 2px; position: absolute; left: 50%; bottom: -20%; transform: translateX(-50%); background-color: #898989;}
.index-part3 .subtitle{font-size: 24px; text-align: center; text-transform: uppercase; padding-top: 3%;}
.index-part3 .product{padding-top: 8%;}
.index-part3 .product ul{width: 100%; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
.index-part3 .product li{width: 33%; margin-top: .5%; position: relative;}
.index-part3 .product li .pic{width: 100%; background-size: 100%; background-position: center; background-repeat: no-repeat; padding-top: 65%; transition: all .3s;}
.index-part3 .product li .content{position: absolute; left: 0; bottom: 3%; background-color: rgba(0, 0, 0, .6); padding: 3% 5%; color: #fff; width: 100%; transition: all .3s;}
.index-part3 .product li .tit{font-size: 26px; padding-bottom: 1%;}
.index-part3 .product li .subtit{font-size: 26px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 1%;}
.index-part3 .product li .txt{font-size: 14px; line-height: 1.8; padding-top: 2%; display: none;}
.index-part3 .product li:nth-child(2) .pic{padding-top: 78%;}
.index-part3 .product li:first-child{width: 66.4%;}
.index-part3 .product li:first-child .content{bottom: 0; padding-right: 60%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
/* .index-part3 .product li:not(:first-of-type):hover .content{background-color: #ad0003;} */
.index-part3 .product li:hover .pic{background-size: 110%;}
.index-part3 .product li:first-child .pic{padding-top: 38.5%;}
.index-part3 .product li:first-child .tit{font-size: 33px;}
.index-part3 .product li:first-child .subtit{font-size: 46px;}
.index-part3 .product li:first-child .txt{display: block;}

.index-part3 .product li:first-child:hover a{cursor: url('../images/cookware.ico'),auto;}
.index-part3 .product li:nth-child(2):hover a{cursor: url('../images/tableware.ico'),auto;}
.index-part3 .product li:nth-child(3):hover a{cursor: url('../images/knife.ico'),auto;}
.index-part3 .product li:nth-child(4):hover a{cursor: url('../images/bottle.ico'),auto;}
.index-part3 .product li:last-child:hover a{cursor: url('../images/jiadian.ico'),auto;}
@media(max-width: 1200px){
    .index-part3 .product li .tit{font-size: 20px;}
    .index-part3 .product li .subtit{font-size: 20px;}
    .index-part3 .product li:first-child .tit{font-size: 26px;}
    .index-part3 .product li:first-child .subtit{font-size: 38px;}
}
@media(max-width: 960px){
    .index-part3 .title{font-size: 30px;}
    .index-part3 .subtitle{font-size: 20px;}
}
@media(max-width: 768px){
    .index-part3 .product li:first-child{width: 100%;}
    .index-part3 .product li:first-child .content{padding-right: 5%;}
    .index-part3 .product li{width: 48%; margin: 0 1% 1% 1%;}
}
@media(max-width: 480px){
    .index-part3 .product li .tit{font-size: 14px;}
    .index-part3 .product li .subtit{font-size: 14px;}
    .index-part3 .product li:first-child .tit{font-size: 18px;}
    .index-part3 .product li:first-child .subtit{font-size: 26px;}
}


.index-part4{padding: 6% 0 4% 0;}
.index-part4 ul{width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: wrap;}
.index-part4 ul::after{content: ''; width: 100%; height: 100%; position: absolute; left: -25px; top: -30px; background-color: #ededed; z-index: -1;}
.index-part4 li{width: 17.4%; overflow: hidden; background-color: #ad0003; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; box-shadow: 15px 0 80px -15px rgba(0, 0, 0, 0.568);}
.index-part4 li a{width: 100%; height: 100%;}
.index-part4 li:first-child,
.index-part4 li:nth-child(2){box-shadow: none;}
.index-part4 li .icon{position: absolute; left: 50%; top: 20%; transform: translateX(-50%); transition: all .3s;}
.index-part4 li:hover .icon{transform: translateX(-50%) scale(1.1);}
.index-part4 li .tit1{font-size: 30px; color: #fff; padding: 240px 0 0 0;}
.index-part4 li .subtit1{font-size: 18px; color: #fff; font-weight: bold; padding-top: 20px;text-transform: uppercase;}
.index-part4 li .tips{ padding-bottom: 135px; color: #fff; font-size: 16px; padding-top: 20px;}
.index-part4 li:first-child{width: 47.8%;}
.index-part4 li:first-child a{width: 100%; height: 100%;}
.index-part4 li:first-child .pic{width: 100%; height: 100%; transition: all .3s; background-size: cover;}
.index-part4 li:hover .pic{transform: scale(1.1);}
.index-part4 li:first-child .content{position: absolute; width: 100%; left: 0; bottom: 0; padding: 5% 5.13%; text-align: start; color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(243, 151, 64,0.6) 0%, rgba(243, 151, 64,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(243, 151, 64,0.6) 0%,rgba(243, 151, 64,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(243, 151, 64,0.6) 0%,rgba(243, 151, 64, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-part4 li:first-child .content .tit{font-size: 40px; font-weight: bold;}
.index-part4 li:first-child .content .subtit{font-size: 22px; font-weight: bold; padding: 1.5% 0; border-bottom: 1px solid #fff;}
@media(max-width: 1200px){
    .index-part4 li .tit1{font-size: 22px;}
    .index-part4 li .subtit1{font-size: 16px;}
}
@media(max-width: 960px){
    .index-part4 ul::after{content: none;}
    .index-part4 li:first-child{width: 100%;}
    .index-part4 li{width: 33.3333333333333%;}
    .index-part4 li:first-child .pic{height: 0; padding-top: 54%; background-size: cover;}
    .index-part4 li .tit1{padding: 70px 0 0 0;}
    .index-part4 li:not(:nth-of-type(2)) .subtit1{padding-bottom: 50px;}
    .index-part4 li .tips{padding-bottom: 50px;font-size: 12px;padding: 0 0 15px;}
    .index-part4 li .icon{top: 15%;width: 38px;}
    .index-part4 li .tit1{font-size: 12px;}
    .index-part4 li .subtit1{font-size: 12px;font-weight: normal;padding: 5px 0;}
}


.index-infor .title{padding-top: 200px!important;}



.nearby-store{padding: 15% 0 5% 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.nearby-store .title{font-size: 50px; text-align: center; position: relative; letter-spacing: 3px;}
.nearby-store .title::after{content: ''; width: 44px; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); background-color: #898989;}
.nearby-store .subtitle{font-size: 26px; text-align: center; text-transform: uppercase; padding: 5% 0 10% 0;}
.nearby-store ul{margin: 9% -1% 0;}
.nearby-store li{width: 33.3333%; float: left; padding: 0 1%; margin-bottom: 1%; display: none;}
.nearby-store li .pic{width: 100%; background-size: cover; background-position: center; padding-top: 56%; margin-bottom: 40.8%; position: relative;}
.nearby-store li .content{position: absolute; width: 100%; height: 72%; background-color: #F2F2F2; left: 0; bottom: 0; transform: translateY(100%); padding: 17px 24px; transition: all .3s;}
.nearby-store li .content .tit{font-size: 26px; color: #020202; margin-bottom: 15%; position: relative;}
.nearby-store li .content .date{font-size: 26px; color: #020202; margin-bottom: 10%; position: relative;}
.nearby-store li .content .date span{font-size: 13px; position: absolute; right: 0; bottom: 0; color: #020202;}
.nearby-store li .content .tit::after{content: ''; position: absolute; right: 0; top: 50%; width: 44px; height: 1px; background-color: #000; z-index: 1; transform: translateY(-50%);}
.nearby-store li .content .txt{font-size: 16px; color: #2f2f2f;}
.nearby-store li .content .icon{background: url(../images/arrow.png)no-repeat center; width: 18px; height: 24px; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); opacity: 0;}
.nearby-store li:hover .content{height: 100%; transform: translateY(72%); background-color: #ad0003;}
.nearby-store li:hover .content .tit,
.nearby-store li:hover .content .date,
.nearby-store li:hover .content .date span,
.nearby-store li:hover .content .txt{color: #fff;}
.nearby-store li:hover .content .tit::after{background-color: #fff;}
.nearby-store li:hover .content .icon{opacity: 1;}
.nearby-store .more{width: 157px; line-height: 44px; text-align: center; font-size: 18px; color: #080808; border: 1px solid #080808; display: block; margin: 3% auto 0 auto; letter-spacing: 3px; transition: all .3s;}
.nearby-store .more:hover{background-color: #ad0003; color: #fff; border: 1px solid #ad0003;}
.nearby-store .detail .pic{float: left; width: 58.17%;}
.nearby-store .detail .pic img{width: 100%;}
.nearby-store .detail .infor{float: left; width: 41.83%; padding-left: 5.9%;}
.nearby-store .detail .infor .tit{font-size: 26px; position: relative;}
.nearby-store .detail .infor .tit::after{content: ''; position: absolute; left: 0; bottom: -5px; width: 80px; height: 1px; background-color: #ACA9A9;}
.nearby-store .detail .infor .txt{padding-top: 4%;}

.nearby-store .back{width: 157px; line-height: 44px; text-align: center; font-size: 18px; color: #080808; border: 1px solid #080808; display: block; margin: 5% auto 0 auto; transition: all .3s; letter-spacing: 3px;}
.nearby-store .back:hover{background-color: #ad0003; color: #fff; border: 1px solid #ad0003;}
@media(max-width: 960px){
    .nearby-store li{width: 50%;}
    .nearby-store li .content .date{font-size: 20px;margin-bottom: 10%;}
    .nearby-store .title{font-size: 30px;}
    .nearby-store .subtitle{font-size: 20px;}
}
@media(max-width: 640px){
    .nearby-store li .content .tit{padding-bottom: 0;font-size: 20px;}
    .nearby-store li .content .txt{font-size: 14px;}
    .nearby-store li .content{padding: 3%;}

    .nearby-store .detail .pic{width: 100%;}
    .nearby-store .detail .infor{width: 100%; padding-left: 0; padding-top: 3%;}
    .nearby-store .more{width: 120px; line-height: 40px; font-size: 16px;}
}
@media(max-width: 480px){
    .nearby-store li{width: 100%;}
}
@media(max-width: 320px){
    
    /* .nearby-store li .content .date{margin-bottom: 2%;} */
    .nearby-store li .content .icon{background-size: 70%; transform: translateY(20%);}
}


.company-infor{background: none; padding-top: 6%;}




.brand-infor{padding: 10% 0;}
.brand-infor .tit{font-size: 27px;}
.brand-infor .subtit{font-size: 46px; text-transform: uppercase; font-weight: bold; padding: 1% 0;}
.brand-infor .txt{font-size: 16px; color: #000; line-height: 2; text-align: justify; padding-top: 2%;}
.brand-infor .company-profile{position: relative;}
.brand-infor .company-profile::before{content: ''; width: 172px; height: 1px; position: absolute; left: 0; bottom: 0; background-color: #999;}
.brand-infor .company-profile .content{width: 48%; float: left; padding-right: 40px;}
.brand-infor .company-profile .pic{width: 52%; position: relative; text-align: end; float: left; padding-top: 1%;}
.brand-infor .company-profile .pic::after{content: ''; position: absolute; left: 0; top: 0; width: 90%; height: 50%; background-color: #F7F7F7; z-index: -1;}
.brand-infor .infor.red .tit{color: #ad0003;}
.brand-infor .infor.red .subtit{color: #ad0003; border-bottom: 2px solid #ad0003;}
.brand-infor .brand-intro,
.brand-infor .brand-story{padding-top: 5%;}
.brand-infor .brand-intro .pic,
.brand-infor .brand-story .pic{width: 33.7%; float: left;}
.brand-infor .brand-intro .content,
.brand-infor .brand-story .content{width: 66.3%; text-align: end; float: left; padding-left: 63px;}
.brand-infor .company-profile .subtit,
.brand-infor .brand-intro .subtit,
.brand-infor .brand-story .subtit{border-bottom: 2px solid rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .3);}
.brand-infor .brand-intro .txt,
.brand-infor .brand-story .txt{text-align: justify;}
.brand-infor .brand-video{padding-top: 15%;}
.brand-infor .title{font-size: 50px; text-align: center; position: relative; letter-spacing: 3px;}
.brand-infor .title::after{content: ''; width: 44px; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); background-color: #898989;}
.brand-infor .subtitle{font-size: 26px; text-align: center; text-transform: uppercase; padding: 5% 0 10% 0;}
  
.brand-infor .brand-video video{width: 100%; height: 100%; position: absolute; left: 0; top: 0;object-fit: cover;}
.brand-infor .brand-video .item{position: relative;}
.brand-infor .brand-video .video-info{position: relative; padding-top: 53%;}
.brand-infor .brand-video .item .play{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; opacity: 1;}
.brand-infor .brand-video .item .play:hover{cursor: pointer;}
.brand-infor .brand-video .item .play.none{opacity: 0;}
.brand-infor .brand-video .video-for{margin-bottom: 1%;}
.brand-infor .video-nav{margin: 0 -5px; position: relative;}
.brand-infor .play .icon{background: url(../images/play.png)no-repeat center; width: 108px; height: 108px;}
.brand-infor .play .txt{position: absolute; width: 100%; left: 0; bottom: 3px; padding: 0 10px; color: #fff; line-height: 56px; background-color: rgba(0, 0, 0, .5); font-size: 20px;}
.brand-infor .video-nav .item{background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 189px; margin: 0 5px;}
.brand-infor .video-nav .item .txt{position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); font-size: 13px; color: #fff; line-height: 30px; padding: 0 2%; opacity: 0; transition: all .3s; z-index: 50;}
.brand-infor .video-nav .item:hover .txt{background-color: #ad0003; opacity: 1;}
/* .brand-infor .video-nav .slick-prev{transform: translate(0, -50%); height: 100%; background: url(../images/prev.png)no-repeat center #ad0003; opacity: 0; transition: all .3s; left: 5px; z-index: 1;}
.brand-infor .video-nav .slick-next{transform: translate(0, -50%); height: 100%; background: url(../images/next.png)no-repeat center #ad0003; opacity: 0; transition: all .3s; z-index: 1;}
.brand-infor .video-nav:hover .slick-prev,
.brand-infor .video-nav:hover .slick-next{opacity: 0.4;}
.brand-infor .video-nav .slick-prev:hover,
.brand-infor .video-nav .slick-next:hover{opacity: 1;} */

/* .brand-infor .video-nav .nav-box{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} */
.brand-infor .prev,
.brand-infor .next{position: absolute; width: 50px; height: 100%; top: 0; opacity: 0; transition: all .3s; z-index: 5; border: none;}
.brand-infor .prev{left: 5px; background: url(../images/prev.png)no-repeat center #ad0003;}
.brand-infor .next{right: 0; background: url(../images/next.png)no-repeat center #ad0003;}
.brand-infor .video-nav:hover .prev,
.brand-infor .video-nav:hover .next{opacity: 0.4; height: calc(100% - 30px);}
.brand-infor .video-nav .prev:hover,
.brand-infor .video-nav .next:hover{opacity: 1; cursor: pointer; height: 100%;}
@media(max-width: 960px){
    .brand-infor .brand-intro .content,
    .brand-infor .brand-story .content,
    .brand-infor .company-profile .content{width: 100%; padding-right: 0; padding-left: 0; padding-top: 2%;}
    .brand-infor .brand-intro .pic,
    .brand-infor .brand-story .pic{width: 60%;}
    .brand-infor .title{font-size: 30px;}
    .brand-infor .subtitle{font-size: 20px;}
}
@media(max-width: 640px){
    .brand-infor .tit{font-size: 20px;}
    .brand-infor .subtit{font-size: 30px;}
    .brand-infor .txt{font-size: 14px;}
    .brand-infor .play .icon{width: 80px; height: 80px; background-size: 80%;}
    .brand-infor .play .txt{font-size: 16px; line-height: 40px;}
}
@media(max-width: 480px){
    .brand-infor .company-profile .pic,
    .brand-infor .brand-intro .pic,
    .brand-infor .brand-story .pic{width: 100%;}
    .brand-infor .brand-intro .pic img,
    .brand-infor .brand-story .pic img{width: 100%;}
    .brand-infor .play .icon{width: 80px; height: 80px; background-size: 60%;}
}

.infor-detail{padding-top: 124px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 125px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 125px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 125px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.infor-detail .title{background-color: #F2F2F2; padding: 5% 0 2% 0; text-align: center;}
.infor-detail .title .box{display: inline-block;}
.infor-detail .title .tit{font-size: 30px; font-weight: bold;}
.infor-detail .title .date{font-size: 12px; text-align: end; color: #848484; padding-top: 1%;}
.infor-detail .content{padding: 3% 0;line-height:1.8;font-size:16px;}
.infor-detail .content .txt{font-size: 16px; font-family: "Adobe Heiti Std"; text-align: justify; line-height: 2; padding-top: 1%;}
.infor-detail .content img{padding: 2% 0 0 0; height: auto!important;}
@media(max-width: 768px){
    .infor-detail .title .tit{font-size: 22px;}
}

.product-category{padding: 0 0 3% 0;}
.product-category li{position: relative; margin-bottom: 3%;}
.product-category li .pic{width: 56.15%; margin: 0 0 0 auto; overflow: hidden;}
.product-category li .pic img{width: 100%; transition: all .3s;}
.product-category li .content{position: absolute; width: 43.84%; left: 0; bottom: 5px; padding-right: 9%;}
.product-category li .tit{font-size: 23px; line-height: 1.4; color: #020202; transition: all .3s;}
.product-category li .subtit{font-size: 33px; font-weight: bold; color: rgba(2, 2, 2, .3); position: relative; display: inline-block; text-transform: uppercase; transition: all .3s;}
.product-category li .subtit::after{content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background-color: #B2B2B2; transition: all .3s;}

.product-category li.on .tit,
.product-category li.on .subtit{color: #ad0003;}
.product-category li.on .subtit::after{background-color: #ad0003;}
.product-category li.on .pic img{transform: scale(1.1);}
@media(max-width: 960px){
    .product-category li .tit{font-size: 20px;}
    .product-category li .subtit{font-size: 28px;}
}
@media(max-width: 768px){
    .product-category li .content{position: initial; width: 100%; padding: 2% 0;}
    .product-category li .pic{width: 100%;}
}
@media(max-width: 480px){
    .product-category li .tit{font-size: 16px;}
    .product-category li .subtit{font-size: 20px;}
}
  

.product-list{padding-bottom: 5%;}
.product-list .list-box{padding: 5% 0; display: flex; flex-direction: row; border-bottom: 1px solid #9D9C9C; flex-wrap: wrap;}
.product-list .content{width: 40.73%; padding-right: 15%;}
.product-list .content .title{font-size: 18px; color: #353434;}
.product-list .content .subtitle{font-size: 24px; font-weight: bold; display: inline-block; color: rgba(0, 0, 0, .3); text-transform: uppercase; position: relative;}
.product-list .content .subtitle::after{content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .3);}
.product-list .content .txt{font-size: 16px; color: #353434; text-align: justify; line-height: 2; padding-top: 6%;}
.product-list .content .photo{width: 100%; padding-top: 10%; padding-bottom: 2%; overflow: hidden;}
.product-list .content .photo img{height: 100%; width: 100%;}

.product-list .product{width: 59.27%;}
.product-list .product ul{margin: 0 -1%;}
.product-list .product li{width: 33.3333%; float: left; padding: 0 1%; margin: 1% 0;}
.product-list .product li .pic{width: 100%; background-size: cover; background-position: center; padding-top: 65%;}
.product-list .product li .infor{width: 100%; background-color: #BBBABA; color: #fff; padding: 2%; transition: all .3s;}
.product-list .product li .category{position: relative; font-size: 8px;}
.product-list .product li .category::after{content: ''; position: absolute; right: 0; top: 50%; width: 34px; height: 1px; background-color: #fff; transform: translateY(-50%);}
.product-list .product li .tit{font-size: 14px;}
.product-list .product li .inner{height: 16px; display: flex; align-items: baseline; justify-content: space-between;}
.product-list .product li .num{font-size: 8px;}
.product-list .product li .name{font-size: 8px;}
.product-list .product li:hover .infor{background-color: #ad0003;}
@media(max-width: 1024px){
    .product-list .product li{width: 50%;}
    .product-list .content .photo{display: none;}
}
@media(max-width: 768px){
    .product-list .content{width: 100%; padding-right: 0;}
    .product-list .product{width: 100%;}
    .product-list .content .txt{padding-top: 3%;}
    .product-list .content .photo{margin-top: 5%; margin-bottom: 5%; width: 50%; height: auto!important;}
}
@media(max-width: 480px){
    .product-list .content .txt{font-size: 14px; line-height: 1.5;}
}




.product-detail{padding: 6% 0;}
.product-detail .image-wrap{width: 58.43%; float: left; position: relative; overflow: hidden;}
.product-detail .image-wrap .large-img img{width: 100%;}
.product-detail .image-wrap .large-img{position: relative;}
.product-detail .image-wrap .large-img .zoomWindow{transform: translateX(-100%,-100%);}
.product-detail .image-wrap .block{position: absolute; width: 100%; height: 100%; background: url(../images/zoom.png)no-repeat center; left: 0; top: 0; opacity: 0; transition: all .3s;}
.product-detail .image-wrap .block:hover{opacity: 1; cursor: pointer;}
.product-detail .image-wrap .little-img{position: absolute; width: 20%; height: auto; right: 0; bottom: 0; display: block; border: 1px solid #898989; z-index: 1; display: none;}
.product-detail .image-wrap .little-img img{width: 100%; height: 100%;}
.product-detail .image-wrap .little-img img:hover{cursor: url('../images/cursor.ico'),auto;}
.product-detail .image-wrap .relative-region {background: linear-gradient(45deg, rgba(46, 46, 46, 0.5) 50%, transparent 0),linear-gradient(135deg, rgba(200, 200, 200, .5) 70%, transparent 0);display: none;position: relative;z-index: 99;background-size: 5px 5px;}

.product-detail .content{width: 41.57%; float: left; padding-left: 50px;}
.product-detail .content .category{font-size: 17px; color: #353434;}
.product-detail .content .category-en{font-size: 24px; color: rgba(0, 0, 0, .3); display: inline-block; position: relative; font-weight: bold; text-transform: uppercase; margin-bottom: 3%;}
.product-detail .content .category-en::after{content: ''; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; bottom: -3px;}
.product-detail .content .tit{font-size: 20px; color: #030303;}
.product-detail .content .name{font-size: 16px; color: #030303;}
.product-detail .content .intro{font-size: 15px; color: #030303; padding-top: 3%;}

.product-detail .zoomContainer{border: none!important;}

.product-detail .back{width: 157px; line-height: 44px; text-align: center; font-size: 18px;  display: block; margin: 5% auto 0 auto; transition: all .3s; border: 1px solid #080808; color: #080808; letter-spacing: 3px;}
.product-detail .back:hover{color: #fff; background-color: #ad0003; border: 1px solid #ad0003;}
@media(max-width: 768px){
    .product-detail .image-wrap{width: 100%;}
    .product-detail .content{width: 100%; padding-left: 0; margin-top: 3%;}
}







.tab-box{padding: 8% 0 5% 0;}
.tab-box ul{display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.tab-box li{text-align: center; padding-right: 8.43%;}
.tab-box li:last-child{padding-right: 0;}
.tab-box li .tit,
.tab-box li .subtit{font-size: 24px; color: #3e3a39; position: relative; text-transform: uppercase;}
.tab-box li .tit{padding-bottom: 2%;}
.tab-box li.active .tit,
.tab-box li.active .subtit{color: #ad0003;}
.tab-box li.active .subtit::after{content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -3px; background-color: #ad0003;}
@media(max-width: 768px){
    .tab-box li .tit,
    .tab-box li .subtit{font-size: 18px;}
}
@media(max-width: 640px){
    .tab-box ul{flex-direction: column;}
    .tab-box li{padding-right: 0; padding-bottom: 3%;}
}





.recipem-sharing{padding: 6% 0 10% 0;}
.recipem-sharing ul{margin: 0 -1%;}
.recipem-sharing li{position: relative; margin-bottom: 1%; float: left; margin: .5%; display: none;}
.recipem-sharing li:nth-child(5n+1),
.recipem-sharing li:nth-child(5n+2),
.recipem-sharing li:nth-child(5n+3){width: 32%;}
.recipem-sharing li:nth-child(5n+4),
.recipem-sharing li:nth-child(5n+5){width: 49%;}
.recipem-sharing li .pic{background-size: cover; background-position: center; width: 100%; padding-top: 100%;}
.recipem-sharing li:nth-child(5n+4) .pic,
.recipem-sharing li:nth-child(5n+5) .pic{padding-top: 50%;}
.recipem-sharing li .infor{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all .3s;}
.recipem-sharing li .icon{background: url(../images/play.png)no-repeat center; width: 68px; height: 68px; background-size: cover; z-index: 5;}
.recipem-sharing li .content{position: absolute; left: 0; bottom: 0; width: 100%; background-color: #ad0003; padding: 3.8%; color: #fff;}
.recipem-sharing li:nth-child(5n+4) .content,
.recipem-sharing li:nth-child(5n+5) .content{padding: 1.9%;}
.recipem-sharing li .tit{font-size: 15px; font-weight: bold; padding-bottom: 2%; border-bottom: 1px solid #fff;}
.recipem-sharing li .txt{font-size: 12px; line-height: 1.8; text-align: justify; padding-top: 2%;}
.recipem-sharing li .infor:hover{opacity: 1;}

.recipem-sharing .more{width: 157px; line-height: 44px; text-align: center; border: 1px solid #000; color: 000; margin: 3% auto; letter-spacing: 2px; transition: all .3s;}
.recipem-sharing .more:hover{cursor: pointer; background-color: #ad0003; color: #fff; border: 1px solid #ad0003;}
@media(max-width: 960px){
    .recipem-sharing ul{display: block; margin: 0 -1%;}
    .recipem-sharing li:nth-child(5n+1),
    .recipem-sharing li:nth-child(5n+2),
    .recipem-sharing li:nth-child(5n+3),
    .recipem-sharing li:nth-child(5n+4),
    .recipem-sharing li:nth-child(5n+5){width: 49%; float: left; padding: 0 1%; margin-bottom: 2%;}
    .recipem-sharing li:nth-child(5n+4) .pic,
    .recipem-sharing li:nth-child(5n+5) .pic{padding-top: 100%;}
    .recipem-sharing li:nth-child(5n+4) .content,
    .recipem-sharing li:nth-child(5n+5) .content{padding: 3.8%;}
    .recipem-sharing li .content{width: 96%; left: 2%;}
    .recipem-sharing li .icon{width: 50px; height: 50px;}
}
@media(max-width: 640px){
    .recipem-sharing li .icon{width: 40px; height: 40px;}
}



.recipem-detail{padding: 6% 0 10% 0;}
.recipem-detail .video-box{position: relative; overflow: hidden;}
.recipem-detail .video-box video{width: 100%; object-fit: fill!important;}
.recipem-detail .control-box{position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; left: 0; top: 0;}
.recipem-detail .video-box .icon{background: url(../images/play1.png)no-repeat center; width: 107px; height: 107px; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.recipem-detail .video-box .icon:hover{cursor: pointer;}
.recipem-detail .video-box .back{position: absolute; right: 12px; top: 12px; width: 22px; height: 22px; background: url(../images/back.png)no-repeat center; background-size: cover;}
.recipem-detail .video-dimensions{width: 100%!important; height: auto;}
.recipem-detail .video-js .vjs-tech{position: initial;}
.recipem-detail .vjs-has-started .vjs-control-bar{height: 62px; background-color: #ad0003;}
.recipem-detail .video-js .vjs-big-play-button{background: url(../images/play1.png); border: none; width: 107px; height: 107px; background-size: cover; border-radius: 0;} 
.recipem-detail .video-js .vjs-big-play-button .vjs-icon-placeholder:before{content: none;}
.recipem-detail .vjs-button>.vjs-icon-placeholder:before{line-height: 62px;}
.recipem-detail .video-js .vjs-time-control{line-height: 62px; font-size: 20px;}
.recipem-detail .video-js .vjs-time-control span:nth-child(2){display: none;}

.recipem-detail .is-video .tit{font-size: 24px; font-weight: bold; color: #393636; display: inline-block; padding: .5% 0; border-bottom: 1px solid #6C6D6A;}
.recipem-detail .is-video .intro{font-size: 12px; color: #9c9999; font-weight: bold; padding-top: 1%;}

.recipem-detail .no-video .title{font-style: 30px; font-weight: bold; text-align: center;}
.recipem-detail .no-video .txt{font-style: 16px; color: #2d2c2c; padding-bottom:2%; line-height: 1.5;}
.recipem-detail .no-video .txt span{font-weight: bold;}
.recipem-detail .no-video .pic{width: 100%!important; height: auto!important; padding-bottom: 1%;}
@media(max-width: 640px){
    .recipem-detail .vjs-has-started .vjs-control-bar{height: 40px;}
    .recipem-detail .vjs-button>.vjs-icon-placeholder:before{line-height: 40px;}
    .recipem-detail .video-js .vjs-time-control{line-height: 40px; font-size: 16px;}
    .recipem-detail .video-js .vjs-big-play-button{width: 50px; height: 50px;}
    .recipem-detail .video-box .back{width: 15px; height: 15px;}
    .recipem-detail .vjs-big-play-centered .vjs-big-play-button{margin-top: 0; margin-left: 0; transform: translate(-50%,-50%);}
}




.tools-care{padding-bottom: 6%;}
.tools-care pre{text-align: center; font-size: 20px; font-family: "Adobe Heiti Std"; text-transform: uppercase; line-height: 1.8; color: #010101;}
.tools-care .title{font-size: 24px; color: #010101; font-weight: normal; display: inline-block; border-bottom: 1px solid #525151; padding: .5% 0;}
.tools-care ul{margin: 0 -8%;}
.tools-care li{width: 33.3333%; padding: 0 8%; margin: 1% 0 5% 0; float: left;}
.tools-care li .pic{width: 40%; padding-top: 40%; background-size: cover; background-position: center; margin: 8% auto 10% auto; position: relative;}
.tools-care li .pic .num{position: absolute; top: 0; left: -50%; font-size: 20px; color: #b5131b; font-weight: bold;}
.tools-care li .txt{padding-bottom: 20px; font-style: 16px; line-height: 1.8; color: #010101; padding-left: 15%; text-align: justify; position: relative;}
.tools-care li .txt span{position: absolute; left: 0; top: 0; text-align: center; font-size: 12px; border-radius: 50%; width: 20px; height: 20px; color: #b5131b; border: 1px solid #b5131b;}
.tools-care li .content{border-bottom: 1px solid #b5131b; height: 300px;}
.tools-care li:nth-child(4) .inner{padding-bottom: 20px;}
/*.tools-care li:nth-child(4) .txt{padding-bottom: 0;}*/
.tools-care .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #b5131b;}
.tools-care .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #b5131b;}
.tools-care  .mCSB_inside>.mCSB_container{margin-right: 5px;}
@media(max-width: 960px){
    .tools-care li{width: 50%;}
}
@media(max-width: 480px){
    .tools-care li .pic{width: 30%; padding-top: 30%;}
    .tools-care li{width: 100%;}
    .tools-care pre{font-size: 16px;}
    .tools-care .title{font-size: 20px;}
}




.contact-us{padding: 6% 0 8% 0;}
.contact-us .title{font-size: 50px; text-align: center; position: relative; letter-spacing: 3px;}
.contact-us .title::after{content: ''; width: 44px; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); background-color: #898989;}
.contact-us .subtitle{font-size: 26px; text-align: center; text-transform: uppercase; padding: 5% 0 5% 0;}
.contact-us .part{padding-bottom: 8%;}
.contact-us .merchants-joining .tips{font-size: 24px; text-align: center; color: #030303;}
.contact-us .merchants-joining .tips.red{padding: 3% 0;}
  
.map{text-align:center;position:relative;}
.map li{position:absolute;left:0px;top:0px;}
.map li span i{font-style:normal;display:inline-block;position:absolute;}
.map li span .dot{left:0px;width:12px;height:12px;border-radius:16px;background:#ad0003;opacity:1;filter:alpha(opacity=100); transition: all .5s;cursor: pointer;z-index: 10;}
.map li span .pulse{top:-16px;left:-16px;height:44px;width:44px;border-radius:48px;background:#ad0003;opacity:0.12;filter:alpha(opacity=12);-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.map li.active .dot{background:#ad0003;}
.map li.active .pulse{background:#ad0003;}
.map li p{position:absolute;left:1px;top:0px;width:11px;height:0px;margin:0;z-index:66;background:url(../images/Floor001120-line.png) no-repeat center top 5px;opacity:0;filter:alpha(opacity=0);-ms-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;z-index: -1;}
.map li p em{position:absolute;left:-32px;top:-40px;width:95px;padding:6px 12px;color:#fff;background:#ad0003;border-radius:2px;text-align:center;font-style:normal;}
/*.map li:hover p{opacity:1;filter:alpha(opacity=100);}
.map li:hover p{height:80px;top:-83px;}
.map li:hover .dot{background: url(../images/logo-head.png)no-repeat center #ad0003; background-size: cover; z-index: 1; transform: scale(1.5);}
*/
.map li.active p{opacity:1;filter:alpha(opacity=100);}
.map li.active p{height:80px;top:-83px;z-index: 11;}
.map li.active .dot{background: url(../images/logo-head.png)no-repeat center #ad0003; background-size: cover; z-index: 1; transform: scale(1.5);}
/*.map li.active p{height:77px;top:-70px;background-image:url(../images/Floor001120-line_hover.png);}
.map li.active p em{color:#fff;background:#ad0003;}
.map li.active p{opacity:1;filter:alpha(opacity=100);}*/

@keyframes warn{
    0% {
        transform: scale(0);
        opacity: 1;
    }
    30% {
        transform: scale(0);
        opacity: 0.1;
    }
    60% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}
.map li.li_1{left:71%;top:20%;}
.map li.li_2{left:70%;top:29%;}
.map li.li_3{left:67%;top:34%;}
.map li.li_4{left:59.5%;top:38%;}
.map li.li_5{left:61%;top:40%;}
.map li.li_6{left:51%;top:37%;}
.map li.li_7{left:58.5%;top:43%;}
.map li.li_8{left:55%;top:45%;}
.map li.li_9{left:61.5%;top:58%;}
.map li.li_10{left:65%;top:55%;}
.map li.li_11{left:65%;top:62%;}
.map li.li_12{left:67%;top:59%;}
.map li.li_13{left:60%;top:68%;}
.map li.li_14{left:63%;top:72%;}
.map li.li_15{left:55%;top:68%;}
.map li.li_16{left:55%;top:60%;}
.map li.li_17{left:57%;top:54%;}
.map li.li_18{left:62%;top:47%;}
.map li.li_19{left:44%;top:61%;}
.map li.li_20{left:49%;top:70%;}
.map li.li_21{left:49.5%;top:63%;}
.map li.li_22{left:41%;top:75%;}
.map li.li_23{left:23%;top:56%;}
.map li.li_24{left:51%;top:52%;}
.map li.li_25{left:45.5%;top:48%;}
.map li.li_26{left:48%;top:45%;}
.map li.li_27{left:36%;top:47%;}
.map li.li_28{left:24%;top:33%;}
.map li.li_29{left:57%;top:77%;}
.map li.li_30{left:51%;top:77%;}
.map li.li_31{left:52%;top:88%;}
.map li.li_32{left:67.5%;top:76%;}
.map li.li_33{left:59%;top:80%;}

.contact-us .cooperation-concept ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around;}
.contact-us .cooperation-concept li{width: 49%; padding: 0 .5%; margin: 1% 0;}
.contact-us .cooperation-concept li .content{height: 100%; background-color: #F2F2F2; color: #494848; padding: 10%; display: flex; flex-direction: column; align-items: center; transition: all .3s; overflow: hidden;}
.contact-us .cooperation-concept li .content .tit{font-size: 24px; padding-bottom: 3%;}
.contact-us .cooperation-concept li .content .txt{font-size: 16px; line-height: 1.8; padding: 5% 0;}
/* .contact-us .cooperation-concept li:first-child .content .txt{padding-top: 0;} */
.contact-us .cooperation-concept li .content .infor{font-size: 20px;}
.contact-us .cooperation-concept li:hover .content{background-color: #AD0003; color: #fff;}

/* .contact-us .group-buy ul{margin: 0 -.5%;}
.contact-us .group-buy li{width: 50%; padding: 0 .5%; margin: 1% 0; float: left;}
.contact-us .group-buy li .pic{height: 313px; background-color: #F2F2F2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 2%;}
.contact-us .group-buy li .pic .infor{text-align: center; font-size: 24px; padding-bottom: 5%;}
.contact-us .group-buy li .pic span{display: block; font-weight: bold;}
.contact-us .group-buy li .content{background-color: #BBB9BA; line-height: 102px; color: #3e3a39; padding: 0 3%; transition: all .3s; position: relative;}
.contact-us .group-buy li .content .name{font-size: 25px; width: 50%;}
.contact-us .group-buy li .content .price{font-size: 25px; position: absolute; right: 3%; top: 0;}
.contact-us .group-buy li .content .price span{font-size: 16px;}
.contact-us .group-buy li:hover .content{background-color: #AD0003; color: #fff;} */

.contact-us .buy-way ul{margin: 0 -1.5%;}
.contact-us .buy-way li{width: 33.3333%; float: left; padding: 0 1.5%; margin: 1% 0;}
.contact-us .buy-way li .pic{width: 100%; background-size: cover; background-position: center; padding-top: 65.31%;}
.contact-us .buy-way li .content{background-color: #F2F2F2; padding: 7% 3% 7% 3%; text-align: center; color: #504f4f; transition: all .3s;}
.contact-us .buy-way li .content .num{font-size: 27px; padding-bottom: 3%;}
.contact-us .buy-way li .content .tit{font-size: 24px;}
.contact-us .buy-way li:hover .content{color: #fff; background-color: #AD0003;}

.contact-us .contact-infor{position: relative; padding-bottom: 5%; overflow: hidden; text-align: center;}
.contact-us .contact-infor > div{font-size: 24px; font-weight: bold; color: #504f4f; line-height: 1.8; float: left;}
.contact-us .contact-infor > div span{display: block; font-size: 20px; color: #504f4f;}
.contact-us .contact-infor .qrcode{float: right; text-align: center;}
.contact-us .contact-infor .addr{ display: inline-block; max-width: 700px; float: none;}
.contact-us .contact-infor .phone{ max-width: 160px;}
.contact-us .contact-infor .phone::before,
.contact-us .contact-infor .addr::before{ content: ''; display: block; margin: 0 auto 27px; width: 65px;height: 65px; background: url(../images/icon_tel.png) no-repeat center;}
.contact-us .contact-infor .addr::before{ background-image: url(../images/icon_add.png);}

@media(max-width: 1200px){
    .contact-us .cooperation-concept ul{justify-content: start;}
    .contact-us .cooperation-concept li{width: 50%;}
}
@media(max-width: 1024px){
    /* .contact-us .contact-infor .addr{padding-right: 200px;} */
    /* .contact-us .group-buy li .content .name{font-size: 20px;}
    .contact-us .group-buy li .content .price{font-size: 20px;}
    .contact-us .group-buy li{width: 100%;}
    .contact-us .group-buy li .content{line-height: 90px;} */
	.contact-us .contact-infor .addr{ max-width: 380px;}
}
@media(max-width: 960px){
    .contact-us .title{font-size: 30px;}
    .contact-us .subtitle{font-size: 20px;}
}
@media(max-width: 768px){
    .contact-us .merchants-joining .tips{font-size: 20px;}
    .contact-us .cooperation-concept li{width: 100%;}
}
@media(max-width: 640px){
    .contact-us .buy-way li{width: 50%;}
	.contact-us .contact-infor > div{ float: none!important; display: block!important; max-width: 100%!important;}
}
@media(max-width: 480px){
    .contact-us .merchants-joining .tips{font-size: 15px;}
    .contact-us .cooperation-concept li .content .txt{font-size: 14px;}
    .contact-us .buy-way li .content .num{font-size: 24px;}
    .contact-us .buy-way li .content .tit{font-size: 18px;}
    .contact-us .contact-infor .qrcode{position: initial; padding-top: 3%;}
    .contact-us .contact-infor .addr{padding-right: 0;}
    .contact-us .contact-infor > div{font-size: 20px;}
    .contact-us .contact-infor > div span{font-size: 16px;}
    /* .contact-us .group-buy li .content .name{width: 100%;}
    .contact-us .group-buy li .content .price{width: 100%; position: initial;}
    .contact-us .group-buy li .content{line-height: 40px;} */
}

.group-buy{
    padding: 11% 0 10% 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.group-buy .title{font-size: 50px; text-align: center; position: relative; letter-spacing: 3px;}
.group-buy .title::after{content: ''; width: 44px; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); background-color: #898989;}
.group-buy .subtitle{font-size: 26px; text-align: center; text-transform: uppercase; padding: 5% 0 5% 0;}
.group-buy ul{margin: 0 -.5%;}
.group-buy li{width: 50%; padding: 0 .5%; margin: 1% 0; float: left;}
.group-buy li .pic{height: 313px; background-color: #EDEDED; display: flex; flex-direction: column; justify-content: center; align-items: center;}
/* .group-buy li:last-child .pic{height: 313px;} */
.group-buy li .pic .infor{text-align: center; font-size: 24px; padding-bottom: 5%;}
.group-buy li .pic span{display: block; font-weight: bold;}
.group-buy li .content{background-color: #BBB9BA; line-height: 102px; color: #3e3a39; padding: 0 3%; transition: all .3s; position: relative;}
.group-buy li .content .name{font-size: 25px; width: 50%;}
.group-buy li .content .price{font-size: 25px; position: absolute; right: 3%; top: 0;}
.group-buy li .content .price span{font-size: 16px;}
.group-buy li:hover .content{background-color: #AD0003; color: #fff;}
@media(max-width: 1024px){
    .group-buy li .content .name{font-size: 20px;}
    .group-buy li .content .price{font-size: 20px;}
    
    .group-buy li .content{line-height: 90px;}
}
@media(max-width: 960px){
    .group-buy .title{font-size: 30px;}
    .group-buy .subtitle{font-size: 20px;}
    .group-buy li{width: 100%;}
    .group-buy li .pic{height: auto;}
    .group-buy li:last-child .pic{padding: 3% 0;}
    .group-buy li .pic .infor{padding: 0; font-size: 20px;}
}
@media(max-width: 480px){
    .group-buy li .content .name{width: 100%;}
    .group-buy li .content .price{width: 100%; position: initial;}
    .group-buy li .content{line-height: 40px;}
}
.gift-buy{padding: 11% 0 10% 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.gift-buy .title{font-size: 50px; text-align: center; position: relative; letter-spacing: 3px;}
.gift-buy .title::after{content: ''; width: 44px; height: 3px; position: absolute; left: 50%; bottom: -30%; transform: translateX(-50%); background-color: #898989;}
.gift-buy .subtitle{font-size: 26px; text-align: center; text-transform: uppercase; padding: 5% 0 10% 0;}
.gift-buy ul{margin: 0% -.5% 5% -.5%;}
.gift-buy li{width: 33.3333%; padding: 0 .5%; margin: .5% 0; float: left;}
.gift-buy li .pic{width: 100%; background-size: cover; background-position: center; padding-top: 73.07%;}
.gift-buy li .content{background-color: #BBB9BA; padding: 2% 3%; transition: all .3s; color: #fff; font-size: 16px;}
.gift-buy li .category{position: relative; margin-bottom: 5%;}
.gift-buy li .category::after{content: ''; background-color: #fff; width: 31px; height: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.gift-buy li .name{float: left; width: 55%;}
.gift-buy li .price{float: right; width: 45%; text-align: right;}
.gift-buy li:hover .content{color: #fff; background-color: #AD0003;}
.gift-buy li:hover .category::after{background-color: #fff;}
.gift-buy li .infor{width: 100%; padding-top: 93.1%; background-color: #AD0003; position: relative;}
.gift-buy li .infor .inner{position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;padding:0 15px;}
.gift-buy li .infor .tit{font-size: 30px;}
.gift-buy li .infor .subtit{font-size: 50px; padding-bottom: 15%;}
.gift-buy li .infor .subtit span{font-size: 30px;}
.gift-buy li .infor .phone{font-size: 24px; text-align: center;}
@media(max-width: 1200px){
    .gift-buy li .infor .tit{font-size: 24px;}
    .gift-buy li .infor .subtit{font-size: 35px; padding-bottom: 15%;}
    .gift-buy li .infor .subtit span{font-size: 20px;}
    .gift-buy li .infor .phone{font-size: 18px; text-align: center;}
}
@media(max-width: 960px){
    .gift-buy .title{font-size: 30px;}
    .gift-buy .subtitle{font-size: 20px;}
}
@media(max-width: 768px){
    .gift-buy li{width: 50%;}
}
@media(max-width: 480px){
    .gift-buy li{width: 100%; margin: 2% 0;}
}

.gift-detail{padding-top: 15%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,.25) 60px,rgba(0,0,0,0) 130px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}



.nearby-store .list{ margin-bottom: 4%;}
.nearby-store .list dl{ overflow: hidden; margin-bottom: 4%;}
.nearby-store .list dt{ font-size: 26px; color: #323232; padding-left: 16px; margin-bottom: 15px;}
.nearby-store .list dd{ margin-bottom: 20px; float: left; width: 49%; margin-right: 2%;}
.nearby-store .list dd:nth-of-type(2n){ margin-right: 0;}
.nearby-store .list dd a{ padding-left: 16px; position: relative; font-size: 20px; color: #323232;}
.nearby-store .list dd a::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color: #323232;}
.nearby-store .list dd a:hover{ color: #ad0003;}
.nearby-store .list dd a:hover::before{ background-color: #ad0003;}
@media(max-width: 640px){
	.nearby-store .list dt{ font-size: 20px;}
    .nearby-store .list dd{ width: 100%; margin-right: 0;}
	.nearby-store .list dd a{ font-size: 16px;}
}

.usagescenario { margin-bottom: 10%;}
.usagescenario .item{ float: left; width: 24.2%; margin-right: 1%; overflow: hidden; cursor: pointer;}
.usagescenario .item:nth-child(4n){ margin-right: 0;}
.usagescenario .item figure{ padding-top: 75%; background-color: #d9d9d9; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s;}
.usagescenario .item .txt{ background-color: #b9b8b8; padding: 20px 10px; color: #fff; position: relative; z-index: 2; transition: all 0.5s;}
.usagescenario .item .txt *{ margin: 0;font-size: 16px;}
.usagescenario .item .tit{ }
.usagescenario .item .en{ text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.usagescenario .item:hover figure{ transform: scale(1.1);}
.usagescenario .item:hover .txt{ background-color: #ad0003;}
@media(max-width: 750px){
	.usagescenario .item{ width: 49%; margin: 0 .5% 2%;}
	.usagescenario .item .txt *{ font-size: 14px;}
}
@media(max-width: 480px){
	.usagescenario .item .txt .en{ font-size: 12px;}
}