/* 日文版响应式样式覆盖 - 基于英文版 */
/* 如有日文特定的样式调整，请在此添加 */

@media screen and (max-width: 1300px){
    #signIn_body{
        padding: 53px 50px;
    }

    .banner{
        height: auto !important;
    }
    .banner-dot {
        width: 8px !important;
        height: 8px !important;
    }
    .bannerBottemUrl ul li{
        min-width:0 !important;
        margin: 0px 5px !important;
    }
    #header a{
        font-size: 13px;
    }
    #header .header_menu_over #menu ul .submenu .submenu_left ul li.submenuLeftClick>a{
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px){
    .swiper-banner .bannerContent p{
        margin: 4px 0 10px;
    }
    #signIn_body {
        background:none !important;
    }
    #header_mp{
        display: block !important;
    }
    #header{
        display: none;
    }
    #four_part .left{
        width: 35%;
    }
    #four_part #wrapper2 .left{
        width: 23%;
    }
    #footer dl {
        margin-right: 7% !important;
    }
    #one_part{
        background: none;
    }
    #one_part ul{
        padding: 0;
        margin: 27px 0;
    }
    #one_part li{
        width: 19%;
        border: none;
        margin: 0;
        box-shadow: 0px 0px 15px 5px #f0ecec;
    }
    #one_part li a{
        font-size: 100%;
    }
    #productList{
        padding: 0;
    }
    #productList .left{
        display: none;
    }
    #productList .right{
        width: 100%;
    }
    #productList .right .right_body {
        margin-bottom: 40px;
    }
    #productList .productList_table{
        overflow-x: auto;
    }
    #productList .right_body .productList_table table thead tr td{
        width: 14.285714%;
    }
    #productDetails>div:nth-child(1){
        margin: 20px 20px 0;
    }
    #productDetails .sticky_top .row{
        padding-left: 16px !important;
    }
    #productDetails .detailedInformation{
        margin: 0px 20px 36px;
    }
    #productList .right_body .productList_table table{
        width: 768px;
    }
    #technology_support>ul{
        display: none;
    }
    #signIn_body .nav{
        display: none;
    }
    #signIn_body .signInBody_content{
        margin: 0;
        width: 100%;
    }
    #signIn_body .signInBody_content #myForm .name, #signIn_body .signInBody_content #myForm .password{
        padding: 4px 0 0 20px;
    }
    #search .nav{
        display: none;
    }
    #technical_support{
        margin-top: 30px;
    }
    #quality{
        margin-top:30px ;
    }
    #quality .row .col-md-2{
        width: 98%;
    }
    #quality .row .col-md-10{
        width: 100%;
    }
    #quality #policy img{
        width: 100%;
        margin-left: 0;
    }
    #technology_support>ul{
        display: none;
    }
    #technology_support>dl{
        display: none;
    }
    #pcninfo{
        margin-top: 30px;
    }
    #about-nav{
        display: none;
    }
    .course ul li{
        float: initial !important;
        margin-bottom: 4% !important;
        width: 100% !important;
    }
    .course ul li:nth-child(2n){
        float: initial !important;
        text-align: left !important;
        margin-top: 0% !important;
    }
    .course ul li h1{
        margin-bottom: 12px !important;
    }
    .layout div dl{
        width: 32%;
    }
    .article ul li a .pic{
        width: 300px;
    }
    .awi_container dl{
        margin: 16px 4% 0px !important;
    }
    .awi_container dl:nth-last-child(1){
        margin: 16px 0% 0px !important;
    }
    #userInfo_body .nav{
        display: none;
    }
    #userInfo_body {
        padding: 40px 70px 40px;
        width: 100%;
    }
    #userInfo_body .userInfo li{
        width: 100%;
    }
    #userInfo_body .col-md-2,#userInfo_body .col-md-9{
        width: 100%;
        margin-top: 20px;
    }
    .article .article-detal-body img{
        max-width: 100%;
        height: auto !important;
    }
    #productDetails .technicalDocumentation{
        margin: 20px 20px 36px;
    }
    #productDetails .design_and_development{
        margin: 20px 20px 36px;
    }
    #productDetails .nav_top{
        display: none;
    }
    #productDetails .productDetails_top {
        margin: 20px 20px 0;
    }
    #productList .nav, #productDetails .nav{
        display: none;
    }
    #productDetails .sticky_top{
        margin-top: 70px;
    }
    #appInfo .appInfo_top{
        margin: 20px 30px 0;
    }
    #appInfo .appInfo_top{
        margin: 20px 30px 0;
    }
    #appInfo .detailedInformation{
        margin: 0px 30px 36px
    }
    #appInfo .technicalDocumentation,#appInfo .technicalDocumentation{
        margin: 20px 30px 36px;
    }
    #appInfo .technicalDocumentation .awinicBlockDiagram{
        overflow: auto;
    }
    #quality .res_style .certificateBox ul{
        width: 100%;
    }
    #header .header_menu_over .shoppingImg{
        display: none;
    }
    #userInfo_body>ul li:nth-child(1),#userInfo_body>ul li:nth-child(2),#userInfo_body>ul li:nth-child(3),#userInfo_body>ul li:nth-child(4),#userInfo_body>ul li:nth-child(5){
        display: none;
    }
    #userInfo_body .rigthMes{
        display: none;
    }
    #userInfo_body .userInfo{
        display: block;
    }
    #productList .productList_table .productTable thead tr td:nth-child(2),#productList .productList_table .productTable thead tr td:nth-child(3),#productList .productList_table .productTable tbody tr td:nth-child(2),#productList .productList_table .productTable tbody tr td:nth-child(3){
        display: none;
    }
    #productDetails .productDetails_top .addMallCart,#productDetails .productDetails_top .referencePrice{
        display: none !important;
    }
    #productDetails > div h2{
        width: 100% !important;
    }
    #productDetails .productDetails_top div:nth-child(1){
        width: 100%;
    }
    .dd-chat-container{
        display: none;
    }
    #customerService_mp{
        display: block !important;
    }
    #technology_support #right-nav{
        display: none;
    }
    #signIn_body .register .registered{
        width: 80%;
        left: 10%;
    }
    #productDetails .productDetails_top .eolSubstitution{
        display: none !important;
    }

    #partnerList .partnerList_left{
        display: none;
    }
    #partnerList .partnerList_right ul li{
        display: block;
    }
    #partnerList .partnerList_right ul li p{
        margin-bottom: 10px;
    }
    #partnerList .partnerList_right{
        padding-right: 0;
    }

    #newProd ul li{
        width: calc(50% - 20px);
    }

    .floating-plugin-container{
        display: none;
    }

    #searchAll .categoriesLeft{
        display: none;
    }
    #searchAll .categoriesRight{
        width: 100%;
    }
    #signIn_body .signInBody_left{
        display: none;
    }
}

