.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@-webkit-keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes scaleAnima {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scaleAnima {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

body,
textarea,
input {
    font-family: "Microsoft YaHei", "PingFang SC", "Source Han Sans SC", sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    body,
    textarea,
    input {
        font-family: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
    }
}

body.show a,
body.show .transition,
body.show :before {
    -webkit-transition: .5s;
    transition: .5s;
}

img {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.zoomImg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}

.zoomImg:before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .4;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.zoomImg img {
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}

.zoomImg:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

.zoomImg:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

a:hover .zoomImg:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

a:hover .zoomImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 1rem;
    scroll-behavior: smooth;
}

body {
    font-size: 0.12rem;
    color: #212121;
    /*-webkit-text-size-adjust: none;*/
    /*text-size-adjust: none;*/
    opacity: 0;
    -webkit-font-smoothing: antialiased;
}

body.show {
    opacity: 1;
}

a {
    color: #212121;
    text-decoration: none;
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #df5a24;
    outline: none;
}

li {
    list-style: outside none;
}

li {
    list-style-type: none;
}

h1 {
    font-size: 0.16rem;
}

h2,
h3,
h4,
h5 {
    font-size: 0.14rem;
}

h5 {
    font-size: 0.12rem;
}

textarea,
input {
    background: rgba(0, 0, 0, 0);
    font-size: 0.12rem;
    font-family: Arial;
    color: #888;
    outline: none;
    border: 0;
}

em {
    font-style: normal;
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
    object-fit: cover;
    width: 100%;
}

.wal {
    max-width: 12.6rem;
    margin: 0 auto;
}

:after,
:before {
    font-family: "iconfont";
}

@font-face {
    font-family: "iconfont";
    src: url(../images/iconfont.woff2) format("woff2"), url(../images/iconfont.woff) format("woff"), url(../images/iconfont.ttf) format("truetype");
}

.iconfont {
    font-family: "iconfont";
}

@font-face {
    font-family: "NotoSansHans-Regular";
    src: url("https://public-ziti.oss-cn-shanghai.aliyuncs.com/NotoSansHans-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 800px) {
    .g-head .head {
        width: 2.58rem;
        position: fixed;
        z-index: 50;
        left: 0;
        top: 0;
        bottom: 0;
        border-right: #fff solid 0.02rem;
        pointer-events: none;
    }

    .g-head .head .logo {
        display: block;
        width: 0.9rem;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: auto;
    }

    .g-head .side {
        width: 2.18rem;
        position: fixed;
        z-index: 50;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: #fff solid 0.02rem;
        pointer-events: none;
        -webkit-transition: border-left-color .5s;
        transition: border-left-color .5s;
    }

    .g-head .side .search {
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: auto;
        width: 0.9rem;
        height: 0.9rem;
        background: rgba(255, 255, 255, .4);
    }

    .g-head .side .search .input {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0.9rem;
        background: #fff;
        -webkit-transition: .5s;
        transition: .5s;
        opacity: 0;
    }

    .g-head .side .search .input input {
        width: 100%;
        height: 0.9rem;
        line-height: 0.9rem;
        font-size: 0.2rem;
        padding: 0 0.2rem;
    }

    .g-head .side .search .submit {
        width: 100%;
        height: 100%;
        background: url(../images/img36.png) center no-repeat;
        background-size: 0.36rem;
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
    }

    .g-head .side .search .submit input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

    .g-head .side .search:hover .input,
    .g-head .side .search.on .input {
        width: 4rem;
        opacity: 1;
    }

    .g-head .side .logo {
        width: 0.9rem;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

    .g-head .side .logo img:nth-child(2) {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .g-head .side .logo.white img:nth-child(1) {
        opacity: 0;
    }

    .g-head .side .logo.white img:nth-child(2) {
        opacity: 1;
    }

    .g-head .g-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: auto;
    }

    .g-head .g-nav a.name {
        display: block;
        text-align: center;
        color: #fff;
        line-height: 0.66rem;
        font-weight: bold;
        font-size: 0.18rem;
    }

    .g-head .g-nav a.name:hover {
        color: #e84f20;
    }

    .g-head .g-nav .list {
        display: none;
    }

    .g-head-2 .g-nav a.name {
        color: #727272;
    }

    .g-head-2 .g-nav a.name:hover {
        color: #e84f20;
    }

    .g-head-3 .side {
        border-left-color: rgba(0, 0, 0, 0);
    }

    .g-head-3 .side .logo {
        opacity: 0;
    }

    .page-head .g-head .head {
        background: #db5e22;
        border: 0;
    }

    .page-head .g-head .side {
        border: 0;
    }

    .page-head .g-head .side .logo {
        display: none;
    }

    .page-head .g-head .g-nav a.name {
        color: #fff;
    }

    .page-head .g-head .g-nav a.name:hover {
        color: #fff;
        opacity: .6;
    }
}

@media screen and (max-width: 800px) {
    .g-head .head {
        position: fixed;
        z-index: 50;
        left: 0;
        top: 0;
        right: 0;
        height: 0.9rem;
    }

    .g-head .head .logo {
        position: absolute;
        left: 0;
        top: 0;
        width: 0.9rem;
        z-index: 55;
    }

    .g-head .navA {
        position: absolute;
        top: 0;
        right: 0;
        width: 0.9rem;
        height: 0.9rem;
        background: #e7e4e1 url(../images/navA.png) center no-repeat;
        background-size: 0.42rem;
        z-index: 55;
    }

    .g-head .g-nav {
        position: fixed;
        z-index: 49;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        padding: 0.9rem 0.9rem 0.9rem 0;
    }

    .g-head .g-nav:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0.9rem;
        background: #df5a24;
    }

    .g-head .g-nav > ul {
        height: calc(100vh - 1.8rem);
        overflow-y: auto;
        padding: 0.4rem 0.8rem 0.4rem 1rem;
    }

    .g-head .g-nav > ul > li {
        position: relative;
    }

    .g-head .g-nav > ul > li .name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.36rem;
        font-weight: bold;
        height: 0.9rem;
    }

    .g-head .g-nav > ul > li .arrow {
        position: absolute;
        z-index: 5;
        right: 0;
        top: 0;
        width: 0.6rem;
        height: 0.9rem;
        background: url(../images/arrow38.png) center no-repeat;
        background-size: 0.38rem;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .g-head .g-nav > ul > li .list {
        position: relative;
        margin-right: -0.5rem;
        display: none;
    }

    .g-head .g-nav > ul > li .list:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0.16rem;
        bottom: 0.16rem;
        width: 1px;
        background: #4d4d4d;
    }

    .g-head .g-nav > ul > li .list a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.28rem;
        color: #4d4d4d;
        line-height: 0.6rem;
        padding-left: 0.4rem;
    }

    .g-head .g-nav > ul > li.open .arrow {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .g-head .side .logo {
        display: none;
    }

    .g-head .side .search {
        position: fixed;
        z-index: 50;
        left: 0;
        bottom: 0;
        right: 0;
        height: 0.9rem;
        background: #e7e4e1;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: .5s;
        transition: .5s;
    }

    .g-head .side .search form {
        height: 0.9rem;
        position: relative;
        display: block;
    }

    .g-head .side .search .input input {
        width: 100%;
        height: 0.9rem;
        line-height: 0.9rem;
        font-size: 0.28rem;
        padding-left: 1.2rem;
    }

    .g-head .side .search .submit {
        position: absolute;
        z-index: 5;
        cursor: pointer;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1rem;
        height: 0.55rem;
        background: url(../images/img38.png) center no-repeat;
        background-size: 0.38rem;
        border-right: gray solid 1px;
    }

    .g-head .side .search .submit input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

    .g-head .side .search .close {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0.9rem;
        background: url(../images/close33_2.png) center no-repeat;
        background-size: 0.33rem;
    }

    body.navShow {
        overflow: hidden;
    }

    body.navShow .g-head .navA {
        background-image: url(../images/close33.png);
        background-size: 0.33rem;
        background-color: rgba(0, 0, 0, 0);
    }

    body.navShow .g-head .side .search,
    body.navShow .g-head .g-nav {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.g-foot {
    padding: 1.05rem 0 0.85rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #999;
    background: #fff;
    position: relative;
    z-index: 5;
}

.g-foot a {
    color: #999;
}

.g-foot a:hover {
    color: #df5a24;
}

.g-foot .list {
    width: 7.3rem;
}

.g-foot .list .select-group {
    position: relative;
    z-index: 9;
}

@media screen and (min-width: 800px) {
    .g-foot .list .select-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 0.66rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.g-foot .list .select-group .select {
    position: relative;
    margin-right: 0.22rem;
    padding-bottom: 0.12rem;
}

.g-foot .list .select-group .select .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.42rem;
    min-width: 2.03rem;
    padding: 0 0.15rem 0 0.23rem;
    border: #f1efed solid 1px;
    border-radius: 0.14rem;
    font-weight: 500;
    font-size: 0.19rem;
}

.g-foot .list .select-group .select .name:after {
    font-family: "iconfont";
    margin-left: 0.1rem;
    content: "";
    -webkit-transform: scale(0.7) rotate(90deg);
    -ms-transform: scale(0.7) rotate(90deg);
    transform: scale(0.7) rotate(90deg);
}

.g-foot .list .select-group .select .layer {
    width: 100%;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 100%;
    background: #fff;
    border-radius: 0.06rem;
    -webkit-filter: drop-shadow(0 1px 0.09rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 0.09rem rgba(0, 0, 0, 0.1));
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
}

.g-foot .list .select-group .select .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.2rem;
    top: -0.03rem;
    width: 0.2rem;
    height: 0.2rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.g-foot .list .select-group .select .layer dl {
    position: relative;
    padding: 0.1rem 0;
}

.g-foot .list .select-group .select .layer dd a {
    display: block;
    color: #333;
    padding: 0.05rem 0.2rem;
    font-size: 0.14rem;
}

.g-foot .list .select-group .select .layer dd a:hover {
    color: #ef5a24;
}

.g-foot .list .select-group .select:hover .layer {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.g-foot .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.g-foot .list li {
    position: relative;
    margin-right: 0.6rem;
}

.g-foot .list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.31rem;
    width: 1px;
    height: 0.15rem;
    background: #fff;
}

.g-foot .list li:last-child:after {
    display: none;
}

.g-foot .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.66rem;
    font-size: 0.16rem;
    font-weight: bold;
}

.g-foot .container {
    font-weight: 500;
    font-size: 0.14rem;
}

@media screen and (min-width: 800px) {
    .g-foot .container {
        width: 6.37rem;
        position: relative;
    }
}

.g-foot .container .content {
    line-height: 0.32rem;
    margin-bottom: 0.75rem;
}

.g-foot .container .msg {
    text-align: right;
}

.g-foot .container .ewm {
    position: absolute;
    top: 0.06rem;
    right: 0;
    padding-left: 0.9rem;
}

.g-foot .container .ewm:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    background: #aeaeae;
    height: 0.84rem;
}

.g-foot .container .ewm ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.g-foot .container .ewm li {
    width: 0.68rem;
    margin-right: 0.25rem;
}

.g-foot .container .ewm li:last-child {
    margin-right: 0;
}

.g-foot .container .ewm li a {
    display: block;
}

.g-foot .container .ewm li img {
    border: #c7c7c7 solid 1px;
}

.g-foot .container .ewm li .name {
    margin-top: 0.08rem;
    white-space: nowrap;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    text-align: center;
}

@media screen and (max-width: 800px) {
    .g-foot {
        padding: 0.55rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .g-foot .list {
        width: 100%;
    }

    .g-foot .list .select-group {
        width: 3.88rem;
    }

    .g-foot .list .select-group .select {
        margin-right: 0;
        margin-bottom: 0.17rem;
    }

    .g-foot .list .select-group .select .name {
        height: 0.88rem;
        padding: 0 0.22rem 0 0.28rem;
        font-size: 0.28rem;
    }

    .g-foot .list .select-group .select .layer dl {
        padding: 0.2rem 0;
    }

    .g-foot .list .select-group .select .layer dd a {
        font-size: 0.24rem;
        padding: 0.08rem 0.28rem;
    }

    .g-foot .list ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        margin-top: 0.8rem;
    }

    .g-foot .list li {
        margin: 0 0.3rem;
    }

    .g-foot .list li:after {
        right: -0.3rem;
        height: 0.28rem;
    }

    .g-foot .list li a {
        font-size: 0.28rem;
    }

    .g-foot .container {
        font-size: 0.26rem;
        text-align: center;
    }

    .g-foot .container .content {
        line-height: 0.42rem;
        margin-top: 0.2rem;
        margin-bottom: 0.3rem;
    }

    .g-foot .container .msg {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 0.42rem;
    }

    .g-foot .container .ewm {
        top: 0.55rem;
        right: 0.5rem;
        padding: 0;
    }

    .g-foot .container .ewm:after {
        display: none;
    }

    .g-foot .container .ewm ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .g-foot .container .ewm li {
        margin-right: 0;
        width: 1.3rem;
        text-align: center;
        padding-bottom: 0.2rem;
    }

    .g-foot .container .ewm li .name {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        font-size: 0.24rem;
    }
}

#page .g-foot {
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
}

@media screen and (max-width: 800px) {
    #page .g-foot {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.g-foot-new {
    position: relative;
    padding: 0.9rem 0 0.5rem 0;
}

.g-foot-new:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.9rem;
    right: -0.9rem;
    top: 0.9rem;
    height: 1px;
    background: rgba(133, 133, 133, .17);
}

.g-foot-new .list {
    padding: 0.5rem 0 0.25rem 0;
    font-size: 0.16rem;
}

.g-foot-new .list a {
    color: #4d4d4d;
}

.g-foot-new .list a:hover {
    color: #df5a24;
}

.g-foot-new .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.g-foot-new .list li {
    position: relative;
    padding-right: 0.55rem;
}

.g-foot-new .list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.27rem;
    content: "|";
    -webkit-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    opacity: .8;
}

.g-foot-new .list li:last-child {
    padding-right: 0;
}

.g-foot-new .list li:last-child:after {
    display: none;
}

.g-foot-new .msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.14rem;
    color: gray;
}

.g-foot-new .msg .p-1 {
    color: rgba(128, 128, 128, .46);
}
.g-foot-new .msg .p-1 a{
    color: rgba(128, 128, 128, .46);
}
.g-foot-new .msg .p-1 a:hover{
    color: rgba(128, 128, 128, .9);
}

@media screen and (max-width: 800px) {
    .g-foot-new:after {
        left: -0.5rem;
        right: -0.5rem;
    }

    .g-foot-new .list {
        font-size: 0.28rem;
    }

    .g-foot-new .msg {
        font-size: 0.24rem;
        line-height: 2em;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 0.5rem;
    }

    .wal {
        margin: 0 .6rem;
    }
}

@media screen and (max-width: 550px) {
    .wal {
        margin: 0 .5rem;
    }
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@-webkit-keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes scaleAnima {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scaleAnima {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@media screen and (min-width: 800px) {
    #index {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        height: 100vh;
        overflow: hidden;
        background: #f8ede7;
    }

    .index-slide {
        height: 100vh;
        overflow: hidden;
        position: relative;
        background: center no-repeat;
        background-size: cover;
    }

    .index-slide .video-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        display: block;
        object-fit: cover;
    }

    .index-slide .wal {
        height: 100vh;
        max-width: 100%;
        margin-left: 2.58rem;
        margin-right: 2.18rem;
        position: relative;
        z-index: 2;
        padding: 1rem 1.5rem 0 1.5rem;
    }
}

@media screen and (max-width: 800px) {
    .index-slide {
        position: relative;
        background: center no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden;
    }

    .index-slide .video-bg {
        display: none;
    }

    .index-slide .wal {
        position: relative;
        z-index: 2;
    }
}

.index-banner {
    background-image: url(../images/index-1.jpg);
}

.index-banner .video-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.index-banner .list li {
    position: absolute;
    left: 1.14rem;
    top: 64vh;
    right: 1.14rem;
}

.index-banner .list li h5 {
    color: #fff;
    font-size: 0.6rem;
    line-height: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.index-banner .list li h5 span {
    display: block;
    opacity: 0;
}

.index-banner .list li h5 .span-1 {
    margin-right: .5em;
}

.index-banner .list li.curr h5 span {
    -webkit-animation-name: cross-fade-blur;
    animation-name: cross-fade-blur;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}

.index-banner .list li.curr h5 span:nth-child(0) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.index-banner .list li.curr h5 span:nth-child(1) {
    -webkit-animation-delay: .06s;
    animation-delay: .06s;
}

.index-banner .list li.curr h5 span:nth-child(2) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s;
}

.index-banner .list li.curr h5 span:nth-child(3) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.index-banner .list li.curr h5 span:nth-child(4) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s;
}

.index-banner .list li.curr h5 span:nth-child(5) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.index-banner .list li.curr h5 span:nth-child(6) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s;
}

.index-banner .list li.curr h5 span:nth-child(7) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s;
}

.index-banner .list li.curr h5 span:nth-child(8) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s;
}

.index-banner .list li.curr h5 span:nth-child(9) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s;
}

.index-banner .list li.curr h5 span:nth-child(10) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.index-banner .list li.curr h5 span:nth-child(11) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s;
}

.index-banner .list li.curr h5 span:nth-child(12) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s;
}

.index-banner .list li.curr h5 span:nth-child(13) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s;
}

.index-banner .list li.curr h5 span:nth-child(14) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s;
}

@media screen and (min-width: 800px) {
    .index-banner .logo {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .index-banner:after {
        width: 100%;
    }

    .index-banner .wal {
        height: 4.22rem;
        margin: 0;
    }

    .index-banner .list li {
        left: 1.2rem;
        top: 2.4rem;
        right: 0;
    }

    .index-banner .list li h5 {
        font-size: 0.29rem;
    }

    .index-banner .logo {
        position: absolute;
        z-index: 5;
        right: 0;
        bottom: 0;
        width: 0.37rem;
    }
}

@-webkit-keyframes cross-fade-blur {
    0% {
        opacity: 0;
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
        -webkit-transform: translate3d(0, 1rem, 0) rotate3d(0.25, -1, 0, 66.6deg);
        transform: translate3d(0, 1rem, 0) rotate3d(0.25, -1, 0, 66.6deg);
    }

    20%, 80% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
        -webkit-transform: translate3d(0, -0.5rem, 0) rotate3d(-0.25, 1, 0, 66.6deg);
        transform: translate3d(0, -0.5rem, 0) rotate3d(-0.25, 1, 0, 66.6deg);
    }
}

@keyframes cross-fade-blur {
    0% {
        opacity: 0;
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
        -webkit-transform: translate3d(0, 1rem, 0) rotate3d(0.25, -1, 0, 66.6deg);
        transform: translate3d(0, 1rem, 0) rotate3d(0.25, -1, 0, 66.6deg);
    }

    20%, 80% {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-filter: blur(1rem);
        filter: blur(1rem);
        -webkit-transform: translate3d(0, -0.5rem, 0) rotate3d(-0.25, 1, 0, 66.6deg);
        transform: translate3d(0, -0.5rem, 0) rotate3d(-0.25, 1, 0, 66.6deg);
    }
}

.index-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 800px) {
    .index-title {
        position: absolute;
        z-index: 5;
        left: 0.35rem;
        right: 1.5rem;
        top: 0.65rem;
        pointer-events: none;
    }
}

.index-title h2 {
    font-size: 0.24rem;
    color: #4d4d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1em;
}

:before{display: block}
:after{display: block}

.index-title h2:after {
    display: block;
    margin-left: 0.22rem;
    width: 1px;
    height: 0.32rem;
    background: #ef5a24;
    content: "";
}

