@font-face {
    font-family: 'DINPro';
}

@font-face {
    font-family: 'aoya-sy-Bold';
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'WenQuanYi Micro Hei', SimSun, sans-serif;
}

li {
    list-style: none;
}


.header, .col-left, #modal-container, .pic-show-right {
    display: none;
}

header {
    display: block;
}

.tzz {
    display: block;
}

.h5-show-con {
    position: relative;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    overflow: hidden;
}

.h5-show-con video {
    position: relative;
    width: 100%;
    background-color: #111111;
}

.h5-show-con .con {
    font-size: .9rem;
    color: #999;
    float: left;
    width: 100%;
}

.h5-show-con .con p {
    padding: 1rem 0 0 0;
    line-height: 1.8rem;
}

.h5-show-con .con h4 {
    font-size: 1rem;
}

.show-pic-con img {
    width: calc(100% - 2rem);
    padding: 1rem;
    padding-bottom: 0;
}

.col-right .head-box {
    position: relative;
    width: calc(100% - 2rem);
    height: 2rem;
    margin: 3rem 1rem 1rem 1rem;
    padding-top: 1rem;
}

.col-right .head-box .cru {
    float: left;
    font-size: .8rem;
    line-height: 2rem;
    color: #d4d4d4;
    width: 100%;
}

.col-right .head-box .cru a {
    color: #d4d4d4;
    text-decoration: none;
}


.pic-show-con .title {
    position: relative;
    width: 100%;
    border-top: 5px #111111 solid;
    padding: 2rem 0;
    padding-bottom: 2rem;
}

.pic-show-con .title p {
    font-size: 1rem;
    color: #111111;
}

.pic-show-con .title h3 {
    font-size: 2rem;
    color: #111111;
    line-height: 2.5rem;
    padding: .5rem 0;
    width: calc(100% - 90px);
}

.pic-show-con .title h3 span {
    position: absolute;
    z-index: -1;
    margin-left: 1rem;
    margin-top: 1.5rem;
    width: 8rem;
    height: 1rem;
    background-color: #d4d4d4;
}

.pic-show-con .title .tag {
    padding-bottom: 2rem;
}

.pic-show-con .title .tag a {
    font-size: .8rem;
    color: #d4d4d4;
    text-decoration: none;
}

.show-num span {
    float: left;
}

.show-num span:nth-child(1) {
    font-size: 12px;
    color: #d4d4d4;
}

.show-num span:nth-child(1) small {
    padding-left: 5px;
    font-family: DINPro;
    font-size: 12px;
}

