@media(max-width:1200px) {
    .fcontact {
        padding-right: 60px;
    }
    .liuyan {
        padding-left: 30px;
        padding-right: 30px;
    }
    .saoma {
        padding-left: 75px;
    }
    .banner_title {
        font-size: 48px;
        color: #fff;
        font-family: "黑体";
        padding-top: 60px;
    }
}

@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;
    }
    .head,
    .nav {
        display: none;
    }
    .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;
    }
    .liuyan input[type=text] {
        width: 270px;
    }
    .intro {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner_title {
        padding-top: 20px;
    }
    .banner_content {
        padding-left: 15px;
    }
    .right_join a {
        margin-top: -5px;
    }
    .left_join_top {
        padding-top: 25px;
    }
    .foot,
    .copy {
        padding-left: 15px;
        padding-right: 15px;
    }
    .saoma {
        padding-left: 45px;
    }
    .contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contactform textarea {
        width: 100%;
    }
    .contactform input[type=text] {
        width: 49%;
        margin-right: 2%;
    }
    .contactform input[type=text]:nth-child(2n) {
        margin-right: 0;
    }
    .left_contact,
    .right_contact {
        width: 50%;
        float: left;
    }
    .equipment {
        padding-left: 15px;
        padding-right: 15px;
    }
    .equip_top_left_more a {
        display: inline-block;
        width: 45%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #f2f2f2;
        font-size: 14px;
        color: #000;
        font-weight: bold;
        margin-left: 14px;
        margin-top: 35px;
    }
    .job_top_left_title {
        font-size: 32px;
        color: #292929;
        font-weight: 300;
    }
    .fulis {
        width: 49%;
        margin-right: 2%;
    }
    .fulis:nth-child(2n) {
        margin-right: 0;
    }
    .job {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 40px;
    }
    .job_top_left_more a {
        display: inline-block;
        width: 45%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #f2f2f2;
        font-size: 14px;
        color: #000;
        font-weight: bold;
        margin-left: 14px;
        margin-top: 35px;
    }
    .newlists {
        padding-right: 15px;
    }
    .left_new {
        width: 20%;
        text-align: center;
    }
    .right_new {
        width: 80%;
        padding-left: 40px;
        border-left: 1px solid #dcdcdc;
    }
    .new_img {
        width: 30%;
    }
    .new_intro {
        width: 60%;
        float: right;
    }
    .proshow {
        padding-left: 15px;
        padding-right: 15px;
    }
    .proshow_intro_left {
        width: 48%;
        float: left;
        border: 1px solid #eeeeee;
        -webkit-box-shadow: #e5e5e5 0px 0px 10px;
        -moz-box-shadow: #e5e5e5 0px 0px 10px;
        box-shadow: #e5e5e5 0px 0px 10px;
    }
    .proshow_intro_right {
        width: 49%;
        float: right;
    }
    .proshow_res {
        width: 23.5%;
        margin-right: 2%;
    }
    .proshow_details {
        margin-top: 50px;
        font-size: 16px;
        color: #000;
        line-height: 35px;
        padding-bottom: 80px;
        border-bottom: 1px solid #c0c0c0;
    }
    .pro_top_left,
    .pro_top_right {
        width: 100%;
        float: none;
    }
    .pro_top_right {
        margin-top: 20px;
    }
    .products {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pnav {
        width: 100%;
        overflow: hidden;
        background: #f2f2f2;
        line-height: 70px;
        text-align: center;
        margin-bottom: 40px;
    }
    .pro_top_left_title,
    .plist_title {
        font-size: 28px;
        color: #292929;
        font-weight: 300;
    }
    .prolist {
        margin-top: 30px;
        overflow: hidden;
    }
    .pro {
        width: 32%;
        float: left;
        margin-right: 2%;
        margin-top: 17px;
        position: relative;
        overflow: hidden;
    }
    .pro img {
        width: 100%;
    }
    .pro_before {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 245px;
        top: 0;
        left: 0;
        font-size: 18px;
        color: #fff;
        transition: all 0.8s;
    }
    .equip_chengnuo {
        text-align: center;
        font-size: 28px;
        color: #292929;
        font-weight: 300;
        line-height: 35px;
        margin-top: 40px;
    }
    .cases {
        width: 49%;
        float: left;
        margin-right: 2%;
        background: #f2f4f6;
    }
    .case_intro {
        width: 45%;
        float: left;
        margin-left: 40px;
        padding-top: 20px;
    }
    .case_img {
        width: 40%;
        float: left;
    }
}


@media(max-width:768px) {
	
	    .pnavs a {
        display: block;
        float: left;
        width: 50%;
		line-height:45px;
		text-align:center;
		border-bottom:1px solid #dfdfdf;
    }
	.equip_listsssssssssss .equip{
		    width: 100%;
			margin-bottom:10px;
	}
	
	.pro_top_rights_img {
    width: 100%;
    float: left;
}

.pro_top_rights_con {
    width: 100%;
	line-height:45px;

}
.products{
	margin-top:20px;
}
.equip_list{
	    margin-top: 0px;
}
.pro_top_left_title, .plist_title{
		line-height:55px;
}
	.pro_top_rights_con p {

    padding-top: 0px;
}
    .banner_intro {
        font-size: 14px;
        color: #fff;
        font-family: "黑体";
        line-height: 25px;
    }
    .banner_title {
        font-size: 28px;
    }
    .intro_details:nth-child(2n+1) .intro_detail_img,
    .intro_details:nth-child(2n+1) .intro_detail_word,
    .intro_details:nth-child(2n) .intro_detail_img,
    .intro_details:nth-child(2n) .intro_detail_word {
        width: 100%;
        float: none;
    }
    .right_join a {
        margin-top: -15px;
        width: 200px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .left_join_top {
        padding-top: 25px;
        font-size: 24px;
    }
	.pro{
		border:1px solid #dfdfdf;
	}	
	.prolists .pro img{
		width:100%;
	}
.ssssssss_0001 .col-md-2{
	margin-bottom:20px;
}
.left_join_top {
	    font-size: 20px;
}
.ssssssss_0001 .col-xs-12 {
    width: 48%;
}
    .left_join_bottom {
        font-size: 14px;
        color: #fff;
        font-weight: 300;
        max-width: 650px;
        margin-top: 6px;
        line-height: 30px;
    }
    .intro_links {
        background: #f0f0f0;
        text-align: center;
        width: 49%;
        float: left;
        margin-right: 2%;
        padding: 0 12px;
        margin-bottom: 20px;
    }
    .intro_links:nth-child(2n) {
        margin-right: 0;
    }
    .fcontact,
    .liuyan,
    .saoma {
        width: 100%;
        float: none;
        border: none;
        padding: 0;
        text-align: center;
    }
    .fcon_more a {
        margin: auto;
        margin-top: 25px;
    }
    .saoma_word,
    .saoma_img {
        float: none;
    }
    .saoma_word {
        margin-left: 0;
    }
    .left_contact,
    .right_contact {
        width: 100%;
        float: left;
    }
    .left_contact {
        text-align: center;
    }
    .lcline {
        width: 100%;
        margin: auto;
        margin-top: 15px;
    }
    .equip_top_left,
    .equip_top_right {
        width: 100%;
        float: none;
    }
    .equip_top_right {
        margin-top: 20px;
    }
    .equipment {
        margin-top: 40px;
    }
    .equip_top_left_title {
        font-size: 28px;
        color: #292929;
        font-weight: 300;
    }
    .equip {
        width: 49%;
        margin-right: 2%;
    }
    .equip:nth-child(3n) {
        margin-right: 2%;
    }
    .equip:nth-child(2n) {
        margin-right: 0;
    }
    .equip_chengnuo {
        text-align: center;
        font-size: 25px;
        color: #292929;
        font-weight: 300;
        line-height: 35px;
        margin-top: 40px;
    }
    .equip_joinbg img {
        width: 170%;
    }
    .equip_right_join a {
        display: block;
        width: 276px;
        height: 51px;
        background: #f40000;
        text-align: center;
        line-height: 51px;
        font-size: 18px;
        color: #fff;
        float: right;
        margin-top: 35px;
    }
    .equip_join {
        overflow: hidden;
    }
    .job_top_left,
    .job_top_right {
        width: 100%;
        float: none;
    }
    .job_top_right {
        margin-top: 20px;
    }
    .zhaoxin {
        padding: 0 2px;
        margin-top: 20px;
        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;
    }
    .new_img {
        display: none;
    }
    .new_intro {
        width: 100%;
    }
    .pnav {
        width: 100%;
        overflow: hidden;
        background: #f2f2f2;
        line-height: 70px;
        text-align: center;
        margin-bottom: 30px;
    }
    .proshow_maintitle {
        font-size: 26px;
        color: #000;
        font-weight: 300;
    }
    .proshow_intro_left,
    .proshow_intro_right {
        width: 100%;
        float: none;
    }
    .proshow_intro_right {
        margin-top: 20px;
    }
    .proshow_intro_name {
        float: left;
        font-size: 30px;
        color: #000;
        font-weight: 300;
    }
    .proshow_details {
        margin-top: 50px;
        font-size: 16px;
        color: #000;
        line-height: 35px;
        padding-bottom: 45px;
        border-bottom: 1px solid #c0c0c0;
    }
    .proshow_recommend {
        margin-top: 40px;
        overflow: hidden;
    }
    .proshow_recommend_title {
        font-size: 28px;
        color: #000;
        font-weight: 300;
    }
    .proshow_res {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .proshow_res:nth-child(2n) {
        margin-right: 0;
    }
    .cases {
        width: 100%;
        float: left;
        margin-right: 0;
        background: #f2f4f6;
        margin-bottom: 20px;
    }
    .pro_before {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 40px;
        top: 0;
        left: 0;
        font-size: 14px;
        color: #464646;
        transition: all 0.8s;
    }
    .solution {
        width: 100%;
        overflow: hidden;
        margin-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .solutiontitle {
        text-align: center;
        font-size: 28px;
        font-weight: 300;
        color: #000;
    }
}

@media(max-width:420px) {
    .banner img {
        width: 100%;
    }
.header_wrapper{
	    padding-top: 0px!important;
}
    .intro {
        margin-top: 30px;
    }
    .intro_title {
        font-size: 26px;
        color: #000;
        font-weight: 300;
        text-align: center;
    }
    .intro_con {
        font-size: 16px;
        color: #333;
        line-height: 40px;
        margin-top: 15px;
        font-weight: 300;
        text-align: center;
    }
    .intro_detail_word_title {
        font-size: 28px;
        color: #000;
        font-weight: 300;
        margin-top: 30px;
    }
    .intro_detail_word_content {
        font-size: 14px;
        color: #000;
        font-weight: 300;
        line-height: 30px;
    }
    .intro_detail_word_titles {
        font-size: 15px;
        color: #1f1f1f;
        font-weight: 300;
        margin: 15px 0;
    }
    .chengnuo {
        text-align: center;
        font-size: 16px;
        color: #000;
        font-weight: 300;
        line-height: 35px;
        margin-top: 35px;
    }
    .right_join a {
        margin-top: 5px;
        width: 200px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .joinbg img {
        width: 270%;
    }
    .join {
        overflow: hidden;
    }
    .intro_links {
        width: 100%;
        margin-right: 0;
    }
    .foot {
        margin-top: 40px;
        padding-top: 50px;
    }
    .saoma {
        height: auto;
    }
    .left_copy,
    .right_copy {
        float: none;
        text-align: center;
    }
    .copy {
        line-height: 40px;
    }
    .joinbg img {
        width: 300%;
    }
    .joins {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contactform input[type=text] {
        width: 100%;
        margin-right: 0;
    }
    .equip_top_left_con {
        font-size: 14px;
        color: #000;
        font-weight: 300;
        line-height: 25px;
        margin-top: 20px;
    }
    .equip_top_left_title {
        font-size: 20px;
        color: #292929;
        font-weight: 300;
    }
    .equip {
        width: 100%;
        margin-right: 0;
    }
    .equip_chengnuo {
        text-align: center;
        font-size: 16px;
        color: #292929;
        font-weight: 300;
        line-height: 35px;
        margin-top: 40px;
    }
    .equip_left_join_top {
        font-size: 19px;
        color: #fff;
        font-weight: 300;
        padding-top: 20px;
    }
    .equip_left_join_bottom {
        font-size: 15px;
        color: #fff;
        font-weight: 300;
        max-width: 650px;
        margin-top: 15px;
        line-height: 30px;
    }
    .equip_right_join a {
        display: block;
        width: 202px;
        height: 35px;
        background: #f40000;
        text-align: center;
        line-height: 35px;
        font-size: 14px;
        color: #fff;
        float: right;
        margin-top: 20px;
    }
    .equip_joinbg img {
        width: 265%;
    }
    .equip_joins {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .job_top_left_title {
        font-size: 20px;
        color: #292929;
        font-weight: 300;
    }
    .fulimaintitle {
        font-size: 22px;
        color: #292929;
        font-weight: 300;
    }
    .fulititle {
        text-align: center;
        margin-top: 40px;
    }
    .fulititles {
        font-size: 15px;
        color: #4c4c4c;
        font-weight: 300;
        margin-top: 10px;
    }
    .fulis {
        width: 100%;
        margin-right: 0;
    }
    .right_new {
        width: 100%;
        padding-left: 15px;
    }
    .left_new {
        display: none;
    }
    .new_title {
        padding-top: 30px;
        font-size: 17px;
        color: #000;
        font-weight: 300;
    }
    .newlists {
        padding-top: 0;
    }
    .newtitles {
        font-size: 15px;
        color: #333;
        font-weight: 300;
        margin-top: 10px;
    }
    .newmaintitle {
        font-size: 28px;
        color: #000;
        font-weight: 300;
    }
    .new {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }
    .newtitle {
        text-align: center;
        margin-bottom: 20px;
    }

    .proshow_intro_right_bottom a {
        display: inline-block;
        width: 45%;
        height: 48px;
        text-align: center;
        line-height: 48px;
        margin-top: 80px;
        margin-right: 15px;
    }
    .proshow_detail_nav span {
        display: inline-block;
        width: 30%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #f2f2f2;
        font-size: 15px;
        color: #000;
        position: relative;
    }
    .proshow_detail_nav span.active:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        background:#1fbdbe;
        left: 45%;
        bottom: -7px;
        transform: rotate( 45deg);
    }
	.new_con b {
    display: block;
    font-size: 14px;
    color: #000;
   margin-left: 0px; 
   margin-top:10px;
    font-weight: normal;
}
    .proshow_res {
        width: 100%;
        margin-right: 0;
    }
    .pro_top_left_more a {
        width: 45%;
    }
    .pro {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .case_intro_con {
        font-size: 12px;
        color: #666;
        font-weight: 300;
        margin-top: 5px;
    }
    .case_intro_more a {
        display: block;
        width: 110px;
        height: 31px;
        background: #282828;
        line-height: 31px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin-top: 10px;
    }
}