@media (max-width:1599px) {

    .fd-top .center,
    .fd-top .right {
        padding-left: 35px
    }
}

@media (max-width:1439px) {
    .nav li>a {
        padding: 20px 10px
    }

    .fix-right {
        right: 20px
    }

    .index-map .addr {
        width: 255px
    }

    .join-bot .slick .slick-arrow.slick-next {
        right: 0
    }

    .join-bot .slick .slick-arrow.slick-prev {
        left: 0
    }

    .dj-imgtxt .imgtxt .txt p {
        font-size: 14px;
        line-height: 29px
    }

    .dj-list1 li {
        padding: 18px 0
    }

    .index-tab1 li {
        margin-right: 50px
    }

    .fd-top .ewm,
    .fd-top ul {
        padding-left: 0
    }

    .box-cur.fix {
        top: 80px
    }

    body {
        padding-top: 80px
    }
}

@media (max-width:1270px) {
    .fd-top .right {
        float: none;
        width: auto;
        padding-left: 0
    }

    .fd-top .right::after {
        display: none
    }

    .fd-top .right ul li {
        display: block
    }

    .cause-detail .imgtxt img {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .cause-detail .imgtxt .txt {
        min-height: 0
    }

    .cause-detail .imgtxt {
        margin-bottom: 40px
    }

    body {
        padding-top: 50px
    }

    .box-cur.fix {
        position: static
    }

    .cur-con {
        display: none !important
    }

    .header {
        height: 50px;
        background-color: #fff;
        z-index: 9999;
        -moz-box-shadow: 2px 2px 5px #ebebeb;
        -webkit-box-shadow: 2px 2px 5px #ebebeb;
        box-shadow: 2px 2px 5px #ebebeb
    }

    .logo {
        width: 185px;
        margin-top: 5px
    }

    .menuBtn {
        display: block
    }

    .nav {
        float: none;
        margin-top: 0
    }

    .nav ul li:last-child a {
        border: none
    }

    .hd-so {
        float: none;
        margin: 10px 20px;
        padding: 0
    }

    .hd-so::after {
        display: none
    }

    .hd-so i {
        display: none
    }

    .hd-link .a2.mo {
        display: block !important;
    }

    .hd-link .a2 {
        display: none;
    }

    .hd-so:hover .so {
        width: 100%
    }

    .hd-so .so {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #eee;
        border-radius: 40px;
        overflow: hidden;
        position: static;
        width: 100%
    }

    .hd-so .so .sub {
        height: 36px;
        width: 36px;
        flex-shrink: 0;
        position: static
    }

    .hd-so .so .inp {
        flex-grow: 1;
        padding: 0 10px;
        line-height: 36px;
        height: 36px
    }

    .hd-link {
        float: none;
        padding-left: 35px;
    }

    .hd-link a {
        display: inline-block;
        float: none
    }

    .nav li {
        float: none;
        padding: 0
    }

    .nav li>a {
        margin: 0 20px;
        border: none;
        line-height: 40px;
        border-bottom: 1px solid #f7f7f7;
        font-size: 14px;
        color: #333;
        display: block;
        padding: 0 10px
    }

    .hdr {
        position: fixed;
        left: 110%;
        top: 50px;
        bottom: 0;
        width: 100%;
        padding: 10px 0;
        z-index: 9999999;
        transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        opacity: 0;
        margin-top: 0
    }

    .mark-bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .6);
        z-index: 9;
        display: none
    }

    .hdr .box {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        bottom: 0;
        width: 80%;
        max-width: 500px;
        z-index: 1;
        padding: 30px 0
    }

    .hdr.open {
        left: 0;
        opacity: 1
    }

    .fd-top .center,
    .fd-top .left {
        float: none;
        width: auto;
        padding-left: 0;
        margin-bottom: 15px
    }

    .fd-top ul li {
        display: inline-block;
        margin-right: 20px
    }

    .fd-top .center::after {
        display: none
    }

    .fd-top .fd-tit {
        margin-bottom: 15px
    }

    .fd-top .ewm {
        text-align: left
    }

    .fd-top .ewm .item {
        margin-left: 0;
        margin-right: 10px
    }

    .dj-trends .col-r {
        display: none
    }

    .dj-trends .col-l {
        float: none;
        width: auto;
        padding-right: 0;
        border: none
    }

    .banner .txt h3 {
        font-size: 30px;
        line-height: 34px
    }

    .banner .txt p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 4px
    }

    .banner .txt {
        margin-top: 0
    }

    .banner .slick-dots {
        bottom: 20px
    }

    .part2-content .slick {
        width: 100%;
        float: none
    }

    .part2-content .news {
        padding-bottom: 30px
    }

    .index-part3 .col-l {
        float: none;
        width: auto;
    }

    .index-tab2 li .txt img {
        display: none;
    }

    .index-tab2 li .txt span {
        padding: 4px 8px;
        background-color: #f7f7f7;
        border-radius: 24px;
        font-size: 14px;
        line-height: 24px;
        display: block;
        color: #333;
    }

    .index-tab2 li {
        display: inline-block;
        vertical-align: middle;
        background: none !important;
        margin: 0 4px 8px;
        padding-top: 0;
    }

    .index-tab2 li.hover {
        background-color: transparent !important;
    }

    .index-tab2 li.hover .txt span {
        background-color: #6a1a01;
        color: #fff;
    }

    .index-tab2 li .txt {
        position: static;
        padding: 0;
    }

    .index-tab2 li::after {
        display: none;
    }

    .index-tab2 {
        overflow: hidden;
        text-align: center;
    }

    .part3-content .imgtxt .box .txt {
        padding-top: 30px
    }

    .part3-content .imgtxt .box .txt ul {
        margin-bottom: 20px
    }

    .index-map .addr,
    .index-map .point {
        display: none
    }

    .index-map .txt {
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .index-map .txt .item {
        width: 50%;
        text-align: center
    }

    .index-map .txt em {
        margin-bottom: 20px;
        display: block
    }

    .slick-about1 .slick-arrow.slick-next {
        right: 0
    }

    .slick-about1 .slick-arrow.slick-prev {
        left: 0
    }

    .paper-list li .item {
        margin: 0 10px
    }

    .paper-list {
        margin: 0 -10px
    }

    .dj-list1 li:nth-child(3) {
        display: none
    }

    .dj-news-box .col-l {
        padding: 0 8px
    }

    .dj-imgtxt .imgtxt .txt p {
        line-height: 24px
    }

    .dj-imgtxt .imgtxt img {
        margin-right: 6px
    }

    .nav li:hover>a {
        color: #333
    }

    .nav li>a::before {
        display: none
    }

    .nav li dl,
    .nav li dl dd {
        position: static
    }

    .nav li dl dd a {
        display: block;
        color: #333;
        font-weight: 400;
        margin: 0 20px;
        padding: 0 10px
    }

    .nav li dl {
        height: auto;
        line-height: 30px
    }

    .nav li dd {
        background: 0 0;
        padding-left: 0
    }

    .level.mo {
        display: block !important;
    }

    .hd-link .a1 {
        display: none;
    }

    .hd-link {
        margin-top: 15px;
    }

    .nav li>a:hover {
        color: #333;
        border-color: transparent;
    }

    .nav li.level>a::after {
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(../images/yc-jt2.png);
        content: "";
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        width: 20px;
        -webkit-background-size: 16px;
        -moz-background-size: 16px;
        -o-background-size: 16px;
        background-size: 16px
    }

    .nav li.level.open>a::after {
        background-image: url(../images/yc-jt1.png)
    }
}

