body{background:#fafafa}
.hover{background:#40a7fd;color:#fff !important}
.products{margin:0px auto;margin-bottom:150px;position:relative}
.product{clear:both;height:auto;}
.product>h4{height:90px;line-height:86px;font-size:16px;display:none}
.product>h4 a{font-size:16px;color:#000}
.product>h4 span{color:#1c95fd;padding:0px 9px}
.list{width:100%;height:auto;float:left}
.swiper-slide{float:left;background:#fff;margin-right:10px;position:relative;overflow:hidden;margin-bottom:15px;border:1px solid #dbd9d9;background:rgba(205,210,213,0.1)}
.swiper-slide img,.swiper-slide p{border:none!important;padding-bottom:0px!important;margin-top:0!important}
.list div:nth-child(3n){margin:0px;float:right}
.list_one{width:100%;height:230px;position:absolute;top:230px;background:rgba(64,167,253,0.8);color:#fff;text-align:left;padding:0 12px}
.list_one h4{line-height:38px;font-size:16px;width:100%;float:left;margin-top:14px}
.list_one h5{width:100%;float:left;font-size:14px;line-height:20px;border:none;font-size:12px;text-overflow:ellipsis;overflow:hidden}
.list_one a{height:34px;line-height:30px;width:105px;border:2px solid #fff;border-radius:2px;color:#fff;font-size:12px;float:left;text-align:center;position: absolute;left: 25%;bottom: 20%;}
.list_title{height:80px;float:left;position:relative}
.list_title h4{font-size:16px}
.list_title span{margin-left:20px}
@media screen and (min-width:1100px){
.products{width:1080px}
.product{width:1080px}
.swiper-slide{width:255px;height:229px;}
.list_one h5{height:110px;}
#list{width:786px;float:right}
}
@media screen and (max-width:1100px) and (min-width:751px){
.products{width:100%;}
.product{width:98%}
.swiper-slide{width:226px;height:209px}
.list_one h5{height:100px;}
.list_one a{height:34px;line-height:30px;width:105px;border:2px solid #fff;border-radius:2px;color:#fff;font-size:12px;float:left;text-align:center;position: absolute;left: 25%;bottom: 20%;}
#list{width:700px;margin:auto;}
#list_nav{display:none}
}

@media screen and (max-width:750px){
.title{width:100%;text-align:center;float:left;height:2.85rem}
.title h4{height:0.85rem;color:#333333;font-weight:bold;line-height:0.85rem;font-size:0.625rem;margin-top:0.825rem;letter-spacing:0.075rem}
.title p{color:#999999;font-size:0.4rem;height:0.5rem!important;line-height:0.5rem!important}
.nav_title{height:1.35rem;text-align:center;display:flex;padding:0 0.3rem}
.nav_title a{flex:1;display:block;float:left;font-size:0.6rem;height:1rem;line-height:1rem;border-radius:0.5rem;color:#000;letter-spacing:-0.05rem}
.nav_title a:hover,.list_tab p:hover{background:#40a7fd;color:#fff}
.nav_title a.hover,.list_tab p.hover{background:#40a7fd;color:#fff}
.products{width:100%}
.list{padding:0 0.5rem;height:auto}
.list div.swiper-slide{width:48%;float:left;height:6.25rem;background:#fff;margin-right:0.55rem;position:relative;overflow:hidden;margin-bottom:15px}
.list div:nth-child(2n){margin:0px}
.list div p{color:#323232;font-size:0.55rem;white-space: nowrap;/*设置内容不换行*/text-overflow: ellipsis;/*设置文字超出文本框的内容显示成...*/overflow: hidden;}
.list_one,.list_title,.product>h4{display:none}
}