@media(max-width:768px) {
    .container{
        width: 100% ;
        padding: 0 20px;
    }
    #mobile-header .header_box1{
        /*display: none;*/
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px;
        height: fit-content;
    }
    #mobile-header .header_box1 .x9{
        width: 100%;
    }
    .nav li .first-level{
        height: 40px;
        line-height: 40px;
    }
    .drop-menu{
        position: static;
        float: none;
        width: 100%;
    }
    .grid-3{
        grid-template-columns: repeat(1,1fr);
        -webkit-grid-template-columns: repeat(1,1fr);
    }
    .flex{
        flex-wrap: wrap;
    }
    .grid-2{
        grid-template-columns: repeat(1,1fr);
        -webkit-grid-template-columns: repeat(1,1fr);
    }
    .product{
        padding: 20px 0;
    }
    .Resources{
        padding: 20px 0;
    }
    .Events{
        padding: 20px 0;
    }
    .tab-normal h2{
        margin-bottom: 20px;
        font-size: 28px;
    }
    .concat_right, .concat_left{
        width: 100%;
    }
    .tab .list_Item p:nth-child(2){
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .Resources .tab-normal > p{
        margin-bottom: 20px;
        font-size: 14px;
    }
    .events_Item .list_bottom{
        padding: 10px;
    }
    .events_Item .list_bottom .btn{
        margin-top: 10px;
    }
    .Resources .tab-normal .Resources_Item{
        padding: 20px 0;
    }
    .Resources .tab-normal .Resources_Item{
        align-items: center;
    }
    .tab .Resources_Item{
        gap: 10px;
    }
    .concat .concat_left{
        padding-right: 0;
    }
    footer ul li.item-5{
        width: 100%;
    }
    footer ul li.item-1{
        width: 100%;
    }
    #footer{
        background: #F26529 !important;
    }
    #footer .ulList{
        justify-content: flex-start !important;
    }
    #footer .margin-big-bottom{
        margin-bottom: 00px;
        display: flex;
        padding: 15px 0;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #b0b0b0;
    }
    #footer .margin-big-bottom .icons{
        display: block !important;
    }
    .dropMenu li{
        padding: 10px 0;
        border-bottom: 1px solid #b0b0b0;
        margin-bottom: 0;
        padding-left: 15px;
    }
    #footer ul li ul li a{
        line-height: 18px;
        color: #fff;
        display: block;
        width: 100%;
        height: 100%;
    }
    .item-5,.item-1{
        margin-bottom: 0px;
    }
    #footer .ulList .item-5 > .dropMenu,#footer .ulList .item-1 .dropMenu{
        display: none;
    }
    #footer .ulList .dropMenu.first{
        column-count: 1 !important;
    }
    .ScrollBtn{
        right: 20px;
    }
    .textRight > span{
        font-size: 12px;
    }
    #footer .footer_bottom .left .footerIcon{
        margin-left: 0 !important;
        margin-top: 20px;
    }
    .footer_Logo{
        width: 100%;
    }
    .Discover{
        gap: 20px;
        flex-wrap: wrap;
        border-top: none;
    }
    .Discover .Discover_Item .Item_Line{
        width: 6px;
        height: 100%;
    }
    .Discover .Discover_Item{
        width: 100%;
        display: flex;
        gap: 20px;
    }
    .Discover .Discover_Item > div:last-child{
        flex: 1;
    }
    .Discover .Discover_Item p{
        width: 210px;
        margin-bottom: 15px;
        visibility: visible;
    }
    .Discover .Discover_Item h3{
        margin-bottom: 15px;
    }
    .header_right{
        margin-right: 0;
        gap: 20px;
        font-size: 24px;
        justify-content: flex-end;
    }
    .InputBox{
        margin-left: 0px;
        width: fit-content;
        flex: 1;
    }
    .header_box{
        gap:10px;
    }
    .Searchbox{
        flex: 1;
    }
    .dropdown ul{
        left: -90px;
        z-index: 100;
    }
    .hide {
        display: none;
    }
    .ProductMenu a{
        display: flex;
        justify-content: space-between;
        padding-right: 30px;
        align-items: center;
    }
    #mobile-header{
        height: 80px;
    }
    .channel-banner{
        margin-top: 0px !important;
    }
    .CompanySectionOne{
        padding: 20px 0;
    }
    .CompanySectionOne .x7,.CompanySectionOne .x5{
        width: 100%;
    }
    .CompanySectionOne .right{
        padding: 0;
        margin-top: 20px;
    }
    .CompanySectionTwo .TwoContent{
        margin-top: 20px;
        gap: 10px;
    }
    .CompanySectionTwo .TwoContent .TwoContent-item{
        width: calc(50% - 5px);
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .CompanySectionTwo .TwoContent .TwoContent-item .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .HistoryContent{
        margin-top: 0px;
    }
    .History{
        padding-bottom: 20px;
    }
    .CompanySectionTwo .TwoContent .TwoContent-item .number{
        margin-bottom: 10px;
    }
    .CompanyMain h2{
        font-size: 36px;
    }
    .CompanySectionTwo{
        padding: 20px 0;
    }
    .CompanySectionThree{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .CompanySectionThree h2{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .HistoryContent-item .Years{
        /*display: none;*/
        font-size: 14px;
        position: absolute;
        top: 12px;
        left: 66px;
        color: #111111;
    }
    .HistoryContent-item{
        flex-wrap: nowrap;
        position: relative;
    }
    .HistoryContent-item:first-child .title{
        margin-top: 30px;
    }
    .HistoryContent-item .title{
        padding-bottom: 10px;
        padding-top: 30px;
    }
    .HistoryContent-item .title .title-information{
        gap: 10px;
    }
    .HistoryContent-item .title .title-information .text{
        margin-top: 10px;
    }
    .HistoryContent .HistoryContent-item .title:hover .title-box{
        height: 400px;
    }
    .HistoryContent-item .title .title-information .photo{
        width: 100%;
    }
    .NewsMain{
        padding: 20px 0;
    }
    .NewsMain .NewsContent{
        padding: 0;
        margin-top: 20px;
    }
    .NewsContent .x5,.NewsContent .x7{
        width: 100%;
    }
    .NewsMain .NewsContent .main .mainRight h3{
        margin-top: 0px;
        font-size: 28px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
    }
    .News .NewsItem h3{
        font-size: 28px;
        margin-top: 10px;
    }
    .News{
        gap: 35px;
    }
    .News .NewsItem .line{
        margin: 10px 0;
    }
    .NewsMain .NewsContent .main .mainRight{
        padding-top: 10px;
        margin-bottom: 30px;
    }
    .NewsMain .NewsContent .main .mainRight p{
        margin-top: 10px;
    }
    .NewsMain .NewsContent .main .mainLeft{
        padding: 0;
    }
    .EventMain .EventBox .EventInformation{
        width: 100%;
        padding-right: 0;
    }
    .EventMain h2{
        font-size: 36px;
    }
    .EventMain .EventBox .Evnet-right{
        padding: 10px 15px !important;
        padding-bottom: 20px !important ;
    }
    .EventMain .EventBox .Evnet-right h3{
        font-size: 24px;
    }
    .EventMain .EventBox .Event-item{
        margin-bottom: 30px;
    }
    .EventMain .EventBox .Evnet-right p{
        margin: 10px 0;
        line-height: 1.1;
    }
    .right-item{
        margin-top: 10px;
    }
    .EventMain .EventBox .Evnet-right .right-share{
        margin-top: 10px;
    }
    .EventMain .EventBox .pagitain{
        margin-top: 10px;
    }
    .CenterTitle .container p:nth-child(1){
        font-size: 28px;
        line-height: 28px;
    }
    .CenterTitle .container p:nth-child(2){
        padding-right: 0;
    }
    .CenterTable h2{
        font-size: 36px;
        margin: 20px 0;
    }
    .EventMain .EventBox p{
        font-size: 28px;
    }
    .CenterTable table{
        overflow: auto;
        display: block;
    }
    .CenterTable table tbody tr th{
        text-align: center;
        vertical-align: middle;
    }
    .CenterTable table .column1{
        width: 120px;
        display: block;
    }
    .Product{
        margin-left: 0;
        margin-top: 20px;
    }
    .article .blank-small{
        height: 0;
        line-height: 0;
    }
    .Filter{
        width: 100%;
        padding: 20px 15px;
        padding-bottom: 10px;
    }
    .Filter .title{
        padding: 20px ;
        margin-bottom: 0;
    }
    .FilterOptions .OptionsContent{
        padding-left: 25px;
    }
    .Filter h3{
        padding-left: 20px ;
        padding-bottom: 20px;
    }
    .FilterOptions.LabelFilter .Options:last-child{
        position: static;
    }
    .FilterOptions.LabelFilter .Options:last-child .title{
        display: flex;
    }
    .FilterOptions.LabelFilter .Options:last-child .OptionsContent_box{
        display: block;
    }
    .FilterOptions .OptionsContent_box > li .more{
        padding: 10px 0;
    }
    .FilterOptions .OptionsContent_box > li{
        margin-bottom: 10px !important;
    }
    .FilterOptions .Options{
        padding-bottom: 10px;
    }
    .TechnologyMain .left{
        width: 100%;
    }
    .channel-banner{
        height: 230px;
    }
    .TechnologyMain .left .box{
        width: 100%;
    }
    .TechnologyMain .left .box{
        padding-left: 0;
    }
    .channel-banner .banner-info{
        /*display: none;*/
    }
    .channel-banner .banner-info h3{
        font-size: 36px;
        margin-bottom: 10px;
    }
    .TechnologyMain{
        width: 100%;
    }
    .TechnologyMain section{
        /*margin-top: 20px;*/
        padding: 20px !important;
        padding-top: 40px !important;
    }
    .TechnologyMain .left .box h3{
        font-size: 24px;
        margin-top: 10px;
    }
    .TechnologyMain .left .box p{
        margin-top: 10px;
        font-size: 14px;
    }
    .TechnologyMain section .flex{
        padding: 0;
    }
    .pagitain-number{
        gap: 15px;
    }
    .TechnologyMain section:nth-child(2n) .left .box{
        padding-right: 0;
    }
    .Academy-item h4{
        font-size: 18px;
        margin-bottom: 10px !important;
    }
    .Academy-item{
        margin-top: 20px;
    }
    .Resources .tab-normal .line{
        gap: 10px;
    }
    .Academy-item .grid-item .grid-item-information{
        padding: 20px;
    }
    .Academy-item .grid-item .grid-item-information h3{
        font-size: 22px;
    }
    .Academy-item .grid-item .grid-item-information p:nth-child(3){
        margin-bottom: 15px;
    }
    .form-button{
        width: 100% !important;
    }
    .Support .Concat h2{
        font-size: 36px;
        font-family: inherit;
    }
    .Support .tab-normal h2{
        font-size: 36px;
        margin-bottom: 20px!important;
    }
    .Support .Concat .Myform h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .Concat .FormBox{
        gap: 15px;
    }
    .form-group{
        padding-bottom: 0;
    }
    .phone .input{
        flex: 1;
    }
    .Resources .tab-normal .Resources_Item{
        padding: 10px 0;
    }
    .File .File_btn{
        margin-right: 15px;
    }
    .Concat .form-group .Check{
        margin-top: 20px;
            display: flex;
    }
    .File{
        margin-top: 20px;
    }
    .File .MyText{
        gap: 10px;
    }
    .Support .Support_Item{
        flex-direction: column;
        padding: 20px;
        padding-left: 10px;
    }
    .Download .tab-normal .Academy-item{
        margin-bottom: 20px;
    }
    #footer{
        padding-top: 20px;
    }
    .Concat .Concat_left, .Concat .Concat_right{
        width: 100%;
    }
    .Concat .Concat_right{
        height: inherit;
    }
    .Concat .Concat_right .SelectInformation{
        padding-right: 0;
    }
    .Concat .Concat_left{
        padding-right: 0;
        padding-bottom: 15px;
    }
    .Concat .Concat_right .SelectInformation .Information-item:first-child{
        padding-top: 10px;
    }
    .Concat .Concat_right .SelectInformation .Information-item{
        gap: 10px;
        padding: 20px 0;
    }
    .Item-text-box{
        grid-template-columns:repeat(2,1fr)
    }
    .Concat .Concat_right .SelectInformation .Information-item .Item-text{
        flex: 1;
    }
    .Concat .Concat_left h2{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .concat_right h2{
        font-size: 28px;
    }
    .concat_right{
        padding: 15px;
    }
    .BannerBox{
        padding: 0 10px !important;
    }
    .special{
        height: inherit !important;
        padding-top: 30px !important;
        margin-bottom: 20px !important;
    }
    .BannerBox .BannerItem .ItemText span{
        font-size: 12px !important;
    }
    .BannerBox .BannerItem .ItemText{
        font-size: 12px !important;
        line-height: 12px !important;
        margin-top: 2px !important;
        display: none;
    }
    .BannerBox .BannerItem .ItemIcon{
        width: 8px !important;
        height: 8px !important;
    }
    .Representation h2{
        font-size: 28px;
        padding-bottom: 20px;
    }
    .Representation .content .Item{
        padding: 20px;
    }
    .Representation .Item h3:before{
        left: -20px;
    }
    .Representation .content .Item .Item_Address{
        margin-top: 15px;
    }
    .Item_Address p{
        flex: 1;
    }
    .ProductList{
        margin-bottom: 30px;
    }
    .Representation .content{
        padding-top: 20px;
        gap: 10px !important;
    }
    .pagitain{
        margin-top: 25px;
    }
    .Join .JoinTitle{
        gap: 10px;
    }
    .NewsMain h2{
        font-size: 36px;
    }
    .Join .JoinTitle .select{
        width: calc(50% - 5px);
    }
    .Join .JoinContent .JoinItem .Join-item-title{
        padding: 20px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-right .footer-right-btn{
        margin-top: 15px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-right .footer-right-title{
        font-size: 24px;
    }
    .Join .JoinContent .JoinItem .title-right .right-more{
        margin: 0 10px;
    }
    .Join .JoinContent .JoinItem .Join-item-Content{
        padding: 20px 10px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-right{
        margin-left: 0;
    }
    .Join .JoinContent .JoinItem .Join-item-footer{
        padding: 20px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-left .footer-left-upload .upload-text{
        gap: 15px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-left .footer-left-upload .upload-prompt{
        margin-top: 15px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-left .footer-left-file-list{
        margin-top: 15px;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-left .footer-left-upload .upload-text p{
        flex: 1;
    }
    .Join .JoinContent .JoinItem .Join-item-footer .footer-left .footer-left-upload{
        padding: 20px;
    }
    .Join .JoinContent .JoinItem .Join-item-title{
        gap: 10px;
    }
    .Join .JoinContent .JoinItem .title-right{
        justify-content: space-between;
        width: 100%;
    }
    .Join .JoinContent .JoinItem .title-right .right-type .type-item{
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .footer-right-btn .cancel-btn,.footer-right-btn .button{
        flex: 1;
    }
    .PrductBg{
        width: 100%;
    }
    .Join{
        padding: 30px 0;
    }
    .product-description .x5,.product-description,.x7{
        width: 100%;
    }
    .product-description .padding-large-top{
        padding-right: 0!important;
    }
    .descriptionDetail .descriptionDetailBox{
        padding: 0;
    }
    .inquiry .Myform{
        width: calc(100% - 40px) !important;
        margin: 20px;
    }
    .descriptionDetail .article .btn{
        margin: auto;
        margin-top: 20px;
    }
    .blank-large,.blank-big{
        height: 20px;
    }
    .tab-body .tab-panel .content h1{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .product-description .x7{
        padding-left: 0;
        padding-right: 0;
        padding: 0!important;
    }
    .descriptionDetail .article .post h1{
        font-size: 28px;
    }
    .descriptionDetail .article .post .SKU{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .article .post p{
        margin-bottom: 0;
        line-height: 1.5;
    }
    .blank-small{
        height: 15px;
        line-height: 15px;
    }
    .line-large{
        margin: 0 !important;
    }
    #TECHNICAL table{
        display: block;
        overflow: auto;
    }
    #TECHNICAL table th,#TECHNICAL table td{
        white-space:nowrap;
    }
    .product-overview .tab .tab-nav li a{
        white-space: nowrap;
    }
     .product-overview .tab .tab-nav{
        gap: 10px;
    }
    .News .NewsItem{
        padding: 0;
    }
    .NewsDetail h2{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .phonenav-pop ul{
        max-height: calc(100vh - 80px);
        overflow: auto;
    }
    .normal-list li a{
        padding: 20px 10px;
        width: 70%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .NewsMain,.EventMain,.Margin140{
        margin-top: 0;
    }
    .EventBox,.CenterMain{
        padding: 20px 0;
    }
    .DisDetail .post h1{
        font-size: 36px;
        margin: 0;
    }
    .grid-4{
        grid-template-columns: repeat(2,calc(50% - 5px));
        -webkit-grid-template-columns: repeat(2,calc(50% - 5px));
    }
    .Product .content{
        gap: 15px;
        grid-template-columns: repeat(1,100%);
        -webkit-grid-template-columns: repeat(1,100%);
    }
    .Product .content .Item .Item_Information{
        padding: 15px;
    }
    .Product .content .Item .Item_Information p:nth-child(2){
        margin: 15px 0;
    }
    .channel-banner.TechnologyDetail .banner-info{
        display: block;
    }
    .modal{
        width: 90% !important;
        flex-direction: column;
    }
    .modal .btn{
        padding: 10px;
    }
    .modal .modal_right{
        justify-content: space-between;
        width: 100%;
    }
    .item .inner h2{
        font-size: 36px;
    }
    .item .inner p{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .slides-arrow.dot-center .owl-dots{
        left: 20px;
        bottom: 6px;
        display: flex;
    }
    .owl-carousel .owl-dots .owl-dot span{
        background: #FAFAFA;
    }
    .ThreeContent-item .photo{
        height: fit-content;
    }
    .ThreeContent-item .information{
        padding: 15px;
    }
    .tab .list_Item{
        padding-bottom: 15px;
    }
    .tab .list_Item p{
        padding: 0 15px;
    }
    .events_Item .list_bottom h3{
        margin: 10px 0;
    }
    .x2{
        width: 25%;
    }
    .Support .Support_Item .list_right .list_right_Item span:nth-child(1){
        width: 80px;
        font-size: 16px;
    }
    .tab-body .tab-panel .content p{
        margin-bottom: 15px;
    }
    .tab-body .tab-panel .content ul{
        margin-bottom: 15px;
    }
    .nav-bread a{
        font-size: 12px;
    }
    .nav-bread + div{
        font-size: 12px;
    }
    .nav-bread a:last-of-type{
        display: none;
    }
    .TechnologyDetail .banner-info h3{
        font-size: 36px;
    }
    .Item_Information .btn{
        padding: 10px 20px;
    }
    .concat .concat_left .concat_Address{
        padding: 20px 0;
    }
    .concat{
        padding: 30px 0;
    }
    .concat_right p{
        margin: 15px 0;
    }
    .concat_right h3{
        margin-bottom: 15px;
    }
    .concat_right .Text{
        margin: 15px 0;
    }
    .post .footerIcon{
        margin-top: 10px;
    }
    .postContent img{
        margin: 0;
    }
    .NewsDetail .post hr{
        margin: 20px 0;
    }
    .article .post h1{
        font-size: 24px;
    }
    .dropdown ul li{
        height: 40px;
        display: flex;
        align-items: center;
    }
    .normal-list li{
        margin-bottom: 15px;
    }
    .NowLang{
        font-size: 20px;
    }
    .concat_right .form-group .field{
        padding: 8px 20px;
    }
    .phchildnav > li a{
        width: 100%;
        height: 100%;
        display: block;
    }
    #footer .footer_bottom{
        background: #F26529 !important;
    }
    .footer_Logo img{
        display: block;
        margin: auto;
    }
    .EventBox:first-child{
        display: none;
    }
    .Concat .Concat_right .SelectInformation .Information-item{
        flex-wrap: wrap;
    }
    .Concat .Concat_right .SelectInformation .Information-item .box1{
        width: 100%;
        flex: inherit !important;
    }
}
@media (max-width:512px){
    .tab-normal h2{
        font-size: 26px;
    }
}
  .flexBox{
      display: flex;
      justify-content: space-between;
  }
#footer .margin-big-bottom .icons{
    display: none;
}
          
  /*手机端导航*/
  .phonenav{display:none;padding:15px 0}
  .phonenav .iconfont{font-size:24px}
  .phonenav-pop{position:absolute;top:100%;left:0;width:100%;
      height: 100vh;background: rgba(0,0,0,.5);
      z-index: 10;
  }
  .backwhite{
      background: #fff;
  }
  .phonenav-pop>ul>li{border-top:1px solid #eee;}
  .phonenav-pop .litopic{padding:15px 20px;width:100%}
  .phchildnav>li{padding:15px 0px 15px 30px;border-top:1px solid #eee;}
  .phchildnav ul{margin-top:10px;line-height:30px}
  
.Concat .Concat_right .SelectInformation .Information-item .box1{
    flex: 1;
    gap: 30px;
}
.Concat .Concat_right .SelectInformation .Information-item .Item-text{
    flex:1;
}
.Concat .container{
    align-items: flex-start;
}
.Concat .Concat_right{
    height: fit-content;
    padding-top:32px;
}