.productlist{padding:100px 0;}
.productlist.max{background:#f8fafd;}
.productlist-head{display:block; position:relative; z-index:8; padding-bottom:60px;}
.productlist-head>h2{font-size:44px; text-align:center;}
.productlist-head>ul{display:block; text-align:center; padding:10px 0 30px 0; margin:0 -30px;}
.productlist-head>ul:after{display:block; content:''; clear:both;}
.productlist-head>ul>li{float:left; width:33.33333%; padding:20px 30px;}
.productlist-head>ul>li>b{display:block; font-size:18px;}
.productlist-head>ul>li>p{font-size:15px; margin-top:5px; color:#686868;}
.productlist-head>aside{display:block;}
.productlist-form{display:block; padding-top:50px;}
.productlist-form:after{display:block; content:''; clear:both;}
.productlist-form>form{display:block; float:left; position:relative; width:330px;}
.productlist-form>form>input{display:block; font-size:16px; background:none; width:100%; padding:0 18px; line-height:54px; height:56px; border-radius:5px; border:1px solid #686868;}
.productlist-form>form>button{position:absolute; right:0; top:0; z-index:1; background:none; border:none; padding:0 16px; font-size:16px; cursor:pointer; line-height:56px; color:#686868;}
.productlist-form>form>button:hover{color:#768047;}
.productlist-form>dfn{float:left; margin-left:30px; height:56px; font-style:normal;}
.productlist-form>dfn>dl{position:relative; font-size:16px; height:56px; overflow:hidden; cursor:pointer; border-radius:5px; border:1px solid #686868;}
.productlist-form>dfn>dl>dt{line-height:54px; display:block; padding:0 18px; min-width:158px;}
.productlist-form>dfn>dl>dt:after{display:block; content:''; clear:both;}
.productlist-form>dfn>dl>dt>b{float:left; font-weight:normal;}
.productlist-form>dfn>dl>dt>i{float:right; font-style:normal; position:relative; font-size:18px; transition:.3s; margin-left:20px; left:4px; line-height:inherit; color:#686868;}
.productlist-form>dfn>dl>dd{display:block; background:#fff;}
.productlist-form>dfn>dl>dd>a{display:block; padding:0 18px; line-height:50px;}
.productlist-form>dfn:hover>dl{height:auto;}
.productlist-form>dfn>dl>dd>a:hover{color:#fff; background:#768047;}
.productlist-form>dfn:hover>dl>dt>i{transform:rotate(180deg);}
.productlist-content{display:block;}
.productlist-content ul{margin:0 -12px; padding-top:20px;}
.productlist-content ul:after{display:block; content:''; clear:both;}
.productlist-content ul>li{float:left; width:33.3333%; padding:0 12px; margin-bottom:60px;}
.productlist-content ul>li>a{display:block;}
.productlist-content ul>li>a>ins{display:block; overflow:hidden; position:relative;}
.productlist-content ul>li>a>ins>img{width:100%; display:block; }
.productlist-content ul>li>a>ins>img+img{position:absolute; top:0; left:0; z-index:8; opacity:0; transition:.6s;}
.productlist-content ul>li>a>ins:hover>img+img{opacity:1;}
.productlist-content ul>li>a>h3{text-align:center; padding-top:20px; font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-content ul>li>a>h3>span{display:block;}
.productlist-content ul>li>a>h3>u{text-decoration:none; display:block; color:red;}
@media(max-width:1200px){
.productlist{padding:30px 0;}
.productlist-head{padding-bottom:30px;}
.productlist-head>h2{font-size:32px; }
.productlist-head>ul{padding:0 0 20px 0; margin:0 -10px;}
.productlist-head>ul>li{padding:20px 10px;}
.productlist-head>ul>li>b{font-size:16px;}
.productlist-head>ul>li>p{font-size:14px;}
.productlist-form{padding-top:0;}
.productlist-form>form{width:240px; margin-right:15px; margin-top:10px;}
.productlist-form>form>input{line-height:44px; height:46px; font-size:15px; padding:0 12px;}
.productlist-form>form>button{line-height:46px;}
.productlist-form>dfn{margin:10px 15px 0 0; height:46px;}
.productlist-form>dfn>dl{height:46px; font-size:15px;}
.productlist-form>dfn>dl>dt{line-height:44px; padding:0 12px; min-width:128px;}
.productlist-form>dfn>dl>dd>a{line-height:40px; padding:0 12px;}
.productlist-content ul{margin:0 -10px; padding-top:10px;}
.productlist-content ul>li{padding:0 10px; margin-bottom:30px;}
.productlist-content ul>li>a>h3{padding-top:10px; font-size:16px;}
}
@media(max-width:992px){
.productlist-content ul>li{width:50%;}
}
@media(max-width:767px){
.productlist{padding:20px 0;}
.productlist-head{padding-bottom:20px;}
.productlist-head>h2{font-size:24px;}
.productlist-head>ul{margin:0; }
.productlist-head>ul>li{padding:0; float:none; width:100%;}
.productlist-head>ul>li>b{font-size:15px;} 
.productlist-form{padding-top:10px;}
.productlist-form>form{width:180px; margin-right:8px; margin-top:5px;}
.productlist-form>form>input{line-height:34px; height:36px; font-size:14px; padding:0 8px;}
.productlist-form>form>button{line-height:36px;}
.productlist-form>dfn{margin:5px 8px 0 0; height:36px;}
.productlist-form>dfn>dl{height:36px; font-size:14px;}
.productlist-form>dfn>dl>dt{line-height:34px; padding:0 8px; min-width:88px;}
.productlist-form>dfn>dl>dd>a{line-height:30px; padding:0 8px;}
.productlist-content ul{margin:0 -4px; padding-top:0;}
.productlist-content ul>li{padding:0 4px; margin-bottom:10px;}
.productlist-content ul>li>a>h3{padding-top:5px; font-size:14px;}
dir>ol{margin:0;}
}