/*PC*/
@media (min-width: 1024px) {
    html{
        min-width: unset;
    }
    /*re-design-body*/
    body.re-design-body{
        margin-top: unset;
    }

    #include-header-new-m{
        display: none;
    }

    /*header*/
    #include-header-new ._header{
        /*background: linear-gradient(to bottom, #000000, rgba(0,0,0,0));*/
        background: linear-gradient(to bottom, #000000 5vw, rgba(0,0,0,0) 100%);
        height: 8vw;
        min-width: unset !important;
        max-width: 100vw;
    }

    #include-header-new ._header  .header-box-mobile,
    #include-header-new ._header  .header-box-mobile-list {
        display: none;
    }
    
    #include-header-new ._header .navi .item, 
    #include-header-new ._header .navi .item .item_link{
        width: unset;
    }

    #include-header-new ._header .navi .item{
        
        height: 5.55vw;
    }

    #include-header-new ._header .navi .item:first-child{
        padding-left: 0;
    }

    #include-header-new ._header .navi .item:last-child{
        padding-right: 0;
    }

    #include-header-new ._header .warp{
        width: unset;
          height: 8vw;
    }

    #include-header-new  ._header::after{
        height: 0;
    }

    #include-header-new ._header .logo{
        background-size: 100% 2.5vw;
    }

    #include-header-new  ._header .logo-box{
        width: 35vw;
        display: flex;
        flex-direction: row;
        justify-content: end;
       
    }

    #include-header-new  ._header .logo-box a{
        display: block;
        margin-top:  0.2vw;
        height: 5.64vw;
        margin-right: 5vw;
        width: 11.48vw;
    }

    #include-header-new  ._header .header-box{
        width: 60vw;
        margin-bottom: 2.3vw;
        border-bottom: 5px solid #fdc532;
    }

    #include-header-new  ._header .header-box {
        width: 60vw;
        margin-bottom: 2.5vw;
        border-bottom: 5px solid #fdc532;
    }
    
    #include-header-new  ._header .header-box .navi{
      
      height: auto;
    }
    
    #include-header-new  ._header .header-box .item .item_link{
        font-size: 1.5vw;
        line-height: 2.3vw;
        height: auto;
    }


    /*footer*/
    #include-footer-new{
        width: 100vw;
    }
    
    #include-footer-new ._footer .warp{
        padding:  4.05vw 0 1.852vw 0;
        min-width: unset;
        width: 87.32vw;
    }

    #include-footer-new .new_footer .wrap{
        width: unset;
        display: flex;
        justify-content: space-between;
    }

    #include-footer-new ul{
        list-style: unset;
        font-size: 14px;
        padding-left: 20px;
        color: #939393;
    }

    #include-footer-new ul li{
        margin-bottom: 0.29vw;
    }
    
    #include-footer-new  .footerCode{
        margin-top: 6vw;
    }

    #include-header-new .options-section{
        position: absolute;
        top: 5.5vw;
        left: 35.7vw;
        z-index: 100;
    }

    #include-header-new .options-container{
        display: flex;
        justify-content: center;
    }

    #include-header-new .options-container .options-item{
        background-color: #000;
        width: 60.56vw;
        display: none;
    }

    

    #include-header-new .options-container .options-item.blockitem{
        display: block;
    }

    
    #include-header-new .options-container .options-item .options-content{
        display: flex;
        padding: 0;
        flex-direction: column;
    }

    #include-header-new .options-container .options-item .options-content .options-content-item{
         display: flex;
        flex-direction: row;
    }   

    #include-header-new .options-container .options-item .options-content .item-text{
        color:#fff;
        font-size: 1.273vw;
        font-weight: 600;
        width: 9.78vw;
        text-align: center;
        padding: 1.15vw;
         display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #E1E1E1;
    }

     #include-header-new .options-container .options-item .options-content .options-content-item:last-child .item-text{
       border-bottom:none;
       display: flex;
       justify-content: center;
       align-items: center;
     }

    #include-header-new .options-container .options-item .options-content .item-menu {
        width: 100%;
    }

    #include-header-new .options-container .options-item .options-content .item-text a{
        color:#fff;
        font-size: 1.273vw;
        font-weight: 700;
       
    }

    #include-header-new .options-container .options-item .options-content .item-text a:hover{
        color:#fdc532;
    }

    #include-header-new.options-container .options-item .options-content .item-menu{
        display: flex;
        width: 71vw;
    }

    #include-header-new .options-container .options-item .options-content .item-menu ul{
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid #E1E1E1;
        border-bottom:1px solid #E1E1E1;
        height: 100%;
    }

    #include-header-new .options-container .options-item .options-content .options-content-item:last-child .item-menu ul{
        border-bottom:none;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item{
        width: 25%;
        margin: 0;
        font-size: 1vw;
        padding: 1.15vw;
        border-top:1px solid #E1E1E1;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item:nth-child(-n+4){
        border-top:none;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item{
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item:last-child{
        border-bottom: none;
    }


    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item a:hover{
        color: #fff;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item ul{
        margin-top: 0;
    }


    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li{ 
        width: 25%;
        margin-bottom: 0;
        border: unset;
        padding: 1vw;
        border-right: 1px solid #e1e1e1;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li a{  
        color: #fff;
        font-size: 1vw;
        font-weight: 400;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li a:hover{  
        color:#fdc532;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item a{
        font-size: 1.2rem;
        font-weight: 600;;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a{
        color: #fff;
        padding: 0;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a img{
        width: 0.492vw;
        height: 0.984vw;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a:hover{
        color:#fdc532;
    }

    #include-header-new #dealer-item .item_link::before{
        background: url(../img/home-dealer-white.png) no-repeat;
        width: 2.257vw;
        height: 2.662vw;
        content: '';
        background-size: cover;
        margin-right: 1vw
    }

    #include-header-new #dealer-item .item_link:hover:before{
        background: url(../img/home-dealer-black.png) no-repeat;
        background-size: cover;
        margin-right: 1vw
    }

    #include-header-new .options-container .dealer-item.options-item .options-content{
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 1.15vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_title{
        color: #fff;
        font-size: 1.273vw;
    }

     #include-header-new .options-container .dealer-item.options-item .options-content ._form_items{
        width: 22.5115vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_items ._form_item{
        margin-bottom: 1.5vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_items ._form_item:last-child{
        margin-bottom: 0;
    }

     #include-header-new .options-container .dealer-item.options-item .options-content ._form_button {
        width: 10.416vw;
        font-size: 1.273vw;
        color: #fff;
        height: 2.43vw;
        text-align: center;
        background-color: transparent;
        border: 1px solid #FBC916;
    }

}


/*tablet*/
@media (min-width: 768px) {
    html{
        min-width: unset;
    }

    #include-header-new-m{
        display: none;
    }
    
     /*re-design-body*/
    body.re-design-body{
        margin-top: unset;
    }

    /*header*/
    #include-header-new ._header{
        background: linear-gradient(to bottom, #000000 5vw, rgba(0,0,0,0) 100%);
        /*background: linear-gradient(to bottom, #000000, rgba(0,0,0,0));*/
        height: 8vw;
        min-width: unset !important;
        max-width: 100vw;
    }

    #include-header-new ._header  .header-box-mobile,
    #include-header-new ._header  .header-box-mobile-list {
        display: none;
    }
    
    #include-header-new ._header .navi .item, 
    #include-header-new ._header .navi .item .item_link{
        width: unset;
       
    }

    #include-header-new ._header .navi .item{
       
        height: 5.5vw;
    }

    #include-header-new ._header .navi .item:first-child{
        
    }

    #include-header-new ._header .navi .item:last-child{
        
    }

    #include-header-new ._header .warp{
        width: unset;
           height: 8vw;
    }

    #include-header-new  ._header::after{
        height: 0;
    }

    #include-header-new ._header .logo{
        background-size: 100% 2.5vw;
    }

    #include-header-new  ._header .logo-box{
        width: 40vw;
        display: flex;
        flex-direction: row;
        justify-content: end;
       
    }

    #include-header-new  ._header .logo-box a{
        display: block;
        margin-top:  0.2vw;
        height: 5.64vw;
        margin-right: 5vw;
        width: 11.48vw;
    }

    #include-header-new  ._header .header-box{
        width: 65vw;
        margin-bottom: 2.5vw;
          border-bottom: 0.29vw solid #fdc532;
    }

    #include-header-new  ._header .header-box .navi{
      
      padding-right: 0;
    }

    #include-header-new  ._header .header-box .item .item_link{
        font-size: 1.5vw;
        line-height: 2.3vw;
        height: 5.55vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1.157vw;
    }

    #include-header-new  ._header .menu{
      top: 5.54vw;
    }


    /*footer*/
    #include-footer-new{
        width: 100vw;
    }

    
    #include-footer-new ._footer dt a{
        font-size: 1.273vw;
        font-weight: 700;
    }

    #include-footer-new ._footer dd a{
        font-size: 1.273vw;
        font-weight: 400;
       
    }

  

    #include-footer-new ._footer .warp{
        padding:  4.05vw 0 1.852vw 0;
        min-width: unset;
        width: 87.32vw;
    }

    #include-footer-new .new_footer .wrap{
        width: unset;
    }

    #include-footer-new ul{
        list-style: unset;
        font-size: 14px;
        padding-left: 20px;
        color: #939393;
    }

    #include-footer-new ul li{
        margin-bottom: 0.29vw;
    }
    
    #include-footer-new  .footerCode{
        margin-top: 7vw;
    }

    #include-footer-new ._footer .weibocode img{
        width: 3.935vw;
    }

    #include-footer-new ._footer .wechatcode img{
        width: 3.819vw;
    }

    #include-footer-new ._footer .qrcode2 img{
        width: 4.514vw;
    }

    #include-footer-new  ._footer .qrcode span
    {
          font-size: 1.273vw;
        font-weight: 400;
       
    }

    #include-footer-new ._footer dl{
        padding: 0;
        padding-right: 1.157vw;
    }

    #include-footer-new ._footer dl:last-child{
        padding: 0;
    }

   #include-footer-new .footerCode{
        padding-left: 1.157vw;
    }

    /**/
    
    #include-header-new .options-section{
        position: absolute;
        top: 5.5vw;
        left: 37.8vw;
        z-index: 100;
    }

    #include-header-new .options-container{
        display: flex;
        justify-content: center;
    }

    #include-header-new .options-container .options-item{
        background-color: #000;
        width: 60.56vw;
        display: none;
    }

    

    #include-header-new .options-container .options-item.blockitem{
        display: block;
    }

    
    #include-header-new .options-container .options-item .options-content{
        display: flex;
        padding: 0;
        flex-direction: column;
    }

    #include-header-new .options-container .options-item .options-content .options-content-item{
         display: flex;
        flex-direction: row;
    }   

    #include-header-new .options-container .options-item .options-content .item-text{
        color:#fff;
        font-size: 1.273vw;
        font-weight: 600;
        width: 9.78vw;
        text-align: center;
        padding: 1vw;
         display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #E1E1E1;
    }

     #include-header-new .options-container .options-item .options-content .options-content-item:last-child .item-text{
       border-bottom:none;
       display: flex;
       justify-content: center;
       align-items: center;
     }

    #include-header-new .options-container .options-item .options-content .item-menu {
        width: 100%;
    }

    #include-header-new .options-container .options-item .options-content .item-text a{
        color:#fff;
        font-size: 1.273vw;
        font-weight: 700;
       
    }

    #include-header-new .options-container .options-item .options-content .item-text a:hover{
        color:#fdc532;
    }

    #include-header-new.options-container .options-item .options-content .item-menu{
        display: flex;
        width: 71vw;
    }

    #include-header-new .options-container .options-item .options-content .item-menu ul{
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid #E1E1E1;
        border-bottom:1px solid #E1E1E1;
        height: 100%;
    }

    #include-header-new .options-container .options-item .options-content .options-content-item:last-child .item-menu ul{
        border-bottom:none;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item{
        width: 25%;
        margin: 0;
        font-size: 1vw;
        padding: 1vw;
        border-top:1px solid #E1E1E1;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item:nth-child(-n+4){
        border-top:none;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item{
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item:last-child{
        border-bottom: none;
    }


    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item a:hover{
        color: #fff;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item ul{
        margin-top: 0;
    }


    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li{ 
        width: 25%;
        margin-bottom: 0;
        border: unset;
        padding: 1.15vw;
        border-right: 1px solid #e1e1e1;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li a{  
        color: #fff;
        font-size: 1.273vw;
        font-weight: 400;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item li a:hover{  
        color:#fdc532;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item.total-menu-item a{
        font-size: 1.2rem;
        font-weight: 600;;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a{
        color: #fff;
        padding: 0;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a img{
        width: 0.492vw;
        height: 0.984vw;
    }

    #include-header-new .options-container .options-item .options-content .item-menu .menu_item a:hover{
        color:#fdc532;
    }

    #include-header-new #dealer-item .item_link::before{
        background: url(../img/home-dealer-white.png) no-repeat;
        width: 2.257vw;
        height: 2.662vw;
        content: '';
        background-size: cover;
        margin-right: 1vw
    }

    #include-header-new #dealer-item .item_link:hover:before{
        background: url(../img/home-dealer-black.png) no-repeat;
        background-size: cover;
        margin-right: 1vw
    }

    #include-header-new .options-container .dealer-item.options-item .options-content{
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 1.15vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_title{
        color: #fff;
        font-size: 1.273vw;
    }

     #include-header-new .options-container .dealer-item.options-item .options-content ._form_items{
        width: 22.5115vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_items ._form_item{
        margin-bottom: 1.5vw;
    }

    #include-header-new .options-container .dealer-item.options-item .options-content ._form_items ._form_item:last-child{
        margin-bottom: 0;
    }

     #include-header-new .options-container .dealer-item.options-item .options-content ._form_button {
        width: 10.416vw;
        font-size: 1.273vw;
        color: #fff;
        height: 2.43vw;
        text-align: center;
        background-color: transparent;
        border: 1px solid #FBC916;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
    
    #include-footer-new .new_footer .wrap{
        width: unset;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}
