@charset "utf-8";


@media screen and (max-width: 1290px) {
   .w { width: 1180px;}
   .proitem li { margin-right: 20px;}
   
}

@media screen and (max-width: 1200px) {
   .w { width: 1100px;}
    .fastnav-txt {width: 730px;}
    .proitem li { width: 353px;margin-bottom: 20px;}
    
}

@media screen and (max-width: 980px) {
   .w { width: 760px;}
 	.navicon { display: none;}
	.navbox { display: block;}
	.navbox li a {padding: 0 10px;}
    .fastnav-txt {width: 100%;}
    .fastnav-pic {display: none;}
    .zuopin-box li {width: 48%; margin-right: 4%;}
    .zuopin-box li:nth-child(2n) {margin-right: 0;}
    .page-num {display: none;}
    .pagination a {padding: 8px 8px!important;}
    .proitem li {width:360px; margin-right: 40px;}
    .proitem li:nth-child(3n) { margin-right: 20px;}
    .proitem li:nth-child(2n) { margin-right: 0;}
}
@media screen and (max-width: 760px) {
   .w { width: 100%;}
   .logo { left: 20px;}
 	.navicon { display: block;}
	.navbox { display: none;}
	.navbox {top: 80px;}
	.navbox li {display: block; border-bottom: #dedede solid 1px;}
	.navbox li a {display: block; text-align: center;}
	.navbox li {background: #f3f3f3;}
	.ix-search {width: 95%;}
	.ix-search .s-top input.fl {width: 80%;}
	.ix-search .s-top input.fr {width: 20%;}
	.fastnav-txt .f-top {margin-bottom: 14px;}
	.fastnav-txt .f-top span {font-size:14px;}
	.fastnav{padding-top: 10px;}
	.fastnav-txt {padding:15px 10px 0px; height:auto;}
	.fastnav-txt .f-btm p {font-size:14px;}
	.fastnav-txt .f-btm a { padding: 3px 4px 4px; font-size:13px;    margin-right: 2px;    margin-bottom:12px;}
	.fastnav-txt .f-btm a.on { padding: 3px 4px 4px;  font-size:13px;   margin-right: 2px;    margin-bottom: 12px;}
	
	
	.zuopin-box {padding: 20px;}
	/*page*/
.nypages {padding: 2rem 0 3rem;}
.nypages ul {text-align: center; font-size: 0}
.nypages ul li {display: inline-block;  margin: 0 0.25rem 0.625rem; background: #fff; font-size: 14px; line-height: 1.6rem;  border: #ddd solid 1px; color: #666;}
.nypages ul li a {display:block; color: #666;font-size: 14px;padding: 0px 0.4375rem}
.nypages ul li:hover {background: #00A0E9; color: #fff;border: #00A0E9 solid 1px;}
.nypages ul li:hover a {color: #fff;}
.nypages ul li:first-child {padding: 0 0.46875rem} 
.nypages ul li:first-child a {padding: 0} 
.nypages ul li:last-child {padding: 0 0.46875rem} 
.nypages ul li:last-child a {padding: 0} 
.nypages ul li.thisclass {background: #00A0E9; color: #fff;border: #00A0E9 solid 1px;}
.nypages ul li.thisclass a {color: #fff;}
.nypages ul li strong { font-weight: normal; }

.searchtop {display: none;}
.proitem .tit {height:35px;}
.proitem .tit em {font-size:18px;line-height: 32px;}
.proitem {padding:0 15px;}
.proitem li {width:100%;margin-right:0;}
.proitem li .pic {width: 100%; height:auto;}
	
}
@media screen and (max-width: 500px) {
   .w { width: 100%;}
   .zuopin-box {padding: 20px 10px;}
   .zuopin-box li .pic { height: 160px; overflow: hidden;}
   .zuopin-box li .pic img{ height: auto;}
   .zuopin-box li .txt h3 {font-size: 14px}
	.header {height: 55px}
	.logo {width: 92px; left: 11px;   top: 8px;}
	.navicon{right: 11px;    top: 14px;}
	.navbox {top: 55px}
	.article-top h1 {font-size: 24px;}
	.article-top p.tc {padding-top: 0;}
	.article-top p.tc span {font-size: 12px;}

.detinfo {padding:0px;position: fixed; z-index: 9; top:auto; bottom:0px; width: 100%; box-shadow: 0 0 5px #999;}
.detinfocon {padding: 20px 10px; background: #00A0E9; position:relative;}
.detinfocon a {position: absolute;right: 10px; top: 20px; color: #fff; font-size: 14px;  background:#f1a500; padding:3px 10px}
.detinfocon span { padding: 3px 3px; font-size: 14px; background: #fff; display: inline-block; color: #333 }
.detinfocon span em {color: #f00; font-weight:bold;}

.article-tips {padding: 0px; background: #f5f5f5;}
.article-tipscon {background: #fff;padding:10px; margin-bottom: 10px;}
.article-tipscon p {font-size: 13px;  line-height: 1.5;}
.article-con .picbox .swiper-wrapper {padding-top: 70px}
      .article-con .picbox .swiper-pagination-bullet {width: 16px; height: 16px; font-size: 11px; text-align: center; line-height: 16px; color: #fff}
#key-word{ width: 160px; height: 30px;   background: #eee;   padding: 0 10px;   font-size: 14px;    line-height: 30px;}
#search-button{width: 50px;    height: 30px;    background: #ff8400;  cursor:pointer;  color: #fff;}
}