.PageBox {
    width:100%;
    margin:50px auto;
    position:relative;
}
.PageBox h1 {
    margin:50px auto;
    padding:10px 0;
    position:relative;
    font-weight:normal;
    font-size:30px;
    color:#103c85;
    text-align:left;
    border-bottom:2px solid #848283;
}
.PageBoxTop {
    width: 100%;
    max-width:1200px;
    margin:auto;
    position:relative;
    background-color:#103c85;
    font-size:0;
    text-align:left;
    border-collapse:collapse;
}
.PageBoxTop td {
    padding:0;
}
.PageBoxTop img {
    width:100%;
    display:block;
}
.PageBoxTop td:nth-child(1) {
    width:30%;
}
.PageBoxTop td:nth-child(2) {
    width:calc(70% - 80px);
    padding: 0 40px;
    font-size:14px;
    color:#fff;
}
.PageBoxTop td:nth-child(2) span {
    font-size:14px;
    display:block;
}

.Page1 {
    max-width:1200px;
}
.Page1 img {
    width:100%;
    display:block;
    position:relative;
}
.Page1 article {
    margin:50px 0;
    padding:0 10px;
    margin-bottom:100px;
    color:#4d4b4c;
    text-align:left;
    text-indent:35px;
    font-size:14px;
}

.Page2 h1 {
    max-width:1200px;
}
.Page2 ul {
    margin:50px 0;
    margin-top:150px;
    padding:30px 0;
    background-image:url(../../Image/Page2Bg2.jpg);
    background-size:100% 16px;
    background-repeat:no-repeat;
    font-size:0;
}
.Page2 li {
    margin:0 2%;
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    font-size:16px;
    color:#4f4b4a;
}
.Page2 li > span {
    width:100px;
    left: 0;
    right: 0;
    top: -85px;
    margin: auto;
    position:absolute;
    color:#fff;
    font-size:30px;
    line-height:40px;
    text-align:center;
    border-radius:5px;
}
.Page2 li > span:after {
    content: "";
    width:10px;
    height:10px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin:auto;
    position:absolute;
    background-color:inherit;
    transform:rotate(45deg);
}
.Page2 li > p {
    margin:0;
    font-size:14px;
}
.Page2 ul:nth-child(1) {
    margin-top:50px;
    padding-top:200px;
    padding-left:20%;
    background-image:url(../../Image/Page2Bg1.jpg);
    background-size:100% 214px;
}
.Page2 ul:nth-child(1) li {
    width:16%;
    max-width:150px;
}
.Page2 ul:nth-child(2) li {
    width:12.6%;
    max-width:150px;
}
.Page2 ul:nth-child(3) li {
    width:16%;
    max-width:200px;
}
.Page2 ul:nth-child(4) li {
    width:29%;
    max-width:300px;
}
.Page2 ul:nth-child(1) li:nth-child(odd) span,
.Page2 ul:nth-child(2) li:nth-child(even) span,
.Page2 ul:nth-child(3) li:nth-child(even) span,
.Page2 ul:nth-child(4) li:nth-child(odd) span {
    background-color:#004183;
}
.Page2 ul:nth-child(1) li:nth-child(even) span,
.Page2 ul:nth-child(2) li:nth-child(odd) span,
.Page2 ul:nth-child(3) li:nth-child(odd) span,
.Page2 ul:nth-child(4) li:nth-child(even) span {
    background-color:#848283;
}

.Page3 h1 {
    max-width:1200px;
}
.Page3BoxTop {
    background-color:#848283;
}
.Page3 > div {
    width:100%;
    margin:50px 0;
    position:relative;
}
.Page3 > div > div {
    max-width:1200px;
    margin:auto;
}
.Page3 > div > p {
    padding-top:100px;
    background-size:100% 100%;
    background-image:url(../../Image/Page3Bg5.jpg);
    border-bottom:2px solid #a7a7a7;
}
.Page3ImgBox {
    width:100%;
    position:relative;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    color:#272727;
}
.Page3ImgBox img {
    width:100%;
    display:block;
}
.Page3ImgBox span {
    margin:5px 0;
    display:block;
    font-size:14px;
    color:#3d3d3d;
}
.Page3D1 {
    font-size:0;
}
.Page3D1 div {
    margin:30px 0;
}
.Page3D1 div:nth-child(1) {
    width:100%;
    position:relative;
}
.Page3D1 div:nth-child(2), .Page3D1 div:nth-child(3) {
    width:70%;
    position:relative;
}
.Page3D1 div:nth-child(2) > div {
    width:46%;
    margin:0;
    margin-right:4%;
}
.Page3D1 div:nth-child(3) > div {
    width:29.3%;
    margin:0;
    margin-right:4%;
}

