@charset "utf-8";

@media screen and (max-width:1280px) {
	.container {
		width: 1000px;
	}
	.head-menu ul li {
		width: 172px;
	}
	.pro-list .picScroll-left .bd ul li{
		margin-right: 28px;
		width: 310px !important;
	}
	.pro-k img {
		width: 310px;
	}
	.pro-list ol li:after{
		width: 320px;
		background-size: 100% 100%;
	}
	.newsr {
		width: 780px;
	}
	.footl {
		width: 210px;
		margin-left: 0;
		float: left;
	}
	.about2l ul li{
		width: 250px;
		height: auto;
	}
	.about2l {
		width: 500px;
	}
	.about2r{
		width: 500px;
	}
	.about2l ul li img {
		width: 100%;
		height: auto;
	}
	.jia {
		top: 0%;
		left: 50%;
		margin-top: -27.5px;
		margin-left: -27.5px;
	}
	.about2l ul li:hover .jia {
		top: 50%;
	}
	.about-r {
		width: 250px;
	}
	.lianxi-conl{
		margin-left: 0;
		width: 400px;
	}
	.lx1l {
		width: 182px;
	}
	.lx1r {
		width: 182px;
	}
	.lx1l input {
		width: 100%;
	}
	.lx1r input {
		width: 100%;
	}
	.lianxi-conr {
		width: 510px;
	}
	.gallery-list ul li{
		width: calc(33.333% - 14px);
	}
	.gal-img img {
		height: auto;
		width: 100%;
	}
	.gal-img {
		height: auto;
	}
	.xinwen-list ul li{
		width: calc(50% - 18px);
	}
	.xinwen-des {
		width: 280px;
	}
}