.index-title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto;
    font-size: 0.14rem;
    color: #ef5a24;
}

.index-title .more:after {
    display: block;
    content: "";
    background: url(../images/arrow20.png) center no-repeat;
    background-size: 100%;
    width: 0.2rem;
    height: 0.14rem;
    margin-left: 0.2rem;
}

@media screen and (max-width: 800px) {
    .index-title {
        height: 1.43rem;
    }

    .index-title h2 {
        font-size: 0.3rem;
    }

    .index-title .more {
        font-size: 0.18rem;
    }

    .index-title .more:after {
        width: 0.25rem;
        margin-left: 0.1rem;
    }
}

.index-news .video-bg {
    opacity: .15;
}

.index-news .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.index-news .notice-list {
    height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.16rem;
}

.index-news .notice-list .name {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 500;
    color: #878686;
    padding: 0 0.1rem 0 0.43rem;
    background: url(../images/img20.png) 0.13rem center no-repeat;
    background-size: 0.2rem;
}

.index-news .notice-list .list-wrapper {
    height: 0.6rem;
    overflow: hidden;
    position: relative;
}

.index-news .notice-list .list-wrapper li a {
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #878686;
}

.index-news .notice-list .list-wrapper li a:hover {
    color: #ef5a24;
}

@media screen and (min-width: 800px) {
    .index-news .notice-list {
        position: absolute;
        left: 1.8rem;
        top: 0.52rem;
        right: 3rem;
    }
}

@media screen and (max-width: 800px) {
    .index-news .notice-list {
        font-size: 0.24rem;
    }

    .index-news .notice-list .name {
        background-size: 0.24rem;
        background-position: left center;
        padding-left: 0.38rem;
    }
}

.index-news .img-list {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.index-news .img-list li img {
    width: 100%;
    height: 1.01rem;
    object-position: left center;
}

.index-news .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.index-news .list .item {
    position: relative;
    padding-top: 0.25rem;
    height: 3.35rem;
    padding-right: 0.24rem;
}

.index-news .list .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.1rem;
    right: 0;
    bottom: 0;
    border: #aeaeae solid 1px;
    border-radius: 0 0.08rem 0.08rem 0;
    -webkit-transition: 0s;
    transition: 0s;
    pointer-events: none;
    -webkit-clip-path: polygon(1.3rem 0, 100% 0%, 100% 100%, 1px 100%);
    clip-path: polygon(1.3rem 0, 100% 0%, 100% 100%, 1px 100%);
}

.index-news .list .item .title {
    position: absolute;
    left: 0;
    top: 0;
}

.index-news .list .item .title a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 1em;
}

.index-news .list .item .title a em {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.index-news .list .item .title a:after {
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    width: 0.17rem;
    height: 0.2rem;
    content: "";
    margin-left: 0.1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.index-news .list .item .title a:hover {
    color: #df5a24;
}

.index-news .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 1rem;
    -webkit-perspective: 6rem;
    perspective: 6rem;
}

.index-news .list li a > .time,
.index-news .list li a .name {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.index-news .list li a > .time {
    height: 0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.14rem;
    color: #df5a24;
}

.index-news .list li a > .time:before {
    content: "";
    display: block;
    width: 1px;
    height: 0.14rem;
    background: #ef5a24;
    margin-right: 0.12rem;
}

.index-news .list li a .name {
    font-size: 0.18rem;
    color: #4d4d4d;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 2rem;
}
@media screen and (max-width: 800px) {
    .index-news .list li a .name{width: 100%}
}

.index-news .list li a .img {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    margin-top: -0.46rem;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #df5a24;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 0 0.1rem 0.1rem 0;
}

.index-news .list li a .img .zoomImg {
    width: 1.24rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.index-news .list li a .img .zoomImg img {
    height: 0.92rem;
}

.index-news .list li a .img .time {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.14rem;
}
@media screen and (min-width: 800px) {
    .index-news .list li a .img .time{width: 1rem}
    .index-news .list li a .img .time em{display: block}
    .index-news .list li a .img .time span{display: block}
}

.index-news .list li a .img .time em {
    font-size: 0.48rem;
}

@media screen and (min-width: 800px) {
    .index-news .list li.hasImg a:hover > .time,
    .index-news .list li.hasImg a:hover .name {
        opacity: 0;
    }

    .index-news .list li.hasImg a:hover .img {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .index-news .list li a:hover .name {
        color: #df5a24;
    }
}

.index-news .list .left {
    width: 5.05rem;
}

.index-news .list .left .big-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.1rem;
}

.index-news .list .left .big-img .swiper-slide a {
    display: block;
    position: relative;
}

.index-news .list .left .big-img .swiper-slide a img {
    width: 100%;
    height: 3.35rem;
}

.index-news .list .left .big-img .swiper-slide a h5 {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 0.16rem;
    padding: 0 0.1rem;
    height: 0.42rem;
    line-height: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background: url(../images/img471.png) center top no-repeat;
    background-size: 100%;
}

.index-news .list .left .big-img .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.2rem;
    color: #fff;
    background: rgba(0, 0, 0, .35);
    font-weight: bold;
}

.index-news .list .left .big-img .arrow a:after {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.index-news .list .left .big-img .arrow a:hover {
    background: #df5a24;
}

.index-news .list .left .big-img .arrow a.prev {
    left: 0.2rem;
}

.index-news .list .left .big-img .arrow a.prev:after {
    content: "";
}

.index-news .list .left .big-img .arrow a.next {
    right: 0.2rem;
}

.index-news .list .left .big-img .arrow a.next:after {
    content: "";
}

.index-news .list .left .big-img .arrow a:hover {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .index-news .list .left .big-img .arrow {
        right: 0.4rem;
    }

    .index-news .list .left .big-img .arrow a {
        width: 0.52rem;
        height: 0.52rem;
        font-size: 0.24rem;
    }
}

.index-news .list .left .item {
    margin-top: 0.3rem;
    padding-right: 0;
}
.index-news .list .left .item li {
    padding-right: .24rem;
}

.index-news .list .left ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-news .list .left li {
    width: calc(50% - 0.3rem);
}

.index-news .list .right {
    width: 5.65rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-news .list .right .item {
    width: calc(50% - 0.3rem);
}

.index-news .list .right .item:nth-child(3),
.index-news .list .right .item:nth-child(4) {
    margin-top: 0.3rem;
    padding-right: 0;
}
.index-news .list .right .item:nth-child(3) li,
.index-news .list .right .item:nth-child(4) li{
    padding-right: .24rem;
}

.index-news .list .right .item:nth-child(4):before {
    -webkit-clip-path: polygon(1.7rem 0, 100% 0%, 100% 100%, 1px 100%);
    clip-path: polygon(1.7rem 0, 100% 0%, 100% 100%, 1px 100%);
}

@media screen and (max-width: 800px) {
    .index-news .list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0.24rem;
        padding-bottom: 1rem;
    }

    .index-news .list .item {
        height: 4rem;
        padding-top: 0.35rem;
    }

    .index-news .list .item:before {
        top: 0.14rem;
        -webkit-clip-path: polygon(1.6rem 0, 100% 0%, 100% 100%, 1px 100%);
        clip-path: polygon(1.6rem 0, 100% 0%, 100% 100%, 1px 100%);
    }

    .index-news .list .item .title a {
        font-size: 0.28rem;
    }

    .index-news .list .item .title a:after {
        width: 0.2rem;
    }

    .index-news .list li a {
        height: 1.15rem;
    }

    .index-news .list li a > .time {
        font-size: 0.2rem;
    }

    .index-news .list li a .name {
        font-size: 0.2rem;
        line-height: 0.28rem;
        height: 0.56rem;
    }

    .index-news .list .left {
        width: 100%;
    }

    .index-news .list .left .big-img .swiper-slide a img {
        height: 4.33rem;
    }

    .index-news .list .left .big-img .swiper-slide a h5 {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.2rem;
        padding: 0 0.25rem;
    }

    .index-news .list .left .item {
        margin-top: 0.5rem;
    }

    .index-news .list .right {
        width: 100%;
    }

    .index-news .list .right .item {
        margin-top: 0.5rem;
    }

    .index-news .list .right .item:nth-child(3),
    .index-news .list .right .item:nth-child(4) {
        margin-top: 0.5rem;
    }
}

.index-news2 {
    background: #fff;
}

.index-news2 .video-bg {
    opacity: .05;
}

body.ie .index-news .list .item:before {
    display: none;
}

.index-business .video-bg {
    opacity: .05;
}

.index-business .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.index-business .list-1,
.index-business .list-2 {
    margin-left: -1.2rem;
    margin-right: -3.38rem;
}

.index-business .list-1 ul,
.index-business .list-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-business .list-1 li,
.index-business .list-2 li {
    position: relative;
}

.index-business .list-1 li .item,
.index-business .list-2 li .item {
    display: block;
    position: relative;
    -webkit-perspective: 12rem;
    perspective: 12rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective-origin: center 90%;
    perspective-origin: center 90%;
}

.index-business .list-1 li .item .bg,
.index-business .list-2 li .item .bg {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}

.index-business .list-1 li .item .bg:before,
.index-business .list-2 li .item .bg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    opacity: 0;
}

.index-business .list-1 li .item .bg img,
.index-business .list-2 li .item .bg img {
    width: 100%;
}

@media screen and (min-width: 800px) {
    .index-business .list-1 li .item .bg img:nth-child(2),
    .index-business .list-2 li .item .bg img:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .index-business .list-1 li .item .bg img:nth-child(1),
    .index-business .list-2 li .item .bg img:nth-child(1) {
        display: none;
    }
}

.index-business .list-1 li .item .bd,
.index-business .list-2 li .item .bd {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    text-align: center;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.index-business .list-1 li .item .bd .ico,
.index-business .list-2 li .item .bd .ico {
    width: 0.8rem;
}

.index-business .list-1 li .item .bd .name,
.index-business .list-2 li .item .bd .name {
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 0.68rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 800px) {
    .index-business .list-1 li .item .bd .ico,
    .index-business .list-2 li .item .bd .ico {
        width: 0.6rem;
    }

    .index-business .list-1 li .item .bd .name,
    .index-business .list-2 li .item .bd .name {
        width: 1em;
        height: auto !important;
        line-height: 1.2em;
        margin-top: 0.09rem;
    }
}

.index-business .list-1 li .item .bd2,
.index-business .list-2 li .item .bd2 {
    position: absolute;
    z-index: 5;
    left: 0.32rem;
    right: 0.32rem;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.index-business .list-1 li .item .bd2 .name,
.index-business .list-2 li .item .bd2 .name {
    font-weight: 600;
    font-size: 0.24rem;
    position: relative;
    padding-bottom: 0.4rem;
}

.index-business .list-1 li .item .bd2 .name:after,
.index-business .list-2 li .item .bd2 .name:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    width: 0.5rem;
    height: 0.02rem;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.index-business .list-1 li .item .bd2 .content,
.index-business .list-2 li .item .bd2 .content {
    font-size: 0.16rem;
    line-height: 0.24rem;
    height: 1.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-align: justify;
    width: 1.7rem;
    margin: 0 auto;
}

@media screen and (min-width: 800px) {
    .index-business .list-1 li .item:hover .bg,
    .index-business .list-2 li .item:hover .bg {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .index-business .list-1 li .item:hover .bg:before,
    .index-business .list-2 li .item:hover .bg:before {
        opacity: .6;
    }

    .index-business .list-1 li .item:hover .bd,
    .index-business .list-2 li .item:hover .bd {
        opacity: 0;
    }

    .index-business .list-1 li .item:hover .bd2,
    .index-business .list-2 li .item:hover .bd2 {
        opacity: 1;
    }
}

@media screen and (max-width: 800px) {
    .index-business .list-1,
    .index-business .list-2 {
        margin-left: 0;
        margin-right: 0;
    }
}

.index-business .list-1 ul {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.index-business .list-1 li {
    width: 2.14rem;
}

.index-business .list-1 li .item .bg {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
}

.index-business .list-1 li .item .bd {
    top: 0.6rem;
}

.index-business .list-1 li .item .bd2 {
    bottom: 0;
    height: 93%;
}

@media screen and (min-width: 800px) {
    .index-business .list-1 li {
        height: 4rem;
        -webkit-transition: width .5s;
        transition: width .5s;
    }

    .index-business .list-1 li .item {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .index-business .list-1 li:hover {
        width: 2.8rem;
    }
}

.index-business .list-1 li:nth-child(1) .item .bg:before {
    background-image: url(../images/img214_1on.png);
}

.index-business .list-1 li:nth-child(2) .item .bg:before {
    background-image: url(../images/img214_2on.png);
}

.index-business .list-1 li:nth-child(3) .item .bg:before {
    background-image: url(../images/img214_3on.png);
}

.index-business .list-1 li:nth-child(4) .item .bg:before {
    background-image: url(../images/img214_4on.png);
}

.index-business .list-1 li:nth-child(5) .item .bg:before {
    background-image: url(../images/img214_5on.png);
}

.index-business .list-1 li:nth-child(6) .item .bg:before {
    background-image: url(../images/img214_6on.png);
}

.index-business .list-1 li:nth-child(7) .item .bg:before {
    background-image: url(../images/img214_7on.png);
}

@media screen and (max-width: 800px) {
    .index-business .list-1 li {
        width: 0.86rem;
    }
}

.index-business .list-2 {
    margin-top: 0.26rem;
}

.index-business .list-2 ul {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.index-business .list-2 li {
    width: 3.78rem;
}

.index-business .list-2 li .item .bg {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

.index-business .list-2 li .item .bd {
    top: 0.22rem;
}

.index-business .list-2 li .item .bd2 {
    top: 0;
    height: 1.9rem;
}

.index-business .list-2 li .item .bd2 .content {
    height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    width: 2.95rem;
}

@media screen and (min-width: 800px) {
    .index-business .list-2 li {
        -webkit-transition: width .5s;
        transition: width .5s;
        height: 2rem;
    }

    .index-business .list-2 li:hover {
        width: 4.2rem;
    }
}

.index-business .list-2 li:nth-child(1) .item .bg:before {
    background-image: url(../images/img378_1on.png);
}

.index-business .list-2 li:nth-child(1) .item .bd .name {
    height: 0.48rem;
}

.index-business .list-2 li:nth-child(1) .item .bd2 .content {
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.index-business .list-2 li:nth-child(2) .item .bg:before {
    background-image: url(../images/img378_2on.png);
}

.index-business .list-2 li:nth-child(2) .item .bd .name {
    height: 0.48rem;
}

.index-business .list-2 li:nth-child(3) .item .bg:before {
    background-image: url(../images/img378_3on.png);
}

.index-business .list-2 li:nth-child(3) .item .bd .name {
    height: 0.48rem;
}

.index-business .list-2 li:nth-child(4) .item .bg:before {
    background-image: url(../images/img378_4on.png);
}

.index-business .list-2 li:nth-child(4) .item .bd2 .content {
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}

@media screen and (max-width: 800px) {
    .index-business .list-2 {
        margin-top: 0.12rem;
        padding-bottom: 0.72rem;
    }

    .index-business .list-2 li {
        width: 1.53rem;
    }

    .index-business .list-2 li:nth-child(4) .item .bd .name {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        line-height: 1em;
    }
}

.index-business2 {
    background: #f7ece6;
}

.index-business2 .video-bg {
    opacity: 0;
}

.index-dangjian {
    background-color: #e23527;
    background-image: url(../images/index-4.jpg);
}

.index-dangjian:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/bg.jpg) center no-repeat;
    background-size: cover;
    pointer-events: none;
    opacity: .95;
    z-index: 2;
}

.index-dangjian .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
}

.index-dangjian .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 800px) {
    .index-dangjian .container .left {
        width: 6.75rem;
    }
}

.index-dangjian .container .bd {
    border-bottom: #df5a24 solid 1px;
    min-height: 5.2rem;
}

.index-dangjian .container .bd .content {
    font-size: 0.2rem;
    text-align: justify;
    line-height: 0.36rem;
}

.index-dangjian .container .bd ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.7rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-dangjian .container .bd li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.2rem;
}

.index-dangjian .container .bd li em {
    font-size: 0.72rem;
    margin: 0 0.08rem;
    -webkit-transform: translateY(-0.15rem);
    -ms-transform: translateY(-0.15rem);
    transform: translateY(-0.15rem);
    color: #df5a24;
    display: block;
}
.index-dangjian .container .bd li span{display: block}

.index-dangjian .container .img-list {
    position: relative;
    width: 3.41rem;
    height: 7.35rem;
    display: flex;
    align-items: center;
}

.index-dangjian .container .img-list .list-wrapper2 {
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 800px) {
    .index-dangjian .container .img-list .list-wrapper2 {
       
    }

    .index-dangjian .container .img-list .list-wrapper {
        height: 6.8rem;
       
    }

    .index-dangjian .container .img-list .list-wrapper li {
        height: 1.95rem;
         display: flex;
        align-items: center;
    }
}

.index-dangjian .container .img-list .list-wrapper li a {
    border-radius: 0.12rem;
}
.index-dangjian .container .img-list .list-wrapper li a img {
    height: 1.46rem;
}

.index-dangjian .container .img-list .arrow a {
    display: block;
    width: 100%;
    height: 0.18rem;
    background: center no-repeat;
    background-size: auto 100%;
    position: absolute;
    z-index: 5;
}

.index-dangjian .container .img-list .arrow a.prev {
    background-image: url(../images/prev33-color.png);
}

.index-dangjian .container .img-list .arrow a.next {
    background-image: url(../images/next33-color.png);
}

@media screen and (min-width: 800px) {
    .index-dangjian .container .img-list .arrow a.prev {
        top: 0rem;
        left:0;
    }

    .index-dangjian .container .img-list .arrow a.next {
        bottom: 0rem;
        left:0;
    }
}

@media screen and (max-width: 800px) {
    .index-dangjian .container .img-list {
        width: 100%;
        height: auto;
        margin-top: 0.6rem;
    }

    .index-dangjian .container .img-list .list-wrapper2 {
        width: 100%;
    }

    .index-dangjian .container .img-list .list-wrapper {
        margin-right: -0.25rem;
    }

    .index-dangjian .container .img-list .list-wrapper li {
        padding-right: 0.25rem;
    }

    .index-dangjian .container .img-list .arrow a {
        top: 50%;
        margin-top: -0.09rem;
        width: 0.3rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .index-dangjian .container .img-list .arrow a.prev {
        left: -0.4rem;
    }

    .index-dangjian .container .img-list .arrow a.next {
        right: -0.4rem;
    }
}

.index-dangjian .container .list {
    width: 100%;
    padding-top: 0.65rem;
}

.index-dangjian .container .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -0.35rem;
}

.index-dangjian .container .list li {
    width: 25%;
    padding-left: 0.35rem;
}

.index-dangjian .container .list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: #e29e80 solid 1px;
    border-radius: 0.1rem;
    height: 1.5rem;
    color: #df5a24;
    background: rgba(255, 255, 255, .5);
}

.index-dangjian .container .list a .ico {
    width: 0.7rem;
    position: relative;
}

.index-dangjian .container .list a .ico img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.index-dangjian .container .list a .name {
    font-size: 0.2rem;
    font-weight: 500;
    margin-top: 0.1rem;
}

.index-dangjian .container .list a:hover {
    background: #d55d23;
    border-color: #d55d23;
    color: #fff;
}

.index-dangjian .container .list a:hover .ico img:nth-child(1) {
    opacity: 0;
}

.index-dangjian .container .list a:hover .ico img:nth-child(2) {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .index-dangjian .container {
        padding-bottom: 0.85rem;
    }

    .index-dangjian .container .bd {
        min-height: 1rem;
        padding-bottom: .3rem;
    }

    .index-dangjian .container .bd .content {
        font-size: .24rem;
        line-height: .44rem;
        height: 3.52rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }

    .index-dangjian .container .list ul {
        margin-left: -0.25rem;
    }

    .index-dangjian .container .list li {
        padding-left: 0.25rem;
    }

    .index-dangjian .container .list a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .index-dangjian .container .list a .name {
        font-size: 0.24rem;
    }
}

.index-dangjian.index-dangjian-white:after {
    background-image: url(../images/bg2.jpg);
}

.index-dangjian.index-dangjian-white .index-title h2 {
    color: #fff;
}

.index-dangjian.index-dangjian-white .index-title h2:after {
    background: #fff;
}

.index-dangjian.index-dangjian-white .container {
    color: #fff;
}

.index-dangjian.index-dangjian-white .container .bd {
    border-bottom-color: #fff;
}

.index-dangjian.index-dangjian-white .container .bd li em {
    color: #fff;
}

.index-shijue {
    background-image: url(../images/index-5.jpg);
}

.index-shijue .video-bg {
    opacity: .15;
}

.index-shijue .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
}

@media screen and (min-width: 800px) {
    .index-shijue .left,
    .index-shijue .right {
        position: relative;
        height: 100vh;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 1rem;
    }
}

.index-shijue .left {
    width: 6.62rem;
}

.index-shijue .left .index-title {
    right: 0;
    left: -1.15rem;
}

.index-shijue .left .video {
    position: relative;
    height: 4.12rem;
}

.index-shijue .left .video li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.index-shijue .left .video li .img {
    position: relative;
}

.index-shijue .left .video li .img img {
    width: 100%;
    border-radius: 0.2rem 0.2rem 0 0;
    height: 4.12rem;
}

.index-shijue .left .video li .img:after {
    cursor: pointer;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/video-btn.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index-shijue .left .video li .name {
    color: #ef5a24;
    font-size: 0.14rem;
    padding: 0.15rem 0 0.3rem 0;
    line-height: 1em;
}

.index-shijue .left .list {
    position: relative;
}

.index-shijue .left .list .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0 0 0.2rem 0.2rem;
}

.index-shijue .left .list .list-wrapper li {
    position: relative;
    padding-top: 0.25rem;
}

.index-shijue .left .list .list-wrapper li:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0.45rem;
    width: 0.2rem;
    height: 0.2rem;
    background: #e56f45;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.index-shijue .left .list .list-wrapper li .img {
    position: relative;
    z-index: 2;
    background: #e14f20;
    cursor: pointer;
}

.index-shijue .left .list .list-wrapper li .img img {
    width: 100%;
    height: 1.6rem;
}

.index-shijue .left .list .list-wrapper li.on:before {
    top: 0.15rem;
}

.index-shijue .left .list .list-wrapper li.on .img img {
    opacity: .2;
}

.index-shijue .left .list .arrow a {
    width: 0.18rem;
    height: 0.33rem;
    background: center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0.15rem;
}

.index-shijue .left .list .arrow a.prev {
    background-image: url(../images/prev18.png);
    left: 0.22rem;
}

.index-shijue .left .list .arrow a.next {
    background-image: url(../images/next18.png);
    right: 0.22rem;
}

.index-shijue .right {
    width: 3.4rem;
}

.index-shijue .right .index-title {
    left: 0;
    right: 0;
}

.index-shijue .right .list {
    position: relative;
    height: 6.32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 800px) {
    .index-shijue .right .list:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 4rem;
        width: 1px;
        background: rgba(0, 0, 0, .1);
    }
}

.index-shijue .right .list .wrapper {
    height: 5.4rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.index-shijue .right .list .list-wrapper {
    height: 5.79rem;
}

.index-shijue .right .list .list-wrapper li a {
    display: block;
}

.index-shijue .right .list .list-wrapper li a .zoomImg {
    border-radius: 0.2rem;
}

.index-shijue .right .list .list-wrapper li a .zoomImg img {
    height: 1.48rem;
}

.index-shijue .right .list .arrow a {
    height: 0.17rem;
    background: center no-repeat;
    background-size: 0.32rem;
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    width: 100%;
}

.index-shijue .right .list .arrow a.prev {
    background-image: url(../images/prev32.png);
    top: 0;
}

.index-shijue .right .list .arrow a.next {
    background-image: url(../images/next32.png);
    bottom: 0;
}

@media screen and (max-width: 800px) {
    .index-shijue .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0.85rem;
    }

    .index-shijue .left {
        width: 100%;
    }

    .index-shijue .left .index-title {
        left: 0;
    }

    .index-shijue .left .video li .name {
        font-size: 0.2rem;
    }

    .index-shijue .right {
        width: 100%;
        margin-top: 0.5rem;
    }

    .index-shijue .right .list {
        height: 9.32rem;
    }

    .index-shijue .right .list .wrapper {
        height: 8.32rem;
    }

    .index-shijue .right .list .list-wrapper {
        height: 8.79rem;
    }

    .index-shijue .right .list .list-wrapper li a .zoomImg img {
        height: 2.48rem;
    }
}

.index-foot {
    background-color: #000;
    color: #fff;
    position: relative;
    background-image: url(../images/index-6.jpg);
}

.index-foot a {
    color: #fff;
}

.index-foot .video-bg {
    opacity: .8;
}

.index-foot .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 0.7rem;
}

