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

/*视频*/
.page1{ position: relative; }
.banner{ overflow: hidden; } 
.banner video{ width: 100%; height: auto; }
.page1 .mouse{display:block; width:auto; height:auto;position: absolute; left:205px; bottom:40px;
    animation:myfirst 5s linear 2s infinite alternate;/* Firefox: */
-moz-animation:myfirst 5s linear 2s infinite alternate;/* Safari and Chrome: */
-webkit-animation:myfirst 5s linear 2s infinite alternate;/* Opera: */
-o-animation:myfirst 5s linear 2s infinite alternate;}
.page1 .mouse a{ display:block; font-size: 24px; text-align: center;
transition: all 0.3s ease;
font-family: 隶书;
color: #fff;
} 

  @keyframes myfirst
{
0%   {bottom:40px;}
20% {bottom:45px;}
50% {bottom:50px;}
}
 
@-moz-keyframes myfirst /* Firefox */
{
0%   {bottom:40px;}
20% {bottom:45px;}
50% {bottom:50px;}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {bottom:40px;}
20% {bottom:45px;}
50% {bottom:50px;}
}
 
@-o-keyframes myfirst /* Opera */
{
0%   {bottom:40px;}
20% {bottom:45px;}
50% {bottom:50px;}
}


/*图片轮播*/
/*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:41.8%; 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(/tiyubu/images/gb20191224/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:70px;height:70px;text-align: center;display: inline-block; position: absolute;z-index: 9; text-indent: -999em;cursor: pointer;overflow: hidden;
transition: all 0.5s ease; border-radius: 50%;}
.Banner .flex-direction-nav a.flex-prev{ background:url(/tiyubu/images/gb20191224/prev.png) no-repeat center; background-color: rgba(0,0,0,0.2); left:50px; top: 50%; margin-top: -35px;}
.Banner .flex-direction-nav a.flex-next{  background:url(/tiyubu/images/gb20191224/next.png) no-repeat center;background-color: rgba(0,0,0,0.2); right:50px; top: 50%; margin-top: -35px;}
.Banner .flex-direction-nav a:hover{background-color: rgba(0,0,0,0.5); }




.content{overflow:hidden;}
.wrap_mode01{ /*! background: #f2f0e6; */ overflow: hidden; }
.mode01{max-width:1200px;overflow:hidden; margin:50px auto; }
.mode01 .lf{ width: 47.5%; float: left; overflow:hidden;}
.mode01 .rt{ width: 47.5%; float: right;overflow:hidden;}

