@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px){
	.logo{
		width: 1024px;
	}
	.nav ul{
		width: 1024px;
	}
	.center {
		width: 1024px;
	}
	.product .product_img .float_l {
		width: 321px;
	}
	.product .product_img .float_l img{
		width: 321px;
		height: auto;
	}
	.product_shuffling .swiper-container-p .swiper-slide img:nth-child(1){
		width: 65.4%;
	}
	.product_shuffling .swiper-container-p .swiper-slide img:nth-child(2){
		width: 34.6%;
	}
	.product_shuffling{
		height: auto;
	}
	.swiper-container-p .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		top: 77%;
		left: 610px;
	}
	.swiper-container-p .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		top: 77%;
		right: 294px;
	}
	.icon .img {
		width: 255px;
	}
	.news_list {
		width: 727px;
	}
	.online input {
		width: 250px;
	}
	.online button {
		width: 250px;
	}
	.online {
		width: 262px;
	}
	.news_list .border_l {
		width: 386px;
	}
	.new_line p {
		width: 74%;
	}
	.icon .img img {
		margin-right: -2px;
	}
	.icon .img p {
		font-size: 16px;
	}
	.case .case_l {
		width: calc(50% - 10px);
	}
	.case .case_c {
		width: calc(50% - 10px);
	}
	.case .case_l img:nth-child(1){
		width: 100%;
	}
	.case .case_c img {
		width: 100%;
	}
	.case .case_l a:nth-child(2) img, .case .case_l a:nth-child(3) img{
		width: calc(50% - 13px);
	}
	.case .case_r a:nth-child(1) img {
		margin-right: 20px;
	}
	.case .case_r{
		width: calc(50% - 10px);
	}
	.case .case_r a{
		width: 50%;
		display: block;
	}
	.case .case_r a img {
		width:calc(100% - 10px);
	}
	.case .case_r a:nth-child(2) img {
		margin-left: 10px;
	}
	.product .product_img .float_l div{
		height: auto;
	}
	.news_html .text {
		width: calc(100% - 418px);
	}
	.contact_us_html .contact_background {
		padding: 20px 20px 20px 30px;
	}
	.contact_us_html .contact_background div:nth-child(1) {
		width: 400px;
	}
	.about_html .about_p {
		width: 1024px;
	}
}


