.banner .txtbox{
   padding: 0 22.81%;
}
.banner .searchbox{
   width: 100%;
   background: #fff;
   margin-top: 3rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.banner .searchbox .icon{
   width: 2rem;
   margin: 0 1rem 0 3.3rem;
   display: block;
}
.banner .searchbox .input{
   border: 0;
   height: 5.8rem;
   font-size: 1.8rem;
   width: calc(100% - 27.3rem);
}
.banner .searchbox .btn{
   width: 21rem;
line-height: 6.0rem;
background: linear-gradient( 270deg, #187BE9 0%, #3C97F2 100%); 
font-weight: 600;
font-size: 1.8rem;
color: #FFFFFF; 
text-align: center;
cursor: pointer;
}

.model{
   padding-top: 10rem;
   padding-bottom: 10rem;
   background: #F6F7F9;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.model .filterbox{
   width: 24rem;
   background: #FFFFFF;
   padding: 4rem;
}
.model .filterbox h2{
   font-weight: 600;
   font-size: 3.2rem;
   color: #333333;
   line-height: 4.5rem;
}
.model .filterbox .clearbtn{
   font-weight: 500;
   font-size: 1.6rem;
   color: #333333;
   line-height: 3.6rem;
   text-align: center;
   border: 1px solid #B8B8B8;
   padding:0 4.4rem;
   white-space: nowrap;
   margin: 2rem 0;
   cursor: pointer;
}
.model .filterbox h3{
   font-weight: 600;
   font-size: 2.4rem;
   color: #333333;
   line-height: 3.4rem;
   margin: 4rem 0 3rem;
}
.model .filterbox .selectbox .check{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin: 2.5rem 0;
}
.model .filterbox .selectbox .check input{
   margin-right: 1.4rem;
}
.model .listbox{
   width: calc(100% - 26rem);
}
.model .listbox .box{
   background: #FFFFFF;
   padding: 4rem; 
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 2rem;
}
.model .listbox .box .info{
   width: calc(100% - 28.5rem);
}
.model .listbox .box .info .tit{
   font-weight: 600;
   font-size: 2.4rem;
   color: #333333;
   line-height: 3.4rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -webkit-line-clamp: 1;
   -moz-line-clamp: 1;
   text-overflow: ellipsis;
   overflow: hidden;
}
.model .listbox .box .info .txt{
   margin-top: 1rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -webkit-line-clamp: 2;
   -moz-line-clamp: 2;
   text-overflow: ellipsis;
   overflow: hidden;
}
.model .listbox .box .btn{ 
   line-height: 4.6rem; 
   background: linear-gradient( 270deg, #187BE9 0%, #3C97F2 100%);
   font-weight: 500;
   font-size: 1.6rem;
   color: #FFFFFF;
   width: 14.5rem;
   text-align: center;
   display: block;
   cursor: pointer; 
}



.detailbody{
   background: #F6F7F9;
   padding-top: 10rem;
   padding-bottom: 12rem;
} 
.detailbody .topbox{  
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   padding-bottom: 4rem;
   border-bottom: 1px solid #E0E0E0;
}
.detailbody .topbox .info{
   width: calc(100% - 15rem);
}
.detailbody .topbox .info .tit{
   font-weight: 600;
   font-size: 3.2rem;
   color: #333333;
   line-height: 4.5rem;
}
.detailbody .topbox .info .addlist{
   margin-top: 2rem;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}
.detailbody .topbox .info .addlist span{
   font-size: 1.6rem;
color: #333333;
line-height: 3.2rem; 
border: 1px solid #E0E0E0;
margin-right: 1rem;
display: block;
padding: 0 1.6rem;
}
.detailbody .topbox .btn{ 
   line-height: 4rem; 
   background: linear-gradient( 270deg, #187BE9 0%, #3C97F2 100%);
   font-weight: 500;
   font-size: 1.4rem;
   color: #FFFFFF;
   width: 13.5rem;
   text-align: center;
   display: block;
   cursor: pointer; 
}
.detailbody .txtbox{
   margin-top: 4rem;
} 
.detailbody .txtbox h3{
   font-weight: 600;
   font-size: 2.0rem;
   color: #333333;
   line-height: 2.8rem;
   margin-bottom: 1.5rem;
}






/* 移动端兼容 */
@media screen and (max-width:750px) {  
   
.banner .txtbox{
   padding: 0 5.33%;
} 
.banner .searchbox .icon{
   width: 3rem;
   margin: 0 1rem 0 3.3rem;
   display: block;
}
.banner .searchbox .input{ 
   font-size: 2.4rem; 
}
.banner .searchbox .btn{ 
font-size:2.6rem; 
}

.model{
   padding-top: 10rem;
   padding-bottom: 10rem;
   background: #F6F7F9;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.model .filterbox{
   width: 20rem;
   background: #FFFFFF;
   padding: 2rem;
}
.model .filterbox h2{
   font-weight: 600;
   font-size: 3.2rem;
   color: #333333;
   line-height: 4.5rem;
}
.model .filterbox .clearbtn{
   font-size: 2rem;
   line-height: 3.6rem;
}
.model .filterbox h3{
   font-size: 2.6rem;
} 
.model .filterbox .selectbox .check{
   font-size: 2.2rem;
}
.model .listbox{
   width: calc(100% - 22rem);
}
.model .listbox .box{
   padding: 2rem; 
}
.model .listbox .box .info{
   width: calc(100%);
} 
.model .listbox .box .info .txt{
   font-size: 2rem;
}
.model .listbox .box .btn{ 
   display: none;
}



.detailbody{
   padding-top: 10rem;
   padding-bottom: 10rem;
} 
.detailbody .topbox{  
   display: block;
   padding-bottom: 4rem;
   border-bottom: 1px solid #E0E0E0;
}
.detailbody .topbox .info{
   width: calc(100%);
}
.detailbody .topbox .info .tit{
   font-size: 4rem;
} 
.detailbody .topbox .info .addlist span{
   
   font-size: 2.2rem;  
line-height:4rem;  
}
.detailbody .topbox .btn{ 
   line-height: 5rem; 
   font-size: 2rem;
   margin-top: 2rem;
} 
.detailbody .txtbox {
   font-size: 2.4rem;
   line-height: 3.8rem;
}

}