@font-face {
    font-family: 'MyriadProLight';
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.overview-content .d20 .nav_right{width:38px;height:232px;display:none;position:fixed;top:190px;right:30px;z-index:999;background:url(nav_ul.png) no-repeat;}
.overview-content .d20 .nav_right li{width:16px;height:16px;float:left;display:inline-block;margin:5px 0 5px 14px;cursor:pointer;}
.overview-content .d20 .nav_right li.first{width:24px;height:17px;margin:18px 7px 7px 8px;}
.overview-content .d20 .nav_right #navRightLi1.on{background:url(nav_li_top.png) no-repeat;}
.overview-content .d20 .nav_right li.on{background:url(nav_li_on.png) no-repeat;}

.overview-content .d20 .nav_text{width:180px;height:232px;display:inline-block;position:fixed;top:204px;right:73px;text-align:right;z-index:999;font-size:15px;color:#959595;}
.overview-content .d20 .nav_text li{width:180px;height:22px;line-height:22px;float:left;display:inline-block;}
.overview-content .d20 .nav_text li span{display:none;}
.overview-content .d20 .hidden{display:none;}

.overview-content .d20 { width:100%; color:#535250; font-size:18px; font-family:MyriadProLight, Arial, Helvetica, sans-serif; line-height:150%;}
.overview-content .d20 .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .d20 .clearFix { *zoom:1;}
.overview-content .d20 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .d20 .absolute { position:absolute;}
.overview-content .d20 h2 { padding-top:60px; padding-bottom:0px; font-size:36px; color:#6a6967; line-height:120%; font-family:MyriadProLight, Arial, Helvetica, sans-serif;}
.overview-content .d20 h2 span { color:#717171;}
.overview-content .d20 .a { height:865px; background:url(a.jpg) 50% 0 no-repeat;}

.overview-content .d20 .b { height:422px; background:#f1f1f0;}
.overview-content .d20 .b h2{width:397px; position:absolute; left:490px;top:3px;}
.overview-content .d20 .b .desc{ position:absolute; left:490px;top:135px;}
.overview-content .d20 .b .speed { padding:90px 0 0 40px;}
.overview-content .d20 .b .text{width:80px;position:absolute;left:377px;top:295px;font-size:16px;color:#999;line-height:140%;}
.overview-content .d20 .b .text2{width:220px;position:absolute;left:139px;top:341px;font-size:14px;color:#999;line-height:140%;}
.overview-content .d20 .b .text2 span{display:inline-block;width:98px;}

.overview-content .d20 .c { height:665px; background:#fff url(c.jpg) 50% 0 no-repeat;}
.overview-content .d20 .c h2{width:650px;height:40px; position:absolute; left:0px;top:10px;}
.overview-content .d20 .c .desc{ position:absolute; left:0px;top:135px; width:217px;}
.overview-content .d20 .c .text { position:absolute; left:28px; top:468px; font-size:14px;}
.overview-content .d20 .c .text span { margin-left:36px;}

.overview-content .d20 .d { position:relative; height:833px; background:#f7f7f6 url(e.png) left top no-repeat;}
.overview-content .d20 .d  h2{width:300px;height:40px; position:absolute; left:680px;top:40px;}
.overview-content .d20 .d .desc{ position:absolute; left:680px;top:204px; width:386px; z-index:100;}
.overview-content .d20 .d .product { position:absolute; left:-352px; top:0px;}
.overview-content .d20 .d .usb_entertainment{left:85px;top:180px;}
.overview-content .d20 .d .usb_print{left:85px;top:180px;}
.overview-content .d20 .d .toggle{width:98px;height:42px;display:inline-block;position:absolute;top:760px;left:50%; margin-left:-49px;background:url(ul_toggle.png) no-repeat;}
.overview-content .d20 .d .toggle li{width:18px;height:18px;float:left;display:inline-block;margin:5px 0 5px 14px;cursor:pointer;}
.overview-content .d20 .d .toggle li.first{margin: 12px 0 0 27px;}
.overview-content .d20 .d .toggle li.second{margin: 12px 0 0 9px;}
.overview-content .d20 .d .toggle li.on{background:url(li_toggle_on.png) no-repeat;}

.overview-content .d20 .e { height:799px; background:url(e.jpg) 50% 0 no-repeat; text-align:center;}
.overview-content .d20 .e .desc{color:#525252;}
.overview-content .d20 .e h2{ padding:530px 0 20px 0;}

.overview-content .d20 .f { height:392px; background:#f1f1f0 url(f.jpg) 50% 20% no-repeat; text-align:center;}
.overview-content .d20 .f ul { padding-top:175px;}
.overview-content .d20 .f li { float:left; width:235px; margin-left:60px;}
.overview-content .d20 .f li dt { margin-bottom:20px; font-size:20px; color:#0d7f89;}

.overview-content .d20 .g { height:548px; background:#f6f7fa url(g.jpg) 50% 0 no-repeat;}
.overview-content .d20 .g h2 { width:430px;}
.overview-content .d20 .g p { width:597px; margin-top:20px;}

.overview-content .d20 .h .w960 { height:548px; background:#fff url(h.jpg) 0 50% no-repeat;}
.overview-content .d20 .h .text { margin-left:495px;}
.overview-content .d20 .h h2 { margin-bottom:20px;}


.overview-content .d20 .i{height:842px;background:#c0c9ca url(i.jpg) 50% 50% no-repeat;}
.overview-content .d20 .i h2{text-align:center;}
.overview-content .d20 .i .pro_compare{display:inline-block;width:100px;height:100px;position:absolute;left:600px;top:60px;z-index:100;}
.overview-content .d20 .i .d20{width:90px;height:90px;left:490px;top: 160px;}
.overview-content .d20 .i .W8980{width:90px;height:110px;left:847px;top:140px;}
.overview-content .d20 .i .W8970{width:96px;height:105px;left:1020px;top:145px;}
.overview-content .d20 .i .W8960N{left:1205px;top:150px;}
.overview-content .d20 .i  a{color:#666;}
.overview-content .d20 .i table{position:absolute;left:0px;top:130px;font-size:15px;line-height:150%;}
.overview-content .d20 .i table .title{padding:0 0 0 0px;}
.overview-content .d20 .i table .t1{height:130px;}
.overview-content .d20 .i table .t1 td{padding-bottom:15px; color: #525353;}
.overview-content .d20 .i table .t2{height:101px;}
.overview-content .d20 .i table .t3{height:50px;}
.overview-content .d20 .i table .t4{height:99px;}
.overview-content .d20 .i table .t4 td {padding-left:45px;padding-top:2px;}
.overview-content .d20 .i table .t4 .title{padding: 0 0 28px 0px;}
.overview-content .d20 .i table .t5{height:80px;}
.overview-content .d20 .i table .t6{height:42px;}
.overview-content .d20 .i table .t7{height:45px;}
.overview-content .d20 .i table .t8{height:42px;}
.overview-content .d20 .i table .t9{height:50px;}
.overview-content .d20 .i table .t1 td,.i table .t2 td,.i table .t3 td,.i table .t4 td, .i table .t5 td {padding-left:45px;}
.overview-content .d20 .i table .t6 td,.i table .t7 td,.i table .t8 td,.i table .t9 td{padding-left:45px;}
.overview-content .d20 .i table .t8 td{padding-left:45px;}
.overview-content .d20 .i table .t1 .title,.i table .t2 .title,.i table .t3 .title,.i table .t4 .title,.i table .t5 .title { padding:0px;}
.overview-content .d20 .i table .t6 .title,.i table .t9 .title{padding:0 0 0 0px;}
.overview-content .d20 .i table .t7 .title, .overview-content .d20 .i table .t8 .title{padding:0 0 0 0px;}
.overview-content .d20 .i table .t4 .title{padding: 0 0 28px 0px;}
.overview-content .d20 .i table .t4 .right { text-align:right;}
@media screen and (max-width:736px)
{
    .overview-content .d20 .nav_text{ display:none}
    .overview-content .d20 .w960{ width:auto}
    .overview-content .d20 h2{ padding:30px 6% 20px; font-size:30px; line-height:1.2}
    .overview-content .d20 .a {height:0;background: url(mobile/a.jpg) 50% 0/100% auto no-repeat; padding-bottom:132%}
    .overview-content .d20 .b{ height:auto}
    .overview-content .d20 .b h2,.overview-content .d20 .b .desc{ position:inherit; top:inherit; left:auto}
    .overview-content .d20 .b h2{ width:auto}
    .overview-content .d20 .b .desc{ padding:0 6%}
    .overview-content .d20 .b .speed{ padding:0; padding-bottom:30px}
    .overview-content .d20 .b .speed img{ display:block; width:60%; margin:0 auto}
    .overview-content .d20 .c {height: auto;background: #fff url(mobile/c.jpg) 50% 90%/100% auto no-repeat; padding-bottom:75%}
    .overview-content .d20 .c h2,.overview-content .d20 .c .desc{position:inherit; top:inherit; left:auto; width:auto; height:auto}
    .overview-content .d20 .c .desc{ padding:0 6%}
    .overview-content .d20 .c .text{ display:none}
    .overview-content .d20 .e {height: auto;background:#d2eff2 url(mobile/e.jpg) 50% 0/100% auto no-repeat;text-align: left; padding-top:40%}
    .overview-content .d20 .e h2{ padding:30px 6% 20px}
    .overview-content .d20 .e .desc{ padding:0 6% 30px}
    .overview-content .d20 .f {height: auto;background: #f1f1f0 none;text-align: left; padding:30px 0}
    .overview-content .d20 .f ul{ padding:0; width:88%; margin:0 auto}
    .overview-content .d20 .f li{ float:none; width:auto; margin:0; padding-left:70px; margin-bottom:15px; background:url(mobile/f-icon1.png)no-repeat 0 0/60px auto}
    .overview-content .d20 .f li:nth-child(2){ background-image:url(mobile/f-icon2.png)}
    .overview-content .d20 .f li:nth-child(3){ background-image:url(mobile/f-icon3.png)}
    .overview-content .d20 .f li br{ display:none}
    .overview-content .d20 .f li dt{ margin-bottom:0}
    .overview-content .d20 .g {height: auto;background: #f6f7fa url(mobile/g.jpg) 12% 90%/60% auto no-repeat; padding-bottom:100%}
    .overview-content .d20 .g h2{ width:auto}
    .overview-content .d20 .g p{ width:auto; margin:0; padding:0 6%}
    .overview-content .d20 .h .w960 {height: auto;background: #fff url(mobile/h.jpg) 50% 90%/50% auto no-repeat; padding-bottom:60%}
    .overview-content .d20 .h .text{ margin:0}
    .overview-content .d20 .h h2{ margin:0}
    .overview-content .d20 .h .text p{ padding:0 6%}
    .overview-content .d20 .i{ display:none}
    .overview-content .d20 .d{position: relative;height: auto;background: #fff url(mobile/d.png) 0 0/100% auto no-repeat; padding-bottom:30px}
    .overview-content .d20 .d .product{ display:none}
    .overview-content .d20 .d h2,.overview-content .d20 .d .desc{ position:inherit; width:auto; height:auto; top:inherit; left:inherit}
    .overview-content .d20 .d h2{ padding-top:65%}
    .overview-content .d20 .absolute{ width:62%; height:auto}
    .overview-content .d20 .d .usb_entertainment{ left:inherit; right:6%; top:45px}
    .overview-content .d20 .d .usb_print{ left:inherit; right:6%; top:55px}
    .overview-content .d20 .d .desc{ padding:0 6%}
    .overview-content .d20 .d .toggle {width: 98px;height: 42px;display: inline-block;position: absolute;top: 0;left: 0;margin-left: 0}
}