@media only screen and (min-width: 1024px){
	.header-m{
    display: none;
  }
	.m-advhy{
		display: none;
	}

}
@media only screen and (max-width: 1200px){
	.maxWidth{
		width: 95%;
	}
}
@media only screen and (max-width: 1024px){
	.header{
    display: none;
  }
	.webtops{
		display: none;
	}
	.header-on{
		display: none;
	}
  .header-m{
    display: block;
    background-color: #ffffff;
  }
  .container {
    display: flex;
    justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
  }
  .container .left{
    display: flex;
    align-items: center;
  }
  .header-m{
  	position:fixed;
  	top:0;
  	left:0;
  	right: 0;
  	z-index:999;
  }
  /*左侧logo*/
  .header-m .left img{
  	width: 140px;
  }
  /*右侧*/
  .header-m .right{
  	display: flex;
  	align-items: center;
  }
  .header-m .right img{
  	width: 2rem;
  }
  .xialanav{
  	display: flex;
  	justify-content: space-between;
  }
  .xialanav .click{
  	display: flex;
  	align-items: center;
  }
  /*白色背景的头部*/
  .header-m.on{
  	background: #fff;
  	border-bottom: 1px solid #ccc;
  }
  .header.on .left .img1{
  	display: none;
  }
  .header.on .left .img2{
  	display: block;
  }
  .header.on .navbar_nav li a{
  	color: #333;
  }
  .header.on .navbar_nav li:hover a{
  	color: orangered;
  }
  .m_nav{
  	position: fixed;
  	top: 0px;
  	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
  	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
		z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
		right: 0;
    transform: translateX(100%);
  }
  .m_nav.open{
      transform: translateX(0);
  }
  .m_nav .top{
  	height: 60px;
  	padding: 20px;
  	box-sizing: border-box;
  }
  .m_nav .top .closed{
  	width: 30px;
  	height: 30px;
  	vertical-align: middle;
  	float:right;
  	cursor: pointer;
  }
  .m_nav .ul{
  	margin-top: 10px;
  }
  .m_nav .ul li{
  	padding: 0 20px;
  	border-bottom: 1px solid #f5f5f5;
  	transform: translateY(0);
  	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
  }
  .m_nav.open .ul li{
  	opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  .m_nav .ul li:nth-child(1) {
      -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(2) {
      -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(3) {
      -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(4) {
      -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(5) {
      -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li:nth-child(6) {
      -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
      transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
  }
  .m_nav .ul li a{
  	display: block;
  	text-decoration: none;
  	color: #333;
  	font-size: 16px;
  	height: 50px;
  	line-height: 50px;
  	width: 100%;
  }
  .m_nav .ul li .dropdown_menu{
  	display: none;
  }
  .m_nav .ul li.dropdown.active .dropdown_menu{
  	display: block;
  }
  .m_nav .ul li .dropdown_menu a{
  	display: block;
  	height: 50px;
  	line-height: 50px;
  	padding: 0 40px;
  	box-sizing: border-box;
  	border-bottom: 1px solid #f5f5f5;
  }
  .m_nav .ul li .dropdown_menu a:last-child{
  	border: none;
  }
	.banner .swiper-button-prev, .banner .swiper-button-next{
		display: none;
	}
	.pcheader{
		display: none;
	}
	.maxWidth{
		width: 95%;
	}
	.banner{
		height: auto;
		margin-top: 52px;
	}
	.introduce{
		padding-top: 30px;
		flex-direction: column;
	}
	.intrleft{
		width: 100%;
		margin-bottom: 20px;
	}
	.intrright{
		width: 100%;
	}
	.intrleft .ms{
		margin-top: 20px;
	}
	.big_gy{
		font-size: 24px;
		margin-top: 5px;
	}
	.sma_gy{
		font-size: 17px;
	}
	.more{
		margin-top: 20px;
	}
	.procont{
		margin-top: 25px;
		flex-direction: column;
	}
	.procont .sin{
		width: 100%;
		margin-bottom: 10px;
	}
	.pro{
		padding-top: 40px;
	}
	.lw_gy{
		font-size: 30px;
	}
	.advan{
		padding-top: 30px;
	}
	.advancont{
		margin-top: 25px;
	}
	.advancont .decorate{
		display: none;
	}
	.adlist .list{
		width: 48%;
	}
	.adlist .btms .title{
		font-size: 20px;
	}
	.adlist .btms span.descr{
		font-size: 14px;
		line-height: 24px;
		word-break:break-all
	}
	.advicon{
		margin-right: 10px;
	}
	.adlist img{
		width: 45px;
	}
	.advhy{
		margin-top: 0px;
		flex-direction: column;
	}
	.advhyleft{
		width: 100%;
		padding: 25px 0;
	}
	.advhyright{
		width: 100%;
	}
	.m-advhy{
		display: block;
	}
	.pcadvhy{
		display: none;
	}
	.advhyleft .qt{
		padding-left: 5px;
		display: flex;
		align-items: center;
	}
	.m-advhy img{
		width: 20px;
	}
	.advhyleft .qt span{
		font-size: 14px;
	}
	.advhyleft .qt span:first-child{
		margin-right: 5px;
	}
	.advhyright .description{
		width: auto;
		margin-left: 0;
		padding: 0 15px;
	}
	.advhyright{
		padding: 20px 0;
	}
	.advhyright h3{
	 text-align:left;
	 margin-left: 0;
	 margin-bottom: 25px;
	 font-size: 20px;
	 padding: 0 15px;
	}
	.advhyright .more{
		margin-left: 0;
		padding: 0 15px;
	}
	.more a{
		width: 100px;
		line-height: 32px;
		height: 32px;
	}
	.case{
		padding-top: 30px;
	}
	.caselb{
		margin-top: 20px;
		flex-direction: column;
	}
	.case .lbleft{
		width: 100%;
		margin-bottom:10px;
	}
	.case .lbright{
		width: 100%;
	}
	.case .abos h3{
		font-size: 22px;
	}
	.case .on{
		flex-direction: column;
		margin-bottom: 10px;
	}
	.case .on .zb{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.case .on .yb{
	    height: auto;
		width: 100%;
	}
	.fwlcs{
		margin-top: 30px;
		padding: 30px 0;

	}
	.fwlc{
		flex-direction: column-reverse;
	}
	.fwlcs .lcleft{
		width: 100%;
	}
	.fwlc .lcright{
		width: 100%;
		margin-bottom: 20px;
	}
	.fwlc .decorate{
		display: none;
	}
	.fwlc .lcwz h3{
		font-size: 24px;
		text-align:left;
	}
	.fwlc .lcwz p{
		margin-top: 10px;
		font-size: 14px;
	}
	.fwlc .lcbt span{
		font-size: 12px;
		left: 0px;
		margin-top: 10px;
	}
	.design_top{
		flex-direction: column;
		align-items: flex-start;
	}
	.design{
		padding-top: 30px;
	}
	.design .fyq{
		margin-top: 25px;
	}
	.design_bo .swiper-slide{
		flex-direction: column;
	}
	.design_bo .wztp{
		width: 100%;
		padding: 20px 0px 20px 20px;
	}
	.design_bo .thumb{
		width: 100%;
	}
	.design_bo .msbt{
		padding-left: 20px;
		margin-right: 20px;
	}
	.design_bo .wztp h4{
		font-size: 20px;
	}
	.design_bo .description{
		font-size: 13px;
		line-height: 23px;
	}
	.design_bo .more{
		margin-top: 15px;
	}
	.news .thumb{
		display: none;
	}
	.newcont{
		margin-top: 25px;
		flex-direction: column;
	}
	.newleft{
		width: 100%;
	}
	.newright{
		width: 100%;
	}
	.newleft .btms{
		width: auto;
		padding: 25px 0 25px 25px
	}
	.newleft .title{
		font-size: 18px;
	}
	.new{
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.newleft .time{
		font-size: 40px;
		margin-top: 30px;
	}
	.newright{
		display: none;
	}
	footer{
		padding-top: 30px;
	}
	.footer{
		flex-direction: column;
	}
	.footerleft .zixun{
		margin-top: 20px;
	}
	.footerleft{
		margin-bottom: 20px;
	}
	.banquan{
		text-align: center;
	}
	.nybanner{
		margin-top: 52px;
	}
	.prosw1s{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.prosw1{
		padding-top: 30px;
		flex-direction: column;
	}
	.prosw1 .left{
		width: 100%;
	}
	.prosw1 .right{
		width: 100%;
		margin-top: 20px;
	}
	.prosw1 .yit{
		margin-top: 15px;
	}
	.prosw1 .right h3{
		margin-bottom: 20px;
		font-size: 24px;
	}
	.prosw1 .cpxx p{
		font-size: 18px;
		margin-bottom: 16px;
	}
	.prosw1 .xqdh{
		margin-top: 10px;
	}
	.cpbt_gy h1{
		font-size: 28px;
	}
	.cpbt_gy .ys{
		margin-top: 15px;
	}
	.sw3cont .ls1{
		flex-direction: column;
	}
	.sw2cont p{
		font-size: 14px;
		color: #333333;
		line-height: 24px;
	}
	.sw3cont .ls1 p{
		width: 100%;
		padding: 0px;
		font-size: 14px;
	}
	.sw4cont{
		flex-direction: column;
	}
	.sw4cont .lis{
		width: 100%;
		margin-bottom: 15px;
	}
	.prosw3s{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.prosw2s{
		padding-bottom: 30px;
		margin-bottom: 30px;

	}
	.prosw4s{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.sw5cont{
		flex-wrap: wrap;
	}
	.sw5cont .list{
		width: 49%;
		margin-bottom: 15px;
	}
	.sw5cont h4{
		font-size: 18px;
	}
	.sw5cont .btms{
		padding: 10px;
	}
	.prosw5s{
		padding-bottom: 30px;
	}
	.nypro{
		padding-top: 30px;
	}
	.lmpl_gy a{
		padding: 0 10px;
		line-height: 35px;
	}
	.nyprolb{
		margin-top: 30px;
	}
	.nyprolb a{
		flex-direction: column;
		padding: 15px;
	}
	.nyprolb .thumb{
		width: 100%;
	}
	.nyprolb .right{
		width: 100%;
	}
	.nyprolb h2{
		font-size: 22px;
		margin-top: 10px;
	}
	.nyprolb .qtxx{
		margin-top: 15px;
	}
	.nyprolb .qtxx p{
		font-size: 16px;
		line-height: 36px;
	}
	.pages ul li{
		margin:  0 5px;
	}
	.nyhyyy{
		padding-top: 30px;
	}
	.nyhyyy .lmpl{
		flex-wrap: wrap;
	}
	.nyhyyy .lmpl a{
		width: 50%;
	}
	.nyhyyy .lmpl a:first-child{
		border-radius: 0;
	}
	.nyhyyy .lmpl a:last-child{
		border-radius: 0;
	}
	.nyhyyycont .lmzl{
		flex-direction: column;
	}
	.nyhyyycont{
		margin-top: 30px;
	}
	.nyhyyycont .wzs h3{
		font-size: 24px;
	}
	.nyhyyycont .lmzl .zb{
		width: 100%;
	}
	.nyhyyycont .lmzl .yb{
		width: 100%;
		margin-top: 10px;
	}
	.nyhyyycont .wzs .descr{
		margin-top: 20px;
	}
	.nyhyyylist{
		margin-top: 30px;
	}
	.nyhyyylist h1{
		font-size: 28px;
	}
	.nyylist{
		margin-top: 25px;
	}
	.nyylist a{
		padding: 15px;
	}
	.nyylist .title{
		font-size: 18px;
	}
	.nyylist .descr{
		margin-top: 15px;
		line-height: 23px;
		font-size: 13px;
	}
	.nyylist .pz{
		margin-top: 15px;
	}
	.nyylist .list{
		margin-bottom: 20px;
	}
	.nynews{
		justify-content: space-between;
	}
	.nynews .list{
		width: 49%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.nynews .xmd{
		padding: 15px;
	}
	.nynews .descr{
		margin-top: 10px;
		margin-bottom: 10px;\
		padding-bottom: 0;
	}
	.nyabout{
		padding-top: 30px;
		padding-bottom: 30px;
		flex-direction: column;
	}
	.nyabout .left{
		width: 100%;
	}
	.nyabout .right{
		width: 100%;
	}
	.nyabout .left .js{
		margin-top: 20px;
		text-align: left;
		font-size: 15px;
		line-height: 26px;
	}
	.nyabout .right .bf{
		top: 30%;
		left: 43%;
	}
	.nyabout .right .bf img{
		width: 70px;
	}
	.qywh{
		margin-top: 0px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.qywhs .zbt{
		font-size: 28px;
	}
	.qywhcont{
		justify-content: space-between;
	}
	.qywhcont .ls{
		width: 32%;
	}
	.qywhcont .ms{
		text-align: left;
		margin-top: 10px;
	}
	.qywhcont h3{
		margin-top: 10px;
	}
	.slzs .zbt{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.slzs{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.slzscont .lb{
		width: 49%;
		margin-bottom: 15px;
	}
	.slzscont .lb a{
		display: block;
	}
	.nydesign .design_bo .swiper-slide::before{
		display: none;
	}
	.nydesign .design_bo .swiper-slide::after{
		display: none;
	}
	.design_bo{
		margin-top: 20px;
	}
	.nydesign .prosw5{
		margin-top: 0;
	}
	.sjln{
		padding-top: 0;
	}
	.nydesign{
		padding-bottom: 0;
	}
	.pages{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.nylxfs{
		flex-direction: column;
	}
	.nylxfs .lbs{
		margin-top: 15px;
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	.nylxfs .title{
		font-size: 18px;
		margin-top: 10px;
	}
	.nylxfs .nrs{
		margin-top: 10px;
		font-size: 14px;
	}
	.nyform{
		padding-top: 30px;
	}
	.form{
		margin-top: 30px;
	}
	.form textarea{
		width: 95.5%;
		padding-top: 15px;
		padding-left: 15px;
	}
	.form .int input{
		padding-left: 10px;
		line-height: 60px;
		height: 60px;
	}
	.form .textar{
		margin-top: 15px;
	}
	.form .btn{
		margin-top: 20px;
	}
	.form button{
		line-height: 50px;
		height: 50px;
		font-size: 20px;
	}
	.case .bottom{
	    height: auto;
	}
	.nyprolb .list{
	    width: 49%;
	}
	.nyprolb .right{
	    justify-content: center;
	    margin-top: 15px;
	}
}