.content{margin: 20px auto;}
/*单页面样式*/
.dan_con{margin:auto;text-align:left;line-height:180%;font-size:16px;}

/*详情页样式*/
.tong_con_title{font-size: 22px;font-weight: bold;line-height: 30px;text-align: center;padding: 28px 0}
.tong_liulan{background: #f9f9f9;padding: 10px 0px;text-align: center;color: #999;overflow: hidden;line-height: 28px;}
.tong_back{margin:10px auto;line-height:25px;color:#666;text-align:center;}
.tong_back a{color:#666;}
.tong_back a:hover{color:#900;}
.tong_connr{margin:10px auto;text-align:left;line-height:180%;font-size:16px;}
.tong_connr img{ max-width: 100%; }
.pian{margin:10px auto;width:100%;text-align:left;line-height:180%;}
.pian span{font-weight:bold;}

/*招贤纳士*/

.ul-list12 li {overflow: hidden;position: relative;border-bottom: 1px solid #ddd;padding: 30px 0 28px;}
.ul-list12 .icon {display: block;width: 50px;height: 50px;background: url(/img/gicon19.png) no-repeat center center;position: absolute;right: 28px;top: 36px;cursor: pointer;}
.ul-list12 li.on .icon {background: url(/img/gicon18.png) no-repeat center center;}
.ul-list12 h3 {width: 158px;float: left;color: #0093dd;font-size: 16px;font-weight: normal;}
.ul-list12 .inner {padding-left: 158px;font-size: 14px;color: #888;line-height: 27px;}
.ul-list12 .txt {padding-top: 30px;display: none;}
.ul-list12 li.on .txt {display: block;}
.ul-list12 h5 {color: #0093dd;font-size: 14px; margin-top: 30px;font-weight: normal;}

/*新闻列表*/
.news_list{ margin: auto;}
.news_list li{margin: 20px auto;overflow: hidden; border-bottom: #ccc 1px dotted;padding-bottom: 20px;}
.news_list li .news_img{float: left; width:220px; height:136px; overflow: hidden; margin-right: 20px;}
.news_list li .news_info{ }
.news_list li .news_info p{font-size: 18px;margin: 10px auto;}
.news_list li .news_info dd{font-size: 14px;color: #999; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news_list li img{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.news_list li a:hover img{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.news_list li .news_info dt{margin: 10px auto;}

/*图片展示*/
.pic_list{ margin: auto; overflow: hidden; }
.pic_list li{ float: left; width: 33.3%; margin-bottom: 26px; }
.pic_list li .con {margin: 0 13px; border: #ccc 1px solid;overflow: hidden;}
.pic_list li .inner {padding: 20px;overflow: hidden;}
.pic_list li h4 {font-size: 20px;line-height: 1.4;font-weight: normal;margin-bottom: 16px;}
.pic_list li .pic {padding-top: 66%;position: relative;overflow: hidden;}
.pic_list li .pic img {position: absolute;left: 0;top: 0;width: 100%;-webkit-background-size: cover;background-size: cover; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.pic_list li a:hover img{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic_list li .txt {font-size: 14px;color: #999999;line-height: 25px;height: 80px;overflow: hidden;}

@media only screen and (max-width:768px){
    .pic_list li{ width: 50%; }
}
@media only screen and (max-width:640px){
.tong_con_title{text-align: left;padding: 10px 0;}
.tong_liulan{background: none;border-top: #ccc 1px dotted;border-bottom: #ccc 1px dotted;}
.tong_liulan span{float: left;width: 100%;text-align: left;}


}

@media only screen and (max-width:414px){
    .news_list li .news_img{ width: 30%; height: auto; }
.news_list li .news_info p{display: -webkit-box; margin: auto; font-size: 14px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.news_list li .news_info dd{ display: none; }
.news_list li .news_info dt{ font-size: 12px; margin: 5px auto; }

.pic_list li h4{ font-size: 16px; margin-bottom: 5px; }
.pic_list li .con{ margin: 0 5px; }
.pic_list li .txt{  height: 65px;}
.pic_list li .inner{ padding: 10px; }

.tong_connr img{ width: 100%; height: auto; }
}
<!--0.00019001960754395-->