@charset "utf-8";

@media screen and (max-width: 1500px) {
    .bannertextbox h2 {font-size: 50px;}
    .idxtechsort h4 ,.idxvisionsort h4{font-size: 40px;}
    .idxtechlist ul li {height: auto;}
}

@media screen and (max-width: 1350px) {
    .bannertextbox h2 {font-size: 40px;}
    .idxtechsort h4 ,.idxvisionsort h4{font-size: 30px;}
    .idxtechlisttext h3 {height: 60px;}
    .idxconewsltext h5 {font-size: 30px;}
    .joinuslist ul li img {height: 60px;}
    .joinuslist ul li h3 {font-size: 20px;}
    .joinuslist ul li p {font-size: 16px;}
    .jclist ul li {width: 19%;margin-right: 1%;}
}

@media screen and (max-width: 1250px) {
    .nav ul li {margin: 0px 10px;}
    .idxtechlicon {width: 50px; height: 50px;}
    .idxtechlist ul li:hover .idxtechlicon {right: 20px;}
        .jclist ul li {width: 32%;margin-right: 2%;}
        .jclist ul li:nth-child(10) {display: none;}
        .jclist ul li:nth-child(5n) {margin-right: 2%;}
        .jclist ul li:nth-child(3n) {margin-right: 0%;}
    .prosorttextl h3 {font-size: 40px;}
    .prosorttextl p {font-size: 18px;}
    .prosort ul li {margin-top: 100px;}
    .equiptop {padding: 100px 0px;}
    .prosortimg {height: 380px;}

}

@media screen and (max-width: 1150px) {
    .logo a img {height: 40px; }
    .nav ul li {margin: 0px 5px;}
    .nav>ul>li>a {font-size: 16px;}
    .bannertextbox {width: 70%;}
    .bannertextbox h2 {font-size: 34px;}
    .idxtechsort h4, .idxvisionsort h4,.idxconewsltext h5 {font-size: 26px;}
    .idxtechlisttext h3 {font-size: 20px;}
    .footerboxm {margin-left: 30px;}
    .footerboxr a {padding: 10px 20px;font-size: 14px;}
    .idxtech,.idxcustomer {padding: 60px 0px;}
    .idxtechlist ul li {width: 49%;margin-bottom: 20px;}
    .idxvisionlist {padding:50px 20px ;}
    .idxcustomlist {margin-top: 30px;}
    .idxcustomlist ul li {width: 30%;}
    .idxcustomlist ul li:last-child {display: none;}
    .idxtechlist {margin-top: 50px;}
    .ceopageboxl h4 {font-size: 26px;}
    .ceopageboxl {width: 45%;}
    .ceopageboxl p {font-size: 18px;}
    .hcleftbox h2 {font-size: 40px;}
    .hcright ul li h3 {font-size: 30px;}
    .neibanner {height: 400px;}
    .jointopdesc h2 ,.sheibeiname h2,.tjprostit h3{font-size: 40px;}
    .jointopdesc p {font-size: 18px;}
    .aboutuspage {padding-bottom: 220px;}
    .aboutusimg {border-radius: 30px;}
    .aboutlistsbox li .text-inner span {font-size: 20px;}
    .newslisttop h3 {font-size: 20px;margin-bottom: 0px;line-height: 1.6;}
}

@media screen and (max-width: 991px) {
    .joinuslist ul li,.joinuslist ul.joinuslist2 li {width: 48%;margin-bottom: 20px;}
    .joinuslist ul {margin-bottom: 0px;}
    .propagetopl {width: 100%;}
    .propagetopr {width: 100% ; margin-top: 100px;}
    .ceopagetop {padding: 80px 0px;}
}

