.nfui .simplified-design .a .text { padding-top:100px; padding-bottom:80px; text-align:center }
.nfui .simplified-design .a .text .icon { background:url(a.png) 50% no-repeat; height:220px; margin:0 auto; width:220px; }
.nfui .simplified-design .a .text h2 { color:rgba(0,0,0,0.6); font-size:54px; line-height:1.2; margin-top:-14px; }
.nfui .simplified-design .a .text p { color:rgba(0,0,0,0.6); font-size:22.5px; line-height:38px; padding-top:16px; }
@media screen and (max-width:736px){
  .nfui .simplified-design .a .text { padding:0.72rem 0 0.76rem; }
  .nfui .simplified-design .a .text .icon { background-size:contain; height:1.28rem; width:1.28rem; }
  .nfui .simplified-design .a .text h2 { color:rgba(0,0,0,0.8); font-size:0.44rem; line-height:1.2; margin:0; }
  .nfui .simplified-design .a .text p { color:rgba(0,0,0,0.8); font-size:0.24rem; line-height:0.38rem; padding-top:0.06rem; }
}
/**************************************************************************************/
.nfui .simplified-design .b { background:url(b.jpg) 50% 0 no-repeat; height:1208px; }
.nfui .simplified-design .b .text { padding-top:85px; }
.nfui .simplified-design .b .text .icon { background:url(a.png) 50% no-repeat; height:220px; margin:0 auto; width:220px; }
.nfui .simplified-design .b .text h2 { font-size:54px; line-height:1.2; margin-top:-14px; }
.nfui .simplified-design .b .text p { color:rgba(0,0,0,0.8); font-size:22.5px; line-height:38px; padding-top:37px; padding-right:61%; }
@media screen and (max-width:736px){
  .nfui .simplified-design .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:112% }
  .nfui .simplified-design .b .text { padding:0.74rem 0 0.06rem; text-align:center }
  .nfui .simplified-design .b .text h2 { color:#000; font-size:0.6rem; line-height:1.2; }
  .nfui .simplified-design .b .text p { color:#000; font-size:0.28rem; line-height:0.36rem; padding:0.2rem 0 0; }
  .nfui .simplified-design .b .text p br { display:none }
}
/**************************************************************************************/
.nfui .simplified-design .c { background:url(c.jpg) 50% no-repeat; height:1429px }
.nfui .simplified-design .c .text { padding-top:133px; }
.nfui .simplified-design .c .text p { color:rgba(0,0,0,0.8); font-size:22.5px; line-height:38px; text-align:center;position: relative; }
.nfui .simplified-design .c .icons { left:130px; position: absolute; top:328px; }
.nfui .simplified-design .c .icons li { background-repeat:no-repeat; display:block; float:left; height:120px; width:120px; }
.nfui .simplified-design .c .icons li img { height:100%; width:100%; }
.nfui .simplified-design .c .icons li+li { margin-left:85px; }
.nfui .simplified-design .c .icons .li3 { transform:scale(1.08333333); transform-origin:50% 50%; }
.nfui .simplified-design .c video{position:absolute;top:0;left:-360px;}
.nfui .simplified-design .c .shw{width:148px;height:33px;background:url(shadow.png) 50% 50% no-repeat;position:absolute;top:485px;left:50%;margin-left:-74px;}
@media screen and (max-width:736px){
  .nfui .simplified-design .c { background:url(m/c.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:111.71875%; }
  .nfui .simplified-design .c .icons{ display:none; }
  .nfui .simplified-design .c .text { padding:0.8rem 6% 0.6rem; }
  .nfui .simplified-design .c .text p { color:#000; font-size:0.28rem; line-height:0.36rem; }
}
/**************************************************************************************/
.nfui .simplified-design .d { background:url(d.jpg) 50% 0 no-repeat; height:1044px }
.nfui .simplified-design .d .text { padding-top:175px; }
.nfui .simplified-design .d .text h2 { font-size:65px; line-height:1.2; }
.nfui .simplified-design .d .text p { color:rgba(0,0,0,0.8); font-size:22.5px; line-height:38px; padding-top:25px; width:580px; }
@media screen and (max-width:736px){
  .nfui .simplified-design .d { background:#cce9ff url(m/d.jpg?1) 50% 0 / 100% 100% no-repeat; height:0; padding-bottom:124.6875% }
  .nfui .simplified-design .d .text { padding-top:0.75rem;}
  .nfui .simplified-design .d .text h2 { color:#000; font-size:0.6rem; line-height:1.2; }
  .nfui .simplified-design .d .text p { color:#000; font-size:0.28rem; line-height:0.36rem; padding-top:0.2rem; width:auto; }
  .nfui .simplified-design .d .text p br { display:none }
}
/**************************************************************************************/
.nfui .simplified-design .e { height:2892px; overflow:hidden; position:relative; }
.nfui .simplified-design .e .bg { background:url(e-bg.jpg) 50% no-repeat; height:2892px; }
.nfui .simplified-design .e .text { padding-right:65px; padding-left:685px; padding-top:300px; position:relative; text-align:right; }
.nfui .simplified-design .e .text p { color:rgba(0,0,0,0.8); font-size:22.5px; line-height:38px; }
.nfui .simplified-design .e .colors { height:154px; margin-top:-77px; opacity:0; position:fixed; right:66px; transition:opacity .3s linear; top:50%; }
.nfui .simplified-design .e .colors .color { height:30px; position:relative; width:30px; }
.nfui .simplified-design .e .colors .color span { font-size:20px; line-height:30px; opacity:0; position: absolute; right:50px; transition:opacity .3s linear; top:0; } 
.nfui .simplified-design .e .colors .color + .color { margin-top:32px; }
.nfui .simplified-design .e .colors .color i { background:url(e-colors.png) no-repeat; cursor:pointer; display:block; height:30px; opacity:1; transition:opacity .2s linear; width:30px; }
.nfui .simplified-design .e .colors .color-blue i { background-position:0 0 }
.nfui .simplified-design .e .colors .color-yellow i { background-position:0 -62px }
.nfui .simplified-design .e .colors .color-orange i { background-position:0 -124px }
.nfui .simplified-design .e .colors .color:after { background:url(e-color-hover.png) center no-repeat; content:""; cursor:pointer; display:block; height:30px; left:0; opacity:0; position:absolute; top:0; transition:opacity .2s linear; width:30px; }
.nfui .simplified-design .e .colors .color:hover span { opacity:0.8; }
.nfui .simplified-design .e .colors .color:hover i { opacity:0; }
.nfui .simplified-design .e .colors .color:hover:after { opacity:1; }
.nfui .simplified-design .e .sec { background-position:center; background-repeat:no-repeat; height:964px; opacity:1; position:absolute; transition:all .5s linear; width:100%; }
.nfui .simplified-design .e .sec.e1 { background-image:url(e1.png); top:0; }
.nfui .simplified-design .e .sec.e2 { background-image:url(e2.png); top:33.33% }
.nfui .simplified-design .e .sec.e3 { background-image:url(e3.png); top:66.67%; }
.nfui .simplified-design .e.fixed .colors { opacity:1 }
.nfui .simplified-design .e.fixed .sec { bottom:0; left:0; position:fixed; right:0; top:auto; }
.nfui .simplified-design .e.fixed .bg { left:0; position:fixed; right:0; top:0; transition:top 0.5s linear; }
.nfui .simplified-design .e.fixed[data-sec="1"] .bg { top:0; }
.nfui .simplified-design .e.fixed[data-sec="2"] .bg { top:-964px; }
.nfui .simplified-design .e.fixed[data-sec="3"] .bg { top:-1928px; } 
.nfui .simplified-design .e[data-sec="1"] .sec.e1,
.nfui .simplified-design .e[data-sec="2"] .sec.e2,
.nfui .simplified-design .e[data-sec="3"] .sec.e3 { opacity:1 }
.nfui .simplified-design .e[data-sec="1"] .sec.e2,
.nfui .simplified-design .e[data-sec="1"] .sec.e3,
.nfui .simplified-design .e[data-sec="2"] .sec.e1,
.nfui .simplified-design .e[data-sec="2"] .sec.e3,
.nfui .simplified-design .e[data-sec="3"] .sec.e1,
.nfui .simplified-design .e[data-sec="3"] .sec.e2  { opacity:0 }
.nfui .simplified-design .e[data-sec="1"] .colors .color-blue span,
.nfui .simplified-design .e[data-sec="2"] .colors .color-yellow span,
.nfui .simplified-design .e[data-sec="3"] .colors .color-orange span { opacity:0.8; }
.nfui .simplified-design .e[data-sec="1"] .colors .color-blue i,
.nfui .simplified-design .e[data-sec="2"] .colors .color-yellow i,
.nfui .simplified-design .e[data-sec="3"] .colors .color-orange i { opacity:0; }
.nfui .simplified-design .e[data-sec="1"] .colors .color-blue:after,
.nfui .simplified-design .e[data-sec="2"] .colors .color-yellow:after,
.nfui .simplified-design .e[data-sec="3"] .colors .color-orange:after { opacity:1; }

.nfui .simplified-design .e > div:last-child >.w1200 { display:none; }
@media screen and (min-width:1920px){
  .nfui .simplified-design .e .colors { margin-right:-894px; right:50%; }
}
@media screen and (min-height:960px){
  .nfui .simplified-design .e { height:300vh; }
  .nfui .simplified-design .e .bg { background-size:auto 300vh; height:300vh; }
  .nfui .simplified-design .e.fixed .bg { left:50%; margin-left:-960px; width:1920px; }
  .nfui .simplified-design .e.fixed[data-sec="2"] .bg { top:-100vh }
  .nfui .simplified-design .e.fixed[data-sec="3"] .bg { top:-200vh; } 
  .nfui .simplified-design .e .sec { background-size:auto 100vh; height:100vh }
}
@media screen and (max-height:800px){
  .nfui .simplified-design .e .text { padding-top:350px; }
}
@media screen and (max-height:700px){
  .nfui .simplified-design .e .text { padding-top:400px; }
}
@media screen and (max-height:600px){
  .nfui .simplified-design .e .text { padding-top:450px; }
}
@media screen and (max-width:736px){
  .nfui .simplified-design .e { background:url(m/e.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:238.125%; }
  .nfui .simplified-design .e .bg { display:none; }
  .nfui .simplified-design .e .sec { display:none!important; background:none!important; }
  .nfui .simplified-design .e .w1200 { display:block!important; }
  .nfui .simplified-design .e .colors { display:none!important; }
  .nfui .simplified-design .e .text { padding:0.8rem 6% 0; position:static; text-align:center }
  .nfui .simplified-design .e .text p { color:#000; font-size:0.28rem; line-height:0.36rem; }
}
/**************************************************************************************/
.nfui .simplified-design .f {padding-bottom:1000px;position:relative; }
.nfui .simplified-design .f:after{content:'';z-index:6;position:absolute;top:0;left:0;right:0;bottom:0;background: url(f-bg.png) 50% 100% no-repeat;}
.nfui .simplified-design .f .text { padding-top:145px; text-align: center;}
.nfui .simplified-design .f .text h2 { font-size:65px; line-height:1.2; }
.nfui .simplified-design .f .text p { color:rgba(0,0,0,0.8); font-size:22.5px; line-height:38px; padding-top:25px;}
.nfui .simplified-design .f .images{position:absolute;bottom:-1000px;left:-360px;right:-360px;top:0;}
.nfui .simplified-design .f .images:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(f.png) 50% 100% no-repeat;z-index:5;}
.nfui .simplified-design .f li{width:351px;height:692px;position:absolute;bottom:168px;left:773px;transition:all linear 0.35s;background-position:center;background-repeat:no-repeat;background-size:cover;}
.nfui .simplified-design .f li:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;/*background:#a9a9a9;*/}
.nfui .simplified-design .f li.f1{background-image:url(f1.jpg);}
.nfui .simplified-design .f li.f2{background-image:url(f2.jpg);}
.nfui .simplified-design .f li.f3{background-image:url(f3.jpg);}
.nfui .simplified-design .f li.f4{background-image:url(f4.jpg);}
.nfui .simplified-design .f li.f5{background-image:url(f5.jpg);}
.nfui .simplified-design .f li.f6{background-image:url(f6.jpg);}
.nfui .simplified-design .f li.f7{background-image:url(f7.jpg);}
.nfui .simplified-design .f li:nth-of-type(1){transform:translate(-190%,0) scale(0.7);z-index:1;}
.nfui .simplified-design .f li:nth-of-type(1):after{opacity:0.6;}
.nfui .simplified-design .f li:nth-of-type(2){transform:translate(-143%,0) scale(0.8);z-index:2;}
.nfui .simplified-design .f li:nth-of-type(2):after{opacity:0.45;}
.nfui .simplified-design .f li:nth-of-type(3){transform:translate(-80%,0) scale(0.9);z-index:3;}
.nfui .simplified-design .f li:nth-of-type(3):after{opacity:0.2;}
.nfui .simplified-design .f li:nth-of-type(4){transform:translate(0,0);z-index:5;}
.nfui .simplified-design .f li:nth-of-type(4):after{opacity:0;}
.nfui .simplified-design .f li:nth-of-type(5){transform:translate(80%,0) scale(0.9);z-index:4;}
.nfui .simplified-design .f li:nth-of-type(5):after{opacity:0.2;}
.nfui .simplified-design .f li:nth-of-type(6){transform:translate(143%,0) scale(0.8);z-index:3;}
.nfui .simplified-design .f li:nth-of-type(6):after{opacity:0.45;}
.nfui .simplified-design .f li:nth-of-type(7){transform:translate(190%,0) scale(0.7);z-index:2;}
.nfui .simplified-design .f li:nth-of-type(7):after{opacity:0.6;}
@media screen and (max-width:736px){
  .nfui .simplified-design .f{height:auto;padding-bottom:121%;background:url(m/f.jpg) 50% 100% no-repeat;background-size:100%;}
  .nfui .simplified-design .f .images{display:none;}
  .nfui .simplified-design .f .text { padding:0.75rem 0 0; }
  .nfui .simplified-design .f .text h2{font-size:0.6rem;line-height:1.2;color:#000;}
  .nfui .simplified-design .f .text p { color:#000; font-size:0.28rem; line-height:0.36rem; padding-top:0.2rem; width:auto; }
}