@charset "utf-8";
@font-face {
    font-weight: 400;
    src: url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
    src: url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
         url('https://static.tp-link.com/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-weight: 300;
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.eap115
{
    font-size:18px; font-weight: 300; color:#000; line-height:1.4; max-width:1920px; min-width:1200px;
}
.eap115 .w1200,.eap115 .w1400
{
    width:1200px; margin:0 auto;overflow: hidden;
}
.eap115 .w1400
{
    width:1400px;
}
.eap115 .regular
{
    font-weight: 400;
}
.eap115 h3
{
    font-size:50px; line-height:1.2; margin-top:0; margin-bottom:0;
}
.eap115 p
{
    margin-bottom:0;
}
.eap115 h5
{
    font-size:48px;font-weight: 300; line-height:1.1666; padding-bottom:30px;
}
.eap115 .row:after,.eap115 .row:before,.eap115 .col:after,.eap115 .col:before
{
    content:"";
    height:0;
    display:table;
    overflow:hidden;
    clear:both;
}
.eap115 .col
{
    width:50%; float:left;
}
.eap115 .a
{
    height:1050px; font-size:20px;
}
.eap115 .a .fader
{
    position:relative;width:100%; height:100%;
}
.eap115 .a .fade
{
    position:absolute;top:0;left:0;width:100%;height:100%; background:url(a1.jpg)no-repeat 50% 50%;
}
.eap115 .a .fade:nth-child(2)
{
    background-image:url(a2.jpg);  text-align:center;opacity:0;display:none;
    transition: opacity 0.6s linear 0s;-webkit-transition: opacity 0.6s linear 0s;-moz-transition: opacity 0.6s linear 0s;-ms-transition: opacity 0.6s linear 0s;
}
.eap115 .a .fade:nth-child(2).on
{
    opacity:1;transition: opacity 0.6s linear 0s;-webkit-transition: opacity 0.6s linear 0s;-moz-transition: opacity 0.6s linear 0s;-ms-transition: opacity 0.6s linear 0s;
}
.eap115 .a .fade:first-child .desc
{
    width:495px; padding:120px 0 0 130px;
}
.eap115 .a .speed
{
    font-size:24px; padding:30px 0 15px;
}
.eap115 .a .type
{
    width:225px;height:41px; background:url(icon-type.png)no-repeat 50% 50%; text-indent:-500px; overflow:hidden; margin-bottom:30px;
}
.eap115 .a .fade:nth-child(2) .desc
{
    width:830px; padding-top:290px; margin:0 auto;
}
.eap115 .a .nav
{
    position:absolute;top:50%; left:0; width:100%;height:70px;display:none;
}
.eap115 .a .nav ul
{
    width:100%; margin:0 auto; max-width:1920px; min-width:1200px
}
.eap115 .a .nav ul li
{
    float:left; margin-left:50px
}
.eap115 .a .nav ul li:nth-child(2)
{
    float:right;margin-left:0;margin-right:50px
}
.eap115 .a .nav ul li a
{
    width:36px; height:70px; background:url(banner-prev.png)no-repeat 50% 50%;display:block;
}
.eap115 .a .nav ul li:nth-child(2) a
{
    background:url(banner-next.png); 
}
.eap115 .b
{
    height:1320px;background:url(b.jpg)no-repeat 50% 50%; font-weight: 400;
}
.eap115 .b .desc
{
    text-align:center; padding-top:100px;
}
.eap115 .b .row
{
    margin-top:40px;
}
.eap115 .b .col:first-child .content
{
    width:500px; margin-left:85px;
}
.eap115 .b h3
{
    font-size:34px; margin-bottom:30px;
}
.eap115 .b h3:before
{
    display:block;width:90px;height:90px; background:url(b-icon1.png)no-repeat 50% 50%; margin:0 0 20px 150px; content:"";
}
.eap115 .b .col:last-child h3:before
{
    background-image:url(b-icon2.png);
}
.eap115 .b .col p
{
    font-weight: 300;
}
.eap115 .b .col a
{
    color:#00a7e6; text-decoration:none; margin:20px 0 490px 0; display:inline-block;
}
.eap115 .b .col a:hover
{
    text-decoration:underline;
}
.eap115 .b .col .eap
{
    font-size:24px; margin-left:50px;
}
.eap115 .b .col:last-child h3,.eap115 .b .col:last-child p
{
    padding-left:85px;
}
.eap115 .b .col ul
{
    margin-top:172px;font-size:15px;
}
.eap115 .b .col ul li:first-child
{
    margin-left:505px;
}
.eap115 .b .col ul li:nth-child(2)
{
    margin:100px 0 0 224px;
}
.eap115 .b .col ul li:nth-child(3)
{
    margin:20px 0 0 590px;color:#00adef;
}
.eap115 .b .col ul li:nth-child(4)
{
    margin:65px 0 0 395px;color:#00adef;
}
.eap115 .b .col ul li:nth-child(5)
{
    margin:65px 0 0 232px;color:#00adef;
}
.eap115 .b .col ul li:nth-child(6)
{
    margin:65px 0 0 45px;
}
.eap115 .b .col:last-child .up
{
    width:148px;height:84px; background:url(word.png)no-repeat 50% 50%; padding-left:0; margin:-80px 0 0 242px;
}
.eap115 .c
{
    background:url(c.jpg)no-repeat 50% 50%;height:750px;
}
.eap115 .c .col:nth-child(1) h5
{
    padding-top:195px;
}
.eap115 .c .col:nth-child(2)
{
    width:300px; margin:422px 0 0 218px; color:#fff;
}
.eap115 .c .col:nth-child(2) h5
{
    font-size:25px; padding-left:93px;
}
.eap115 .c .col:nth-child(2) .code
{
    padding:3px 0 0 58px;
}
.eap115 .c .col:nth-child(2) .login
{
    padding-top:24px;font-size:14px; text-align:center; text-transform:uppercase;
}
.eap115 .c .col:nth-child(2) .choice
{
    font-size:16px;padding: 17px 0 0 31px;font-weight: 400;
}
.eap115 .c .col:nth-child(2) .choice span
{
    color:#1ad1ff;
}
.eap115 .d
{
    height:715px;
}
.eap115 .d .col
{
    width:60%; float:right;
}
.eap115 .d .col:nth-child(1)
{
    width:40%;
}
.eap115 .d .col video
{
    width:100%;height:auto; padding-top:125px;
}
.eap115 .d .col .desc
{
    padding:170px 0 0 55px;
}
.eap115 .d .col .desc h5
{
    padding-top:15px;
}
.eap115 .e
{
    height:765px; background:#dfe0e7; text-align:center;
}
.eap115 .e .col
{
    width:25%;
}
.eap115 .e .desc
{
    padding:0 80px;
}
.eap115 .e .desc h5
{
    padding-top:140px;
}
.eap115 .e ul
{
    font-weight: 400; margin-top:50px;
}
.eap115 .e b
{
    display:block;width:227px;height:227px; margin:0 auto 15px; background:url(d1.png)no-repeat 50% 50%;
}
.eap115 .e li:nth-child(2) b
{
    background-image:url(d2.png);
}
.eap115 .e li:nth-child(3) b
{
    background-image:url(d3.png);
}
.eap115 .e li:nth-child(4) b
{
    background-image:url(d4.png);
}
.eap115 .f
{
    height:1075px; background-color:#f9f9f9;font-weight: 400; text-align:center;
}
.eap115 .f table
{
    font-size:14px; margin-top:120px;
}
.eap115 .f table thead tr
{
    border-bottom:1px solid #cbe0f0;
}
.eap115 .f table tbody td:not(:last-child)
{
    border-right:1px solid #cbe0f0;
}
.eap115 .f table tbody td:first-child
{
    background-color:#f5f7f9; text-align:left; text-indent:15px; padding:18px 0;
}
.eap115 .f table thead a
{
    display:block;width:171px;height:128px; background:url(e.jpg)no-repeat 0 0; overflow:hidden; text-indent:-300px;
}
.eap115 .f table thead td:nth-child(4) a,
.eap115 .f table thead td:nth-child(5) a,
.eap115 .f table thead td:nth-child(6) a,
.eap115 .f table thead td:nth-child(7) a
{
    background-position:-363px 0;
}
.eap115 .f table thead td:nth-child(1) a
{
    background:none;
}

@media screen and (max-width:1400px)
{
    .eap115 .b
    {
         background-size:1600px auto; height:1100px;
    }
    .eap115 .b .desc
    {
        padding-top:40px;
    }
    .eap115 .w1400
    {
        width:1200px;
    }
    .eap115 .b .col ul
    {
        margin-top:76px;
    }
    .eap115 .b .col ul li:first-child {
        margin-left: 425px;
    }
    .eap115 .b .col ul li:nth-child(2) {
        margin: 82px 0 0 186px;
    }
    .eap115 .b .col ul li:nth-child(3) {
        margin: 15px 0 0 490px;
    }
    .eap115 .b .col ul li:nth-child(4) {
        margin: 53px 0 0 323px;
    }
    .eap115 .b .col ul li:nth-child(5) {
        margin: 51px 0 0 185px;
    }
    .eap115 .b .col ul li:nth-child(6) {
        margin: 50px 0 0 30px;
    }
    .eap115 .b .col:last-child .up
    {
        margin: -93px 0 0 217px;
    }
    .eap115 .b .col a
    {
        margin-bottom:360px;
    }
    .eap115 .b .col .eap
    {
        margin-left:36px;
    }
}
@media screen and (max-width:736px)
{
    .eap115
    {
        min-width:320px;
    }
    .eap115 .a
    {
        height:127vw;
    }
    .eap115 .w1200, .eap115 .w1400
    {
        width:auto;
    }
    .eap115 h5
    {
        font-size:30px;
    }
    .eap115 h3
    {
        font-size:7vw;
    }
    .eap115 h5
    {
        font-weight: 400;
    }
    .eap115 .a .fade
    {
        background:url(mobile/a.jpg)no-repeat 50% 50%; background-size:100% auto;
    }
    .eap115 .a .fade:first-child .desc
    {
        padding:7.8vw 7.8vw 0;width:auto;
    }
    .eap115 .a .speed
    {
        font-size:4.3vw;padding: 1.5vw 0;
    }
    .eap115 .a .type
    {
        width:36vw;height:6.7vw; background-size:100% auto;margin-bottom: 3vw;
    }
    .eap115 .a .fade:first-child .desc p:last-child
    {
        font-size:3vw;
    }
    .eap115 .b
    {
        background:url(mobile/b.jpg)no-repeat 50% 50%; background-size:cover;height:auto;
    }
    .eap115 .b br
    {
        display:none;
    }
    .eap115 .b .desc
    {
        padding:40px 20px 0; text-align:left;
    }
    .eap115 .b .desc h5
    {
        font-size:32px;
    }
    .eap115 .b .desc h5 br
    {
        display:none;
    }
    .eap115 .b .col
    {
        width:auto; float:none;
    }
    .eap115 .b .col:first-child .content,.eap115 .b .col .content
    {
        width:auto; margin-left:0; padding:0 20px;
    }
    .eap115 .b h3
    {
        font-size:30px;
    }
    .eap115 .b h3:before
    {
        margin-left:0; background-size:100% auto;width:50px;height:50px;
    }
    .eap115 .b .col a
    {
        margin-bottom:10px;
    }
    .eap115 .b .col .eap
    {
        margin-left:0; padding:85% 0 20px 8vw; background:url(mobile/b1.png)no-repeat 50% 0; background-size:100% auto;font-size:4.3vw;
    }
    .eap115 .b .col:last-child h3, .eap115 .b .col:last-child p
    {
        padding-left:0;
    }
    .eap115 .b .col ul
    {
        display:none;
    }
    .eap115 .b .col:last-child .up
    {
        display:none;
    }
    .eap115 .b .col:last-child .content
    {
        background:#ECEDF2 url(mobile/b2.jpg)no-repeat 50% 100%; background-size:100% auto; padding-bottom:95%; padding-top:20px;
    }
    .eap115 .c
    {
        height:auto; background:#D8EBF5 url(mobile/c.jpg)no-repeat 50% 100%; background-size:100% auto; padding-bottom:135%;
    }
    .eap115 .c .col
    {
        float:none;width:auto;padding:0 20px;
    }
    .eap115 .c .col:nth-child(2)
    {
        display:none;
    }
    .eap115 .c .col:nth-child(1) h5
    {
        padding-top:40px;
    }
    .eap115 .d
    {
        height:auto;
    }
    .eap115 .d .col
    {
        float:none;width:auto;
    }
    .eap115 .d .col:nth-child(1)
    {
        width:auto;
    }
    .eap115 .d .col .desc
    {
        padding:40px 20px 0;
    }
    .eap115 .d .col video
    {
        padding-top:40px;width:85%; margin:0 auto 40px;display: block;
    }
    .eap115 .e
    {
        height:auto;
    }
    .eap115 .e .desc
    {
        padding:0 20px 30px; text-align:left;
    }
    .eap115 .e br
    {
        display:none;
    }
    .eap115 .e .desc h5
    {
        padding-top:40px;
    }
    .eap115 .e .col
    {
        width:50%; text-align:center; margin-bottom:20px;
    }
    .eap115 .e b
    {
       width:120px;height:120px; background-size:100% auto;
    }
    .eap115 .f
    {
        display:none;
    }
}