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

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

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

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

@media(max-width:1024px) {
    .nav-page {
        display: block;
        position: fixed;
        z-index: 99999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 0;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        overflow: hidden;
        transition: all 0.2s linear;
    }
    .nav-phone {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 80vw;
        height: 100vh;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5);
    }
    .head,
    .nav {
        display: none;
    }
    .inside-roof {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 1.3rem;
        z-index: 9999;
        border-bottom: 1px solid #014526;
        background-color: rgba(255, 255, 255, 1);
    }
    .inside-roof-icon {
        position: absolute;
        top: 0.31rem;
        left: 0.24rem;
        width: 0.68rem;
        height: 0.68rem;
    }
    .inside-roof-icon::before,
    .inside-roof-icon::after {
        position: absolute;
        display: block;
        content: "";
        width: 0.68rem;
        height: 0.04rem;
        color: #fff;
        background-color: #999;
        transform-origin: center;
    }
    .inside-roof-icon::before {
        top: 0.19rem;
    }
    .inside-roof-icon::after {
        top: 0.45rem;
    }
    .inside-roof-icon-active::before {
        top: 0.33rem;
        transform: rotate(135deg);
    }
    .inside-roof-icon-active::after {
        top: 0.33rem;
        transform: rotate(-135deg);
    }
    .inside-roof-logo {
        position: absolute;
        height: 1rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .inside-roof-logo img {
        height: 90%;
    }
    .forPhone {
        height: 1.3rem;
    }
    .close-phone-nav {
        position: absolute;
        top: 0.31rem;
        left: 0.24rem;
        width: 0.68rem;
        height: 0.68rem;
        z-index: 999;
    }
    .close-phone-nav::before,
    .close-phone-nav::after {
        position: absolute;
        display: block;
        content: "";
        width: 0.68rem;
        height: 0.04rem;
        color: #fff;
        background-color: #999;
        transform-origin: center;
    }
    .close-phone-nav::before {
        top: 0.19rem;
    }
    .close-phone-nav::after {
        top: 0.45rem;
    }
    .close-phone-nav-active::before {
        top: 0.33rem;
        transform: rotate(135deg);
    }
    .close-phone-nav-active::after {
        top: 0.33rem;
        transform: rotate(-135deg);
    }
    .nav-list {
        padding-top: 2rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .nav-list a {
        width: 80%;
        height: 1rem;
        line-height: 1rem;
        border-bottom: 1px solid #e1e1e1;
        display: block;
        margin: auto;
    }
    .nav-list-active {
        color: #b11d03;
        background-color: #f5f5f5;
        border-bottom: 1px solid #b11d03 !important;
    }
    .protitle,
    .new,
    .faq {
        padding: 0 15px;
    }
    .fangan {
        padding: 0 15px;
        width: 100%;
        overflow: hidden;
        background: url(../images/fanganbg.png) center no-repeat;
        padding-bottom: 55px;
        background-size: cover;
    }
    .left_fangan {
        float: left;
        width: 50%;
    }
    .fanav a {
        margin-bottom: 15px;
    }
    .right_fangan {
        margin-top: 140px;
    }
    .advnav a {
        display: block;
        width: 248px;
        height: 108px;
        background: #f5f5f5;
        float: left;
        margin-right: 10px;
        padding-left: 20px;
        padding-top: 25px;
    }
    .adv {
        max-width: 1350px;
        margin: auto;
        margin-top: 56px;
        background: #fff;
        padding: 0 3.90625%;
        padding-bottom: 38px;
    }
    .qdetail,
    .adetail {
        width: 89%;
    }
    .bottomnavs ul li {
        display: inline-block;
        font-size: 16px;
        color: #4c769a;
        margin: 0 15px;
    }
    .foot {
        padding: 0 15px;
        width: 100%;
        overflow: hidden;
        background: #272727;
        padding-top: 57px;
        padding-bottom: 55px;
    }
    .banner {
        margin-top: 0;
    }
    .homeproducts a{
        width: 49%;
    }
    .listproright .p_Product {
    width: 49%;
    border-right: #e6e6e6 1px solid;
    border-top: #e6e6e6 1px solid;
    border-bottom: #e6e6e6 1px solid;
    border-left: #e6e6e6 1px solid;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.5rem;
}
.listproright .p_Product:nth-child(3n) {
    margin-right: 2%;
}
.listproright .p_Product:nth-child(2n) {
    margin-right: 0%;
}
.homeproducts a:nth-child(2n) {
    margin-right: 0;
}
.product{
    background-size: cover;
}
}

@media(max-width:768px) {
    .left_pt span {
        font-size: 24px;
        font-weight: bold;
        color: #1d1d1d;
    }
    .left_pt i {
        font-size: 15px;
        color: #3f3f3f;
        font-style: normal;
    }
    .pnav {
        display: inline-block;
        text-align: center;
        margin-left: 25px;
    }
    .fanav a {
        margin-right: 0;
    }
    .left_fangan {
        width: 100%;
        float: none;
    }
    .fatitle {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        padding-top: 40px;
    }
    .fatitle span {
        font-size: 35px;
    }
    .right_fangan {
        float: none;
        margin: auto;
        margin-top: 40px;
    }
    .advtitle {
        text-align: center;
        font-size: 38px;
        color: #000000;
        padding-top: 25px;
    }
    .adtname {
        font-size: 31px;
        color: #282828;
        font-family: "思源黑体 CN";
        margin-bottom: 17px;
    }
    .adtlist span {
        display: block;
        margin-bottom: 30px;
        font-size: 17px;
        color: #282828;
    }
    .adtnum {
        font-size: 60px;
        font-weight: bold;
        color: #005197;
        font-family: "Arial";
        padding-top: 7px;
    }
    .adbtitle {
        font-size: 18.5px;
        color: #000000;
    }
    .adbcon {
        font-size: 13px;
        color: #666;
        margin-top: 18px;
        line-height: 30px;
    }
    .advnav,
    .adv {
        display: none;
    }
    .advantage {
        background: none;
        padding: 0 15px;
    }
    .advswiper {
        margin-top: 40px;
    }
    .rn_con {
        font-size: 14px;
        color: #666666;
        line-height: 25px;
        margin-top: 11px;
    }
    .left_new,
    .right_new {
        width: 100%;
        float: none;
    }
    .right_new .newlist {
        position: static;
        width: 100%;
    }
    .right_new {
        margin-top: 40px;
    }
    .newnavs {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        font-weight: bold;
        color: #282828;
    }
    .newnavline {
        width: 95px;
        position: absolute;
        left: 0;
        bottom: -2px;
    }
    .faqswiper {
        width: 100%;
        float: right;
    }
    .faqtitle {
        float: left;
        margin-bottom: 20px;
    }
    .faqs .swiper-button-prev {
        left: auto;
        bottom: auto;
        top: 60px;
        right: 50px;
    }
    .faqs .swiper-button-next {
        left: auto;
        bottom: auto;
        top: 60px;
        right: 0;
    }
    .bottomnavs ul li {
        display: inline-block;
        font-size: 12px;
        color: #4c769a;
        margin: 0px 5px;
    }
    .left_foot {
        width: 100%;
        border-right: none;
        float: none;
        padding-left: 18%;
    }
    .right_foot {
        width: 67%;
        float: none;
        margin: auto;
        margin-top: 40px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 0.05rem;
        width: 0.5rem;
        height: 0.05rem;
    }
    .left_zi {
        width: 217px;
        float: left;
        border-right: 1px solid #f5f5f5;
        display: none;
    }
    .listmuiabouttwoRight {
        float: right;
        width: 100%;
        overflow: hidden;
    }
    .listmuiabouttwoLeft {
        float: left;
        width: 100%;
        overflow: hidden;
        margin-bottom: 2rem;
    }
    .listbanner {
        height: 320px;
        padding-top: 1.3rem;
    }
    .listbanner label {
        font-size: 19px;
        margin-top: -36px;
    }
    .listbanner div {
        border-top-color: #0a6cc7;
        border-top-style: solid;
        border-top-width: 3px;
        width: 84px;
        margin: auto;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .listbanner p {
        font-size: 12px;
        margin: 0;
        line-height: 23px;
    }
    #allmap {
        height: 400px;
    }
    .listcontact {
        min-height: 800px;
    }
    .listcontact>img {
        margin: 2rem 0;
        transition: all 1s;
        width: 58px;
    }
    .listcontact>p {
        font-size: 18px;
    }
    .listcontact>span {
        font-size: 13px;
        line-height: 24px;
        margin-top: 1rem;
    }
    /**/
    .listnav {
        height: 60px;
        line-height: 60px;
    }
    .listnavleft {
        width: 52%;
    }
    .listnavleft a {
        width: 46%;
        color: #333;
        font-size: 12px;
    }
    .listabout .listabouttitle {
        font-size: 16px;
        margin: 0;
        padding-bottom: 1rem;
        margin-top: 2rem;
    }
    .listabout>div {
        font-size: 12px;
    }
    .listnew {
        padding-top: 0.5rem;
        width: 98%;
    }
    .listnew a {
        border-bottom: 1px solid #ccc;
        padding-bottom: 0.25rem;
        margin-bottom: 0.5rem;
    }
    .listnew a img {
        display: none;
    }
    .listnew .listnewright {
        width: 100%;
        margin-top: 0rem;
    }
    .listnew .listnewright .listnewrighttop {
        line-height: 34px;
    }
    .listnew .listnewright .listnewrighttop span {
        font-size: 14px;
    }
    .listnew .listnewright .listnewrighttop div {
        font-size: 12px;
    }
    .listnew .listnewright p {
        font-size: 12px;
        line-height: 24px;
        margin: 0;
        margin-bottom: 0.25rem;
    }
    /**/
    .listmessage>form>input {
        height: 29px;
        width: 70px;
        border: 0;
        margin-left: 31px;
        margin-top: 0.5rem;
        font-size: 14px;
        line-height: 20px;
    }
    .listmessages input {
        width: 81%;
        height: 30px;
        padding-left: 10px;
    }
    .listmessages span {
        float: left;
        width: 56px;
        text-align: right;
        margin-right: 1rem;
        font-size: 12px;
    }
    .listmessage {
        margin: 0.75rem auto;
        padding-left: 0;
        width: 98%;
    }
    .listmessages textarea {
        width: 81%;
        height: 100px;
    }
    .listpro {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 98%;
    }
    .listproleft {
        width: 100%;
        margin-bottom: 1rem;
    }
    .listproleft a {
        height: 35px;
        width: 32%;
        font-size: 13px;
        line-height: 35px;
        margin-bottom: 0.5rem;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 2%;
    }
    .listproleft a:nth-child(3n) {
        margin-right: 0;
    }
    .listproright .fa {
        position: absolute;
        top: 8px;
        left: 8px;
        font-size: 15px;
        color: #fff;
        z-index: 999;
    }
    .listproright .title .tle {
        font-size: 14px;
    }
    .listproright .pic {
        height: auto;
    }
    .listproright .foot {
        padding: 10px 10px 10px;
        background: #fff;
    }
    .listproright .read {
        font-size: 12px;
        margin: 0;
    }
    .listproright .title {
        padding-top: 20px;
        width: 100%;
        height: 58px;
    }
    .listproright {
        width: 100%;
    }
    .listshowright {
        float: right;
        width: 100%;
    }
    .listshowrighttop>img {
        width: 100%;
    }
    .listshowrighttop>div {
        width: 100%;
    }
    .detaillefts {
        margin-bottom: 0.5rem;
    }
    .listshowrighttop>div p label {
        font-size: 17px;
    }
    .listmui {
        padding: 0 10px;
    }
    .listmui .bar .b_tt {
        float: left;
        font-size: 20px;
        color: #1f1f1f;
        display: block;
        height: 30px;
        line-height: 30px;
        width: 100%;
        overflow: hidden;
    }
    .listmui .bar .curbar {
        display: none;
    }
    .zhaoxin {
        padding: 0 2px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .zhaoxintop span {
        font-size: 14px;
    }
    .zhaoxins li .msgDiv dd {
        font-size: 12px;
    }
    .zhaoxins li .zhaoxinsbox {
        padding: 26px 24px 51px;
        font-size: 12px;
        line-height: 26px;
        padding: 1rem;
    }
    .listshowrightbottomdetail img{
        width: 100%;
    }
    .listshows{
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
    text-align: center;
}
.listshowrightbottomdetail .listshows:nth-child(2n){
    margin-right: 0;
}
.listshowrightbottom span {
    width: 95px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #333;
    display: inline-block;
    background-color: #f5f5f5;
}
.listproright .listfenlei{
    display: block;
}
}

@media(max-width:420px) {
    .pnav {
        margin-top: 20px;
        display: inline-block;
        text-align: center;
        margin-left: 18px;
    }
    .right_pt {
        float: none;
    }
    .left_pt {
        float: none;
        text-align: center;
    }
    .product {
        padding-top: 40px;
    }
    .fatitle {
        font-size: 21px;
        font-weight: bold;
        color: #fff;
        padding-top: 40px;
    }
    .fatitle span {
        font-size: 25px;
    }
    .facon {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 5px;
    }
    .fanav a {
        margin-right: 9px;
    }
    .advtitle {
        text-align: center;
        font-size: 28px;
        color: #000000;
        padding-top: 25px;
    }
    .advtitles {
        text-align: center;
        font-size: 14px;
        color: #656565;
    }
    .adt_right {
        display: none;
    }
    .adb_left {
        width: 100%;
    }
    .adb_right {
        display: none;
    }
    .rndate {
        float: right;
        font-size: 13px;
        color: #555;
    }
    .rntitle {
        float: left;
        font-size: 15px;
        color: #282828;
        font-weight: bold;
        margin-top: 0;
    }
    .bottomnav {
        display: none;
    }
    .foot {
        margin-top: 40px;
    }
    .left_foot {
        width: 100%;
        border-right: none;
        float: none;
        padding-left: 4%;
    }
    .saoma {
        float: left;
        text-align: center;
        width: 100%;
    }
    .fotitles {
        text-align: center;
    }
    .fotitleline {
        width: 50px;
        border-top: 2px solid #005197;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .right_foot input[type=text] {
        border: none;
        outline: 0;
        background: #fff;
        padding-left: 10px;
        font-size: 14px;
        color: #666666;
        width: 48%;
        height: 38px;
        margin-right: 10px;
    }
    .right_foot {
        width: 96%;
        float: none;
        margin: auto;
        margin-top: 40px;
    }
    .copy a {
        font-size: 14px;
        color: #a5a5a5;
        display: block;
    }
    .copy {
        height: auto;
    }
}

@media(max-width:375px) {
    .pnav p {
        color: #33363e;
        font-size: 12px;
    }
    .fanav a {
        display: inline-block;
        width: 165px;
        height: 47px;
        position: relative;
        z-index: 999;
        line-height: 47px;
        padding-left: 20px;
        margin-right: 5px;
    }
    .fanav a::before {
        content: "";
        display: block;
        width: 165px;
        border-bottom: 47px solid #009dec;
        border-right: 20px solid transparent;
        z-index: 99999;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .right_fangan {
        width: 100%;
    }
    .advtitle {
        text-align: center;
        font-size: 25px;
        color: #000000;
        padding-top: 25px;
    }
    .advswiper {
        margin-top: 0;
    }
    .newlist ul li .newdate {
        float: right;
        font-size: 12px;
        color: #555555;
    }
    .newlist ul li .newcon {
        float: left;
        font-size: 12px;
        color: #555555;
    }
    .qdetail {
        font-size: 13px;
        color: #282828;
        font-weight: bold;
        float: left;
    }
    .adetail {
        font-size: 12px;
        color: #666;
        line-height: 30px;
        float: left;
    }
    .qdetail,
    .adetail {
        width: 87%;
    }
    .comname {
        font-size: 22px;
        color: #fff;
        margin-bottom: 30px;
        text-align: center;
    }
    .foot {
        padding-top: 30px;
    }
    .cot {
        float: left;
        margin-left: 10px;
        padding-top: 20px;
    }
    .listshowrightbottom span {
    width: 82px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #333;
    display: inline-block;
    background-color: #f5f5f5;
}
}