* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}
a{text-decoration:none;}
.main {
    width: 100%;
    overflow: hidden;
}

.clear {
    overflow: hidden;
}

.fl {
    float: left;
}

dl {
    text-align: center;
}

.two {
    display: inline-block;
    border: 1px solid #6c6c70;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 5px;
}

.hd .separator {
    margin: 0 5px
}

.nav-bar {
    width: 1080px;
    margin: auto;
    margin-top: 10px;
    position: relative;
    height: 50px;
    color: #6d6d6d;
    background: #fff
}

.nav-bar .title {
    float: left;
    _display: inline;
    margin: 10px 0 0 0
}

.nav-bar .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.nav-bar .title small {
    font-size: 12px
}

.nav-bar .title .separator {
    margin: 0 5px
}

.nav-bar .nav {
    float: right;
    _display: inline;
    margin: 10px 0 0 0
}

.nav-bar .nav .nav-switch {
    margin-right: 10px;
    line-height: 30px;
}

.nav-switch .separator {
    margin: 0 5px;
    color: #f3f3f3;
}

.nav-switch .tab,
.nav-switch .link {
    color: #6d6d6d;
    text-decoration: none;
    font-size: 14px;
}

.nav-switch .btn0 {
    display: inline-block;
    text-decoration: none;
    background-color: #ff4a00;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    width: 120px;
    color: #fff;
}

.nav-switch .tab:hover,
.nav-switch .link:hover {
    color: #6d6d6d
}

.nav-switch .tab-active {
    color: #1a96d4;
    cursor: default
}

.nav-switch .tab-active:hover {
    color: #1a96d4;
}

.separator {
    font-family: sans-serif
}
#section0 {
    position: relative;
    width: 100%;
    height: 1355px;
    background: url(images1/bg1.jpg) no-repeat center center;
    background-size: cover;
}

#section0 img {
    display: block;
    margin: 116px auto;
}

#section0 div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
}

.topLeft {
    margin-left: -416px;
    margin-top: -168px;
}

.topRight {
    margin-left: 307px;
    margin-top: -168px;
}

.bottomLeft {
    margin-left: -416px;
    margin-top: 86px;
}

.bottomRight {
    margin-left: 307px;
    margin-top: 86px;
}

#section0 strong {
    display: block;
    font-size: 50px;
    color: #666666;
    margin-top: 55px;
}

#section0 span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    color: #666666;
}

#section1 {
    position: relative;
    width: 100%;
    height: 756px;
}

#section1 dd {
    width: 790px;
}

#section1 ul {
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 116px;
    width: 1200px;
}

#section1 li {
    position: relative;
    float: left;
    width: 50%;
    height: 380px;
}

#section1 li span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 144px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

#section2 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 1100px;
    background: url(images1/bg2.jpg) no-repeat center center;
}

#section2 #change {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -960px;
    margin-top: -550px;
    width: 100%;
    height: 1100px;
    background: url(images1/bg2_1.jpg) no-repeat left center;
    cursor: w-resize;
}

#section3 {
    position: relative;
    width: 100%;
    height: 1200px;
    background: url(images1/bg3.jpg) no-repeat center center;
    background-size: cover;
}

#section3 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -132px;
    margin-top: -300px;
    width: 264px;
    height: 438px;
}

#section3 dl {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 116px;
    margin-left: -390px;
}

#section3 dt {
    color: #fff;
}

#section3 dd {
    color: #fff;
}

#section3 ul {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 205px;
    margin-left: -234px;
    width: 468px;
}

#section3 li {
    float: left;
    width: 155px;
    height: 46px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #fff;
}

#section3 li:nth-child(3) {
    border: none;
}

#section3 h4 {
    line-height: 46px;
    font-weight: normal;
    font-size: 24px;
}

#section3 span {
    font-size: 14px;
}

#section4 {
    height: 1366px;
}

#section4 .bg4 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(images1/bg4.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#section4 .content {
    width: 468px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    margin-top: -160px;
}

#section4 img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 680px;
    height: 243px;
    margin-top: -90px;
    margin-left: -90px;
}

#section5 {
    height: 1366px;
}

#section5 img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 467px;
    height: 375px;
    margin-top: -210px;
    margin-left: -620px;
}

#section5 .bg5 {
    position: relative;
    width: 100%;
    height: 866px;
    background: url(images1/bg5.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#section5 .content {
    width: 660px;
    text-align: left;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -60px;
}

#section6 {
    height: 1366px;
}

#section6 .bg6 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 866px;
    background: url(images1/bg6.jpg) no-repeat center center;
    background-attachment: fixed;
}

#section6 #change6 {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 100%;
    height: 866px;
    margin-right: -960px;
    margin-top: -433px;
    background: url(images1/bg6_1.jpg) no-repeat center center;
    background-attachment: fixed;
    cursor: w-resize;
}

#section6 .content {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -600px;
    margin-top: -230px;
    width: 700px;
    text-align: left;
}

#section6 .center img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: 240px;
    margin-top: -230px;
    width: 245px;
    height: 441px;
}

#section7 {
    height: 1366px;
}

#section7 .center img {
    margin-left: 360px;
    margin-right: 80px;
    margin-top: 56px;
}

#section7 .bg7 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 866px;
    background: url(images1/bg7.jpg) no-repeat center center;
    background-attachment: fixed;
}

#section7 #change7 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 866px;
    margin-left: -960px;
    margin-top: -433px;
    background: url(images1/bg7_2.jpg) no-repeat center center;
    background-attachment: fixed;
    cursor: w-resize;
}

#section7 .content {
    width: 660px;
    text-align: left;
}

#section8 {
    width: 100%;
    height: 360px;
    background: #2f2e34;
}

#section8 h2 {
    color: #fff;
    text-align: center;
    padding-top: 138px;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 40px;
}

#section8 a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}

.mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    cursor: w-resize;
}

#mask6 {
    right: -20%;
}

#mask7 {
    left: -20%;
}

button {
    position: absolute;
    width: 230px;
    height: 62px;
    line-height: 62px;
    background: #000;
    color: #fff;
    font-size: 22px;
    border: none;
    border-radius: 10px;
    cursor: w-resize;
}

.center {
    width: 1920px;
    margin: 0 auto;
}

#section2 #change.trans,
#section6 #change6.trans,
#section7 #change7.trans {
    transition: width 1s;
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}

@media (max-width:1600px) {
    #section1 ul {
        margin-left: -500px;
        width: 1000px;
    }
    #section4 img {
        width: 620px;
        height: 220px;
        margin-top: -90px;
        margin-left: -70px;
    }
    #section4 .content {
        margin-left: -536px;
        margin-top: -160px;
    }
    #section5 img {
        width: 467px;
        height: 375px;
        margin-top: -210px;
        margin-left: -600px;
    }
    #section5 .content {
        margin-top: -238px;
        margin-left: -90px;
    }
    #section7 .center img {
        margin-left: 176px;
    }
}