.Page3D2 {
    font-size:0;
}
.Page3D2 > div {
    margin:50px 0;
}
.Page3D2 div > p {
    width:24%;
    margin: 0 3%;
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    text-align:left;
    text-indent:35px;
}
.Page3D2 div > div {
    width:70%;
    display:inline-block;
    vertical-align:top;
}
.Page3D2 div > div > div {
    width:31%;
    margin:1%;
}

.Page3D3 p {
    width:96%;
    margin:20px 2%;
}
.Page3D3 div {
    width:100%;
    font-size:0;
}
.Page3D3 div > div {
    width:31%;
    margin:1%;
}

.Page4 {
    max-width:1200px;
}
.Page4 > img {
    width:100%;
    margin:50px 0;
}

.Page5 {
    max-width:1200px;
}
.Page5BoxTop {
    background-color:#fff;
    border-collapse:collapse;
}
.Page5BoxTop img {
    width:100%;
    display:block;
}
.Page5BoxTop td {
    padding:0;
}
.Page5BoxTop td:nth-child(1) {
    width:60%;
}
.Page5BoxTop td:nth-child(2) {
    width:calc(40% - 80px);
    padding:0 40px;
    color:#4b4b4b;
    text-align:left;
    text-indent:35px;
    font-size:14px;
}
.Page5 ul {
    width:100%;
    position:relative;
    margin:50px 0;
    font-size:0;
}
.Page5 li {
    width:31%;
    margin:1%;
    position:relative;
    display:inline-block;
}
.Page5 li:nth-last-child(1) {
    width:64%;
}
.Page5 li img {
    width:100%;
}

.Page6 {
    max-width:1200px;
}
.Page6D1 {
    border-bottom:2px solid #868686;
    margin-bottom: 150px;
    position:relative;
    font-size:0;
}
.Page6D1 > p {
    width:150px;
    margin:auto;
    padding: 10px 0;
    /*top: 25px;*/
    /*position:relative;*/
    position:absolute;
    display:inline-block;
    vertical-align:top;
    font-size:24px;
    background-color:#014083;
    color:#fff;
}
.Page6D1 ul {
    width:calc(100% - 150px);
    margin-left:150px;
    display:inline-block;
    vertical-align:top;
}
.Page6D1 li {
    width:33%;
    position:relative;
    display:inline-block;
}
.Page6D1 li > img {
    margin:10px;
    display:inline-block;
    vertical-align:middle;
}
.Page6D1 li > span {
    font-size:20px;
    color:#184564;
    vertical-align:middle;
}
.Page6D1 li > p {
    width:calc(100% - 40px);
    margin:20px;
    position:absolute;
    font-size:14px;
    color:#666666;
}

.Page6D2 {
    margin:50px 0;
    font-size:0;
}
.Page6D2 article {
    padding:10px 0;
    margin:10px 0;
    border-bottom:2px solid #868686;
}
.Page6D2 article p {
    margin:0;
    display:inline-block;
    vertical-align:middle;
}
.Page6D2 article p:nth-child(1) {
    width:150px;
    margin:auto;
    padding: 10px 0;
    font-size:24px;
    background-color:#014083;
    color:#fff;
}
.Page6D2 article p:nth-child(2) {
    width:calc(100% - 170px);
    padding:0 10px;
    font-size:16px;
    text-align:left;
    color:#666666;
}
.Page6D2 ul {
    margin:30px 0;
}
.Page6D2 li {
    width:31%;
    margin:2% 1%;
    display:inline-block;
    vertical-align: top;
}
.Page6D2 li img {
    max-width:100%;
    margin:auto;
    display:block;
}
.Page6D2 li div {
    width:calc(100% - 40px);
    /*height: 240px;*/
    padding:20px;
    margin:10px 0;
}
.Page6D2 li:nth-child(odd) div {
    background-color:#dde9f5;
}
.Page6D2 li:nth-child(even) div {
    background-color:#eaebed;
}
.Page6D2 li div p {
    margin:10px 0;
    font-size:20px;
    font-weight:bold;
    color:#03417e;
}
.Page6D2 li div span {
    font-size:14px;
    color:#515153;
}

