
/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{overflow: hidden;text-align: center;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:22.9%; 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; }
.Banner .loading .flex-viewport {  }
.Banner .flexslider .slides {zoom: 1;width:100%;padding:0;overflow: hidden;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:100%;position: absolute;clear: both;text-align:center;z-index:9;clear: both;display: inline-block;text-align: center;padding: 7px 26px 0;bottom: 20px;left: 0;}
.Banner .flex-control-nav li{margin: 0 4px;display: inline-block;zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {float:left;width: 12px;height: 12px;display: block;background: #fff;cursor: pointer;text-indent: -9999px;border-radius: 50%;}
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background: #003263;}
.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:50%; color:#fff;z-index:9991;font-size: 20px;font-weight: bold;height: 50px;line-height: 50px;overflow:hidden;padding:0 15px;background:url(../image/banner_bg.png) repeat;margin-left: -600px;}

.Banner .flex-direction-nav{ display:block;}
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.Banner .flex-direction-nav a{ width:23px;height:44px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ float:left;background:url(../image/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../image/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}

.articleTitle{line-height: 32px;}
.articleTitle .more{float: right;font-size: 14px;color: #1f1f1f;}
.articleTitle h2{color: #2a60c1;background: url(../image/articleListTitle.png) left center no-repeat;font-size: 24px;padding: 0 0 0 34px;}
.articleTitle .more:hover{color: #2a60c1;}

.articleTitle2 .more{color: #fff;}
.articleTitle2 h2{color: #fff;background: url(../image/articleListTitle2.png) left center no-repeat;}

.mode01{padding: 32px 0;}

.articleList01 ul{margin: 20px -6px 0;*margin: 0;}
.articleList01 li{width: 25%;}
.articleList01 a{margin: 0 6px;padding: 25px 24px 27px;background:url(../image/mode01ListBg.png) right bottom #fff;}
.articleList01 .time{float: left;background: #2a60c1;text-align: center;width: 67px;margin: 5px 0 0;}
.articleList01 .month{color: #fff;padding: 0 0 6px;}
.articleList01 .date{padding: 3px 0 3px;color: #fff;}
.articleList01 .title{line-height: 25px;height: 75px;font-weight: bold;margin: 0 0 0 83px;}
.articleList01 .info{color: #646464;line-height: 25px;font-size: 12px;height: 100px;margin: 16px 0 0;text-align: justify;}
.articleList01 a:hover .title{color: #2a60c1;}

.wrapMode02{background: url(../image/mode02Bg.png) center center no-repeat;background-size: cover;}
.mode02{padding: 32px 0 34px;}

.articleList02 ul{margin: 20px -7px -6px;*margin: 20px 0 -6px;}
.articleList02 li{ width: 25%;}
.articleList02 a{ display: block; margin: 0 7px;position: relative;}
.articleList02 .img{display: block;height: 0;padding-bottom: 75%;overflow: hidden;}
.articleList02 .img img{width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList02 a:hover .img img{transform: scale(1.1);}
.articleList02 .title{line-height: 24px;height: 24px;padding: 4px 20px 0;color: #fff;text-align: center;}

.mode03{padding: 32px 0 23px;}
.articleList03{position: relative;}
.articleList03 ul{margin: 17px -18px -6px;position: relative;}
.articleList03 li{ width: 50%;}
.articleList03 a{margin: 0 18px 15px;}
.articleList03 .time{float: right;color: #999;}
.articleList03 .title{white-space: nowrap;}
.articleList03 .line{position: absolute;left: 50%;top: 0;bottom: 16px;width: 1px;content: '';background: #ddd;}