@media (max-width:1023px) {
    .nav li.level.none {}

    .nav li>a {
        font-weight: bold;
    }

    .ban {
        height: 170px;
        min-width: 1px;
    }
    .ban img{
        height: 170px;
        min-width: 1px;
    }

    .nav li.level.none dl,
    .nav li.level.none>a::after {
        display: none !important;
    }

    .slick-txt-inner1,
    .slick-txt-inner2,
    .slick-txt-inner3,
    .slick-txt-inner4 {
        width: auto
    }

    .part2-content.dj .dj-news,
    .part2-content.dj .slick {
        float: none;
        width: auto;
        padding: 0
    }

    .part2-content.dj {
        padding: 30px 0
    }

    .part2-content.dj .slick {
        margin-bottom: 20px
    }

    .dj-list1 li:nth-child(3) {
        display: block
    }

    .dj-news-box .col-l {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 20px
    }

    .dj-news-box {
        margin: 0 0 20px
    }

    .dj-imgtxt .imgtxt .txt {
        top: 0;
        line-height: 26px
    }

    .dj-imgtxt .imgtxt {
        overflow: hidden
    }

    .fix-right {
        display: none
    }

    .cur,
    .pos-nav {
        float: none
    }

    .index-part1 ul li h3 {
        font-size: 30px
    }

    .y-tit1 {
        margin-bottom: 30px
    }

    .part3-content .imgtxt .box img {
        float: none;
        width: 100%;
        margin-right: 0
    }

    .part3-content .imgtxt .box .txt {
        background: #fff;
        padding: 30px
    }

    .part3-content .imgtxt .box .txt ul li {
        width: 25%
    }

    .index-logo li {
        width: 33.33%;
        margin-bottom: 20px
    }

    .index-part6 ul li {
        width: 50%;
        margin-bottom: 15px
    }

    .index-part6 ul li .txt {
        width: auto;
        padding-right: 40px
    }

    .index-part6 {
        padding: 30px 0 20px
    }

    .about-list1 li .item {
        margin: 0 5px
    }

    .about-list1 {
        margin: 0 -5px;
        padding: 30px 0
    }

    .about-list1 li .item .txt {
        top: 15px;
        left: 15px
    }

    .about-list1 li .item .txt p {
        font-size: 14px;
        line-height: 24px
    }

    .about-list1 li .item .txt h3 {
        font-size: 18px;
        line-height: 28px
    }

    .about-idea ul li .txt h3 {
        font-size: 20px
    }

    .about-idea ul li .txt p {
        font-size: 14px
    }

    .about-idea ul li:nth-child(7) {
        margin-left: -366px
    }

    .about-idea ul li:nth-child(6) {
        margin-left: -371px
    }

    .about-tab3 {
        margin-left: 0;
        margin-bottom: 20px
    }

    .about-tab3 li a {
        margin-right: 20px;
        padding-right: 20px
    }

    .model-body {
        flex-wrap: wrap
    }

    .model-body .model-item {
        width: 100%
    }

    .about-tab2 li .icon {
        width: 60px;
        height: 60px;
        -webkit-background-size: 30px;
        -moz-background-size: 30px;
        -o-background-size: 30px;
        background-size: 30px;
        margin: 0 auto;
        line-height: 55px;
        background-color: #6a1a01;
    }

    .about-tab2 li.hover .icon::after {
        display: none
    }

    .join-top .img {
        margin-top: 30px
    }

    .join-top .img img {
        width: 40%
    }

    .join-center .img {
        float: none;
        width: auto;
        margin: 0 auto 20px
    }

    .join-center .img img {
        margin: 0 auto;
        display: block
    }

    .join-bot .slick {
        margin-bottom: 50px
    }

    .paper-detail .col-l,
    .paper-detail .col-r {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 20px
    }

    .about-tab1.other li {
        margin: 0 0 10px
    }

    .video-list li .item {
        margin: 0 5px 20px
    }

    .video-list {
        margin: 0 -5px
    }

    .dj-detail .tit span {
        margin: 0 20px
    }

    .dj-detail .link li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .dj-detail .link li:last-child {
        text-align: left
    }

    .dj-detail .link li span {
        float: left
    }

    .dj-detail .link li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .about-tab2 li .icon img {
        width: 40px
    }

    .about-tab2 li .icon img.normal {
        display: none;
    }

    .about-tab2 li .icon img.active {
        display: inline-block;
    }

    .part3-content .imgtxt .box .txt h3 a {
        margin: 0
    }

    .part3-content .imgtxt .box-ul {
        position: static;
        background-color: #fff;
        padding: 0 30px 30px
    }

    .part3-content .imgtxt .box-ul ul {
        margin-bottom: 20px
    }

    .part3-content .imgtxt .box-ul ul li {
        width: 25%
    }
}

