body { background:#fff;font-family:"Microsoft YaHei";font-size:14px;}
.pos-tit{border-bottom: 1px solid #d9d9d9;font-size: 16px;line-height: 36px;height: 36px;color: #666;}
.main-title { background:#EEE; padding:5px 10px; height:30px; line-height:30px; font-size:20px;}
.main-box ul li { width:180px; float:left; padding:30px 10px; background:none; text-align:center;}
.main-box ul li .img img { width:180px; height:245px;}
.main-box ul li .title { font-size:14px; line-height: 30px; height: 30px; text-align: center;}
.main-box ul li .tex { text-align:center;}
.main-title-left { font-size:14px; padding:0 10px; color:#333;}
.main-title-btn .btn-size { font-size:14px; padding:0 4px; margin-left:5px;}
.main-title-btn input { margin:0 10px; font-size:14px;}
.main-title-tit, .main-title-left, .main-title-btn { float:left;}
.main-box ul li .title{height: auto;}
  .main-title{position: relative;}
  .main-title-btn{position: absolute;left: 90px;top:4px;}
  .main-title-btn{margin-left: 20px;}
.sp-yf01,.sp-nf01,.sp-yf02,.sp-nf02,.sp-yf03,.sp-nf03,.sp-yf04,.sp-nf04,.sp-yf05,.sp-nf05,.sp-nf07,.sp-yf06,.sp-yf07, .sp-nf06,.sp-yf,.sp-nf{float: left; background: #fff url(../image/xszc20191012.png) no-repeat right 8px;border:1px solid #ccc;font-size: 14px;padding-left: 10px; cursor: pointer;}
.sp-nf01,.sp-nf02,.sp-nf03,.sp-nf04,.sp-nf05,.sp-nf06,.sp-nf07,.sp-nf{width: 120px;}
.sp-yf-list01,.sp-nf-list01,.sp-yf-list02,.sp-nf-list02,.sp-yf-list03,.sp-nf-list03,.sp-nf-list07,.sp-yf-list04,.sp-nf-list04,.sp-yf-list05,.sp-nf-list05,.sp-yf-list06,.sp-nf-list06,.sp-nf-list07,.sp-yf-list07, .sp-yf-list,.sp-nf-list{display: none;}
.sp-nf-list01 li,.sp-yf-list01 li,.sp-nf-list02 li,.sp-yf-list02 li,.sp-nf-list03 li,.sp-yf-list03 li,.sp-nf-list04 li,.sp-yf-list04 li,.sp-nf-list05 li,.sp-yf-list05 li,.sp-nf-list06 li,.sp-yf-list06 li,.sp-yf-list07 li, .sp-nf-list li,.sp-yf-list li{background: none;padding: 0; cursor: pointer;}
.sp-yf01,.sp-yf02,.sp-yf03,.sp-yf04,.sp-yf05,.sp-yf06,.sp-yf07, .sp-yf{margin-left: 20px;padding-right: 25px;position:relative;}

.main-box{overflow: hidden;clear: both;}
.dis {display: none;}


.main-title-btn01{left: 150px;}
.main-title-btn03{left: 120px;}
.main-title-btn02{left: 200px;}






@media (min-width: 1440px){
.main-box ul li { width:260px;}
.main-box ul li .img img { width:230px; height:313px;}
}


@media only screen and (min-width: 100px) and (max-width: 768px) {
.main-title{ font-size: 16px;  height: auto;overflow: hidden;}
.main-title-btn{margin-left: 0;left: 75px; position: static;}
.sp-nf01, .sp-nf02, .sp-nf03, .sp-nf04, .sp-nf05, .sp-nf06, .sp-nf07, .sp-nf{width: 80px; padding: 0 10px; margin:10px 0;}
.sp-yf01, .sp-yf02, .sp-yf03, .sp-yf04, .sp-yf05, .sp-yf06, .sp-yf07, .sp-yf{margin-left: 10px;}

.main-box ul li{ width: 46%;padding: 20px 2%; }
.main-box ul li .img img{ width: 100%;height: auto; }
.sp-yf01, .sp-yf02, .sp-yf03, .sp-yf04, .sp-yf05, .sp-yf06, .sp-yf07, .sp-yf{margin: 0;}


}