@media screen and (max-width:1600px) {
    .index-banner .item .th1 {
        left: 3%;
        top: 100px;
    }
    .index-banner .item .th1 img {
        width: 90%;
        height: auto;
        max-width: 693px;
    }
    .index-banner .item .th2 img {
        width: 100%;
        height: auto;
        max-width: 646px;
    }
}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1280px) {
    .wrap {
        width: 100%;
        margin: 0 auto;
    }
    .headerwrap .header .nav li>a {
        padding: 0 15px;
    }
    .index-banner .item .th2 {
        right: 10%;
        top: 150px;
    }
    .headerwrap .header .logo_bj {
        padding: 0 1%;
        text-align: center;
    }
    .headerwrap .header .right p {
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-weight: lighter;
        line-height: 1.2;
    }
    .headerwrap .header .right i {
        font-size: 16px;
        color: #fff;
        margin-right: 5px;
    }
    .headerwrap .header .right span {
        font-size: 16px;
        margin-top: 10px;
        font-weight: normal;
    }
}

@media screen and (max-width:1200px) {
    .index01wrap li .bg_img .txt h2 {
        font-size: 22px;
    }
    .index01wrap li .txt h6 {
        font-size: 18px;
    }
    .index01wrap li .txt p {
        margin-top: 20px;
    }
    .index01wrap li .txt .jiantou {
        margin-top: 20px;
    }
}

@media screen and (max-width:1130px) {
    .headerwrap .header .right {
        padding: 0 0%;
    }
    .index01wrap .tu {
        width: 35%;
    }
    .index01wrap .r_txt {
        width: 43.3%;
        right: 5%;
        text-align: left;
        position: absolute;
        top: 25%;
    }
    .index01wrap .r_txt h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .news1 li .imgDiv {
        float: left;
        width: 250px;
        height: 158px;
        border: 1px #eee solid;
        overflow: hidden;
        background-size: auto
    }
    .news1 li {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #eee solid;
    }
}

@media screen and (max-width:1000px) {
    .pagenavph {
        display: block;
        position: relative;
        width: 100%;
        left: 0;
        background: #fafafa;
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 60px;
        background: #2a2927;
        width: auto;
    }
    .pagenavph .top {
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 16px;
        background-color: #fafafa;
        color: #454545;
    }
    .pagenavph .list {
        display: none;
        position: absolute;
        z-index: 22;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fff
    }
    .pagenavph .list li {
        font-size: 14px;
        color: #666;
        border-bottom: 1px #eee solid;
    }
    .pagenavph .list li a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #666;
        background-color: #fff;
        text-align: center;
    }
    .pagenavph .list li a:hover {
        background-color: #333333;
        color: #fff;
    }
    .pagenavph .down_jt {
        width: 30px;
        height: 11px;
        background: url(../images/ico30_5.png) no-repeat right center;
        position: absolute;
        right: 0;
        top: 2px;
        -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
        animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite
    }
    .header_tel,
    .menuBtn {
        display: block;
    }
    .pubbanner {
        padding-top: 65px;
    }
    .menuBtn {
        top: 22px;
    }
    #aside {
        top: 65px;
    }
    .headerwrap {
        display: none;
    }
    .index-banner {
        margin-top: 65px;
    }
    .bread-box {
        margin-top: 65px;
    }
    .bread-box .back {
        font-size: 14px;
    }
    .f_bq .f_ewm {
        display: none;
    }
    .pageNav {
        display: none;
    }
    .footer {
        border-top: 20px solid #fafafa;
        padding: 30px 3% 60px;
    }
    .footer .logo {
        display: none;
    }
    .footer .left {
        width: 100%;
        float: left;
    }
    .biao {
        overflow-y: hidden;
        overflow-x: auto;
        overflow-x: scroll;
    }
    .prod-param table.biao_w {
        width: 1000px;
    }
    .biao::-webkit-scrollbar-track-piece {
        background-color: rgba(0, 0, 0, 0);
        border-left: 1px solid rgba(0, 0, 0, 0);
    }
    .biao::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .biao::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        min-height: 10px;
    }
    .biao::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .historyTitle {
        padding-top: 5px;
    }
    .historyTitle .title1 {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .historyTitle .title2 {
        height: 30px;
    }
    .historyTitle .title2:after {
        width: 28px;
        height: 2px;
    }
    .history {
        padding: 0px 0 0px;
    }
    .history .leftDiv {
        width: 100%;
        float: none;
    }
    .history .txt {
        padding-bottom: 35px;
        font-size: 26px;
    }
    .history .list li {
        padding-left: 110px;
        line-height: 26px;
        padding-bottom: 30px;
    }
    .history .list li .year {
        padding-left: 20px;
        width: 110px;
        font-size: 24px;
        background: url(../images/nimg14_1.png) 12px center no-repeat;
    }
    .history .list li .content {
        font-size: 13px;
        padding-bottom: 20px;
    }
    .history .list li .wen {
        font-size: 16px;
    }
    .history .rightImg {
        display: none;
    }
    .news1 li .imgDiv {
        float: left;
        width: 180px;
        height: 114px;
        border: 1px #eee solid;
        overflow: hidden;
        background-size: auto
    }
    .news1 li .text p {
        line-height: 1.8;
        height: 50px;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.5;
    }
    .search-top-box {
        padding: 80px 0 40px 0;
    }
    .search_result ul.s_list {
        margin-top: 0px;
    }
    .index01wrap {
        padding: 40px 0;
    }
    .index01wrap li {
        width: 47%;
        float: left;
        margin-right: 6%;
        position: relative;
    }
    .index01wrap li.bot {
        margin-bottom: 40px;
    }
    .index01wrap li:nth-child(3n) {
        margin-right: 6%;
    }
    .index01wrap li:nth-child(2n) {
        margin-right: 0%;
    }
    .banner {
        margin-top: 60px;
    }
    .banner .swiper-slide {
        height: 400px;
    }
}