@media (max-width:767px) {
    .cause-detail h1 {
        margin-bottom: 10px;
        font-size: 24px
    }

    .cause-detail .slick {
        padding: 0
    }

    .cause-detail {
        margin: 40px 0
    }

    .trends-news li .date {
        width: 80px;
        margin-right: 10px;
        padding: 10px 0
    }

    .trends-news li .date em {
        font-size: 20px;
        line-height: 24px
    }

    .trends-news li .date span {
        font-size: 14px;
        line-height: 18px
    }

    .ban img {
        height: 90px;
        object-fit: cover;
        min-width: 400px
    }

    .ban {
        height: 90px
    }

    .trends-news li {
        padding: 10px 0
    }

    .trends-news {
        margin-bottom: 20px
    }

    .trends-news li .txt {
        padding-top: 5px
    }

    .trends-news li .txt .tit {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .trends-news li .txt p {
        font-size: 14px;
        line-height: 22px
    }

    .about-list1 li {
        float: none;
        width: auto;
        margin-bottom: 20px
    }

    .about-idea .bg {
        width: 80%
    }

    .about-idea {
        padding: 30px 0
    }

    .about-idea ul {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .about-idea ul li {
        position: static;
        margin: 0 0 20px !important;
        width: 50%;
        text-align: center;
        flex-grow: 1
    }

    .about-idea ul li img {
        position: static;
        display: block;
        margin: 0 auto !important
    }

    .about-idea ul li .txt h3 {
        font-size: 18px;
        line-height: 28px
    }

    .about-idea ul li .txt p {
        font-size: 14px;
        line-height: 24px
    }

    .about-ts1 {
        margin: 30px 0 0
    }

    .about-ts1 .infor {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .ts-tit {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px
    }

    .about-ts2 {
        padding: 30px 0 40px
    }

    .about-tab2 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .about-tab2 li {
        margin: 0 5px 10px;
        width: 100% !important;
        display: flex;
    }

    .about-tab2 li p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
        font-weight: 400;
        padding: 4px 10px;
        background-color: transparent;
        border-radius: 24px;
        text-align: left;
    }

    .about-tab2 li .icon {
        display: block;
        width: 90px;
        height: 90px;
        line-height: 90px;
        margin: 0 !important;
    }

    .about-tab2 li .text {
        width: 75%;
    }

    .about-tab2 li.hover p {
        background-color: transparent;
        color: #000;
    }

    .ts-con {
        font-size: 14px;
        line-height: 30px
    }

    .ts-con strong {
        font-size: 16px
    }

    .join-us {
        padding: 30px 0
    }

    .join-bot .tit,
    .join-tit h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px
    }

    .join-tit {
        font-size: 14px;
        line-height: 26px
    }

    .join-center,
    .join-top {
        margin-bottom: 30px
    }

    .join-bot .career li {
        float: none;
        width: auto
    }

    .join-bot .career li a {
        margin: 0 auto 20px
    }

    .join-bot .slick {
        margin: 0 0 30px
    }

    .join-bot .career {
        margin: 0
    }

    .paper-detail {
        padding: 30px 0
    }

    .paper-detail .col-l .tit {
        margin-bottom: 20px;
        text-align: center
    }

    .paper-detail .col-l .tit p {
        font-size: 24px;
        line-height: 34px
    }

    .paper-detail .col-l .tit span {
        font-size: 20px;
        line-height: 30px
    }

    .paper-detail .col-l .link {
        text-align: center
    }

    .paper-detail .col-l .link a {
        width: 72px;
        font-size: 16px;
        line-height: 32px
    }

    .paper-list li {
        width: 50%
    }

    .paper-list li .item {
        margin: 0 5px
    }

    .paper-list {
        margin: 0 -5px
    }

    .paper-list li .item .txt .tit {
        font-size: 16px;
        line-height: 24px
    }

    .paper-list li .item .txt .read span {
        font-size: 14px
    }

    .paper-list li .item .txt {
        padding: 10px 0 25px
    }

    .paper-detail .col-r {
        margin-bottom: 0
    }

    .video-list {
        padding-top: 0
    }

    .video-list li {
        width: 50%
    }

    .video-list li .item p {
        font-size: 14px;
        padding: 10px 0
    }

    .trend-more {
        -webkit-background-size: 30px;
        -moz-background-size: 30px;
        -o-background-size: 30px;
        background-size: 30px;
        margin-bottom: 40px
    }

    .dj-detail .tit h1 {
        font-size: 24px;
        line-height: 34px;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .dj-detail .tit span {
        font-size: 12px;
        line-height: 22px;
        margin: 0 6px
    }

    .dj-detail .tit {
        margin-bottom: 20px
    }

    .dj-detail .link li {
        float: none;
        width: auto;
        padding: 10px 0;
        font-size: 14px
    }

    .dj-detail .share {
        padding: 0;
        display: none
    }

    .dj-detail .link li:last-child {
        float: none
    }

    .trends-news2 {
        padding: 20px 0 0
    }

    .trends-news2 li {
        padding: 10px 0
    }

    .trends-news2 li .img {
        width: 120px;
        margin-right: 10px
    }

    .trends-news2 li .txt {
        padding-bottom: 10px
    }

    .trends-news2 li .txt .tit {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0
    }

    .trends-news2 li .txt p {
        font-size: 14px;
        line-height: 24px;
        height: 24px;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .trends-news2 li .txt .time {
        font-size: 14px;
        line-height: 24px
    }

    .pos-nav {
        display: none
    }

    .about-person {
        margin: 40px 0
    }

    .fd-top .center ul li {
        margin-right: 0
    }

    .copy a,
    .copy em {
        margin-left: 0
    }

    .dj-detail .con {
        padding: 0
    }

    .dj-detail {
        padding: 30px 0
    }

    .dj-detail .con img,
    .dj-detail .con p {
        margin-bottom: 10px
    }

    .index-part1 ul li h3 {
        font-size: 22px;
        line-height: 34px
    }

    .index-part1 ul li p {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        display: -webkit-box;
        display: box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .index-part1 ul li {
        padding: 10px
    }

    .banner .txt h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 0
    }

    .banner .txt p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0
    }

    .banner .slick-dots {
        bottom: 5px
    }

    .banner .slick-dots li {
        margin: 0 2px
    }

    .banner .slick-dots li button {
        width: 6px;
        height: 6px
    }

    .index-part1 {
        display: none
    }

    .index-part2 {
        padding: 30px 0
    }

    .y-tit1 {
        margin-bottom: 20px
    }

    .y-tit1 h3 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .part2-content .slick .slick-dots {
        width: 100%;
        left: 0;
        right: auto;
        bottom: -25px
    }

    .part2-content .slick .slick-dots li {
        margin: 0 4px
    }

    .part2-content .slick .slick-dots li button {
        width: 6px;
        height: 6px
    }

    .part2-content .slick .img p {
        padding: 0 10px;
        line-height: 36px;
        font-size: 16px;
        color: #fff
    }

    .part2-content .slick {
        margin-bottom: 20px
    }

    .part2-content .news {
        padding: 10px
    }

    .index-tab1 li {
        margin-right: 0
    }

    .index-tab1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px
    }

    .index-list1 li span {
        display: none
    }

    .index-part3,
    .index-part4,
    .index-part5 {
        padding: 30px 0
    }

    .part3-content .imgtxt .box .txt {
        padding: 10px
    }

    .slick-txt-inner1 .slick-arrow,
    .slick-txt-inner2 .slick-arrow,
    .slick-txt-inner3 .slick-arrow,
    .slick-txt-inner4 .slick-arrow {
        width: 30px;
        height: 30px;
        -webkit-background-size: 8px;
        -moz-background-size: 8px;
        -o-background-size: 8px;
        background-size: 8px;
        bottom: 0;
        left: 50%;
    }

    .slick-txt-inner1 .slick-arrow.slick-prev,
    .slick-txt-inner2 .slick-arrow.slick-prev,
    .slick-txt-inner3 .slick-arrow.slick-prev,
    .slick-txt-inner4 .slick-arrow.slick-prev {
        right: auto;
        margin-left: -35px;
    }

    .slick-txt-inner1 .slick-arrow.slick-next,
    .slick-txt-inner2 .slick-arrow.slick-next,
    .slick-txt-inner3 .slick-arrow.slick-next,
    .slick-txt-inner4 .slick-arrow.slick-next {
        right: auto;
        margin-left: 5px;
    }

    .part3-content .imgtxt .box .txt ul {
        margin-bottom: 0
    }

    .part3-content .imgtxt .box .txt h3 a {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 0
    }

    .part3-content .imgtxt .box .txt ul li {
        width: 50%;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .part3-content .imgtxt .box .txt .more {
        font-size: 14px;
        line-height: 34px;
        width: 100px;
        margin: 0 auto 10px
    }

    .y-tit1 p {
        margin: 10px 0 0;
        width: 100%;
        font-size: 14px;
        line-height: 24px
    }

    .index-map .txt p {
        font-size: 14px;
        line-height: 24px
    }

    .index-map .txt em {
        margin-bottom: 10px
    }

    .index-map .txt .item {
        margin-bottom: 0
    }

    .index-logo li .img {
        margin: 0 2px
    }

    .index-logo {
        margin: 0 -2px -4px
    }

    .index-logo li {
        margin-bottom: 4px;
        width: 50%
    }

    .index-logo li:last-child {
        display: none
    }

    .index-part6 ul li .txt img {
        float: none;
        display: block;
        margin: 0 auto 10px
    }

    .index-part6 ul li .txt {
        padding-right: 0;
        margin: 0 5px;
        text-align: center
    }

    .index-part6 ul li .txt .word h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .index-part6 ul li .txt .word {
        padding-top: 0
    }

    .index-part6 ul li .txt .word p {
        font-size: 14px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 5px
    }

    .index-part6 ul li .txt .word a {
        font-size: 12px
    }

    .slick-about1 .slick-arrow {
        width: 25px;
        height: 25px;
        margin-top: -12px;
        -webkit-background-size: 6px;
        -moz-background-size: 6px;
        -o-background-size: 6px;
        background-size: 6px
    }

    .about-tab1 li a {
        font-size: 14px;
        width: 100%;
        display: block;
        padding: 0 5px;
        line-height: 30px
    }

    .about-tab1 li.hover::after,
    .about-tab1 li:hover::after {
        display: none
    }

    .about-tab3 li a {
        font-size: 12px;
        line-height: 22px;
        padding-right: 5px;
        margin-right: 5px
    }

    .about-tab1 {
        padding: 30px 0 10px
    }

    .slick-about2-box,
    .y-about1::after {
        display: none
    }

    .y-about1 {
        margin-top: 30px;
        padding-top: 0
    }

    .y-about1 li dl dt {
        font-size: 20px;
        margin-right: 0;
        float: none;
        margin-bottom: 0;
        line-height: 30px
    }

    .y-about1 li dl dd p {
        font-size: 14px
    }

    .y-about1 li {
        margin-bottom: 20px
    }

    .about-more img {
        width: 30px;
        display: block;
        margin: 0 auto
    }

    .about-more {
        width: auto;
        left: 0;
        margin: 0 auto 30px
    }

    .dj-tit h3 {
        font-size: 20px
    }

    .dj-tit .more {
        font-size: 14px
    }

    .join-bot.dj {
        margin-top: 20px
    }

    .join-bot.dj .slick {
        margin-bottom: 50px
    }

    .dj-imgtxt {
        padding: 10px
    }

    .dj-news-box {
        margin-bottom: 0
    }

    .dj-ad {
        margin-bottom: 20px
    }

    .dj-list1 li {
        padding: 10px 0
    }

    .dj-list1 li .tit {
        font-size: 16px;
        line-height: 26px
    }

    .dj-list1 li p {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }

    .dj-list2 li a {
        font-size: 14px;
        line-height: 40px;
        padding-left: 30px
    }

    .dj-list2 li a::after {
        width: 6px;
        height: 6px
    }

    .about-imgtxt1 .video .icon i {
        width: 40px;
        height: 40px
    }

    .m-support {
        padding: 30px 0 10px
    }

    .m-support .tit {
        margin-bottom: 20px
    }

    .m-support .tit h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px
    }

    .m-support .tit p {
        font-size: 14px;
        line-height: 26px
    }

    .m-support .con h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px
    }

    .m-support .con li {
        padding-left: 35px;
        -webkit-background-size: 28px;
        -moz-background-size: 28px;
        -o-background-size: 28px;
        background-size: 28px;
        padding-top: 0;
        padding-bottom: 0
    }

    .m-support .con li span {
        font-size: 14px;
        line-height: 22px;
        float: none;
        display: block
    }

    .m-support .con li p {
        font-size: 14px;
        line-height: 22px
    }

    .m-support .con li img {
        margin-top: 10px;
        width: 100px;
        height: 100px;
        padding: 4px
    }

    .copy {
        border: none
    }

    .part3-content .imgtxt {
        padding-bottom: 30px;
        background-color: #fff
    }

    .part3-content .imgtxt .slick-dots {
        bottom: 25px
    }

    .part3-content .imgtxt .slick-dots li {
        margin: 0 4px;
        width: 6px;
        height: 6px
    }

    .part3-content .imgtxt .slick-dots li button {
        width: 6px;
        height: 6px;
        padding: 0;
        outline: 0;
        border: none;
        text-indent: -999px;
        background-color: #d8d8d8;
        margin: 0
    }

    .part3-content .imgtxt .slick-dots li.slick-active button {
        background-color: #6a1a01
    }

    .part3-content .imgtxt .box-ul {
        padding: 0 10px 10px
    }

    .part3-content .imgtxt .box-ul ul {
        margin: 0
    }

    .part3-content .imgtxt .box-ul ul li {
        width: 50%;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .part3-content .imgtxt .box-ul .more {
        font-size: 14px;
        line-height: 34px;
        width: 100px;
        margin: 0 auto 35px
    }

    .pop-video .con .close {
        right: -15px;
        top: -45px;
    }

    .pop-video .con {
        width: 90%;
    }

    .part3-content .imgtxt .box .pic {
        float: none;
        margin-right: 0;
        width: auto;
    }

    .index-list1 li a {
        font-size: 14px;
        line-height: 22px;
    }

    .index-tab1 li a {
        font-size: 16px;
        line-height: 40px;
    }

    .index-map .txt {
        margin-right: 0;
    }

    .pf_tel {
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        position: fixed;
        right: 10px;
        bottom: 20%;
        z-index: 100;
        display: block;
    }

    .pf_tel a {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 10px;
        border-radius: 50%;
        background-color: #6a1a01;
        box-shadow: 0 0 10px rgba(255, 114, 0, 0.4);
    }

    .pf_tel a img {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        margin: 0 auto;
        padding: 0;
    }

    .to_top {
        margin-top: 10px !important;
        background: #666 !important;
    }

    .join-center {
        padding-bottom: 280px;
        position: relative;
    }

    .join-center .img {
        width: 320px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -160px;
    }

    .hd-link::after {
        display: none;
    }

    .zd-l12 {
        width: auto;
        margin: 20px 0;
    }

    .zd-l13>li {
        margin-bottom: 20px;
        float: none;
        width: auto;
    }

    .zd-l13>li .item {
        margin: 0;
    }

    .zd-l13 {
        margin: 20px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .index-part1 {
        display: block;
    }

    .index-part1 ul {
        padding: 30px 0px;
        font-size: 0;
    }

    .index-part1 ul li {
        width: 50%;
        padding: 20px 10px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .about-tab2 li {
        width: 100%;
        padding: 10px 0px;
    }

    .about-tab2 li .dn,
    .ts-con {
        padding-top: 14px;
    }

    .about-tab2 li .about-tab2-title {
        font-size: 17px;
    }

    .about-tab2 li .about-tab2-title {
        margin-top: 10px;
        padding-left: 25px;
    }

    .about-tab2 li .ts-con p {
        line-height: 1.2;
        text-align: left !important;
        margin-top: 0;
        padding-left: 25px;
    }

    .index-part1 ul li p {
        height: auto;
    }

    .index-part1 ul li::after {
        display: none;
    }
}

.phone {
    display: none;
}

.pc {
    display: block;
}

@media screen and (max-width:767px) {
    .phone {
        display: block;
    }

    .pc {
        display: none;
    }

}

 @media (max-width:1023px)  {
    .pc {
        display: none;
    }

    .phone {
        display: block;
    }

    
}