@charset "UTF-8";
/**
 * @Site  博爱曙光(文章页)页面
 * @authors pengxing
 * @date    2020.9.7
 */
br{line-height:0;}
.container{width:100%;overflow:hidden;}
.item{width:1200px;margin:0 auto;}
.bgColor1{background-color:#f1f6f4;}

/*f1Bg*/
.f1Bg{padding-bottom:50px;}
.f1Box{overflow:hidden;}
.adr{line-height:60px;font-size:22px;color:#9d9d9d;border-bottom:#e6e6e6 solid 1px;padding-top:60px;margin-bottom:20px;}
.adrCon{width:890px;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}
.adr a{color:#9d9d9d;}
.adr em{color:#248389;}

.f1L{float:left;width:834px;border:#e6e6e6 solid 1px;padding:0 30px 0;}
.f1L h2{text-align:center;line-height:1.2;font-size:40px;color:#248389;font-weight:normal;padding:36px 0 20px;border-bottom:#e6e6e6 solid 1px;margin-bottom:20px;}
.f1L h2 span{line-height:0;padding:15px 0;display:block;}
.f1L h2 span em{line-height:22px;font-size:22px;color:#9d9d9d;position:relative;padding-left:36px;margin:0 15px;}
.f1L h2 span i{width:33px;height:25px;display:block;position:absolute;left:0;top:50%;margin-top:-12px;}
.f1L h2 span i.ioc1{background:url(../images/list/ioc_05.png) no-repeat;}
.f1L h2 span i.ioc2{background:url(../images/list/ioc_06.png) no-repeat;}
.f1L h2 span i.ioc3{background:url(../images/list/ioc_07.png) no-repeat;}

.concent{padding-bottom:40px;color:#444;line-height:30px;font-size:14px;}
.concent p,.concent pre{line-height:34px;font-size:20px;color:#000;}
.concent img{max-width: 100%; height: auto;display:block;margin:0 auto;}
.concent pre{white-space: pre-wrap;word-wrap: break-word;}

.f1BoxCon{height:82px;border-top:#f0f0f0 solid 1px;padding:0 30px; overflow:hidden;}
.f1BoxCon li{width:280px;line-height:31px;font-size:20px;color:#999999;display:block;padding-top:10px;overflow:hidden;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;}
.f1BoxCon li span{font-size:18px;color:#858585;display:block;padding-top:10px;}
.f1BoxCon li.fr{text-align:right;}
.f1BoxCon li a{height: 31px;color:#999999;overflow: hidden;}
.f1BoxCon li a:hover,.f1BoxCon li a:hover span{color:#248389;}
.f1BoxWapBtn{display:none;}

.f1R{float:right;width:280px;}
.f1R1{border-left:#e6e6e6 solid 1px;border-top:#e6e6e6 solid 1px;overflow:hidden;margin-bottom: 15px;}
.f1R1 span{float:left;width:138px;display:block;border-right:#e6e6e6 solid 1px;border-bottom:#e6e6e6 solid 1px;position:relative;}
.f1R1 span a{color:#000000;display:block;}
.f1R1 span i{width:90px;height:80px;display:block;position:absolute;left:50%;margin-left:-45px;top:20px;transition:all ease .2s;}
.f1R1 span i.ioc1{background:url(../images/list/ioc_01.png) no-repeat;}
.f1R1 span i.ioc2{background:url(../images/list/ioc_02.png) no-repeat;}
.f1R1 span i.ioc3{background:url(../images/list/ioc_03.png) no-repeat;}
.f1R1 span i.ioc4{background:url(../images/list/ioc_04.png) no-repeat;}
.f1R1 span em{line-height:63px;text-align:center;font-size:22px;display:block;padding-top:89px;}
.f1R1 span a:hover{background-color:#248389;color:#fff;display:block;}
.f1R1 span a:hover i.ioc1,.f1R1 span a:hover i.ioc2,.f1R1 span a:hover i.ioc3,.f1R1 span a:hover i.ioc4{background-position:0 -84px;}

.f1R2{margin-bottom:15px;}
.f1R2 h3{line-height:54px;font-size:20px;color:#fff;background-color:#248389;padding:0 22px;}
.zjiaSlide{border:#e6e6e6 solid 1px;padding-bottom:40px;overflow:hidden;position:relative;}
.zjiaSlide dl{overflow:hidden;padding:26px 15px 15px 25px;}
.zjiaSlide dt{float:left;}
.zjiaSlide dt,.zjiaSlide dt img{width:136px;height:198px;}
.zjiaSlide dd{float:right;width:90px;padding-top:15px;}
.zjiaSlide dd h4{line-height:30px;font-size:22px;color:#248389;margin-bottom:20px;}
.zjiaSlide dd h4 a{color:#248389;}
.zjiaSlide dd h4 span{line-height:26px;font-size:18px;font-weight:normal;color:#515151;display:block;padding: 10px 0;}
.zjiaSlide dd a.btn{width:88px;height:32px;text-align:center;line-height:32px;font-size:18px;color:#fff;background-color:#f26d19;display:block;border-radius:5px;}
.zjiaSlide p{line-height:30px;font-size:18px;color:#999;padding:0 25px;display:block;-webkit-line-clamp:3;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}
.zjiaSlide p span{color:#248389;}
.zjiaSlide .pagination{width: 100%;height: 6px;font-size: 0;line-height: 0;text-align: center;position:absolute;bottom:20px;z-index:11;}
.zjiaSlide .pagination span{width: 6px; height: 6px; border-radius: 50%;display: inline-block;background-color: #999999;overflow: hidden;margin: 0 10px;opacity: 1;}
.zjiaSlide .pagination span.swiper-pagination-bullet-active{background-color: #248389;}

.f1R3{margin-bottom:15px;}
.f1R3 h3{line-height:54px;font-size:20px;color:#fff;background-color:#248389;padding:0 22px;}
.f1R3 ul{border:#e6e6e6 solid 1px;padding:15px 25px;}
.f1R3 li{line-height:36px;font-size:18px;color:#999;position:relative;padding-left:11px;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}
.f1R3 li a{color:#999;}
.f1R3 li i{width:3px;height:3px;background-color:#248389;display:block;position:absolute;left:0;top:50%;}
.f1R3 li a:hover{color:#248389;}

.pulse1{}
@keyframes pulse1{
    0%{transform:scale(1)}
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}
@-webkit-keyframes pulse1{
    0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.1)}
    100%{-webkit-transform:scale(1)}
}

/*關鍵詞*/
.keywords{display: flex;align-items: center;margin-bottom: 20px;}
.keywords h4{color: red;width: 58px;}
.post-tags{width: calc(100% - 75px); margin-left: 15px;font-size: 20px;color: #999;}
.post-tags a{color:#999;margin-right: 10px;}
.post-tags a:hover{color: red;}
/*f2Box*/
.f2Box h3{line-height:87px;font-size:30px;color:#248389;}
.f2BoxList{overflow:hidden;}
.f2BoxList dl{float:left;width:430px;border-bottom:#e6e6e6 solid 1px;padding-bottom:20px;margin:0 30px 30px 0;}
.f2BoxList dt{float:left;}
.f2BoxList dt,.f2BoxList dt img{width:106px;height:106px;}
.f2BoxList dd{float:right;width:310px;}
.f2BoxList dd h3{line-height:30px;font-size:22px;color:#1a1a1a;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}
.f2BoxList dd h3 a{color:#1a1a1a}
.f2BoxList dd h3 a:hover{color:#248389;}
.f2BoxList dd p{line-height:30px;font-size:18px;color:#999;display:block;-webkit-line-clamp:2;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}


@media only screen and (max-width: 750px){
    .container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#f3f7f6 !important;overflow: hidden;}
    .container img{width:100%;display:block;}
    .item{width:auto;margin:0 .2rem;overflow: hidden;}
    
    .f1Box{overflow:hidden;}
    .adr{line-height:.6rem;font-size:.28rem;padding-top:.6rem;margin-bottom:.2rem;}
    .adrCon{width:auto;}
    .adr a{}
    .adr em{color:#248389;}

    .f1L{float:none;width:auto;padding:0 .2rem 0;background-color: #fff;border-radius:.1rem;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;margin-bottom: .3rem;}
    .f1L h2{line-height:1.2;font-size:.32rem;padding:.35rem 0 .2rem;margin-bottom:.2rem;}
    .f1L h2 span{padding:.2rem 0;}
    .f1L h2 span em{line-height:.25rem;font-size:.22rem;padding-left:0;margin:0 .05rem;}
    .f1L h2 span i{display:none;}

    .concent{padding-bottom:.4rem;color:#444;line-height:30px;font-size:14px;}
    .concent p,.concent pre{line-height:.4rem;font-size:.24rem;}
    .concent img{max-width: 100%; height: auto;display:block;margin:0 auto;}
    .concent pre{white-space: pre-wrap;word-wrap: break-word;}

    .f1BoxCon{height:.8rem;padding:0; }
    .f1BoxCon li{width:2.8rem;line-height:.3rem;font-size:.24rem;padding-top:.2rem;}
    .f1BoxCon li span{font-size:18px;color:#858585;display:block;padding-top:10px;}
    .f1BoxCon li.fr{text-align:right;}
    .f1BoxCon li a{height: 31px;color:#999999;overflow: hidden;}
    .f1BoxCon li a:hover,.f1BoxCon li a:hover span{color:#248389;}
    .f1BoxWapBtn{display:none;}

    .f1R{float:none;width:auto;}
    .f1R1{display:none;}
    .f1R1 span{float:left;width:138px;display:block;border-right:#e6e6e6 solid 1px;border-bottom:#e6e6e6 solid 1px;position:relative;}
    .f1R1 span a{color:#000000;display:block;}
    .f1R1 span i{width:90px;height:80px;display:block;position:absolute;left:50%;margin-left:-45px;top:20px;transition:all ease .2s;}
    .f1R1 span i.ioc1{background:url(../images/list/ioc_01.png) no-repeat;}
    .f1R1 span i.ioc2{background:url(../images/list/ioc_02.png) no-repeat;}
    .f1R1 span i.ioc3{background:url(../images/list/ioc_03.png) no-repeat;}
    .f1R1 span i.ioc4{background:url(../images/list/ioc_04.png) no-repeat;}
    .f1R1 span em{line-height:63px;text-align:center;font-size:22px;display:block;padding-top:89px;}
    .f1R1 span a:hover{background-color:#248389;color:#fff;display:block;}
    .f1R1 span a:hover i.ioc1,.f1R1 span a:hover i.ioc2,.f1R1 span a:hover i.ioc3,.f1R1 span a:hover i.ioc4{background-position:0 -84px;}

    .f1R2{display:none;}
    .f1R2 h3{line-height:54px;font-size:20px;color:#fff;background-color:#248389;padding:0 22px;}
    .zjiaSlide{border:#e6e6e6 solid 1px;padding-bottom:40px;overflow:hidden;position:relative;}
    .zjiaSlide dl{overflow:hidden;padding:26px 15px 15px 25px;}
    .zjiaSlide dt{float:left;}
    .zjiaSlide dt,.zjiaSlide dt img{width:136px;height:198px;}
    .zjiaSlide dd{float:right;width:90px;padding-top:15px;}
    .zjiaSlide dd h4{line-height:30px;font-size:22px;color:#248389;}
    .zjiaSlide dd h4 span{line-height:26px;font-size:18px;font-weight:normal;color:#515151;display:block;padding: 10px 0;}
    .zjiaSlide dd a.btn{width:88px;height:32px;text-align:center;line-height:32px;font-size:18px;color:#fff;background-color:#f26d19;display:block;border-radius:5px;}
    .zjiaSlide p{line-height:30px;font-size:18px;color:#999;padding:0 25px;display:block;-webkit-line-clamp:3;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;overflow:hidden;}
    .zjiaSlide p span{color:#248389;}
    .zjiaSlide .pagination{width: 100%;height: 6px;font-size: 0;line-height: 0;text-align: center;position:absolute;bottom:20px;z-index:11;}
    .zjiaSlide .pagination span{width: 6px; height: 6px; border-radius: 50%;display: inline-block;background-color: #999999;overflow: hidden;margin: 0 10px;opacity: 1;}
    .zjiaSlide .pagination span.swiper-pagination-bullet-active{background-color: #248389;}

    .f1R3{margin-bottom:.3rem;background-color: #fff;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;border-radius: .1rem;overflow: hidden;}
    .f1R3 h3{line-height:.7rem;font-size:.3rem;padding:0 .2rem;}
    .f1R3 ul{border:#e6e6e6 solid 1px;padding:15px 25px;}
    .f1R3 li{line-height:.5rem;font-size:.24rem;padding-left:.15rem;}
    .f1R3 li a{color:#999;}
    .f1R3 li i{width:.04rem;height:.04rem;transform: translateY(-50%);}
    .f1R3 li a:hover{color:#248389;}
    
    /*關鍵詞*/
    .keywords{display: flex;align-items: center;margin-bottom: 20px;}
    .keywords h4{color: red;width: 58px;}
    .post-tags{width: calc(100% - 75px); margin-left: 0;font-size: .24rem;}
    .post-tags a{margin-right: .1rem;}
    .post-tags a:hover{color: red;}
    
     /*f2Box*/
    .f2Box{background-color:#fff;padding:0 .2rem;border-radius:.1rem;margin-bottom:.3rem;}
    .f2Box h3{line-height:.8rem;font-size:.34rem;}
    .f2BoxList dl{float:none;width:auto;padding-bottom:.2rem;margin:0 0 .3rem 0;overflow: hidden;}
    .f2BoxList dt{float:left;}
    .f2BoxList dt,.f2BoxList dt img{width:2.12rem;height:2.12rem;}
    .f2BoxList dd{width:4.1rem;}
    .f2BoxList dd h3{line-height:.45rem;font-size:.32rem;}
    .f2BoxList dd h3 a{color:#1a1a1a}
    .f2BoxList dd h3 a:hover{color:#248389;}
    .f2BoxList dd p{line-height:.4rem;font-size:.28rem;-webkit-line-clamp: 4;}
    .f2BoxList dl:last-child{border-bottom:0;}

}