@media screen and (max-width:1200px){
	.wp1200,.joinInfoBox,.kamuProList,.spaProList{ width: 100%;}
	.banner .swiper-pagination{ width: 100%; left: 0; margin-left: 0;}
	.index_caseCon .bigBox,.index_caseCon .rightBox{ float: none; margin: 0 auto;}
	.index_proCon .word{ margin-left: 0; left: 0;}
	.index_caseCon .bigBox{ margin-bottom: 10px;}
	.joinInfoBox .p,.joinProcessCon{ width: 100%; box-sizing: border-box; padding-left: 5rem; padding-right: 5rem;}
	.kamuProList li{ width: 50%; box-sizing: border-box; margin: 0 0 2rem; padding: 0 .5rem;}
	.spaProList li{ width: 50%; box-sizing: border-box; margin: 0; padding-right: .5rem; padding-left: .5rem;}
	.spaBranchSelect select{ width: 48%;}
	.aboutNewsBigMenu{ float: none; width: auto; margin-left: 800px;}
	.aboutNewsList{ width: 100%;}
	.aboutNewsList li{ width: 33.33%; margin: 0 0 38px; box-sizing: border-box; padding: 0 .5rem;}
	.lxMaterialList{ width: 100%;}
	.lxMaterialList li{ width: 16.6%; margin: 0; box-sizing: border-box; padding: 0 10px; text-align: center;}
	.lxMaterialList li img{ max-width: 100%; height: auto;}
	.koubeiCon{ width: 100%;}
	.waterEle ul{ width: 100%;}
	.waterEle ul li{ width: 33.33%; margin: 0; box-sizing: border-box; padding: 0 .5rem;}
}

@media screen and (max-width:1150px){
	.nav{ display: none;}
	.mobileMenu{ display: block;}
}

