.main-content {
    color: #222
}

.main-content * {
    box-sizing: border-box
}

.main {
    width: 1100px;
    margin: 0 auto
}

.part1 {
    height: 58px;
    background-color: #edf3f5;
    line-height: 58px
}

.part1 a {
    margin-left: 50px
}

.part1 span {
    color: #555
}

.pages {
    color: #6c6c6c;
    font-size: 14px
}

.pages .detail {
    text-align: center;
    padding-top: 100px
}

.pages .detail h2 {
    font-size: 28px;
    color: #222;
    line-height: 40px;
    font-weight: 400
}

.pages .detail .txt {
    padding: 22px 0 0;
    line-height: 28px
}

.pages .detail .page_tap {
    width: auto;
    min-height: 94px;
    padding-bottom: 10px;
    margin: 0 auto;
    display: inline-block
}

.pages .detail .page_tap li {
    width: 150px;
    line-height: 60px;
    margin-top: 65px;
    font-size: 18px;
    color: #6c6c6c;
    cursor: pointer;
    display: inline-block
}

.pages .detail .page_tap li::after {
    width: 50px;
    height: 4px;
    position: relative;
    left: 50%;
    bottom: 0;
    margin-left: -30px;
    background: #fff;
    border-radius: 2px;
    display: block;
    z-index: 10;
    content: ''
}

.pages .detail .page_tap .active_tap_li,.part1 a {
    color: #0f97ff
}

.pages .detail .page_tap .active_tap_li::after {
    background: #0f97ff
}

.pages .page_content {
    background: #f4f7fb
}

.pages .page_content .page_icon_title {
    overflow: hidden
}

.pages .page_content .page_icon_title dl {
    margin-top: 50px;
    display: none
}

.pages .page_content .page_icon_title .active_page_icon_dl {
    display: block;
    text-align: center
}

.pages .page_content .page_icon_title .active_page_icon_dl dt {
    font-size: 28px;
    line-height: 40px;
    color: #222;
    margin: 0 auto 22px;
    font-weight: 400
}

.pages .page_content .page_icon_title .active_page_icon_dl dd {
    font-size: 14px;
    line-height: 28px;
    color: #6c6c6c
}

.pages .page_content .type1_icons {
    text-align: center
}

.pages .page_content .type1_icons ul {
    margin-top: 60px;
    width: auto;
    display: none
}

.pages .page_content .type1_icons .active_2_ul {
    display: inline-block
}

.pages .page_content .type1_icons li,.pages .page_content .type3_icons li {
    width: 126px;
    height: 110px;
    color: #c1c1c1;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block
}

.pages .page_content .type1_icons li i,.pages .page_content .type3_icons li i {
    width: 40px;
    height: 40px;
    margin: 19px auto 14px;
    display: block;
    background: url(img/res_public_icon.png) 0 0 no-repeat;
    background-size: 96px 454px!important
}

.pages .page_content .type1_icons li .icon1 {
    background-position: -4px -4px
}

.pages .page_content .type1_icons li .icon2 {
    background-position: -4px -64px
}

.pages .page_content .type1_icons li .icon3 {
    background-position: -4px -120px
}

.pages .page_content .type1_icons li .icon4 {
    background-position: -4px -178px
}

.pages .page_content .type1_icons li .icon5 {
    background-position: -4px -236px
}

.pages .page_content .type1_icons li .icon6 {
    background-position: -4px -294px
}

.pages .page_content .type1_icons li .icon7 {
    background-position: -4px -352px
}

.pages .page_content .type1_icons li .icon8 {
    background-position: -4px -411px
}

.pages .page_content .type1_icons .page_active_li,.pages .page_content .type3_icons .type_3_active_li {
    background: #fff;
    color: #222;
    border-radius: 4px
}

.pages .page_content .type1_icons .page_active_li .icon1 {
    background-position: -52px -4px
}

.pages .page_content .type1_icons .page_active_li .icon2 {
    background-position: -52px -64px
}

.pages .page_content .type1_icons .page_active_li .icon3 {
    background-position: -52px -120px
}

