@charset "utf-8";
/* CSS Document */

body { font: 14px/1.4 "΢���ź�", helvetica, Arial, "����"; color: #333; background-color: #fff; }
/*Webkit,Opera9.5+,Ie9+*/
::selection { background: #c7bc8b; color: #fff; }
/*Mozilla Firefox*/
::-moz-selection {
 background:#c7bc8b;
 color:#fff;
}
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #333; }
/*a:active{ background:none;}*/
a:hover { text-decoration: none }
a:hover { color: #151515; }
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }/*chrome˽�����ԣ�����font-size<12px*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea, button { outline: none; vertical-align: middle; font: 14px heebo, helvetica, Arial; }
a, img { -webkit-transition: .5s; transition: .5s; outline: none; }
.t2 { text-indent: 2em; }
@font-face { font-family: "egSil"; src: url('font/SilkSerif-Regular.otf'); }
@font-face { font-family: "pfBold"; src: url('font/PingFangBold.ttf'); }
@font-face { font-family: "pfLight"; src: url('font/PingFangLight.ttf'); }
@font-face { font-family: "pfMed"; src: url('font/PingFangMedium.ttf'); }
@font-face { font-family: "pfReg"; src: url('font/PingFangRegular.ttf'); }
body { font-family: pfReg; }
input[type='text'], input[type='submit'] { -webkit-appearance: none; }
::-webkit-input-placeholder {
 color: #999;
}
@font-face { font-family: "iconfont"; src: url('font/iconfont.eot'); /* IE9 */ src: url('font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;') format('woff2'), url('font/iconfont.woff') format('woff'), url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('font/iconfont.svg') format('svg'); /* iOS 4.1- */ }
.iconfont, .social-share-icon { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-search:before { content: '\e601'; }
.icon-menu:before { content: '\e64c'; }
.navClose .icon-menu:before { content: '\e602'; }
.icon-close:before { content: '\e602'; }
.icon-right:before { content: '\e62b'; }
.icon-right2:before { content: '\e65d'; }
.icon-tel:before { content: '\e678'; }
.icon-add:before { content: '\e6f2'; }
.icon-san:before { content: '\e614'; }
.icon-orcRight:before { content: '\e62b'; }
.icon-rt:before { content: '\e615'; }
.icon-prev:before { content: '\e613'; }
.icon-up:before { content: '\e607'; }
.icon-down:before { content: '\e63b'; }
.icon-news1:before { content: '\e641'; }
.icon-news2:before { content: '\e683'; }
.icon-wechat:before { content: '\e604'; }
.icon-sina:before { content: '\e603'; }
.icon-douyin:before { content: '\e60b'; }
.icon-xhs:before { content: '\e68a'; }
.icon-sina2:before { content: '\e60a'; }
.icon-wht:before { content: '\e609'; }
.icon-dy2:before { content: '\e62c'; }
.active .icon-close:before { content: '\e626'; }
.btn-box { padding-top: 18px; text-align: center; }
.btn-defaul { background-color: #eee; display: inline-block; line-height: 36px; padding: 0 25px; text-align: center; color: #666; cursor: pointer; }
/* ҳ���� */
body { background-color: #fff; }
.wrap { width: 100%; position: relative; z-index: 10; overflow: hidden; }
.content { padding-left: 5%; padding-right: 5%; }
.section { position: relative; height: 100%; }
#fp-nav { display: none; }
#fp-nav.right { }
#fp-nav ul li { display: block; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 10px; height: 10px; background-color: #d8d8d8; opacity: 1; margin-left: -5px; margin-top: -5px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a.active span { width: 11px; height: 11px; background-color: #1764ce; opacity: 1; /* background-color: #fff;*/ }
.header {/* position: fixed; top: 0;*/ left: 0; width: 100%; z-index: 100; background-color: #fff; }
.header { width: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%); }
.header.fixed { position: fixed; width: 100%; left: 0; top: 0; }
.logo { height: 2.4rem; }
.logo a { height: 100%; display: block; }
.logo img { display: block; height: 100%; }
.topSearch .searchBtn { border: none; }
.topSearch .filTxt { border: 1px solid #eee; }
.homeBody .logo {/* background: url("../images/logo.png") center no-repeat; background-size: auto 100%;*/ }
.homeBody .logo img {/* visibility: hidden;*/ }
.header .content { /*position: relative;*/ }
.header .logo { }
.header .logo2 { padding: 5% 0; }
.topRight { position: absolute; z-index: 10; padding-right: 5rem; right: 0; top: 0; height: 3.2rem; line-height: 3.2rem; text-align: center; color: #ccc; }
.topRight .iconfont { font-size: 1.3rem; }
.topLink { width: 6rem; }
.topLink .item { position: relative; float: left; width: 3rem; text-align: center; }
.topLink .hide { display: none; position: absolute; top: 3.2rem; left: -50%; width: 100%; }
.topLink .hide img { width: 200%; display: block; }
.navToggle { width: 5rem; height: 3.2rem; line-height: 3rem; position: absolute; z-index: 100; right: 0; top: 0; }
.navToggle .iconfont { margin-left: 10px; }
.navWrap { display: none; position: fixed; z-index: 1000; top: 3.2rem; bottom: 0; left: 0; padding: 0 6% 4%; overflow-y: scroll; box-sizing: border-box; background-color: #fff; background: rgba(0,0,0,0.8); }
.navWrap.on { display: block; }
.nav li>a { color: #fff; }
.navFoot { padding-top: 1rem; color: #888; line-height: 2; padding-bottom: 3%; }
.navFoot .right { color: #fff; }
.swiper-banner { position: relative; height: 100%; }
.swiper-banner .swiper-slide { }
.swiper-banner .swiper-slide img { display: block; width: 100%; height: 100%; }
.swiper-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; }
.swiper-banner .swiper-pagination-bullet { background-color: #fff; width: 20px; border-radius: 0; height: 2px; }
.swiper-banner .swiper-pagination-bullet-active { background-color: #fff; margin: 0; }
.swiper-banner .swiper-pagination-bullets { bottom: 25px; }
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev { color: #fff; }
.fullNext { display: none; }
.hmBody .btnBlack { display: none; }
/*footer*/
.btnBlack { position: fixed; z-index: 1000; right: 0; bottom: 2%; width: 3rem; }
.btnBlack a { display: block; }
.btnBlack img { display: block; width: 100%; }
.footSection { height: auto !important; }
.footer { padding: 0.5rem 0; background-color: #fff; color: #888; line-height: 2; }
.footer dl { overflow: hidden; }
.footer dd { float: left; margin-right: 20px; }
.footer .item { padding-top: 1rem; line-height: 1.8; }
.footer .item .tel, .footer .item .webadd { font-family: egSil; color: #333; }
.footer a { color: #888; }
.footer .name { margin-bottom: 5px; }
.footer .name, .footer .name a { color: #333; font-weight: bold; }
.ftShare { }
.ftShare .shItem { position: relative; float: left; margin-right: 20px; max-width: 5rem; text-align: center; }
.ftShare .shItem.on { z-index: 10; }
.ftShare .iconfont { display: block; font-size: 30px; margin: 0 auto; line-height: 1.4; color: #151515; }
.ftShare .hide { padding: 10px; background-color: #fff; border-radius: 16px; : 12px;
box-shadow: 0 0 10px #ccc; line-height: 1.4; text-align: center; display: none; position: absolute; left: 0; top: -170px; width: 100px; }
.ftShare .hide img { margin-bottom: 5px; display: block; width: 100px; }
.copyRight { padding: 1rem 0; border-top: 1px solid #dcdcdc; margin-top: 1rem; }
/*home */
.homeAbout { background-color: #fff; padding-bottom: 5%; }
.hmTitle { padding: 2rem 0 1.5rem; overflow: hidden; }
.hmTitle .left { float: left; }
.hmTitle .right { float: right; }
.hmTitle .title { margin-bottom: 15px; font-size: 1.5rem; }
.hmTitle .eg { margin-bottom: 10px; font-size: 2.4rem; text-transform: uppercase; line-height: 1.1; font-family: egSil; }
.hmTitle .txtBox { font-family: egSil; }
.homeAbout .btn-box { padding-top: 0; text-align: left; }
.btn-box a { display: inline-block; }
.btn-box .icon-right { position: relative; top: 5px; margin-left: 15px; font-size: 30px; }
.homeAbout .pic img { margin-bottom: 1rem; display: block; max-width: 100%; }
.homeShop { background-color: #f4f4ef; position: relative; }
.homeShop:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background-color: #fff; }
.shopSwpMenu { width: 90%; max-width: 500px; }
.shopSwpMenu .swiper-slide { text-align: right; }
.shopSwpMenu .swiper-slide a { display: inline-block; padding-bottom: 10px; position: relative; }
.shopSwpMenu .swiper-slide a:after { content: ""; position: absolute; left: 0; width: 0; height: 2px; transition: all 0.4s; background-color: #151515; bottom: 0; }
.shopSwpMenu .swiper-slide-thumb-active a:after { width: 100%; }
.prjSwpBox { overflow: hidden; }
.shopSwpPhoto { }
.shopSwpPhoto img { display: block; width: 100%; }
.prjSwpBox .main { padding-top: 15px; position: relative; line-height: 2; padding-right:;
}
.prjSwpBox .main .name { font-size: 1.2rem; }
.prjSwpBox .main .txt { max-width: 820px; }
.prjSwpBox .btn-box { text-align: right; padding-top: 0; line-height: 1.4; }
.prjSwpBox .btn-box .icon-right { margin-left: 0; }
.shopSwpPhoto .swiper-pagination-bullet { background-color: #fff; width: 20px; border-radius: 0; height: 3px; opacity: 1; }
.shopSwpPhoto .swiper-pagination-bullet-active { background-color: #000000; margin: 0; }
.homeSelect { background-color: #fff; padding-bottom: 2rem; }
.homeSelect .pic { }
.homeSelect .pic img { display: block; width: 100%; }
.homeSelect .item { padding: 1.2rem 0 1.5rem; border-bottom: 2px solid #000; line-height: 2; }
.homeSelect .item .name { font-size: 1.3rem; }
.homeSelect .item .name .iconfont { opacity: 0; left: 0; font-size: 24px; position: relative; transition: all 0.4s; }
.homeSelect .item:hover .name .iconfont { opacity: 1; left: 15px; }
.homeCase { padding-bottom: 2rem; background-color: #f4f4ef; }
.homeCase .hmTitle { padding-bottom: 0.5rem; }
.caseSwpHm { padding-bottom: 45px; position: relative; overflow: hidden; }
.caseSwpHm .swiper-pagination-progressbar, .caseSwpHm .swiper-pagination-progressbar-opposite { height: 3px; top: auto; bottom: 13px; width: 70%; }
.caseSwpHm .swiper-pagination-progressbar-fill { height: 2px; background: #333; }
.caseSwpHm .swiper-button-next, .caseSwpHm .swiper-button-prev { left: auto; margin-top: 0; height: 30px; top: auto; right: 0; bottom: 0; }
.caseSwpHm .swiper-button-prev { right: 55px; }
.caseSwpHm .swiper-button-next:after, .caseSwpHm .swiper-button-prev:after { font-size: 14px; color: #333; }
.caseSwpHm .swiper-button-next:before, .caseSwpHm .swiper-button-prev:before { content: ""; position: absolute; top: 50%; right: -4px; margin-top: -1px; height: 1px; width: 20px; background-color: #333; }
.caseSwpHm .swiper-button-next:before { left: -4px; }
.caseSwpHm { }
.caseSwpHm .hdMain { padding-top: 10px; line-height: 2; }
.caseSwpHm .name { padding: 6px 0; font-size: 1.2rem; line-height: 1.4; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caseSwpHm .swiper-slide img { display: block; width: 100%; }
.caseSwpHm .pic:hover img { transform: scale(1.05, 1.05); }
/* page */
.pageBanner { position: relative; }
.pageBanner>img { display: block; width: 140%; position: relative; left: -20%; }
.aboutWrap { background-color: #f4f4Ef; position: relative; padding: 2rem 0; }
.titleWhite { color: #fff; }
.abtTitle { padding-bottom: 6%; text-align: center; font-size: 1.2rem; }
.abtTitle .eg { font-size: 1.8rem; font-family: egSil; text-transform: uppercase; }
.abtTitle .eg.egSml { text-transform: capitalize; }
.abtTitle .line { width: 30px; height: 1px; margin: 1rem auto 0; background-color: #333; }
.abtTitle .txt { font-size: 0.9rem; margin-top: 10px; line-height: 2; }
.abtPic img { display: block; width: 100%; }
.aboutDtl { margin-top: 1rem; }
.aboutDtl .abtTitle { margin-bottom: 1rem; }
.strCloum { display: -webkit-flex; display: flex; flex-wrap: nowrap; }
.strCloum .item { flex: 1; }
.strCloum .numb { font-size: 2rem; font-family: egSil; }
.strCloum .numb span { font-size: 0.9rem; }
.abtTopBg { position: relative; }
.abtTopBg .bgPic { }
.abtTopBg .bgPic img { display: block; width: 100%; }
.abtTopBg .abtTitle { padding: 0; position: absolute; z-index: 10; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.storySwp { padding-bottom: 1rem; overflow: hidden; }
.storySwp img { display: block; width: 100%; }
.storySwp .main { line-height: 2.2; }
.storySwp .pic { border-radius: 10px; overflow: hidden; }
.storySwp .timer { padding: 10px 0; margin-bottom: 10px; font-size: 2rem; }
.storySwp .swiper-slide:nth-child(2n+2) .timer { margin-bottom: 0; margin-top: 10px; }
.storySwp .swiper-pagination-progressbar { }
.storySwp .swiper-button-prev, .storySwp .swiper-button-next { display: none; }
.storySwp .swiper-pagination-progressbar { display: block; top: 99%; height: 2px; }
.storySwp .swiper-pagination-progressbar-fill { background-color: #333; }
.cultCloum { padding-bottom: 1rem; }
.cultCloum .cultPic { margin-top: 1.5rem; }
.cultCloum .cultPic img { display: block; max-width: 100%; }
.cultCloum .item { padding-top: 1rem; line-height: 2; }
.cultCloum .iconImg { margin-bottom: 5px; display: block; height: 3rem; }
.cultCloum .iconImg img { display: block; height: 100%; }
.cultCloum .name { font-size: 1.2rem; }
.shopMWrap { position: relative; overflow: hidden; }
.shopMWrap .bgPic { }
.shopMWrap .bgPic img { display: block; width: 100%; }
.shopMWrap .content { }
.shopMWrap .main { position: absolute; width: 100%; left: 0; bottom: 7%; text-align: center; color: #fff; }
.shopMWrap .main .eg { font-size: 2.4rem; font-family: egSil; }
.shopMWrap .main .name { font-size: 1.4rem; }
.shopMWrap .txt { margin-top: 1rem; font-size: 1.rem;
}
.shopTop { margin-bottom: 1rem; }
.shopTop .abtTitle { padding-bottom: 0; }
.shopDtlWrap { padding: 5% 0 5%; background-color: #f4f4ef; }
.shopDetail { text-align: center; line-height: 2.2; }
.shopMedia { }
.shopMedia img { display: block; width: 100%; }
.pic { overflow: hidden; }
ul .pic:hover img { transform: scale(1.05, 1.05); }
.inTitle { font-size: 1.2rem; line-height: 1.6; font-family: egSil; }
.inTitle .txt { font-size: 1rem; }
.shopDtlWrap .inTitle { margin-bottom: 6%; text-align: center; }
.shopMoreT { width: 80%; margin: 0.5rem auto 1rem; background: url("../images/lineBg.png") left bottom no-repeat; line-height: 40px; text-align: right; }
.shopMedia { background-color: #f4f4ef; }
.shopMedia:last-child .shopMoreT { margin-bottom: 0; }
.shopDetail .txtL { font-size: 1.1rem; }
.babyCare { }
.babyCare .item { margin-bottom: 1rem; line-height: 2.2; }
.babyCare .numb { font-size: 1.6rem; line-height: 1.4; font-family: egSil; color: #888888; font-style: italic; }
.babyCare .name { font-size: 1.2rem; }
.babyCare .item:last-child { margin-bottom: 0; }
.babyCare .txt { color: #666; }
.medaiBox { }
.medaiBox a { display: block; overflow: hidden; }
.medaiBox img { display: block; width: 100%; }
.medaiBox a:hover img { transform: scale(1.05, 1.05); }
.dtlHead { margin-bottom: 1.5rem; }
.dtlHead .title { margin-bottom: 0.8rem; font-size: 1.2rem; }
.dtlHead .other { font-size: 0.85rem; color: #999; }
.dtlHead .other span { margin-right: 0.5rem; }
.dtlHead .hdBg { background-color: #f5f5f5; padding: 0.5rem; }
.detail { line-height: 2.2; }
.detail p { margin-bottom: 1rem; }
.detail img { margin: 1rem auto; display: block; max-width: 100%; }
.pageWrap { position: relative; z-index: 10; }
.dtlHead { margin-bottom: 1.5rem; }
.detailBox { }
.detailBox .detail p { margin-bottom: 0.6rem; }
.detailBox .detail img { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; }
.dtlpage a { display: block; border-radius: 6px; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pageWrap { background: url("../images/pageBg.jpg") bottom left repeat-x; }
.dtlPage { margin-top: 1rem; padding: 0.8rem 0; border-top: 1px solid #eee; color: #888; }
.dtlPage a { line-height: 28px; }
.dtlPage p { margin-bottom: 8px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.footDown { margin-top: 1.5rem; line-height: 2; }
.footDown .name { margin-top: 10px; }
.footDown .list { margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 25px; background: url("../images/link.png") left center no-repeat; }
.footDown .list a { color: #1764ce; text-decoration: underline; }
.share { margin-top: 10px; line-height: 34px; display: -webkit-flex; display: flex; }
.share .name { margin-right: 10px; color: #999; }
.share .row { flex: 2; }
.social-share .icon-weibo:before { content: '\e603' }
.social-share .icon-qzone:before { }
.social-share .icon-tencent:before { }
.social-share .icon-wechat:before { content: '\e604'; }
.ftRight { clear: both; }
.ftRight p { float: right; }
.momCare { display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.momCare .item { width: 100%; margin-bottom: 1.5rem; line-height: 2.2; }
.momCare .pic { position: relative; padding-bottom: 64%; overflow: hidden; }
.momCare .pic img { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; }
.momCare .name { margin-top: 10px; font-size: 1.2rem; line-height: 2; }
.babyCloum { }
.babyCloum .bgPic { margin-bottom: 1.8rem; }
.babyCloum .bgPic img { display: block; width: 100%; }
.babyCloum .main { padding-bottom: 1.5rem; line-height: 2.2; }
.babyCloum .inTitle { margin-bottom: 4%; text-align: left; }
.caseSwpPg { padding-bottom: 45px; position: relative; overflow: hidden; }
.caseSwpPg .swiper-button-next, .caseSwpPg .swiper-button-prev { width: 40px; height: 40px; border-radius: 100%; border: 1px solid #333; margin-top: 0; top: auto; bottom: 0; }
.caseSwpPg .swiper-button-prev { left: 50%; margin-left: -60px; }
.caseSwpPg .swiper-button-next { right: 50%; margin-right: -60px; }
.caseSwpPg .swiper-button-next:after, .caseSwpPg .swiper-button-prev:after { right: -6px; font-size: 14px; color: #333; position: relative; }
.caseSwpPg .swiper-button-prev:after { left: -8px; right: auto; }
.caseSwpPg .swiper-button-next:before, .caseSwpPg .swiper-button-prev:before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -1px; height: 1px; width: 20px; background-color: #333; }
.caseSwpPg .swiper-button-next:before { left: 10px; }
.caseSwpPg .swiper-button-prev:before { left: 10px; }
.caseSwpPg { }
.caseSwpPg .hdMain { padding-top: 10px; line-height: 2; }
.caseSwpPg .name { padding: 6px 0; font-size: 1.2rem; line-height: 1.4; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caseSwpPg .swiper-slide { padding-bottom: 1rem; }
.caseSwpPg .swiper-slide img { display: block; width: 100%; }
.caseSwpPg .pic:hover img { transform: scale(1.05, 1.05); }
.catBg { background-color: #f4f4Ef; }
.catCloum { }
.catCloum .item { margin-bottom: 1rem; border: 1px solid #333; padding: 1rem; line-height: 32px; }
.catCloum .txt { position: relative; padding-left: 2rem; }
.catCloum .txt .iconfont { position: absolute; left: 0; top: 0; }
.catCloum .name { font-size: 1.2rem; margin-bottom: 10px; }
.foodSafe { padding-bottom: 2%; }
.foodSafe .pic { }
.foodSafe .pic img { display: block; max-width: 100%; }
.foodSafe .main { }
.foodSafe .item { border-bottom: 1px solid #dedede; padding: 5% 0; line-height: 2; }
.foodSafe .item .name { font-size: 1.2rem; }
.foodSafe .ftTxt { margin-top: 10%; }
.recovBg .inTitle { margin-bottom: 5%; }
.recovBg { padding-bottom: 2%; background-color: #f4f4ef; }
.mb5 { margin-bottom: 8%; }
@media screen and (min-width: 375px) {
}
@media screen and (min-width:481px) {
}
@media (min-width: 640px) {
body { font-size: 16px; }
.copyRight { padding-top: 2rem; margin-top: 2rem; }
.momCare .item { width: 47.5%; }
}
@media (min-width: 768px) {
}
@media (min-width: 862px) {
.babyCare { display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.babyCare .item { width: 260px; }
}
@media (min-width: 1024px) {
.babyCare .item { width: 300px; }
.catCloum { padding-bottom: 3%; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.catCloum .item { padding: 1.5rem; padding-right: 0; width: 46%; margin-bottom: 4%; }
}
@media (max-width: 1179px) {
body { padding-top: 3.2rem; }
html, body { position: relative;/* height: 100%;*/ }
/*.content{ padding-left: 3%;  padding-right: 3%; }  */
body { }
.header { padding-top: 0.5rem; padding-bottom: 0.5rem; height: 2.2rem; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; background: #fff; }
.header .content { }
.logo { height: 1.8rem; padding: 0.2rem 0; text-align: left; }
.logo a { display: inline-block; }
.logo img { margin: 0 auto; }
.navWrap .content { }
.nav>li { padding: 0.3rem 0; margin-bottom: 0.8rem; border-bottom: 1px solid #ddd; position: relative; line-height: 2.2rem; }
.nav li>a { font-size: 1rem; }
.subNav { padding-bottom: 0.8rem; color: #fff; }
.subNav li { overflow: hidden; }
.subNav li { }
.subNav li:last-child { border-bottom: none; }
.subNav li a { font-size: 0.9rem; line-height: 1.8rem; }
.subNavBox .subPic { display: none; }
.swiper-banner .swiper-slide { overflow: hidden; }
.swiper-banner .swiper-slide img {/* height: 100%; width: 210%; position: relative; left: -55%;*/ }
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev { }
.swiper-banner .swiper-pagination-bullets { bottom: 10px; }
.swiper-banner .swiper-pagination-bullet { /*width: 8px; height: 8px;*/ }
.homeAbout .hmTitle .title { float: none; }
.abtTopBg .bgPic { overflow: hidden; }
.abtTopBg .bgPic img { position: relative; width: 140%; left: -20%; }
.shopMWrap .bgPic img { position: relative; width: 140%; left: -20%; }
.shopMoreT { background-size: auto 10px; margin-top: 0; }
}
/* PC */
@media (min-width: 1180px) {
.wrap { min-width: 1200px; }
.content { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
.content { width: 1200px; }
.navToggle { }
/*.headBg{ background: url("../images/blakcBg.png") top center repeat; }*/
.header { position: relative; height: 80px; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%); }
.header { position: fixed; z-index: 1000; width: auto; right: 0; bottom: auto; top: 0; left: 0; }
.header>.content { position: relative; z-index: 1001; }
.header .logo { position: relative; z-index: 100; padding-top: 13px; height: 80px; line-height: 80px; }
.header .logo img { max-height: 54px; display: block; }
.header .logo2 { display: none; width: 435px; }
.header .logo2 img { display: block; height: 100%; }
.topRight { position: absolute; right: 0; z-index: 100; height: 80px; line-height: 80px; }
.topRight .iconfont { font-size: 24px; }
.navToggle { z-index: 10000; height: 80px; line-height: 80px; text-align: right; }
.navToggle .iconfont { position: relative; }
.navClose { z-index: 10000; color: #fff; }
.topLink { width: 6rem; }
.topLink .item { position: relative; float: left; width: 3rem; text-align: center; }
.topLink .hide { display: none; position: absolute; top: 3.2rem; left: -50%; width: 100%; }
.topLink .hide img { width: 200%; display: block; }
.navWrap { padding-top: 4%; top: 0; overflow: visible; }
.navWrap.fixed { background-color: #fff; position: fixed; z-index: 1000; }
.nav { padding-top: 10%; padding-left: 5%; overflow: hidden; }
.nav>li { padding: 0; float: left; width: 20%; font-size: 18px; }
.nav>li:last-child { width: 15%; }
.nav>li>a { position: relative; display: block; line-height: 40px; }
.nav>li .eg { position: relative; padding-bottom: 15px; display: block; line-height: 1.4; }
.nav>li .eg:after { content: ""; display: block; margin-top: 30px; width: 100px; height: 1px; background: #51504d; }
.subNav { padding-top: 15px; }
.subNav li { line-height: 2.5; font-size: 16px; }
.navFoot { padding-top: 10%; overflow: hidden; line-height: 40px; }
.navFoot .right { float: right; }
/* footer */
.btnBlack { width: 70px; }
.footer { overflow: visible; padding-top: 50px; padding-bottom: 0; }
.footer .ftMain { padding-bottom: 50px; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: nowrap; }
.footer .item { float: left; max-width: 320px; line-height: 38px; }
.footer .item dt, .footer .item dd { float: none; font-weight: 500; }
.footer .item .name { margin-bottom: 0; }
.footer .item .tel { font-size: 22px; }
.footer .item:last-child .txt { line-height: 34px; }
.footer .shItem { max-width: 80px; font-size: 14px; line-height: 1.6; }
.footer .shItem .iconfont { font-size: 40px; }
.footer .shItem .hide { padding: 15px; top: -180px; left: 50%; margin-left: -65px; line-height: 30px; }
.footer .shItem:last-child { margin-right: 0; }
.footer .item .shItem .txt { line-height: 24px; margin: 0; }
.copyRight { margin-top: 0; text-align: center; padding: 30px 0; }
/*.header{ left: 40px; }*/
#fp-nav { display: block; z-index: 1000; right: 10px; left: auto; }
/*banner*/
.swiper-banner { position: relative; height: 100%; overflow: hidden; }
.swiper-banner .swiper-slide { }
.swiper-banner .swiper-slide img { display: block; width: 100%; height: 100%; }
.swiper-banner .swiperFocuse { display: block; }
.swiper-banner .swiper-pagination-bullet { width: 40px; }
.swiper-banner .swiper-button-prev { left: 110px; }
.swiper-banner .swiper-button-next { right: 110px; }
.fullNext { display: block; position: fixed; color: #fff; z-index: 10; bottom: 80px; width: 200px; left: 50%; margin-left: -100px; text-align: center; }
.fullNext img { display: block; margin: 0 auto 20px; position: relative; top: 0px; animation: myMove 2s infinite; -webkit-animation: myMove 2s infinite; }
.fullNext a { color: #fff; }
/* #fullPage .section { padding: 0; }*/
.hmTitle .txtBox { position: relative; top: 70px; padding-top: 140px; }
.hmTitle .txtBox.right { padding-right: 70px; background: url("../images/iconLogo.png") right bottom no-repeat; }
.hmTitle .txtBox.left { padding-left: 70px; background: url("../images/iconLogo2.png") left bottom no-repeat; }
.homeAbout { padding-bottom: 5%; }
.hmTitle { padding-top: 5%; padding-bottom: 3%; }
.hmTitle .left { float: left; }
.hmTitle .right { float: right; }
.hmTitle .title { max-width: 855px; font-size: 36px; }
.hmTitle .title.right { text-align: right; }
.hmTitle .eg { margin-bottom: 20px; font-size: 80px; }
.btn-box .icon-right { top: 8px; font-size: 40px; }
.homeShop:after { height: 30%; }
.homeAbout .main { overflow: hidden; }
.homeAbout .pic { float: right; width: 57%; }
.homeAbout .detail { width: 37%; padding-top: 5%; }
.homeAbout .detail p { margin-bottom: 30px; }
.shopSwpPhoto .swiper-pagination { bottom: 40px; }
.shopSwpPhoto .swiper-pagination-bullet { width: 30px; height: 4px; margin: 0 8px !important; }
.shopSwpMenu { margin-top: -50px; position: relative; z-index: 10; width: 500px; }
.shopSwpMenu .swiper-slide { text-align: right; }
.prjSwpBox .main .name { font-size: 24px; }
.prjSwpBox .main .btn-box { position: absolute; right: 0; top: 50%; margin-top: -25px; }
.prjSwpBox .icon-right { font-size: 50px; line-height: 50px; }
.homeSelect { padding-bottom: 5%; }
.homeSelect .main { overflow: hidden; }
.homeSelect .main .pic { float: left; width: 48%; margin-right: 5%; }
.homeSelect .cloum { width: 45%; float: right; }
.homeSelect .item { padding: 6% 0 6%; line-height: 2; }
.homeSelect .item .name { margin-bottom: 10px; font-size: 28px; }
.homeSelect .hmTitle { padding-bottom: 1%; }
.homeCase { padding-bottom: 5%; }
.caseSwpHm .swiper-button-prev { right: 65px; }
.caseSwpHm .swiper-pagination-progressbar, .caseSwpHm .swiper-pagination-progressbar-opposite { width: 90%; }
.caseSwpHm { padding-bottom: 60px; }
.caseSwpHm .hdMain { display: none; }
.caseSwpHm .swiper-slide-active .hdMain { display: block; }
.caseSwpHm .swiper-slide { transform: scale(0.9); }
.caseSwpHm .swiper-slide-active, .caseSwpHm .swiper-slide-duplicate-active { transform: scale(1); }
.caseSwpHm .name { font-size: 24px; }
/* page */
.pageBanner { position: relative; width: 100%; display: flex; height: 100vh; }
.pageBanner>img { display: block; width: 100%; left: 0; position: fixed; top: 0; }
.hmBanner { position: relative; width: 100100%; display: flex; height: 100vh; }
.hmBanner .swiper-banner { width: 100%; left: 0; height: 100%; position: fixed; top: 0; }
.detail { line-height: 2.25; }
.detail p {/* margin-bottom: 25px; */ }
.detail img { margin-bottom: 30px; }
.dtlTitle { font-size: 32px; margin-bottom: 30px; font-weight: bold; color: #333; }
.detailBox { padding: 30px; }
.dtlHead { margin-bottom: 0; padding-bottom: 30px; text-align: center; }
.dtlHead .title { margin-bottom: 20px; font-size: 30px; line-height: 1.6; }
.dtlHead .hdBg { padding: 15px; line-height: 30px; position: relative; padding-right: 200px; }
.dtlHead .other { text-align: left; font-size: 16px; }
.dtlHead .other span { margin-right: 15px; }
.dtlHead .hdBg .share { position: absolute; min-width: 160px; top: 10px; z-index: 5; right: 20px; line-height: 42px; }
.share .name { margin-right: 0; }
.detailBox .detail p { margin-bottom: 25px; }
.detailBox .detail img { margin-bottom: 25px; margin-top: 5px; }
.dtlPage { margin-top: 0; overflow: hidden; }
.dtlPage p a { line-height: 36px; }
.dtlPage .next { }
.dtlPage .btnPrev { background-color: #00669c; color: #fff; text-align: center; border-radius: 0; width: 180px; height: 60px; line-height: 60px; display: block; float: right; }
.aboutWrap { padding: 6% 0; }
.aboutWrap .abtPic { width: 50%; float: left; }
.aboutWrap .aboutDtl { float: right; width: 45%; }
.aboutWrap .content { min-height: 1px; position: relative; }
.aboutDtl { position: absolute; right: 0; top: 0; }
.abtTitle { font-size: 36px;/* padding-bottom: 7%;*/ }
.abtTitle .eg { font-size: 60px; line-height: 1; }
.abtTitle .eg { margin-bottom: 15px; }
.abtTitle .txt { font-size: 18px; margin-top: 20px; }
.aboutWrap .abtTitle { text-align: left; margin-top: -25px; }
.aboutWrap .detail p { margin-bottom: 40px; }
.aboutWrap .strCloum { position: relative; padding-top: 5%; }
.storySwp { padding: 0 120px; }
.storySwp .timer { padding: 20px 0; }
.storySwp .timer { margin-bottom: 100px; }
.storySwp .swiper-slide:nth-child(2n+2) .timer { margin-top: 100px; }
.storySwp .swiper-pagination-progressbar { display: block; height: 2px; left: 120px; right: 120px; width: auto; top: 50%; background-color: #333; }
.storySwp .swiper-pagination-progressbar-fill { background-color: #333; }
.storySwp .item { position: relative; padding-left: 20px; }
.storySwp .item:before { content: ""; position: absolute; left: 0; top: 16px; width: 2px; height: 2px; background-color: #888; }
.storySwp .main { height: 200px; }
.storySwp .swiper-slide { position: relative; }
.storySwp .swiper-slide:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 8px; height: 8px; border-radius: 50%; background-color: #333; }
.storySwp .swiper-button-prev { left: 0; }
.storySwp .swiper-button-next { right: 0; }
.storySwp .swiper-button-prev, .storySwp .swiper-button-next { position: absolute; display: block; text-align: center; background-color: #f4f4Ef; line-height: 50px; width: 50px; margin-top: -25px; height: 50px; border: 2px solid #333; border-radius: 50%; }
.storySwp .swiper-button-next:after, .storySwp .swiper-button-prev:after { position: relative; font-size: 20px; color: #333; }
.storySwp .swiper-button-next:after { right: -5px; }
.storySwp .swiper-button-prev:after { left: -5px; }
.storySwp .swiper-button-prev:before, .storySwp .swiper-button-next:before { content: ""; ; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 20px; background-color: #333; }
.storySwp .swiper-button-prev:before { left: 17px; }
.storySwp .swiper-button-next:before { right: 17px; }
.cultCloum:nth-child(n+2) { margin-top: 5%; }
.cultCloum .cultPic { width: 50%; margin-top: 0; }
.cultCloum .cultPic.right { width: 50%; float: right; }
.cultCloum .content { position: relative; min-height: 1px; }
.cultCloum .main { position: absolute; right: 0; top: 0; width: 45%; }
.cultCloum .main.left { position: absolute; left: 0; right: auto; top: 0; width: 45%; }
.cultCloum .item { padding-top: 30px; }
.cultCloum .iconImg { height: 62px; }
.cultCloum .name { font-size: 32px; }
.cultCloum .txt { line-height: 2; }
.shopMWrap .main { bottom: 15%; }
.shopMWrap .main .eg { font-size: 80px; }
.shopMWrap .main .name { margin-top: 20px; font-size: 32px; }
.shopMWrap .btn-defaul { width: 200px; padding: 0; line-height: 60px; font-size: 22px; background-color: #fff; }
.shopMWrap .btn-box { padding-top: 4%; }
.shopMWrap .txt { margin-top: 2%; font-size: 20px; }
.shopTop .line { margin-top: 50px; }
.shopTop { margin-bottom: 50px; }
.shopDtlWrap { }
.shopDetail { text-align: center; line-height: 2.5; }
.shopDetail .txtL { font-size: 24px; }
.inTitle { font-size: 32px; }
.inTitle .txt { font-size: 24px; }
.shopMoreT { margin-top: 30px; margin-bottom: 5%; }
.babyCare .item { width: auto; padding: 0 5%; }
.babyCare .item { border-left: 1px solid #dbdbdb; }
.babyCare .item:last-child { border-right: 1px solid #dbdbdb; }
.babyCare .numb { font-size: 36px; }
.babyCare .name { font-size: 24px; }
.momCare .item { margin-bottom: 60px; }
.momCare .name { line-height: 2.2; font-size: 30px; }
.babyCloum { margin-bottom: 5%; }
.babyCloum:last-child { margin-bottom: 2%; }
.babyCloum .bgPic { float: left; width: 50%; margin-bottom: 0; }
.babyCloum .bgPic.right { float: right; }
.babyCloum .inTitle { margin-bottom: 20px; }
.babyCloum .content { position: relative; min-height: 1px; }
.babyCloum .main { position: absolute; left: 56%; top: 0; }
.babyCloum .main.left { left: 8%; }
.caseSwpPg .swiper-button-prev { right: 65px; }
.caseSwpPg { padding-bottom: 60px; }
.caseSwpPg .hdMain { }
.caseSwpPg .name { padding: 10px 0; font-size: 24px; }
.catCloum .item { }
.catCloum .name { font-size: 24px; margin-bottom: 10px; }
.catCloum .item .txt { margin-top: 5px; }
.foodSafe { overflow: hidden; }
.foodSafe .pic { float: left; width: 52%; margin-right: 6%; }
.foodSafe .main { float: left; width: 42%; }
.foodSafe .item { padding: 6% 0; }
.foodSafe .item .name { line-height: 2.2; font-size: 28px; }
.foodSafe .ftTxt { margin-top: 15%; }
.recovBg .inTitle { padding-top: 13%; }
.recovBg { padding-bottom: 2%; }
}
@media (min-width: 1440px) {
.wrap { width: 100%; min-width: 1400px; }
.content { width: 90%; }
.header .content { }
}
@media (min-width: 1620px) {
.content { width: 1520px; }
.footer .shItem { margin-right: 25px; }
}
@media (min-width: 1920px) {
.sideFixed { width: 100px; }
.sideFixed .hideMain { left: 100px; }
/*.header{ left: 100px; }*/

}
 @keyframes myMove { 0% {
 top: 0px;
}
 50% {
 top: 15px;
}
 100% {
 top: 0px;
}
}
@-webkit-keyframes myMove { 0% {
 top: 0px;
}
 50% {
 top: 15px;
}
 100% {
 top: 0px;
}
}