@media screen and (max-width:1024px){
	.phone_none{
		display: none;
	}
	.pc_none{
		display: block;
	}
	html{
		font-size:15.625vw;
	}
	img {
		display: block;
		border: none;
		width: 100%;
	}
	.container{
		padding-bottom: 0.7rem;
	}
	.banner .swiper-container{
		height: auto;
	}
	/*导航*/
	.head {
		width: 100%;
		height: 0.93rem;
		position: relative;
	}
	.head .logo{
		width: 3.2rem;
		height: 0.93rem;
		/* height: 56px; */
	}
	.head .telephone{
		/* width: 0.86rem;
		height: 0.93rem; */
		position: absolute;
		top: 0;
		right: 0;
	}
	.index_nav{
		/* background: #000; */
	}
	.index_nav a{
		display: block;
		width: calc(25% - 1px);
		float: left;
		height: 0.5rem;
		line-height: 0.5rem;
		text-align: center;
		border-bottom: 1px solid #fff;
		background:#f3d020;
		border-right: 1px solid #fff;
	
		/* margin-right: 0.02rem; */
	}
	.index_nav a .float_l{
		width: 100%;
		color: #3d3c3b;
		font-size: 0.23rem;
		border-right: 1px solid #fff;
	
		border-bottom: 1px solid #fff;
		background: #f3d020;
	}
	/* banner */
	.banner{
		/* margin-top: -1px; */
	}
	.swiper-container-b .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		background: #fff;
		opacity: .4;
	}
	.swiper-container-b .swiper-pagination-bullet-active {
		opacity: 1;
		background: #fff;
	}
	/* 首页搜索 */
	.search{
		background: #f3f4f8;
		padding-top: 0.21rem;
		padding-bottom: 0.21rem;
	}
	.search .input{
		width: 5.99rem;
		height: 0.6rem;
		margin: auto;
		background: #fff;
	}
	.search .input input{
		height: 100%;
		width: 5.1rem;
		text-indent: 0.22rem;
		font-size: 0.24rem;
		color: #bebfc3;
		padding: 0;
	}
	.search .input img{
		width: 0.68rem;
		height: 0.6rem;
	}
	
	/* 产品展示 */
	.index_product{
		/* background: #999; */
	}
	.index_title{
		
		padding-top: 0.4rem;
		padding-bottom: 0.32rem;
	}
	.index_title .title_flex{
	
		width:100%;
	}
	.index_title .title_flex img{
		
		height: 0.12rem;
		margin-top: 0.23rem;
	}
	.index_title .title_flexen{
		text-transform:uppercase;
		font-size: 0.26rem;
		color: #eec300;
		font-family:arial;
		width:100%;
		text-align:center;
		
	}
	.index_title .title_flextitle{
		font-size: 0.26rem;
		color: #333333;
		 width:100%;
		text-align:center;
		
	}
	.product_img{
		padding: 0 0.2rem;
	}
	.product_img .float_l{
		width: calc(50% - 0.04rem);
	}
	.product_img .float_l:nth-child(odd){
		margin-right: 0.08rem;
	}
	.product_img .float_l img{
		width: 100%;
		height: 2.17rem;
	}
	.product_img .float_l p{
		height: 0.63rem;
		text-align: center;
		line-height: 0.63rem;
		font-size: 0.24rem;
		color: #333333;
		background: #fff;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.more_button{
		text-align: center;
		margin-top: 0.24rem;
		margin-bottom: 0.45rem;
	}
	.more_button button{
		width: 1.37rem;
		height: 0.38rem;
		border: solid 1px #cfcfcf;
		border-radius:5px;
		background: #efc400;
		font-size: 0.22rem;
		color: #fff;
	}
	.product_icon{
		padding: 0 0.28rem;
	}
	.product_icon .float_l{
		width: calc(50% - 0.06rem);
		margin-bottom: 0.11rem;
		display: block;
		background:#f3f4f8;	
		padding: 0.3rem 0 0.27rem 0;
	}
	.product_icon .float_l img{
		width: 0.82rem;
		height: 0.82rem;
		float: left;
		margin-left: 0.2rem;
	}
	.product_icon .float_l:nth-child(odd){
		margin-right: 0.12rem;
	}
	.product_icon .float_l h6{
		font-size: 0.28rem;
		color: #333333;
		margin: 0.05rem 0 0.1rem 1.1rem;
	}
	.product_icon .float_l p{
		font-size: 0.2rem;
		color: #555555;
		margin: 0 0 0 1.05rem;
	}
	
	
	
	
	/* 首页关于我们 */
	.index_about{
		/* background: #666; */
		padding: 0 0.34rem 0.34rem 0.34rem;
		background:#efefef;
	}
	.index_about p{
		font-size: 0.22rem;
		color: #333333;
		line-height: 0.4rem;
		text-align: justify;
		text-indent: 0.34rem;
	}
	.index_about img{
		width: 100%;
		margin-top: 0.3rem;
	}
	
	.index_case{
		background:#fff;
	}
	.index_case .index_product_img .float_l{
		background: #f8f8f8;
		padding-bottom: 7px;
	}
	
	
	
	.news_html{
		background: #f1f1f1;
		margin-top: 0.38rem;
		padding: 0 0.22rem;
		padding-bottom: 1px;
		
	}
	.news_html .information .list{
		border-bottom: solid 1px #eeeeee;
		background:#FFF;
		margin-top: 0;
	}
	.news_html .information .list a{
		display: block;
		padding: 0.3rem 0;
		border-top: solid 1px #eeeeee;
	}
	.news_html .information .list a:nth-child(1){
		border-top: none;
	}
	.news_html .information{
		margin-top: 0px;
	}
	.news_html .information .list .date{
		/* color: #fff; */
		text-align: left;
		margin-bottom: 20px;
		margin-left:10px;
		/* line-height:1rem; */
		
		/* background:#fac906; */

		color: #555555;
		text-align: left;
		margin-bottom: 20px;
		width: 1.05rem;
		
	}
	.news_html .information .list .title{
		width: calc(100% - 0.3rem - 10px - 1.35rem);
		margin-left: 0.3rem;
		padding-top: 0;
		text-align: left;
	}
	.news_html .information .list .date p:nth-child(1){
		/* font-size: 0.22rem;
		padding:0 0.24rem;
		padding-top: 0.15rem; */
		/* color: #fff; */
		font-size: 0.36rem;
		padding-top: 0.15rem;
		color: #333333;
	}
	.news_html .information .list .date p:nth-child(2){
		font-size: 0.24rem;
		color: #333333;
	}
	.news_html .information .list .date div{
		width: 0.19rem;
		height: 0.05rem;
		background: #e0a92a;
		float: right;
		margin-top: -0.13rem;
		margin-right: 0.1rem;
	}
	.news_html .information .list .title h3{
		line-height: 0.52rem;
		margin-bottom: 0.1rem;
		font-size: 0.27rem;
		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: 0.32rem;
		font-size: 0.2rem;;
		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_html .more_button{
		margin-top: 0.4rem;
		margin-bottom:0.4rem;
	}
	.icontact{ text-align:center; line-height:30px; font-size:0.22rem;}
	
	/* 底部 */
	.foot{
		width: 100%;
		height: 0.75rem;
		background: #3e3e3e;
		position: fixed;
		bottom: 0;
		left: 0;
		/* margin-left: -320px; */
		z-index: 99;
	}
	.foot .float_l{
		width: calc(25% - 1px);
	}
	.foot .float_l img{
		width: 0.50rem;
		height: 0.47rem;
		margin: auto;
		margin-top:0.1rem;
	}
	.foot .float_l p{
		text-align: center;
		font-size: 0.22rem;
		color: #fff;
	}
	.foot_line{
		width: 1px;
		height: 100%;
		background: #765946;
		/* margin-top: 0.22rem; */
		float: left;
	}
	
	
	
	/* 内页导航 */
	.menu_list {
		width: 100%;
		height: auto;
		background: none;
	}
	.menu_list ul li{
		display: block;
		text-align: center;
		width: 100%;
	}
	.menu_list ul li .div1 {
		width: 100%;
		float: left;
		padding-top: 0.1rem;
		/* height: 1.4rem; */
		overflow: hidden;
		background: #fff;
		display: none;
	}
	.div2 .zcd{
		color: #333333;
		font-size: 0.24rem;
		cursor: pointer;
		text-align: center;
		width: calc(33% - 1px);
		float: left;
		border-left: solid 1px #333333;
		margin-top: 0.27rem;
		margin-bottom: 0.27rem;
		line-height: 0.28rem;
		margin-left: -1px;
		overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
	}
	.div2 {
		width: 100%;
		float: left;
		padding-top: 0.1rem;
		/*height: 1.4rem;*/
		overflow: hidden;
		background: #fff;
		overflow: hidden;
	}
	/* .div1 {
		height: 200px;
		display: none;
		position: relative;
	} */
	.head .telephone {
		width: 0.81rem;
		height: 0.93rem;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/* 产品列表页 */
	.product_html{
		padding-bottom: 0.3rem;
	}
	.title_page{
		background: #fac906;
		height: 0.77rem;
		width: 100%;
		position: relative;
	}
	.title_page div{
		width: 0.89rem;
		height: 0.41rem;
		border-radius: 0.5rem;
		background: #d4a900;
		font-size: 0.28rem;
		color: #5b361e;
		text-align: center;
		line-height: 0.41rem;
		position: absolute;
		left: 0.2rem;
		top: 0.17rem;
	}
	.title_page p{
		font-size: 0.3rem;
		color: #ffffff;
		text-align: center;
		line-height: 0.75rem;
	}
	
	/* 产品内页 */
	.product_details_html{
		padding-bottom: 0.46rem;
	}
	.product_details_html .title{
		width: 5.9rem;
		text-align: center;
		border-bottom: solid 1px #eeeeee;
		margin: auto;
	}
	.product_details_html .title h4{
		font-size: 0.36rem;
		color: #333333;
		padding-top: 0.75rem;
		margin-bottom: 0.2rem;
	}
	.product_details_html .title p{
		font-size: 0.2rem;
		color: #888888;
		margin-bottom: 0.15rem;
	}
	.product_details_html .title span{
		margin: 0 0.2rem;
		font-size: 0.2rem;
	}
	.product_details_html .details_img{
		text-align: center;
		margin-top: 0.34rem;
		margin-bottom: 0.47rem;
	}
	.product_details_html .details_img img{
		width: 5.5rem;
		height: 4.02rem;
		margin: auto;
	}
	.product_details_text{
		width: 6rem;
		margin: auto;
	}
	.product_details_text .label_nav h4{
		width: 1.48rem;
		height: 0.37rem;
		margin-right: 1px;
		background: #e0a92a;
		color: #fff;
		font-size: 0.22rem;
		text-align: center;
		line-height: 0.37rem;
	}
	.product_details_text .label_nav .on{
		background:#5b361e !important;
		color:#fff;
	}
	.product_details_text .label_page{
		border-top: solid 1px #eeeeee;
		border-bottom: dashed 1px #dddddd;
		padding-top: 0.25rem;
		padding-bottom: 0.3rem;
	}
	.product_details_text .label_page .label_page_each{
		padding: 0 0.1rem;
	}
	.product_details_text .label_page p{
		font-size: 0.2rem;
		color: #333333;
		text-align: justify;
		text-indent: 0.42rem;
		line-height: 0.36rem;
	}
	.product_details_text .label_page img{
		width: 100%;
	}
	.product_details_html .upper_button{
		width: 3.1rem;
		height: 0.53rem;
		line-height: 0.53rem;
		border: solid 1px #deab3d;
		border-radius: 0.5rem;
		padding: 0 0.4rem;
		margin: auto;
		margin-bottom: 0.17rem;
		margin-top: 0.34rem;
		font-size: 0.20rem;
		color: #deab3d;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.product_details_html .lower_button{
		width: 3.1rem;
		height: 0.53rem;
		line-height: 0.53rem;
		border: solid 1px #deab3d;
		border-radius: 0.5rem;
		padding: 0 0.4rem;
		margin: auto;
		font-size: 0.20rem;
		color: #fff;
		background: #deab3d;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	
	/* 新闻详情 */
	.news_details{
		width:5.73rem;
		margin: auto;
		border-bottom: dashed 1px #dddddd;
		padding-top:0.35rem;
		padding-bottom: 0.35rem;
	}
	.news_details p{
		font-size: 0.24rem;
		color: #333333;
		text-align: justify;
		text-indent: 0.42rem;
		line-height: 0.4rem;
		margin: 0.1rem 0;
	}
	.news_details img{
		width: 100%;
		margin: 0.2rem 0;
	}
	
	/* 公司简介 */
	.about_html{
		/* padding-top: 0.3rem; */
	}
	.about_html .title{
		border-bottom: none;
	}
	.about_html .news_details{
		border-bottom: none;
		padding-top: 0.05rem;
		line-height:0.5rem;
		padding-bottom: 0.05rem;
	}
	
	/* 新闻动态 */
	.news_container{
		background: #f6f7fb;
		padding-bottom: 0;
	}
	.menu_list ul{
		background: #fff;
	}
	.news_container .menu_list ul li .div1{
		background: #f6f7fb;
	}
	.news_container .news_html{
		margin-top: 0;
		padding:0;
		padding-top: 0.3rem;
		background:none;
		padding-bottom:0;
	}
	.news_container .news_html .information .list {
		border-top: solid 2px #fff;
		border-bottom: none;
		padding: 0.32rem 0.22rem;
	}
	.news_container .news_html .information .list:nth-child(1){
		border-top:none;
	}
	.news_html .more_button{
		margin-bottom: 0;
		padding-bottom: 0.4rem;
	}
	
	/* 在线留言 */
	.meassage_a{
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 140px 0;
	}
	.about1-con {
		line-height: 30px;
		text-align: center;
		color: #646464;
		margin: 20px 0;
	}
	.form-control {
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.mes-area {
		min-height: 7em;
		resize: none;
		font-size: 14px;
		line-height: 1.4;
	}
	.btn-danger {
		color: #fff;
		background-color: #fac906;
	  border: 1px solid #0072d4;
	}
	.btn {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	
	.meassage_a{
		width: 100%;
		margin: 0 auto;
		padding: 30px 0 0px 0;
	}
	.news_show_html .title{
		padding-top: 0;
		padding-bottom: 0.2rem;
		margin-bottom: 0.2rem;
		border-bottom: solid 1px #eeeeee;
	}
	.details_html .title{
		padding-top: 0;
	}
}