@charset "utf-8";

@media (max-width: 968px) {
	.container {
		width: 100%;
	}

	.nav {
		display: none;
	}

	.m-menu {
		position: absolute;
		right: 18px;
		top: 23px;
		display: block;
		z-index: 99999;
	}

	.m-menu span {
		display: inline-block;
		width: 24px;
		height: 1px;
		background-color: #000;
		position: relative;
	}

	.m-menu span::before,
	.m-menu span::after {
		position: absolute;
		content: "";
		display: inline-block;
		width: 24px;
		height: 1px;
		background-color: #000;
		transition: all .4s;
	}

	.m-menu span::before {
		top: -8px;
	}

	.m-menu span::after {
		bottom: -8px;
	}

	.menu-close span {
		background-color: #fff;
	}

	.menu-close span::before {
		transform: rotate(45deg);
		top: 0;
	}

	.menu-close span::after {
		transform: rotate(-45deg);
		bottom: 0;
	}

	.top-full {
		display: none;
	}

	.wrap .logo {
		height: 80px;
		line-height: 80px;
	}

	.menu-phone {
		position: fixed;
		top: 80px;
		right: 0;
		bottom: 0;
		padding-right: 0;
		left: 0;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
		display: block;
		z-index: 999;
		margin-right: 0;
		width: 100%;
	}

	.menu-phone>ul {
		display: block;
	}

	.nav>ul>li {
		width: 100%;
		text-align: center;
	}

	.nav>ul>li>a {
		line-height: 46px;
	}
	.nav .child{
		top: 0;
		display: block;
		position: inherit;
		
		
	}
	.nav .child>p{
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
		
	}
	.indexSwiper{
		height: auto;
	}
	.indexSwiper .swiper-slide{
		height: auto;
	}
	.index-tel{
		width: 100%;
		display: none;
	}
	.blue-tel{
		display: none;
	}
	.container{
		padding: 0 15px;
	}
	.pt80{
		padding-top: 40px;
	}
	.indexpro-nav2, .indexpro-nav{
		padding: 0;
		margin-top: 20px;
	}
	.indexpro-nav2 > ul, .indexpro-nav > ul{
		display: block;
	}
	.indexpro-nav2 > ul > li, .indexpro-nav > ul > li{
		width: 50%;
		float: left;
	}
	.indexpro-nav2 .prochild, .indexpro-nav .prochild{
		display: none;
	}
	.indexpro-nav2 > ul > li > a, .indexpro-nav > ul > li > a{
		line-height: 46px;
	}
	.indexpro-nav > ul > li:hover .prochild{
		display: none;
	}
	.index-case > ul > li, .index-prolist > ul > li{
		width: 50%;
	}
	.prolist-div .txt p{
		padding: 10px 0;
	}
	.pt100 {
	    padding-top: 50px;
	}
	.index-case{
		margin-top: 20px;
	}
	.caselist .btnradius{
		display: none;
	}
	.index-yslist{
		display: block;
	}
	.index-case > ul >li{
		width: 100%;
	}
	.index-yslist .txt{
		width: 100%;
		float: inherit;
		padding-right: 0;
	}
	.index-yslist .pic{
		width: 100%;
		float: inherit;
	}
	.index-yslist .txt .ysname h3{
		font-size: 20px;
	}
	.index-yslist .txt .ysname p{
		font-size: 16px;
	}
	.index-yslist .txt .yscontent{
		padding-top: 10px;
	}
	.index-yslist2 .txt{
		padding-left: 0;
	}
	.index-aboutbox{
		padding: 20px;
	}
	.about-info{
		display: block;
	}
	.about-info .pic{
		width: 100%;
		height: auto;
	}
	.about-info .pic img{
		height: auto;
	}
	.about-info .txt{
		width: 100%;
	}
	.about-nav{
		display: block;
	}
	.about-nav > div{
		margin-bottom: 20px;
		width: 50%;
		margin-right: 0;
		text-align: center;
		float: left;
	}
	
	.news-left{
		width: 100%;
		padding-bottom: 40px;
	}
	.newsbig .pic{
		height: 240px;
	}
	.news-right{
		width: 100%;
		display: none;
	}
	.mt40{
		margin-top: 20px;
	}
	.index-news1 > ul > li h3{
	    overflow: inherit;
	    text-overflow: inherit;
	    white-space: inherit;
	}
	.fw-box > div{
		width: 100%;
	}
	.fw-box{
		display: block;
	}
	.footer .f-left{
		display: none;
	}
	.footer .f-pronav{
		display: none;
	}
	.footer .footbox{
		display: block;
	}
	.footer{
		padding: 30px 0;
	}
	.footer .f-contact{
		width: 100%;
	}
	.footer .f-code{
		margin-top: 30px;
	}
	.copy{
		display: block;
	}
	.copy .link{
		display: none;
	}
	.wrap{
		width: 100%;
	}
	.page-slider{
		height:240px;
	}
	.pro-main{
		padding: 20px;
	}
	.newstitle h1{
		font-size: 20px;
	}
	.index-news2 .pic{
		width: 100px;
		height: 80px;
	}
	.index-news2 .pic img{
		width: 100%;
		height: 100%;
	}
	.index-news2{
		align-items:flex-start;
	}
	.index-news2 .txt{
		width: calc(100% - 100px);
	}
	.index-news2 .txt h3 {
	    font-size: 18px;
	    overflow: inherit;
	    text-overflow: inherit;
	    white-space: inherit;
	}
	.index-news2 .txt .des{
		display: none;
	}
}