
.box6{background-color: #f8f8f8;height: 100vh;position: relative;}


#s_news{position: absolute;padding: 101px 0 30px 0;width: 1200px;margin: 0 auto;top: 40%;left: 50%;transform: translate(-50%,-50%);}



#s_news .s_title{  margin-bottom:40px; position: relative;}

#s_news .hd{ position:absolute; right: 0; top: 0;}

#s_news .hd a{ display:inline-block; background: #eaeaf1; text-align: center; color: #83838e; font-size: 14px; margin-left:  10px; height: 32px; line-height: 32px;  width:80px; }

#s_news .hd a.on{ background: #20baaa; color: #fff;}





#s_news .left{width: 40%;background: #626263;color: #fff;vertical-align: top;}

#s_news .left .pic_box{ width:475px; height:245px; overflow: hidden;}

#s_news .left img{width: 100%;height: 192px;display:block;}





#s_news .left .text_box{    padding: 15px 35px 3px 120px; position: relative;}

#s_news .left .text_box  h1 a{padding-top:5px;border-bottom: 1px solid #fff;padding-bottom:20px;display:  block;color:#fff;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom: 10px;}

#s_news .left .text_box a:hover{ text-decoration:underline; }



#s_news .left .text_box p{ color:#fff;  font-size:12px; line-height:24px; height:48px; overflow:hidden; margin-top:13px;opacity:.8;filter:alpha(opacity=80);}

#s_news .left .text_box .date_box {position: absolute; left: 35px; top: 30px; width: 55px; text-align: center;}

#s_news .left .text_box .date_box strong{ color: #fff; font-size: 37px; display: block;  }

#s_news .left .text_box .date_box span{ color: #fff; font-size: 12px; display: block; }





#s_news .right{width: 54%;margin-left: 66px;}

#s_news .right .up{background: #eee;}

#s_news .right .up{    padding: 20px 120px 0px 30px; position: relative;}

#s_news .right .up  h1 a{ padding-top:0px; border-bottom: 1px solid #e3e1e5;  padding-bottom:10px;display:  block; color:#3e3c41; font-size:16px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 5px; }

#s_news .right .up a:hover{ text-decoration:underline; color: #213A7D}

#s_news .right .up p{ color:#9d9da3;  font-size:12px; line-height:24px; height:48px; overflow:hidden; margin-top:13px; }

#s_news .right .up .date_box {position: absolute; right: 30px; top: 30px; width: 55px; text-align: center;}

#s_news .right .up .date_box strong{ color: #9b9ba8; font-size: 37px; display: block;  }

#s_news .right .up .date_box span{ color: #9b9ba9; font-size: 12px; display: block; }

#s_news .right .up  .more{   display:block; position: absolute; right: 48px; bottom: 30px; background: url(../Images/icon_more_s_news.png) center no-repeat; height: 10px; width: 10px;}

#s_news .right .up .more:hover{color:#213a7d;}





#s_news .right .un{ padding-top:10px;  }

#s_news .right .un ul{  overflow: hidden;}

#s_news .right .un li{line-height:32px;position:relative;display:block;padding-left:10px;}

#s_news .right .un a{ font-size:14px; color:#7c838b; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news .right .un a:hover{color:#213a7d;}

#s_news .right .un span{font-size:12px; color:#c9cacb; position:absolute; right:0; top:0; line-height:48px;}

.fl,.left{
    display: inline-block;
}



.fr,.right{
    display: inline-block;
}
.opdiv6 .four_flash{
    position: relative;
}
.opdiv6 .flashBg {
    width: 1200px;
    font-size: 0;
    overflow: hidden;
    margin: 40px auto 40px auto;
}
.mobile-7{
    font-size: 0;
}
.mobile-7>ol{
    font-size: 0;
    width: 1200px;
    display: inline-block;

}
.mobile-7>ol>li{
    display: inline-block;
    width: 16.5%;
}
.mobile-7>ol>li>img{
    display: block;
    width: 55%;
    margin: 0 auto;
}
.box7_left {

    position: absolute;
    top: 29%;
    left: 350px;
    cursor:pointer;
    font-size: 25px;
    color: rgb(102, 102, 102);
    z-index: 999;
}

.box7_right {
    position: absolute;
    top: 29%;
    right: 350px;
    cursor:pointer;
    font-size: 25px;
    color: rgb(102, 102, 102);
}

#s_news .right .un .lj-xw{
    text-align: right;
    padding: 10px 5px 0 0;
}
#s_news .right .un .lj-xw>a{
    font-size: 14px;
    color: #b7b7b7;
}
@media (max-width: 760px) {
    .box6{
        height: 100vh;
    }
    /*#s_news{*/
        /*width: 100%;*/

    /*}*/
    /*#s_news .left{*/
        /*display: none;*/
    /*}*/
    /*#s_news .right{*/
        /*margin: 0;*/
        /*width: 100%;*/
        /*padding: 50px 0 120px 0;*/
    /*}*/
    /*#s_news .right .un a{*/
        /*width: 60%;*/
    /*}*/
    /*.btty{*/
    /*display: block;*/
    /*margin-top: 65px;*/
    /*}*/
    .btty .none{
        display: none;
    }
    .four_flash{
        position: relative;
    }
    .mobile-7 ol>li{
        width: 50%;
    }
    .opdiv6 .flashBg,.mobile-7>ol{
        width: 100vw;
    }
    .opdiv6 .four_flash,.opdiv6 .foot{
        display: none;
    }
    .box7_left{
        left: 8px;
    }
    .box7_right{
        right: 8px;
    }
    .foot-nr{
        width: 100%;
    }
    .foot-nr>div{
        display: block;
        width: 100%;
        margin: 0;
        padding-left: 8px;
    }
    .foot-le>ul{
        margin: 20px 0 20px 0;
    }
    .foot-le>ul>li{
        margin-right: 5px;
    }
    .foot-le>ul>li:last-child{
        margin: 0;
    }
    .foot-ri-p1{
        font-size: 20px;
        margin: 0;
        text-align: center;
    }
    .foot-ri-p2{
        margin: 10px 0 0 0;
        text-align: center;
    }
    .foot-ri>div{
        display: block;
        text-align: center;
        width: 100%;
    }
    .foot-ba>p{
        width: 100%;
    }
    #s_news .right .un span{
        right: 10px;
    }
}
