@charset "utf-8";
/* CSS Document */


/*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:77%; overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%;}
.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: 8px;right: 5px;}
.articleBanner .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.articleBanner .flex-control-paging li a {  float:left; width: 7px; height: 7px; display: block; background:#36393c; border: #36393c 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:#fd1818; border: #fd1818 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{ width: 100%; height: 35px; line-height: 35px; position: absolute; left: 0; bottom: 0; background: url(../images/banner_bg.png) repeat; color:#fff; overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt h2{ color: #fff; font-weight: normal; font-size: 1.4em; width: 80%; overflow: hidden; }


.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(../images/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-pauseplay{position: absolute;right: 17px;bottom: -28px;}
.articleBanner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.articleBanner .flex-pauseplay a.flex-pause{background:url(../images/pause.png) no-repeat center center;}
.articleBanner .flex-pauseplay a.flex-play{background:url(../images/play02.png) no-repeat center center;}





.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:35px auto; }
.mode01 .lf{ width: 31.6%; float: left; overflow:hidden;}
.mode01 .md{ width: 31.6%; float: left; margin: 0 2.6%;overflow:hidden;}
.mode01 .rt{ width: 31.6%; float: right;overflow:hidden;}

.articleTitle01{ height: 32px; line-height: 32px; margin-bottom: 18px; }
.articleTitle01 .title{ display: inline-block; height: 32px; line-height: 32px; padding: 0 18px;background: #165068; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.articleTitle01 .title font{ font-size:1.6em; color: #fff;}

.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:14px; color: #999999; }



.articleList02{overflow: hidden; }
.articleList02 ul li{ overflow: hidden; border-bottom: #e2e2e2 1px solid; padding:12px 0; }
.articleList02 ul li a{ display: block; font-size: 1.6em; height: 24px; line-height: 24px; color: #333333; overflow: hidden; background: url(../images/li01.png) no-repeat left center; padding-left: 20px;}
.articleList02 ul li span.rightDate{ float: right; font-size: 1.4em; color: #999999;  display: block; margin-top: 5px; }


.articleList03{overflow: hidden; }
.articleList03 ul li{ overflow: hidden; border-bottom: #e2e2e2 1px solid; padding:6px 0; }
.articleList03 ul li a{ display: block; font-size: 1.6em; height: 24px; line-height: 24px; color: #333333; overflow: hidden; background: url(../images/li02.png) no-repeat left center; padding-left: 10px; }
.articleList03 ul li span.rightDate{ font-size: 1.4em; color: #999999;  display: block; margin-top: 5px; background: url(../images/time.png) no-repeat left center; padding-left: 20px;}


.mode02{max-width:1200px;overflow:hidden; margin:40px auto; }
.mode02 .lf{ width: 31.6%; float: left; }
.mode02 .rt{ width: 65.2%; float: right; }

.articleList04{overflow: hidden; }
.articleList04 .xsbg{font-size: 1.6em;line-height: 36px; color: #333333; }
.articleList04 ul li{ overflow: hidden; border-bottom: #e2e2e2 1px solid; padding:12px 0; }
.articleList04 ul li a{ display: block; font-size: 1.6em; height: 24px; line-height: 24px; color: #333333; overflow: hidden; background: url(../images/li02.png) no-repeat left center; padding-left: 10px;}
.articleList04 ul li span.rightDate{ float: right; font-size: 1.4em; color: #999999;  display: block; margin-top: 5px; }

.scroll-pane{width: 100%; max-height:245px; overflow: auto;padding-bottom: 40px;}
.articleList05 .scroll-pane p{ font-size: 1.6em; line-height: 24px; padding-bottom: 30px;}
.articleList06{width:99%; max-height:245px;border:1px solid #CCC;   border-radius: 15px;   -moz-border-radius: 15px;   -webkit-border-radius: 15px;}
.articleList06 p{ font-size: 1.6em; line-height: 24px; padding:10px;}





@media screen  and (max-width:1200px) {
         .mode01,.mode02{ margin: 25px; }
 }

@media screen  and (max-width:992px) { 
    .mode01 .lf{ width: 48%; float: left; }
    .mode01 .md{ width: 48%; float: right; margin: 0;}
    .mode01 .rt{ width: 100%; float: none; overflow: hidden; padding-top: 20px; }
    .articleList03 ul li{ float: left;width: 48%; padding: 1%; }

}


@media screen and (max-width:767px) {
    .mode01 .lf,.mode01 .md,.mode01 .rt{ float: none; width: auto; }
    .mode01 .md{ margin: 20px 0; }
    .mode02 .lf,.mode02 .rt{ float: none; width: auto; }
    .mode02 .lf{ margin-bottom: 20px; }
    
    .articleList03 ul li{ padding: 6px 0;width: 100%; }
    .articleList02 ul li a,.articleList03 ul li a,.articleList04 ul li a,.articleList05 .scroll-pane p{ font-size: 1.4em; }


 }

@media screen and (max-width:480px) {




}

@media screen and (max-width:414px) {


}



