@media(max-width: 1680px){ .all1a_1 h1{width: 90px;height: 90px;margin-top: 100px} .all1a_1 h1 img{width: 60px} .syabt2{padding-top: 13vw} .all1a_1 h2{font-size: 42px} .all1a_1 p{font-size: 30px} .all2b .owl-prev{left: -120px} .all2b .owl-next{right: -120px} /*.foot2c li a{padding: 0 4px}*/ .foot2{width: 40%} .certify .owl-prev{top: 150px;left: -120px;} .certify .owl-next{top: 150px;right: -120px} .farm1 .owl-prev{left: -120px;top: 90px;} .farm1 .owl-next{right: -120px;top: 90px;} .newsde2{width: 90%} } @media(max-width: 1600px){ .foot2c li a{padding: 0 6px} .synews2 li a{padding-top: 40px;padding-bottom: 40px} .synews1a_1{width: 20%} .synews1a_2{width: 75%} } @media(max-width: 1440px){ .banner .owl-theme .owl-controls{bottom: 30px} .all1a_1 h1{width: 80px;height: 80px;margin-top: 90px;} .all1a_1 h1 img{width: 55px} .all1a_1 h2{font-size: 38px} .all1a_1 p{font-size: 28px} .syabt2a{margin-top: 50px} .syabt2{padding-top: 12vw} .all1a li:nth-of-type(2){margin-top: 7px} .all2b_2 h1{font-size: 80px} .all2b_2 img{margin-top: 90px} .all2b .owl-prev{left: -100px;top: 150px;} .all2b .owl-next{right: -100px;top: 150px;} .all2b_1{margin-top: 80px} .index2a h1,.index3a h1{font-size: 35px} .foot2{width: 45%} .foot3{width: 48%} .synews1a_1,.synews2b h1{font-size: 30px} .synews1a_2 h1{font-size: 18px} .synews2 li a{padding-top: 35px;padding-bottom: 35px} .index4 h1{font-size: 40px;} .index4 span{font-size: 30px} .about2a_1 h1{padding-top: 24px} .all5{width: 1000px} .history3{width: 670px} .knowledge{width: 1000px;margin-top: 60px} .lista li{width: 200px;margin: 0 10px} .all6a{padding-top: 60px;padding-bottom: 90px} .certify .owl-prev{top: 120px;left: -100px;} .certify .owl-next{top: 120px;right: -100px} .farm{width: 1000px} .farm1 .owl-prev{left: -100px;top: 70px;} .farm1 .owl-next{right: -100px;top: 70px;} .news2 h1{font-size: 4vw;line-height: 70px} .news2 span{font-size: 22px} .news3 h1{font-size: 20px} .xyp li{height: 150px;line-height: 150px} .xyp li ul h1{margin-top: 68px} .xyp li ul p{height: 150px} .talent1{padding: 0 15px;background-position: 94% center;} .talent1 h1{font-size: 18px} .all7{padding-bottom: 90px} .talent{margin-top: 50px} .office .owl-prev{width: 100px;height: 30px} .office .owl-next{width: 100px;height: 30px} .act1 li h1{font-size: 20px} .train1b li{margin-top: 20px} .form1{width: 200px} .form1 select{padding-left: 10px} .form2{margin-left: 1%} .all6c{padding-top: 50px} .contact li img{width: 70px} .contact li{padding: 0 4%;width: 24%} .farm1a{height: 50px;line-height: 50px} .all2b_1{margin-top: 60px} .syabt2{width: 55%} .all2b .owl-next,.all2b .owl-prev,.certify .owl-next,.certify .owl-prev,.farm1 .owl-next,.farm1 .owl-prev{width: 50px;height: 105px} .exit{margin-top: 60px} .news{padding-bottom: 90px} .foot4{margin-top: 50px} .office .owl-next,.office .owl-prev{background-size: 50px} .nav_on li{margin-right: 45px} } @media(max-width: 1366px){ .width{width: 80%} .lan{margin-right: 30px} .nav li{margin-right: 35px} .more1{margin-top: 60px} .all1a_1 h2{font-size: 35px} .all1a_1 p{font-size: 25px} .all2b{margin-top: 40px} .all3{padding-top: 60px;margin-bottom: 50px;width: 80%} .foot1{width: 80%} .index4{padding-top: 50px} .newsde1{width: 80%} .index4 p{margin-top: 5px} } @media(max-width: 1024px){ .banner_phone{display: block;} .banner,.head_on{display: none} .head_phone{display: block;} .width{width: 94%;} .index4 h1{font-size: 35px} .index4 span{font-size: 25px} .index4{padding-top: 30px} .about{margin-top: 30px;line-height: 25px;} .about3{margin-top: 40px} .foot1{width: 94%} .foot2c li a{padding: 0 3px} .foot{padding-top: 30px} .all1a_1 h1{width: 60px;height: 60px;margin-top: 2.8vw;} .all1a_1 h1 img{width: 40px;padding-top: 10px} .all1a_1 h2{font-size: 30px;} .all1a_1 p{font-size: 20px} .syabt2{width: 90%;padding-top: 8vw} .syabt2a{line-height: 25px;margin-top: 1.8vw} .more1{margin-top: 40px} .all2b .owl-theme .owl-controls{display: none} .all2a{width: 94%} .index2,.all2b .owl-carousel{width: 100%} .all2{padding-top: 50px;padding-bottom: 60px} .index2b,.index3b{margin-top: 40px} .index2b li{padding: 0 15px} .all3{width: 94%} .all3{padding-top: 40px} .all3a_1{margin-top: 30px} .synews2 li a{padding-top: 30px;padding-bottom: 30px;} .synews1a{margin-top: 20px} .index2a h1, .index3a h1{font-size: 30px} .index3a span{font-size: 20px;} .about2{margin-top: 40px} .all5{width: 94%;margin-bottom: 60px} .history1{font-size: 30px;width: 20%;background-size: 35px;height: 35px;line-height: 35px} .history{background-position: 18% top;} .history2{width: 20.5%} .history2 h1{width: auto;padding: 0 20px;font-size: 20px;} .history2 img{margin-left: 8%} .history3{width: 76%;margin-left: 0;float: right;} .history li{padding-top: 40px} .history4{width: 20.4%;font-size: 25px;} .all6b{width: 94%;margin-top: 50px} .market1{width: 88%} .market1 h1{width: 150px;font-size: 20px;} .market{font-size: 30px} .market2{padding-bottom: 30px;} .all6b li{margin-top: 40px} .all6a{padding-top: 40px;padding-bottom: 60px} .list li{margin: 0 2%;height: 40px;line-height: 40px;} .list li a{font-size: 16px} .knowledge{width: 94%;margin-top: 30px;line-height: 25px;} .lista li{margin: 0 1%;height: 40px;line-height: 40px;} .lista li a{font-size: 16px} .certify .owl-next,.certify .owl-prev{top: 60px;} .farm{width: 94%;line-height: 25px;} .farm1 .owl-controls,.certify .owl-controls{display: none} .farm1,.certify,.newsde1{width: 94%} .news1 li{padding-top: 40px;padding-bottom: 40px;} .news3 h2{margin-top: 30px;padding-bottom: 50px} .newsde{padding-top: 90px} .title2{padding-top: 40px} .xyp{margin-top: 30px} .newsde1{padding-bottom: 50px} .xyp li{height: 100px;line-height: 100px;} .xyp li ul p{height: 100px} .xyp li ul h1{margin-top: 43px} .xyp li img{margin-top: 15px} .talent1{padding: 0 3%} .all7{padding-bottom: 40px} .talent{margin-top: 30px} .office .owl-prev,.office .owl-next{bottom: -70px;} .walfare1 ul h1{font-size: 20px} .walfare1 ul p{margin-top: 10px} .pic9,.pic10,.pic11{float: none;margin: auto;} .act1{width: 100%;float: none;margin-top: 30px} .act{margin-top: 30px;margin-bottom: 60px} .act1 li p{height: auto;} .train1,.train2a{width: 100%;float: none;margin-top: 30px} .train2{margin-top: 30px} .all6c{padding-bottom: 60px} .form1{margin-left: 1%;width: 20%} .form3{width: 10%;} .all6c{margin-top: 35px;} .table{margin-top: 40px} /*.table dl{height: 70px;line-height: 70px;}*/ .page a{height: 30px;line-height: 30px;padding: 0 12px;} .page1{margin-top: 40px} .all6c{padding-top: 20px} .contact{margin-top: 40px;} .map{height: 400px;margin-top: 40px;margin-bottom: 60px} .contact li img{width: 55px} .contact li p{margin-top: 25px;} .all2b_2 h1{font-size: 8vw;} .pic3{width: 60%} .all2b_1{width: 40%;margin-top: 3vw} .all2b_2{width: 80%} .all2b_2 img{margin-top: 4vw} .syabt{width: 49.8%} .all1a li:nth-of-type(2){margin-top: 4px} .foot2c{display: none;} } @media(max-width: 768px){ .all2{padding-top: 40px} .all2b{margin-top: 30px} .synews1{width: 100%;display: none} .synews2{width: 100%;float: none;} .synews2 li:nth-of-type(1){border: none;} .all3a_1{margin-top: 0} .foot2{width: 100%;float: none;} .foot3{width: 100%;float: none;} .foot2b_2{margin-top: 0} .about img{margin-left: 0;margin: auto;width: 100%} .all4{margin-bottom: 60px;} .synews2 li:nth-of-type(1){display: block;} .history1,.history2 img,.history4,.all6b li .alt1{display: none;} .history{background-position: 17.3% top;padding-bottom: 30px;margin-top: 30px;} .history2 h1{height: 35px;line-height: 35px;} .market{padding-left: 88px;} .lista li{width: 20%;margin: 0 1%;height: 35px;line-height: 35px;} .list li{height: 35px;line-height: 35px;} .news3 h2{display: none;} .pic7{width: 30%;margin-left: 2%} .news3{width: 53%} .news3 p{margin-top: 20px} .news3 h1{font-size: 18px;line-height: 25px;height: 50px;} .news2 h1{font-size: 6vw} .news{padding-bottom: 60px;margin-top: 30px;} .content1{margin-top: 20px;line-height: 25px;} .title2{padding-bottom: 20px;} .xyp li ul p{width: 78%} .xyp li{height: 80px;line-height: 80px;} .xyp li ul p{height: 80px} .xyp li ul h1{margin-top: 33px} .title2 h1{font-size: 20px} .all6a{margin-top: 20px;padding-top: 20px} .index4{padding-top: 20px} .talent1{height: 50px;line-height: 50px;} .index4{width: 94%;margin: auto;} .walfare1 ul h1{font-size: 18px;} .walfare1 ul p{width: 94%;margin: auto;} .office .owl-prev{left: 32%;} .office .owl-next{right: 32%;} .pic9,.pic10,.pic11{width: 70%} .table ul li{width: 45%} .table ul li:nth-of-type(3){width: 25%} .table ul li:nth-of-type(4){width: 15%} .table ul li:nth-of-type(2){width: 15%} .table dl dt{width: 45%} .table dl dt:nth-of-type(3){width: 25%} .table dl dt:nth-of-type(4){width: 15%} .table dl dt:nth-of-type(2){width: 15%} .form1{width: 32%} .form2{width: 32%;margin-left: 0;margin-top: 10px} .form3{width: 32%;margin-top: 10px;float: left;margin-left: 1%} .about2b{height: 130px;width: 63%;} .about2a{height: 130px;width: 32%;} .about2a_1 h1{padding-top: 40px;} .exit{margin-top: 30px} .farm1{margin-top: 30px} .farm1a{height: 40px;line-height: 40px;} .contact li p{font-size: 14px;} .contact li{width: 20%} .contact li:nth-of-type(2){width: 34%} } @media(max-width: 640px){ .head_phone{height: 50px;} .logo_phone img{height: 40px;} .banner_phone .owl-theme .owl-controls{bottom: 0;} .banner_phone .owl-theme .owl-dots .owl-dot span{width: 25px;margin: 0 2px;} .syabt{width: 100%;float: none;height: 320px;overflow: hidden;} .more1{margin-top: 20px;} .more1 img{width: 65px;} .all1a{width: 100%;overflow: hidden;} .all1a li{width: 100%;float: none;margin-top: 5px} .all1a li:nth-of-type(2){margin-top: 5px} .all1a_1 h1{margin-top: 8vw;width: 50px;height: 50px;} .syabt2{padding-top: 10vw} .all1a_1 h1 img{width: 30px;} .all1a_1 h2{font-size: 28px;line-height: 30px;margin-top: 10px} .index2a,.index3a{float: none;text-align: center;} .all2{padding-top: 30px;padding-bottom: 30px} .index2b,.index3b{width: 100%;float: none;text-align: center;font-size: 0;margin-top: 20px} .index2b li{padding: 0;width: 28%} .index2b li:nth-of-type(4){width: 12%} .all2b_2 img{display: none;} .pic3{width: 50%} .all2b_1{width: 50%} .all2b_2{width: 90%;} .all2b_2 h2{font-size: 12px;line-height: 16px} .all2b_2 h1{font-size: 22px;line-height: 25px;} .all2b_2 p{font-size: 16px;} .all2b{margin-top: 20px} .index2a h1, .index3a h1{font-size: 25px;} .index2a span{font-size: 20px;} .synews2 li a{padding-top: 20px;padding-bottom: 20px;} .menu img{width: 25px;} .menu{margin-top: 17px;} .lan_phone{line-height: 50px} .synews2a{margin-left: 0;width: 75%} .synews2a p{margin-top: 10px;} .synews2b h1{font-size: 24px;line-height: 26px;padding-bottom: 25px;background-position: 32px 35px;} .synews2b{width: 22%;} .all3{margin-bottom: 30px;} .foot3a_1{width: 100%;margin: 0} .foot3b textarea{height: 80px;font-size: 14px;} .foot3b{margin-top: 10px;} .foot3a_1{height: 40px;line-height: 40px;} .foot3a_1 input{height: 40px;font-size: 14px;} .foot3a_1 label,.foot3b label{font-size: 14px;} .foot3{margin-top: 10px;} .foot{padding-top: 10px} .foot2b_2{margin-top: 40px} .foot4,.foot3c{margin-top: 20px} .foot4{padding: 15px 0;font-size: 12px;} .index4 h1{font-size: 25px;line-height: 30px;letter-spacing: 0} .index4 span{font-size: 18px;} .about{margin-top: 15px;} .about1{margin-top: 10px;} .about1a{margin-left: 10px;width: 88%;} .about2a{width: 103%;height: auto;float: none;} .about2b{width: 94%;float: none;height: auto;padding: 20px 0;} .about2a_1 h1{padding-top: 25px;} .about1a_1{line-height: 25px;margin-top: 10px;} .about3{margin-top: 20px;line-height: 25px;} .all4{margin-bottom: 40px;} .history li:nth-of-type(1){padding-top: 0} .history2 h1{font-size: 18px;line-height: 30px;height: 30px;} .history3{line-height: 25px;} .history li{padding-top: 20px;} .list,.lista{width: 94%;font-size: 0;margin: auto;text-align: left;} .list li,.lista li{width: 31%;margin: 0;margin-left: 2.5%;text-align: center;height: 30px;line-height: 30px;margin-top: 5px;} .list li:nth-of-type(3n-2),.lista li:nth-of-type(3n-2){margin-left: 0} .market{font-size: 20px;background-size: 35px;height: 35px;line-height: 35px;padding-left: 12%} .market1{width: 88%} .market1 h1{font-size: 16px;height: 35px;line-height: 35px;width: 120px;} .all6b li{margin-top: 20px;background-size: 35px;} .market2{padding-bottom: 20px;margin-top: 20px;} .all6b{background-position: 17px top;margin-top: 30px;} .market3{font-size: 20px;height: 35px;line-height: 35px;background-size: 35px;padding-left: 12%} .all6a{padding-bottom: 50px;} .market1 h2{font-size: 18px;line-height: 35px;height: auto} .market4{margin-top: 10px;} .listb{text-align: center;} .farm1{display: none} .farm1_phone{display: block;} .news3 span{display: block;} .news2{display: none;} .news3{width: 100%;float: none;margin-top: 15px;} .pic7{margin-left: 0;width: 100%;float: none;} .news3 h1{height: 25px;} .news3 p{margin-top: 10px;} .news1 li{padding-top: 20px;padding-bottom: 20px;} .news{padding-bottom: 50px;} .newsde{padding-top: 70px;} .newsde2{width: 94%;} .title2{padding-top: 20px;padding-bottom: 10px;} .title2 h1{line-height: 25px;} .title2 span{margin-top: 10px;} .content1{margin-top: 15px;} .xyp li ul{width: 100%} .xyp{margin-top: 20px;} .xyp li{height: 60px;line-height: 60px;} .xyp li ul p{height: 60px;} .xyp li ul h1{margin-top: 23px;} .talent li{width: 100%;float: none;margin-left: 0;margin-top: 10px;} .talent{margin-top: 10px;} .index4 p{font-size: 12px;} .office1 h1{font-size: 16px;} .office1{height: auto;padding-bottom: 10px;} .office{padding-bottom: 50px;margin-top: 20px;} .office .owl-prev{width: 60px;bottom: -45px;height: 25px;background-size: 40px;} .office .owl-next{width: 60px;bottom: -45px;height: 25px;background-size: 40px;} .walfare li{width: 100%;margin-top: 2px;} .walfare{margin-top: 20px;} .pic9, .pic10, .pic11{width: 100%} .act1 li h1{padding-left: 20px;} .act1 li p{padding-left: 20px;text-align: justify;} .act{margin-bottom: 40px;} .all6c{margin-top: 25px;padding-bottom: 40px;} .train2b{line-height: 25px;} .train1, .train2a{margin-top: 25px;} .form1 select{font-size: 14px;padding-left: 5px;} .form2 input{padding-left: 5px;font-size: 14px;} .form3 input{font-size: 14px;} .form1,.form2,.form3{height: 30px;} .table{margin-top: 20px;} .table ul li{font-size: 14px;} .table ul{margin-bottom: 0} .table dl dt{height: 70px;width: 40%} .table dl dt:nth-of-type(2){margin-left: 2%} .table ul li{width: 40%} .table ul li:nth-of-type(2){margin-left: 2%} .page1{margin-top: 30px;} .visit li{width: 100%;float: none;margin: 0;margin-top: 10px;} .contact li,.contact li:nth-of-type(2){background: none;width: 100%;overflow: hidden;padding: 0;margin-top: 10px;} .contact li img{width: 20px;float: left} .contact li p{width: 92%;float: right;text-align: left;height: auto;margin-top: 0} .contact{margin-top: 10px;} .map{margin-top: 20px;height: 260px;margin-bottom: 50px;} /*.certify_phone{display: block;} .certify{display: none}*/ .certify1 h1{font-size: 14px;} .knowledge h1{font-size: 18px;} .lista li a,.list li a{font-size: 14px;} .index4 span{letter-spacing: 4px;} }