@media (-webkit-device-pixel-ratio: 1.25) {
    .w1200 {
        max-width: 1150px;
    }

    html {
        font-size: 11px;
    }
}

@media (-webkit-device-pixel-ratio: 1.5) {
    .w1200 {
        max-width: 1100px;
    }

    html {
        font-size: 9px;
    }

    .page6-right a {

        height: 12.5rem;
    }
}

@media (max-width:328px) {
    html {
        font-size: 12px;
    }
}

@media(max-width: 1600px) {
    #banner .pic h2 {
        font-size: 3.5rem;
    }

    #banner .pic h3 {
        font-size: 1.8rem;
    }

    .container03 ul li .top .title h3 {
        font-size: 1.3rem;
    }

    .container03 .s_tt h3 {
        font-size: 2.4rem;
        line-height: 1.4;
    }

    .container03 ul li .top {
        padding: 2.5rem 2.1rem 1rem;
        text-align: left;
        transition: 0.9s ease;
    }

    .container04 .s_tt h3 {
        font-size: 2.4rem;
        line-height: 1.4;
    }

    .container04 .miso_bd {
        padding-top: 2.3rem;
    }


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

#nav ul li h3 {
    font-size: 1.125rem;
}
#banner .pic h3 {
    font-size: 2rem;
}
.container02 h3 {
    font-size: 2.95rem;

}
#s_rukou ul li h5 {
    font-size: 2.1rem;
}
#s_rukou ul li p {
    font-size: 1.4rem;
}

.page-title {
    font-size: 2.2rem;
}
.page-title p {
    font-size: 1.25rem;
}
.page5-swpier .swiper-slide h2 {
    font-size: 1.65rem;
}
.page6-tab span {
    font-size: 1.25rem;
}
.foot_nav dl dt {
    font-size: 1.2875rem;
}
.foot_con .fl p {
    font-size: 1.05rem;
}










}
@media(max-width: 1200px) {
    #header .w1200 {
        padding: 0 15px
    }

    .w1200 {
        padding: 0 15px
    }

    #header,
    #header {
        display: none
    }

    #m_header,
    #nav_btn_box {
        display: block
    }

    #banner .banner_slider .miso-arrow {
        display: none !important
    }
}