.index-foot .list {
    position: relative;
}

.index-foot .list .select-group {
    position: relative;
    z-index: 9;
}

@media screen and (min-width: 800px) {
    .index-foot .list .select-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 0.66rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.index-foot .list .select-group .select {
    position: relative;
    margin-right: 0.22rem;
    padding-bottom: 0.12rem;
}

.index-foot .list .select-group .select .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.42rem;
    min-width: 2.03rem;
    padding: 0 0.15rem 0 0.23rem;
    border: rgba(255, 255, 255, .5) solid 1px;
    border-radius: 0.14rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 0.19rem;
}

.index-foot .list .select-group .select .name:after {
    font-family: "iconfont";
    margin-left: 0.1rem;
    content: "";
    -webkit-transform: scale(0.7) rotate(90deg);
    -ms-transform: scale(0.7) rotate(90deg);
    transform: scale(0.7) rotate(90deg);
}

.index-foot .list .select-group .select .layer {
    width: 200%;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 100%;
    background: #fff;
    border-radius: 0.06rem;
    -webkit-filter: drop-shadow(0 1px 0.09rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 1px 0.09rem rgba(0, 0, 0, 0.1));
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
}

.index-foot .list .select-group .select .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.2rem;
    top: -0.03rem;
    width: 0.2rem;
    height: 0.2rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.index-foot .list .select-group .select .layer dl {
    position: relative;
    padding: 0.1rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.index-foot .list .select-group .select .layer dd{width: 50%}
.index-foot .list .select-group .select .layer dd a {
    display: block;
    color: #333;
    padding: 0.05rem 0.2rem;
    font-size: 0.14rem;
}

.index-foot .list .select-group .select .layer dd a:hover {
    color: #ef5a24;
}

.index-foot .list .select-group .select:hover .layer {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.index-foot .list > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.index-foot .list > ul > li {
    position: relative;
    margin-right: 0.6rem;
}

.index-foot .list > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.31rem;
    width: 1px;
    height: 0.15rem;
    background: #fff;
}

.index-foot .list > ul > li:last-child:after {
    display: none;
}

.index-foot .list > ul > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.66rem;
    font-size: 0.16rem;
    font-weight: bold;
}

.index-foot .list .ewm {
    position: absolute;
    top: 0;
    right: 0;
}

.index-foot .list .ewm ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.index-foot .list .ewm li {
    width: 0.68rem;
    margin-left: 0.25rem;
}

.index-foot .list .ewm li a {
    display: block;
}

.index-foot .list .ewm li .name {
    margin-top: 0.08rem;
    font-size: 0.16rem;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    text-align: center;
}

.index-foot .container {
    font-size: 0.14rem;
    line-height: 0.32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0.45rem;
}

.index-foot .container .msg {
    text-align: right;
}

@media screen and (max-width: 800px) {
    .index-foot .wal {
        height: 11.03rem;
    }

    .index-foot .list .select-group {
        width: 3.88rem;
    }

    .index-foot .list .select-group .select {
        margin-right: 0;
        margin-bottom: 0.17rem;
    }

    .index-foot .list .select-group .select .name {
        height: 0.88rem;
        padding: 0 0.22rem 0 0.28rem;
        font-size: 0.28rem;
    }

    .index-foot .list .select-group .select .layer{width: 6rem}
    .index-foot .list .select-group .select .layer dl {
        padding: 0.2rem 0;
        max-height: 4rem; overflow-y: auto;
    }

    .index-foot .list .select-group .select .layer dd a {
        font-size: 0.24rem;
        padding: 0.08rem 0.28rem;
    }

    .index-foot .list > ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        margin-top: 0.8rem;
    }

    .index-foot .list > ul > li {
        margin: 0 0.3rem;
    }

    .index-foot .list > ul > li:after {
        right: -0.3rem;
        height: 0.28rem;
    }

    .index-foot .list > ul > li a {
        font-size: 0.28rem;
    }

    .index-foot .list .ewm ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .index-foot .list .ewm li {
        margin-right: 0;
        width: 1.3rem;
        text-align: center;
        padding-bottom: 0.2rem;
    }

    .index-foot .list .ewm li .name {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        font-size: 0.24rem;
    }

    .index-foot .container {
        font-size: 0.26rem;
        line-height: 0.42rem;
        text-align: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index-foot .container .content {
        width: 100%;
    }

    .index-foot .container .msg {
        width: 100%;
        text-align: center;
    }
}

#page {
    padding: 0 0.9rem 0 3.48rem;
    width: 100%; overflow: hidden; position: relative;
}

@media screen and (max-width: 800px) {
    #page {
        padding: 0 0.5rem;
    }
}

#page-head {
    height: 2.2rem;
    background: url(../images/head.jpg) right center no-repeat;
    background-size: auto 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.9rem;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
}

#page-head h2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.36rem;
    color: #666;
}

#page-head h2:before {
    content: "";
    margin-right: 0.34rem;
    width: 0.03rem;
    height: 0.57rem;
    background: #dc5a24;
}

@media screen and (max-width: 800px) {
    #page-head {
        padding: 0.9rem 0.5rem 0 0.5rem;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        height: 2.2rem;
    }
}

.page-curr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.78rem;
    padding: 0 0.9rem;
    border-top: #e3dfdb solid 1px;
    border-bottom: #e3dfdb solid 1px;
    position: relative;
    z-index: 5;
    font-size: 0.2rem;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    background: #fff;
    color: #666;
}

.page-curr .curr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-curr .curr span {
    padding: 0 .3em;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    display: block;
}

.page-curr .curr span:after {
    content: "";
}

.page-curr .curr a {
    color: #666;
    display: block;
}

.page-curr .curr a:hover {
    color: #df5a24;
}

.page-curr .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-curr .nav li {
    position: relative;
    padding-left: 0.52rem;
}

.page-curr .nav li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.02rem;
    height: 0.12rem;
    background: #999;
}

.page-curr .nav li:first-child:before {
    display: none;
}

.page-curr .nav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.78rem;
    position: relative;
}

.page-curr .nav li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 0.03rem;
    background: #df5a24;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-curr .nav li a:hover,
.page-curr .nav li a.on {
    color: #ce5a24;
}

.page-curr .nav li a:hover:before,
.page-curr .nav li a.on:before {
    width: 100%;
}

@media screen and (max-width: 800px) {
    .page-curr {
        display: none;
    }
}

.page-curr-2 {
    height: 1.56rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.page-curr-2 .curr {
    height: 0.78rem;
}

.page-curr-2 .nav {
    width: 9.5rem;
    position: relative;
}

.page-curr-2 .nav:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: -0.9rem;
    top: 50%;
    height: 1px;
    background: #e3dfdb;
    margin-top: -1px;
}

.page-curr-2 .nav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.52rem;
    position: relative;
    z-index: 2;
}

.page-curr-2 .nav li:nth-child(8):before {
    display: none;
}

.p-more {
    font-size: 0.18rem;
    color: #df5a24;
    -webkit-transition: color .5s;
    transition: color .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-more:after {
    width: 0.2rem;
    height: 0.12rem;
    margin-left: 0.06rem;
    background: url(../images/next33.svg) center no-repeat;
    background-size: 100%;
    content: "";
    display: block;
}

.p-more:hover {
    color: #fff;
}

.p-more:hover:after {
    background-image: url(../images/next33-white.svg);
}

a:hover .p-more {
    color: #fff;
}

a:hover .p-more:after {
    background-image: url(../images/next33-white.svg);
}

.page-title {
    font-size: 0.48rem;
    color: #df5a24;
    line-height: 1em;
    padding: 1.1rem 0 0.6rem 0;
    font-weight: 400;
}

.djdt {
    position: relative;
    z-index: 1;
}

.djdt .email {
    padding-bottom: 0.35rem;
    font-size: 0.24rem;
}

@media screen and (max-width: 800px) {
    .djdt .email {
        font-size: 0.32rem;
    }
}

.djdt li {
    border-bottom: #e6e3e0 solid 1px;
    position: relative;
    z-index: 1;
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
    padding: 0.15rem 0;
}

.djdt li:before {
    background: #f4f4f4;
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    left: 0;
    top: -1px;
    right: 0;
    bottom: 0;
    border-radius: 0.12rem;
    border-bottom: #df5a24 solid 1px;
}

.djdt li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    padding-right: 2.4rem;
}

.djdt li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.3rem;
    width: 0.36rem;
    background: url(../images/arrow36.png) center no-repeat;
    background-size: 100%;
    opacity: 0;
}

.djdt li a .time {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 1.45rem;
    height: 1.45rem;
    margin-right: 0.7rem;
    font-size: 0.22rem;
}

.djdt li a .time em {
    font-size: 0.46rem;
}

.djdt li a .time:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 0.82rem;
    background: #e6e3e0;
}

.djdt li a .bd {
    width: 100%;
}

.djdt li a .name {
    font-size: 0.2rem;
    -webkit-transition: color .5s;
    transition: color .5s;
    color: #4d4d4d;
    max-height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}

.djdt li a .zoomImg {
    width: 2.17rem;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0.1rem;
}

.djdt li a .zoomImg img {
    height: 1.45rem;
}

@media screen and (max-width: 800px) {
    .djdt li a {
        padding-right: 0;
    }

    .djdt li a .time {
        margin-right: 0.3rem;
    }

    .djdt li a .name {
        font-size: 0.28rem;
    }

    .djdt li a .zoomImg {
        display: none;
    }
}

.djdt li.li_01 {
    padding: 0.3rem 0;
}

.djdt li.li_01 a .time {
    background: #df5a24;
    color: #fff;
}

.djdt li.li_01 a .time:before {
    display: none;
}

.djdt li.li_01 a .bd {
    width: 100%;
}

.djdt li.li_01 a .bd .name {
    font-weight: 600;
}

