﻿body { font-family: "微软雅黑";}
.h20{height: 20px; clear: both;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
/* 头部 */
html{font-size: 16px;}
.qsy_top{background: url(topbg_qsy.jpg) no-repeat center top;background-size:1920px 480px; padding: 20px 0;}
.w1200{max-width: 1200px;min-width: 320px; overflow: hidden;}
.logo_w{   padding-top:60px; margin: 0 auto; padding-bottom: 220px; text-align: center;  font-size: 80px; color:#cf112a;text-shadow:5px 5px 0px #fff;font-weight: bold;letter-spacing: 5px;}


/*主题 */
 .qsy_main{margin:0 -1.3%}
 .qsy_main li{width: 30.7%;margin:10px 1.3%; float: left; position: relative; overflow: hidden; font-size: 28px; font-weight: bold;}
 .qsy_main li img{width: 100%;}
 .qsy_main li span{position: absolute; top:3.3rem;left:42px}
 .qsy_main li span::before{content: '';top:-16px; left:0;width: 40px; height: 2px;display: inline-block; position: absolute;}
 .qsy_main li:nth-child(1)  span::before{ background-color:#d53a16 ;}
 .qsy_main li:nth-child(1) a{color: #d53a16;}

 .qsy_main li:nth-child(2)  span::before{background-color: #166175;}
 .qsy_main li:nth-child(2) a{color: #166175;}
 .qsy_main li:nth-child(3)  span::before{background-color: #207c40;}
 .qsy_main li:nth-child(3) a{color: #207c40;}
 .qsy_main li:nth-child(4)  span::before{background-color:#b9a921;}
 .qsy_main li:nth-child(4) a{color: #b9a921;}
 .qsy_main li:nth-child(5)  span::before{background-color: #d53a16;}
 .qsy_main li:nth-child(5) a{color: #d53a16;}
 .qsy_main li:nth-child(6)  span::before{background-color: #255595;;}
 .qsy_main li:nth-child(6) a{color: #255595;}
 .qsy_main li:nth-child(7)  span::before{background-color: #2d2d2d;}
 .qsy_main li:nth-child(7) a{color: #2d2d2d;}
 .qsy_main li:nth-child(8)  span::before{background-color: #9b2697;}
 .qsy_main li:nth-child(8) a{color: #9b2697;}
 .qsy_main li:nth-child(9)  span::before{background-color: #b9a921;}
 .qsy_main li:nth-child(9) a{color: #b9a921;}
/* 列表 */
  .qsy_list{clear:both;border-bottom: 1px solid #bfbfbf; overflow: hidden;}
  .qsy_list_tit{width: 20%;float:left;font-weight: bold; font-size: 24px;}
  .qsy_list_tit img{margin-right: 20px;}
.qsy_list_tititem{width: 80%; float: right; text-align: right; }
.qsy_list_tititem span{padding:7px 30px;line-height: 44px;margin-left:16px;font-size: 18px;  background-color: #f4f4f4; word-break: normal;white-space: nowrap;}
.qsy_list_tititem span.on{background-color: #cf112a;color:#fff;}
.qsy_list_cont{}
.qsy_list_cont li{display: table; padding: 30px 0 30px; border-bottom: 1px solid #eaeaea;}
.qsy_list_cont li:last-child{border:0}
.qsy_cont_img{width: 334px;padding-right: 20px;  display: table-cell;}
.qsy_cont_img img{width: 100%;}
.qsy_cont_info{width: calc(100% - 354px);position: relative; overflow: hidden;display: table-cell; vertical-align: top; overflow: hidden;}
.qsy_cont_info h2{padding-bottom:16px;margin:0}
.qsy_cont_info p{overflow : hidden;    text-overflow: ellipsis;
    display: -webkit-box;    -webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 17px; color:#4f4f4f;line-height: 1.8}
.qsy_red{color:#cf112a}
.qsy_cont_com{position: absolute; bottom: -5px;left: 0;}
.qsy_cont_com a{padding:6px 16px; margin-right: 16px;background-color: #f3f3f3; border:1px solid #dadada;color:#cf112a;margin:5px 16px 5px 0;float:left;}
/* 内容页 */
.qsy_con{}
.qsy_con_list{background-color: #f9f9f9; overflow: hidden;padding-bottom: 20px;}
.qsy_con_listtop{background-color: #fff; width: 90%;overflow: hidden; margin: 0 auto;}
.qsy_con_left{width: 300px; float: left;}
.qsy_con_right{width:calc(100% - 320px);float: right;}
.qsy_con_tit{background-color: #d23e36;font-size:24px;color:#fff; padding:16px; text-align: center;}
.qsy_con_tit img{margin-right: 10px; margin-top: -6px;}
/*  */
.qsy_mv{margin-bottom: 60px;}
.qsy_mv ul{width: 210px; float: right;}
.qsy_mv .a1{ padding:6px 30px 6px 20px;border: 1px solid #cf112a;position: relative;}
.qsy_mv_list{padding:10px 0;display: none;background-color: #fff;border: 1px solid #cf112a; top: 30px;width: 208px; left: 0; text-align: center;position:absolute;z-index: 99;}
.qsy_mv_list a{line-height: 36px; display: block; width: 100%; text-align: center;}
.qsy_mv_list a:hover{background-color: #cf112a; color: #fff;}
.qsy_mv .a1:hover .qsy_mv_list{display: block;}
.sjx{width: 0;position:absolute; right:16px;top:12px; height: 0; border-top: 6px #2d2d2d solid;border-right: 6px solid transparent;border-left: 6px solid transparent;}
@media (max-width:1035px){
    .logo_w{padding-bottom:100px;  padding-top:60px;font-size: 80px; width: 80%;}
    .qsy_main li span{ top:2.6rem;}
}
@media (max-width:920px){
    .logo_w{font-size: 76px; letter-spacing: 3px;width: 94%; padding-bottom:120px;  }
    .qsy_main{width: 92%; margin: 0 auto;}
    .qsy_main li{width: 46.7%;}
    .qsy_main li span{ top:2.8rem; }
    .qsy_list_tit{width: 100%;}
    .qsy_list_tititem{width: 100%; text-align: center; margin-top: 10px;}
    .qsy_cont_img{width: 30%;}
    .qsy_cont_info{width:calc(100%- 30% -16px);}
    .qsy_cont_info p{ -webkit-line-clamp:1;}
    .qsy_cont_info h2{padding-bottom:6px}
    .qsy_cont_com a{margin:3px 8px 3px 0;}
    .qsy_con_right,.qsy_con_left{width: 100%;}
}
@media (max-width:768px) {
    .qsy_list_cont li{display: block; padding:30px 20px;}
    .qsy_cont_info{height: 220px;}
     .qsy_cont_info,.qsy_cont_img{width: 100%; display: block;padding-right: 0;}

     .qsy_cont_info p{ -webkit-line-clamp:2;}
     .qsy_cont_info  h2{padding-top: 20px;}
}
    @media (max-width:600px) {
        .logo_w{font-size: 68px; width: 90%;}
        .qsy_main li span{ top:2.2rem; font-size: 24px;}
        .qsy_main{width: 96%; margin: 0 auto;}
        .qsy_cont_info{height: 270px;}
        .qsy_cont_info p{ -webkit-line-clamp:3;}
    }

    @media (max-width:500px) {
        .logo_w{font-size: 60px; letter-spacing: 3px;width: 94%; }
        .qsy_main li span{ top:3.1rem; font-size: 32px; left: 26px;}
        .qsy_main li{width: 96.7%;}
        .qsy_cont_info{height:220px;}
    
    }
    
    @media (max-width:400px) {
        .logo_w{font-size: 60px; letter-spacing: 3px;width: 98%;padding-bottom: 70px; }
        .qsy_cont_info{height:270px;}
    
    }