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


/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; clear: both; 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:34%; 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 { display: block; width:100%; height: 18px; line-height: 18px; padding: 0 14px; position: absolute; bottom:20px;  text-align:center;z-index:9;}
.Banner .flex-control-nav li { margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 22px; height: 18px; display: block; background:url(../images/icon.png) no-repeat; cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:url(../images/icon-active.png) no-repeat;}
.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:20%; color:#fff;z-index:999; background: url(../images/banner_bg.png) repeat; 
  padding: 17px 19px; font-size:2.2em; color:#fff;}


.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:72px;height:72px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; border:4px solid rgba(255,255,255,0.5);  border-radius: 50%;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../images/prev.png) no-repeat center; background-color: rgba(0,0,0,0.3); left:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center;background-color: rgba(0,0,0,0.3); right:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a:hover{background-color: rgba(0,0,0,0.6); }




.content{ /*! background: #e1ecfa; */ overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:33px auto; }

.articleTitle01{ height: 50px; line-height: 50px;margin-bottom: 20px;position: relative;}
.articleTitle01 .title{ display: inline-block; height: 50px; line-height: 50px;float: left;}
.articleTitle01 .title a { font-size: 2.6em;}
.articleTitle01 .title strong{ font-size: 26px; font-family: "Arial";display: inline-block;border-radius: 8px;text-align: center;}
.articleTitle01 .more{ display:inline-block; width: 140px; height: 30px; line-height: 30px; text-align: center; float: right;margin: 10px 0;}
.articleTitle01 .more a{font-size: 1.8em; color: #fff; display: block;background: #f3d2ca; transition: all 0.3s ease; border-radius: 5px;}
.articleTitle01 .more a:hover{background: #ad181c; }
.articleTitle01 .title strong.tj{ }


  

/*通知公告*/
.articleList01{ overflow: hidden;}
.articleList01 ul{ margin: -10px -19px; overflow: hidden; }
.articleList01 ul li{ float:left; width: 50%; }
.articleList01 ul li a{ display: block; margin:10px 19px; background: #f0f0f0; overflow: hidden;}
.articleList01 ul li .artDate{ display: block; width: 110px; height: auto;  background: #ad181c; float: left; text-align: center; padding: 24px 0;}
.articleList01 ul li .day{ display: block; font-family: 'Arial'; font-size: 3.6em; color: #fff; }
.articleList01 ul li .year{ display: block; font-family: 'Arial'; font-size:1.6em; color: #fff;}
.articleList01 ul li .artTxt{ display: block; margin:13px 28px 13px 130px; overflow: hidden; transition: all 0.3s ease;}
.articleList01 ul li .artTxt p{ display: block; height: 48px; line-height: 24px; font-size: 1.6em; color: #666; overflow: hidden; margin-bottom: 15px; }
.articleList01 ul li .artTxt strong{font-size: 1.5em;color: #ad181c;height:  22px;line-height:  22px;overflow:  hidden;}
.articleList01 ul li a:hover .artTxt{ padding-left: 7px; }

/*新闻动态*/
.mode02{max-width:1200px;overflow:hidden; margin:33px auto; }
/*.articleList02{ overflow: hidden; }
.articleList02 ul{ margin: -10px -20px; overflow: hidden; }
.articleList02 ul li{ width: 50%; float: left; }
.articleList02 ul li a{ display: block; margin:10px 20px; background: #fff; overflow: hidden; }
.articleList02 ul li .imgResponsive{ padding-bottom: 0; width: 176px; height: 110px;float: left;}
.articleList02 ul li .artTxt{ display: block; margin: 15px 20px 11px 195px; overflow: hidden; transition: all 0.3s ease; }
.articleList02 ul li .artTxt p{ display: block; height: 48px; line-height: 24px; font-size: 1.6em; color: #666; overflow: hidden; margin-bottom: 10px; }
.articleList02 ul li .artTxt strong{ display: block; height: 26px; line-height: 26px; font-family: "Arial"; font-size: 1.5em; color: #999; }
.articleList02 ul li .artTxt strong b{ font-weight: normal; float: right; display: inline-block; height: 26px; line-height: 26px; background: #7ac195;
font-size: 14px; color: #fff; padding: 0 9px; border-radius: 15px;}
.articleList02 ul li a:hover .artTxt{ padding-left: 7px; }

.articleList02 ul li:nth-child(2) .artTxt strong b{ background: #8aa1c1; }
.articleList02 ul li:nth-child(3) .artTxt strong b{ background: #57a8c3; }
*/


/*精彩推荐*/
.mode03{max-width:1200px;overflow:hidden; margin:33px auto; }
.articleList03 ul{ margin: -10px -20px; overflow: hidden; }
.articleList03 ul li{ width: 50%; float: left; }
.articleList03 ul li a{ display: block; margin:10px 20px; background: #f0f0f0; overflow: hidden; padding: 5px;}
.articleList03 ul li .imgResponsive{ padding-bottom: 0; width: 352px; height: 220px;float: left;}
.articleList03 ul li .artTxt{ display: block; margin: 10px 10px 10px 370px; overflow: hidden; transition: all 0.3s ease; }
.articleList03 ul li .artTxt p{ display: block; height: 155px; line-height: 22px; font-size: 1.4em; color: #666; overflow: hidden; margin-bottom: 10px; }
.articleList03 ul li .artTxt strong{ display: inline-block; width: 26px; height: 26px;background: url(../images/readMore.png) no-repeat; float: right;margin-right: 5px;
transition: all 0.3s ease;}
.articleList03 ul li a:hover .artTxt strong{ margin-right: 0; }
 

/*友情链接、常用服务*/
.wrap_mode04{background:#a2171b; overflow: hidden;background-size: cover;}
.mode04{ max-width: 1200px; margin: 40px auto; overflow: hidden; }
.mode04 .lf{width:50.5%; float: left;}
.mode04 .rt{width:33.4%; float: right;} 
.articleList04{ overflow: hidden; }
.articleList04 h3{ margin-bottom: 10px; padding-bottom: 12px; border-bottom: #b34e4e 1px solid; overflow: hidden; }
.articleList04 h3 a{ font-size: 2.4em; color: #dddbce; font-weight: normal; }
.articleList04 ul{ width: 30%; float: left;}
.articleList04 ul.md{ margin: 0 4.5% 0 0; padding: 0 5%; border-left:#b34e4e 1px solid; border-right:#b34e4e 1px solid; width: 25%;}
.articleList04 ul li a{ font-size: 1.5em; color: #dddbce; display: block; line-height: 22px; padding: 6px 6px 6px 0; transition: all 0.3s ease;}
.articleList04 ul li a:hover{ padding-left: 2px; }
.articleList04.cyfw ul{ width: 50%; float: left;}
.articleList04.cyfw ul.lf{border-right:#b34e4e 1px solid; }
.articleList04.cyfw ul.rt{ padding: 0 0 0 8%; width: 41%; }




@media screen  and (max-width:1440px) {
        .mode01,.mode02,.mode03,.mode04{ max-width: 1000px; padding-left: 15px; padding-right:15px;}
        .mode04{ margin: 40px auto; }

       
 }

@media screen  and (max-width:992px) { 
        .Banner .flex-direction-nav a{ width: 52px; height: 52px; background-size:30px !important; margin-top: -30px !important; }
        .Banner .flex-direction-nav a.flex-prev{ left: 30px;}
        .Banner .flex-direction-nav a.flex-next{ right: 30px; }
        .articleTitle01 .title{ max-width: 280px; }
        .articleTitle01 .title a{ font-size: 2.2em; }
        .articleTitle01 .title strong{ font-size: 22px; }
        .articleTitle01 .title strong.tj{ font-size: 15px; }
        .articleTitle01 .more{ width: 120px; height: 27px; line-height: 27px; }
        .articleTitle01 .more a,.articleList01 ul li .artTxt p{ font-size: 1.5em; }
        .articleList01 ul li .day{ font-size: 3.0em; }
        .articleList01 ul li .artTxt{ margin: 9px 20px 9px 130px; }

        .articleList01 ul{ margin: -10px -14px; }
        .articleList01 ul li a{ margin: 10px 14px; } 
        .articleList03 ul li{ width: 100%; float: none; }
        .articleList03 ul li a{ margin: 15px 20px; }
        .mode04 .lf{ float: none; width: auto;}
        .mode04 > .rt{ float: none; width: auto; margin-top: 34px; }
        .articleList04 h3 a{ font-size: 2.2em; }
        .articleList04 ul li a{ font-size: 1.4em; }
        .mode04{ margin: 30px auto; }
}


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

 }

@media screen and (max-width:640px) {
      .Banner .flex-direction-nav a{ width:32px; height:32px; background-size:20px !important; margin-top: -20px !important; }
      .Banner .flex-direction-nav a.flex-prev{ left: 0;}
      .Banner .flex-direction-nav a.flex-next{ right: 0; }
      .articleTitle01{ height: 50px; line-height: 50px; margin-bottom: 15px; }
      .articleTitle01 .title{ margin: 0; max-width: 225px;height: 36px; line-height: 36px; }
      .articleTitle01 .title a{ font-size: 1.7em; }
      .articleTitle01 .title strong{ font-size: 17px; }
      .articleTitle01 .more{ width: 93px; height: 20px; line-height: 20px; bottom: 0; }
      .articleTitle01 .more a{ font-size: 1.2em; }

      .articleList01 ul li{ width: auto; float: none; }
      .articleList01 ul li .artDate{ width: 90px; padding: 19px 0; }
      .articleList01 ul li .artTxt{ margin: 9px 15px 9px 104px; }
      .articleList01 ul li .artTxt p{ font-size: 1.4em; line-height: 20px; height: 40px; }
      .articleList01 ul li .artTxt strong{ font-size: 1.5em; }
      .articleTitle01 .title strong.tj{ font-size: 12px; }
      
    
      .articleList03 ul li .imgResponsive{ width: 100%; float: none; height: 0; padding-bottom:62.6%; }
      .articleList03 ul li .artTxt{ margin: 10px 0; }
      .articleList03 ul li .artTxt p{ height: auto; }
      .articleList03 ul li a{ padding: 15px;}
      
      .articleList04 h3 a{ font-size: 2.0em; }
      .articleList04 ul{ width: 49%; border-right:#b34e4e 1px solid;}
      .articleList04 ul.md{ width: 44%; margin: 0; padding: 0 0 0 5%;border-left: none; border-right: none; }
      .articleList04 ul li a{ font-size: 1.3em; } 
      .articleList04.cyfw ul.rt{ border-right:none; }

}

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

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