.phone-show{
    display: none;
}
@media screen and (max-width: 1024px){
    body{
        font-size: 4vw;
    }

    .phone-hide{
        display: none !important;
    }

    .phone-show{
        display: inherit;
    }

    .container{
        width: 100%;
        overflow: hidden;
    }

    .head{
        padding: 4vw;
        position: relative;
        width: 92vw;
        flex-wrap: wrap;
        background: #fff;
    }

    .head .nav{
        display: none;
        width: 100%;
        border-top: 1px solid #ddd;
        margin-top: 3vw;
        padding: 1vw 0;
    }

    .head .logo{
        width: auto;
        height: 13vw;
    }

    .head .logo img{
        max-height: 13vw;
        width: auto;
    }

    .menu{
        position: absolute;
        right: 4vw;
        width: 35px;
        top: 4vw;
        align-items: center;
        display: flex;
        height: 13vw;
    }

    .menu span{
        display: block;
        height: 2px;
        background: #666;
        width: 100%;
        position: relative;
    }

    .menu span::after,.menu span::before{
        content: ' ';
        position: absolute;
        width: 100%;
        height: 2px;
        top: -10px;
        background: #666;
    }

    .menu span::after{
        top: auto;
        bottom: -10px;
    }

    .head .nav ul{
        display: block;
    }

    .head .nav li{
        width: auto;
        height: 10vw;
        line-height: 10vw;
        text-align: left;
    }

    .banner{
        height: auto;
        padding-top: 21vw;
    }

    section{
        height: auto;
    }

    .title{
        padding: 5vw 0;
    }

    .title h1{
        font-size: 5.5vw;
        margin: 1vw 0;
    }

    .index-box .item ul{
        padding: 0 4vw;
        justify-content: space-between;
    }

    .index-box-02 .item-02{
        padding: 0 4vw;
    }

    .index-box-03{
        padding: 8vw 4vw;
        margin-top: 10vw;
    }

    .index-ab{
        padding-bottom: 10vw;
        flex-wrap: wrap;
    }

    .index-ab .left{
        margin-right: 0;
        width: 100%;
    }

    .index-ab .left h1{
        font-size: 5.5vw;
    }

    .index-ab .left h2{
        font-size: 4.8vw;
    }

    .index-ab .right p{
        font-size: 4vw;
    }

    .index-ab-num ul{
        width: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .index-ab-num ul li .p1{
        font-size: 5.5vw;
        margin-bottom: 2vw;
    }

    .index-ab-num ul li{
        width: 49%;
        margin-bottom: 5vw;
    }

    .index-ab-num ul li .p2{
        font-size: 4vw;
    }

    .index-ab-num ul li:nth-of-type(even){
        border-right: 0;
    }

    .item li{
        width: 48.5%;
        margin-top: 0;
        margin-bottom: 10px;
        background: #fff;
    }

    .index-box-01 .item li{
        width: 33%;
    }

    .index-box-04 .item-03 ul{
        padding: 0 4vw;
    }

    .item-03 ul li:nth-of-type(3n){
        margin-right: 0;
    }

    .item-03 ul li{
        width: 48%;
        margin-right: 0;
    }

    .item-03 ul{
        justify-content: space-between;
    }

    .item-03 ul li a .item-text{
        padding: 5vw 1vw;
    }

    .item-03 ul li a .item-text h5{
        font-size: 4vw;
        padding-bottom: 10px;
    }

    .footer-nav{
        display: none;
    }

    .footer-text{
        width: auto;
        padding: 10vw 4vw;
        display: block;
    }

    .footer-text .foot-01{
        width: auto;
        border: 0;
    }

    .footer-text h1{
        font-size: 6vw;
        margin-bottom: 5vw;
    }

    .footer-text p span{
        font-size: 5vw;
    }

    .footer-text p {
        line-height: 26px;
    }

    .footer-text .foot-btn a{
        padding: 2vw 5vw;
        margin-top: 6vw;
    }

    .footer-text .foot-02{
        display: block;
        width: auto;
        margin-top: 5vw;
    }

    .foot-02 p{
        width: auto;
    }

    .footer-text-box .cr{
        width: auto;
        padding: 5vw 4vw;
    }

    .in-title{
        margin-top: 21vw;
    }

    .in-title .title p{
        margin-top: 3vw;
    }

    .tab-sel{
        padding: 0 4vw;
        width: auto;
    }

    .tab-sel li{
        white-space: nowrap;
        margin-bottom: 2vw;
        font-size: 4vw;
        padding: 0 5vw;
    }

    .tab-sel ul{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 5vw;
    }

    .head .nav li a{
        display: block;
    }

    #itemlist{
        padding: 0 4vw;
        justify-content: space-between;
    }

    ul#itemlist li{
        margin-bottom: 20px;
    }

    .dt-container{
        width: auto;
        padding: 21vw 4vw 5vw;
    }

    .ca-dt.dt-container{
        padding: 0 4vw;
        margin-bottom: 4vw;
    }

    .ca-dt h1{
        font-size: 5.5vw;
        margin-bottom: 3vw;
    }

    .ca-dt .date{
        padding: 2vw 0;
    }

    .ca-text{
        padding-top: 5vw;
        margin-bottom: 2vw;
    }

    .next{
        padding: 3vw 0;
        flex-wrap: wrap;
    }

    .next a{
        width: 100%;
    }

    .next a:nth-child(2){
        text-align: left;
    }

    .in-item li{
        margin-right: 0;
    }

    .item .cover{
        display: block;
        background: none;
        position: static;
    }

    .index-box-daiyan .item .cover{
        padding: 15px;
        width: auto;
    }

    .cover-text-02{
        color: #666;
        padding: 2vw 0;
    }

    .cover-text-02 h4{
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .cover-text-02 p{
        display: none;
    }

    .ab-container{
        width: auto;
        padding: 0 4vw;
    }

    .item-02 ul li{
        width: 48%;
        margin-right: 0;
    }

    .item-02 ul{
        justify-content: space-between;
    }

    .contact-text h1{
        font-size: 5.5vw;
    }

    .contact-text p{
        font-size: 4.8vw;
    }

    .item .cover-text{
        font-size: 3.3vw;
    }

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

    .item .cover-text .p2, .item .cover-text .p3{
        display: none;
    }

    .item .cover-text{
        position: static;
        transform: none;
        color: #666;
        line-height: 20px;
    }

    .head .logo a p{
        width: 85%;
        white-space: nowrap;
    }

    .head .logo a p span{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px !important;
    }

    footer{
        margin-bottom: 8vh;
    }

    .footer-tel{
        position: fixed;
        bottom: 0;
        width: 100vw;
        height: 8vh;
        line-height: 8vh;
        background: #c4171f;
        display: flex;
        justify-content: center;
    }

    .footer-tel a{
        width: 50%;
        text-align: center;
        color: #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-tel a:nth-of-type(1){
        border-right: 1px solid #f2f2f2;
    }

    .index-box-daiyan{
        background: #f1f1f1;
        padding-bottom: 15px;
    }

    .index-prod {
        padding: 0 10px;
        position: relative;
        padding-bottom: 35px;
    }

    .index-prod .swiper-pagination-bullet-active{
        background: #c4171f;
    }

    .index-prod .swiper-slide{
        display: block;
    }

    .index-prod .swiper-slide a{
        display: block;
        width: 100%;
    }

    .index-prod .swiper-slide a img{
        display: block;
        width: 100%;
    }

    .index-prod .swiper-slide a p{
        margin-top: 2vh;
    }

    .item .cover-text p.phone-show{
        display: block;
        color: #999;
    }
}