@media screen and (min-width: 1024px) {
    .field-wrap .control .prev:hover {
        left: calc(50% - 30px);
    }
    .field-wrap .control .next:hover {
        left: calc(50% + 30px);
    }
}

@media screen and (max-width: 1600px) {
    .videoli li figure img{
        height: 280px;
    }
    .z-container {
        padding: 0 80px;
    }

    #mainContent1.ind-pro-view .pagination-list {
        display: block;
    }

    .iboxT .en {
        font-size: 66px;
    }

    .iboxT .zh {
        font-size: 32px;
    }

    .banTxt h3 {
        font-size: 40px;
    }

    .banTxt p {
        font-size: 38px;
    }

    .about_text {
        padding: 80px;
        margin-top: 10%;
    }

    .mainIbo .iboxT .zh {
        font-size: 40px;
    }

    .productMain {
        padding-bottom: 0;
    }

    .coreMain,
    .ny-product,
    .media-Main {
        padding-bottom: 100px;
    }

    .tech-one-right h1 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1500px) {
    .imgCore{
        height: 500px;
    }
    .section-service .service-items .item-3 {
        margin-bottom: 22.15625%;
    }

    .tech-one-right h3 {
        padding: 20px 0;
        word-break: inherit;
    }

    .tech-one-right .sec3_tet {
        padding-top: 20px;
    }

    .tech-one-right .sec3_tet p {
        margin-bottom: 10px;
    }

    .tech-one-right .sec3_tet h5 {
        margin-top: 20px;
    }

    .tech-one-right {
        padding-left: 3%;
    }

    .media-box li a {
        padding: 48px 150px;
    }

    .field-wrap .swiper-slide .text-wrap em {
        font-size: 25px;
        letter-spacing: 0;
    }

    .field-wrap .swiper-slide .text-wrap {
        padding: 50px;
    }

    .field-wrap .swiper-slide {
        height: 420px;
    }

    .field-wrap .control {
        width: 70%;
    }

    .field-wrap .control button {
        width: 100px;
    }

    .field-wrap .control button.prev {
        margin-left: -59%;
    }

    .field-wrap .control button.next {
        margin-left: 47%;
        background-position: -375px -25px;
    }
}

