@media (max-width: 767px) {
	
	body{
		min-width: auto;
	}
	.main{
		width: 96%;
		height: auto;
		overflow: hidden;
	}

	.head{
		width: 100%;
		height: auto;
		overflow: initial;
		background: #008833;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	 
	}

	
	.head .name{
		width: 70%;
		height: 60px;
		background: url(../images/mname.png) no-repeat center;
		background-size: 100% auto;
	}

	.head .tel{
		display: none;
	}
	.head .btn{
		display: block;
	}
	.head .openB{
		background: url(../images/btn02.png) no-repeat center;
		background-size: 100% auto;
	}
	.nav{
		width: 100%;
		height: auto;
		overflow: hidden;
		position: absolute;
		display: none;
		top: 80px;
		z-index: 100;
	}
	.nav ul li{
		width: 100%;
		height: auto;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
	}
	.nav ul {
		width: 96%;
		margin: 0 auto;
	}
	.nav ul li:after{
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #00b341;
		background: #006625;
		bottom: 0;
	}
	.nav ul li a{
		font-size: 16px;
	}
	.banner{
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		margin-top: 48px;
 
 	}

 	.pc_banner{
 		 
 		display: none;
 	}
 	.m_banner{
 		display:block;
 	}
 	.banner .swiper-pagination span{
 		margin: 0 5px !important;
 		width:10px;
 		height:10px;
 	}
	.in-banner{
		margin-top: 88px;
	}
 	.in-banner img{
 		 
 		display: none;
 	}
 	.in-banner img:last-child{
 		display: block;
 	}
 	.title-bar{
 		width: 100%;
 		margin-top: 10px;
 	}
 	.title-bar .crumbs{
 		height: 20px;
 		line-height: 20px;
 		padding-left: 15px;
 	}

 	.title {
 		width: 300px;
 		margin: 0 auto;
 		margin-top: 25px;
 		background-size: 120% auto;
 		background-position:  center 40px;
 	}
 	.title p{
 		font-size: 22px;
 	}
	.title span{
		font-size: 12px;
		margin-top: 25px;
	}

	.product{
		height: auto;
	}
 	.product .list{
 		margin-top: 20px;
 	}
	.product .list ul li{
		width: 48%;
		margin: 0;
		margin-bottom: 8px;
		border-radius: 8px;
		height: 35px;
		line-height: 35px;
	}
	.product .list ul li:nth-child(2n){
		float: right;
	}
	.product .list ul li a{
		font-size: 13px;
	}
	
	.product .img {
		margin-top: 10px;
	}
	.product .img ul li{
		width: 49%;
		margin: 0;
		margin-bottom: 5px;
	}
	.product .img ul li:nth-child(2n){
		float: right;
	}
	.product .img ul li div{
		width: 100%;
	}
	.product .img ul li img{
		width: 100%;
		height: auto;
	}
	.product .img  ul li p{
		height:25px;
		line-height: 25px;
		font-size: 12px;
	}
	.product .img ul li:nth-child(n+7){
		display: none;
	}

	.product .more{
		display: block;
		width: 140px;
		height: 40px;
		font-size: 12px;
		height: 30px;
		border-radius: 5px;
		line-height: 30px;
		margin: 20px auto;
	}


	.cases {
		width: 96%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;

	}

	.cases .list{
		width: 100%;
 		margin-top: 20px;
 	}
	.cases .list ul li{
		width: 48%;
		margin: 0;
		margin-bottom: 8px;
		border-radius: 5px;
		height: 35px;
		line-height: 35px;
	}
	.cases .list ul li:nth-child(2n){
		float: right;
	}
	.cases .list ul li a{
		font-size: 13px;
	}
	.cases .swiper-container{
		margin-top: 10px;
	}
	.cases .swiper-button-next,.cases .swiper-button-prev{
		display: none;
	}

	.cases .swiper-container{
		width: 100%;
	}
	.cases .swiper-container .swiper-slide{
		width: 100%
	}
	.cases .swiper-container .swiper-slide  div{
		width: 100%;
		height: auto;
	}
	.cases .swiper-container .swiper-slide img{
		width: 100%;
		height: auto;
	}
	.cases .swiper-container .swiper-slide p{
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}
	
	.cases  .more{
		display: block;
		width: 140px;
		height: 40px;
		font-size: 12px;
		height: 30px;
		border-radius:3px;
		line-height: 30px;
		margin-top: 20px;
	}
	.about{
		height: auto;
		overflow: hidden;
		padding-bottom: 10px;
		margin-top:10px;
	}
 	.about .bd{
 		width: 94%;
 		margin: 0 auto;
 		margin-top: 15px;
 		padding:30px 0;
 		background: url(../images/bg02.png)no-repeat center;

 	}
 	.about .bd .intro{
 		width: 90%;
 		margin: 0 auto;
 		height: auto;
 		overflow: hidden;
 		float: initial;
 	}
	.about .bd .pic{
		display: none;
	}
	.about .bd .intro .tit span{
		font-size: 20px;
		background-size: auto 15px;
		width: 155px;
	}

	.about .bd .intro .tit p{
		font-size: 24px;
		margin-top: 5px;
	}
	.about .bd .intro .info {
		height: auto;
		overflow: hidden;
		margin-top: 15px;
	}
	.about .bd .intro .info p{
		font-size: 13px;
		line-height: 22px;
	}
	.about .bd .intro .more{
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 30px;
	}

	 
	.news{
		width: 96%;
		padding: 0 2%;
		margin: 0 auto;
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.news .title{
		background-position: center 35px;
	}

	.news .left{
		display: none;
	}
	.news ul{
		width: 100%;
		float: initial;
		margin: 0;
		margin-top: 15px;
	}
	.news ul li{
		width: 100%;
		height: auto;

		padding:3% 0;
		float: initial;
	}
	.news ul li a{
		width: 94%;
		margin: 0 auto;
		background: #f5f5f5;
		display: flex;
		height: auto;
		justify-content:flex-start;
		align-items: center;
		flex-wrap: wrap;

	}
	.news ul li:nth-child(2n){
		float: initial;
	}
	.news ul li .time{
		background: #afafaf;
		width: 70px;
		height: 70px;
	}
	.news ul li .intro{
		width: 70%;
		margin-left: 15px;
	}
	.news ul li .time b{
		font-size: 18px;
	}
	.news ul li .time span{
		font-size: 12px;
	}
	.news ul li  .intro h4{
		font-size: 16px;
		margin-top: 0;
	}
	.news ul li  .intro p{
		font-size: 12px;
	}
	.news ul li:nth-child(n+6){
		display: none;
	}
	.news .more{
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 20px;
	}
	.section{
 		 margin-top: 10px;
 		 padding: 0;
	}
	.section .bd{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 5px 0;
	}
	.mssg{
		width: 98%;
		margin:0 auto;
		height: auto;
		box-shadow: 0 0 2px 2px #dddcdc;
		overflow: hidden;
		float: initial;
		padding-bottom: 40px;
	}
	.mssg .tit{
		width: 180px;
		height: 70px;
		margin-left:10%;
	}
	.mssg .tit p {
		color:#666666;
		font-size: 18px;
		margin-top: 10px;
	}
	.mssg .tit span{
		font-size: 14px;
	}
	.mssg form{
		width: 80%;
		margin-left: 10%;
	}
	.mssg form ul li {
		display: flex;
		height: auto;
		margin-bottom:8px;
		justify-content: center;
		align-items: flex-start;
	}
	.mssg form ul li p{
		font-size: 14px;
		width: 140px;
		line-height: 35px;
	}
	.mssg form ul li input{
		height: 40px;
	}
	.mssg form .btn{
		height: 48px;
		margin-top: 10px;
		font-size: 18px;
	}

	.contact{
		float: initial;
		margin: 0 auto;
		margin-top: 15px;
		width: 98%;
		box-shadow: 0 0 3px 2px #dddcdc;
		height: auto;
		overflow: hidden;
	}
	.contact .pic{
		width: 80%;
		margin-left: 10%;
	}
	.contact .pic img{
		width: 100%;
		height: auto;
	}
	.contact .tit{
		width: 180px;
		height: 70px;
		margin-left:10%;
	}
	.contact .tit p {
		color:#fff;
		font-size: 18px;
		margin-top: 10px;
	}
	.contact .tit span{
		font-size: 14px;
	}
	.contact .intro{
		width: 80%;
		margin-left: 10%;
	}
	.contact .intro h4{
		font-size: 16px;
	}
	.contact .intro p{
		font-size: 13px;
		line-height: 24px;
	}

	.links{
		display: none;
	}
	.footer {
		padding: 0;
		margin-top: 30px;
		padding-bottom: 110px;
	}
	.footer .menu{
		display: none;
	}
	.footer .gotop{
		display:flex;
	}
	.footer .intro p{
		font-size: 12px;
		line-height: 22px;
	}
	.footer  .ewm{
		width:60%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}
	.footer  .ewm img{
		display: block;
		width: 48%;
		height: auto;
		margin: 0;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	.cr{
		display: none;
	}
	.float{
		display: block;
	}
 
	.title-bar a{
		font-size: 12px;
	}
	.title-bar a:first-child{
		padding-left: 0;
	}
	.title-bar a:after{
		right: -5px;
		line-height: 14px;
	}
 	.title-bar .crumbs{
 		float: left;
 		margin-top: 0;
 		width: 100%;
 	}
 	.title-bar .tit{
 		margin-top:15px;
 	}
 	.title-bar .tit h4{
 		font-size: 22px;
 	}
 	.title-bar .tit span{
 		font-size: 12px;
 		line-height: 20px;
 		margin-top: 5px;
 	}
 	.cases-list .list{
 		margin-top: 15px;
 	}

	.cases-list .list ul li{
		width: 48%;
		height: auto;
		border-radius: 5px;
		margin: 0;
		overflow: hidden;
		margin-bottom: 8px;
		height:35px;
		line-height:35px;
	}
	.cases-list .list ul li a{
		font-size: 13px;
	}
	.cases-list .list ul li:nth-child(2n){
		float: right;
	}
	.cases-list .pic{
		margin-top: 10px;
	}
	.cases-list .pic ul{
		margin: 0;
	}
	.cases-list .pic ul li{
		width: 49%;
		height: auto;
		overflow: hidden;
		margin: 0;
		margin-bottom: 5px;
	}
	.cases-list .pic ul li:nth-child(2n){
		float: right;
	}
	.cases-list .pic ul li img{
		width: 100%;
		height: auto;
	}
	.cases-list .pic ul li p{
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	.inside-news{
		margin-bottom: 40px;
	}
	.inside-news ul{
		margin-top: 15px;
	}

 	.inside-news ul li{
 		width: 100%;
 		height: auto;

 		padding:3% 0;
 		float: initial;
 	}
 	.inside-news ul li a{
 		width: 94%;
 		margin: 0 auto;
 		background: #f5f5f5;
 		display: flex;
 		height: auto;
 		justify-content:flex-start;
 		align-items: center;
 		flex-wrap: wrap;

 	}
 	.inside-news ul li:nth-child(2n){
 		float: initial;
 	}
 	.inside-news ul li .time{
 		background: #afafaf;
 		width: 70px;
 		height: 70px;
 	}
 	.inside-news ul li .intro{
 		width: 70%;
 		margin-left: 15px;
 	}
 	.inside-news ul li .time b{
 		font-size: 18px;
 	}
 	.inside-news ul li .time span{
 		font-size: 12px;
 	}
 	.inside-news ul li  .intro h4{
 		font-size: 16px;
 		margin-top: 0;
 	}
 	.inside-news ul li  .intro p{
 		font-size: 12px;
 		display: -webkit-box;
 		-webkit-line-clamp:2;
 		-webkit-box-orient: vertical;
 		overflow: hidden;
 	}
 	.inside-news ul li:nth-child(n+6){
 		display: none;
 	}

	.page ul li{
		padding: 0 8px;
		height: 25px;
		line-height: 25px;
	}

	.fy {
		width: 96%;
		margin: 0 auto;
		margin-top:30px;
	}
	.fy p{
		width:100%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-bottom:10px;
	}
	.in-ad{
		margin-top: 10px;
	}

	.about-intro{
		width: 96%;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom:30px;
	}
	.about-intro .info p{
		font-size: 14px;
		line-height: 28px;
	}

	.mssg-intro{
		width: 96%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-top: 20px;
	}
	.news-list{
		width: 96%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-top: 20px;
	}
	.news-list ul{
		margin: 0;
	}
	.news-list ul li{
		width: 100%;
		height: auto;
		margin: 0;
		margin-bottom: 10px;
		padding:3% 0;
		float: initial;
	}
	.news-list ul li a{
		width: 94%;
		margin: 0 auto;
		background: #f5f5f5;
		display: flex;
		height: auto;
		justify-content:flex-start;
		align-items: center;
		flex-wrap: wrap;

	}
	.news-list ul li:nth-child(2n){
		float: initial;
	}
	.news-list ul li .time{
		background: #afafaf;
		width: 70px;
		height: 70px;
	}
	.news-list ul li .intro{
		width: 70%;
		margin-left: 15px;
	}
	.news-list ul li .time b{
		font-size: 18px;
	}
	.news-list ul li .time span{
		font-size: 12px;
	}
	.news-list ul li  .intro h4{
		font-size: 16px;
		margin-top: 0;
	}
	.news-list ul li  .intro p{
		font-size: 12px;
	}

	.cont-intro{
		width: 96%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.cont-intro .bd{
		width: 100%;
		margin-top: 30px;
	}
	.map .allmap{
		height: 300px;
	}
	.cont-intro .bd .cont{
		width: 100%;
		float: initial;
	}
	.cont-intro .bd .cont .info{
		width: 100%;
		padding: 0 4%;
	}
	.cont-intro .bd .cont .info p{
		font-size: 14px;
	}
	.cont-intro .bd .about-msg{
		width: 100%;
		float: initial;
		margin-top: 30px;
	}
	.cont-intro .bd .about-msg .tit p{
		text-align: center;
		width: 100%;
		float: initial;
	}
	.cont-intro .bd .about-msg .tit span{
		margin-left: 0;
		text-align: center;
		width: 100%;
		display: block;
	}
	.cont-intro .bd .about-msg form ul li {
		margin-bottom: 15px;
	}
	.cont-intro .bd .about-msg form ul li input{
		width: 100%;
		float: initial;
		height: 35px;
		margin-top: 3px;
	}
	.cont-intro .bd .about-msg form ul li textarea{
		width: 100%;
		box-sizing: border-box;
		margin-top: 5px;
		padding-top: 5px;
	}
	.cont-intro .bd .about-msg form .btn{
		 height: 40px;
		 font-size: 14px;
		 border-radius: 3px;
		 margin-top: 5px;
	}
	.article-intro{
		width: 96%;
		margin: 0 auto;
		margin-top: 20px;
	}

	.article-intro .info p{
		font-size: 16px;
		line-height: 30px;
		color:#555;
		text-align:justify;
	}

	.fy div{
		float: initial;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.fy div p{
		font-size: 12px;
		line-height: 26px;
		margin-bottom: 3px;
	}

	.fy .return {
		float: initial;
		margin-top: 10px;
		display: block;
	}
}