/*@utf-8*/
body{background:none;}
.layout,.layout .inner,.wrapperPage{position:relative;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fff}
.cover .bg,.cover .shine,.cover .stars{width:100%;position:absolute;margin:0 auto;left:0;right:0}
.cover .bg,.cover .shine{top:0;display:block}
.cover-nav, .global-tips p, .p-center, .part-nav, .tcopyright{text-align: center;}
.wrapper{width:100%;overflow:hidden; height: 100vh;}
.topnav{position:relative;z-index:999;}


.indexbg{position:relative;width:100%;height:100%;z-index:0;}
.ibg{background:url(https://all.img.s105.cn/kfupload/up/201801/31113841_8843.jpg) no-repeat center center; background-size:cover;}
.tbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#ff0000;}
.lhbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#969696;}
.ldbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#f92b06;}
.ymbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#ed981a;}
.cybg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#148085;}
.dkbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#ecc83e;}
.hsbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#224d32;}
.qcbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#653d22;}
.libg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#159cc9;}
.ssbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#6f783d;}
.hgbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#bd2017;}
.gzbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#5f52a0;}
.cmbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#46884a;}
.wrbg{background:url(https://all.img.s105.cn/kfupload/up/201801/29143241_0826.png) repeat,#275da7;}

.footer{border-top:solid 1px #ddd;}

.cover .shine{opacity: 0;margin: 0 auto;top: 0;width: 90%;height:100%;}
.frame, .p-inner, .shine, .stars {position: absolute;right: 0;overflow: hidden;left: 0;}

.frame{width:31.46%;text-align:center;top:50%;left:50%;  transform: translate3d(-50%,-60%,0);}
.index{width: 21.878%; margin-top: -50px; transform: translate3d(-50%,-50%,0);}
.txtFrame{width: 40%;margin-top: -12%;margin-left: -20%;}
.stars{height:100%;height:100%;}

.loading{position:absolute;top:0; z-index:9;}
.pageone{position:absolute;top:0;z-index:2;}
.p-logo{position: absolute;right: 0;left: 0;overflow: hidden;margin: 0 auto;bottom:50px;width:22.4%;}
.p-logo img{width:100%;}

/*卷首语*/
.articlepage{position:relative;height:100%;overflow:auto;}
.articlecon{width:1000px;margin:0 auto;padding:100px 0 32px 0;}
.preface{padding:20px 0;}
.preface h2{font-size:0;margin:0 auto;width: 112px;height: 32px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAwCAMAAADTuOPqAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEHRSTlMAv39A7xAwz58gYK/fcI9QbKWh9AAAA89JREFUWMPtmNl2qzAMRZHnCaP//9p7jeMJD9Akb+15KV0sS9uSJYtsf/pFEgDgd/HOUm9n6wwJbz4XxVOMbHcyhByNSxnWKTracXjj+coacWICNIATYcGuF+b4FQaj3DFwfdo85sYUIjPDNzs6a3gDdwbOIQJd0DkMUiU8UQMnOu5YzyzZYqmnO1/xvEdkPFuEicWC45ORzNaLpS0zXEgO3UBJZdmDSRleJSMo4tsF2wYJTjhPglw82RctygCyi6N4Y2R+kHXkoTE4c7ZiNovlhfeSMQTpoWRV8ftlIu+vRFnJJuCCXbKGQU97VApByT0JzsLe+D5ddpRz7Gs2HtLYLOOGmGuq3EO4/WRK+fWpVnnYtEPgUzplXz5dzRYjavl6V/AKzM5v6AgA4ankjlgOKmOXdFEylg8w6R+ZWp6Yuitlrlbn2kKl2LrCE0MW/iQ/e2lJ0Iq9ihoGMj1V5ccVB8zrcbdixa7EtKhTKdGuhZWquBeXpzcMypvrG9bImxm3A27N3WVs1kwK0z3HdeoErG6BZrtVzCof3KJ+Xef7PFT0v9SZkJ039WAT3LPCNZgWdT2qq9g0FMj2VlTOdDvLuTPNjkjV8WCYUlorHjlCGx1sWHqA0vBXgmxBbu6UkkdotwDV/YAFtI/KY0GfzlcJSUjCy5XX0xQgHglyTP3RnWdPsyLoQaN2VLSR6DsVkqsg0q3haDWC0FTrqo9f7670iPC87vE4MSK2KVwZ0epzHi+8+VWk2WWkUsthji7gYBvD8Tq8UD0zItd3irwOq/oMJH8Djk3gNoMS1vJP+pVAa+xqnjOrtM7gNrG9I4NRPhdHFlPH6IS+A/eeKC7F7E71lWKqNZzuGY9se93uSHOfy7YNHs9ayRqOlnusZM3SNZsvcMWcqdNLv5JWmgaSdhQCOj9vjm4DOFLFVIrte3Cuj7afNl/PL5ccZ6/i5fbFxr9UEHvXCUm0P/naBtHdwAqzOQrV2s/hyBiOjMrUIfTjAbXV5zLXwkv9o1ZCp3CaqKdw3DOV3GY47do5xND5N3yvJZyxuD+OHInN4RI5rhofdgFHr1ILOMsQ1Titi1G7S+teDa4ap3DP05pqXk3PHDyG2w6Wj6LF/WM4ntk+glNpJNGlbO3HcKL6icu+D3cJkzhN6Y/Tqkorg/Pxek7v4bpPapey8WlBaBbYVmXu1nAMZ4KftpJjEFEX2OaRwzWckDjQrHvLWVonHVWKeldw28/7ljxEY2QaZzYeWuVqrLRhXXOyqQVL9HYnTeAiSw4+3smuiBn//HDjR1Cx/ek36h98wW1Y3XUTFQAAAABJRU5ErkJggg==);background-size:cover}
.articlecon p{font-size: 18px;text-indent: 2em;line-height: 2.2;font-family:"microsoft YaHei";color:#333;}


/*图文内容*/
.articleTitle{background: url(https://all.img.s105.cn/kfupload/up/201701/22143128_8160.png) no-repeat;background-size: 287px 232px;background-position: -113px -165px;width: 96px;height: 50px;margin: 30px auto 20px;overflow: hidden;text-indent: -99999px;}
.tag{ display: none; width: 298px; height: 37px; background: #a81016; font-size: 22px; color: #fff; text-align: center; line-height: 37px; margin: 0 auto 15px;}
.secondpage{padding-bottom:0;width: 716px;margin: 0 auto;font-family: "microsoft YaHei";font-size:18px;}
.articlearea{overflow:hidden;text-align:justify;padding:10px 0 30px;}
.articlearea:last-child{padding-bottom:10px;}
.articlearea h3{font-weight:500;}
.articlearea img{max-width: 100%; margin: 0 auto; display: block;}
.areatop{width:40px;height:40px;background:#aa0c0c;color:#fff;border-radius:50%;margin:0 auto 10px;text-align:center;line-height:40px;}
.areatitle {font-size: 24px;font-family: "microsoft YaHei";}
.areatitle span{border-bottom:solid 4px #aa0c0c;padding-bottom:4px;}
.areaparm{padding:15px 30px;line-height:32px;}
.ftc{text-align:center;}
.fred{color:#aa0c0c;}
.picline{overflow:hidden;}
.pline{margin:0 0 10px 0;position:relative;height:26px;line-height:26px;color:#fff;text-align:center;text-indent:44px;}
.pline:before{content:'2016';background:#fff;width:44px;text-align:left;color:#333;height:100%;display:block;position:absolute;top:0;left:0;text-indent:0;}
.year2016{background:#8064a2;width:98%;}
.year2015{background:#9bbb59;width:76%;}
.year2015:before{content:'2015';}
.year2014{background:#c0504d;width:56%;}
.year2014:before{content:'2014';}
.boyear1{background:#44546a;}
.boyear2{background:#70ad47;}
.boyear3{background:#ed7d31;}
.yearqsl{background:#c00000; width:50%;}
.yearw1{width:87%;}
.yearw2{width:65%;}
.yearw3{width:38%;}
.yearw4{width:60%;}
.yearw5{width:56%;}
.yearw6{width:31%;}

.Terminal img{display:block;margin:0 auto;width:100%;max-width:584px;}


/*底部小箭头*/
.cover-nav{position:absolute;bottom:0;width:100%;height:34px;z-index:99;text-align:center}
.cover-nav.show{-webkit-animation:slideUp .6s ease-out .1s both;animation:slideUp .6s ease-out .1s both}
.cover-nav.hide{-webkit-animation:slideDown .45s ease-out both;animation:slideDown .45s ease-out both}
.cover-nav.arrdown .nav-tab{display:block;margin:0 auto;}
.cover-nav.arrdown .arrow{position:absolute;top:50%;left:50%;margin:-6px 0 0 -8px;-webkit-animation:arrowDown 1s 1s ease-out infinite;animation:arrowDown 1s 1s ease-out infinite}
.cover-nav.arrdown .jump-tab{position:absolute;top:50%;left:50%;margin:-17px 0 0 -45px;width:90px;height:34px;background:#f00;opacity:0;cursor:pointer;}

/*底部导航*/
.part-nav {position:absolute;z-index: 12;width: 100%;padding:10px 0;font-size: 24px; background:rgba(49,60,69,.8)}
.partnavinner{overflow: hidden; width: 1160px; margin: 0 auto;}
.part-nav a {opacity:0;display:block;float:left;height:39px; line-height:39px; margin-left: 77px; text-indent:0;color:#fff;font-family:"microsoft YaHei";text-decoration:none;}
.part-nav a:hover{text-decoration:none;color:#ff0;}
.part-nav a:first-of-type,.part-nav a:nth-of-type(8){margin: 0;}
.part-nav a.on{color:#ff0;}
.part-nav.one {bottom:56px;}
.part-nav.two {top:31px;opacity: 0;background: #000;height:64px; font-size: 20px; padding: 4px 0;}
.part-nav.two .partnavinner{width:1000px;}
.part-nav.two .partnavinner a{width:142px; margin: 0; height: 32px; line-height: 32px;}

.fadeInFast {-webkit-animation: fadeIn .75s both;animation: fadeIn .75s both;}
.fadeIn {-webkit-animation: fadeIn 1.2s both;animation: fadeIn 1.2s both;}
.fadeInSlow {-webkit-animation: fadeIn 1.35s ease-in-out both;animation: fadeIn 1.35s ease-in-out both;}



/*动画布局*/
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes menuOut {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes menuOut {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    100% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}



@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation: fadeOut .8s both;
    animation: fadeOut .8s both;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    50% {
        opacity: .5;
        -webkit-transform: translateY(-12px);
    }
}

@-webkit-keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

@keyframes pulse {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        -webkit-transform: scale3d(1.01,1.01,1.01);
        transform: scale3d(1.01,1.01,1.01);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

.pulse {-webkit-animation: pulse 10s infinite;animation: pulse 10s infinite;}

@-webkit-keyframes elmFadeInUp {
    from {
        -webkit-transform: matrix(1,0,0,1,0,250);
        transform: matrix(1,0,0,1,0,250);
        opacity: 0;
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
        opacity: 1;
    }
}

@keyframes elmFadeInUp {
    from {
        -webkit-transform: matrix(1,0,0,1,0,250);
        transform: matrix(1,0,0,1,0,250);
        opacity: 0;
    }

    to {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateHint {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        opacity: .2;
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateHint {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0);
        transform: translate(-50%,-50%) rotate(0);
        opacity: .2;
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        opacity: 0;
    }
}

@media screen and (orientation:landscape) {
    .landscape-hinter {
        display: block;
    }
}

@-webkit-keyframes loaderFrameAnim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -387px;
    }
}

@keyframes loaderFrameAnim {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -387px;
    }
}

@keyframes arrowDown {
    0%,50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    75% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@-webkit-keyframes arrowDown {
    0%,50% {
        -webkit-transform: translateY(0);
    }

    25% {
        -webkit-transform: translateY(4px);
    }

    75% {
        -webkit-transform: translateY(-4px);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}