/*Top003221 */
@import url(responsive2.0.css);
@import url(useREM.css);
@import url(fonts.css);

.header{position:relative; z-index:100;}
.header .top_w{position:fixed; width: 100%; }
.header.show_t .top_w{background: url(../images/body_bg.jpg) repeat}
.header .logo{padding: .3rem 0}
.header .logo img:nth-child(2){display: none}
.header .right{order: 3;}
.top-search{margin-right:0.2rem;display: block;padding: 0;}
.top-search .open-search{width:0.4rem;display:block;height:0.4rem;background:center center no-repeat url(../images/search.svg);cursor:pointer;}
.top-search .search-box{position:absolute;right:0;top:0;height:0.4rem;border:1px solid rgba(255,255,255,0.5);border-radius:0.2rem;visibility:hidden;opacity:0;transition:0.5s ease-in-out;width:0;overflow:hidden;background: rgb(var(--yellow)); z-index: 10}
.top-search .search-box .text{flex:1;background:none;border:0;color:var(--white);padding:0 1em;height:0.4rem;line-height:0.4rem}
.top-search .search-box .btn{width:0.4rem;cursor:pointer;background:url(../images/search.svg) no-repeat center center; background-size: 50% auto;filter: brightness(0) invert(1);}
.search-show .search-box{width:4rem;visibility:visible;opacity:1;transition:0.5s ease-in-out}
.top-lang{position:relative;z-index:200}
.top-lang span{display:flex; align-items: center;}
.top-lang span img{margin-right : .1rem;}
.top-lang span:after{content: '';margin-left: .1rem; width: 11px; height: 11px; background:url("../images/language_jt.svg") no-repeat left center; transition: 0.5s}
.top-lang .hover{position:absolute;top:100%;right:0;width:max-content;background:url("../images/body_bg.jpg");padding:2em 1em;visibility:hidden;opacity:0;transform:translateY(0.3rem);transition:0.3s}
.top-lang .hover li + li{margin-top:0.5em}
.top-lang .hover li img{width: 23px; height: 16px; margin-right: 5px;}
.top-lang.active .hover{visibility:visible;opacity:1;transform:translateY(0)}
.top-lang.active span:after{transform: rotate(180deg)}
.header menu li span{display:block;line-height:.5rem}
.header menu li span a{display: block}
.header menu ul li.has-sub{position:relative;z-index:100}
.header menu li .sub{background:url("../images/body_bg.jpg");padding:.2rem 0;transition:0.3s;}
.header menu li .sub dl{position:relative;z-index:1;--top:0}
.header menu li .sub dl::after{position:absolute;content:'';width:3px;top:var(--top);height:2em;background-color:var(--hover-color);transition:0.3s}
.header menu li .sub dl dl{width:max-content;background-color:#f8f4f0;transition:0.3s;padding:1em 0}
.header menu li .sub dd{line-height:1.2;position:relative;z-index:1;padding:0.5em 1em}
.header menu li .sub a{display:block}

@media (min-width:1025px) {
.header .logo{width: 4.5rem;}
.header .right{position: relative;z-index: 10}
.header menu{width: calc(95% - 5.8rem);position: relative; z-index: 5}
.header menu ul{display: flex; justify-content: space-between}
.header menu ul li.aon span a{color: rgb(var(--red))}
.header menu ul li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
.header menu li .sub{width:14em;position:absolute;left:50%;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;margin-left:-7em}
.header menu li .sub dl dl{position:absolute;left:100%;top:-1em;width:14em;transform:translateX(0.3rem);visibility:hidden;opacity:0;}
.header menu li .sub dl .active > dl{transform:translateX(0);visibility:visible;opacity:1}
}
@media (min-width:1200px) {
.header .logo{ margin-right: 3%}
.header menu{width: calc(88% - 5.8rem);}
.top-search{margin-right: .3rem}
}

@media (max-width:1024px) {
.header .logo{padding: .1rem 0; max-width: 35%}
.header .logo img:nth-child(1){display: none}
.header .logo img:nth-child(2){display: block}

.header .open-menu{background-color: #e1001f;border-radius: 50%;margin-left: .3rem}
.header .open-menu i{width: calc(100% - 0.1rem); margin: auto; left: 0; right: 0}

.header menu{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);padding-top:.6rem; top:0;bottom: 0; width: 3rem; background-color: rgba(var(--rgb-white),0.95);;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s;}
.menu-show menu{left: 0;opacity: 1; transform: translateX(0);}
.header menu ul{overflow: auto;height: 100%;}
.header menu ul li.has-sub span:after{content:'';display:block;width:0.13rem;height:0.08rem;background:center center no-repeat url(../images/sub-select.svg);background-size:contain;margin-left:0.1rem;transition:0.3s;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.04rem;}
.header menu ul li.has-sub.active span:after{transform:rotate(-180deg);background-image:url(../images/sub-select-color.svg)}
.header menu li span{line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header menu li span a{justify-content: space-between;padding: 0 10%;}
.header menu li .sub,
.header menu li .sub dl dl{display: none;}
.header menu ul li.active .sub{display: block;}
.header .top-search{position:inherit;}
.header .top-search .search-box{top: 100%;}
.search-show .header .search-box{width:100%;}
}

.banner {padding: .46rem 0; position: relative; z-index: 10}
.banner .auto{position: relative}
.banner figure img{border-radius: var(--br80)}
.banner figure img.wapimg{display: none}
.banner .column{position: absolute;left:4.15vw; bottom:3.75vw; }
.banner .column i{background: url("../images/column_icon.svg"); width: .86rem; height: .64rem; background-size: contain}
.banner .column span{transform: translateX(-.56rem); color: #fff; font-size: .5rem}
@media(max-width:1024px){
.banner {padding: .15rem 0;}
.banner figure img.pcimg{display: none}
.banner figure img.wapimg{display:block}
.banner .column span{font-size: .36rem}
}

.bottom{margin:0 auto .5rem auto;padding: 4%; background: url("../images/bottom_bg.jpg") repeat; border-radius: 5vw; position: relative; z-index: 10}
.bottom .auto{width: 100%}
.bottom .box_t{padding-bottom: 4%; border-bottom: solid 1px rgba(var(--rgb-000),0.08)}
.bottom .txt{color:rgb(var(--rgb-000)); line-height: 1.5}
.bottom .txt .en{letter-spacing: .018rem; text-transform: uppercase}
.bottom .follow{grid-gap: .1rem}
.bottom .follow dl{position: relative;width: .4rem; }
.bottom .follow dt a{height: .4rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; cursor:pointer}
.bottom .follow dt a:hover{background: var(--hover-color)}
.bottom .follow dt a:hover img{filter: grayscale(100%) invert(1);}
.bottom .follow dd{position: absolute; width: 500%; bottom:100%; transform: translateX(-40%); background: #fff;padding: .1rem; box-shadow: 0 0 10px rgba(var(--rgb-000),0.1);border-radius: var(--br10);visibility: hidden; opacity: 0; transition: 0.5s}
.bottom .follow dd:after{content: ''; position: absolute; left: 0; right: 0; bottom:-.08rem; width: .2rem; height: .2rem;margin: auto; background: #fff;transform: rotate(34deg)}
.bottom .follow dl.show dd{opacity: 1;visibility: inherit;bottom:140%; }
.bottom .box_c{padding: 4% 0}
.bottom .column{width: calc(95% - 3rem); max-width: 1130px}
.bottom .column dd{line-height: .34rem;padding-top: .2rem}
.bottom .column dd span{display: block}
.bottom .column dd span a:not(:hover){opacity: 0.6}
.bottom .lxwm{width: 2.9rem; color: rgb(var(--rgb-000))}
.bottom .lxwm .tel{padding-top: .2rem}
.bottom .lxwm .flex{opacity: 0.6; margin-top: .1rem}
.bottom .lxwm .flex span:last-child{flex: 1}
.bottom .box_b,
.bottom .box_b a:not(:hover){color: rgba(var(--rgb-000),0.6)}
.bottom .lm{order: 2;display: none;}
.bottom .lm b{padding: 0px .1rem}
.bottom .copyright a{display: inline-block}
@media(max-width:768px){
.bottom .box_t{justify-content: center}
.bottom .txt p.fs38{font-size: .26rem}
.bottom .follow{padding-top: 4%;grid-gap: .2rem;}
.bottom .column{display: none}
.bottom .lm{order:inherit}
.bottom .copyright{width: 100%; padding-top: 2%}
}

.istop{position: fixed; width: 40px; height: 40px; display: block; right: 2%; bottom: 5%; border-radius: 100%; background: rgb(var(--yellow)) url(../images/istop.png) no-repeat center center; background-size: 40%; cursor: pointer; z-index: 10}

.bg{position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; background:no-repeat center top;background-size: 100%}
.bg_history{background-image:url("../images/body_history.jpg")}
.bg_productinfo{background-image:url("../images/body_product_info.jpg");}
.bg_appreciate{background-image:url("../images/body_appreciate.jpg")}
.bg_drink{background-image:url("../images/body_drink.jpg")}
.bg_shop{background-image:url("../images/body_shop.jpg")}
.bg_about{background-image:url("../images/body_about.jpg")}
.bg_index{background: url("../images/body_index.jpg") no-repeat center top; background-size: 100%}

.location-back{padding: 2% 0 1% 0}
.location-back .back{order: 2;}
.location-back .back a{padding-left: .4rem; display: inline-block; cursor: pointer;background: url("../images/more_line2.svg") no-repeat left}
.location i{font-style: normal; padding:0 .1rem}
.location span{color: #e1001f}
@media(max-width:768px){
.location-back .back{order:inherit; width: 100%; text-align: right; padding: .1rem 0}
.location{width: 100%}
}

.sub_column{padding: 0 0 4% 0; margin: 0; text-align: center; font-size: .5rem;color: rgba(var(--rgb-000))}
@media(max-width:1024px){
.sub_column{ font-size: .32rem;}
}

.side-menu li{display: flex; line-height: 50px;margin-right: .26rem; margin-bottom: .26rem}
.side-menu li:before,
.side-menu li:after{content: '';background: url(../images/menu_bg.png) no-repeat}
.side-menu li:before{padding-left: 20px; background-position: left -100px}
.side-menu li:after{padding-right: 20px; background-position: right -100px}
.side-menu li a{min-width: 110px; display: block; text-align: center; background: url(../images/menu_bg.png) repeat-x bottom}
.side-menu li.aon:before{ background-position: left -50px}
.side-menu li.aon:after{ background-position: right -50px}
.side-menu li.aon a{color: var(--white); background-position:top}
@media(max-width:1024px){
.side-menu li{margin-right: .12rem; margin-bottom: .12rem}
.side-menu li a{min-width: inherit}
}

.product-info {padding: 2% 0}
.product-info .sub_column{text-align: left;padding-bottom:2%}
.product-info .text{width: 70%}
.product-info .icon{width:28%; max-width: 1.31rem}

.product-slide{position: relative;}
.product-slide .swiper{width: 75%;top:.2rem;position: absolute; background: rgba(255,255,255,.45);border-radius: var(--br20);box-shadow: 5px 5px 20px rgba(var(--rgb-000),0.05)}
.product-slide .item{padding: 0 9%}
.product-slide .pic{width: 37.603%}
.product-slide .pic figure{padding-bottom:135.138%;}
.product-slide .pic figure img{transition: 1.2s}
.product-slide .pic figure img:nth-child(1){object-fit: contain;  -o-object-fit: contain;}
.product-slide .pic figure img:nth-child(2){opacity: 0;z-index: 2 }
.product-slide .text{width: 50%; padding:4% 0}
.product-slide .text h4{margin-bottom: .2rem}
.product-slide .text p{min-height: 1.02rem; margin-bottom: .5rem;color: rgba(var(--rgb-555))}
.product-slide .text span{display: inline-block; background: url(../images/more_line2.svg) no-repeat left; padding-left: .4rem;color: rgba(var(--rgb-555))}
.product-slide .arrow{position: absolute;right: 9%; bottom: 24%; z-index: 10; width: 90px;height: 42px;}
.product-slide .arrow div{width: 42px; height: 42px;margin-top: -21px}
.product-slide .arrow div:not(.swiper-button-disabled){background: #e1001f;box-shadow: none}

@media(max-width:1400px){
.product-slide .arrow{bottom: 18%}
}
@media(max-width:1024px){
.product-slide .swiper{width: 48.789%; top: 0;margin: 1.211% 0}
.product-slide .item{padding:0}
.product-slide .pic{width: 100%}
.product-slide .pic figure{padding-bottom:135.138%;}
.product-slide .text{width: 100%;position: absolute; padding: 4%; bottom: 6%; z-index: 10}
.product-slide .text h4{font-size: .24rem; margin-bottom: 0; text-align: center}
.product-slide .text p{min-height: .68rem;-webkit-line-clamp:2; margin-bottom: .2rem; display: none}
.product-slide .text span{display: none}
.product-slide .arrow{position: initial; height: auto;width: auto}
.product-slide a:hover figure img:nth-child(2){opacity: 1;}
.product-slide a:hover h4{color: var(--white);}
}

.product-list ul{margin-left: -1.211%;margin-right: -1.211%}
.product-list li{width: 25%; padding:1.211%}
.product-list li a{display: block;position: relative;}
.product-list li figure{padding-bottom:135.138%; background: rgba(255,255,255,.45);border-radius: var(--br20); box-shadow: 5px 5px 20px rgba(var(--rgb-000),0.05)}
.product-list li figure img{transition: 0.5s}
.product-list li figure img:nth-child(1){object-fit: contain;  -o-object-fit: contain;}
.product-list li figure img:nth-child(2){opacity: 0;z-index: 2 }
.product-list li .text{position: absolute; text-align: center; width: 100%; padding:4%; bottom:6%; z-index: 10}
.product-list li:first-child{margin-left: 75%}
.product-list a:hover h4{color: var(--white);}
.product-list li a:hover figure img:nth-child(2){opacity: 1;}
@media(max-width:1024px){
.product-list li{width: 50%}
.product-list li:first-child{margin-left: 50%}
}

.product-details{padding-bottom: 6%}
.product-details .photo{width:48.75%;background: rgba(255,255,255,.50);border-radius: var(--br20); box-shadow: 0 0 20px rgba(var(--rgb-000),0.05); padding: 3%}
.product-details .photo .icon{position: absolute; right: 0; top: 0;width:16.336%}
.product-details .swiper-slide figure img{transition:1s linear 2s;transform:scale(1.1,1.1); object-fit: contain; -o-object-fit: contain}
.product-details .swiper-slide:not(.swiper-slide-active){opacity: 0!important}
.product-details .swiper-slide-active figure img,
.product-details .swiper-slide-duplicate-active figure img{transition:6s linear; transform:scale(1,1);}
.product-details .swiper-pagination{position: absolute; bottom: 0!important}
.product-details .text{width: 43%; padding-top:6%}
.product-details .info h1{color: rgba(var(--rgb-000)); padding-bottom: .2rem}
.product-details .info h1:after{content: '';margin-top: .15rem; display: block; width: .4rem; height: .03rem; background: #c91033}
.product-details .info dl{display: flex; line-height: .36rem; padding-top: .3rem}
.product-details .info dt{position: relative; color: #fff;padding:0 .2rem; margin-right: .3rem}
.product-details .info dt:before,
.product-details .info dt:after{content: '';position: absolute; z-index: -1; width: 50%; height: 100%; top: 0;background-size: cover}
.product-details .info dt:before{left: 0; background-image: url(../images/dt_bgl.png); background-position: left}
.product-details .info dt:after{right: 0; background-image: url(../images/dt_bgr.png); background-position: right}
.product-details .info dd{flex: auto}
.product-details .details{border-top: solid 1px #c9c4be;margin-top: 6%; padding: 4% 0; text-align: justify;line-height: .38rem}
.product-details .details p{line-height: .38rem}
/*.product-details .details p:not(:last-child){margin-bottom: .15rem}*/
@media(max-width:1200px){
.product-details .photo{width:45%;}
.product-details .text{width: 50%; padding-top: 0}
}
@media(max-width:768px){
.product-details .photo{width:100%;}
.product-details .text{width:100%; padding-top:3%}
}

.product-related .title{display: flex; align-items: center; padding:2% 5%}
.product-related .title:before,
.product-related .title:after{content: ''; height: 2px; flex: auto}
.product-related .title:before{background: linear-gradient(-90deg, rgba(190,144,75,1), rgba(190,144,75,0))}
.product-related .title:after{background: linear-gradient(90deg, rgba(190,144,75,1), rgba(190,144,75,0))}
.product-related .title span{display: block; line-height: .63rem; position: relative;margin: 0 10px;padding: 0 .4rem; color: rgba(var(--rgb-000))}
.product-related .title span:before,
.product-related .title span:after{content:'';position: absolute; top: 0; width: 50%; height: 100%; background-repeat: no-repeat;background-size: cover;}
.product-related .title span:before{left:0; background-image: url(../images/title_bgl.png); background-position: left}
.product-related .title span:after{right: 0; background-image: url(../images/title_bgr.png); background-position: right}

.product-related li{padding:.2rem .10rem}
.product-related li a{display: block;position: relative;}
.product-related li figure{padding-bottom:135.138%; background: rgba(255,255,255,.45);border-radius: var(--br20); box-shadow: 5px 5px 20px rgba(var(--rgb-000),0.05)}
.product-related li figure img{transition: 0.5s}
.product-related li figure img:nth-child(1){object-fit: contain;  -o-object-fit: contain;}
.product-related li figure img:nth-child(2){opacity: 0;z-index: 2 }
.product-related li .text{position: absolute; text-align: center; width: 100%; padding:4%; bottom:6%; z-index: 10}
.product-related a:hover h4{color: var(--white);}
.product-related li a:hover figure img:nth-child(2){opacity: 1;}
.product-related .swiper{margin-left: -.1rem; margin-right: -.1rem;}
@media(max-width:1024px){
.product-related .title{padding: 2% 0}
}

.news-list .item{}
.news-list .item a{padding: .6rem 0; border-bottom: solid 1px rgba(var(--rgb-000),0.08)}
.news-list .date{width: 11%; line-height: 1.5; color: #848484; padding-top: .3rem}
.news-list .date span{display: block}
.news-list .pic{width:31.25%}
.news-list .pic figure{padding-bottom: 56.4%; border-radius: var(--br20); box-shadow: 5px 5px 15px 0 rgba(var(--rgb-000), 0.3); transition: 0.5s}
.news-list .text{width:48%; padding: .3rem 0}
.news-list .text h4{margin-bottom: .3rem}
.news-list .text p{color: rgb(var(--rgb-555))}
.news-list .item:hover{ background: #f0ebe2}
.news-list .item:hover a{border-bottom-color: #f0ebe2}
.news-list .item:hover .pic figure{}
.news-list .item:hover .date{color: var(--hover-color)}
@media(max-width:1024px){
.news-list .text{width:65%; padding: .1rem 0}
.news-list .date{width:auto;position: absolute; z-index: 10; padding:.1rem; color: #fff!important;background:  rgb(var(--yellow),0.8);border-radius: var(--br20) 0 var(--br20) 0}
}
@media(max-width:1024px){
.news-list .pic{width: 100%}
.news-list .text{width: 100%; padding-top: .2rem}
.news-list .item a{padding: .3rem 0}
}

.history{position: relative}
.history .start{text-align: center; color: rgb(var(--red)); text-transform: uppercase}
.history .list{position: relative}
.history .all-history{width: 100%}
.history .group{width: 50%;}
.history .item{position: relative; }
.history .line{position: absolute; width: 1px; height: 100%; top: 0;  border-right:dashed 1px rgb(var(--yellow));}
.history .line:before,
.history .line:after{content: ''; position: absolute;}
.history .line:before{ width: .1rem; height: .1rem; border-radius: 100%; left: -.05rem; top: .2rem; background: #f4f0ec; box-shadow: 0 0 0 2px rgb(var(--yellow)); transition: 0.5s; z-index: 2}
.history .line:after{top: 0; width: 1px; height: 0;transition: 2s; background: rgb(var(--red))}

.history .text h1{font-size:calc(75/1920*100vw); color: rgb(var(--yellow))}
.history .text h4{margin-bottom: .3rem; color: rgba(var(--rgb-000))}

.history .text p{line-height: 2; letter-spacing: 1px}
.history .pic{margin-top: .3rem; background: url("../images/yz_history.png") no-repeat; background-size: 100% 100%;padding:2.942%; }
.history .pic figure{padding-bottom:56.25%;  
-webkit-mask-image: url('../images/path_history.svg'); 
mask-image: url('../images/path_history.svg'); 
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
}
.history .item.show .line:before{box-shadow: 0 0 0 6px rgba(201,16,51,0.2); background: rgb(var(--red))}
.history .item.show .line:after{height: 100%}
@media(min-width:640px){
.history .item:not(:last-child){padding-bottom:30%}
.history .group:nth-child(2) .item{padding-right: 15%}
.history .group:nth-child(2) .item:nth-child(1) .text h4{margin: .2rem 0; font-size: .24rem}
.history .group:nth-child(2) .line{right: 0;}
.history .group:nth-child(2) .item:nth-child(1) .line:before{top:0;box-shadow: 0 0 0 2px rgb(var(--red)); background: #f4f0ec!important}
.history .group:nth-child(3) .item{padding-left: 15%}
.history .group:nth-child(3) .item:nth-child(1){margin-top:45%}
.history .group:nth-child(3) .line{left: 0;border-right-color: transparent}
.history .group:nth-child(3) .line:after{left: -1px;opacity: 0}
}
@media(max-width:1024px){
.history .text h1{font-size:calc(75/1400*100vw);}
}
@media(max-width:640px){
.history .start{text-align: left}
.history .item{padding-left: 5%}
.history .text h1{font-size:calc(75/1024*100vw);}
.history .line{left: 0}
.history .item.show .line:after{left: 0}
.history .item:not(:last-child){padding-bottom: 5%}
}

.events .title{text-align: center; padding-bottom: 4%}
.events .info{padding-left: 7.5%; padding-right:7.5%; overflow: inherit}
.events .item{width: 79.412%;padding: 5.883%; background: rgba(255,255,255,0.6); border-radius: var(--br20)}
.events .text{width: 50%}
.events .text h4{line-height: 1; margin-bottom: .3rem}
.events .text h4 span{font-size: calc(90/1920*100vw);color: rgb(var(--red)); padding-right: .1rem}
.events .text p{padding-left: 15px; position: relative; line-height: .38rem;}
.events .text p:before{content: '';position: absolute; left: 0; top: .16rem; width: 4px; height: 4px; background:rgb(var(--yellow)) ;border-radius: var(--br20)}
.events .pic{width: 47.61%}
.events .pic figure{padding-bottom: 56.165%; border-radius: var(--br20); box-shadow:  15px 15px 0 0 #eee9e5}
.events .info .swiper-slide{display: flex}
.events .info .swiper-slide-prev{justify-content:flex-end}
.events .info .swiper-slide-active{justify-content: center}
.events .info .swiper-slide-next{justify-content:flex-start}
.events .info .swiper-slide:not(.swiper-slide-active) .item{opacity: 0.6}
.events .info .swiper-slide:not(.swiper-slide-active) .pic{transform: scale(0.9)}
.events .info .swiper-slide-active .item{box-shadow: 5px 5px 10px rgba(0,0,0,0.1)}
.events .year{text-align: center; padding: 4% 0}
.events .year .swiper-slide{padding-top: .8rem; background: url("../images/events_line.png") repeat-x center top}
.events .year .swiper-slide a{display: inline-block;line-height: .5rem}
.events .year .swiper-slide-thumb-active{background-image: url("../images/events_line_on.png")}
.events .year .swiper-slide-thumb-active a{color: rgb(var(--yellow)); font-size: .28rem}

@media(min-width:768px){
.events .swiper-button-prev{left:10%}
.events .swiper-button-next{right:10%}
}
@media(max-width:1200px){
.events .item{width: 86%;}
}
@media(max-width:640px){
.events .text,
.events .pic{width: 100%}
.events .text{padding-bottom: 3%}
}

.SevenCore .item{width: 32.75%; position: relative; margin-top: 0.875%}
.SevenCore .text{position: absolute; width: 90%; bottom: 0; padding: .4rem; z-index: 10}
.SevenCore .text h4{line-height: 1; color: rgb(var(--yellow));font-size:calc(140/1920*100vw)}
.SevenCore .text p{color: rgb(var(--rgb-white))}
.SevenCore .text span{display:block; color: rgb(var(--rgb-white)); font-weight: 100; background: url(../images/more_line.svg) no-repeat left; padding-left: .4rem;visibility: hidden; transition: 0.5s; opacity: 0; margin-top: -.2rem}
.SevenCore .pic figure{ border-radius: var(--br20)}
.SevenCore .pic figure:before{content: '';position: absolute; z-index: 5; width: 100%; height: 100%;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); transition: 0.5s}
.SevenCore .item:nth-child(1) .pic figure,
.SevenCore .item:nth-child(7) .pic figure{padding-bottom: 119.468%;}
.SevenCore .item:nth-child(2) .pic figure,
.SevenCore .item:nth-child(6) .pic figure{padding-bottom: 80.155%;}
.SevenCore .item:nth-child(3) .pic figure,
.SevenCore .item:nth-child(5) .pic figure{padding-bottom: 145.04%;}
.SevenCore .item:nth-child(4) .pic figure{padding-bottom:101.528%;}
.SevenCore .item:hover .pic figure:before{background: linear-gradient(rgba(225,0,31,0),rgba(225,0,31,1) 80%)}
.SevenCore .item:hover .text h4{color: rgb(var(--rgb-white))}
.SevenCore .item:hover .text span{visibility:inherit; opacity: 1; margin-top: .4rem}
@media(min-width:1200px){
.SevenCore .item:nth-child(4){transform: translate(102.685%, -64%)}
.SevenCore .item:nth-child(5){transform: translateY(-17.7%);margin-left:-33.6%;}
.SevenCore .item:nth-child(6){transform: translateY(49%)}
}
@media(max-width:1200px){
.SevenCore .text{padding: .2rem}
.SevenCore .text h4{font-size:calc(100/1200*100vw)}
.SevenCore .item{width: 49.125%; margin-top:1.75% }
.SevenCore .item:nth-child(4){margin-top: -18%}
.SevenCore .item:nth-child(6){margin-top: -39.4%}
.SevenCore .item:nth-child(7){margin-left: 50.875%; margin-top: -71.5%}
.SevenCore .item:nth-child(7) .pic figure{padding-bottom: 145.04%;}
}

.appreciate .group{padding-bottom: 4%}
.appreciate .title{text-align: center;}
.appreciate .title h1{padding-top: .5rem; font-size: calc(90/1920*100vw);color: rgb(var(--yellow))}
@media(max-width:1200px){
.appreciate .title h1{font-size: calc(90/1200*100vw);}
}

.appreciate .item{position: relative; padding-top:6%}
.appreciate .photo{width:48.5%}
.appreciate .text{width: 47%; padding: .3rem 0;text-align: justify}
.appreciate .text h4{line-height: .7rem;display: flex}
.appreciate .text h4 i{margin-right: .1rem; width: .7rem; text-align: center; color: rgb(var(--rgb-white));  background: url("../images/step_bg.png") no-repeat center center;background-size: contain}
.appreciate .text h4 span{color: rgba(var(--rgb-000))}
.appreciate .text p{margin-top: .2rem; font-weight:normal;}
.appreciate .img{ z-index: 20}
.appreciate .img img{border-radius: var(--br20);width: 100%}
.appreciate .pic:after{content: '';position: absolute; width: 100%; height: 100%;filter:blur(7px) grayscale(100%) brightness(70%);-webkit-filter:blur(7px) grayscale(100%) brightness(70%); transform: translate(.1rem, .1rem); top: 0; background: url("../images/path_appreciate_step1.svg") no-repeat center center; background-size: cover;}
.appreciate .pic figure{padding-bottom:64.305%;
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;}
.appreciate .item:nth-child(1) .pic figure{-webkit-mask-image: url('../images/path_appreciate_step1.svg'); mask-image: url('../images/path_appreciate_step1.svg')}
.appreciate .item:nth-child(2) .pic figure{padding-bottom: 57.722%; -webkit-mask-image: url('../images/path_appreciate_step2.svg'); mask-image: url('../images/path_appreciate_step2.svg')}
.appreciate .item:nth-child(2) .pic:after{background-image: url("../images/path_appreciate_step2.svg");transform: translate(-.1rem, .1rem);}
.appreciate .item:nth-child(3) .pic figure{padding-bottom: 57.465%;-webkit-mask-image: url('../images/path_appreciate_step3.svg'); mask-image: url('../images/path_appreciate_step3.svg')}
.appreciate .item:nth-child(3) .pic:after{background-image: url("../images/path_appreciate_step3.svg");}

@media(min-width:768px){
.appreciate .item:nth-child(odd) .text{order: 2}
.appreciate .item:nth-child(1) .text{padding-bottom: 22%}
.appreciate .item:nth-child(1) .img{width:35%; position: absolute; right: 0; bottom: 0}
.appreciate .item:nth-child(2) .photo{width: 75.688%; margin-right: -15.5%}
.appreciate .item:nth-child(2) .text{width: 31%;}
.appreciate .item:nth-child(3){padding-top: 10%; margin-top: 6%}
.appreciate .item:nth-child(3) .text{width: 31%;}
.appreciate .item:nth-child(3) .photo{width: 63.125%;padding-left:7.438%}
.appreciate .item:nth-child(3) .img{width:31%; position: absolute; left: 0; top: 0}
}
@media(max-width:768px){
.appreciate .text{width: 100%; padding: 4% 0}
.appreciate .photo{width: 100%}
.appreciate .img{margin-top:4%}
}

.drink .title{padding-bottom: 10%; text-align: center; position: relative; z-index: 10;color: rgba(var(--rgb-000))}
.drink .title h1{font-weight: 400}
.drink .title h1 span{color: rgb(var(--yellow)); font-size: calc(95/1200*100vw)}
.drink .group:nth-child(1){padding-bottom: 18%;position:relative;overflow: hidden}
.drink .photo{position: absolute; width: 100%;bottom: 0} 
.drink .photo img{width: 100%;}
.drink .text{width:54%; position: relative; z-index: 10}
.drink .text p{font-weight: 400;}
.drink .text p:not(:last-child){margin-bottom: .1rem}
.drink .text .sub{font-weight: 700;color: rgba(var(--rgb-000)); padding-bottom: .2rem}
.drink .text .txt{text-align: justify}
.drink .text .txt:not(:last-child){padding-bottom:7%}
.drink .text .sub2{padding-bottom: .1rem}
.drink .text .sub2 span{display: inline-block; position: relative}
.drink .text .sub2 span:after{content: '';position: absolute; left: 0;bottom:.1rem; width:50%; height: 6px; background: linear-gradient(90deg,rgba(201,16,51,1),rgba(201,16,51,0)); z-index: -1}
.drink .text ul{line-height: .34rem; padding-left: .2rem}
.drink .text ul li::marker{color: rgb(var(--yellow));font-size: 12px}
.drink .group:nth-child(2){padding-bottom:3%}
.drink .item .pic{width:38.75%}
.drink .item .pic figure{padding-bottom:140.325%;
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('../images/path_drink_img1.svg'); mask-image: url('../images/path_drink_img1.svg')
}
.drink .item .box .icon{width: 40%;text-align: right; padding-top: 5%}
.drink .item .box .img{width:56.625%; position: relative}
.drink .item .box .img figure{padding-bottom:120.53%;-webkit-mask-image: url('../images/path_drink_img2.svg'); mask-image: url('../images/path_drink_img2.svg')}
.drink .item .pic:before,
.drink .item .img:before{content: ''; position: absolute;bottom: -.3rem; right: -.3rem; background: no-repeat center center;background-size: 100% 100%; width: 100%; height: 100%;}
.drink .item .pic:before{background-image: url("../images/yz_drink_img1.png")}
.drink .item .img:before{background-image: url("../images/yz_drink_img2.png")}
@media(min-width:1200px){
.drink .text{width: 42%;}
.drink .item .text{order: 2; width: 50%;}
.drink .item .text .txt{padding-right: 10%}
.drink .item .pic{margin-top:5%}
.drink .title h1 span{font-size: calc(95 / 1920 * 100vw);}
}
@media(max-width:640px){
.drink .text{width:100%;}
.drink .item .pic{width: 95%; margin-top: 5%}
.drink .item .pic:before,
.drink .item .img:before{bottom: -.15rem; right: -.15rem;}
}

.global{max-width: 1460px; margin: auto}
.global .photo img{width: 100%}
.global .box{position: relative}
.global dl{position: absolute;width: 1px; height: 1px;}
.global dl dt{ white-space: nowrap;position: absolute; bottom: 0; left: 50%;transform: translateX(-50%);animation: tiaodong 2s linear infinite;}
.global dl i{display: block; width: 18px; height: 22px; background:url(../images/point.svg) no-repeat center center;margin: auto}
.global dl span{display: block;background:#d9b782;color: rgb(var(--rgb-white)); line-height: .3rem;padding: 0 .1rem;margin-bottom: .07rem; border-radius: var(--br5); box-shadow: 5px 5px 10px rgba(75,60,37,.5)}
.global dl:nth-child(1),
.global dl:nth-child(4){animation: tiaodong 1.5s linear infinite;}
.global dl:nth-child(2),
.global dl:nth-child(6){animation: tiaodong 1.2s linear infinite;}
@keyframes tiaodong {
0%, 100% {transform:translateY(0)}
50% {transform: translateY(-5px);}
}

.business{padding: 5% 0}
.business .list{margin-left: -1.2%; margin-right: -1.2%}
.business .item{width: 22.6%; padding: 2%; margin: 1.2%; border-radius: var(--br20);border: solid 1px rgba(205,192,172,0.5); background: rgba(238,233,224,0.5); box-shadow: 0 0 15px rgba(0,0,0,0.15); transition: 0.5s}
.business .city{display: inline-block; padding: 0 .1rem; line-height: .25rem;color: rgb(var(--rgb-white));border-radius: var(--br5);background: #cc1931; font-weight: 100}
.business .company{min-height: .52rem; margin-top: .15rem}
.business .name{margin-top: .05rem}
.business .name span{display: block}
.business .name span.cn{color: rgba(var(--rgb-000))}
.business .name span.en{font-weight: 100}
.business .text{margin-top: .15rem}
.business .item:hover{border: solid 1px rgba(196,153,88,1); background: rgba(238,233,224,1); box-shadow: 0 0 15px rgba(0,0,0,0.3); }
@media(max-width:1200px){
.business .item{width:30.9%}
}
@media(max-width:768px){
.business .item{width: 47.6%}
}
@media(max-width:480px){
.business .list{margin:0;}
.business .item{width:100%; margin: 2% 0; padding: 4%}
.business .company{min-height: inherit}
}

.message .form{width: calc(98.75% - 6.25vw)}
.message .group{width: 30%;padding:0.313vw 1.5vw;border-radius: var(--br5); border: solid 1px rgba(var(--yellow),0.5)}
.message .group.code{width:1.3rem}
.message .group.tel{width: calc(36.5% - 1.3rem)}
.message .group.full{width: 100%; margin-top:1.5%}
.message .tips{position:absolute;line-height: .4rem;}
.message .text{width: 100%;height: .4rem;line-height: .4rem; border: none; background: none}
.message textarea.text{height: 1.7rem}
.message .btn{width:6.25vw;border-radius: var(--br5); color: rgb(var(--rgb-white)); background: rgba(var(--yellow)); cursor: pointer;transition: 0.5s}
.message .btn:hover{background: #cc1931}
@media(max-width:1024px){
.message .form{width: 100%}
.message .btn{width: 40%; line-height: .5rem; margin: 3% auto 0}
.message .btn br{display: none}
}
@media(max-width:768px){
.message .group{width: 49%; margin-bottom: 2%}
.message .group.tel{width: calc(98% - 1.3rem)}
.message .group.full{margin-top: 0}
}

.shop{padding-bottom:6%}
.shop .pic{width: 51.25%}
.shop .pic:after{content: '';position: absolute; left: 0; top: 0; width:103.66%; height: 106.67%; background: url("../images/yz_shop.png") no-repeat; background-size: 100% 100%;}
.shop .pic figure{padding-bottom:54.879%;
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('../images/path_shop.svg'); mask-image: url('../images/path_shop.svg')
}
.shop .info{width: 44.375%; padding: 3% 0}
.shop .info li{text-align: center; width: 23.94366197183099%;padding:4%; border: solid 2px #cfc0aa; border-radius: var(--br10); background: linear-gradient(#f7f7f7,#f5f2ec); box-shadow: 0 0 20px rgba(0,0,0,0.15)}
.shop .info li:nth-child(odd){margin-top:6%}
.shop .info .icon{width: .7rem; height: .7rem; margin: auto;}
.shop .info .btn{padding-top: 8%}
.shop .info .btn a{display: flex;justify-content: center; align-items: center; width: 1.72rem; line-height: .62rem; margin: auto; background: url("../images/btn_bg.svg");background-size: contain; color: rgb(var(--rgb-white));transition: 0.5s}
.shop .info .btn a:before{content: '';width: 21px; height: 19px;margin-right: 10px; background: url("../images/cart.svg") no-repeat;}
.shop .info .btn a:hover{opacity: 0.8}
@media(max-width:1200px){
.shop .info li{width: 48%}
}
@media(max-width:768px){
.shop .pic,
.shop .info{width: 100%}
.shop .info{padding-top:10%}
}

.about .item:not(:last-child){padding-bottom:5%}
.about .text{width: 100%; padding-bottom: 4%}
.about .text p:not(:last-child){margin-bottom: .2rem}
.about .pic{width: 100%}
.about .pic:after{content: '';position: absolute;left:-.2rem; top: -.2rem; bottom: -.2rem; right: -.2rem; ;margin: auto;background: url(../images/yz_about1.png) no-repeat; background-size: 100% 100%}
.about .pic figure{padding-bottom:57.445%;
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('../images/path_about.svg'); mask-image: url('../images/path_about.svg')
}
.about .item:nth-child(2) .pic:after{background-image: url(../images/yz_about2.png)}
.about .info .counter{color: #e1001f; padding-right: 10px;}
.about .info dl{padding: 4% 0}
.about .info dt{line-height: 1}
.about .info dt sup,.about .info dt sub{font-size: .18rem;line-height: .22rem}
.about .info dt sup{position:absolute}
.about .info dd{color: rgb(var(--yellow))}
@media(min-width:1024px){
.about .item:nth-child(even) .text{order: 2}
.about .text{width: 42%; padding-bottom: 0}
.about .pic{width: 53.313%}
}

.vision{position: relative; margin: 6% 0}
.vision .pic:after{content: '';position: absolute;left:-.2rem; top: -.2rem; bottom: -.2rem; right: -.2rem; ;margin: auto;background: url(../images/yz_vision.png) no-repeat; background-size: 100% 100%}
.vision .pic figure{padding-bottom:43.75%;
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('../images/path_vision.svg'); mask-image: url('../images/path_vision.svg')
}

.vision .text h4{color: rgba(var(--rgb-000)); padding: .2rem .1rem; margin-bottom: .2rem; position: relative}
.vision .text h4:before{content: '';position: absolute;left: 0;top: 0; width: .5rem; height: .5rem; border-radius: 100%; background: #e1001f; z-index: -1}
@media(min-width:768px){
.vision .text{position: absolute; color: rgb(var(--rgb-white)); z-index: 10; bottom: 0; width: 100%; padding:5.5%; max-width: 780px;}
.vision .text h4{color: rgb(var(--rgb-white));}
}
@media(max-width:768px){
.vision .text{padding-bottom: 5%}
}

.contact .item{width:23.125%;position: relative; padding:2.5%; margin-bottom: 2.5%; z-index: 10}
.contact .item:after{content: '';position: absolute;left:-.2rem; top: -.2rem; bottom: -.2rem; right: -.2rem; ;margin: auto;background: url(../images/info_contact.png) no-repeat; background-size: 100% 100%; z-index: -1; opacity: 0.6; transition: 0.5s}
.contact .city span{color: rgba(var(--rgb-000)); line-height: 1.8; border-bottom: solid 3px #c91033; display: inline-block}
.contact .address{line-height: .3rem;margin: .2rem 0}
.contact .WeChat{text-align: center; padding-top:3%;}
.contact .WeChat figure{width:65.52%; margin: auto}
.contact .WeChat figure img{border-radius: var(--br10)}
.contact .item:hover:after{opacity: 1}
@media(max-width:1200px){
.contact .item{width: 49.25%}
}
@media(max-width:768px){
.contact .item{width:100%; padding: 5% 7%; margin-bottom: 5%}
}

.search-list ul li{padding: 1.5% 0; border-bottom: solid 1px rgba(var(--rgb-000), 0.08);}
.search-list ul li time{float: right; opacity: 0.8}

.article-details {max-width: 1400px;}
.article-details .title{text-align: center}
.article-details .title h1{color: rgba(var(--rgb-000))}
.article-details .title p{padding: 2% 0}
.article-details img{max-height: inherit!important}
.article-details .article{padding: 3% 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd}
.prev-next{padding-top: 3%}
.prev-next p{width: 100%}
@media(min-width:768px){
.prev-next p{max-width: 48%}
}

.single-article{}
.single-article .article{padding-bottom:3%}

.Pages,
.Pages .p_page,
.Pages .p_page em,
.Pages .p_page a{ display: flex; align-items: center; justify-content: center}
.Pages{padding: .5rem 0;}
.Pages .p_cur,
.Pages .p_total,
.Pages .p_page .a_first,
.Pages .p_page .a_end,
.Pages .p_jump b{display: none}
.Pages .p_page{ order: -1}
.Pages .p_page em{font-style: normal}
.Pages .p_page a,
.Pages .p_jump input{ width: .54rem; height: .54rem; margin:0 .04rem; border-radius: 100%; border: solid 1px rgba(28,57,118,0.4)}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{font-size: 0;}
.Pages .p_page .a_prev::before,
.Pages .p_page .a_next::before{content: '';width: 100%; height: 100%; display: block; background: url("../images/page_jt.svg") no-repeat center center}
.Pages .p_page .a_next::before{transform: rotate(180deg)}
.Pages .p_page .no{cursor: default}
.Pages .p_page .a_cur,
.Pages .p_page a:not(.no):hover{color: #fff; background:var(--hover-color);  border-color: var(--hover-color) }
.Pages .p_page a.no::before,
.Pages .p_page a:not(:hover)::before{filter: grayscale(100%) brightness(50%); }
.Pages .p_count{padding-left: .3rem}
.Pages .p_jump input[type=text]{background: none; margin: 0 .1rem; text-align:center;}
.Pages .p_jump input[type=button]{background:var(--hover-color); border-color:var(--hover-color); color: #fff; cursor: pointer}
@media(max-width:640px){
.Pages .p_page em{display: none}
}

.banner-slide{position: relative; border-radius:5vw; overflow: hidden; margin:2.604166666666667%; transition: 1s}
.banner-slide .controls{position: absolute; bottom:4%; width: 100%; z-index: 10}
.banner-slide .pages{display: flex; justify-content: center}
.banner-slide .num{display: flex; align-items: center; justify-content: flex-end;color: rgba(255,255,255,0.5); padding: .2rem .5rem}
.banner-slide .num span{font-size: .20rem;padding: 0 .1rem;}
.banner-slide .num span.cur{color: rgba(255,255,255,1)}
.banner-slide .num span.total{opacity: 0.5}


.ind_title{position: relative}
.ind_title *{padding: 0; margin: 0}
.ind_title h3{font-size: .2rem; color: #e1001f; margin-bottom: .1rem;text-shadow: 2px 2px 4px #999;}
.ind_title h4{font-size: .5rem;color: rgba(var(--rgb-000));}
.ind_title p{font-size: .2rem; margin-top: .2rem}
.ind_title .more{font-size: .18rem; display: block;}
.ind_title .more a{display: inline-block; background: url(../images/more_line2.svg) no-repeat left; padding-left: .4rem;color: rgba(var(--rgb-555))}
@media(max-width:1024px){
.ind_title h4{font-size: .34rem;}
}
.ind_product{padding: 6% 0;}
.ind_product .auto{ position: relative}
.ind_product .item .text{width:34%}
.ind_product .item .text h4{padding-bottom: .4rem}
.ind_product .item .text p{text-align: justify}
.ind_product .item .text .more{display: block; padding-top: .6rem}
.ind_product .item .text .more a{padding-left: 44px; background: url("../images/more_line2.svg") no-repeat left}
.ind_product .item .pic{width:60%; padding-right:10.667%}
.ind_product .item .pic .icon{position: absolute; right: 0; top: 0; width:31.39%}
.ind_product .item .pic figure{padding-bottom:135.137%}
.ind_product .item .pic figure img{object-fit: contain; -o-object-fit: contain}
.ind_product .swiper-wrapper{align-items: flex-end}

.ind_product .swiper-slide:not(.swiper-slide-active) .item{align-items: flex-end}
.ind_product .swiper-slide:not(.swiper-slide-active) .pic{width: 30%;}
.ind_product .arrow{position: absolute; right: 0;width:130px}
@media(min-width:768px){
.ind_product .swiper-slide-prev .pic,
.ind_product .swiper-slide-active .pic{order: 2}
}
@media(max-width:768px){
.ind_product .item .pic{width: 100%}
.ind_product .item .text{width: 100%}
.ind_product .swiper-slide.swiper-slide-prev .item{justify-content: flex-end}
.ind_product .swiper-slide:not(.swiper-slide-active) .text{visibility: hidden}
}

.ind_culture {}
.ind_culture .ind_title{text-align: center}
.ind_culture .item{position: relative}
.ind_culture .group1{padding-top: 4%}
.ind_culture .group2{}
.ind_culture .info{width: 46.875%}
.ind_culture .info h3{color: #e1001f}
.ind_culture .info h4{color: rgba(var(--rgb-000)); margin-top:.1rem; margin-bottom:.4rem}
.ind_culture .pic{width: 46.875%}
.ind_culture .pic:after{content: ''; width: 100%; height: 100%; position: absolute; bottom: -.1rem; right: -.1rem;background: url(../images/path_culture_img1.svg) no-repeat; background-size: 100% 100%;filter:blur(10px);-webkit-filter:blur(10px);opacity: 0.5}
.ind_culture .pic figure{padding-bottom: 65.335%;-webkit-mask-image: url('../images/path_culture_img3.svg'); mask-image: url('../images/path_culture_img1.svg')}
.ind_culture .info .pic{width: 100%}
.ind_culture .info .pic:after{background-image: url(../images/path_culture_img2.svg)}
.ind_culture .info .pic figure{padding-bottom: 53.335%;-webkit-mask-image: url('../images/path_culture_img3.svg'); mask-image: url('../images/path_culture_img2.svg')}
.ind_culture figure{
-webkit-mask-size: cover; mask-size: cover; 
-webkit-mask-position: center;
mask-position: center;
}
.ind_culture .photo figure{padding-bottom:48.8545%;-webkit-mask-image: url('../images/path_culture_img3.svg'); mask-image: url('../images/path_culture_img3.svg')}
@media(min-width:1024px){
.ind_culture .group1 .txt{padding:0 16% 18% 20%;}
.ind_culture .group2{margin-top: -8%}
.ind_culture .group2 .info{margin-bottom: -5%}
.ind_culture .group2 .txt{padding:0 15%;}
}
@media(min-width:768px){
.ind_culture .group1 .info{order: 2}
}
@media(max-width:1024px){
.ind_culture .group1 .txt{padding-bottom:10%}
.ind_culture .group2 .info{width: 100%; padding-top:8%}
}
@media(max-width:768px){
.ind_culture .pic{width: 100%}
.ind_culture .info{width: 100%}
.ind_culture .group1 .info{padding-bottom: 5%}
}

.ind_news{padding: 6% 0;}
.ind_news .left{width: 30%; max-width: 320px}
.ind_news .ind_title .more{padding-top: 40%}
.ind_news .list{width: 69.375%}
.ind_news .list li{width:46.848%;}
.ind_news .list .pic figure{padding-bottom: 56.348%; border-radius: var(--br20); transition: 0.5s}
.ind_news .list .text{padding-top: .3rem}
.ind_news .list .text h4{line-height: .34rem; height: .68rem}
.ind_news .list .text p{height: .68rem; margin: .2rem 0;color: rgba(var(--rgb-555));}
.ind_news .list .text time{color: #c49958}
@media(min-width:640px){
.ind_news .list li:nth-child(2)~li{ margin-top:5%}
}
@media(max-width:1024px){
.ind_news .left{width: 100%; max-width: inherit;}
.ind_news .ind_title{ padding-bottom: 3%}
.ind_news .ind_title .more{padding:0; position:absolute; right: 0; top: 0}
.ind_news .list{width: 100%}
}
@media(max-width:640px){
.ind_news .list li{width: 100%; margin-bottom: 4%}
.ind_news .list .text h4,
.ind_news .list .text p{height: auto}
}

.show_covenant{ overflow: hidden}
.show_covenant main{filter: blur(5px);}

.covenant{position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 100;}
.covenant .empty{position:absolute; top: 0; width: 100vw; height: 100vh; z-index: 1}
.covenant .box{position: relative; z-index: 2; max-width: 790px; width: 90%; background: rgb(var(--rgb-white)); text-align: center; padding: .6rem}
.covenant p{padding: 0; margin: 0}
.covenant .logo{padding-bottom: 8%}
.covenant .txt{ height: 1rem}
.covenant .txt_no{display: none}
.covenant .cause{padding-top: 2%}
.covenant .tips{color: rgb(var(--yellow)); padding: 4% 0}
.covenant .btn a{width: 40%; max-width: 2rem; margin: 0 3%;line-height: .5rem;color: rgb(var(--rgb-white)); background:  rgb(var(--yellow)); cursor: pointer}
.covenant .btn a.no{background: #e1e1e1; color: rgba(var(--rgb-555))}
.covenant .language{padding-top: 6%}
.covenant .language img{width: 23px; height: 16px; margin-right: 5px}
.covenant .language dl{display: inline-block; text-align: left; position: relative; cursor: pointer}
.covenant .language dt{position: relative; z-index: 5; background: #fff; line-height: .4rem;padding-right: 20px; }
.covenant .language dt:after{content: ''; position:absolute;right: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; position: absolute; background: url(../images/language_jt.svg) no-repeat center center;}
.covenant .language dd{position: absolute; visibility: hidden; opacity: 0; transform: translateY(-30px);transition: 0.5s; width: 100%; background: #e7e8e9}
.covenant .language dd li a{padding: 0px .3rem; display:flex; align-items: center; line-height: .5rem}
.covenant .language dl.show dd{ visibility: inherit; opacity: 1; transform: translateY(0)}
@media(max-width:640px){
.covenant .box{padding: .3rem}
}



.SevenCore_info{ text-align: center; margin-bottom: 1.3rem;}
.one_title{ position: relative; z-index: 1; color: #fff;text-shadow: 0px 0px .2rem rgba(0, 0, 0, 0.2);  font-size: calc( 200 / 1920 * 100vw); min-height: 2.21rem; line-height: 1; margin-bottom: .35rem;}
.one_title::before{ content: ''; position: absolute; left: 50%; top: 0; width: .85rem; height: 100%; background: url(../images/SevenCore_bg1.jpg) no-repeat center; background-size: cover; transform: translateX(-50%); z-index: -1;}
.two_title{ color: rgba(var(--rgb-000)); margin-bottom: .6rem;}
.SevenCore_info .top_box{ position: relative; margin-bottom: 1.2rem; }
.SevenCore_info .textwarp{ position: absolute; left: 0; top: 0; width: 100%; z-index: 3; }
.SevenCore_info .top_box .img{  width: 100%; position: relative;-webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(../images/path_about.svg); mask-image: url(../images/path_about.svg); z-index: 2; }
.SevenCore_info .top_box:after{content: '';position: absolute;left:0; top: .22rem; margin: auto;background: url(../images/yz_about1.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; z-index: 1;}
.SevenCore_info .top_box .img img{ width: 100%; position: relative; z-index: 2;}
.SevenCore_info .videobox{ position: relative; border-radius: .2rem; overflow: hidden; margin-bottom: 1.1rem; }
.SevenCore_info .videobox_two{ max-width: 1244px; margin-left: auto; margin-right: auto;}
.SevenCore_info .videobox img{ width: 100%;}
.SevenCore_info .videobox .left{ width: 49%; text-align: left;}
.SevenCore_info .videobox .right{ width: 47%; position: relative;  border-radius: .2rem; overflow: hidden; }
.SevenCore_info .play_btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: .7rem; height: .7rem;  z-index: 1; border-radius: 100%; cursor: pointer;}
.SevenCore_info .play_btn i{background-color: rgba(0,0,0,.5); width: 100%; height: 100%; border-radius: 100%;display: block; }
.SevenCore_info .play_btn i::before{ content: ''; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); width: .21rem; height: .24rem; background: url(../images/play.svg) no-repeat center; background-size: contain;  }
.SevenCore_info .play_btn::after,
.SevenCore_info .play_btn::before { content: '';  position: absolute; left: 50%;  top: 50%; width: 100%;  height: 100%; border-radius: 50%;  background-color: rgba(0,0,0, 0.3); transform: translate(-50%,-50%); animation: play 2s infinite ease-out;}
.SevenCore_info .play_btn::before { animation-delay: 1s;}
.SevenCore_info .video{ display: none; width: 100%;}
.SevenCore_info .content{ line-height: calc( 38 / 18); color: rgba(var(--rgb-555));  }
.SevenCore_info .content .title{ margin: 0 0 .15rem;color: rgba(var(--rgb-000));}
.SevenCore_info .content .stit{margin: .25rem 0 0;color: rgba(var(--rgb-000)); line-height: calc( 44 / 24);}
.SevenCore_info .content p{ margin: 0;}
.SevenCore_info .list{ margin:.2rem 0 .35rem }
.SevenCore_info .list li{ padding: 0 .15rem; margin: .07rem; position: relative; }
.SevenCore_info .list li::before,
.SevenCore_info .list li::after{ content: ''; position: absolute; left: 0; top: 0; width: .15rem; height: 100%; background: url(../images/title_bgl2.png) no-repeat center; background-size: 100% 100%;}
.SevenCore_info .list li::after{ left: auto; right: 0; transform: rotate(180deg);}
.SevenCore_info .list span{ display: flex; border: .02rem solid rgb(var(--yellow)); color: rgba(var(--rgb-000)); border-left: none; border-right: none; padding: 0 .2rem; height: .56rem; align-items: center; justify-content: center; position: relative; }
.SevenCore_info .list span::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 96%; height: 92%; transform: translate(-50%,-50%); opacity: .39;
  background-image: -moz-linear-gradient( 180deg, rgb(196,153,88) , rgba(235,232,228,0) ,rgba(235,232,228,0) , rgb(196,153,88) );
  background-image: -webkit-linear-gradient( 180deg, rgb(196,153,88) , rgba(235,232,228,0) ,rgba(235,232,228,0) , rgb(196,153,88) );
  background-image: -ms-linear-gradient( 180deg, rgb(196,153,88) , rgba(235,232,228,0) ,rgba(235,232,228,0) , rgb(196,153,88) );}
.SevenCore_other{ margin:0 auto .8rem; max-width: 1245px; }
.SevenCore_other .pic{ width: 2.22rem;}
.SevenCore_other .pic figure{ -webkit-mask-image: url(../images/SevenCore_bg2.png);  mask-image: url(../images/SevenCore_bg2.png);  -webkit-mask-size: cover;  mask-size: cover;  -webkit-mask-position: center;  mask-position: center;}
.SevenCore_other .pic figure img{ transition: 0.5s;}
.SevenCore_other .text{ flex: 1; min-width: 0; padding: 0 .2rem 0 .2rem;}
.SevenCore_other .title{ font-size: calc( 100 / 1920 * 100vw); color: rgb(var(--yellow)); line-height: 1;}
.SevenCore_other .des,
.SevenCore_other .more{ margin-left: .2rem;}
.SevenCore_other .des{ color: rgba(var(--rgb-555)); margin-top: .1rem; margin-bottom: .35rem;}
.SevenCore_other .more{display: inline-block; background: url(../images/more_line2.svg) no-repeat left; padding-left: .4rem;color: rgba(var(--rgb-000));}
.SevenCore_other a:hover .pic figure img{ transform: scale(1.1);}
.SevenCore_other a:hover .title{  color: rgb(var(--red));}
.SevenCore_other .swiper-pagination{ margin-top: .5rem;}

@keyframes play {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: 0.6;
    }
    70% {
        transform: translate(-50%,-50%) scale(2);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%) scale(2);
        opacity: 0;
    }
}
@media(max-width:1024px){
    .one_title{ font-size: 2rem;}
    .SevenCore_other .title{ font-size: 1rem;}
}
@media(max-width:768px){
    .SevenCore_other .pic{ width: 1.8rem;}
    .SevenCore_other .text{ padding: 0 .1rem;}
    .SevenCore_info .videobox .left{ width: 100%; margin-bottom: .5rem;}
    .SevenCore_info .videobox .right{ width: 100%;}
}
@media(max-width:640px){
    .one_title{ font-size: 1.4rem; min-height: 1.65rem;}
    .SevenCore_info .textwarp{ position: relative;}
    .SevenCore_info .top_box:after{ display: none;}
    .SevenCore_other .title{ font-size: .74rem; padding-left:.1rem; }
}

.notice-list .ul{
    display: flex;
    flex-wrap: wrap;
}
.notice-list .ul .item{
    width: calc( (100% - .3rem * 2) / 3 );
    margin-right: .3rem;
    margin-bottom: .3rem;
}
.notice-list .ul .item:nth-child(3n){ margin-right:0;}
.notice-list .ul .item a{
    display: block;
    height: 100%;
    padding: .4rem;
    background: rgba(255,255,255,.5);
    border-radius: .2rem;
}
.notice-list .ul .item .date{
    color: #848484;
}
.notice-list .ul .item h4{
    margin: .2rem 0 0;
    font-weight: 400;
    line-height: 1.6;
}
.notice-list .ul .item a:hover .date{ color:var(--hover-color);}
@media(max-width:640px){
    .notice-list .ul .item{ width:100%; margin-right:0;}
}