.pages .page_content .type1_icons .page_active_li .icon4 {
    background-position: -52px -178px
}

.pages .page_content .type1_icons .page_active_li .icon5 {
    background-position: -52px -236px
}

.pages .page_content .type1_icons .page_active_li .icon6 {
    background-position: -52px -294px
}

.pages .page_content .type1_icons .page_active_li .icon7 {
    background-position: -52px -352px
}

.pages .page_content .type1_icons .page_active_li .icon8 {
    background-position: -52px -411px
}

.pages .page_content .type3_icons {
    width: auto;
    margin: 0 auto;
    text-align: center
}

.pages .page_content .type3_icons li {
    margin: 60px 5px 0
}

.pages .page_content .type3_icons li .icon1 {
    background-position: -4px -4px
}

.pages .page_content .type3_icons li .icon2 {
    background-position: -4px -64px
}

.pages .page_content .type3_icons li .icon3 {
    background-position: -4px -120px
}

.pages .page_content .type3_icons li .icon4 {
    background-position: -4px -178px
}

.pages .page_content .type3_icons li .icon5 {
    background-position: -4px -236px
}

.pages .page_content .type3_icons li .icon6 {
    background-position: -4px -294px
}

.pages .page_content .type3_icons li .icon7 {
    background-position: -4px -352px
}

.pages .page_content .type3_icons li .icon8 {
    background-position: -4px -411px
}

.pages .page_content .type3_icons .type_3_active_li .icon1 {
    background-position: -52px -4px
}

.pages .page_content .type3_icons .type_3_active_li .icon2 {
    background-position: -52px -64px
}

.pages .page_content .type3_icons .type_3_active_li .icon3 {
    background-position: -52px -120px
}

.pages .page_content .type3_icons .type_3_active_li .icon4 {
    background-position: -52px -178px
}

.pages .page_content .type3_icons .type_3_active_li .icon5 {
    background-position: -52px -236px
}

.pages .page_content .type3_icons .type_3_active_li .icon6 {
    background-position: -52px -294px
}

.pages .page_content .type3_icons .type_3_active_li .icon7 {
    background-position: -52px -352px
}

.pages .page_content .type3_icons .type_3_active_li .icon8 {
    background-position: -52px -411px
}

.pages .page_content .type_1_ipone,.pages .page_content .type_2_3_ipone {
    width: 900px;
    margin: 0 auto
}

.pages .page_content .type_1_ipone li {
    padding-top: 50px;
    display: none
}

.pages .page_content .type_1_ipone .active_2_li,.pages .page_content .type_1_ipone .active_dl,.pages .page_content .type_2_3_ipone .active_2_3_dl {
    display: block
}

.pages .page_content .type_1_ipone dl,.pages .page_content .type_2_3_ipone dl {
    display: none;
    padding-bottom: 40px;
    padding-left: 30px;
    overflow: hidden
}

.pages .page_content .type_1_ipone dl dt,.pages .page_content .type_2_3_ipone dl dt {
    width: 300px;
    height: 590px;
    background: url(img/ipone-wrap.png);
    background-size: 100% 100%;
    float: left
}

.pages .page_content .type_1_ipone dl dt img,.pages .page_content .type_2_3_ipone dl dt img {
    width: 246px;
    height: 480px;
    display: block;
    margin: 75px 0 0 27px
}

.pages .page_content .type_1_ipone dl dd,.pages .page_content .type_2_3_ipone dl dd {
    float: left;
    margin-left: 110px
}

.pages .page_content .type_1_ipone dl dd h4,.pages .page_content .type_2_3_ipone dl dd h4 {
    font-size: 26px;
    font-weight: 400;
    line-height: 28px;
    margin: 120px 0 24px;
    color: #222
}

.pages .page_content .type_1_ipone dl dd div,.pages .page_content .type_2_3_ipone dl dd div {
    width: 445px;
    font-size: 14px;
    line-height: 28px;
    color: #6c6c6c
}

.pages .page_content .type_2_3_ipone dl {
    padding-top: 50px
}