/*小屏幕*/
@media(max-width: 992px) {
    #banner li .img {
        height: 60vh;
    }

    #banner .pic h2 {
        font-size: 1.75rem;
    }

    #banner .pic h3 {
        font-size: 1rem;
    }

    #banner {
        height: auto;
    }

    .container02 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .container02 h3 {
        font-size: 2.1rem;
    }

    #s_rukou ul {
        display: block;
    }

    #s_rukou ul li {
        text-align: center;

        width: 100%;
        margin-bottom: 3rem;
    }

    .container02 .anniu {
        margin-top: 2.5rem;
    }

    .container03 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .page5-swpier .swiper-slide {
        width: 100%;
    }

    .foot_nav {
        width: 100%;
    }

    .foot_fn {
        margin-bottom: 0.5rem;
    }

    .foot_con {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .foot_logo {
        margin-bottom: 2rem;
    }

    footer {
        /* margin-top: 3rem;*/
    }

    .container05 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .page-title {
        margin: 1rem 0 0.5rem 0;
    }

    .m5_box font {
        display: block;
    }

    .m5_box {
        margin-top: 1rem;
        padding: 1rem 2.5rem 1rem;
    }

    .page-title p {
        margin-bottom: 1.5rem;
    }

    .page6-tab {
        margin-bottom: 1rem;
        top: 0;
        display: block;
        transform: inherit;
        position: relative;
    }

    .page6-tab span {
        padding: 1rem 1rem;
        margin: 0 0.5rem;
        display: inline-block;

    }

    .page6-box-active {
        display: block;
    }

    .page6-left {
        width: 100%;
    }

    .page6-right {
        width: 100%;
    }

    .pageSwier-inner {
        height: auto !important;
    }

    .container04 .w1200 {
        height: auto !important
    }

    .container03 .swiper-wrapper {
        display: block;
    }

    .page5-swpier .background-item {
        margin-bottom: 1rem;
    }

    .page5-swpier .swiper-slide {

        padding-bottom: 80%;
    }

    .x-banner {
        margin-top: 5rem;
        position: relative;
    }

    .x-banner .x-text .x-title {

        font-size: 2.2rem;
    }

    .w1100 {
        padding: 0 1.5rem !important;
    }

    .sec-con {
        padding: 2rem 0 !important;
    }

    .tit {
        padding: 1.5rem 0 !important;
    }

    .sec:nth-child(1) .num {
        width: auto !important;
    }

    .sec:nth-child(1) .num .num1 span {
        font-size: 2.5rem !important;
    }

    .sec:nth-child(1) .num .num1 div {
        font-size: 1rem !important;
        line-height: 2 !important;
    }

    .sec:nth-child(1) .num .num1::before {

        width: 0 !important;
    }

    .n_fazhan.fl03 {
        margin-top: 2rem !important;
        padding: 2.25rem 0 !important;
    }

    .n_title002 {
        margin-bottom: 2.25rem !important;
    }

    .layer-2 {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important;
    }

    .layer-2 .science {
        padding-top: 2rem !important;
    }

    .layer-2 .science .wrap {
        left: 1.5rem !important;
        right: 1.5rem !important;
    }

    .layer-2 .science .item.open .title {
        font-size: 1.35rem !important;
    }

    .layer-2 .science .wrap .desc {

        font-size: 1.2rem !important;
    }

    .layer-2 .science .item.hide .wrap {
        left: 0 !important;
        right: 0 !important;
    }

    .n_about .fl044 {
        padding: 2.25rem 0 0 !important;
    }

    .n_about .fl044 ul li {
        padding: 0 1.25rem 4rem !important;
        min-height: 10.75rem !important;

    }

    .foot_con .fl {
        float: none !important;
    }

    .foot_con .fr {
        float: none !important;
        padding-top: 1rem !important;
    }

    .w1200 {
        width: auto !important;
        padding: 0 1.5rem !important;
        max-width: 1200px;
    }

    #projects.page {
        padding: 2rem 0rem !important;
    }

    #projects .filter-wrap {
        padding: 4rem 0rem 0px 0rem !important;
    }

    #projects ul.filters li {
        margin-bottom: 1rem !important;
    }

    #projects .projects-items.four-columns .one-item {
        width: 50% !important;
        position: inherit !important;
        left: 0 !important;
        top: 0 !important;
        float: left !important;
    }

    #projects .projects-items .single-item .item .content {
        padding: 1rem 0.5rem !important;
    }

    #projects .projects-items .single-item .item {

        margin: 1rem !important;
    }

    .x-banner .x-text .x-title {
        font-size: 2.2rem !important;

    }

    .x-banner .x-text h2 {
        font-size: 1.2rem !important;
        margin-top: 1rem !important;
    }

    .youshi {
        padding-top: 1.6rem !important;
        padding-bottom: 2rem !important;
    }

    .youshi h2 {

        font-size: 2.4rem !important;
        letter-spacing: 0.5rem !important;
    }

    .youshi .box {
        margin-top: 1rem !important;
    }

    .youshi .box .li h3 {
        font-size: 2.4rem !important;

    }

    .youshi .box .li span {

        font-size: 1.15rem !important;

    }

    .youshi .tit {
        padding: 0.5rem 0 !important;
    }

    .yiyong {
        margin-bottom: 3rem !important;
    }

    .yiyong {
        padding-top: 1rem !important;
    }

    .yiyong .swiper {
        margin-top: 1rem !important;
    }

    .yiyong h2 {
        letter-spacing: 0.2rem !important;
        font-size: 2.1rem !important;

    }

    .diff {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .w1211 {

        padding: 0 1rem !important;
    }

    .diff_box {

        border-radius: 2rem !important;
        padding: 1rem 2rem !important;
        margin-top: 2rem !important;
    }

    .layui-table th {
        font-size: 1.5rem !important;

    }

    .xx .con .box h1 {
        font-size: 1.25rem !important;

        margin-bottom: 2rem !important;

    }

    .x-banner2 {
        margin-top: 1rem !important;

    }

    colgroup col {
        width: 33.33% !important;
    }

    .xx .con .box {
        padding: 0 0 3px 15px !important;
    }

    .mt05 {
        margin-top: 2rem !important;
    }

    .xx {
        margin-bottom: 2rem !important;
    }

    .fl04 {
        padding-bottom: 20rem !important;
        margin-bottom: 3rem !important;
    }

    .pro_banner {
        margin-top: 5rem !important;
    }

    .xx .con {
        width: 50% !important;
    }

    .layui-table img {
        max-width: 100px !important;
    }

    .n_title .fl {
        float: none !important;
    }

    .n_title .fr {
        float: none !important;
    }

    .n_nav a {
        height: 70px !important;
        line-height: 70px !important;
        margin-right: 2.75rem !important;
        margin-left: 0 !important;
    }

    .n_nav .on strong,
    .n_nav a:hover strong {
        height: 70px !important;
        line-height: 70px !important;
    }

    .n_nav a strong {
        height: 70px !important;
        line-height: 70px !important;
    }

    .n_news ul li .left {
        float: none !important;
        width: 100% !important;
        padding: 1rem 0 0 !important;
    }

    .n_news ul li .right {
        width: 100% !important;
        float: none !important;
        margin-top: 3rem;
    }

    .n_news ul li .left .time {
        width: 9rem !important;
        padding: 0 0 0 0rem !important;
    }

    .n_news ul li .left .con {
        width: calc(100% - 9rem) !important;
        padding-left: 1.5rem !important;
    }

    .n_news ul li .left .con h4 {
        font-size: 1.5rem !important;
    }

    .n_news ul li .left .time h3 {
        font-size: 1.5rem;
    }

    .con img {
        width: 100% !important
    }
}

