@media screen and (min-width: 1500px) {
    .body-content {
        margin-left: 100px;
        margin-right: 100px;
    }
    .cross-content {
        margin-left: -100px;
        margin-right: -100px;
    }
    .spacing,
    .spacing-top {
        padding-top: 100px;
    }
    .spacing,
    .spacing-bottom {
        padding-bottom: 100px;
    }
    .nav {
        height: 100px;
        line-height: 100px;
    }
    #navbar {
        margin-right: 170px;
    }
    #navbar .relative {
        line-height: 70px;
    }
    #navbar-button {
        width: 100px;
    }
    #scroll-down {
        height: 100px;
    }
    #banner > .swiper-pagination {
        padding-bottom: 100px;
        width: 100px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet {
        margin-bottom: 64px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:after {
        height: 64px;
    }
    #banner .banner-content .cover-img{
        top: 100px;
    }
    #home-video > .tab-option {
        height: 108px;
        line-height: 108px;
    }
    #home-video > .tab-content .full {
        bottom: 12%;
    }
    #home-video > .tab-content .cover-img {
        height: 760px;
        font-size: 20px;
    }
    #home-video > .tab-content .button-play {
        margin: 6% auto 0;
        width: 110px;
        height: 110px;
    }
    #home-company {
        margin-right: 640px;
    }
    #home-data {
        width: 640px;
    }
    #home-data .data {
        font-size: 45px;
    }
    #business-container .title {
        font-size: 26px;
        margin-bottom: 32px;
    }
    #business-container .home-icon-img {
        margin: 20px auto 24px;
    }
    #news2-container .col-item-content .news-img:after {
        padding-top: 408px;
    }
    #news2-container .col-item-content .fade .text-node {
        margin-top: 60px;
    }
    #news2-container .col-item-content .info {
        margin-bottom: 36px;
    }
    #news2-container .col-item-content .title {
        font-size: 24px;
        height: 72px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(3) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .right > .home-icon-img {
        margin-top: 24px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .title,
    #news2-container .swiper-slide:nth-of-type(4) .title,
    #news2-container .swiper-slide:nth-of-type(5) .title {
        margin-bottom: 20px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(4) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(5) .news-img:after {
        padding-top: 175px;
    }
    #footer-left > .line {
        margin: 50px 0;
    }
    #footer-left > .share {
        margin-top: 64px;
    }
    #footer-center {
        margin: 0 300px 0 240px;
        padding: 0 4%;
    }
    #footer-right {
        width: 290px;
    }
    #footer-right > .tel {
        font-size: 30px;
        padding-left: 48px;
        margin: 100px auto 50px;
    }
    #footer-bottom {
        padding: 28px 0;
        margin-top: 80px;
    }
    #footer-bottom > .left {
        float: left;
    }
    #footer-bottom > .right {
        float: right;
    }
    #page_anchor a:not(:last-child) {
        margin-right: 100px;
    }
    #case .swiper .col-item-content > .full > .text-node {
        height: 112px;
        -webkit-line-clamp: 5;
    }
    #news_recomm .col-item-content {
        font-size: 20px;
    }
    #d_main .relative > .right > .clear > .title {
        margin-right: 10em;
    }
    #brand_story .swiper .content {
        padding-left: 22%;
    }
    #brand_story .swiper .swiper-slide {
        font-size: 20px;
    }
    #publication > .item {
        font-size: 20px;
    }
    #publication > .item .fade .swiper {
        margin-right: -4.5em;
    }
    #publication > .item .fade .swiper .content {
        margin-right: 4.5em;
        margin-bottom: 1em;
    }
    #news_top .body-content {
        font-size: 20px;
    }
    #news_list {
        font-size: 20px;
    }
    #recruit .col-2 {
        margin-right: -48px;
    }
    #recruit .col-2 > .col-2-item > .col-item-content {
        margin-right: 48px;
        margin-bottom: 48px;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li > .content {
        padding: 0 36px;
    }
    #about-data {
        font-size: 20px;
    }
    #organ {
        margin-top: -140px;
    }
    #team > .body-content > .swiper .content {
        margin-right: 15%;
    }
    #company-video .swiper .content {
        margin-right: 12%;
    }
    #development {
        font-size: 20px;
    }
    #fixed_nav {
        font-size: 20px;
    }
}
@media screen and (max-width: 1500px) {
    #case .swiper .col-item-content > .full > .text-node {
        height: 45px;
        -webkit-line-clamp: 2;
    }
    #d_main .relative > .right > .clear > .title {
        margin-right: 6em;
    }
    #brand_story .swiper .content {
        padding-left: 12%;
    }
    #brand_story .swiper .swiper-slide {
        font-size: 16px;
    }
    #publication > .item {
        font-size: 16px;
    }
    #publication > .item .fade .swiper {
        margin-right: -1.2em;
    }
    #publication > .item .fade .swiper .content {
        margin-right: 1.2em;
        margin-bottom: 1em;
    }
    #news_top .body-content {
        font-size: 16px;
    }
    #news_list {
        font-size: 16px;
    }
    #recruit .col-2 {
        margin-right: -32px;
    }
    #recruit .col-2 > .col-2-item > .col-item-content {
        margin-right: 32px;
        margin-bottom: 32px;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li > .content {
        padding: 0 20px;
    }
    #about-data {
        font-size: 16px;
    }
    #organ {
        margin-top: -80px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .body-content {
        margin-left: 80px;
        margin-right: 80px;
    }
    .cross-content {
        margin-left: -80px;
        margin-right: -80px;
    }
    .spacing,
    .spacing-top {
        padding-top: 80px;
    }
    .spacing,
    .spacing-bottom {
        padding-bottom: 80px;
    }
    .nav {
        height: 80px;
        line-height: 80px;
    }
    #navbar {
        margin-right: 100px;
    }
    #navbar .relative {
        line-height: 60px;
    }
    #navbar-button {
        width: 80px;
    }
    #scroll-down {
        height: 80px;
    }
    #banner > .swiper-pagination {
        padding-bottom: 80px;
        width: 80px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet {
        margin-bottom: 50px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:after {
        height: 50px;
    }
    #banner-text {
        font-size: 14px;
    }
    #banner .banner-content .cover-img{
        top: 80px;
    }
    #home-video > .tab-option {
        height: 70px;
        line-height: 70px;
    }
    #home-video > .tab-content .cover-img {
        height: 680px;
        font-size: 18px;
    }
    #home-video > .tab-content .button-play {
        width: 100px;
        height: 100px;
        margin: 5% auto 0;
    }
    #home-video > .tab-content .full {
        bottom: 10%;
    }
    #home-company {
        margin-right: 560px;
    }
    #home-data {
        width: 560px;
    }
    #home-data .data {
        font-size: 40px;
    }
    #business-container .title {
        font-size: 24px;
        margin-bottom: 24px;
    }
    #business-container .home-icon-img {
        margin: 16px auto 20px;
    }
    #news2-container .col-item-content .news-img:after {
        padding-top: 318px;
    }
    #news2-container .col-item-content .fade .text-node {
        margin-top: 50px;
    }
    #news2-container .col-item-content .info {
        margin-bottom: 32px;
    }
    #news2-container .col-item-content .title {
        font-size: 20px;
        height: 60px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(3) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .right > .home-icon-img {
        margin-top: 20px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .title,
    #news2-container .swiper-slide:nth-of-type(4) .title,
    #news2-container .swiper-slide:nth-of-type(5) .title {
        margin-bottom: 16px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(4) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(5) .news-img:after {
        padding-top: 140px;
    }
    #footer-center {
        margin: 0 240px;
        padding: 0 2%;
        font-size: 14px;
    }
    #footer-center ul {
        margin: 0 4px;
    }
    #footer-left > .line {
        margin: 36px 0;
    }
    #footer-left > .share {
        margin-top: 40px;
    }
    #footer-bottom {
        padding: 24px 0;
        margin-top: 60px;
    }
    #footer-right {
        width: 240px;
    }
    #footer-right > .tel {
        font-size: 24px;
        padding-left: 36px;
        margin: 80px auto 45px;
    }
    #page_anchor a:not(:last-child) {
        margin-right: 60px;
    }
    #news_recomm .col-item-content {
        font-size: 18px;
    }
    #team > .body-content > .swiper .content {
        margin-right: 12%;
    }
    #company-video .swiper .content {
        margin-right: 9%;
    }
    #development {
        font-size: 18px;
    }
    #fixed_nav {
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    body {
        font-size: 14px;
    }
    #footer-bottom {
        padding: 20px 0;
        margin-top: 40px;
    }
    #footer-center {
        display: none;
    }
    #case .swiper .col-item-content > .full > .title {
        font-size: 18px;
        padding-bottom: 16px;
    }
    #brand_story .fl {
        float: none;
    }
    #brand_story .swiper {
        margin-left: -4%;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li {
        width: 50%;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(2n) .content {
        padding-right: 0;
        border-left: 1px dashed rgba(0, 0, 0, 0.2);
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(2n-1) .content {
        padding-left: 0;
        border-right: 1px dashed rgba(0, 0, 0, 0.2);
    }
    #d_top .flex > .item > .content > .text-node {
        height: 45px;
        -webkit-line-clamp: 2;
    }
    #contact .container {
        font-size: 16px;
    }
    #map_container > .body-content {
        font-size: 16px;
    }
    #about-data {
        float: none;
        width: auto;
    }
    #about-data:after {
        display: block;
        content: "";
        clear: both;
    }
    #team > .body-content > .clear > .fl {
        float: none;
    }
    #team > .body-content > .clear > .right {
        padding: 30px 0 0 0;
    }
    #team > .body-content > .clear > .right > .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    #honor .swiper {
        font-size: 16px;
    }
    #development {
        font-size: 16px;
        padding-bottom: 6em;
    }
    #development_content > .title {
        font-size: 2em;
    }
    #development_container {
        margin-right: 80px;
    }
    #select_year {
        background-color: #fff;
        width: 60px;
        text-align: center;
        left: auto;
    }
    #select_year > .list {
        top: 36px;
        bottom: 36px;
    }
    #select_year > .list > .li {
        line-height: 2;
    }
    #select_year > .list > .li > .scope {
        display: none;
    }
    #select_year > .list > .li > .content > .year {
        display: block;
    }
    #development_month {
        margin: 50px auto 0;
    }
    #development_month > .item {
        color: #fff;
        text-shadow: 1px 1px 0 #000;
        min-width: 36px;
        padding: 6px 0;
    }
    #fixed_nav > .cover-img {
        display: none;
    }
    #fixed_nav > .close {
        right: 24px;
        top: 24px;
        opacity: 0.5;
    }
    #fixed_nav > .container {
        background-color: #fff;
        padding: 24px;
        text-align: center;
    }
    #fixed_nav > .container > .relative > .row > .list {
        display: none;
    }
    #fixed_nav > .container > .relative > .row > .left {
        margin-right: 100px;
    }
    #fixed_nav > .container > .relative > .row a.circle {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
    #fixed_nav > .container > .relative > .row a.circle:not(:last-child) {
        margin-right: 12px;
    }
    #case_zs .right{
        margin-top: 36px;
    }
}
@media screen and (min-width: 1200px) {
    #news1-container {
        margin: 0 -2%;
    }
    #news1-container .swiper-slide > .container {
        margin: 0 8%;
    }
    #footer-center {
        text-align: center;
    }
    #footer-center .top {
        margin-bottom: 40px;
    }
    #footer-center a:hover {
        text-decoration: underline;
    }
    #footer-center ul {
        margin: 0 8px;
    }
    #footer-center ul:first-child {
        margin-left: 0;
    }
    #footer-center ul:last-child {
        margin-right: 0;
    }
    #footer-center li:not(.top) .textOver {
        margin-bottom: 12px;
        opacity: 0.7;
        font-size: 87.5%;
    }
    #footer-left {
        width: 18%;
        min-width: 240px;
    }
    #case_zs .edit-content{
        float: left;
        width: 55%;
    }
    #case_zs .right{
        margin-left: 55%;
        padding-left: 3%;
    }
    #case .swiper .col-item-content > .full > .title {
        font-size: 22px;
        padding-bottom: 20px;
    }
    #d_main .relative {
        font-size: 20px;
    }
    #d_main_list .clear {
        font-size: 20px;
        padding-top: 2.2em;
        padding-bottom: 2em;
    }
    #recruit_detail .col-4 > .col-4-item > .col-item-content {
        margin-right: 12%;
        margin-bottom: 6%;
    }
    #cul_inter .tab-option .item {
        font-size: 20px;
    }
    #cul_story .swiper .col-item-content {
        font-size: 20px;
    }
    #brand_story .body-content {
        margin-right: 0;
    }
    #brand_story .fl {
        width: 460px;
    }
    #brand_story .fl:before {
        content: "";
        left: -500px;
        top: -500px;
        bottom: -500px;
        background-color: #fff;
        right: -2px;
        position: absolute;
    }
    #brand_story .swiper {
        margin-left: 460px;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li {
        width: 48%;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(3n-2) {
        width: 32%;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(3n-2) .content {
        padding-left: 0;
        border-right: 1px dashed rgba(0, 0, 0, 0.2);
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(3n) {
        width: 20%;
    }
    #recruit .col-2 > .col-2-item > .col-item-content > .information > li:nth-of-type(3n) .content {
        padding-right: 0;
        border-left: 1px dashed rgba(0, 0, 0, 0.2);
    }
    #d_top {
        font-size: 20px;
    }
    #d_top .flex > .item > .content > .text-node {
        height: 112px;
        -webkit-line-clamp: 5;
    }
    #contact .container {
        font-size: 20px;
    }
    #map_container > .body-content {
        font-size: 20px;
    }
    #team > .body-content > .clear > .fl {
        width: 48%;
    }
    #team > .body-content > .clear > .right {
        margin-left: 48%;
        padding: 30px 0 0 48px;
    }
    #team > .body-content > .clear > .right > .title {
        font-size: 26px;
        margin-bottom: 50px;
    }
    #honor .swiper {
        font-size: 20px;
    }
    #development_container {
        margin-right: 26.5em;
        padding-right: 4%;
    }
    #select_year {
        left: auto;
        width: 26.5em;
        background-image: url(../images/year.jpg);
    }
    #select_year > .contain-img {
        width: 45%;
        background-image: url(../images/select.png);
    }
    #select_year > .contain-img:after {
        display: block;
        content: "";
        padding-top: 23.10756972%;
    }
    #select_year > .list {
        padding: 15% 0;
    }
    #select_year > .list > .li {
        line-height: 1;
        padding: 0 22%;
        padding-bottom: 0.8em;
    }
    #select_year > .list > .li > .scope {
        font-size: 1.7em;
        margin-bottom: 0.7em;
        cursor: pointer;
    }
    #select_year > .list > .li > .scope:after {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        display: block;
        content: "";
        position: absolute;
        left: 100%;
        width: 0;
        top: 50%;
        margin-left: 1.5em;
        height: 0.06em;
        margin-top: -1px;
        background-color: #de692a;
    }
    #select_year > .list > .li > .content {
        display: none;
        margin-bottom: 1.2em;
    }
    #development_month > .item {
        /*height: 10em;*/
        /*color: #929191;*/
    }
    #development_month > .item > .top-item {
        height: 100%;
        position: relative;
        line-height: 1.5;
    }
    #development_month > .item > .top-item:after {
        width: 0;
        border-left: 2px dashed #929191;
        z-index: 1;
        bottom: 0;
    }
    #development_month > .item > .top-item:before {
        -webkit-border-radius: 960px;
        -moz-border-radius: 960px;
        border-radius: 960px;
        width: 10px;
        height: 10px;
        background-color: #de692a;
        z-index: 2;
        opacity: 0;
    }
    #development_month > .item > .top-item:after,
    #development_month > .item > .top-item:before {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        display: block;
        content: "";
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #development_month > .item.active {
        margin-top: -2em;
        height: 12em;
    }
    #fixed_nav > .cover-img {
        background-size: 100% 100%;
        opacity: 0;
    }
    #fixed_nav > .cover-img.bg-repeat {
        z-index: 1;
        background-image: url(../images/nav-re.png);
    }
    #fixed_nav > .cover-img.bg {
        z-index: 2;
        transform: translateX(10%);
        background-image: url(../images/nav.png);
    }
    #fixed_nav > .close {
        opacity: 0;
        right: 36px;
        top: 36px;
    }
    #fixed_nav > .container {
        opacity: 0;
        width: 49%;
        left: auto;
        padding: 1% 5.2% 1% 1%;
    }
    #fixed_nav > .container > .relative > .row a.circle {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    #fixed_nav > .container > .relative > .row a:not(:last-child) {
        margin-right: 20px;
    }
    #fixed_nav > .container > .relative > .row > .left {
        margin-right: 140px;
    }
    #fixed_nav:not(.active) > .cover-img {
        transition-delay: 0.2s;
    }
    #fixed_nav.active > .cover-img {
        opacity: 1;
    }
    #fixed_nav.active > .cover-img.bg {
        transform: translateX(0);
    }
    #fixed_nav.active > .container,
    #fixed_nav.active > .close {
        transition-delay: 0.2s;
        opacity: 1;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .body-content {
        margin-left: 64px;
        margin-right: 64px;
    }
    .cross-content {
        margin-left: -64px;
        margin-right: -64px;
    }
    .spacing,
    .spacing-top {
        padding-top: 64px;
    }
    .spacing,
    .spacing-bottom {
        padding-bottom: 64px;
    }
    .nav {
        height: 64px;
        line-height: 64px;
    }
    #banner .banner-content .cover-img{
        top: 64px;
    }
    #navbar .fl {
        margin: 0 12px;
    }
    #navbar {
        margin-right: 15px;
    }
    #navbar .relative {
        line-height: 48px;
    }
    #navbar-button {
        width: 64px;
    }
    #scroll-down {
        height: 64px;
    }
    #banner > .swiper-pagination {
        padding-bottom: 64px;
        width: 64px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet {
        margin-bottom: 36px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:after {
        height: 36px;
    }
    #banner-text {
        font-size: 12px;
    }
    #home-company {
        margin-right: 480px;
    }
    #home-data {
        width: 480px;
    }
    #home-data .data {
        font-size: 32px;
    }
    #home-video > .tab-option {
        height: 60px;
        line-height: 60px;
    }
    #home-video > .tab-content .cover-img {
        height: 540px;
        font-size: 16px;
    }
    #home-video > .tab-content .button-play {
        width: 90px;
        height: 90px;
        margin: 4% auto 0;
    }
    #home-video > .tab-content .full {
        bottom: 8%;
    }
    #business-container .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    #business-container .home-icon-img {
        margin: 14px auto 16px;
    }
    #news1-container {
        margin: 0 -3%;
    }
    #news1-container .swiper-slide > .container {
        margin: 0 9%;
    }
    #news2-container .col-item-content .news-img:after {
        padding-top: 240px;
    }
    #news2-container .col-item-content .fade .text-node {
        margin-top: 36px;
    }
    #news2-container .col-item-content .info {
        margin-bottom: 24px;
    }
    #news2-container .col-item-content .title {
        font-size: 18px;
        height: 54px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(3) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .right > .home-icon-img {
        margin-top: 6px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .title,
    #news2-container .swiper-slide:nth-of-type(4) .title,
    #news2-container .swiper-slide:nth-of-type(5) .title {
        margin-bottom: 6px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(4) .news-img:after,
    #news2-container .swiper-slide:nth-of-type(5) .news-img:after {
        padding-top: 110px;
    }
    #footer-left {
        width: 48%;
    }
    #footer-left > .line {
        margin: 36px 0;
    }
    #footer-left > .share {
        margin-top: 40px;
    }
    #footer-left > .address > .title {
        margin-bottom: 16px;
    }
    #footer-right {
        width: 48%;
        max-width: 240px;
    }
    #footer-right > .tel {
        font-size: 24px;
        padding-left: 36px;
        margin: 50px auto 24px;
    }
    #page_anchor a:not(:last-child) {
        margin-right: 32px;
    }
    #news_recomm .col-item-content {
        font-size: 16px;
    }
    #d_main .relative {
        font-size: 18px;
    }
    #d_main_list .clear {
        font-size: 18px;
    }
    #recruit_detail .col-4 > .col-4-item {
        width: 33.33333%;
    }
    #recruit_detail .col-4 > .col-4-item > .col-item-content {
        margin-right: 9%;
        margin-bottom: 4.5%;
    }
    #cul_inter .tab-option .item {
        font-size: 18px;
    }
    #cul_story .swiper .col-item-content {
        font-size: 18px;
    }
    #d_top {
        font-size: 18px;
    }
    #team > .body-content > .swiper .content {
        margin-right: 9%;
    }
    #company-video .swiper .content {
        margin-right: 9%;
    }
}
@media screen and (min-width: 1000px) {
    .home-title .tab-option {
        padding: 6px 0 6px 40px;
    }
    .home-title .tab-option > .item {
        margin-left: 48px;
    }
    .col-3 {
        margin-right: -3%;
        margin-bottom: -3%;
    }
    .col-3 .col-item-content {
        margin-right: 9%;
        margin-bottom: 9%;
    }
    .logo > img {
        max-height: 46px;
    }
    #navbar .item {
        float: left;
        margin: 0 12px;
    }

    #home-data {
        float: right;
    }
    #home-data > .body-content {
        padding: 6% 0;
    }
    #home-video > .tab-option > .item.active > .content:after {
        height: 18px;
    }
    #home-video > .tab-option > .item > .content:before {
        width: 18px;
        height: 4px;
        margin-top: -2px;
    }
    #home-video > .tab-option > .item > .content:after {
        width: 4px;
        margin-right: 7px;
    }
    #business-container .container > .full {
        padding-bottom: 36px;
    }
    #home-news1 > .cover-img > .body-content > .swiper-pagination {
        margin-top: 60px;
    }
    #news2-container .swiper-wrapper {
        display: block;
    }
    #news2-container .swiper-wrapper > .swiper-slide {
        float: left;
    }
    #news2-container .swiper-pagination {
        display: none;
    }
    #news2-container .swiper-slide:nth-of-type(3) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .fade > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(3) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(4) .right > .home-icon-img,
    #news2-container .swiper-slide:nth-of-type(5) .right > .home-icon-img {
        display: block;
        width: 35px;
        height: 6px;
        background-position: 0 -42px;
    }
    #news2-container .swiper-slide:nth-of-type(3) .info,
    #news2-container .swiper-slide:nth-of-type(4) .info,
    #news2-container .swiper-slide:nth-of-type(5) .info,
    #news2-container .swiper-slide:nth-of-type(3) .more-button,
    #news2-container .swiper-slide:nth-of-type(4) .more-button,
    #news2-container .swiper-slide:nth-of-type(5) .more-button {
        display: none;
    }
    #news2-container .swiper-slide:nth-of-type(3) .title,
    #news2-container .swiper-slide:nth-of-type(4) .title,
    #news2-container .swiper-slide:nth-of-type(5) .title {
        display: block;
        font-size: 18px;
        white-space: nowrap;
        height: auto;
    }
    #news2-container .swiper-slide:nth-of-type(3) .right,
    #news2-container .swiper-slide:nth-of-type(4) .right,
    #news2-container .swiper-slide:nth-of-type(5) .right {
        position: absolute;
        right: 0;
        top: 0;
        left: 54%;
        padding: 2% 0;
        background-color: transparent;
    }
    #news2-container .swiper-slide:nth-of-type(3) .fade,
    #news2-container .swiper-slide:nth-of-type(4) .fade,
    #news2-container .swiper-slide:nth-of-type(5) .fade {
        padding: 4.5%;
    }
    #news2-container .swiper-slide:nth-of-type(3) .default .text-node,
    #news2-container .swiper-slide:nth-of-type(4) .default .text-node,
    #news2-container .swiper-slide:nth-of-type(5) .default .text-node {
        display: block;
    }
    #news2-container .swiper-slide:nth-of-type(3) .text-node,
    #news2-container .swiper-slide:nth-of-type(4) .text-node,
    #news2-container .swiper-slide:nth-of-type(5) .text-node {
        margin-top: 0;
        height: 45px;
        -webkit-line-clamp: 2;
    }
    #news2-container .swiper-slide:nth-of-type(3) .news-img,
    #news2-container .swiper-slide:nth-of-type(4) .news-img,
    #news2-container .swiper-slide:nth-of-type(5) .news-img {
        width: 50%;
    }
    #rl_list .swiper-slide > .content > .title {
        font-size: 24px;
    }
    #column_detail > .body-content > .title {
        font-size: 40px;
    }
    #column_detail > .body-content > .position {
        font-size: 30px;
        margin: 24px auto 100px;
    }
    #column_detail > .body-content > .info {
        margin: 40px auto 50px;
    }
    #news_detail > .body-content {
        margin-top: -55px;
    }
    #news_detail .page > .textOver {
        max-width: 45%;
    }
    #news_detail .page > .home-icon-img {
        width: 32px;
        height: 17px;
        background-position: -32px 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -8.5px 0 0 -16px;
    }
    #recruit_detail .container {
        padding: 60px;
    }
    #recruit_detail .container > .fr {
        font-size: 18px;
    }
    #recruit_detail .container > .text-node {
        max-width: 800px;
        margin-right: 240px;
    }
    #recruit_detail .row {
        margin-bottom: 60px;
    }
    #recruit_detail .row-title {
        margin-bottom: 30px;
        font-size: 24px;
    }
    #recruit_detail .col-2 {
        margin-right: -3%;
        margin-bottom: -1.5%;
    }
    #recruit_detail .col-2 > .col-2-item {
        float: left;
    }
    #recruit_detail .col-2 > .col-2-item > .col-item-content {
        margin-right: 6%;
        margin-bottom: 3%;
    }
    #recruit_detail textarea {
        min-height: 200px;
    }
    #publication > .item {
        width: 25%;
        float: left;
    }
    #publication > .item.active {
        width: 50%;
    }
    #publication > .item .title > .cover-img {
        background-position-x: 0;
    }
    #news_top .body-content .full {
        right: 51.5%;
    }
    #news_top .body-content .full > .cover-img {
        height: 100%;
    }
    #news_top .body-content .right {
        margin-left: 48.8%;
        padding: 2.5em 0 2.5em 2.5em;
    }
    #news_top .body-content .right > .title {
        -webkit-line-clamp: 2;
        height: 3.6em;
        margin: 1em auto 0.7em;
    }
    #news_top .body-content .right > .clear {
        margin-top: 3.5em;
    }
    #d_list > .full {
        left: 50%;
    }
    #d_list .swiper .swiper-slide > .clear {
        font-size: 20px;
    }
    #d_list .swiper .swiper-slide:nth-of-type(2n) > .clear {
        margin-left: 10%;
    }
    #d_list .swiper .swiper-slide:nth-of-type(2n-1) > .clear {
        margin-right: 10%;
    }
    #honor .swiper .col-item-content {
        margin-right: 6%;
    }
}
#honor .home-title > .item:not(:first-child) {
    margin-left: 60px;
}
#honor .home-title > .item .text {
    display: block;
    padding-bottom: 14px;
}
#honor .swiper {
    margin-bottom: 0;
}
#honor .swiper .col-item-content {
    padding: 9%;
    background-color: #fff;
}
#honor .swiper .col-item-content > .title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1.8em;
}
#honor .swiper .col-item-content > .contain-img {
    padding-top: 64.87119438%;
}
#honor .swiper .col-item-content:hover {
    color: #fff;
    background-color: #d0703b;
}
#honor .swiper > .swiper-pagination {
    width: auto;
    margin: 0 auto;
    transform: translate(0);
}
@media screen and (max-width: 1000px) {
    .home-title .tab-option {
        padding: 6px 0 6px 24px;
    }
    .home-title .tab-option > .item {
        margin-left: 24px;
    }
    .col-3 {
        margin-right: -4%;
        margin-bottom: -4%;
    }
    .col-3 .col-3-item {
        width: 50%;
    }
    .col-3 .col-item-content {
        margin-right: 8%;
        margin-bottom: 8%;
    }
    .spacing,
    .spacing-top {
        padding-top: 48px;
    }
    .spacing,
    .spacing-bottom {
        padding-bottom: 48px;
    }
    #navbar {
        display: none;
        height: auto;
        text-align: center;
        margin-right: 0;
        position: fixed;
        z-index: 500;
        padding-top: 20%;
        left: 0;
        right: 0;
        top: 50px;
        bottom: 0;
        background-color: #fff;
    }
    #navbar > .item > .relative:before,
    #navbar > .item > .relative:after {
        bottom: 50%;
        margin-bottom: -6px;
    }
    #navbar > .item > .relative:before {
        display: block;
        margin-left: -54px;
    }
    #navbar > .item > .relative:after {
        margin-left: 34px;
    }
    .nav {
        height: 50px;
        line-height: 50px;
    }
    #banner .banner-content .cover-img{
        top: 50px;
    }
    #navbar-button {
        width: 64px;
    }
    .logo > img {
        max-height: 36px;
    }
    #banner #banner-text{
        margin-right: 64px;
    }
    #banner-text {
        font-size: 8px;
    }
    #home-about-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #home-company,
    #home-data {
        width: 100%;
    }
    #home-company {
        margin-right: 0;
        order: 1;
    }
    #home-data {
        order: 2;
        margin: 36px auto 0;
    }
    #home-data > .body-content {
        padding: 36px 0;
    }
    #home-data .data {
        font-size: 40px;
    }
    #home-video > .tab-option {
        height: 60px;
        line-height: 60px;
        font-size: 12px;
    }
    #home-video > .tab-option > .item.active > .content:after {
        height: 14px;
    }
    #home-video > .tab-option > .item > .content:before {
        width: 14px;
        height: 2px;
        margin-top: -1px;
    }
    #home-video > .tab-option > .item > .content:after {
        width: 2px;
        margin-right: 6px;
    }
    #home-video > .tab-content .cover-img {
        height: 400px;
        font-size: 14px;
    }
    #home-video > .tab-content .button-play {
        width: 80px;
        height: 80px;
        margin: 24px auto 0;
    }
    #home-video > .tab-content .full {
        bottom: 36px;
    }
    #business-container .container > .full {
        padding-bottom: 16px;
    }
    #business-container .title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    #business-container .home-icon-img {
        margin: 12px auto 16px;
    }
    #home-news1 > .cover-img > .body-content > .swiper-pagination {
        padding-bottom: 24px;
        margin-top: 24px;
    }
    #news2-container .col-item-content .news-img:after {
        padding-top: 75%;
    }
    #news2-container .col-item-content .fade .text-node {
        margin-top: 32px;
    }
    #news2-container .col-item-content .info {
        margin-bottom: 20px;
    }
    #news2-container .col-item-content .title {
        font-size: 16px;
        height: 48px;
    }
    #news_detail > .body-content {
        margin-top: -30px;
    }
    #news_detail .page > .textOver {
        float: none;
    }
    #news_recomm .col-item-content {
        font-size: 14px;
    }
    #recruit_detail .container {
        padding: 20px;
    }
    #recruit_detail .container > .fr {
        float: none;
        margin-bottom: 24px;
        font-size: 16px;
    }
    #recruit_detail .row {
        margin-bottom: 40px;
    }
    #recruit_detail .row-title {
        margin-bottom: 20px;
        font-size: 20px;
    }
    #recruit_detail .col-2 > .col-2-item {
        width: auto;
    }
    #recruit_detail .col-2 > .col-2-item > .col-item-content {
        margin-bottom: 40px;
    }
    #recruit_detail textarea {
        min-height: 120px;
    }
    #publication {
        margin-bottom: -20px;
    }
    #publication > .item {
        font-size: 14px;
        background-color: #de692a;
        color: #fff;
        margin-bottom: 20px;
    }
    #publication > .item > .container {
        padding: 2em;
    }
    #publication > .item .fade {
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
    #publication > .item .default {
        display: none;
    }
    #publication > .item .title > .cover-img {
        background-position-x: -2em;
    }
    #news_top .body-content {
        padding: 24px;
    }
    #news_top .body-content .full {
        position: static;
        margin-bottom: 24px;
    }
    #news_top .body-content .full > .cover-img {
        padding-top: 64%;
    }
    #news_top .body-content .right > .title {
        font-size: 16px;
        margin: 12px auto 20px;
    }
    #news_top .body-content .right > .clear {
        margin-top: 20px;
    }
    #d_list .swiper .swiper-slide > .clear {
        font-size: 16px;
    }
    #organ {
        margin-top: -50px;
    }
}
@media screen and (max-height: 600px) {
    #navbar {
        line-height: 36px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 768px){
    #case_zs .right > .swiper{
        margin-right: -3%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
    .body-content {
        margin-left: 48px;
        margin-right: 48px;
    }
    .cross-content {
        margin-left: -48px;
        margin-right: -48px;
    }
    #scroll-down {
        height: 48px;
    }
    #banner > .swiper-pagination {
        padding-bottom: 48px;
        width: 64px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet {
        margin-bottom: 32px;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:after {
        height: 32px;
    }
    #news1-container {
        margin: 0 -4%;
    }
    #news1-container .swiper-slide > .container {
        margin: 0 8%;
    }
    #news1-container .swiper-slide > .container > .content.fade > .news-title {
        margin: 0 4% 8%;
    }
    #footer-left {
        width: 48%;
    }
    #footer-left > .line {
        margin: 36px 0;
    }
    #footer-left > .share {
        margin-top: 40px;
    }
    #footer-left > .address > .title {
        margin-bottom: 16px;
    }
    #footer-right {
        width: 48%;
        max-width: 240px;
    }
    #footer-right > .tel {
        font-size: 24px;
        padding-left: 36px;
        margin: 50px auto 24px;
    }
    #page_anchor a:not(:last-child) {
        margin-right: 16px;
    }
    #rl_list .swiper-slide > .content > .title {
        font-size: 20px;
    }
    #column_detail > .body-content > .title {
        font-size: 32px;
    }
    #column_detail > .body-content > .position {
        font-size: 24px;
        margin: 20px auto 80px;
    }
    #column_detail > .body-content > .info {
        margin: 40px auto 50px;
    }
    #d_main_list .clear {
        font-size: 16px;
    }
    #recruit_detail .col-4 > .col-4-item {
        width: 50%;
    }
    #recruit_detail .col-4 > .col-4-item > .col-item-content {
        margin-right: 6%;
        margin-bottom: 3%;
    }
    #cul_inter .tab-option .item {
        font-size: 16px;
    }
    #d_top {
        font-size: 14px;
    }
    #team > .body-content > .swiper .content {
        margin-right: 6%;
    }
    #company-video .swiper .content {
        margin-right: 6%;
    }
}
@media screen and (min-width: 768px) {
    .home-title .tel{
        font-size: 30px;
        line-height: 1;
        margin-left: 6%;
        margin: 0 auto;
    }
    .change {
        margin-top: 50px;
    }
    .swiper-pagination > .swiper-pagination-bullet:not(:last-child) {
        margin-right: 30px;
    }
    #case .home-title .right{
        flex: 1;
    }
    #banner-text {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }
    #banner .banner-content {
        height: 100vh;
        position: relative;
    }
    #banner > .swiper-pagination {
        left: auto;
        bottom: 0;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:after {
        display: block;
        content: "";
        position: absolute;
        left: 2.5px;
        top: 100%;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.5);
        pointer-events: none;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:last-child {
        margin-bottom: 0;
    }
    #banner > .swiper-pagination > .swiper-pagination-bullet:last-child:after {
        display: none;
    }
    .more-button {
        width: 160px;
    }
    .more-button > .fl {
        height: 38px;
        line-height: 38px;
        width: 119px;
    }
    .more-button > .fr {
        width: 40px;
        height: 40px;
    }
    .more-button.mini > .fr {
        width: 38px;
        height: 38px;
    }
    .home-title {
        font-size: 16px;
        margin-bottom: 50px;
    }
    .home-title .title {
        padding-bottom: 16px;
    }
    .section-title {
        font-size: 24px;
        margin-bottom: 36px;
    }
    #business-container .container > .full.fade {
        border-bottom: 1px solid #fff;
    }
    #business-container .container > .full.default {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    #news1-container .swiper-slide {
        border-right: 1px solid #e5e5e5;
    }
    #news1-container .swiper-slide > .container > .content .news-title {
        font-size: 20px;
        height: 60px;
    }
    #news1-container .swiper-slide > .container > .content > .more-button {
        margin-top: 70px;
    }
    #news1-container .swiper-slide > .container > .content .time {
        margin: 24px auto;
    }
    #news1-container .swiper-slide > .container > .content .text-node {
        height: 45px;
    }
    #news1-container .swiper-slide > .container > .content .news-title,
    #news1-container .swiper-slide > .container > .content .text-node {
        -webkit-line-clamp: 2;
    }
    #footer-left {
        float: left;
    }
    #footer-left > .line {
        width: 24px;
        height: 4px;
        background-color: #fff;
    }
    #footer-right {
        text-align: right;
        float: right;
    }
    #footer-right > .wechat {
        display: inline-block;
        vertical-align: top;
    }
    #footer .iconfont.circle {
        width: 47px;
        height: 47px;
        line-height: 47px;
    }
    #column > .set:after {
        padding-top: 100%;
    }
    #page_anchor {
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
        position: static;
    }
    #page_anchor > .container {
        position: static;
    }
    #page_anchor > .container > .belong {
        display: none;
    }
    #page_anchor > .container > .scroll-container {
        display: block;
    }
    #page_anchor > .container > .scroll-container > .full {
        position: static;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper {
        display: block;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        line-height: 80px;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a > .full {
        top: auto;
        background-color: #de692a;
        opacity: 0;
        height: 2px;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a:hover,
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a.active {
        color: #de692a;
    }
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a:hover > .full,
    #page_anchor > .container > .scroll-container > .swiper > .swiper-wrapper > a.active > .full {
        opacity: 1;
    }
    #case .swiper {
        overflow: visible;
    }

    #rl_list .bottom .swiper-pagination {
        position: absolute;
        bottom: 0;
        left: 20%;
        width: auto;
        line-height: 30px;
        font-size: 20px;
        color: #b1b1b1;
    }
    #rl_list .bottom .swiper-pagination > .swiper-pagination-current {
        color: #de692a;
    }
    #rl_list .swiper-slide {
        transform: scale(0.65);
    }
    #rl_list .swiper-slide.swiper-slide-active {
        transform: scale(1);
        z-index: 2;
    }
    #rl_list .swiper-slide.swiper-slide-active > .content > .clip {
        margin: 0 -10%;
    }
    #rl_list .swiper-slide.swiper-slide-active > .content > .title {
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
    #rl_list .swiper-slide.swiper-slide-next {
        transform-origin: right center;
    }
    #rl_list .swiper-slide.swiper-slide-prev {
        transform-origin: left center;
    }
    #d_main .relative > .left {
        width: 48.5%;
    }
    #d_main .relative > .left > .swiper .cover-img {
        padding-top: 22.5em;
        height: 8px;
    }
    #d_main .relative > .left > .swiper .full.left {
        margin-right: 150px;
    }
    #d_main .relative > .right {
        width:  48.5%;
        margin-left: 3%;
    }
    #d_main .relative > .right > .clear {
        padding: 1.5em 0;
    }
    #d_main_list .clear > .fl {
        width: 45%;
        max-width: 600px;
    }
    #d_main_list .clear > .text-node {
        margin-left: 50%;
        -webkit-line-clamp: 3;
        height: 67px;
    }
    #cul_inter .swiper .fl {
        width: 40%;
    }
    #cul_inter .swiper .fl > .box {
        font-size: 20px;
    }
    #cul_inter .swiper .right {
        margin-left: 40%;
        padding-left: 5%;
    }
    #cul_story .text-node {
        max-width: 680px;
        min-height: 286px;
    }
    #brand_story .swiper {
        overflow: visible;
    }
    #brand_story .swiper .swiper-slide:nth-of-type(3n-2) .content {
        padding-top: 2.5em;
    }
    #brand_story .swiper .swiper-slide:nth-of-type(3n-1) .content {
        padding-top: 5em;
    }
    #d_top .flex > .item {
        width: 50%;
    }
    #d_top .flex > .item > .content {
        padding-left: 5%;
    }
    #d_top .flex > .item > .content > .title {
        margin: 2.4em auto 0.9em;
    }
    #d_top .flex > .item > .content > .more-button {
        margin-top: 2.4em;
    }
    #team > .body-content > .swiper {
        margin-top: -24px;
    }
    #team > .body-content > .swiper .swiper-slide:nth-of-type(2n) > .content {
        margin-top: 50px;
    }
    #company-video .swiper {
        overflow: visible;
        margin-right: -3%;
    }
    #company-video .swiper .content > .box {
        padding: 15%;
    }
    #company-video .swiper .content > .box .title {
        -webkit-line-clamp: 2;
        font-size: 20px;
        height: 64px;
        margin: 20px auto 56px;
    }
    #company-video .swiper .swiper-scrollbar {
        margin-top: 80px;
    }
    #map_container > .body-content{
        transform: scale(0.8);
        transform-origin: left center;
    }
}
@media screen and (max-width: 768px) {
    .home-title .tel{
        text-align: center;
        font-size: 20px;
        margin-top: 30px;
    }
    .change {
        margin-top: 30px;
    }
    .swiper-pagination > .swiper-pagination-bullet:not(:last-child) {
        margin-right: 12px;
    }
    .body-content {
        margin-left: 20px;
        margin-right: 20px;
    }
    .cross-content {
        margin-left: -20px;
        margin-right: -20px;
    }
    .more-button {
        width: 116px;
    }
    .more-button > .fl {
        height: 30px;
        line-height: 30px;
        width: 83px;
    }
    .more-button > .fr {
        width: 32px;
        height: 32px;
    }
    .more-button.mini > .fr {
        width: 30px;
        height: 30px;
    }
    .swiper,
    .swiper .col-item-content {
        margin-right: 0;
    }
    #banner .banner-content:after {
        padding-top: 120%;
    }
    #banner #banner-text {
        font-size: 6px;
        margin-right: 20px;
    }
    #home-company .home-title {
        background-size: auto 60%;
    }
    #home-data .data {
        font-size: 24px;
    }
    .home-title {
        font-size: 12px;
        margin-bottom: 40px;
    }
    .home-title .title {
        margin-bottom: 12px;
    }
    .section-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
    #news1-container .swiper-slide > .container > .content .news-title {
        font-size: 18px;
    }
    #news1-container .swiper-slide > .container > .content > .more-button {
        margin-top: 36px;
    }
    #news1-container .swiper-slide > .container > .content .time {
        margin: 12px auto 16px;
    }
    #news1-container .swiper-slide > .container > .content.fade > .news-title {
        margin: 24px;
    }
    #home-news2 .nav.hide-pc {
        text-align: center;
        padding: 12px 0;
        margin-bottom: 24px;
        border-bottom: 1px solid #e5e5e5;
        height: auto;
        line-height: 2;
    }
    #home-news2 .nav.hide-pc > .item {
        margin: 0 6px;
    }
    #home-news2 .nav.hide-pc > .item > .relative {
        padding-bottom: 20px;
    }
    #home-news2 .swiper-pagination {
        margin-top: 24px;
    }
    #news2-container .col-3 {
        margin: 0;
    }
    #news2-container .col-3 .col-item-content {
        margin: 0;
    }
    #footer .iconfont.circle {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    #footer-left > .line {
        margin: 36px 0;
    }
    #footer-left > .share {
        margin: 24px auto 0;
    }
    #footer-left > .address {
        margin-top: 36px;
    }
    #footer-left > .address > .title {
        margin-bottom: 16px;
    }
    #footer-right {
        text-align: center;
    }
    #footer-right > .tel {
        font-size: 24px;
        padding-left: 36px;
        margin: 50px auto 24px;
    }
    #footer-right > .icon-arrow-up {
        position: fixed;
        right: -40px;
        bottom: 36px;
        z-index: 100;
    }
    #footer-right > .icon-arrow-up.active {
        right: 36px;
        background-color: #de692a;
        color: #fff;
        border-color: #de692a;
    }
    #column > .set:after {
        padding-top: 75%;
    }
    #page_anchor {
        position: fixed;
        z-index: 5000;
        display: none;
    }
    #page_anchor > .masking {
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.7);
    }
    #page_anchor > .container {
        transform: translateY(100%);
        opacity: 0;
        top: auto;
        padding: 20px;
        background-color: #fff;
        font-size: 0;
        z-index: 2;
    }
    #page_anchor > .container > .middle-item {
        font-size: 15px;
        line-height: 40px;
        width: 50%;
        text-align: center;
    }
    #page_anchor > .container > .belong {
        position: relative;
    }
    #page_anchor > .container > .belong:after {
        display: block;
        content: "";
        position: absolute;
        right: -16px;
        top: 50%;
        height: 1px;
        width: 32px;
        margin-top: -0.5px;
        background-color: #c6c5c5;
    }
    #page_anchor > .container > .scroll-container {
        height: 200px;
        position: relative;
        overflow: hidden;
    }
    #page_anchor > .container > .scroll-container > .masking {
        z-index: 2;
        pointer-events: none;
        background-image: -webkit-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -moz-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -ms-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: -o-linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
        background-image: linear-gradient(top, #fff 0%, transparent 50%, #fff 100%);
    }
    #page_anchor > .container > .scroll-container > .swiper {
        padding: 80px 0;
    }
    #page_anchor > .container > .scroll-container > .swiper .swiper-slide-active {
        color: #de692a;
        font-weight: bold;
    }
    #page_anchor.active > .container {
        opacity: 1;
        transform: translateY(0);
    }
    #page_anchor_mob {
        line-height: 50px;
        border-bottom: 1px solid #e5e5e5;
    }
    #page_anchor_mob .fr {
        font-size: 24px;
        padding-left: 12px;
    }
    #rl_list .bottom {
        position: static;
    }
    #rl_list .swiper-slide > .content > .title {
        font-size: 18px;
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
    #column_detail > .body-content > .title {
        font-size: 24px;
    }
    #column_detail > .body-content > .position {
        font-size: 20px;
        margin: 20px auto 80px;
    }
    #column_detail > .body-content > .info {
        margin: 40px auto 50px;
    }
    #d_main .relative{
        display: block;
    }
    #d_main .relative > .left {
        position: relative;
    }
    #d_main .relative > .left > .swiper .cover-img {
        padding-top: 64%;
    }
    #d_main .relative > .left > .swiper .full.left {
        margin-right: 100px;
    }
    #d_main .relative > .right {
        margin-top: 24px;
    }
    #d_main .relative > .right > .clear {
        padding: 1em 0;
    }
    #d_main_list .clear {
        font-size: 14px;
    }
    #d_main_list .clear > .fl {
        float: none;
    }
    #d_main_list .clear > .text-node {
        -webkit-line-clamp: 2;
        height: 45px;
        margin-top: 16px;
    }
    .unselectable {
        transform: scale(0.8);
    }
    #recruit_detail .col-4 {
        margin-bottom: -20px;
        margin-right: 0;
    }
    #recruit_detail .col-4 > .col-4-item {
        width: auto;
        float: none;
    }
    #recruit_detail .col-4 > .col-4-item > .col-item-content {
        margin-bottom: 20px;
        margin-right: 0;
    }
    #cul_inter .swiper .fl {
        float: none;
        margin-bottom: 30px;
    }
    #cul_inter .swiper .fl > .box {
        font-size: 16px;
    }
    #brand_story .swiper {
        margin-left: 0;
        margin-top: 50px;
    }
    #brand_story .swiper .content {
        padding-left: 0;
        margin-bottom: 30px;
    }
    #news_list .col-3 {
        margin-right: 0;
    }
    #news_list .col-3 > .col-3-item {
        width: auto;
        float: none;
    }
    #news_list .col-3 > .col-3-item > .col-item-content {
        margin-right: 0;
        padding: 20px;
    }
    #news_list .col-3 > .col-3-item > .col-item-content > .title {
        margin: 12px auto 16px;
    }
    #news_list .col-3 > .col-3-item > .col-item-content > .more-button {
        margin-top: 24px;
    }
    #recruit .relative {
        padding-bottom: 40px;
        padding-right: 0;
    }
    #recruit .relative > .full {
        position: static;
        margin-bottom: 24px;
        padding-top: 60%;
    }
    #recruit .col-2 {
        margin-right: 0;
    }
    #recruit .col-2 > .col-2-item {
        float: none;
        width: auto;
    }
    #recruit .col-2 > .col-2-item > .col-item-content {
        margin-right: 0;
    }
    #d_top {
        font-size: 14px;
    }
    #d_top .flex {
        -webkit-box-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    #d_top .flex > .item {
        width: 100%;
    }
    #d_top .flex > .item > .content {
        margin-top: 24px;
    }
    #d_top .flex > .item > .content > .title {
        margin: 12px auto 20px;
    }
    #d_top .flex > .item > .content > .more-button {
        margin-top: 16px;
    }
    #contact .container {
        border-bottom: 0 none;
    }
    #contact .container,
    #contact .container tbody,
    #contact .container tr,
    #contact .container td {
        display: block;
    }
    #contact .container td {
        width: auto;
        border-bottom: 1px solid #e5e5e5;
    }
    #contact .container td > .content {
        padding: 24px;
    }
    #map_container {
        background-color: transparent;
        padding: 0;
    }
    #map_container .body-content {
        width: auto;
    }
    #map_container > .full {
        position: static;
        height: 360px;
    }
    #map_container #map #map_content {
        padding: 10px 20px;
        width: 120px;
        margin-left: -80px;
    }
    #about-data {
        font-size: 12px;
    }
    #about-data > .col-2-item {
        float: none;
        width: auto;
    }
    #about-data > .col-2-item > .col-item-content {
        margin-left: 0;
    }
    #about-data > .col-2-item:nth-last-child(2) > .col-item-content > .full {
        display: block;
    }
    #team > .body-content > .swiper {
        margin-right: 0;
    }
    #team > .body-content > .swiper .content {
        margin-right: 0;
        margin-bottom: 30px;
    }
    #company-video .swiper .content {
        margin-right: 0;
    }
    #company-video .swiper .content > .box {
        padding: 24px;
    }
    #company-video .swiper .content > .box .title {
        font-size: 16px;
        margin: 20px auto 40px;
    }
    #company-video .swiper .swiper-scrollbar {
        margin-top: 30px;
    }
    #case .home-title,
    #case .home-title .right{
        display: block;
    }
}