@charset "utf-8";

@media screen and (max-width:1280px) {
	.center {
		width: 1000px;
	}

	.index_news {
		padding-top: 0;
	}

	.index_nav li a {
		padding: 24px 18px
	}

	.index_nav li:hover a {
		padding: 20px 18px;
	}

	.search {
		margin-left: 40px;
	}

	.phonecall {
		margin-left: 20px;
		margin-top: 50px;
	}

	.search input {
		width: 180px;
	}

	.index_news .right_news {
		width: 300px;
	}

	.left_news {
		margin-right: 35px;
	}

	.index_news .right_news {
		width: 490px;
	}

	.index_news_rightcon_title {
		width: 330px;
	}

	.right_news a {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.about_con p {
		width: 560px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.contact_html {
		padding: 0 20px;
	}

	.brag li {
		padding: 0 95px;
	}

	.case_pic {
		width: 243px;
		height: auto;
	}

	.message input,
	.message textarea {
		width: 470px;
	}

	.message submit {
		width: auto;
	}

	.position_right::after {
		width: 820px;
	}

	.nei_contact_right {
		width: 630px;
	}

	.pro_con {
		width: 760px;
	}

	.index_product_container {
		width: 232px;
	}

	.img_con {
		width: 232px;
		height: auto;
	}

	.pro_name {
		width: 232px;
	}

	.index_product_container:hover .pro_name h2 {
		padding-right: 50px;
	}

	.nei_news_con {
		width: 550px;
	}

	.nei_wholenews {
		margin-bottom: 10px;
	}

	.lastone a,
	.nextone a {
		width: 372px;
	}

	.nei_content input {
		width: 92%;
	}

	.nei_content textarea {
		width: 92%;
	}

	.gallery_left {
		left: 3%;
	}

	.gallery_right {
		right: 3%;
	}
}

@media screen and (max-width:1024px) {

	.phone_state {
		display: block;
	}

	.pc_state {
		display: none;
	}

	html {
		font-size: 9vw;
		margin: auto;
	}

	body {
		margin: 0px;
		padding: 0px;
		background-color: #fff;
		font-family: "微软雅黑";
		font-size: 14px;
		padding-bottom: 0.8rem;
	}

	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;
	}

	/*导航*/
	.logo {
		width: 100%;
		height: 1.17rem;
		float: unset;
	}

	.logo img {
		height: 100%
	}

	.neiye_bt {
		width: 100%;
		height: 0.8rem;
		background: #5bc24f;
		position: relative;
	}

	.neiye_bt p {
		text-align: center;
		font-size: 0.28rem;
		line-height: 0.8rem;
		color: #fff;
	}

	.neiye_bt a {
		position: absolute;
		top: 0;
		left: 0.2rem;
		line-height: 0.8rem;
		color: #fff;
		font-size: 0.28rem;
		text-indent: 0.32rem;
		background: url("../img/return.png") left center no-repeat;
		background-size: 0.22rem 0.28rem;
	}

	.neiye_bt img {
		position: absolute;
		top: 0;
		right: 0;
		width: 0.8rem;
		height: 0.8rem;
	}

	.neiye_bt .search_fb {
		display: none;
	}

	.ny_search {
		padding: 0.19rem 0.2rem;
		display: none;
	}

	.ny_search .kuang {
		border: solid 2px #5bc24f;
	}

	.ny_search .kuang input {
		width: calc(100% - 1rem);
		height: 0.46rem;
		font-size: 0.2rem;
		color: #333;
		padding: 0;
		padding-left: 0.1rem;
	}

	.ny_search .kuang a {
		display: block;
		height: 0.36rem;
		line-height: 0.46rem;
		width: 0.8rem;
		height: 0.46rem;
		background: #5bc24f;
		text-align: center;
		color: #fff;
	}

	.gallery_nav {
		padding: 0 0.05rem;
		padding-top: 0.39rem;
		padding-bottom: 0.18rem;
	}

	.gallery_nav a {
		display: block;
		width: calc(33% - 0.3rem - 2px);
		height: 0.5rem;
		margin: 0 0.15rem;
		border: solid 1px #e6e6e6;
		font-size: 0.22rem;
		color: #999999;
		margin-bottom: 0.12rem;
		text-align: center;
		line-height: 0.5rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.gallery_nav .xuanzhong {
		border: solid 1px #5bc24f;
		background: #5bc24f;
		color: #fff;
	}

	.gallery_img {
		padding: 0 0.12rem;
	}

	.gallery_img a {
		display: block;
		width: calc(50% - 0.16rem);
		margin: 0 0.08rem;
		background: #5bc24f;
		margin-bottom: 0.2rem;
	}

	.gallery_img a img {
		border: solid 1px #d2d2d2;
		width: calc(100% - 2px);
	}

	.gallery_img a p {
		height: 0.6rem;
		line-height: 0.6rem;
		background: url("../img/gallery_icon.png") right 0.09rem center no-repeat;
		background-size: 0.3rem 0.3rem;
		padding: 0 0.27rem 0 0.12rem;
		color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.more_button {
		display: block;
		margin: auto;
		color: #fff;
		width: calc(100% - 0.4rem);
		height: 0.6rem;
		background: #5bc24f;
		text-align: center;
		line-height: 0.6rem;
		margin-top: 0.2rem;
		box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.19);
	}

	.bottom {
		line-height: 0.65rem;
		height: 0.65rem;
		text-align: center;
		font-size: 0.2rem;
		color: #666666;
	}

	.gallery_html {
		padding-bottom: 0.35rem;
	}

	/* 底部 */
	.foot {
		width: 100%;
		height: 0.8rem;
		background: #5bc24f;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
	}

	.foot .float_l {
		width: 33%;
	}

	.foot .float_l img {
		width: 0.62rem;
		height: 0.4rem;
		margin: auto;
		margin-bottom: 0.04rem;
		margin-top: 0.04rem;
	}

	.foot .float_l p {
		text-align: center;
		font-size: 0.18rem;
		color: #fff;
		margin-top: -0.05rem;
	}

	.foot_line {
		width: 1px;
		height: 100%;
		background: #362d26;
		/* margin-top: 0.22rem; */
		float: left;
		display: none;
	}

	/* 列表页 */
	.list_html .mietiao {
		display: block;
		background: #f3f5f2;
		height: 1.8rem;
		margin-top: 0.17rem;
	}

	.list_html .mietiao .h3 {
		font-size: 0.26rem;
		width: calc(100% - 0.4rem);
		margin: auto;
		line-height: 0.6rem;
		padding-top: 0.18rem;
	}

	.list_html .mietiao p {
		font-size: 0.22rem;
		width: calc(100% - 0.4rem);
		margin: auto;
		color: #666565;
		line-height: 0.38rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.list_html .more {
		display: block;
		width: 100%;
		margin: auto;
		padding-top: 0.54rem;
		text-align: center;
		margin-bottom: 0.92rem;
		font-size: 0.2rem;
		color: #333333;
		background: url("../img/more.png") top center no-repeat;
		background-size: 0.29rem 0.46rem;
		margin-top: 0.35rem;
	}

	/* 列表详情 */
	.list_show_html {}

	.list_show_html .list_show {
		background: #f8faf7;
		margin-top: 0.17rem;
	}

	.list_show_html .list_show .timu {
		border-bottom: solid 1px #b3b3b3;
	}

	.list_show_html .list_show .timu .h3 {
		font-size: 0.26rem;
		color: #333333;
		text-align: center;
		line-height: 0.7rem;
		padding-top: 0.16rem;
	}

	.list_show_html .list_show .timu p {
		font-size: 0.2rem;
		color: #999999;
		text-align: center;
		line-height: 0.7rem;
	}

	.list_show_html .list_show .timu p span {
		margin: 0 0.12rem;
	}

	.list_show_html .list_show .text {
		width: calc(100% - 0.4rem);
		margin: auto;
		padding: 0.3rem 0;
		margin-bottom: 0.26rem;
	}

	.list_show_html .list_show .text p {
		font-size: 0.22rem;
		color: #808080;
		text-align: justify;
		text-indent: 2em;
		line-height: 0.36rem;
	}

	.list_show_html .list_show .text img {
		margin: 0.1rem 0;
		width: 100%;
	}

	.fanye {
		margin-bottom: 0.78rem;
	}

	.fanye a {
		display: block;
		width: calc(50% - 0.35rem);
		padding: 0 0.1rem;
		text-align: center;
		background: #f3f5f2;
		height: 0.66rem;
		line-height: 0.6rem;
		font-size: 0.22rem;
		color: #808080;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.fanye a:hover {
		background: #5bc24f;
		color: #fff;
	}

	.show_html .h3 {
		width: calc(100% - 0.4rem);
		border-bottom: dashed 1px #e9ebe8;
		margin: auto;
		text-align: center;
		line-height: 0.76rem;
		padding-top: 0.28rem;
		font-size: 0.3rem;
		font-weight: 600;
		color: #666666;
	}

	.show_html .shijian {
		width: calc(100% - 0.4rem);
		margin: auto;
		font-size: 0.2rem;
		color: #999999;
		text-align: center;
		line-height: 0.5rem;
	}

	.show_html .shijian span {
		margin: 0 0.12rem;
	}

	.show_html .show_img {
		width: calc(100% - 0.4rem);
		margin: auto;
		margin-top: 0.23rem;
	}

	.show_html .title {
		width: calc(100% - 0.4rem);
		margin: auto;
		height: 0.6rem;
		background: #5bc24f;
	}

	.show_html .title p {
		height: 0.6rem;
		width: 1.5rem;
		background: #38b22a;
		font-size: 0.26rem;
		color: #fff;
		line-height: 0.6rem;
		text-align: center;
		margin-top: 0.4rem;
	}

	.show_html .text {
		width: calc(100% - 0.4rem);
		margin: auto;
		padding: 0.28rem 0 0.3rem 0;
	}

	.show_html .text p {
		font-size: 0.22rem;
		color: #666666;
		line-height: 0.4rem;
		text-align: justify;
		text-indent: 2em;
	}

	.single_html .text {
		width: calc(100% - 0.4rem);
		margin: auto;
		padding: 0.3rem 0;
		margin-bottom: 0.26rem;
	}

	.single_html .text p {
		font-size: 0.22rem;
		color: #4c4c4c;
		text-align: justify;
		text-indent: 2em;
		line-height: 0.4rem;
	}

	.single_html .text img {
		margin: 0.2rem 0;
		width: 100%;
	}

	.contact_html .gognsi {
		font-size: 0.3rem;
		color: #4c4c4c;
		padding-top: 0.5rem;
		text-align: center;
	}

	.contact_html .xinxi p {
		font-size: 0.22rem;
		color: #666666;
		padding-top: 0.33rem;
		text-align: center;
	}

	.contact_html .erweima {
		width: 2rem;
		height: 2rem;
		margin: auto;
		border: solid 1px #69c75f;
		margin-top: 0.44rem;
		margin-bottom: 0.6rem;
	}

	.banner .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		display: inline-block;
		border-radius: 100%;
		background: #ffffff;
		opacity: 1;
	}

	.banner .swiper-pagination-bullet-active {
		background: #ffffff;
		border: solid 2px #5fc355;
	}

	.index_nav {
		background: #5bc24f;
	}

	.index_nav ul {
		/*height: 1.2rem;
		/* border-top: solid 1px #fff; */
		/* padding: 0 0.2rem; */
	}

	/* .index_nav ul:nth-child(1){
		border-top: none;
	} */
	.index_nav ul a {
		display: block;
		width: 33%;
	}

	.index_nav ul a:nth-child(1),
	.index_nav ul a:nth-child(2),
	.index_nav ul a:nth-child(3),
	.index_nav ul a:nth-child(4) {
		/* border-bottom: solid 1px #fff;  */
	}

	.index_nav ul a:nth-child(1) {
		/* padding-left: 0.2rem; */
		/* width: calc(33% - 0.2rem); */
	}

	.index_nav ul a:nth-child(4) {
		/* padding-right: 0.2rem; */
		/* width: calc(33% - 0.2rem); */
	}

	.index_nav ul a li {
		font-size: 0.24rem;
		border-right: solid 1px #fff;
		line-height: 0.2rem;
		text-align: center;
		margin-top: 0.2rem;
		color: #f2f2f2;
		margin-bottom: 0.2rem;
		float: unset;
	}

	.index_title {
		text-align: center;
		height: 1.2rem;
		background: none;
	}

	.index_title .flex {
		display: inline-flex;
		padding-top: 0.28rem;
	}

	.index_title .xian {
		width: 0.6rem;
		height: 3px;
		background: #e6e6e6;
		margin-top: 0.3rem
	}

	.index_title .h3 {
		font-size: 0.3rem;
		color: #2b2b2b;
		/* padding-top: 0.05rem */
	}

	.index_title p {
		font-size: 0.22rem;
		color: #8e8e8e;
	}

	.dianhau {
		height: 1.02rem;
		padding-top: 0.01rem;
		background: #5bc24f;
	}

	.dianhau p {
		width: 3.37rem;
		height: 0.6rem;
		background: #fff;
		border-radius: 8px;
		margin: auto;
		margin-top: 0.2rem;
		font-size: 0.34rem;
		line-height: 0.6rem;
		padding: 0 0.28rem 0 0.33rem;
	}

	.dianhau p img {
		width: 0.48rem;
		height: 0.6rem;
		float: left;
		margin-right: 0.2rem;
	}

	.index_about {
		background: url("../img/index_about.png") center center no-repeat;
		background-size: 100% 100%;
		min-height: 3.9rem;
		padding-bottom: 0.6rem;
	}

	.index_about .text {
		width: calc(100% - 0.4rem);
		margin: auto;
	}

	.index_about .text p {
		font-size: 0.2rem;
		color: #ffffff;
		text-align: justify;
		text-indent: 2em;
		line-height: 0.4rem;
	}

	.index_news .diyitiao {
		width: calc(100% - 0.4rem);
		margin: auto;
		display: block;
		margin-top: 0.2rem;
	}

	.index_news .text {
		height: 1.8rem;
		padding: 0 0.2rem;
		background: #5bc24f;
	}

	.index_news .text .float_l {
		width: 70%;
	}

	.index_news .text .float_l .h3 {
		font-size: 0.24rem;
		color: #fff;
		padding-top: 0.2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.index_news .text .float_l .xian {
		background: #fff;
		width: 0.52rem;
		height: 1px;
		margin: 0.16rem 0 0.14rem;
	}

	.index_news .text .float_l .p {
		font-size: 0.2rem;
		color: #fff;
		line-height: 0.36rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.index_news .text .float_r {
		width: 20%;
	}

	.index_news .text .float_r .h3 {
		font-size: 0.42rem;
		color: #fff;
		font-weight: 600;
		text-align: center;
		padding-top: 0.4rem;
	}

	.index_news .text .float_r .p {
		font-size: 0.22rem;
		color: #fff;
		text-align: center;
	}

	.index_news .list {
		width: calc(100% - 0.4rem);
		margin: auto;
	}

	.index_news .list a {
		display: block;
		border-bottom: solid 1px #cccccc;
		height: 0.8rem;
	}

	.index_news .list a .float_l {
		font-size: 0.24rem;
		line-height: 0.8rem;
		text-indent: 0.4rem;
		width: 4rem;
		color: #333333;
		background: url("../img/news_list.png") left 0.18rem center no-repeat;
		background-size: 0.1rem 0.1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.index_news .list a .float_r {
		font-size: 0.24rem;
		line-height: 0.8rem;
		color: #999999;
		padding-right: 0.26rem;
	}

	.index_brand {
		height: 3rem;
		background: url("../img/index_brand.png");
		background-size: 100% 100%;
	}

	.index_brand .brand_img {
		padding-left: 0.1rem;
	}

	.index_brand .brand_img .float_l {
		width: calc(33% - 0.4rem);
		margin: 0 0.2rem;
		position: relative;
		margin-top: 0.46rem;
	}

	.index_brand .brand_img .float_l P {
		position: absolute;
		bottom: 0;
		width: 100%;
		text-align: center;
		height: 0.56rem;
		line-height: 0.56rem;
		font-size: 0.26rem;
		color: #4c884c;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.index_brand .brand_img .dh {}

	.index_brand .dh {
		padding: 0 0.2rem;
		padding-top: 0.22rem;
	}

	.index_brand .dh .float_l {
		width: 50%;
		font-size: 0.26rem;
		color: #ffffff;
	}

	.index_brand .dh .float_r {
		width: 50%;
		background: #fff;
		height: 0.58rem;
		text-align: center;
		text-align: center;
		font-size: 0.32rem;
		color: #3d6645;
		border-radius: 0.58rem;
		line-height: 0.58rem;
	}

	.index_contact .text {
		padding: 0 0.2rem;
		padding-bottom: 0.5rem;
	}

	.index_contact .text p {
		padding-left: 5%;
		line-height: 0.74rem;
		font-size: 0.22rem;
		color: #666666;
		background-size: 0.34rem 0.33rem;
	}

	.banner .swiper-container {
		width: 100%;
		height: auto;
	}

	.banner {
		margin-bottom: 0px;
	}

	.index_nav li:hover {
		border-top: none;
	}

	.message_html {
		padding: 0 0.2rem;
		padding-top: 0.4rem;
		height: calc(100vh - 3rem);
	}

	.message_html input {
		height: 0.6rem;
		border: solid 1px #aaaaaa;
		width: calc(100% - 0.4rem);
		border-radius: 4px;
		margin-bottom: 0.2rem;
		padding: 0 0.2rem;
		font-size: 0.24rem;
		color: #888888;
	}

	.message_html input::-webkit-input-placeholder {
		color: #888888;
	}

	.message_html input::-moz-placeholder {
		color: #888888;
	}

	.message_html input:-moz-placeholder {
		color: #888888;
	}

	.message_html input:-ms-input-placeholder {
		color: #888888;
	}

	.message_html textarea {
		height: 1.7rem;
		border: solid 1px #aaaaaa;
		width: calc(100% - 0.4rem);
		border-radius: 4px;
		padding: 0.15rem 0.2rem;
		font-size: 0.24rem;
		color: #888888;
	}

	.message_html textarea::-webkit-input-placeholder {
		color: #888888;
	}

	.message_html textarea::-moz-placeholder {
		color: #888888;
	}

	.message_html textarea:-moz-placeholder {
		color: #888888;
	}

	.message_html textarea:-ms-input-placeholder {
		color: #888888;
	}

	.message_html .button .float_l {
		display: block;
		width: calc(50% - 0.1rem);
		background: #5f5d5d;
		height: 0.6rem;
		line-height: 0.6rem;
		text-align: center;
		font-size: 0.26rem;
		color: #fff;
	}

	.message_html .button .float_r {
		display: block;
		width: calc(50% - 0.1rem);
		background: #5bc24f;
		height: 0.6rem;
		line-height: 0.6rem;
		text-align: center;
		font-size: 0.26rem;
		color: #fff;
	}

	.message_html .button {
		padding: 0.2rem 0 1.5rem 0;
	}
}

@media screen and (max-width:960px) {
	html {
		font-size: 12vw;
	}
}

@media screen and (max-width:740px) {
	html {
		font-size: 15.625vw;
	}
}