@media screen and (min-width: 1000px){
	/* 首页导航 */
	.nav ul{ -webkit-transform: translateX(26px); -moz-transform: translateX(26px); transform: translateX(26px);}
	.nav ul li{ width: 116px; float: left; font-size: 15px; margin-top: 30px; line-height: 35px; text-align: center; border-radius: 5px; position: relative;}
	.nav ul li a{ color: #333; display: block;}
	.nav ul li.active{ background-color: #3478c1; position: relative;}
	.nav ul li.active a{ color: #fff;}
	.nav ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; left: 50%; top: 35px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #3478c1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
	.nav ul li:hover{ background-color: #3478c1; position: relative;}
	.nav ul li:hover a{ color: #fff;}
	.nav ul li:hover:after{ content: ""; position: absolute; width: 0; height: 0; left: 50%; top: 35px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #3478c1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
	.nav ul li:hover div{ display: block;}
	.nav ul li:hover div a{ color: #666;}
	.nav ul li.erji{ background: url(../images/navbg_06.jpg) no-repeat 94px center;}
	.nav ul li.erji:hover{ background: #3478c1 url(../images/navbg_06.png) no-repeat 94px center;}
	.nav ul li.active.erji{ background: #3478c1 url(../images/navbg_06.png) no-repeat 94px center;}

	.navbar{ position: absolute; left: 0; top: 34px; width: 100%; z-index: 9999; display: none; padding-top: 10px;}
	.navbar span{ display: block; width: 100%; line-height: 18px; padding:10px 0; text-align: center; font-size: 14px; background-color: rgba(255,255,255,.9); border-bottom: 1px solid #999;}
	
	.slidecon ul li:nth-child(5n){ margin-right: 0;}
}




@media screen and (max-width: 1200px){
	.header{ margin-top: 1%;}
	.header, .main-top, .footer{ width: 98%; padding: 0 1%;}


	.about-liquidity, .buyer, .news-list, .news-detail, .problem-list, .classify, .trade-list, .trade-info, .deal{ width: 98%; padding: 0 1%;}
	.classify-wond{ float: left !important;}
	.news{ width: 98%; padding-left: 1%; padding-right: 1%;}

	.slidecon ul li{ width: 23.5%;}
	.slidecon ul li:nth-child(4n){ margin-right: 0;}
	.slidecon ul li:nth-child(5n){ margin-right: 2%;}


}


@media screen and (max-width: 1000px){
	/*nav*/
	.lb{ display: block; width: 30px; height: 30px; float: right; margin-right: 3%; margin-top: 6.4%; z-index: 999;}
	.close-ico{ display: none;}
	
	.nav{ width: 80%; position: absolute; right: -80%; top: 0; background-color: #fff; border-left: 1px solid #dfdfdf; height: 100vh;}
	.nav ul li{ width: 100%; text-indent: 20%; line-height: 40px; font-size: 16px; border-bottom: 1px solid #ededed;}
	.nav ul li.erji{ position: relative;}
	.nav ul li.erji:after{ content: ""; position: absolute; width: 16px; height: 10px; left: 88%; top: 16px; background: url(../images/navbg_06.jpg) no-repeat; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
	.nav ul li a{ color: #333; display: block;}
	.nav ul li div{ display: none; font-size: 14px; background-color: #dfdfdf;}



	.trade-con h2 a{ width: 60%; height: 22px; overflow: hidden;}

}

@media screen and (max-width: 1000px) and (min-width: 640px){
	.lb{ margin-top: 2.4%; }

}



@media screen and (max-width: 768px){
	.header-top{display: none;}
	.title{ margin-top: 20px;}
	.news{ padding-bottom: 20px;}
	.news ul li{ width: 100%; margin-top: 20px;}
	.link, .ls{ display: none;}
	.footer{ height: auto; text-align: center; overflow: hidden;}
	.copyright{ width: 100%;}
	.copyright p{ margin-top: 0; line-height: 50px;}
	.weizhi{ width: 70%;}
	.search{ width: 100%; float: left;}
	.search input{ width: 70%;}



	.about-pic{ display: none;}
	.about-con{ margin-left: 0;}
	.about-liquidity{ margin: 30px 0;}


	.buy-pic{ display: none;}
	.buy-wen{ margin-left: 0;}
	.buyer{ margin: 30px auto;}



	.contact{ margin: 30px auto;}
	.contact-us{ padding-left: 0; width: 96%; margin: 0 2%;}
	.ewm dl{ margin-top: 20px; width: 45%; margin-right: 5%;}
	.contact-form{ width: 100%; margin-right: 0; width: 96%; margin: 0 2%;}
	.contact-form p{ margin-top: 30px;}
	.contact-form button{ margin-top: 20px;}



	.news-list ul li h2 a{ width: 60%;}
	.news-list{ margin: 30px auto;}
	.fenye{ margin-bottom: 30px;}



	.news-detail-tit{ margin-top: 30px;}
	.news-detail-con{ margin-top: 20px; padding-bottom: 20px;}
	.fy{ width: 100%;}
	.fenxiang{ float: left;}
	.news-detail{ margin-bottom: 30px;}


	.pro-tit{ margin-top: 30px; margin-bottom: 30px;}
	a.pro-more{ margin-top: 30px;}
	.problem-list{ margin-bottom: 30px;}

	

	.sell-wen{ margin-left: 0; width: 96%; padding: 0 2%;}


	.classify{ margin-top: 30px;}
	.classify-wond:nth-child(2){ margin-left: 0;}
	.classify-wond{ margin-bottom: 20px;}
	.trade-con h2 span{ display: none;}
	.trade-con h2 a{ width: 100%;}
	.trade-pic{ width: 40%; margin-right: 3%;}
	.trade-pic img{ width: 100%;}
	.trade-con{ float: left; margin-left: 0; width: 56%;}
	a.trade-more{ left: 43%;}


	.trade-info-tit{ margin-top: 30px;}
	.trade-info-con{ margin-top: 30px;}

	.slidecon{ margin-top: 24px;}
	.slidebar{ margin-top: 24px;}
	.slidecon ul li{ width: 32%;}
	.slidecon ul li:nth-child(4n){ margin-right: 2%;}
	.slidecon ul li:nth-child(3n){ margin-right: 0;}
	.slidebar ul li:nth-child(6n){ margin-right: 0;}
	
	.slidebar ul li{ width: 31%;}
	
	.slidebar ul li i{ display: none;}
	.slidebar ul li span{ height: 39px; line-height: 39px; margin: 0;}

}
@media screen and (max-width: 640px){
	.trade-con span.sb{ display: none;}
	.trade-con dl{ display: none;}
	.copyright{ padding: 6px 0;}
	.copyright p{ margin-top: 0; line-height: 26px;}
	.fl{ margin-bottom: 20px; }
}

@media screen and (max-width: 480px){
	.problem-list video{ width:100%; margin-top: 20px; }
	.title{ margin-top: 40px; }
	.news-list ul li{ margin-bottom: 18px;}
	.news-list ul li h2{ height: 40px; line-height: 40px;}
	.news-list ul li h2 span{ display: none;}
	.news-list ul li h2 a{ width: 100%; font-size: 16px;}
	.fenye a{ height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px;}


	.contact-form ul li input{ width: 200px; display: block; margin-left: 95px;}
	.contact-form ul li textarea{ width: 290px;}
	.weizhi{ width: 100%;}


	.classify-wond-list{ width: 100%; margin-left: 0; clear: both;}
	.classify-wond{ margin-bottom: 10px;}
	.trade-con p{ height: 40px; line-height: 20px; overflow: hidden; margin-top: 5px;}
	.trade-con h2 a{ font-size: 16px; height: 21px;}
	
	a.trade-more{ width: 100px; height: 30px; line-height: 30px; font-size: 14px;}
	.fenye{ margin-top: 30px;}


	a.fanhui{ display: none;}

	.contact-us h1{ margin-top: 30px;}

	.title i{ top: 50%;}
	.title-cen img{ width: 60%;}
	.news-con{ margin-right: 30px;}
	.news-con h2{ font-size: 16px;}
	.news-con p{  height: 43px; overflow: hidden;}

	.slidecon ul li{ width: 80%; margin:0 auto; float: none; display: block;}
	.slidecon-pic img{ width:100%; }
	.slidecon ul li:nth-child(4n){ margin-right: auto;}
	.slidecon ul li:nth-child(3n){ margin-right: auto;}
	.slidebar ul li:nth-child(6n){ margin-right: auto;}
	.slidecon ul li:nth-child(2n){ margin-right: auto;}
	.slidecon ul li:nth-child(5n){ margin-right: auto;}

	a.slide-more{ margin-top: 24px; margin-bottom: 35px;}
	.news{ margin-top: 20px;}
	.slidebar ul li{ width: 47%;}
	
	

	.logo{ width: 45%;}
	

}