.header{background: url(images/header.png) 75.5% top no-repeat;}
.header .container{background: none;}
.titlestyle1020218{ font-size: 9pt; color: #222222; text-decoration: none ;}

.titlestyle1020222{ font-size: 20px; text-decoration: none; color: #222222; line-height: 220% ;}
.summarystyle1020222{ font-size: 14px; color: #838383; line-height: 150% ;}

.work ul li { float: left; width: 23%; margin: 0 2.6% 0 0; position: relative;}

.li_con { padding: 10%; height: 154px; background: #efeff4; line-height: 22px; overflow: hidden; font-size: 14px;}
.li_con  a{color:#666;line-height: 22px;max-height: 154px;overflow: hidden;display: block;}


.work ul li.two span { position: absolute; bottom: 0px;left:0; width: 20px; height: 80px; background: #990e02; color: #ffffff; display: inline-block; writing-mode:tb-rl; vertical-align: middle; text-align: center;}
.work ul li.two .li_title_con { width: auto; margin: 0 0 0 20px; border-bottom: 4px solid #990e02;}
.work ul li.two .li_title_con h3 { line-height: 20px; padding: 10%;background: #c1070a;height: 150px;
    background: -webkit-linear-gradient(left, #970e01 , #e50012);
    background: -o-linear-gradient(right, #970e01 , #e50012);
    background: -moz-linear-gradient(right, #970e01 , #e50012);
    background: linear-gradient(to right, #970e01 , #e50012);  color: #ffffff;}
.work ul li.two .li_title_con h3 a { color: #fff; font-size: 16px;height: 44px;line-height: 22px;overflow: hidden;}
.work ul li.last { margin: 0px; float: right;}



@media only screen and (max-width: 768px) {
    .work ul li{width:96%;}
.work ul li.last{float: left;}
}