* {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
body {
    font-family: '微软雅黑';
}
.qw {
    width: 100%;
}
.qsw {
    width: 1000px;
    margin: 0 auto;
}
.bg1 {
    height: 92px;
    margin: 0 auto;
}
.nav-r {
    height: 100%;
}
.nav-r ul {
    height: 100%;
}
.nav-r ul > li {
    float: left;
    width: 115px;
    height: 100%;
    margin-left: 3px;
    list-style: none;
    text-align: center;
    line-height: 92px;
    display: block;
    height: 100%;
    width: 115px;
}

.nav-item {
    font-size: 20px;
    font-family: '微软雅黑';
    color: rgb(254, 254, 254);
    text-decoration: none;
}

.banner {
    height: 920px;
}
.q3 {
    background-color: rgb(62, 69, 77);
    height: 660px;
}
.q3_1 {
    height: 120px;
    /* float: left; */
    width: 100%;
    padding-top: 35px;
    border-bottom: 1px solid rgb(125, 206, 253);
    box-sizing: border-box;
}
.q3_1 a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: '微软雅黑';
    width: 220px;
    font-size: 50px;
}
.fl {
    float: left;
}
.bs {
    width: 380px;

    margin-top: 125px;
}
.q3_2 {
    width: 100%;
    height: 130px;
    border-bottom: 1px solid rgb(125, 206, 253);
}

.q3_2_r p,
.q3_3 > div > p,
.q3_4 p {
    font-size: 20px;
    margin-bottom: 4px;
    color: rgb(255, 255, 255);
}
.q3_3 {
    width: 100%;
    height: 160px;
    border-bottom: 1px solid rgb(125, 206, 253);
    padding-top: 18px;
    box-sizing: border-box;
}
.q3_3 > div,
.q3_4 > div {
    margin-left: 155px;
}
.q3_4 {
    width: 100%;
    padding-top: 18px;
    height: 165px;
    border-bottom: 1px solid rgb(125, 206, 253);
    box-sizing: border-box;
}
.q4 {
    padding-top: 92px;
    height: 265px;
    width: 100%;
    box-sizing: border-box;
}
.q4 p {
    margin-bottom: 13px;
}
.q5 {
    background-color: rgb(37, 40, 45);
    height: 928px;
}
.q5 > .qsw > .q5_a {
    width: 293px;
    height: 410px;
    margin-right: 18px;
    margin-bottom: 18px;
    background-color: rgb(255, 255, 255);
    text-align: center;
}
.q5 > .qsw > .q5_a > .tp {
    margin-top: 90px;
}
.q5 > .qsw > .q5_a > p {
    margin-top: 30px;
}
.q6 {
    height: 390px;
}
.q6 > .qsw > .q6_col {
    color: rgb(102, 102, 102);
    margin-bottom: 20px;
}
.q7 {
    /* height: 365px; */
    padding-bottom: 20px;
}
.q7 > .qsw > .q7_col {
    color: rgb(86, 192, 252);
    margin-bottom: 20px;
    margin-bottom: 2px;
}

.q8 {
    height: 165px;
    background-color: rgb(37, 40, 45);
}
.q5 > .qsw > .q5_a .tp1 {
    opacity: 1;
    transition: opacity 0.3s;
}
.q5 > .qsw > .q5_a:hover .tp1 {
    opacity: 0;
}
.q5 > .qsw > .q5_a .w1 {
    opacity: 1;
    transition: opacity 0.3s;
}

.q5 > .qsw > .q5_a:hover .w1 {
    opacity: 0;
}
.wen1 {
    font-size: 17px;
}
.skynet-intro-desc > p {
    font-size: 16px;
}

.skynet-intro-desc p {
    text-align: left !important;
    margin-top: 10px;
}
.skynet-intro-desc2 p {
    text-align: center !important;
}
.skynet-intro-desc2 img {
    width: 264px;
}
.pg-canvas {
    margin-top: -15px;
}
.nav-r > ul > li > a:hover {
    color: rgb(127, 205, 254);
}

.nav-selected {
    color: rgb(127, 205, 254);
}

.pg-canvas {
    margin-top: 15px;
}

#opt-last {
    width: 215px;
    text-align: right;
}

#opt-last a {
    font-size: 14px;
}

#main {
    width: 80%;
    padding: 120px 100px 30px;
    margin: auto;
}

#main .error {
    text-align: center;
    color: red;
    font-size: 16px;
    margin: 10px auto;
    display: block;
}

.table-form {
    margin: auto;
}

.table-form .label {
    text-align: right;
    width: 80px;
    display: inline-block;
    margin-right: 20px;
    line-height: 36px;
}

.table-form .text {
    width: 300px;
    height: 36px;
    margin: 5px 0 5px 0;
}

.table-form .button {
    width: 100px;
    height: 30px;
    font-size: 16px;
    margin: 5px 0 5px 0;
}

.text-link {
    color: rgb(127, 205, 254);
    text-decoration: underline;
}