.djdt li.li_01 a .bd p {
    font-size: 0.14rem;
    color: #959595;
    margin-top: 0.1rem;
    line-height: 0.28rem;
    max-height: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 800px) {
    .djdt li.li_01 a .bd p {
        font-size: 0.22rem;
        line-height: 0.38rem;
        max-height: 0.76rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 800px) {
    .djdt li.li_01:hover a .name {
        color: #df5a24;
    }

    .djdt li.li_01:hover a:before {
        opacity: 1;
    }
}

.djdt li.li_02 {
    padding: 0.3rem 0;
}

.djdt li.li_02 a .bd {
    width: 100%;
}

.djdt li.li_02 a .bd .name {
    font-weight: 600;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.djdt li.li_02 a .bd p {
    font-size: 0.14rem;
    color: #959595;
    margin-top: 0.1rem;
    line-height: 0.28rem;
    max-height: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 800px) {
    .djdt li.li_02 a .bd p {
        font-size: 0.22rem;
        line-height: 0.38rem;
        max-height: 0.76rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media screen and (min-width: 800px) {
    .djdt li.li_02:hover a .name {
        color: #df5a24;
    }

    .djdt li.li_02:hover a:before {
        opacity: 1;
    }
}

@media screen and (min-width: 800px) {
    .djdt li:not(.li_01):hover {
        z-index: 2;
        border-color: rgba(0, 0, 0, 0);
    }

    .djdt li:not(.li_01):hover:before {
        opacity: 1;
    }

    .djdt li:not(.li_01):hover a:before {
        opacity: 1;
    }

    .djdt li:not(.li_01):hover a .time:before {
        background: #ccc6c1;
    }

    .djdt li:not(.li_01):hover a .name {
        color: #df5a24;
    }

    .djdt li.next {
        border-color: rgba(0, 0, 0, 0);
    }
}

.page-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 0 0.05rem 0;
    font-size: 0.18rem;
}

.page-num a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1px;
    width: 0.47rem;
    height: 0.47rem;
}

.page-num a:not(.prev,.next):hover,
.page-num a.on {
    background: #df5a24;
    color: #fff;
}

.page-num .prev,
.page-num .next {
    font-family: "iconfont";
}

@media screen and (max-width: 800px) {
    .page-num {
        font-size: 0.24rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-num a {
        width: 0.6rem;
        height: 0.6rem;
    }

    .page-num .total {
        display: none;
    }
}

.zgzj {
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.zgzj .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.zgzj .big-img {
    width: 9.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
}

.zgzj .big-img a {
    display: block;
    position: relative;
}

.zgzj .big-img a .zoomImg img {
    height: 5.18rem;
}

.zgzj .big-img a .bd {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    padding: 0.25rem 0.24rem;
}

.zgzj .big-img a .bd .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.14rem;
    font-size: 0.18rem;
    height: 0.34rem;
    background: #df5a24;
    border-radius: 0.06rem;
}

.zgzj .big-img a .bd h5 {
    width: 100%;
    font-size: 0.21rem;
    margin-top: 0.08rem;
}

.zgzj .list {
    width: 4rem;
}

.zgzj .list ul {
    margin-top: -0.16rem;
    margin-bottom: -0.16rem;
}

.zgzj .list li {
    border-bottom: #c9c9c9 solid 1px;
}

.zgzj .list li:last-child {
    border: none;
}

.zgzj .list li a {
    display: block;
    padding: 0.16rem 0;
}

.zgzj .list li a .time {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.26rem;
}

.zgzj .list li a .name {
    font-size: 0.21rem;
    color: #4d4d4d;
    line-height: 0.36rem;
    -webkit-transition: color .5s;
    transition: color .5s;
    height: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.06rem;
}

.zgzj .list li a:hover .name {
    color: #df5a24;
}

.zgzj .img-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.zgzj .img-list li {
    width: 6.42rem;
    padding-top: 0.8rem;
}

.zgzj .img-list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.zgzj .img-list li a .zoomImg {
    width: 2.5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.zgzj .img-list li a .zoomImg img {
    height: 1.67rem;
}

.zgzj .img-list li a .bd {
    width: 100%;
    padding-left: 0.26rem;
}

.zgzj .img-list li a .bd .name {
    font-weight: 500;
    font-size: 0.21rem;
    color: #1a1a1a;
    line-height: 0.3rem;
    height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media screen and (min-width: 800px) {
    .zgzj .img-list li a .bd .name{width: 3.7rem}
}

.zgzj .img-list li a .bd .time {
    font-size: 0.16rem;
    color: #8e8e8e;
    margin-top: 0.5rem;
    -webkit-transition: color .5s;
    transition: color .5s;
    background: url(../images/arrow20-gay.png) right center no-repeat;
    background-size: 0.17rem;
}

.zgzj .img-list li a:hover .bd .time {
    color: #df5a24;
    background-image: url(../images/arrow20.png);
}

@media screen and (max-width: 800px) {
    .zgzj {
        padding: 0.3rem 0.3rem 0;
    }

    .zgzj .big-img {
        width: 100%;
    }

    .zgzj .big-img a .zoomImg img {
        height: 4.3rem;
    }

    .zgzj .big-img a .bd .tag {
        font-size: 0.22rem;
        height: 0.4rem;
    }

    .zgzj .big-img a .bd h5 {
        font-size: 0.26rem;
    }

    .zgzj .list {
        width: 100%;
        margin-top: 0.5rem;
    }

    .zgzj .list li a {
        padding: 0.2rem 0;
    }

    .zgzj .list li a .time {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .zgzj .list li a .name {
        font-size: 0.26rem;
    }

    .zgzj .img-list li {
        width: 100%;
        padding-top: 0.5rem;
    }

    .zgzj .img-list li a .bd .name {
        font-size: 0.26rem;
        height: 0.8rem;
        line-height: 0.4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .zgzj .img-list li a .bd .time {
        font-size: 0.24rem;
    }
}

.rcfz {
    background: #e6e6e6;
    min-height: 8.63rem;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    margin-bottom: -0.9rem;
    padding: 0.68rem 0.9rem;
}

.rcfz ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rcfz li {
    width: calc(33.333% - 0.23rem);
}

.rcfz li a,
.rcfz li .rcfzwrap {
    display: block;
    height: 6.66rem;
    border-radius: 0.15rem;
    color: #fff;
    position: relative;
    padding: 0.55rem 0.38rem;
    overflow: hidden;
}

.rcfz li a .bg,
.rcfz li .rcfzwrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    -webkit-transition: .5s;
    transition: .5s;
}

.rcfz li a h3,
.rcfz li a .content,
.rcfz li .rcfzwrap h3,.rcfz li .rcfzwrap .content {
    position: relative;
    z-index: 5;
}

.rcfz li a h3,
.rcfz li .rcfzwrap h3 {
    font-size: 0.24rem;
}

.rcfz li a .content,
.rcfz li .rcfzwrap .content  {
    font-size: 0.18rem;
    line-height: 0.28rem;
    margin-top: 0.75rem;
}

.rcfz li a .more,
.rcfz li .rcfzwrap .more {
    background: #fff url(../images/arrow19.png) center no-repeat;
    background-size: 0.19rem;
    width: 0.38rem;
    border-radius: 50%;
    height: 0.38rem;
    position: absolute;
    bottom: 0.26rem;
    left: 0.38rem;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0;
}

.rcfz li a:hover {
    box-shadow: 0 0.06rem 0.15rem rgba(0, 0, 0, .2);
}

.rcfz li a:hover .bg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.rcfz li a:hover .more,
.rcfz li .rcfzwrap .more:hover {
    background-color: #df5a24;
    background-image: url(../images/arrow20-white.png);
}


.rcfz li .rcfzwrap dd
{
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 0.25rem;
}

.rcfz li .rcfzwrap dl a
{
    height:auto;
    border-radius: 0rem;
    color: #fff;
    position: relative;
    padding: 0;
    line-height: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rcfz li .rcfzwrap dl
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.rcfz li .rcfzwrap dl a:hover
{
    box-shadow: none;
    opacity: 0.6;
}

@media screen and (max-width: 800px) {
    .rcfz {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding: 0.68rem 0.5rem;
    }

    .rcfz li {
        width: 100%;
        margin-top: 0.3rem;
    }

    .rcfz li:first-child {
        margin-top: 0;
    }

    .rcfz li a h3 {
        font-size: 0.32rem;
    }

    .rcfz li a .content {
        font-size: 0.24rem;
        line-height: .44rem;
        height: 3.96rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        margin-top: 0.3rem;
    }

    .rcfz li a .more {
        width: 0.52rem;
        height: 0.52rem;
        background-size: 0.24rem;
        bottom: 0.4rem;
    }
}

.page-nav {
    padding: 0 0 0.45rem 0;
    margin-top: -0.1rem;
}

.page-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.1rem;
}

.page-nav li {
    padding: 0 0.1rem;
}

.page-nav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.25rem;
    min-width: 1.23rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8b8b8b;
    height: 0.43rem;
    border: #bec0c3 solid 1px;
    border-radius: 0.3rem;
}

.page-nav li a:hover,
.page-nav li a.on {
    background: #df5a24;
    border-color: #df5a24;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .page-nav ul {
        margin-left: 0;
        margin-right: 0;
        flex-flow: wrap;
        gap: .2rem 0;
    }

    .page-nav li {
        padding: 0 0.1rem;
    }

    .page-nav li a {
        font-size: 0.24rem;
        padding: 0 0.18rem;
        height: 0.6rem;
    }
}

.page-box .page-nav {
    padding: 0;
    margin-top: 0;
}

.page-box .page-nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.5rem 0;
    margin-left: 0;
}

.page-nav2 {
    font-weight: bold;
    padding: 0.45rem 0.5rem;
    border-bottom: #e6e3e0 solid 1px;
}

.page-nav2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-nav2 li {
    font-size: 0.2rem;
    margin-right: 0.87rem;
}

.page-nav2 li:last-child {
    margin-right: 0;
}

.page-nav2 a {
    color: #8a8a8a;
}

.page-nav2 a:hover,
.page-nav2 a.on {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .page-nav2 {
        padding: 0 0 0.3rem 0.3rem;
    }

    .page-nav2 ul {
        margin-right: -0.2rem;
    }

    .page-nav2 li {
        padding-bottom: 0.15rem;
        font-size: 0.26rem;
        margin-right: 0.3rem;
    }
}

.zrbg {
    background: #e6e6e6 url(../images/zrbg-bg.jpg) center top no-repeat;
    background-size: 100%;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    margin-bottom: -0.9rem;
    padding: 0 0.9rem 0.9rem 0.9rem;
    min-height: 5rem; position: relative; z-index: 5;
}

.zrbg .content {
    font-size: 0.18rem;
    color: #4d4d4d;
    max-width: 9.2rem;
    line-height: 0.28rem;
    padding: 0 0 0.5rem 0;
    margin-top: -0.2rem;
}

.zrbg .more {
    padding-bottom: 0.9rem;
}

.zrbg .more a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.4rem;
    width: 1.65rem;
    height: 0.55rem;
    background: #df5a24;
    color: #fff;
    font-size: 0.18rem;
}

.zrbg .more a:after {
    content: "";
    display: block;
    margin-left: 0.08rem;
    background: url(../images/arrow20-white.png) center no-repeat;
    background-size: 100%;
    width: 0.17rem;
    height: 0.1rem;
}

.zrbg .more a:hover {
    background-color: #fff;
    color: #df5a24;
}

.zrbg .more a:hover:after {
    background-image: url(../images/arrow19.png);
}

.zrbg .images {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2.75rem;
}

.zrbg .images:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.9rem;
    right: -0.9rem;
    bottom: 1.35rem;
    height: 1px;
    background: #d3ceca;
}

.zrbg .images .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 35%;
    border: #fff solid 1px;
    background: #d8d8d8;
    color: #fff;
    font-size: 0.18rem;
}

.zrbg .images .arrow a:hover {
    background-color: #df5a24;
    color: #fff;
    border-color: #df5a24;
}

.zrbg .images .arrow a.prev {
    left: 0;
}

.zrbg .images .arrow a.prev:after {
    content: "";
}

.zrbg .images .arrow a.next {
    right: 0;
}

.zrbg .images .arrow a.next:after {
    content: "";
}

.zrbg .images #magazine {
    position: relative;
}

@media screen and (min-width: 800px) {
    .zrbg .images #magazine {
        height: 8rem;
    }
}

.zrbg .images #magazine .shadow {
    box-shadow: 0 0 0.2rem #ccc;
    -webkit-transition: .5s;
    transition: .5s;
}

.zrbg .images #magazine .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zrbg .images #magazine .even .gradient {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

.zrbg .images #magazine .odd .gradient {
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

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

.zrbg .list .list-wrapper {
    margin-right: -0.38rem;
}

.zrbg .list li {
    padding-right: 0.38rem;
}

.zrbg .list li a {
    display: block;
}
.zrbg .list li a img {
    height: 3.66rem;
}
@media screen and (max-width: 800px) {
    .zrbg .list li a img {
        height: 2.6rem;
    }
}

.zrbg .list li a .name {
    font-weight: 500;
    padding: 0.18rem 0 0.98rem 0;
    font-size: 0.18rem;
}

.zrbg .list .control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.zrbg .list .control .line {
    width: 100%;
    height: 0.02rem;
    background: rgba(33, 33, 33, .15);
    position: relative;
}

.zrbg .list .control .line:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    width: var(--w);
    background: #df5a24;
}

.zrbg .list .control .arrow {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.1rem;
}

.zrbg .list .control .arrow a {
    width: 0.46rem;
    height: 0.46rem;
    background: center no-repeat;
    background-size: 0.17rem;
    border-radius: 50%;
    margin-left: 0.15rem;
}

.zrbg .list .control .arrow a:hover {
    background-color: #df5a24;
}

.zrbg .list .control .arrow a.prev {
    background-image: url(../images/arrow20.png);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.zrbg .list .control .arrow a.prev:hover {
    background-image: url(../images/arrow20-white.png);
}

.zrbg .list .control .arrow a.next {
    background-image: url(../images/arrow20.png);
}

.zrbg .list .control .arrow a.next:hover {
    background-image: url(../images/arrow20-white.png);
}

@media screen and (max-width: 800px) {
    .zrbg {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 0 0.5rem 0.5rem 0.5rem;
    }

    .zrbg .page-title {
        font-size: 0.43rem;
    }

    .zrbg .content {
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .zrbg .more a {
        width: 2.23rem;
        height: 0.74rem;
        font-size: 0.24rem;
    }

    .zrbg .images {
        padding-bottom: 1.5rem;
    }

    .zrbg .images:after {
        left: -0.3rem;
        right: -0.3rem;
        bottom: 0.75rem;
    }

    .zrbg .images .arrow a.prev {
        left: -0.4rem;
    }

    .zrbg .images .arrow a.next {
        right: -0.4rem;
    }

    .zrbg .list .list-wrapper {
        margin-right: -0.3rem;
    }

    .zrbg .list li {
        padding-right: 0.3rem;
    }

    .zrbg .list li a .name {
        font-size: 0.24rem;
        padding: 0.18rem 0 0.5rem 0;
    }

    .zrbg .list .control .arrow a {
        background-size: 0.28rem;
    }
}

.speech {
    padding: 0.5rem 0.5rem 0;
}

@media screen and (max-width: 800px) {
    .speech {
        padding: 0.3rem 0.3rem 0;
    }
}

.speech li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.speech li .zoomImg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.05rem;
    border-radius: 0.1rem;
}

.speech li .bd {
    width: 100%;
    padding: 0 0 0 0.49rem;
}

.speech li .bd .title {
    border-bottom: #e6e3e0 solid 1px;
    font-size: 0.24rem;
    line-height: 0.34rem;
    padding-bottom: 0.24rem;
}

.speech li .bd .content {
    font-size: 0.16rem;
    color: #828282;
    line-height: 0.3rem;
    padding: 0.34rem 0 0 0; text-align: justify;
}

.speech li .bd .content p {
    text-indent: 2em;
    padding-bottom: 1em;
}

.speech li .bd .name {
    text-align: right;
    font-size: 0.2rem;
    padding: 0.5rem 0 1rem 0;
    margin-left: auto;
    width: 2.83rem;
    position: relative;
}

.speech li .bd .name p {
    padding-bottom: 0.1rem;
}

@media screen and (max-width: 800px) {
    .speech li .bd {
        padding: 0 0 0.6rem 0.4rem;
        position: relative;
    }

    .speech li .bd .title {
        height: 4.06rem;
        font-size: 0.38rem;
        padding-top: 3.4rem;
    }

    .speech li .bd .content {
        margin-left: -3.45rem;
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .speech li .bd .name {
        position: absolute;
        left: 0.4rem;
        top: 0.5rem;
        font-size: 0.22rem;
        right: 0;
        padding: 0;
    }
}

.leaders {
    max-width: 12rem;
    padding: 0.15rem 0 0 0;
    margin: 0 auto;
}

.leaders ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.leaders li {
    width: 25%;
    padding: 0 0.55rem 0.65rem 0.55rem;
    text-align: center;
}

.leaders li .zoomImg {
    border-radius: 0.1rem;
}

.leaders li .name h5 {
    font-size: 0.3rem;
    color: #000;
    font-weight: 400;
    padding: 0.25rem 0 0.1rem 0;
}

.leaders li .name p {
    font-size: 0.24rem;
    color: #4d4d4d;
}

@media screen and (max-width: 800px) {
    .leaders ul {
        margin-left: -0.1rem;
        margin-right: -0.1rem;
    }

    .leaders li {
        padding-left: 0.15rem;
        padding-right: 0.15rem;
    }
}

.group {
    padding: 0.5rem 0 0 0;
}

.contact .hd {
    border-bottom: #e3dfdb solid 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.57rem 0.55rem 0.4rem 0.55rem;
}

.contact .hd .logo {
    width: 0.46rem;
}

.contact .hd h2 {
    margin-left: 0.18rem;
    font-size: 0.24rem;
    font-weight: 400;
}

.contact .hd p {
    margin-left: auto;
    font-size: 0.21rem;
}

.contact .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact .list li {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 1rem 0;
}

.contact .list li .ico {
    width: 0.64rem;
}

.contact .list li .name {
    font-size: 0.16rem;
    color: #df5a24;
    line-height: 0.3rem;
    padding: 0.15rem 0 0.06rem 0;
}

.contact .list li p {
    font-size: 0.16rem;
    color: #231815;
    line-height: 0.3rem;
}

.contact .map {
    height: 6.38rem;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 800px) {
    .contact .hd {
        padding: 0.57rem 0.3rem 0.4rem 0.3rem;
    }

    .contact .hd .logo {
        width: 0.6rem;
    }

    .contact .hd h2 {
        font-size: 0.26rem;
    }

    .contact .hd p {
        font-size: 0.22rem;
    }

    .contact .list {
        padding: 0.5rem 0;
    }

    .contact .list li {
        width: 50%;
        padding: 0.3rem 0;
    }

    .contact .list li .name {
        font-size: 0.26rem;
    }

    .contact .list li p {
        font-size: 0.24rem;
    }

    .contact .map {
        height: 5rem;
        margin-left: -0.2rem;
        margin-right: -0.2rem;
    }
}

.news-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.news-swiper .list-wrapper {
    margin-left: -0.5rem;
}

.news-swiper li {
    padding: 0 0 0.52rem 0.5rem;
    position: relative;
}

.news-swiper li .zoomImg {
    display: block;
    border-radius: 0.1rem;
    width: 9.46rem;
}

.news-swiper li .zoomImg .bd {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.2rem 0.35rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-swiper li .zoomImg .bd .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #df5a24;
    color: #fff;
    border-radius: 0.1rem;
    height: 0.34rem;
    padding: 0 0.15rem;
    font-size: 0.18rem;
}

.news-swiper li .zoomImg .bd .tag img {
    width: 0.23rem;
    margin-right: 0.07rem;
}

.news-swiper li .zoomImg .bd .name {
    font-weight: bold;
    font-size: 0.21rem;
    line-height: 0.36rem;
    height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    margin-top: 0.08rem;
}

.news-swiper li > .bd {
    position: absolute;
    z-index: 5;
    right: 0.3rem;
    top: 0.45rem;
    width: 5.42rem;
    height: 4.39rem;
    color: #fff;
    border-radius: 0.1rem;
    background: #d35d23;
    padding: 0.45rem 0.48rem;
}

.news-swiper li > .bd .name {
    display: block;
    font-size: 0.21rem;
    color: #fff;
    line-height: 0.36rem;
    max-height: 1.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-swiper li > .bd p {
    font-size: 0.14rem;
    line-height: 0.24rem;
    max-height: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0.4rem;
}

.news-swiper li > .bd .more {
    position: absolute;
    left: 0.48rem;
    bottom: 0.55rem;
}

.news-swiper li > .bd .more a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 0.18rem;
}

.news-swiper li > .bd .more a:after {
    margin-left: 0.05rem;
    content: "";
    background: url(../images/arrow20-white.png) center no-repeat;
    background-size: 100%;
    width: 0.17rem;
    height: 0.1rem;
}

.news-swiper .arrow {
    position: absolute;
    z-index: 5;
    bottom: 1.45rem;
    right: 1.02rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.news-swiper .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 0.23rem;
    width: 0.36rem;
    height: 0.36rem;
    border: #fff solid 1px;
    opacity: .8;
    font-size: 0.2rem;
    color: #fff;
}

.news-swiper .arrow a:after {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.news-swiper .arrow a.prev:after {
    content: "";
}

.news-swiper .arrow a.next:after {
    content: "";
}

.news-swiper .arrow a:hover {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .news-swiper li .zoomImg {
        width: 100%;
    }

    .news-swiper li .zoomImg img {
        height: 4rem;
    }

    .news-swiper li .zoomImg .bd .tag {
        height: 0.44rem;
        font-size: 0.22rem;
    }

    .news-swiper li .zoomImg .bd .tag img {
        height: auto;
    }

    .news-swiper li .zoomImg .bd .name {
        font-size: 0.26rem;
        line-height: 0.56rem;
        height: 0.56rem;
    }

    .news-swiper li > .bd {
        display: none;
    }

    .news-swiper .arrow {
        right: 0.4rem;
    }

    .news-swiper .arrow a {
        width: 0.48rem;
        height: 0.48rem;
        font-size: 0.24rem;
    }
}

.news-detail {
    padding: 0 1.2rem 1.2rem;
    position: relative;
}

.news-detail .title {
    text-align: center;
    font-weight: 800;
    font-size: 0.32rem;
    color: #333;
    line-height: 0.48rem;
    padding: 0.6rem 0 0.3rem 0;
}

.news-detail .info {
    padding-bottom: 0.18rem;
    font-size: 0.14rem;
    border-bottom: #e3dfdb solid 1px;
    color: #4d4d4d;
}

.news-detail .info dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-detail .info dd {
    padding: 0 0.15rem;
    position: relative;
    line-height: 1em;
}

.news-detail .info dd:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 0.15rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999;
}

.news-detail .info dd:last-child:after {
    display: none;
}

.news-detail .content {
    font-size: 0.2rem;
    color: #666;
    line-height: 1.8em;
    padding: 0.4rem 0 0 0;
}

.news-detail .content .img {
    max-width: 8rem;
    margin: 0 auto;
    text-align: center;
    padding: 0.4rem 0;
}

.news-detail .content .img .name {
    margin-top: 0.1rem;
}

.news-detail .content h2 {
    font-size: 1.5em;
}

.news-detail .content h3 {
    font-size: 1.3125em;
}

.news-detail .content h4 {
    font-size: 1.125em;
}

.news-detail .side {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 0.34rem;
}

.news-detail .side li {
    padding-bottom: 0.18rem;
    position: relative;
}

.news-detail .side li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-detail .side li > a .ico {
    border-radius: 50%;
    background: #f7f7f7;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}

.news-detail .side li > a .ico img {
    height: 0.34rem;
}

.news-detail .side li > a .ico img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.news-detail .side li > a .name {
    font-size: 0.14rem;
    color: #000;
    margin-top: 0.06rem;
}

.news-detail .side li .layer {
    position: absolute;
    width: 0.63rem;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin-top: -0.21rem;
    display: none;
}

.news-detail .side li .layer dd {
    width: 0.34rem;
    padding: 0.05rem 0;
}

.news-detail .side li .layer a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 0.34rem;
    border-radius: 50%;
    border: #c1c1c1 solid 1px;
    font-size: 0.16rem;
}

.news-detail .side li .layer a:hover,
.news-detail .side li .layer a.on {
    color: #df5a24;
    border-color: #df5a24;
}

.news-detail .side li .bdsharebuttonbox {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.news-detail .side li .bdsharebuttonbox a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.news-detail .side li:hover > a .ico {
    background: #df5a24;
}

.news-detail .side li:hover > a .ico img:nth-child(1) {
    opacity: 0;
}

.news-detail .side li:hover > a .ico img:nth-child(2) {
    opacity: 1;
}

.news-detail .side li:hover .layer {
    display: block;
}

.news-detail .side li.on > a .ico {
    background: #df5a24;
}

.news-detail .side li.on > a .ico img:nth-child(1) {
    opacity: 0;
}

.news-detail .side li.on > a .ico img:nth-child(2) {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .news-detail {
        padding: 0 0 1.2rem 0;
    }

    .news-detail .info {
        padding-bottom: 0.25rem;
        font-size: 0.2rem;
    }

    .news-detail .info dl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .news-detail .info dd {
        line-height: 1.6em;
    }

    .news-detail .content {
        font-size: 0.26rem;
        line-height: 1.8em;
    }

    .news-detail .side {
        display: none;
    }
}

.past-recommendation h2 {
    font-size: 0.24rem;
    color: #333;
    line-height: 0.36rem;
    padding: 1rem 0 0.3rem 0;
    border-bottom: #e3dfdb solid 1px;
}

.past-recommendation li {
    border-bottom: #e3dfdb solid 1px;
}

.past-recommendation li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.75rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 1.5em;
}

.past-recommendation li a .name {
    max-width: 80%;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.past-recommendation li a .time {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #666;
}

.past-recommendation li a:hover {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .past-recommendation h2 {
        font-size: 0.32rem;
    }

    .past-recommendation li a {
        font-size: 0.24rem;
        height: 1rem;
    }
}

.sjgx .title {
    padding: 0.55rem 0 0.5rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.sjgx .title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b34421;
    font-size: 0.18rem; margin-left: auto;
}

.sjgx .title .more:after {
    content: "";
    display: block;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    margin-left: 0.06rem;
}

.sjgx .title h2 {
    font-size: 0.24rem;
    line-height: 1em;
    color: #666;
}

@media screen and (max-width: 800px) {
    .sjgx .title {
        padding: 0.5rem 0 0.3rem 0;
    }

    .sjgx .title h2 {
        font-size: 0.32rem;
    }
    .sjgx .title .more{font-size: .24rem}
}

.sjgx .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -0.35rem;
    margin-left: -0.48rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sjgx .list li {
    width: 25%;
    padding: 0.35rem 0 0 0.48rem;
}

.sjgx .list li a {
    display: block;
    position: relative;
}

.sjgx .list li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    z-index: 5;
    background: #eceae8;
}

.sjgx .list li a .tag {
    position: absolute;
    z-index: 5;
    left: 0.15rem;
    top: 0.15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 0.34rem;
    background: #39b54a;
    border-radius: 0.3rem;
    padding: 0 0.15rem 0 0.1rem;
    font-size: 0.18rem;
}

.sjgx .list li a .tag img {
    width: 0.24rem;
    margin-right: 0.04rem;
}

.sjgx .list li a .tag.tag-sph {
    background: #fbb03b;
}

.sjgx .list li a .tag.tag-wb {
    background: #e05100;
}

.sjgx .list li a .zoomImg img {
    height: 2.2rem;
}

.sjgx .list li a .bd {
    min-height: 1.45rem;
    padding: 0.25rem;
    position: relative;
}

.sjgx .list li a .bd .name {
    font-weight: bold;
    font-size: 0.17rem;
    color: #4d4d4d;
    -webkit-transition: color .5s;
    transition: color .5s;
    line-height: 0.23rem;
    height: 0.69rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sjgx .list li a .bd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.25rem;
    bottom: 0.25rem;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow19.png) center no-repeat;
    background-size: 100%;
    opacity: 0;
}

.sjgx .list li a:hover {
    box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, .1);
}

