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


.content { }
/*第一组*/
.wrap_mode01{overflow: hidden; }
.mode01{ margin: 60px auto 0; overflow: hidden; position: relative;}

.articleTitle01{  overflow: hidden; margin-bottom: 10px;}
.articleTitle01.gp-pa{ position: relative; margin-bottom: 40px; }
.articleTitle01 .title{ display: block;height: 49px; line-height: 49px; color: #990a00; padding-left: 95px; background: url(../images/tbg.png) no-repeat left center;max-width: 188px;font-family: 'Noto Serif SC';font-weight: bold;}
.articleTitle01 span{ display: block; color: #990a00; margin-top: 10px;}

/* .articleList01 .artImg{ display: block; height: 0; padding-bottom: 83%; overflow: hidden; } */
.articleList01 .artImg span{ display: block;   }



/*第二组*/
.wrap_mode02 { margin: 68px auto 0 auto; overflow: hidden; }
.mode02{ overflow: hidden; margin-bottom: 60px;}
.mode02 .gp-fl{width: 47.5%;}
.mode02 .gp-fr{ width: 47.5%; }
.articleTitle02{ border-top: #eee 1px solid; position: relative;}
.articleTitle02 .title{ margin: 12px auto;background-color: #fff;position: relative;z-index: 1;}
.articleTitle02:before{ content: ""; display: block; width: 113px; height: 46px;background: url(../images/tbg2.png) repeat-x;
position: absolute; left: 0; top: 12px; z-index: 0;}
.articleTitle02:after{ content: ""; display: block; width: 113px; height: 46px;background: url(../images/tbg2.png) repeat-x;
position: absolute; right: 0; top: 12px; z-index: 0;}
.articleTitle03:before,.articleTitle03:after{width: 33%;}


.list1{overflow: hidden;border-top: #eee 1px solid;}
.list1 li{ overflow: hidden;} 
.list1 li a{ display: block; padding: 19px 0 18px;overflow: hidden; border-bottom: #eeeeee 1px solid;}
.list1 .artText{display: block; height: 24px; line-height: 24px; transition: all 0.3s ease;overflow: hidden; position: relative;}
.list1 .date{ float: right; color: #999; line-height: 24px;padding-left: 10px;}


.mode03{ margin-bottom: 60px; overflow: hidden; } 
.list2{ margin: 0 -15px; overflow: hidden; }
.list2 li a{ display: block; margin: 0 15px; overflow: hidden; }
.list2 .gp-img-responsive{ position: relative; }
.list2 .play{ display: block; width: 40px; height: 40px; background: url(../images/play.png) no-repeat;
position: absolute; left:50%; top: 50%; margin-left: -20px; margin-top: -20px; overflow: hidden; }
.list2 .artText { display: block; border: #eee 1px solid;padding: 14px 25px; overflow: hidden;}
.list2 .artText p{ display: block; line-height: 26px; height: 52px; overflow: hidden; }



@media screen  and (min-width:1020px) { 
    .list1 a:hover .artText{ padding-left: 6px; }
}

 
@media screen  and (max-width:1300px) {
   .articleTitle01.gp-pa{ top: 10px; }
} 


@media screen and (max-width:996px) {
    .articleTitle01.gp-pa{ top: 0; }
    .gp-f44{ font-size: 3.0rem; }
    .articleTitle01 .title{ max-width: 135px; }
    .mode01 { margin: 35px auto 0;}
    .articleTitle01.gp-pa{margin-bottom: 20px;}
    .wrap_mode02{ margin: 35px auto 0 auto; }
    .articleTitle02 .title{ margin: 5px auto; }
    .mode02,.mode03{ margin-bottom: 35px; }
} 


@media screen and (max-width:767px) {
    .wrap_mode02{ margin: 0; }
    .mode02 .gp-fl{ width: auto; float: none; } 
    .mode02 .gp-fr{ width: auto; float: none; margin-top: 25px; }
    .articleTitle01.gp-pa{ position: static; }
    .mode02,.mode03{ margin-bottom: 25px; }

    .mode01 { margin: 25px auto 0;}
    .articleTitle01.gp-pa{margin-bottom: 10px;}
    .wrap_mode02{ margin: 25px auto 0 auto; }
    .list1 li a{padding: 12px 0;}

    .articleTitle02{border-top: none;}
    .articleTitle02 .title{margin: 0 auto;}

    .articleTitle01 .title,.articleTitle02 .title{font-size: 20px;line-height: 36px;height: 36px;background-size: auto 100%;padding-left: 70px;}

}


@media screen and (max-width:540px) { 
    .mode02 .gp-fr{   margin-top: 20px; }
    .articleTitle01.gp-pa{ position: static; }
    .mode02,.mode03{ margin-bottom: 20px; }

    .mode01 { margin: 20px auto 0;}
    .articleTitle01.gp-pa{margin-bottom: 10px;}
    .wrap_mode02{ margin: 20px auto 0 auto; }
    .list1 li a{padding: 10px 0;}

    .articleTitle02{border-top: none;}
    .articleTitle02 .title{margin: 0 auto;}

    .articleTitle01 .title,.articleTitle02 .title{font-size: 20px;line-height: 36px;height: 36px;background-size: auto 100%;padding-left: 70px;}

}