/*--for m03_bloglist--*/
/* CSS Document */

/* banner */
.faqbanner{width:100%;position:relative;overflow:hidden;}
.faqbanner .img{width:100%;position:relative;}
.faqbanner .img img{width:100%;height:4rem;min-height:300px;object-fit:cover;}
.faqbanner .img img:nth-child(2){display:none;}
.faqbanner .img:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background-color:#000;opacity:0.3;}
.faqbanner .font{position:absolute;top:50%;left:50%;z-index:6;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#fff;}
.faqbanner .font .tit{line-height:82px;font-family:"Swiss";font-size:60px;color:#fff;margin-bottom:25px;}
.faqbanner .font .form{width:42%;max-width:600px;margin:0 auto;min-width:400px;}
.faqbanner .font .form .jut{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:2px;}
.faqbanner .font .form .jut input{padding:20px 30px;width:80%;width:calc(100% - 80px);color:#666666;}
.faqbanner .font .form .jut button{padding:0 30px;}
.faqbanner .font .form .jut button img{width:20px;float:left;}

.buybanner .font .tit{margin-bottom:10px;}
.buybanner .font .text{font-size:24px;}

/* 响应式部分 */
                                  
@media screen and (max-width:1900px) {
  .faqbanner .font .tit{font-size:50px;line-height:60px;margin-bottom:18px;}
  .faqbanner .font .form .jut input{padding:14px 20px;width:calc(100% - 54px);}
  .faqbanner .font .form .jut button{padding:0 20px;}
  .faqbanner .font .form .jut button img{width:14px;}
}
 
@media screen and (max-width:1008px) {
  .buybanner .font .text{font-size:16px;}
} 
 
@media screen and (max-width:972px) {
  .faqbanner .font .tit{font-size:40px;line-height:50px;}
}

@media screen and (max-width:748px) {
  .faqbanner .img img{height:6.5rem;min-height:auto;}
  .faqbanner .img img:nth-child(1){display:none;}
  .faqbanner .img img:nth-child(2){display:block;}
  .faqbanner .font .tit{font-size:30px;line-height:40px;}
  .faqbanner .font .form{max-width:100%;min-width:100%;width:100%;}
}





/* End */



.m03-blog-list ul{display:-webkit-flex;display:flex;margin:0 -20px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.m03-blog-list ul li{width:33.333333333%;padding:20px;overflow:hidden;cursor:pointer;}
.m03-blog-list ul li .pic{width:100%;display:block;position:relative;}
.m03-blog-list ul li .pic img{width:100%;}
.m03-blog-list ul li .t{border-bottom:1px solid #B5B5B5;padding:20px 0 25px;position:relative;}
.m03-blog-list ul li .t::after{content:"";height:3px;background:var(--active-color,#0F5CC4);position:absolute;left:0;width:0;bottom:-2px;transition:all 0.3s ease 0s;}
.m03-blog-list ul li .t h5{font-size:22px;line-height:1.4;color:#010101;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m03-blog-list ul li .t h5 a:hover{color:var(--active-color,#0F5CC4);}
.m03-blog-list ul li .t span{font-size:15px;margin:15px 0 0;color:#7e7e7e;display:block;}
.m03-blog-list ul li .t p{font-size:17px;margin:10px 0 0;color:#7e7e7e;line-height:22px;height:44px;overflow:hidden;}
.m03-blog-list ul li .t .more{font-size:16px;color:var(--active-color,#0F5CC4);margin:15px 0 0;display:inline-block;}

.m03-blog-list .ddpic{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}
.m03-blog-list .ddpic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block;transition: all .3s ease 0s;}

@media screen and (min-width:768px){
.m03-blog-list ul li:hover .t::after{width:100%;}
}
@media screen and (max-width:1550px) {
.m03-blog-list ul li .t h5{font-size:21px;}
}
@media screen and (max-width:1441px) {
.m03-blog-list ul li .t h5{font-size:20px;}
}
@media screen and (max-width:1367px) {
.m03-blog-list ul li .t h5{font-size:19px;}
}
@media screen and (max-width:1281px){
.m03-blog-list ul li .t h5{font-size:18px;}
}
@media screen and (max-width:992px) {
.m03-blog-list ul{margin:0;}
.m03-blog-list ul li{width:100%;padding:0;overflow:hidden;cursor:pointer;}
.m03-blog-list ul li+li{margin-top:20px;}
.m03-blog-list ul li .box{display:flex;align-items:center;}
.m03-blog-list ul li .pic{width:30%;}
.m03-blog-list ul li .t{flex:1;border-bottom:none;padding:0;margin:0 0 0 20px;overflow:hidden;}
.m03-blog-list ul li .t::after{display:none;}
.m03-blog-list ul li .t .more{display:none;}
}
@media screen and (max-width:768px) {
.m03-blog-list ul li .txt h5{font-size:17px;}
}
@media screen and (max-width:576px) {
.m03-blog-list ul li .txt h5{font-size:16px;}
}
@media screen and (max-width:480px) {
.m03-blog-list ul li .box{display:block;}
.m03-blog-list ul li .pic{width:100%;}
.m03-blog-list ul li .t{margin:15px 0 0;}
}