@media screen and (max-width: 1080px){
    #four_part .left div{
        width: 130px;
        height: 130px;
    }
    #four_part .left div h1{
        font-size: 40px;
        line-height: 50px;
    }
    #two_part .row p {
        margin: 15px 0 15px;
    }
    #two_part .row .col-md-10 h2 {
        font-size: 22px;
    }
    #footer .col-md-7{
        display: none;
    }
    #footer .col-md-4{
        width: 100%;
    }
    #footer .col-md-4{
        width: 100%;
    }
    #footer .col-md-4 ul{
        padding-left: 0;
    }
    #footer .qrcode{
        width: 100%;
        text-align: center;
    }
    #footer .footer_logo img{
        width: 70px;
    }
    #faq .faqInfo_body div:nth-child(3){
        width: 100%;
        padding: 10px 0 0 30px;
        margin: 0;
    }
    #faq .faqcheck div:nth-child(4){
        position: absolute;
        right: 0;
        top: 10px;
    }
    #faq .faqInfo_body_content img{
        max-width: 100%;
        height: 100% !important;
    }
    #signIn_body .code input{
        width: 100%;
    }
    #signIn_body .forgotPassword form{
        width: 80%;
    }
    #signIn_body .register .registered{
        width: 80%;
        left: 10%;
    }
    .article ul li a .pic{
        width: 250px;
    }
    .article ul li .wenz p{
        font-size: 13px;
    }
    .article ul li .wenz h4{
        height: 30px;
        background-size: 20px;
        width: 30px;
        margin-top: 30px;
    }

    #searchAll .categoriesRight .productCenter ul li{
        width: calc( 100% - 12px );
        margin-left: 0;
    }
    #searchAll .categoriesRight .productCenter{
        padding: 5px 0px;
    }
    #searchAll .categoriesRight .TechnicalDoc ul{
        display: initial;
    }
    #searchAll .categoriesRight .TechnicalDoc ul li{
        width: 100%;
        margin-left: 0px;
    }
    #searchAll .categoriesRight .TechnicalDoc{
        padding: 5px 0px;
    }
    #searchAll .categoriesRight .applicationSolution ul li{
        width: 100%;
        margin-left: 0;
    }
    #searchAll .categoriesRight .applicationSolution{
        padding: 5px 0px;
    }
}

