.more.fnt_16:hover {
    color: red;
}

.swiper-flx .tab-box .box .label {
    font-size: 24px !important;
}

@media screen and (max-width: 765px) and (orientation:portrait) {
    .newBanner {
        margin-top: 7vh;
    }
    .newBanner a {
        width: 100% !important;
        padding-bottom: 50% !important;
    }
    .content1 {
        height: auto !important;
    }
    .content1 .ctx1 {
        margin: 2vw !important;
    }
    .content .ctx .top {
        padding: 1vh 0 1vh !important;
    }
    .content .ctx .top .title {
        padding-bottom: 1vh !important;
    }
    .content .ctx .top .title::after {
        width: 5vw !important;
    }
    .index_product_left {
        width: auto !important;
        height: auto !important;
    }
    .content1 .ctx1 .index_product_menu {
        width: auto !important;
        height: auto !important;
        margin: 5vw 0 !important;
        padding-left: 1vw !important;
        padding-right: 2vw;
        font-size: 3.5vw !important;
        line-height: 260% !important;
    }
    .content1 .index_product_right {
        height: 100% !important;
    }
    .content1 .ctx1 .swiperpage {
        margin: 0 auto !important;
        margin-top: 5vh !important;
        height: auto !important;
    }
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: 0 !important;
    }
    .content2 .ctx1 {
        margin: 3vw !important;
    }
    .content3 .ctx1 {
        margin: 3vw !important;
    }
    .content3 .ctx1 .actInfo ul li {
        padding: 1vh 0 !important;
        margin-bottom: 1vh !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx {
        padding: 2vw !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx div {
        align-items: center;
    }
    .content3 .ctx1 .actInfo ul li .ctx h2 {
        line-height: 130% !important;
        font-size: 3vw !important;
    }
    .content3 .ctx2 {
        margin: 3vw !important;
        padding-top: 2vh;
    }
    .content .ctx2 .bottom {
        margin-bottom: 1vh !important;
    }
    .content3 .ctx2 ul li {
        margin-bottom: 1vh !important;
    }
    .content3 .ctx2 ul li .ctx {
        padding: 2vh 3vw !important;
    }
    .content3 .ctx2 ul li h2 {
        margin-bottom: 1vh !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx .date {
        line-height: 100% !important;
        font-size: 3vw !important;
    }
    .content3 .ctx2 ul li .right img {
        width: 18vw !important;
        height: auto;
    }
}

@media screen and (max-width: 920px) and (orientation:landscape) {
    .newBanner {
        margin-top: 20vh !important;
    }
    .newBanner a {
        padding-bottom: 35% !important;
    }
    .content .ctx .top {
        width: 100vw !important;
        margin: initial;
        margin-left: 5vw;
    }
    .content .ctx .top a {
        display: none;
    }
    .index_product {
        flex-direction: column;
    }
    .index_product_left {
        width: 100% !important;
        display: flex;
    }
    .index_product_menu {
        width: 16.6666% !important;
        font-size: 15px !important;
        margin: 40px 0 0 0 !important;
        text-align: center !important;
        padding-left: 0 !important;
        display: block !important;
    }
    .content1 {
        height: auto !important;
    }
    .content1 .ctx1 {
        margin: 2vw !important;
    }
    .content .ctx .top {
        padding: 1vh 0 1vh !important;
    }
    .content .ctx .top .title {
        padding-bottom: 1vh !important;
    }
    .content .ctx .top .title::after {
        width: 5vw !important;
    }
    .index_product_left {
        width: auto !important;
        height: auto !important;
    }
    .content1 .index_product_right {
        width: 80% !important;
        height: 100% !important;
        margin: 0 auto;
    }
    .index_product_right p {
        font-size: 15px !important;
    }
    .content1 .ctx1 .swiperpage {
        margin: 0 auto !important;
        margin-top: 20vh !important;
        height: auto !important;
    }
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: 0 !important;
    }
    .content2 .ctx1 {
        margin: 3vw !important;
    }
    .content3 .ctx1 {
        margin: 3vw !important;
    }
    .content3 .ctx1 .actInfo ul li {
        padding: 1vh 0 !important;
        margin-bottom: 1vh !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx {
        padding: 2vw !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx div {
        align-items: center;
    }
    .content3 .ctx1 .actInfo ul li .ctx h2 {
        line-height: 130% !important;
        font-size: 1.7vw !important;
    }
    .content3 .ctx2 {
        margin: 3vw !important;
        padding-top: 2vh;
    }
    .content .ctx2 .bottom {
        position: relative;
        left: 15px;
        width: 100% !important;
        margin-bottom: 1vh !important;
    }
    .content3 .ctx2 ul li {
        margin-bottom: 1vh !important;
        padding-bottom: 20px;
    }
    .content3 .ctx2 ul li .ctx {
        flex-direction: column;
        padding: 2vh 3vw !important;
    }
    .content3 .ctx2 ul li .ctx .left {
        margin-bottom: 10px;
    }
    .content3 .ctx2 ul li .ctx .right {
        margin: 0 auto !important;
    }
    .content3 .ctx2 ul li h2 {
        margin-bottom: 1vh !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx .date {
        line-height: 100% !important;
        font-size: 1.7vw !important;
        white-space: nowrap;
    }
    .content3 .ctx2 ul li .right img {
        width: 18vw !important;
        height: auto;
    }
    #index-cp6 .index_product_pic p {
        margin: -30px 0px !important;
    }
    .swiper-flx .tab-box .box .label {
        white-space: nowrap;
        font-size: 17px !important;
        font-weight: bold !important;
    }
    .content1 .innerWrap {
        width: 100% !important;
    }
    .content2 .innerWrap {
        width: 100% !important;
    }
    .swiper-flx .pic-box .box li {
        width: 100% !important;
    }
    .content3 .innerWrap {
        width: 100% !important;
    }
    .bannerPag.swiper-pagination-bullets {
        display: none !important;
    }
    .content .ctx.ctx1 .top {
        margin-bottom: 5vh;
    }
    .swiper-flx .pic-box {
        height: auto !important;
    }
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 920px) and (min-width: 768px) and (orientation:portrait) {
    .newBanner {
        margin-top: 65px !important;
    }
    .newBanner a {
        width: 100% !important;
        padding-bottom: 40% !important;
    }
    .content .innerWrap {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .fnt_16 {
        display: none !important;
    }
    .ctx {
        margin: 0 auto !important;
    }
    .content1 {
        height: auto !important;
    }
    .content1 .ctx1 {
        margin: 2vw !important;
    }
    .content .ctx .top {
        padding: 1vh 0 1vh !important;
    }
    .content .ctx .top .title {
        font-size: 35px !important;
        padding-bottom: 1vh !important;
    }
    .content .ctx .top .title::after {
        width: 5vw !important;
    }
    .index_product_left {
        width: auto !important;
        height: auto !important;
    }
    .content1 .ctx1 .index_product_menu {
        width: auto !important;
        height: auto !important;
        margin: 5vw 0 !important;
        padding-left: 1vw !important;
        padding-right: 2vw;
        font-size: 2.5vw !important;
        line-height: 260% !important;
    }
    .content1 .index_product_right {
        height: 100% !important;
    }
    .content .ctx1 {
        margin-top: 3vh !important;
    }
    .content1 .ctx1 .swiperpage {
        margin: 0 auto !important;
        margin-top: 6vh !important;
        height: auto !important;
    }
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: 0 !important;
    }
    .content3 .ctx1 .actInfo ul li {
        padding: 1vh 0 !important;
        margin-bottom: 1vh !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx {
        padding: 2vw !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx div {
        align-items: center;
    }
    .content3 .ctx1 .actInfo ul li .ctx h2 {
        line-height: 130% !important;
        font-size: 2.3vw !important;
    }
    .content3 .ctx2 {
        width: 100% !important;
        padding-top: 2vh;
    }
    .content3 .ctx2 .title {
        left: 5vw;
    }
    .content .ctx2 .bottom {
        margin-bottom: 0vh !important;
    }
    .content3 .ctx2 ul li {
        margin-bottom: 1vh !important;
    }
    .content3 .ctx2 ul li .ctx {
        flex-direction: column;
        padding: 2vh 3vw !important;
    }
    .ctx2 .bottom .ctx .left {
        width: auto;
        margin: 0 auto;
    }
    .ctx2 .bottom .ctx .right {
        display: flex;
        justify-content: center;
        margin-top: 2vh;
    }
    .content3 .ctx2 ul li h2 {
        height: auto !important;
        margin-bottom: 0 !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx .date {
        line-height: 100% !important;
        font-size: 2.3vw !important;
        white-space: nowrap;
    }
    .content3 .ctx2 ul li .right img {
        width: 18vw !important;
        height: auto;
    }
    .swiper-flx .pic-box {
        height: auto !important;
    }
    .swiper-flx .pic-box .box .active-li {
        width: 100% !important;
    }
    .swiper-flx .tab-box .box .label {
        font-size: 17px !important;
        white-space: nowrap;
    }
    .swiper-flx .tab-box .box .desc {
        font-size: 16px !important;
    }
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 920px) and (orientation:landscape) {
    .newBanner {
        margin-top: 10vh !important;
    }
    .newBanner a {
        width: 100% !important;
        height: 60vh !important;
        padding-bottom: 30% !important;
    }
    .content .innerWrap {
        margin: 0 auto !important;
    }
    .content .ctx.ctx1 .top {
        padding-top: 30px;
    }
    .content .ctx .top .title::after {
        width: 10vw !important;
    }
    .content .innerWrap {
        width: 100% !important;
    }
    .index_product_menu {
        width: 180px !important;
        padding-left: 25px !important;
        margin: 30px 0 !important;
        margin-left: 10px !important;
    }
    .index_product {
        height: 60vh !important;
    }
    .index_product_left {
        width: 25vw !important;
        height: 100% !important;
    }
    .content1 .index_product_right {
        height: 100% !important;
    }
    .index_product_right {
        width: 60vw !important;
    }
    .index_product_box {
        height: 100% !important;
    }
    .content .ctx .bottom .swiper-container {
        height: 100%;
    }
    .swiper-slide {
        height: 70% !important;
    }
    .swiperpage {
        margin-top: -50px !important;
    }
    .fnt_16 {
        display: none !important;
    }
    .swiper-flx .pic-box {
        height: auto !important;
    }
    .swiper-flx .pic-box .box li {
        width: auto !important;
    }
    .swiper-flx .tab-box .box li {
        height: 200px !important;
    }
    .content .ctx .top {
        padding: 2vw 0 1.5vw !important;
    }
    .content3 .ctx1 .actInfo ul li {
        margin: 1vw 0 !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx {
        padding: 1vw !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx h2 {
        width: 85% !important;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }
    .content3 .ctx1 .actInfo ul li .ctx .date {
        font-size: 2vw !important;
    }
    .logo .phoneMenu {
        top: 10px;
        position: relative;
    }
    .swiper-wrapper {
        height: 85% !important;
    }
    .nav.active {
        height: calc(82vh-57px) !important;
    }
    .content .ctx2 .bottom {
        margin-bottom: 1vh !important;
    }
    .content .ctx2 {
        width: 100% !important;
    }
    .content .ctx2 .top .title {
        margin-left: 5vw;
    }
    .footer {
        display: none !important;
    }
}