.show-num span:nth-child(2) {
    font-family: DINPro;
    background-image: url(../images/zan.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-size: 12px;
    color: #111111;
    background-color: transparent;
    background-size: contain;
    float: right;
}

.show-play {
    display: none;
}

.show-thumb {
    width: 100%;
    float: left;
    margin: 2rem 0;
}

.show-thumb img {
    padding: 0;
    width: 100%;
}

.show-thumb video {
    max-height: 215px;
}

.show-num {
    float: left;
    width: 100%;
    border-bottom: 5px #111111 solid;
    padding: 1rem 0;
    margin-bottom: 3rem;
}

.wxlink {
    width: 100%;
    border-top: 1px #111111 solid;
    border-bottom: 1px #111111 solid;
    font-size: .8rem;
    padding: 1rem 0;
    margin-top: 2rem;
    line-height: 1.5rem;
    color: #d4d4d4;
    float: left;
}

.wxlink a {
    text-decoration: none;
    color: #111111;
    font-weight: 700;
}


body {
    max-width: 755px;
    width: 100%;
    margin: 0 auto;
}

.container {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    height: 2rem;
    background-color: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 1px #111111 solid;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-top .logo {
    position: absolute;
    left: 1rem;
}

.fixed-top .logo img {
    max-width: 5rem;
}

.fixed-top .h5-ser {
    position: absolute;
    right: 5rem;
}

.fixed-top .h5-ser img {
    width: 2rem;
    height: 2rem;
}


.navbar .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.navbar nav {
    width: 1.5rem;
    display: inline-block;
    line-height: inherit;
    white-space: nowrap;
    position: absolute;
    right: 1rem;
}

.collapse.show {
    display: block;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}


.language {
    width: 2rem;
    height: 2rem;
    text-align: center;
    position: absolute;
    right: 3rem;
    font-size: 1rem;
    color: #111111;
    line-height: 2rem;
}

.language a {
    color: #111111;
    text-decoration: none;
}

section.masthead {
    position: relative;
    width: 100%;
    padding-top: 4rem;
    height: 2rem;
}

.masthead .info {
    position: absolute;
    left: 1rem;
    font-size: 1rem;
    color: #111;
}

.masthead .info span {
    font-family: DINPro;
}

.masthead .slogan {
    position: absolute;
    right: 1rem;
    font-size: .8rem;
    font-weight: 700;
    color: #d4d4d4;
}


.content {
    width: 100%;
    overflow: hidden;
    height: 45rem;
    position: relative;
    margin: 0 auto;
}

.points {
    position: absolute;
    z-index: 5;
    list-style: none;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111111;
    bottom: 1rem;
    left: 40%;
    height: 20px;
    border-radius: 25px;
    right: 40%;
}

.points li {
    cursor: pointer;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px #ffffff solid;
    margin: 0px auto;
    border-radius: 15px;
    background-color: transparent;
}

.active {
    background-color: hsla(0, 0%, 100%, 1.00) !important;
}

.next,
.prev {
    width: 2rem;
    display: block;
    height: 2rem;
    position: absolute;
    z-index: 99;
    top: 20%;
    cursor: pointer;
    text-indent: -999px;
}

.next {
    right: 0;
    background-image: url(../images/right.png?v=3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.prev {
    right: 3rem;
    background-image: url(../images/left.png?v=3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}


section.focus {
    position: relative;
    width: 100%;
    margin-top: 5rem;
}

section.focus h2 {
    font-weight: 900;
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-family: 'Source Han Sans CN';
    font-family: "微软雅黑";
}

section.focus h2 a {
    text-decoration: none;
    color: #111111;
}

section.focus .more {
    float: right;
    width: 2rem;
    height: .4rem;
}

section.focus .more span {
    width: .4rem;
    height: .4rem;
    margin-left: .4rem;
    background-color: #111;
    float: left;
}

section.focus .more span:nth-child(1) {
    margin-left: 0;
}

section.focus .info {
    position: inherit;
    width: 100%;
}

section.focus .info span:nth-child(1) {
    position: relative;
    display: block;
    width: 5rem;
    height: 1rem;
    background-color: #d4d4d4;
    margin-top: 1rem;
}

section.focus .info .btn {
    position: absolute;
    right: 0;
    top: 0;
}

section.focus .info .btn span {
    float: left;
    width: 2rem;
    height: 2rem;
}

section.focus .info .btn span:nth-child(1) {
    margin-right: .5rem;
    margin-top: 0;
    background-image: url(../images/left.png?v=3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    background-color: transparent;
}

section.focus .info .btn span:nth-child(2) {
    background-image: url(../images/right.png?v=3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

section.focus h3 {
    margin-top: 2rem;
    font-size: 1rem;
    color: #999999;
    line-height: 1.2rem;
    margin-bottom: 1rem;
    position: inherit;
    width: 100%;
}

section.focus .img {
    float: left;
}

section.focus .img img {
    width: 100%;
}


section.video {
    width: 100%;
    margin-top: 2rem;
    overflow: hidden;
}

section.video .container {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.m {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.leftScroll_picBox_img {
    width: 18rem;
    height: 10.15rem;
    display: block;
    background-color: #111111;
}

.leftScroll_picBox .gd img {
    border: 1rem #FFF solid;
    width: calc(100% - 2rem) !important;
    height: auto;
}

.leftScroll_container {
    display: flex;
}

.leftScroll_picBox > video {
    display: block;
}

.leftScroll {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.leftScroll_container {
    position: relative;
    top: 0;
    left: 0;
}

.bc {
    margin-left: 1.5rem !important;
}

.transition {
    transition: all 200ms;
}

.leftScroll_picBox {
    padding-left: 1rem;
}


section.project {
    width: 100%;
    position: relative;
}

section.project .container {
    margin-left: .5rem;
    margin-right: .5rem;
    width: calc(100% - 1rem);
}

section .category {
    width: calc(100% - 1rem);
    position: relative;
    height: 2rem;
    padding: 0 0.5rem;
    margin-top: 3rem;
}

section .category h2 {
    width: 50%;
    position: relative;
    clear: both;
    line-height: 1.5rem;
}

section .category h2 span:nth-child(1) {
    position: absolute;
    font-size: 1.5rem;
    font-weight: 900;
    color: #111;
}

section .category h2 span:nth-child(2) {
    position: absolute;
    width: 6rem;
    height: 1rem;
    background-color: #d4d4d4;
    margin-top: .8rem;
    margin-left: 1rem;
    z-index: -1;
}

section .category .more {
    position: absolute;
    right: 0.5rem;
    margin-top: 0;
    width: 2rem;
    height: .4rem;
}

section .category .more span {
    width: .4rem;
    height: .4rem;
    margin-left: .4rem;
    background-color: #111;
    float: left;
}

section .category .more span:nth-child(1) {
    margin-left: 0;
}

section.project .list {
    float: left;
}

section.project .case-box {
    float: left;
    width: calc(50% - 1rem);
    margin-top: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
}

section.project .case-box .title {
    font-size: .7rem;
    line-height: 1rem;
}

section.project .case-box h3 {
    font-size: .9rem;
    line-height: 1rem;
    height: 2rem;
}

section.project .case-box .tag a {
    font-size: .65rem;
    color: #d4d4d4;
    text-decoration: none;
}

section.project .case-box .case-thumb img {
    width: 100%;
}

.content-box-news .case-box {
    float: left;
    width: calc(50% - 1rem);
    margin-top: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
}

.content-box-news .case-box .title {
    font-size: .7rem;
    line-height: 1rem;
}

.content-box-news .case-box h3 {
    font-size: .9rem;
    line-height: 1rem;
    height: 2rem;
}

.content-box-news .case-box .tag a {
    font-size: .65rem;
    color: #d4d4d4;
    text-decoration: none;
}

.content-box-news .case-box .case-thumb {
    margin-top: .5rem;
}

.content-box-news .case-box .case-thumb img {
    width: 100%;
}


.i_pic.more {
    overflow: hidden;
    text-align: center;
    margin-top: 2rem;
    float: left;
    width: calc(100% - 1rem);
    margin: 2rem 0.5rem 0 0.5rem;
}

.i_pic.more a {
    display: block;
    padding: 0.5rem 0;
    color: #ffffff;
    margin: 0 auto;
    background-color: #dcdcdc;
    text-decoration: none;
    font-size: .8rem;
    border-radius: 5rem;
}

.i_pic.more p {
    padding: 0.5rem 0;
    background-color: #f8f8f8;
    color: #d4d4d4;
    font-size: .8rem;
    border-radius: 5rem;
}

section.win .category {
    width: 100%;
    padding: 0;
}

section.win .category .more {
    right: 0rem;
}

section.win {
    position: relative;
    width: 100%;
}

section.win .winDate {
    font-size: 2rem;
    font-family: DINPro;
    color: #111;
    float: left;
    padding-bottom: 1rem;
    width: 50%;
}

section.win .winDate span:nth-child(1) {
    float: left;
    border-bottom: 2px #111111 solid;
    font-family: DINPro;
}

section.win .winDate span:nth-child(2) {
    float: left;
    width: 100%;
    font-size: 1rem;
    color: #999;
    font-family: DINPro;
}

section.win .winCategory {
    width: calc(50% - 1rem);
    text-align: right;
    margin-top: 2rem;
    margin-right: 1rem;
}

section.win .winCategory a {
    font-size: 1.5rem;
    font-weight: 900;
    color: #111;
    border-bottom: 1rem #111111 solid;
    text-decoration: none;
}

section.win h3 {
    font-size: 1rem;
    line-height: 1.2rem;
    background-color: #FFF;
    float: left;
    width: 100%;
}

section.win h3 span {
    float: left;
    width: 2rem;
    height: .5rem;
    background-color: #d4d4d4;
    margin-bottom: 1rem;
}

section.win h3 a {
    text-decoration: none;
    color: #111111;
    float: left;
    width: 100%;
}

section.win p {
    width: 100%;
    font-size: .8rem;
    line-height: 1.2rem;
    padding: 1rem 0;
    color: #666;
    text-align: justify;
    float: left;
}

section.win .winPic {
    width: 16rem;
    border-top: 2px #111111 solid;
    border-bottom: 2px #111111 solid;
    margin-top: 2rem;
    margin-left: 1rem;
    padding: 1rem;
    background-color: #f8f8f8;
}

section.win .winPic img {
    width: 50%;
    height: auto;
    float: right;
    background-color: #FFF;
}

.li-bg {
    background-color: #FFF;
    float: left;
    width: calc(100% - 2rem);
    padding: 1rem;
    height: 18rem;
}


.wxli li {
    margin-top: 1rem;
}

.wxli .leftScroll_picBox_img {
    height: 15rem !important;
    overflow: hidden;
}

.wxli .li-bg {
    height: 13rem;
}

section.win .leftScroll_picBox_img {
    height: 20rem;
}

section.win .leftScroll_picBox {
    padding-left: 0rem;
}

.news-top {
    width: 100%;
    min-height: 150px;
    background-color: #f8f8f8;
    margin-top: 30px;
}

.news-top img {
    width: 100%;
}

.news-list {
    width: 100%;
    position: relative;
}

.news-list ul {
    width: 100%;
    float: left;
    margin-top: 2rem;
    border-bottom: 5px #111111 solid;
}

.news-list ul li {
    float: left;
    width: 100%;
}

.news-list ul li a {
    color: #111111;
    text-decoration: none;
    display: block;
    float: left;
    width: calc(100% - 5rem);
}

.news-list ul li .date {
}

.news-list ul li .date span {
    font-family: 'DINPro';
    width: 100%;
}

.news-list ul li .date span:nth-child(1) {
    font-size: 1rem;
    color: #d4d4d4;
    float: left;
    width: 5rem;
}

.news-list ul li h4 {
    float: right;
    width: 100%;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;
}

.footer {
    width: calc(100% - 2rem);
    position: relative;
    margin-top: 1rem;
    background-color: #111111;
    color: #FFF;
    padding: 1rem;
    text-align: center;
    font-size: .8rem;
    clear: both;
}


/*视频播放弹窗*/
html.modal-active, body.modal-active {
    overflow: hidden;
}

#modal-container {
    position: fixed;
    display: table;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 99999;
}

#modal-container.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.one .modal-background .modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container.one.out .modal-background .modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

#modal-container .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    vertical-align: middle;
}

#modal-container video {
    width: calc(100% - 2rem);
    margin: 1rem;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

.m-1420 {
    float: left;
    width: 100%;
}

.case-list {
    width: calc(100% - 0rem);
    float: left;
    margin: 0 0 2rem 0;
    min-height: 70vh;
}

.tag-list {
    width: calc(100% - 1rem);
    float: left;
    margin: 0 0.5rem 2rem 0.5rem;
    min-height: 70vh;
}

.case-list-box0 {
    width: calc(100% - 1rem);
    margin: 0 0.5rem;
    float: left;
}

.case-list-box2 .case-box {
    float: left;
    width: calc(50% - 1rem);
    margin-top: 1rem;
    margin-left: .5rem;
    margin-right: .5rem;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
}

.case-box .title {
    font-size: .7rem;
    line-height: 1rem;
}

.case-box .title p {
    font-size: .7rem;
    line-height: 1rem;
}

.case-box .title p span {
    display: none;
}

.case-box h3 {
    font-size: .9rem;
    line-height: 1rem;
    height: 2rem;
}

.case-box .tag a {
    font-size: .65rem;
    color: #d4d4d4;
    text-decoration: none;
}

.case-box .case-thumb {
    width: 100%;
    float: left;
    margin-top: .5rem;
}

.case-box .case-thumb img {
    width: 100%;
    min-height: 125px;
}

.case-box .case-thumb a {
    display: block;
    float: left;
    width: 100%;
    height: 125px;
    overflow: hidden;
}

.h5-cat-menu {
    width: calc(100% - 1rem);
    margin: 0.5rem;
    float: left;
    margin-top: -2rem;
}

.h5-cat-menu ul {
    float: leftl;
    width: 100%;
}

.h5-cat-menu ul li {
    float: left;
    width: calc(25% - 1rem);
    font-size: .8rem;
    text-align: center;
    margin: 0.5rem;
    padding: 0.25rem 0;
    background-color: #d4d4d4;
    border-radius: 5rem;
    overflow: hidden;
    clear: both;
}

.h5-pic {
    margin-top: 0 !important;
}

.h5-pic ul li {
    clear: inherit !important;
}

.h5-cat-menu ul li a {
    color: #111111;
    text-decoration: none;
    display: block;
}

.h5-cat-menu ul li.current {
    background-color: #111111;
}

.h5-cat-menu ul li.current a {
    color: #FFF;
}

.cat-line {
    float: left;
    width: calc(100% - 1rem);
    height: 5px;
    background-color: #111111;
    margin: 0.5rem;
    display: none;
}

.news-show {
    margin: 1rem;
}

.news-show img {
    max-width: 100%;
    height: auto !important;
    margin-bottom: 1rem !important;
}

.news-show .date {
    float: left;
    width: 140px;
}

.news-show .date span:nth-child(1) {
    float: left;
    font-size: 38px;
    font-family: DINPro;
    color: #111111;
    line-height: 35px;
}

.news-show .date span:nth-child(2) {
    float: left;
    width: 100%;
    font-size: 28px;
    font-family: DINPro;
    color: #d4d4d4;
}

.news-show .date span:nth-child(3) {
    float: left;
    width: 100%;
    margin-top: 40px;
    font-family: DINPro;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    color: #d4d4d4;
    background-color: transparent;
}

.news-show .date span:nth-child(3) small {
    padding-left: 5px;
    font-family: DINPro;
    font-size: 12px;
}

.news-show .category {
    float: right;
    width: 60px;
}

.news-show .category span:nth-child(1) {
    float: left;
    width: 100%;
    text-align: right;
    margin-bottom: 28px;
    display: none;
}

.news-show .category span:nth-child(2) {
    float: left;
    font-size: 18px;
    width: 60px;
    text-align: center;
    border-bottom: 10px #d4d4d4 solid;
    color: #111111;
    font-weight: 700;
    line-height: 21px;
}

.news-show .title {
    float: right;
    width: 100%;
    max-width: 640px;
}

.news-show .title h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    padding-top: 50px;
    color: #111111;
    padding-bottom: 1rem;
}

.news-show .title span {
    float: left;
    width: 6rem;
    height: 1rem;
    background-color: #111111;
    margin-bottom: 2rem;
}

.show-con {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.show-con p {
    padding-bottom: 1rem;
    line-height: 1.8rem;
    font-size: .9rem;
    text-align: justify;
    clear: both;
}

.show-con p img {
    margin-bottom: 0;
}

.news-show-right, .news-zs {
    display: none;
}

.content-box-news img {
    max-width: 100%;
    height: auto !important;
}

.content-box-news.h5-bc {
    border-top: none;
}

.news-zb .date {
    float: left;
    width: 140px;
}

.news-zb .date span:nth-child(1) {
    float: left;
    font-size: 38px;
    font-family: DINPro;
    color: #111111;
    line-height: 35px;
}

.news-zb .date span:nth-child(2) {
    float: left;
    font-size: 28px;
    font-family: DINPro;
    color: #d4d4d4;
    display: none;
}

.news-zb .category {
    float: right;
    width: 60px;
    display: none;
}

.news-zb .category span:nth-child(1) {
    float: left;
    width: 100%;
    text-align: right;
    margin-bottom: 28px;
}

.news-zb .category span:nth-child(2) {
    float: left;
    font-size: 18px;
    width: 60px;
    text-align: center;
    border-bottom: 10px #d4d4d4 solid;
    color: #111111;
    font-weight: 700;
    line-height: 21px;
}

.news-zb .title {
    width: 100%;
}

.news-zb .title h2 {
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    color: #111111;
    float: left;
}

.news-zb .title h2 a {
    color: #111;
    text-decoration: none;
    float: left;
    width: 100%;
    display: block;
}

.news-zb .title h2 a:hover {
    text-decoration: underline;
}

.news-zb .info {
    line-height: 1.8rem;
    font-size: .9rem;
    text-align: justify;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: none;
}

.news-m .date {
    float: left;
    width: 140px;
}

.news-m .date span:nth-child(1) {
    float: left;
    font-size: 38px;
    font-family: DINPro;
    color: #111111;
    line-height: 35px;
}

.news-m .date span:nth-child(2) {
    float: left;
    font-size: 28px;
    font-family: DINPro;
    color: #d4d4d4;
    display: none;
}

.news-m .category {
    float: right;
    width: 60px;
}

.news-m .category span:nth-child(1) {
    float: left;
    width: 100%;
    text-align: right;
    margin-bottom: 28px;
}

.news-m .category span:nth-child(2) {
    float: left;
    font-size: 18px;
    width: 60px;
    text-align: center;
    border-bottom: 10px #d4d4d4 solid;
    color: #111111;
    font-weight: 700;
}

.news-m .title {
    float: left;
    width: 100%;
}

.news-m .title h2 {
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    color: #111111;
    float: left;
}

.news-m .title h2 a {
    color: #111;
    text-decoration: none;
    float: left;
    width: 100%;
}

.news-m .title h2 a:hover {
    text-decoration: underline;
}

.news-m .info {
    line-height: 1.8rem;
    font-size: .9rem;
    text-align: justify;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 2rem;
}


.news-zb .foot {
    width: 100%;
    height: 20px;
    border-bottom: 2px #111111 solid;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    display: none;
}

.news-zb .foot span {
    display: none;
}

.news-zb .foot .view {
    width: 100%;
}

.news-zb .foot .view span:nth-child(1) {
    float: left;
    background-image: url(../images/ico11.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 12px;
    color: #d4d4d4;
    background-color: transparent;
    line-height: 20px;
}

.news-zb .foot .view span:nth-child(2) {
    float: right;
    width: 20px;
    background-color: transparent;
}

.news-zb .foot .view span {
    display: block;
}

.news-m .foot {
    width: 100%;
    height: 20px;
    border-bottom: 2px #111111 solid;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
}

.news-m .foot span {
    display: none;
}

.news-m .foot .view {
    width: 100%;
}

.news-m .foot .view span:nth-child(1) {
    float: left;
    background-image: url(../images/ico11.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 12px;
    color: #d4d4d4;
    background-color: transparent;
    line-height: 20px;
}

.news-m .foot .view span:nth-child(2) {
    float: right;
    width: 20px;
    background-color: transparent;
}

.news-m .foot .view span {
    display: block;
}

.news-gd {
    float: left;
    width: 100%;
}

.news-gd .date {
    float: left;
    width: 140px;
}

.news-gd .date span:nth-child(1) {
    float: left;
    font-size: 38px;
    font-family: DINPro;
    color: #111111;
    line-height: 35px;
}

.news-gd .date span:nth-child(2) {
    float: left;
    font-size: 28px;
    font-family: DINPro;
    color: #d4d4d4;
    display: none;
}

.news-gd .category {
    float: right;
    width: 60px;
}

.news-gd .category span:nth-child(1) {
    width: 100%;
    text-align: right;
    margin-bottom: 28px;
    float: right;
}

.news-gd .category span:nth-child(2) {
    float: left;
    font-size: 18px;
    width: 60px;
    text-align: center;
    border-bottom: 10px #d4d4d4 solid;
    color: #111111;
    font-weight: 700;
}

.news-gd .pic {
    height: auto !important;
    width: 100%;
    float: left;
    margin-top: 2rem;
}

.news-gd .pic img {
    float: left;
    width: 50%;
}

.news-gd .title {
    width: calc(50% - 2rem);
    text-align: right;
    right: 1rem;
}

.news-gd .title h2 {
    width: 100%;
    font-size: 24px;
    line-height: 28px;
    color: #111111;
    float: left;
}

.news-gd .title h2 a {
    color: #111;
    text-decoration: none;
    float: left;
    width: 100%;
}

.news-gd .title h2 a:hover {
    text-decoration: underline;
}

.news-gd .info {
    text-align: justify;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #111;
    margin-top: 1rem;
    margin-bottom: 2rem;
    float: left;
}

.news-gd .info span {
    float: left;
    width: 60px;
    height: 5px;
    background-color: #d4d4d4;
}

.news-gd .foot {
    width: 100%;
    float: left;
    height: 20px;
    border-bottom: 2px #111111 solid;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
}

.news-gd .foot span {
    float: left;
    width: 140px;
    height: 20px;
    background-color: #111111;
}

.news-gd .foot .view span:nth-child(1) {
    float: left;
    background-image: url(../images/ico11.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    font-size: 12px;
    color: #d4d4d4;
    background-color: transparent;
    line-height: 20px;
}

.news-gd .foot .view span:nth-child(2) {
    float: right;
    width: 20px;
    background-color: transparent;
}

.head-zb {
    position: relative;
    width: 100%;
}

.page-banner, .page-wh {
    position: relative;
    margin: 1rem;
    width: calc(100% - 2rem);
}

.page-banner {
    height: 280px;
    background-image: linear-gradient(to right, #ffffff 0%, #ffffff 61.8%, #f8f8f8 61.8%, #f8f8f8 100%);
}


.page-banner .since {
}

.page-banner .since span:nth-child(1) {
    width: 7rem;
    height: 1rem;
    background-color: #111111;
    display: block;
}

.page-banner .since span:nth-child(2) {
    font-size: 1.3rem;
    font-weight: 700;
    color: #d4d4d4;
    font-family: DINPro;
    position: relative;
    top: 1.5rem;
    line-height: 2.5rem;
}

.page-banner h2 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 5rem;
}

.page-banner p {
    width: 100%;
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 60px;
    line-height: 1.5rem;
}

.page-banner .line {
    width: 7rem;
    height: 1rem;
    background-color: #111111;
    margin-top: 2rem;
}

.page-banner .key {
    position: absolute;
    width: 4rem;
    height: 2rem;
    background-color: #111111;
    color: #FFF;
    padding-top: 3rem;
    right: 0;
}

.page-banner .key span:nth-child(1) {
    position: absolute;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.page-banner .key span:nth-child(2) {
    display: none;
    position: absolute;
    width: 60px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 50px;
}


.wxli h4 {
    float: left;
    width: 6rem;
    font-size: 1rem;
    font-weight: 700;
    height: 25px;
    margin-top: 5rem;
}

.wxli h4 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.wxli h4 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 60px;
    height: 10px;
    margin-top: 15px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.page-content {
    position: relative;
    width: calc(100% - 4rem);
    margin: 2rem;
    padding-top: 3rem;
    font-size: .8rem;
    line-height: 1.6rem;
    text-align: justify;
    color: #999;
}

.page-content p {
    padding-bottom: 1rem;
}

.page-content .key {
    display: none;
}


.about-lc {
    float: left;
    width: calc(100% - 4rem);
    background-color: #f8f8f8;
    padding: 2rem;
    margin-top: 2rem;
}

.about-lc-title-l h3 {
    float: left;
    width: 70px;
    border-bottom: 10px #111111 solid;
    color: #111111;
    font-size: 18px;
    font-family: DINPro;
    margin-top: 3rem;
}

.about-lc-info {
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: DINPro;
    font-weight: bold;
}

.about-lc-tt {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.about-lc-tt h2 {
    float: left;
    width: 100%;
    font-size: 3rem;
    font-family: DINPro;
    font-weight: 500;
}

.about-lc-tt h3 {
    float: left;
    width: 100%;
    font-size: 1.2rem;
    font-family: DINPro;
    font-weight: bold;
}

.about-lc-tt h4 {
    float: left;
    width: 100%;
    font-size: 1rem;
    font-family: DINPro;
    font-weight: bold;
    height: 55px;
}

.about-lc-key {
    float: left;
    width: 100%;
    font-size: .8rem;
    font-family: DINPro;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.about-lc p {
    float: left;
    width: 100%;
    font-size: .8rem;
    padding-bottom: 1rem;
    line-height: 1.2rem;
    text-align: justify;
}


.page-wh .con-wh-right {
    width: calc(100% - 4rem);
    background-color: #f8f8f8;
    padding: 0 2rem;
    margin-top: 3rem;
    clear: both;
    float: left;
}

.page-wh .key {
    position: absolute;
    width: 60px;
    height: 35px;
    background-color: #111111;
    color: #FFF;
    padding-top: 55px;
}

.page-wh .key span {
    position: absolute;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.con-wh-right .cat-name {
    float: right;
    width: 110px;
    margin-top: 120px;
}

.con-wh-right .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    width: 110px;
    text-align: center;
}

.con-wh-right .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 35px;
}

.con-wh-right .tt {
    float: left;
    width: 100%;
    margin-top: 120px;
}

.con-wh-right .tt h3 {
    font-size: 1rem;
    color: #111111;
    line-height: 20px;
}

.con-wh-right .tt p {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #999;
    margin-top: 15px;
    margin-bottom: 30px;
    font-family: DINPro;
}


.yj {
    float: left;
    width: 100%;
    background-image: url(../images/ico6.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 1rem;
}

.yj .cat-name {
    float: left;
    width: 110px;
}

.yj .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    font-weight: 700;
    line-height: 25px;
    width: 110px;
    text-align: left;
}

.yj .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 20px;
    margin-left: 10px;
}

.yj h2 {
    float: left;
    width: 100%;
    margin-top: 5rem;
    font-size: 26px;
}

.yj p {
    float: left;
    width: 100%;
    text-align: justify;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    margin-top: 45px;
    height: 102px;
}

.yj .line {
    float: left;
    width: 100%;
    margin-top: 2rem;
}

.yj .line span:nth-child(1) {
    float: left;
    width: 60px;
    height: 10px;
    background-color: #d4d4d4;
}

.yj .line span:nth-child(2) {
    float: right;
    background-image: url(../images/ico7.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.sx {
    float: left;
    width: calc(100% - 4rem);
    background-color: #111111;
    padding: 2rem;
    color: #FFF;
    margin-bottom: 80px;
}

.sx .cat-name {
    float: left;
    width: 60px;
    font-size: 18px;
    text-align: center;
    border-bottom: 10px #ffffff solid;
    font-weight: 700;
    line-height: 20px;
}

.sx h3 {
    float: left;
    width: 100%;
    font-size: 26px;
    line-height: 34px;
    margin-top: 30px;
}

.sx p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.sx p span {
    float: right;
    font-size: 36px;
    margin-top: -5px;
}

.sx .more {
    float: right;
}

.sx .info {
    position: absolute;
}

.xy {
    float: left;
    width: calc(100% - 4rem);
    background-color: #f8f8f8;
    padding: 0 2rem 2rem 2rem;
    color: #111111;
    margin-top: 80px;
    margin-bottom: 3rem;
}

.xy .key {
    position: absolute;
    width: 60px;
    height: 35px;
    background-color: #111111;
    color: #FFF;
    padding-top: 55px;
}

.xy .key span {
    position: absolute;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.xy h4 {
    float: left;
    width: 100%;
    font-size: 26px;
    line-height: 34px;
    margin-top: 30px;
    font-weight: 700;
}

.xy .xy-text {
    float: left;
    width: 100%;
    margin-top: 100px;
    text-align: justify;
}

.xy .xy-text p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.xy .cat-name {
    float: right;
    width: 110px;
    margin-top: 120px;
}

.xy .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    width: 110px;
    text-align: center;
}

.xy .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 35px;
}


.page-wh .con-fw2-right {
    width: calc(100% - 4rem);
    padding: 0 2rem;
}

.con-fw-right {
    width: 100%;
    padding: 0 60px;
}

.con-fw-right .cat-name {
    float: right;
    width: 110px;
    margin-top: 120px;
}

.con-fw-right .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    width: 110px;
    text-align: center;
}

.con-fw-right .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 35px;
}

.con-fw-right .tt {
    float: left;
    width: 100%;
    margin-top: 140px;
    color: #111111;
}

.con-fw-right .tt h3 {
    font-size: 40px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #999;
}

.con-fw-right .tt h3:first-letter {
    font-size: 70px;
    color: #111;
}

.con-fw-right .tt h4 {
    font-size: 22px;
    font-weight: 700;
    padding-left: 30px;
}

.con-fw-right .tt p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 45px;
    font-family: DINPro;
    padding-left: 30px;
    color: #999;
}

.con-fw2-right {
    float: right;
    width: 340px;
    padding: 0 60px;
}

.con-fw2-right .cat-name {
    float: right;
    width: 110px;
}

.con-fw2-right .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    width: 110px;
    text-align: center;
}

.con-fw2-right .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 35px;
}

.con-fw2-right .tt {
    float: left;
    width: 100%;
    margin-top: 140px;
    color: #111111;
}

.con-fw2-right .tt h3 {
    font-size: 2rem;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #999;
}

.con-fw2-right .tt h3:first-letter {
    font-size: 70px;
    color: #111;
}

.con-fw2-right .tt h4 {
    font-size: 22px;
    font-weight: 700;
    padding-left: 30px;
}

.con-fw2-right .tt p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 45px;
    font-family: DINPro;
    padding-left: 30px;
    color: #999;
}

.page-banner-honor {
    float: left;
    width: 100%;
    margin-top: 5rem;
}

.banner-honor-left {
    width: calc(100% - 2rem);
    margin: 0 1rem;
    float: left;
}

.banner-honor-left .title {
    width: 100%;
    float: left;
}

.banner-honor-left .title p {
    width: 100%;
    float: left;
    font-weight: 700;
    font-family: DINPro;
    line-height: 30px;
}

.banner-honor-left h2 {
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    float: left;
    margin-top: 50px;
}

.banner-honor-left h3 {
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    float: left;
    margin-top: 10px;
}

.banner-honor-left .con {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
    text-align: justify;
}

.banner-honor-left .line {
    width: 100px;
    height: 10px;
    background-color: #111111;
    position: absolute;
    margin-top: 420px;
    display: none;
}

.banner-honor-left h4 {
    float: left;
    width: 100%;
    font-size: 30px;
    height: 20px;
    line-height: 20px;
    margin-top: 80px;
}

.banner-honor-left h4 span:nth-child(1) {
    position: absolute;
}

.banner-honor-left h4 span:nth-child(2) {
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 10px;
    margin-top: 17px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.content-box-team {
    width: calc(100% - 2rem);
    margin: 5rem 1rem 0 1rem;
    float: left;
}

.banner-honor-right {
    width: calc(100% - 2rem);
    margin: 2rem 1rem 0 1rem;
    float: left;
}

.honor-list {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 0 1rem;
    float: left;
}

.content-box-history {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 0 1rem;
    float: left;
}


.banner-honor-right img {
    width: 100%;
    height: auto !important;
}

.honor-list ul li {
    float: left;
    width: 100%;
    border-top: 2px #111111 solid;
    padding-top: 40px;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.honor-list ul li h3 {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
}

.honor-list ul li h2 {
    float: left;
    width: 100%;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
}

.honor-list ul li h2 span:nth-child(1) {
    position: absolute;
}

.honor-list ul li h2 span:nth-child(2) {
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 10px;
    margin-top: 15px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.honor-list ul li .info {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 20px;
    height: 30px;
    color: #999999;
}

.honor-list ul li .pic {
    float: left;
    width: 100%;
    margin-top: 20px;
    background-color: #f8f8f8;
}

.honor-list ul li .pic img {
    width: 100%;
    height: auto !important;
}


.main-page {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}

.banner-team-left {
    float: left;
    background-image: url(../images/ico8.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.banner-team-right {
    position: absolute;
    width: calc(100% - 1rem);
}

.banner-team-left .title {
    width: 100%;
    float: left;
    margin-top: 1.5rem;
}

.banner-team-left .title span:nth-child(1) {
    width: 100px;
    height: 40px;
    float: left;
    color: #111111;
    font-size: 30px;
    font-weight: 700;
    margin-top: 1rem;
    margin-left: 1rem;
}

.banner-team-left .title span:nth-child(2) {
    width: calc(100% - 1rem);
    float: left;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 3rem;
    border-left: 0.5rem #111111 solid;
    padding-left: 0.5rem;
}

.banner-team-left h2 {
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    float: left;
    margin-top: 11rem;
}

.banner-team-left p {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-top: 20px;
    line-height: 22px;
}

.banner-team-left .line {
    width: 100px;
    height: 10px;
    background-color: #111111;
    float: left;
    margin-top: 2rem;
}

.banner-team-right .play {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: 18rem;
    margin-left: 60px;
    background-color: #111;
    border-radius: 50%;
    overflow: hidden;
    display: none;
}

.banner-team-right .more {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 585px;
    margin-left: 600px;
    display: none;
}

.banner-team-right .b1 {
    position: absolute;
    z-index: -1;
    width: 100%;
}

.banner-team-right .b1 img {
    width: 100%;
    height: auto;
}


.page-banner-team {
    float: left;
    margin-bottom: 3rem;
}


.banner-team2-left .play {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-top: 18rem;
    right: 2rem;
    background-color: #111;
    border-radius: 50%;
    overflow: hidden;
    display: none;
}

.banner-team2-left .more {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 585px;
    margin-left: 600px;
    display: none;
}

.banner-team2-left .b1 {
    position: absolute;
    z-index: -1;
    width: 100%;
    left: -1rem;
}

.banner-team2-left .b1 img {
    width: 100%;
    height: auto;
}

.banner-team2-right {
    float: left;
    background-image: url(../images/ico8.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.banner-team2-right .title {
    width: 100%;
    float: left;
    margin-top: 2rem;
}

.banner-team2-right .title span:nth-child(1) {
    width: calc(100% - 1rem);
    float: left;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    border-right: 0.5rem #111111 solid;
    padding-right: 0.5rem;
    text-align: right;
    margin-top: 7rem;
}

.banner-team2-right .title span:nth-child(2) {
    width: 100px;
    height: 40px;
    color: #111111;
    text-align: right;
    font-size: 30px;
    font-weight: 700;
    margin-right: 1rem;
    margin-top: 1.5rem;
    position: absolute;
    right: 1rem;
}

.banner-team2-right h2 {
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    float: left;
    margin-top: 12rem;
}

.banner-team2-right p {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-top: 20px;
    line-height: 22px;
}

.banner-team2-right .line {
    width: 100px;
    height: 10px;
    background-color: #111111;
    margin-top: 2rem;
    float: left;
}


.team-list {
    float: left;
    width: 100%;
    overflow: hidden;
}

.team-list ul {
    float: left;
    width: calc(100% + 1rem);
}

.team-list ul li {
    float: left;
    width: calc(50% - 1rem);
    margin-right: 1rem;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
    margin-bottom: 3rem;
}

.team-list ul li h2 {
    float: left;
    width: 100%;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
}

.team-list ul li h2 span:nth-child(1) {
    position: absolute;
}

.team-list ul li h2 span:nth-child(2) {
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 10px;
    margin-top: 15px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.team-list ul li .info {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 20px;
    height: 80px;
}

.team-list ul li .pic {
    float: left;
    width: 100%;
    margin-top: 20px;
    background-color: #f8f8f8;
    height: 16rem;
    overflow: hidden;
}

.team-list ul li .pic img {
    width: 100%;
}


.client-list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
}

.client-list div {
    float: left;
    width: calc(100% - 1rem);
    padding: 0.5rem;
}

.client-list div img {
    float: left;
    width: calc(50% - 4rem);
    padding: 0 1rem;
    margin: 0.5rem;
    border: 0.5rem #f8f8f8 solid;
    background-color: #FFF;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.client-list div img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    border: 0.5rem #d4d4d4 solid;
}


.col-right .head-box {
    position: relative;
    height: 35px;
    max-width: 1260px;
}

.col-right .head-box .cat-name {
    float: right;
    height: 3rem;
    width: 6rem;
}

.col-right .head-box .cat-name span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 1.5rem;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: right;
    width: 6rem;
    white-space: nowrap;
}

.col-right .head-box .cat-name span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 7rem;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 1.5rem;
    margin-left: -1rem;
}

.clientGX-list {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
}

.clientGX-list ul {
    float: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
}

.clientGX-list ul li {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-top: 2px #111111 solid;
    margin-top: 30px;
}

.clientGX-list .picM {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
}

.clientGX-list .picC {
    position: relative;
    bottom: 0px;
    top: 0;
    width: calc(100% - 40px);
    margin: 10px;
    padding: 10px;
    height: calc(100% - 40px);
    background-color: #FFF;
}

.clientGX-list .picM img {
    width: 100%;
    height: auto;
    bottom: 10px;
}

.clientGX-list ul li h2 {
    float: left;
    width: 100%;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.clientGX-list ul li h2 span:nth-child(1) {
    position: absolute;
}

.clientGX-list ul li h2 span:nth-child(2) {
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 10px;
    margin-top: 15px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.clientGX-list ul li .date {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 20px;
    height: 30px;
    color: #999999;
    font-family: DINPro;
    margin-bottom: 20px;
}

.content-box-client .head-box {
    float: left;
    position: relative;
    margin: 0 1rem;
    padding: 0;
    width: calc(100% - 2rem);
}


.addCon {
    float: left;
    padding: 0 1rem 1rem 1rem;
    width: calc(100% - 2rem);
    background-color: #111111;
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 2rem;
}

.addCon h4 {
    float: left;
    padding: 1.5rem 5px 10px 5px;
    background-color: #FFF;
    font-size: 18px;
    color: #111111;
    font-weight: 700;
}

.addCon .addText {
    float: left;
    width: 100%;
    margin-top: 2rem;
}

/*百度地图隐藏LOGO和页脚*/

.h5-map-none {
    position: absolute;
    width: calc(100% - 2rem);
    height: 300px;
    z-index: 99;
}

.anchorBL {
    display: none;
    visibility: hidden;
}

.MarkerBox {
    position: relative;
    width: 100%;
}

.MarkerBox-l, .MarkerBox-r {
    float: left;
    width: 50%;
}

.MarkerLogo {
    float: left;
    width: 100%;
}

.MarkerBox-l h4 {
    float: left;
    width: 100%;
}

.MarkerBox-l h4 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 8px;
    color: #111111;
}

.MarkerBox-l h4 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 70px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 30px;
    margin-left: 10px;
}

.MarkerBox-r img {
    width: 100%;
}

.content-box-news {
    width: calc(100% - 2rem);
    margin: 1rem;
    float: left;
    border-top: 2px #111111 solid;
    padding-top: 2rem;
}

.content-box-news .title {
    float: left;
    width: calc(100% - 5rem);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;
}

.content-box-news .title a {
    color: #111111;
    font-size: .9rem;
    line-height: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}

.content-box-news .date {
    float: left;
    width: 5rem;
    line-height: 1.2rem;
    font-size: 1rem;
    font-family: DINPro;
    color: #d4d4d4;
}

.content-box-news .pic {
    display: none;
}

.content-box-news .category {
    display: none;
}

.content-box-news .info {
    display: none;
}

.content-box-news .foot {
    display: none;
}

.content-box-news .date span {
    width: 5rem;
    font-size: 1rem !important;
    color: #d4d4d4 !important;
    line-height: 1.2rem !important;
}

.content-box {
    float: left;
    width: 100%;
}

.con-left {
    float: left;
    width: 100%;
}

.h5-none {
    display: none;
}

.con-left2 {
    float: left;
}

.history-list {
    float: left;
    width: 100%;
    margin-top: 3rem;
}

.history-list .year {
    float: left;
    width: 5rem;
    font-size: 1.5rem;
    line-height: 1.2rem;
    border-top: 2px #111111 solid;
    margin-top: 2rem;
    padding-top: 2rem;
}

.history-list .year span {
    font-family: DINPro;
}

.history-list ul {
    float: left;
    width: calc(100% - 5rem);
    border-top: 2px #111111 solid;
    padding-top: 2rem;
    margin-top: 2rem;
    min-height: 2rem;
}

.history-list ul li {
    float: left;
    width: 100%;
}

.history-list ul li .mon {
    float: left;
    width: 5rem;
}

.history-list ul li .mon div {
    font-family: DINPro;
    font-size: .9rem;
}

.history-list ul li .mon div span {
    font-family: DINPro;
    font-size: .9rem;
}

.history-list ul li h2 {
    float: left;
    width: calc(100% - 5rem);
    font-size: .9rem;
    line-height: 1.2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;
}

.col-right {
    width: 100%;
    position: relative;
}

.tz-left {
    float: left;
    width: 100%;
}

.news-tz2 .head-zb {
    float: left;
    width: 5rem;
}

.news-tz2 .title {
    float: left;
    width: calc(100% - 5rem);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px #f8f8f8 solid;
}

.news-tz2 .title a {
    color: #111111;
    font-size: .9rem;
    line-height: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}

.news-tz2 .foot, .news-tz2 .category {
    display: none;
}

.news-tz2 .date span:nth-child(1) {
    float: left;
    width: 5rem;
    line-height: 1.2rem;
    font-size: 1rem;
    font-family: DINPro;
    color: #d4d4d4;
}

.news-tz2 .date span:nth-child(3) {
    float: left;
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: DINPro;
    display: none;
}

#pages {
    float: left;
    width: 100%;
    border-top: 2px #111111 solid;
    margin: 1rem 0;
    padding-top: 1rem;
    display: flex;
    justify-content: center;
}

#pages a {
    text-decoration: none;
    padding: 0.2rem 0.8rem;
    font-size: .8rem;
    background-color: #d4d4d4;
    color: #FFF;
    font-family: DINPro;
    border-radius: 1rem;
    float: left;
    height: 1rem;
    line-height: 1rem;
    display: block;
}

#pages span {
    float: left;
    padding: 0.2rem 0.8rem;
    font-size: .8rem;
    background-color: #111111;
    color: #FFF;
    border-radius: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-family: DINPro;
    margin: 0 0.5rem;
}

/*--奥雅文旅--*/
.col-tr .title {
    float: left;
    margin-top: 60px;
    color: #111;
    width: 100%;
}

.col-tr .title span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 1.5rem;
    font-weight: 700;
}

.col-tr .title span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 110px;
    height: 10px;
    margin-top: 1.5rem;
    background-color: #d4d4d4;
}

.wl-1 {
    float: left;
    width: 100%;
    margin-top: 3rem;
}

.col-tr {
    float: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
}

.wl-1-1 {
    float: left;
    width: 100%;
}

.wl-1-1 h2 {
    float: left;
    width: 100%;
    font-size: 26px;
    line-height: 30px;
    color: #111;
    margin-top: 50px;
}

.wl-1-1 p {
    float: left;
    width: 100%;
    height: 70px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #999;
    text-align: justify;
}

.wl-1-0 {
    float: left;
    width: 100%;
}

.wl-1-0 span:nth-child(1) {
    float: left;
    width: 80px;
    height: 10px;
    background-color: #111;
}

.wl-1-0 span:nth-child(2) {
    float: right;
    width: 25px;
    height: 5px;
    background-image: url(../images/ico6.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.wl-1-2 {
    float: left;
    width: 100%;
    margin-top: 70px;
}

.wl-1-2 span:nth-child(1) {
    float: left;
    width: 80px;
    height: 10px;
    background-color: #d4d4d4;
    margin-top: 10px;
}

.wl-1-2 span:nth-child(2) {
    float: right;
    width: 20px;
    height: 20px;
    background-image: url(../images/ico7.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.wl-1-3 {
    float: left;
    width: calc(100% - 4rem);
    height: 180px;
    background-color: #f8f8f8;
    padding: 3rem 2rem;
    margin-top: 2rem;
}

.wl-1-3 h2 {
    float: right;
    width: 100%;
    font-size: 30px;
    height: 140px;
    line-height: 40px;
    color: #111;
    text-align: right;
}

.wl-1-3-2 {
    float: left;
    width: 100%;
}

.wl-1-3-2 .play {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #111;
    border-radius: 50%;
    overflow: hidden;
}

.wl-1-3-2 span {
    float: right;
    width: 60px;
    height: 10px;
    background-color: #111;
    margin-top: 30px;
}

.w0 {
    float: left;
    width: 100%;
    margin-top: 2rem;
    overflow: hidden;
}

.w0 ul {
    float: left;
    width: calc(100% + 1rem);
}

.w0 ul li {
    float: left;
    width: 100%;
    height: 200px;
    background-color: #f8f8f8;
    margin-bottom: 1rem;
    overflow: hidden;
}

.w0 ul li:nth-child(5) {
    margin-right: 0;
}

.w0 ul li a {
    float: left;
    width: 100%;
    text-align: center;
    height: 200px;
    padding-top: 40px;
    display: block;
    background-position: right -80px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.w0 ul li a:hover {
    background-position: left 0px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #111;
    background-blend-mode: overlay;
}

.w0 ul li a span:nth-child(1) {
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    border-bottom: 10px solid #111;
    line-height: 21px;
    margin-left: 20px;
}

.w0 ul li a:hover span:nth-child(1) {
    border-bottom: 10px solid #fff;
    color: #FFF;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.w0 ul li a span:nth-child(2) {
    position: inherit;
    bottom: 20%;
    left: 50%;
    margin-left: -30px;
    margin-bottom: -30px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 60px;
    height: 60px;
    background-color: #111;
    border-radius: 40px;
    font-family: DINPro;
    text-align: center;
    line-height: 27px;
    font-size: 50px;
    color: #FFF;
}

.w0 ul li a:hover span:nth-child(2) {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
    color: #111;
}

.w2 {
    float: left;
    width: calc(100% - 2rem);
    padding: 2rem 1rem;
    background-color: #f8f8f8;
    color: #111;
    margin-top: 5rem;
}

.w2 .top {
    float: left;
    width: 100%;
}

.w2 .top span:nth-child(1) {
    float: left;
    font-size: 17px;
    font-weight: 700;
    font-family: DINPro;
}

.w2 .top span:nth-child(2) {
    float: right;
    width: 25px;
    height: 5px;
    background-image: url(../images/ico6.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.w2 .tt {
    float: left;
    width: 100%;
    font-size: 4rem;
    margin-top: 3rem;
    font-family: DINPro;
    font-weight: 500;
}

.w2 .tt span {
    float: right;
    width: 60px;
    height: 1rem;
    background-color: #111;
    margin-top: 3rem;
}

.w2 .tt2 {
    float: left;
    width: 100%;
    margin-top: 40px;
    height: 35px;
}

.w2 .tt2 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
}

.w2 .tt2 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 120px;
    height: 10px;
    margin-top: 25px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.w2 .tt3 {
    float: left;
    width: 100%;
    font-size: 2rem;
    margin-top: 100px;
    font-weight: 700;
}

.w2 .tt3 span {
    color: #d4d4d4;
}

.w2-p1 {
    float: left;
    width: 100%;
    margin-top: 2rem;
    border-top: 2px solid #111;
}

.w2-p1 h3 {
    float: left;
    width: 100%;
    height: 35px;
    margin-top: 30px;
}

.w2-p1 h3 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
}

.w2-p1 h3 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 100px;
    height: 10px;
    margin-top: 17px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.w2-p1 p {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: .8rem;
    line-height: 26px;
    color: #999;
}

.w2-p1 p span {
    color: #111;
    font-family: DINPro;
    padding-right: 5px;
}

.w2-p2 {
    float: left;
    width: 100%;
    margin-top: 2rem;
    border-top: 2px solid #111;
}

.w2-p2 h3 {
    float: left;
    width: 100%;
    height: 35px;
    margin-top: 30px;
}

.w2-p2 h3 span:nth-child(1) {
    position: absolute;
    z-index: 1;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
}

.w2-p2 h3 span:nth-child(2) {
    position: absolute;
    z-index: 0;
    width: 100px;
    height: 10px;
    margin-top: 17px;
    margin-left: 10px;
    background-color: #d4d4d4;
}

.w2-p2 p {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 0.8rem;
    line-height: 26px;
    color: #999;
}

.w2-p2 p span {
    color: #111;
    font-family: DINPro;
    padding-right: 5px;
}


.w3 {
    float: left;
    width: 100%;
    margin-top: 5rem;
}

.w3-1 {
    float: left;
    width: calc(100% - 2rem);
    background-color: #111;
    color: #FFF;
    padding: 2rem 1rem;
}

.w3-1 h3 {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    border-bottom: 10px solid #ffffff;
}

.w3-1 span {
    float: right;
    width: 10px;
    height: 60px;
    background-image: url(../images/ico2.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.w3-1 h4 {
    float: left;
    width: 90%;
    font-size: 1.2rem;
    margin-top: 65px;
}

.w3-1 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    margin-top: 10px;
}

.w3-2 {
    float: left;
    width: calc(100% - 2rem);
    margin: 3rem 1rem 0 1rem;
}

.w3-2 h3 {
    float: right;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    border-bottom: 10px solid #d4d4d4;
    color: #111;
}

.w3-2 h4 {
    float: right;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
    color: #111;
    text-align: right;
}

.w3-2 h4 span {
    color: #999;
}

.w3-2 p {
    float: right;
    width: 100%;
    font-size: 1rem;
    margin-top: 10px;
    color: #999;
    text-align: right;
}

.w3-3 {
    float: left;
    width: calc(100% - 2rem);
    margin: 3rem 1rem 0 1rem;
}

.w3-3 h3 {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    border-bottom: 10px solid #d4d4d4;
    color: #111;
}

.w3-3 h4 {
    float: left;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 20px;
    color: #111;
    text-align: left;
}

.w3-3 h4 span {
    color: #999;
}

.w3-3 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    margin-top: 10px;
    color: #999;
    text-align: left;
}


.w3-4 {
    float: left;
    width: calc(100% - 2rem);
    padding: 2rem 1rem;
    background-color: #f8f8f8;
    margin-top: 3rem;
}

.w3-4 span {
    width: 25px;
    height: 5px;
    background-image: url(../images/ico6.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: right;
}

.w3-4 h3 {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    border-bottom: 10px solid #111;
    color: #111;
}

.w3-4 h4 {
    float: left;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 60px;
    color: #111;
    text-align: left;
}

.w3-4 h4 span {
    color: #999;
    background-image: none;
    width: auto;
    height: auto;
    float: none;
}

.w3-4 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    margin-top: 10px;
    color: #999;
    text-align: left;
}

.col-tr .h5-bc {
    margin-top: 5rem;
}

.w4 {
    float: left;
    width: calc(100% - 2rem);
    background-color: #111;
    color: #FFF;
    margin-top: 1rem;
    padding: 1rem;
}

.w4-1 {
    float: left;
    width: 100%;
}

.w4-1 h3 {
    float: left;
    font-size: 1.2rem;
}

.w4-1 h3 span {
    color: #4d4d4d;
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
}

.w4-1 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 0;
}

.w4-1 span {
    float: left;
    width: 60px;
    height: 10px;
    background-color: #FFF;
    clear: both;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.w4-2 {
    float: left;
    width: 100%;
    font-size: .8rem;
    line-height: 1.5rem;
}

.w4-3 {
    float: left;
    width: 210px;
}

.w4-3 h3 {
    float: left;
    font-size: 1.2rem;
}

.w4-3 h3 span {
    color: #4d4d4d;
    float: none;
}

.w4-3 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 0;
}

.w4-4 {
    float: left;
    width: 100%;
    font-size: .8rem;
    line-height: 1.5rem;
}


.w5-11 h3, .w5-2 h3, .w5-3 h3 {
    font-size: 5rem;
    font-weight: 500;
    height: 73px;
    line-height: 64px;
}

.w5 {
    float: left;
    width: 100%;
    font-family: DINPro;
    margin-top: 5rem;
}

.w5-1 {
    float: left;
    width: calc(100% - 2rem);
    padding: 1rem;
    background-color: #f8f8f8;
}

.w5-11 {
    float: left;
    width: 100%;
}

.w5-11 .t2 {
    float: left;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #999;
}

.w5-11 h3 {
    float: left;
    width: 100%;
    color: #111;
    margin-left: -5px;
    margin-top: 10px;
}

.w5-11 h3 span, .w5-3 h3 span {
    color: #999;
    font-weight: 400;
    top: -1rem;
    font-size: 3rem;
    position: relative;
}

.w5-11 p {
    float: left;
    width: 100%;
    font-size: 1rem;
    color: #111;
    font-weight: 700;
    margin-top: 1rem;
}

.w5-L {
    float: left;
    width: 100%;
    margin-top: 20rem;
    margin-bottom: 2rem;
}

.w5-L span {
    float: left;
    width: 5rem;
    height: 1rem;
    background-color: #111;
}

.w5-2 {
    width: calc(100% - 4rem);
    background-color: #111;
    margin-top: 12rem;
    padding: 1rem;
    position: absolute;
    border-top: 1rem #ffffff solid;
    border-bottom: 1rem #ffffff solid;
}

.w5-2 h3 {
    float: right;
    width: 100%;
    color: #fff;
    margin-right: -5px;
    text-align: right;
}

.w5-2 h3 span {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    color: #999;
    line-height: 14px;
    margin-left: -5px;
}

.w5-2-L {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.w5-2-L span {
    float: right;
    width: 60px;
    height: 10px;
    background-color: #FFF;
}

.w5-2 p {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
}

.w5-2 p span {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 35px;
}

.w5-3 {
    float: left;
    width: calc(100% - 2rem);
    margin-top: 1rem;
    background-color: #111111;
    padding: 1rem;
}

.w5-3 h3 {
    float: left;
    width: 100%;
    color: #ffffff;
}

.w5-3 p {
    float: left;
    width: 100%;
    text-align: right;
    font-size: 1rem;
    color: #ffffff;
    font-weight: 700;
    margin-top: 1rem;
}

.w5-3 p span {
    float: left;
    font-size: 1rem;
    font-weight: 700;
    color: #999;
    line-height: 14px;
}

.h5-tzzs {
    float: right;
    width: 50%;
    margin-right: 0.5rem;
    text-align: right;
    margin-top: -3rem;
}

.h5-tzzs h4 {
    font-size: .8rem;
    float: left;
    width: 100%;
    text-align: right;
}

.h5-tzzs h4 span {
    font-family: DINPro;
    font-size: .8rem;
}

.h5-tzzs h4 #aa2 {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 1rem;
}

.h5-tzzs .unit {
    font-size: 0.8rem;
}

.h5-tzzs .yuan {
    font-size: 3rem;
    font-family: DINPro;
    font-weight: 700;
    line-height: 1rem;
    margin-top: 1.2rem;
}

.h5-tzzs .yuan a {
    text-decoration: none;
}

.h5-zs {
    float: left;
    width: calc(100% - 2rem);
    margin: 1rem;
    border-top: 2px #111111 solid;
    padding-top: 1rem;
}

.h5-zs table {
    float: left;
    width: 100%;
}

.h5-zs tr:nth-child(1) td {
    font-size: .8rem;
    color: #d4d4d4;
    padding-bottom: 1rem;
    text-align: left;
}

.h5-zs tr:nth-child(2) td {
    font-size: .8rem;
    padding-right: 1rem;
}

.h5-zs tr:nth-child(3) td {
    font-size: 1.2rem;
    padding-right: 1rem;
    font-family: DINPro;
    font-weight: 700;
}


.h5-fixed {
    display: block;
    position: fixed;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 50px;
    z-index: 99;
    left: 0;
    background-color: #111111;
    padding: 0 1rem;
}

.h5-fixed .page2 {
    float: left;
    width: 33.33%;
}

.h5-fixed a {
    color: #ffffff;
    text-decoration: none;
    font-size: .8rem;
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 50px;
}

.end {
    float: left;
    width: 100%;
    font-size: .8rem;
    text-align: center;
    color: #d4d4d4;
    margin: 1rem auto 0 auto;
}

.xcx {
    position: absolute;
    right: 0;
    top: 2.5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 5rem 5rem 0 5rem;
    overflow: hidden;
    z-index: 10;
}

.xcx img {
    width: 5rem;
    height: 5rem;
    padding: 0;
}

.head-zb .key {
    float: right;
    font-size: .8rem;
    margin-top: -5rem;
    clear: both;
    text-align: right;
    width: 80%;
    margin-right: -.5rem;
}

.head-zb .key a {
    color: #d4d4d4;
    text-decoration: none;
}

.show-con.msg {
    margin-top: 0;
    display: block;
}

.msg h2 {
    float: right;
    font-size: 20px;
    margin-bottom: 40px;
    color: #1a1a1a;
    border-bottom: 10px #d4d4d4 solid;
    text-align: center;
    margin-top: -35px;
}

.msg .qq {
    float: left;
    width: 75%;
    background-color: #ebebeb;
    padding: 30px 20px;
    margin-right: 25%;
}

.msg .qq .name h3 {
    float: left;
    width: calc(100% - 100px);
    font-size: 14px;
}

.msg .qq .name .date {
    font-family: DINPro;
    float: right;
    font-size: 14px;
    color: #999999;
    text-align: right;
    width: 100px;
}

.msg .qq .con {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.msg .aa {
    float: right;
    width: 75%;
    background-color: #f8f8f8;
    padding: 20px;
    margin-top: -20px;
    margin-bottom: 40px;
}

.msg .aa .name h3 {
    float: left;
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 30px;
}

.msg .aa .name h3 span {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 30px 30px 30px 30px;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    margin-top: -5px;
    margin-right: 10px;
}

.msg .aa .name h3 span img {
    width: 70%;
    margin-top: 5px;
}

.msg .aa .name span {
    float: right;
    font-size: 12px;
    color: #1a1a1a;
}

.msg .aa .con {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #111111;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 0px;
}

.msg #pages {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.msginput {
    float: left;
    border-bottom: 1px #f8f8f8 solid;
    padding-bottom: 80px;
    padding-top: 40px;
    margin-top: -40px;
}

.msginput ul {
    float: left;
}

.msginput ul li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
}

.msginput ul li:nth-child(1) input {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #d0d0d0;
}

.msginput ul li:nth-child(3) {
    margin-bottom: 0;
}

.msginput ul li:nth-child(5) span {
    display: none;
}

.msginput ul li:nth-child(5) {
    text-align: center;
}

.msginput ul li span {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.msginput ul li .input-text {
    float: left;
    width: calc(100% - 112px);
    height: 28px;
    border-radius: 15px;
    outline: none;
    margin: 0;
    padding: 0 15px;
    line-height: 28px;
    font-size: 14px;
}

.msginput ul li textarea {
    width: calc(100% - 32px);
    border-radius: 15px;
    outline: none;
    font-size: 12px;
    line-height: 24px;
    padding: 15px;
    height: 100px;
    float: left;
}

.msginput ul li .msgbtn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #1a1a1a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    outline: none;
}

.msginput ul li small {
    font-size: 12px;
    color: #cccccc;
    float: left;
    width: calc(100% - 80px);
    margin-left: 80px;
    text-align: right;
    margin-bottom: -20px;
}

.msg .title h2 {
    border-bottom: 1px #f8f8f8 solid;
    text-align: left;
    margin-bottom: -5px;
    padding-bottom: 10px;
    margin-top: -10px;
}

.msg .title span {
    float: left;
    width: 6rem;
    height: 10px;
    background-color: #111111;
    margin-bottom: 2rem;
}

.footer p.info a {
    display: none;
}