/*--for m60_sidebanner--*/
@charset "UTF-8";


.m60_sidebanner {min-height: 500px;position: relative;overflow: hidden;display: flex;}
.m60_sidebanner img {width: 100%;object-fit: cover;position: absolute;top: 0;width: 100%;left: 0;height: 100%;}
.m60_sidebanner::after {content: '';background: rgba(0,0,0,.7);position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
.m60_sidebanner .wp {margin-top: 140px;display: flex;flex-direction: column;justify-content: center;z-index: 10;position: relative;}
.m60_sidebanner .wp::after {/*content: '';width: 1px;position: absolute;top: 0;bottom: 0;background: rgba(255,255,255,.46);left: 80px;*/}
.m60_sidebanner .tit {padding: 0 100px;position: relative;overflow: hidden;}
.m60_sidebanner .tit em {content: '';width: 1px;height: 100%;position: absolute;top: 0;left: 80px;background: var(--color-active);z-index: 10;}
.m60_sidebanner .tit h1 {margin-top: 20px;font-size: 72px;color: #fff;font-weight: 700;}

.path p{color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p a {opacity: .6;transition: all .3s ease-in;color: #fff;}
.path p a:hover {opacity: 1;}


@media screen and (max-width: 1550px) {
.m60_sidebanner {min-height: 430px;}
.m60_sidebanner .tit {padding: 0 80px;}
.m60_sidebanner .wp::after {left: 60px;}
.m60_sidebanner .tit em {left: 60px;}
.m60_sidebanner .tit h1 {font-size: 40px;}
}

@media screen and (max-width: 1367px) {
.m60_sidebanner {min-height: 360px;}
.m60_sidebanner .tit {padding: 0 60px;}
.m60_sidebanner .wp::after {left: 40px;}
.m60_sidebanner .tit em {left: 20px;}
.m60_sidebanner .tit h1 {font-size: 48px;}
}

@media screen and (max-width: 993px) {
.m60_sidebanner {min-height: 320px;}
.m60_sidebanner img {height: 100%;object-fit: cover;}
.m60_sidebanner .tit h1 {font-size: 36px;}
.m60_sidebanner .wp {margin-top: 0;}
}

@media screen and (max-width: 768px) {
.m60_sidebanner {min-height: 240px;}
.m60_sidebanner .tit {padding: 0 20px;}
.m60_sidebanner .tit em {display: none;}
.m60_sidebanner .wp::after {display: none;}
.path p{font-size:14px;}
.m60_sidebanner .tit h1 {font-size: 28px;margin-top: 10px;}
}

@media screen and (max-width: 480px) {
.m60_sidebanner {min-height: 180px;}
.m60_sidebanner .tit h1 {font-size: 24px;}
}

@media screen and (max-width: 480px) {
.m60_sidebanner .tit h1 {font-size: 22px;}
}

/*--for m03_bloglist1--*/
/* CSS Document */
.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:#e50213;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;color:#010101;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m03-blog-list ul li .t h5 a:hover{color:#e50213;}
.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:#e50213;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;}
   
                                                                    
.container {background: #f5f5f5;padding: 10.208vw 10.41667vw;}                                                                      
@media screen and (max-width: 768px) {
.container {padding: 100px 5% 30px 5%;}
}
   
                                                                  
                                                                    

@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;}
}