@charset "utf-8";
@charset "utf-8";

 html,body { height: auto; padding: 0; margin: 0; font-size:16px; width: 100%; overflow-x: hidden; 
font-family:"PingFangHK-Regular", "PingFangTC-Regular", "PingFangSC-Regular", "sans-serif", "Microsoft YaHei";
color:#191919; line-height:180%; text-align: center;}
body {-webkit-user-select:none;-webkit-text-size-adjust:100%!important;}
*{ outline:none; 
-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea {font-family:"PingFangHK-Regular", "PingFangTC-Regular", "PingFangSC-Regular", "sans-serif", "Microsoft YaHei";}
input[type="number"]{-webkit-user-select:text;}
a,button,input,img{-webkit-touch-callout:none;} input,select,textarea{outline:none;} a,button,input,label{-webkit-tap-highlight-color:rgba(0,0,0,0);} @media all and (-webkit-transform-3d){ a,button,input,label{-webkit-tap-highlight-color:rgba(130,130,130,.52);outline: none;}
}
ul,li { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt { margin: 0; padding: 0;}
a { text-decoration: none;color:#191919;} 
a:hover {  color:#0f2a60;text-decoration: none;}
a img { border:0;}
.clear { clear:both;}
input::-webkit-input-placeholder{color: #9a9a9a;}
input::-moz-placeholder{color: #9a9a9a;}
input:-ms-input-placeholder{color: #9a9a9a;}
body { padding-top: 82px; background:url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/fbgg.jpg) left bottom repeat-x}
.bodyp { padding-bottom: 8.3em;}
.headerW { z-index: 9000; position: fixed; left: 0; width: 100%; top: 0; background-color: #fff;}
.headerF {filter:alpha(opacity=75);-moz-opacity:.75; opacity:0.75;}
.headerF:hover {filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.header { margin: 0 auto; max-width: 1382px;  height:82px;}
.header::after {display: block; clear: both; content: "";}
.header .logo { float:left; padding:1em 0 0.3em 8.8%; }
.header .logo img { display:block; width:50px; height: auto; }
.header .logoM { display: none; padding: 0.5em 0 0.4em; }
.header .logoM img { display:block; margin: 0 auto; width:180px; height: auto; }
.header .hLink { float: right; margin-right: 1em; margin-top: 1.5em;}
.header .hLink .a1 { margin-right: 0.4em;  line-height: 12px; display: none;vertical-align: middle; font-size: 12px; text-align: center; color: #9a9a9a;}
.header .hLink .a1 img  { margin: 0 auto; display: block; width: 29px; height: 29px;}
.header .hLink .a2,.header .hLink .a1p { margin-right: 0.15em;  display: inline-block;vertical-align: middle;line-height: 12px;}
.header .hLink .a2 img,.header .hLink .a1p img { width: 38px; height: 38px;}
.header .hLink .a1p {margin-right: 0.3em;}
.header .hLink .a3 {display: inline-block;  color: #202020;}
.header .hLink .a3 img  { vertical-align: middle; display: inline-block; width: 38px; height: 38px;}
.header .hLink .a3 span { vertical-align: middle; display: inline-block; width: 2em; font-size: 14px; line-height: 16px;}
.nav {padding-top: 12px;}
.nav>ul>li { cursor: pointer; display: inline-block; font-size:14px;  line-height:80px;
position:relative; z-index:100; color: #e6e6e6; margin: 0 1em;}
.nav>ul>li>a { position: relative; overflow: hidden; z-index: 0; display:block;padding: 0 1em 0; color: #3e3e3e;}
.nav .sub_nav { display: none; position: absolute; top: 70px; left: -2em; right: -2em; padding-bottom: 0.8em;
background:#ebbec3;
filter:Alpha(opacity=80);
background: rgba(254, 201, 118, 0.8); }
.nav>ul>li.hover>a { color: #feae76;}
.nav>ul>li.hover a .arrow { display: block;}
.nav .sub_nav>ul {}
.nav .sub_nav li { line-height: 2.8em; font-size: 0.9em; font-weight: normal;}
.nav .sub_nav li a {color: #fff;}
.nav .sub_nav li a:hover {color: #000;}
.nav .liW { position:static;}
.nav .liW .sub_nav { left: 0; right: 0; }
.btnMenu { display: none; position: absolute; left: 0; top: 0 !important; cursor: pointer; 
width: 29px; height: 29px; padding: 20px;}
.btnMenu span { position: relative;  display: block; width: 100%; height: 2px; background-color: #000;}
.btnMenu .line2 {margin:8px 0;}
.btnMenu .line1 {  transition: all 0.2s;}
.btnMenu .line3 {transition: all 0.2s;}
.btnMenu.menuShow .line2 { opacity: 0;}
.btnMenu.menuShow .line1 { 
transform: rotate(-45deg);
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin:100% 0;
}
.btnMenu.menuShow .line3 {
transform: rotate(45deg);
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin:100% 2px;
}
.picMFixed { display: none; position: fixed; top: 0; left: 0;  height: 100%; width: 100%; background: center center no-repeat; background-size:cover;z-index: -10;}
.bannerBM .picMFixed {z-index: -10;}
.main { position: relative; z-index: 0; background-color: #fff;}
.footerW { position: relative; z-index: 0;  background-color: #f4dbb5; padding: 0 1.4em;  }
.footer { max-width: 820px;margin: 0 auto; padding:5.2em 0 1.5em; color: #fff; position: relative; z-index: 0;}
.footer a {color: #fff;}
.footer a:hover {color:#000}
.footer .fNav { margin-right: 15em;text-align: left;}
.footer .fNav .tit{display: inline-block; color: #482529; margin-right: 1em;line-height: 2.2em;  font-size: 13px;}
.footer .fNav ul {display: inline-block;}
.footer .fNav li {display: inline-block; }
.footer .fNav a{ display: inline-block; margin-right: 1.2em;font-size: 12px;line-height: 2.2em; }
.footer .fLink { position: absolute; top: 5.2em; right: 0; text-align: right; line-height: 1.2em; }
.footer .fLink .sLink { margin-bottom: 5px;}
.footer .fLink .sLink img { width: 38px; height: auto;}
.footer .fLink a { margin-left: 0.2em;}
.footer .fLink>a { display: block;}
.footer .fLink img { height: 25px; width: auto;}
.footer .txt { clear: both; overflow: hidden;margin-top: 5.8em; font-size: 11px; line-height: 1.3em;text-align: left;}
.footer .addr { margin-top: 1.2em;} 
.footer .contact { margin-top: 1.2em;}
.footer .contact span { margin-right: 1em;}
.footer .copyright { margin-top: 4em;}
.botPoint { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5000; background-color: #fff;
border-top: 1px solid #000;}
.botPoint .con { position: relative; z-index: 0; max-width: 820px; margin: 0 auto; color: #000; padding: 0.9em 0 1.2em;}
.botPoint .con:after {display:block; clear: both; content: "";}
.botPointL { margin-right: 320px; text-align: left; }
.botPointL .t1 { font-size: 1em;line-height: 1.3em;}
.botPointL .t2 { margin-top: 0.3em; line-height: 1.3em; font-size: 1em; font-weight:bold ;}
.botPointL .t2 .del { text-decoration: line-through; font-weight: normal;}
.botPointL .t3 {font-weight:bold ; font-size: 1em; line-height: 1.3em; color: #feae76; text-decoration: underline;}
.botPointL .t4 { margin-top: 0.8em; font-size: 11px; line-height: 1.3em;}
.botPointR { position: absolute; right: 0.3em; top: 0.9em; width: 308px;}
.botPoint .selBox {position: relative; z-index: 500; width: 308px;font-size: 0.8em; line-height: 3.2em;text-align: left;font-weight: bold;}
.botPoint .selBox .btn { border: 1px solid #c0c0c0; background-color: #f5f5f5; color: #000; 
padding: 0 2em 0 1.2em;   }
.botPoint .selBox .btn .pic { margin-right: 0.2em; display: inline-block; vertical-align: middle; width: 1.4em; height: 1.4em; 
background:center center no-repeat; background-size:contain;}
.botPoint .selBox .btn .txt { display: inline-block; vertical-align: middle;}
.botPoint .selBox .btn .arr { position: absolute; top: 1.1em; right: 1.2em; display: inline-block; vertical-align: middle;
width: 1.2em; height: 1.2em;   transition: all 0.2s;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow4.png) center center no-repeat; background-size:contain;} .botPoint .selBox .dropDown {display: none; position: absolute; right: 0; bottom: 3.2em; left: 0; width: auto;
background-color: #f5f5f5; border:1px solid #c0c0c0;  border-bottom: 0;}
.botPoint .selBox .dropDown ul { padding: 0 1.2em;}
.botPoint .selBox .dropDown li {border-bottom:1px solid #c0c0c0; cursor: pointer; }
.botPoint .selBox .dropDown li:hover { color: #dd808b;}
.botPoint .btnW { margin-top:0.7em; text-align: right;}
.botPoint .btnPoint { float: right;  display: block; color: #202020;font-size: 13px; height: 2.8em;  line-height: 1.2em; padding: 0 0 0 3em;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/tel2w.png) 0 0 no-repeat; background-size:2.8em auto;
}
.botPoint .btnPoint .t1 {  display: inline-block; padding-top: 0.2em; width: 2em;}
.botPoint .btnPoint .t2 { display: none;}
.botPoint .btnPRe { position: relative; z-index: 0; float: right; display: block; margin-top: 0.3em; margin-left: 1.2em; 
background-color: #ffe5be; font-weight: bold; line-height: 3.1em; font-size: 13px;}
.botPoint .btnPRe span { position: relative; z-index: 0; left: -0.4em; top: -0.4em; display: block; padding: 0.1em 4.5em 0 1.4em;
background: #feae76 url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/logos.png) 90% center no-repeat; background-size:auto 74% ; color: #000; letter-spacing: 0.1em;}
.botPoint .btnPRe:hover { background-color: #feae76 }
.botPoint .btnPRe:hover span { background-color: #ffe5be;}
.botPoint .btnPRe:active {top: 0.1em;} .qaBoxW { padding:4.3em 0; background-color: #f3f3f3;}
.qaBox { margin: 0 auto;}
.qaBox:after { display: block; clear: both; content: "";}
.qaBox .qaL { float: left; width: 50%;}
.qaBox .qaL .pic {position: relative; z-index: 0;
margin-right: 130px; padding-top: 424px; overflow: visible;}
.qaBox .qaL .pics { position: absolute; top: 0; right: 2em; z-index: 0; opacity: 0; transition: all 1.2s;
height: 100%; width: 100%;  background: right center no-repeat; background-size:cover;
}
.qaBox .qaL .pic img {position: absolute; top: 0; right: 2em; z-index: 0; opacity: 0; transition: all 1.2s;
width:auto; height:100%; display: block;}
.qaBox .qaL .tit { position: absolute; bottom: -0.6em; right: 0; opacity: 0; transition: all 1.2s;
color: #f4ddbb; font-size: 10em; line-height: 1em;}
.qaBox .qaL .titAni { bottom: -0.3em;opacity: 1;}
.qaBox .qaR { float: left; width: 50%; max-width: 552px;}
.qaBox .qaR .list {	width: 80%; margin: 0 auto 0 0;}
.qaBox .qaR .list ul {}
.qaBox .qaR .list li {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-bottom: 0.75em; overflow: hidden; }
.qaBox .qaR .list .tit { position: relative; z-index: 0; cursor: pointer; padding: 0 2em 0 0.9em; overflow: hidden; font-size: 1.2em; text-align: left; line-height: 2.8em; height: 2.8em; color: #25191b; background-color: #dcecc7;}
.qaBox .qaR .list .tit b { font-size: 1.1em;}
.qaBox .qaR .list .tit i { display: block; position: absolute; right: 0.8em; top: 50%; margin-top: -0.7em; width: 1.4em; height: 1.4em;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow.png) center center no-repeat; background-size:contain ;}
.qaBox .qaR .list .txt {position: relative; z-index: 1; margin-top: -0.36em; display: block;
color: #000; font-size: 0.9em;line-height: 1.6em; padding: 0 4em 0 1.3em; background-color: #fff;
transition: all 0.2s; overflow: hidden;
height: 0;}
.qaBox .qaR .list li.hover { background-color: #fff;}
.qaBox .qaR .list li.hover .tit { background-color: #fff;}
.qaBox .qaR .list li.hover .tit i { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow2.png);}
.qaBox .qaR .list li.sel { background-color: #fff;padding-bottom: 0.6em;}
.qaBox .qaR .list li.sel .tit { background-color: #fff;}
.qaBox .qaR .list li.sel .tit i { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrow3.png);}
.qaBox .qaR .list li.sel .txt { height: auto; text-align: left; }
.qaBox .qaR .list li.sel .tit i {} .commBox {max-width: 846px; margin: 0 auto; padding: 3.6em 0 5em;}
.commBox .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 0.1em; display: inline-block; padding: 0 0.6em; line-height: 1.2em; font-size: 2.2em;font-weight: bold;}
.commBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.commBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #dcecc7;}
.commBox .tit2 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em; font-size: 1em; line-height: 1.5em; color: #666;}
.commBox .tit2 .star { position: static; vertical-align: middle; display: inline-block; width: 1em; height: 1em; 
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/star.png) center center no-repeat; background-size:16px auto;}
.commBox .tit2 .tit2con { vertical-align: middle;}
.commBox .button-next  { cursor: pointer; display: none;color: #c1c1c1; margin-top: 2.4em;}
.commScorll {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 2.2em; overflow-x: auto; padding-bottom: 1em;}
.commList { width: auto;
white-space:nowrap; *white-space:nowrap;
}
.commList .item { display: inline-block; vertical-align: top;
margin: 0 0.3em 0 0; padding: 0.6em 0; border: 1px solid #767676;width: 262px; background-color: #fff;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;white-space:normal; *white-space:normal;}
.commList .item .pic { margin: 0 0.6em; cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 100%; background: center center no-repeat; background-size:cover;  }
.commList .item .txt { text-align: left; border-top: 1px solid #767676; color: #000; display: block;
margin:0.8em 0 0; padding-top: 0.5em; overflow: hidden; }
.commList .item .txt .name { float: left; margin-right: 0.1em; font-weight: bold; padding-left: 1em; font-size:13px; }
.commList .item .txt .date { margin:0 1.2em; font-size: 11px; float: right;}
.commList .item .txt .con { padding:0.2em 1em 0; line-height:1.6em ; font-size: 12px;  clear: both;}
.commList .btnW {display: inline-block; vertical-align: top;width: 262px;}
.commList .btnW .btnRe { display: block; margin: 0 1em;}
.commList .btnW .btnRe span { display: block; padding: 0;}
.swiper_comm_w {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 2.2em;}
.swiper_comm {height:auto; }
.swiper_comm .swiper-slide { margin-top:0 !important; display:block; width:32.25%; }
.swiper_comm .swiper-slide .item { margin: 0 0.4em; padding: 0.8em; border: 1px solid #767676;
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;}
.swiper_comm .swiper-slide .pic {  cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 100%; background: center center no-repeat; background-size:cover;  }
.swiper_comm .swiper-slide .txt { text-align: left; border-top: 1px solid #767676; color: #000; display: block;
margin:0.8em -0.8em 0; padding-top: 0.5em; overflow: hidden; }
.swiper_comm .swiper-slide .txt .name { float: left; margin-right: 0.1em; font-weight: bold; padding-left: 1em; font-size:13px; }
.swiper_comm .swiper-slide .txt .date { margin:0 1.2em; font-size: 11px; float: right;}
.swiper_comm .swiper-slide .txt .con { padding:0.2em 1em 0; line-height:1.6em ; font-size: 12px;  clear: both;}
.swiper_comm .button-next  { cursor: pointer; display: none;color: #c1c1c1; margin-top: 2.4em;}
.swiper_comm .btnRe { display: block; margin: 0 1em;}
.swiper_comm .btnRe span { display: block; padding: 0;} .stepTBox { max-width: 774px; margin: 0 auto 0; padding-top: 3.6em;}
.stepTBox .tit  { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display:block;  padding: 0 0.6em; line-height: 2em; font-size: 2em;font-weight: bold;}
.stepTBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.stepTBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.65em;}
.stepTBox .stepBoxM { display:none; margin: 0 auto 3em;}
.stepTBox .stepBoxM img { display: block; width: 100%; height: auto;}
.stepTBox .stepBox { margin-top: 1.7em;}
.stepTBox .stepBox ul { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; align-items: center; justify-content: space-between;}
.stepTBox .stepBox li {position: relative; z-index: 0; 
display: block; float: left; width: 23%; height: 124px;
text-align: center; font-weight: bold; font-size: 1.05em; letter-spacing: 0.1em;}
.stepTBox .stepBox .li1 { width: 27%;}
.stepTBox .stepBox .li2 { width: 24%;}
.stepTBox .stepBox .li3 {width: 23%;}
.stepTBox .stepBox .li4 { width: 16%;}
.stepTBox .stepBox li img { width: 98%; margin: 0 1%; display: block; height: auto;}
.stepTBox .stepBox .num { opacity: 0; transition: all 1s; 
position: absolute; z-index: 0; top: 0;  bottom: 0; left: 0; right: 3%; color: #f3f2f2;
line-height: 124px; font-size: 158px;}
.stepTBox .stepBox .arr { position: absolute; z-index: 1; top:-40px;  border: 0; right: 0; 
width: 42px; height:82px;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr09.png) center right no-repeat; background-size:contain;}
.stepTBox .stepBox .li2 .arr {width: 24px;}
.stepTBox .stepBox .li3 .arr {width: 13px;}
.stepTBox .stepBox .li4 .arr {width: 13px;}
.stepTBox .stepBox .lines {opacity: 0; right: 2em; transition: all 1s; 
position: absolute; z-index: 0; background-color: #d6e9bd; top: 50%;height: 2px; width: 100%;
margin-top: -1px; }
.stepTBox .stepBox .t1 {opacity: 0; left: -2em; transition: all 1s;
position: absolute; z-index: 3; bottom: 50%; margin-bottom: 0.5em; right: 15%;
color: #d6e9bd;}
.stepTBox .stepBox .t2 {opacity: 0; left: -2em; transition: all 1s;
position: absolute; z-index: 3; top: 50%; margin-top: 0.1em; right: 15%; color: #000;}
.stepTBox .stepBox .step4 { position: relative; opacity: 0; right:2em; transition: all 1s;
height: 100%; width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; align-items: center; justify-content: center;
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/step04.png) center center no-repeat; background-size:contain ;
}
.stepTBox .stepBox .t4 {position: relative; opacity: 0; right:2em; transition: all 1s;
font-size: 1.2em; color: #d6e9bd; line-height: 1.4em;}
.stepTBox .stepBox .li2 .t1 {right: 13%;}
.stepTBox .stepBox .li2 .t2 {right: 13%;}
.stepTBox .stepBox .li3 .t1 {right: 11%;}
.stepTBox .stepBox .li3 .t2 {right: 11%;}
.stepTBox .stepBox .li4 .t1 {right: 11%;}
.stepTBox .stepBox .li4 .t2 {right: 11%;}
.stepTBox .stepRed .lines { background-color: #FFF;}
.stepTBox .stepRed .arr { background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arr010.png);}
.stepTBox .stepRed .t1{ color: #000;}
.stepTBox .stepRed .t2{ color: #000;}
.stepTBox .stepRed .num{ color: #c56d7c;}
.stepTBox .stepBox .li1 .lines { transition-delay: 0.4s;}
.stepTBox .stepBox .li1 .t2 { transition-delay: 0.8s;}
.stepTBox .stepBox .li1 .num { transition-delay: 1.2s;}
.stepTBox .stepBox .li2 .t1 { transition-delay: 1.6s;}
.stepTBox .stepBox .li2 .lines { transition-delay: 2s;}
.stepTBox .stepBox .li2 .t2 { transition-delay: 2.4s;}
.stepTBox .stepBox .li2 .num { transition-delay: 2.8s;}
.stepTBox .stepBox .li3 .t1 { transition-delay: 3.2s;}
.stepTBox .stepBox .li3 .lines { transition-delay: 3.6s;}
.stepTBox .stepBox .li3 .t2 { transition-delay: 4s;}
.stepTBox .stepBox .li3 .num { transition-delay: 4.4s;}
.stepTBox .stepBox .li4 .t1 { transition-delay: 4.8s;}
.stepTBox .stepBox .li4 .lines { transition-delay: 5.2s;}
.stepTBox .stepBox .li4 .t2 { transition-delay: 5.6s;}
.stepTBox .stepBox .li4 .num { transition-delay: 6s;}
.stepTBox .stepBox .li4 .step4 { transition-delay: 4.8s;}
.stepTBox .stepBox .li4 .t4 { transition-delay: 5.2s;}
.stepTBox .stepShow .num { opacity: 1;}
.stepTBox .stepShow .t1 { opacity: 1; left: 0;}
.stepTBox .stepShow .t2 { opacity: 1; left: 0;}
.stepTBox .stepShow .t3 { opacity: 1; right: 0;}
.stepTBox .stepShow .lines {opacity: 1; right: 0;}
.stepTBox .stepShow .step4 {opacity: 1; right: 0;}
.stepTBox .stepShow .t4 {opacity: 1; right: 0;} .btnRe { margin: 1.8em 4.5em 0 0; overflow: hidden; display: inline-block; border:3px solid #feae76; line-height:3em;
color: #feae76; font-size: 1em; font-weight: bold;
position: relative; z-index: 0;}
.btnRe span { position: relative; z-index: 1; padding:0 1.8em; display: inline-block; border: 1px solid #fff;}
.btnRe .bg { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; left: -100%;
display: block; background-color: #feae76;
animation:my2 0.5s;
-moz-animation:my2 0.5s; -webkit-animation:my2 0.5s; -o-animation:my2 0.5s; */
}
.btnRe:hover {  color: #fff;}
.btnRe:hover .bg {
left:0;
animation:my1 0.5s;
-moz-animation:my1 0.5s; -webkit-animation:my1 0.5s; -o-animation:my1 0.5s; */	     
}
@keyframes my1
{
0%   {left:-100%}
100% {left:0}
}
@-webkit-keyframes my1 {
0%   {left:-100%}
100% {left:0}
}
@keyframes my2
{
0%   {left:0}
100% {left:100%}
}
@-webkit-keyframes my2 {
0%   {left:0}
100% {left:100%}
}
.btnReM{ margin: 1.5em 0 0 0; overflow: hidden; display: inline-block; border: 5px solid #db7f8a; line-height: 68px;
color: #fff; font-size:1.2em; font-weight: bold;
position: relative; z-index: 0;}
.btnReM span { position: relative; z-index: 1; padding:0 2em; display: inline-block; border: 1px solid #fff;}
.btnReM .bg { position: absolute; z-index: 0; top: 0; width: 100%; height: 100%; left: 0;
display: block; background-color: #feae76; }
.btnReM:hover { color: #fff;}
.btnReWhite { border:3px solid #fff; color: #d97c86;}
.btnReWhite span {border: 1px solid #dd808b;}
.btnReWhite .bg { background-color: #fff;}
.btnReM:hover { color: #d97c86;}
.box404 {max-width: 1382px; margin: 0 auto; position: relative; z-index: 0;}
.box404 img{ display: block; width: 100%; height: auto;}
.box404 .btn { position: absolute; z-index: 0; left: 56%; top: 63.2%; width: 10%; height: 3.9%; cursor: pointer;}
.boxm404 {display:none; position: relative; z-index: 0;}
.boxm404 img{ display: block;  width: 100%; height: auto;}
.boxm404 .btn {  position: absolute; z-index: 0; left: 36.9%; top: 53.5%; width: 17.2%; height: 2.4%; cursor: pointer;}
.anim_top { bottom:0!important;opacity:1 !important;}
.anim_bot { top:0!important;opacity:1 !important;}
.anim_left { left:0!important;opacity:1 !important;}
.anim_right { right:0!important;opacity:1 !important;}
.anim_opa { opacity:1!important;}
@media only screen and (max-width:1440px){
.qaBox .qaR .list .tit { font-size: 1.3em;}
}
@media only screen and (max-width:1400px){
.commBox .tit  {font-size: 2.4em;}
.commBox .tit2{font-size: 1.1em;}
.btnRe { font-size: 1.1em;}
}
@media only screen and (max-width:1382px){
.nav>ul>li { margin: 0 0.5em;}
.qaBox .qaL .pic { margin-right: 18.8%;padding-top: 61%; }
}
@media only screen and (max-width:1280px){
.header .logo { padding-left: 4%;}
.nav>ul>li { margin: 0 0;}
.btnRe { font-size: 1em;}
}
@media only screen and (max-width:1120px){
.header .logo { padding-left: 2%;}
.btnRe { font-size: 0.9em;}
}
@media only screen and (max-width:1180px){
.header .logo { padding-left: 2%;}
.nav>ul>li>a { padding: 0 0.8em;}
}
@media only screen and (max-width:1024px){
body { padding-top:4.4em;}
.headerW {}
.header { height: auto; position: relative; z-index: 0;}
.header .logo {  display: none;}
.header .logoM { display: flex; justify-content: center; }
.header .hLink { position: absolute; margin: 0; right: 0.6em; top: 0.8em;}
.header .hLink .a1 { display: block; font-size: 0.6em;}
.header .hLink .a1 img { width: 3em; height: auto;}
.header .hLink .a2,.header .hLink .a1p {display:none;}
.header .hLink .a3 {display:none;}
.btnMenu { display: block;}
.nav { display: none; padding: 2em 0; width: 100%;background-color:#feae76;}
.nav>ul { margin: 0 1em;}
.nav>ul>li { display: block; float: none; font-size: 1.2em;  line-height: 2.5em; padding: 0; text-align: center;}
.nav .sub_nav {display: none; position: static; width: auto; background-color: transparent; padding-bottom: 0; }
.nav>ul>li>a { padding: 0; color: #fff; font-weight: normal;}
.nav>ul>li>a:hover { color: #000;}
.nav .sub_nav>ul { padding: 0;}
.nav .sub_nav li { font-size: 0.8em; line-height:1.8em; border-top:0; }	
.nav .sub_nav li a {  color: #fde3e7;}	
.nav .sub_nav li a:hover {color: #000000;}
.nav>ul>li.hover>a { color: #fde3e7;}
.btnRe { font-size: 0.8em;}
}
@media only screen and (max-width:828px){
.picMFixed { display: block;}
.bodyp { padding-bottom: 8.5em;}
.footerW {margin-top:0;}
.footer { padding: 2.6em 0 2.6em; }
.bodyp .footer { padding-bottom: 7.6em;}
.footer .fNav .tit {color: #f4ccd7}
.footer .fNav {  margin-right: auto;}
.footer .fNav a {font-size: 14px;}
.footer .fNav li { display: block;}
.footer .fLink { margin-top: 2em; position: static; text-align: center; }
.footer .fLink .sLink {vertical-align: middle; display: inline-block; border-bottom: 0; margin-bottom: 0;}
.footer .fLink>a {display: inline-block;}
.footer .fLink a { vertical-align: middle; margin: 0 0.1em;}
.footer .fLink .sLink img { height: 2em; width: auto;}
.footer .fLink img { height: 2em; width: auto;}
.footer .txt { margin-top: 1em; text-align: center; line-height: 1.7em;}
.footer .addr { margin-top: 0;}
.footer .contact { margin-top:1.4em;}
.footer .contact span { display: block;}
.footer .copyright { display: block; margin-top: 2em; padding-top: 2em; border-top: 1px solid #FFFFFF;}
.botPoint {padding: 0 1.4em;}
.botPoint .con { padding: 0.8em 0 0.6em;}
.botPointL { margin-right: auto; text-align: left;}
.botPointR { margin-top: 0.8em; position: static;  width: auto;}
.botPoint .selBox { width: 100%;}
.botPoint .btnPoint { text-align: left;font-size: 0.9em; margin-top: 0.2em;}
.botPointL .t1 { font-size: 0.8em;}
.botPointL .t2 { font-size: 0.9em;}
.botPointL .t3 { font-size: 0.9em;}
.botPointL .t4 { font-size: 0.7em; margin-top: 0.6em;}
.botPoint .selBox { line-height: 2.9em;}
.botPoint .selBox .dropDown { bottom: 3.1em;}
.botPoint .btnW { margin-top: 0.6em;}
.botPoint .btnPRe { font-size: 0.9em; padding-top: 0.1em; line-height: 3em;}
.botPoint .btnPRe span {padding: 0 3.7em 0 1.1em;}
.botPoint .btnPoint { font-size: 0.8em; padding-left: 3.2em;}
.botPoint .btnPoint .t1 {  display: block; width: auto; }
.botPoint .btnPoint .t2 { display: block;} 
.commBox .titW { text-align: left;}
.commBox .tit { display: block; margin-right: 1em;}
.commBox .tit2 { text-align: left; margin-top: 1.6em; margin-left:1.4em; margin-right:1.4em;}
.commBox .tit2 .line { display: block;}
.swiper_comm_w { margin: 3em 1.4em 0 1.2em;}
.swiper_comm .swiper-slide { width: 62%;}
.swiper_comm .button-next  {  display: block;}
.commList { padding-left: 1.4em;}
.commList .item { width: 51vw;}
.commList .btnW { width: 51vw;}
.commBox .button-next  {  display: block; position: relative; left: 0;
-moz-animation:anim 1.8s infinite; -webkit-animation:anim 1.8s infinite; -o-animation:anim 1.8s infinite; */
}
@keyframes anim
{
0%   {left:0}
100% {left:7vw}
}
@-webkit-keyframes anim {
0%   {left:0}
100% {left:7vw}
}
.stepTBox .stepBoxM { display: block;}
.stepTBox .stepBox  { display: none;}
.stepTBox .tit { font-size: 5.8vw;}
.btnRe { font-size: 1.2em; background-color: #feae76; color: #fff;}
.btnReM { font-size: 1.2em;}
.box404 {display:none;}
.boxm404 {display:block;}
.qaBoxW { padding-top: 0; padding-bottom: 3em;}
.qaBox {display: block;}
.qaBox .qaL {width: auto; float: none;}
.qaBox .qaR {width: auto; float: none;}
.qaBox .qaL .pic { width: auto; margin: 0 auto;padding-top: 76%;}
.qaBox .qaL .tit { font-size: 27vw;}
.qaBox .qaL .tit { bottom: -0.05em;}
.qaBox .qaR .list{ width: auto; margin: 2em 1.4em 0;}
.qaBox .qaR .list li { margin-bottom: 0.32em;}
}
@media only screen and (max-width:640px){
.qaBox .qaR .list .tit { font-size: 1em;}
}
@media only screen and (max-width:600px){
.commBox .tit  {font-size: 2em;}
.commBox .tit2{font-size: 1em;}
.btnRe { font-size: 1.1em;}
.btnReM { font-size: 1.1em;}
}
@media only screen and (max-width:450px){
.botPoint .btnPRe span{padding: 0.1em 4em 0 1em;}
.btnRe { font-size: 1em;}
.btnReM { font-size: 1em;}
}
@media only screen and (max-width: 420px){
html,body {font-size:14px;}
body { padding-top:4.4em;}
.btnMenu { top: 1.5em; }
}
@media only screen and (max-width: 390px){
.botPoint .btnPRe { font-size: 0.9em;}
}
@media only screen and (max-width: 360px){
html,body {font-size:12px;}
body { padding-top:4.7em;}
.btnMenu { top: 1.7em; }
}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.page-nav {
padding: 20px 0;
text-align: center; }
.page-nav ul {
display: inline-block; }
.page-nav ul li {
float: left;
width: 50px;
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
transition: all 0.2s linear;
list-style: none;
background-image: none;
padding: 0;
margin-right: 8px;
background-color: #fff !important;
border-radius: 6px;
overflow: hidden;
}
.page-nav ul li a {
display: block;
width: 100%;
height: 100%;
color: #8489c0;
background-color: #ededf4;
font-size: 15px;
font-weight: bold;
}
.page-nav ul li:last-of-type {
width: 50px;
}
.page-nav ul li.current a{
background-color: #606060;
color: #fff;
}
.page-nav ul li a:hover{
color: #fff;
background-color: #606060;
transform: all 0.5s;
}
.page-nav ul::before {
content: '';
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.clearfix::after {
clear: both;
content: '';
height: 0;
visibility: hidden;
display: block;
}
.page a{
margin-right: 4px !important;
}
.meks_ess{
margin: 0 !important;
}
.footer a, .footer  {
color: #3c3c3c !important;
}
.footer a:hover  {
text-decoration: underline;
}
.blogDetailW {
background-color: #F9FCF5 !important;
}
.blogDetail .circle {
background-color: #D6E9BC !important;
}
.blogDetail .links {
border-top: 1px solid #FFC56D !important;
border-bottom: 1px solid #FFC56D !important;
}
body .meks_ess.transparent a.meks_ess-item::before, body .meks_ess.transparent a.meks_ess-item span, body .meks_ess.outline a.meks_ess-item span {
color: #FFC56D !important;
}
  .bannerBox { margin: 0 auto; position: relative; z-index: 0; }
.bannerBox .swiper-container {width: 100%;}
.bannerBox .swiper-slide {  padding-top: 48%;
text-align: center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background: center center no-repeat;
background-size:cover;  
}
.bannerBox .swiper-slide .txt { position: absolute; bottom: 4em; right: 50%; margin-right: -720px; text-align: right; }
.bannerBox .swiper-slide .txt .t1 { display: inline-block; background-color: #ffc1c6; color: #fff; padding: 4px 1.6em 0;
line-height: 0.8em; 
font-size:3.4em;
transition:all 0.8s; transition-delay:.1s; position: relative; z-index: 0; left: -2em;  opacity: 0;
}
.bannerBox .swiper-slide-active .txt .t1 { opacity: 1;left: 0;}
.bannerBox .swiper-slide .txt .t2 {display: block; margin-top: 0.8em; background-color: #fff;padding: 2px 4em 0 1em;
color: #000; line-height: 1.2em; font-size: 20px; font-weight: bold;
transition:all 0.8s; transition-delay:.5s; position: relative; z-index: 0; left: 2em;  opacity: 0;
}
.bannerBox .swiper-slide-active .txt .t2 { opacity: 1;left: 0;}
.bannerBox .swiper-slide .txt .btnRe {  border: 0; padding: 3px;  color: #fff;
transition:all 0.8s; transition-delay:.8s; position: relative; z-index: 0; left: -2em;  opacity: 0;
}
.bannerBox .swiper-slide-active .txt .btnRe { opacity: 1;left: 0;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets, .bannerBox .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.6em;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.5em;}
.bannerBox .swiper-pagination-bullet { width: 12px; height:12px; 
background-color: #d9d8d6; filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.bannerBox .swiper-pagination-bullet-active { background-color: #f8ae75;filter:alpha(opacity=50);-moz-opacity:.5; } .bannerMBox { display: none; margin: 0 auto; position: relative; z-index: 0; }
.bannerMBox .swiper-container {width: 100%;}
.bannerMBox .swiper-slide {  padding-top: 150%;
text-align: center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background: center center no-repeat;
background-size:cover;
}
.bannerMBox .swiper-slide .txt { position: absolute; top: 15%; right: 5.6%; left: 5.6%;  text-align: center; }
.bannerMBox .swiper-slide .txt .t1 { display: block; background-color: #ffc1c6; color: #fff;
padding: 0.1em 0.3em 0;
line-height: 0.8em;font-size: 3.7em;
transition:all 1s; transition-delay:.1s; position: relative; z-index: 0; left: -1em;  opacity: 0;
}
.bannerMBox .swiper-slide-active .txt .t1 { opacity: 1;left: 0;}
.bannerMBox .swiper-slide .txt .t2 {display: block; margin-top: 0.3em;
color: #000; line-height: 1.2em; font-size: 1.2em; font-weight: bold; padding: 0 1em;
transition:all 1s; transition-delay:.1s; position: relative; z-index: 0; left: 2em;  opacity: 0;
}
.bannerMBox .swiper-slide-active .txt .t2 { opacity: 1;left: 0;}
.bannerMBox .swiper-slide .txt .btnReM {  border: 0; padding: 5px;  color: #fff;line-height:3.2em;
transition:all 1s; transition-delay:.1s; position: relative; z-index: 0; left: -1em;  opacity: 0;
}
.bannerMBox .swiper-slide-active .txt .btnReM{ color: #fff;}
.bannerMBox .swiper-slide-active .txt .btnReWhite { color: #d97c86;}
.bannerMBox .swiper-slide-active .txt .btnReM { opacity: 1;left: 0;}
.bannerMBox .swiper-container-horizontal>.swiper-pagination-bullets,.bannerMBox .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1em;}
.bannerMBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.8em;}
.bannerMBox .swiper-pagination-bullet { width: 1em; height: 1em;  background-color: #b25663; filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.bannerMBox .swiper-pagination-bullet-active { background-color: #fff;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5; } .msxzBox { position: relative; z-index: 0; margin: 0 auto;  
display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: stretch;
flex-direction: row-reverse
}
.msxzBox .picBg {transition: all 0.8s; opacity: 0; position: absolute; z-index: 0;left: 30%;top: 0; bottom: 0;
margin-left: -690px;  width: 278px; 
background: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/msxzBg.png) 0 center no-repeat; background-size:278px auto;}
.msxzBox .picBgAni {left: 50%; opacity: 1;}
.msxzBox .txtBox { position: relative; z-index: 1; flex: 1; width: 50%; padding: 3em 0; text-align: right; color: #070707;
display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;
}
.msxzBox .txtBox .con { max-width: 602px; margin:0 13% 0 auto;}
.msxzBox .txtBox .tit  { position: relative; z-index: 0; top: 1em; opacity: 0; transition: all 0.8s;
position: relative; z-index: 0; line-height: 1.2em; font-size: 2.2em;font-weight: bold;}
.msxzBox .txtBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.msxzBox .txtBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #d6e9bd;}
.msxzBox .txtBox .tit2 {position: relative; z-index: 0; top: 1em; opacity: 0; transition: all 0.8s;
margin-top: 3em;  font-weight: bold;  line-height: 1.7em;}
.msxzBox .txtBox .txt {position: relative; z-index: 0; top: 1em; opacity: 0; transition: all 0.8s;
margin-top: 1.2em;  line-height: 1.7em; color: #666;}
.msxzBox .txtBox .btnW {position: relative; z-index: 0; top: 1em; opacity: 0; transition: all 0.8s;}
.msxzBox .txtBox .btnW .btnRe { margin-right: 0;}
.msxzBox .picBox { flex: 1; width: 50%;  position: relative; z-index: 0;}
.msxzBox .picBox:after { display: block; content: ""; clear: both;}
.msxzBox .picBox .pic1 {  width: 536px;}
.msxzBox .picBox .pic1  .pic1c { position: relative; z-index: 0; top: 3em; opacity: 0;transition: all 0.8s; 
width: 100%; padding-top: 136%; height: 0; overflow: hidden;
background: center center no-repeat; background-size:cover;	}
.msxzBox .picBox .pic2 { position: absolute; left: 580px;opacity: 0;
top: 0; bottom: 0; right: 0; opacity: 0;transition: all 0.8s;
background-color: #d6e9bd;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; align-items: center;
}
.msxzBox .picBox .pic2Ani { opacity: 1;left: 536px; }
.msxzBox .picBox .pic2 .picTxt {position: relative; z-index: 0; opacity: 0; left:1.6em; transition: all 0.8s;  top: -2.9em; 
color: #FFFFFF; font-size:6em;line-height: 1em;letter-spacing: 0.1em;
transform:rotate(90deg); transform-origin: left top;}
.msxzBox .picBox .pic2 .picTxtAni {left:0.9em; opacity: 1;}
.msxzBox .picBox img { display: block; width: 100%; height: auto;} .zyfwBoxW { padding:5.6em 1em 6em; background-color: #e7e7e6;}
.zyfwBox { max-width: 1034px; margin: 0 auto;}
.zyfwBox .list ul::after {display: block; content: ""; clear: both;}
.zyfwBox .list li {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
float: left; width: 23%; margin-right: 1.6%; margin-top: 1.6%;}
.zyfwBox .list li:first-child {width: 50%;}
.zyfwBox .list li:nth-child(3) {margin-right:0;opacity: 1;top: 0;}
.zyfwBox .list li:nth-child(5) {margin-right:0}
.zyfwBox .list li .pic { position: relative; z-index: 0; width: 100%; padding-top: 137.5%; height: 0; overflow: hidden;
background:center center no-repeat ; background-size:cover; }
.zyfwBox .list li:first-child .pic { padding-top: 130%;}
.zyfwBox .list li .pic .txtMask { position: absolute; bottom: 8%; top: 8%; left: 8%; right: 8%; padding: 6%;
background:#fff;
filter:Alpha(opacity=80);
background: rgba(255,255, 255, 0.8);
display:none;align-items: center;
}
.zyfwBox .list li .pic:hover .txtMask {display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;}
.zyfwBox .list li .pic .txtMask .txtc { text-align: left; flex: 1;}
.zyfwBox .list li .pic .txtMask .btnRe { display: block; margin: 0.5em auto; text-align: center; line-height: 3em;}
.zyfwBox .list li .pic .txtMask .btnRe span { display: block; padding: 0;}
.zyfwBox .list li .pic .txtMask .txt { font-size: 1.5em; line-height: 1.4em; font-weight: bold;}
.zyfwBox .list li:first-child .pic .txtMask .btnRe { display: inline-block;}
.zyfwBox .list li:first-child .pic .txtMask .btnRe span {padding: 0 1.5em;}
.zyfwBox .list li .conb { position: relative; z-index: 0; width: 100%; padding-top: 137.5%; }
.zyfwBox .list li .con { position: absolute; top: 0; bottom: 0; overflow: hidden; right: 0; left: 0; text-align: right;}
.zyfwBox .tit  { position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 0.1em; display: block;padding: 0 0.2em 0 0.6em; 
line-height: 1.2em; font-size: 2.2em;font-weight: bold;}
.zyfwBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.zyfwBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #fff;}
.zyfwBox .tit2 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin: 1em 0 0 0; font-weight: bold; font-size: 1em; line-height: 1.6em; color: #000;}
.zyfwBox .tit3 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin: 1.6em 0 0 10%; font-size: 0.9em; line-height: 1.7em; color: #000;}
.zyfwBoxM { display: none; background-color: #e7e7e6; padding: 3em 0 4em;}
.zyfwBoxM .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
text-align: left; margin-right: 0.6em; margin-top: 0.1em; display: block; padding: 0 0.6em; 
line-height: 1.2em; font-size: 2.9em;font-weight: bold;}
.zyfwBoxM .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.zyfwBoxM .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #fff;}
.zyfwBoxM .tit2 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
text-align: left; margin: 1.6em 1.4em 0 1.4em; font-size: 1.3em; line-height: 1.8em; color: #252525;}
.zyfwBoxM .list { margin: 1.4em 1.4em 0; overflow: hidden;}
.zyfwBoxM .list li {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1.5em;}
.zyfwBoxM .list li .pic {position: relative; z-index: 0; width: 100%; padding-top: 56%; height: 0; overflow: hidden;
background:center center no-repeat; background-size:cover;}
.zyfwBoxM .list li .pic .txt { position: absolute; left: 2em; right: 2em; top: 50%; margin-top: -1em; line-height: 1.3em;
padding: 0.5em 0.4em 0.4em; font-weight: bold; font-size: 1.6em; color: #000; letter-spacing: 0.1em;
background:#fff;
filter:Alpha(opacity=60);
background: rgba(255, 255, 255, 0.6)
} .resultBoxW { padding:3.4em 1.4em; background-color: #dcecc9;}
.resultBox {max-width: 1382px; margin: 0 auto;}
.resultBox .tit  {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: inline-block; position: relative; z-index: 0; padding: 0 0.6em; line-height: 1.2em; font-size: 2.2em;font-weight: bold;}
.resultBox .tit .name { position: relative; z-index: 1; letter-spacing: 0.1em;}
.resultBox .tit .line { position: absolute; left: 0; right: 0; bottom: 0.2em; height: 0.5em;
background-color: #fff;}
.resultBox .titM {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
display: none;}
.resultBox .txt {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
margin-top: 1em;  line-height: 1.7em; color: #666;}
.resultBox .reCon { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center; 
flex-direction: row-reverse}
.resultBox .reL { flex: 1; width: 50%;padding: 1em 0;}
.resultBox .reL .pics { margin:0 8% 0 auto; max-width: 380px;}
.resultBox .reL .pics img { display: block; max-width: 100%; height: auto;}
.resultBox .reL .pics .pic1 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
width: 78%; margin: 0 auto;}
.resultBox .reL .pics .pic1 .picTxt { font-size: 0.8em; text-align: left; line-height: 1.3em; position: absolute; left: 50%; right:0; top: 64%;}
.resultBox .reL .pics .pic2 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
width: 53%; margin: 0 auto 0 37%;}
.resultBox .reL .pics .pic2 .picTxt {font-size: 0.8em; text-align: left; line-height: 1.3em; position: absolute; left: 55%; right:0;top: 66%;}
.resultBox .reL .pics .pic3 {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
width: 58%; margin: 0 auto 0 16%;}
.resultBox .reL .pics .pic3 .picTxt {font-size: 0.8em; text-align: left; line-height: 1.3em; position: absolute; left: 42%; right:0;top: 66%;}
.resultBox .reR {position: relative; z-index: 0; top: 2em; opacity: 0; transition: all 1.2s;
flex: 1;width: 50%; } .swiper_pro_w {position: relative; z-index: 0;}
.swiper_pro {height:auto; overflow: visible; }
.swiper_pro .swiper-slide { margin-top:0 !important; display:block;width:100%; }
.swiper_pro .swiper-slide .con { position: relative; z-index: 0; padding-top: 50%; height: 0; 
}
.swiper_pro .swiper-slide .pic { position: absolute; top: 0; left: 0; width: 50%;  cursor: pointer; display: block; height: 0; overflow: hidden;
padding-top: 50%; background: center center no-repeat; background-size:cover;  }
.swiper_pro .swiper-slide .reBg {position: absolute; z-index: 0; top: 0;left:50%;  bottom: 0;
background-color: #eec1c6; width: 300%;}
.swiper_pro .swiper-slide .re { position: absolute; z-index: 1; top: 0;left:50%;  bottom: 0;  width: 50%;
color: #000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: left;  font-size: 1.4em; line-height: 1.5em; overflow: hidden;
}
.swiper_pro .swiper-slide .re .reTxt { display: block; margin: 2em 1em;
max-height: 7.5em;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; 
overflow: hidden;
}
.swiper_pro .swiper-slide .re .reName { position: absolute; bottom: 1em; left: 0; display: block; padding: 0 1em;}
.swiper_pro .swiper-slide .txt { color: #000; display: block; margin: 1.6em 30% 0; 
overflow: hidden; font-size: 1.5em; line-height: 1.3em; height:1.3em; }
.swiper_pro .button-prev,.swiper_pro .button-next { z-index: 1; position: absolute; 
bottom: 0.4em; width: 30px; height: 15px; 
display: block; cursor: pointer; background:center center no-repeat; background-size:contain; }
.swiper_pro .button-prev { left: 10%; background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrowL.png);}
.swiper_pro .button-next { right: 10%; background-image: url(//nutrition-point.com/wp-content/themes/fdb3559cd0ff1c4144986b697ff65b31/assets/imgs/arrowR.png);}
@media only screen and (max-width:1400px){
.bannerBox .swiper-slide .txt { right:0; margin-right: 0; }
.msxzBox .txtBox .tit { font-size: 2.4em;}
.msxzBox .txtBox .tit2 { font-size: 1.1em;}
.msxzBox .txtBox .txt {font-size: 1.1em;}
}
@media only screen and (max-width:1382px){
.msxzBox .picBox .pic1 { width:74%;}
.msxzBox .picBox .pic2 { left: 84%;}
.msxzBox .picBox .pic2Ani { left: 74%;} 
.msxzBox .picBox .pic2 .picTxt { font-size: 5em;}
}
@media only screen and (max-width:1210px){
.msxzBox .picBox .pic2 .picTxt { font-size: 4em;}
}
@media only screen and (max-width:1140px){
.swiper_pro .swiper-slide .re { font-size: 1.2em;}
.zyfwBox .list li .pic .txtMask .txt { font-size: 1.4em;}
}
@media only screen and (max-width:1000px){
.swiper_pro .swiper-slide .txt { font-size: 1.4em;}
.swiper_pro .swiper-slide .re { font-size: 1em;}
.zyfwBox .tit3 { font-size: 0.8em; margin-top: 0.4em;}
.zyfwBox .list li .pic .txtMask .txt { font-size: 1.2em;}
}
@media only screen and (max-width:828px){
.bannerBox { display: none;}
.bannerMBox { display: block;}
.footer { padding-bottom: 2.6em; }
.msxzBox { display: block; background-image: none;}
.msxzBox .picBg {
left: 30%;
top: auto; bottom: 0;
margin-left: auto;
width: 42%; height: 50%;
background-position: right bottom; bottom: 0;
background-size: contain;
}
.msxzBox .picBgAni {left:58%}
.msxzBox .picBox {width: auto;}
.msxzBox .txtBox { padding: 5em 0; width: auto;  text-align: left; }
.msxzBox .txtBox .con { max-width: inherit; margin:0;}
.msxzBox .txtBox .tit .name { padding-left: 2rem;}
.msxzBox .txtBox .tit2 { margin-left: 2rem;}
.msxzBox .txtBox .txt { margin-left: 2rem;}
.msxzBox .txtBox .btnW { margin-left: 2rem;}
.msxzBox .picBox .pic2 .picTxt { font-size:12vw;}
.resultBox .tit { display: none;font-size: 2em;}
.resultBox .titM { display: block; margin: 0 -1.4rem; text-align: left;}
.resultBox .reCon{margin-top: 1.6em; display: block;}
.resultBox .reR {width: auto;}
.resultBox .reL {width: auto; padding-top: 1.8em;}
.resultBox .txt { text-align: left;}
.swiper_pro .swiper-slide .txt { margin: 1em 3em 0; font-size: 1.3em; line-height: 1.2em; height: 1.2em; text-align: center;}
.swiper_pro .swiper-slide .reBg { width: 50%;}
.swiper_pro .swiper-slide .re { font-size: 1.2em;}
.swiper_pro .button-prev { left: 0.6em;}
.swiper_pro .button-next { right: 0.6em;}
.swiper_pro .button-prev, .swiper_pro .button-next { bottom: 0.3em;}
.zyfwBoxW { display: none;}
.zyfwBoxM { display: block;}
.zyfwBoxM .tit {font-size: 2.4em;}
.zyfwBoxM .tit2{font-size: 1.1em;}
}
@media only screen and (max-width:640px){
.bannerMBox .swiper-slide .txt .t1 { font-size: 3.2em;}
}
@media only screen and (max-width:600px){
.msxzBox .txtBox .tit { font-size: 2em;}
.msxzBox .txtBox .tit2 { font-size: 1em;}
.msxzBox .txtBox .txt {font-size: 1em;}
.zyfwBoxM .tit {font-size: 2em;}
.zyfwBoxM .tit2{font-size: 1em;}
.zyfwBoxM .tit3 {font-size: 1em;}
.swiper_pro .swiper-slide .re { font-size: 1em;}
}
@media only screen and (max-width:500px){
.bannerMBox .swiper-slide .txt .t1 { font-size: 2.8em;}
.zyfwBoxM .list li .pic .txt { font-size: 1.3em;}
}
@media only screen and (max-width:450px){
.bannerMBox .swiper-slide .txt .t1 { color: #FFF !important; font-size: 2.4em;}
.swiper_pro .swiper-slide .re { font-size: 0.9em;}
}@font-face {
font-family: "socicon";
src: url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.eot);
src: url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.eot?#iefix) format("embedded-opentype"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.woff) format("woff"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.ttf) format("truetype"), url(//nutrition-point.com/wp-content/plugins/hkezit-social-share/assets/fonts/socicon.svg#socicon) format("svg");
font-weight: normal;
font-style: normal;
}
.meks_ess .socicon-facebook {
background: #3e5b98;
}
.meks_ess .socicon-facebook:before {
content: "\e028"
}
.meks_ess .socicon-twitter {
background: #4da7de;
}
.meks_ess .socicon-twitter:before {
content: "\e08d"
}
.meks_ess .socicon-pinterest {
background: #c92619;
}
.meks_ess .socicon-pinterest:before {
content: "\e063"
}
.meks_ess .socicon-reddit {
background: #e74a1e;
}
.meks_ess .socicon-reddit:before {
content: "\e06c"
}
.meks_ess .socicon-instagram {
background: #000000;
}
.meks_ess .socicon-instagram:before {
content: "\e044"
}
.meks_ess .socicon-stumbleupon {
background: #e64011;
}
.meks_ess .socicon-stumbleupon:before {
content: "\e082"
}
.meks_ess .socicon-linkedin {
background: #3371b7;
}
.meks_ess .socicon-linkedin:before {
content: "\e04c"
}
.meks_ess .socicon-googleplus {
background: #dd4b39;
}
.meks_ess .socicon-googleplus:before {
content: "\e038"
}
.meks_ess .socicon-whatsapp {
background: #20B038;
}
.meks_ess .socicon-whatsapp:before {
content: "\e099"
}
.meks_ess .socicon-vkontakte {
background: #5a7fa6;
}
.meks_ess .socicon-vkontakte:before {
content: "\e095"
}
.meks_ess .socicon-mail {
background: #000000;
}
.meks_ess .socicon-mail:before {
content: "\e050"
}
.transparent .socicon-facebook:before,
.outline .socicon-facebook:before,
.transparent .socicon-facebook span,
.outline .socicon-facebook span {
color: #3e5b98;
}
.transparent .socicon-twitter:before,
.outline .socicon-twitter:before,
.transparent .socicon-twitter span,
.outline .socicon-twitter span {
color: #4da7de;
}
.transparent .socicon-pinterest:before,
.outline .socicon-pinterest:before,
.transparent .socicon-pinterest span,
.outline .socicon-pinterest span {
color: #c92619;
}
.transparent .socicon-reddit:before,
.outline .socicon-reddit:before,
.transparent .socicon-reddit span,
.outline .socicon-reddit span {
color: #e74a1e;
}
.transparent .socicon-instagram:before,
.outline .socicon-instagram:before,
.transparent .socicon-instagram span,
.outline .socicon-instagram span {
color: #000000;
}
.transparent .socicon-stumbleupon:before,
.outline .socicon-stumbleupon:before,
.transparent .socicon-stumbleupon span,
.outline .socicon-stumbleupon span {
color: #e64011;
}
.transparent .socicon-linkedin:before,
.outline .socicon-linkedin:before,
.transparent .socicon-linkedin span,
.outline .socicon-linkedin span {
color: #3371b7;
}
.transparent .socicon-googleplus:before,
.outline .socicon-googleplus:before,
.transparent .socicon-googleplus span,
.outline .socicon-googleplus span {
color: #dd4b39;
}
.transparent .socicon-whatsapp:before,
.outline .socicon-whatsapp:before,
.transparent .socicon-whatsapp span,
.outline .socicon-whatsapp span {
color: #20B038;
}
.transparent .socicon-vkontakte:before,
.outline .socicon-vkontakte:before,
.transparent .socicon-vkontakte span,
.outline .socicon-vkontakte span {
color: #5a7fa6;
}
.transparent .socicon-mail:before,
.outline .socicon-mail:before,
.transparent .socicon-mail span,
.outline .socicon-mail span {
color: #000000;
}
body .outline a.socicon-facebook,
body .outline a.socicon-facebook:hover {
border-color: #3e5b98;
}
body .outline a.socicon-twitter,
body .outline a.socicon-twitter:hover {
border-color: #4da7de;
}
body .outline a.socicon-pinterest,
body .outline a.socicon-pinterest:hover {
border-color: #c92619;
}
body .outline a.socicon-reddit,
body .outline a.socicon-reddit:hover {
border-color: #e74a1e;
}
body .outline a.socicon-instagram,
body .outline a.socicon-instagram:hover {
border-color: #000000;
}
body .outline a.socicon-stumbleupon,
body .outline a.socicon-stumbleupon:hover {
border-color: #e64011;
}
body .outline a.socicon-linkedin,
body .outline a.socicon-linkedin:hover {
border-color: #3371b7;
}
body .outline a.socicon-googleplus,
body .outline a.socicon-googleplus:hover {
border-color: #dd4b39;
}
body .outline a.socicon-whatsapp,
body .outline a.socicon-whatsapp:hover {
border-color: #20B038;
}
body .outline a.socicon-vkontakte,
body .outline a.socicon-vkontakte:hover {
border-color: #5a7fa6;
}
body .outline a.socicon-mail,
body .outline a.socicon-mail:hover {
border-color: #000000;
}
.meks_ess {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
top: -5px;
}
body .meks_ess a {
font-style: normal;
text-decoration: none !important;
font-family: inherit;
color: #FFF;
font-size: 16px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
min-width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px;
margin-top: 5px !important;
box-shadow: none !important;
border: 0;
}
.meks_ess a:before {
font-family: "socicon" !important;
font-style: normal !important;
font-size: 14px;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: inherit;
text-rendering: auto;
}
body .meks_ess a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
background-image: -moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1))) !important;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -ms-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
}
body .meks_ess a:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.meks_ess a span {
font-family: inherit;
position: relative;
top: -1px;
margin-left: 8px;
}
.meks_ess.no-labels span {
display: none;
}
.meks_ess.transparent a {
font-size: 1em;
} .meks_ess.outline a {
border: 1px solid transparent;
background: transparent !important;
}
.meks_ess.outline a:hover {
border: 1px solid;
}
.meks_ess.transparent a {
border-radius: 0;
background: transparent !important;
}
.meks_ess.transparent a:hover {
background: transparent !important;
} .meks_ess.rectangle.no-labels a {
border-radius: 0;
min-width: 100px;
} .meks_ess.rounded.no-labels a {
border-radius: 20px;
min-width: 100px;
} .meks_ess.circle, .meks_ess.square, .meks_ess.transparent {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.meks_ess.circle a, .meks_ess.square a, .meks_ess.transparent a {
width: 40px;
border-radius: 50%;
-webkit-box-flex: none; 
-webkit-flex: none; 
-ms-flex: none;
flex: none;
} .meks_ess.square a {
border-radius: 0;
} .meks_ess.transparent.outline a {
border: 0;
} .meks_ess.rectangle a {
border-radius: 0;
min-width: 140px;
} .meks_ess.rounded a {
border-radius: 20px;
min-width: 140px;
} .meks_ess.transparent a {
min-width: auto;
width: auto;
margin-right: 25px;
border-radius: 0;
}
.meks_ess.transparent .socicon-facebook {
margin-left: -3px;
}