@media screen and (max-width: 1400px) {
    ul.quality-list-group li .quality-list-txt .num{
        font-size: 70px;
    }
    ul.quality-list-group li .quality-list-txt .tit{
        font-size: 27px;
    }
    ul.quality-list-group li .quality-list-txt .tit span{
        font-size: 21px;
    }
    .inner {
        max-width: 100%;
        width: 96%;
    }

    .production-visual .txt-box .tit {
        font-size: 28px;
    }

    .production-list li dl dt span {
        font-size: 22px;
    }

    ul.myVideo>li {
        width: 33.33%;
    }

    ul.myVideo>li:nth-child(4) {
        display: none;
    }

    ul.quality-list-group li {
        height: 36vh;
    }

    .recruit-list .tit-box {
        height: 127px;
    }

    .recruit-list .tit-box .right {
        padding: 30px;
    }

    .recruit-list li {
        letter-spacing: 0;
    }

    .news_item li h3 {
        font-size: 18px;
    }

    .news_item li p,
    .news_item li .news_item_text>span {
        font-size: 18px;
    }

    .banner_left {
        width: 190px;
    }

    .pro-info-left h3 {
        font-size: 40px;
        margin-left: 40px;
    }

    .pro-info-left span {
        font-size: 30px;
        margin-left: 13px;
    }

    .imager_kv_tet h1 {
        font-size: 30px;
    }

    .imager_kv_tet img {
        width: 70px;
    }

    /* .imager_kv_img1 img {
        max-width: 80%;
    } */

    .imager_kv_img_tit {
        height: 400px;
        margin-top: -200px;
    }

    .ny-product {
        padding-left: 30px;
        padding-right: 30px;
    }

    .ny-product .main-ovio-con {
        width: 49%;
        margin-bottom: 1%;
    }

    .content__side {
        padding: 160px 5% 0;
    }

    .txtDemo_div .txt-group {
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .txtDemo_div .more-btn {
        width: 80px;
        height: 80px;
        top: -40px;
        right: -40px;
    }

    .txtDemo_div .more-btn i {
        font-size: 34px;
    }

    .media-box .media-two h3 {
        font-size: 20px;
    }

    .field-wrap .swiper-slide {
        width: 70%;
    }

    .tech-one,
    .field-wrap .swiper-container,
    .media-item {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1300px) {

    .right_nav,
    .news-zxdt,
    .banner-news {
        display: none;
    }

    .ind-pro-box li {
        padding: 47px 70px 55px;
    }

    .ind-pro-title span {
        font-size: 70px;
    }

    .ind-campus-text h3 {
        font-size: 23px;
    }

    #header #haedNav {
        margin-right: 130px;
    }

    #header #haedNav .gnbList>li .depth01 {
        padding: 10px 19px;
    }

    .ind-pro-title span {
        font-size: 60px;
    }

    .ind-pro-title h3 {
        margin-left: 25px;
    }

    .ind-pro-more {
        width: 44px;
        height: 44px;
    }

    .ind-pro-more:before {
        width: 20px;
        left: calc(50% - 20px / 2);
    }

    .ind-pro-more::after {
        height: 20px;
        top: calc(50% - 20px / 2);
    }

    .about_text {
        padding: 50px;
    }

    .aboutCompany {
        padding-bottom: 80px;
    }

    .history-year-ul li {
        font-size: 37px;
    }

    .history-year-ul li.active,
    .history-year-ul li:hover {
        font-size: 43px;
        line-height: 1.75;
    }

    .history-con .t {
        font-size: 16px;
    }

    .history-num .num {
        width: 120px;
        height: 100px;
        font-size: 72px;
    }

    .production-list .inner {
        width: 100%;
    }

    .about_sec1_img img {
        width: 72px;
    }

    .mainIbo .iboxT .zh {
        font-size: 35px;
    }

    .production-list li dl dd .txt-box {
        padding: 20px 20px 40px;
    }

    .production-list li dl dd .txt-box .txt {
        padding-left: 0;
        line-height: 1.8;
        font-size: 14px;
    }

    .production-visual .txt-box {
        width: 60%;
    }

    .kc-category-list a {
        padding: 0 30px;
    }

    .section-service .service-items .box {
        padding: 50px;
    }

    .section-service .service-items .item-1 .box,
    .section-service .service-items .box {
        width: 50%;
    }

    .news_item li {
        width: 33.33%;
    }

    .tab-box-t {
        width: 90%;
    }

    .sec1 .tab-title1 {
        padding-top: 116px;
    }

    .imgDemo .slick-prev {
        left: 0;
    }

    .imgDemo .slick-next {
        right: 0;
    }

    .imgCore {
        height: 450px;
    }

    .media-box li a {
        padding: 38px 100px;
    }
}

