@media screen and (max-width: 1200px) {
    .body{
        width:1200px;
        overflow: hidden;
    }
}
@media screen and (max-width: 750px) {
    .body{
        width:100%;
    }
    .main{
        width:7rem;
        margin:0 auto;
        position:relative;
    }
    .yinyu{
        display:none;
    }
    
    header .h_logo{
        width:100%;
        height:1rem;
    }
    header .h_logo .h{
        display:none;
    }
    header .h_logo form{
        display:none;
    }
    header .h_logo .address{
        position:absolute;
        left:0;
        float: none;
        height: 0.4rem;
        line-height: 0.4rem;
        margin: 0.3rem 0 0 0;
        padding-bottom:0;
    }
    header .h_logo .address .img_address {
        width: 0.2rem;
        height: auto;
        float: left;
        margin-top: 0.08rem;
    }
    header .h_logo .address p {
        float: left;
        margin-left: 0.08rem;
    }
    header .h_logo .address p a {
        font-size: 0.23rem;
        color: #666666;
    }
    header .h_logo .address i {
        width: 0.12rem;
        height: 0.12rem;
        background: url(../images/jiantou_xia.png) no-repeat center;
        background-size: 0.2rem auto;
        margin-top: 0.14rem;
        margin-left: 0.08rem;
        transition: 0.3s;
    }
    header .h_logo h1 img {
        width: 1.6rem;
        height: auto;
        margin-top: 0.26rem;
        margin-left: -0.8rem;
        margin-right: 0;
        left:50%;
        position:absolute;
    }
    header .h_logo .phone{
        display:none;
    }
    header .h_logo img.m_menu{
        display:block;
        position:absolute;
        right:0;
        width:0.4rem;
        top:0.36rem;
    }
    header .nav{
        display:none;
    }
    .banner {
        max-width: 1920px;
        width: 100%;
        height: 5.38rem;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .banner .swiper-slide {
        height: 5.38rem;
        overflow: hidden;
        position: relative;
    }
    .banner .swiper-slide a img {
        top: 0;
        left: 50%;
        margin-left: -3.75rem;
        width: 7.5rem;
        height: 5.38rem;
    }
    .banner .swiper-slide a img.pc{
        display:none;
    }
    .banner .swiper-slide a img.m{
        display:block;
    }
    .chaxun .main {
        width:100%;
        height: 2.75rem;
        margin: 0 auto 0 auto;
        box-shadow: 0 0 0.4rem rgb(0 0 0 / 30%);
        background: url(../images/chaxun.jpg) no-repeat center;
        background-size:auto 100%;
        border-radius: 0;
    }
    .chaxun .left{
        display:none;
    }
    .chaxun .right .tab span.sb{
        display:none;
    }
    .chaxun .right {
        float: none;
        width: 7rem;
        margin-left: 0;
        margin:0 auto;
    }
    .chaxun .right .tab span,.chaxun .right .tab p{
        display:none;
    }
    .chaxun .right .tab h4{
        display:block;
        font-size:0.36rem;
        font-weight:bold;
        color:#303030;
        text-align: center;
        line-height:0.36rem;
        margin-top:0.5rem;
    }
    .chaxun .right .tab h4 b{
        color:#ff8624;
    }
    .chaxun .right .form{
        margin-top:0.38rem;
    }
    .chaxun .right .form .so {
        width: 4.6rem;
        height: 0.86rem;
        float: left;
        box-shadow:none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .chaxun .right .form .so input.yewu {
        width: 100%;
        height: 0.86rem;
        line-height: 0.86rem;
        padding-left: 0.6rem;
        box-sizing: border-box;
        background: url(../images/chaxun_so.png) no-repeat left 0.2rem center;
        background-size:0.24rem auto;
        background-color: #ffffff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 0.27rem;
        color: #b9b9b9;
        border:solid 1px #c9c9c9;
    }
    .chaxun .right .form span.tj{
        width:2.4rem;
        height:0.86rem;
        line-height: 0.86rem;
        font-size: 0.3rem;
        cursor: pointer;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .ztn1{
        display:none;
    }
    .m_ztn1{
        display:block;
        background-color: #f5f5f4;
        overflow:hidden;
    }
    .m_ztn1 .container{
        width:7rem;
        margin:0.5rem auto 0 auto;
        overflow: hidden;
    }
    .m_ztn1 .container .box{
        width:1.1rem;
        float:left;
        margin-right:0.6rem;
        margin-bottom:0.45rem;
    }
    .m_ztn1 .container .box:first-child,.m_ztn1 .container .box:nth-child(5){
        margin-left:0.4rem;
    }
    .m_ztn1 .container .box:nth-child(4),.m_ztn1 .container .box:nth-child(8){
        margin-right:0.4rem;
    }
    .m_ztn1 .container .box .img{
        width:1.04rem;
        height:1.04rem;
        overflow:hidden;
        margin:0 auto;
        border-radius:50%;
    }
    .m_ztn1 .container .box1 .img{
        background-color: #1d90dd;
    }
    .m_ztn1 .container .box2 .img{
        background-color: #f99410;
    }
    .m_ztn1 .container .box3 .img{
        background-color: #30c69e;
    }
    .m_ztn1 .container .box4 .img{
        background-color: #e20057;
    }
    .m_ztn1 .container .box5 .img{
        background-color: #af1282;
    }
    .m_ztn1 .container .box6 .img{
        background-color: #8910f9;
    }
    .m_ztn1 .container .box7 .img{
        background-color: #e20057;
    }
    .m_ztn1 .container .box8 .img{
        background-color: #55498c;
    }
    .m_ztn1 .container .box img{
        width:0.47rem;
        margin:0.285rem auto;
        
    }
    .m_ztn1 .container .box p{
        font-size:0.26rem;
        color:#343434;
        text-align:center;
        margin-top:0.1rem;
    }
    .ztn .m_zx{
        width:7rem;
        margin:0 auto 0.6rem auto;
        height:0.88rem;
        font-size:0.3rem;
        line-height:0.88rem;
        background-color: #ff8624;
        color:#ffffff;
        text-align: center;
        border-radius:0.1rem;
    }
    .ztn .title h3{
        font-size:0.36rem;
        margin-top: 0.6rem;
        line-height: 0.36rem;
    }
    .ztn .title h3 span{
        color:#ff8624;
    }
    .ztn .title p{
        font-size:0.18rem;
        color:#303030;
        line-height:0.18rem;
        margin-top:0.19rem;
    }
    .ztn .container {
        margin-top: 0.46rem;
        margin-bottom: 0.65rem;
        height:auto;
    }
    .ztn2 .container{
        margin-top: 0.2rem;
        box-shadow:none;
        border-radius: 0;
    }
    .ztn2 .container .left {
        width: 100%;
        height: 3rem;
        background-image: linear-gradient(to right, #3b80d4 0%, #4b4dc8 100%);
        margin-top: 0.6rem;
        position: relative;
        float: none;
    }
    .ztn2 .container .right{
        display:none;
    }

    .ztn2 .container .left .img {
        position: absolute;
        left: 1rem;
        bottom: 0;
    }
    .ztn2 .container .left .img img{
        height:3.5rem;
    }
    .ztn2 .container .left::before {
        position: absolute;
        content: '';
        left: 0.38rem;
        top: 0.25rem;
        width: 0.48rem;
        height: 2.38rem;
        background: url(../images/YUYING.png) no-repeat center;
        background-size:0.48rem auto;
    }
    .ztn2 .container .left .info {
        width: 3rem;
        margin-left: 3.8rem;
    }
    .ztn2 .container .left .info h4 {
        font-size: 0.3rem;
        margin-top: 0.2rem;
        height: 0.3rem;
    }
    .ztn2 .container .left .info h4 span {
        font-size: 0.16rem;
        margin-left: 0.2rem;
    }
    .ztn2 .container .left .info p {
        font-size: 0.16rem;
        margin-top: 0.16rem;
        line-height: 0.24rem;
    }
    .ztn2 .container .left .info h5 {
        font-size: 0.2rem;
        line-height: 0.18rem;
        margin-top: 0.2rem;
    }
    .ztn2 .container .left .info a {
        display: block;
        width: 1.8rem;
        height: 0.46rem;
        border: solid 1px #ffffff;
        font-size: 0.18rem;
        line-height: 0.46rem;
        text-align: center;
        color: #ffffff;
        border-radius: 0.23rem;
        margin-top: 0.2rem;
    }
    .ztn3{
        display:none;
    }
    .ztn4{
        background-color: #f5f5f4;
    }
    .ztn4 .title p{
        display:none;
    }
    .ztn4 .container ul {
        width: 6.2rem;
        overflow: initial;
        margin:0 auto;
    }
    .ztn4 .container ul li {
        width: 100%;
        height: 1.76rem;
        float: none;
        margin-right: 0;
        position: static;
        cursor: pointer;
        overflow: initial;
        margin-bottom: 0.15rem;
        border-radius: 0;
    }
    .ztn4 .container ul li .img {
        width: 2.96rem;
        height: 100%;
        overflow: hidden;
        position: static;
        border-radius:0.2rem;
        box-shadow:0 0 0.2rem rgba(0,0,0,0.3);
    }
    .ztn4 .container ul li .img img {
        width: 100%;
    }
    .ztn4 .container ul li .info {
        width:3.24rem;
        position: static;
        top: 0;
        height: 100%;
        transition: 0.5s;
    }
    .ztn4 .container ul li:hover .info{
        transition:0.5s;
        background-image: none;
    }
    .ztn4 .container ul li.l1 .info,.ztn4 .container ul li.l3 .info,.ztn4 .container ul li.l5 .info,.ztn4 .container ul li.l7 .info{
        padding:0 0.38rem 0 0.66rem;
        box-sizing:border-box;
    }
    .ztn4 .container ul li.l2 .info,.ztn4 .container ul li.l4 .info,.ztn4 .container ul li.l6 .info{
        padding:0 0.75rem 0 0.48rem;
        box-sizing:border-box;
    }

    .ztn4 .container ul li .left{
        float:left;
    }
    .ztn4 .container ul li .right{
        float:right;
    }
    .ztn4 .container ul li .info h4 {
        height: 1.76rem;
        font-size: 0.24rem;
        line-height: 0.36rem;
        color: #282828;
        margin: 0 auto;
        padding: 0;
        background-image: none;
        transition: 0.5s;
        text-align: center;
        display:flex;
        align-items:center;
        text-align: left;
        position:relative;
    }
    .ztn4 .container ul li.h .info h4 {
        height: 100%;
        padding: 0;
        text-align: left;
    }
    .ztn4 .container ul li:hover .info h4{
        height:100%;
    }
    .ztn4 .container ul li.h:hover .info h4{
        height:100%;
    }
    
    .ztn4 .container ul li .info p{
        display:none;
    }
    .ztn4 .container ul li:hover .info h4{
        background-image:none;
        opacity: 1;
        padding:0;
    }
    .ztn4 .container ul li .info h4::before{
        font-size:0.72rem;
        font-weight:bold;
        color:#e5e5e4;
        position:absolute;
        line-height:1.76rem;
        height:100%;
    }
    .ztn4 .container ul li.l1 .info h4::before{
        content:'1';
        left:-0.56rem;
    }
    .ztn4 .container ul li.l2 .info h4::before{
        content:'2';
        right:-0.56rem;
    }
    .ztn4 .container ul li.l3 .info h4::before{
        content:'3';
        left:-0.56rem;
    }
    .ztn4 .container ul li.l4 .info h4::before{
        content:'4';
        right:-0.56rem;
    }
    .ztn4 .container ul li.l5 .info h4::before{
        content:'5';
        left:-0.56rem;
    }
    .ztn4 .container ul li.l6 .info h4::before{
        content:'6';
        right:-0.56rem;
    }
    .ztn4 .container ul li.l7 .info h4::before{
        content:'7';
        left:-0.56rem;
    }
    .ztn4 .container ul li.l8{
        width:100%;
        height:0.88rem;
        margin-top:0.5rem;
        position:relative;
        border-radius:0.2rem;
        overflow:hidden;
    }
    .ztn4 .container ul li.l8 .img{
        width:100%;
        background-color: #ff8624;
        
    }
    .ztn4 .container ul li.l8 .img img{
        display:none;
    }
    .ztn4 .container ul li .img span {
        width: 100%;
        height: 0.88rem;
        border:none;
        border-radius: 0;
        display: block;
        position: absolute;
        font-size: 0.3rem;
        color: #ffffff;
        line-height: 0.88rem;
        text-align: center;
        top: 0;
        left: 0;
    }
    .ztn4 .container ul li:hover .img span{
        background-color: #ff8624;
        color:#ffffff;
    }
    .ztn5{
        display:none;
    }
    .ztn6 .container {
        width: 6.6rem;
        overflow: hidden;
        padding-top: 0;
        margin:0.45rem auto 0.4rem auto;
    }
    .ztn6 .container .box {
        width: 100%;
        height:1.7rem;
        float: none;
        margin-right: 0;
        position: static;
        transition: 0.5s;
        top: 0;
        overflow:hidden;
        margin-bottom:0.2rem;
    }
    .ztn6 .container .box .img{
        width:2.5rem;
        height:1.7rem;
        float:left;
        overflow:hidden;
    }
    .ztn6 .container .box .img img{
        width:100%;
        min-height:100%;
    }
    .ztn6 .container .box:hover .img img{
        transform:scale(1);
        transition:0.5s;
    }
    .ztn6 .container .box .con {
        border-top: solid 1px #cdcccc;
        border-right: solid 1px #cdcccc;
        border-bottom: solid 1px #cdcccc;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        height:1.7rem;
        box-sizing: border-box;
        position:relative;
    }
    .ztn6 .container .box .fr {
        float: none;
        cursor: pointer;
        width: 3.14rem;
        height: 67px;
        margin-left: 0.4rem;
        position:absolute;
        top:0.22rem;
        border-bottom:solid 1px #dfdfdf;
        padding-bottom:0.1rem;
    }
    .ztn6 .container .box .fr h3 {
        font-weight: normal;
        width: 100%;
        line-height: 0.36rem;
        font-size: 0.22rem;
        display: inline-block;
        color: #444;
        overflow: hidden;
    }
    .ztn6 .container .box .fr span{
        display:none;
    }
    .ztn6 .container .box .fl {
        width: 100%;
        height: 0.3rem;
        border-right: 1px solid #dfdfdf;
        float: none;
        position:absolute;
        bottom:0.16rem;
        margin-left:0.4rem;
    }
    .ztn6 .container .box .fl p{
        display:none;
    }
    .ztn6 .container .box .fl span {
        font-size: 0.18rem;
        line-height: 0.3rem;
        height: 0.3rem;
        display: inline-block;
        width: 100%;
        text-align: left;
        margin-top: 0;
        float: none;
    }
    
    
    .ztn_xw .title{
		margin-top:0.5rem;
	}
	.ztn_xw .container{
        width:100%;
        margin: 0.42rem auto 0.1rem auto;
    }
    .ztn_xw .title p:before{
        left:50%;
        margin-left:-20%;
        width: 0.8rem;
    }
    .ztn_xw .title p:after{
        right:50%;
        margin-right:-20%;
        width: 0.8rem;
    }
    .ztn_xw ul{
        display:none;
    }
    .ztn_xw .container .xw{
        width:6.8rem;
        margin:0 auto;
        overflow: hidden;
    }
    .ztn_xw .container .left{
        width:100%;
    }
	
    .ztn_xw .container .left .tuij{
        height:3.6rem;
        margin-bottom: 0.6rem;
    }
	.ztn_xw .container .left .box{
		margin-bottom:0.6rem;
	}
    .ztn_xw .container .left .tuij img{
        width:100%;
    }
    .ztn_xw .container .left .tuij p{
        height: 0.75rem;
        line-height: 0.75rem;
        font-size: 0.24rem;
    }
    .ztn_xw .container .box{
        width:100%;
        height:0.69rem;
    }
    .ztn_xw .container .hy .left .box{
        margin-bottom: 0.5rem;
    }
	.ztn_xw .container .right .box{
		display:none;
	}
	.ztn_xw .container .right .box.m{
		display:block;
	}
    .ztn_xw .container .box .fl {
        width: 0.8rem;
        height: 0.69rem;
        padding-right: 0.14rem;
        margin-right: 0.27rem;
    }
    .ztn_xw .container .box .fl p {
        font-size: 0.45rem;
        line-height: 0.45rem;
        height: 0.45rem;
        width: 100%;
        text-align: center;
    }
    .ztn_xw .container .box .fl span {
        font-size: 0.14rem;
        line-height: 0.14rem;
        height: 0.11rem;
        width: 100%;
        text-align: center;
        margin-top: 0.1rem;
    }


    .ztn_xw .container .box .fr {
        width: 5.55rem;
        height: 0.67rem;
        float:left;
    }
    .ztn_xw .container .box .fr h3{
        font-size:0.2rem;
        width:100%;
        height: auto;
        line-height: 0.2rem;
    }
    .ztn_xw .container .box .fr p {
        width: 100%;
        height: 0.44rem;
        line-height: 0.22rem;
        font-size: 0.13rem;
        margin-top: 0.07rem;
    }

    .ztn_xw .container .right{
        width:100%;
    }
    .ztn_xw .container .right .box {
        margin-left: 0;
        margin-bottom: 0.5rem;
        height:0.69rem;
    }
    
    
    .ztn7{
        display:none;
    }
    .fw{
        display:none;
    }
    .biaodan{
        background: url(../images/biaodan_1.jpg) no-repeat center;
        overflow:hidden;
        display:block;
    }
    .biaodan .title{
        margin-top: 0.5rem;
        overflow: hidden;
    }
    .biaodan h2{
        color:#ffffff;
        font-size: 0.42rem;
        font-weight: bold;
        height: 0.7rem;
        text-align: center;
        background: url(../images/title_hr.jpg) no-repeat center bottom 0;
        background-size: 0.95rem 0.07rem
    }
    .biaodan h2 span{
        color:#ff8624
    }
    .biaodan form{
        width:6.9rem;
        margin:0.5rem auto 1rem auto;
    }
    .biaodan form input.name{
        background: url(../images/m_ftbd_name.png) no-repeat left 0.3rem center;
        background-color: rgba(236,236,236,0.15);
        background-size: 0.19rem 0.28rem;
    }
    .biaodan form input.phone{
        background: url(../images/m_ftbd_phone.png) no-repeat left 0.3rem center;
        background-color: rgba(236,236,236,0.15);
        background-size: 0.16rem 0.28rem;
    }
    .biaodan form input.yewu{
        background: url(../images/m_ftbd_yewu.png) no-repeat left 0.3rem center;
        background-color: rgba(236,236,236,0.15);
        background-size: 0.19rem 0.20rem;
    }
    
    .biaodan form input{
        width:100%;
        height:0.87rem;
        margin-bottom:0.18rem;
        padding-left:0.7rem;
        box-sizing: border-box;
        font-size:0.26rem;
        color:#d2d3d8;
    }
    .biaodan form input::-webkit-input-placeholder {
        color: #d2d3d8;
    }
    .biaodan form span.tj{
        display:block;
        width:100%;
        height:0.88rem;
        background-color: #ff8624;
        font-size:0.3rem;
        color:#ffffff;
        line-height:0.88rem;
        text-align: center;
        cursor:pointer;
        margin-top:0.3rem;
        border-radius:0.1rem;
    }
    .beian{
        width:100%;
        height:1.3rem;
        line-height:1.3rem;
        background-color:#f2f2f2;
        font-size:0.24rem;
        color:#9a9792;
        text-align: center;
        margin-bottom:1rem;
        display:block;
    }
    .m_zixun{
        position:fixed;
        bottom:0;
        display:block;
    }
    .m_zixun ul{
        width:7.5rem;
        margin:0 auto;
    }
    .m_zixun ul li{
        width:50%;
        float:left;
        height:1rem;
        line-height:1rem;
        font-size:0.3rem;
        color:#ffffff;
        font-weight:bold;
        text-align: center;
        padding-left:0.5rem;
        box-sizing: border-box;
        cursor:pointer;
    }
    .m_zixun ul li a{
        font-size:0.3rem;
        color:#ffffff;
        font-weight:bold;
    }
    .m_zixun ul li.phone{
        background: url(../images/m_zixun_1.png) no-repeat left 30% center;
        background-size: 0.47rem;
        background-color: #4b4ec8;
    }
    .m_zixun ul li.zixun{
        background: url(../images/m_zixun_2.png) no-repeat left 30% center;
        background-color: #ff9c00;
        background-size: 0.47rem;
    
    }
    footer{
        display:none;
    }




}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 440px){

}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 380px) {
}