@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:25%; 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: none; width:auto; height: 17px; line-height: 17px; padding: 0 14px; background: #fff; border-radius: 15px; position: absolute; bottom:20px; left:22%;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: 5px; height: 5px; display: block; background:#eb7f87; border: #fff 2px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#d7000f; border: #d7000f 2px solid;}
.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/gb20200527/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.6);  border-radius: 50%;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../../images/gb20200527/prev.png) no-repeat center; background-color: rgba(135,182,27,0.5); left:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../../images/gb20200527/next.png) no-repeat center;background-color: rgba(135,182,27,0.5); right:50px; top: 50%; margin-top: -36px;}
.Banner .flex-direction-nav a:hover{background-color: rgba(135,182,27,1); }




.content{overflow:hidden;}
.wrap_mode01{ background: #e4eee4; overflow: hidden; }
.mode01{max-width:1200px;overflow:hidden; margin:26px auto 33px auto; }
.mode01 .lf{ width: 70%; float: left; overflow:hidden;}
.mode01 .rt{ width: 25.9%; float: right;overflow:hidden;}

.articleTitle01{ height: 28px; line-height: 28px;margin-bottom: 20px; overflow: hidden;}
.articleTitle01 .title a { font-weight:bold; font-size: 2.4em; color: #333333;}
.articleTitle01 .title strong{ font-size: 26px; font-family: "Arial"; color: #89b757; }



/*新闻资讯*/
.articleList01{ overflow: hidden; }
.articleFirst{ overflow: hidden; }
.articleFirst .imgResponsive{ display: block; width: 501px; height: 310px; float: left; padding-bottom: 0; }
.articleFirst .imgResponsive a{ display: block; }
.articleFirst .imgResponsive a img{ transition: all 0.3s ease; }
.articleFirst .imgResponsive a:hover img{ transform: scale(1.1); }
.articleFirst .artText{ display: block; margin-left: 502px; height: 254px; padding: 26px 30px 30px 20px; background:#fff; overflow: hidden;}
.articleFirst .artText h3{ height: 48px; line-height: 24px; overflow: hidden;}
.articleFirst .artText h3 a{ display: block; font-size: 16px; transition: all 0.3s ease;}
.articleFirst .artText p{ font-size: 14px; height: 110px; line-height: 22px; color: #999999; overflow: hidden; margin: 28px 0 60px 0; }
.articleFirst .artText .rightDate{ display: inline-block; background:url(../../images/gb20200527/datebg01.png) no-repeat left center; padding-left: 20px;
 font-size: 14px; color: #999; font-family: "Arial"; }



.wrap_articleListCon{background: #fff;margin: 5px 0 0 0;overflow:hidden;}
.articleListCon{ margin: 24px 18px; overflow: hidden;}
.articleListCon ul{ margin: -18px -28px; overflow: hidden; }
.articleListCon ul li{ float: left; width: 50%; overflow: hidden; position: relative;}
.articleListCon ul li:before{ content: ""; display: block; width: 100%; height: 1px; background:url(../../images/gb20200527/border-x.jpg) repeat-x; position: absolute;
left: 0; bottom: 0;}
.articleListCon ul li:after{ content: ""; display: block; width: 1px; height: 100%; background:url(../../images/gb20200527/border-y.jpg) repeat-y; position: absolute;
right: 0; top: 0;}
.articleListCon ul li:nth-child(3):before,.articleListCon ul li:nth-child(4):before{ display: none; }
.articleListCon ul li:nth-child(2):after,.articleListCon ul li:nth-child(4):after{ display: none; }
.articleListCon ul li a{ display: block; margin:18px 28px; overflow: hidden;}
.articleListCon ul li .artTitle{ display: block; font-size: 16px; height: 48px; line-height: 24px; overflow: hidden; transition: all 0.3s ease;}
.articleListCon ul li .rightDate{ display: inline-block; float: right; background:url(../../images/gb20200527/datebg02.png) no-repeat left center; padding-left: 25px;
 font-size: 14px; color: #999; font-family: "Arial"; }

.articleListCon ul li a:hover .artTitle{padding-left: 15px;}



/*常用服务*/
.wrap_articleListCon02{background: #fff; overflow: hidden;}
.articleListCon02{  margin: 28px 20px; overflow: hidden; }
.articleListCon02 ul{ margin: -20px 0; overflow: hidden;}
.articleListCon02 ul li{ width: 50%; *width: 49.5%; float: left; overflow: hidden; position: relative;}
.articleListCon02 ul li:before{ content: ""; display: block; width: 100%; height: 1px; background:url(../../images/gb20200527/border-y2.jpg) repeat-x; position: absolute;
left: 0; bottom: 0;}
.articleListCon02 ul li:after{ content: ""; display: block; width: 1px; height: 100%; background:url(../../images/gb20200527/border-x2.jpg) repeat-y; position: absolute;
right: 0; top: 0;}
.articleListCon02 ul li:nth-child(2n):after{ display: none; }
.articleListCon02 ul li a{ display: block; margin: 20px 0;}
.articleListCon02 ul li i{ display: block; width: 92px; height: 92px; line-height: 92px; margin: 0 auto; border-radius: 50%; text-align: center; }
.articleListCon02 ul li .icon-banche{ border:#ebd2a0 4px solid; color: #d7a642;font-size:49px; *background:url(../../images/gb20200527/li01.png) no-repeat center;}
.articleListCon02 ul li .icon-xiaoyuandituiconx{ border:#e59e9e 4px solid; color: #cc3d3d; font-size: 50px;  *background:url(../../images/gb20200527/li02.png) no-repeat center;}
.articleListCon02 ul li .icon-zuoji{ border:#91d4f2 4px solid; color: #1f95cc; font-size: 44px; *background:url(../../images/gb20200527/li03.png) no-repeat center;}
.articleListCon02 ul li .icon-liucheng{ border:#8fd7d3 4px solid;color: #20b0a7;font-size: 50px;  *background:url(../../images/gb20200527/li04.png) no-repeat center;}
.articleListCon02 ul li .icon-xiazai{ border:#abb1d4 4px solid; color: #5864a9;font-size: 70px; *background:url(../../images/gb20200527/li05.png) no-repeat center;}
.articleListCon02 ul li .icon-qiepian{ border:#c790cf 4px solid; color: #8f229f;font-size: 48px; *background:url(../../images/gb20200527/li06.png) no-repeat center;}


.articleListCon02 ul li.li01 a:hover .artText{ color: #d7a642; }
.articleListCon02 ul li.li02 a:hover .artText{ color: #cc3d3d; }
.articleListCon02 ul li.li03 a:hover .artText{ color: #1f95cc; }
.articleListCon02 ul li.li04 a:hover .artText{ color: #20b0a7; }
.articleListCon02 ul li.li05 a:hover .artText{ color: #5864a9; }
.articleListCon02 ul li.li06 a:hover .artText{ color: #8f229f; }

.articleListCon02 ul li a:hover i{-webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}

.articleListCon02 ul li .artText{ font-size: 16px; display: block; height: 22px; line-height: 22px; margin: 9px 0 0 0; text-align: center; }



/*通知公告*/
.mode02{ max-width: 1200px; margin: 28px auto 40px auto; overflow: hidden; }
.articleList03{ overflow: hidden; }
.articleList03 .articleTitle01{ text-align: center; }
.articleList03 ul { border-top:#d9d9d9 1px solid; overflow: hidden; }
.articleList03 ul li{ float:left; width: 24.9%; border-left:#e6e6e6 1px solid; overflow: hidden; }
.articleList03 ul li:first-child{ border-left:none; }
.articleList03 ul li a{ display: block; margin: 0 33px; padding-top: 25px;transition: all 0.3s ease; }
.articleList03 ul li .day{ font-size: 36px; font-family: "Arial"; color: #89b757; display: block; text-align: center; }
.articleList03 ul li .artText{ display: block; height: 48px; line-height: 24px; font-size: 16px; margin: 10px 0 23px 0;overflow: hidden; }
.articleList03 ul li .date{ display: block; font-size: 14px; color: #999999; overflow: hidden;}
.articleList03 ul li .date strong{font-size: 12px; color: #fff; font-weight: bold; display: inline-block; padding:1px 10px; background: #9ebf20;
border-radius: 15px; float: right;}
.articleList03 ul li a:hover{ padding-top: 18px; }










/*专题报道*/
.wrap_mode03{ background:url(../../images/gb20200527/modebg.jpg) no-repeat center top; padding: 30px 0 55px 0; position: relative;z-index: 99;}
.mode03{max-width:1200px; margin:0 auto; position: relative;z-index: 1;}

.articleList04 .articleTitle01{ text-align: center; }
.articleList04 .articleTitle01 .title a{ color: #fff; }


/*FlexSlider默认样式*/
.ztbd .flexslider { position: relative;z-index: 999;}
.ztbd .flexslider ul.slides li{ position:relative; list-style:none; }
.ztbd .flexslider ul.slides li img{ display:block;width:100%; box-shadow:0px 0px 5px -2px #5a5a5a; transition: all 0.5s ease;}
.ztbd .flex-viewport { max-height: 2000px; transition: all 1s ease; }
.ztbd .loading .flex-viewport { max-height: 300px; }
.ztbd .flexslider .slides { zoom: 1; padding:0;}

.ztbd{ max-width: 1200px; margin:40px auto 20px auto; }
.ztbd ul {  overflow: hidden; }
.ztbd ul li{ width: 33.3%; float: left; }
.ztbd ul li a{ display: block; margin: 0 15px; overflow: hidden;}
.ztbd ul li .artImg{ display: block; height: 0; padding-bottom: 41%; border:#fff 5px solid; overflow: hidden; }
.ztbd ul li a:hover img{ transform: scale(1.1); }
/*icon小点*/
.articleList04{ }
.articleList04 .flex-control-nav {width:auto; margin-top:11px; text-align:center; overflow: hidden; display: none;}
.articleList04 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.articleList04 .flex-control-paging li a {  float:left; width: 6px; height: 6px; display: block; background:#fff; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleList04 .flex-control-paging li a:hover,.articleList04 .flex-control-paging li a.flex-active {background:#e60012;}


.articleList04 .flex-direction-nav{ display:block; margin-bottom: -14px;}
.articleList04 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; width: 50%; }
.articleList04 .flex-direction-nav a{ width: 30px;height: 60px; margin: 0; display: inline-block;*display: inline;*zoom:1;  text-indent: -999em;
  cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.articleList04 .flex-direction-nav a.flex-prev{ background:url(../../images/gb20200527/lf.png) no-repeat center; position:absolute;left: -20px; top:50px;}
.articleList04 .flex-direction-nav a.flex-next{ background:url(../../images/gb20200527/rt.png) no-repeat center; position:absolute;right: -20px; top:50px;}
.articleList04 .flex-direction-nav a:hover{ opacity: 0.7;}




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

        .articleFirst .imgResponsive{ width: 400px; height: 248px; }
        .articleFirst .artText{ margin-left: 401px; height: 192px; }
        .articleFirst .artText p{ height: 68px; margin: 28px 0 40px 0; }
        .articleListCon02 ul li i{ width: 70px; height: 70px; line-height: 70px; }
        .articleListCon02 ul li .icon-banche{ border:#ebd2a0 4px solid; color: #d7a642;font-size:39px; }
        .articleListCon02 ul li .icon-xiaoyuandituiconx{ border:#e59e9e 4px solid; color: #cc3d3d; font-size: 40px; }
        .articleListCon02 ul li .icon-zuoji{ border:#91d4f2 4px solid; color: #1f95cc; font-size: 34px;}
        .articleListCon02 ul li .icon-liucheng{ border:#8fd7d3 4px solid;color: #20b0a7;font-size: 40px; }
        .articleListCon02 ul li .icon-xiazai{ border:#abb1d4 4px solid; color: #5864a9;font-size: 60px;}
        .articleListCon02 ul li .icon-qiepian{ border:#c790cf 4px solid; color: #8f229f;font-size: 38px;}
     
 }

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

       .mode01 .lf,.mode01 .rt{ width: auto; float: none; }
       .mode01 .rt{ margin-top: 20px; }
       .articleListCon02 ul li{ width: 33.3%; }
       .articleListCon02 ul li:nth-child(2n):after{ display: block; }
       .articleList03 ul li{ width: 49.8%; border-bottom: #e6e6e6 1px solid;}
       .articleList03 ul li:nth-child(3){ border-left:none; }
       .articleList03 ul li a{ padding: 10px 0; }
       .articleList03 ul li a:hover{ padding-top: 10px; }
}


@media screen and (max-width:767px) {
	     .articleTitle01 .title a{ font-size: 2.0em; }
       .articleTitle01 .title strong{ font-size: 20px; }
       .Banner .flex-direction-nav a{ width: 35px; height: 35px; background-size: 20px !important; }
       .Banner .flex-direction-nav a.flex-prev{ left: 5px; margin-top: -17px; }
       .Banner .flex-direction-nav a.flex-next{ right: 5px; margin-top: -17px; }
 }

@media screen and (max-width:640px) {
       .articleFirst .imgResponsive{ width: 300px; height: 186px; }
       .articleFirst .artText{ margin-left: 301px; height: 131px; padding: 20px 30px 35px 20px;}
       .articleFirst .artText h3 a,.articleListCon ul li .artTitle,.articleListCon02 ul li .artText,.articleList03 ul li .artText{ font-size: 14px; }
       .articleFirst .artText p{ font-size: 12px; margin: 10px 0; }
       .articleFirst .artText .rightDate,.articleListCon ul li .rightDate,.articleList03 ul li .date{ font-size: 12px; }
       .articleList03 ul li .day{ font-size: 26px; }
       .articleTitle01 .title a{ font-size: 1.8em; }
       .articleTitle01 .title strong{ font-size: 18px; }

}

@media screen and (max-width:480px) {
       .articleFirst .imgResponsive{width: 100%;height: 0;padding-bottom: 62%;}
       .articleFirst .artText{ margin-left: 0;padding:20px; height: auto;}
       .articleFirst .artText h3,.articleFirst .artText p{ height: auto; }
       .articleListCon ul li{ width: 100%; float: none; }
       .articleListCon ul li .artTitle{ height: auto; margin-bottom: 3px; }

       .articleListCon ul li a{}
       .articleListCon ul li:nth-child(3):before,.articleListCon ul li:nth-child(4):before{ display: block; }
       .articleListCon02 ul li{ width: 50%; }
       .articleListCon02 ul li:nth-child(2n):after{ display: none; }
       .articleList03 ul li{ width: 100%; float: left; border-left:none;}
       .articleList03 ul li a{ margin: 0; }
       .articleList03 ul li .artText{ height: auto;margin: 5px 0; }
       .articleList03 ul li .day{ text-align: left; }
}

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

}