.sjgx .list li a:hover:before {
    background: #df5a24;
}

.sjgx .list li a:hover .bd:before {
    opacity: 1;
}

.sjgx .list li a:hover .bd .name {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .sjgx .list ul {
        margin-top: -0.3rem;
        margin-left: -0.3rem;
    }

    .sjgx .list li {
        width: 50%;
        padding: 0.3rem 0 0 0.3rem;
    }

    .sjgx .list li a .tag {
        font-size: 0.22rem;
        height: 0.4rem;
    }

    .sjgx .list li a .bd {
        padding: 0.25rem 0;
        min-height: 0.1rem;
    }

    .sjgx .list li a .bd .name {
        font-size: 0.24rem;
        line-height: 0.34rem;
        height: 0.68rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.ztzl {
    padding: 0 0.5rem;
}

.ztzl ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -0.35rem;
    margin-left: -0.6rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ztzl li {
    width: 33.333%;
    padding: 0.35rem 0 0 0.6rem;
}

.ztzl li a {
    display: block;
    position: relative;
}

.ztzl li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    z-index: 5;
    background: #eceae8;
}

.ztzl li a .zoomImg img {
    height: 1.95rem; object-fit: fill;
}
@media screen and (max-width: 800px) {
    .ztzl li a .zoomImg img {
        height: 1.35rem;
    }
}

.ztzl li a .bd {
    min-height: 1.31rem;
    padding: 0.25rem;
    position: relative;
}

.ztzl li a .bd .name {
    font-weight: bold;
    font-size: 0.17rem;
    color: #4d4d4d;
    -webkit-transition: color .5s;
    transition: color .5s;
    line-height: 0.23rem;
    height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ztzl li a .bd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0.25rem;
    bottom: 0.25rem;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow19.png) center no-repeat;
    background-size: 100%;
    opacity: 0;
}

.ztzl li a:hover {
    box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, .1);
}

.ztzl li a:hover:before {
    background: #df5a24;
}

.ztzl li a:hover .bd:before {
    opacity: 1;
}

.ztzl li a:hover .bd .name {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .ztzl ul {
        margin-top: -0.3rem;
        margin-left: -0.3rem;
    }

    .ztzl li {
        width: 50%;
        padding: 0.3rem 0 0 0.3rem;
    }

    .ztzl li a .bd {
        padding: 0.25rem 0;
        min-height: 0.1rem;
    }

    .ztzl li a .bd .name {
        font-size: 0.24rem;
        line-height: 0.34rem;
        height: 0.68rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.jjtz .page-title {
    color: #fff;
    padding-bottom: 0.3rem;
}

.jjtz .content {
    font-size: 0.18rem;
    max-width: 8.45rem;
    color: #fff;
    line-height: 0.28rem;
    padding: 0 0 0.8rem 0;
}

.jjtz .page-box {
    padding: 0 0.5rem;
}

.jjtz .title {
    border-bottom: #e3dfdb solid 1px;
    padding: 0.48rem 0 0.32rem 0;
    font-size: 0.24rem;
    color: #000;
}

.jjtz .list {
    padding-top: 0.6rem;
}

.jjtz .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4d4d4d;
    position: relative;
    padding-bottom: 0.45rem;
}

.jjtz .list li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 2.2rem;
    right: 0;
    bottom: 0.22rem;
    height: 1px;
    background: #d9d4d1;
}

.jjtz .list li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0.45rem;
    right: 0;
    width: 0.36rem;
    background: url(../images/arrow36.png) center no-repeat;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.jjtz .list li a .zoomImg {
    width: 1.78rem;
    border-radius: 0.1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.42rem;
}

.jjtz .list li a .bd {
    width: 100%;
    padding-right: 1.8rem;
}

.jjtz .list li a .bd .name {
    font-size: 0.2rem;
}

.jjtz .list li a .bd p {
    font-size: 0.14rem;
    color: #959595;
    line-height: 0.24rem;
    height: 0.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.13rem;
}

@media screen and (min-width: 800px) {
    .jjtz .list li a:hover {
        color: #df5a24;
    }

    .jjtz .list li a:hover:before {
        background: #df5a24;
    }

    .jjtz .list li a:hover:after {
        opacity: 1;
    }
}

.jjtz .list li:last-child a:before {
    display: none;
}

@media screen and (max-width: 800px) {
    .jjtz .content {
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .jjtz .title {
        font-size: 0.32rem;
    }

    .jjtz .list {
        padding-top: 0.4rem;
    }

    .jjtz .list li a:before {
        left: 2.3rem;
    }

    .jjtz .list li a .zoomImg {
        width: 2rem;
        margin-right: 0.3rem;
    }

    .jjtz .list li a .bd {
        padding-right: 0;
    }

    .jjtz .list li a .bd .name {
        font-size: 0.26rem;
    }

    .jjtz .list li a .bd p {
        font-size: 0.2rem;
        line-height: 0.32rem;
        height: 0.64rem;
    }
}

.xxgk {
    font-size: 0.16rem;
    color: #828282;
    line-height: 0.3rem;
    padding: 0.4rem 0 1.2rem 0;
}

@media screen and (max-width: 800px) {
    .xxgk {
        font-size: 0.26rem;
        line-height: 1.8em;
    }
}

.ddjs {
    background: #e6e6e6;
    min-height: 5rem;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    margin-bottom: -0.9rem;
    padding: 0.55rem 0.9rem 0.9rem;
}

.ddjs .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.98rem;
    border-bottom: #b2b2b2 solid 1px;
}

.ddjs .title h2 {
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.3rem;
    line-height: 1em;
}

.ddjs .title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b34421;
    font-size: 0.18rem;
}

.ddjs .title .more:after {
    content: "";
    display: block;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    margin-left: 0.06rem;
}

@media screen and (max-width: 800px) {
    .ddjs .title {
        height: 1.2rem;
    }

    .ddjs .title h2 {
        font-size: 0.32rem;
        font-weight: 500;
    }

    .ddjs .title .more {
        font-size: 0.24rem;
    }

    .ddjs .title .more:after {
        width: 0.24rem;
    }
}

.ddjs .title-2 {
    border-bottom: 0;
    margin-top: 0.4rem;
    padding-left: 0.4rem;
}

.ddjs .djkk {
    width: 9.7rem;
    min-height: 5.47rem;
    background: url(../images/img994.jpg) center no-repeat;
    background-size: cover;
    border-radius: 0.1rem;
    border-top: #b34421 solid 0.04rem;
    padding: 0 0.4rem;
}

.ddjs .djkk .content {
    font-size: 0.16rem;
    color: #4d4d4d;
    line-height: 0.3rem;
    padding-top: 0.3rem;
}

.ddjs .djkk dl {
    margin: 0 auto;
    border-bottom: #b1b0af solid 1px;
    width: 6.55rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ddjs .djkk dl dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.9rem;
    padding-top: 0.2rem;
    font-size: 0.2rem;
    color: #4d4d4d;
}

.ddjs .djkk dl dd span {
    font-size: 0.72rem;
    color: #c91c24;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    margin: 0 0.08rem;
}

.ddjs .djzt {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
}

.ddjs .djzt .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ddjs .djzt li {
    padding: 0.1rem 0.25rem 0.5rem 0.25rem;
}

.ddjs .djzt li a {
    display: block;
    border-radius: 0.15rem;
    box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, .1);
}
.ddjs .djzt li a img {
    height: 1.93rem;
}
@media screen and (max-width: 800px) {
    .ddjs .djzt li a img {
        height: 2.6rem;
    }
}

.ddjs .djzt .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
    font-size: 0.24rem;
    top: 38%;
}

.ddjs .djzt .arrow a.prev {
    left: -0.1rem;
}

.ddjs .djzt .arrow a.prev:after {
    content: "";
}

.ddjs .djzt .arrow a.next {
    right: -0.1rem;
}

.ddjs .djzt .arrow a.next:after {
    content: "";
}

.ddjs .list-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ddjs .list-row .list {
    width: 4.6rem;
    background: #fff url(../images/bg6.jpg) center bottom no-repeat;
    background-size: 100%;
    border-radius: 0.1rem;
    min-height: 2rem;
    padding: 0 0.4rem 0.1rem 0.4rem;
    border-top: #b34421 solid 0.04rem;
}

.ddjs .list-row .list li {
    border-bottom: #ddd solid 1px;
}

.ddjs .list-row .list li:last-child {
    border-bottom: none;
}

.ddjs .list-row .list li a {
    display: block;
    padding: 0.2rem 0;
    position: relative;
}

.ddjs .list-row .list li a .time {
    font-size: 0.16rem;
    color: #666;
    -webkit-transition: color .5s;
    transition: color .5s;
}

.ddjs .list-row .list li a .name {
    font-size: 0.21rem;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.1rem;
}

@media screen and (max-width: 800px) {
    .ddjs .list-row .list li a .time {
        font-size: 0.24rem;
    }

    .ddjs .list-row .list li a .name {
        font-size: 0.24rem;
        line-height: 0.34rem;
        height: 0.68rem;
    }
}

