@charset "utf-8";
.context{ margin:0 auto; max-width:1220px; overflow: hidden; padding-left: 0 !important;padding-right: 0 !important;}
.con-img img{ display:block; max-width:1200px; height:auto; border-bottom:2px solid #c9c9c9;}

.context-wrap{margin-bottom: 30px;}
.con-left{width: 69%;}
.con-center{width: 3%;height: 1px;}
.con-right{width: 28%;}
.con-left,.con-right,.con-center{float: left; margin-top: 20px;}
.left-item{overflow: hidden; padding: 20px 0;}
.left-l{width: 210px; height: 140px; margin-right: 23px; float: left;}
.left-l img{width: 100%; border-radius: 3px;}
.left-r h2{line-height: 1;font-size: 18px; margin-bottom: 15px; margin-top: 2px; font-weight: bold;}
.left-r a{color: #333;}
.left-r a:hover{color: #2f87d4;}
.left-r .summary{font-size: 16px; color: #6a6a6a; line-height: 24px; margin-bottom: 18px; text-align: justify;}
.info{line-height: 1; font-size: 14px; color: #999;}
.info .time{padding-left: 25px; background: url(../images/t.png) no-repeat left center; background-size: 14px;}
.r-item{border:1px solid #8c8c8c; height: 700px;overflow-y:auto; border-radius: 3px; padding: 20px;}
.r-title{color: #333;font-size: 18px; line-height: 1; margin-bottom: 18px; font-weight: bold;}
.r-con{margin-bottom: 15px;}
.r-con p{padding-left: 20px; line-height: 24px;}
.fz-dian{color: #666; font-size: 14px; background: url(../images/dian.png) no-repeat left center; background-size: 10px;}
.fz-text{color: #6a6a6a; font-size: 15px;text-align: justify;}
@media (max-width: 767px) {
.context{padding: 0;}
.con-left,.con-right,.con-center{width: 100%;}
.context-wrap{padding: 0 15px !important;}
.con-left{margin-top: 0;}
.left-l{width: 150px; height: auto; margin-right: 10px;}
.left-r h2{font-size: 16px; line-height: 24px; margin-top: 0; margin-bottom: 10px;}
.left-r .summary{font-size: 15px; margin-bottom: 10px; line-height: 23px;}
.r-title{font-size: 16px;}
.con-center{display: none;}
}