.articleTitle01{ height: 28px; line-height: 28px;margin-bottom: 15px; overflow: hidden;}
.articleTitle01 .title { font-weight:bold; font-size: 2.2em; color: #333333;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size: 1.5em; color: #999999; }


/*新闻资讯*/
.articleList01{ overflow: hidden; }
.articleFirst{ overflow: hidden; }
.articleFirst .imgResponsive{ display: block; width: 320px; height: 239px; float: left; padding:0 15px 15px 0; position: relative; }
.articleFirst .imgResponsive:before{ content: ''; display: block; width: 320px; height: 239px; position: absolute; left:15px; top: 15px;z-index: 0;
background-color:#dd6b57;
background: -webkit-linear-gradient(left, #dfa10c, #dd6b57); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #dfa10c, #dd6b57); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#dfa10c, #dd6b57); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #dfa10c , #dd6b57); /* 标准的语法 */
 }
.articleFirst .imgResponsive a{ display: block; position: relative;z-index: 1;overflow: hidden;height: 0;padding-bottom: 75%;}
.articleFirst .imgResponsive a img{ transition: all 0.3s ease; }
.articleFirst .imgResponsive a:hover img{ transform: scale(1.1); }
.articleFirst .artText{ display: block; margin-left: 358px; height: 254px; /*! padding: 26px 30px 30px 20px; */ background:#fff; overflow: hidden;}
.articleFirst .artText h3{ height:56px; line-height:28px; 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: 15px 0 45px 0; }
.articleFirst .artText .rightDate{ display: inline-block; background:url(/tiyubu/images/gb20191224/datebg02.png) no-repeat left center; padding-left: 20px;
 font-size: 14px; color: #999; font-family: "Arial"; }




.articleListCon{ overflow: hidden;border-top: #dddddd 1px solid;margin: 20px 0 0 0;}
.articleListCon ul{  overflow: hidden; padding-top: 10px;}
.articleListCon ul li{  overflow: hidden; position: relative;height: 25px;line-height: 25px;padding: 8px 0;}
.articleListCon ul li a{ display: block; overflow: hidden;height: 25px;line-height: 25px;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(/tiyubu/images/gb20191224/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:7px;}


/*通知公告*/
.articleList02 ul li {/*! margin: 22px 0; */ overflow: hidden; }
.articleList02 ul li a{ display: block;  padding: 14px 12px; border-bottom: #e5e5e5 1px solid; overflow: hidden;}
.articleList02 ul li .date { width: 58px; height: 58px; color: #666666; display: block; background: #e6e6e6; float: left;}
.articleList02 ul li .day { height: 30px; line-height: 30px; font-size: 22px; display: block; text-align: center; font-weight: bold;color: #de543a;}
.articleList02 ul li .month { height: 25px; line-height: 25px; font-size: 12px; display: block;text-align: center; }
.articleList02 ul li .art-text{ display: block; height: 48px; line-height: 24px;font-size: 16px;margin-left: 75px;overflow: hidden; position: relative; transition: all 0.3s ease;}

.articleList02 ul li:hover{ box-shadow: 0 0 10px 0 #999; background-color:#dd6b57;
background: -webkit-linear-gradient(left, #dfa10c, #dd6b57); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #dfa10c, #dd6b57); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#dfa10c, #dd6b57); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #dfa10c , #dd6b57); /* 标准的语法 */ }

.articleList02 ul li a:hover{ box-shadow: 0 0 13px 0 #999; background-color:#dd6b57;
background: -webkit-linear-gradient(left, #dfa10c, #dd6b57); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #dfa10c, #dd6b57); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#dfa10c, #dd6b57); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #dfa10c , #dd6b57); /* 标准的语法 */ }
.articleList02 ul li a:hover .art-text{ padding-left: 7px; color: #fff; }




.mode02{ background:url(/tiyubu/images/gb20191224/modebg.jpg) no-repeat center; overflow: hidden; background-size: cover;}

/*四大图标*/
.articleList03{ max-width: 1200px; margin: 0 auto; overflow: hidden; }
.articleList03 ul { overflow: hidden;}
.articleList03 ul li{ width: 50%; float: left; overflow: hidden; }
.articleList03 ul li a{ display: block; }
.articleList03 ul li .art-text{ display: block; width: 50%; height: 0; padding-bottom: 33%; background: #f6f6f6; float: left; }
.articleList03 ul li .art-text span{ display: block; margin: 18% 0;}
.articleList03 ul li .art-text strong{ display: block;width: 43px; height: auto; margin: 0 auto; }
.articleList03 ul li .art-text b{ font-size: 2.2em; font-weight: bold;display: block; text-align: center; margin: 15px 0 0 0;}
.articleList03 ul li .art-img{ display: block; width: 50%; float: left; height: 0; padding-bottom:33%; overflow: hidden; }
.articleList03 ul li a .art-img img{ transition: all 0.3s ease; width: 100%; }
.articleList03 ul li a:hover .art-img img{ transform: scale(1.1); }


/*文明精神*/
.articleList04{ max-width: 1200px; margin: 0 auto; }
.articleList04 span{ display: block; max-width: 442px; margin:80px auto; }




@media screen  and (max-width:1440px) {
        .mode01,.articleList04{ max-width: 1000px; padding-left: 15px; padding-right:15px;}
        .articleList03{ max-width: 1000px; }
        .articleList03 ul li .art-text span{ margin: 15% 0; }
        .page1 .mouse{ left: 160px; }
     
 }

 @media screen  and (max-width:1024px) {
       .page1 .mouse{ left: 120px; bottom: auto;top: 42%; }
     
 }

@media screen  and (max-width:992px) { 
       .mode01{ margin: 30px auto; }
       .mode01 .lf,.mode01 .rt{ width: auto; float: none; }
       .mode01 .rt{ margin-top: 20px; }
       .Banner .flex-direction-nav a{ width: 40px; height: 40px; }
       .Banner .flex-direction-nav a.flex-prev,.Banner .flex-direction-nav a.flex-next{ background-size: 25px; }
       .Banner .flex-direction-nav a.flex-prev{ left: 20px; }
       .Banner .flex-direction-nav a.flex-next{ right: 20px; }
       .articleListCon ul li,.articleList02 ul li{ width: 49%; } 
       .articleListCon ul li:nth-child(odd),.articleList02 ul li:nth-child(odd){ float: left; }
       .articleListCon ul li:nth-child(even),.articleList02 ul li:nth-child(even){ float: right; }
      
}

@media screen  and (max-width:800px) {
       .page1 .mouse{ left: 95px; bottom: auto;top: 32%; }
     
 } 


@media screen and (max-width:767px) {
      .articleTitle01 .title{ font-size: 1.8em; }
      .articleTitle01 .more a{ font-size: 1.4em; }
      .articleListCon ul li, .articleList02 ul li{ width: 100%; float: none; }
      .articleListCon ul li .artTitle,.articleList02 ul li .art-text{ font-size: 1.4em; }
      .articleListCon ul li .rightDate{ font-size: 1.2em; }
      .articleList02 ul li .day,.articleList03 ul li .art-text b{ font-size: 1.8em; }
      .articleList02 ul li a{ padding: 14px 0; }
      .articleList03 ul li .art-text strong{ width: 30px; }
      .articleList04 span{ max-width: 320px; margin: 30px auto; } 

 }

@media screen and (max-width:640px) {
      .articleList03 ul li{ width: 100%; float: none; border-bottom: #fff 2px solid;}
      .articleFirst .imgResponsive{ width: 270px; height: 202px; }
      .articleFirst .artText{ margin-left: 306px; height: auto; }
      .articleFirst .artText p{ margin: 15px 0; }
      .articleFirst .artText h3{ height: 44px; line-height: 22px; }
      .articleFirst .artText h3 a{ font-size: 14px; }
      .articleFirst .artText p,.articleFirst .artText .rightDate{ font-size: 12px; } 

      .page1 .mouse{ left: 72px; bottom: auto;top: 25%; }
      .page1 .mouse a{ font-size: 14px; }
}

@media screen and (max-width:480px) {
     .articleFirst .imgResponsive{ width: auto; float: none; height: 0;padding-bottom: 76%;}
     .articleFirst .imgResponsive:before{ width: 99%; height: 99%; }
     .articleFirst .artText{ margin: 15px 0 0 0; }
     .articleFirst .artText h3,.articleFirst .artText p{ height: auto; }
     .articleListCon ul li,.articleListCon ul li a,.articleListCon ul li .artTitle{ height: auto; }
     .articleListCon ul li{ border-bottom: #e5e5e5 1px solid; }
     .articleListCon ul li .rightDate{ float: none; }
     .articleList04 span{ max-width: 240px; }
     .articleList03 ul li .art-text b{ font-size: 1.4em; margin: 5px 0 0 0; }

     .page1 .mouse{ left: 53px; bottom: auto;top: 20%; }
      
}

@media screen and (max-width:414px) {
     .page1 .mouse{ left: 45px; bottom: auto;top: 22%; }
     
}