@charset "utf-8";.mesh{position:relative;margin:0 auto;max-width:768px;min-width:300px;color:#000;font-size:18px;font-weight: 300;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mesh .w-width{position:relative;margin:0 auto;width:auto}
.mesh .clearFix,.mesh .row,.mesh .section,.mesh .w-width{position:relative}
.mesh .clearFix:after,.mesh .clearFix:before,.mesh .row:after,.mesh .row:before,.mesh .section:after,.mesh .section:before,.mesh .w-width:after,.mesh .w-width:before{clear:both;display:table;visibility:hidden;height:0;content:''}
.mesh .col-lg-1,.mesh .col-lg-10,.mesh .col-lg-12,.mesh .col-lg-2,.mesh .col-lg-3,.mesh .col-lg-4,.mesh .col-lg-6,.mesh .col-lg-8,.mesh .col-lg-9,.mesh .col-sm-1,.mesh .col-sm-10,.mesh .col-sm-12,.mesh .col-sm-2,.mesh .col-sm-3,.mesh .col-sm-4,.mesh .col-sm-6,.mesh .col-sm-8,.mesh .col-sm-9{position:relative;box-sizing:border-box}
.mesh .col-sm-1,.mesh .col-sm-10,.mesh .col-sm-12,.mesh .col-sm-2,.mesh .col-sm-3,.mesh .col-sm-4,.mesh .col-sm-6,.mesh .col-sm-8,.mesh .col-sm-9{float:left}
.mesh .col-sm-2{width:16.66%}
.mesh .col-sm-3{width:25%}
.mesh .col-sm-4{width:33.33%}
.mesh .col-sm-6{width:50%}
.mesh .col-sm-8{width:66.66%}
.mesh a{color:#048691;text-decoration:none}
.mesh h2{padding-top:10vw;font-size:7.5vw;font-weight: 400;line-height:1.2}
.mesh h4{margin:5vw 0 2vw;font-size:5vw;line-height:1.2}
.mesh h5{margin:40px 0 20px;font-size:30px;font-weight: 400;line-height:1.2}
.mesh h6{margin-bottom:15px;font-size:20px;font-weight: 400;}
.mesh .nowrap{white-space:nowrap}
.mesh .hr{display:block;margin:20px 0;width:100%;height:1px}
.mesh .inline-block{display:inline-block}
.mesh .fBold{font-weight:700;}
.mesh .fMedium{font-weight: 500;}
.mesh .fRegular{font-weight: 400;}
.mesh .fLight{font-weight: 300;}
.mesh .bgWhite{background-color:#fff}
.mesh .bgBlack{background-color:#000}
.mesh .m-hide{display:none}
.mesh .m-show{display:none}
@media screen and (min-width:768px){.mesh{max-width:1920px;min-width:1200px;font-size:20px;line-height:1.45}
.mesh .w-width{width:1366px}
.mesh h2{padding-top:0;font-size:55px;font-weight: 500;}
.mesh h4{margin:20px 0 5px;font-size:30px;font-weight: 400;line-height:1.33}
.mesh h5{margin:70px 0 40px;font-size:50px}
.mesh h6{margin-bottom:40px;font-size:30px}
.mesh .hr{margin:55px 0}
.mesh .col-lg-2,.mesh .col-lg-3,.mesh .col-lg-4,.mesh .col-lg-6,.mesh .col-lg-8{float:left}
.mesh .col-lg-2{width:16.66%}
.mesh .col-lg-3{width:25%}
.mesh .col-lg-4{width:33.33%}
.mesh .col-lg-6{width:50%}
.mesh .col-lg-8{width:66.66%}
.mesh .lg-offset-6-right{margin-right:10px}
.mesh .lg-offset-6-left{margin-left:10px}
.mesh .col-offset-6{margin-left:50%}
.mesh .col-offset-3{margin-left:25%}
.mesh .col-offset-2{margin-left:16.66%}
.mesh .pc-show{display:initial}
.mesh .pc-block{display:block}
.mesh .pc-hide{display:none}
}
@media screen and (max-width:1366px){.mesh .w-width{width:1200px}
}
@media screen and (max-width:736px){.mesh .w-width{width:auto}
}
.mesh .banner{height:847px;background:url(a.jpg) no-repeat 50% 50%;color:#fff}
.mesh .banner .desc{margin:225px 0 0 0;width:670px}
.mesh .a{padding:50px 0 100px}
.mesh .a li{text-align:center}
.mesh .a li img{display:block;margin:0 auto;width:61%;height:auto}
.mesh .b{padding-bottom:60px;background-color:#dee3e7;text-align:center}
.mesh .b .desc{padding:0 125px}
.mesh .b ul{padding:50px 9% 0 9%}
.mesh .b ul li{padding:0 20px}
.mesh .b ul li img{width:100%;height:auto;vertical-align:top}
.mesh .b ul li video{width:100%;vertical-align:top}
.mesh .c h5{margin-top:0}
.mesh .c ul{font-size:0}
.mesh .c ul li{width:50%;vertical-align:middle;font-size:20px}
.mesh .c ul img,.mesh .c ul video{width:100%;height:auto;vertical-align:top}
.mesh .c ul .desc{padding:0 15% 0 25%}
.mesh .d h5{margin-top:0}
.mesh .d ul{font-size:0}
.mesh .d ul li{width:50%;vertical-align:middle;font-size:20px}
.mesh .d ul img,.mesh .d ul video{width:100%;height:auto;vertical-align:top}
.mesh .d ul .desc{padding:0 15% 0 25%}
.mesh .e{height:848px;background:url(f.jpg) no-repeat 50% 50%;color:#fff}
.mesh .e .w-width{height:100%}
.mesh .e .desc{margin-top:190px;width:450px}
.mesh .e .desc ul{position:relative;margin-top:50px;width:700px;font-size:18px}
.mesh .e .desc ul li{position:relative;display:inline-block;margin-bottom:25px;vertical-align:middle;line-height:1}
.mesh .e .desc ul li:nth-child(odd){width:30%}
.mesh .e .desc ul li:nth-child(even){width:65%;font-size:0}
.mesh .e .desc ul li:nth-child(even):before{position:absolute;left:0;display:block;width:2px;height:100%;background-color:#77ccf3;content:'|'}
.mesh .e .desc ul li span{display:inline-block;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.mesh .e .desc ul li .wifi{width:50%;background:#77ccf3}
.mesh .e .desc ul li .speed{background:#fccc00}
.mesh .e .powerline{position:absolute;right:0;bottom:60px;text-align:right;font-size:12px}
.mesh .e .powerline span{margin-left:10px;vertical-align:middle;font-size:20px}
.mesh .e .powerline span:first-child{width:50px;height:2px;background-color:#ffcb00}
.mesh .f{height:1035px;background:url(g.jpg) no-repeat 50% 50%;text-align:center}
.mesh .f .w-width{height:100%}
.mesh .f ul{position:absolute;bottom:50px;left:0;width:100%}
.mesh .f ul li span:first-child{margin-right:10px;color:#c11c66;font-size:30px}
.mesh .f ul li:nth-child(2) span:first-child{color:#fdcd00}
.mesh .f ul li:nth-child(3) span:first-child{color:#1d2088}
.mesh .g{padding-bottom:90px;text-align:center}
.mesh .g table{width:100%}
.mesh .g table tbody{background-color:#e5e5e5}
.mesh .g table thead{color:#36444b;font-size:28px}
.mesh .g table thead span{margin-bottom:20px;padding-bottom:37px;background:url(g-icon.png) no-repeat 50% 100%}
.mesh .g table tfoot{text-align:left;font-size:14px}
.mesh .g table tfoot span{margin-right:10px}
.mesh .g table td{padding:10px 0;border-right:1px solid #fff;border-left:1px solid #fff}
.mesh .g table tr:first-child td{border-bottom:1px solid #fff}
.mesh .g table td:nth-child(2){color:#005564;font-weight: 400;}
/* .mesh .h{height:690px;background:url(h.jpg) repeat-y 50% 50%;color:#fff;text-align:center} */
.mesh .h h5{text-align: center;}
.mesh .h ul{margin-top:60px}
.mesh .h ul .wifi6{display:inline-block;margin-left:10px;width:50px;height:26px;background:url(wifi6.png) -5% 0/contain no-repeat;vertical-align:top;font-size:0}
.mesh .h ul p{margin-top:10px}
.mesh .h a{color:#74d3d8;text-decoration:underline}
.mesh .h .deco{padding:0 0 3em;text-align: center;}
.mesh .i{text-align:center}
.mesh .i .desc{margin:0 auto;width:950px}
.mesh .i ul{padding:40px 0 0;text-align:center}
.mesh .i ul li{display:inline-block;width:21%}
.mesh .i ul i{display:block;margin:0 auto;width:70px;height:70px;background-image:url(icons.png);background-size:auto 100%;background-repeat:no-repeat}
.mesh .i ul .li1 i{background-position:0 30%}
.mesh .i ul .li2 i{background-position:50% 30%}
.mesh .i ul .li3 i{background-position:100% 30%}
.mesh .i .img{position:relative;height:545px;background:url(i.jpg) center no-repeat}
.mesh .i .img .desc{position:absolute;top:450px;width:500px;color:#085e81;text-align:center}
.mesh .i .img .desc1{left:100px}
.mesh .i .img .desc2{left:700px}
.mesh .j{height:1047px;background:url(j.jpg) center no-repeat;text-align:center}
.mesh .j .desc{margin:0 auto;width:1000px}
@media screen and (max-width:768px){.mesh .section{background-position:50% 100%;background-size:100% auto;background-repeat:no-repeat}
.mesh .section .desc{padding:0 20px;width:auto}
.mesh .banner{padding-bottom:20%;height:127vw;background:url(mobile/a.jpg) no-repeat 50% 100%,url(mobile/a-bg.jpg) repeat-y 50% 0;background-size:100% auto;text-align:left}
.mesh .banner .desc{margin:0}
.mesh .a{padding-bottom:40px}
.mesh .a ul{padding:0 20px}
.mesh .a li{margin-bottom:20px}
.mesh .a li img{width:100%}
.mesh .b{padding-bottom:145%;height:auto;background-color:#dee3e7;background-image:url(mobile/c.jpg);text-align:left}
.mesh .b ul{display:none}
.mesh .c{height:auto;background-color:#004e66;color:#fff}
.mesh .c h5{padding-top:30px}
.mesh .c ul li{width:auto}
.mesh .c ul li .desc{padding:0 20px}
.mesh .d{height:auto;background-color:#6ccad9}
.mesh .d h5{padding-top:30px}
.mesh .d ul{display:flex;flex-wrap:wrap;flex-direction:column-reverse}
.mesh .d ul li{width:auto}
.mesh .d ul li .desc{padding:0 20px}
.mesh .e{padding-bottom:88%;height:auto;background-color:#005564;background-image:url(mobile/f.jpg);overflow: hidden;}
.mesh .e .w-width{position:static}
.mesh .e .desc{margin-top:0}
.mesh .e .desc ul{margin-top:10px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-ms-transform:scale(.6);-ms-transform-origin:0 0}
.mesh .e .desc ul li{display:block;width:auto}
.mesh .e .powerline{bottom:2%;left:0;width:100%;text-align:center;font-size:12px}
.mesh .e .powerline span{font-size:14px}
.mesh .f{padding-bottom:88%;height:auto;background-color:#e2eaed;background-image:url(mobile/g.jpg)}
.mesh .f .w-width{position:static}
.mesh .f ul{position:relative;bottom:auto;left:auto;box-sizing:border-box;padding:0 20px;font-size:12px}
.mesh .f ul li span:first-child{font-size:14px}
.mesh .g{display:none}
/* .mesh .h{height:auto;background:url(mobile/i-bg.jpg);background-repeat:repeat-y} */
.mesh .h .desc{padding:0;}
.mesh .h ul{margin-top:0}
.mesh .h ul li{margin-bottom:20px}
.mesh .h ul li b{width:180px;height:181px;background-size:100% auto}
.mesh .h ul p{margin-top:0}
.mesh .i{height:auto}
.mesh .i .img .mesh .i .img{height:auto;background:0 0}
.mesh .i ul{padding-top:15px}
.mesh .i ul li{display:block;padding-bottom:20px;width:auto}
.mesh .i .img .desc{position:static;width:auto;background-position:center top;background-size:contain;background-repeat:no-repeat}
.mesh .i .img .desc1{padding-top:49%;background-image:url(mobile/i1.jpg)}
.mesh .i .img .desc2{padding-top:67%;background-image:url(mobile/i2.jpg)}
.mesh .j{padding-bottom:88%;height:auto;background-color:#ecf1f4;background-image:url(mobile/j.jpg)}
}