@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) { }