@charset "utf-8";
/* CSS Document */
.fix {top: 50%; margin: -165px 0 0 0; position: fixed; right: 0px; z-index: 99;}
.fix ul {margin:0px; padding:80px 0 0 0; width: 90px; height: 185px; background: url(../images20210713/content_03.png) no-repeat; }
.fix ul li { list-style: none; padding: 8px 15px; background: #bf9d62; margin: 0 0 10px 0; text-align: center; }
.fix ul li a { color: #fff; font-size: 14px; text-decoration: none; text-align: center; line-height: 18px; display: block; }
.close1 { width: 44px; height: 44px; margin: 0 auto 20px; }

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner{ overflow: hidden; 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:26.4%; 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 {width:auto; position: absolute; bottom:35px; right:17%;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: 8px; height: 8px; display: block; background:none; border: #d9b26f 1px 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:#d9b26f; border: #d9b26f 1px 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 .slideTxt{position:absolute; bottom:7%; left:20%; color:#fff;z-index:999; background:url(../../images/gb20190219/banner_bg.png) repeat; padding: 17px 19px;}
.Banner .flexslider ul li .slideTxt p{ font-size:2.2em; color:#fff;}
.Banner .flexslider ul li .slideTxt a{display: inline-block; font-size: 1.3em; color: #fff; background:url(../../images/gb20190219/play02.png) no-repeat right center; padding-right: 15px; float: right;
margin-top: 17px; }
.Banner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.Banner .flex-direction-nav{ display:block; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;}
.Banner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../../images/gb20190219/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../../images/gb20190219/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}

.Banner .flex-pauseplay{position: absolute;right:15%;bottom: 35px;}
.Banner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.Banner .flex-pauseplay a.flex-pause{background:url(../../images/gb20190219/pause.png) no-repeat center center;}
.Banner .flex-pauseplay a.flex-play{background:url(../../images/gb20190219/play02.png) no-repeat center center;}








.content{overflow:hidden;}
.mode01{max-width:1080px;overflow:hidden; margin:25px auto; }
.mode01 .lf{ width: 30.556%; float: left; }
.mode01 .md{ width: 30.6%; float: left; margin: 0 4%;}
.mode01 .rt{ width: 30.6%; float: right;}

.articleTitle01{ height: 30px; line-height: 30px; margin-bottom: 18px; }
.articleTitle01 .title font{ font-size: 2.2em; color: #333333;}
.articleTitle01 .title i{ font-style: normal; font-family: 'Cambria'; font-size: 1.8em; color: #cccccc; padding-left: 8px; }
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a i{ font-size:21px; color: #d9b26f; display: inline-block; width: 21px; height: 22px; background: url(../../images/gb20190219/more.png) no-repeat; margin-top: 4px;}

/*FlexSlider默认样式*/
.articleBanner{ background: #f5f3f0; padding-bottom: 46px; overflow: hidden; }
.articleBanner .flexslider { width:100%;  position: relative; zoom: 1;}
.articleBanner .flexslider ul li{ list-style:none; position: relative;}
.articleBanner .flexslider ul li .slideImg{display:block;height:0;padding-bottom: 75%;overflow:hidden;}
.articleBanner .flexslider ul li img{ border:none; width:100%;}
.articleBanner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleBanner .loading .flex-viewport {  }
.articleBanner .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleBanner .carousel li { margin-right: 5px; }
/*icon小点*/
.articleBanner .flex-control-nav {text-align:center;position: absolute;bottom: -32px;right: 40px;}
.articleBanner .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.articleBanner .flex-control-paging li a {  float:left; width: 7px; height: 7px; display: block; background:none; border: #d9b26f 1px solid; border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleBanner .flex-control-paging li a:hover,.articleBanner .flex-control-paging li a.flex-active {background:#d9b26f; border: #d9b26f 1px solid;}
.articleBanner .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleBanner .slides h4 a:hover{color:#fff;font-size:14px;}
.articleBanner .flexslider ul li .slideTxt{color:#fff; margin: 15px 20px 0 20px;  overflow: hidden;}
.articleBanner .flexslider ul li .slideTxt h2{ height: 46px; color: #525c66; font-weight: normal; font-size: 1.6em; line-height: 23px; overflow: hidden; }

.articleBanner .flexslider ul li .slideTxt p{font-size:1.3em;color:#a0a3a6;margin: 22px 0 20px 0;height: 65px;line-height: 22px;overflow: hidden;display: none;}
.articleBanner .flexslider ul li .slideTxt a{
 display: inline-block;
 font-size: 1.3em;
 color: #d9b26f;
 background:url(../../images/gb20190219/play02.png) no-repeat right center;
 padding-right: 15px;
 float: left;
 margin-bottom: 23px;
 margin-top: 20px;
 }
.articleBanner .flexslider ul li .slideTxt a:hover{ color: #d9b26f; }

.line{ height: 2px; width: auto; margin: 0 20px; background: #d8d7d6;}


.articleBanner .flex-direction-nav{ display:none;}
.articleBanner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleBanner .flex-direction-nav a{ width:36px;height:73px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleBanner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleBanner .flex-direction-nav a.flex-prev{ float:left;background:url(../../images/gb20190219/prev.png) no-repeat center; left: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-direction-nav a.flex-next{  background:url(../../images/gb20190219/next.png) no-repeat center; right: 2%; top: 50%; margin-top: -44px;}
.articleBanner .flex-pauseplay{position: absolute;right: 17px;bottom: -32px;}
.articleBanner .flex-pauseplay a{ display: inline-block; width: 18px; text-indent: -888em; }
.articleBanner .flex-pauseplay a.flex-pause{background:url(../../images/gb20190219/pause.png) no-repeat center center;}
.articleBanner .flex-pauseplay a.flex-play{background:url(../../images/gb20190219/play02.png) no-repeat center center;}



.articleList02 ul{ padding:20px 20px 25px 20px; background: #f5f3f0; overflow: hidden; }
.articleList02 ul li{ overflow: hidden; border-bottom: #dddcdc 1px solid; padding:9px 0; }
.articleList02 ul li a{ display: block; font-size: 1.4em; height: 24px; line-height: 24px; color: #525c66; overflow: hidden; }
.articleList02 ul li span.rightDate{ float: right; font-size: 1.2em; font-family: 'Arial'; color: #d9b26f; font-style:italic; font-weight: bold; display: block; margin-top: 5px; }
.articleList02 ul li span.rightDate02{display: none; font-size: 1.2em; font-family: 'Arial'; color: #d9b26f; font-style:italic; font-weight: bold; margin-bottom: 5px;}


.mode02{max-width:1080px; margin:25px auto; }

/*tab start*/
.tabArticleList{ position:relative;}

.tabArticleList .tabListTitle{  overflow:hidden;}
.tabArticleList .tab_menu { margin:0 -10px; }
.tabArticleList .tab_menu li{  float:left; width: 16.66%;}
.tabArticleList .tab_menu li a{ display: block; margin: 0 10px; background: #f5f3f0;border-bottom: #fff 9px solid; overflow: hidden; }
.tabArticleList .tab_menu li strong{display:block; margin: 17px; }
.tabArticleList .tab_menu li strong i{ display:block; height:0; padding-bottom:100%; border-radius:50%; overflow:hidden;}
.tabArticleList .tab_menu li a span{ display: block; font-size: 1.6em; text-align: center;  border-top: #ddcfb6 1px solid; height: 49px; line-height: 49px;}

.tabArticleList .tab_menu li:hover,.tabArticleList .tab_menu li.on{}
.tabArticleList .tab_menu li a:hover,.tabArticleList .tab_menu li.on a{ background: #d9b26f; border-bottom: #d9b26f 9px solid; -webkit-transition:  all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.tabArticleList .tab_menu li a:hover span,.tabArticleList .tab_menu li.on a span{ color: #fff; }

.tabArticleList .tab_menu li img{ width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.tabArticleList .tab_menu li a:hover img{ opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.tabArticleList .tabListBox{ display:none;}
.tabArticleList .tabListBox:first-child{display: block;}

.articleList03_Text{ padding:7px 15px; background: #f5f3f0; overflow: hidden; position: relative; z-index: 999; }
.articleList03_Text ul li{ background:url(../../images/gb20190219/zn.png) no-repeat left center; padding-left: 20px; float: left; width: 16%; margin:1%; }
.articleList03_Text ul li a{ font-size: 1.4em; }


/*tab end*/ 
.tabMore{ width: auto; display: inline-block; position: absolute; right: 70px; bottom: 10px; display: none;}
.tabMore a{ font-size: 12px; text-decoration: underline;}
.close{ font-size: 12px; position:absolute; bottom: 10px; right: 20px;text-decoration: underline; display: none;}

.mode03{ width: 100%;background: #f5f5f5; overflow: hidden; }
.articleList04{ max-width:1080px;overflow:hidden; margin:0 auto;  }
.articleList04 ul li a{ display: block; position: relative; }
.articleList04 ul li{ width: 16.6%; float: left; text-align: center; padding: 15px 0; }
.articleList04 ul li i{ display: inline-block; width: 32px; height: 0; padding-bottom: 24%; }
.articleList04 ul li i.i01{ background:url(../../images/gb20190219/zp01.png) no-repeat; }
.articleList04 ul li:hover i.i01{background:url(../../images/gb20190219/zp11.png) no-repeat;}

.articleList04 ul li i.i02{ background:url(../../images/gb20190219/zp02.png) no-repeat; }
.articleList04 ul li:hover i.i02{background:url(../../images/gb20190219/zp12.png) no-repeat;}

.articleList04 ul li i.i03{ background:url(../../images/gb20190219/zp03.png) no-repeat; }
.articleList04 ul li:hover i.i03{background:url(../../images/gb20190219/zp13.png) no-repeat;}

.articleList04 ul li i.i04{ background:url(../../images/gb20190219/zp04.png) no-repeat; }
.articleList04 ul li:hover i.i04{background:url(../../images/gb20190219/zp14.png) no-repeat;}

.articleList04 ul li i.i05{ background:url(../../images/gb20190219/zp05.png) no-repeat; }
.articleList04 ul li:hover i.i05{background:url(../../images/gb20190219/zp15.png) no-repeat;}

.articleList04 ul li i.i06{ background:url(../../images/gb20190219/zp06.png) no-repeat; }
.articleList04 ul li:hover i.i06{background:url(../../images/gb20190219/zp16.png) no-repeat;}

.articleList04 ul li i.i07{ background:url(../../images/gb20190219/zp07.png) no-repeat; }
.articleList04 ul li:hover i.i07{background:url(../../images/gb20190219/zp17.png) no-repeat;}

.articleList04 ul li i.i08{ background:url(../../images/gb20190219/zp08.png) no-repeat; }
.articleList04 ul li:hover i.i08{background:url(../../images/gb20190219/zp18.png) no-repeat;}






.articleList04 ul li span{ font-size: 1.4em; display: block; height: 28px; line-height: 28px; }
.articleList04 ul li a:before{ content: ''; display:inline-block; width: 1px; height: 54px; background: #e0d8ca; position: absolute; left: 0 ; top: 0; }
.articleList04 ul li:last-child a:after{content: ''; display:inline-block; width: 1px; height: 54px; background: #e0d8ca; position: absolute; right: 0 ; top: 0; }
.articleList04 ul li:hover{ background: #d9b26f; -webkit-transition:  all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.articleList04 ul li:hover a span{ color: #fff; }
.articleList04 ul li:hover a:after{ display: none; } 
.articleList04 ul li:last-child:hover a:before{ display: none; }





@media screen  and (max-width:1080px) {
         .mode01,.mode02{ margin: 25px 40px; }
         .articleList04{ margin: 0 40px; }
 }

@media screen  and (max-width:992px) { 
   .Banner .flexslider ul li .slideTxt{ left:40px; right: 40px; padding: 10px;}
  .Banner .flexslider ul li .slideTxt p{ font-size: 1.8em; height: 22px; overflow: hidden; }
  .Banner .flexslider ul li .slideTxt a{ display: none; }
  .Banner .flex-control-nav{ display: none; }
  .Banner .flex-pauseplay{ display: none; }

 .mode01 .lf{ width: auto; }
 .mode01 .md,.mode01 .rt{ width: 48%; margin:33px 0 0 0;  }
 .articleBanner .flexslider ul li .slideImg{padding-bottom: 25.5%;width: 50.9%; float: left;}
 .articleBanner .flexslider ul li .slideTxt{ float: right; width: 43%;margin: 2% 3% 0 3%; }

 .articleBanner .flex-control-nav{ right: 50%; margin-right: -40px; }
 .articleBanner .flex-pauseplay{ right: 50%; margin-right: -60px; }
 .rightDate{ display: none !important; }
 .rightDate02{ display: block !important; }
 .tabArticleList .tab_menu li{ width: 25%; }

 .tabArticleList .tab_menu li a,.tabArticleList .tab_menu li a:hover, .tabArticleList .tab_menu li.on a{ border-bottom: none; margin-bottom: 10px; }

 .tabArticleList .tabListBox:last-child{ display: none; }
 .tabArticleList .tabListBox{  }
  .tabArticleList .tabList { position: absolute; top: 0; left: 11%; width: 80%; box-shadow: 10px 4px 12px #666;border-radius: 10px; } 
  .articleList03_Text{border-radius: 10px;}
  .articleList03_Text ul li{ width:40%; }
.close{ display: block; }
  .articleList04 ul li{ width: 25%; }
  .articleList04 ul li:nth-child(4) a:after{content: ''; display:inline-block; width: 1px; height: 54px; background: #e0d8ca; position: absolute; right: 0 ; top: 0; } 
  .articleList04 ul li i{ padding-bottom: 14%; }

  .articleList03_Text{ padding:4% 4% 10% 4%; }
  .articleList03_Text ul li{ margin: 2%; }
  .tabMore{ display: block; }

}


@media screen and (max-width:640px) {
     .Banner .flexslider ul li .slideTxt{ left:20px; right: 20px; padding: 4px 8px;}
     .Banner .flexslider ul li .slideTxt p{ font-size: 1.4em; }
     .Banner .flex-direction-nav{ display: none; }
     .fix { display: none; }
     .mode01,.mode02{ margin: 20px; }
     .articleList04{ margin: 0 20px; }
     .articleList04 ul li{ width: 33.3%; }
    .articleList04 ul li:nth-child(3) a:after,.articleList04 ul li:nth-child(6) a:after{content: ''; display:inline-block; width: 1px; height: 54px; background: #e0d8ca; position: absolute; right: 0 ; top: 0; }

     .tabArticleList .tab_menu li a span{ font-size: 1.4em; height: 35px; line-height: 35px; }
 }

@media screen and (max-width:480px) {
     .articleBanner .flexslider ul li .slideImg{ float: none; width: auto; height: auto; padding-bottom: 0; }
     .articleBanner .flexslider ul li .slideTxt{ float: none; width: auto; }
     .articleBanner .flexslider ul li .slideTxt h2{ height: auto; }
     .articleBanner .flexslider ul li .slideTxt p{ margin: 15px 0; height: auto; }
     .mode01 .md, .mode01 .rt{ width: 100%; margin: 20px 0 0 0; }
     .articleTitle01{ margin-bottom: 10px; }
     .articleTitle01 .title font{ font-size: 1.8em; }
     .articleTitle01 .title i{ font-size: 1.6em; }



}

@media screen and (max-width:414px) {
  .articleTitle01 .title font{ font-size: 1.6em; }
   .articleBanner .flexslider ul li .slideTxt h2{ font-size: 1.4em; }
   .articleBanner .flexslider ul li .slideTxt p{ font-size: 1.2em; }
   .articleList02 ul li a{ font-size: 1.2em; }

  .articleList04 ul li span,.tabArticleList .tab_menu li a span,.articleList03_Text ul li a{ font-size: 1.2em; }
  .articleList03_Text ul li{ width: 85%; margin: 4% 2%; }

}

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

}

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

  .tabArticleList .tab_menu li{ width: 33.3%; }
}