body {
    background: #f5f5f5;
    font-size: 14px;
}
.banner_box img {
    width: 1260px;
    display: block;
}
.content-wrapper {
    margin-top: 30px;
}
.content_left {
    width: 940px;
    float: left;
}
.exhibition_list{
    border: 1px solid #d6e2ef;
}
.content_left .list_item {
    height: 210px;
    background: #ffffff;
    padding-top: 20px;
    padding-left: 20px;
    border-bottom: 1px solid #d6e2ef;

}
.content_left .list_item:hover {
    box-shadow: 0 0 5px 3px #EEEEEE;
    position: relative;
}
.content_left .list_item:hover p.title {
    color: #D51A1C;
}
.content_left .list_item:last-child {
    border-bottom: none;
}
.list_item .img_div {
    float: left;
    width: 250px;
    height: 175px;
}
.list_item .img_div img {
    width: 250px;
    height: 175px;
}
.list_item .text_div {
    float: left;
    width: 665px;
    padding: 0 20px;
}
.list_item .text_div p.title {
    font-size: 20px;
    color: #2f3b4e;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
}
.list_item .text_div p.detail {
    font-size: 14px;
    color: #555555;
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 24px;
    height: 72px;
    margin-top: 17px;
}
.list_item .text_div p.time {
    color: #999999;
    margin-top: 28px;
}


.content_right {
    width: 300px;
    float: right;
}
.content_right .code_pic {
    width: 100%;
    height: 390px;
    padding-top: 295px;
    background: url("../images/exhibition/echemi-wechat.png") no-repeat;
}
.content_right .code_pic .btn_box {
    margin: 0 auto;
    height: 40px;
    width: 230px;
    position: relative;
}
.content_right .code_pic .btn_box a {
    display: block;
    height: 40px;
    width: 230px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    position: absolute;
}
.content_right .code_pic .b05_3d_roll a:nth-child(1) {
    color: #2f3b4e;
    background-color: #ffffff;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}

.content_right .code_pic .b05_3d_roll a:nth-child(2) {
    color: #ffffff;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}

.content_right .code_pic .b05_3d_roll:hover a:nth-child(1) {
    color: #2f3b4e;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

.content_right .code_pic .b05_3d_roll:hover a:nth-child(2) {
    background-color: #2f3b4e;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}
.e_activity_box {
    margin-top: 30px;
    padding-top: 30px;
    border: 1px solid #d6e2ef;
    margin-bottom: 60px;
    background: #ffffff;
}
.e_activity_box div {
    font-size: 16px;
    font-weight: bold;
    color: #F39800;
    text-align: center;
}
.e_activity_box ul {
    padding: 0 34px 22px;
}
.e_activity_box ul li {
    padding-top: 22px;
}
.e_activity_box ul li img {
    display: block;
    width: 230px;
    height: 160px;
}
.e_activity_box ul li p {
    margin-top: 8px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.e_activity_box ul li:hover p {
    color: #D51A1C;
}
.nodata_box .tips {
    height: 390px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
}
.nodata_box .tips img {
    width: 135px;
    height: 127px;
}
.nodata_box .tips p {
    font-size: 20px;
    font-weight: bold;
    color: #2f3b4e;
    margin-top: 60px;
}
.exhibition_recommend {
    margin-top: 30px;
    border-top: 1px solid #d6e2ef;
    margin-bottom: 60px;
}
.exhibition_recommend .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0 20px;
}
.exhibition_recommend ul {
    width: 915px;
    margin: 0 auto;
}
.exhibition_recommend ul li {
    width: 230px;
    height: 255px;
    float: left;
    margin: 0 37.5px;
}
.exhibition_recommend ul li .img_box {
    position: relative;
}
.exhibition_recommend ul li .img_box img {
    width: 230px;
    height: 160px;
    display: block;
}
.exhibition_recommend ul li .img_box div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    background: rgba(0,0,0,.6);
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    width: 230px;
}
.exhibition_recommend ul li .detail_box {
    background: #F5F7FA;
    border: 1px solid #d6e2ef;
    height: 95px;
}
.exhibition_recommend ul li .detail_box p {
    margin-top: 10px;
    padding-left: 20px;
}
.exhibition_recommend ul li .detail_box p i {
    font-size: 15px;
    color: #1470cc;
    margin-right: 7px;
}