@media screen and (max-width:861px) {}

@media screen and (max-width:768px) {
    .menuBtn {
        top: 15px;
    }
    #aside {
        top: 50px;
    }
    .header_tel {
        height: 50px;
        width: 100%;
    }
    .header_tel .logo img {
        height: 25px;
        width: auto;
        margin-top: 13px;
    }
    .index-banner {
        margin-top: 50px;
        height: 250px;
    }
    .pubbanner {
        padding-top: 50px;
    }
    .bread-box {
        margin-top: 50px;
    }
    .w1200 {
        width: 100%;
    }
    .index-banner .item .th2 {
        right: 15%;
        top: 50px;
    }
    .index-banner .item .th1 {
        top: 40px;
        width: 75%;
    }
    .i_experts_img {
        width: 100%;
    }
    .i_experts_txt {
        width: 100%;
    }
    .index04wrap {
        padding: 30px 0 50px;
    }
    .i_news_item .name {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .i_news_list li {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    .i_news_list li:last-child {
        margin: 0 auto;
    }
    /*footer*/
    .footer .left p span {
        width: 100%;
        float: left;
    }
    .footer_tabbar {
        display: block;
    }
    .pubbanner-img {
        width: 100%;
        min-height: 100px;
        object-fit: cover;
    }
    .pagenavph {
        display: block;
        width: 100%;
    }
    .pagenavph .back2 {
        position: absolute;
        left: 0;
    }
    .pagenavph .back2 img {
        height: 50px;
    }
    .pagenavph .top {
        height: 50px;
        line-height: 50px;
    }
    .pagenavph .list {
        top: 50px;
    }
    .ny_main {
        padding: 40px 10px 40px 10px;
    }
    .ny_main .dy_page .wd100 h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .ny_main .dy_page .wd100 h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
    }
    .ny_main .dy_page .wd100 .line {
        margin: 20px 0 20px 0;
    }
    .ny_main .dy_page .left {
        width: 100%;
        float: left;
    }
    .ny_main .dy_page .right {
        width: 100%;
        padding-top: 0px;
    }
    .ny_main .dy_page .left h2 {
        font-size: 20px;
        line-height: 40px;
        font-weight: 800;
        margin-bottom: 0px;
    }
    .ny_main .dy_page .left h3 {
        font-size: 24px;
    }
    .ny_main .dy_page .left .line {
        margin: 20px 0 20px 0;
    }
    .news_wz_page li {
        width: 47%;
        padding: 10px;
        margin: 0 1.5% 10px;
        font-size: 15px;
        height: 200px;
    }
    .showinfo .left {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .showinfo .left img {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }
    .showinfo .right {
        width: 100%;
    }
    .showinfo .right .tit {
        font-size: 24px;
    }
    .anli_item {
        width: 98%;
        margin: 0 1% 30px 1%;
    }
    .anli_item p {
        margin-bottom: 20px;
    }
    .anli_item h2 {
        padding: 20px 0px 10px 0;
    }
    .projectshow1 {
        padding: 30px 10px;
        width: 100%;
    }
    .projectshow1 .title {
        margin-top: 0;
    }
    .projectshow1 .title h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .projectshow1 .contentbox {
        padding: 20px 0px;
        margin-top: 10px;
    }
    .notice li a {
        font-size: .25rem;
        padding: 0 .3rem 0 1.5rem;
    }
    .notice li a span {
        left: .2rem;
        font-size: .2rem;
    }
    .ctaList li {
        padding: 0;
    }
    .ctaList .ti {
        font-size: 18px;
    }
    .ctaList .p {
        margin-top: 15px;
        line-height: 28px;
        color: #999;
        font-size: 14px;
    }
    .ctaList .namebox {
        width: 100%;
    }
    .ctaList .mabox {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .ditu {
        height: 6rem;
        margin-top: 20px;
    }
    .search {
        width: 100%;
    }
    .search_box {
        width: 90%;
        margin-top: 20px;
    }
    .search_right {
        padding: 30px 20px;
    }
    .search_time {
        font-size: 14px;
    }
    .search_result {
        padding: 15px 10px;
    }
    .td_table table {
        margin: 0px 0;
    }
    .td_table td {
        width: 100%;
        float: left;
    }
    .td_table td img {
        text-align: left;
    }
    table.td_table {
        margin: 0px 0;
    }
    table.td_table td {
        border: 0;
        width: 100%;
        float: left;
    }
    table.td_table td img {
        text-align: left;
    }
    #pages li a {
        padding: 0 8px;
    }
    #pages li span {
        padding: 0 8px;
    }
    .hrList .hrdt,
    .hrList .hspan,
    .hrList .hrT .hspan {
        height: 44px;
        line-height: 44px;
    }
    .hrList .hspan:nth-child(2),
    .hrList .hspan:nth-child(4) {
        display: none;
    }
    .hrList .hspan:nth-child(1) {
        width: 74%;
    }
    .hrList .ib {
        margin-top: 14px;
    }
    .recruitment-info {
        padding: 20px 5%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .recruitment-info h3 {
        font-size: 18px
    }
    .hrList {
        margin: 0px 0px 20px;
        font-size: 14px;
    }
    .hrList .hrCon {
        padding: 15px 0px 20px;
    }
    .join-box-btn {
        padding-top: 20px;
    }
    .index01wrap {
        padding: 30px 0;
    }
    .index01wrap li {
        width: 48%;
        float: left;
        margin-right: 4%;
        position: relative;
    }
    .index01wrap li.bot {
        margin-bottom: 15px;
    }
    .index01wrap li:nth-child(3n) {
        margin-right: 4%;
    }
    .index01wrap li:nth-child(2n) {
        margin-right: 0%;
    }
    .index01wrap li .bg_img .txt h2 {
        font-size: 20px;
    }
    .index01wrap li .txt h6 {
        font-size: 16px;
        line-height: 24px;
    }
    .index01wrap li .txt p {
        margin-top: 20px;
        font-size: 15px;
    }
    .index01wrap li .txt span {
        display: none;
    }
    .index01wrap li .txt .jiantou {
        margin-top: 20px;
        width: 28px;
        height: 28px;
    }
    .banner {
        margin-top: 50px;
    }
    .banner .swiper-slide {
        height: 240px;
    }
    .banner .bg001 {
        background: url(../images/003x.jpg) center;
        background-size: cover;
    }
    .banner .bg002 {
        background: url(../images/003-2x.jpg) center;
        background-size: cover;
    }
    .i_news_cnt {
        margin: 30px auto 0 auto;
    }
    .ny_main .dy_page {
        padding: 0 0px;
    }
    .ls_page ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.4rem 2%;
    }
    .cp_neir ul li {
        float: left;
        width: 46%;
        margin: 0 2% 0.4rem 2%;
    }
    .ls_page ul li {
        padding: 8px;
    }
    .ls_page ul li .txt2 {
        font-size: 16px;
        margin-bottom: 0px;
        width: 100%;
        float: left;
        text-align: left;
        padding-left: 10px;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .cp_neir ul li .txt2 {
        padding: 10px 0 5px 0px;
        font-size: 14px;
        margin-bottom: 0px;
    }
    .showinfo2 .min {
        position: relative;
        text-align: center;
        width: 100%;
    }
    .showinfo2 .right {
        margin-top: 0px;
    }
    .cp_tu2 {
        width: 100%;
    }
    .showinfo2 .right .tit {
        font-size: 24px;
    }
    .news1 li .imgDiv {
        width: 100px;
        height: 70px;
    }
    .news1 li .imgDiv img {
        width: 100px;
        height: 70px;
    }
    .news1 li .morebox {
        display: none;
    }
    .news1 li .text {
        float: none;
        width: auto;
        padding-right: 0;
        padding-left: 115px;
        background: none;
    }
    .news1 li .text h3 {
        font-size: 15px;
        padding-bottom: 0px;
        margin-bottom: 5px;
    }
    .news1 li .text .time {
        font-size: 12px;
        color: #8b8b8c;
        bottom: 10px;
    }
    .news1 li .text p {
        line-height: 1.2;
        height: 15px;
        overflow: hidden;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .news1 li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:641px) {}

@media screen and (max-width: 480px) {}