@media screen and (max-width: 750px) {
    .main{
        width:6.9rem;

    }
    html{
        height:100%;
    }
    body{
        height:100%;
    }
    .body{
        width:100%;
        height:100%;
    }
    .banner{
        display:none;
    }
    .m_banner{
        background:url(../images/banner_m.jpg) no-repeat center;
        width:100%;
        height:7.32rem;
        background-size:100% auto;
        cursor:pointer;
    }
    .ztn .title{
        font-size:0.42rem;
        color:#2c2c2a;
        margin-top:0.5rem;
        background:url(../images/title_hr.jpg) no-repeat bottom center;
        background-size: 0.9rem auto;
        padding-bottom:0.1rem;
    }
    .ztn1 .container {
        width: 100%;
        height: auto;
        margin: 0.4rem auto 0 auto;
        box-shadow: none;
    }
    .ztn1 .container .tab {
        width:100%;
        position: static;
        left: 0;
    }
    .ztn1 .container .right {
        position:static ;
        right: 0;
        width: 100%;
    }
    .ztn1 .container .tab ul{
        overflow: hidden;
    }
    .ztn1 .container .tab ul li {
        width: 2.06rem;
        height: 0.61rem;
        font-size: 0.24rem;
        line-height: 0.61rem;
        text-align: center;
        padding-left: 0;
        position: relative;
        float:left;
        margin:0 0.12rem 0.2rem 0.12rem;
    }
    .ztn1 .container .tab ul li img{
        display:none;
    }
    .ztn1 .container .tab ul li.xz {
        border-left: none;
        background-color: #ffffff;
        padding-left: 0;
    }
    .ztn1 .container .tab ul li span {
        color: #2c2c2a;
        display: block;
        background:none;
        background-color:#eff2f5;
        width: 100%;
        position: absolute;
        box-sizing: border-box;
        padding-left: 0;
        margin-right:20px;
    }
    .ztn1 .container .tab ul li.xz span {
        background-color:#bb934e;
        color:#ffffff;
    }
    .ztn1 .container .right .c{
        width:100%;
        height:4.05rem;
        position:relative;
        overflow: hidden;
        margin-top:0.3rem;
        border-radius:0.15rem;
        box-shadow:0 0 0.2rem rgba(0,0,0,0.5);
    }
    .ztn1 .container .right .img{
        width:100%;
        margin-top:0;
    }
    .ztn1 .container .right .img img{
        width:100%;

    }
    .ztn1 .container .right .info{
        position:absolute;
        bottom:0;
        width:100%;
        height:1.17rem;
        background: linear-gradient(to bottom,rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1));
        margin-left:0;
    }
    .ztn1 .container .right .info p{
        font-size:0.18rem;
        line-height:0.32rem;
        color:#ffffff;
        padding:0.3rem 0.5rem 0.1rem 0.5rem;
        margin-top:0;
    }

    .ztn1 .container .right .form {
        position:static;
        width: 100%;
        height: auto;
        border-radius: 0;
        border: none;
        box-shadow:none;
        margin-top: 0.7rem;
        padding-top: 0;
        box-sizing: border-box;
        z-index: 999;
        right: 0;
        bottom: 0;
    }
    .ztn1 .container .right .form input {
        width: 100%;
        height: 0.94rem;
        margin: 0 auto 0.3rem auto;
        border: solid 1px #e5e4e5;
        border-radius: 0.1rem;
        display: block;
        padding-left: 0.3rem;
        box-sizing: border-box;
    }
    .ztn1 .container .right .form p {
        width: 100%;
        height: 0.94rem;
        border-radius: 0.1rem;
        background-color: #bb934e;
        box-shadow: none;
        margin: 0 auto 0.65rem auto;
        font-size: 0.36rem;
        color: #ffffff;
        text-align: center;
        line-height: 0.94rem;
        cursor: pointer;
    }
    .ztn1 .container .right .form input{
        font-size:0.28rem;
        color:#cccccc;
        padding-left:1.1rem;
    }
    .ztn1 .container .right .form input.name{
        background: url(../images/name_ztn1.png) no-repeat left 0.3rem center;
        background-size:0.62rem auto;
    }
    .ztn1 .container .right .form input.phone{
        background: url(../images/phone_ztn1.png) no-repeat left 0.3rem center;
        background-size:0.57rem auto;
    }



    .ztn2{
        clear:both;
    }
    .ztn2 .title b{
        display:none;
    }
    .ztn2 .container{
        margin-top:0.5rem;
    }
    .ztn2 .container ul{
        width:100%;
    }
    .ztn2 .container ul li {
        width: 33%;
        height: 2.2rem;
        border-right: solid 1px #d0d4d6;
        border-bottom: solid 1px #d0d4d6;
        box-sizing: border-box;
        padding-top: 15px;
    }
    .ztn2 .container ul li.l4, .ztn2 .container ul li.l5, .ztn2 .container ul li.l6{
        padding-top:0.3rem;
    }
    .ztn2 .container ul li img{
        width: 0.57rem;
    }
    .ztn2 .container ul li p{
        font-size:0.26rem;
        font-weight:bold;
        margin-top:0.15rem;
        margin-bottom:0.1rem;
    }
    .ztn2 .container ul li span{
        font-size:0.14rem;
        color:#282828;
        line-height:0.22rem;
        width:100%;
        padding:0 0.05rem;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .ztn2 .container p.zx {
        width: 4rem;
        height: 0.6rem;
        border-radius: 0.1rem;
        margin: 0.4rem auto 0.6rem auto;
        font-size: 0.22rem;
        line-height: 0.6rem;
    }


    .ztn3{
        background: url(../images/ztn3_bj.jpg) no-repeat center;
        background-size:auto 10rem;
    }
    .ztn3 .title{
        color:#ffffff;
    }
    .ztn3 .main{
        width:6.03rem;
    }
    .ztn3 .container{
        width:6.36rem;
        margin-top:0.6rem;
    }
    .ztn3 .container .box {
        width: 2.85rem;
        height: 1.05rem;
        background: url(../images/ztn3_1.png) no-repeat center;
        background-size: 2.85rem 1.05rem;
        margin-right: 0.33rem;
        margin-bottom: 0.33rem;
    }
    .ztn3 .container .box p {
        font-size: 0.26rem;
        margin-top: 0.15rem;
        margin-bottom: 0.05rem;
    }
    .ztn3 .container .box span {
        font-size: 0.14rem;
    }
    .ztn3 p.zx {
        width: 4rem;
        height: 0.6rem;
        border-radius: 0.1rem;
        font-size: 0.22rem;
        line-height: 0.6rem;
        margin: 0.2rem auto 0.68rem auto;
    }
    .ztn4 .container{
        width:100%;
        background: url(../images/ztn4_bj_m.png) no-repeat center;
        background-size: 100% 5rem;
        height:5.49rem;
        margin: 0.45rem auto 0 auto;
    }
    .ztn4 .container .box{
        display:none;
    }

    .ztn4 p.zx {
        width: 4rem;
        height: 0.6rem;
        margin: 0.4rem auto 0.6rem auto;
        font-size: 0.22rem;
        line-height: 0.6rem;
    }
    .ztn5{
        background: url(../images/ztn5_bj_m.jpg) no-repeat center;
        background-size: 100% auto;
    }
    .ztn5 .container{
        width:7.04rem;
        margin-top: 0.5rem;
    }
    .ztn5 .container .box{
        width:3.38rem;

        margin-right:0.14rem;
        background: url(../images/ztn5_box_shadow.png) no-repeat bottom 0.25rem center;
        background-size: 2.86rem auto;
        margin-bottom: 0.25rem;
    }
    .ztn5 .container .box .img{
        height:2.85rem;
        border-radius:0.1rem;
    }
    .ztn5 .container .box .img img{
        width:auto;
        height:100%;
    }

    .ztn5 .container .box .img .info {
        position: absolute;
        display: block;
        background-color: rgba(0,0,0,0.7);
        width: 100%;
        height: 2.85rem;
        top: 100%;
        transition: 0.5s;
        border-radius: 10px;
    }
    .ztn5 .container .box p.c {
        font-size: 0.24rem;
        color: #282828;
        text-align: center;
        margin-top: 0.25rem;
    }
    .ztn5 p.zx {
        width: 4rem;
        height: 0.6rem;
        border-radius: 0.1rem;
        font-size: 0.22rem;
        line-height: 0.6rem;
        margin: 0.2rem auto 0.65rem auto;
    }
    .ztn6 .container{
        width:100%;
        margin: 0.5rem auto 0.5rem auto;
    }
    .ztn6 .container .box {
        width: 50%;
        height: 2.8rem;
    }
    .ztn6 .container .box img {
        width: 0.5rem;
        margin: 0.4rem auto 0.2rem auto;
    }
    .ztn6 .container .box p{
        font-size:0.3rem;

    }
    .ztn6 .container .box span {
        font-size: 0.17rem;
        margin-top: 0.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .ztn6 .container .box b{
        width:1.65rem;
        height:0.4rem;
        line-height:0.4rem;
        margin:0.25rem auto 0 auto;
        background-color: #ffffff;
        border-radius:0.1rem;
        font-size:0.17rem;
        color:#1a1a1a;
        text-align: center;
        display:block;
        font-weight:normal;
    }
    .footer{
        background-color: #ffffff;
    }
    .footer .container{
        width:100%;
    }
    .footer .container .top{
        display:none;
    }

    .footer .container .bottom{
        background-color: #ffffff;
        border-top:none;
        border-bottom: none;
        padding: 0;
        font-size:0.24rem;
        color:#9a9792;
        height:0.7rem;
        line-height:0.7rem;
        margin-bottom:1.4rem;
    }
    .m_zixun{
        width:100%;
        display:block;
        height:1.23rem;
        background-color: #4290e5;
        position:fixed;
        left:0;
        bottom:0;
        z-index:99999;
    }
    .m_zixun .box{
        width:33%;
        float:Left;
        height:0.53rem;
        border-right:solid 1px rgba(255,255,255,0.3);
        margin-top:0.34rem;
    }
    .m_zixun .box:last-child{
        border-right:none;
    }
    .m_zixun .box a{
        font-size:0.26rem;
        color:#ffffff;
        line-height:0.53rem;
        padding-left:0.85rem;
        box-sizing: border-box;
        display:block;
        width:100%;
        height:100%;
    }
    .m_zixun .box1 a{
        background: url(../images/m_zixun_1.png) no-repeat left 0.35rem center;
        background-size: 0.38rem 0.36rem;
    }
    .m_zixun .box2 a{
        background: url(../images/m_zixun_2.png) no-repeat left 0.35rem center;
        background-size: 0.38rem 0.36rem;
    }
    .m_zixun .box3 a{
        background: url(../images/m_zixun_3.png) no-repeat left 0.35rem center;
        background-size: 0.38rem 0.36rem;
    }
    .pop-form{
        width:5.8rem;
        padding:0.1rem 0.25rem 0.3rem 0.25rem;
        box-sizing: border-box;
        margin-left:-2.9rem;
        margin-top:-2.3rem;
    }
    .pp-close {
        width: 0.5rem;
        height: 0.5rem;
    }
    .pp-close img{
        width:100%;
    }
    .pp-title {
        font-size: 0.34rem;
        line-height: 0.6rem;
        padding: 0.2rem 0;
    }
    .pop-form p {
        margin-top: 0.25rem;
    }
    .pop-form .pf-tel{
        padding-top:0.4rem;
    }
    .pop-form input {
        width: 100%;
        height: 0.8rem;
        line-height: 0.8rem;
        padding-left: 0.2rem;
        box-sizing: border-box;
    }
    .pp-hint {
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.16rem;
        border-radius: 0.05rem;
        padding: 0 0.15rem;
    }
    .pp-hint img {
        width:0.18rem;
        height:0.21rem;
        vertical-align: top;
        margin: 0.1rem 0.1rem 0 0;
    }
    .pop-form .ppt-con .phone {
        width: 100%;
    }
    .pop-form .pp-btn {
        margin-top: 0.3rem;
        width: 100%;
        height: 0.9rem;
        line-height: 0.9rem;
        background-color: #2faaff;
        font-size: 0.3rem;
    }
























}