.ddjs .list-row .list li a:hover .time {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .ddjs {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 0.5rem;
    }

    .ddjs .title h2 {
        font-size: 0.36rem;
        font-weight: 500;
    }

    .ddjs .title .more {
        font-size: 0.22rem;
    }

    .ddjs .djkk {
        width: 100%;
        padding-bottom: 0.8rem;
    }

    .ddjs .djkk .content {
        width: 100%;
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .ddjs .djkk dl {
        width: 90%;
    }

    .ddjs .djkk dl dd {
        font-size: 0.24rem;
    }

    .ddjs .djzt {
        margin-right: 0;
        margin-left: 0;
    }

    .ddjs .list-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ddjs .list-row .list {
        width: 100%;
        margin-top: 0.4rem;
    }

    .ddjs .list-row .list:first-child {
        margin-top: 0;
    }

    .ddjs .list-row .list li a {
        font-size: 0.24rem;
        line-height: 0.44rem;
    }

    .ddjs .list-row .list li a .time {
        font-size: 0.24rem;
    }

    .ddjs .list-row .list li a .name {
        height: 0.88rem;
    }
}

.business {
    margin-bottom: -0.9rem;
}

@media screen and (min-width: 800px) {
    .business {
        height: 13.1rem;
        position: relative;
        background: #e6e6e6;
        margin-right: -0.9rem;
        margin-left: -0.9rem;
    }

    .business .list {
        width: 7.64rem;
        height: 7.64rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3.82rem;
        margin-top: -3.82rem;
        background: url(../images/img764.png) center no-repeat;
        background-size: 100% 100%;
    }

    .business .list li {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1px;
        height: 1px;
    }

    .business .list li .dot {
        border-radius: 50%;
        width: 0.28rem;
        height: 0.28rem;
        background: #be5c25;
        position: absolute;
        left: 50%;
        margin-left: -0.14rem;
        margin-top: -3.95rem;
        -webkit-transform-origin: center 3.95rem;
        -ms-transform-origin: center 3.95rem;
        transform-origin: center 3.95rem;
    }

    .business .list li .dot i {
        border-radius: 50%;
        background: #be5c25;
        width: 1rem;
        height: 1rem;
        margin-left: -0.5rem;
        margin-top: -0.5rem;
        pointer-events: none;
        opacity: 0;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
    }

    .business .list li .ico {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 0.76rem;
        height: 0.76rem;
        background: #fff;
        border-radius: 50%;
        margin-left: -0.38rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -2.98rem;
        -webkit-transform-origin: center 2.98rem;
        -ms-transform-origin: center 2.98rem;
        transform-origin: center 2.98rem;
    }

    .business .list li .ico i {
        border-radius: 50%;
        background: #fff;
        width: 2rem;
        height: 2rem;
        margin-left: -1rem;
        margin-top: -1rem;
        pointer-events: none;
        opacity: 0;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
    }

    .business .list li .ico img {
        width: 1.2rem;
        max-width: 1.2rem;
        position: relative;
        z-index: 5;
        pointer-events: none;
    }

    .business .list li .bd {
        position: absolute;
        width: 2.1rem;
    }

    .business .list li .bd h5 {
        font-weight: bold;
        font-size: 0.24rem;
        color: #4d4d4d;
        -webkit-transition: color .5s;
        transition: color .5s;
    }

    .business .list li .bd p {
        font-size: 0.16rem;
        color: gray;
        line-height: 0.28rem;
        margin-top: 0.16rem;
        height: 0.84rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .business .list li:hover .dot i,
    .business .list li:hover .ico i {
        -webkit-animation: scaleAnima 3s linear infinite;
        animation: scaleAnima 3s linear infinite;
    }

    .business .list li:hover .dot i:nth-child(1),
    .business .list li:hover .ico i:nth-child(1) {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .business .list li:hover .dot i:nth-child(2),
    .business .list li:hover .ico i:nth-child(2) {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }

    .business .list li:hover .dot i:nth-child(3),
    .business .list li:hover .ico i:nth-child(3) {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    .business .list li:hover .bd h5 {
        color: #df5a24;
    }

    .business .list li:nth-child(1) .dot,
    .business .list li:nth-child(1) .ico {
        -webkit-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }

    .business .list li:nth-child(1) .ico img {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .business .list li:nth-child(2) .dot,
    .business .list li:nth-child(2) .ico {
        -webkit-transform: rotate(-32.7272727273deg);
        -ms-transform: rotate(-32.7272727273deg);
        transform: rotate(-32.7272727273deg);
    }

    .business .list li:nth-child(2) .ico img {
        -webkit-transform: rotate(32.7272727273deg);
        -ms-transform: rotate(32.7272727273deg);
        transform: rotate(32.7272727273deg);
    }

    .business .list li:nth-child(3) .dot,
    .business .list li:nth-child(3) .ico {
        -webkit-transform: rotate(-65.4545454545deg);
        -ms-transform: rotate(-65.4545454545deg);
        transform: rotate(-65.4545454545deg);
    }

    .business .list li:nth-child(3) .ico img {
        -webkit-transform: rotate(65.4545454545deg);
        -ms-transform: rotate(65.4545454545deg);
        transform: rotate(65.4545454545deg);
    }

    .business .list li:nth-child(4) .dot,
    .business .list li:nth-child(4) .ico {
        -webkit-transform: rotate(-98.1818181818deg);
        -ms-transform: rotate(-98.1818181818deg);
        transform: rotate(-98.1818181818deg);
    }

    .business .list li:nth-child(4) .ico img {
        -webkit-transform: rotate(98.1818181818deg);
        -ms-transform: rotate(98.1818181818deg);
        transform: rotate(98.1818181818deg);
    }

    .business .list li:nth-child(5) .dot,
    .business .list li:nth-child(5) .ico {
        -webkit-transform: rotate(-130.9090909091deg);
        -ms-transform: rotate(-130.9090909091deg);
        transform: rotate(-130.9090909091deg);
    }

    .business .list li:nth-child(5) .ico img {
        -webkit-transform: rotate(130.9090909091deg);
        -ms-transform: rotate(130.9090909091deg);
        transform: rotate(130.9090909091deg);
    }

    .business .list li:nth-child(6) .dot,
    .business .list li:nth-child(6) .ico {
        -webkit-transform: rotate(-163.6363636364deg);
        -ms-transform: rotate(-163.6363636364deg);
        transform: rotate(-163.6363636364deg);
    }

    .business .list li:nth-child(6) .ico img {
        -webkit-transform: rotate(163.6363636364deg);
        -ms-transform: rotate(163.6363636364deg);
        transform: rotate(163.6363636364deg);
    }

    .business .list li:nth-child(7) .dot,
    .business .list li:nth-child(7) .ico {
        -webkit-transform: rotate(-196.3636363636deg);
        -ms-transform: rotate(-196.3636363636deg);
        transform: rotate(-196.3636363636deg);
    }

    .business .list li:nth-child(7) .ico img {
        -webkit-transform: rotate(196.3636363636deg);
        -ms-transform: rotate(196.3636363636deg);
        transform: rotate(196.3636363636deg);
    }

    .business .list li:nth-child(8) .dot,
    .business .list li:nth-child(8) .ico {
        -webkit-transform: rotate(-229.0909090909deg);
        -ms-transform: rotate(-229.0909090909deg);
        transform: rotate(-229.0909090909deg);
    }

    .business .list li:nth-child(8) .ico img {
        -webkit-transform: rotate(229.0909090909deg);
        -ms-transform: rotate(229.0909090909deg);
        transform: rotate(229.0909090909deg);
    }

    .business .list li:nth-child(9) .dot,
    .business .list li:nth-child(9) .ico {
        -webkit-transform: rotate(-261.8181818182deg);
        -ms-transform: rotate(-261.8181818182deg);
        transform: rotate(-261.8181818182deg);
    }

    .business .list li:nth-child(9) .ico img {
        -webkit-transform: rotate(261.8181818182deg);
        -ms-transform: rotate(261.8181818182deg);
        transform: rotate(261.8181818182deg);
    }

    .business .list li:nth-child(10) .dot,
    .business .list li:nth-child(10) .ico {
        -webkit-transform: rotate(-294.5454545455deg);
        -ms-transform: rotate(-294.5454545455deg);
        transform: rotate(-294.5454545455deg);
    }

    .business .list li:nth-child(10) .ico img {
        -webkit-transform: rotate(294.5454545455deg);
        -ms-transform: rotate(294.5454545455deg);
        transform: rotate(294.5454545455deg);
    }

    .business .list li:nth-child(11) .dot,
    .business .list li:nth-child(11) .ico {
        -webkit-transform: rotate(-327.2727272727deg);
        -ms-transform: rotate(-327.2727272727deg);
        transform: rotate(-327.2727272727deg);
    }

    .business .list li:nth-child(11) .ico img {
        -webkit-transform: rotate(327.2727272727deg);
        -ms-transform: rotate(327.2727272727deg);
        transform: rotate(327.2727272727deg);
    }

    .business .list li:nth-child(8) .dot,
    .business .list li:nth-child(8) .dot i,
    .business .list li:nth-child(9) .dot,
    .business .list li:nth-child(9) .dot i,
    .business .list li:nth-child(10) .dot,
    .business .list li:nth-child(10) .dot i {
        background: #2c729b;
    }

    .business .list li:nth-child(11) .dot,
    .business .list li:nth-child(11) .dot i {
        background: #c24b49;
    }

    .business .list li:nth-child(1) .bd {
        left: -0.96rem;
        top: -5.9rem;
    }

    .business .list li:nth-child(2) .bd {
        left: -4.53rem;
        top: -4.8rem;
    }

    .business .list li:nth-child(3) .bd {
        left: -6.42rem;
        top: -2.35rem;
    }

    .business .list li:nth-child(4) .bd {
        left: -6.88rem;
        top: 0;
    }

    .business .list li:nth-child(5) .bd {
        left: -5.87rem;
        top: 2.09rem;
    }

    .business .list li:nth-child(6) .bd {
        left: -2.98rem;
        top: 3.87rem;
    }

    .business .list li:nth-child(7) .bd {
        left: 1rem;
        top: 4.2rem;
    }

    .business .list li:nth-child(8) .bd {
        left: 3.9rem;
        top: 2.3rem;
    }

    .business .list li:nth-child(9) .bd {
        left: 4.55rem;
        top: -0.18rem;
    }

    .business .list li:nth-child(10) .bd {
        left: 4.25rem;
        top: -2.38rem;
    }

    .business .list li:nth-child(11) .bd {
        left: 2.45rem;
        top: -5.15rem;
    }
}

@media screen and (max-width: 800px) {
    .business {
        background: #e6e6e6;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 1rem 0.5rem;
    }

    .business .list ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -0.5rem;
        margin-left: -0.25rem;
        margin-right: -0.25rem;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .business .list li {
        width: 50%;
        padding: 0.5rem 0.15rem 0 0.15rem;
    }

    .business .list li .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .business .list li .ico {
        width: 1.4rem;
        height: 1.4rem;
        background: #fff;
        border-radius: 50%;
    }

    .business .list li .bd h5 {
        font-size: 0.28rem;
        padding: 0.15rem 0 0.1rem 0;
    }

    .business .list li .bd p {
        font-size: 0.22rem;
        line-height: 1.6em;
    }
}

@media screen and (min-width: 800px) {
    .business222 {
        height: 14.45rem;
        position: relative;
        background: #e6e6e6;
        margin-right: -0.9rem;
        margin-left: -0.9rem;
    }

    .business222 .list {
        width: 8.66rem;
        height: 8.66rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4.33rem;
        margin-top: -4.33rem;
        background: url(../images/img866.png) center no-repeat;
        background-size: 100% 100%;
    }

    .business222 .list li {
        width: 1px;
        height: 1px;
        position: absolute;
        left: 50%;
        top: 0.3rem;
        -webkit-transform-origin: 0 4.03rem;
        -ms-transform-origin: 0 4.03rem;
        transform-origin: 0 4.03rem;
    }

    .business222 .list li .item {
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 1px;
    }

    .business222 .list li .item:hover .bd h5 {
        color: #df5a24;
    }

    .business222 .list li .ico {
        width: 1.76rem;
        height: 1.76rem;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url(../images/img176_1.png) center no-repeat;
        background-size: 100% 100%;
        display: block;
    }

    .business222 .list li .bd {
        width: 2.1rem;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .business222 .list li .bd h5 {
        font-size: 0.24rem;
        line-height: 1.3em;
        color: #4d4d4d;
        -webkit-transition: color .5s;
        transition: color .5s;
    }

    .business222 .list li .bd p {
        font-size: 0.14rem;
        color: #8f8f8f;
        line-height: 0.24rem;
        text-align: justify;
        margin-top: 0.1rem;
    }

    .business222 .list li:nth-child(1) {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .business222 .list li:nth-child(1) .item {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .business222 .list li:nth-child(2) {
        -webkit-transform: rotate(-32deg);
        -ms-transform: rotate(-32deg);
        transform: rotate(-32deg);
    }

    .business222 .list li:nth-child(2) .item {
        -webkit-transform: rotate(32deg);
        -ms-transform: rotate(32deg);
        transform: rotate(32deg);
    }

    .business222 .list li:nth-child(3) {
        -webkit-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        transform: rotate(-65deg);
    }

    .business222 .list li:nth-child(3) .item {
        -webkit-transform: rotate(65deg);
        -ms-transform: rotate(65deg);
        transform: rotate(65deg);
    }

    .business222 .list li:nth-child(4) {
        -webkit-transform: rotate(-98deg);
        -ms-transform: rotate(-98deg);
        transform: rotate(-98deg);
    }

    .business222 .list li:nth-child(4) .item {
        -webkit-transform: rotate(98deg);
        -ms-transform: rotate(98deg);
        transform: rotate(98deg);
    }

    .business222 .list li:nth-child(5) {
        -webkit-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }

    .business222 .list li:nth-child(5) .item {
        -webkit-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        transform: rotate(130deg);
    }

    .business222 .list li:nth-child(6) {
        -webkit-transform: rotate(-163deg);
        -ms-transform: rotate(-163deg);
        transform: rotate(-163deg);
    }

    .business222 .list li:nth-child(6) .item {
        -webkit-transform: rotate(163deg);
        -ms-transform: rotate(163deg);
        transform: rotate(163deg);
    }

    .business222 .list li:nth-child(7) {
        -webkit-transform: rotate(-196deg);
        -ms-transform: rotate(-196deg);
        transform: rotate(-196deg);
    }

    .business222 .list li:nth-child(7) .item {
        -webkit-transform: rotate(196deg);
        -ms-transform: rotate(196deg);
        transform: rotate(196deg);
    }

    .business222 .list li:nth-child(8) {
        -webkit-transform: rotate(-229deg);
        -ms-transform: rotate(-229deg);
        transform: rotate(-229deg);
    }

    .business222 .list li:nth-child(8) .item {
        -webkit-transform: rotate(229deg);
        -ms-transform: rotate(229deg);
        transform: rotate(229deg);
    }

    .business222 .list li:nth-child(9) {
        -webkit-transform: rotate(-261deg);
        -ms-transform: rotate(-261deg);
        transform: rotate(-261deg);
    }

    .business222 .list li:nth-child(9) .item {
        -webkit-transform: rotate(261deg);
        -ms-transform: rotate(261deg);
        transform: rotate(261deg);
    }

    .business222 .list li:nth-child(10) {
        -webkit-transform: rotate(-294deg);
        -ms-transform: rotate(-294deg);
        transform: rotate(-294deg);
    }

    .business222 .list li:nth-child(10) .item {
        -webkit-transform: rotate(294deg);
        -ms-transform: rotate(294deg);
        transform: rotate(294deg);
    }

    .business222 .list li:nth-child(11) {
        -webkit-transform: rotate(-327deg);
        -ms-transform: rotate(-327deg);
        transform: rotate(-327deg);
    }

    .business222 .list li:nth-child(11) .item {
        -webkit-transform: rotate(327deg);
        -ms-transform: rotate(327deg);
        transform: rotate(327deg);
    }

    .business222 .list li:nth-child(8) .ico,
    .business222 .list li:nth-child(9) .ico,
    .business222 .list li:nth-child(10) .ico {
        background-image: url(../images/img176_2.png);
    }

    .business222 .list li:nth-child(11) .ico {
        background-image: url(../images/img176_3.png);
    }

    .business222 .list li:nth-child(1) .bd {
        left: -0.9rem;
        top: -2.52rem;
    }

    .business222 .list li:nth-child(2) .bd {
        left: -3.1rem;
        top: -2rem;
    }

    .business222 .list li:nth-child(3) .bd {
        left: -3.45rem;
        top: -0.9rem;
    }

    .business222 .list li:nth-child(4) .bd {
        left: -3.58rem;
        top: -0.8rem;
    }

    .business222 .list li:nth-child(5) .bd {
        left: -3.5rem;
        top: -0.75rem;
    }

    .business222 .list li:nth-child(6) .bd {
        left: -3.2rem;
        top: 0;
    }

    .business222 .list li:nth-child(7) .bd {
        left: 1.1rem;
        top: 0;
    }

    .business222 .list li:nth-child(8) .bd {
        left: 1.5rem;
        top: -0.75rem;
    }

    .business222 .list li:nth-child(9) .bd {
        left: 1.35rem;
        top: -0.8rem;
    }

    .business222 .list li:nth-child(10) .bd {
        left: 1.28rem;
        top: -0.9rem;
    }

    .business222 .list li:nth-child(11) .bd {
        left: 1.15rem;
        top: -2rem;
    }
}

@media screen and (max-width: 800px) {
    .business222 {
        background: #e6e6e6;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 1rem 0.5rem;
    }

    .business222 .list ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -0.5rem;
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }

    .business222 .list li {
        width: 50%;
        padding: 0.5rem 0.15rem 0 0.15rem;
    }

    .business222 .list li .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .business222 .list li .ico {
        width: 1.4rem;
        height: 1.4rem;
        background: url(../images/img176_1.png) center no-repeat;
        background-size: 100% 100%;
    }

    .business222 .list li .bd h5 {
        font-size: 0.28rem;
        padding: 0.15rem 0 0.1rem 0;
    }

    .business222 .list li .bd p {
        font-size: 0.22rem;
        line-height: 1.6em;
    }

    .business222 .list li:nth-child(8) .ico,
    .business222 .list li:nth-child(9) .ico,
    .business222 .list li:nth-child(10) .ico {
        background-image: url(../images/img176_2.png);
    }

    .business222 .list li:nth-child(11) .ico {
        background-image: url(../images/img176_3.png);
    }
}

.rmzx {
    background: #e6e6e6;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    margin-bottom: -0.9rem;
    padding: 0.75rem 0.72rem;
    min-height: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 800px) {
    .rmzx {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 0.5rem;
    }
}

.rmzx .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0.98rem;
}

.rmzx .title h2 {
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.3rem;
    line-height: 1em;
}

.rmzx .title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b34421;
    font-size: 0.18rem;
}

.rmzx .title .more:after {
    content: "";
    display: block;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    margin-left: 0.06rem;
}

@media screen and (max-width: 800px) {
    .rmzx .title {
        height: 1.2rem;
    }

    .rmzx .title h2 {
        font-size: 0.32rem;
        font-weight: 500;
    }

    .rmzx .title .more {
        font-size: 0.24rem;
    }

    .rmzx .title .more:after {
        width: 0.24rem;
    }
}

@media screen and (min-width: 800px) {
    .rmzx .part1 .list ul,
    .rmzx .part2 .list ul {
        margin-top: -0.2rem;
        margin-bottom: -0.2rem;
    }
}

.rmzx .part1 .list li,
.rmzx .part2 .list li {
    border-bottom: #ddd solid 1px;
}

.rmzx .part1 .list li:last-child,
.rmzx .part2 .list li:last-child {
    border-bottom: none;
}

.rmzx .part1 .list li a,
.rmzx .part2 .list li a {
    display: block;
    padding: 0.2rem 0;
    position: relative;
}

.rmzx .part1 .list li a .time,
.rmzx .part2 .list li a .time {
    font-size: 0.16rem;
    color: #666;
    -webkit-transition: color .5s;
    transition: color .5s;
}

.rmzx .part1 .list li a .name,
.rmzx .part2 .list li a .name {
    font-size: 0.21rem;
    line-height: 0.36rem;
    height: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.1rem;
}

@media screen and (max-width: 800px) {
    .rmzx .part1 .list li a .time,
    .rmzx .part2 .list li a .time {
        font-size: 0.24rem;
    }

    .rmzx .part1 .list li a .name,
    .rmzx .part2 .list li a .name {
        font-size: 0.24rem;
        line-height: 0.34rem;
        height: 0.68rem;
    }
}

.rmzx .part1 .list li a:hover .time,
.rmzx .part2 .list li a:hover .time {
    color: #df5a24;
}

.rmzx .part1 {
    background: #fff;
    border-radius: 0.1rem;
    min-height: 2rem;
    padding: 0 0.4rem 0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: #b34421 solid 0.04rem;
}

.rmzx .part1 .title {
    width: 100%;
}

.rmzx .part1 .big-img {
    width: 9.46rem;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
}

.rmzx .part1 .big-img li a {
    display: block;
    border-radius: 0.1rem;
}

.rmzx .part1 .big-img li a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.8rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.rmzx .part1 .big-img li a img {
    height: 5.3rem;
}

.rmzx .part1 .big-img li a .bd {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.2rem 0.35rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rmzx .part1 .big-img li a .bd .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #df5a24;
    color: #fff;
    border-radius: 0.1rem;
    height: 0.34rem;
    padding: 0 0.15rem;
    font-size: 0.18rem;
}

.rmzx .part1 .big-img li a .bd .name {
    font-weight: bold;
    font-size: 0.21rem;
    line-height: 0.36rem;
    height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    padding-right: 1.7rem;
}

.rmzx .part1 .big-img .dots-wrapper {
    position: absolute;
    z-index: 5;
    right: 0.27rem;
    bottom: 0.33rem;
}

.rmzx .part1 .big-img .dots-wrapper .dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.rmzx .part1 .big-img .dots-wrapper span {
    border-radius: 50%;
    margin-left: 0.08rem;
    width: 0.12rem;
    height: 0.12rem;
    background: #fff;
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s;
}

.rmzx .part1 .big-img .dots-wrapper span.on {
    opacity: 1;
    background: #df5a24;
}

.rmzx .part1 .big-img .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.2rem;
    color: #fff;
    background: rgba(0, 0, 0, .35);
    font-weight: bold;
}

.rmzx .part1 .big-img .arrow a:after {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.rmzx .part1 .big-img .arrow a:hover {
    background: #df5a24;
}

.rmzx .part1 .big-img .arrow a.prev {
    left: 0.2rem;
}

.rmzx .part1 .big-img .arrow a.prev:after {
    content: "";
}

.rmzx .part1 .big-img .arrow a.next {
    right: 0.2rem;
}

.rmzx .part1 .big-img .arrow a.next:after {
    content: "";
}

.rmzx .part1 .big-img .arrow a:hover {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .rmzx .part1 .big-img .arrow {
        right: 0.4rem;
    }

    .rmzx .part1 .big-img .arrow a {
        width: 0.52rem;
        height: 0.52rem;
        font-size: 0.24rem;
    }
}

.rmzx .part1 .list {
    width: 4.1rem;
}

@media screen and (max-width: 800px) {
    .rmzx .part1 {
        padding: 0 0.3rem 0.3rem;
    }

    .rmzx .part1 .big-img {
        width: 100%;
    }

    .rmzx .part1 .big-img li a img {
        height: 3.6rem;
    }

    .rmzx .part1 .big-img li a .bd .tag {
        padding: 0 0.2rem;
        font-size: 0.2rem;
        height: 0.44rem;
    }

    .rmzx .part1 .big-img li a .bd .name {
        font-size: 0.24rem;
        height: 0.48rem;
        line-height: 0.48rem;
    }

    .rmzx .part1 .list {
        width: 100%;
    }
}

.rmzx .part2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rmzx .part2 .item {
    background: #fff url(../images/bg6.jpg) right bottom no-repeat;
    background-size: 100%;
    border-radius: 0.1rem;
    min-height: 2rem;
    padding: 0 0.4rem 0.3rem 0.4rem;
    margin-top: 0.6rem;
    width: calc(33.333% - 0.4rem);
    border-top: #b34421 solid 0.04rem;
}

.rmzx .part2 .title {
    border-bottom: #b2b2b2 solid 1px;
    margin-bottom: 0.2rem;
}

@media screen and (max-width: 800px) {
    .rmzx .part2 .item {
        padding: 0 0.3rem 0.3rem;
        width: 100%;
        margin-top: 0.5rem;
    }

    .rmzx .part2 .list {
        padding: 0;
    }
}

.rmzx .part3 {
    width: 6.62rem;
}

.rmzx .part3 .title {
    height: 1.27rem;
    padding-top: 0.2rem;
    padding-left: 0.4rem;
}

.rmzx .part3 .video {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.1rem;
}

.rmzx .part3 .video .video-btn {
    width: 1.02rem;
    height: 1.02rem;
    background: url(../images/img102.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .rmzx .part3 {
        width: 100%;
        margin-left: 0;
    }

    .rmzx .part3 .title {
        padding-left: 0;
    }
}

.rmzx .part4 {
    width: 7.53rem;
}

.rmzx .part4 .title {
    height: 1.27rem;
    padding-top: 0.2rem;
    padding-left: 0.18rem;
}

.rmzx .part4 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.34rem;
}

.rmzx .part4 .list li {
    width: 50%;
    padding: 0 0 0.1rem 0.34rem;
}

.rmzx .part4 .list li a {
    display: block;
}

.rmzx .part4 .list li a .zoomImg {
    border-radius: 0.12rem;
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, .1);
}

.rmzx .part4 .list li a .zoomImg img {
    height: 1.55rem;
}

.rmzx .part4 .list li a .name {
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 0.2rem;
}

@media screen and (max-width: 800px) {
    .rmzx .part4 {
        width: 100%;
        margin-right: 0;
    }

    .rmzx .part4 .title {
        padding-left: 0;
    }

    .rmzx .part4 .list ul {
        margin-left: -0.3rem;
    }

    .rmzx .part4 .list li {
        padding-left: 0.3rem;
    }

    .rmzx .part4 .list li a .name {
        font-size: 0.24rem;
        height: 0.7rem;
        line-height: 0.7rem;
    }
}

.about {
    background: #e6e6e6;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    margin-bottom: -0.9rem;
    padding: 0.65rem 0.9rem 1.2rem 0.9rem;
    min-height: 5rem;
}

@media screen and (max-width: 800px) {
    .about {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
        padding: 0.5rem 0.5rem 1.2rem 0.5rem;
    }
}

@media screen and (min-width: 800px) {
    .about .part1 {
        background: url(../images/img563.jpg) center no-repeat;
        background-size: cover;
        min-height: 5.63rem;
        color: #fff;
        padding: 0.98rem 0 0 1.1rem;
        border-radius: 0.1rem;
    }
}

.about .part1 h5 {
    font-size: 0.24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 7.19rem;
}

.about .part1 h5 a {
    color: #fff;
}

.about .part1 h5 a.more {
    width: 0.17rem;
    display: block;
}

.about .part1 > p {
    width: 7.19rem;
    text-align: justify;
    min-height: 2.7rem;
    padding: 0.25rem 0;
    font-size: 0.19rem;
    color: #fff;
    line-height: 0.36rem;
}

.about .part1 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.about .part1 li {
    width: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.2rem;
}

.about .part1 li .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: translateY(-0.06rem);
    -ms-transform: translateY(-0.06rem);
    transform: translateY(-0.06rem);
}

.about .part1 li .name div {
    font-size: 0.12rem;
    opacity: .6;
}

.about .part1 li span.span-1 {
    margin-left: 0.12rem;
}

.about .part1 li em {
    font-size: 0.48rem;
    padding: 0 0.12rem;
    -webkit-transform: translateY(-0.06rem);
    -ms-transform: translateY(-0.06rem);
    transform: translateY(-0.06rem);
    display: block;
}

.about .part1 li span {
    font-weight: bold;
    font-size: 0.24rem;
    display: block;
}

@media screen and (max-width: 800px) {
    .about .part1 h5 {
        font-size: 0.32rem;
        color: #fff;
        background: url(../images/img563.jpg) center no-repeat;
        background-size: cover;
        height: 2.5rem;
        border-radius: 0.12rem;
        padding: 0.95rem 0 0 0.4rem;
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .about .part1 h5 .more {
        width: 0.24rem;
        margin-left: 0.12rem;
    }

    .about .part1 > p {
        font-size: 0.31rem;
        color: #4d4d4d;
        line-height: 0.52rem;
        width: 100%;
        padding-top: 0.35rem;
    }

    .about .part1 li {
        width: 50%;
        padding: 0.5rem 0 1rem 0;
        font-size: 0.28rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .about .part1 li .name {
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .about .part1 li .name div {
        font-size: 0.2rem;
    }

    .about .part1 li em {
        font-weight: bold;
        font-size: 0.68rem;
    }

    .about .part1 li span {
        font-size: 0.28rem;
        font-weight: bold;
    }
}

.about .part2 {
    padding: 0.55rem 0 0.4rem 0;
}

.about .part2 li {
    width: 100%;
}

.about .part2 li:nth-child(1) {
    padding-bottom: 0.45rem;
}

.about .part2 li a {
    display: block;
    height: 3.18rem;
    background: #fff;
    border-radius: 0.1rem;
    position: relative;
}

.about .part2 li h5 {
    font-size: 0.24rem;
    background: url(../images/arrow20.png) right center no-repeat;
    background-size: 0.2rem;
}

.about .part2 li p {
    font-size: 0.16rem;
    color: #818181;
    line-height: 0.3rem;
    height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0.22rem;
    position: relative;
    z-index: 5;
}

.about .part2 li .img {
    width: 2.2rem;
    position: absolute;
    bottom: 0;
}

.about .part2 li .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.about .part2 li .name img {
    height: 0.8rem;
    width: auto;
}

@media screen and (min-width: 800px) {
    .about .part2 li:nth-child(1) a {
        padding: 0.55rem 0.92rem 0 3.85rem;
    }

    .about .part2 li:nth-child(1) .img {
        left: 0.85rem;
    }

    .about .part2 li:nth-child(2) a {
        padding: 0.55rem 3.85rem 0 0.92rem;
    }

    .about .part2 li:nth-child(2) .img {
        right: 0.85rem;
    }
}

@media screen and (max-width: 800px) {
    .about .part2 {
        padding: 0 0 0.4rem 0;
    }

    .about .part2 li h5 {
        font-size: 0.32rem;
    }

    .about .part2 li p {
        font-size: 0.24rem;
        line-height: 0.38rem;
        height: 1.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .about .part2 li .name {
        display: none;
    }

    .about .part2 li:nth-child(1) a {
        padding: 0.35rem 0.3rem 0 2.75rem;
    }

    .about .part2 li:nth-child(1) .img {
        left: 0.25rem;
    }

    .about .part2 li:nth-child(2) a {
        padding: 0.35rem 2.75rem 0 0.3rem;
    }

    .about .part2 li:nth-child(2) .img {
        right: 0.25rem;
    }
}

.about .part3 {
    background: url(../images/img1467.jpg) center no-repeat;
    background-size: cover;
    height: 5.15rem;
    padding-left: 0.5rem;
}

.about .part3 .title {
    width: 6.68rem;
    padding: 0.26rem 0 0.24rem 0;
    border-bottom: #d9d9d9 solid 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about .part3 .title h2 {
    font-size: 0.24rem;
}

.about .part3 .title dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.about .part3 .title dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 0.28rem;
    height: 0.4rem;
    border-radius: 0.3rem;
    border: #d9d9d9 solid 1px;
    font-size: 0.2rem;
    margin-left: 0.15rem;
    color: #898989;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.about .part3 .title dd:first-child {
    margin-left: 0;
}

.about .part3 .title dd.on,
.about .part3 .title dd:hover {
    background: #df5a24;
    border-color: #df5a24;
    color: #fff;
}

.about .part3 .list {
    width: 6.68rem;
}

.about .part3 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.55rem;
    margin-left: -0.6rem;
    margin-right: -0.6rem;
}

.about .part3 .list ul:nth-child(2) {
    margin-bottom: 0.2rem;
}

.about .part3 .list li {
    width: 25%;
    text-align: center;
}

.about .part3 .list li h5 {
    font-weight: 400;
    font-size: 0.21rem;
    color: #000;
}

.about .part3 .list li p {
    font-size: 0.14rem;
    color: gray;
    margin-top: 0.1rem;
}

@media screen and (max-width: 800px) {
    .about .part3 {
        background-position: -4.4rem center;
        padding: 0 0.3rem;
    }

    .about .part3 .title {
        width: 100%;
        padding: 0.3rem 0;
    }

    .about .part3 .title h2 {
        font-size: 0.32rem;
    }

    .about .part3 .title dd {
        padding: 0 0.24rem;
    }

    .about .part3 .list {
        width: 100%;
    }

    .about .part3 .list ul {
        margin-top: 0.35rem;
        margin-left: -0.3rem;
        margin-right: -0.3rem;
    }

    .about .part3 .list li h5 {
        font-size: 0.28rem;
    }

    .about .part3 .list li p {
        font-size: 0.21rem;
    }
}

.about .part4 {
    padding-top: 0.4rem;
}

.about .part4 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.3rem;
}

.about .part4 li {
    width: 25%;
    padding-left: 0.3rem;
}

.about .part4 li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 0.1rem;
    height: 4.5rem;
    padding-top: 0.5rem;
}

.about .part4 li a .ico {
    width: 0.75rem;
}

.about .part4 li a h5 {
    font-size: 0.24rem;
    padding: 0.4rem 0 0.65rem 0;
}

.about .part4 li a p {
    font-size: 0.18rem;
    color: #4d4d4d;
    line-height: 0.3rem;
    padding: 0 0.3rem;
}

@media screen and (max-width: 800px) {
    .about .part4 ul {
        margin-left: -0.3rem;
        margin-bottom: -0.3rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about .part4 li {
        padding-left: 0.3rem;
        padding-bottom: 0.3rem;
        width: 50%;
    }

    .about .part4 li a {
        height: 2.16rem;
        padding-top: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .about .part4 li a h5 {
        font-size: 0.3rem;
        padding: 0.2rem 0 0 0;
    }

    .about .part4 li a p {
        display: none;
    }
}

.culture {
    margin-right: -0.9rem;
    margin-left: -0.9rem;
}

.culture .bg-1 {
    background: url(../images/culture-1.jpg) center no-repeat;
    background-size: cover;
    padding: 1.15rem 0.9rem 0.8rem 0.9rem;
}

.culture .part1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.23rem 0 0;
}

.culture .part1 .bd {
    width: 9.32rem;
}

.culture .part1 .bd .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.culture .part1 .bd .title h2 {
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.3rem;
    line-height: 1em;
    color: #df5a24;
}

.culture .part1 .bd .title h2 a {
    color: #df5a24;
}

.culture .part1 .bd .title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #df5a24;
    font-size: 0.18rem;
}

.culture .part1 .bd .title .more:after {
    content: "";
    display: block;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    margin-left: 0.06rem;
}

.culture .part1 .bd .content {
    margin-top: 0.5rem;
    font-size: 0.18rem;
    color: #4d4d4d;
    line-height: 0.32rem;
    text-align: justify;
}

.culture .part1 .img {
    width: 3rem;
}

.culture .part2 {
    padding-top: 0.88rem;
}

.culture .part2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.culture .part2 li {
    width: 6.99rem;
}

.culture .part2 li a {
    display: block;
    background: url(../images/img699_1.png) center no-repeat;
    background-size: 100% 100%;
    height: 1.74rem;
    position: relative;
}

.culture .part2 li a h2 {
    font-weight: 400;
    color: #df5a24;
    font-size: 0.3rem;
    line-height: 0.4rem;
    position: absolute;
    left: 0;
    top: -0.2rem;
}

.culture .part2 li a p {
    font-size: 0.2rem;
    color: #666;
    line-height: 0.24rem;
    height: 1.74rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.culture .part2 li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0.6rem;
    top: 50%;
    width: 0.38rem;
    height: 0.38rem;
    background: #fff url(../images/arrow17.png) center no-repeat;
    background-size: 0.17rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    transition: .5s;
}

.culture .part2 li a:hover:after {
    background-color: #df5a24;
    background-image: url(../images/arrow20-white.png);
}

.culture .part2 li:nth-child(2) a {
    background-image: url(../images/img699_2.png);
}

.culture .bg-2 {
    background: url(../images/culture-2.jpg) center no-repeat;
    background-size: cover;
    padding: 0 0.9rem 0.6rem 0.9rem;
}

.culture .part3 .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.4rem 0;
}

.culture .part3 .title h2 {
    font-size: 0.3rem;
    font-weight: 400;
    color: #df5a24;
}

.culture .part3 .title a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.4rem;
    width: 1.32rem;
    height: 0.43rem;
    font-size: 0.18rem;
    color: #4d4d4d;
    border: #d0d0d0 solid 1px;
}

.culture .part3 .title a:hover {
    background: #df5a24;
    border-color: #df5a24;
    color: #fff;
}

.culture .part3 .images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.culture .part3 .images .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: #fff solid 1px;
    background: #d8d8d8;
    color: #fff;
    font-size: 0.18rem;
}

