﻿html {
    margin:0;
    padding:0;
    border:0
}
a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
body {
    line-height:1.5;
    background:#fff;
    min-width: 1000px;
}
table {
    border-spacing:0
}
caption,td,th {
    text-align:left;
    font-weight:400;
    float:none!important
}
table {
    border-collapse:collapse
}
table,td,th {
    vertical-align:middle
}
blockquote:after,blockquote:before,q:after,q:before {
    content:''
}
blockquote,q {
    quotes:"" ""
}
a img {
    border:none
}
:focus {
    outline:0
}
ol,ul {
    list-style:none
}
a {
    text-decoration:none
}
a:hover {
    text-decoration:underline
}
sup {
    vertical-align:text-top
}
sub {
    vertical-align:text-bottom
}
legend {
    color:#000
}
fieldset,img {
    border:0
}
button,input,select,textarea {
    font-size:100%
}
.clearfix {
    *zoom:1
}
.clearfix:after,.clearfix:before {
    display:table;
    line-height:0;
    content:""
}
.clearfix:after {
    clear:both
}
body {
    font:14px/1.5 arial,"Microsoft Yahei",simsun,sans-serif;
    color:#fff
}
#focus {
    position:relative
}
.focus-carousel {
    display:block;
    height:752px;
    overflow:hidden;
}
.focus-carousel .item {
    position:absolute;
    left:0;
    top:0;
    display:none;
    height:752px;
    width:100%;
    z-index:100
}
.focus-carousel .active {
    display: block;
}
.focus-carousel .item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.focus-carousel .item-content-inner {
    position: absolute;
    left: 50%;
    top: 0;
}
.focus-carousel .item-yingyin .item-content {
    background: url(../images/banner_yingyin.jpg) 50% 0 no-repeat;
}
.focus-carousel .item-yingyin .link-down {
    position: absolute;
    top: 358px;
    left: 235px;
    width: 260px;
    height: 80px;
    overflow: hidden;
    background: url(../images/btn_down_01.png) 0 0 no-repeat;
    line-height: 999px;
}
.focus-carousel .item-qipai .item-content {
    background: url(../images/qipai-o.png) 50% 0 no-repeat;
}
.focus-carousel .item-qipai .link-down {
    position: absolute;
    top: 520px;
    left: 180px;
    width: 307px;
    height: 73px;
    overflow: hidden;
    background: url(../images/qipai-o-btn.png) 0 0 no-repeat;
    line-height: 999px;
}
.carousel-nav {
    text-align:center;
    position:absolute;
    left:50%;
    bottom:80px;
    z-index:300;
    margin-left:-40px;
}
.carousel-nav a {
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:32px;
    _font-size:16px;
    font-family:arial;
    line-height:32px;
    margin:0 10px;
    color:#04acbd;
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -ms-transition:color .5s;
    transition:color .5s
}
.carousel-nav a:hover {
    text-decoration:none
}
.carousel-nav a.active {
    color:#7cdee8
}
.sec-info {
    visibility:hidden
}
#nav {
    height:48px;
    background:#162d43 url(../images/bg_nav.png) no-repeat center top;
    color:#a7cfea
}
.nav-wrapper {
    width:1000px;
    margin:0 auto;
    position:relative
}
.nav-wrapper a {
    display:block;
    height:48px;
    line-height:54px;
    color:#98d0e9;
    float:left;
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    -ms-transition:color .5s;
    transition:color .5s
}
.nav-wrapper a:hover {
    text-decoration:none
}
.logo {
    position:absolute;
    left:0;
    top:0;
    height:48px;
    font-size:22px
}
.logo a {
    line-height:48px;
    padding-left:58px;
    background:url(../images/logo_player.png) no-repeat 6px center
}
#nav ul {
    position:absolute;
    right:140px
}
#nav li {
    float:left
}
#nav li a {
    text-align:center;
    padding:0 26px
}
#nav li a:hover {
    color:#fff
}
.weibo {
    position:absolute;
    right:0;
    top:0;
    height:48px
}
.weibo a {
    padding-left:36px;
    background:url(../images/icon_weibo.png) no-repeat left 17px
}
.weibo a:hover {
    color:#fff
}
.screen-sec {
    position:relative;
    height:800px;
    overflow:hidden;
    margin:0 auto
}
.screen-fixed {
    height:800px;
    width:100%;
    position:absolute;
    top:0;
    z-index:100
}
.screen-fixed-top {
    height:800px;
    width:100%;
    position:absolute;
    top:0;
    z-index:101
}
.screen-move {
    height:800px;
    width:100%;
    position:absolute;
    top:0;
    z-index:200
}
#baoku {
    background:#f5f5f5 fixed
}
#baoku .screen-fixed {
    background:url(../images/sec_baoku_front_fixed.png) no-repeat fixed 50% 0
}
#baoku .screen-fixed-top {
    background:url(../images/sec_baoku_front_fixed_top.png) no-repeat fixed 50% 0
}
#baoku .screen-move {
    background:url(../images/sec_baoku_move.png) no-repeat 50% 50%
}
#baidu {
    background:#51b9c8 fixed
}
#baidu .screen-fixed {
    background:url(../images/sec_baidu_front_fixed.png) no-repeat fixed 50% 0
}
#baidu .screen-fixed-top {
    background:url(../images/sec_baidu_front_fixed_top.png) no-repeat fixed 50% 0
}
#baidu .screen-move {
    background:url(../images/sec_baidu_move.png) no-repeat 50% 50%
}
#compat {
    background:#f5f5f5 url(../images/sec_compat_back_fixed.jpg) no-repeat 50% 50%
}
#compat .screen-fixed {
    background:url(../images/sec_compat_front_fixed.png) no-repeat fixed 50% 0
}
#compat .screen-move {
    background:url(../images/sec_compat_move.png) no-repeat 50% 50%
}
#footer {
    height:450px;
    background:url(../images/bg_footer.png) no-repeat center top;
    text-align:center
}
.footer-links {
    width:1000px;
    margin:0 auto;
    padding:50px 0;
    text-align:left
}
.footer-links li {
    float:left;
    display:block;
    width:38%;
    background:url(../images/icon_help.png) no-repeat
}
.footer-links .about {
    width:24%
}
.footer-links .products {
    background:url(../images/icon_other_products.png) no-repeat
}
.footer-links .about {
    background:url(../images/icon_about.png) no-repeat
}
.footer-links li div {
    padding-left:106px
}
.footer-links li h3 {
    font-size:26px;
    font-weight:400;
    margin-bottom:20px;
    padding:5px 0
}
.footer-links li a {
    font-size:16px;
    color:#fff
}
.service-info {
    color:#cffefc
}
.service-qq {
    font-size:18px;
    padding:20px 0
}
.copy {
    font-size:12px;
    color:#9ee1ec;
    margin-top:50px
}
