@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: 60px; line-height: 60px;margin-bottom: 30px;position: relative;}
.articleTitle01 .title{display: block;max-width: 120px;margin: 0 auto; }
.articleTitle01 .title a {height: 47px; line-height: 47px; font-size: 2em;color: #16257a; display: block; text-align: center; position: relative; height: 40px; line-height: 40px;}
.articleTitle01 .title a:before{ content: ''; position: absolute; width: 84px; height: 2px; background: #00a2e8; background: #00a2e8; bottom: 0px; }
.articleTitle01 .title strong{font-size: 20px;font-family: "Arial";color: #7f7f7f;display: block; text-align: center; height: 25px; line-height: 30px;}
.articleTitle01 .more{ display:inline-block; width: 140px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 0; bottom: -15px; }
.articleTitle01 .more a{font-size: 1.4em;color: #fff;display: block;background: #00a2e8;transition: all 0.3s ease;border-radius: 5px;}
.articleTitle01 .more a:hover{background: #033b86; }
.articleTitle01 .title strong.tj{ font-size: 18px; }




/*通知公告*/
.articleList01{ overflow: hidden;}
.articleList01 ul{ margin: -10px -19px; overflow: hidden; }
.articleList01 ul li{ float:left; width: 33.3%; }
.articleList01 ul li a{ display: block; margin:10px 19px; background: #fff; overflow: hidden;}
.articleList01 ul li .artDate{display: block;width: 72px;height: auto;background: #0395e2;float: left;text-align: center; }
.articleList01 ul li .day{display: block;font-family: 'Arial';font-size: 1.8em;color: #fff; padding: 10px;}
.articleList01 ul li .year{display: block;font-family: 'Arial';font-size: 1.2em;color: #fff; height: 21px; line-height: 21px;}
.articleList01 ul li .artTxt{ display: block; margin:13px 28px 13px 90px; overflow: hidden; transition: all 0.3s ease;}
.articleList01 ul li .artTxt p{display: block;height: 48px;line-height: 24px;font-size: 1.4em;color: #666;overflow: hidden;margin-bottom: 15px;}
.articleList01 ul li .artTxt strong{ font-size: 1.5em; color: #033b86; }
.articleList01 ul li a:hover .artTxt{ padding-left: 7px; }

.purple { background: #8080c0 }
.green { background: #22b14c }
.yellow { background: #ffc90e }
.brown { background: #b97a57 }


.jxtz { background: #5555AA }
.jxgs { background: #A488CC }
.jwtz { background: #7ac195 }
.jwgz { background: #8aa1c1 }

/*新闻动态*/
.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: 33.3%; float: left; }
.articleList03 ul li a{ display: block; margin:10px 20px; background: #fff; overflow: hidden; padding: 5px;}
.articleList03 ul li .imgResponsive{ padding-bottom: 0; width: 200px; height: 130px;float: left;}
.articleList03 ul li .artTxt{ display: block; margin: 10px 10px 10px 220px; overflow: hidden; transition: all 0.3s ease; }
.articleList03 ul li .artTxt p{ display: block; height: 70px; 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: url(../images/modebg.jpg) no-repeat center; overflow: hidden;background-size: cover;}
.mode04{max-width: 1200px;margin: 40px auto 97px auto;overflow: hidden;}
.mode04 .lf{width:40%; float: left;}
.mode04 .md { width:35%; float: left; margin:0 2%; }
.mode04 .rt{width:20.4%; float: right;}
.articleList04{ overflow: hidden; }
.articleList04 h3{ margin-bottom: 10px; padding-bottom: 12px; border-bottom: #5675a0 1px solid; overflow: hidden; }
.articleList04 h3 a{font-size: 2em;color: #fff;font-weight: normal;}
.articleList04 ul{ width: 40%; float: left;}
.articleList04 ul.md{ margin: 0 4.5% 0 0; padding: 0 5%; border-left:#5675a0 1px solid;   width: 30%;}
.articleList04 ul li a{font-size: 1.4em;color: #ced3dd;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:#5675a0 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; margin: 0 auto 10px;}
        .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 90px; }

        .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 > .md{ float: none; width: auto; margin: 34px auto 0; }
        .mode04 > .rt{ float: none; width: auto; margin-top: 34px; }
        .mode04 > .rt img { width: 200px; margin:0 auto; display: block; }
        .articleList04 h3 a{ font-size: 2.2em; }
        .articleList04 ul li a{ font-size: 1.4em; }
        .mode04{ margin: 30px auto; }
        .articleList01 ul li{width: 100%; float: none;}
}


@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; */ max-width: 80px;}
      .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 90px; }
      .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: 100%;/* 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: #5675a0 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; }

.articleTitle01 .title a:before { width: 86%; }

}

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

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