@media screen and (max-width: 767px) {
    .waptopitem {position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2;background-color: #ffffff;height: 50px;z-index: 9;}
    .waptopbox {width: 100%;height: 100%;padding: 0px 10px;}
    .waptoplogo a img {height: 30px;}
    .waptoplang {margin-left: 80px;}
    .waptoplang a {font-size: 18px;font-weight: bold;color: #9e9e9e;margin-right: 5px;}
    .waptoplang a.active {background-color:  rgb(0, 113, 255);color: #ffffff;padding: 5px 7px;}     
    .waptopnavbtn img {height: 30px;opacity: .7;}
    .waptopnavbox {position: absolute;top: 50px;left: 0px;width: 100%;z-index: 1;background-color: #ffffff;padding: 10px 0px 30px;display: none;}
    .waptopnavbox ul li {width: 100%;border-bottom: 1px solid #e0e0e0;padding:15px 10px ;}
    .waptopnavbox ul li a span {font-size: 18px;color: #333333;}
    .waptopnavbox ul li a img {height: 24px;filter: brightness(100%) grayscale(100%);}
    .wapnavxl {padding: 10px ;display: none;transition: all 0s;}
    .wapnavxl dd a{font-size: 16px;color: #646464;line-height: 2;}
     .waptopnavbox ul li a img.active {transform: rotate(180deg);}
    .waptopitem.fixednav {position: fixed;}

    .bannertextbox {width: 100%;}
    .bannerico {bottom: 2%;}
    .idxtechlist ul li {width: 100%;}
    .idxvisionlist ul li {width: 100%;border: 0px;margin-bottom: 30px;}
    .idxvision {background-size: cover;}
    .idxcustomlist ul li {width: 48%;height: 70px;}
    .idxcustomlist ul li:last-child{display: block;}
    .idxconewsl {width: 100%;height: auto;}
    .footerboxm {width: 100%;margin:20px  0px;}
    .footer {padding: 40px 0px;}
    .backtop {right: 20px;}
    .ceopagetop {padding: 60px 0px;}
    .ceopageboxl h4 {font-size: 22px;}
    .ceopageboxl {width: 100%;margin-bottom: 40px;}
    .ceopageboxl p {font-size: 16px;}
    .ceopagebox {padding: 0px 0px 50px;}
    .neibanner {height: 300px;}
    .neibannertext {padding-top: 150px;}
    .ceopagetop img {height: 200px;border-radius: 10px;object-fit: cover;}
    .hcleft {width: 100%;background-color: #ffffff;padding: 60px 0px 10px;}
    .hcleftbox h2 {font-size: 30px;margin-bottom: 10px;}
    .hcleftbox p {font-size: 16px;}
    .hcright ul li h3 {font-size: 20px;margin: 25px 0px 10px;}
    .hcright {padding-top: 50px;width: 100%;}
    .hcright ul li img {border-radius: 10px;}
    .hcright ul li p {font-size: 16px;margin-bottom: 5px;}
    .hcright ul li {margin-bottom: 40px;}
    .joinuslist ul li, .joinuslist ul.joinuslist2 li {width: 100%;height: auto;}
    .jclist ul li {width: 48%;}
    .jclistimg {height: 222px;}
    .jclist ul li:nth-child(3n) {margin-right: 2%;}
    .jclist ul li:nth-child(10) {display: block;}
    .joinuslist ul li h3 {font-size: 18px;}
    .jclisttext h3 {font-size: 18px;}
    .jointopdesc h2 ,.sheibeiname h2,.prosorttextl h3,.tjprostit h3{font-size: 30px;}
    .jointopdesc p,.maptext p,.sheibeiname p,.prosorttextl p {font-size: 16px;}
    .jointop ,.equiptop{padding: 60px 0px;}
    .maptext strong {font-size: 18px;}
    .prosort ul li {margin-top: 60px;}
    .prosortimgonbg {display: none;}
    .prosortimg {height: 200px;border-radius: 10px;}
    .prosorttextl {width: 100%;}
    .prosorttextr {width: 100%;margin-top: 30px;}
    .prolist ul li {width: 100%;}
    .prolistmore {bottom: 2px;}
    .prolist ul li {margin-bottom:60px;}
    .tjproslist ul li {width: 48%;}
    .prodetailmid a ,.prodetailmid a:nth-child(2){margin-right: 10px;width: 150px;}
    .prodetailmid a span {margin-top: 5px;}
    .prodetailmid a img,.prodetailmid a:nth-child(2) img {margin-left: 15px;}
    .productposl p {font-size:16px;}
    .probacksort {width: 130px;}
    .aboutlistsbox li {width: 100%;margin-bottom: 40px;}
    .aboutusimg {border-radius: 10px;}
    .newslist ul li {width: 100%;}
    .newsdetailpage {padding-top: 30px;}
    .newsdetail {margin-top: 0px;}
    .newsdetailtop h3 {font-size: 24px;}
    .newsdetailtop h5 {font-size: 16px;}
    .newsdetailtext {padding: 50px 15px;}
    .newsdetailtext p {font-size: 16px;}
    .newsprev, .newsnext {width: 100%;overflow: hidden;margin-bottom: 30px;}
    .newsnextprev  {padding: 0px;}
    .formwban {width: 100%;}
    .formxyi label a {margin-left: 40px;}
    .policytcbox {width: 90vw;}
    
}