@charset "utf-8";
/* CSS Document */
.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:0 auto; }
.mode01 .lf{ width: 100%; /* float: left; */ }
.mode01 .rt{margin-left: 900px; display: none;}

.nav ul li{width: 9.375%;}

/*FlexSlider默认样式*/
.articleBanner{ background: #f5f3f0;overflow: hidden; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul li{ list-style:none; position: relative;}
.articleBanner .flexslider ul li .slideImg{display:block;height:0;padding-bottom: 37.08%;overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%; display: block;}
.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center; position: absolute; bottom: 25px; right:40px;}
.articleBanner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleBanner .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:rgba(255,255,255,0.5); border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:#cb0000;}
.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .slideTxt{padding-left: 20px; max-width: 100%; box-sizing: border-box; color:#fff;position: absolute;left: 0px;padding-bottom: 0px;bottom: 0;width: 80%; padding-right: 20%; padding-bottom: 20px;}
.articleBanner .flexslider ul li .slideTxt::before{ content: ''; width: 80%; height: 270px;
	background: url(/dfl/images/title_before.png) no-repeat left bottom; background-size: 100% 100%;
	position: absolute; left: 0; bottom: 0; opacity: 0.5; z-index: 0;
}
.articleBanner .flexslider ul li .slideTxt h2{ color: #fff;font-weight: normal;font-size: 1.6em;line-height: 1;overflow: hidden;text-shadow: 1px 1px 5px rgba(0,0,0,0.8); position: relative; z-index: 1;
	white-space: nowrap; word-wrap: nowrap; text-overflow: ellipsis;}
.articleBanner .flexslider ul li .slideTxt p{ font-size:1.3em; color:#a0a3a6; margin: 28px 0 20px 0; height: 65px; line-height: 22px; overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #d9b26f; background: url(/dfl/images/play02.png) no-repeat right center; padding-right: 15px;
 float: left; margin-bottom: 20px;}
.articleBanner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

/* 浮动广告 */
#move_port{position: fixed;width: 300px;min-height: 150px;left: 0;top:0;cursor: pointer;z-index: 10000;}
@media screen  and (max-width:1020px){
	#move_port{display: none;}
}
/* 浮动广告结束 */

.articleBanner .flex-direction-nav{ display:none;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:36px;height:73px;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;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{ float:left;background:url(/dfl/images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(/dfl/images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-pauseplay{position: absolute;right: 17px;bottom: -28px; display: none;}
.articleBanner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
/* .articleBanner .flex-pauseplay a.flex-pause{background:url(/dfl/images/pause.png) no-repeat center center;}
.articleBanner .flex-pauseplay a.flex-play{background:url(/dfl/images/play02.png) no-repeat center center;} */



.articleList02 ul{overflow: hidden;height: 320px;}
.articleList02 ul li{overflow: hidden;height: 52px;line-height: 41px;margin-bottom: 2px;}
.articleList02 ul li a{
  display: block;
  /* height: 80px; */
  line-height: 18px;
  color: #465b81;
  /* font-weight: bold; */
  overflow: hidden;
  padding: 7px 12px;
  background-color: #d5c186;
  -webkit-transition:  all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background:-webkit-linear-gradient(left,#d5c186,#f2e7b9);/* Safari 5.1 - 6.0 */
  background:-o-linear-gradient(right,#d5c186,#f2e7b9);/* Opera 11.1 - 12.0 */
  background:-moz-linear-gradient(right,#d5c186,#f2e7b9);/* Firefox 3.6 - 15 */
  background:linear-gradient(to right,#d5c186,#f2e7b9);/* 标准*/
 }

 .articleList02 ul li a:hover{  color: #fff;
 background:-webkit-linear-gradient(left,#900000,#bc0000);/* Safari 5.1 - 6.0 */

 background:-o-linear-gradient(right,#900000,#bc0000);/* Opera 11.1 - 12.0 */

 background:-moz-linear-gradient(right,#900000,#bc0000);/* Firefox 3.6 - 15 */

 background:linear-gradient(to right,#900000,#bc0000);/* 标准*/
 }

.articleList02 ul li a span{font-size: 1.8em;text-shadow: 0 0 0.1px;}
.articleList02 ul li a strong{font-size: 1.4em;/* font-weight: bold; *//* float: right; */display: block;}




.mode02{max-width:1200px;overflow:hidden;margin: 25px auto 12px;}
.mode02 .lf{width:83.4%; float: left; overflow: hidden;}
.mode02 .rt{width: 15.2%; float: right; overflow: hidden;}

.mode02 .lf .articleListTotal{overflow: hidden;margin-bottom: 27px;}

.articleTitle01{ border-bottom: #950000 2px solid; padding-bottom: 10px;}
.articleTitle01 .title { font-size: 2.2em; color: #8c0000; font-weight: bold;}
.articleTitle01 .more{ float: right; padding-top: 10px;}
.articleTitle01 .more a{ font-size:14px; color: #999999; }



.articleList03.lf{ width: 48%; float: left; }
.articleList03.rt{ width: 48%; float: right; }
.rightDate{font-size: 17px;color: #8c0000;font-style: italic;padding-right: 12px; display: inline-block; height: 44px; flex-shrink: 0;}
.articleList03 ul li {border-bottom: #eeeeee 1px solid;line-height: 22px;overflow: hidden; display: flex; display: -ms-flexbox; padding: 11px 0;}
.articleList03 ul li a{display: inline-block;font-size: 1.6em;height: 44px;overflow: hidden;}

.line{height: 315px;width: 1px;margin: 0 1.9%;background: transparent;float: left;}
.line02{height: 247px;width: 1px;margin: 0 1.9%;background: transparent;float: left;}


.articleTitle02{padding-bottom: 9px;text-align: center;}
.articleTitle02 .title {font-size: 2.2em;color: #8c0000;font-weight: bold;}



.articleList04 ul li{margin-bottom: 16px;overflow: hidden;text-align: center;}
.articleList04 ul li{ background: #950000; }
.articleList04 ul li a{display: block;font-weight: bold;font-size: 1.6em;color: #fff;padding: 29px 0 39px;}
.articleList04 ul li a img{display: inline-block;height: 50px;vertical-align: middle;}
.articleList04 ul li a span{width: 75%;line-height: 1.5;margin: 10px auto 0;display: block;text-align: center;padding-left: 0px;}

.articleList04 ul li.li07{ background: #e78283; }

@media screen  and (max-width:1386px){
	.articleList02 ul li a strong{display: none;}
	.articleList02 ul li a span{line-height: 33px;}
	.nav ul li{width: 12.5%;}
}


@media screen  and (max-width:1240px) {
	/* .mode01 .lf{width: 750px} */
	.mode01 .rt{margin-left: 750px;}
	.articleList02 ul{height: 266px;}
	.articleList02 ul li{height: 43px;}
	
	.mode01{/* margin: 0 20px; */}
	.mode02{margin: 25px 0px;}
	.articleList02 ul li a strong{display: none;}
	.articleList02 ul li a{text-align: center;    padding: 4px;}
	.mode02 .rt.col{width: 100%;}
	.mode02 .lf.col{width: 100%;}
	
	.articleTitle02{text-align: left;}
	.articleList04 ul li{width: 32%;float: left;margin-right: 2%;}
	.articleList04 ul li:nth-child(3n){margin-right: 0;}
 }

@media screen  and (max-width:1020px) { 
	.mode01 .lf{ width: 100%;float: none;}
	.mode01 .rt{margin: 0;} 
	.articleList02 ul{height: auto;}
	.articleList02 ul li a strong{display: block;}
	.articleList02 ul li a{text-align: left;height: 49px;line-height: 49px;}
	.articleList02 ul li{height: 49px;line-height: 49px;}
	
	.articleBanner .flex-control-nav{width: 100%;right: 0;bottom: 15px;}
	.articleBanner .flexslider ul li .slideTxt{ float: right;left: 0;padding-bottom: 40px;padding-top: 12px;}
	.articleBanner .flexslider ul li .slideTxt h2{font-size: 16px;line-height: 16px;height: 16px;}
	.articleBanner .flex-control-paging li a{width: 8px;height: 8px;}
	
	.line,.line02{display: none;}
	.mode01{margin: 0 16px;}
	.mode02{margin: 0px 16px 20px;}
	.articleList03.lf{width: 100%;margin-top: 25px;}
	.articleList03.rt{width: 100%;margin-top: 25px;}
	.mode02 .lf .articleListTotal{margin-bottom: 0;}
	.articleList04{margin-top: 25px;}
	
	.articleList02 ul li a span{font-size: 16px;}
	.articleTitle01 .title,.articleTitle02 .title{font-size: 18px;}
	.articleList02 ul li a strong{font-size: 12px;float: right;}
}


@media screen and (max-width:640px) {
     .mode01,.mode02{ margin:0 16px; }

 }

@media screen and (max-width:560px) {
    .articleList04 ul li{width: 100%;margin-right: 0;}
	
 }


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

	.articleBanner .flexslider ul li .slideImg{ float: none; }
    .articleBanner .flexslider ul li .slideTxt{ float: none;left: 0;width: auto;padding-bottom: 20px; padding-left: 10px; padding-right: 10px; width: 90%;}
    .articleBanner .flexslider ul li .slideTxt h2{font-size: 14px;line-height:14px; height: auto;}
    .articleBanner .flexslider ul li .slideTxt p{ margin: 15px 0; height: auto; }
	.articleBanner .flex-control-nav{width: 100%;right: 0;bottom: 3px;}
	.articleBanner .flex-control-paging li a{width: 6px;height: 6px;}
	
	
    .mode01 .md, .mode01 .rt{ width: 100%; margin: 0 0 0; }
    .articleTitle01{ margin-bottom: 10px; }
    .articleTitle01 .title font{ font-size: 1.8em; }     
	.articleTitle01 .title i{ font-size: 1.6em; }
	.rightDate{font-size: 16px;}


}

@media screen and (max-width:414px) {
  .articleTitle01 .title font{ font-size: 1.6em; }
   .articleBanner .flexslider ul li .slideTxt h2{ font-size: 1.4em; }
   .articleBanner .flexslider ul li .slideTxt p{ font-size: 1.2em; }
   .articleList02 ul li a{ font-size: 1.2em; }
}

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

}

@media screen and (max-width:360px) {
	.articleList02 ul li a strong{display: none;}
	.articleList02 ul li a{text-align: center;}
	.tabArticleList .tab_menu li{ width: 33.3%; }
}