@media screen and (max-width: 1000px) {
    #findProductsByCompetitor #bounced {
        top: 48px;
        right: 19%;
    }
    #four_part #wrapper1{
        display: none;
    }
    #four_part #wrapper2{
        display: block;
    }
}

@media screen and (max-width: 850px){
    .swiper-banner .bannerContent{
        display: none;
    }
    #productDetails .technicalDocumentation table{
        width: 700px;
    }
    .swiper-banner .swiper-button-prev,.swiper-banner .swiper-button-next{
        display: none;
    }
    .swiper-banner{
        position: relative;
    }
    .article ul li a .pic{
        width: 70%;
        margin-left: 70px;
    }
    .article ul li .date h1{
        font-size: 40px !important;
    }
    .article ul li .date h2{
        font-size: 18px !important;
    }
    .article ul li a .wenz{
        width: 80%;
        margin-top: 16px;
    }
    .container-fluid .row>div{
        width: 25%;
    }
    .awi_container .botton-box{
        margin: 10px 4px 0px !important;
    }
    .container-fluid .row>div:nth-last-child(1){
        width: 100%;
    }

    .editPassword form{
        width: 84%;
    }
    #findProductsByPackage p{
        padding: 0 5%;
    }
    #findProductsByCompetitor #bounced {
        right: 17%;
    }
}

@media screen and (max-width: 790px){
    #three_part .col-md-4{
        width: 33.3%;
    }

    #four_part .left{
        width: 250px;
    }
    #four_part .right{
        width: calc(100% - 287px);
    }
    #two_part {
        padding: 26px 14px 0px 14px;
    }
    #two_part .row .col-md-2 span.left_two_part{
        margin-bottom: 24px;
        display: inline-block;
    }
    #footer .footer_bottom .right{
        font-size: 12px;
    }
    #faq .faqSearch{
        width: 98%;
        position:relative;
        margin: 26px 1% 26px 1%;
    }
    #faq .faqSearch div:nth-child(1){
        display: block;
        width: 80%;
    }
    #faq .faqSearch div:nth-child(1)::before,#faq .faqSearch div:nth-child(2)::before{
        display: none;
    }
    #faq .faqSearch div:nth-child(3){
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #faq .faqInfo_header{
        padding: 0 20px;
    }
    #faq .faqInfo_body{
        margin: 0 20px;
    }
    #faq .faqInfo_body_content{
        margin: 0 20px;
    }
    #search{
        margin: 0;
    }
    #search .search_body .nav_option li{
        padding: 0 6px;
    }
    .layout div dl{
        width: 45%;
    }
    #userInfo_body {
        padding: 40px 20px 40px;
    }
    #userInfo_body .userInfo .update{
        margin: 80px 0 0 30%;
    }
    #userInfo_body .userApp table{
        width: 800px;
    }
    #userInfo_body .userApp div{
        overflow: auto;
    }
    #findProductsByPackage .faqSearch{
        width: 98%;
        position:relative;
        margin: 26px 1% 26px 1%;
    }
    #findProductsByPackage .faqSearch div:nth-child(1){
        display: block;
        width: 80%;
    }
    #findProductsByPackage .faqSearch div:nth-child(1)::before,#faq .faqSearch div:nth-child(2)::before{
        display: none;
    }
    #findProductsByPackage .faqSearch div:nth-child(3){
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #findProductsByPackage .faqSearch div:nth-child(2){
        width: 100%;
    }
    #productDetails .sticky_top{
        overflow-x: auto;
    }
    #productDetails .sticky_top nav{
        width: 750px;
    }

    #findProductsByCompetitor table {
        width: 712px;
    }
    #findProductsByCompetitor p {
        padding: 0 5%;
    }
    #findProductsByCompetitor .faqSearch .faqSearch_left {
        width: 100%;
        padding: 12px 20px;
    }
    #findProductsByCompetitor .faqSearch .faqSearch_right {
        width: 100%;
        padding: 12px 20px;
    }
    #findProductsByCompetitor #bounced {
        top: 11px;
        right: 17%;
    }
    .article{padding: 0px 4% !important;}

    #four_part .left div h2{
        padding-top: 50px;
    }
}

