@media screen and (max-width: 1700px) {
	
	
	.icon-txt h2{
		font-size: 2.6rem;
	}


	.in-join{
		
		padding: 50px 60px 0 60px;
		
	}
	.in-num{
		
		padding: 20px 40px 0 40px;
		
	}
	.in-num li p{
		
		font-size: 3.6rem;
	}

}

@media only screen and (max-width:1500px) {
	.wd1772,.wd1400,.wd1618{width:1300px }

	.wd1400{
		width: calc(100% - 80px)
	}


	

	
	
	.icon-box .icon-txt{
		float: none;
		width: 100%;
		text-align: center;
		
	}

	.in-join{
		
		padding: 40px 50px 0 50px;
		
	}
	.in-num{
		
		padding: 15px 30px 0 30px;
		
	}
	.in-num li p{
		
		font-size: 3rem;
	}


	.in-news .new1 li p{
		margin: 12px 0;
		font-size: 1.6rem;
	}


	.foot-center {
	    padding-left: 120px;
	}
	.foot-link:first-child{
		margin-right: 110px;
	}


	.ab-section-3 li{
		width: calc((100% - 80px)/3 - 2px);
		margin-right: 40px;
	}
	
}


@media only screen and (max-width:1200px){
	
	
	.section-2 .in-box{
		height: 600px;
	}

	.in-join{
		
		padding: 30px 30px 0 30px;
		
	}

	.ab-section-3 li{
		width: calc((100% - 60px)/3 - 2px);
		margin-right: 30px;
		padding: 20px 20px 10px 20px;
	}

	
	
}
@media only screen and (max-width:1100px){
	.wd1400{width: calc(100% - 80px);}
	
	.header_nav_li {
	    padding: 0 10px; 
	}

	
	.icon-txt h2{
		font-size: 2.4rem;
	}
	.icon-txt p{
		display: none;
	}
	
	
}
@media only screen and (max-width:1000px){
	
	/*手机导航开启*/
	#hamburger {
    	display: block;
	}

	
	.nav .nav_list{display: none}
	.nav .nav_right{display: none}

	



	.hd{height: 60px}
	
	
	
	.banner .banner01 h2{
	
		border-bottom: 3px solid #fff;
		padding-bottom: 20px;
		
	}
	.banner .banner01 p{
		margin-top: 15px;
		font-family: "Microsoft YaHei"; 
		line-height: 4.8rem;
	}

	.banner .swiper-slide h2{
		font-size: 3.6rem; 

	}

	.banner .swiper-slide p{
		font-size: 1.8rem; 
		width: 400px;
		line-height: 3.6rem;
	}


	
	
	.ab_banner h3{ font-size:3rem; }

	.ab-section-1 p{
		
		
	}


	.footer{
		padding: 15px 0;
		display: none;
	}
	.foot-list{display: none;}


	.section-2 .in-box{
		float: none;
		width:100%;
		height: auto;
		padding-bottom: 40px;
	}
	.botton-list a{
		flex: 0 0 33.3%;
	   
	}

	.in-join{
		
		padding: 30px ;
		
	}
	.in-botton{
		padding: 60px 0px 0 0px;
		background-color: #f5f5f5;
		text-align: center;

	}

	

	.ab-section-3 li{
		width: 100%;
		margin-right: 0px;
		float: none;
	    vertical-align: top;
	    margin-bottom: 40px;
	    font-size: 1.4rem;
	    background-color: rgba(255,255,255,0.2);
	    border: 1px solid rgba(255,255,255,0.4);
	    padding: 20px 30px 10px 30px;
	    position: relative;


	}
	.m_nav{
		display: block;
	}
	.ab_nav .wd1400{
		display: none;
	}
	.chuanpan{
		
		padding: 40px 0;
	}

	.onlypc{
		display: none;
	}
	.onlymb{
		display: block
	}
	.ab-pic{
		display: block;
	}
	.search-box,.search-botton{
		display: none;
	}
	.m-search-box,.m-search-botton{
		display: block;
	}
	.cp-search{
		background-color:transparent;
		padding: 0px ;
		margin-bottom: 20px;
	}

	.cp-list{
		padding: 0px ;
		background-color:transparent;
	}

	.cp-box{
		float: left;
		margin: 0 0 20px 0;
		width: 100%;
		border: 1px solid #ddd;
		border-radius: 10px;
		padding: 20px 20px 20px 20px;
		background-color: #fff;

	}


	
	

	.saleshow{ 
		padding:20px ; 
		background-color: #fff;
		overflow:hidden;
	}

	.jl-box{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: calc((100% - 40px )/3);
		border: 1px solid #ddd;
		padding: 30px 30px 20px 30px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}
	.jl-box:nth-child(4n){
		margin-right: 20px;
	}
	.jl-box:nth-child(3n){
		margin-right: 0;
	}

	.news{
		padding: 40px 0px 30px 0px;
		background-color: #f5f5f5;
	}
	.new-box{
		float: left;
		margin-right: 40px;
		margin-bottom: 20px;
		width: calc((100% - 40px)/2);
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		background-color: #fff;
	}
	.new-box:nth-child(3n){
		margin-right: 40px;
	}
	.new-box:nth-child(2n){
		margin-right: 0;
	}


}
@media only screen and (max-width:850px) {
	.wd1400{width: calc(100% - 60px);}
	
	.chuanpan-add{
		padding: 30px 20px 30px 20px;
	}
	.fixed-nav{
		display: block;
	}

	.jl-box{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: calc((100% - 20px )/2);
		border: 1px solid #ddd;
		padding: 30px 30px 20px 30px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}
	.jl-box:nth-child(4n){
		margin-right: 20px;
	}
	.jl-box:nth-child(3n){
		margin-right: 20px;
	}
	.jl-box:nth-child(2n){
		margin-right: 0;
	}

}