@media screen and (max-width: 1150px) {
    .videoli li{
        width: calc(50% - 20px);
    }
    ul.quality-list-group li{
        width: 50%;
        height: auto;
        min-height: auto;
        display: block;
    }
    ul.quality-list-group li.quality-list03 {
        background-color: #fbfbfb;
    }
    ul.quality-list-group li.quality-list04 {
        background-color: #f2f2f2;
    }
    .quality-list-group{
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: stretch;
                align-items: stretch;
        flex-wrap: wrap;
    }
    ul.quality-list-group li .quality-list-txt{
        padding: 10% 0;
    }
    #header #haedNav .gnbList>li .depth01 {
        padding: 10px 15px;
    }

    #header #haedNav {
        margin-right: 110px;
    }

    #header #logo {
        width: 210px;
    }

    .foot_nav a {
        padding: 0 18px;
    }

    .production-visual .txt-box .tit {
        font-size: 24px;
    }

    .production-visual .txt-box>span {
        font-size: 25px;
    }

    .recruit-list .list .item:nth-child(3n+1) {
        width: 31.33%;
    }

    .recruit-list .list .item:nth-child(3n+2) {
        width: 14.9375vw;
    }

    .contact-office li h3 {
        font-size: 24px;
    }

    .contact-office li p {
        font-size: 15px;
    }

    .contact-office li a {
        height: 58px;
        line-height: 58px;
        font-size: 16px;
    }

    .flex_column {
        width: 70%;
    }

    .flex_inner {
        width: 24%;
    }

    .cd-list__full {
        width: 100%;
        padding-right: 0;
        border-right: none;
    }

    .cd-push__full {
        display: none;
    }

    .topbtm_bar a {
        width: 100%;
        margin-bottom: 10px;
    }

    .banner_left {
        display: none;
    }

    .banner_right {
        width: 100%;
        padding-top: 0;
    }

    .imager_kv_tet h1 {
        font-size: 25px;
    }

    /* .imager_kv_img1 img {
        max-width: 60%;
    } */

    .imager_kv_tet {
        padding-top: 0;
    }

    .imager_kv_img_tit {
        height: 320px;
        margin-top: -160px;
    }

    .tech-one-left,
    .tech-one-right {
        width: 100%;
        padding-left: 0;
    }

    .tech-one-left {
        margin-top: 40px;
        height: 380px;
    }

    .tech-one-right h1 {
        font-size: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .vwrap .videobox{
        width: 80%;
        transform: translate(-50%,-50%);
        margin: 0;
        height: auto;
    }
    .imgDemo_a{
        width: 100%;
        margin: 0 0 25px;
    }
    #header #haedNav,
    #header .utilMenu,
    .foot_nav,
    .kc-category-list,
    .history-year {
        display: none;
    }

    .menu_item {
        display: block;
    }

    #header {
        background: #fff;
    }

    #header,
    #header .mask {
        height: 70px;
    }

    #header #logo {
        height: auto;
    }

    #header #logo a {
        margin: 18px auto;
    }

    #header #logo a .img {
        height: 34px;
        background-image: url(../picture/logo.png);
    }

    .iboxT .en {
        font-size: 52px;
    }

    .iboxT .zh {
        font-size: 29px;
    }

    .ind-pro-box li {
        padding: 40px 44px 50px;
    }

    .foot_link {
        float: left;
    }

    .main-ovio-con .txt-con .tit-up {
        font-size: 20px;
    }

    .main-ovio-con .txt-con .tit-down {
        font-size: 22px;
    }

    .main-ovio-con .txt-con {
        height: 245px;
    }

    .ind-pro-title {
        margin-bottom: 10px;
    }

    .ind-pro-title h3 {
        font-size: 18px;
    }

    .banTxt>div {
        max-width: 60%;
        margin-left: 10%;
    }

    .banTxt h3 {
        font-size: 35px;
    }

    .banTxt p {
        font-size: 30px;
    }

    .z-container {
        padding: 0 30px;
    }

    #visual .visual-sub-txt {
        font-size: 44px;
    }

    #visual .visual-tit {
        font-size: 53px;
    }

    .mainIbo .iboxT .zh {
        font-size: 31px;
    }

    .aboutProfile {
        -webkit-box-align: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .aboutItem_Img {
        width: 100%;
    }

    .about_img {
        padding-top: 50%;
    }

    .aboutItem_Text {
        width: 100%;
        margin-left: 0;
    }
    .about_scroll{
        height: auto;
        overflow: hidden;
    }
    .about_text:before{
        display: none;
    }
    .about_text {
        margin-top: 0;
    }

    ul.quality-list-group li .quality-list-txt .tit {
        font-size: 30px;
        margin-top: 1px;
    }

    ul.quality-list-group li .quality-list-txt .tit span {
        font-size: 24px;
    }

    ul.quality-list-group li .quality-list-txt .num {
        font-size: 75px;
    }

    ul.quality-list-group li .quality-list-txt .txt {
        word-break: break-all;
        font-size: 14px;
    }

    .quality-con-02 {
        margin-top: 35px;
    }

    .history-demo .slick-dots {
        display: block !important;
    }

    .pageIbox-left {
        width: 100%;
    }

    .production-list {
        flex-wrap: wrap;
    }

    .production-list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .production-list li dl dt span {
        font-size: 19px;
    }

    .visual-ln {
        width: 100%;
    }

    .history-con {
        padding-top: 80px;
    }

    .contact-box {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .sub-con .contact-box {
        padding-bottom: 40px;
    }

    .production-visual .txt-box {
        width: 100%;
    }

    .production-visual {
        height: auto;
        padding-bottom: 60px;
    }

    .section-service .service-items .item-3 {
        margin-bottom: 26.15625%;
    }

    .section-service .service-items .item-4 {
        margin-bottom: 4.15625%;
    }

    .recruit-list .tit-box .right {
        padding: 0 20px;
    }

    .recruit-list .list .item {
        width: 50% !important;
        margin: 5px 0;
    }

    .recruit-list .list {
        padding: 17px 100px 17px 0;
    }

    .recruit-list .pos-btn {
        width: 100px;
        background-position: 77px center;
    }

    .position-select-box .select .tit {
        height: 52px;
        line-height: 52px;
        font-size: 15px;
    }

    .position-select-box .select .sub {
        top: 52px;
    }

    .position-select-box,
    .recruit-list,
    .tech-one,
    .field-wrap .swiper-container,
    .media-item {
        margin-top: 40px;
    }

    .recruit-list .tit-box .position {
        font-size: 17px;
    }

    .position-box {
        padding-top: 40px;
    }

    .position-search-box {
        width: 80%;
    }

    .contact-office li {
        width: 50%;
    }

    .position-search-box {
        height: 52px;
    }

    .cd-list__full h3 {
        font-size: 25px;
    }

    .imager_kv_img_tit {
        display: none;
    }

    .imager_kv_img1 {
        background: #eaeaea url(../images/develop_con01_bg.png) no-repeat center;
    }

    .imager_kv_tet p {
        height: auto;
    }
    .imager_kv_img,
    .imager_kv_tet{
        width: 100%;
    }
    .banner_right .tab-box {
        /* display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center; */
        flex-wrap: wrap;
    }

    .imager_kv_img1 img {
        max-width: 60%;
        position: static;
        -webkit-transform: translate(0);
                transform: translate(0);
    }

    .pro-info-ny {
        background: #f7f7f7;
    }

    .tab-box-t {
        margin-bottom: 20px;
        padding: 30px;
    }

    .sec1 .tab-title1 {
        padding-top: 86px;
    }

    .sec1 .tab-title1 li a h1 {
        font-size: 27px;
    }

    .sec1 .tab-title1 li a p {
        font-size: 26px;
    }

    .tab-box-t th {
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    .tab-box-t th:before {
        font-size: 44px;
        line-height: 73px;
    }

    .content__main {
        flex-wrap: wrap;
        margin-top: 40px;
        padding-bottom: 50px;
    }

    .content__side {
        width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
    }

    .content__visual {
        width: 100%;
        height: 380px;
    }

    .content__side h3 {
        font-size: 26px;
    }

    .content__side span {
        font-size: 20px;
    }

    .txtDemo_div .txt-group {
        flex-wrap: wrap;
    }

    .txtDemo_div .txt-group .txt-01 {
        width: 100%;
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .txtDemo_div .txt-group .txt-02 {
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        padding-right: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .imgCore {
        height: 400px;
    }

    .txtDemo_div .more-btn {
        width: 60px;
        height: 60px;
        top: -30px;
        right: -30px;
    }

    .txtDemo_div .more-btn i {
        font-size: 29px;
    }

    .imgDemo .slick-arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .content__side::before {
        display: none;
    }

    .media-box li a {
        padding: 28px 50px;
    }

    .field-wrap .control {
        width: 100%;
    }

    .field-wrap .control button.prev {
        left: 0;
        margin-left: 40px;
    }

    .field-wrap .control button.next {
        left: auto;
        right: 0;
        margin-right: 40px;
    }

    .techHonor {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

    .field-wrap {
        margin-top: 50px;
        padding-bottom: 80px !important;
    }

    .field-wrap .swiper-slide .text-wrap em {
        font-size: 22px;
    }

    .media-box .media-two h3 {
        font-size: 18px;
    }

    .cer-text .title {
        font-size: 19px;
    }
}

@media screen and (max-width: 980px) {
    .news_item li {
        width: 50%;
    }

    .imager_kv_tet {
        width: 100%;
    }

    .imager_kv_img {
        width: 100%;
    }

    .imager_kv_img1 {
        margin-left: 0;
    }
    .field-wrap .pagination-list {
        width: 93%;
    }
}

@media screen and (max-width: 800px) {
    .videoli li{
        width: 100%;
        margin: 0 0 20px;
    }
    .ind-pro-box li {
        width: 97.5%;
    }

    .main-ovio-con .txt-con {
        height: auto;
    }

    ul.myVideo>li {
        width: 50%;
        margin-bottom: 40px;
    }

    ul.myVideo>li:nth-child(4) {
        display: block;
    }

    .aboutProfile {
        padding-top: 35px;
    }

    .jg_Img,
    ul.myVideo {
        margin: 35px 0 0;
    }

    .flex_cell_inner {
        display: block;
        border: none;
    }

    .flex_column {
        width: 100%;
    }

    .flex_inner {
        width: 100%;
        margin: 0;
        background: #fff;
        padding: 40px 30px;
    }

    #allmap {
        height: 480px;
    }

    .contact_item {
        margin-top: 30px;
    }

    .imgCore {
        height: 320px;
    }

    .imgDemo_a h3 {
        font-size: 23px;
    }
}

@media screen and (max-width: 768px) {
    .pagination-list .swiper-button-next{
        background-image: url(../images/wr_right.png) !important;
    }
    .pagination-list .swiper-button-prev{
        background-image: url(../images/wr_left.png) !important;
    }
    .field-wrap .pagination-list{
        top: auto;
        bottom: -70px;
    }
    .field-wrap .swiper-pagination{
        display: block;
        color:#fff;
    }
    .banner,
    .banA,
    .banImg,
    #visual {
        height: 70vh;
        min-height: 500px;
    }

    .banTxt h3 {
        font-size: 30px;
    }

    .banTxt p {
        font-size: 23px;
    }

    .ind-pro-qh {
        padding: 80px 30px 0;
    }

    .iboxT .en {
        font-size: 48px;
    }

    .iboxT .zh {
        font-size: 24px;
    }

    .padd110 {
        padding-top: 80px;
    }

    .ind-campus-list .pagination-list {
        margin-left: 220px;
    }
    ul.quality-list-group li {
        width: 100%;
        height: auto;
    }

    ul.quality-list-group li.quality-list03 {
        background-color: #f2f2f2;
    }

    ul.quality-list-group li.quality-list04 {
        background-color: #fbfbfb;
    }

    .about_text p {
        word-break: inherit;
    }

    .about_text {
        padding: 35px;
    }

    .mainIbo .iboxT .zh {
        font-size: 26px;
    }

    .about_text span {
        font-size: 30px;
    }

    .about_text h3 {
        font-size: 24px;
    }

    .about_text p {
        font-size: 14px;
    }

    .about_sec1_img img {
        width: 62px;
    }

    ul.quality-list-group li .quality-list-txt .tit {
        font-size: 23px;
    }

    ul.quality-list-group li .quality-list-txt .num {
        font-size: 60px;
    }

    .pageIbox-left {
        padding: 0 8%;
    }

    .history-con {
        width: 100%;
    }

    .history-con .t {
        word-break: inherit;
        white-space: inherit;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .history-con .iboxT {
        margin-bottom: 40px;
    }

    .history-num {
        display: none;
    }

    .aboutMass.contact-box {
        padding-top: 20px;
    }

    .fixedImg {
        background-attachment: inherit;
    }

    .production-visual .txt-box .tit {
        font-size: 20px;
    }

    .production-visual .txt-box>span {
        font-size: 22px;
    }

    .production-list li dl dt {
        height: 65px;
    }

    .section-service {
        margin-top: 40px;
    }

    .section-service .service-items .item-1 .box,
    .section-service .service-items .box,
    .section-service .service-items .item-4 .img-container {
        width: 89.33333333333333vw;
    }

    .section-service .service-items .item-3 {
        margin-bottom: 17.333333333333336vw;
    }

    .section-service .service-items .item-4 .img-container {
        position: relative;
    }

    .section-service .service-items .item-4 .box {
        margin: 0;
    }

    .recruit-list li {
        border-top: 1px solid #e8e8e8;
        margin-bottom: 20px;
    }

    .recruit-list .tit-box {
        height: auto;
    }

    .recruit-list .tit-box .position {
        position: static;
        width: 100%;
        line-height: 3;
        border-bottom: 1px solid #e8e8e8;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .recruit-list .tit-box .right {
        width: 100%;
        border-left: none;
        float: none;
    }

    .position-select-box .item {
        width: 50%;
        margin-bottom: 10px;
    }

    .recruit-list .sub .send {
        margin-top: 30px;
    }

    .position-box {
        padding-top: 0;
    }

    .position-search-box {
        display: none;
    }

    .position-select-box,
    .recruit-list {
        margin-top: 20px;
    }

    .position-select-box .select .tit {
        height: 45px;
        line-height: 45px;
    }

    .position-select-box .select .sub {
        top: 45px;
    }

    .consulting_bd.contact-box {
        padding-bottom: 30px;
    }

    .news_item {
        margin-top: 30px;
    }

    .news_item li h3 {
        font-size: 17px;
    }

    .pager {
        margin-top: 40px;
    }

    .imager_kv_tet h1 {
        font-size: 20px;
    }
    .imager_kv_img1 img{
        max-width: 68%;
    }
    .imager_kv_tet span {
        font-size: 22px;
    }

    .sec1 .tab-title1 {
        padding-top: 56px;
    }

    .imgDemo_a h3 {
        display: none;
    }

    .indPro_box_core {
        margin-top: 30px;
    }

    .ny-product .main-ovio-con {
        width: 100%;
        margin-bottom: 20px;
    }

    .ny-product {
        padding-bottom: 0;
    }

    .ny-product {
        margin-top: 20px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .tech-one-right h1 {
        font-size: 22px;
        padding-top: 0;
    }

    .media-box .media-one span {
        font-size: 41px;
    }

    .media-box .media-one h4 {
        font-size: 23px;
    }

    .media-box .media-two {
        width: 90%;
        padding-right: 0;
    }

    .media-box .media-two p {
        margin-top: 15px;
    }

    .media-box .media-three {
        display: none;
    }

    .field-wrap .swiper-slide {
        flex-wrap: wrap;
        height: auto;
    }

    .field-wrap .swiper-slide .text-wrap {
        width: 100%;
    }

    .field-wrap .swiper-slide .img-wrap {
        width: 100%;
        height: 300px;
    }

    .position-select-box,
    .recruit-list,
    .tech-one,
    .field-wrap .swiper-container,
    .media-item {
        margin-top: 30px;
    }

    .field-wrap .swiper-container {
        overflow: initial;
    }

    .field-wrap .control {
        top: auto;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        bottom: -20px;
    }

    .media-box li a {
        padding: 28px 30px;
    }

    .field-wrap .swiper-slide .text-wrap em {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 640px) {
    .videoli li figure img{
        height: 240px;
    }

    .z-container {
        padding: 0 20px;
    }

    .iboxT .en {
        font-size: 32px;
        letter-spacing: 1px;
    }

    .iboxT .zh {
        font-size: 24px;
    }

    .ind-product {
        padding-bottom: 0;
    }

    .main-ovio-con .fl {
        height: 255px;
    }

    #mainContent1.ind-pro-view .pagination-list .swiper-button-prev {
        left: -27px;
        z-index: 9;
    }

    #mainContent1.ind-pro-view .pagination-list .swiper-button-next {
        right: -27px;
        z-index: 9;
    }

    .main-ovio-con .txt-con .tit-down {
        font-size: 20px;
    }

    .inner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .production-list .inner {
        padding: 0;
    }

    .ind-campus-list {
        margin: 30px 20px 50px;
    }

    .ind-campus-li {
        padding-top: 0;
    }

    .ind-campus-text {
        width: 100%;
        left: 0;
    }

    .ind-campus-img {
        height: 240px;
    }

    .ind-campus-txt {
        bottom: 36px;
    }

    .ind-campus-text h3 {
        font-size: 20px;
    }

    .ind-campus-text span {
        font-size: 24px;
    }

    .camSvg {
        width: 40px;
        height: 40px;
        margin-top: 20px;
    }

    .ind-campus-li {
        padding-bottom: 0;
    }

    .ind-campus-text,
    .ind-campus-txt {
        position: static;
    }

    .ind-campus-text {
        position: relative;
        padding: 20px 0;
    }

    .ind-campus-list .pagination-list {
        position: absolute;
        margin-left: -25px;
        bottom: 40px;
    }

    .foot_addre,
    .foot_copy {
        letter-spacing: 0;
    }

    .foot_top {
        padding: 32px 0 8px;
    }

    .foot_link img {
        width: 170px;
    }

    .foot_clear {
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        padding: 20px 0;
    }

    .foot_code {
        display: none;
    }

    .foot_copy {
        line-height: 1.6;
    }

    .banner,
    .banA,
    .banImg,
    #visual {
        height: 65vh;
        min-height: auto;
    }

    .ind-pro-more {
        right: 26px;
        bottom: 26px;
    }

    .ind-pro-box li {
        padding: 30px 30px 40px;
    }

    .ind-pro-title span {
        font-size: 40px;
    }

    .ind-pro-title h3 {
        margin-left: 15px;
    }

    .ind-pro-more {
        width: 35px;
        height: 35px;
    }

    .ind-pro-more:before {
        width: 15px;
        left: calc(50% - 15px / 2);
    }

    .ind-pro-more::after {
        height: 15px;
        top: calc(50% - 15px / 2);
    }

    ul.myVideo>li {
        width: 100%;
    }

    ul.myVideo>li .Tmsg {
        height: auto;
    }

    #visual .visual-txt-con {
        padding: 0 8%;
    }

    #visual .visual-sub-txt {
        font-size: 31px;
    }

    #visual .visual-tit {
        font-size: 38px;
        letter-spacing: 1px;
    }

    .main-scroll {
        margin: 20px 0;
    }

    .visual-ln {
        margin-top: 30px;
        padding-top: 30px;
    }

    .visual-ln p,
    .visual-ln p strong {
        font-size: 15px;
    }

    .contact-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .about_text {
        padding: 25px;
    }

    ul.quality-list-group li {
        min-height: auto;
        padding: 40px 0;
    }
    ul.quality-list-group li .quality-list-txt {
        padding: 0;
    }
    .cer-swiper-nav li{
        margin: 0 5px;
    }
    ul.quality-list-group li .quality-list-txt .tit,
    ul.quality-list-group li .quality-list-txt .tit span {
        font-size: 18px;
    }

    ul.quality-list-group li .quality-list-txt .num {
        font-size: 50px;
    }

    .cer-text .title {
        font-size: 17px;
    }

    .contact-box,
    .history-con {
        padding-top: 55px;
    }

    .aboutMass.contact-box {
        padding-top: 0;
    }

    .jg_Img,
    ul.myVideo {
        margin: 25px 0 0;
    }

    .section-service .service-items .box {
        padding: 30px;
    }

    .section-service .service-items .box .text-lead {
        font-size: 15px;
    }

    .section-service .service-items .box .text {
        font-size: 14px;
    }

    .section-service .service-items .box .subheading .en {
        font-size: 16px;
    }

    .section-service .service-items .box .subheading .ja {
        font-size: 22px;
    }

    .section-service .service-items .box .subheading {
        margin-bottom: 15px;
    }

    .section-service .service-items .box .text-lead {
        margin-bottom: 10px;
    }

    #allmap {
        height: 270px;
    }

    .flex_inner li h3 {
        font-size: 18px;
    }

    .contact-office li {
        width: 100%;
    }

    .contact-office li span {
        margin-bottom: 40px;
    }

    .cd-list__full h3 {
        font-size: 20px;
    }

    .cd-list__title {
        padding-bottom: 24px;
        margin-bottom: 30px;
    }

    .cd-list__full p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .cd-list__full {
        padding-bottom: 30px;
    }

    .news_item li {
        width: 100%;
    }

    .news_item li {
        padding-bottom: 30px;
    }

    .news_item li p {
        margin-top: 40px;
    }

    .tab-box-t {
        margin-bottom: 0;
    }

    .indPro_cor {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .imgCore {
        height: 260px;
    }

    .txtDemo_div .txt-group .txt-01 {
        font-size: 18px;
    }

    .txtDemo_div .txt-group {
        padding: 20px;
    }

    .txtDemo_div .more-btn {
        width: 50px;
        height: 50px;
        top: -25px;
        right: -25px;
    }

    .imgDemo .slick-arrow {
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
    }

    .txtDemo_div .txt-group .txt-02 {
        -webkit-line-clamp: 1;
    }

    .content__visual {
        height: 320px;
    }

    .content__side h3 {
        font-size: 22px;
    }

    .content__side span {
        font-size: 18px;
    }

    .field-wrap .swiper-slide .text-wrap {
        padding: 30px;
    }

    .tech-one-right h1 {
        font-size: 19px;
    }

    .tech-one-left {
        margin-top: 20px;
        height: 260px;
    }

    .media-box {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .media-box li {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .media-box .media-one:after {
        right: -8px;
    }

    .media-box .media-one span {
        font-size: 35px;
    }

    .media-box .media-one h4 {
        font-size: 20px;
    }

    .media-box .media-two {
        padding-left: 30px;
    }

    .media-box .media-two h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    .banTxt {
        top: 50%;
    }

    .banTxt h3 {
        font-size: 22px;
    }

    .banTxt p {
        font-size: 18px;
    }

    .banTxt>div {
        max-width: 80%;
    }

    .mainIbo .iboxT .zh {
        font-size: 24px;
    }

    .sec1 .tab-title1 {
        padding-top: 20px;
    }

    .sec1 .tab-title1 li a h1 {
        font-size: 24px;
    }

    .sec1 .tab-title1 li a p {
        font-size: 21px;
    }

    .tab-box-t {
        padding: 15px;
    }

    .tab-box-t th {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }

    .tab-box-t th:before {
        font-size: 34px;
        line-height: 60px;
    }

    .tab-box-t td {
        font-size: 13px;
    }

    .content__visual {
        height: 240px;
    }

    .field-wrap .swiper-slide .img-wrap {
        height: 200px;
    }
}

@media screen and (max-width: 340px) {
    .tab-box-t th {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }

    .tab-box-t th:before {
        font-size: 30px;
        line-height: 50px;
    }

    .tab-box-t td {
        font-size: 12px;
    }

    .sec1 .tab-title1 li a p {
        padding-top: 5px;
    }
}