.culture .part3 .images .arrow a:hover {
    background-color: #df5a24;
    color: #fff;
    border-color: #df5a24;
}

.culture .part3 .images .arrow a.prev {
    left: 0;
}

.culture .part3 .images .arrow a.prev:after {
    content: "";
}

.culture .part3 .images .arrow a.next {
    right: 0;
}

.culture .part3 .images .arrow a.next:after {
    content: "";
}

.culture .part3 .images #magazine {
    position: relative;
}

@media screen and (min-width: 800px) {
    .culture .part3 .images #magazine {
        height: 7rem;
    }
}

.culture .part3 .images #magazine .shadow {
    box-shadow: 0 0 0.2rem #ccc;
    -webkit-transition: .5s;
    transition: .5s;
}

.culture .part3 .images #magazine .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.culture .part3 .images #magazine .even .gradient {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

.culture .part3 .images #magazine .odd .gradient {
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);
}

.culture .part5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.9rem;
}

.culture .part5 .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 1.17rem;
}

.culture .part5 .title h2 {
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.3rem;
    line-height: 1em;
    color: #df5a24;
}

.culture .part5 .title h2 a {
    color: #df5a24;
}

.culture .part5 .title .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #df5a24;
    font-size: 0.18rem;
}

.culture .part5 .title .more:after {
    content: "";
    display: block;
    width: 0.17rem;
    height: 0.1rem;
    background: url(../images/arrow17.png) center no-repeat;
    background-size: 100%;
    margin-left: 0.06rem;
}

.culture .part5 .big-img {
    width: 9.46rem;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
}

.culture .part5 .big-img li a {
    display: block;
    position: relative;
}

.culture .part5 .big-img li a .zoomImg img {
    height: 6.3rem;
}
@media screen and (max-width: 800px) {
    .culture .part5 .big-img li a .zoomImg img {
        height: 4.3rem;
    }
}

.culture .part5 .big-img li a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.8rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.culture .part5 .big-img li a .bd {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    padding: 0.25rem 0.24rem;
}

.culture .part5 .big-img li a .bd .tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.14rem;
    font-size: 0.18rem;
    height: 0.34rem;
    background: #df5a24;
    border-radius: 0.06rem;
}

.culture .part5 .big-img li a .bd h5 {
    font-size: 0.21rem;
    line-height: 0.36rem;
    height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    padding-right: 1.7rem;
}

.culture .part5 .big-img .dots-wrapper {
    position: absolute;
    z-index: 5;
    right: 0.27rem;
    bottom: 0.33rem;
}

.culture .part5 .big-img .dots-wrapper .dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.culture .part5 .big-img .dots-wrapper span {
    border-radius: 50%;
    margin-left: 0.08rem;
    width: 0.12rem;
    height: 0.12rem;
    background: #fff;
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s;
}

.culture .part5 .big-img .dots-wrapper span.on {
    opacity: 1;
    background: #df5a24;
}

.culture .part5 .big-img .arrow a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.44rem;
    height: 0.44rem;
    font-size: 0.2rem;
    color: #fff;
    background: rgba(0, 0, 0, .35);
    font-weight: bold;
}

.culture .part5 .big-img .arrow a:after {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.culture .part5 .big-img .arrow a:hover {
    background: #df5a24;
}

.culture .part5 .big-img .arrow a.prev {
    left: 0.2rem;
}

.culture .part5 .big-img .arrow a.prev:after {
    content: "";
}

.culture .part5 .big-img .arrow a.next {
    right: 0.2rem;
}

.culture .part5 .big-img .arrow a.next:after {
    content: "";
}

.culture .part5 .big-img .arrow a:hover {
    opacity: 1;
}

@media screen and (max-width: 800px) {
    .culture .part5 .big-img .arrow {
        right: 0.4rem;
    }

    .culture .part5 .big-img .arrow a {
        width: 0.52rem;
        height: 0.52rem;
        font-size: 0.24rem;
    }
}

.culture .part5 .list {
    width: 4.2rem;
}

.culture .part5 .list ul {
    margin-top: -0.16rem;
    margin-bottom: -0.16rem;
}

.culture .part5 .list li {
    border-bottom: #c9c9c9 solid 1px;
}

.culture .part5 .list li:last-child {
    border: none;
}

.culture .part5 .list li a {
    display: block;
    padding: 0.16rem 0;
}

.culture .part5 .list li a .time {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.26rem;
}

.culture .part5 .list li a .name {
    font-size: 0.21rem;
    color: #4d4d4d;
    line-height: 0.34rem;
    -webkit-transition: color .5s;
    transition: color .5s;
    height: 0.68rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.06rem;
}

.culture .part5 .list li a:hover .name {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .culture .part5 {
        padding: 0.2rem 0.5rem;
    }

    .culture .part5 .title {
        height: 1rem;
    }

    .culture .part5 .title h2 {
        font-size: 0.32rem;
        font-weight: bold;
    }

    .culture .part5 .title .more {
        font-size: 0.24rem;
    }

    .culture .part5 .big-img {
        width: 100%;
    }

    .culture .part5 .big-img li a .bd .tag {
        font-size: 0.22rem;
        height: 0.4rem;
    }

    .culture .part5 .big-img li a .bd h5 {
        font-size: 0.26rem;
    }

    .culture .part5 .list {
        width: 100%;
        margin-top: 0.5rem;
    }

    .culture .part5 .list li a {
        padding: 0.2rem 0;
    }

    .culture .part5 .list li a .time {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .culture .part5 .list li a .name {
        font-size: 0.26rem;
    }
}

@media screen and (max-width: 800px) {
    .culture {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .culture .bg-1 {
        padding: 1.1rem 0.5rem 1.2rem 0.5rem;
    }

    .culture .part1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-right: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .culture .part1 .bd {
        width: 100%;
        padding-bottom: 0.3rem;
    }

    .culture .part1 .bd .title h2 {
        font-size: 0.32rem;
        font-weight: bold;
    }

    .culture .part1 .bd .title .more {
        font-size: 0.24rem;
    }

    .culture .part1 .bd .content {
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .culture .part2 {
        padding-top: 0.3rem;
    }

    .culture .part2 li {
        width: 100%;
        margin-top: 0.5rem;
    }

    .culture .part2 li a h2 {
        font-size: 0.32rem;
        font-weight: bold;
    }

    .culture .part2 li a p {
        font-size: 0.24rem;
        width: 70%;
        line-height: 1.5em;
    }

    .culture .part2 li a:after {
        right: 0.3rem;
    }

    .culture .bg-2 {
        padding: 0 0.5rem 0.5rem;
    }

    .culture .part3 .title {
        padding: 0.6rem 0 0.3rem 0;
    }

    .culture .part3 .title h2 {
        font-size: 0.32rem;
        font-weight: bold;
    }

    .culture .part3 .title a {
        width: 1.72rem;
        height: 0.56rem;
        font-size: 0.23rem;
    }

    .culture .part3 .images .arrow a.prev {
        left: -0.4rem;
    }

    .culture .part3 .images .arrow a.next {
        right: -0.4rem;
    }
}

.brand {
    padding: 0.5rem;
    position: relative;
}

.brand .title {
    font-weight: 500;
    font-size: 0.24rem;
    color: #4d4d4d;
    padding-bottom: 0.55rem;
}

.brand .content {
    font-size: 0.2rem;
    color: gray;
    line-height: 0.36rem;
    max-width: 8.2rem;
    padding-bottom: 0.6rem; text-align: justify;
}

.brand .logo {
    width: 3.5rem;
}

@media screen and (min-width: 800px) {
    .brand .logo {
        position: absolute;
        top: 0.4rem;
        right: 1rem;
    }
}

.brand .list {
    max-width: 8.2rem;
}

.brand .list li {
    border-top: #bbb6b1 solid 1px;
    padding: 0.6rem 0 0.7rem 0;
}

.brand .list li .img img {
    height: 0.81rem;
    width: auto;
}

@media screen and (max-width: 800px) {
    .brand {
        padding: 0.5rem 0.3rem;
    }

    .brand .title {
        font-size: 0.32rem;
        font-weight: bold;
        padding-bottom: 0.4rem;
    }

    .brand .content {
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .brand .logo {
        margin: 0 auto;
    }

    .brand .list {
        margin-top: 0.6rem;
    }
}

.faq {
    padding: 0.3rem 0;
}

.faq li {
    border-bottom: #ebebeb solid 1px;
    padding: 0.3rem 0;
}

.faq li:last-child {
    border-bottom: none;
}

.faq li .bd,
.faq li .hd {
    position: relative;
    padding: 0.05rem 0 0.05rem 0.8rem;
}

.faq li .bd b,
.faq li .hd b {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.47rem;
    height: 0.47rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.28rem;
    color: #fff;
    background: #df5a24;
}

.faq li .hd h5 {
    font-size: 0.2rem;
    line-height: 0.37rem;
}

.faq li .bd {
    margin-top: 0.27rem;
}

.faq li .bd b {
    background: #e6e6e6;
    color: #df5a24;
}

.faq li .bd p {
    font-size: 0.2rem;
    line-height: 0.37rem;
}

@media screen and (max-width: 800px) {
    .faq li .bd b,
    .faq li .hd b {
        width: 0.47rem;
        height: 0.47rem;
        font-size: 0.28rem;
    }

    .faq li .hd h5 {
        font-size: 0.26rem;
        line-height: 0.37rem;
    }

    .faq li .bd p {
        font-size: 0.24rem;
        line-height: 0.37rem;
    }
}

.qmjz {
    padding-bottom: 0.5rem;
}

.qmjz ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 800px) {
    .qmjz ul {
        margin-left: -0.6rem;
        margin-right: -0.6rem;
    }
}

.qmjz li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25%;
    padding-bottom: 0.4rem;
    cursor: pointer;
}

.qmjz li .zoomImg {
    width: 2.2rem;
}

.qmjz li .name {
    text-align: center;
    font-size: 0.24rem;
    font-weight: 500;
}

@media screen and (max-width: 800px) {
    .qmjz li {
        width: 33.333%;
    }

    .qmjz li .zoomImg {
        width: 1.8rem;
    }
}

.sczc {
    padding: 0.3rem 0;
}

.sczc ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sczc li {
    width: 33.333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0.57rem;
}

.sczc li a {
    width: 3.62rem;
    border-radius: 0.12rem;
}

@media screen and (max-width: 800px) {
    .sczc ul {
        margin-left: -0.3rem;
    }

    .sczc li {
        width: 50%;
        padding-left: 0.3rem;
    }
}

.site-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0.5rem 0 0 0;
}

@media screen and (min-width: 800px) {
    .site-map {
        margin-right: -0.5rem;
    }
}

.site-map .item {
    width: 25%;
    position: relative;
    padding: 0 0 1rem 0.25rem;
}

.site-map .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1rem;
    width: 1px;
    background: #6f6f6f;
}

.site-map .item h3 {
    font-size: 0.36rem;
    line-height: 1em;
}

.site-map .item ul {
    margin-top: 0.5rem;
}

.site-map .item li {
    margin-top: 0.2rem;
}

.site-map .item li a {
    display: block;
    font-size: 0.28rem;
    color: #4d4d4d;
    line-height: 0.4rem;
}

.site-map .item li a:hover {
    color: #df5a24;
}

@media screen and (max-width: 800px) {
    .site-map .item {
        width: 50%;
    }
}

.vision {
    padding: 0 0.9rem 0.95rem 0.9rem;
    background: url(../images/qyyj-bg.jpg) center no-repeat;
    background-size: cover;
    min-height: 10.04rem;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    margin-bottom: -0.9rem;
}

.vision .msg {
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 0.36rem;
    padding-bottom: 1.4rem;
}

.vision ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vision li {
    width: 4.6rem;
    min-height: 4.87rem;
    position: relative;
    background: #fcfaf9;
    box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, .1);
    font-size: 0.2rem;
    color: #4d4d4d;
    line-height: 0.36rem;
    padding: 0 0.35rem 0.35rem;
    border-radius: 0.12rem; text-align: justify;
}