@media screen and (max-width:1024px){
	.header h1{ margin-left: 1rem;}
	.banner{ height: auto; margin-top: 4.5rem;}
	.banner .img{ height: 0; padding-bottom: 62.5%;}
	.banner .word1{ left: 5%; margin-left: 0;}
	.index_series .word{ width: 55%; left: 45%; margin-left: 0;}
	.footer{ box-sizing: border-box; padding-left: 1rem; padding-right: 1rem;}
	.index_news ul li a{ padding: 1rem;}
	.aboutNewsSlide{ float: none; margin: 0 auto;}
	.aboutNewsBigMenu{ margin: 0 auto; width: 790px;}
	.aboutNewsMenu{ float: left; width: 33.33%; border-top: none; border-left: 1px solid #e7edeb; box-sizing: border-box;}
	.aboutNewsMenu:first-child{ border-left: none;}
	.aboutNewsMenu .aboutNewsTc{ text-align: center;}
	.aboutNewsMenu i{ margin-left: 0;}
	.aboutNewsBigMenu{ border-bottom: 1px solid #e7edeb;}
	.wordListDisc{ box-sizing: border-box; width: 100%; padding-right: .5rem; padding-left: 1rem;}
	.sanpic li{ margin: 0 0 2px; box-sizing: border-box; padding: 0 2px;}
}

@media screen and (max-width:800px){
	.banner .word1{ top: 20%;}
	.header{ height: 4.5rem;}
	.header h1 a img{ max-height: 4.5rem;}
	.secondMenuCon{ display: none;}
	.joinMainTitImg{ margin: 5rem auto 3rem;}
	.joinSlide .joinSlideTb{ display: block;}
	.joinSlide .joinSlideCell{ display: block; width: 100%; overflow: hidden;}
	.joinSlide .joinSlideCell img{ max-width: 600px; margin: 0 auto;}
	.joinSlide .joinSlideCell .t{ margin-top: 1.5rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
	.joinSlide .joinSlideCell .p,.joinSlide .swiper-wrapper{ margin-bottom: 2rem;}
	.joinSlide .joinSlideCell .more,.joinSlideCon,.joinProcessCon{ margin-bottom: 4rem;}
	.joinMain,.joinInfoTitCn,.joinInfoCon,.skinMain{ margin-top: 4.5rem;}
	.joinInfoBox .p,.joinProcessCon{ padding-right: 1rem; padding-left: 1rem;}
	.skinMainBox{ height: auto;}
	.skinMainBox .skinImg1{ width: 24.2rem;}
	.skinMainBox .skinImg2{ position: static; margin: 0 auto; width: 21.8rem; height: auto;}
	.skinMainBox.box3{ height: 30rem;}
	.skinMainBox .t{ margin-top: 3rem; font-size: 24px; padding-bottom: 15px;}
	.kamuIntroCon{ padding-top: 5rem; padding-bottom: 3rem;}
	.kamuProList li h4,.kamuProList li .p{ box-sizing: border-box; padding-right: .5rem; padding-left: .5rem;}
	.spaIntroCon{ padding-top: 6rem;}
	.spaCourseCon{ padding-top: 4.5rem; padding-bottom: 3rem;}
	.spaCourseInfoTit{ margin: 3rem auto;}
	.spaCourseInfoCon{ padding: 2rem; margin-bottom: 2rem;}
	.spaCourseInfoCon .diffBox{ padding: 2rem 0;}
	.spaBranchSelect{ padding: 2rem;}
	.spaBranchList{ padding: 0 2rem 2rem;}
	.aboutNewsSlide,.aboutNewsBigMenu{ width: 100%;}
	.aboutNewsSlide .swiper-slide .img{ height: 0; padding-bottom: 73.6%;}
	.aboutNewsInfoCon{ padding: 2rem 2.5rem;}
	.joinInfoTitEn{ margin-bottom: 3rem;}
	.aboutHistoryBox{ padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 3rem;}
	.aboutHistoryTab{ padding: 0 1rem;}
	.aboutHistoryPrev,.aboutHistoryNext{ display: none;}
	.aboutHistoryTab .swiper-container{ padding-bottom: 2rem;}
	.aboutHistoryInfo{ padding: 2rem 1rem;}
	.aboutHistoryInfo .img{ float: none; margin: 0 auto 1rem; width: 100%; max-width: 500px;}
	.aboutHistoryInfo .info{ margin-left: 0; box-sizing: border-box; padding: 0 1rem;}
	.longxieBanner{ height: 850px;}
	.longxieBanner .wordImg{ margin-top: 5rem; margin-left: auto; margin-right: auto; max-width: 60%;}
	.sanpic li{ float: left;}
	.koubeiBox .intro{ float: left; margin-left: 0; margin-top: 20px;}
	.waterFuc .word{ margin-top: 0; left: 1rem; margin-left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
}

@media screen and (max-width:640px){
	.index_series{ height: auto;}
	.headerSearch{ display: none;}
	.mobileSearchBtn{ display: block;}
	.banner .swiper-pagination{ bottom: 1.5rem;}
	.banner .word1 .t{ font-size: 1.7rem;}
	.banner .word1 .cn,.banner .word1 .en{ font-size: 1rem;}
	.banner .swiper-pagination-bullet{ width: 14px; height: 14px;}
	.banner .swiper-pagination-bullet:after{ width: 4px; height: 4px; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.banner .word1 .more{ font-size: 1rem; width: 6.5rem; height: 1.9rem; line-height: 1.9rem; border-radius: .95rem; background-size: auto 60%;}
	.index_join{ height: auto;}
	.index_join .t{ max-width: 395px; width: 80%; background-size: 100% auto; margin: 3rem auto 1.5rem;}
	.index_join .info{ margin-bottom: 3rem;}
	.index_series .bg,.index_seriesHalf .img{ position: relative; height: 0; padding-bottom: 115%;}
	.index_series .bg img{ top: 50%; margin-left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; width: 80%; max-width: 480px;}
	.index_series .word{ position: static; background-color: #fff; width: 100%; padding: 3rem; box-sizing: border-box;}
	.index_series .word .tit{ background: none; line-height: 1.8;}
	.index_series .word .tit b,.index_seriesHalf .tit,.index_caseCon .tit h6,.index_proCon .t span{ display: block; font-size: 22px;}
	.index_series .word .tit span{ display: block; font-size: 16px;}
	.index_series .word .btn{ text-align: left;}
	.index_series .word .btn a{ width: 3rem; height: 3rem; background-size: 60% auto;}
	.index_seriesHalf .img,.index_seriesHalf .tbbox,.index_seriesHalf.right .img{ float: none; width: 100%;}
	.index_seriesHalf .img img{ top: 50%; margin-left: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; width: auto; max-height: 90%;}
	.index_seriesHalf .tbbox{ height: 30rem;}
	.index_seriesHalf .btn a{ width: 5rem; height: 5rem; background-size: 40% auto;}
	.index_seriesHalf .p{ font-size: 14px;}
	.index_caseCon,.spaCourseCon{ padding-top: 5rem; padding-bottom: 3rem;}
	.index_caseCon .tit{ margin-bottom: 5rem;}
	.index_caseCon .bigBox,.index_caseCon .rightBox{ width: 100%; max-width: 595px;}
	.index_caseCon .bottom{ padding: 1rem 0;}
	.index_caseCon .bottom .t,.index_caseCon .bottom .p{ padding: 0 1rem;}
	.index_caseCon .smallBox,.index_caseCon .searchBox{ width: 50%; box-sizing: border-box;}
	.index_caseCon .smallBox{ padding-right: 5px;}
	.index_caseCon .searchBox{ padding-left: 5px;}
	.index_proCon{ height: auto;}
	.index_proCon .word{ position: static; margin: 5rem 0;}
	.index_news{ padding-top: 3rem; padding-bottom: 2rem;}
	.index_news .title{ margin-bottom: 3rem;}
	.index_news ul li .arrow{ display: none;}
	.index_news ul li .info{ margin-right: 0;}
	.footer{ padding-top: 2rem; padding-bottom: 2rem;}
	.footer .copyright,.footer .shopLink{ text-align: center; float: none; line-height: 2;}
	.footer .copyright{ margin-bottom: 10px;}
	.index_join .info h6,.index_news .title .en,.spaCourseInfoTit .cn{ font-size: 22px;}
	.index_join .info .p,.index_proCon .p,.index_series .word .p,.skinMainBox .p,.kamuIntroCon .p,.getProbation .p,.brandStory .p,.createrStory .p,.spaIntroCon .p,.createBox .p{ font-size: 14px;}
	.index_caseCon .bottom .t,.index_news ul li h5{ font-size: 16px;}
	.index_caseCon .bottom .p,.additionCon .smallWord{ font-size: 12px;}
	.joinMainP,.joinSlide .joinSlideCell .p{ box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; font-size: 14px;}
	.joinMainTit{ font-size: 20px;}
	.joinSlide .joinSlideCell .cn,.additionCon .bigWord,.kamuIntroCon .tit,.spaIntroCon .t{ font-size: 24px;}
	.joinInfoBox:last-child{ margin-bottom: 4rem;}
	/* .joinProcessCon{ margin-top: -6rem;} */
	.joinInfoTitCn,.getProbation .t{ font-size: 30px;}
	.joinFormTit{ margin-bottom: 2rem;}
	.skinMainBox.box3{ height: 40rem;}
	.skinMainBox .p{ line-height: 28px;}
	.getProbation,.brandStory,.createrStory,.companyStroy,.companyHistory,.companyNews,.companyProducts,.companyBranch,.createBox,.lxLegend,.lxIntro,.waterFuc{ height: auto;}
	.getProbation .bg,.brandStory .bg,.createrStory .bg,.companyStroy .bg,.companyHistory .bg,.companyNews .bg,.companyProducts .bg,.companyBranch .bg,.createBox .bg,.lxLegend .bg,.lxIntro .bg,.waterFuc .bg{ position: static; width: 100%; height: 20rem;}
	.getProbation .t,.brandStory .t,.createrStory .t,.companyStroy .t,.companyHistory .t,.companyNews .t,.companyProducts .t,.companyBranch .t,.createBox .t,.lxLegend .t,.lxIntro .t{ margin-top: 0; font-size: 24px;}
	.kamuProList li .p{ margin-bottom: 1.5rem;}
	.getProbation .word,.brandStory .word,.createrStory .word,.companyStroy .word,.companyHistory .word,.companyNews .word,.companyProducts .word,.companyBranch .word,.createBox .word,.lxLegend .word,.lxIntro .word{ padding-top: 3rem; padding-bottom: 3rem;}
	.spaIntroList .spaMainIntro{ padding-top: 4rem; padding-bottom: 4rem;}
	.spaIntroList .spaMainIntro dt{ font-size: 18px;}
	.spaIntroList .spaMainIntro dd{ font-size: 14px; line-height: 26px;}
	.spaIntroList .spaMainIntro dd i{ height: 26px;}
	.spaIntroList{ padding-bottom: 3rem;}
	.spaCourseBox{ margin-bottom: 2rem;}
	.spaCourseBox .wordBox{ margin: 0 auto; height: auto;}
	.spaCourseBox.odd .wordBox,.spaCourseBox.even .wordBox{ float: none; max-width: 100%;}
	.spaCourseBox.odd .img,.spaCourseBox.even .img{ margin: 0 auto; width: 400px; max-width: 100%;}
	.spaCourseBox .more{ position: static; margin: 2rem auto 3rem;}
	.spaCourseBox .t{ margin-top: 3rem;}
	.spaCourseBox .img{ height: 0; padding-bottom: 100%;}
	.spaCourseBox .p{ padding: 0 2rem;}
	.spaCourseInfoCon .name{ float: none; width: 100%; padding-right: 0; margin-bottom: 2rem;}
	.spaCourseInfoCon .price,.spaCourseInfoCon .wordlist{ border-left: none; border-top: 1px dotted #c6dfc7; margin-left: 0; padding-left: 0; padding-top: 2rem;}
	.spaCourseInfoCon .wordBox{ padding: 2rem 0;}
	.spaCourseInfoCon .price .money{ font-size: 36px;}
	.spaCourseInfoCon .wordBox dd,.spaCourseInfoCon .wordlist ul li{ font-size: 14px; line-height: 32px;}
	.spaBranchList li .img{ width: 10rem; height: auto;}
	.spaBranchList li .info{ margin-left: 12rem; padding-top: 0;}
	.spaBranchList{ padding-right: 1rem; padding-left: 1rem;}
	.spaBranchList li .info h6{ font-size: 16px;}
	.spaBranchList li .info .address{ font-size: 14px; line-height: 2;}
	.spaBranchSelect select{ padding: 0 1rem;}
	.aboutNewsSlide .swiper-slide .word{ left: 0; right: 0; bottom: 0; padding: 1rem;}
	.aboutNewsSlide .swiper-slide .t{ font-size: 20px; padding-right: 2rem;}
	.aboutNewsSlide .swiper-slide .p{ padding-right: 2rem;}
	.aboutNewsSlide .swiper-slide .arrow{ display: none;}
	.aboutNewsList{ padding-bottom: 2rem;}
	.wordListDisc{ padding-top: 1.5rem; padding-bottom: 2rem;}
	.wordListDisc li{ font-size: 14px;}
	.trialBanner{ height: 45rem;}
	.trialBanner .word{ margin-top: 6rem; background-size: 60% auto;}
	.trialBanner .word img{ width: 60%; max-width: 450px;}
	.longxieBanner{ height: 36rem;}
	.lxLegend .p,.lxIntro .p,.lxSecret .p,.lxshouji .p{ font-size: 14px; line-height: 2;}
	.lxMaterial .t,.lxSecret .t,.lxshouji .t,.proDetail .t,.koubei .t,.stepCon .t{ margin-top: 0; margin-bottom: 3rem; font-size: 24px;}
	.lxMaterialList{ margin-bottom: 0;}
	.lxMaterialList li{ width: 33.33%; margin-bottom: 10px;}
	.lxSecret,.lxshouji,.proDetail,.koubei,.stepCon,.waterEle{ padding-top: 3rem; padding-bottom: 2rem;}
	.lxSecretImg .img{ width: 100%; float: none; text-align: center; margin-bottom: 2px;}
	.koubeiBox{ margin: 0 1rem; padding: 2rem 0;}
	.koubeiBox .name{ float: none; margin-left: 160px;}
	.koubeiBox .intro{ padding: 1rem 1.5rem;}
	.stepList li{ width: 50%;}
	.stepList li p{ font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.kamuwaterBanner .tit{ margin-top: 5rem;}
	.kamuwaterBanner .tit h6{ font-size: 24px;}
	.kamuwaterBanner .tit p{ font-size: 16px;}
	.kamuwaterBanner .tit{ background-size: 50% auto;}
	.kamuwaterBanner{ height: 40rem;}
	.waterFuc .word{ position: static; -webkit-transform: translateY(0); transform: translateY(0); width: 100%; padding: 1rem; box-sizing: border-box;}
	.waterFuc .word dt{ font-size: 24px;}
	.waterFuc .word dd{ font-size: 15px;}
	.waterEle .t{ margin-bottom: 3rem; font-size: 24px;}
	.waterEle ul li img{ margin-bottom: 1rem;}
	.waterEle ul li p{ font-size: 14px;}
	.spaIntroCon{ height: 50rem;}
	.footer .shopLink a{ margin-left: 10px;}
	.footer .wx{ margin-left: 0;}
	.footer .shopLink .zx{ display: inline-block;}
	.onlineServerCon{ display: none;}
}

@media screen and (max-width:580px){
	.kamuProList li{ width: 100%; float: none;}
	.aboutNewsMenu{ height: 150px;}
	.aboutNewsMenu .info{ display: none;}
	.aboutNewsMenu i{ margin: 0;}
	.aboutNewsList li{ width: 50%; margin-bottom: 1.5rem;}
	.btnPage a{ width: 40%;}
	.aboutNewsInfoCon h2{ font-size: 18px;}
	.aboutNewsInfoCon{ padding: 1rem;}
	.proBox .list li{ float: none; width: 100%;}
	.proBox,.trialFormBox{ height: auto;}
	.proBox .tit,.trialFormBox .tit{ margin-top: 3rem; font-size: 24px; margin-bottom: 2rem;}
	.waterEle ul li{ width: 100%; float: none; max-width: 352px; margin: 0 auto 1.5rem;}
}

@media screen and (max-width:420px){
	.kamuProList li .img{ height: 0; padding-bottom: 100%;}
	.spaProList li .img{ float: none; margin: 0 auto;}
	.spaProList li .info{ margin-left: 0; padding-top: 0;}
	.spaProList li .wrapper{ padding-top: 2rem; padding-bottom: 2rem;}
}

@media screen and (max-width:400px){
	/* .index_join .t{ height: 320px;} */
	.joinSlide .joinSlideCell .cn,.additionCon .bigWord,.kamuIntroCon .tit{ font-size: 20px;}
	.kamuIntroCon .tit{ line-height: 36px;}
	.kamuProList li .bottom a{ height: 5.5rem;}
}

@media screen and (max-width:360px){
	.lxMaterialList li{ width: 50%;}
}

@media screen and (max-width:320px){
	.spaProList li{ width: 100%;}
	.spaProList li .info .p{ height: auto;}
	.aboutNewsList li{ width: 100%;}
}