.Page6D3 {
    margin:50px 0;
}
.Page6D3 table {
    width:80%;
    margin:auto;
}
.Page6D3 table td {
    width:50%;
    padding:20px;
}
.Page6D3 tr td:nth-child(2) {
    text-align:left;
}
.Page6D3 img {
    max-width:100%;
    margin: auto;
    display:block;
}
.Page6D3 span {
    color:#535353;
    font-size:14px;
}

.Page7 {
    max-width:1200px;
    font-size:0;
    color:#545456;
}
.Page7 > div {
    padding:40px;
    background-color:#f1f2f4;
}
.Page7 > div ul {
    width:calc(100% - 200px);
    display:inline-block;
    vertical-align:top;
    text-align:left;
}
.Page7 > div ul li {
    width:300px;
    display:inline-block;
    vertical-align:middle;
    margin:10px 0;
    font-size:14px;
}
.Page7 > div ul li:nth-child(1) {
    width:100%;
    font-size:16px;
}
.Page7 > div ul img, .Page7 > div ul {
    vertical-align:middle;
}
.Page7 > div ul span {
    width: calc(100% - 60px);
    display:inline-block;
    vertical-align:middle;
}
.Page7 > div > p {
    width:200px;
    margin:20px 0;
    display:inline-block;
    vertical-align:top;
}
.Page7 > div > p img {
    width:70%;
    margin:auto;
    display:block;
}
.Page7 > div > p span {
    font-size:16px;
}
.Page7 > div > img {
    max-width:100%;
    display:block;
    margin:50px 0;
}

.Page8 {
    max-width:1200px;
}
.Page8 img {
    width:100%;
    max-width:840px;
    margin:auto;
    display:block;
}

@media screen and (max-width: 800px) {
    .PageBoxTop td:nth-child(1) {
        display:none;
    }
    .PageBoxTop td:nth-child(2) {
        padding:20px 40px;
    }

    .Page2 ul {
        margin:0 !important;
        padding:0 !important;
        background:none !important;
    }
    .Page2 li {
        width:96% !important;
        max-width:1200px !important;
        margin:10px auto;
        /*text-align:center;*/
    }
    .Page2 li > span {
        top:0;
        padding:3px;
        position:relative;
        font-size:14px;
    }

    .Page3D1 div:nth-child(2), .Page3D1 div:nth-child(3) {
        width:100%;
    }

    .Page3ImgBox span {
        text-align:center;
    }
    .Page3D2 div > p {
        width:96%;
        margin: 20px 2%;
    }
    .Page3D2 div > div {
        width:100%;
    }

    .Page6D1 {
    border-bottom:2px solid #868686;
    }
    .Page6D1 > p {
        position:static;
        display:block;
    }
    .Page6D1 ul {
        width:100%;
        margin:10px 0;
    }
    .Page6D1 li {
        width:100%;
    }
    .Page6D1 li > p {
        position:static;
    }

    .Page6D2 article p:nth-child(2) {
        width: calc(100% - 20px);
        margin: 10px 0;
    }
    .Page6D2 li {
        width: 98%;
    }
    .Page6D3 table {
        width:100%;
    }
    .Page6D3 table td {
        width: 100%;
        padding: 0;
        margin: 10px 0;
        display: block;
    }
    .Page6D3 tr td:nth-child(2) {
        text-align:center;
    }
    .Page6D3 > img {
        display:none;
    }

    .Page5, .Page6D2, .Page1 article, .Page2 li, .Page6D3 span {
        line-height:22px;
    }
}
@media screen and (max-width: 600px) {
    .Page3D1 div:nth-child(2) > div, .Page3D1 div:nth-child(3) > div {
        width:96%;
        margin:2%;
    }
    .Page3D2 div > div > div, .Page3D3 div > div {
        width:46%;
        margin:2%;
    }

    .Page5BoxTop td:nth-child(1) {
        width:100%;
        display:block;
    }
    .Page5BoxTop td:nth-child(2) {
        width:calc(100% - 20px);
        padding:10px;
        display:block;
    }

    .Page5 li {
        width:48%;
    }
    .Page5 li:nth-child(5) {
        display:none;
    }
    .Page5 li:nth-last-child(1) {
        width:98%;
    }

    .Page7 > div {
        padding: 10px;
    }
    .Page7 > div ul {
        width:100%;
    }
}