@media(max-width: 1680px){
    .sypro1 h1{font-size: 38px}
    .synews ul li,.syhonor li,.index6 ul li{font-size: 24px;height: 40px;line-height: 40px}
    .synews4 li a{padding: 20px 20px}
    .synews4b h1{font-size: 30px}
    .about1{width: 600px;margin-left: 200px}
    .about3a{width: 600px;margin-right: 200px}
    .about{background-size: 40%}
    .index7{margin-top: 70px}
    .index7 h1,.index5 h1,.index6 h1,.index9 h1,.index10 h1,.index2 h1,.index1 h1,
    .index3 h1,.index4 h1,.sysystem1 h1,.index8 h1{font-size: 32px}
    .lista li a{font-size: 18px}
    .lista{margin-top: 70px}
    .fazhan li:nth-of-type(2n) .fazhan1{width: 50.85%;}
    .partner1a p{font-size: 18px}
    .partner1a h1{font-size: 22px}
    .well1 p{font-size: 18px}
    .sysystem1 p{font-size: 18px}
    .sypro .custom1{width: 80%}
    .index2{left: 10%}
    .sysystem1 img{width: 75px}
    .about{padding-top: 80px}
    .all5{margin-top: 80px}
}
@media(max-width: 1600px){
    .head{height: 85px}
    .logo{width: 184px;margin-top: 8px}
    .nav{width: 924px;margin-left: -462px}
    .nav li h1{line-height: 85px}
    .nav li h1 a{font-size: 16px;padding: 0 20px}
    .head1{width: 9.5%;margin-top: 30px}
    .ser img{width: 24px}
    .lan{line-height: 27px}
    .pic1{background-size: 90%;width: 45%}
    .syabout{margin-top: 40px}
    .all2{background-size: 100%}
    .pic2{width: 60%;margin-top: 0}
    .sypro .owl-nav .owl-prev,.sypro .owl-nav .owl-next{width: 60px;height: 60px;top: 100px}
    .index7 h1,.index5 h1,.index6 h1,.index9 h1,.index10 h1,.index2 h1,.index1 h1,
    .index3 h1,.index4 h1,.sysystem1 h1,.index8 h1{font-size: 28px}
    .sypro1 h1{font-size: 35px}
    .all3{background-size: 100%}
    .index3{padding-top: 10%}
    .synews ul li,.syhonor li,.index6 ul li{font-size: 20px;height: 40px;line-height: 40px;width: 120px}
    .syhonor1{margin-top: 45px}
    .syhonor2 .owl-nav .owl-prev,.syhonor2 .owl-nav .owl-next{width: 48px;height: 48px}
    .synews3{width: 40%}
    .synews4{width: 57%}
    .synews4 li a{padding: 10px}
    .synews4a p{margin-top: 8px}
    .foot{height: 50px;line-height: 50px}
    .foot2 h1{padding-top: 16px}
    .more2{margin-top: 60px}
    .hide2{height: 75px}
    .hide2a{padding-top: 10px}
    .hide2a h1{font-size: 16px;height: 20px;line-height: 20px;margin-top: 5px}
    .list{height: 70px;line-height: 70px}
    .about1{width: 35%;margin-left: 10%}
    .about3{width: 50%}
    .about3a{width: 80%;margin-right: 10%;font-size: 14px;line-height: 30px}
    .about3a p{font-size: 14px}
    .about3c{width: 50%}
    .about{margin-bottom: 100px}
    .honor{height: 480px}
    .index6 ul{margin-top: 200px}
    .pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{width: 50px !important;height: 50px !important;}
    .pc-banner01 .swiper-container{width: 80% !important}
    .culture li{width: 380px;height: 380px}
    .culture li p{font-size: 14px;line-height: 25px}
    .culture li h1{font-size: 24px}
    .culture li img{width: 50px}
    .all6{width: 1200px;margin-bottom: 80px}
    .person2 p,.person2{font-size: 14px;line-height: 30px}
    .person2 p{margin-top: 5px}
    .person1{font-size: 30px}
    .all6a{padding-top: 50px;padding-bottom: 50px}
    .person{width: 40%}
    .lista{width: 1000px;margin-top: 50px}
    .lista li a{font-size: 16px;}
    .lista li{width: 198px;height: 55px;line-height: 55px}
    .index7{margin-top: 60px}
    .fazhan{width: 1100px}
    .fazhan1a h1{font-size: 24px;width: 150px;height: 50px;line-height: 50px}
    .fazhan1b h1{font-size: 20px}
    .fazhan li:nth-of-type(2n) .fazhan1{width: 50.95%;}
    .all12a,.center{width: 1200px}
    .all12{padding-top: 110px}
    .all12c{width: 550px;padding-top: 50px}
    .all12b{width: 660px}
    .index11{font-size: 26px}
    .all12d p,.all12d,.system2 p,.system2{font-size: 16px;line-height: 30px}
    .system3a,.system4,.system5a,.system2{width: 1000px}
    .system6,.system6 p{width: 1000px;font-size: 16px;line-height: 30px}
    .system6{margin-bottom: 80px}
    .plat,.plat p{width: 1000px;margin-top: 50px;line-height: 30px;font-size: 14px}
    .plat2a p,.plat2a{font-size: 14px;line-height: 30px;}
    .plat2 h1{font-size: 22px}
    .plat2{margin-top: 80px}
    .plat1 li{padding: 50px 14%}
    .detec li{width: 160px;font-size: 20px}
    .listb li a{font-size: 20px}
    .all13{padding-top: 70px}
    .detec1{width: 1050px}
    .detec2 h1{font-size: 18px}
    .detec2 span{font-size: 14px}
    .all14{width: 1100px;margin-top: 60px;padding-top: 60px;padding-bottom: 60px}
    .title2 h1{font-size: 28px}
    .title2 span{font-size: 20px}
    .back1 a{font-size: 16px}
    .back1{margin-top: 40px;margin-bottom: 80px}
    .all15{width: 1200px;margin-bottom: 80px}
    .energy2b p{font-size: 14px}
    .energy2b{line-height: 30px}
    .pro1 h1{font-size: 20px;height: 40px;line-height: 40px}
    .pro2{width: 1150px}
    .pro3,.pro4,.pro5{width: 1150px}
    .pro3 li h1{height: 35px;line-height: 35px;font-size: 14px}
    .energy2b01{min-height: 200px}
    .energy2_1{width: 85%}
    .partner1a{bottom: 50px}
    .partner1a p{font-size: 16px;margin-top: 0}
    .partner1a h1{font-size: 20px}
    .partner{margin-bottom: 80px}
    .all8{padding-top: 80px;padding-bottom: 110px}
    .all9 .owl-nav .owl-prev,.all9 .owl-nav .owl-next{width: 55px;height: 55px}
    .all9 .owl-theme .owl-controls{margin-top: -40px}
    .act2 h1{font-size: 40px;line-height: 40px;height: 40px}
    .act2 span{font-size: 16px;margin-top: 16px}
    .job1 dl dt{font-size: 16px}
    .job1{padding: 0 30px}
    .apply4a input,.apply4b input,.apply4c input{font-size: 16px}
    .well{width: 1000px}
    .well li{width: 250px;}
    .well1 p{font-size: 16px;line-height: 25px;margin-top: 15px}
    .well1 img{padding-top: 75px}
    .all11{padding-top: 0;padding-bottom: 80px}
    .news{width: 1200px}
    .news li{margin-top: 30px}
    .title1{margin-top: 60px;background-size: 100%}
    .title1 h1{font-size: 24px}
    .newsde{width: 1000px}
    .all7{background-size: 100%;padding-bottom: 50px}
    .back a{font-size: 16px}
    .map{width: 1000px;height: 450px}
    .index8{margin-top: 80px}
    .form1a,.form1b{height: 65px;line-height: 65px}
    .form1a label{font-size: 16px}
    .form1a input{font-size: 16px}
    .form1b label{font-size: 16px}
    .form1b input{font-size: 16px}
    .message{width: 1000px;margin-top: 40px}
    .form2 label{font-size: 16px}
    .form2{height: 250px}
    .form2 textarea{height: 200px;font-size: 16px}
    .form3a input,.form3b input{font-size: 16px}
    .banner .owl-theme .owl-controls{bottom: 40px}
}
@media(max-width: 1440px){
    .head{height: 75px}
    .logo{width: 160px;margin-top: 6px}
    .nav{width: 924px;margin-left: -462px}
    .nav li h1{line-height: 75px}
    .nav li h1 a{font-size: 16px;padding: 0 20px}
    .head1{width: 9.5%;margin-top: 25px}
    .ser img{width: 24px}
    .lan{line-height: 27px}
    .syabout1{line-height: 30px;height: 90px;font-size: 14px}
    .syabout1 p{font-size: 14px;}
    .all1{padding-top: 12%}
    .sysystem1 img{width: 65px}
    .index7 h1, .index5 h1, .index6 h1, .index9 h1, .index10 h1, .index2 h1, .index1 h1, 
    .index3 h1, .index4 h1, .sysystem1 h1, .index8 h1{font-size: 26px}
    .sysystem1 p{font-size: 16px}
    .sysystem1 span{margin-top: 25px}
    .sysystem1{bottom: 60px}
    .all2a{padding-top: 16%}
    .all3{background-size: cover;}
    .index3{padding-top: 12%}
    .culture{width: 1200px;}
    .culture li{width: 330px;height: 330px}
    .culture li img{width: 40px;padding-top: 70px}
    .culture li h1{font-size: 22px}
    .culture li h2{margin-top: 15px}
    .culture li p{margin-top: 15px}
    .all6{width: 1000px;padding-bottom: 70px}
    .person1{font-size: 26px}
    .all6a{padding-top: 30px;padding-bottom: 50px;top: 30px}
    .person2 p, .person2{line-height: 25px}
    .person2{width: 90%;margin-top: 15px}
    .fazhan{width: 1000px;padding-top: 30px;margin-bottom: 40px}
    .fazhan1b h1{font-size: 18px}
    .fazhan1a h1{width: 140px;height: 45px;line-height: 45px}
    .fazhan li{margin-top: 60px}
    .all12a, .center{width: 1000px}
    .all12{margin-top: 60px}
    .index11{font-size: 24px}
    .all12b{width: 600px}
    .all12c{width: 530px;padding-top: 30px}
    .system3a, .system4, .system5a, .system2{width: 900px}
    .system4{margin-top: 35px}
    .system5{margin-top: 60px}
    .system4,.system4 p{font-size: 16px;line-height: 30px}
    .system6{margin-top: 40px}
    .plat2{margin-top: 50px}
    .plat1 li{padding: 35px 14%;background-size: 55% 100%}
    .plat1{margin-top: 60px;margin-bottom: 80px}
    .center1{width: 45%;padding: 0 3%;padding-top: 30px;padding-bottom: 30px}
    .center1a h1{font-size: 22px}
    .center1a h2{height: 4px;margin-top: 10px}
    .center1b{line-height: 25px}
    .center1b p{margin-top: 10px}
    .pic12{width: 43%}
    .all13{margin-top: 60px;padding-top: 60px}
    .detec li{font-size: 18px;width: 150px;margin: 0 25px}
    .detec1{width: 1000px}
    .pic13{height: 450px}
    .pic13 span img{max-width: 60%}
    .all14,.title2{width: 900px}
    .title2 h1{font-size: 24px}
    .all14{padding-top: 40px}
    .title2 span{font-size: 16px}
    .content1{width: 700px}
    .listb li{width: 150px;height: 45px;line-height: 45px;margin: 0 25px}
    .listb li a{font-size: 18px}
    .all15{margin-top: 60px;width: 1000px}
    .energy2{width: 80%}
    .pro2{width: 94%;font-size: 14px;line-height: 30px;margin-top: 30px}
    .pro2 p,.pro5a p{font-size: 14px;}
    .pro3, .pro4, .pro5{width: 94%}
    .pro1{margin-top: 45px}
    .pro1 h1{font-size: 18px}
    .energy2b{min-height: 235px}
    .energy2b01{min-height: 180px}
    .concept{width: 1000px}
    .concept li{width: 325px;height: 325px}
    .concept li img{padding-top: 80px}
    .concept li p{font-size: 16px}
    .all8{padding-top: 60px}
    .all9{margin-bottom: 80px}
    .joba{width: 1000px}
    .job1 dl dt:nth-of-type(1){width: 55%}
    .job1 dl dt{width: 22%}
    .job1 dl{width: 95%}
    .job2{width: 94%}
    .job3b{line-height: 25px}
    .job{margin-top: 50px}
    .fenye a{height: 35px;line-height: 35px;padding: 0 12px}
    .fenye{margin-top: 60px;margin-bottom: 80px}
    .all10{width: 1200px}
    .apply{width: 1100px}
    .apply2{width: 48%}
    .apply2a{width: 94%}
    .apply2a label{font-size: 14px;margin-left: 4%;width: 17%}
    .apply2a input{width: 70%;font-size: 14px}
    .apply1 .apply2:nth-of-type(3) .apply2a{background-position: 95% center}
    .apply2a select{font-size: 14px;width: 75%;}
    .apply3a label{font-size: 14px;margin-left: 2%}
    .apply3a{height: 200px;width: 97%}
    .apply3a textarea{height: 170px;font-size: 14px;width: 85%}
    .all10{padding-top: 40px;padding-bottom: 80px;margin-bottom: 80px}
    .apply4{margin-top: 50px}
    .apply4a,.apply4b,.apply4c{width: 140px;height: 45px}
    .news{width: 1000px}
    .news1{margin-top: 15px}
    .news1 h1{font-size: 18px}
    .news1 p{margin-top: 10px}
    .news2a h2{font-size: 32px}
    .news2{margin-top: 10px}
    .news li{padding-bottom: 20px}
    .xyp{width: 1000px;margin-top: 40px}
    .xyp1{width: 25%}
    .xyp2{width: 66%}
    .xyp2 p{line-height: 20px;height: 40px;margin-top: 10px}
    .banner .owl-nav .owl-prev,.banner .owl-nav .owl-next{width: 60px;height: 60px}
}
@media(max-width: 1366px){
    .all2a{padding-top: 10%}
    .index3{padding-top: 9%}
    .syhonor{margin-top: 30px}
    .all1,.all4{padding-top: 8%}
    .pic1{margin-top: 30px}
    .fazhan li:nth-of-type(2n) .fazhan1{width: 51%}
    .index8{margin-top: 60px}
    .message{margin-top: 30px}
    .form1a, .form1b{height: 55px;line-height: 55px}
    .form2{height: 200px}
    .form2 textarea{height: 170px}
}
@media(max-width: 1024px){
    .head{height: 65px}
    .logo{width: 160px;margin-top: 6px}
    .section,.fp-tableCell{height: auto !important}
    #fp-nav.right,.banner{display: none}
    .head{padding: 0 3%;width: 94%}
    .nav{display: none}
    .head1{width: auto;margin-top: 20px}
    .banner-phone{display: block;}
    .all1{width: 94%;padding-top: 40px}
    .syabout2{left: 1%;width: 45px}
    .pic1{margin-top: 0}
    .syabout{margin-top: 25px}
    .all1a{width: 50%;opacity: 1;transform: translateX(0);}
    .pic1{padding-bottom: 25px;opacity: 1;transform: translateX(0);}
    .pic1 img{width: 94%}
    .sysystem{margin-top: 40px}
    .sysystem1{bottom: 40px;opacity: 1;transform: translateY(0);}
    .sysystem1 p{font-size: 14px}
    .sysystem1 span{margin-top: 15px}
    .sysystem1 h1{margin-top: 25px}
    .all2a{width: 94%;padding-top: 50px;padding-bottom: 40px;opacity: 1;transform: translateY(0);}
    .sypro .owl-nav .owl-prev, .sypro .owl-nav .owl-next{width: 50px;height: 50px}
    .sypro1 h1{font-size: 30px}
    .index3{padding-top: 50px;opacity: 1;transform: translateY(0);}
    .syhonor{opacity: 1;transform: translateY(0);}
    .syhonor1{opacity: 1;transform: translateY(0);}
    .all4a{opacity: 1;transform: translateX(0);width: 17%}
    .synews1{opacity: 1;transform: translateX(0);width: 82%}
    .syhonor1{width: 94%}
    .syhonor2 .owl-nav .owl-prev, .syhonor2 .owl-nav .owl-next{width: 40px;height: 40px}
    .all4{width: 94%;padding-bottom: 80px;padding-top: 60px}
    .foot{position: static !important;}
    .synews{margin-top: 15px}
    .more2 span{font-size: 12px}
    .synews ul li, .syhonor li, .index6 ul li{font-size: 16px;height: 35px;line-height: 35px}
    .more2{margin-top: 10px}
    .synews4b h1{line-height: 35px}
    .index1,.syabout{padding-left: 8%}
    .syhonor2 .custom1{display: none !important;}
    .syhonor2 .custom2{display: block !important;}
    .syhonor{margin-top: 20px}
    .all3{padding-bottom: 60px}
    .syhonor1{margin-top: 30px}
    .syhonor li{margin: 0 20px}
    .menu{display: block;}
    .lan{margin-right: 10px}
    .list{height: 60px;line-height: 60px;overflow-x: auto;white-space: nowrap;}
    .list li a{padding: 0 30px}
    .about{padding-top: 60px;background-size: 80%;margin-bottom: 60px}
    .about1{width: 50%;float: none;margin: auto;}
    .index5 h1{text-align: center;}
    .pic4{margin-top: 40px}
    .about3{width: 94%;float: none;margin: auto;margin-top: 40px}
    .about3a{width: 100%;margin: 0}
    .about3c{margin: auto}
    .close1{right: 20px;top: 20px;width: 20px}
    .all5{width: 94%;margin-top: 60px}
    .index6{width: 100%;float: none;text-align: center;margin-top: 0}
    .index6 ul{margin-top: 40px}
    .index6 ul li{display: inline-block;vertical-align: top;margin-top: 0;margin: 0 25px}
    .honor{width: 100%;float: none;margin-top: 40px;padding-top: 40px;height: 530px}
    .pc-banner01 .swiper-container{width: 85% !important}
    .all5{margin-bottom: 60px}
    .culture{width: 94%;margin-top: 50px;margin-bottom: 60px}
    .culture li{width: 260px;height: 260px}
    .culture li img{padding-top: 33px}
    .culture li p{line-height: 20px}
    .all6{width: 94%;margin-top: 40px;padding-bottom: 0;margin-bottom: 60px}
    .person{margin: auto;}
    .all6a{width: 70%;margin: auto;position: static;top: auto;right: auto;margin-top: 50px}
    .lista{width: 94%;margin-top: 40px}
    .lista li{width: 19.7%;margin-left: 0.35%}
    .show{margin-top: 50px;margin-bottom: 60px}
    .pc-banner .swiper-button-prev, .pc-banner .swiper-button-next{width: 40px !important;height: 40px !important;}
    .fazhan{width: 94%}
    .fazhan1a{padding-left: 24%}
    .fazhan li:nth-of-type(2n) .fazhan1a{padding-right: 24%}
    .fazhan1b{padding-left: 25%}
    .fazhan li:nth-of-type(2n) .fazhan1b{padding-right: 25%}
    .fazhan li{margin-top: 30px}
    .fazhan1{margin-top: 80px;width: 50.95%}
    .all12a, .center{width: 94%;}
    .all12{padding-top: 90px}
    .all12d p, .all12d, .system2 p, .system2{line-height: 25px}
    .system1{width: 90%}
    .system3{margin-top: 50px;padding-top: 50px}
    .system3a, .system4, .system5a, .system2,.system6, .system6 p{width: 94%}
    .system5{padding-top: 50px}
    .system6{margin-bottom: 60px}
    .plat{margin-top: 20px;width: 94%}
    .plat p{margin-top: 0;width: 100%}
    .plat1 li{padding: 25px 3%}
    .plat1{margin-top: 30px}
    .all13a{width: 94%}
    .detec1{width: 100%}
    .detec li{font-size: 16px;width: 140px}
    .all13{padding-bottom: 50px;margin-bottom: 60px}
    .all14{width: 94%}
    .content1{width: 90%}
    .back1{margin-bottom: 60px}
    .listb li a{font-size: 16px}
    .all15{width: 94%;margin-top: 40px}
    .listb li{margin: 0 20px}
    .energy2{width: 90%}
    .pro2,.pro5a{line-height: 25px}
    .banner1 .owl-theme .owl-controls{bottom: 15px}
    .partner{width: 94%}
    .partner li{margin-top: 35px}
    .partner1a h1{font-size: 18px}
    .partner1a p{font-size: 14px}
    .concept,.joba{width: 94%}
    .concept li{width: 32.6%;margin-left: 1%}
    .all9{width: 94%;margin-top: 40px;margin-bottom: 60px}
    .all9 .owl-nav .owl-prev, .all9 .owl-nav .owl-next{width: 45px;height: 45px}
    .job3a{margin-top: 10px}
    .all10{width: 94%;margin-top: 60px}
    .apply{width: 94%;margin-top: 10px}
    .apply2a label{width: 19%}
    .apply2a_1 label{width: 22%}
    .apply4a, .apply4b, .apply4c{width: 120px;}
    .apply4{margin-top: 40px}
    .all10{padding-bottom: 60px}
    .apply2a select{width: 72%}
    .well{width: 94%}
    .well li{margin-left: 105px;margin-top: 40px}
    .news{width: 94%;margin-top: 15px}
    .newsde,.xyp{width: 94%}
    .all7{padding-bottom: 10px}
    .xyp li{width: 48%}
    .xyp{margin-bottom: 60px}
    .title1 h1{font-size: 20px}
    .title1{margin-top: 50px;padding-bottom: 30px}
    .map{width: 94%;margin-top: 30px;margin-bottom: 60px}
    .message,.all14, .title2{width: 94%}
}
@media(max-width: 768px){
    .head{height: 60px;}
    .logo{width: 140px}
    .head1{margin-top: 17px}
    .syabout2{display: none}
    .index1, .syabout{padding-left: 0}
    .all1a{margin-top: 10px}
    .syabout{margin-top: 15px}
    .more1{margin-top: 30px}
    .sysystem1{width: 90%;margin-left: -45%;bottom: 30px}
    .all2{background-size: cover;}
    .index7 h1, .index5 h1, .index6 h1, .index9 h1, .index10 h1, .index2 h1, .index1 h1, .index3 h1,
    .index4 h1, .sysystem1 h1, .index8 h1{font-size: 24px}
    .sysystem1 img{width: 50px}
    .sypro1 h1{font-size: 26px}
    .sypro .owl-nav .owl-prev, .sypro .owl-nav .owl-next{width: 40px;height: 40px}
    .all4a{float: none;width: 100%;text-align: center;}
    .index4{text-align: center;}
    .synews ul li{display: inline-block;vertical-align: top}
    .synews ul{float: none;}
    .all4{padding-top: 40px}
    .more2{display: none}
    .synews ul li:nth-of-type(3){display: inline-block;vertical-align: top}
    .synews1{width: 100%;float: none;margin-top: 40px}
    .synews4 li a{padding-left: 0;padding-right: 0}
    .all4{padding-bottom: 60px}
    .foot{height: auto;line-height: 20px;text-align: center;padding: 10px 0}
    .foot1{float: none;margin-left: 0;}
    .foot1a,.foot1b{float: none;display: inline-block;vertical-align: top}
    .foot2{float: none;margin-right: 0;margin-top: 5px}
    .foot2 h1{padding-top: 0}
    .about{padding-top: 40px}
    .about1{width: 60%}
    .about3c{width: 65%}
    .all5,.index7{margin-top: 40px}
    .index6 ul{margin-top: 30px}
    .honor{height: 420px}
    .culture li{margin: 0 5px;width: 230px;height: 230px}
    .culture li h1{font-size: 20px}
    .culture li img{width: 35px}
    .culture{margin-top: 40px}
    .person{width: 60%}
    .all6a{width: 100%}
    .lista li a{font-size: 14px}
    .lista li{height: 45px;line-height: 45px}
    .show{margin-top: 30px}
    .pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{margin-top: 0}
    .pic7{width: 45%}
    .fazhan1a h1{font-size: 20px;width: 120px;height: 40px;line-height: 40px}
    .fazhan1a{padding-left: 11%}
    .fazhan1b{padding-left: 13%;}
    .fazhan1b h1{font-size: 16px}
    .fazhan li:nth-of-type(2n) .fazhan1a{padding-right: 11%}
    .fazhan li:nth-of-type(2n) .fazhan1b{padding-right: 13%}
    .fazhan1{margin-top: 70px;width: 51.4%}
    .fazhan li:nth-of-type(2n) .fazhan1{width: 51.4%}
    .system4, .system4 p{font-size: 14px;line-height: 25px}
    .all12d p, .all12d, .system2 p, .system2{font-size: 14px}
    .system6, .system6 p{font-size: 14px;line-height: 25px}
    .system6{margin-top: 20px}
    .all12{margin-top: 40px}
    .plat2 h1{font-size: 20px;padding-left: 8%}
    .plat2a{padding-left: 8%;margin-top: 15px}
    .plat2a p, .plat2a{line-height: 25px}
    .plat2{margin-top: 15px}
    .plat1 li:nth-of-type(2n) .plat2 .plat2a{padding-right: 8%}
    .plat1 li{margin-top: 25px}
    .plat1{margin-bottom: 60px}
    .center{margin-top: 40px}
    .pic12{float: none;margin: auto;width: 50%}
    .center1{width: 94%;float: none;margin-top: 30px}
    .all13{margin-top: 40px;padding-top: 40px}
    .detec li{height: 40px;line-height: 40px;width: 125px;margin: 0 15px}
    .detec1 li{margin-top: 25px}
    .pic13{height: 300px}
    .all14{margin-top: 40px}
    .title2 h1{font-size: 20px}
    .content1{margin-top: 20px}
    .content1,.content1 p{font-size: 14px;line-height: 25px}
    .partner1 img{width: 90%;padding-top: 40px}
    .partner li{width: 32.5%;margin-left: 1.1%}
    .partner1a{width: 94%;left: 3%;bottom: 25px}
    .concept li{height: 240px}
    .concept li img{width: 40px;padding-top: 50px}
    .all8{padding-bottom: 80px;padding-top: 40px;}
    .concept{margin-top: 40px}
    .all9 .custom2{display: block !important}
    .all9 .custom1{display: none !important}
    .act3{font-size: 18px}
    .job1{padding: 0 20px}
    .fenye{margin-top: 40px;margin-bottom: 60px}
    .job1 dl dt:nth-of-type(1){width: 45%}
    .job1 dl dt{width: 27%}
    .apply2{width: 100%;float: none;margin-top: 0}
    .apply2a{margin-top: 10px}
    .apply2a label{width: 13%}
    .apply2a select{width: 78%}
    .apply2a_1 label{width: 14%}
    .apply2a{width: 97%}
    .apply3{margin-top: 10px}
    .apply3a{height: 175px}
    .apply3a textarea{height: 140px;width: 72%}
    .all10{margin-bottom: 60px;padding-bottom: 50px}
    .well li{width: 30%;margin-left: 4.7%}
    .well1 p{font-size: 14px;line-height: 20px;margin-top: 8px}
    .well1 img{width: 40px;padding-top: 70px}
    .all11{margin-top: 40px;padding-bottom: 60px}
    .title1{padding-bottom: 20px;margin-top: 40px}
    .title1 span{margin-top: 5px}
    .newsde{margin-top: 25px}
    .contact{width: 94%;padding-top: 20px}
    .contact li{width: 48%;margin-top: 10px}
    .contact li:nth-of-type(3n-2){width: 48%}
    .map{height: 350px}
    .form1a, .form1b{width: 100%;float: none}
    .form1b label,.form1a label{width: 15%}
    .form2 label{width: 15%;margin-top: 20px}
    .form2 textarea{margin-top: 20px}
    .close2{top: 20px;right: 20px}
    .active_02{height: 200px !important}
    .search1{padding-top: 110px;width: 94%}
    .demo1a{width: 94%;margin-left: -47%;height: 450px;margin-top: -225px}
    .demo1a video{height: 350px}
}
@media(max-width: 580px){
    .head{height: 50px;}
    .logo{margin-top: 7px;width: 120px}
    .ser img{width: 20px}
    .menu img{width: 20px}
    .lan li a{font-size: 14px}
    .head1{margin-top: 13px;}
    .lan{line-height: 24px}
    .banner-phone,.banner1{padding-top: 50px}
    .nav_phone ul li{margin-top: 15px}
    .all1{padding-top: 30px}
    .all1a{width: 100%;float: none;margin-top: 0}
    .pic1{width: 100%;float: none;margin-top: 20px;background: none}
    .pic1 img{width: 100%}
    .more1{margin-top: 15px}
    .sysystem li{width: 49%;margin-top: 10px}
    .sysystem li:nth-of-type(2n){float: right}
    .sysystem{margin-top: 0}
    .sysystem1 span{margin-top: 5px}
    .sysystem1 h1{font-size: 20px;margin-top: 15px}
    .all2a{margin-top: 30px}
    .index2{position: static;width: 100%;text-align: center;}
    .all2a{padding-top: 30px;padding-bottom: 50px}
    .sypro1{width: 100%;float: none;text-align: center;}
    .pic2{width: 100%}
    .sypro1 h1{font-size: 22px}
    .sypro .owl-nav .owl-prev, .sypro .owl-nav .owl-next{top: 150px}
    .synews3{width: 100%;float: none}
    .synews4{width: 100%;float: none;margin-top: 5px}
    .synews1{margin-top: 25px}
    .list{height: 50px;line-height: 50px}
    .list li a{font-size: 14px;padding: 0 20px}
    .banner1 .owl-theme .owl-controls{bottom: 0}
    .banner1 .owl-theme .owl-dots .owl-dot span{width: 20px;height: 4px;margin: 0 3px}
    .about{padding-top: 30px}
    .about1{width: 94%}
    .pic4{margin-top: 30px}
    .about3{margin-top: 20px}
    .about3a{line-height: 25px}
    .about3c{width: 100%}
    .about3b{margin-top: 20px}
    .about{margin-bottom: 50px}
    .index6 ul li{margin: 0 10px}
    .honor{padding-top: 20px;margin-top: 20px;height: auto;padding-bottom: 30px}
    .index6 ul{margin-top: 20px}
    .honor1{margin-bottom: 20px}
    .all5{margin-bottom: 50px}
    .culture{margin-top: 10px}
    .culture li{width: 80%;height: 73vw;margin-top: 20px}
    .culture li img{width: 50px;padding-top: 15vw}
    .culture li h1{font-size: 24px}
    .culture li h2{margin-top: 8px}
    .person{width: 100%}
    .all6a{margin-top: 30px}
    .lista li{width: 24.4%;margin-left: 0.8%}
    .lista li:nth-of-type(4n-3){margin-left: 0}
    .lista li:nth-of-type(5n-4){margin-left: 0.8%}
    .lista li:nth-of-type(1){margin-left: 0}
    .show .button{margin-top: -20px}
    .show .pc-banner .swiper-button-prev{left: 3%;background: #258be5 url(../img/left1a.png) center no-repeat;border-color: #258be5;}
    .show .pc-banner .swiper-button-next{right: 3%;background: #258be5 url(../img/right1a.png) center no-repeat;border-color: #258be5;}
    .lista{margin-top: 30px}
    .show{margin-bottom: 50px}
    .fazhan{margin-top: 30px;background-position: 2.5vw center;padding-top: 0;padding-bottom: 20px}
    .fazhan1{width: 100%;float: none;margin-top: 0}
    .pic7{width: 90%;padding-left: 10%;margin-top: 20px}
    .fazhan li:nth-of-type(2n) .fazhan1a h1{background: url(../img/bg15.png) center no-repeat;background-size: 100% 100%}
    .fazhan li:nth-of-type(2n) .fazhan1a{padding-right: 0;padding-left: 11%;background: url(../img/bg17.png) left center no-repeat;}
    .fazhan li:nth-of-type(2n) .fazhan1{width: 100%}
    .fazhan li:nth-of-type(2n) .fazhan1a h1{float: left}
    .fazhan li:nth-of-type(2n) .fazhan1b{padding-right: 0;padding-left: 11%;text-align: left}
    .all12b,.all12c{width: 100%}
    .all12c{padding-top: 10px;}
    .index11{font-size: 20px;padding-bottom: 20px;background-size: 30px 4px;}
    .system2{margin-top: 20px}
    .system3{margin-top: 30px;padding-top: 30px}
    .system4{margin-top: 25px}
    .system5{padding-top: 30px;margin-top: 30px;padding-bottom: 20px}
    .system6 p{width: 100%}
    .system6{margin-bottom: 50px}
    .plat{text-align: left}
    .plat1 li{background: none;padding-top: 0;padding-bottom: 0}
    .pic11{width: 100%;float: none;}
    .plat2{width: 100%;float: none}
    .plat2 h1,.plat2a{padding-left: 0}
    .plat1 li:nth-of-type(2n) .pic11{float: none}
    .plat1 li:nth-of-type(2n) .plat2 .plat2a{padding-right: 0}
    .plat1{margin-bottom: 50px}
    .pic12{width: 90%}
    .center{margin-top: 30px}
    .center1a h1{font-size: 20px}
    .center1{padding-top: 20px}
    .center1b{margin-top: 20px}
    .pic13{height: 200px}
    .pic13 span img{max-width: 80%}
    .detec2 h1{font-size: 16px}
    .detec1 li{margin-top: 15px}
    .all13{padding-bottom: 40px;margin-bottom: 50px}
    .all14{padding-top: 30px;padding-bottom: 40px}
    .listb li{width: 30%;margin: 0 0.5%}
    .listb li a{font-size: 14px}
    .listb{margin-top: 30px}
    .energy1{width: 100%;float: none;margin-top: 20px}
    .all15{margin-top: 10px}
    .pro3 li{width: 49%;margin: 0;margin-top: 10px}
    .pro3 li:nth-of-type(2n){float: right}
    .pro2{margin-top: 20px}
    .all15{margin-bottom: 50px}
    .energy2b_01{min-height: 170px}
    .pro1{margin-top: 30px}
    .pro4 li{width: 49%;margin: 0;margin-top: 10px;}
    .pro4 li:nth-of-type(2n){float: right}
    .container1{width: 100%;margin: 0;margin-top: 20px}
    .pro5a{width: 100%;float: none;}
    .pro5b{width: 100%;float: none;margin-top: 20px}
    .pro5{margin-top: 20px}
    .pro2hxl img{width: 100%;float: none}
    .pro2hxl img:nth-of-type(2n){float: none}
    .partner li{width: 100%;margin-top: 20px;margin-left: 0}
    .pic8{height: 300px}
    .partner1 img{max-width: 50%;padding-top: 80px}
    .partner1a p{margin-top: 10px}
    .partner1a{bottom: 40px}
    .partner{margin-bottom: 50px}
    .concept li{width: 49%;margin: 0;margin-top: 10px;height: 210px}
    .concept li:nth-of-type(2n){float: right}
    .concept li p{font-size: 14px;line-height: 25px}
    .all8{padding-bottom: 50px}
    .job1 dl dt{font-size: 14px}
    .job1{height: auto;line-height: 20px;padding: 20px 2%}
    .job1 span{display: none}
    .job1 dl{width: 100%}
    .job1 dl dt:nth-of-type(2){width: 30%}
    .job1 dl dt:nth-of-type(3){width: 24%}
    .job{margin-top: 30px}
    .all10{margin-top: 30px;padding-top: 30px;padding-bottom: 30px;margin-bottom: 50px}
    .apply2a label{width: 22%}
    .apply2a select{width: 70%}
    .apply2a_1 label{width: 25%}
    .apply2a input{width: 68%}
    .apply3a textarea{width: 90%;float: none;margin: auto;display: block;}
    .apply4a input, .apply4b input, .apply4c input{font-size: 14px}
    .apply4a,.apply4b,.apply4c{margin-right: 0;width: 29%;margin: 0 1%;height: 40px}
    .apply4{margin-top: 25px}
    .all11{margin-top: 30px}
    .well li{width: 48%;margin: 0;margin-top: 20px}
    .well li:nth-of-type(2n){float: right}
    .well1 img{width: 35px;padding-top: 50px}
    .news li{width: 100%;margin-top: 20px}
    .title1{width: 94%;background: none;border-bottom: 1px solid #dfdfdf;margin: auto;margin-top: 30px}
    .title1 h1{font-size: 18px}
    .newsde{margin-top: 20px}
    .xyp li{width: 100%;margin-top: 10px}
    .xyp{margin-bottom: 50px;margin-top: 20px}
    .xyp2 span,.xyp2 p{display: none}
    .xyp li{height: auto;padding: 10px 0}
    .xyp1,.xyp2{height: auto;line-height: 30px;margin-top: 0;font-size: 16px}
    .xyp2 h1{height: 30px;line-height: 30px;font-size: 16px}
    .contact li:nth-of-type(3n-2){width: 100%}
    .contact li{width: 100%}
    .map{height: 250px}
    .close2{width: 25px}
    .form1b label, .form1a label,.form2 label{width: 25%}
    .form1a input{width: 62%}
    .form3a,.form3b{width: 35%}
    .form2 textarea{width: 70%;height: 120px}
    .message{margin-top: 20px}
    .form2{height: 150px}
    .form3{margin-top: 20px}

















}