@charset "utf-8";
/* CSS Document */
.gp-article p{ color: #666666; line-height: 33px; width: 100%;}
.slick-dots{ display: none !important; }
.slick-arrow{ display: block; width: 17px; height: 50px; text-indent: 99em; border:none; cursor: pointer; transition: all 0.2s ease; overflow: hidden;}
.slick-prev{ background: url(../images/prev.png) no-repeat center rgba(164,164,164,0.72); position: absolute; left: 0; top: 50%;
z-index: 99; margin-top: -25px;}
.slick-next{ background: url(../images/next.png) no-repeat center rgba(164,164,164,0.72); position: absolute; right: 0; top: 50%;
z-index: 99; margin-top: -25px;}
.slick-prev:hover{ background: url(../images/prev.png) no-repeat center rgba(0,73,169,0.72); }
.slick-next:hover{ background: url(../images/next.png) no-repeat center rgba(0,73,169,0.72); }
.slick-slider a{ display: block; margin:0 10px; }
.wrap_mode01{ margin: 50px 0; overflow: hidden; }
.articleTitle01{ display: block; background:url(../images/titlebg.png) no-repeat left center; padding-left: 30px; margin-bottom: 30px; }
.articleTitle01 .title{ color: #0049a9; background: url(../images/line.png) no-repeat right center; padding-right: 56px; }
.articleTitle02 {display: block; background:url(../images/titlebg2.png) no-repeat left center; padding-left: 30px; margin-bottom: 20px;  overflow: hidden;}
.articleTitle02 .title{}
.articleTitle03{ border-bottom: #b3c6e0 1px solid; overflow: hidden; padding-bottom: 15px; margin-bottom: 13px;}
.articleTitle03 .title{ position: relative; padding-left: 13px;display: block;}
.articleTitle03 .title:before{ content: ""; display: block;width: 4px; height: 16px;background: #e6b600; position: absolute;
left: 0; top: 5px; }
.list1{}
.list1 li,.list2 li,.list3 li{width: 50%; float: left; overflow: hidden; }
.list1 li > div,.list2 li > div,.list3 li > div{ margin: 11px; padding: 24px; background: #f3f3f3; overflow: hidden;}
.list1 li > div{ height: 286px;}
.list2 li > div{ height: 350px; }
.list3 li > div{ height: 255px;}
.list1 li:first-child{ width: 100%; }
.list1 .gp-article,.list2 .gp-article,.list3 .gp-article{ margin-right: 13px;}
.articleList01 .gp-fr{ width: 280px; margin-top: 10px;} 
.articleList01 .gp-fl{ float: none;margin-right: 300px;}
.scroll-pane{width: 100% !important; overflow: auto;}
.articleList01 .scroll-pane{max-height:223px;}
.articleList02 .scroll-pane{max-height:132px; margin-bottom: 36px;}
.articleList02.BottomNoImg .scroll-pane{ max-height: 297px; margin-bottom: 0; }
.list2,.list3{ margin-bottom: 30px; }
.list3 .articleList01 .scroll-pane{max-height:195px;}
.RightNoImg .gp-fr{ display: none; }
.RightNoImg .gp-fl{ margin-right: 0; }








@media screen  and (max-width:1550px) { 
}



@media screen  and (max-width:1440px) { 

   
}

 
@media screen  and (max-width:1386px) {
}


@media screen and (max-width: 1300px) {
}

@media screen  and (max-width:1024px) { 
      .wrap_mode01{ margin: 25px 0; }
      .articleTitle01,.articleTitle02{ margin-bottom: 13px; }
      .list1 li, .list2 li, .list3 li{ width: 100%; float: none; }
      .list1 li > div, .list2 li > div, .list3 li > div{ height: auto; margin: 11px 0; }
}


@media screen and (max-width:992px) {
}

@media screen and (max-width:766px) {
}

@media screen and (max-width:640px) {
	.list1 li > div, .list2 li > div, .list3 li > div{ padding: 15px; } 
	.articleList01 .gp-fr{ float: none; width: 100%;}
	.articleList01 .gp-fl{ margin: 20px 0 0 0; }

}