﻿.m-bg-z::after{height:100%!important;background:url(../images/index/h-bg2.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.m-row-e1{padding:100px 0 0;margin:0!important}
.g-tit .desc{text-transform:uppercase}
.g-tit.start{text-align:left}
.row-h01{padding:30px 0 72px;overflow:hidden}
.row-h01 .g-tit{margin-bottom:56px}
.row-h01 .wp{height:100%;display:-webkit-flex;display:flex;justify-content:space-between}
.row-h01 .h01-col,.row-h01 .h01-cor{width:46.71%;flex-shrink:0}
.h-newsUl1 li+li{margin-top:40px}
.h-newsUl1 .con{display:block;display:-webkit-flex;display:flex;align-items:center}
.h-newsUl1 .date{width:90px;height:90px;text-align:center;line-height:1.1;border:1px solid #e6e6e6;background-color:#fff;border-radius:6px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-shrink:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.h-newsUl1 .date .d1{margin-bottom:8px;font-size:34px;color:#1a1a1a;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.h-newsUl1 .date .d2{font-size:18px;color:#979797;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.h-newsUl1 .text{padding-left:24px;width:calc(100% - 90px);flex-shrink:0}
.h-newsUl1 .tit{margin-bottom:12px;font-size:20px;color:#1a1a1a;font-weight:400;line-height:1.7;position:relative;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.h-newsUl1 .tit:before{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#a10000;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.h-newsUl1 .txt{font-size:16px;color:#979797;line-height:1.44;height:2.88em;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}
.h-newsUl1 .con:hover .date{background-color:#a10000}
.h-newsUl1 .con:hover .date .d1{color:#fff}
.h-newsUl1 .con:hover .date .d2{color:#fff;opacity:.7}
.h-newsUl1 .con:hover .tit{color:#a10000}
.h-newsUl1 .con:hover .tit:before{width:100%}
.row-z02{padding:42px 0 36px;border-top:1px solid #a10000;position:relative;z-index:10}
.row-z02:before{content:'';position:absolute;left:0;top:0;width:91.35%;height:100%;background-color:#fff;z-index:-1}
.row-z02:after{content:'';position:absolute;right:0;top:0;bottom:-70px;width:32.55%;background:url(../images/index/h-bg1.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;z-index:-2}
.row-z02 .g-tit{margin-bottom:38px}
.h-newsUl2{overflow:hidden}
.h-newsUl2 ul{margin:0 -36px -46px;display:flex;flex-wrap:wrap;justify-content:space-between}
.h-newsUl2 li{padding:0 36px;margin-bottom:46px;width:33.33%;flex-shrink:0}
.h-newsUl2 .con{padding:34px 16px;height:242px;background-image:url(../images/index/e-bg2.png);background-size:0;background-repeat:no-repeat;background-position:bottom -1px center;position:relative;z-index:1;transition:.5s}
.h-newsUl2 .con:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ffe9e9;z-index:-1}
.h-newsUl2 .tit{margin-bottom:24px;display:block;font-size:20px;color:#3b3b3b;font-weight:700;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;transition:.5s}
.h-newsUl2 .tit a{color:inherit;font-size:inherit}
.h-newsUl2 .txt{padding:0 22px}
.h-newsUl2 .txt p{overflow:hidden;line-height:2;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#3b3b3b;padding-left:37px;background-size:29px auto;background-position:left center;background-repeat:no-repeat;margin-bottom:13px;transition:.5s}
.h-newsUl2 li:hover .con{background-color:#a10000;background-size:46px auto}
.h-newsUl2 li:hover .con:before{border:none}
.h-newsUl2 li:hover .con .tit{color:#fff}
.h-newsUl2 li:hover .txt p{background-image:url(../images/index/e-b1-on.png)!important;color:#fff}
.h-newsUl2 li:hover .txt .p2{background-image:url(../images/index/e-b2-on.png)!important}
.h-newsUl2 li:hover .txt .p3{background-image:url(../images/index/e-b3-on.png)!important}
@media only screen and (min-width:1199px){
.m-row-e1{padding:5.208vw 0 0}
.row-h01{padding:1.562vw 0 3.75vw}
.row-h01 .g-tit{margin-bottom:2.916vw}
.h-newsUl1 li+li{margin-top:2.083vw}
.h-newsUl1 .date{width:4.687vw;height:4.687vw;border-radius:.312vw}
.h-newsUl1 .date .d1{margin-bottom:.416vw;font-size:1.77vw}
.h-newsUl1 .date .d2{font-size:.937vw}
.h-newsUl1 .text{padding-left:1.25vw;width:calc(100% - 4.687vw)}
.h-newsUl1 .tit{margin-bottom:.625vw;font-size:1.041vw}
.h-newsUl1 .txt{font-size:.833vw;height:2.88em}
.row-z02{padding:2.187vw 0 1.875vw}
.row-z02:after{bottom:-3.645vw}
.row-z02 .g-tit{margin-bottom:1.979vw}
.h-newsUl2 ul{margin:0 -1.875vw -2.395vw}
.h-newsUl2 li{padding:0 1.875vw;margin-bottom:2.395vw}
.h-newsUl2 .con{padding:1.77vw .833vw;height:12.6vw}
.h-newsUl2 .tit{margin-bottom:1.25vw;font-size:1.041vw}
.h-newsUl2 .txt{padding:0 1.145vw}
.h-newsUl2 .txt p{font-size:.937vw;padding-left:1.927vw;background-size:1.51vw auto;margin-bottom:.677vw}
.h-newsUl2 li:hover .con{background-size:2.395vw auto}
}
@media only screen and (max-width:1199px){
.row-z02:before{width:100%}
.row-z02:after{display:none}
.h-newsUl2 ul{margin:0 -15px -30px}
.h-newsUl2 li{padding:0 15px;margin-bottom:30px}
.h-newsUl2 .txt{padding:0 10px}
}
@media only screen and (max-width:960px){
.m-row-e1{padding-top:50px!important}
.row-h01{padding:25px 0 50px}
.row-h01 .g-tit{margin-bottom:20px}
.row-z02{padding:50px 0}
.row-z02 .g-tit{margin-bottom:20px}
.h-newsUl1 li+li{margin-top:20px}
.h-newsUl1 .date{width:70px;height:70px}
.h-newsUl1 .date .d1{font-size:20px}
.h-newsUl1 .date .d2{font-size:14px}
.h-newsUl1 .text{padding-left:15px;width:calc(100% - 70px)}
.h-newsUl1 .tit{margin-bottom:5px;font-size:16px}
.h-newsUl1 .txt{font-size:14px}
.h-newsUl2 li{width:50%}
.h-newsUl2 .con{padding:25px 15px;height:180px}
.h-newsUl2 .tit{margin-bottom:15px;font-size:16px}
.h-newsUl2 .txt p{margin-bottom:5px;font-size:14px}
}
@media only screen and (max-width:767px){
.row-h01{padding:0 0 30px}
.row-h01 .wp{flex-wrap:wrap}
.row-h01 .h01-col,.row-h01 .h01-cor{width:100%}
.row-h01 .h01-col{margin-bottom:30px}
.row-z02{padding:30px 0}
.h-newsUl2{margin-bottom:-20px}
.h-newsUl2 li{margin-bottom:20px;width:100%}
.m-row-e1{padding-top:30px!important}
}