@charset "utf-8";

/*PC*/
@media(min-width:769px){
    .banner{ height: 400px;background-color:#1d1e2c;overflow:hidden}
    .banner_content{ height: 340px;}
    .banner_nav { height: 60px; overflow: hidden; position: relative;}
    .banner_nav .bg{height: 60px; background-color: #000; position: relative; z-index: 1;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
    .banner_nav .category{ height: 60px; top: -60px; z-index: 10; position: relative;}
    .banner_nav .category li{  float: left; width:16.66%; }
    .banner_nav .category li a{ display:block; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center;}
    .banner_nav .category li a:hover,
    .banner_nav .category li #chk{color:#fff; background:#15549a;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}


    .news{ background: #eaeaea;}
    .news .news_list ul{ padding: 80px 0px ;}
    .news .news_list li{ width: 450px; background: #fff; cursor: pointer; overflow: hidden; float: left; margin-bottom: 25px;border-radius: 5px;}
    .news .news_list .line{ margin-right: 25px;}
    .news .news_list li .pic{ height: 300px;overflow: hidden;}
    .news .news_list li .pic img{ width: 100%; height: 300px;}
    .news .news_list li:hover .pic img{
        webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;
        -webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
    .news .news_list li .info{ padding: 15px;}
    .news .news_list li .info .date{ float: left; width: 100px; border-right:1px solid #eee;}
    .news .news_list li .info .date .d{ font-size: 40px;font-family: "futurademic"; font-weight: bold; text-align: center; color: #000;}
    .news .news_list li .info .date .ym{ text-align: center;color: #000;}
    .news .news_list li .info .tit{ float: right; width: 300px; font-size: 14px; color: #333;}
    .news .news_list li .desc{ margin: 0px 15px 15px 15px; height: 50px; line-height: 25px; overflow: hidden;color: #777;}
    .news .news_list li .detail{ padding: 15px; border-top:1px solid #eee;}
    .news .news_list li .detail .left{ color: #777;}
    .news .news_list li .detail .right i{ font-size: 18px;}


    .news .news_content{  padding: 50px 0px;}
    .news .news_content .box{background: #fff; padding: 50px 0px;}
    .news .news_content .title{ font-size: 24px; font-weight: bold; color: #000; text-align: center;}
    .news .news_content .desc{ padding: 30px; border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #999;}
    .news .news_content .desc .fa-user{ margin-left: 50px;}
    .news .news_content .content{ padding: 30px; font-size: 16px;}
    .news .news_content .content img{ max-width: 100%;}
}
@media (max-width:769px){

    .banner_nav { height: 50px; overflow: hidden; background:#eee;}
    .banner_nav .category{ height: 50px;}
    .banner_nav .category li{  float: left; width: 20%;}
    .banner_nav .category li a{ height: 50px; line-height: 50px; display: block; text-align: center;}
    .banner_nav .category li a:hover,
    .banner_nav .category li #chk{ background: #15549a; color: #fff;}

    .news .news_list ul{ padding: 0px 15px;}
    .news .news_list li{ padding: 10px 0px; border-bottom: 1px solid #eee;}
    .news .news_list li .tit{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #000;}
    .news .news_list li .desc{ line-height: 25px; max-height: 50px; overflow: hidden; color: #999;}

    .news .pic ,
    .news .date,
    .news .detail{ display: none}

    .news_content{ padding: 10px;}
    .news_content .title{ font-size: 14px; font-weight: bold; color: #333; height: 30px; line-height: 30px;}
    .news_content .desc { border: 1px solid #eee; background: #f6f6f6; padding: 10px; margin: 10px 0px;}
    .news_content .content{ line-height: 26px;}
    .news_content .content img{ max-width: 100%;}
}
dth: 100%;}
}