.con{padding: 0 130px 0 130px;overflow: hidden;margin-top: 150px;}
/*.con-top{padding: 77px 380px 0 380px; }*/
.con-top .time{font-size: 22px; color: #a2a2a2;}
.con-top .title{font-size:30px; color: #131313; margin: 30px 0 138px 0;}
.con-top .suggest{font-size: 25px; color:#333333;border-bottom: 1px solid #e6e6e6;text-align: justify;  line-height: 35px; padding-bottom: 82px;}
.suggest_img img{width: 100%;}
.con-banner{width: 100%; margin-top: 72px;}
.con-banner-top{font-size: 30px; text-align: center; color: #000000;font-weight:bold;}
.con-banner-con{width: 100%; height: 750px; margin-top: 77px;    margin-bottom: 60px;}

.content_con{ float: left;margin-bottom: 42px; overflow: hidden; padding:0 15px;}
.imgwrap{position: relative;display: block; }
.content_con_img{display: block;}
.content_con_con{display:block; background: #ffffff;padding: 10px 25px;font-size: 13px;}
.content_con i{display: block;color: #a2a2a2; font-size: 11px;}






#play{width: 100%;position: relative;overflow: hidden;}
#play #ul{position: absolute;    width: 30000px;}
#play #ul li{float: left;}
#play #ul li img{width: 100%;}
.ol{width: 120px; overflow: hidden; margin:auto;margin-top: 36px;}
.ol li{width: 20px; height: 3px;float: left;background:#bfbfbf;margin: 0 10px;}

.ol .bg{background: red;}

@media screen and (min-width:1919px){
   .content_con {width: 31.5%;}
}
@media screen and (min-width: 1551px) and (max-width: 1660px) {
    .content_con {width: 26%;}
   .con-top .title{font-size: 33px;margin: 30px 0 80px 0;}
}
@media screen and (min-width: 1440px) and (max-width: 1550px) {
    .content_con {width: 24%;}
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
    .content_con {width: 20.6%;}
    .con-top .title{font-size: 30px;margin: 30px 0 60px 0;}
    .con-top .suggest{font-size: 18px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
    .content_con {width: 19%;}
}

.suggest p img{width:auto; display:inline}