.vision li .ico {
    width: 1.01rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -0.5rem;
}

.vision li h3 {
    font-size: 0.3rem;
    text-align: center;
    padding: 0.85rem 0 0.4rem 0;
}

.vision li:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0.74rem;
    width: 1.01rem;
    height: 0.03rem;
    background: #df5a24;
}

@media screen and (max-width: 800px) {
    .vision {
        padding: 0 0.5rem 1rem 0.5rem;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .vision .msg {
        line-height: 1.8em;
        padding-bottom: 0;
    }

    .vision li {
        width: 100%;
        margin-top: 0.9rem;
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .vision li h3 {
        font-size: 0.36rem;
    }
}

.hxjzg {
    padding: 0 0.9rem 0.95rem 0.9rem;
    background: url(../images/hxjzg-bg.jpg) center no-repeat;
    background-size: cover;
    min-height: 10.04rem;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    margin-bottom: -0.9rem;
}

.hxjzg .msg {
    font-size: 0.3rem;
    color: #4d4d4d;
    line-height: 0.48rem;
    padding-bottom: 1rem;
}

.hxjzg ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hxjzg li {
    width: 7.13rem;
    min-height: 5.34rem;
    box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, .1);
    padding: 0.7rem;
    font-size: 0.2rem;
    color: #4d4d4d;
    line-height: 0.36rem;
    background: center no-repeat;
    background-size: cover;
    border-radius: 0.12rem;
}

.hxjzg li h3 {
    font-size: 0.3rem;
    padding-bottom: 0.7rem;
    position: relative;
}

.hxjzg li h3::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.35rem;
    height: 1px;
    background: #e3dfdb;
}

.hxjzg li:nth-child(1) {
    background-image: url(../images/img713_1.jpg);
}

.hxjzg li:nth-child(2) {
    background-image: url(../images/img713_2.jpg);
}

@media screen and (max-width: 800px) {
    .hxjzg {
        padding: 0 0.5rem 1rem 0.5rem;
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .hxjzg .msg {
        line-height: 1.8em;
        padding-bottom: 0;
    }

    .hxjzg li {
        width: 100%;
        margin-top: 0.5rem;
        padding: 0.5rem;
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .hxjzg li h3 {
        font-size: 0.36rem;
    }
}

.ewm-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .78);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.ewm-layer.show {
    opacity: 1;
    visibility: visible;
}

.ewm-layer .container {
    width: 4.1rem;
    height: 4.52rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.12rem;
    background: #fff;
    position: relative;
}

.ewm-layer .container .close {
    background: url(../images/close17.png) center no-repeat;
    background-size: 0.17rem;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
}

.ewm-layer .container h2 {
    font-size: 0.24rem;
    color: #e05100;
    line-height: 1em;
    padding-bottom: 0.2rem;
}

.ewm-layer .container .img {
    width: 2.72rem;
}

.ewm-layer .container p {
    font-size: 0.14rem;
    margin-top: 0.12rem;
    color: #666;
}

@media screen and (max-width: 800px) {
    .ewm-layer .container .close {
        background-size: 0.24rem;
    }

    .ewm-layer .container h2 {
        font-size: 0.28rem;
    }

    .ewm-layer .container p {
        font-size: 0.24rem;
    }
}

.page-bg {
    background: center top no-repeat;
    background-size: 100%;
    margin-left: -0.9rem;
    margin-right: -0.9rem;
    padding: 0 0.9rem;
}

@media screen and (max-width: 800px) {
    .page-bg {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding: 0 0.5rem;
        background-size: 300%;
    }
    .page-bg.lljs{background-size: cover}
}

.page-box {
    background: #fff;
    min-height: 2rem;
    border-radius: 0.12rem;
    position: relative;
}

@media screen and (max-width: 800px) {
    .page-box {
        margin-left: -0.3rem;
        margin-right: -0.3rem;
    }
}

.about-bg {
    background-image: url(../images/about-bg.jpg);
}

.news-bg {
    background-image: url(../images/news-bg.jpg);
}

.ywgj-bg {
    background-image: url(../images/ywgj-bg.jpg);
}

.culture-bg {
    background-image: url(../images/culture-bg.jpg);
}

.job-bg {
    background-image: url(../images/job-bg.jpg);
}

.shzr-bg {
    background-image: url(../images/shzr-bg.jpg);
}

.ddjs-bg {
    background-image: url(../images/ddjs-bg.jpg);
}

.ddjs-bg .page-title {
    color: #fff;
}

.mtgz ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.57rem;
    margin-bottom: -0.47rem;
}

.mtgz li {
    width: 33.333%;
    padding: 0 0 0.47rem 0.57rem;
}

.mtgz a {
    display: block;
    background: #fff;
    border: #cbd4d9 solid 1px;
    border-radius: 0.12rem;
    min-height: 5.14rem;
    padding: 0.5rem;
    position: relative;
}

.mtgz a .name {
    font-size: 0.21rem;
    line-height: 0.3rem;
    height: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mtgz a .zoomImg {
    margin-top: 0.3rem;
}

.mtgz a .zoomImg img {
    height: 2.34rem;
}

.mtgz a p {
    font-size: 0.16rem;
    color: #818181;
    line-height: 0.28rem;
    height: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-top: 0.3rem;
}

.mtgz a .time {
    font-size: 0.16rem;
    -webkit-transition: color .5s;
    transition: color .5s;
    color: #919191;
    background: url(../images/arrow20-gay.png) right center no-repeat;
    background-size: 0.17rem;
}

@media screen and (min-width: 800px) {
    .mtgz a .time {
        position: absolute;
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
    }
}

.mtgz a:hover .time {
    color: #df5a24;
    background-image: url(../images/arrow20.png);
}

@media screen and (max-width: 800px) {
    .mtgz li {
        width: 100%;
    }

    .mtgz a {
        min-height: 4.6rem;
    }

    .mtgz a .name {
        font-size: 0.28rem;
        line-height: 0.4rem;
        height: 0.8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mtgz a p {
        font-size: 0.24rem;
        line-height: 0.36rem;
        height: 1.8rem;
    }

    .mtgz a .time {
        font-size: 0.24rem;
        background-size: 0.22rem;
        margin-top: 0.3rem;
    }
}

.qmgz {
    padding: 0 0.5rem;
}

.qmgz .title {
    border-bottom: #c9c3be solid 1px;
    padding: 0.5rem 0 0.44rem 0;
    font-size: 0.36rem;
    color: #4d4d4d;
    line-height: 1em;
}

.qmgz .btns {
    margin-top: 0.33rem;
}

.qmgz .btns ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.qmgz .btns li {
    margin-right: 0.3rem;
}

.qmgz .btns a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.45rem;
    height: 0.52rem;
    border-radius: 0.3rem;
    border: #b9b9b9 solid 1px;
    font-weight: bold;
    font-size: 0.2rem;
    color: #868686;
}

.qmgz .btns a:hover,
.qmgz .btns a.on {
    background: #df5a24;
    border-color: #df5a24;
    color: #fff;
}

.qmgz .list {
    padding: 0.4rem 0;
}

.qmgz .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.qmgz .list li {
    width: 25%;
    padding-bottom: 0.4rem;
}

.qmgz .list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #4d4d4d;
}

.qmgz .list li a .zoomImg {
    width: 2rem;
}

.qmgz .list li a .name {
    font-weight: bold;
    margin-top: 0.08rem;
    font-size: 0.24rem;
}

.qmgz .list li a:hover {
    color: #df5a24;
}

.qmgz .sczc {
    padding-top: 0.7rem;
}

@media screen and (max-width: 800px) {
    .qmgz {
        padding: 0 0.3rem;
    }

    .qmgz .btns a {
        height: 0.7rem;
        font-size: 0.26rem;
        border-radius: 0.4rem;
    }

    .qmgz .list ul {
        margin-right: -0.3rem;
        margin-left: -0.3rem;
    }

    .qmgz .list li {
        width: 33.333%;
    }
}

.djdt-head {
    color: #fff;
    padding-top: 1.1rem;
}

.djdt-head .page-title {
    padding: 0;
}

.djdt-head .content {
    font-size: 0.18rem;
    line-height: 0.28rem;
    padding: 0.3rem 0 0.6rem 0;
    max-width: 9.04rem; text-align: justify;
}

@media screen and (max-width: 800px) {
    .djdt-head {
        padding-top: 1.8rem;
    }

    .djdt-head .content {
        font-size: 0.24rem;
        line-height: 1.6em;
    }
}

@media screen and (max-width: 800px) {
    .qlqx-bg {
        background-size: 200%;
    }
}

.qlgx {
    color: #fff;
    min-height: 4.66rem;
    padding-top: 1.1rem;
}

.qlgx .page-title {
    padding: 0;
}

.qlgx .list {
    padding-top: 0.9rem;
    position: relative;
}

.qlgx .list > .ico {
    width: 1.81rem;
    position: absolute;
    top: 0.1rem;
    right: 0.95rem;
}

.qlgx .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.qlgx .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.95rem;
}

.qlgx .list li .ico {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.35rem;
}

.qlgx .list li .ico img {
    height: 0.97rem; width: auto;
}

.qlgx .list li .bd {
    padding-left: 0.23rem;
}

.qlgx .list li .bd .name {
    font-size: 0.25rem;
}

.qlgx .list li .bd .tel {
    font-size: 0.44rem;
    margin-top: 0.1rem;
}

@media screen and (max-width: 800px) {
    .qlgx .list {
        padding-top: 0.15rem;
    }

    .qlgx .list > .ico {
        right: 0;
        width: 1.4rem;
    }

    .qlgx .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .qlgx .list li {
        width: 100%;
        padding-top: 0.3rem;
    }

    .qlgx .list li .ico {
        padding-right: 0.15rem;
    }

    .qlgx .list li .ico img {
        height: 0.7rem;
    }
}

.rczl {
    background-size: cover;
    background-image: url(../images/rczl-bg.jpg);
    min-height: 7.41rem;
    margin-bottom: -0.9rem;
}

.rczl .title {
    font-size: 0.28rem;
    color: #4d4d4d;
    line-height: 0.36rem;
    padding-bottom: 0.36rem;
}

.rczl .content {
    font-size: 0.2rem;
    color: #666;
    line-height: 0.36rem;
    max-width: 8.02rem;
    padding-bottom: 1rem;
}

@media screen and (max-width: 800px) {
    .rczl .title {
        font-size: 0.32rem;
        line-height: 1.7em;
    }

    .rczl .content {
        font-size: 0.24rem;
        line-height: 1.8em;
    }
}

.job-email {
    font-weight: bold;
    font-size: 0.24rem;
    color: #4d4d4d;
    padding-bottom: 0.6rem;
    margin-top: -0.1rem;
}

.lljs {
    background-size: cover;
    background-image: url(../images/lljs-bg.jpg);
    min-height: 10.72rem;
    margin-bottom: -0.9rem;
}

.lljs .list {
    max-width: 9rem;
}

.lljs .list li {
    padding-bottom: 0.7rem;
    font-size: 0.2rem;
    line-height: 0.36rem;
}

.lljs .list li .title {
    font-size: 0.28rem;
    padding-bottom: 1em;
}

@media screen and (max-width: 800px) {
    .lljs .list {
        padding-bottom: 0.6rem;
    }

    .lljs .list li {
        padding-bottom: 0.5rem;
        font-size: 0.24rem;
        line-height: 1.8em;
    }

    .lljs .list li .title {
        font-size: 0.32rem;
    }
}

.profile {
    padding: 0 0.5rem 0.5rem;
}

.profile .title {
    font-size: 0.3rem;
    padding: 0.58rem 0 0.43rem 0;
    border-bottom: #959595 solid 1px;
}

.profile .content {
    font-size: 0.2rem;
    color: gray;
    line-height: 0.36rem;
    padding-top: 0.45rem;
}

.profile .content .p {
    text-indent: 2em;
    padding-bottom: 0.36rem;
}

@media screen and (max-width: 800px) {
    .profile {
        padding: 0 0.3rem 0.3rem;
    }

    .profile .title {
        font-size: 0.38rem;
    }

    .profile .content {
        font-size: 0.26rem;
        line-height: 1.75em;
    }
}

.djkk-content {
    padding: 0.5rem 0.5rem 0;
    font-size: 0.2rem;
    color: gray;
    line-height: 0.36rem;
    padding-top: 0.45rem;
}

.djkk-content .p {
    text-indent: 2em;
    padding-bottom: 0.36rem;
}

@media screen and (max-width: 800px) {
    .djkk-content {
        padding: 0.3rem 0.3rem 0;
        font-size: 0.26rem;
        line-height: 1.75em;
    }
}
.dnewswidthyear
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dyear {
    width: 1.7rem;
    text-align: right;
    padding-top: 0.3rem;
}


.dright 
{
    width: 12.6rem;
}


.dyear ul
{
    width: 1.3rem;
    padding-right: 0.3rem;
    max-height: 5rem;
    overflow-y: auto;
    overflow-x: hidden;
}


.dyear ul::-webkit-scrollbar {
  width: .06rem;
  border-radius: .06rem;
}

.dyear ul::-webkit-scrollbar-thumb {
  background: #FF702E;
  border-radius: .06rem;
}

.dyear ul::-webkit-scrollbar-track {
  background: #EEEEEE;
  border-radius: .06rem;
}


.dyear a
{
    font-size: 0.2rem;
    color: #8b8b8b;
    display: block;
    padding: 0 0 0.45rem;
}

.dyear a:hover
{
     color:#df5a24 ;
}

.dyear a.on
{
    font-size: 0.3rem;
    color:#df5a24 ;
    position: relative;

}
.dyear a.on:before
{
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    position: absolute;
    left: 0rem;
    top: 0.22rem;
    margin-top: -0.04rem;
    background: #df5a24;
}

.djdt li a .time
{
    width: 1.2rem;
    height: 1.0rem;
    margin-right:0.4rem;
}

.djdt li a .time em
{
    font-size: 0.40rem;
}

.djdt li.li_01 a .bd p
{
    -webkit-line-clamp: 1;
}

.djdt li a .time
{
    font-size: 0.2rem;
}

.page-num .jump
{
    margin-left: 0.2rem;
    display:flex;
    flex-wrap: nowrap;
    width: 5rem;
    align-items: center;
}

.page-num .jump input
{
    width: 0.47rem;
    height: 0.45rem;
    background: #fff;
    text-align: center;
    border:1px solid #ccc;
    margin: 0 0.15rem;
    font-size: 0.18rem;
}

.page-num .jump button
{
     height: 0.47rem;
     background: #df5a24;
     color: #fff;
     padding: 0 0.2rem;
     border: 0;
     font-size: 0.18rem;
     margin-left: 0.15rem;
}

.g-head .g-nav a.name.curr
{
    color: #df5a24;
    position: relative;
}

/*.g-head .g-nav a.name.curr:before
{
      content: "";
    width: 0.15rem;
    height: 0.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.01rem;
    margin-left: -0.6rem;
    background: #df5a24;
}

.g-head .g-nav a.name.curr:after
{
    content: "";
    width: 0.15rem;
    height: 0.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.01rem;
    margin-left: 0.45rem;
    background: #df5a24;
}*/





@media screen and (max-width: 800px) {

    .dnewswidthyear
    { 
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
    }
    .dyear,.dright  
    {
            width: 100%;
            padding-top: 0;
     }

     .dright 
     {
        
     }

     .dyear ul
    {
        width: auto;
        padding-right: 0rem;
        padding-bottom: 0.3rem;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;

    }

    .dyear ul::-webkit-scrollbar {
          height: .06rem;
          border-radius: .06rem;
        }

     .dyear ul li
     {
        
     }

     .dyear ul li a
     {
        padding: 0 0.3rem;
        height: 0.3rem;
        line-height: 0.3rem;
     }

      .dyear ul li a:before
      {
        display: none;
      }

}