@media screen and (max-width:768px){
    .SinglePage * {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .tabContent .newsList{
        flex-direction: column;
    }
    .newsListL {
        width: 100%;
        margin-top: 20px;
    }
    .newsListR {
        width: 100% !important;
    }
    .index_zl{
        flex-wrap: wrap;
    }
    .index_zl li {
        width: 100%;
    }
    .index_zl li:first-child{
        margin-bottom: 10px;
    }
    .ryBox li {
        margin-top: 25px;
        width: 100%;
        max-width: 100%;
    }
    .ryBox li:nth-child(3n - 1) {
        margin-left: 0px;
        margin-right: 0px;
    }
    .ryBox{
        margin-top: 0px;
    }
    .Position .ul{
        display: none;
    }
    .SinglePage li{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .SinglePage li:nth-child(6n - 5) {
        padding-top: 20px !important;
        margin-top: 20px !important;
    }
    .SinglePageList li a {
        line-height: 32px !important;
        height: 34px;
    }
    .SinglePageList .time,.SinglePageListL .title {
        font-size: 14px !important;
        line-height: 32px !important;
    }
    .SinglePageList{
        margin-top: -20px;
    }
    .Position {
        margin-top: 0px;
    }
    .Position .place{
        font-size: 14px;
    line-height: 14px;
    }
    .componyIntro .title {
        font-size: 18px !important;
        line-height: 18px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .componyIntroDetail .intro {
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 30px;
    }
    .componyIntro .intro {
        padding: 30px 15px 20px 15px;
    }
    .componyIntro .introTitle {
        font-size: 16px !important;
    }
    .counterBox p {
        font-size: 14px;
        color: #333333;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .counterBox .counter {
        font-size: 20px;
        color: #1E4B94;
        line-height: 20px;
        margin-right: 8px;
        font-weight: bold;
    }
    .componyIntro .intro .jtjj_logo {
        right: 10px;
        width: 40px;
        top: -20px;
    }
    .counterBox li {
        width: 50%;
        border-right: none;
    }
    .counterBox {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .counterBox .num{
        align-items: center;
    }
    .teamCompanyL,.companyLogo,.companyTitleR{
        width: 100% !important;
    }
    .teamCompanyR{
        width: 100% !important;
        padding: 20px 10px !important;
        padding-bottom: 0px !important;
    }
    .teamCompanyR .title {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .ryBox li p{
        font-size: 16px;
    }

    .Top002568 #header-menu li .sub-menu dt a{
        font-size: 14px;
    }
    .teamCompanyLi {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .teamCompanyR .watchMore {
        width: 102px;
        height: 36px;
        font-size: 14px;
        margin-top: 20px !important;
        background-position: 80px center;
    }
    .teamCompanyR .intro{
        margin-top: 10px;
        font-size: 14px;
        line-height: 26px;
    }
    .BanFont .BanFontH2 {
        font-size: 18px;
        line-height: 16px;
        padding-left: 30px;
        padding-bottom: 0px;
    }
    .newsList .teamCompanyR{
        padding-bottom: 20px !important;
    }
    .teamCompany  .swiper-pagination{
        bottom: 30px !important;
    }
    .companyTitleR{
        margin-left: 0px;
    }
    .companyLogo{
        border-right: navajowhite;
        text-align: center;
    }
    .companyLogo img{
        width: 76px;
    }
    .companyTitleRTop {
        flex-direction: column;
        align-items: center;
    }
    .companyTitleRTop .icon {
        margin-left: 0px;
    }
    .companyTitleRTop .title {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 16px;
        color: #333333;
    }
    .companyTitleR .intro {
        font-size: 16px;
        color: #333333;
        line-height: 26px;
        margin-top: 10px;
        margin-bottom: 0px;
        text-align: justify;
    }
    .newsDetail .Rcontent .SinglePage img {
        margin: 10px auto;
    }
    .PrevNextBox .watchMore {
        width: 102px;
        height: 36px;
        font-size: 14px;
        background-position: 80px center;
        padding-right: 7px;
    }
    .companyNext{
        padding-bottom: 10px;
    }
    .Titleinfo .tits {
        font-size: 18px;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .Titleinfo .date i {
        font-style: normal;
        margin-left: 2px;
        margin-right: 2px;
        font-size: 12px;
    }
    .Titleinfo .date {
        font-size: 12px;
        line-height: 12px;
        margin-top: 10px;
    }
    .Titleinfo {
        padding-bottom: 20px;
        margin-top: 10px;
    }
    .PrevNextBox .ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .PrevNextBox{
        flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    align-items: flex-start;
    }
    .PrevNextBox .watchMore {
        width: 102px;
        height: 36px;
        font-size: 14px;
        background-position: 80px center;
        padding-right: 7px;
        margin: 20px auto 0px auto;
    }
    .Position .place{
        left: 0px;
    }
}
@media screen and (max-width:998px){
    .Top002568 .header-left, .Top002568 .header-right{
        height: 60px;
    }
    .Top002568 .logo img {
        max-height: 32px;
        height: 32px;
    }
    .index_content{
        flex-direction: column;
        margin-bottom: 0px;
    }
    .index_contentQy{
        height: 800px;
    }
    .index_content2 .index_content_list{
        margin-bottom: 20px;
    }
    .index_content .index_content_list:nth-child(2) {
        margin-left: 0px;
        flex: 1;
        min-width: 100%;
    }

    .width50 {
        width: 100% !important;
    }

  
    .publicTitle ul li .publicTitleA{
        font-size: 16px;
    }
    .newsTitle div,.ggSwiperBox a div ,.list2 .title{
        font-size: 14px;
        line-height: 26px;
    }
    .linkSwiperBox{
        height: 80px;
    }
    .ggSwiperBox {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .title_bg {
        left: 10px;
        top: -6px;
        width: 40px;
    }
    .index_content_list{
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .publicTitle{
        height: 46px;
    }
    
    .newsTitle h2 {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 26px;
    }

    .list .title img {
        margin-left: 0px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .list .title{
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 90%;
        position: relative;
        padding-right: 50px;
    }
    /* .list dd {
        margin-top: 12px;
        margin-bottom: 0px !important;
    } */
    .list dd {
        margin-top: 0px;
        margin-bottom: 0px !important;
        height: 32px;
    }
    .list a{
        height: 32px;
    }
    .list{
        padding-top: 8px !important;
    padding-bottom: 20px;
    }
    .newsTitle {
        padding-bottom: 20px;
    }
    .publicTitle .more {
        font-size: 14px;
        line-height: 14px;
        right: 0px;
    }
    .index_xx{
        margin-top: 20px;
    }
    .newsListR h2 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 0px;
        font-size: 16px;
        color: #333333;
        margin-bottom: 0px;
        line-height: 16px;
    }
    .newsListR {
        width: 100% !important;
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .newsListR .newsListRTitle p {
        font-size: 14px;
        color: #999999;
        line-height: 21px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .Floor002491 .ul{
        flex-wrap: wrap;
    }
    .Floor002491 ul li .liBox:after{
        height: 100%;
    }
    .Floor002491 ul li .liBox .liCon {
        position: static;
    }
    .Floor002491 ul li.on .liBox .h3{
        position: static;
        margin-top: 10px;
        font-size: 16px;
    }
    .Floor002491 ul li.on .liBox .txt{
        position: static;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 18px;
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .Floor002491 ul li.on .liBox .watch{
        position: static;
        margin: 0 auto;
    }
    .Floor002491 ul li .liBox{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .Floor002491 ul li {
        width: 100%;
        /* padding-bottom: 80%; */
        padding-bottom: 70%;
        margin-top: 20px;
        border-radius: 20px;
    }
    .Floor002491 ul li.on .liBox .watch {
        width: 100px;
        height: 32px;
        border-radius: 20px;
    }
    .Floor002491 {
        padding: 0px;
        padding-bottom: 20px;
    }
    .Floor002491 ul li .liBoxCon .txtBox .h3{
        font-size: 16px;
    }
    .index_zl {
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .newsListL {
        width: 100%;
        margin-top: 20px;
        height:auto;
    }
    .banner .swiper-pagination{
        bottom: 10px !important;
    }
    .newsTitle{
        margin-top: 20px;
    }
    .index_contentNews .swiper-slide .font{
        font-size: 16px;
        padding-left: 10px;
    }
    .swiper .teamCompanyLi{
        padding-bottom: 0px;
    }
    .teamCompany .swiper-pagination{
        bottom: 2px !important;
    }
    .BusinessAreas .teamCompanyLi{
        margin-top: 20px;
    }
    .IndustrialParkIntro {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
        padding-right: 3%;
    }
    .SubMenu li a{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width:1024px){
    .SubPage{
        display: flex;
        flex-direction: column;
        margin: 20px 3%;
        padding: 15px 3%;
    }
    .LeftBar {
        width: 100%;
    }
    .Rcontent {
        width: 100%;
    }
    .ColumnName {
        text-align: center;
        background-size: cover;
        padding: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 54px;
        border-top-right-radius: 42px;
    }
    .ColumnName h2{
        padding-left: 0px;
    }
    .SubMenu li a{
        padding-left: 0px;
        text-align: center;
    }
    .Position ul li .publicTitleA{
        padding-bottom: 11px !important;
    }
    .Position .place {
        bottom: 50%;
        transform: translate(0px, 50%);
    }
    .Position{
        margin-top: 10px;
    }
}
@media screen and (max-width:1200px){
    .index_contentNews {
        flex-direction: column;
    }
    .index_contentNews .index_content_list:nth-child(2) {
        margin-left: 0px;
        margin-top: 20px;
    }
    .tab .newsList {
        flex-direction: column;
    }
    .index_contentNews .index_content_list{
        width: 100%;
    }
    .index_contentNews .list{
        padding-bottom: 20px;
    }
    .newsList .teamCompanyL {
        width: 100%;
    }
    .newsList .teamCompanyR{
        width: 100%;
        padding: 20px 0px;
    }
    .componyIntro .title{
        width:100%
    }

}

@media screen and (min-width:998px) and (max-width:1200px){
    .Floor002491 ul li .liBoxCon .txtBox .h3{
        font-size: 18px;
    }
    .newsTitle h2{
        font-size: 28px;
    }
    .ggSwiperBox a div{
        font-size: 18px;
    }
    
}
@media screen and (min-width:768px) and (max-width:1200px){
    .companyTitleRTop .title{
        line-height: 40px;
    }
    .IndustrialParkIntroList .teamCompanyR,.newsList .teamCompanyR{
        padding-left: 10px !important;
    }
}