@media only screen and (max-width:640px) {
	.wd1400{width: calc(100% - 40px);}


	.banner .swiper-slide h2{
		font-size: 3rem; 

	}

	.banner .swiper-slide p{
		font-size: 1.6rem; 
		width: 400px;
		line-height: 3rem;
	}

	.ab_banner h3{ font-size:2.6rem; }

	
	.icon-txt h2{
		font-size: 1.6rem;
	}

	

	.ab-section-1{
		text-align: left;
	}
	.ab-section-1 h2{
		text-align: center;
	}
	.ab-section-1 p{
		text-indent: 2em;
		margin-bottom: 15px;
		
	}

	.chuanpan{
		
		padding: 30px 0;
	}
	.jianlishow {
	    padding: 30px;
	    
	}
	



	

	

	.reg .layui-col-xs12{
		margin-bottom: 15px;
	}
	.cp-box dd{
		width: 50%;
		margin-bottom: 20px;
	}
	.cp-box dd b{
		
		margin-bottom: 10px;	
	}
	.cp-contact{
		margin-top: 15px;
		border-top: 1px solid #ddd;
		padding-top: 20px;
	}

	.news{
		padding: 30px 0px 20px 0px;
		background-color: #f5f5f5;
	}

	.new-box{
		float: left;
		margin-right: 0px;
		margin-bottom: 20px;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		background-color: #fff;
	}
	.new-box:nth-child(3n){
		margin-right: 0px;
	}
	.new-box:nth-child(2n){
		margin-right: 0;
	}

	.cp-botton button{
		background-color: #0e8aec;
		width: 120px;
		height: 45px;
		color: #fff;
		font-size: 1.8rem;
	}

	
	
}

@media only screen and (max-width:450px) {
	
	
	
	.reg .layui-form-label { 
	    padding: 9px 0px;
	    
	}
	.reg .layui-form-item .layui-input-inline {
    	margin: 0 0 10px 0px;
	}
	.reg .layui-form-item .layui-input-inline+.layui-form-mid {
    	margin-left: 0px;
    
	}

	.jl-box{
		float: left;
		margin-right: 0px;
		margin-bottom: 20px;
		width: 100%;
		border: 1px solid #ddd;
		padding: 30px 30px 20px 30px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}
	.jl-box:nth-child(4n){
		margin-right: 0px;
	}
	.jl-box:nth-child(3n){
		margin-right: 0px;
	}
	.jl-box:nth-child(2n){
		margin-right: 0;
	}


}


/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:50px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 640px) {
	.newsshow{ padding:10px 0;}
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}

	.news  .btn a{ display:block; padding:10px; line-height:24px; font-size:1.4em; color:#333;
		width: calc(100%);
		float: left;
		background-color: #fff;
		
	}
}