html, body, p, h1, h2, h3, h4, ul, li, a {
    margin: 0;
    padding: 0;
    font-family: Microsoft YaHei;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

body {
    min-width: 1100px;
}

.main-width {
    width: 1000px;
    margin: 0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.button {
    border: #ffffff 1px solid;
    color: #ffffff;
    border-radius: 10px;
    padding: 13px 20px;
    text-decoration: none;
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 24px;
}

.section1 {
    background-image: url(img/new_01.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section1-wrapper {
    padding-top: 28px;
}

.header {
    /*padding-top: 18px;
    padding-bottom: 10px;*/
    width: 100%;
    position: fixed;
    z-index: 10000;
    height: 76px;
}

.header-scroll {
    background-color: #e7e7e7;
    box-shadow: rgba(0, 0, 0, 0.0666667) 0px 1px 4px 0px;
    margin-top: 0px;
}

.nav {
    position: relative;
}

.nav .logo {
    position: absolute;
    left: 0;
    top: 0;
}

.nav .logo-info {
    margin-left: 100px;
    list-style: none;
    font-size: 16px;
    color: #ffffff;
    float: left;
    font-family: Microsoft YaHei;
}

.nav .logo-info li {
    padding: 2px 0;
}

.nav .logo-info .li1 {
    letter-spacing: 4px;
}

.nav .logo-info .li2 {
    letter-spacing: 1px;
}

.nav .logo-info .li3 {
    font-size: 12px;
    letter-spacing: 10px;
}

.nav .navbar {
    list-style: none;
    float: right;
}

.nav .navbar .collapse {
    position: relative;
}

.nav .navbar .collapse .selection {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    display: none;
}

.nav .navbar .collapse .selection li {
    margin-bottom: 5px;
}

.nav .navbar .collapse .selection a {
    color: rgba(255, 255, 255, 0.97);
}

.nav .navbar img {
    margin-left: 3px;
}

.nav .navbar li {
    float: left;
    line-height: 28px;
}

.nav .navbar li a {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.nav .navbar li a.a-scroll {
    color: rgb(180, 174, 166);
}

.nav .navbar li.menu a.a-scroll:hover {
    color: rgb(81, 181, 207);
}

.nav .navbar .button-navbar {
    margin-left: 25px;
    padding: 3px 13px;
    line-height: 10px;
    border-radius: 5px;
    background-color: rgba(106, 94, 78, 0.5);
    display: inline;
}

.nav .navbar .button-navbar-scroll {
    background-color: rgb(81, 181, 207);
}

.nav .navbar .menu a {
    padding: 0 13px;
}

.nav .navbar .menu a.no-scroll:hover {
    background-color: rgba(106, 94, 78, 0.5);
    border-radius: 5px;
}

.section1-wrapper .contents {
    padding-top: 204px;
    padding-bottom: 230px;
    text-align: center;
}

.section1-wrapper .contents p {
    margin: 3px;
}

.section1-wrapper .contents p.p1 {
    font-family: Microsoft YaHei;
    font-size: 36px;
    color: #f4d575;
}

.section1-wrapper .contents p.p2 {
    font-family: Arial black;
    font-size: 48px;
    color: #f4d575;
}

.section1-wrapper .contents h1 {
    font-family: Microsoft YaHei;
    font-size: 62px;
    font-weight: normal;
    color: #ffffff;
    margin: 31px 0;
}

.section1-wrapper .contents p.p3 {
    font-family: Microsoft YaHei;
    font-size: 26px;
    color: #ffffff;
    margin-bottom: 30px;
}

.section1-wrapper .contents .button-section1 {
    letter-spacing: 5px;
    background-color: rgba(255, 255, 255, 0.2);
}

.section1-wrapper .inner {
    position: relative;
}

.narrow {
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: -28px;
    margin-left: -23px;
    left: 50%;
    background: url(img/section1_narrow.png);
    z-index: 200;
}

.section2 {
    background-color: #f9fdff;
}

.section2 .section2-wrapper {
    position: relative;
    height: 750px;
}

.section2 .section2-wrapper .border {
    width: 1px;
    border-left: 1px solid #f1f4f8;
    position: absolute;
    margin-left: -0.5px;
    left: 50%;
    top: 35px;
    height: 670px;
}

.section2 .section2-wrapper .base-division {
    position: absolute;
    background-color: #f9fdff;
    width: 100%;
    height: 200px;
}

.section2 .section2-wrapper .division1 {
    left: 0;
    top: 60px;
}

.section2 .section2-wrapper .division2 {
    left: 0;
    top: 260px;
}

.section2 .section2-wrapper .division3 {
    left: 0;
    top: 460px;
}

.section2-wrapper .base-icon-group {
    height: 100%;
    float: left;
    position: relative;
}

.section2-wrapper .base-icon-group .figure {
    position: absolute;
}

.section2-wrapper .base-icon-group p {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #b1bcca;
    position: absolute;
}

.section2-wrapper .base-icon-group h1 {
    font-size: 30px;
    color: #338ef8;
    position: absolute;
}

.section2 .section2-wrapper .division1 .icon-group1 {
    width: 400px;
}

.section2 .section2-wrapper .division1 .icon-group2 {
    width: 300px;
}

.section2 .section2-wrapper .division1 .icon-group3 {
    width: 300px;
}

.section2 .section2-wrapper .division1 .icon-group1 .p1 {
    left: 215px;
    top: 33px;
}

.section2 .section2-wrapper .division1 .icon-group1 .p2 {
    left: 250px;
    top: 61px;
}

.section2 .section2-wrapper .division1 .icon-group1 h1 {
    width: 140px;
    left: 282px;
    top: 89px;
}

.section2 .section2-wrapper .division1 .icon-group1 .figure {
    left: 195px;
    top: 112px;
}

.section2 .section2-wrapper .division1 .icon-group2 .p1 {
    left: 183px;
    top: 0px;
}

.section2 .section2-wrapper .division1 .icon-group2 .p2 {
    width: 140px;
    left: 271px;
    top: 22px;
}

.section2 .section2-wrapper .division1 .icon-group2 h1 {
    left: 138px;
    top: 24px;
}

.section2 .section2-wrapper .division1 .icon-group2 .figure {
    left: 53px;
    top: 44px;
}

.section2 .section2-wrapper .division1 .icon-group3 .p1 {
    left: 132px;
    top: 56px;
}

.section2 .section2-wrapper .division1 .icon-group3 .p2 {
    width: 140px;
    left: 225px;
    top: 86px;
}

.section2 .section2-wrapper .division1 .icon-group3 h1 {
    left: 98px;
    top: 89px;
}

.section2 .section2-wrapper .division1 .icon-group3 .figure {
    left: 8px;
    top: 112px;
}

.section2 .section2-wrapper .division2 .icon-group4 {
    width: 215px;
}

.section2 .section2-wrapper .division2 .icon-group5 {
    text-align: center;
    width: 570px;
}

.section2 .section2-wrapper .division2 .icon-group6 {
    width: 215px;
}

.section2 .section2-wrapper .division2 .icon-group4 .p1 {
    left: 59px;
    top: 50px;
}

.section2 .section2-wrapper .division2 .icon-group4 .p2 {
    left: 0px;
    top: 84px;
}

.section2 .section2-wrapper .division2 .icon-group4 h1 {
    left: -50px;
    top: 121px;
}

.section2 .section2-wrapper .division2 .icon-group4 .figure {
    left: 81px;
    top: 96px;
}

.section2 .section2-wrapper .division2 .icon-group6 .p1 {
    width: 100px;
    left: 150px;
    top: 21px;
}

.section2 .section2-wrapper .division2 .icon-group6 .p2 {
    width: 100px;
    left: 200px;
    top: 47px;
}

.section2 .section2-wrapper .division2 .icon-group6 h1 {
    width: 140px;
    left: 109px;
    top: 74px;
}

.section2 .section2-wrapper .division2 .icon-group6 .figure {
    left: 26px;
    top: 96px;
}

.section2 .section2-wrapper .division2 .icon-group5 h1 {
    position: static;
    font-size: 24px;
    color: #338ef8;
    margin: 20px 0;
}

.section2 .section2-wrapper .division2 .icon-group5 p {
    font-family: Arial black;
    position: static;
    font-size: 24px;
    color: #338ef8;
    margin-bottom: 10px;
}

.section2 .section2-wrapper .division3 .icon-group7 {
    width: 100%;
    text-align: center;
}

.section2 .section2-wrapper .division3 .icon-group7 h1 {
    position: static;
    margin-bottom: 10px;
}

.section2 .section2-wrapper .division3 .icon-group7 .figure {
    margin-top: 40px;
    margin-bottom: 10px;
    position: static;
}

.section2 .section2-wrapper .division3 .icon-group7 p {
    position: static;
    margin-bottom: 10px;
}

.section3 {
    background: #def0ff;
}

.section3 .section3-wrapper {
    padding-top: 50px;
    text-align: center;
    padding-bottom: 50px;
}

.section3 .section3-wrapper h1 {
    font-size: 30px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section3 .section3-wrapper h2 {
    font-family: Arial black;
    font-size: 24px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section3 .section3-wrapper h3 {
    font-size: 30px;
    color: #338ef8;
    margin-bottom: 10px;
}

.section3 .section3-wrapper h4 {
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #b1bcca;
    margin-bottom: 10px;
}

.section3 .section3-wrapper .icon-group {
    position: relative;
}

.section3 .section3-wrapper .icon-group .icon {
    display: inline-block;
    height: 250px;
    width: 240px;
    border: solid #ffffff 1px;
    border-radius: 5px;
    background-color: #fafdff;
}

.icon_img01 {
    margin-top: 50px;
    margin-left: 27px;
}

.icon_img02 {
    margin-top: 59px;
    margin-left: 9px;
}

.icon_img03 {
    margin-top: 69px;
    margin-left: 4px;
}

.icon_img04 {
    margin-top: 61px;
    margin-left: 27px;
}

.line {
    height: 10px;
    width: 136px;
    background: url(img/section3_line.png);
    background-repeat: no-repeat;
    position: absolute;
}

.position1 {
    left: 187px;
    top: 103px;
}

.position2 {
    left: 432px;
    top: 103px;
}

.position3 {
    left: 687px;
    top: 103px;
}

.section4 {
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 1100px;
    position: relative;
}

.section4 .section4-wrapper {
}

.section4 .section4-wrapper h1 {
    font-size: 30px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section4 .section4-wrapper .chuantongh1 {
    color: rgb(141, 141, 141);
    font-size: 30px;
    margin-bottom: 20px;
}

.section4 .section4-wrapper h2 {
    font-family: Arial black;
    font-size: 24px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section4 .section4-wrapper .chuantongh2 {
    font-family: Arial black;
    font-size: 24px;
    color: rgb(141, 141, 141);
    margin-bottom: 20px;
}

.section4 .section4-wrapper h3 {
    font-size: 20px;
    color: #338ef8;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 330px;
    border-radius: 6px;
    line-height: 2.5;
}

.section4 .section4-wrapper .chuantongh3 {
    font-size: 20px;
    color: rgb(141, 141, 141);
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 330px;
    border-radius: 6px;
    line-height: 2.5;
}

.section4 .section4-wrapper .bg-1 {
    background-color: rgb(152, 210, 221);
    width: 50%;
    height: 635px;
    float: left;
    position: relative;
    text-align: center;
}

.section4 .section4-wrapper .bg-2 {
    background-color: rgb(0, 0, 0);
    width: 50%;
    height: 635px;
    float: right;
    text-align: center;
    opacity: 0.3;
}

.section4 .section4-wrapper .text1 {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -160px;
    border-radius: 6px;
}

.section4 .section4-wrapper .text2 {
    text-align: center;
    position: absolute;
    left: 69%;
    border-radius: 6px;
}

.section4 .section4-wrapper .bianju {
    padding-top: 50px;
    width: 500px;
}

.section4 .section4-wrapper p {
    font-family: Arial black;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.section4 .section4-wrapper .button-group {
    margin-top: 20px;
}

.section4 .section4-wrapper .button-group .ios-down {
    padding-left: 36px;
    padding-right: 36px;
    background-color: rgba(182, 178, 153, 0.8);
}

.section4 .section4-wrapper .button-group .android-down {
    margin-left: 30px;
    background-color: rgba(182, 178, 153, 0.8);
}

.section5 {
    background-color: rgb(248, 248, 248);
    padding: 0 70px;
}

.section5 .section5-wrapper {
    padding-top: 60px;
    padding-bottom: 4px;
    text-align: center;
}

.section5 .section5-centent {
    overflow: hidden;
    width: 100%;
}

.section5 .section5-wrapper h1 {
    font-size: 30px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section5 .section5-wrapper h2 {
    font-family: Arial black;
    font-size: 24px;
    color: #338ef8;
    margin-bottom: 20px;
}

.section5 h3 {
    color: rgb(83, 103, 108);
    font-size: 22px;
    padding-bottom: 10px;
}

.section5 p {
    padding-right: 5px;
    color: rgb(141, 141, 141);
    text-indent: 2em;
}

.section5 .reason {
    width: 33.33%;
    float: left;
    min-height: 150px;
}

.section5 .reason .reason-node {
    padding: 10px 20px;
}

.section5 .reason .reason-text {
    padding-left: 80px;
}

.section5 .img1 {
    float: left;
    width: 65px;
}

.section5 .section5-wrapper .button-section5 {
    letter-spacing: 5px;
    background-color: rgba(127, 139, 206, 0.8);
}

.section6 {
    background-color: #333539;
}

.section6 .section6-wrapper {
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center;
}

.section6 .section6-wrapper ul {
    list-style: none;
    float: left;
    font-family: Microsoft YaHei;
    color: #b1bcca;
    margin-right: 30px;
    margin-left: 55px;
}

.section6 .section6-wrapper ul .h3 {
    font-size: 18px;
    margin-bottom: 13px;
}

.section6 .section6-wrapper ul li {
    font-size: 14px;
    margin-bottom: 8px;
}

.section6 .section6-wrapper .figure {
    float: left;
    margin-left: 40px;
}

.search {
    position: absolute;
    background: url(img/section6_search.png);
    right: 0px;
    bottom: 2px;
    width: 35px;
    height: 35px;
}

.section6 .section6-wrapper .copyright {
    font-size: 16px;
    color: #5b6571;
    margin-top: 10px;
}

.section6 .section6-wrapper .copyright span {
    margin-right: 3px;
}

.section6 .section6-wrapper .copyright image {
    margin-right: 5px;
}

.section-center {
    padding: 70px 100px 30px 100px;
    max-width: 1000px;
    margin: 0 auto;
    font-family: Tahoma, Arial, "Microsoft Yahei";
}

.section-center h2 {
    font-size: 24px;
    line-height: 35px;
}

.section-center h3 {
    font-size: 18px;
    color: #666;
    padding: 25px 0 15px;
}

.section-center p {
    color: #646464;
    line-height: 25px;
    font-size: 14px;
    margin: 0;
}

.section-center .u-jd {
    padding-left: 40px;
    padding-right: 50px;
}

.u-ul {
    float: right;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0.2);
    margin: 47px;
    border-radius: 6px;
}

.u-ul li {
    list-style-type: none;
    padding: 10px 20px 10px 40px;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.u-ul li a:hover {
    color: #338EF8;
}

.header-scroll .u-ul {
    background-color: #f8f8f8;
    margin: 20px 47px;
    color: #b8b8b8;
}

.header-scroll .u-ul a {
    color: #b8b8b8;
}

.u-ul li a {
    text-decoration: none;
    color: #fff;
}

.u-ul li a.z-current {
    color: red;
}

.m-fixed {
    text-align: center;
    position: fixed;
    background-color: #F0F0F0;
    width: 150px;
    height: 235px;
    bottom: 50px;
    right: 1px;
    z-index: 10000;
    padding: 10px 0;
}

.m-fixed p {
    font-size: 14px;
    margin-bottom: 5px;
}