/*public-style*/
html, body, ul, ol, li { margin: 0; padding: 0; }
.nutrilite-wrapper-content { width:100%;max-width:1280px;margin:0 auto 0;min-height: 400px; }
.nutrilite-wrapper-content img{border:0 none;outline:0 none;}
.nutrilite-wrapper-content object{border:1px solid #E7E7E7;}
body { font-family: "microsoft YaHei", simsun, sans-serif; font-size: 16px; }
.w1000 { width: 78.125%; max-width: 1000px; margin: auto; }
ul, ol { list-style-type: none; }
sup{font-size:65%;}
/*third-level-navigator*/
.newsubmenu{border-top:2px solid #FFFFFF;}
.newsubmenu.hasline{border-top-color:#0b6527;}
.newtrilitmenu { position: absolute; width: 100%; z-index: 10;}
.newtrilitmenu .newsubmenu { position: relative; width: 100%; max-width: 1000px; margin: auto;}
body .nutri-nav { margin: 25px auto -2px; }
.newtrilitmenu ul.lvoneul{display: none;}
.newtrilitmenu ul {clear:both; margin-left: 2%; width: 96%;}
.lvoneul{border-bottom: #d9d9d9 1px solid;/*min-height:395px*/min-height:320px;}
.newtrilitmenu a { color: #000000; }
.newsubutton{position:relative;width:4.8%;float:right;margin-right:2%;}
.newsubutton img{width:100%;left:0;top:0;}
.newsubutton img+img{position:absolute;}
.lvoneli { line-height: 35px; float:left;width:25%;}
.lvoneli a span {font-size: 24px;}
.lvtwoul {height: auto;padding-bottom: 30px; }
.lvotwoli {line-height: 36px; position: relative;}
.lvotwoli .navarrows {position: absolute; left: -1em;}
.lvotwoli a span{font-size:16px;}
.lvtwodiv{margin-top:20px;}
.menucleaner{clear:both;height:20px;}
.navarrows{display:none;color:#7ebd30;}
.navhighlight a,.lvtwodiv li:hover a{color:#919191;}
.navhighlight .navarrows,.lvtwodiv li:hover .navarrows{display:inline;}
.content{clear:both;max-width:1280px;width:100%;margin:0 auto;overflow:hidden;text-align:center;}
.indexmain{background:url('/content/dam/china/accl/amwaychina/product/nutrilite2016/campaign/breakfast/breakfast/index-background.jpg') top center no-repeat;background-size:100%;max-width:1000px;margin:30px auto;padding-bottom: 580px;}
/** main-style-start **/
.scrollCSS-Y{   
 	-webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition:all 1s !important;
    -moz-transition:all 1s !important;
    -ms-transition:all 1s !important;
    -o-transition:all 1s !important;
    transition:all 1s !important;
    opacity:1 !important;
}
.scrollCSS-X{   
 	-webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transition:all 1s !important;
    -moz-transition:all 1s !important;
    -ms-transition:all 1s !important;
    -o-transition:all 1s !important;
    transition:all 1s !important;
    opacity:1 !important;
}


.banner-m,.s1-title-m,.s2-title-m,.s3-title-m,.s2-body-m,.s3-detail1-m,.s3-detail2-m,.s3-detail3-m,.s1-font-m,.s2-font-m,.s1-detail-m,.s2-man-m,.s2-woman-m,.s3-font-m,.s3-title2-m
    ,.s3-detail-m{display:none;}

.content .highlightlist{max-width:927px;margin:45px auto 75px;}
.content .highlightlist .love-people-highlightlist{overflow:hidden;}
.content .highlightlist .love-people-highlightlist>div{float:left;width:33.33333%;height:65px;line-height:65px;text-align:center;font-size:30px;border-bottom: 3px solid #80B92E;}
.content .highlightlist .love-people-highlightlist .highlighted{color:#ffffff;background-color:#80B92E;}
.content .highlightlist .love-people-highlightlist .unhighlighted{background-color:#0C8947;}
.content .highlightlist .love-people-highlightlist .unhighlighted a{color:#000000;}
.content .s1-title-pc{max-width:303px;margin:0 auto;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity:0;opacity:1\9\0;
}
.content .text .section1-text{max-width:980px;margin:0 auto;}
.content .text .s1-font{font-size:18px;line-height:30px;margin:25px 0 0px 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.8s !important;
-moz-transition-delay: 0.8s !important;
-ms-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
opacity:0;opacity:1\9\0;}
.content .text .s1-detail{max-width:980px;margin:0 auto 30px;overflow:hidden;}



.content1{background-color:#D6ECE8;    padding-bottom: 70px;}
.content1 .s2-title-pc{max-width:235px;margin:75px auto 30px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity:0;opacity:1\9\0;}
.content1 .text .section2-text{max-width:1000px;margin:0 auto;}
.content1 .text .section2-text .s2-font{font-size:18px;line-height:30px;margin:0 0 50px 0;text-align:center;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.8s !important;
-moz-transition-delay: 0.8s !important;
-ms-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
opacity:0;opacity:1\9\0;}
.content1 .s2-man-pc{float: left;
    margin-left: 16.015625%;
    width: 29.84375%;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity:0;opacity:1\9\0;}
.content1 .s2-woman-pc{float: right;
    margin-right: 14.84375%;
    width: 30.9375%;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition-delay: 0.8s !important;
-moz-transition-delay: 0.8s !important;
-ms-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
opacity:0;opacity:1\9\0;}


.content2{padding-bottom:120px;max-width: 1036px;margin: 0 auto;}
.content2 .s3-title-pc{max-width:444px;margin:80px auto 30px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity:0;opacity:1\9\0;}
.content2 .s3-title2-pc {
    max-width: 198px;
    margin: 0 auto 40px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 1s !important;
-moz-transition-delay: 1s !important;
-ms-transition-delay: 1s !important;
-o-transition-delay: 1s !important;
transition-delay: 1s !important;
opacity:0;opacity:1\9\0;}
        .content2 .text .chengfen{text-align:center;margin-bottom:40px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 1.4s !important;
-moz-transition-delay: 1.4s !important;
-ms-transition-delay: 1.4s !important;
-o-transition-delay: 1.4s !important;
transition-delay: 1.4s !important;
opacity:0;opacity:1\9\0;}
.content2 .text .section3-text .s3-font{font-size:18px;line-height:30px;margin:0 0 60px 0;text-align:center;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.6s !important;
-moz-transition-delay: 0.6s !important;
-ms-transition-delay: 0.6s !important;
-o-transition-delay: 0.6s !important;
transition-delay: 0.6s !important;
opacity:0;opacity:1\9\0;}
.content2 .s3-detail-pc{max-width:876px;margin:0 auto;text-align:center;}


@media all and (max-width:960px){
.content .highlightlist{width:95%;}
.content .s1-detail-pc{width:95%;margin:0 auto;}
.content .text .section1-text{width:95%;}
.content1 .text .section2-text{width:95%;}
.content2{width:95%;margin:0 auto;}
.content2 .text .section3-text .s3-font {font-size: 16px;}
}
@media all and (max-width:767px){
.content .highlightlist .love-people-highlightlist>div {font-size: 26px;}
.content1 .text .section2-text .s2-font {font-size: 14px;}
.content2 .text .section3-text .s3-font {font-size: 14px;}

}
@media only all and (max-width: 640px){
body .celllist {margin:0 auto;}
body .newsubmenu {border-top:0;}
}
@media all and (max-width:640px){
.banner-pc,.s1-title-pc,.s2-title-pc,.s3-title-pc,.s2-body-pc,.s3-detail1-pc,.s3-detail2-pc,.s3-detail3-pc,.s1-font,.s2-font,.s1-detail-pc,.s2-man-pc,.s2-woman-pc,.s3-font,.s3-title2-pc
    ,.s3-detail-pc{display:none;}
.banner-m,.s1-title-m,.s2-title-m,.s3-title-m,.s2-body-m,.s3-detail1-m,.s3-detail2-m,.s3-detail3-m,.s1-font-m,.s2-font-m,.s1-detail-m,.s2-man-m,.s2-woman-m,.s3-font-m,.s3-title2-m
    ,.s3-detail-m{display:block;}

.content {background:none;}
.content .highlightlist {width: 100%;    margin: 25px auto 45px;}
.content .highlightlist .love-people-highlightlist>div{font-size:16px;height: 45px;line-height: 45px;}
.content .text .s1-font-m {font-size: 14px;line-height: 24px;margin: 20px 0 20px 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.8s !important;
-moz-transition-delay: 0.8s !important;
-ms-transition-delay: 0.8s !important;
-o-transition-delay: 0.8s !important;
transition-delay: 0.8s !important;
    opacity: 0;
    opacity: 1\9\0;

}
.content .text .s1-detail {width: 77.33%;margin: 0px auto 30px;}
.content .s1-title-m{width:50.133333%;margin: 0 auto;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity:0;opacity:1\9\0;}
.content .s1-detail-m{margin-top:-50px;}

.content1 {padding-bottom: 50px;}
.content1 .s2-title-m{width:31.2%;margin: 40px auto 20px;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity:0;opacity:1\9\0;}
.content1 .text .section2-text {width: 95%;}
.content1 .text .section2-text .s2-font-m {font-size: 14px;line-height: 24px;margin: 0 0 20px 0;text-align: center;
    -webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);

    opacity: 0;
    opacity: 1\9\0;
}
.content1 .s2-man-m{    float: left;width: 34.666667%;margin-left: 10.4%;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
    -webkit-transition-delay: 0.5s !important;
-moz-transition-delay: 0.5s !important;
-ms-transition-delay: 0.5s !important;
-o-transition-delay: 0.5s !important;
transition-delay: 0.5s !important;
 opacity: 0;
    opacity: 1\9\0;}
.content1 .s2-woman-m{   float: right;width: 34.66667%;margin-right: 12.26666%;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
        -webkit-transition-delay: 0.5s !important;
-moz-transition-delay: 0.5s !important;
-ms-transition-delay: 0.5s !important;
-o-transition-delay: 0.5s !important;
transition-delay: 0.5s !important;
 opacity: 0;
    opacity: 1\9\0;}


.content2 {width: 100%;    padding-bottom: 30px;}
.content2 .s3-title-m{width:73.2%;margin: 40px auto 20px;}
.content2 .s3-title2-m{    width: 26.666667%;margin: 40px auto 0;}
.content2 .text .section3-text .s3-font-m{font-size:14px;line-height:24px;text-align:center;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-delay: 0.6s !important;
-moz-transition-delay: 0.6s !important;
-ms-transition-delay: 0.6s !important;
-o-transition-delay: 0.6s !important;
transition-delay: 0.6s !important;
opacity:0;opacity:1\9\0;}
.content2 .text .chengfen {margin-bottom: 30px;margin-top: 15px;}
}
@media all and (max-width:320px){
.content .highlightlist .love-people-highlightlist>div {font-size: 14px;}
.content .text .s1-font-m {font-size: 12px;}
.content1 .text .section2-text .s2-font-m {font-size: 12px;}
.content2 .text .section3-text .s3-font-m {font-size: 12px;}

}


