@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        max-width:1920px;
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1440px
    }
     .head_box{
        max-width:1920px
    }
}
 @media(min-width:2340px){
    .head_box{
        padding:0 .2rem
    }
}
 @media(min-width:2560px){
    html{
        font-size:calc(100vw/25.6)
    }
}
 @media(min-width:2860px){
    html{
        font-size:calc(100vw/28.6)
    }
}
 @media(min-width:3840px){
    html{
        font-size:calc(100vw/38.4)
    }
}
 @media (max-width:1820px){
    .index_from .left img{
        height:100%
    }
}
 @media (max-width:1520px){
    .index_about .auto-container{
        max-width:95%
    }
}
 @media (max-width:1440px){
    .auto-container{
        max-width:95%
    }
     .head_box{
        padding:0 .6rem
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/14.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:50%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop>a{
        font-size:.2rem
    }
     .index_banner .swiper-slide .txt .title{
        font-size:.4rem
    }
     .head_block p{
        font-size:.26rem
    }
     .head_block .title{
        font-size:.4rem
    }
     .index_section1 .left h3{
        font-size:.26rem;
        line-height:.36rem
    }
     .index_section2 .index_section2_box .swiper-container{
        max-width:80%
    }
     .index_section2 .index_section2_box .swiper-slide .item h3{
        font-size:.26rem
    }
     .index_section2 .index_section2_box .swiper-slide .item p{
        font-size:.2rem
    }
     .index_section2 .index_section2_box .swiper-slide .item .other{
        font-size:.18rem
    }
     .index_section3 .index_section3_box .swiper-slide .item .text_box h3{
        font-size:.26rem
    }
     .common_from h2{
        font-size:.46rem
    }
     .page_banner .txt h2{
        font-size:.5rem
    }
     .page_about .page_about_section1 .right .right_head h1{
        font-size:.4rem;
        line-height:.48rem
    }
     .page_about .page_about_history_box .swiper-slide h4{
        font-size:.24rem
    }
     .list_area_transport_category .category_box .top_box a{
        font-size:.22rem
    }
     .list_area_transport .partners_box h2{
        font-size:.32rem
    }
     .list_area_transport .partners_box .remark{
        font-size:.18rem
    }
     .show_area_transport h1{
        font-size:.36rem
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8)
    }
     body{
        font-size:.14rem
    }
     .swiper-button-next,.swiper-button-prev{
        width:45px;
        height:45px;
        border-width:1px
    }
     .head_box{
        line-height:50px;
        /* background:var(--color); */
        padding: 0 15px;
        /* box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); */
    }
     .head_box.c-style,.head_box:hover{
    }
     .head_box .logo_box{
        width:40%
    }
     .head_box .logo_box .logo_icon img{
        max-height: 40px;
    }
     .head_box.open .logo_box{
        opacity:0;
        visibility:hidden
    }
     .head_box .nav_box{
        display:none;
        width:100%;
        position:absolute;
        top:50px;
        left:0;
        background:#fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);
        border-top: 1px solid #999999;
    }
     .head_box .nav_box .nav{
        display:block
    }
     .head_box .nav_box .nav .hasdrop .stair .a{
        font-size:16px;
        padding:0 .2rem;
        line-height: 40px;
        width:100%;
        color:inherit
    }
    .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn{
    position:absolute;
    top:-.09rem;
    bottom:0;
    right: 20px;
    margin:auto;
    content:'';
    width:.2rem;
    height:.2rem;
    transform:rotate(180deg);
    transition:all .3s linear
}
 .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after{
    display:none;
    content:'';
    border-left:.09rem solid transparent;
    border-right:.09rem solid transparent;
    border-bottom:.09rem solid #fff;
    position:absolute;
    border-radius:.04rem;
    transition:all .3s linear
}
 .head_box:hover .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after,.head_box.c-style .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after{
    border-bottom-color:#222222
}
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after{
        display:block
    }
     .head_box .nav_box .nav .hasdrop .stair .a .mobile-navbtn::after:after{
        position:absolute;
        top:-.04rem;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:.15rem;
        height:.15rem;
        border-right:.03rem solid #555;
        border-bottom:.03rem solid #555;
        transform:rotate(45deg);
        transition:all .3s linear;
        border-radius:0;
        border-left:0
    }
     .head_box.c-style .nav_box .nav .hasdrop .stair .a .mobile-navbtn.open::after,.head_box:hover .nav_box .nav .hasdrop .stair .a .mobile-navbtn.open::after{
        transform: rotate(90deg);
        /* border-color:var(--color); */
    }
     .head_box.c-style .right_box .icosearch img,.head_box:hover .right_box .icosearch img{
        filter:unset
    }
     .head_box .nav_box .nav .hasdrop .sub{
        position:unset;
        background:0;
        width: 100%;
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub{
        padding:0 .2rem;
        position:unset
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu{
        padding:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{
        height:300px;
        overflow:auto;
        padding:0
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{
        width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
        height:max-content;
        margin-top:0;
        padding-left:0
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop{
        width:100%;
        max-width:100%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop:before{
        display:none
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{
        /* font-size:15px; */
        /* padding: 0; */
        font-size: 15px;
        padding: 0;
        line-height: 36px;
        padding-left: 30px;
    }
     .head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu>.hasdrop>a{
        font-size:15px;
        padding-bottom:5px;
        padding-left:0;
        line-height: 28px;
    }
     .head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{
        font-size:15px;
        padding: 0;
        line-height: 30px;
        padding-left: 15px;
    }
     .head_box .right_box .icosearch{
        background:var(--color);
        border-color:var(--color)
    }
     .head_box.c-style .right_box .icosearch,.head_box:hover .right_box .icosearch{
        border-color:var(--color)
    }
     .head_box .right_box .icosearch img{
        filter:unset;
        max-width:23px
    }
     .head_box .right_box .search_con2{
        width:100%;
        right:0;
        height:.4rem
    }
     .head_box .right_box .search_con2 .search_input{
        width:80%
    }
     .head_box .right_box .search_con2 .search_input input{
        height:40px;
        line-height:40px;
        font-size:16px
    }
     .head_box .right_box .search_con2 .search_input .search_btn{
        top:6px
    }
     .head_box .right_box .search_con2 .search_input .search_btn img{
        max-width:23px
    }
     .head_box .nav_box .nav .hasdrop.product_menu .drop-menu{
        padding:0;
        padding-bottom:.2rem
    }
     .head_box .nav_box .nav .hasdrop.product_menu .s-menu{
        display:block
    }
     .head_box .nav_box .nav .hasdrop.product_menu .s-menu dd{
        min-width:auto
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow{
        top:14.2%
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-track{
        display:none
    }
     .head_box .nav_box .nav .hasdrop.product_menu .scroll-thumb{
        display:none
    }
     .head_box .right_box .c_switch{
        display:block;
        width:30px;
        margin-left:20px
    }
     .head_box .right_box .c_switch i{
        background:#fff
    }
     .head_box .right_box .c_switch.open i:nth-child(1){
        top:13px;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head_box .right_box .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head_box .right_box .c_switch.open i:nth-child(3){
        bottom:5px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .right_box .c_switch i{
        position:relative;
        display:block;
        height:3px;
        transition:all .3s;
        background: var(--color);
    }
     .head_box .right_box .c_switch i:nth-child(1){
        top:0
    }
     .head_box .right_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .right_box .c_switch i:nth-child(2){
        margin:6px 0
    }
    
.head_box{}
.head_box.c-style,.head_box:hover{}
.head_box .logo_box{}
.head_box .logo_box .logo_icon img{}
.head_box.c-style .logo_box .logo_icon img,.head_box:hover .logo_box .logo_icon img{}
.head_box .nav_box{}
.head_box .nav_box .nav{}
.head_box .nav_box .nav>.hasdrop.product_menu{}
.head_box .nav_box .nav .hasdrop.pro{}
.head_box .nav_box .nav .hasdrop .stair .a{}
.head_box .nav_box .nav .hasdrop .stair .a:before{}

.head_box .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn{}
.head_box .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn::after{}
.head_box:hover .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn::after,.head_box.c-style .nav_box .nav .hasdrop.product_menu .stair .a .mobile-navbtn::after{}
.head_box .nav_box .nav>.hasdrop:last-child .stair .a{}
.head_box.c-style .nav_box .nav .hasdrop .stair .a,.head_box:hover .nav_box .nav .hasdrop .stair .a{}
.head_box.c-style .right_box .icosearch img,.head_box:hover .right_box .icosearch img{}
.head_box .nav_box .nav .hasdrop .sub{}
.head_box .nav_box .nav .hasdrop.product_menu .sub{}
.head_box .nav_box .nav .hasdrop .sub .s-menu{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu{}
.head_box .nav_box .nav .hasdrop .sub .s-menu>p{}
.head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu{
    padding: 10px 0;
}
.head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu::-webkit-scrollbar{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu::-webkit-scrollbar{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu::-webkit-scrollbar-track{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .t-menu::-webkit-scrollbar-thumb{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop:first-child > a,.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop:first-child > .t-menu{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop > a:before{}
.head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu > .hasdrop > a{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a .icon{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a .icon img{}
.head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a i{}
.head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop .t-menu a{}
.head_box .right_box{}
.head_box .right_box .icosearch{}
.head_box:hover .right_box .icosearch,.head_box.c-style .right_box .icosearch{}
.head_box .right_box .icosearch img{}
.head_box .nav_box .nav .hasdrop.active .stair .a:before,.head_box .nav_box .nav .hasdrop:hover .stair .a:before{
    display: none;
}
.head_box .nav_box .nav .hasdrop .sub .s-menu .hasdrop a:hover{}
.head_box .nav_box .nav .hasdrop.product_menu .sub .s-menu .hasdrop a:hover{}
.head_box .right_box .icosearch .icosearch{}
.head_box .right_box .icosearch .icosearch img{}
.head_box .right_box .icosearch .icosearch:hover img{}
.head_box .right_box .gtranslate_wrapper{}
.head_box .right_box .gtranslate_wrapper{}
.head_box .right_box .gtranslate_wrapper .gt_switcher_wrapper{}
.head_box .right_box .gtranslate_wrapper .gt_switcher{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_selected{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_selected a{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_selected a img{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_selected a:hover{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_selected a:after{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_option{}
.head_box .right_box .gtranslate_wrapper .gt_switcher .gt_option a{}
.head_box .right_box .search_con2{}
.head_box .right_box .search_con2 .moblie_search_close img{}
.head_box .right_box .search_con2 .search_input{}
.head_box.open .right_box .search_con2{}
.head_box.open .nav_box,.head_box.open .right_box .c_switch{}
.head_box.open .right_box .gtranslate_wrapper{}
.head_box .right_box .search_con2 .search_input input{}
.head_box .right_box .search_con2 .search_input input::placeholder{}
.head_box .right_box .search_con2 .search_input .search_btn{}
.head_box .right_box .search_con2 .search_input .search_btn img{}
.head_box .right_box .search_con2 .moblie_search_close{}
.head_box .right_box .search_con2 .moblie_search_close .iconfont{}
.head_box .nav_box .nav .hasdrop.product_menu .drop-menu{}
.head_box .nav_box .nav .hasdrop.product_menu .s-menu{}
.head_box .nav_box .nav .hasdrop.product_menu .s-menu::-webkit-scrollbar{}
.head_box .nav_box .nav .hasdrop.product_menu .s-menu dd{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow:before{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow.left{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-arrow.right{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-thumb,.head_box .nav_box .nav .hasdrop.product_menu .scroll-track{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-track{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-track::before{}
.head_box .nav_box .nav .hasdrop.product_menu .scroll-thumb{}
.footer{}
.footer .footer_top{}
.footer .footer_top h3{}
.footer .foot_head{
    margin-bottom: 45px;
}
.footer .foot_head .left_category{
    width: 100%;
    margin-bottom: 25px;
}
.footer .foot_head .left_category .item{
    flex: 0 0 100%;
}
.footer .foot_head .left_category .item:nth-child(1),
     .footer .foot_head .left_category .item:nth-child(2){
    display: none;
}
.footer .foot_head .left_category .item:last-child{
    flex: 0 0 100%;
}
.footer .foot_head .left_category .item>p,.footer .foot_head .right_box>p{
    font-size: 20px;
}
.footer .foot_head .left_category .item > h4{}
.footer .foot_head .left_category .item .item_box a,.footer .foot_head .right_box .foot_contact p,.footer .foot_head .right_box .foot_contact p a,.footer .foot_head .left_category .item > h4{
    font-size: 16px;
    line-height: 24px;
}
.footer .foot_head .foot_subscribe{}
.footer .foot_head .foot_subscribe{}
.footer .foot_head .foot_subscribe input{}
.footer .foot_head .right_box .foot_subscribe button img{}
.footer .foot_head .foot_subscribe button{}
.footer .foot_head .left_category .item .item_box{}
.footer .foot_head .left_category .item .item_box a{}
.footer .foot_head .left_category .item .item_box a:last-child{}
.footer .foot_head .left_category .item .item_box a:hover,.footer .foot_head .right_box .foot_contact p a:hover,.footer .foot_bottom a:hover{}
.footer .foot_head .left_category .item .code_box{}
.footer .foot_head .left_category .item .code_box img{}
.footer .foot_head .left_category .item .code_box img:last-child{}
.footer .foot_head .right_box{
    width: 100%;
}
.footer .foot_head .right_box .foot_contact p{}
.footer .foot_head .right_box .foot_contact p img{}
.footer .foot_head .right_box .foot_contact p:last-child{}
.footer .foot_head .right_box .foot_contact p a:hover{}
.footer .foot_head .foot_share{}
.foot_share a{}
.foot_share a:last-child{}
.foot_share a img{
    max-width: 26px;
}
.foot_share a:hover img{}
.footer .foot_bottom{}
.footer .foot_bottom .auto-container{
    flex-wrap: wrap;
    gap: 10px;
    font-size: 15px;
}
.footer .foot_bottom p{}
.footer .foot_bottom .left p{}
.footer .foot_bottom a{}
.footer .foot_bottom .right a{}
.footer .foot_bottom .right a:last-child{}
.footer .foot_bottom .right a:first-child{}
.footer .foot_bottom .right a:before{}
.footer .foot_bottom .right a:last-child:before{}
.footer .foot_bottom .right a:hover{}
.additional-features{right:5px}
.additional-features li{}
.additional-features .opa-0{}
.additional-features .additional-icon{}
.additional-features .additional-icon a{}
.additional-features .additional-icon img{}
.footer .foot_head .foot_form{}
.footer .foot_head .foot_form h2{}
.footer .foot_head .foot_form .input{}
.footer .foot_head .foot_form .input > div input::placeholder{}
.footer .foot_head .foot_form .input > div{}
.footer .foot_head .foot_form .input > div:nth-child(4){}
.footer .foot_head .foot_form .input > div:nth-child(5){}
.footer .foot_head .foot_form .input > div input{}
.footer .foot_head .foot_form .input > div input{}
.footer .foot_head .foot_form .submit{}
.footer .foot_head .foot_form .submit .more_btn{}
.footer .foot_head .foot_form .submit .more_btn span{}
.footer .foot_head .foot_form .submit:hover{}
.boxed_btn{}
.boxed_btn .btn{
    padding: 8px 40px 8px 15px;
}
.boxed_btn .btn.white{}
.boxed_btn .btn:before{}
.boxed_btn .btn:hover{padding:8px 40px 8px 15px}
.boxed_btn .btn:hover:before{}
.boxed_btn .btn:after,a.boxed_btn .btn:after{}
.index_banner{
    padding-top: 50px;
}
.index_banner .swiper-container{}
.index_banner .swiper-wrapper{}
.index_banner .swiper-slide{}
.index_banner .swiper-slide .img{}
.index_banner .swiper-slide .img a{}
.index_banner .swiper-slide .img a img{}
.index_banner .swiper-slide .txt{
    max-width: 85%;
    left: 5%;
    top: 5%;
    /*right: 0;*/
    margin: auto;
    /*bottom: 0;*/
    width: max-content;
    height: max-content;
}
.index_banner .swiper-slide .txt .title{
    font-size: 26px;
}
.index_banner .swiper-slide .txt .boxed_btn{}
.index_banner .swiper-slide .txt .boxed_btn .btn{}
.index_banner .swiper-slide .txt .boxed_btn .btn span{}
.index_banner .swiper-slide .txt .boxed_btn .btn img{}
.index_banner .swiper-pagination{}
.index_banner .swiper-pagination .swiper-pagination-bullet{}
.index_banner .swiper-pagination .swiper-pagination-bullet-active{}
.head_block{}
.head_block p{
    font-size: 18px;
}
.head_block .title{
    font-size: 22px;
    line-height: 28px;
}
.section{
    margin-top: 65px;
}
.index_section5,.index_from{
    padding: 65px 0;
}
.index_section6{
    margin-bottom: 45px;
}
.index_section6 .index_news_box .swiper-container{
    padding-bottom: 65px;
}
.index_section1{
    flex-wrap: wrap;
    padding: 0 15px;
    gap: 20px;
    /* border: 0; */
    padding-bottom: 30px;
    margin-top: 0;
}
.index_section1 .left{
    width: 100%;
    padding-right: 0;
    margin: 20px 0;
}
.index_section1 .left h3{}
.index_section1 .left .boxed_btn{}
.index_section1 .left .boxed_btn a.btn{}
.index_section1 .right{
    flex-wrap: wrap;
    width: 100%;
}
.index_section1 .right .item{
    flex: 0 0 50%;
    border: 0;
    padding: 20px 5px;
}
.index_section1 .right .item:before{}
.index_section1 .right .item:hover:before{}
.index_section1 .right .item .icon{}
.index_section1 .right .item:hover .icon{}
.index_section1 .right .item .icon img{}
.index_section1 .right .item .txt{}
.index_section1 .right .item .txt h4{}
.index_section1 .right .item .txt p{
    font-size: 14px;
}
.index_section2{}
.index_section2 .auto-container{
    flex-wrap: wrap;
}
.index_section2 .thumb_box{
    width: 100%;
}
.index_section2 .thumb_box img{}
.index_section2 .index_section2_box{
    max-width: 100%;
    position: unset;
    height: 100%;
    padding: 20px;
}
.index_section2 .index_section2_box .head_block{}
.index_section2 .index_section2_box .head_block p{}
.index_section2 .index_section2_box .head_block .title{}
.index_section2 .index_section2_box .swiper-container{
    max-width: 100%;
}
.index_section2 .index_section2_box .swiper-wrapper{}

.index_section2 .index_section2_box .swiper-slide{}
.index_section2 .index_section2_box .swiper-slide .item{}
.index_section2 .index_section2_box .swiper-slide .item a{}
.index_section2 .index_section2_box .swiper-slide .item h3{
    font-size: 18px;
}
.index_section2 .index_section2_box .swiper-slide .item p{
    font-size: 17px;
}
.index_section2 .index_section2_box .swiper-slide .item .other{
    font-size: 16px;
    -webkit-line-clamp: 6;
    line-height: 26px;
}
.index_section2 .index_section2_box .swiper-slide .item .boxed_btn{}
.index_section2 .index_section2_box .swiper-pagination{}
.marquee_text_box{}
.marquee_text_box .marquee_text{}
.marquee_text_box .marquee_text li{}
.marquee_text_box .marquee_text li .title{}
.marquee_text li:hover .title{}
.marquee_text_box .marquee_text li .title img{}
.marquee_text_box .marquee_text li .title:before{}
.marquee_text li:hover .title:before{}
.marquee_text_box .marquee_text li .title i{}
.index_section3{}
.index_section3 .auto-container{}
.index_section3 .head_block{
    max-width: 100%;
}
.index_section3 .head_block p{}
.index_section3 .head_block .title{}
.index_section3 .index_section3_box{}
.index_section3 .index_section3_box .swiper-container{}
.index_section3 .index_section3_box .swiper-wrapper{}
.index_section3 .index_section3_box .swiper-slide{}
.index_section3 .index_section3_box .swiper-slide .item{}
.index_section3 .index_section3_box .swiper-slide .item a{}
.index_section3 .index_section3_box .swiper-slide .item a:hover,.index_section6 .index_news_box .swiper-slide .item a:hover{}
.index_section3 .index_section3_box .swiper-slide .item .img_box{}
.index_section3 .index_section3_box .swiper-slide .item .img_box img{}
.index_section3 .index_section3_box .swiper-slide .item .text_box{}
.index_section3 .index_section3_box .swiper-slide .item .text_box h3{
    font-size: 20px;
}
.index_section3 .index_section3_box .swiper-slide .item .text_box p{
    font-size: 16px;
    line-height: 22px;
    min-height: auto;
}
.index_section3 .index_section3_box .swiper-slide .item a:hover .text_box h3{}
.index_section3 .index_section3_box .swiper-slide .item .boxed_btn{}
.index_section3 .index_section3_box .swiper-pagination{}
.index_section4{
    aspect-ratio: auto;
    padding-bottom: 65px;
}
.index_section4 .text_box{}
.index_section4 .text_box .head_block{}
.index_section4 .text_box .head_block svg{}
.index_section4 .text_box .head_block svg text{}
.index_section4 .text_box .head_block p{
    max-width: 100%;
    line-height: 22px;
}
.index_section4 .text_box .head_block .title{
    font-size: 16px;
    line-height: 22px;
}
.index_section4 .boxed_btn{}
.index_section4 .boxed_btn a.btn{}
.index_section5{}
.index_section5 .auto-container{
    flex-wrap: wrap;
    gap: 20px;
}
.index_section5 .auto-container > .left,.index_section5 .auto-container > .right{
    width: 100%;
    padding: 0;
}
.index_section5 .auto-container > .left{}
.index_section5 .auto-container > .left .img{}
.index_section5 .auto-container > .left .img img{}
.index_section5 .auto-container > .left .icon{
    top: 0;
    width: 100px;
    height: 100px;
    right: 5%;
}
.index_section5 .auto-container > .left .icon:before{
    width: 100px;
    height: 100px;
}
.index_section5 .auto-container > .left .icon p{}
.index_section5 .auto-container > .left .icon p img{}
.index_section5 .auto-container > .left .icon:hover p{}
.index_section5 .auto-container > .left .icon:hover p img{}
.index_section5 .auto-container > .right{}
.index_section5 .head_block{}
.index_section5 .head_block p{}
.index_section5 .head_block .title{}
.index_section5 .index_section5_swiper_box{}
.index_section5 .index_section5_swiper_box:before{}
.index_section5 .swiper-container{}
.index_section5 .swiper-wrapper{}
.index_section5 .swiper-slide{}
.index_section5 .swiper-slide .item{}
.index_section5 .swiper-slide .item .other{}
.index_section5 .swiper-slide .item .other .left{}
.index_section5 .swiper-slide .item .other .left .icon{}
.index_section5 .swiper-slide .item .other .left .icon img{}
.index_section5 .swiper-slide .item .other .left .txt{}
.index_section5 .swiper-slide .item .other .right{}
.index_section5 .swiper-slide .item .other .right img{}
.index_section5 .swiper-slide .item .remark{
    font-size: 16px;
    line-height: 26px;
    -webkit-line-clamp: 10;
}
.index_section5 .swiper-button-prev,.index_section5 .swiper-button-next{}
.index_section5 .swiper-button-prev{}
.index_section5 .swiper-button-next{}
.index_section5 .swiper-button-next.swiper-button-disabled,.index_section5 .swiper-button-prev.swiper-button-disabled{}
.index_section5 .swiper-button-prev:hover,.index_section5 .swiper-button-next:hover{}
.index_section6{}
.index_section6 .auto-container{}
.index_section6 .head_block{
    max-width: 100%;
}
.index_section6 .head_block p{}
.index_section6 .head_block .title{}
.index_section6 .index_news_box{}
.index_section6 .index_news_box .swiper-container{}
.index_section6 .index_news_box .swiper-wrapper{}
.index_section6 .index_news_box .swiper-slide{}
.index_section6 .index_news_box .swiper-slide .item{}
.index_section6 .index_news_box .swiper-slide .item a{}
.index_section6 .index_news_box .swiper-slide .item a:hover{}
.index_section6 .index_news_box .swiper-slide .item .img_box{}
.index_section6 .index_news_box .swiper-slide .item .img_box img{}
.index_section6 .index_news_box .swiper-slide .item .img_box span{}
.index_section6 .index_news_box .swiper-slide .item .text_box{}
.index_section6 .index_news_box .swiper-slide .item .text_box h3{
    font-size: 18px;
    line-height: 22px;
    min-height: auto;
}
.index_section6 .index_news_box .swiper-slide .item a:hover h3,.index_section6 .index_news_box .swiper-slide .item a:hover .text_box .other span:first-child{}
.index_section6 .index_news_box .swiper-slide .item .text_box p{
    font-size: 16px;
    line-height: 22px;
}
.index_section6 .index_news_box .swiper-slide .item .text_box .other{}
.index_section6 .index_news_box .swiper-slide .item .text_box .other span{}
.index_section6 .index_news_box .swiper-slide .item .text_box .other span:last-child{}
.index_section6 .index_news_box .swiper-slide .item .text_box .other span:last-child img{}
.index_section6 .index_news_box .swiper-slide .item .text_box .other span:first-child{
    font-size: 15px;
}
.index_section6 .index_news_box .swiper-slide .item a:hover .text_box .other span:last-child{}
.index_section6 .index_news_box .swiper-pagination{}
.index_from{}
.index_from .auto-container{
    flex-wrap: wrap;
    gap: 20px;
}
.index_from .left,.index_from .right{
    width: 100%;
}
.index_from .left{}
.index_from .right{
    padding: 20px;
}
.index_from .right .head_block{}
.index_from .right .head_block p{}
.index_from .right .head_block .title{
    max-width: 100%;
    line-height: 36px;
    margin-bottom: 20px;
}
.index_from .right form{}
.index_from .right form .input{
    gap: 15px;
}
.index_from .right form .input > div{
    flex: 0 0 100%;
}
.index_from .right form .input > div:last-child,.index_from .right form .input > div:nth-last-child(2){}
.index_from .right form .input > div p{
    font-size: 15px;
    line-height: 26px;
}
.index_from .right form .input > div p span{}
.index_from .right form .input input::placeholder,.index_from .right form .input textarea::placeholder{}
.index_from .right form .input input,.index_from .right form .input textarea{
    font-size: 15px;
}
.index_from .right form .input .textarea_box{}
.index_from .right form .input .textarea_box p{}
.index_from .right form .input .textarea_box textarea{}
.index_from .right form .submit{}
.index_from .right form .submit .boxed_btn{}
.index_from .right form .submit .boxed_btn .btn{}
.page_content .inside-pagination{}
.page_content .inside-pagination ul li a{}
.page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{}
.page_content .inside-pagination ul li{}
.page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{}
.page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{}
.page_content .inside-pagination ul li>a>img{}
.page_content .inside-pagination ul li.pre-page>a>img{}
.page_content .inside-pagination ul li:hover>a>img{}
.common_from{
    padding: 20px;
}
.common_from h2{}
.common_from form{}
.common_from form .input{}
.common_from form .input > div{
    flex: 0 0 100%;
}
.common_from form .input > div:last-child{}
.common_from form .input > div p{
    font-size: 15px;
    line-height: 26px;
}
.common_from form .input > div p span{}
.common_from form .input input::placeholder,.common_from form .input textarea::placeholder{}
.common_from form .input input,.common_from form .input textarea{
    font-size: 15px;
}
.common_from form .input .textarea_box{}
.common_from form .input .textarea_box p{}
.common_from form .input .textarea_box textarea{}
.common_from form .submit{}
.common_from form .submit .boxed_btn{}
.common_from form .submit .boxed_btn .btn{}
.page_banner{}
.page_banner .img_box{
    padding-top: 51px;
}
.page_banner .img_box img{
    height: 150px;
}
.page_banner .txt{
    bottom: 25%;
}
.page_banner .txt h2{
    font-size: 26px;
    max-width: 100%;
}
.page_banner .txt h2:before{}
.page_inside{}
.page_inside .auto-container{}
.page_inside a{
    font-size: 14px;
}
.page_inside i{}
.page_inside a img{}
.page_inside a:last-child{}
.page_banner .txt .boxed_btn{}
.page_banner .txt .boxed_btn a{}
.page_about,.page_about .about_team,.page_about .about_honor_box,.page_about .about_partners_box{
    padding-top: 55px;
}
.page_about .page_about_section1,.page_about .marquee_text_box,.page_about .about_corporate_culture{
    margin-bottom: 50px;
}
.page_about .page_about_history_box .swiper-container,.page_about .about_team,.page_about .about_honor_box,.page_about .about_partners_box{
    padding-bottom: 50px;
}
.page_about .page_about_section1 .auto-container{
    flex-wrap: wrap;
    gap: 20px;
}
.page_about .page_about_section1 .img{
    width: 100%;
}
.page_about .page_about_section1 .img img{
    width: 100%;
}
.page_about .page_about_section1 .right{
    width: 100%;
    padding: 0;
}
.page_about .page_about_section1 .right .right_head{
    margin-bottom: 0;
}
.page_about .page_about_section1 .right .right_head h1{
    font-size: 26px;
}
.page_about .page_about_section1 .right .remark{
    font-size: 16px;
    line-height: 22px;
}
.page_about .marquee_text_box{}
.page_about .marquee_text_box .marquee_text{}
.page_about .marquee_text_box .marquee_text li{}
.page_about .marquee_text_box .marquee_text li .title{}
.page_about .about_corporate_culture{}
.page_about .about_corporate_culture .head_block{}
.page_about .about_corporate_culture .head_block .title{}
.page_about .about_corporate_culture .item_box{flex-wrap: wrap;}
.page_about .about_corporate_culture .item_box .item{
    flex: 0 0 100%;
    min-height: auto;
    padding: 20px;
}
.page_about .about_corporate_culture .item_box .item .img{
    margin-bottom: 20px;
}
.page_about .about_corporate_culture .item_box .item .img img{}
.page_about .about_corporate_culture .item_box .item .txt{}
.page_about .about_corporate_culture .item_box .item .txt h4{
    font-size: 20px;
}
.page_about .about_corporate_culture .item_box .item .txt .remark{
    font-size: 16px;
    line-height: 22px;
}
.page_about .about_corporate_culture .item_box .item:hover{}
.page_about .about_corporate_culture .item_box .item:hover .img img{}
.page_about .about_corporate_culture .item_box .item:hover .txt{}
.page_about .about_corporate_culture .item_box .item:hover .txt remark{}
.page_about .page_about_history{
    padding: 50px 0;
}
.page_about .page_about_history .head_block,.page_about .page_about_history_box{}
.page_about .page_about_history .head_block .title{}
.page_about .page_about_history_box{
    margin-top: 30px;
    max-width: 90%;
}
.page_about .page_about_history_box .swiper-container{}
.page_about .page_about_history_box .swiper-wrapper{}
.page_about .page_about_history_box .swiper-slide{}
.page_about .page_about_history_box .swiper-slide svg{}
.page_about .page_about_history_box .swiper-slide svg{}
.page_about .page_about_history_box .swiper-slide svg text{}
.page_about .page_about_history_box .swiper-slide h4{}
.page_about .page_about_history_box .swiper-slide .remark{
    font-size: 16px;
    line-height: 22px;
}
.page_about .page_about_history_box .swiper-pagination{}
.page_about .page_about_history_box .swiper-pagination-bullet{}
.page_about .page_about_history_box .swiper-pagination-bullet-active{}
.page_about .about_team{}
.page_about .about_team .head_block{}
.page_about .about_team .head_block .title{}
.page_about .about_team .head_block p{
    font-size: 16px;
    line-height: normal;
}
.page_about .about_team_box{}
.page_about .about_team_box .swiper-container{
    padding-bottom: 50px;
}
.page_about .about_team_box .swiper-wrapper{
    flex-wrap: unset;
}
.page_about .about_team_box .swiper-wrapper .swiper-slide{
    flex: 0 0 100%;
}
.page_about .about_team_box .swiper-wrapper .swiper-slide:nth-child(1),.page_about .about_team_box .swiper-wrapper .swiper-slide:nth-child(2){
    flex: 0 0 100%;
}
.page_about .about_team_box .swiper-wrapper .swiper-slide .img{}
.page_about .about_team_box .swiper-wrapper .swiper-slide .img img.scale{}
.page_about .about_honor_box{}
.page_about .about_honor_box .auto-container{}
.page_about .about_honor_box .head_block{}
.page_about .about_honor_box .head_block .title{}
.page_about .about_honor_box .swiper-container{}
.page_about .about_honor_box .swiper-wrapper{}
.page_about .about_honor_box .swiper-slide{
    width: 240px;
    height: 100%;
}
.page_about .about_honor_box .swiper-slide .img{}
.page_about .about_honor_box .swiper-slide .img img{
}
.page_about .about_honor_box .swiper-slide p{}
.page_about .about_partners_box{}
.page_about .about_partners_box .head_block{}
.page_about .about_partners_box .head_block .title{}
.page_about .about_partners_box .swiper-container{}
.page_about .about_partners_box .swiper-wrapper{
    gap: 0;
}
.page_about .about_partners_box .swiper-wrapper .swiper-slide{
    flex: unset;
}
.page_about .about_partners_box .swiper-wrapper .swiper-slide:hover{}
.page_about .about_partners_box .swiper-wrapper .swiper-slide .img{}
.page_about .about_partners_box .swiper-wrapper .swiper-slide .img img{}
.page_about .about_partners_box .swiper-pagination{}
.page_advantages{}
.page_advantages_box{}
.page_service{}
.page_head{}
.page_head h2{}
.page_head > p{}
.page_news{
    margin-top: 30px;
}
.page_news .auto-container{}
.page_news .page_child_list{}
.page_news .page_child_list a{
    font-size: 20px;
}
.page_news .page_child_list a::before{}
.page_news .page_child_list a.active:before,.page_news .page_child_list a:hover:before{}
.page_news .page_news_box{}
.page_news .page_news_box .item{
    flex: 0 0 100%;
}
.page_news .page_news_box .item a{}
.page_news .page_news_box .item a:hover{}
.page_news .page_news_box .item .img_box{}
.page_news .page_news_box .item .img_box img{}
.page_news .page_news_box .item .img_box span{
    font-size: 14px;
}
.page_news .page_news_box .item .text_box{}
.page_news .page_news_box .item .text_box h3{
    font-size: 18px;
    line-height: 22px;
}
.page_news .page_news_box .item a:hover h3,.page_news .page_news_box .item a:hover .text_box .other span:first-child{}
.page_news .page_news_box .item .text_box p{
    font-size: 16px;
    line-height: 22px;
    min-height: auto;
    padding-bottom: 0;
    border: 0;
}
.page_news .page_news_box .item .text_box .other{}
.page_news .page_news_box .item .text_box .other span{}
.page_news .page_news_box .item .text_box .other span:last-child{}
.page_news .page_news_box .item .text_box .other span:last-child img{}
.page_news .page_news_box .item .text_box .other span:first-child{
    font-size: 15px;
}
.page_news .page_news_box .item a:hover .text_box .other span:last-child{}
.page_news .page_news_box .item a:hover{}
.page_case{}
.page_case .page_news_box{
    gap: 20px;
}
.page_case .page_news_box .item .text_box .remark{}
.page_case .page_news_box .item .text_box .remark span{
    font-size: 15px;
}
.page_case .page_news_box .item .text_box .remark span img{}
.page_service_faq{
    padding-bottom: 50px;
}
.page_service_faq h2{}
.page_service_faq .page_service_faq_box{}
.page_service_faq .page_service_faq_box .item{}
.page_service_faq .page_service_faq_box .item .title{
    font-size: 18px;
    line-height: 20px;
    padding-right: 9%;
}
.page_service_faq .page_service_faq_box .item .title:hover,.page_service_faq .page_service_faq_box .item .title.open{}
.page_service_faq .page_service_faq_box .item .title:before{}
.page_service_faq .page_service_faq_box .item .title:hover:before,.page_service_faq .page_service_faq_box .item .title.open:before{}
.page_service_faq .page_service_faq_box .item .title.open:before{}
.page_service_faq .page_service_faq_box .item .remark{
    font-size: 16px;
    line-height: 22px;
}
.page_related{}
.page_related h2{}
.page_related .swiper-container{}
.page_related .swiper-slide{}
.page_related .swiper-slide .item{}
.page_related .swiper-slide .item a{}
.page_related .swiper-slide .item a:hover{}
.page_related .swiper-slide .item .img_box{}
.page_related .swiper-slide .item .img_box img{}
.page_related .swiper-slide .item .img_box span{}
.page_related .swiper-slide .item .text_box{}
.page_related .swiper-slide .item .text_box h3{
    font-size: 18px;
    line-height: 28px;
}
.page_related .swiper-slide .item a:hover h3,.page_related .swiper-slide .item a:hover .text_box .other span:first-child{}
.page_related .swiper-slide .item .text_box .remark{}
.page_related .swiper-slide .item .text_box .remark span{
    font-size: 15px;
}
.page_related .swiper-slide .item .text_box .remark span img{}
.page_related .swiper-slide .item .text_box .other{}
.page_related .swiper-slide .item .text_box .other span{}
.page_related .swiper-slide .item .text_box .other span:last-child{}
.page_related .swiper-slide .item .text_box .other span:last-child img{}
.page_related .swiper-slide .item .text_box .other span:first-child{
    font-size: 15px;
}
.page_related .swiper-slide .item a:hover .text_box .other span:last-child{}
.page_related .swiper-slide .item a:hover{}
.list_area_transport{}
.list_area_transport .list_area_transport_box{
    padding-top: 45px;
}
.list_area_transport_category{}
.list_area_transport_category .category_box{
    margin-bottom: 55px;
}
.list_area_transport_category .category_box .top_box{
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}
.list_area_transport_category .category_box .top_box a{}
.list_area_transport_category .category_box .top_box a:before{}
.list_area_transport_category .category_box .top_box a:hover,.list_area_transport_category .category_box .top_box a.active{}
.list_area_transport_category .category_box .top_box a:hover:before,.list_area_transport_category .category_box .top_box a.active:before{}
.list_area_transport_category .category_box .item_box{}
.list_area_transport_category .category_box .item_box .item{}
.list_area_transport_category .category_box .item_box .item.active{}
.list_area_transport_category .category_box .item_box .item ul{
    gap: 10px;
}
.list_area_transport_category .category_box .item_box .item li{}
.list_area_transport_category .category_box .item_box .item li:before{}
.list_area_transport_category .category_box .item_box .item li:last-child:before{}
.list_area_transport_category .category_box .item_box .item li a{
    font-size: 15px;
}
.list_area_transport_category .category_box .item_box .item li a.active,.list_area_transport_category .category_box .item_box .item li a:hover{}
.list_area_transport .partners_box{
    padding-bottom: 25px;
}
.list_area_transport .partners_box h2{}
.list_area_transport .partners_box .remark{}
.list_area_transport .partners_box .swiper-container{}
.list_area_transport .partners_box .swiper-wrapper{}
.list_area_transport .partners_box .swiper-slide{}
.list_area_transport .partners_box .swiper-slide .img{}
.list_area_transport .partners_box .swiper-slide .img img{}
.list_area_transport .partners_box .swiper-slide{}
.list_area_transport .partners_box .swiper-slide:hover{}
.list_area_transport .partners_box .swiper-pagination{}
.list_area_transport .partners_box .swiper-pagination-bullet{}
.list_area_transport .partners_box .swiper-pagination-bullet-active{}
.list_area_transport .partners_box .swiper-button-next,.list_area_transport .partners_box .swiper-button-prev{
    display: none;
}
.list_area_transport .partners_box .swiper-button-next{}
.list_area_transport .partners_box .swiper-button-prev{}
.list_area_transport .partners_box .swiper-button-next:hover,.list_area_transport .partners_box .swiper-button-prev:hover{}
.show_area_transport{
    padding-top: 30px;
}
.show_area_transport .auto-container{}
.show_area_transport h1{}
.show_area_transport .show_area_transport_box{}
.list_faq{
    margin-top: 55px;
}
.list_faq .auto-container{
    max-width: 95%;
    padding-bottom: 45px;
}
.list_faq .list_faq_box .list_faq_head{}
.list_faq .list_faq_box .list_faq_head h1{
    max-width: 100%;
    font-size: 26px;
}
.list_faq .list_faq_box .list_faq_head p{
    font-size: 16px;
}
.list_faq .list_faq_box .list_faq_head p a{}
.list_faq .list_faq_box .list_faq_item_box{}
.list_faq .list_faq_box .list_faq_item_box .item{}
.list_faq .list_faq_box .list_faq_item_box .item:first-child{}
.list_faq .list_faq_box .list_faq_item_box .item .item_head{}
.list_faq .list_faq_box .list_faq_item_box .item .item_head .title{
    font-size: 16px;
}
.list_faq .list_faq_box .list_faq_item_box .item .item_head .title:hover{}
.list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon{}
.list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon:after{}
.list_faq .list_faq_box .list_faq_item_box .item .item_head .faq_icon.open:after{}
.list_faq .list_faq_box .list_faq_item_box .item .remark{
    font-size: 16px;
}
.faq_contact{
    aspect-ratio: 10.8 / 6;
}
.faq_contact .text_box{}
.faq_contact h2{
    font-size: 24px;
}
.faq_contact .boxed_btn{}
.show_news{}
.show_news .post-info{}
.show_news .post-info .header{}
.show_news .post-info .header>h1{
    font-size: 24px;
}
.show_news .post-info .content{}
.show_news .post-info .content ul,.show_news .post-info .content ol{}
.show_news .post-info .content ul li{}
.show_news .post-info .content ol li{}
.show_news .post-info .content p{
    font-size: 16px;
}
.show_news .post-info .post-pagination{}
.show_news .post-info .post-pagination p{}
.show_news .post-info .post-pagination p a{
    font-size: 15px;
}
.show_news .post-info .post-pagination p a img{}
.show_news .post-info .post-pagination p a.prev-page img{}
.show_news .post-info .post-pagination p a:hover{}
.show_news .post-info .post-pagination p a:hover img{}
.page_contact{}
.page_contact .page_head{}
.page_contact .page_head h2{}
.page_contact .page_head p{}
.page_contact .page_contact_head{
    flex-wrap: wrap;
    gap: 20px;
}
.page_contact .page_contact_head .item{
    flex: 0 0 100%;
    padding: 30px 20px;
}
.page_contact .page_contact_head .item .img_box{width: 75px;height: 75px;max-width: 75px;line-height: 75px;}
.page_contact .page_contact_head .item .img_box img{
    max-width: 60px;
}
.page_contact .page_contact_head .item:hover .img_box{}
.page_contact .page_contact_head .item:hover .img_box img{}
.page_contact .page_contact_head .item .txt_box{}
.page_contact .page_contact_head .item .txt_box p{
    font-size: 16px;
}
.page_contact .page_contact_head .item .txt_box a,.page_contact .page_contact_head .item .txt_box span{
    font-size: 16px;
}
.page_contact .page_contact_head .item:last-child .txt_box span{}
.page_contact .page_contact_quotation{}
.page_contact .page_contact_quotation > h2{}
.page_contact .page_contact_quotation > p{}
.page_contact .page_contact_quotation form{}
.page_contact .page_contact_quotation form .input{}
.page_contact .page_contact_quotation form .input div{}
.page_contact .page_contact_quotation form .input div input{}
.page_contact .page_contact_quotation form .pro_categories{}
.page_contact .page_contact_quotation form .pro_categories{}
.page_contact .page_contact_quotation .input>div input,.page_contact .page_contact_quotation .input>div select,.page_contact .page_contact_quotation .textarea_box textarea{}
.page_contact .page_contact_quotation .input>div select{}
.page_contact .page_contact_quotation .input .select_box{}
.page_contact .page_contact_quotation .input .select_box::before{}
.page_contact .page_contact_quotation .upload-box{}
.page_contact .page_contact_quotation .upload-box #fileName{}
.page_contact .page_contact_quotation .upload-box .upload-wrap{}
.page_contact .page_contact_quotation .upload-box .upload-wrap .file-open{}
.page_contact .page_contact_quotation .upload-box .upload-wrap p{}
.page_contact .page_contact_quotation .upload-box .upload-wrap .file-open img{}
.page_contact .page_contact_quotation .upload-box .upload-wrap .file-ele{}
.page_contact .page_contact_quotation .textarea_box{}
.page_contact .page_contact_quotation .textarea_box textarea{}
.page_contact .page_contact_quotation .submit{}
.page_contact .page_contact_quotation .submit .btn_effect4{}
.page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list{}
.page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list .btn_main_text{}
.page_contact .page_contact_quotation .submit .btn_small_wrap .btn_small_list.hover{}
.page_contact .page_contact_map{}
.page_contact .page_contact_map #mapbox{}
}
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
}