.ng-help {
    float: right;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 333;
}

.hd-func-dropdown-active .icon-select-angle {
    background-position: -153px -4px;
}

.icon-select-angle {
    width: 8px;
    height: 4px;
    background-position: -153px 0;
}

.ng-help a.ng-help-ct {
    padding: 0 10px;
}

.hd-help-list {
    width: 140px;
}

.hd-help-list a {
    line-height: 18px;
    display: block;
    font-size: 14px;
    padding: 4px;
    margin-bottom: 5px;
}

.hd-func-dropdown-active:after, .hd-func-dropdown-active:before {
    right: 5px;
    position: absolute;
    content: '';
}

.hd-func-dropdown-active:before {
    top: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
}

.hd-func-dropdown-active:after {
    top: 21px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.hd-fold {
    display: none;
    position: absolute;
    right: 0;
    margin-right: -20px;
    line-height: 1.5;
    padding: 10px 10px 6px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    top: 39px;
}

.hd-help-list {
    width: 140px;
}

.ng-help .hd-help-list {
    width: 242px;
    padding: 10px 0 0;
    box-sizing: border-box;
}

.hd-func-dropdown-active .hd-fold {
    display: block;
}

.hd-help-list a {
    padding: 4px;
}

.ng-help .hd-item {
    padding: 8px 10px;
    box-sizing: border-box;
}

.ng-help .hd-item-info .info-title {
    color: #5c5c5c;
    font-size: 14px;
    line-height: 22px;
}

.ng-help .hd-item-info .info-titled-des {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 2px;
    color: #121212;
}

.ng-help .hd-item-info .info-time {
    font-size: 12px;
    color: #999999;
    line-height: 16px;
    margin-top: 4px;
}

.ng-help .hd-item-info .info-title a {
    color: #036b47;
    font-size: 14px;
    line-height: 22px;
    padding-left: 0;
}

.ng-help .hd-item-info .info-title a:hover {
    color: #036b47 !important;
    text-decoration: underline;
}

.ng-help .hd-item-info .info-titled-des a {
    color: #036b47;
    word-break: break-word;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
}

.ng-help .set-item-time {
    background-color: #e8fef0;
    font-size: 12px;
    color: #a3a3a3;
    padding: 4px 0;
    text-align: center;
    margin-top: 10px;
}

.ng-help .hd-item-info {
    float: left;
    width: 184px;
    margin-left: 10px;
}

.ng-help .hd-item-icon {
    float: left;
    width: 24px;
    height: 26px;
}

.ng-help .hd-item-icon.cus-icon {
    background: url(/public/static/images/whyus-nav.webp?v=250215) no-repeat 1px -630px;
}

.ng-help .hd-item-icon.send-icon {
    background: url(/public/static/images/whyus-nav.webp?v=250215) no-repeat 1px -670px;
}

.ng-help .hd-item-icon.ser-icon {
    background: url(/public/static/images/whyus-nav.webp?v=250215) no-repeat 1px -705px;
}

.new_header {
    position: absolute;
    right: 60px;
    top: 7px;
}

.new_header #search_button, .new_header .action_icon, .new_header .ng-help, .new_header .b_list {
    float: right;
    margin-left: 14px;
    position: relative;
    top: 12px;
}

.new_header #search_button {
    top: 27px;
}

.new_header #search_button img {
    width: 18px;
}

.new_header .b_list {
    top: 10px;
}

.new_header .action_icon {
    height: 30px;
}

.new_header .action_icon a.login {
    padding-left: 47px;
    background-size: 17px;
}

.new_header .action_icon a {
    font-size: 12px;
    line-height: 30px;
}

.header_email {
    top: 26px;
}

.lang {
    top: 20px;
}

.fix-sear {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(35, 35, 35, .9);
    opacity: 0;
    display: none;
}

.fix-sear.active {
    opacity: 1;
    display: block;
}

.fix-sear .fix-box {
    background-color: #fff;
    padding: 100px 0 160px;
    position: relative;
    opacity: 0;
    transition: all 0.7s !important;
}

.fix-sear .fix-box.active {
    opacity: 1;
    display: block;
}

