@charset "utf-8";
/* CSS Document */



/* pc */
@media (min-width: 68px){
.list_article{ width:110%;}
.list_article li{ float:left; display:inline; margin-right:20px; margin-bottom:20px;}
.list_article li .item{ width:435px; background:#f8f8f8;}
.list_article li .item h3{ padding:10px; line-height:40px; font-weight:normal;  font-size:16px; }
.list_article li .item h3 a{ display:block; height:40px; line-height:40px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#124F99 url(../images/dot_list.png) no-repeat left center; color:#fff; padding:0 10px; font-size:16px; }
.list_article li .item h3 a:hover{ background-color:#f6981a;}
.list_article li .item p{ padding:0px 10px; font-size:14px; color:#888;}
.list_article li .item .date{ color:#888;}
.list_article li .item .date span{ margin-right:5px;}
.list_article li .item .desc{ line-height:26px; height:78px; padding:5px 10px; overflow:hidden;}



.list_image{ width:100%;}
.list_image li { float:left; display:inline; margin-right:10px; margin-bottom:30px;}
.list_image li .item{ width:280px; position:relative;}
.list_image li .item .pic{ width:100%; height:200px; overflow:hidden; margin-bottom:10px;}
.list_image li .item .pic a{ display:block;
-webkit-transition:all 0.3s ease-out;
-khtml-transition:all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.list_image li .item .pic a img{ width:100%; height:auto;}
.list_image li .item .pic a:hover{
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-webkit-transform: scale(1.1,1.1);
-moz-webkit-transform: scale(1.1,1.1);
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;     /* khtml, old safari */
-moz-opacity: 0.8;      /* mozilla, netscape */
opacity: 0.8;}
.list_image li .item .txt{}
.list_image li .item .txt a{ display:block; height:40px; line-height:40px; overflow:hidden; zoom:1; background-color:#124F99;color:#fff;
-webkit-transition:all 0.1s ease-out;
-khtml-transition:all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;}
.list_image li .item .txt a h5{ float:left; width:200px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:normal; }
.list_image li .item .txt a span{ float:right; display:block; width:40px; height:40px; line-height:40px; border-left:1px #c51405 solid; text-align:center;
-moz-box-shadow:-2px 0px 1px #f79326;              
-webkit-box-shadow:-2px 0px 1px #f79326;           
box-shadow:-2px 0px 1px #f79326;}
.list_image li .item .txt a span:before{ line-height:40px; font-size:20px;}
.list_image li .item .txt a:hover{ background-color:#f6981a;}
.list_image li .item .txt a:hover span{ border-color:#ef4a06; 
-moz-box-shadow:-2px 0px 1px #fde52d;              
-webkit-box-shadow:-2px 0px 1px #fde52d;           
box-shadow:-2px 0px 1px #fde52d;}


}





/* phone */
@media (max-width: 768px){
.list_article{ width:100%;}
.list_article li{ margin-bottom:1.5em;}
.list_article li .item{ width:100%; background:#f8f8f8;}
.list_article li .item h3{ line-height:40px; font-weight:normal;  font-size:1.2em; margin-bottom:.5em; }
.list_article li .item h3 a{ display:block; height:40px; line-height:40px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#124F99 url(../images/dot_list.png) no-repeat left center; color:#fff; padding:0 1em; font-size:1em; }
.list_article li .item h3 a:active{ background-color:#f6981a;}
.list_article li .item p{ padding:0px 1em; font-size:.8em; color:#888;}
.list_article li .item .date{ color:#888;}
.list_article li .item .date span{ margin-right:.5em;}
.list_article li .item .desc{ line-height:1.5em; padding:.5em 1em; overflow:hidden;}


.list_image li { margin-bottom:1em;}
.list_image li .item{ width:100%;}
.list_image li .item .pic{ width:100%; height:auto; overflow:hidden; }
.list_image li .item .pic a{ display:block;}
.list_image li .item .pic a img{ width:100%; height:auto;}
.list_image li .item .pic a:active{
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;     /* khtml, old safari */
-moz-opacity: 0.8;      /* mozilla, netscape */
opacity: 0.8;}
.list_image li .item .txt a{ display:block; height:40px; line-height:40px; overflow:hidden; zoom:1; background-color:#124F99;color:#fff;}
.list_image li .item .txt a h5{  padding:0 1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.2em; font-weight:normal; }
.list_image li .item .txt a span{ display:none;}
.list_image li .item .txt a:active{ background-color:#f6981a;}

}