* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    background-color: #000
}

main {
    margin: 0 auto;
    border-top: 1px solid transparent;
    width: 1903px;
    max-width: 1920px;
    height: 14130px;
    background: url(../img/bg.png) no-repeat;
    background-size: 100%
}

aside {
    position: fixed;
    left: 80px;
    top: 90px;
    z-index: 2
}

aside div {
    width: 180px;
    height: 208px;
    cursor: pointer
}

.indent {
    text-indent: 3em
}

.tab1 {
    background: url(../img/tab.png) no-repeat -10px -5px
}

.tab1.active,.tab1:hover {
    background: url(../img/tab.png) no-repeat -410px -3px
}

.tab2 {
    height: 180px;
    background: url(../img/tab.png) no-repeat -10px -202px
}

.tab2.active,.tab2:hover {
    background: url(../img/tab.png) no-repeat -210px -202px
}

.tab3 {
    height: 180px;
    background: url(../img/tab.png) no-repeat -10px -373px
}

.tab3.active,.tab3:hover {
    background: url(../img/tab.png) no-repeat -410px -373px
}

.tab4 {
    height: 257px;
    background: url(../img/tab.png) no-repeat -10px -546px
}

.tab4.active,.tab4:hover {
    background: url(../img/tab.png) no-repeat -210px -547px

}

section .header {
    position: relative;
    z-index: 2;
    margin: 810px auto 0;
    width: 1380px;
    height: 300px;
    background: url(../img/bg-header.png) no-repeat;
    background-size: 100%
}

section .mid {
    position: relative;
    margin: 0 auto;
    border-top: 1px solid transparent;
    width: 1380px;
    height: 12785px;
    background: url(../img/bg-mid.png) no-repeat;
    background-size: 100% 100%
}

section .bottom {
    margin: 0 auto;
    width: 1380px;
    height: 200px;
    background: url(../img/bg-bottom.png) no-repeat;
    background-size: 100%
}

section .t1 {
    position: absolute;
    left: 50%;
    top: 185px;
    width: 820px;
    height: 160px;
    background: url(../img/t1.png) no-repeat;
    background-size: 100%;
    transform: translateX(-410px)
}

section .t-header {
    margin: -620px auto 0;
    width: 1080px;
    height: 162px;
    background: url(../img/tbg-header.png) no-repeat;
    background-size: 100%
}

section .t-mid {
    margin: 0 auto;
    width: 1080px;
    height: 170px;
    background: url(../img/tbg-mid.png) no-repeat;
    background-size: 100%
}

section .t-bottom {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/tbg-bottom.png) no-repeat;
    background-size: 100%
}

section .pic15 {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/pic15.png) no-repeat;
    background-size: 100%
}

section .pic16 {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/pic16.png) no-repeat;
    background-size: 100%
}

section .mid .p {
    position: relative;
    left: 50%;
    top: 81px;
    width: 900px;
    line-height: 40px;
    font-size: 20px;
    transform: translateX(-450px)
}

section .mid span {
    font-size: 20px;
    color: red
}

section .header1 {
    position: relative;
    top: -4145px;
    z-index: 2;
    margin: 255px auto;
    width: 820px;
    height: 160px;
    background: url(../img/t2.png) no-repeat;
    background-size: 100%
}

section .t-header1 {
    margin: -4425px auto 0;
    width: 1080px;
    height: 162px;
    background: url(../img/tbg-header.png) no-repeat;
    background-size: 100%
}

section .t-mid1 {
    margin: 0 auto;
    width: 1080px;
    height: 3490px;
    background: url(../img/tbg-mid.png) no-repeat;
    background-size: 100% 100%
}

section .t-bottom1 {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/tbg-bottom.png) no-repeat;
    background-size: 100%
}

section .mid .p1 {
    position: relative;
    left: 50%;
    top: 249px;
    width: 900px;
    line-height: 40px;
    font-size: 20px;
    transform: translateX(-450px)
}

section .mid .pic {
    display: flex;
    align-items: end;
    margin-top: 10px
}

section .pic1 {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(../img/pic1.png) no-repeat;
    background-size: 100%
}

section .pic2 {
    display: inline-block;
    width: 44px;
    height: 47px;
    background: url(../img/pic2.png) no-repeat;
    background-size: 100%
}

