﻿.plugin-x_multiTextImage_16-pre {position:relative;height: 100%;}
.plugin-x_multiTextImage_16-mul {width: 100%;height: 100%;margin: auto;}
.plugin-x_multiTextImage_16-mul * {margin: 0;padding: 0;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;word-break:break-all;}
.plugin-x_multiTextImage_16-mul ul, .plugin-x_multiTextImage_16-mul li {list-style:none;}
.plugin-x_multiTextImage_16-mul a {text-decoration:none;}
.plugin-x_multiTextImage_16-mul em,.plugin-x_multiTextImage_16-mul strong {font-style:normal;font-weight:normal;}
.plugin-x_multiTextImage_16-mul .clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.plugin-x_multiTextImage_16-mul .clearfix { *zoom:1; }
.plugin-x_multiTextImage_16-mul .tit-div {
    float: left;
    width: 40.9%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
}
.plugin-x_multiTextImage_16-mul .title {
    width: 100%;
    padding: 0 30px;
    border-left: 1px solid #D4D4D4;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plugin-x_multiTextImage_16-mul .title h3 {
    font-weight: 600;
    font-size: 30px;
    color:#333;
}
.plugin-x_multiTextImage_16-mul .title .sub {
    font-weight: 600;
    font-size: 28px;
    color: #D4D4D4;
}
.plugin-x_multiTextImage_16-mul .title .arc {
    position: absolute;
    top:0;
    left:-5px;
    width: 10px;
    height: 10px;
    background-color: #fcdb00;
}
.plugin-x_multiTextImage_16-mul .recommend-tit{
    background-color: #fded7f;
    padding:20px 60px 20px 40px;
    width:100%;
    height:128px;
    position: absolute;
    top: 196px;
}
.plugin-x_multiTextImage_16-mul .rectit{
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1.8;
    width:210px;
   
}
.plugin-x_multiTextImage_16-mul .rectit_line{
     border-bottom: #ffffff 1px solid;
     width:165px;
}
.plugin-x_multiTextImage_16-mul .con {
    float: right;
    width: 100%;
}
.plugin-x_multiTextImage_16-mul .con ul li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plugin-x_multiTextImage_16-mul .con ul li .li-con {
    width: 100%;
    height: 351px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.plugin-x_multiTextImage_16-mul .con ul li .li-con .list {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.plugin-x_multiTextImage_16-mul .con ul li .li-con .img {
    display: block;
    width: 100%;
    height: 102px;
    overflow: hidden;
}
.plugin-x_multiTextImage_16-mul .con ul li .li-con .topic {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 20px;
}
.plugin-x_multiTextImage_16-mul .con ul li .li-con .info {
    display: inline-block;
}
/*第一个列表项*/
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(1){
    width:59.1%;
    padding:0;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(1) .li-con{
     padding:0!important;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(1) .img{
    float:left;
    width:50%;
    /*height:100%!important;*/
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(1) .li_text{
    width:50%;
    height:100%;
    float:right;
    position:relative;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(1)  .li_text:before{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
    text-align: center;
}

/*第二个列表项，第三个列表项*/
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+2),.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+3){
    width:25%;
    float:left;
}
/*第四个列表项*/
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+4){
   float:left;
   width:50%;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+4) .li-con{
     background-color:#dee2e3;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+4) .img{
    float:right;
    width:50%;
    /*height:318px!important;*/
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+4) .li_text{
    width:50%;
    height:100%;
    float:left;
    position:relative;
}
.plugin-x_multiTextImage_16-mul .con ul li:nth-of-type(3n+4) .li_text:before{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
    text-align: center;
}
.plugin-x_multiTextImage_16-mul .con ul li .li_text .text_wraper{
    display:inline-block;
    text-align:center;
    width:97%;
}