@media screen and (max-width: 765px){
    #signIn_body{
        padding:0;
    }
    #signIn_body .signInBody_content{
        box-shadow: none;
    }
    #footer{
        margin: 0;
    }
}

@media screen and (max-width: 648px) {
    #three_part h2{
        bottom: 34px;
        width: 90%;
    }
    #four_part .left {
        width: 162px;
    }
    #four_part .right {
        width: calc(100% - 130px);
    }
    #four_part .right h2 {
        font-size: 16px;
        margin: 0px 0 15px;
    }
    #four_part .left div {
        width: 80px;
        height: 80px;
    }
    #four_part .left div h1 {
        font-size: 26px;
        line-height: 26px;
    }
    #four_part .left div h2{
        font-size: 14px;
    }
    #four_part .right p a{
        font-size: 12px;
    }
    #four_part .right p{
        margin-bottom: 16px;
    }
    #four_part .right .more a{
        height: 34px;
        line-height: 34px;
    }
    #two_part .row .col-md-10 h2{
        font-size: 16px;
    }
    #two_part .row p a{
        font-size: 12px;
    }
    #two_part .row .more a{
        height: 32px;
        line-height: 32px;
        width: 150px;
    }
    .swiper-banner{
        position: relative;
    }
    #productList .featuredProducts>div{
        width: 12em;
        margin: 0 1% 2% 1%;
    }
    #productList .featuredProducts>div span{
        font-size: 18px;
    }
    #productList .featuredProducts .desc{
        font-size: 13px;
    }
    #productList .selectedRowUl{
        display: none !important;
    }
    #faq .faqInfo_body_content{
        padding: 36px 21px 40px 27px;
    }
    #search .search_body .nav_option_body li div>div{
        padding: 36px 20px 40px;
    }
    #myTabContent .submit #enter, #myTabContent .submit #cancel{
        width: 175px;
    }
    #pcninfo table{
        width: 1000px;
    }
    #pcninfo>div{
        overflow-x: auto;
    }
    .sample_content .sampleForm ul li{
        width: 100%;
    }
    .sample_content .sampleForm .submit input{
        width: 42%;
    }
    #signIn_body .forgotPassword form{
        padding: 50px 16px 70px;
    }
    #signIn_body .register .registered{
        padding: 20px 30px 20px;
        margin-top: -320px !important;
        height: 735px !important;;
    }
    #signIn_body .register .registered li{
        height: 40px;
        padding: 8px 20px;
    }
    #quality #statement div:nth-child(2){
        left: 20%;
    }
    #findProductsByPackage table{
        width: 700px;
    }
    #findProductsByCompetitor #bounced {
        width: 266px;
        height: 427px !important;
        top:-40px
    }
    .awi_container dl dd{
        font-size: 16px !important;
    }
    #quality #statement div:nth-child(2), #quality #statement div:nth-child(3){
        width: 92% !important;
        margin-left: 4%;
        margin-right: 4%;
    }
    #quality #statement div:nth-child(2) a, #quality #statement div:nth-child(3) a{
        width: 84% !important;
        line-height: 30px;
    }
    #four_part #wrapper2 .left{
        display: none;
    }
    #four_part .right{
        width:calc(100% - 30px)
    }

    #newProd ul li{
        width: calc(100% - 20px);
    }
    #signIn_body .signInBody_content .wxLoginContainer{
        display: none;
    }
    #signIn_body .signInBody_content .layui-tab{
        width: 100% !important;
        margin-left: 0 !important;
    }
    #signIn_body .signInBody_content{
        padding: 1% 3% !important;
    }
}