section .pic3 {
    display: inline-block;
    width: 46px;
    height: 43px;
    background: url(../img/pic3.png) no-repeat;
    background-size: 100%
}

section .pic4 {
    display: inline-block;
    width: 48px;
    height: 50px;
    background: url(../img/pic4.png) no-repeat;
    background-size: 100%
}

section .pic5 {
    display: inline-block;
    width: 47px;
    height: 48px;
    background: url(../img/pic5.png) no-repeat;
    background-size: 100%
}
section .pic6 {
    display: inline-block;
    width: 52px;
    height: 50px;
    background: url(../img/pic6.png) no-repeat;
    background-size: 100%
}

section .pic7 {
    display: inline-block;
    width: 510px;
    height: 58px;
    background: url(../img/pic7.png) no-repeat;
    background-size: 100%
}
section .pic8 {
    display: inline-block;
    width: 510px;
    height: 66px;
    background: url(../img/pic8.png) no-repeat;
    background-size: 100%
}

section .pic9 {
    display: inline-block;
    width: 48px;
    height: 50px;
    background: url(../img/pic9.png) no-repeat;
    background-size: 100%
}
section .pic10 {
    display: inline-block;
    width: 57px;
    height: 50px;
    background: url(../img/pic10.png) no-repeat;
    background-size: 100%
}

section .pic11 {
    display: inline-block;
    width: 62px;
    height: 50px;
    background: url(../img/pic11.png) no-repeat;
    background-size: 100%
}
section .pic12 {
    display: inline-block;
    width: 48px;
    height: 50px;
    background: url(../img/pic12.png) no-repeat;
    background-size: 100%
}

section .pic13 {
    display: inline-block;
    width: 57px;
    height: 50px;
    background: url(../img/pic13.png) no-repeat;
    background-size: 100%
}
section .pic14 {
    display: inline-block;
    width: 62px;
    height: 50px;
    background: url(../img/pic14.png) no-repeat;
    background-size: 100%
}

section .pic15 {
    display: inline-block;
    width: 449px;
    height: 156spx;
    background: url(../img/pic15.png) no-repeat;
    background-size: 100%
}
section .pic16 {
    display: inline-block;
    width: 436px;
    height: 155spx;
    background: url(../img/pic16.png) no-repeat;
    background-size: 100%

}

table {
    border-collapse: collapse;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    width: 100%
}

table td {
    padding: 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center
}

section .header2 {
    position: relative;
    top: -3050px;
    z-index: 2;
    margin: 255px auto;
    width: 820px;
    height: 160px;
    background: url(../img/t3.png) no-repeat;
    background-size: 100%
}

section .t-header2 {
    margin: -3326px auto 0;
    width: 1080px;
    height: 162px;
    background: url(../img/tbg-header.png) no-repeat;
    background-size: 100%
}

section .t-mid2 {
    margin: 0 auto;
    width: 1080px;
    height: 2500px;
    background: url(../img/tbg-mid.png) no-repeat;
    background-size: 100% 100%
}

section .t-bottom2 {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/tbg-bottom.png) no-repeat;
    background-size: 100%
}

section .mid .p2 {
    position: relative;
    left: 50%;
    top: 330px;
    width: 900px;
    line-height: 40px;
    font-size: 20px;
    transform: translateX(-450px)
}

section .header3 {
    position: relative;
    top: -4350px;
    z-index: 2;
    margin: 255px auto;
    width: 820px;
    height: 160px;
    background: url(../img/t4.png) no-repeat;
    background-size: 100%
}

section .t-header3 {
    margin: -4627px auto 0;
    width: 1080px;
    height: 162px;
    background: url(../img/tbg-header.png) no-repeat;
    background-size: 100%
}

section .t-mid3 {
    margin: 0 auto;
    width: 1080px;
    height: 3825px;
    background: url(../img/tbg-mid.png) no-repeat;
    background-size: 100% 100%
}

section .t-bottom3 {
    margin: 0 auto;
    width: 1080px;
    height: 400px;
    background: url(../img/tbg-bottom.png) no-repeat;
    background-size: 100%
}

section .mid .p3 {
    position: relative;
    left: 50%;
    top: 375px;
    width: 900px;
    line-height: 40px;
    font-size: 20px;
    transform: translateX(-450px)
}
