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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; z-index: 0;top: -56px;}
.Banner .flexslider { width:100%; background: #fff;  position: relative; zoom: 1; overflow:hidden; }
.Banner .flexslider ul li{ list-style:none; position: relative;}
.Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:29%; 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;}
.Banner .carousel li { margin-right: 5px; }
/*icon小点*/
.Banner .flex-control-nav {width:auto; position: absolute; bottom:35px; right:17%;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: 29px; height:4px; display: block; background:#fff; border-bottom:#fff 2px solid; cursor: pointer;text-indent: -9999px; transition: all 0.3s ease;}
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {/* background:url(../images/slide-hover.png) no-repeat; *//* height: 80px; */border-bottom:#6b397f 6px 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 .slideTxt{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; padding: 17px 19px;}
.Banner .flexslider ul li .slideTxt p{ font-size:2.2em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #fff; background: url(../images/play02.png) no-repeat right center; padding-right: 15px; float: right;
margin-top: 17px; }
.Banner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.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:15px;height:27px;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{opacity:0.5;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -13px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -13px;}










.content{ background: url(../images/contentbg.png) no-repeat top -4px center; margin-top: -56px; overflow:hidden;}
.mode01{max-width:1250px;margin:35px auto auto auto; background:#fff; padding: 35px 25px;overflow:hidden; }
.mode01 .lf{ width:60%; float: left; }
.mode01 .rt{ width:32%; float: right;}

.articleTitle01{ height: 55px; line-height: 55px; border-bottom: #d8dded 1px solid; margin-bottom: 18px; }
.articleTitle01 .title{ font-size: 2.4em; font-weight: bold; color: #333333;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:13px; color: #757575; }
.articleTitle01 .more a:hover{ color: #6b397f; }


.articleList01{ overflow: hidden; }
.articleList01 ul{ margin: 0 -10px; overflow: hidden; }
.articleList01 ul li{ width: 50%; float: left; }
.articleImagesText ul li a{ display: block; margin: 0 10px; padding-bottom: 15px; background: url(../images/line.png) repeat-x bottom; overflow: hidden; }
.articleImagesText ul li .imgResponsive{ padding-bottom: 55.67%; }
a .imgResponsive img{ transition: all 0.3s ease; }
a:hover .imgResponsive img{ transform: scale(1.1);}
.articleImagesText ul li .artText{display: block; height: 25px; line-height: 25px; font-size: 16px; overflow: hidden; transition: all 0.3s ease;}
.articleImagesText ul li .datetime{display: block; margin: 8px 0; font-size: 14px; color: #6b397f; font-style: italic;font-family: 'Century Gothic','Arial'; 
transition: all 0.3s ease;}
.articleImagesText ul li a:hover .artText,.articleImagesText ul li a:hover .datetime{ padding-left: 7px; }


.articleListText ul li a{ display: block; margin: 0 10px; padding: 18px 0; background: url(../images/line.png) repeat-x bottom; overflow: hidden; transition: all 0.3s ease;}
.articleListText ul li .artText{display: block; height: 25px; line-height: 25px; font-size: 16px; overflow: hidden;}
.articleListText ul li .datetime{display: block; margin:0 0 8px 0; font-size: 14px; color: #6b397f; font-style: italic;font-family: 'Century Gothic','Arial'; }
.articleListText ul li:nth-child(3) a,.articleListText ul li:nth-child(4) a{ background: none; }
.articleListText ul li a:hover{ padding-left: 7px; }




/*tab start*/
.articleList02 .tabArticleList{ position:relative;}
.articleList02 .tabArticleList .tabListTitle{ overflow:hidden; border-bottom: #d8dded 1px solid; margin-bottom: 9px;}

.articleList02 .tabArticleList .tab_menu h3{ width:auto; height:55px;line-height:55px; float:left; margin:0 5% 0 0;}
.articleList02 .tabArticleList .tab_menu h3 a{ display:block; height:55px; text-align:center; line-height:55px; float:left;font-size:2.1em; width:auto;
 color: #999999; position: relative; }

.articleList02 .tabArticleList .tab_menu h3:hover,.articleList02 .tabArticleList .tab_menu h3.on{display:block;height:55px; line-height:55px; float:left;  width:auto;}
.articleList02 .tabArticleList .tab_menu h3:hover a,.articleList02 .tabArticleList .tab_menu h3.on a{display:block; width:auto; height:55px; font-size: 2.4em;
 line-height:55px; color: #333;}
.articleList02 .tabArticleList .tab_menu h3 a:before,.articleList02 .tabArticleList .tab_menu h3 a:before{content: ""; display: block; width: 0; height: 4px; background: #6b397f; position: absolute;
left: 0; bottom: 0; transition:all 0.3s ease-in-out; }

.articleList02 .tabArticleList .tab_menu h3 a:hover{color: #333;}
.articleList02 .tabArticleList .tab_menu h3:hover a:before,.articleList02 .tabArticleList .tab_menu h3.on a:before{ width: 100%;}
.articleList02 .tabArticleList .more_tab{ display: none;}
.articleList02 .tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}

.articleList02 .tabArticleList .tabList{position:relative;}
.articleList02 .tabArticleList .tabListBox .more{ position:absolute; right:0; top:-45px; font-size:14px;}
.articleList02 .tabArticleList .tabListBox .more a{ color: #757575;font-size: 13px; }
.articleList02 .tabArticleList .tabListBox .more a:hover{ color: #6b397f; }
.articleList02 .tabArticleList .tabListBox{ display:none;}
/*tab end*/


.articleConList ul li{ overflow: hidden; border-bottom: #edf1f2 1px solid; padding: 21px 0 11px 0px;transition: all 0.3s ease; }
.articleConList ul li a{ font-size: 15px; position: relative; display:block; height: 30px; line-height: 30px; overflow: hidden;}
.articleConList ul li .rightDate{ display: block; width: 66px; height: 26px; line-height: 26px; text-align: center; background: #edf1f2; font-size: 14px; 
	color: #6b397f; font-style: italic;font-family: 'Century Gothic','Arial'; }
.articleConList ul li:hover{ padding-left: 7px; }


.mode02{max-width: 1250px; margin: 30px auto auto auto; background: #fff; padding: 0 25px; overflow: hidden; }
.articleTitle03{ width: auto; display: inline-block; float: left; height: 50px; line-height: 50px;}
.articleTitle03 .title{ font-size: 2.4em; font-weight: bold; color: #333333;}
.articleTitle03 .title strong{ font-size: 18px; font-family: 'Arial'; color: #757575; }

.articleList03 ul{ display: block; margin-left: 238px;border-left: #ebeef6 1px solid;overflow: hidden; }
.articleList03 ul li{ display: inline-block; float: left; border-right: #ebeef6 1px solid; width: 12.3%; height: 50px; line-height: 50px;overflow: hidden; text-align: center;}
.articleList03 ul li a{ font-size: 14px; padding: 0 5px; display: inline-block; }




@media screen  and (max-width:1400px) {
	.mode01,.mode02{ max-width: 1050px; }
	.Banner .flex-control-nav{ right: 4%; }

 }

@media screen  and (max-width:1024px) { 
   .Banner{ top: 0; }
   .Banner .flex-control-nav{bottom: 10px; right: 15px;}
   .Banner .flex-control-paging li a:hover, .Banner .flex-control-paging li a.flex-active{ height: 30px; }
   .content{ margin-top: 0; background:none; }
   .mode01{margin: 0 auto;}
 
}


@media screen and (max-width:992px) {
   .mode01 .lf{ width: auto; float: none; }
   .mode01 .rt{ width: auto; float: none; }
   
   .articleTitle03{ float: none; }
   .articleList03 ul{ margin-left: 0; border-top: #ebeef6 1px solid; }
   .articleList03 ul li{ width: 12.37%;}
   .articleConList ul li{ width: 48%; float: left; }
   .articleConList ul li:nth-child(2n){ float: right; }
   .articleConList ul li:hover{ padding-left: 0; }

 }

@media screen and (max-width:815px) {
   .articleList03 ul li{ width: 12.31%;}

 }


@media screen and (max-width:767px) {
   
   .articleTitle01 .title,.articleList02 .tabArticleList .tab_menu h3:hover a, .articleList02 .tabArticleList .tab_menu h3.on a,.articleTitle03 .title{ font-size: 2.0em; }
   .articleImagesText ul li .artText,.articleListText ul li .artText,.articleConList ul li a{ font-size: 14px; }
   .articleList03 ul li{ width:24.8%; border-bottom:#ebeef6 1px solid;}


}

@media screen and (max-width:640px) {
	.Banner .flex-control-paging li a:hover, .Banner .flex-control-paging li a.flex-active{ height: 15px; }
	.mode01{ padding: 25px 15px; }
	.mode02{ padding: 0 15px; }
	.articleTitle01{ height: 40px; line-height: 40px; }
   .articleList01 ul li,.articleConList ul li{ width: auto; float: none; }
   .articleListText ul li a,.articleConList ul li{ padding: 10px 0; }
   .articleConList ul li:nth-child(2n){ float: none; }
   .articleListText ul li:nth-child(3) a,.articleListText ul li:nth-child(4) a{ background: url(../images/line.png) repeat-x bottom; }
   .articleList03 ul li{ width: 49.7%; }
   .articleImagesText ul li .artText,.articleListText ul li .artText,.articleConList ul li a{ height: auto; line-height: 25px;}

}

@media screen and (max-width:480px) {
   .articleList03 ul li{ width:auto; float: none; display: block; }

}