.fix-sear .fix-box > a {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    right: 50px;
    top: 50px;
    color: #000;
    font-size: 30px;
    transform: rotateX(0deg);
}

.fix-box form {
    display: block;
    width: 50%;
    position: relative;
    margin: 0 auto;
    border-bottom: 1px solid #666;
}

.fix-sear .fix-box #keyword {
    background-color: #fff;
    outline: unset;
    border: unset;
    color: #454545;
    height: 65px;
    line-height: 65px;
    padding-left: 15px;
    display: block;
    width: 85%;
    font-size: 18px;
}

.open_sub {
    background-image: url(/public/static/images/icon_search.webp);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: 100% 100%;
    display: block;
    float: right;
    background-color: unset;
    top: 25px;
    right: 20px;
    outline: unset;
    border: unset;
}

@media (max-width: 1085px) {
    .new_header .action_icon a.login {
        padding-left: 36px;
    }

    .action_icon {
        right: 0;
    }
}
.new_header .action_icon {
    height: auto;
    top: 14px;
    padding: 10px;
    position: relative;
    z-index: 333;
    background: unset;
}

/* .new_header .action_icon:hover{background-color: #fff;outline: 1px solid #eee;} */



.new_header .action_icon a{line-height: 25px;float: unset;}
.new_header .action_icon a.login{
    background: url(../images/new_person.webp) no-repeat;
    background-size: 15px;
    background-position: 10px center;
    padding-left: 35px;
    font-size: 14px;
}
.action_icon a.reg{padding:0 10px}
.action_icon a.order{float: unset;font-size: 12px;outline: 1px solid #eee;clear: both;text-align: center;}

.new_header .action_icon .action_icon_box{
    display: none;
    position: absolute;
    width: 225px;
    background-color: #fff;
    z-index: 3;
    right: 0;
    top: 45px;
    border: 1px solid #eee;
}


.new_header .action_icon .action_icon_box::after, .new_header .action_icon .action_icon_box::before {
    right: 18px;
    position: absolute;
    content: '';
}


.new_header .action_icon .action_icon_box::before {
    top: -20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
}
.new_header .action_icon .action_icon_box::after {
    top: -19px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.new_header .action_icon .action_icon_box.short{
    width: 225px;
}


.new_header .action_icon:hover .action_icon_box{
    display: block;
}

.new_header .action_icon .action_icon_box a {
    float: unset;
    height: 30px;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    margin-top: 5px;
    text-align: left;
    padding: 0;
}

.new_header .action_icon .action_icon_box .top{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #d8d8d8;padding:10px;}
.new_header .action_icon .action_icon_box .bottom{padding:10px 15px;}

.new_header .action_icon .action_icon_box a.login_big{height: 40px;line-height: 40px;font-size: 15px;background-color: #036b47;color: #fff;float: left;width: 50%;text-align: center;}
.new_header .action_icon .action_icon_box a.reg_big{height: 40px;line-height: 40px;font-size: 15px;background-color: #1195666e;color: #fff;float: left;width: 50%;text-align: center;}

@media(max-width:1085px){
    .new_header{top:0;right: 70px;}
    .new_header .action_icon {
        height: 28px;
        padding: 0;
        margin: 0;
        width: 35px;
        background-position: center;
        top: 21px;
    }
    
    .new_header .action_icon:hover .action_icon_box{
        display: none;
    }
    .new_header #search_button{top: 23px;}
    .lang{right: 40px !important;}
    .fix-sear .fix-box{padding:30px 0 30px;}
    .fix-box form{width: 90%;}
    .fix-sear .fix-box>a {
        width: 20px;
        height: 20px;
        right: 0px;
        top: 5px;
        font-size: 20px;
    }
    .fix-sear .fix-box #keyword{font-size: 14px;line-height: 35px;height: 35px;}
    .open_sub{top: 9px;}
}




/*20241022*/
.menu>ul>li>a{padding-left: 5px;}
.menu li ul li{float: unset;width: auto;}
.menu li{padding: 0;padding-right: 5px;}
.menu>ul>li>a{display: inline-block;position: relative;top: -5px;height: 42px;}
.menu li a i{display: inline-block;margin-left: 5px;font-weight: bold;color: #A7CBA7;}
.menu li .sub_menu{background-color: #fff;width: auto;left: unset;}
.menu li .sub_menu.new_menu_list{padding:25px 0;width: 100%;left: 0;   }
.menu .child_menu{max-width: 100%;}
.menu li .sub_menu.new_menu_list ul{float: left;margin-right: 35px;}


.menu li .sub_menu.new_menu_list ul li {float: unset;width: auto;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;background-color: #fff;}
.menu li .sub_menu.new_menu_list ul li a, #menu li.selected .sub_menu.new_menu_list ul li a{text-align: left;border-bottom: 0;}
.menu li .sub_menu.new_menu_list ul li:hover{background-color: #c9ebdd;}
.menu li .sub_menu.new_menu_list ul li.Top a, #menu li.selected .sub_menu.new_menu_list ul li.Top a{font-size: 16px;font-weight: bold;display: inline-block;}
.menu li .sub_menu.new_menu_list ul li.Top i{color: #000;}

@media(max-width:1000px){
    .menu li i{top: 5px;}
    .menu li a i{width: 100px; text-align: right;}
    .menu li .sub_menu.new_menu_list{padding:15px 0;padding-top: 0;background-color: #119466;}
    .menu li .sub_menu.new_menu_list .wcenter{margin-left: 15px;margin-right: 15px;}
    .menu li .sub_menu.new_menu_list ul{width: 100%;margin-right: 0;border-bottom: 1px solid #fff;padding: 10px 0;}
    .menu li .sub_menu.new_menu_list ul li.Top i {color: #fff;position: relative;top: 3px;font-weight: normal;}
    .menu li .sub_menu.new_menu_list ul li {float: unset;width: 100%;background-color: #119466;  
        align-items: center;}
    .menu li .sub_menu.new_menu_list ul li a, #menu li.selected .sub_menu.new_menu_list ul li a{padding:5px 30px;}
    .menu li .sub_menu.new_menu_list ul li.Top a, #menu li.selected .sub_menu.new_menu_list ul li.Top a{padding:5px 20px;}
    .menu>ul>li>a{padding-left: 20px;}
    .new_header #search_button, .new_header .action_icon, .new_header .ng-help, .new_header .b_list {
        top: 17px;
        margin-left: 8px;
    }

    .new_header #search_button {
        top: 22px;
    }

    .new_header {
        right: 115px;
    }
    .menu li .sub_menu{transition: unset !important;}
    .menu li ul li a, #menu li.selected li a{color: #fff;}
    .menu li i{height: 34px;padding-left: 25px;}
    .menu>ul>li>a {width: 80%;}
}



.new_contact{float: right;height: 100%;}
.new_contact a{font-weight: bold;float: left;margin-left: 40px;font-size: 14px;color: #fff;line-height: 44px;padding-left: 27px;background-position: left center;background-repeat: no-repeat;background-size: 20px;}
.new_contact a.phone{background-image: url(/public/static/images/new_tel.webp);}
.new_contact a.email{background-image: url(/public/static/images/new_email.png);}

.fileinput{
    width: 100%;
     border: 1px solid #ddd;
     outline: 0;
  height: 30px;
    padding-left: 10px;
   line-height: 30px;
    margin-top: 15px;
}
 .quote_pcb_file .img{
  padding: 0;
     margin-bottom: 20px;
 }

  .requirered-txt{
      display: none;
        width: 100%;
       float: left;
         color: red;
       margin-top: 15px;
  }

  #orderFiletext, #orderFiletextpcba, #orderFiletextcnc{
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: rgba(35, 149,100,0.05);
        outline: 1px dashed #239564;
        border-radius: 2px;
        margin-bottom: 10px;
        text-align: center;
        cursor: pointer;
        padding: 0 10px;
 }
 #orderFiletextpcba:hover{
	background: rgba(35, 149,100,0.3);
}
#orderFiletext:hover{
	background: rgba(35, 149,100,0.3);
}
#orderFiletextcnc:hover{
	background: rgba(35, 149,100,0.3);
}
 #orderFiletext font{
    color: red;
 }

#orderFiletext.disabled,#orderFiletextpcba.disabled,#orderFiletextcnc.disabled{
     pointer-events: none;
     cursor: default;
     background-color: #aaa;
}

.inp-box.half{
  float: left;
  width: 48%;
  margin-right: 2%;
}

.inp-box.file{
      float: left;
      width: 48%;
          margin-bottom: 0 !important;
}

.action_quote .top a.active, .action_quote .top a:hover{background-color: unset;}

.action_quote .bottom form button.tabSub{
    float: left;
        width: 48%;
        margin: 0;
        margin-left: 2%;
        background-position: 17% center;
        background-size: 20px;
        font-size: 14px;
        border-radius: 0;
        height: 40px;
        line-height: 40px;
}

#solution_index  button.tabSub{
    width: 99%;
    margin: 0;
    margin-top: 4%;
    background-position: 17% center;
    background-size: 20px;
    font-size: 14px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    background-color: #239564;
    box-sizing: border-box;
    border: 1px solid #239564;
    color: #FFFFFF;
}

.word_body li .name{background: unset;}
.word_body li.icon1 .name{background: unset;}
.word_body em{margin:10px auto;display: block;}
.aboutus a:hover{
    background: #F6F6F6;
}
.aboutus_p1 {
    color: black;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
}
.aboutus a:hover .aboutus_p1{
    color: #239564;
}
.menu-pc {
    display: flex;
}

.menu-an {
    display: none
}
.menu-type{
    width: 100%;height:209px;display:flex;background-color: white;padding: 20px;
}
#solution li a,#solution .selected li a{
    padding: 6px 20px!important;
    padding-left: 46px!important;
    text-align: unset!important;
    border-bottom: none!important;
}
#solution p{
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
#solution button{
    width: 150px;
    height: 30px;
    border-radius: 61px;
    border: none;
    color: #239564;
    font-size: 14px;
    font-weight: bold;
}
@media (max-width: 1674px){
 .aboutus  .wcenter{
     margin-left: 0px;
 }
}

@media (max-width:1000px) {
.menu-pc {
    display: none
}
.menu-type{
    width: 100%;height:auto;display:block;background-color: unset;padding: 0px;
}
.menu-an {
    display: block
}
}
@media (max-width:1100px) {
    .new_contact{display: none;}
    #orderFiletextpcba,#orderFiletext{
        display: none;
     }
     #subindex_pcba,#subindex_prototype{
         width: 100%;
         font-size: 16px;
         margin-left: 0%;
         font-weight: 400;
         background-position: 35% center;
     }
   
    
}
@media (max-width: 800px){
    .b_list {
        display: none !important;
    }
    #subindex_pcba, #subindex_prototype {
        width: 48% ;
        margin-left: 2%;
        font-size: 14px;
    }
}



.menu>ul>li>a {
    padding: 0 10px;
    }
    .pcbAImg{
        position: relative;
        /* background-color: #F1F1F1; */
        background-image: linear-gradient( 
360deg,#F1F1F1 33%, rgb(0 0 0 / 0%) 82%);
    }
    .backImg{
       position: absolute;
       z-index: -1;
       display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    transform: rotateX(
    180deg);
    }
    .fix-table-box{margin-top: 12px;}
    #pcbM .new_menu_list a{
        padding: 5px 5px!important;
    }
    #pcbM  .new_menu_list{
        padding: 20px 0px!important;
    }
    #pcbA .new_menu_list a{
        padding: 5px 20px!important;
    }
    @media (max-width:1100px) {
        .fix-table-box{margin-top: 0px;}
    }
    @media (max-width:1000px) {
        .pcbMImg{
            display: none;
        }
        #pcbM .new_menu_list a{
            padding: 5px 30px!important;
       }
       /* #pcbA .new_menu_list a{
        padding: 10px 0px!important;
    } */
       #pcbM  .new_menu_list{
           padding: 0px 0px!important;
       }
    }