/* content */
.search-wrap{float:left; width:100%; padding:0; margin:0 0 70px 0;}
.topbox{width:100%; float:left;margin:0 0 15px 0; padding:100px 0 0 0;line-height:80px; text-align:center; font-size:24px; background-color:#ddd; font-weight:700; letter-spacing:0.2em;}
.search-content{width:1280px; margin:0 auto; padding:0;}
.siteway{width:100%; float:left;margin:0; font-size:11px;}
.siteway h2{float:right; line-height:1.3em;margin:0;font-size:15px; font-weight:400;}
 .siteway h3{float:right; padding:0; margin:0;line-height:1.5em;font-size:13px;font-weight:700;} 
 .siteway h4{float:right; padding:0; margin:0;line-height:1.5em;font-size:13px;font-weight:700;} 
 .siteway a{color: #000;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .siteway a:hover {color: #666;}
 .siteway i{font-size:12px; margin:0 5px 0 0;}
 .siteway span{font-size:13px; margin:0 10px 0 10px; font-weight:bold}

.autobox{width:100%; float:left;margin:0; padding:0}
.b-title{width:100%;float:left;margin:40px 0; padding:0 0 20px 0;border-bottom:1px solid #ccc;}
  .b-title h1{padding:0; margin:0; font-size:17px; line-height:1em; font-weight:400; color:#000; text-align:left}
  .b-title span{margin:0 10px; padding:0 0 3px 0;font-weight:700; color:#dc5335;}
.searchbox{width:100%; float:left;}
.searchbox a{color:#222!important;text-decoration: none;}
.searchbox a:hover {color:#a30035!important;text-decoration: none;}
.proitem{width:23%; float:left;margin:25px 1%; padding:0;position:relative;box-shadow:2px 3px 20px #ddd; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.proitem{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity 1.2s, -moz-transform 1s;-o-transition: opacity 1.2s, -o-transform 1s;-webkit-transition: opacity 1.2s, -webkit-transform 1s;transition: opacity 1.2s, transform 1s;}
.proitem.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.proitem:hover{box-shadow:2px 3px 20px #777;}
.bannerbox{width:auto; padding:0;position:absolute; left:0; top:15px;z-index:2;}
.banneritem{height:19px; padding:0; margin:0 0 5px 0;border-top-left-radius:0; border-top-right-radius:2px; border-bottom-left-radius:0; border-bottom-right-radius:2px; color:#fff; font-size:11px; text-align:center; line-height:18px;}
.itembox{width:100%; float:left; margin:0; padding:0;}
.itembox-img{width:100%; float:left; margin:0; padding:0;}
.itembox-img img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.porinfo{width:90%; height:6.5em; float:left;overflow:hidden;padding:0; margin:10px 5% 15px 5%;font-size:16px;}
 .porinfo h3{padding:0; margin:0 0 10px 0;line-height:1.4em;font-size:18px;font-weight:700;} 
 .porinfo h4{padding:0; margin:0;line-height:1.4em;font-size:14px;font-weight:700; color:#666} 
.btn-more{width:90%;float:left; margin:0 5% 18px 5%;text-align:center;display:block; height:40px;color:#fff; font-size:13px;line-height:38px;text-decoration: none; background:#e70012; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
 .btn-more:hover{color: #fff; background:#900; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}

@media only screen and (max-width: 1600px) {
.search-wrap{margin:0 0 60px 0;}
.topbox{margin:0 0 15px 0; padding:80px 0 0 0;}
.search-content{width:1200px; margin:0 auto;}
}
@media only screen and (max-width: 1280px) {
.search-wrap{margin:0 0 40px 0;}
.topbox{margin:0 0 15px 0; padding:75px 0 0 0;}
.search-content{width:90%; margin:0 auto;}
.b-title{margin:30px 0;}
.proitem{width:30.333333%; float:left;margin:25px 1.5%;}
}
@media only screen and (max-width: 980px) {
.search-wrap{margin:0 0 30px 0;}
.topbox{margin:0 0 15px 0; padding:65px 0 0 0;}
.proitem{width:47%;margin:20px 1.5%;}
.b-title{margin:20px 0;}
}

@media only screen and (max-width: 560px) {
.search-wrap{margin:0 0 20px 0;}
.search-content{width:93%; margin:0 auto;}
.b-title{margin:15px 0 25px;}
.proitem{width:47%; margin:0 1.5% 15px 1.5%;}

}