.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:1185px; }
.nfui .simplified-design .b .text { padding-top:135px; }
.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:65px; 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:25px; 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:96% }
  .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;height:1429px;width: 1921px}
.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 .c .shw{display: none!important}
}
/**************************************************************************************/
.nfui .simplified-design .d { background:url(d.jpg) 50% 0 no-repeat; height:1016px }
.nfui .simplified-design .d .text { padding-top:135px;text-align: center }
.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:15px }
.nfui .simplified-design .d .icons{position: absolute;width: 100%;height: 20.5em;top: 27.5em;background-position: 50% 0;background-size: contain;background-repeat: no-repeat;transition: opacity 900ms}
.nfui .simplified-design .d .lines{background-image: url(d-lines.png);opacity: 0;transition-delay: 500ms;opacity: 0;height: 22.95em;top: 26.095em}
.nfui .simplified-design .d .icons-old{background-image: url(d-icons.png);opacity: 1; }
.nfui .simplified-design .d .icons-new{background-image: url(d-icons-new.png);opacity: 0; }
.nfui .simplified-design .d.active .icons-old{opacity: 0}
.nfui .simplified-design .d.active .icons-new,.nfui .simplified-design .d.active .lines{opacity: 1}
@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 .d .icons{display: none}
}
/**************************************************************************************/
.nfui .simplified-design .e { height:4100px; overflow:hidden; position:relative; }
.nfui .simplified-design .e .text {padding:345px 0 0 150px; position:relative}
.nfui .simplified-design .e .text p { color:#fff; font-size:22.5px; line-height:38px; }
.nfui .simplified-design .e .btns { height:50px; transition:opacity .3s linear;margin-top: 80px }
.nfui .simplified-design .e .btns .btn { height:50px; position:relative; width:50px;display: inline-block }
.nfui .simplified-design .e .btns .btn + .btn{margin-left: 45px}
.nfui .simplified-design .e .btns .btn i { background:url(e-buttons.png) no-repeat; cursor:pointer; display:block; height:45px; opacity:1; transition:opacity .2s linear; width:45px; }
.nfui .simplified-design .e .btns .btn-blue i { background-position:-1% 0 }
.nfui .simplified-design .e .btns .btn-grey i { background-position:33% 0 }
.nfui .simplified-design .e .btns .btn-purple i { background-position:67% 0}
.nfui .simplified-design .e .btns .btn-pink i { background-position:101% 0}
.nfui .simplified-design .e .btns span { font-size:20px;color: #fff; line-height:30px; opacity:0; position: absolute;transition:opacity .3s linear; top:50px;display: inline-block;width: 5em;margin-left: -50%;text-align: center } 

.nfui .simplified-design .e .sec { background-position:center; background-repeat:no-repeat; height:1025px; opacity:1; position:absolute; transition:all .5s linear; width:100%; }
.nfui .simplified-design .e .sec.e1 { background-image:url(e1.jpg); top:0; }
.nfui .simplified-design .e .sec.e2 { background-image:url(e2.jpg); top:25% }
.nfui .simplified-design .e .sec.e3 { background-image:url(e3.jpg); top:50%; }
.nfui .simplified-design .e .sec.e4 { background-image:url(e4.jpg); top:75%; }
.nfui .simplified-design .e.fixed .sec { bottom:0; left:0; position:fixed; right:0; top:auto; }
.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,
.nfui .simplified-design .e[data-sec="4"] .sec.e4{ 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="1"] .sec.e4,
.nfui .simplified-design .e[data-sec="2"] .sec.e1,
.nfui .simplified-design .e[data-sec="2"] .sec.e3,
.nfui .simplified-design .e[data-sec="2"] .sec.e4,
.nfui .simplified-design .e[data-sec="3"] .sec.e1,
.nfui .simplified-design .e[data-sec="3"] .sec.e2,
.nfui .simplified-design .e[data-sec="3"] .sec.e4,
.nfui .simplified-design .e[data-sec="4"] .sec.e1,
.nfui .simplified-design .e[data-sec="4"] .sec.e2,
.nfui .simplified-design .e[data-sec="4"] .sec.e3  { opacity:0 }
.nfui .simplified-design .e[data-sec="1"] .sec.e1 .btn-blue i{background-position: -1% 92%}
.nfui .simplified-design .e[data-sec="1"] .sec.e1 .btn-blue span{opacity: 0.8;}
.nfui .simplified-design .e[data-sec="2"] .sec.e2 .btn-grey i{background-position: 33% 92%}
.nfui .simplified-design .e[data-sec="2"] .sec.e2 .btn-grey span{opacity: 0.8;}
.nfui .simplified-design .e[data-sec="3"] .sec.e3 .btn-purple i{background-position: 67% 92%}
.nfui .simplified-design .e[data-sec="3"] .sec.e3 .btn-purple span{opacity: 0.8;}
.nfui .simplified-design .e[data-sec="4"] .sec.e4 .btn-pink i{background-position: 101% 92%}
.nfui .simplified-design .e[data-sec="4"] .sec.e4 .btns span{color: #000}
.nfui .simplified-design .e[data-sec="4"] .sec.e4 .text p{color: #000}
.nfui .simplified-design .e[data-sec="4"] .sec.e4 .btn-pink span{opacity: 0.8;}
.nfui .simplified-design .e > div:last-child >.w1200 { display:none; }
@media screen and (max-width:736px){
  .nfui .simplified-design .e { height:0; padding-bottom:159.25%; }
  .nfui .simplified-design .e .sec{height: 0;opacity: 0;padding-bottom:159.25%;position: absolute;left: 0;right: 0;top: 0!important;bottom: 0}
  .nfui .simplified-design .e .sec.active{opacity: 1;}
  .nfui .simplified-design .e .sec.e1 { background:url(m/e1.jpg) 50% 0 / 100% auto no-repeat; height:0 }
  .nfui .simplified-design .e .sec.e2 { background:url(m/e2.jpg) 50% 0 / 100% auto no-repeat; height:0 }
  .nfui .simplified-design .e .sec.e3 { background:url(m/e3.jpg) 50% 0 / 100% auto no-repeat; height:0 }
  .nfui .simplified-design .e .sec.e4 { background:url(m/e4.jpg) 50% 0 / 100% auto no-repeat; height:0 }
  .nfui .simplified-design .e .w1200 { display:block!important; }
  .nfui .simplified-design .e .btns { 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;display: none }
}