@charset 'utf-8';
/*clear-default*/
* {margin:0;padding:0;box-sizing:border-box;}
html,body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform: translateZ(0);-webkit-transform: translateZ(0); }
html,body,input,textarea,select,button{font-family:PingFang SC,DroidSans,'微软雅黑',Helvetica,Arial,simsun,sans-serif;}
body{background:#fff;font-size:.875em;line-height:1.42858;color:#000;}
a,a:link,a:visited,a:hover,a:active {text-decoration:none;}
a img,fieldset{border:0;}
img {display:block;border:0;}
ul,ol,dl,li {list-style:none;}
hr {display:block;height:1px;padding:0;border:none;border-top:1px solid #eee;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
q,blockquote{quotes:none;}
q:before,blockquote:before,q:after,blockquote:after {content:'';}
table{border-spacing:0;border-collapse:collapse;font-size:inherit;}
input,button,select,textarea{outline:none;border:none;border-radius:0;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;tap-highlight-color:transparent;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:none;border:#ccc 1px solid;}
select::-ms-expand {display:none;}
textarea{overflow:auto;resize:none;}
a,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,i,li,ol,p,small,span,td,th,ul {-webkit-tap-highlight-color:rgba(0,0,0,.1);-moz-tap-highlight-color: rgba(0,0,0,.1);-ms-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1);}
em{font-style:normal;}
/*placeholder*/
::-webkit-input-placeholder {
color: #808080;
}
:-moz-placeholder {
color: #808080;
}
::-moz-placeholder {
color: #808080;
}
:-ms-input-placeholder {
color: #808080;
}
.flexer{display:flex;}
.grid{display:grid;}
.container{padding:0 3%;}
.p-r{position:relative;}
/* 头部css */
.header-top{width:100%;position:fixed;z-index:99;background-color:#f1f1f1;-webkit-transition:top 500ms;transition:top 500ms;justify-content:space-between;}
.header-logo{width:50%;align-items:center}
.header-logo a{position:relative;}
.header-logo a span{position:absolute;top:0;left:10%;}
.header-logo img{height:7vw;}
.header-tel{width:30%;align-items:center;justify-content:center;}
.header-tel a{color:#333;font-size:.775em;}
.header-tel span{display:block;}
.header-tel p{font-weight:700;font-size:1.475em;}

.header-menu {width:10%;height:12vw;background:#f1f1f1;position:relative;}
.header-menu:before{content:'';width:1px;height:60%;background-color:#333;position:absolute;left:0;top:50%;transform: translateY(-50%) translateX(0);}
.header-menu hr {width:50%;border-top:2px solid #333;position:absolute;top:50%;left:20%;transform: translateY(-50%) translateX(0);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.header-menu hr:nth-child(1){width:70%;top:30%;}
.header-menu hr:nth-child(3){width:60%;top:70%;}

.header-nav-shadow {display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);}
.header-nav-ctn{position:fixed;z-index:99991;right:-195px;top:0;width:195px;height:100%;background:#fff;overflow-y:auto;}
.header-nav-close {width:20px;height:20px;margin:30px 0 10px 28px;}
.header-nav-close hr {position:absolute;left:0;top:0;width:20px;border-top:2px solid #010101;-webkit-animation-fill-mode: forwards; animation-fill-mode:forwards;}
.header-nav-ctn ul li {width:135px;margin:0 auto;padding-left:25px;border-bottom:1px solid #e0e0e0;font-size:16px;line-height:62px;}
.header-nav-ctn ul li:last-child { border: none; }
.header-nav-ctn ul li a{color:#000;}
.header-nav-ctn ul li a:active { background: none; }
.header-nav-ctn ul li img { width: 25px; height: 25px; padding: 4px; margin: 19px 0 0 5px; }
.header-nav-ctn ul li.show img { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.header-nav-ctn ul li .navSLevel { display: none; }
.header-nav-ctn ul li .navSLevel a { display: block; width: 110px; height: 35px; line-height: 14px; color: #666; }

.navBtnRL2 { -webkit-animation: rotateLeft2 300ms linear; animation: rotateLeft2 300ms linear; }
.navBtnRR2 { -webkit-animation: rotateRight2 300ms linear; animation: rotateRight2 300ms linear; }
.navBtnRL22 { -webkit-animation: rotateLeft22 300ms linear; animation: rotateLeft22 300ms linear; }
.navBtnRR22 { -webkit-animation: rotateRight22 300ms linear; animation: rotateRight22 300ms linear; }

/* 主体 */
.banner{padding-top:12vw;-moz-box-shadow:0px 5px 15px #999;-webkit-box-shadow:0px 5px 15px #999;box-shadow:0px 5px 15px #999;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,Color='#000000');margin-bottom:1.875em;}
.banner .swiper {width:100%;height:100%;}
.banner .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;}
.banner .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}

.storefront{padding:1.875em 0 4.0875em;position:relative;background-color:#f7e8c1;}
.storefront-box{background-repeat:no-repeat;background-position:top center;background-size:cover;padding:1.2875em 0;}
.storefront-text{width:75%;margin:0 auto;padding:24vw 0;}
.storefront-text h3.title {font-size:1.8875em;font-weight:bold;color:#fff;}
.storefront-text p.content{font-size:1.0875em;color:#fff;padding:.875em 0;}
.storefront-text p.newAdd{font-size:1.2875em;color:#fff;}
.storefront-box a{display:block;width:80%;margin:0 auto;-moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px;background-color:#007074;margin-bottom:1.0875em;text-align:center;color:#fff;padding:.875em 0;font-size:1.0875em;}
.storefront .up{position:absolute;top:0;left:0;}
.storefront .bl{position:absolute;bottom:0;left:0;}
.storefront .up img,.storefront .bl img{width:100%;}

h2.title{text-align:center;font-size:3.875em;color:#e90000;}
em.boxem{display:block;font-size:2.1875em;font-weight:700;text-align:center;padding:.2875em 0;}
p.boxp{font-size:1.2875em;text-align:center;font-weight:700;}
p.boxp span{font-size:1.3875em;color:#007074;}
span.subtitle{font-size:.875em;display:block;text-align:center;text-transform:uppercase;}
.shop{padding:1.0875em 0;margin-bottom:3.875em;}
.shop-list{margin-top:1.4875em;border:10px solid #f8e7c1;}

.shop-list .swiper{width:100%;height:100%;}
.shop-list .swiper-slide{text-align:center;font-size:18px;background:#fff;height:0;padding-bottom:100%;position:relative;}
.shop-list .swiper-slide img{display:block;position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);object-fit:cover;}

.join-list{padding-top:1.0875em;}
.join-list ul{grid-template-columns:1fr 1fr 1fr;grid-gap:.875em;padding:.875em;}
.join-list ul>li{-moz-border-radius:.875em;-webkit-border-radius:.875em;border-radius:.875em;background-color:#e90000;padding:1.2875em .275em;position:relative;}
.join-list ul>li:before{content:'';position:absolute;height:1px;width:100%;top:70%;left:0;border-top:1px dashed #fff;}
.join-list ul>li a{display:block;position:relative;}
.join-list ul>li a em{display:block;font-size:2.1875em;color:#fff;text-align:center;font-weight:700;}
.join-list ul>li a span{width:80%;margin:0 auto;text-align:center;color:#fff;font-weight:700;font-size:.9875em;display:block;}
.join-list ul>li a p{padding:2.0875em 0 0;color:#fff;text-align:center;font-size:.875em;}

.news{background-image:url(../images/xmsl-img40.jpg);background-repeat:no-repeat;background-position:center top;background-size:100%;padding-top:30vw;}
.news-list ul{padding:1.0875em;}
.news-list ul>li{margin-bottom:1.6875em;}
.news-list ul>li .news-imgs{height:0;padding-bottom:55%;position:relative;-moz-border-radius:.875em;-webkit-border-radius:.875em;border-radius:.875em;overflow:hidden;}
.news-list ul>li .news-imgs img{position:absolute;width:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.news-list ul>li h3{font-size:1.0875em;line-height:1.5em;padding:.6875em 0 .4875em;}
.news-list ul>li .more{color:#df0100;}
.news-list ul>li .more a{font-size:.875em;color:#df0100;}

/* .foot-relate{background-color:#eeeeee;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:1.0875em 10%;} */
/* .foot-relate h3{padding:.875em 0 1.0875em;} */
/* .foot-relate p{font-size:.875em;padding:.875em;} */
.foot-copy{background-color:#f4f5f6;border-top:1px solid #dddddd;padding:.875em;}
.foot-copy p{text-align:center;font-size:.875em;color:#333333;padding:.2875em 0;}


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 550px;
	min-width: 320px;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.sideline{width:100%;overflow:hidden;justify-content:center;align-items:center;height:30vw;}
.sideline-box{background-color:#231b19;justify-content:center;transform:rotate(10deg);width:105%;}
.sideline-box span{color:#fff;padding:0 .875em;}


/*animate*/
@keyframes rotateLeft {
 from {
 top: 18px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 top: 25px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@-webkit-keyframes rotateLeft {
 from {
 top: 18px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 top: 25px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @keyframes rotateRight {
 from {
 top: 32px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 top: 25px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@-webkit-keyframes rotateRight {
 from {
 top: 32px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 top: 25px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@keyframes rotateLeft2 {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
@-webkit-keyframes rotateLeft2 {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @keyframes rotateRight2 {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@-webkit-keyframes rotateRight2 {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
@keyframes rotateLeft11 {
 from {
 top: 25px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 to {
 top: 18px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotateLeft11 {
 from {
 top: 25px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 to {
 top: 18px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes rotateRight11 {
 from {
 top: 25px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 to {
 top: 32px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotateRight11 {
 from {
 top: 25px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 to {
 top: 32px;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@keyframes rotateLeft22 {
 from {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotateLeft22 {
 from {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes rotateRight22 {
 from {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
@-webkit-keyframes rotateRight22 {
 from {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 to {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}