@media(max-width: 768px) {
    #banner li .img {
        height: 30vh;
    }
.banner-next {
    z-index: 1000;
    position: absolute;
    bottom: 2vh;
}
#s_rukou ul li p {
    padding-left: 10%;
    padding-right: 10%;
}
.m5_box h3 b{
    display: block;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.m5_box font.gz{
    font-size: .8rem;
}
.n_about .fl044 ul li h2 {
    font-size: 2.4rem !important;

}
.n_about .fl044 ul li h4 {
    font-size: 1.1rem !important;

}
.n_about .fl044 ul li h3 {
    margin: 1.5rem 0 1rem !important;
}
.layer-2 .science .wrap .title {
    font-size: 1.1rem !important;
}

    .x-banner .x-text .x-title {
        font-size: 1.8rem !important;

    }
.x-banner .x-text .x-title {
    letter-spacing: 0.2rem !important;
}
    .x-banner .x-text h2 {
        margin-top: 0 !important;
    }

.youshi .box .li h3 {
    font-size: 2.1rem !important;
}
.youshi .box .li h3 small {
    font-size: 2.1rem !important;
}
.s02 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.s02 .con {
    margin-top: 2rem !important;
}
.s02 .tit p {
    font-size: 1.26667rem !important;
}
.s02 .tit h3 {
    font-size: 2.11667rem !important;
}
.s02 .tit em {
    width: 2.25417rem !important;
    height: 0.22083rem !important;
}
.s02 .con ul li img {
    max-width: 40px !important;
}
.s02 .con ul {
    display: block !important;
}
.s02 .con ul li {
    width: 100% !important;
    margin-bottom: 3rem !important;
}
.s02 .con ul li h5 {
    font-size: 1.46667rem !important;

}

.s02 .con ul li div {
    font-size: 0.96667rem !important;
}
.layui-table tr {
    font-size: 1rem !important;
}
.jiaru em {
    width: 2.25417rem !important;
    height: 0.22083rem !important;
    margin-bottom: 1rem !important;
}
 .jiaru h3 {
    font-size: 2.11667rem!important;
    margin-bottom: 1.5rem !important;
}
.jiaru p {
    font-size: 1.46667rem !important;
}
.chengzhang {
    margin-top: 2rem  !important;
}
.chengzhang .tit p {
    font-size: 1.26667rem!important;
}
.chengzhang .tit h3 {
    font-size: 2.11667rem!important;
}
.chengzhang .tit em {
    width: 2.25417rem!important;
    height: 0.32083rem!important;
    margin-bottom: 1rem!important;
}
.swiper-wrapper1 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    height: 25rem !important;
}
.swiper-slide .top h2 {
    font-size: 2rem !important;
    line-height: 2 !important;

}
.swiper-slide .top h5 {
    font-size: 1.3rem !important;
    padding: 0 1rem !important;
}



.huxi_banner_cover .index_banner1_word1 {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
     transform: inherit !important;
}

.huxi_banner_cover{
    position: relative !important;
}
.layui-table th {
    font-size: 1.2rem !important;
}
.layui-table img {
    max-width: 80px !important;
}
.xx .con .box ul li:before{
        position: initial !important;
}
.xx .con .box ul li {
    font-size: 1.0rem !important;
    padding-left: 0 !important;
    margin-bottom: 0.5rem!important;
}







}