@charset "utf-8";


/*widequick146*/
.widequick146 {width: 100%; float: left; position: relative; box-sizing: border-box; overflow: hidden; height: auto;}
.widequick146 .wq146bg{position: relative; width: 100%; box-sizing: border-box; float: left; padding: 20px 0; background-color: #f4f2ef;}
.widequick146 .wq146bg .innerbox{width: 100%; max-width: 1300px; box-sizing: border-box; margin: 0 auto; height: auto;}

.widequick146 .txtbox {display: inline-block; vertical-align: middle; width: 41%; text-align: left; float:left; transition: width 1s;}
.widequick146 .txtbox .tit {font-size: 78px; letter-spacing: -1px; line-height: 88%; color: #33a337; float: left; display: block; box-sizing: border-box; width: 100%; font-weight: 400;}
.widequick146 .txtbox .co {color: #333; line-height: 120%; margin-top: 30px; float: left; width: 100%; display: block; box-sizing: border-box; word-break: keep-all;}
.widequick146 .txtbox .subcobox {width: 100%; padding-top: 20px; display: block; float: left;}
.widequick146 .txtbox .subcobox .subco {color: #b0b0b0; line-height: 170%; word-break: keep-all; float: left; width: 100%; display: block; opacity: 0.9;}

.widequick146 .btnbox {width: 65%; height: 76px; float: left; transition: .3s; margin-top: 50px;}
.widequick146 .btnbox div {width: 100%; height: 100%; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; background: #33a337; border: 2px solid #ffffff00;}
.widequick146 .btnbox div a {color: #fff; max-width: 100%; display: block; line-height: 76px;}
.widequick146 .btnbox div a:focus {border:1px dashed #ccc;}
.widequick146 .btnbox div a:hover {font-weight: 600;}
.widequick146 .btnbox:hover {box-shadow: -4px 4px 9px rgb(0 0 0 / 20%);}

.widequick146 .rbox {width: 59%; float: left; position: relative; transition: width 1s;}
.widequick146 .rbox .wq146link00 {position: relative; float: left; width: 48%; padding: 20px; box-sizing: border-box; border: 3px solid #ffffff00; overflow: hidden; max-height: 338px; height: auto; margin-bottom: 32px; background: #fff; transition: all .4s;display: inline-block;}
.widequick146 .rbox .wq146link00 a {display: block;}
.widequick146 .rbox .wq146link00 .date {width: 100%; color: #33a337; margin-bottom: 24px; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-weight: 800;}
.widequick146 .rbox .wq146link00:nth-child(odd){margin-right: 4%;}
.widequick146 .rbox .wq146link00:nth-last-child(2),.widequick146 .rbox .wq146link00:nth-last-child(1){margin-bottom: 0px;}
.widequick146 .rbox .wq146link00:hover{box-shadow: -4px 4px 9px rgb(0 0 0 / 20%);}
.widequick146 .rbox .wq146link00:hover .pbtn{transform: rotateX(180deg);}
.widequick146 .rbox .pbtn{font-size: 45px; line-height: 26px; margin-bottom: 22px; color: #dcd7cf; transition: all .4s;}
.widequick146 .rbox .ctbox_wrap{padding:0 10%;}
.widequick146 .rbox .ctbox_wrap .ctit{overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.widequick146 .rbox .ctbox{overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; color: #808080b6;}



@media (max-width:899px){
    .widequick146 .txtbox .tit {font-size: 58px;}
    .widequick146 .txtbox .co {margin-top: 15px;}
    .widequick146 .rbox .btnbox {height: auto; line-height: normal; width: auto;}
}

@media (max-width:799px) {
    .widequick146 .txtbox {width: 100%;}
    .widequick146 .rbox {width: 100%;}
    .widequick146 .txtbox .tit {font-size: 48px; line-height: 90%;}
    .widequick146 .txtbox .co.fs40 {margin-top: 15px; font-size: 25px;}
    .widequick146 .txtbox .subcobox {padding-top: 10px;}
    .widequick146 .txtbox .subcobox .subco {line-height: 140%; padding-bottom: 20px;}
    .widequick146 .btnbox{margin-top:0!important; height: 62px;}
    .widequick146 .rbox{margin-top:50px; width: 100%;}
    .widequick146 .btnbox div a {line-height: 62px;}
}

@media (max-width:380px) {
    .widequick146 .rbox .wq146link00:nth-last-child(2){margin-bottom:32px;}
    .widequick146 .rbox .ctbox{display:none;}
    .widequick146 .rbox .ctbox_wrap .ctit{font-size: 15px; margin-bottom: 23px;}
    .widequick146 .rbox .wq146link00 .date{font-size: 13px;}
    .widequick146 .rbox .pbtn{font-size: 40px; margin-bottom: 26px;}
}