@font-face {
  font-family: 'robotomedium';
  src: url('/assets/fonts/Roboto-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
.nourishment-container .xinde-container{width: 100%;box-sizing: border-box;padding: 0!important;}
.nourishment-h1{font-size:26px;font-weight: bold;color: #fff;background: #2044a0;padding: 15px 0;text-align: center;margin: 0;}
.nourishment-banner img{width: 100%;vertical-align: middle;}
.image-mobile{display: none;}
.nourishment-content{max-width: 1130px;margin: 0 auto;}
.nourishment-customer{padding: 100px 0;}
.nourishment-h2{text-align: center;color: #2044A0;font-size: 24px;font-weight: bold;margin: 0;}
.nourishment-customer-ul{font-size: 0;}
.nourishment-customer-ul li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 10px;margin-top: 35px;}
.nourishment-customer-li{border-radius: 10px;overflow: hidden;box-shadow: 1px 1px 5px 6px rgba(64,122,226,0.16);}
.nourishment-customer-li img{width: 100%;vertical-align: middle;}
.nourishment-customer-bottom{padding: 0 0 20px 0;}
.nourishment-h3{text-align: center;color: #295CCE;font-size: 19px;font-weight: bold;margin-bottom: 20px;line-height: 30px;}
.nourishment-customer-bottom .nourishment-h3{margin-top: 0;background: #295cce;color: #fff;padding: 10px 0;}
.nourishment-customer-bottom .nourishment-h3 span{display: inline;font-size: 19px;}
.nourishment-customer-text{color: #7D7D7D;font-size: 17px;line-height: 29px;padding: 0 40px;min-height: 116px;}
.nourishment-introduction-image{width: 51%;vertical-align: middle;display: block;}
.nourishment-introduction{background: url(/assets/images/service/hair-nourishment-treatment/about-01.png) no-repeat center;background-size: cover;padding: 90px 0;}
.nourishment-introduction-main{width: 36%;box-sizing: border-box;color: #7D7D7D;font-size: 17px;line-height: 25px;margin-top: 8%;}
.nourishment-introduction-main p{margin-top: 30px;line-height: 29px;}
.nourishment-introduction-main p strong{color: #295CCE;}
.nourishment-principle{background: url(/assets/images/service/hair-nourishment-treatment/principle-01.png) no-repeat center;background-size: cover;padding: 190px 0;}
.nourishment-principle-group{float: left;width: 50%;box-sizing: border-box;padding: 0 30px;}
.nourishment-introduction .nourishment-h2{text-align: left;}
.nourishment-principle-group p{color: #7D7D7D;font-size: 17px;line-height: 29px;margin-top: 30px;}
.nourishment-principle-group p strong{color: #295CCE;}
.nourishment-principle .nourishment-content{max-width: 990px;}
.nourishment-principle .nourishment-h2{text-align: left;}
.nourishment-principle-group:nth-child(2){padding-top: 25px;}
.nourishment-principle img{width: 100%;vertical-align: middle;margin-top: 100px;}
.nourishment-advantage{background:url(/assets/images/service/hair-nourishment-treatment/feature-01.png) no-repeat center;background-size: cover;padding: 90px 0;}
.nourishment-advantage-ul{font-size: 0;}
.nourishment-advantage-ul li{display: inline-block;vertical-align: top;width: 33.33%;box-sizing: border-box;padding: 0 20px;margin-top: 45px;}
.nourishment-advantage-list{border-radius: 50px;box-shadow: 1px 1px 5px 6px rgba(64,122,226,0.16);padding: 40px 0;background: #fff;text-align: center;}
.nourishment-advantage-list img{max-width: 100%;vertical-align: middle;width: 144px;}
.nourishment-advantage .nourishment-h3{margin-top: 0;}
.nourishment-h3 span{display: block;font-size: 22px;}
.nourishment-customer-other .nourishment-h3 span{font-size: 19px;display: inline-block;}
.nourishment-advantage-text{font-size: 17px;color: #7D7D7D;line-height: 29px;text-align: left;margin: 0 50px;min-height: 107px;}
.nourishment-advantage-text img{width: 100%!important;display: block;margin-bottom: 10px;}
.nourishment-table{background: #cbbfde;padding: 90px 0;}
.nourishment-table-div{max-width: 1050px;margin: 0 auto;margin-top: 60px;}
.nourishment-table-div th{ word-break: normal;background: #295cce;color: #fff;font-size: 17px;font-weight: bold;padding: 40px 0;text-align: center;word-break:break-all;border-right: 1px solid #9172aa;vertical-align: middle;}
.nourishment-table-div td{ word-break: normal;background: #fff;color: #295cce;font-size: 17px;padding: 35px 20px;text-align: center;border-top: 1px solid #e2dae9;word-break:break-all;vertical-align: middle;line-height: 25px;}
.nourishment-table-div th:last-child{border: none;}
.nourishment-table-div tr th:nth-child(2){background: #fedd78;color: #6C438E;}
.nourishment-table-div tr td:nth-child(1){background: #295cce;color: #fff;}
.nourishment-table-div tr td:nth-child(2){background: #fff5d7;}
.nourishment-table-other{background: #f9f8fa;}
.nourishment-table-other tr th:nth-child(2){background: #e3f0ff;color: #295CCE;}
.nourishment-table-other tr th:nth-child(3){background: #ffffff;color: #295CCE;}
.nourishment-table-other tr th,.nourishment-table-other tr td{border-right: 1px solid #bebebe!important;border-top: 1px solid #bebebe!important;}
.nourishment-table-other .nourishment-table-div{border-left: 1px solid #bebebe;border-bottom: 1px solid #bebebe!important;}
.nourishment-table-other tr th:nth-child(2),.nourishment-table-other tr th:nth-child(3){width: 40%;line-height: 25px;}
.nourishment-table-other tr td:nth-child(2){background: #e3f0ff;color: #7D7D7D;text-align: left;}
.nourishment-table-other tr td:nth-child(3){background: #ffffff;color: #7D7D7D;text-align: left;}
.nourishment-table-other tr:nth-child(5)  td:nth-child(2){vertical-align: top;}
.nourishment-table-other tr:nth-child(5)  td:nth-child(3){vertical-align: top;}
.nourishment-table ul li{list-style: square;}
.nourishment-table ul{padding-left: 20px;}
.nourishment-flow{background: #f9f8fa;padding: 90px 0;}
.nourishment-flow ul{font-size: 0;}
.nourishment-flow li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 10px;}
.nourishment-flow-li{background: #fff;box-shadow: 1px 1px 5px 6px rgba(64,122,226,0.16);border-radius: 20px;padding:30px 20px 30px 20px;margin-top: 80px;position: relative;}
.nourishment-flow-li img{width: 100%;vertical-align: middle;border-radius: 20px;margin: 20px 0;}
.nourishment-flow-text{color: #7D7D7D;font-size: 16px;line-height: 25px;min-height: 75px;}
.nourishment-flow-time{text-align: center;}
.nourishment-flow-time span{display: inline-block;border: 1px solid #295CCE;color: #295CCE;font-size: 19px;font-weight: bold;line-height: 28px;padding: 0 15px;border-radius: 50px;}
.nourishment-flow-icon{font-style: normal;line-height: 32px;border-radius: 20px;background: #295cce;color: #fff;font-size:24px;width: 120px;font-family: 'robotomedium';display: block;position: absolute;left: 50%;margin-left: -60px;top: -16px;text-align: center;}
.nourishment-answers{background: #cce1ff;padding: 100px 0;}
.nourishment-answers-main{background: #fff;border-radius: 20px;box-shadow: 1px 1px 5px 6px rgba(64,122,226,0.16);margin-top: 50px;padding: 0 20px;}
.nourishment-answers-main ul li{border-bottom: 1px dotted #a991bc;padding: 40px 50px;}
.nourishment-answers-text p{color: #7D7D7D;font-size: 17px;line-height: 29px;margin-top: 15px;}
.nourishment-answers-text strong{color: #4D89F4;}
.nourishment-answers-text a{color: #70A6E0;text-decoration: underline!important;}
.nourishment-answers .nourishment-h3{text-align: left;}
.nourishment-answers .nourishment-h3 em{font-style: normal;font-size: 35px;margin-right: 10px;}
.nourishment-answers-main ul li:last-child{border-bottom: none;}
.nourishment-about-top-main{background: url(/assets/images/service/hair-nourishment-treatment/introduce-01.png) no-repeat center;background-size: cover;padding: 260px 0;}
.nourishment-about .nourishment-h2{text-align: left;}
.nourishment-about-top{width: 505px;max-width: 100%;color: #7D7D7D;font-size: 17px;line-height: 32px;margin-top: 25px;padding-bottom: 100px;}
.nourishment-about-top strong{color: #4D89F4;}
.nourishment-about ul li{display: inline-block;vertical-align: top;margin-top: 30px;box-sizing: border-box;padding: 0 20px;width: 33.33%;}
.nourishment-about ul{font-size: 0;max-width: 940px;margin: 0 auto;}
.nourishment-about-li{box-shadow: 1px 1px 5px 6px rgba(64,122,226,0.16);border-radius: 15px;background: #fff;padding: 30px;text-align: center;}
.nourishment-about-li img{max-width: 100%;}
.nourishment-about-icon{width: 114px;}
.nourishment-about-text{color: #7D7D7D;font-size: 17px;line-height: 30px;text-align: left;min-height:60px;}
.nourishment-principle-image{font-size: 0;}
.nourishment-principle-image li{display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 15px;width: 33.33%;}
.nourishment-principle-image li img{border-radius: 50%;border: 2px solid #a991bc;}
.nourishment-about-bottom{background: url(/assets/images/service/hair-nourishment-treatment/introduce-02.png) no-repeat center;background-size: cover;padding: 50px 0 80px 0;}
.nourishment-about-bottom .nourishment-h3{margin-top: 0;}
@media (min-width: 1080px){
	.nourishment-answers-text a:hover{opacity: 0.8;}
}
@media (max-width: 1081px){
	.nourishment-h1{font-size: 20px;}
	.nourishment-content{padding: 0 5px;}
	.nourishment-customer{padding: 35px 0;}
	.nourishment-customer-ul{padding: 0 5px;}
	.nourishment-customer-ul li{width: 50%;margin-top: 20px;}
	.nourishment-container{padding-left: 0;padding-right: 0;margin: 0!important;}
	.nourishment-h2{font-size: 19px;padding-bottom: 10px;}
	.nourishment-h3{font-size: 17px;line-height: 22px;}
	.nourishment-h3 span{display: block;font-size: 17px;}
	.nourishment-customer-bottom .nourishment-h3 span{font-size: 17px;}
	.nourishment-customer-text{font-size: 15px;padding: 0 10px;}
	.nourishment-customer-other .nourishment-customer-text{min-height: 100px;}
	.nourishment-introduction{background: url(/assets/images/service/hair-nourishment-treatment/about-03.png) no-repeat center;background-size: cover;padding: 25px 0;}
	.nourishment-introduction-main{width: 100%;font-size: 15px;margin-top: 0;float: none;box-sizing: border-box;}
	.nourishment-introduction-image{width: 80%;max-width: 578px;margin-left: auto;margin-right: auto;float: none;}
	.nourishment-introduction-main p{margin-top: 15px;padding: 0 50px;}
	.nourishment-introduction .nourishment-h2{text-align: center;}
	.nourishment-principle-group p{font-size: 15px;margin-top: 20px;}
	.nourishment-principle-other{background: url(/assets/images/service/hair-nourishment-treatment/principle-05.png) no-repeat center;background-size: cover}
	.nourishment-principle-group:nth-child(2){padding-top: 0;}
	.nourishment-principle img{margin-top: 60px;}
	.nourishment-principle .nourishment-h2{text-align: center;}
	.nourishment-principle-image li{padding: 0 5px;}
	.nourishment-principle .nourishment-principle-image img{margin-top: 30px;}
	.nourishment-advantage{padding: 30px 0;background: url(/assets/images/service/hair-nourishment-treatment/feature-02.png) center;background-size: cover;}
	.nourishment-advantage-ul{padding: 0 5px;}
	.nourishment-advantage-ul li{padding: 0 5px;}
	.nourishment-advantage-list img{width: 72px;}
	.nourishment-advantage-list{padding: 25px 0;border-radius: 25px;}
	.nourishment-h3 span{font-size: 17px;}
	.nourishment-advantage-text{margin:5px 10px 0 10px;font-size: 15px;min-height:132px;}
	.nourishment-table{padding: 30px 10px;}
	.nourishment-table-div th,.nourishment-table-div td{padding: 15px 10px;font-size: 15px;line-height:22px;}
	.nourishment-table-div{margin-top: 20px;}
	.nourishment-table-div tr td:nth-child(1){width: 40px;}
	.nourishment-table-div td span{display: block;}
	.nourishment-table-other tr td:nth-child(2),.nourishment-table-other tr td:nth-child(3){vertical-align: top;}
	.nourishment-table-other tr td:nth-child(1),.nourishment-table-other tr th:nth-child(1){min-width: 90px;}
	.nourishment-table-other tr th:nth-child(2),.nourishment-table-other tr th:nth-child(3){width: auto;line-height: 19px;}
	.nourishment-flow{padding: 40px 0;}
	.nourishment-flow-icon{font-size: 18px;}
	.nourishment-flow-li{padding: 25px 10px 20px 10px;margin-top: 30px;}
	.nourishment-flow-text{font-size: 15px;min-height: 100px;}
	.nourishment-flow-li img{margin: 10px 0;}
	.nourishment-answers{padding: 30px 0;}
	.nourishment-answers-main{margin-top: 25px;}
	.nourishment-answers-main ul li{padding: 25px 0;}
	.nourishment-answers .nourishment-h3 em{font-size: 23px;margin-right: 7px;}
	.nourishment-answers-text p{font-size: 15px;margin-top: 0;}
	.nourishment-about-top-main{background: url(/assets/images/service/hair-nourishment-treatment/introduce-03.png) no-repeat bottom center;background-size: cover;padding: 35px 0 700px 0;}
	.nourishment-about-top{width: 100%;box-sizing: border-box;padding: 0 35px;font-size: 15px;line-height: 25px;margin-top: 15px;}
	.nourishment-about .nourishment-h2{text-align: center;}
	.nourishment-about-text{font-size: 15px;min-height: 72px;line-height: 24px;}
	.nourishment-about-bottom{background: url(/assets/images/service/hair-nourishment-treatment/introduce-04.png) bottom center;background-size: cover;padding-bottom: 15px;}
	.nourishment-about ul li{width: 50%;padding: 0 7px;margin-top: 14px;}
	.nourishment-about-li{padding: 15px;}
	.nourishment-about-icon{width: 70px;}
	.nourishment-customer-other .nourishment-h3 span{display: block;font-size: 17px;}
	
}
@media (max-width: 767px){
	.nourishment-customer-bottom .nourishment-h3 span{display: block;}
	.nourishment-customer-text{min-height: 156px;line-height: 26px;}
	.image-pc{display: none;}
	.image-mobile{display: block;}
	.nourishment-advantage-ul li{width: 50%;margin-top: 15px;}
	.nourishment-flow li{width: 50%;padding: 0 5px;}
	.nourishment-flow-li{margin-top: 35px;}
	.nourishment-flow-text{min-height: 126px;}
	.nourishment-flow-other .nourishment-flow-text{min-height: 150px;}
	.nourishment-principle-group{width: 100%;padding: 0;min-height: 370px;}
	.nourishment-principle-group p{padding: 0 50px;}
	.nourishment-principle{padding: 30px 0 300px 0;background: url(/assets/images/service/hair-nourishment-treatment/principle-02.png) no-repeat bottom center;background-size: cover;}
	.nourishment-about-top-main{padding: 35px 0 350px 0;}
}