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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; position: relative; }
.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:19%; 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: 12px; height: 12px; display: block; background:#fff; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#8c0000;}



.Banner .flex-direction-nav{ display:block; margin-bottom: -14px; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:19px;height:32px;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; opacity: 0.5;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 1;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}
.Banner .flex-direction-nav a.flex-prev{ background:url(/yww/images/prev.png) no-repeat center; left: 14%; top: 50%; margin-top: -16px;}
.Banner .flex-direction-nav a.flex-next{  background:url(/yww/images/next.png) no-repeat center; right: 14%; top: 50%; margin-top: -16px;}




.content{overflow:hidden; background: #f3f3f3;}
.mode01{max-width:1400px;overflow:hidden; margin:50px auto; }
.mode01 .lf{ width:65.77%; float: left; overflow:hidden;}
.mode01 .rt{ width: 30.8%; float: right;overflow:hidden;}

.articleTitle01{ height: 57px; line-height: 57px; border-top: #ea7922 2px solid; overflow: hidden;}
.articleTitle01 .title{ font-size: 2.4em;  position: relative; padding-left: 32px;}
.articleTitle01 .title.t01{ background: url(/yww/images/t01.png) no-repeat left center; }
.articleTitle01 .title.t02{ background: url(/yww/images/t02.png) no-repeat left center; }
.articleTitle01 .title.t03{ background: url(/yww/images/t03.png) no-repeat left center; }
.articleTitle01 .title.t04{ background: url(/yww/images/t04.png) no-repeat left center; }
.articleTitle01 .title.t05{ background: url(/yww/images/t05.png) no-repeat left center; }
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:12px; color: #960b12; position: relative; background: url(/yww/images/morebg.png) no-repeat right top 4px; padding-right: 15px; }
.articleTitle01 .more a:before{ content: ""; display: block; width: 50px; height: 1px; background:#960b12; position: absolute; left: 0; bottom: -2px;  }


.articleImg{ width: 49%; float: left;position: relative; }
.articleImg span{ display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #fff; background: url(/yww/images/newsbg.png) no-repeat left center; padding-left: 48px; position: absolute; bottom: 10px; left: 17px;}
.articleText{ width: 48%; float: right; }
.articleFirst{}
.articleFirst .date{ font-size: 12px; color: #999; }
.articleFirst h3{ font-size: 20px; color: #960b12; font-weight: normal; margin: 10px 0 18px 0; height: 26px; line-height: 26px; overflow: hidden;}
.articleFirst p{ font-size: 14px; line-height: 23px; color: #666; display: block; height: 69px; overflow: hidden; }
.articleFirst .readMore { display: inline-block; color: #960b12; font-size: 14px; position: relative; background: url(/yww/images/morebg2.png) no-repeat right center; padding-right:27px; margin-top: 18px;}
.articleFirst .readMore:before{ content: ""; display: block; width: 74px;height: 1px;background: #960b12; position: absolute; left: 0; bottom: -2px; }

.articleText ul{ margin-top: 4px; overflow: hidden;}
.articleText ul li { border-bottom:#e9e9e9 1px solid; height: 44px; line-height: 44px; overflow: hidden;  }
.articleText ul li .date2{ display: inline-block; width: 74px; height: 22px; text-align: center; line-height: 22px; background: #960b12; color: #fff; border-radius: 3px;margin-right: 20px; }
.articleText ul li a{ font-size: 16px; }




.articleList02{ overflow: hidden; border-bottom: #ebebeb 4px solid;}
.articleList02 ul li{ height: 48px; line-height: 48px; overflow: hidden; border-bottom: #e9e9e9 1px solid;}
.articleList02 ul li .rightDate{ float: left; font-family: "Georgia"; font-size: 16px; color: #780a0a; font-weight: bold; margin-right: 18px; }
.articleList02 ul li a{ font-size: 16px; }



.mode02{max-width:1400px;overflow:hidden; margin:45px auto; }
.mode02 .lf{ width: 31.3%; float: left;overflow:hidden;  }
.mode02 .md{ width: 31.3%; float: left; margin: 0 3%; overflow:hidden; }
.mode02 .rt{ width: 31.3%; float: right; overflow:hidden; }

.articleList03{ overflow: hidden; border-bottom: #ebebeb 4px solid; }
.articleList03 ul li{ height: 48px; line-height: 48px; background: url(/yww/images/li.png) no-repeat left center; padding-left: 18px; overflow: hidden; border-bottom: #e9e9e9 1px solid;}
.articleList03 ul li .rightDate{ float: right; font-family: "Cambria"; font-size: 14px;font-style: italic; color: #960b12; }
.articleList03 ul li a{ font-size: 16px; }





/*FlexSlider默认样式*/
.articleBanner{overflow: hidden; margin-top: 14px; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul.slides li{ list-style:none; position: relative;}
.articleBanner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:75.5%; 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: -28px;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: 8px; height: 8px; display: block; background:none; border: #d9b26f 1px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:#d9b26f; border: #d9b26f 1px solid;}
.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{ position: absolute; left: 0; bottom: 10px; margin: 0 20px;  overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt h3{ height: 30px; color: #fff; font-weight: normal; font-size: 1.6em; line-height: 30px; overflow: hidden; }


.articleBanner .flex-direction-nav{ display:block; margin-bottom: -14px;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:35px;height:60px;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(/yww/images/prev2.png) no-repeat center; left: 0; top: 47%; margin-top: -30px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(/yww/images/next2.png) no-repeat center; right: 0; top: 47%; margin-top: -30px;}










@media screen  and (max-width:1600px) {
     .mode01,.mode02{ width: 1200px; }
     .articleText ul li{ height: 40px; line-height: 40px; }
     .articleFirst h3{ margin: 10px 0; }
     .articleFirst .readMore{ margin-top: 10px; }
     .articleList02 ul li,.articleList03 ul li{ height: 43px;line-height: 43px; }
 }