@media only screen and (max-width:780px) {

    /*=============手机隐藏样式样式==================*/
    .display-n,
    .conright {
        display: none !important;
    }

    .catmore {
        display: none;
    }


    /*===========海报样式==================*/
    .banner .swiper-slide a {
        display: block;
        height: 100%;
    }

    .banner-con {
        position: relative;
        margin: 0 auto;
        z-index: 3;
        height: 100%;
        display: flex;
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
        top: -100%;
    }

    .banner-con ol {
        position: relative;
        width: 70%;
        margin: 0 auto;
        display: flex;
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
        top: 0;
        height: auto;
    }

    .banner-con ol>div {
        position: relative;
        overflow: hidden;
    }

    .banner-con ol h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .banner-con ol p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .banner-con ol img {
        width: 100%;
        height: initial;
    }

    /*=============公共样式==================*/
    .index-title h2 {
        font-size: 20px;
    }

    .index-title span {
        font-size: 12px;
        margin: 3px auto 6px;
    }


    /*=============模块一样式==================*/
    .container-title ul {
        width: 100%;
        display: block;
        text-align: center;

    }

    .section2 .conright a {
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
    }

    .catmore {
        right: 5%;
        position: absolute;
        display: block;
        padding: 5px;
        border-radius: 5px;
        background: #de2531;
        color: #fff;
        top: 0;
        width: 60px;
    }

    .container-title li,
    .container-title .swiper-pagination-bullet {
        margin-bottom: 5px;
        width: 30%;
        border-radius: 0px;
        background: initial;
        color: #333;
        border: 1px solid #003048;
        opacity: 1;
        outline: none;
    }

    .container-title .swiper-pagination-bullet-active {
        background: #de2531;
        color: #fff;
    }

    .section .hd li p,
    .container-title li {
        float: none;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
        transition: 1s ease-in-out .05s;
    }

    .section .hd li p {
        width: 100%;
        transition: 1s ease-in-out .05s;
    }

    .container-title li {
        padding: 0 3px;
        box-sizing: border-box;
    }

    .section1-con .conleft,
    .section1-con .concenter {
        width: 100%;
    }

    .section1-con {
        background-image: initial;
    }

    .section .hd {
        width: 100% !important;
    }

    .slidesection1 .swiper-pagination {
        position: relative;
    }

    .section1-con .hd li {
        float: none;
        width: auto;
        text-align: center;
        margin-bottom: 2%;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #de2531;
        color: #1e1e1e;
        cursor: pointer;
        text-align: center;
        padding: 0px 3px;
        border-radius: 0px;
        transition: 1s ease-in-out .2s;
        width: 32.5% !important;
        /* margin: 1% 0.3%; */
        box-sizing: border-box;
        overflow: hidden;
        min-height: 28px;
        background: initial;
        opacity: 1;
        -moz-user-select: none;
        /*火狐*/
        -webkit-user-select: none;
        /*webkit浏览器*/
        -ms-user-select: none;
        /*IE10*/
        -khtml-user-select: none;
        /*早期浏览器*/
        user-select: none;
        outline: none;
    }

    .section1-con .hd li p {
        line-height: 26px;
    }

    .section1-con .hd .swiper-pagination-bullet-active {
        background: #de2531;
        border: 1px solid #de2531;
        transition: 1s ease-in-out .2s;
    }

    .section1-con .hd .swiper-pagination-bullet-active p {
        color: #fff;
        transition: 1s ease-in-out .2s;
    }

    .section1-con .bd .bdcon {
        background-color: initial;
        padding: 0;
        position: relative;
        height: 100%;
    }

    .section1-con .concenter {
        background-color: initial;
        margin-bottom: 155px;
        padding: 0px 0 10px;
    }

    .section1-con .concenter li img {
        height: 160px;
    }

    .section1-con .conleft {
        position: absolute;
        bottom: 0;
        padding-top: 14px !important;
        height: 166px;
        padding-right: 0px !important;
    }

    .section1-con .conleft .leftmore {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .section1-con .conleft h3 {
        float: left;
        color: #de2531;
        font-size: 18px;
        width: 200px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 5px;
    }

    .section1-con .concenter li p {
        font-size: 12px;
        bottom: -2px;
    }

    .section1-con .conleft .leftmore span {
        float: right;
        display: block;
        padding: 5px;
        border-radius: 5px;
        background: #de2531;
        color: #fff;
    }

    .section1-con .conleft-con li {
        max-height: 75px;
        margin-bottom: 5px;
    }

    .section1-con .conleft-con li p,
    .section1-con .conleft h6 {
        color: #444;
        font-size: 12px !important;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .section1-con .conleft h6 {
        color: #000;
    }

    .section1-con .conleft a {
        display: block;
    }

    /*----------模块2----------------*/
    .section2 .conleft,
    .section2 .conright {
        width: 100%;
        overflow: hidden;
        display: block !important;
        padding: 0 0 5px;
    }

    .section2 .bdcon {
        background-color: inherit;
        height: auto !important;
    }

    .section2 .conleft {
        margin-top: 10px;
    }

    .section2 .conleft a img {
        height: 280px;
    }

    .section2 .conright {
        background-color: inherit;
        margin: 0 auto;
    }

    .section2 .conright ol h3 {
        color: #de2531;
        margin: 20px auto 12px;
        text-align: left;
    }

    .section2 .conright ol p {
        color: #1e1e1e;
        text-align: left;
        -webkit-line-clamp: 2;
        height: 100px;
    }

    .section2 .tempWrap {
        box-shadow: none;
    }

    .section2 .conright > div span {
        color: #393939;
    }

    .section2 .conright li a {
        border: 2px solid #393939;
        color: #393939;
    }

    /*----------模块3----------------*/
    .section3 .lichengcon {
        background-color: inherit;
        box-shadow: none;
        padding: 10px 20px;
    }

    .section3 .whcon,
    .section3 .bdcon {
        background-color: inherit;
        box-shadow: none;
        padding: 10px 0px;
    }

    .section3 .containe-con .bdcon ol,
    .section3 .containe-con .bdcon ol p,
    .section3 .containe-con .bdcon ol img {
        font-size: 12px;
        line-height: 22px;
    }

    .section3 .bdcon1 .conleft {
        display: none;
    }

    .section3 .bdcon1 .conright img {
        height: 320px;
        object-fit: cover;
    }

    .section3 .bdcon2 .conright img {
        height: 320px;
        object-fit: contain;
    }

    .section3 .bdcon1 .conright>iframe {
        height: 12rem !important;
    }

    .section3 .mconleft,
    .section3 .conright {
        display: block !important;
        width: 100% !important;
    }

    .section3 .containe-con .bdcon .conleft h1 {
        font-size: 16px;
        margin: 20px auto 8px;
    }

    .section3 .containe-con .bdcon .conleft p {
        font-size: 14px;
        line-height: 22px;
        max-height: 66px;
        overflow: hidden;
    }

    .section3 .containe-con .more a,
    .section3 .containe-con .bdcon1 a {
        font-size: 14px;
        margin-top: 6px;
        width: 110px;
        height: 35px;
        line-height: 35px;
    }

    .section3 .containe-con .bdcon ol {
        text-align: center;
    }

    .section3 .containe-con .bdcon ol li {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30%;
    }

    /* .section3 .whcon .conright img {
        width: 60%;
    } */

    /*---------发展历程样式------------*/
    .section3 .containe-con .lichengcon li .lccon-left font {
        width: 8px;
        height: 8px;
    }

    .section3 .containe-con .lichengcon li .lccon-time {
        width: 70px;
    }

    .section3 .containe-con .lichengcon li p {
        float: none;
        font-size: 12px;
        width: auto;
    }

    .section3 .containe-con .lichengcon li:nth-child(2n) {
        background: #e9e9e9;
    }

    /* 企业文化 */
    .section3 .containe-con .bdcon2 {
        padding: 0 !important;
    }

    /*------------文化样式---------------*/
    .section3 .whcon .conright {
        margin-top: -30px;
    }

    .whcon .conleft .more {
        text-align: center;
    }

    .whcon .conleft li {
        margin: 0 4% 10px 0;
    }

    .whcon .conleft {
        width: 100%;
    }

    .section3 .whcon .conleft li h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .section3 .whcon .conleft li p {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }

    .section3 .whcon .display-b {
        display: none !important;
    }

    .section3 .containe-con .bdcon1 a {
        margin-top: 12px;
    }

    /*------------.section4 .conleft样式---------------*/
    .section4 .conleft {
        width: 95%;
    }

    .section4 .hd {
        padding-bottom: 0px;
        margin-bottom: 5px;
    }

    .section4 .hd a,
    .section4 .hd b {
        font-size: 14px;
    }

    .section4 .hd .swiper-slide-active a,
    .section4 .hd .swiper-slide-active b,
    .section4 .conright .hd a,
    .section4 .conright b {
        color: #fff;
        background-color: #de2531;
    }

    .section4 .hd li a {
        padding: 5px 8px;
        background-color: #ddd;
    }

    .section4 .hd li {
        margin: 0;
    }

    .section4 .conleft ol {
        height: 70px;
    }


    .ej_nav {
        margin-top: 50px;
    }
    
    .ej_nav .ej_nav_div{
        display: none;
    }

    .divBox{
        width: 82%;
    }
    .ej_nav_u1 li{
        width: 19%;
        padding-right: 0.5%;
    }
    .gsjj_con1_div1_left{
        width: 100%;
        padding-right: 0px;
    }
    .gsjj_con1_div1_left a{
        margin: 40px 0 20px;
    }

    .gsjj_con1_div1_right{
        width: 100%;
    }
    .gsjj_con1_div1_right img {
        height: 360px;
        object-fit: cover;
    }

    .about-con2 {
        padding: 50px 0;
    }
    .about-con2 aside{
        padding: 20px 10px;
    }
}

@media only screen and (max-width:480px) {
    .section4 .conleft dl {
        height: auto;
        width: 100%;
        padding: 0;
        position: relative;
        text-align: left;
    }

    .section4 .conleft dl dd.dd2,
    .section4 .conleft dl dd.dd3,
    .section4 .conleft dl dd.dd1,
    .section4 .conleft dl dt,
    .section4 .conleft dl dt img {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 0;
        margin: 0 0 5px;
    }

    .section4 .conleft dl dd a {
        padding: 0;
        margin: 0px;
    }

    .section4 .conleft dl dd.dd2 a {
        height: 40px;
        -webkit-line-clamp: 2;
    }
}

@media only screen and (max-width:380px) {
    .banner-con ol h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .section3 .bdcon1 .conright>iframe {
        height: 10rem !important;
    }

    .section3 .whcon .conleft li h3 {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .section4 .conleft ol li a {
        max-width: 180px;
    }

    .section4 .conleft ol li span {
        width: 80px;
        font-size: 12px;
    }
}