@media(min-width:1920px){
    html{
        font-size:calc(100vw/19.2)
    }
     body{
        /* max-width:1920px; */
        margin:auto;
        position:relative
    }
     .auto-container{
        max-width:1600px
    }
     .head_box{
        /* max-width:1920px; */
    }
}
 @media(min-width:2400px){
    html{
        font-size:calc(100vw/24)
    }
        #casevideomodal .modal-dialog{
        top: 10%;
    }
}
 @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:1600px){
    .auto-container{
        max-width:95%
    }
     .show_products .page_recommend_pro_box .swiper-container,.index_section7 .index_section7_box .swiper-container{
        max-width:90%;
        margin:auto
    }
     .show_products .page_recommend_pro_box .swiper-button-prev,.index_section7 .index_section7_box .swiper-button-prev{
        left:0
    }
     .show_products .page_recommend_pro_box .swiper-button-next,.index_section7 .index_section7_box .swiper-button-next{
        right:0
    }
    
}
 @media(max-width:1400px){
    html{
        font-size:calc(100vw/16.8)
    }
     .index_section1{
        /* background-size:100% 9.85rem; */
    }
     .page_about .page_about_section1_box{
        gap:1rem
    }
     .list_education .page_banner .text_box{
        width:85%;
        bottom:10%
    }
}
 @media(max-width:1280px){
    html{
        font-size:calc(100vw/14.8)
    }
     .swiper-button-next{
        right:0
    }
     .swiper-button-prev{
        left:0
    }
     .additional-features{
        top:35%
    }
     .head_box .nav_box .nav>.hasdrop .stair .a{
        font-size:.18rem
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon img{
        max-height:.65rem
    }
     .index_section1 .head_block p{
        max-width:80%
    }
     .page_sidebar .sidebar_category_box .item>a{
        padding:.12rem .15rem
    }
     .page_sidebar .sidebar_contact{
        padding:.2rem .15rem
    }
     .page_about .about_section1 .remark{
        font-size:.3rem
    }
     .page_about .index_global_market_box{
        /*width:12rem;*/
        /*background-size:contain*/
    }
    .page_about .about_section3 .auto-container{
        overflow: auto;
    }
     .page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box p{
        font-size:.7rem
    }
     .page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box h4{
        font-size:.28rem
    }
     .page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box .remark{
        font-size:.18rem
    }
    .page_about .about_section4 .about_section4_box .swiper-container{
        max-width: 85%;
        margin: auto;
    }
    .page_about .about_section4 .about_section4_box .swiper-button-prev{left:0}
    .page_about .about_section4 .about_section4_box .swiper-button-next{
        right: 0;
    }
}
 @media(max-width:1080px){
    html{
        font-size:calc(100vw/10.8);
    }
     body{
        font-size: 14px;
    }
     .head_box{
        background:#222
    }
     .head_box .top_box .logo_box a.logo_icon img{
        max-height:25px;
        max-width:115px
    }
     .head_box .top_box .search_input{
        width:50%
    }
     .head_box .top_box .search_input input{
        color:#fff;
        font-size:13px
    }
     .head_box .top_box .search_input input::placeholder{
        color:#fff
    }
     .head_box .c_switch{
        display:block
    }
     .head_box .c_switch{
        display:block;
        width:25px
    }
     .head_box .c_switch i{
        background:#fff
    }
     .head_box .c_switch.open i:nth-child(1){
        top:8px;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
     .head_box .c_switch.open i:nth-child(2){
        opacity:0
    }
     .head_box .c_switch.open i:nth-child(3){
        bottom:8px;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
     .head_box .c_switch i{
        position:relative;
        display:block;
        height:3px;
        transition:all .3s;
        background:#fff
    }
     .head_box .c_switch i:nth-child(1){
        top:0
    }
     .head_box .c_switch i:nth-child(3){
        bottom:0
    }
     .head_box .c_switch i:nth-child(2){
        margin:5px 0
    }
     .head_box .nav_box{
        /* display:none; */
        padding:15px 0;
    }
     .head_box .nav_box .nav{
    display: none;
    }
     .head_box .nav_box .nav>.hasdrop .stair .a{
        padding: 0;
        font-size: 16px;
        padding-right:0;
        line-height:45px;
        padding-left: 20px;
    }
     .head_box .nav_box .nav>.hasdrop .stair .a .mobile-navbtn{
        position:absolute;
        top:1px;
        right: 10px;
        margin:auto;
        font-size:20px;
        width:35px;
        height:35px;
        transition:.3s
    }
     .head_box .nav_box .nav>.hasdrop .stair .a .mobile-navbtn.open{
        transform:rotate(90deg)
    }
     .head_box .nav_box .nav>.hasdrop .stair .a .mobile-navbtn::before{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        content:'';
        width:10px;
        height:10px;
        border-right:2px solid #fff;
        border-bottom:2px solid #fff;
        transform:rotate(45deg);
        transition:all .3s linear
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub{
        position:unset;
        background:unset
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu{
        max-width:100%;
        display:block;
        padding:0
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu .hasdrop{
        width:100%;
        padding-right:0
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu .hasdrop a{
        text-align:left;
        font-size:16px;
        line-height:35px;
        padding: 0 35px;
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon{
        display:none
    }
     .head_box .nav_box .nav>.hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .text{
        margin:0
    }
     .footer{
        padding-top:60px
    }
     .footer .footer_top{
        margin-bottom:45px
    }
     .footer .footer_top .foot_share a{
        display:inline-block
    }
     .footer .footer_top .foot_share a img{
        max-width:30px
    }
     .footer .foot_head{
        flex-wrap:wrap;
        padding: 30px 0;
        padding-top: 0;
    }
     .footer .foot_head .left_box{
        width:100%;
        margin-bottom:30px
    }
     .footer .foot_head .left_box .form_box .input div{
        flex:0 0 100%
    }
     .footer .foot_head .left_box .form_box .input div input,.footer .foot_head .left_box .form_box .textarea_box textarea{
        font-size:15px
    }
     .footer .foot_head .left_box .form_box .textarea_box .submit_btn{
        font-size:14px
    }
     .footer .foot_head .left_category{
        display:none
    }
     .footer .foot_head .right_box{
        width:100%
    }
     .footer .foot_head .right_box p{
        font-size:18px
    }
     .footer .foot_head .right_box .foot_contact{
        margin-top:20px;
        margin-bottom:5px
    }
     .footer .foot_head .right_box .foot_contact .item p{
        font-size:16px
    }
     .footer .foot_head .right_box .foot_contact .item p:first-child{
        margin-bottom:10px
    }
     .footer .foot_head .right_box .foot_subscribe input{
        font-size:15px
    }
     .footer .foot_head .right_box .foot_subscribe button{
        font-size:14px
    }
     .footer .foot_bottom .left p{
        font-size:16px;
        margin-bottom:10px
    }
     .footer .foot_bottom .right a{
        font-size:16px;
        margin-right:10px;
        margin-bottom:10px;
        display:inline-block
    }
     .footer .foot_bottom .auto-container{
        flex-wrap:wrap;
        font-size:15px;
        gap: 20px;
        max-width: 100%;
    }
    .additional-features{
    /* display: none; */
    z-index: 99;
}
.additional-features li{}
.additional-features li a{}
.additional-features li .icon{}
.additional-features li:first-child .icon{}
.additional-features li a.open .icon{}
.additional-features li .icon img{}
.additional-features li .text{}
.additional-features li .thumb{}
.additional-features li .text,.additional-features li .thumb{}
.additional-features li .thumb img{}
.additional-features li{}
.additional-features li .text,.additional-features li .thumb{}
.additional-features li .text.show,.additional-features li .thumb.show{}
.head_box{
    z-index: 200;
}
.head_box.c-style,.head_box:hover{}
.head_box .top_box{
    font-size: 14px;
    line-height: 35px;
}
.head_box .top_box p{}
.head_box .top_box p:before,.head_box .top_box p:after{
    display: none;
}
.head_box .top_box p:before{}
.head_box .top_box p:after{}
.head_box .logo_box{
    padding-left: 20px;
}
.head_box .logo_box a.logo_icon{}
.head_box .logo_box a.logo_icon img{
    max-width: 80px;
}
.head_box .search_input{}
.head_box .search_input input{}
.head_box .search_input .search_btn{}
.head_box .search_input .search_btn img{}
.head_box .c_switch{}
.head_box .nav_box{}
.head_box .nav_box .nav{
    width: 100%;
    position: absolute;
    top: 60px;
    background: #000000;
    padding-bottom: 20px;
    padding-top: 10px;
    border-top: .01rem solid rgb(255 255 255 / 10%);
}
.head_box .nav_box .nav > .hasdrop{}
.head_box .nav_box .nav > .hasdrop .stair{}
.head_box .nav_box .nav > .hasdrop .stair .a{}
.head_box .nav_box .nav > .hasdrop .stair .a:before{}
.head_box .nav_box .nav > .hasdrop:hover .stair .a:before,.head_box .nav_box .nav > .hasdrop.active .stair .a:before{}
.head_box .nav_box .nav > .hasdrop .stair .a .mobile-navbtn{}
.head_box .nav_box .nav > .hasdrop .stair .sub{}
.head_box .nav_box .nav > .hasdrop.pro_menu .stair .sub{
    position: unset;
    border-top: 0;
}
.head_box .nav_box .nav > .hasdrop.pro_menu .stair .sub .drop-menu .s-menu{
    max-width: 100%;
    display: block;
    padding: 0;
}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu{}
.head_box .nav_box .nav > .hasdrop.pro_menu .stair .sub .drop-menu .s-menu .hasdrop{
    border-radius: 0;
    background: unset;
}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop:last-child{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a{}
.head_box .nav_box .nav > .hasdrop.pro_menu .stair .sub .drop-menu .s-menu .hasdrop a{
    display: block;
    padding: 0 35px;
}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .icon img{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .text{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .text span{
    display: none;
}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop a .text span img{}
.head_box .nav_box .nav > .hasdrop .stair .sub .drop-menu .s-menu .hasdrop:hover{
    background: unset;
}
.head_box .right_box{
    padding-right: 20px;
}
.head_box .right_box .icosearch{
    margin-right: 15px;
}
.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 .gt_switcher_wrapper{}
.head_box .right_box .gt_container--hich1m .gt_switcher{}
.head_box .right_box .gt_container--hich1m .gt_switcher:before{}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected{}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_option{
    top: 43px;
}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_option a{}
.head_box.c-style .right_box .gt_container--hich1m .gt_switcher .gt_selected,.head_box:hover .right_box .gt_container--hich1m .gt_switcher .gt_selected{}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected:after{}
.head_box.c-style .right_box .gt_container--hich1m .gt_switcher .gt_selected:before,.head_box:hover .right_box .gt_container--hich1m .gt_switcher .gt_selected:before{}
.head_box.c-style .right_box .gt_container--hich1m .gt_switcher:before,.head_box:hover .right_box .gt_container--hich1m .gt_switcher:before{}
.head_box .right_box .gt_container--hich1m .gt_switcher .gt_selected a{}
.head_box.open .logo_box{
    opacity: 0;
    visibility: hidden;
}
.head_box.open .nav_box .nav,.head_box.open .right_box .c_switch{}
.head_box.open .right_box .gtranslate_wrapper .gt_switcher_wrapper{}
.head_box .right_box .search_con2{
    width: 100%;
    right: 0;
}
.head_box .right_box .search_con2 .moblie_search_close img{}
.head_box .right_box .search_con2 .search_input{}
.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{}
.footer{}
.footer .footer_top{}
.footer .footer_top:before{}
.footer .footer_top a{}
.footer .footer_top a img{}
.footer .foot_head{}
.footer .foot_head .left_category{}
.footer .foot_head .left_category .item{}
.footer .foot_head .left_category .item>p,.footer .foot_head .right_box>p{}
.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{
    font-size: 16px;
    line-height: 30px;
}
.footer .foot_head .left_category .item:nth-child(1){}
.footer .foot_head .left_category .item:nth-child(1) .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:last-child{}
.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{}
.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_share{
    width: 100%;
}
.foot_share a{}
.foot_share a:last-child{}
.foot_share a img{
    max-width: 30px;
}
.foot_share a:hover img{}
.footer .foot_bottom .auto-container{}
.footer .foot_bottom{}
.footer .foot_bottom p{}
.footer .foot_bottom p{}
.footer .foot_bottom a{}
.footer .foot_bottom .left{}
.footer .foot_bottom .left a{}
.footer .foot_bottom .left a img{
    max-width: 35px;
}
.footer .foot_bottom .right p{
    margin-right: 0;
    margin-bottom: 10px;
}
.footer .foot_bottom .right a{}
.footer .foot_bottom .right a:hover{}
.footer .footer_other{
    flex-wrap: wrap;
    gap: 20px;
}
.footer .footer_other .foot_subscribe{
    width: 100%;
    margin-left: 0;
    font-size: 16px;
}
.footer .footer_other .foot_subscribe{}
.footer .footer_other .foot_subscribe input{
    line-height: 40px;
}
.footer .footer_other .foot_subscribe button{
    height: 42px;
    line-height: 42px;
}

 .common_from{
    padding: 55px 0;
}
.common_from .from_title{
    font-size: 26px;
    line-height: 34px;
}
.common_from form{}
.common_from form .input{
    flex-wrap: wrap;
    gap: 20px;
}
.common_from form .input div{
    flex: 0 0 100%;
    border-color: rgb(255 255 255 / 20%);
}
.common_from form .input div input,.common_from form .textarea_box textarea{}
.common_from form .input div input,.common_from form .textarea_box textarea,.common_from form .submit p{}
.common_from form .input div input::placeholder,.common_from form .textarea_box textarea::placeholder,.common_from form .submit p{}
.common_from form .input div input{}
.common_from form .textarea_box{}
.common_from form .textarea_box textarea{}
.common_from form .submit{}
.common_from form .submit p{}
.common_from form .submit .btn_effect4{}
.common_from form .submit .btn_effect4 .btn_small_list{}
.common_from form .submit .btn_effect4 .btn_small_list .btn_main_text{}
.common_from form .submit .btn_effect4 .btn_small_list.hover{}
.index_banner{}
.index_banner .swiper-slide video{
    max-width: 100%;
    max-height: 300px;
}
.index_banner .swiper-wrapper{}
.index_banner .swiper-slide{
    padding-top: 123px;
}
.index_banner .swiper-slide .img{}
.index_banner .swiper-slide .img a{}
.index_banner .swiper-slide .img a img{}
.index_banner .swiper-pagination{}
.index_banner .swiper-button-prev{
    left: 20px;
}
.index_banner .swiper-button-next{
    right: 20px;
}
.index_banner .swiper-button-prev,.index_banner .swiper-button-next{
    width: 40px;
    height: 40px;
    top: 60%;
}
     .swiper-button-next:before, .swiper-button-prev:before{
    top: 15px;
    left: 12px;
    width: 12px;
    height: 12px;
}
.section,.index_section7 .index_section7_bottom,
.index_section1,.index_section2,.index_section3,.index_section5{
    margin-top: 60px;
}

.index_section1 .auto-container{}
.index_section1 .section1_top{font-size: 35px;margin-bottom: 40px;}
.index_section1 .section1_top img{}
.index_section1 .head_block{}
.index_section1 .head_block p{
    max-width: 100%;
    line-height: 40px;
}
.head_block p,.index_section2 .item .right h2,.index_section3 .head_block_title,.index_section5 .head_block_title{
    font-size: 24px;
}
.index_section1 .head_block span{
    max-width: 100%;
    font-size: 16px;
    -webkit-line-clamp: 10;
    line-height: 26px;
}
.index_section1 .section1_bottom{}
.index_section1 .section1_bottom a{
    font-size: 16px;
}
.index_section1 .section1_bottom a img{
    max-width: 50px;
}
.index_section1 .section1_bottom a span{}
.index_section1 .index_section1_box{
    margin-top: 60px;
    flex-wrap: wrap;
}
.index_section1 .index_section1_box .item{
    width: 50%;
    text-align: center;
}
 .index_section1 .index_section1_box .item:nth-child(1),
 .index_section1 .index_section1_box .item:nth-child(2){
     margin-bottom: 20px;
 }
.index_section1 .index_section1_box .item .txt{}
.index_section1 .index_section1_box .item .txt div{
    font-size: 50px;
}
.index_section1 .index_section1_box .item .txt div p{}
.index_section1 .index_section1_box .item .txt .counter{}
.index_section1 .index_section1_box .item .remark{
    font-size: 16px;
}
.index_section2{}
.index_section2 .index_section2_box{}
.index_section2 .index_section2_box .item{
    flex-direction: column;
}
.index_section2 .index_section2_box .item:nth-child(odd){
    flex-direction: column;
}
.index_section2 .index_section2_box .item:nth-child(1){}
.index_section2 .index_section2_box .item:nth-child(2){}
.index_section2 .index_section2_box .item:nth-child(3){}
.index_section2 .index_section2_box .item:nth-child(4){}
.index_section2 .item .left,.index_section2 .item .right{
    width: 100%;
}
.index_section2 .item .left{}
.index_section2 .item .left img{}
.index_section2 .item .right{
    padding: 40px 20px;
}
.index_section2 .item .right h2{}
.index_section2 .item .right .item_swiper_box{}
.index_section2 .item .right .item_swiper_box .swiper-container{}
.index_section2 .item .right .item_swiper_box .swiper-wrapper{}
.index_section2 .item .right .item_swiper_box .swiper-slide{}
.index_section2 .item .right .item_swiper_box .swiper-slide a{}
.index_section2 .item .right .item_swiper_box .swiper-slide a .img_box{}
.index_section2 .item .right .item_swiper_box .swiper-slide a .img_box img{}
.index_section2 .item .right .item_swiper_box .swiper-pagination{}
.index_section2 .item .right .item_swiper_box .swiper-button-prev,.index_section2 .item .right .item_swiper_box .swiper-button-next{}
.index_section2 .item .right .item_swiper_box .swiper-button-prev:before,.index_section2 .item .right .item_swiper_box .swiper-button-next:before{}
.index_section2 .item .right .item_swiper_box .swiper-button-prev{
    left: 0;
}
.index_section2 .item .right .item_swiper_box .swiper-button-next{
    right: 0;
}
     .btn_main_text{
    font-size: 16px;
}
     .btn_small_icon img{
    max-width: 14px;
}
.index_section2 .item .right .more_btn{}
.index_section2 .item .right .more_btn .btn_effect4{}
.index_section2 .item .right .more_btn .btn_effect4 .btn_small_list{}
.index_section2 .item .right .more_btn .btn_effect4 .btn_small_list.hover{}
.index_section3{}
.index_section3 .head_block_title{}
.index_section3 .marquee_box{
    margin-bottom: 80px;
    margin-top: 50px;
}
 .index_section3 .marquee_box .marquee_track{
	left: -200px;
}
 .index_section3 .marquee_box .marquee_track .item{
    width: 200px;
    margin-right: 50px;
}
.index_section3 .marquee_box .marquee_track{}
.index_section3 .marquee_box .marquee_track .item{
}
.index_section3 .marquee_box .marquee_track .item img{
    /*width: 100px;*/
}
.index_section3 .index_pro{}
.index_section3 .index_pro .swiper-container{}
.index_section3 .index_pro .swiper-wrapper{}
.index_section3 .index_pro .swiper-pagination{}
.index_section3 .index_pro .swiper-slide{}
.index_section3 .index_pro .swiper-slide .item{}
.index_section3 .index_pro .swiper-slide .item a{}
.index_section3 .index_pro .swiper-slide .item .img_box{}
.index_section3 .index_pro .swiper-slide .item .img_box img{}
.index_section3 .index_pro .swiper-slide .item .text_box{
    padding: 20px 15px;
    padding-bottom: 0;
}
.index_section3 .index_pro .swiper-slide .item .text_box span{
    font-size: 14px;
}
.index_section3 .index_pro .swiper-slide .item .text_box p{
    font-size: 20px;
}
.index_section3 .index_pro .swiper-slide .item .text_box i{
    font-size: 14px;
}
.index_section4{}
.index_section4 .index_section4_box{}
.index_section4 .index_section4_box .swiper-container{
}
.index_section4 .index_section4_box .swiper-wrapper{}
.index_section4 .index_section4_box .swiper-slide{
    aspect-ratio: 10.8 / 8;
}
.index_section4 .index_section4_box .swiper-pagination{
    bottom: 5%;
}
.index_section4 .index_section4_box .swiper-pagination-bullet{}
.index_section4 .index_section4_box .swiper-pagination-bullet-active{}
.index_section4 .index_section4_box .swiper-button-prev,.index_section4 .index_section4_box .swiper-button-next{}
.index_section4 .index_section4_box .swiper-button-prev:before,.index_section4 .index_section4_box .swiper-button-next:before{}
.index_section4 .index_section4_box .swiper-button-prev{}
.index_section4 .index_section4_box .swiper-button-next{}
.index_section4 .text_box{}
.index_section4 .text_box p{
    font-size: 32px;
}
.index_section4 .text_box span{}
.index_section4 .text_box span img{
    max-width: 40px;
}
.index_section5{}
.index_section5 .head_block_title{}
.index_section5 .index_section5_top{
    margin-bottom: 60px;
}
.index_section5 .index_section5_top p{
}
.index_section5 .index_section5_top p a{
    font-size: 18px;
}
.index_section5 .index_section5_top .swiper-button-prev,.index_section5 .index_section5_top .swiper-button-next{}
.index_section5 .index_section5_top .swiper-button-prev:before,.index_section5 .index_section5_top .swiper-button-next:before{}
.index_section5 .index_section5_top .swiper-button-prev{
    left: 10%;
}
.index_section5 .index_section5_top .swiper-button-next{
    right: 10%;
}
.index_section5 .index_section5_box{}
.index_section5 .index_section5_box .swiper-container{}
.index_section5 .index_section5_box .swiper-wrapper{}
.index_section5 .index_section5_box .swiper-slide{}
.index_section5 .index_section5_box .swiper-slide .item{}
.index_section5 .index_section5_box .swiper-slide .item a{}
.index_section5 .index_section5_box .swiper-slide .item .img_box{}
.index_section5 .index_section5_box .swiper-slide .item .img_box img{}
.index_section5 .index_section5_box .swiper-slide .item .text_box{}
.index_section5 .index_section5_box .swiper-slide .item .text_box p{
    font-size: 14px;
}
.index_section5 .index_section5_box .swiper-slide .item .text_box h4{
    font-size: 18px;
    line-height: 30px;
    min-height: auto;
}
.index_section5 .index_section5_box .swiper-slide:hover .item a{}
.index_section5 .index_section5_box .swiper-slide:hover .item .text_box{}
.index_section5 .index_section5_box .swiper-slide:hover .item .text_box p{}
.index_section6{
    aspect-ratio: 10.8 / 10;
}
.index_section6 .text_box{
    width: 100%;
}
.index_section6 .head_block{}
.index_section6 .head_block p{
    font-size: 40px;
}
.index_section6 .head_block span{
    font-size: 22px;
}
.index_section6 .more_btn{}
.index_section6 .more_btn .btn_effect4{}
.index_section6 .more_btn .btn_effect4 .btn_small_list{}
.index_section6 .more_btn .btn_effect4 .btn_small_list.hover{}
.index_section7{}
.index_section7 .index_section7_box{}
.index_section7 .index_section7_box .swiper-container{
    padding-bottom: 50px;
}
.index_section7 .index_section7_box .swiper-wrapper{}
.index_section7 .index_section7_box .swiper-slide{}
.index_section7 .index_section7_box .swiper-slide .item{}
.index_section7 .index_section7_box .swiper-slide .item .image_box{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box .img{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box .img img{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .icon{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .icon img,.index_section7 .index_section7_box .swiper-slide .item .image_box .txt img{
    max-width: 45px;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt{
    font-size: 18px;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt img{}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt p{}
.index_section7 .index_section7_box .swiper-slide .item .text_box{}
.index_section7 .index_section7_box .swiper-slide .item .text_box h4{
    font-size: 20px;
    line-height: 30px;
}
.index_section7 .index_section7_box .swiper-slide .item .text_box a{
    font-size: 14px;
}
.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .img_box .img img{}
.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .icon{}
.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .txt{}
.index_section7 .index_section7_box .swiper-pagination{}
.index_section7 .index_section7_box .swiper-pagination-bullet{}
.index_section7 .index_section7_box .swiper-pagination-bullet-active{}
.index_section7 .index_section7_bottom{
    gap: 20px;
    margin-bottom: 60px;
}
.index_section7 .index_section7_bottom:before,.index_section7 .index_section7_bottom:after{
    width: 15%;
}
.index_section7 .index_section7_bottom:before{}
.index_section7 .index_section7_bottom:after{}
.index_section7 .index_section7_bottom a{}
.index_section7 .index_section7_bottom a img{}
.page_banner{}
.page_banner video{}
.page_banner .swiper-slide,.page_banner .img_box{
    padding-top: 123px;
}
.page_banner .img_box img{
    height: 150px;
    object-fit: cover;
}
.page_banner .page_inside{}
.page_inside{}
.page_inside a{}
.page_inside a:last-child{}
.page_banner .text_box{
    width: 95%;
    bottom: 5%;
}
.page_banner .text_box h3{
    font-size: 26px;
    margin-bottom: 20px;
}
.page_banner .text_box .remark{
    font-size: 16px;
    line-height: 24px;
}
.page_content .head_block_title{}
.page_about{}
.page_content .inside-pagination{
    margin-top: 50px;
}
.page_content .inside-pagination ul li a{
    font-size: 18px;
}
.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{}
.page_content .inside-pagination ul li.pre-page{}
.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:hover,.page_content .inside-pagination ul li.pre-page a:hover{}
.page_content .inside-pagination ul li>a>img{}
.page_content .inside-pagination ul li.next-page a:hover img,.page_content .inside-pagination ul li.pre-page a:hover img{}
.page_content .inside-pagination ul li.pre-page>a>img{}
.page_content .inside-pagination ul li:hover>a>img{}
.list_education{}
.list_education .page_banner{}
.list_education .page_banner .text_box{}
.list_education .page_banner .text_box h3{}
.list_education .page_banner .text_box .remark{}
.list_education .page_banner .text_box .boxed_btn{}
.list_education .page_banner .text_box .boxed_btn:hover .btn{}
.list_education .page_banner .text_box .boxed_btn .btn span{}
.list_education .page_banner .text_box .boxed_btn .btn img{}
.list_education_box{
    padding-top: 45px;
}
.list_education .head_block_title{}
.list_education .item_box{}
.list_education .item_box .item{
    flex: 0 0 49.9%;
}
.list_education .item_box .item a{
    padding: 15px;
}
.list_education .item_box .item a:hover{}
.list_education .item_box .item .img_box{}
.list_education .item_box .item .img_box img{}
.list_education .item_box .item .text_box{
    margin-bottom: 20px;
}
.list_education .item_box .item .text_box p{
    font-size: 20px;
    margin-bottom: 20px;
}
.list_education .item_box .item .text_box span{
    font-size: 16px;
}
.list_news{
    padding-top: 60px;
}
.list_news .list_news_box{
    flex-wrap: wrap;
    gap: 50px;
}
.list_news .list_news_box .list_item_box{}
.list_news .list_news_box .list_item_box .item{}
.list_news .list_news_box .list_item_box .item a{
    flex-wrap: wrap;
    gap: 20px;
}
.list_news .list_news_box .list_item_box .item .img_box,.list_news .list_news_box .list_item_box .item .text_box{
    width: 100%;
}
.list_news .list_news_box .list_item_box .item .img_box{}
.list_news .list_news_box .list_item_box .item .img_box .img{}
.list_news .list_news_box .list_item_box .item .text_box{
    padding: 0;
}
.list_news .list_news_box .list_item_box .item .text_box i{
    font-size: 14px;
}
.list_news .list_news_box .list_item_box .item .text_box h3{
    font-size: 20px;
    margin: 20px 0;
}
.list_news .list_news_box .list_item_box .item .text_box p{font-size: 16px;line-height: 30px;padding:10px 30px;padding-bottom:0}
.list_news .list_news_box .list_item_box .item .text_box span{font-size: 15px;}
.list_news .page_sidebar .sidebar_category_box .item{}
.list_news .page_sidebar .sidebar_category_box .item a{}
.list_news .page_sidebar .sidebar_contact{}
.list_news .list_news_box .list_item_box .item:hover a{}
.list_news .list_news_box .list_item_box .item:hover .text_box h3{}
.list_news .list_news_box .list_item_box .item:hover .text_box p{}
.list_news .list_news_box .list_item_box .item:hover .text_box span{}
.list_products{}
.list_products .list_products_box{
    flex-wrap: wrap;
    gap: 50px;
}
.page_content .content_box{
    width: 100%;
}
.page_content .content_box .title_box{}
.page_content .content_box .title_box h2{}
.page_content .content_box .title_box p{}
.page_content .content_box .category_box{}
.page_content .content_box .category_box .item{}
.page_content .content_box .category_box .item a{}
.page_content .content_box .category_box .item a:hover,.page_content .content_box .category_box .item a.active{}
.list_products .item_box{
    gap: 15px;
    padding-bottom: 0;
}
.list_products .item_box .item{
    flex: 0 0 calc((100% - 1 * 15px) / 2);
}
.list_products .item_box .item .img_box{}
.list_products .item_box .item .img_box img{}
.list_products .item_box .item .text_box{
    padding: 20px 15px;
    padding-bottom: 0;
}
.list_products .item_box .item .text_box span{
    font-size: 14px;
}
.list_products .item_box .item .text_box p{
    font-size: 20px;
}
.list_products .item_box .item .quote-button{
    font-size: 13px;
    padding: 5px 20px;
}

.list_products .list_products_top{}
.list_products .sidebar_search_box{
    width: 100%;
    margin-bottom: 0;
}
.list_products .sidebar_search_box .form_control.keywords{}
.list_products .sidebar_search_box .form_control.keywords::placeholder{}
.list_products .sidebar_search_box .search_btn{}
.list_products .sidebar_search_box .search_btn:hover{}
.list_products .sidebar_search_box .search_btn img{}
.list_products .sidebar_search_box .search_btn:hover img{}
.page_sidebar{
    width: 100%;
    margin-right: 0;
}
.page_sidebar .sidebar_category_box{}
.page_sidebar .sidebar_category_box>p{}
.page_sidebar .sidebar_category_box .item{}
.page_sidebar .sidebar_category_box .item .child{}
.page_sidebar .sidebar_category_box .item:last-child{}
.page_sidebar .sidebar_category_box .item > a{
    font-size: 16px;
}
.page_sidebar .sidebar_category_box .item .icon{}
.page_sidebar .sidebar_category_box .item .icon img{}
.page_sidebar .sidebar_category_box .item .txt{}
.page_sidebar .sidebar_category_box .item:hover,.page_sidebar .sidebar_category_box .item.active{}
.page_sidebar .sidebar_category_box .item > a:hover,.page_sidebar .sidebar_category_box .item.active > a{}
.page_sidebar .sidebar_contact{}
.page_sidebar .sidebar_contact h4{}
.page_sidebar .sidebar_contact p{}
.page_sidebar .sidebar_contact p:last-child{}
.page_sidebar .sidebar_contact p a{
    font-size: 16px;
    font-family: 'RobotoLight';
}
.page_sidebar .sidebar_contact p a img{}
.page_sidebar .sidebar_contact p span{}
.page_sidebar .sidebar_contact p a:hover{}
.show_products{
    
}
.show_products .show_products_head{}
.show_products .show_products_head .auto-container{
    gap: 20px;
    flex-wrap: wrap;
}
.show_products .show_products_head .img_box{
    width: 100%;
}
.show_products .show_products_head .text_box{
    width: 100%;
    padding-left: 0;
}
.show_products .show_products_head .img_box .view_box{}
.show_products .show_products_head .img_box .view_box .swiper-container{}
.show_products .show_products_head .img_box .view_box .swiper-slide{}
.show_products .show_products_head .img_box .view_box .swiper-slide img{}
.show_products .show_products_head .img_box .thumb_box{
    position: relative;
    margin-top: 30px;
    bottom: 0;
}
.show_products .show_products_head .img_box .thumb_box .swiper-container{}
.show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width: 22.85%;
    height: 22.85%;
}
.show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{}
.show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{}
.show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
    border-color: #ffffff;
}
.show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{}
.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left: 0;
}
.show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right: 0;
}
.show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{}
.show_products .show_products_head .text_box h1{
    font-size: 26px;
    margin-top: 20px;
}
.show_products .show_products_head .text_box .remark{
    font-size: 16px;
}
.show_products .show_products_head .text_box .btn_box{}
.show_products .show_products_head .text_box .btn_box .pro_btn{
    padding: 10px 20px;
    font-size: 16px;
}
.show_products .show_products_head .text_box .btn_box .pro_btn:hover{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child img{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child span{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover img{}
.show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover span{}
.show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover{}
.show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover img{}
.show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover span{}
.show_products .show_products_head .text_box .btn_box .pro_btn img{
    max-width: 20px;
}
.show_products .show_products_head .text_box .btn_box .pro_btn span{}
.show_products .show_products_head .text_box .attribute_box{}
.show_products .show_products_head .text_box .attribute{}
.show_products .show_products_head .text_box .attribute div{
    font-size: 16px;
}
.show_products .show_products_head .text_box .attribute div:before{}
.show_products .show_products_head .text_box .attribute div p{}
.show_products .show_products_head .text_box .platform_box{}
.show_products .show_products_head .text_box .platform_box .item{
    width: 33%;
}
.show_products .show_products_head .text_box .platform_box .item:hover{}
.show_products .show_products_head .text_box .platform_box .item a{
    font-size: 16px;
}
.show_products .show_products_head .text_box .platform_box .item:hover a{}
.show_products .show_products_head .text_box .platform_box .item img{}
.show_products .show_products_head .text_box .platform_box .item p{}
.show_products .show_products_box{
    padding-top: 45px;
}
.show_products .show_products_box .show_pro_top{
    padding-bottom: 15px;
}
.show_products .show_products_box .show_pro_top p{
    font-size: 22px;
}
.show_products .show_products_box .show_pro_top p:before{
    height: 3px;
    bottom: -15px;
}
.show_products .show_products_box .show_pro_top p.active,.show_products .show_products_box .show_pro_top p:hover{}
.show_products .show_products_box .show_pro_top p:hover:before,.show_products .show_products_box .show_pro_top p.active:before{}
.show_products .show_products_box .show_pro_content_box{
    padding: 45px 0;
}
.show_products .show_products_box .show_pro_content_box.active{}
.show_products .show_products_box .show_pro_content_box.active{}
.show_pro_content_box table{
    font-size: 15px;
}
.show_pro_content_box table tr{}
.show_pro_content_box table td{
    padding: 10px;
}
.show_products .show_products_box a{}
.show_products .show_pro_video{
    padding-bottom: 45px;
}
.show_products .show_pro_video .show_pro_video_box{
    flex-wrap: wrap;
    gap: 20px;
}
.show_products .show_pro_video .show_pro_video_box .item{flex: 0 0 100%;}
.show_products .show_pro_video .show_pro_video_box .item .thumb{}
.show_products .show_pro_video .show_pro_video_box .item .icon{}
.show_products .page_recommend_pro{
    margin-top: 45px;
}
.show_products .page_recommend_pro .page_content_block{}
.show_products .page_recommend_pro .page_content_block p{
    font-size: 30px;
}
.show_products .page_recommend_pro .page_content_block span{
    font-size: 18px;
}
.show_products .page_recommend_pro_box{}
.show_products .page_recommend_pro_box .swiper-container{}
.show_products .page_recommend_pro_box .swiper-wrapper{}
.show_products .page_recommend_pro_box .swiper-slide{}
.show_products .page_recommend_pro_box .swiper-slide .item{}
.show_products .page_recommend_pro_box .swiper-slide .item{}
.show_products .page_recommend_pro_box .swiper-slide .item .img_box{}
.show_products .page_recommend_pro_box .swiper-slide .item .img_box img{}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box{}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box span{}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box p{}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box i{}
.show_products .page_recommend_pro_box .swiper-button-prev,
.index_section7 .index_section7_box .swiper-button-prev,
.index_section7 .index_section7_box .swiper-button-next,
.show_products .page_recommend_pro_box .swiper-button-next{
    display: none;
}

.show_products .page_recommend_pro_box .swiper-button-prev::before,.show_products .page_recommend_pro_box .swiper-button-next::before{}
.show_products .page_recommend_pro_box .swiper-button-prev{}
.show_products .page_recommend_pro_box .swiper-button-next{}
#share_popups{}
#share_popups .modal-dialog{}
#share_popups .modal-content{}
#share_popups_box{}
#share_popups .modal-content .modal-header{}
#share_popups .modal-content .modal-header .modal_head{}
#share_popups .modal-content .modal-header .modal_head p{}
#share_popups .modal-content .modal-header .modal_head p img{}
#share_popups .modal-content .modal-header .modal_head .modal-title{}
#share_popups .modal-content .modal-header button{}
#share_popups .modal-content .modal-header button span{}
#share_popups .modal-content .modal-body{}
#share_popups .modal-content .modal-body .thumb_box{}
#share_popups .modal-content .modal-body .thumb_box img{}
#share_popups .modal-content .modal-body .text_box{}
#share_popups .modal-content .modal-body .text_box .left{}
#share_popups .modal-content .modal-body .text_box .left .title{}
#share_popups .modal-content .modal-body .text_box .left .code{}
#share_popups .modal-content .modal-body .text_box .left .remark{}
#share_popups .modal-content .modal-body .text_box .right{}
#share_popups .capture_icon{}
#share_popups .capture_icon img{}
.page_contact{}
.page_contact .page_contact_box{
    padding-top: 45px;
}
.page_contact .page_contact_box .page_contact_top{
    flex-wrap: wrap;
    margin-bottom: 45px;
    gap: 20px;
}
.page_contact .page_contact_box .page_contact_top .left{
    padding-right: 0;
}
.page_contact .page_contact_box .common_form,.page_contact .page_contact_box .page_contact_top .left{
    width: 100%;
}
.page_contact .page_contact_box .page_contact_top .left h1{
    font-size: 46px;
}
.page_contact .page_contact_box .page_contact_top .left p{
    font-size: 20px;
    line-height: 30px;
}
.page_contact .page_contact_box .page_contact_top .left img{
    max-width: 30px;
}
.page_contact .page_contact_box .page_contact_head{
    flex-wrap: wrap;
    gap: 10px;
}
.page_contact .page_contact_box .page_contact_head .item{
    width: auto;
    flex: 0 0 calc((100% - 1 * .2rem) / 2);
    margin-right: 0;
    min-height: auto;
    padding: 10px;
}
.page_contact .page_contact_box .page_contact_head .item:last-child{
    width: 100%;
    flex: 0 0 100%;
}
.page_contact .page_contact_box .page_contact_head .item .head_icon{}
.page_contact .page_contact_box .page_contact_head .item .head_icon img{
    max-width: 40px;
}
.page_contact .page_contact_box .page_contact_head .item a,.page_contact .page_contact_box .page_contact_head .item p{}
.page_contact .page_contact_box .page_contact_head .item a{}
.page_contact .page_contact_box .page_contact_head .item p{}
.page_contact .page_contact_box .page_contact_bottom{}
.page_contact .page_contact_box .page_contact_bottom .item{
    width: 100%;
    margin-right: 0;
    padding: 25px;
}
.page_contact .page_contact_box .page_contact_bottom .item:nth-child(even){
    margin-left: 0;
    margin-top: 10px;
}
.page_contact .page_contact_box .page_contact_bottom .item .img_box{}
.page_contact .page_contact_box .page_contact_bottom .item .img_box img{}
.page_contact .page_contact_box .page_contact_bottom .item .text_box{}
.page_contact .page_contact_box .page_contact_bottom .item .text_box p{
    font-size: 16px;
}
.page_contact .page_contact_box .page_contact_bottom .item .text_box a,.page_contact .page_contact_box .page_contact_bottom .item .text_box span{
    font-size: 18px;
}
.page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn{
    font-size: 14px;
}
.page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn:hover{}
.page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn img{}
.page_contact .page_contact_box .page_contact_bottom .item .text_box{}
.page_contact .page_contact_box .page_contact_bottom .item .text_box span{}
.page_contact .page_contact_box .common_form{}
.page_contact .page_contact_box .common_form > h4{}
.page_contact .page_contact_box .common_form > p{}
.page_contact .page_contact_box .common_form form{}
.page_contact .page_contact_box .common_form .input{}
.page_contact .page_contact_box .common_form .input div{
    flex: 0 0 100%;
}
.page_contact .page_contact_box .common_form .input div input,.page_contact .page_contact_box .common_form .textarea_box textarea{
    font-size: 16px;
}
.page_contact .page_contact_box .common_form .input div input{}
.page_contact .page_contact_box .common_form .textarea_box{}
.page_contact .page_contact_box .common_form .textarea_box textarea{}
.page_contact .page_contact_box .common_form form > p{
    font-size: 16px;
}
.page_contact .page_contact_box .common_form .submit{}
.page_contact .page_contact_box .common_form .submit button{}
.page_contact .page_contact_box .common_form .submit button:hover{}
.page_contact .page_contact_box .contact_map{
    margin-top: 45px;
}
.page_contact .page_contact_box .contact_map iframe{}
.show_news{}
.show_news .post-info{}
.show_news .post-info .header{}
.show_news .post-info .header>h1{
    font-size: 24px;
    line-height: 30px;
}
.show_news .post-info .header>p{}
.show_news .post-info .header>p>span{}
.show_news .post-info .header>p>span>img{}
.show_news .post-info li,.show_news .post-info ul{}
.show_news .post-info .content{
    font-size: 16px;
}
.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{}
.show_news .post-info .post-pagination{}
.show_news .post-info .post-pagination p{}
.show_news .post-info .post-pagination p a{
    font-size: 16px;
}
.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_about{}
.page_about .anchor_point{
    top: -300px;
}
.page_about .page_about_top .auto-container{
    flex-wrap: wrap;
    gap: 10px;
}
.page_about .page_about_top.fixed{
    top: 95px;
    max-width: 100%;
    padding: 20px;
}
.page_about .page_about_top .item{flex: 0 0 calc((100% - 1 * 10px) / 2);}
.page_about .page_about_top .item a{
    font-size: 14px;
    padding: 10px 0;
}
.page_about .page_about_top .item a:hover,.page_about .page_about_top .item a.active{}
.page_about .page_about_box{
    padding-top: 30px;
}
.page_about .about_section1{padding-bottom: 45px;}
.page_about .about_section1 h1,.page_about .about_section1 > p{
    font-size: 28px;

}
.page_about .about_section1 > p{
        margin-bottom: 30px;
}
.page_about .about_section1 .remark{
    font-size: 20px;
    line-height: 30px;
}
.page_about .about_section2{
    padding-top: 0;
}
.page_about .about_section2 .about_section2_top{
    padding-left: 0;
}
.page_about .about_section2 .about_section2_top:before{
    width: 300px;
}
.page_about .about_section2 .about_section2_top .item{
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 20px;
    text-align: center;
}
.page_about .about_section2 .about_section2_top .item h4{
    width: 100%;
    font-size: 26px;
}
.page_about .about_section2 .about_section2_top .item p{
    width: 100%;
    font-size: 18px;
    line-height: 30px;
}
.page_about .about_section2 .about_section2_data{
    margin: 30px 0;
    flex-wrap: wrap;
}
.page_about .about_section2 .about_section2_data .item{
    width: 48%;
    text-align: center;
}
 .page_about .about_section2 .about_section2_data .item:nth-child(1),
 .page_about .about_section2 .about_section2_data .item:nth-child(2){
     margin-bottom: 20px;
 }
.page_about .about_section2 .about_section2_data .item .txt{}
.page_about .about_section2 .about_section2_data .item .txt div{
    font-size: 40px;
}
.page_about .about_section2 .about_section2_data .item .txt div p{}
.page_about .about_section2 .about_section2_data .item .txt .counter{}
.page_about .about_section2 .about_section2_data .item .remark{
    font-size: 16px;
}
.page_about .about_section3{
    padding: 45px 0;
}
.page_about .about_section3 .auto-container{
    overflow: auto;
}
.page_about .about_section3 h3,.page_about .about_section4 h3,.page_about .about_section5 h3{
    font-size: 30px;
}
.page_about .about_section3 h3{
    margin-bottom: 45px;
}
.page_about .index_global_market_box{}
.page_about .index_global_market_box .marker-item{}
.page_about .index_global_market_box .marker-item .marker-item__name{}
.page_about .index_global_market_box .marker-item .marker-item_icon{}
.page_about .index_global_market_box .marker-item .marker-item_icon::before{}
.page_about .index_global_market_box .marker-item:hover .marker-item_icon::before{}
.page_about .index_global_market_box .marker-item .marker-item_icon .marker-item_circle{}
.page_about .index_global_market_box .marker1{}
.page_about .index_global_market_box .marker2{}
.page_about .index_global_market_box .marker3{}
.page_about .index_global_market_box .marker4{}
.page_about .index_global_market_box .marker5{}
.page_about .index_global_market_box .marker6{}
.page_about .index_global_market_box .marker7{}
.page_about .index_global_market_box .marker8{}
.page_about .index_global_market_box .marker9{}
.page_about .index_global_market_box .marker10{}
.page_about .index_global_market_box .marker11{}
.page_about .index_global_market_box .marker12{}
.page_about .index_global_market_box .marker13{}
.page_about .index_global_market_box .marker14{}
.page_about .index_global_market_box .marker15{}
.page_about .index_global_market_box .marker16{}
.page_about .index_global_market_box .marker17{}
.page_about .index_global_market_box .marker18{}
.page_about .index_global_market_box .marker19{}
.page_about .index_global_market_box .marker20{}
.page_about .index_global_market_box .marker21{}
.page_about .index_global_market_box .marker22{}
.page_about .index_global_market_box .marker23{}
.page_about .index_global_market_box .marker24{}
.page_about .index_global_market_box .marker25{}
.page_about .index_global_market_box .marker26{}
.page_about .index_global_market_box .marker27{}
.page_about .index_global_market_box .marker28{}
.page_about .index_global_market_box .marker29{}
.page_about .index_global_market_box .marker30{}
.page_about .index_global_market_box .marker31{}
.page_about .index_global_market_box .marker32{}
.page_about .index_global_market_box .marker33{}
.page_about .index_global_market_box .marker34{}
.page_about .index_global_market_box .marker35{}
.page_about .index_global_market_box .marker36{}
.page_about .index_global_market_box .marker37{}
.page_about .index_global_market_box .marker38{}
.page_about .index_global_market_box .marker39{}
.page_about .index_global_market_box .marker40{}
.page_about .index_global_market_box .marker41{}
.page_about .index_global_market_box .marker42{}
.page_about .index_global_market_box .marker43{}
.page_about .index_global_market_box .marker44{}
.page_about .index_global_market_box .marker45{}
.page_about .index_global_market_box .marker46{}
.page_about .about_section3 .auto-container .remark{
    max-width: 100%;
    font-size: 18px;
}
.page_about .about_section3 .auto-container .remark span{}
.page_about .about_section4{
    padding: 50px 0;
}
.page_about .about_section4 h3{}
.page_about .about_section4 h4{
    font-size: 18px;
    line-height: 26px;
}
.page_about .about_section4 .about_section4_box{
    margin: 45px 0;
}
.page_about .about_section4 .about_section4_box .swiper-container{
    padding-bottom: 40px;
}
.page_about .about_section4 .about_section4_box .swiper-button-prev, .page_about .about_section4 .about_section4_box .swiper-button-next{
    display: none;
}
.page_about .about_section4 .about_section4_box .swiper-wrapper{}
.page_about .about_section4 .about_section4_box .swiper-slide{}
.page_about .about_section4 .about_section4_box .swiper-slide .img{}
.page_about .about_section4 .about_section4_box .swiper-slide .img img{}
.page_about .about_section4 .about_section4_box .swiper-pagination{}
.page_about .about_section4 .about_section4_cert{
    gap: 15px;
    flex-wrap: wrap;
}
.page_about .about_section4 .about_section4_cert .img{
    flex: 0 0 calc((100% - 3 * 15px) / 4);
    text-align: center;
}
.page_about .about_section4 .about_section4_cert .img img{
    max-height: 45px;
}
.page_about .about_section5{
    padding: 50px 0;
    padding-bottom: 100px;
}
.page_about .about_section5 h3{}
.page_about .about_section5 .about_section5_box{}
.page_about .about_section5 .history_swiper_box{}
.page_about .about_section5 .history_swiper_box .swiper-container{}
.page_about .about_section5 .history_swiper_box .swiper-wrapper{}
.page_about .about_section5 .history_swiper_box .swiper-slide{}
.page_about .about_section5 .history_swiper_box .swiper-slide .item{
    flex-wrap: wrap;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box,.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box{
    width: 100%;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box{
    margin-bottom: 30px;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box img{}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box{
    padding-right: 0;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box p{
    font-size: 40px;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box h4{
    font-size: 20px;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box .remark{
    font-size: 16px;
}
.page_about .about_section5 .history_swiper_box .swiper-button-prev,.page_about .about_section5 .history_swiper_box .swiper-button-next{
    display: none;
}
.page_about .about_section5 .history_swiper_box .swiper-button-prev:before,.page_about .about_section5 .history_swiper_box .swiper-button-next:before{}
.page_about .about_section5 .history_swiper_box .swiper-button-prev{}
.page_about .about_section5 .history_swiper_box .swiper-button-next{}
.page_about .about_section5 .swiper-pagination{}
.page_about .about_section5 .swiper-pagination:before{}
.page_about .about_section5 .swiper-pagination-bullet{}
.page_about .about_section5 .swiper-pagination-bullet div{}
.page_about .about_section5 .swiper-pagination-bullet div:before{}
.page_about .about_section5 .swiper-pagination-bullet-active div{}
.page_about .about_section5 .swiper-pagination-bullet-active div:before{}
.list_case{}
.list_case .list_case_box{
    padding-top: 50px;
}
.list_case .list_case_box h1,.list_education .list_education_box h1{
    font-size: 28px;
}
.list_education .list_education_box h1{}
.list_case .list_case_box > .remark,.list_education .list_education_box > .remark{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.list_case .list_case_box .list_news_cate{
    margin: 30px 0;
}
.list_case .list_case_box .list_news_cate a{
    font-size: 20px;
}
.list_case .list_case_box .list_news_cate a:before{
    height: 3px;
}
.list_case .list_case_box .list_news_cate a.active,.list_case .list_case_box .list_news_cate a:hover{}
.list_case .list_case_box .list_news_cate a.active:before,.list_case .list_case_box .list_news_cate a:hover:before{}
.list_case .list_case_box .item_box{}
.list_case .list_case_box .item_box .item{}
.list_case .list_case_box .item_box.type1 .item{
    flex: 0 0 calc((100% - 1 * 15px) / 2);
}
.list_case .list_case_box .item_box.type2 .item{
    flex: 0 0 100%;
}
.list_case .list_case_box .item_box .item .img_box{}
.list_case .list_case_box .item_box .item .img_box img{}
.list_case .list_case_box .item_box .item .text_box{
    font-size: 16px;
    line-height: 26px;
}
#myModal #popbox{
    /*margin-top: 20px;*/
}

     
.page-content .quotatio{
    padding: 45px 0;
    padding-bottom: 0;
}
.page-content .quotatio>h1{
    font-size: 34px;
}
.page-content .quotatio>p{}
.page-content .quotatio .row{
    margin-bottom: 0;
}
.page-content .quotatio .quotation-box>div{}
.page-content .quotatio .quotation-box .qpl{
    margin-bottom: 45px;
}
.page-content .quotatio .quotation-box div .product-header{}
.page-content .quotatio .quotation-box div .action{}
.page-content .quotatio .quotation-box div .product-item{
    align-items: center;
}
.page-content .quotatio .row #quotatio-product-list .quotatio-item{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
    margin: 20px 10px;
}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .action{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
    font-size: 16px;
    line-height: 20px;
    font-family: 'RobotoRegular';
}
.page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{}
.page-content .quotatio .quotation-box>div .message-box{
    padding: 20px;
}
.page-content .quotatio .quotation-box>div .message-box .header{}
.page-content .quotatio .quotation-box>div .message-box .header span{}
.page-content .quotatio .quotation-box>div .message-box .checktext{
    flex-wrap: wrap;
    gap: 20px;
}
.page-content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear{}
.page-content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox]{}
.page-content .quotatio .quotation-box>div .message-box .checktext .text{}
.page-content .quotatio .quotation-box>div .message-box .checktext .text span{}
.page-content .quotatio .quotation-box>div .message-box .from textarea{}
.page-content .quotatio .quotation-box>div .message-box .from .submit{
    text-align: center;
}
.page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]{}
.page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]:hover{}
.page-content .message-box{}
.message-box{}
.message-box .input{
    flex-wrap: wrap;
}
.message-box .input>div{
    width: 100%;
}
.message-box .input input{}
.message-box textarea{}
.message-box .input input,.message-box textarea{
    font-size: 16px;
    padding: 20px 0;
}
.message-box .input input::placeholder,.message-box textarea::placeholder{}
.message-box .submit input{
    border: 1px solid var(--color);
}
 }
 @media(max-width:768px){
    html{
        font-size:calc(100vw/5)
    }
     .modal-title{
        font-size:.22rem;
        font-weight:700
    }
    #myModal .modal-dialog{
        max-width: 80% !important;
    }
}