/* 大屏幕（大桌面显示器，大于等于 1600px） */

@media screen and (min-width:1200px) {
    .mobile,
    .m_img,
    .m_nav {
        display: none;
    }
}


/* 小屏幕（手机） */

@media only screen and (min-width: 320px) and (max-width: 1200px) {
    .pc, .top, .navbox,
    .head-top,
    .header {
        display: none;
    }
    .nav,
    .he_b3p3le {
        display: none;
    }
    .mobile {
        display: block;
    }
	body{
		min-width: 100%;
	}
    .container,
    .wrap {
        padding: 0 .2rem;
        overflow: hidden;
        width: auto;
    }
    .m_img {
        display: block;
        height: 1.1rem;
        background: #ffffff;
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: Center;
        position: fixed;
        z-index: 999;
        top: 0;
        padding: 0 .2rem;
        -moz-box-shadow: 0px 4px 6px #d4d5d6;
        -webkit-box-shadow: 0px 4px 6px #d4d5d6;
        box-shadow: 0px 4px 6px #d4d5d6;
		box-sizing: border-box;
    }
    .m_img .headlf {
        float: left;
    }
    .m_img .headcent {
        float: left;
        margin-left: .2rem;
        color: #e61c42;
        font-size: .18rem;
        line-height: .3rem;
    }
    .m_img .headcent select {
        width: 1.2rem;
        height: .4rem;
        border: 0;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url('../images/arrow_06.jpg') 80% center no-repeat;
        background-size: .13rem;
        background-color: #e5e5e5;
        display: block;
        padding-left: .1rem;
        margin-left: .3rem;
    }
    .m_img .headlf .m_logo {
        height: auto;
        width: 70%;
        display: block
    }
    .m_img .headrg {
        position: absolute;
        right: .2rem;
    }
    .m_img .headrg a .m_menuimg {
        height: .45rem;
        width: .53rem;
        display: block
    }
    .m_nav {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        z-index: 10000;
		transition: width 0.4s ease, height 0.4s ease;
    }
    .m_nav .closecover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0b0d19;
        filter: alpha(opacity=0);
        opacity: 0;
        left: 0px;
        top: 0px;
        z-index: 1;
		 transition: opacity 0.3s ease, visibility 0.3s;
    }
    .m_nav .closeicon {
        position: absolute;
        width: 20%;
        left: 0;
        top: 5%;
        z-index: 100;
        text-align: center;
        filter: alpha(opacity=0);
        opacity: 0;transition: opacity 0.3s ease, visibility 0.3s;
		
    }
    .m_nav .m_navList {
        position: absolute;
        width: 80%;
        right: 0px;
        top: 0px;
        background: #0b0d19;
        height: 100%;
        z-index: 100;
        right: -80%;
        overflow-y: scroll;transition: right 0.4s ease;
    }
    .m_nav .m_navList ul {
        padding-left: 5%;
        padding-right: 5%
    }
    .m_nav .m_navList ul li {
        border-bottom: 1px solid #232530
    }
    .m_nav .m_navList ul li a {
        display: block;
        height: 45px;
        color: #fff;
        line-height: 45px;
        padding-left: 5%;
        font-size: 16px
    }
    .m_nav .m_navList ul li .m_f_a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
    .m_nav .m_navList ul li .m_f_a a {
        flex: 1;
    }
    .m_nav .m_navList ul li .m_f_a i {
        width: 40px;
        height: 35px;
        box-sizing: border-box;
        padding: 0 5px;
        display: block;transition: transform 0.3s ease;
    }
    .m_nav .icon {
        background: url(../images/plus.png) 100% no-repeat;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
	
    .icon_on {
        background: url(../images/reduce.jpg) 50% no-repeat!important;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
    .m_nav .m_navList ul li .m_s_nav {
        display: none;
        width: 100%;  
    }
    .m_nav .m_navList ul li .m_s_nav a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10%;
        overflow: hidden;
        white-space: nowrap;
        width: 90%;
        text-overflow: ellipsis;
    }
    .m_img .language {
        position: absolute;
        right: .8rem;
    }
    .m_img .language img {
        width: 80%;
    }
	.m_s_a{
		display: flex;
	}
	.m_s_a i{
			width: 40px;
		    height: 35px;
		    box-sizing: border-box;
		    padding: 0 5px;
		    display: block;
		    transition: transform 0.3s ease;
	}
	.m_s_a .icon{
		background: url(../images/plus.png) 100% no-repeat;
		        background-position: 50% 50%;
		        -webkit-transition: all 0s;
		        -moz-transition: all 0s;
		        transition: all 0s
	}
	.m_t_nav{
		padding-left: 30px;
	}
   .fullSlide{
	   width: 100%;
	   top: 1.1rem;
	   height: 200px;min-width: 100%;
   }
   .fullSlide .bd li{
	  height: 200px;
   }
    .fullSlide .bd li a{
		height: 200px;
		background-size: 100% auto !important;
	}
	.mainWidth {
	  width: 95%;
	  margin: 0 auto;
	}
	.sanjiao{
		display: none;
	}
	.sample{
		margin-top: 2.5rem;padding-top: 1rem;
	}
	.pet {
	  width: 100%;
	  height: 2rem;   
	  margin-bottom: .3rem;
	}
	.pet .left, .sc .left {
	  width: 2rem;
	  height: 2rem;
	  font-size: .3rem;
	  line-height: .6rem;
	  padding: .2rem;
	  text-align: center;
	  background-size: 100%;
	  
	}
	.sc {
	  width: 100%;
	  height: 2rem;
	}
	.pet .right, .sc .right {
	  width: 4.3rem;
	  height: 2rem;
	  overflow: hidden;
	}
	.sample .title {
	  font-size: .44rem;
	  margin-top: .4rem;
	}
	.sample_line{
		width: 1rem !important;
		margin: .2rem auto;
	}
	.zndisplay {
	  font-size: .26rem;
	  margin-bottom: .4rem !important;
	}
	.zn-about .about-box {
	  position: relative;
	  left: 0;
	  top: .5rem;
	}
	.zn-about .about-box h1 {
	  font-size: .4rem;
	  margin-bottom: .3rem;
	}
	.zn-about .about-box .jieshao {
	  font-size: .22rem;
	  line-height: .4rem;
	}
	.zn-about .about-box .sz-box .item {
	  margin-right: 1%;
	  margin-top: .3rem;
	  width: 30%;
	}
	.zn-about .about-box .sz-box .item .num {
	  font-size: .4rem;
	}
	.zn-about .about-box .sz-box .item .t1 {
	  font-size: .22rem;
	}
	.zn-about .about-box .sz-box {
	  
	  margin-bottom: 1rem;
	}
	.tabbox{
		width: 95%;
	}
	.tabbox .tab{
		width: 100%;
		margin-top: .3rem;
	}
	.tabbox .tab a{
		width: 46%;
		margin: 0 2%;
	}
	.tabbox .content_01 .main .main_01 {
	  width: 6.1rem;
	  margin-top: .6rem;
	}
	.tabbox .content_01 .main .left {
	  width: 100%;
	  margin-bottom: .5rem;
	}
	.tabbox .content_01 .main .right {
	  
	  width: 100%;
	}
	.tabbox .content_01 .main .left .title_01 {
	  font-size: .26rem;
	  line-height: .4rem;
	}
	.tabbox .content_01 .main .left .detail {
	  font-size: .22rem;
	  line-height: .4rem;
	}
	.tabbox .content_01 .main .right .number{
		width: 1rem;
		height: 1rem;
	}
	.tabbox .content_01 {
	  width: 100%;
	  height: auto;
	}
	.tabbox .content_01 .main {
	  position: relative;
	   
	  height: auto;
	}
	.friendship{
		display: none;
	}
	.foot{
		display: none;
	}
	.footer .bottomnav{
		display: none;
	}
	.footer .bottomlogo{
		display: none;
	}
	.search{
		display: none;
	}
	.contact_banner{
		margin-top: 1.1rem;
	}
	.contact_banner .weizhi{
		display: none;
	}
	.pro-box .sidebar{
		display: none;
	}
	.pro-box{
		margin-top: -1rem !important;
	}
	.pro_list {
	  width: 100%;
	}
	.pro_list li {
	 box-sizing: border-box;
	  padding: .2rem;
	  width: 47%;
	  
	  margin-right: 3%;
	  margin-bottom: .3rem;
	}
	.pro_list li img {
	  width: 100%;
	  height: 2.4rem;
	}
	
	.pro-box .pro_list ul {
	  margin-right: -3%;
	}
	.pro_list li p {
	  overflow: hidden;
	  text-overflow:ellipsis; white-space: nowrap;
	  font-size: .24rem;
	  line-height: .4rem;
	  margin-top: .2rem;
	}
	.proshow{
		margin-bottom: 0 !important;
	}
	.proshow2{
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
	#owl-demo{
		width: 100%;
		 height: auto;
	}
	.owl-carousel .owl-wrapper-outer{
		width: 100%;
	}
	#owl-demo img {
	  width: 100%;
	  height: auto;
	}
	.owl-page{
		background: #0b96b8;
		border-radius: .3rem;
	}
	.centre li a {
	  
	  width:100%;
	  height: .7rem;
	   
	}
	.centre li {
	  margin-bottom: .1rem;
	  width: 49%;
	  height: .7rem;
	  line-height: .7rem;
	  font-size: .24rem;
	   
	}
	.centre li a {
	  
	  width: 100%;
	  height: .7rem;
	 
	}
	.centre{
		margin: .5rem 0;
	}
	.ys {
	  font-size: .38rem;
	  margin-bottom: .2rem;
	}
	.zy {
	  font-size: .22rem;
	  margin-bottom: .6rem;
	}
	.pro-case img{
		margin: .2rem 1% !important;
	}
	.rdfc {
	  width: 100%;
	}
	.Box_con {
	   
	  padding: 0 .4rem;
	}
	.caselist{
		width: 100% !important;
		margin-top: 1rem !important;
		margin-right: -4%;
	}
	.product_list li {
	 
	  width: 46%;
	  margin-bottom: .3rem;
	  
	  margin-right: 4%;
	}
	.product_list .con-two1{
		width: 100%;
		height: 4rem;
	}
	.caselist .con-two1 {
	  width: 100%;
	  height: 1.8rem;
	   
	}
	.product_list .title {
	  font-size: .22rem;
	  line-height: .7rem;
	}
	.product_list li img {
	  width: 100%;
	  height: 100%;
	}
	.pages li {
	  margin: .2rem .1rem;
	}
	.dh{
		display: none;
	}
	#wrapper {
	  margin-top: .5rem;
	  margin-bottom: .5rem;
	}
	.news_img img{
		width: 100% !important;
	}
	.newsmain {
	  width: 100%;
	  height: auto;
	  padding: .2rem;
	}
	.newsmain h1 a {
	  font-size: .24rem;
	}
	.newsright {
	  width: 100%;
	  height: auto;
	  padding: .3rem;
	}
	.newsright .year{
		width: 100%;
	}
	.newsright .text{
		width: 100%;
	}
	.news_list li{
		padding: 0;
	}
	.news_list .left{
		width: 100%;
		height: auto;
		margin-top: .3rem;
	}
	.news_list .left img{
		width: 100% !important;
		height: auto !important;
	}
	.news_list .right {
	  padding-left: 0;
	  width: 100%;
	  margin-top: .4rem;
	}
	.news_list .title {
	  font-size: .28rem;
	  margin-bottom: .2rem;
	}
	.news_list .nr {
	  font-size: .22rem;
	  line-height: .4rem;
	  margin-bottom: .2rem;
	}
	.wrapCon {
	  width: 95%;
	  margin: .2rem auto;
	}
	.wrapArt {
	  width: 100%;
	  margin: 0;
	}
	.wrapArt .artIntro{
		margin-top: .2rem;
	}
	.lxwm_banner{
		margin-top: 1.1rem;background-size: 100% auto !important;height: auto !important;
	}
	.lxwm_banner .weizhi{
		display: none;
	}
	.about_main .title {
	   
	  font-size: .32rem;
	  
	  margin-top: .5rem;
	  margin-bottom: .5rem;
	}
	.about_main .jj {
	  font-size: .22rem;
	  line-height: .3rem;
	}
	.about_main .nember li {
	  margin: .5rem .2rem;
	}
	.about_main .nember li span {
	  font-size: .58rem;
	  
	}
	.aboutbox{
		width: 100% !important; 
		background-size: 100% !important;
		height: 3rem !important;
	} 
	.about_2018{
		display: none;
	}
	.about_main .about_left{
		width: 100%;
		padding: .2rem;
	}
	.about03 .box .img {
	  width: 100%;
	}
	.about03 .box .subNavBox {
	  width: 100%;
	}
	.about04 .txt-box .item {
	  width: 50%;
	  
	  height: 4rem;
	}
	.about04 .txt-box .item .num {
	 
	  font-size: .66rem;
	  margin-bottom: .5rem;
	}
	.about04 .txt-box .item .t1 {
	  font-size: .2rem;
	  line-height: .3rem;
	  margin-bottom: .3rem;
	}
	.about04 .txt-box .item .txtbox{
		height: 1rem;bottom: auto;
	}
	.about04 .txt-box .item:last-child{
		display: none;
	}
	.culture {
	  width: 100%;
	  padding: .2rem;
	  margin: 0 auto;
	}
	.culture .Collapsing {
	  font-size: .24rem;
	  display: flex;
	    align-items: center;
	  margin-bottom: .2rem;
	   
	  height: .8rem;
	}
	.culture .title {
	  line-height: .3rem;
	  margin-left: 1.2rem;
	  font-size: .2rem;
	   
	  width: 70%;
	}
	.fzlc{
		width: 100% !important;
	}
	#wrapper{
		width: 100%;
	}
	#left-side ul li {
	  padding-top: .3rem; font-size:.25rem;  
	  padding-bottom: .3rem;
	}
	.first_01 {
	   
	  margin-left: .5rem;
	   
	  height: auto;
	  padding: .3rem;
	  
	  margin-bottom: .6rem;
	  width: 80%;
	}
	.first_01 img{
		width: 100% !important;
		height: auto !important;
	}
	.first_01  div{
		width: 100% !important;
	}
	.product_list ul{
		width: 100% !important;
	}
	.lxwm_banner .font {
	  
	  width: 100%;
	  
	  margin-top: 1.5rem;
	  padding: .3rem;
	  
	}
	.lxwm_banner .font .oline {
	  width: 2rem;
	  height: .6rem;
	  
	  line-height: .6rem;
	   
	}
	.con_main {
	  margin-top: .5rem;
	}
	.lxwm{
		width: 90% !important ;
		margin: 0 auto !important;
	}
	.con_main .title{
		font-size: .4rem;
	}
	.con_main .list dl {
	  width: 45%;
	  
	  margin: .3rem 10px;
	   
	}
}