@media(max-width:1600px) {}

@media(max-width:1440px) {}

@media(max-width:1366px) {}

@media(max-width:1280px) {}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }

    .head {
        display: none;
    }

    .logo {
        float: left;
        width: auto;
        height: auto;
        line-height: unset;
    }

    .logo img {
        width: 200px;
    }
}

@media(max-width:768px) {
    .title {
        font-size: 24px;
    }

    .abtitle {
        font-size: 18px;
    }

    .pmore a {
        display: inline-block;
        width: 190px;
        height: 42px;
        line-height: 40px;
        font-size: 16px;
    }

    .about {
        padding: 20px 15px;
    }
    
    .abouts{
        flex-direction: column;
        width: 100%;
        margin: 20px auto 0;
    }
    
    .left_ab {
        width: 100%;
    }
    
    .right_ab {
        width: 100%;
    }
    
    .abtitle {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    .abtitle div {
        width: 49%;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }
    
    .abcon {
        font-size: 16px;
        line-height: 2.55;
        margin-top: 10px;
    }
    
    .abmore {
        margin-top: 20px;
        text-align: right;
    }
    
    .abmore img{
        width: 30px;
        height: auto;
    }
    
    .sj {}
    
    .sj_top {
        font-size: 16px;
    }
    
    .sj_top b {
        font-size: 20px;
    }
    
    .sj_bot {
        font-size: 16px;
    }

    .abtm{
        display: none;
    }

    .product {
        padding: 30px 15px;
    }

    .products{
        width: 100%;
    }
    
    .product .title,
    .product .titles{
        color: #fff;
        text-align: center;
    }

    .proswiper a{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .prolook{
        padding: 10px 15px;
    }
    
    .lkdeta {
        width: 100px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }
    
    .lkright {
        width: 35px;
        height: 35px;
        font-size: 24px;
        line-height: 35px;
    }
    
    .proswiper a:hover .lkdeta{
        width: 100px;
    }

    .products .swiper-pagination{
        display: none;
    }

    .equipment{
        padding: 20px 15px;
    }

    .eqbtm img{
        width: 40px;
        height: auto;
        cursor: pointer;
        margin: 20px 20px 0;
    }
    /*  */
    .programme{
        padding: 20px 15px;
    }
    
    .progamtop{
        position: relative;
        width: 100%;
        left: 0;
    }
    
    .progamtop .title,
    .progamtop .titles{
        color: #fff;
        text-align: center;
    }
    
    .programmes{
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }
    
    .programSwiper a{
        display: block;
        padding-top: 0;
    }
    
    .grambox {
        display: block;
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0 10px;
        border-top: 10px solid #124c7e;
    }
    
    .grambox p {
        font-size: 16px;
        line-height: 2.3;
    }
    
    .gramcont {
        font-size: 16px;
        line-height: 2.3;
    }
    
    .grambox a {
        font-size: 16px;
        line-height: 2.3;
    }
    
    .gramtime {
        font-size: 16px;
        line-height: 2.3;
        margin-bottom: 30px;
    }
    
    .grambtm{
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0,0);
        display: flex;
        justify-content: space-between;
        z-index: 99;
    }
    
    .grambtm img{
        cursor: pointer;
    }
    
    .programmes .swiper-pagination{
        display: none;
    }

    .cooperative{
        padding: 20px 15px;
    }
    
    .cooptop{
        width: 100%;
        margin: auto;
    }
    
    .copt1 {
        font-size: 18px;
        line-height: 1.2;
    }
    
    .copt2 {
        font-size: 12px;
        line-height: 2.3;
    }

    .cooperatives{
        width: 100%;
    }

    .new {
        padding: 20px 15px;
    }
    
    .news {
        width: 100%;
        height: auto;
        padding: 10px;
        margin: 20px auto 0;
    }
    
    .nw {
        flex-direction: column;
    }
    
    .newpic{
        width: 100%;
    }
    
    .newbot {
        width: 100%;
    }
    
    .newbot a{
        display: flex;
        border-bottom: 1px solid #07457a;
        padding: 15px 0;
    }
    
    .newtitle {
        width: 100%;
        font-size: 16px;
    }
    
    .newcon {
        font-size: 14px;
        margin-top: 10px;
    }
    
    .newbots {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-right: 0.375rem;
    }
    
    .newdate {
        font-size: 14px;
        color: #000;
    }
    
    .newmore {
        font-size: 16px;
        color: #000;
    }
    
    .news .nw:nth-child(even){
        flex-direction: column;
    }

    .newbot a div:nth-child(2){
        width: 90%;
    }

    .footb {
        height: auto;
        padding: 20px 15px;
    }

    .foot {
        height: auto;
        padding: 20px 15px;
    }
    
    .fotop{
        display: none;
    }
    
    .foots {
        width: 100%;
        flex-direction: column;
    }
    
    .flogo{
        width: 264px;
    }
    
    .flogo img{
        width: 100%;
        height: auto;
    }
    
    .fcon {
        font-size: 14px;
        color: #fff;
        line-height: 2.3;
    }  
    
    .fcontact {
        margin-top: 0;
    }
    
    .fnav img{
        width: 120px;
        height: auto;
    }
    
    .ftitle {
        font-size: 16px;
        color: #fff;
        line-height: 2.3;
    }
    
    .flist p {
        font-size: 14px;
        color: #fff;
        line-height: 3;
    }

    .companystyle{
        padding: 20px 15px;
    }
    
    .compbtm img{
        width: 40px;
        height: auto;
        cursor: pointer;
        margin: 20px 20px 0;
    }

    .develop {
        padding: 20px 15px;
    }
    
    .develops {
        width: 100%;
        margin: 0 auto 0;
    }
    
    .deve_btm {
        padding: 0;
        background: url(../images/appline.png) center no-repeat;
        background-size: 90% 1px;
    }
    
    .deve_btm a{
        height: 300px;
    }
      
    .appname {
        margin-top: 0;
        font-size: 16px;
        padding: 20px 0;
    }
    
    .appcont {
        height: 150px;
        font-size: 14px;
        color: #fff;
        line-height: 2;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .deve_btm .swiper-button-prev {
        width: 25px;
        height: 25px;
        background: url(../images/left_app.png) center no-repeat;
        left: 0;
        top: 53%;
    }
    
    .deve_btm .swiper-button-next {
        width: 25px;
        height: 25px;
        background: url(../images/right_app.png) center no-repeat;
        right: 0;
        top: 53%;
    }
    
    .flowsheet{
        padding: 20px 15px;
    }
    
    .flowsheets{
        width: 100%;
    }

    .gywm {
        padding: 20px 0 10px;
    }

    .concact_us {
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
        padding: 0 15px;
    }

    .concact_us div {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        padding: 30px 0;
    }

    .concact_us div img {
        height: 35px;
    }

    .concact_us div p:nth-child(2) {
        font-size: 14px;
        line-height: 2;
        margin-top: 15px;
    }

    .contact {
        padding: 0 15px 20px;
    }

    .contact form {
        width: 100%;
        margin: 20px auto 0;
    }

    .contactTitle input {
        width: 100%;
        height: 40px;
        float: left;
        padding-left: 10px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .contactTextarea {
        width: 100%;
        height: 80px;
        padding-left: 10px;
        font-size: 14px;
        padding-top: 15px;
    }

    .contactubmit {
        margin-top: 0px;
    }

    .contactubmit input {
        width: 100%;
        height: 40px;
        font-size: 14px;
        border: 1px solid #d2d2d2;
    }

    .contacts{
        flex-direction: column;
        width: 100%;
        margin: 20px auto;
    }

    .gmap {
        width: 100%;
        height: 300px;
    }

    .BMap_bubble_title {
        font-size: 16px;
    }

    .BMap_bubble_content {
        font-size: 14px;
    }

    .inabouts{
        width: 100%;
        padding: 0 15px;
    }
    
    .inabox{
        flex-direction: column;
        margin-bottom: 15px;
    }
    
    .inabox:nth-child(even){
        flex-direction: column;
    }
    
    .inabox:nth-child(even) .inableft{
        padding-left: 0;
    }
    
    .inabox img{
        width: 100%;
        height: auto;
    }
    
    .inableft{
        padding-left: 0;
    }
    
    .inabtitle {
        font-size: 16px;
        margin: 10px 0 0;
    }
    
    .inabcont {
        font-size: 14px;
        line-height: 2;
    }
    
    .inshuju{
        display: flex;
        margin: 15px 0;
    }

    .threeflex{
        padding: 20px 15px;
    }
    
    .threeflexs{
        width: 100%;
    }
    
    .threeflexs a{
        width: 49.5%;
        margin-right: calc(1%);
    }
    
    .threeflexs a:nth-child(3n){
        margin-right: 1%;
    }

    .threeflexs a:nth-child(2n){
        margin-right: 0;
    }
    
    .threeflexs a div{
        height: 35px;
        font-size: 16px;
        line-height: 35px;
    }

    .fourflex{
        padding: 20px 15px;
    }
    
    .fourflexs{
        width: 100%;
    }
    
    .fourflexs a{
        width: 49.5%;
        margin-right: calc(1%);
    }
    
    .fourflexs a:nth-child(4n){
        margin-right: 1%;
    }

    .fourflexs a:nth-child(2n){
        margin-right: 0;
    }

    .forfbtm{
        padding: 15px 10px;
    }
    
    .forfbtm div {
        width: 90px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    
    .fcoimg{
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .proshow{
        padding: 20px 5px;
    }
    
    .proshows{
        width: 100%;
    }
    
    .protable{
        margin-bottom: 15px;
    }
    
    .protbtitle{
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .protable table {
        font-size: 12px;
        border-radius: 10px;
        border-spacing: 0;
        border: 1px solid #cdd8eb;
        overflow: hidden;
    }

    .section{
        padding: 20px 0;
    }

    .rcase_tit {
        width: 35px;
        height: 40px;
    }

    .rcase_tit img{
        width: 100%;
        height: auto;
    }
    
    .rcase_con {
        font-size: 18px;
        line-height: 2;
        margin-top: 20px;
    }

    .lcase a img {
        width: 100%;
        height: 435px;
    }

    .innews{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 20px auto 0;
    }

    .innew_list li {
        border: 1px solid #e9e9e9;
        box-shadow: 0px 10px 12px 0px rgba(9, 2, 4, 0.06);
        padding: 15px;
        background: #fff;
        margin-bottom: 15px;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    .innew_list li a{
        display: flex;
        flex-direction: column;
    }
    
    .innew_list li .inleftimg{
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    
    .innew_list li .newmore {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 99px;
        height: 41px;
        line-height: 41px;
        text-align: left;
        font-size: 14px;
        color: #666666;
        border: 1px solid #d9d9d9;
        border-radius: 30px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    .newshow{
        padding: 20px 15px;
    }
    
    .newshows{
        width: 100%;
        margin: 10px auto 0;
    }

    .neswtitle {
        font-size: 16px;
        line-height: 2;
    }
}

@media(max-width:420px) {}

@media(max-width:376px) {}

@media(max-width:360px) {}