@charset "utf-8";

body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: microsoft yahei
}

#indexDiv {
    width: 100%
}

.winBorder {
    position: fixed;
    z-index: 4;
    border: 4px solid #fff
}

img {
    width: 100%
}

#navigation {
    position: fixed;
    top: 40px;
    left: 220px;
    z-index: 10;
    width: auto;
    height: 50px
}

    #navigation img {
        position: relative;
        top: 14px;
        width: 16px;
        height: 23px
    }

    #navigation .navigationSelect {
        float: left;
        width: auto;
        height: 50px;
        color: #fff;
        line-height: 50px
    }

        #navigation .navigationSelect .text:hover {
            color: #2cead1
        }

        #navigation .navigationSelect .text {
            float: left;
            margin-right: 30px;
            margin-left: 30px;
            width: auto;
            height: 50px;
            color: #fff;
            font-size: 14px;
            line-height: 50px;
            cursor: pointer;
            -webkit-transition: color .5s;
            -moz-transition: color .5s;
            -o-transition: color .5s;
            transition: color .5s
        }

        #navigation .navigationSelect .img {
            float: left;
            width: 20px;
            height: 50px;
            color: #fff;
            line-height: 50px
        }

.spinner img {
    width: 100%
}

.spinner {
    margin: 100px auto 0;
    width: 5%;
    height: 5%;
    text-align: center
}

#index_pageChose {
    position: fixed;
    top: 25%;
    right: 30px;
    z-index: 4;
    width: 30px;
    height: 30%;
    background: #5451054
}

.pageChose {
    margin-top: 30px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #555;
    cursor: pointer;
    padding-left: 0px;
}

    .pageChose:hover {
        margin-top: 30px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #ccc
    }

        .pageChose:hover:before {
            position: relative;
            top: -2px;
            right: 20px;
            background: 0;
            color: #fff
        }

#index_pageChose .active {
    background: #fff
}

    #index_pageChose .active:hover {
        background: #555
    }

        #index_pageChose .active:hover:before {
            position: relative;
            top: -2px;
            right: 50px;
            background: 0;
            color: #fff
        }

.indexPage {
    position: relative;
    z-index: 3;
    overflow: hidden;
    width: 100%;
    height: auto
}

.imgJian div {
    position: absolute;
    overflow: hidden
}

    .imgJian div img {
        position: relative
    }

#page1 {
    background: #222;
    background-size: cover;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s;
    background-position-y: 0;
    background-image: url(/images/FLYINSONO.jpg)
}

    #page1 div {
        z-index: 2
    }

.sign, .login {
    position: absolute;
    margin-top: 10px;
    width: 260px;
    height: 40px;
    border: 2px solid #71dde6;
    box-shadow: 1px 0 6px rgba(6,0,1,.36);
    color: #71dde6;
    text-align: center;
    text-shadow: 1px 0 6px rgba(6,0,1,.36);
    font-size: 22px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: background .25s,color .25s;
    -moz-transition: background .25s,color .25s;
    -o-transition: background .25s,color .25s;
    transition: background .25s,color .25s
}

.sign {
    left: 390px
}

    .sign:hover, .login:hover {
        background: rgba(113,221,230,.5);
        color: #fff;
        text-shadow: none
    }

.sign2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 522px;
    height: 42px;
    color: #2cead1;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    cursor: pointer
}

.sign:hover {
    box-shadow: 0 0 10px #2cead1
}

.sign2:hover {
    box-shadow: 0 0 10px #2cead1 inset
}

#page2 {
    background-image: url('/images/sshz.jpg');
    z-index: 1;
    background-size: cover;
    overflow: visible;
}

.pageImg {
    position: absolute;
    display: none
}

.pageImgDiv {
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s
}

#page3 {
    background: #e4e4e4;
    background-image: url('/images/fshz.jpg');
    z-index: 1;
    background-size: cover;
    overflow: visible;
}

#page4 {
    background: #e4e4e4;
    background-image: url('/images/ycpx.jpg');
    background-size: cover;
    overflow: visible;
}

#page5 {
    background: #e4e4e4;
    background-image: url('/images/ycwh.jpg');
    background-size: cover;
    overflow: visible;
}

#page6 {
    z-index: 1;
    background-image: url('/images/lxwm.jpg');
    background-size: cover;
    overflow: visible
}

#page7 {
    background: #222;
    background-size: cover;
    -webkit-transition: background-position 2s;
    -moz-transition: background-position 2s;
    -o-transition: background-position 2s;
    transition: background-position 2s;
    background-position-y: 0;
    background-image: url(/images/FLYINSONO.jpg)
}

.info ul li .f6:hover {
    color: #4c4948;
    font-weight: bold;
}