@media screen and (max-width:1024px) {
	.phone_state{
        display: block;
    }
	.pc_state{
        display: none;
    }

	body{margin: 0px;
		padding: 0px;
		background-color:#fff;font-family:"微软雅黑"; font-size:14px; padding-bottom:67px}
	a{ text-decoration:none; margin:0; padding:0;}
	/**{ font-family:"微软雅黑"; font-size:14px; color:#000;}*/
	*{font-size:14px;}
	h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
	img{ display:block; border:none; width: 100%;}
	.clearfix{clear: both;}
	ul,li{ list-style:none; margin:0; padding:0;}
	input,select{ border:none;font-family:"微软雅黑";outline:none }
	.main{ width:100%; margin:0 auto; position:relative;}
	.container{width:100%;margin:0 auto;margin:0 auto;background: #fff;}

	.float_l{float: left;}
	.float_r{float: right;}
	.clear{clear:both;}
	.position_r{position: relative;}
	.position_a{position: absolute;}

	/*导航*/
	.menu_list {
		width: 100%;
		background: none;
		border-top:solid 9px #048700;
		background-image: url(../img/logo.jpg);
    background-size: 100%;
    background-position: left top;
    background-repeat: no-repeat;
	}
	.menu_list .logo{
		width: 206px;
		margin-left: 20px;  
	}
	.menu_list ul li{
		display: block;
		text-align: center;
		width: 100%;
	}
	.menu_list ul li .fuMenu{
		color: #F2F2F2;
		font-size: 14px;
		cursor: pointer;
		height: 60px;
		line-height: 60px;
		text-align: center;
		width: 80px;
		border-bottom: 1px solid #16222b;
		float: right;
	}
	.menu_list ul li .xiala{
		float: right;
		margin-left: -50px;
		/*margin-top: 27px;*/
		width: 30px;
		margin-right: 22px;
	}
	.menu_list ul li .div1 {
		width: 100%;
		height: auto;
		float: left;
	}
	.menu_list ul li .div1 .zcd{
		color: #fff;
		font-size: 14px;
		/*height: 60px;*/
		background-color: #048700;
		cursor: pointer;
		/*line-height: 60px;*/
		text-align: center;
		width: calc(33% - 1px);
		float: left;
		border-right: solid 1px #17a212;
		border-bottom: solid 1px #17a212;
		padding: 10px 0;
	}
	.div1 {
		height: 200px;
		display: none;
	}
	.menu_list ul li .div1 .zcd:hover{ color: #FFF; background-color: #048700; }
	.removes{
		/* color: #0FB9EF !important; */
	}
	.swiper-pagination-bullet-active{
		background: #2B9241 !important;
	}

	/* 标题 */
	.title{
		height: 46px;
	}
	.title img{
		margin-top: 30px;
		height: 6px;	
	}
	.title p{
		text-align: center;	
		width: 100%;
	}
	.title div p:nth-child(1){
		margin-top: -14px;
		font-size: 16px;
		color:#2e2e2e;
	}
	.title div p:nth-child(2){
		font-size: 11px;
		color:#9e9e9e;
	}

	/* 产品 */
	.product{

	}
	.product .swiper-container{
		padding-bottom: 28px;
		margin-bottom: 8px;
	}
	.product .img{
		width: 50%;
		margin-bottom:20px;
	}
	.product .img img{
		width: calc(100% - 16px);
		margin: auto;
	}
	.product .img div{
		margin: auto;
		width: calc(100% - 16px);
		text-align: center;
		margin-top: -29px;
		font-size: 12px;
	}
	.product .img div .background{
		width: calc(100% - 6px);
		text-align: center;
		background: #048700;
		opacity: 0.4;
		padding: 5px 4px 5px 0;
		height: 16px;
	}
	.product .img .tea{
		width: calc(100% - 16px);
		margin: auto;
		margin-bottom: 0;
		text-align: center;
		color: #fff;
		margin-top: -22px;
		font-size: 13px;
		position: relative;
		z-index: 1;
		max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	.more_button{
		margin-left: calc(50% - 36px);
	}
	button{
		padding: 10px 30px;
		background: #37a445;
		margin: auto;
		border:none;
	}

	/* 关于 */
	.about{
		background: url('../img/background.jpg') top center;
		background-size: 100% 100%;
		margin-top: 30px;
		padding-top: 1px;
		padding-bottom: 30px;
		height: auto
	}
	.content{
		padding: 0 20px;
	}
	.content div:nth-child(1){
		width: calc(60% - 15px);
		margin-right: 15px;    
		text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 18px;
    max-height: 220px;
    overflow: hidden;
		text-overflow:ellipsis;
}
	}
	.content div:nth-child(1) p{
		color: #2e2e2e;
		text-indent: 2rem;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 20px;
		text-align: justify;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:11; 
	}

	.content div:nth-child(2){
		width: 40%;
	}

	/* 特色花茶 */
	.characteristic{
		background: url('../img/background.jpg') top center;
		background-size: 100% 100%;
		padding-top: 1px;
		padding-bottom: 30px;
	}
	.characteristic .swiper-container-t{
		padding-bottom: 42px;
		margin-bottom: 10px;
	}
	.characteristic .swiper-container-t .img{
		width: calc(50% - 23px);
		background: #ffffff;
		box-shadow: 1px 1px 5px #888888;
	}
	.characteristic .swiper-container-t .img:nth-child(2n-1){
		margin: 10px 8px 10px 15px;
	}
	.characteristic .swiper-container-t .img:nth-child(2n){
		margin: 10px 15px 10px 8px;
	}
	.characteristic .swiper-container-t .img p{
		font-size: 12px;
		color: #2e2e2e;
		margin-top: 6px;
		margin-left: 8px;
		    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
		max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}

	.characteristic .swiper-container-t .img .more{
		width: 15px;
		margin: 8px;
	}
	.characteristic .swiper-button-next, .characteristic .swiper-container-rtl .swiper-button-prev{
		background-image:url(../img/right.png);
		width: 32px;
		height: 11px;
		background-size: 100% 100%;
		right: 58px;
		top: 101%;
	}
	.characteristic .swiper-button-prev, .characteristic .swiper-container-rtl .swiper-button-next{
		background-image:url(../img/left.png);
		width: 32px;
		height: 11px;
		background-size: 100% 100%;
		left: 58px;
		top: 101%;
	}

	/* 联系我们 */
	.contact .information p{
		text-align: center;
		font-size: 12px;
		color: #2e2e2e;
		line-height: 20px;
	}

	/* 底部 */
	.foot{
		background: #048700;
		height: 56px;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	.foot .float_l{
		width: calc(25% - 1px);
		border-left: solid 1px #17a212;
		margin-top: 8px;
	}
	.foot .float_l img{
		width: 50px;
		margin: auto;
	}
	.copyright{
		color: #4b4b4b;
		font-size: 12px;
		text-align: center;
		margin-top: 28px;
	}

	/* 在线留言 */
	.message .information{
		margin-top: 0px;
	}
	.message .information p{
		width: 20%;
		text-align: right;
		color: #686868;
	}
	.message .information input{
		border: solid 1px #17a212;
		background:#fafafa;
		width: calc(65% - 8px);
		margin-bottom: 18px;
		color: #686868;
		padding-left: 8px;
	}
	.message .information textarea{
		border: solid 1px #17a212;
		background:#fafafa;
		width: calc(65% - 8px);
		min-width: calc(65% - 8px);
		max-width: calc(65% - 8px); 
		height: 100px;
		min-height: 100px;
		max-height: 100px;
		color: #686868;
		padding-left: 8px;
	}
	.message .information .button{
		text-align: center;
	}
	.message .information .button button{
		color: #fff;
		font-size: 12px;
		padding: 8px 45px;
		margin-top: 26px;
		margin-bottom: 10px;
	}

	/* 关于我们页面 */
	.about_html .information{
		padding: 0 24px;
		margin-top: -6px;
	}
	.about_html .information p{
		/*text-indent: 2rem;*/
		text-align: justify;
		font-size: 12px;
		color: #2e2e2e;
		line-height: 20px;
		margin-bottom: 10px;
	}

	/* 新闻列表页面 */
	.news_html .information{
		padding: 0 20px;
	}
	.news_html .information .list .date{
		background: #17a212;
		color: #fff;
		text-align: center;
		padding:4px 12px;
		margin-bottom: 20px;
	}
	.news_html .information .list .title{
		width: 73%;
		margin-left: 4%;
	}

	.news_html .information .list .date p:nth-child(1){
		font-size: 28px;
	}
	.news_html .information .list .date p:nth-child(2){
		font-size: 16px;
	}
	.news_html .information .list .title h3{
		margin: 2px 0 6px 0;
		font-size: 14px;
		color: #2e2e2e;
		text-align: justify;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.news_html .information .list .title p{
		line-height: 18px;
		font-size: 12px;
		color: #8e8e8e;
		text-align: justify;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.news_html .more{
		text-align: center;
		margin: 15px 0;
	}

	/* 新闻详情 */
	.news_show_html{
		padding: 0 20px;
	}
	.news_show_html h2{
		text-align: center;
		font-size: 16px;
		margin:24px 0 10px 0;
	}
	.news_show_html .news_icon .float_l{
		width: 50%;
		color: #a8a9a9;
		font-size: 12px;
	}
	.news_show_html .news_icon .float_l div{
		margin-left: 25%;
	}
	.news_show_html .news_icon .float_l img{
		width: 18px;
		height: 18px;
		margin-right: 10px;
	}
	.news_show_html .news_icon .float_l p{
		margin-top: 4px;
	}
	.news_show_html .news_line{
		width: 100%;
		height: 2px;
		background: #55ca68;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.news_show_html .text p{
		/*text-indent: 2rem;*/
		text-align: justify;
		color: #2e2e2e;
		font-size: 12px;
		line-height: 20px;
	}
	.next{
		/* padding-bottom:20px; */
		margin: 35px 0 0;
		width: 70%;
	}
	.next .upper{
		margin-bottom: 15px;
		margin-top: 1px;
		margin-left: 8px;
	}
	.next .lower{
		line-height: 16px;
		margin-left: 8px;
		margin-top: 0px;
	}
	.next img{
		width: 18px;
		height: 16px;
	}
	.next .background{
		background:#048700;
		margin-bottom: 10px;
		height: 24px;
		padding-top: 6px;
		padding-left: 12px;
	}
	.next p{
		color: #fff;
		font-size: 12px;
		width: 80%;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.return{
		background:#048700;
		width: calc(22% - 16px);
		margin: 35px 0 0;
		padding:16px 8px;
		margin-left: 8%;
	}
	.return img{
		width: 80%;
		margin: auto;
	}

	/* 产品详情 */
	.product_show_html .next .background{
		padding-left: 20px;
	}
	.product_show_html .product{
		width: 85%;
		margin: auto;
		margin-top:20px;
		margin-bottom:25px;
	}
	.product_show_html .return{
		padding: 16px 8px;
	}
.text iframe{
	width: 100%;
	height: 300px;
}

	/* 产品列表 */
	.product_html{
		background:#fff !important;
		padding-bottom: 0px;
	}
	.product_html .swiper-container-t .img:nth-child(odd){
		margin: 0 7px 24px 14px;
		box-shadow:none;
		border-top:solid 1px #f9f9f9;
		border-left:solid 1px #f9f9f9;
		border-right:solid 1px #f9f9f9;
		border-bottom:solid 1px #e3e3e3;
	}
	.product_html .swiper-container-t .img:nth-child(even){
		margin: 0 14px 24px 7px;
		box-shadow:none;
		border-top:solid 1px #f9f9f9;
		border-left:solid 1px #f9f9f9;
		border-right:solid 1px #f9f9f9;
		border-bottom:solid 1px #e3e3e3;
	}
	.product_html .more_button{
		margin-left: calc(50% - 40px)
	}
	.product_html .more_button button{
		padding: 10px 34px;
	}
	.product_html .swiper-container-t {
		padding-bottom: 4px;
		margin-top: 30px;
	}
	.product_html .position_r{
		margin: auto;
		text-align: center;
	}
	.product_html .position_r button{
		color: #fff;
		width: 50%;
		font-size: 14px;
		padding-top:10px;
		padding-bottom:10px;
		background: #17a212
	}
	.product_html .position_r .position_a{
		z-index: 2;
		width: 50%;
		background: #17a212;
		margin: auto;
		left: 0;
		right: 0;
		opacity: 0.7;
		padding-bottom: 5px;
		display: none;
	}
	.product_html .position_r:hover .position_a{
		display: block;
	}
	.product_html .position_r .position_a a p{
		color: #fff;
		border-bottom:solid 1px #fff;
		width: 50%;
		margin: auto;
		padding: 5px 0;
	}
	/*.product{
		padding: 0;
	}*/



















}


@media screen and (max-width:375px){
	.content div:nth-child(1) p{
		-webkit-line-clamp:11; 
	}
}
@media screen and (max-width:375px){
	.content div:nth-child(1) p{
		-webkit-line-clamp:3; 
	}
}
@media screen and (max-width:320px){
	.content div:nth-child(1) p{
		-webkit-line-clamp:8; 
	}
}
@media screen and (max-width:375px){
	.news_html .information .list .title{
		width: 70%;
	}
}
@media screen and (max-width:320px){
	.news_html .information .list .title{
		width: 66%;
	}
}