.ces-tapo .banner{font-size:16px;max-width:1920px;margin:0 auto;background:url(./banner.jpg) 50% 0 no-repeat;background-size:120em;height:60em;}
.ces-tapo .banner .w-container{width:85.375em;margin:0 auto;}
.ces-tapo .banner h2{font-size:4.375em;font-weight:500;line-height:1.2;margin-bottom:0.25em;}
.ces-tapo .banner h3{font-size:1.875em;font-weight:400;margin-bottom:0.5em;}
.ces-tapo .banner .text{padding:18em 50% 0 0;}
.ces-tapo .banner .model-name{background:#00a3df;display:inline-block;padding:0.25em 1em;border-radius: 0.25em;font-size:1.5em;color:#fff;}
.ces-tapo .banner .icon{margin-top:2em;}
.ces-tapo .banner .icon>img{height:2.625em;}
.ces-tapo .banner .icon>img+img{margin-left:0.75em;}
@media (max-width:1680px){ .ces-tapo .banner{font-size:14px;} }
@media (max-width:1440px){ .ces-tapo .banner{font-size:12px;} }
@media (max-width:736px){
  .ces-tapo .banner{font-size:10.35px;background: url(./m-banner.jpg) 50% 0 no-repeat;background-size:100%;height:133.28125vw;}
  .ces-tapo .banner .m-hide{display:none;}
  .ces-tapo .banner .w-container{width:auto;}
  .ces-tapo .banner .text{padding:0;text-align: left;}
  .ces-tapo .banner h2{padding:1.5em 20px 0.5em;font-size: 2.5em;margin:0;}
  .ces-tapo .banner h3{padding:0 20px;font-size: 2em;}
  .ces-tapo .banner p{font-size: 1.75em;padding:0 20px;}
  .ces-tapo .banner .model-name{font-size:1em;}
  .ces-tapo .banner .icon{padding:0 20px;}
}
@media (max-width:414px){ .ces-tapo .banner{font-size: 2.5vw;} }


.ces-tapo .functions{font-size:16px;max-width:1920px;margin:0 auto;text-align: center;}
.ces-tapo .functions .w-container{width:85.375em;margin:0 auto;}
.ces-tapo .functions .text{padding:4em 0;}
.ces-tapo .functions p{font-size:1.25em; line-height:1.5;}
.ces-tapo .functions li{width:12%;display: inline-block;vertical-align: top;}
.ces-tapo .functions li>img{width:6.25em;}
.ces-tapo .functions li>p{font-size:1.2em;}
@media (max-width:1680px){ .ces-tapo .functions{font-size:14px;} }
@media (max-width:1440px){ .ces-tapo .functions{font-size:12px;} }
@media (max-width:736px){
  .ces-tapo .functions{font-size:10.35px;}
  .ces-tapo .functions .m-hide{display:none;}
  .ces-tapo .functions .w-container{width:auto;}
  .ces-tapo .functions li{width:30%;margin: 0.5em 0;}
  .ces-tapo .functions li>p{font-size:1.25em;}
}
@media (max-width:414px){ .ces-tapo .functions{font-size: 2.5vw;} }


.ces-tapo .matter{font-size:16px;max-width:1920px;margin:0 auto;background:url(./matter.jpg) 50% 0 no-repeat;background-size: 120em;height:49.125em;}
.ces-tapo .matter .nowrap{white-space: nowrap;}
.ces-tapo .matter .w-container{width:85.375em;margin:0 auto;}
.ces-tapo .matter .text{padding:15em 0 0 65%;}
.ces-tapo .matter h2{font-size:3.125em;line-height:1.2;margin-bottom:0.5em;margin-right:-4em;}
.ces-tapo .matter p{font-size:1.25em;line-height:1.5;}
.ces-tapo .matter .link{margin-top:1em;}
.ces-tapo .matter .link>a{color:#4acbd6;}
@media (max-width:1680px){ .ces-tapo .matter{font-size:14px;} }
@media (max-width:1440px){ .ces-tapo .matter{font-size:12px;} }
@media (max-width:736px){
  .ces-tapo .matter{font-size:10.35px;height:auto;padding-bottom:77%;background: #f9f9f9 url(./m-matter.jpg) 50% 100% no-repeat;background-size:100%;}
  .ces-tapo .matter .m-hide{display:none;}
  .ces-tapo .matter .w-container{width:auto;}
  .ces-tapo .matter .text{padding:0;}
  .ces-tapo .matter h2{padding:1.5em 20px 0.5em;font-size: 2.5em;margin:0;}
  .ces-tapo .matter p{font-size: 1.75em;padding:0 20px;}
}
@media (max-width:414px){ .ces-tapo .matter{font-size: 2.5vw;} }