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

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; clear: both; position: relative; }
.Banner:before{ content: ""; display:block; width: 20%; height: 100%; position: absolute; left: 0; top: 0;z-index: 9; 
background: -webkit-linear-gradient(left, rgba(0,0,0,.75) 0, transparent 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,.75) 0, transparent 100%);
	background: linear-gradient(to right, rgba(0,0,0,.75) 0, transparent 100%);  }

.Banner:after{ content: ""; display:block; width: 20%; height:100%; position: absolute; right: 0; top: 0;z-index: 9; 
background: -webkit-linear-gradient(right, rgba(0,0,0,.75) 0, transparent 100%);
	background: -o-linear-gradient(right, rgba(0,0,0,.75) 0, transparent 100%);
	background: linear-gradient(to left, rgba(0,0,0,.75) 0, transparent 100%);  }	

.Banner .flexslider { max-width:1280px;  /*! position: relative; */ zoom: 1;  margin: 0 auto;}
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .gp-img-responsive{ display:block; height:0; padding-bottom:35%; overflow:hidden;} 
.Banner .flexslider ul li img{ border:none; width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; overflow: visible !important;}
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav { display: none; width:100%; height: 17px; line-height: 17px; padding: 0 14px; background: #d7d7d7;  position: absolute; bottom:0; left:0;text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:#8f8f8f; /*! border: #fff 2px solid; */ border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#d9d9d9; border: #9a0000 1px solid;}
.Banner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.Banner .slides h4 a:hover{color:#fff;font-size:14px;}
.Banner .flexslider ul li .til_slides{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}


.Banner .flex-direction-nav{ display:block; margin-top: -17px;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:22px;height:42px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:99;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; } 
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat left center;  left:18%; top: 50%; margin-top: -21px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat right center; right:18%; top: 50%; margin-top: -21px;}




.content { }
/*第一组*/
.wrap_mode01{ overflow: hidden;}
.mode01 { margin: 30px auto;}
.mode01 > .gp-fl{ width: 64.6%; overflow: hidden; }
.mode01 > .gp-fr{ width: 31%; overflow: hidden; }
.articleTitle01{ height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 20px;}
.articleTitle01 .title{ display: block; float: left; position: relative; padding-left: 18px; color: #1e2176;}
.articleTitle01 .title:before{ content: ""; display: block; width: 6px;height: 24px;background: #e5920e; position: absolute;
left: 0; top: 3px; }
.articleTitle01 .more{ float: right;} 
.articleTitle01 .more i{ color: #831f0f; }
.articleTitle02{ border-bottom: #cfcfcf 1px solid; padding-bottom: 25px; }



.list1{ margin: -17px; overflow: hidden; }
.list1 .gp-img-responsive{ padding-bottom: 50%; }
.list1 li a{ display: block; margin: 17px; }
.list1 .artCon{ margin: 24px 0 0 0; }
.list1 .date{ color: #999999; }
.list1 .listTitle{ margin: 12px 0; line-height: 24px; height: 48px; }
.list1 .listCon{ color: #666; line-height: 20px; height: 60px; }
.list1 li a:hover .listCon{ color: #1e2176; }


.list2{}
.list2 li a{ display: block; margin:0 0 33px 0; overflow: hidden;}
.list2 .date{ text-align: center; width: 40px; float: left; }
.list2 .day{ color: #003770; display: block; }
.list2 .listCon{margin-left: 50px; transition: all 0.3s ease;}
.list2 li a:hover .listCon{ padding-left: 6px; }
.list2 .listTitle{ line-height: 20px; max-height: 40px; }
.list2 .listdate { color: #999999; }

.mode02 { margin: 0 auto 100px auto; overflow: hidden;}
.list3{ margin: -23px; overflow: hidden; }
.list3 .gp-img-responsive{ padding-bottom: 68%; }
.list3 li a{ display: block; margin:23px; background: #f0f4f7;overflow: hidden; transition: all 0.3s ease;}
.list3 li a:hover{ margin-top: 16px; }
.list3 .artCon{ margin: 15px 15px 30px 15px; }
.list3 .date{ color: #999999; margin: 20px 0;}
.list3 .listTitle{ line-height: 24px; height: 48px; }
.list3 .listCon{ color: #666; line-height: 20px; height: 100px; }
.list3 li a:hover .listCon{ color: #1e2176; }



@media screen  and (min-width:1020px) { 

}

@media screen and (max-width:1386px) {
	.Banner .flex-direction-nav a.flex-prev{ left: 2%; }
	.Banner .flex-direction-nav a.flex-next{ right: 2%; }
}




@media screen and (max-width:992px) {
  .mode01 > .gp-fl{ width: 100%; float: none; }
  .mode01 > .gp-fr{ width: 100%; float: none; margin-top: 40px; }
  .mode02{ margin: 0 auto 30px auto; }
  .list3{ margin: -8px; }
  .list3 li a{ margin: 8px; }
}


@media screen and (max-width:767px) {
  .Banner .flex-direction-nav a{ display: none; }
  
}