@media screen and (max-width: 500px) {
    #signIn_body .register .registered li input{
        width: 100%;
    }
    #three_part h2{
        bottom: 23px;
        font-size: 16px;
    }
    #two_part{
    }
    #four_part .right p{
        line-height: 20px;
    }
    .swiper-banner{
    }
    #one_part li{
        height: 80px;
    }
    #one_part li a{
        padding: 30% 0 0 0;
        font-size: 12px;
    }
    .layout div dl {
        width: 71%;
    }
    .article ul li a .pic {
        width: 60%;
        height: 174px;
    }
    #userInfo_body .userInfo .update{
        margin: 80px 0 0 19%;
    }
    #signIn_body #reg_country{
        width: 20% !important;
    }
    #signIn_body .code2 input{
        width: 50% !important;
    }
    #quality #responsibility{
        padding: 30px 0;
    }
    #quality #certificate,#quality #reliability,#quality #EOLDescription{
        padding: 40px 0px 50px;
    }
    #quality #notice div:nth-child(1){
        padding: 30px 0px 33px;
    }
    #quality #notice div:nth-child(2){
        padding: 0;
    }

    #searchAll .categoriesRight .technicalArticle ul li{
        display: inherit;
        height: auto;
    }
    #searchAll .categoriesRight .technicalArticle ul li img{
        width: 100%;
    }
    #searchAll .categoriesRight .technicalArticle ul li .technicalArticleContent{
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .swiper-banner {
    }
    #header_mp .header_search{
        width: 33%;
    }
    #four_part .right h2{
        font-size: 14px;
    }
    #four_part .right p{
        line-height: 20px;
    }
    #four_part .left {
        width: 120px;
    }
    #four_part .left div {
        width: 90px;
        height: 90px;
    }
    #four_part .left div h1 {
        font-size: 30px;
        line-height: 23px;
    }
    #four_part .left div h2 {
        font-size: 16px;
    }
    #four_part .right {
        width: calc(100% - 100px);
    }
    #signIn_body .register .registered li{
        height: 33px;
    }
    .register .registered .enter input{
        font-size: 14px;
        height: 28px;
    }
    .container-fluid .row>div{
        padding: 0 6px;
    }
}

@media screen and (max-width: 390px) {
    #four_part .left div{
        width: 70px;
        height: 70px;
    }
    #four_part .left div h1{
        line-height: 22px;
        padding-top: 14px;
    }
    #productList .featuredProducts>div span{
        font-size: 16px;
    }
    #productList .featuredProducts>div{
        width: 11em;
        margin: 0 10px 12px 0;
    }
    #productList .featuredProducts>div:nth-child(2n){
        margin: 0 0 12px 0;
    }
    #productList .featuredProducts .desc{
        font-size: 12px;
    }
    #userInfo_body .userInfo .update{
        width: 160px;
    }

    .register .registered .enter input{
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    #productList .featuredProducts>div {
        width: 10em;
    }
    #header_mp .header_search img{
        width: 19px;
    }
    #header_mp .header_search span {
        right: 14px;
    }
}
