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


.content{ overflow:hidden; border-top: #eeeeee 1px solid; clear: both;}
.mode02{max-width:1200px;overflow:hidden; margin:0 auto; }
.mode02 .lf{ width: 66.3%; float: left; overflow: hidden; }
.mode02 .rt{ width: 31%; float: right; overflow: hidden;}

.articleTitle01{ height: 48px; line-height: 48px; border-bottom: #eaeaea 1px solid; margin-bottom: 10px; overflow: hidden;}
.articleTitle01.t01,.articleTitle01.t02 { border-bottom: none; max-width: 1200px; margin: 0 auto; height: 42px; line-height: 42px; position: relative;z-index: 99; }
.articleTitle01.t01 .title{ color: #fff; }
.articleTitle01 .title{ font-size:2.0em; font-weight: bold; color: #333;}
.articleTitle01 .more{ float: right; }
.articleTitle01 .more a{ font-size:1.4em; color: #999999;}

.articleTitle01.t02 .title{font-weight: normal;color: #fff;}
.articleTitle01.t02 .more a{ color: #fff; }


.articleList02{ overflow: hidden; }
.articleList02 ul{ overflow: hidden; margin: 0 -27px;}
.articleList02 ul li > div{ margin: 0 27px; }
.articleList02 ul li{ width:49.5%; float: left; border-bottom: #eeeeee 1px solid; padding:13px 0; overflow: hidden;}
.articleList02 ul li:nth-child(even){border-left: #eeeeee 1px solid;}
.articleList02 ul li:nth-child(7),.articleList02 ul li:last-child{ border-bottom: none; }
.articleList02 ul li i{ color: #992c23; font-size: 1.4em; font-style: normal; }
.articleList02 ul li a{ display: block; font-size: 1.6em; height: 46px; line-height: 24px; margin: 10px 0; overflow: hidden; transition: all 0.4s ease; }
.articleList02 ul li a:hover{  padding-left:10px;  }
.articleList02 ul li .rightDate{ font-size: 1.2em; color: #999999; display: block; background:url(../../images/gb20190627/timebg.png) no-repeat left center; padding-left:20px;}


.articleList022{ overflow: hidden; }
.articleList022 ul li{border-bottom: #eeeeee 1px solid; padding:0 0 13px 0; margin-bottom: 13px; overflow: hidden;transition: all 0.3s ease;}
.articleList022 ul li:hover{ background: #992c23; padding: 10px 15px;}
.articleList022 ul li:last-child{ border-bottom: none; }
.articleList022 ul li a{ font-size: 1.6em; height: 24px; line-height: 24px; display: block; margin: 7px 0 0 0; overflow: hidden;}
.articleList022 ul li p{ font-size: 1.4em; display: block; color: #999; height: 66px; line-height: 22px; margin: 10px 0; overflow: hidden; }
.articleList022 ul li .rightDate{ font-size: 1.2em; color: #999999; display: block; background:url(../../images/gb20190627/timebg.png) no-repeat left center; padding-left:20px;}

.articleList022 ul li:hover a,.articleList022 ul li:hover i{ color: #ffffff !important; }
.articleList022 ul li:hover p,.articleList022 ul li:hover .rightDate{ color: #cca39f; }


/*媒体聚焦*/

.Wrapmode01{ max-width: 1920px; margin: 0 auto; background:url(../../images/gb20190627/modebg.png) no-repeat left top #992c23;overflow: hidden; position: relative;z-index: 1; }
.Wrapmode01:after{ content: ""; display: block;width:67%; height: 100%; background: #eeeeee; position: absolute; right: 0; top: 0; }
.mode01{ margin:25px auto 50px auto; overflow: hidden; }
.mtjj { max-width: 1380px; float: right;}
/*图片轮播*/
/*FlexSlider默认样式*/
.mtjj .flexslider { position: relative;z-index: 999; }
.mtjj .flexslider ul li{ position:relative; list-style:none; overflow:hidden;}
.mtjj .flexslider ul li img{ display:block;width:100%;}
.mtjj .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.mtjj .loading .flex-viewport { max-height: 300px; }
.mtjj .flexslider .slides { zoom: 1; padding:0;}
.mtjj .carousel li { margin-right: 5px; }
/*icon小点*/

.articleList01 .flex-control-nav{ display:none;}

.articleList01 .flex-direction-nav{ display:block; width: 60px;  position: absolute; left:-170px;top:65px;z-index: 1002}
.articleList01 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleList01 .flex-direction-nav a{ width: 54px;height:54px;display: inline-block;*display: inline;*zoom:1; border:#b06761 3px solid; border-radius: 50%; margin: 7px 0;
  text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList01 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleList01 .flex-direction-nav a.flex-prev{ background:url(../../images/gb20190627/prev.png) no-repeat center;}
.articleList01 .flex-direction-nav a.flex-next{ background:url(../../images/gb20190627/next.png) no-repeat center;}


.articleList01 ul.slides li{ width:25%; float:left;}
.articleList01 ul.slides li > a{ display: block; margin:10px 37px 37px 37px; background: #fff; border-bottom: #992c23 10px solid; box-shadow: 2px 2px 15px #cfcfcf;}
.articleList01 ul.slides li img{ -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList01 ul.slides li a:hover img{opacity: 1;transform: scale(1.1);}
.articleList01 ul.slides li a:hover{}

.articleList01 ul.slides li a > span{ display:block; height:0; padding-bottom:57%; overflow:hidden;}
.articleList01 ul.slides li a p{ font-size:1.6em; color:#666666; padding:15px 30px; line-height:24px;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList01 ul.slides li a p i{ display:block; height:48px; line-height: 24px; font-style:normal; overflow:hidden;}
.articleList01 ul.slides li a p span{ display: block;font-size: 14px; line-height: 22px; height: 85px; color: #999; margin: 10px 0; overflow: hidden; }
.articleList01 ul.slides li a:hover p{ background:#992c23;}
.articleList01 ul.slides li a:hover p i{ color:#fff;}
.articleList01 ul.slides li a:hover p span,.articleList01 ul.slides li a:hover p .rightDate{ color: #cca39f; }
.articleList01 ul.slides li a p .rightDate{ font-size: 12px; color: #999999; display: block; background:url(../../images/gb20190627/timebg.png) no-repeat left center; padding-left:20px;}


.articleList01 .banner-number{position: absolute;left:-170px;bottom:60px;  width:160px; border-bottom: #c0807a 2px solid; z-index:99;}
.articleList01 .pic-index{font-size:56px;color:#fff;font-weight: bold; border-bottom: #fff 2px solid;}
.articleList01 .pic-all{font-size: 26px;color:#fff;font-weight: bold;}







/*媒体查询*/

.Wrapmode03{width: 100%; overflow: hidden;
background: -webkit-linear-gradient(left, #df652a , #9a2c23); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #df652a, #9a2c23); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #df652a, #9a2c23); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #df652a , #9a2c23); /* 标准的语法 */ 

}
.mode03{max-width:1200px;overflow:hidden; margin:20px auto; }
.mtcx{ overflow: hidden; margin: 0 auto 2px auto; }

/*图片轮播*/
/*FlexSlider默认样式*/
.mtcx .flexslider { position: relative;z-index: 999; overflow:hidden;}
.mtcx .flexslider ul li{ position:relative; list-style:none; }
.mtcx .flexslider ul li img{ display:block;width:100%;}
.mtcx .flex-viewport { max-height: 2000px; padding-top: 18px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.mtcx .loading .flex-viewport { max-height: 300px; }
.mtcx .flexslider .slides { zoom: 1; padding:0;}
.mtcx .carousel li { margin-right: 5px; }
/*icon小点*/

.articleList03 .flex-control-nav {width:auto; margin-top: 25px; text-align:center; overflow: hidden;}
.articleList03 .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.articleList03 .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:#ca6d52; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleList03 .flex-control-paging li a:hover,.articleList03 .flex-control-paging li a.flex-active {background:#fff;}


.articleList03 .flex-direction-nav{ display:none; }
.articleList03 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; width: 50%; }
.articleList03 .flex-direction-nav a{ width: 8px;height: 10px;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;}
.articleList03 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleList03 .flex-direction-nav a.flex-prev{ background:url(../images/prev02.png) no-repeat center; float: left;}
.articleList03 .flex-direction-nav a.flex-next{ background:url(../images/next02.png) no-repeat center; float: right;}

.articleList03 ul.slides{ }
.articleList03 ul.slides li{width:25%; float:left; }
.articleList03 ul.slides li > a{ display: block; margin: 0 1px; padding: 0 15px; text-align: center;
 position: relative;transition: all 0.4s ease;}
.articleList03 ul.slides li > a:after{ content: ''; display: block; width: 1px;height: 100%; background: #84231b; position: absolute;
top: 0; right: 0; box-shadow: 1px 0 0 #d76534;}
.articleList03 ul.slides li:first-child > a:before{content: ''; display: block; width: 1px;height: 100%; background: #84231b; position: absolute;
top: 0; left: 0;box-shadow: 1px 0 0 #d76534;}

.articleList03 ul.slides li > a:hover{ margin-top: -10px; }
.articleList03 ul.slides li strong{ display:block; height: 63px;line-height: 63px; margin-bottom: 22px; 
  font-size: 7.2em; font-weight: bold; color: #fff; text-shadow: 1px 2px 1px #441511; }
.articleList03 ul.slides li span{ display: block; font-size: 1.4em; color: #fff; padding-top: 25px; position: relative; }
 .articleList03 ul.slides li span:before{ content: ''; display: block; width: 30px; height: 1px;background:#da7c56;
  position: absolute;left: 50%; top: 0; margin-left: -15px; }


/*媒体人物*/
.mode04{ max-width: 1200px; overflow: hidden;  margin:20px auto; border-bottom: #eee 1px solid;}
.mtrw{ max-width: 975px; margin:0 auto; }
.articleList04{ position: relative; overflow: hidden; }
.articleList04 ul li dl dd{overflow: hidden; border-bottom: #eee 1px solid; padding:0 0 15px 0; margin-bottom: 15px;transition: all 0.5s ease;}
.articleList04 ul li dl dd:hover{ margin-left: 10px; }
.articleList04 ul li dl dd:last-child{ border-bottom: none; padding:0; margin-bottom: 0; }

.articleList04 ul li{  }
.articleList04 ul li .leftDate{ float: left; font-size: 1.2em; color: #f3f3f3; display: inline-block; width: 90px;height: 30px;
text-align: center; line-height: 30px; border-radius: 15px; background: #333333; margin-top: 10px; }
.articleList04 ul li .rightText{ margin-left: 120px; }

.articleList04 ul li .textCon { display: block;width: 77%; float: left; }
.articleList04 ul li .textImg{ display: block; width: 18.6%; float:right; }
.articleList04 ul li .textImg a{ display: block; height: 0; padding-bottom: 56%; overflow: hidden; }
.articleList04 ul li .textImg a img{transition: all 0.5s ease;}
.articleList04 ul li .textImg a:hover img{opacity: 0.9;transform: scale(1.1);}
.articleList04 ul li .textCon a{ font-size: 1.6em; display: block; height: 30px;line-height: 30px; overflow: hidden; }
.articleList04 ul li .textCon p{display: block; font-size: 1.4em; color: #999; height: 66px; line-height: 22px; overflow: hidden;}
.articleList04 ul li .textCon a i{ font-style: normal; color: #992c23; }

/*icon小点*/

.articleList04 .flex-control-nav {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: 10px; height: 10px; display: block; background:#ca6d52; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px; }
.articleList04 .flex-control-paging li a:hover,.articleList03 .flex-control-paging li a.flex-active {background:#fff;}


.articleList04 .flex-direction-nav{ display:block;}
.articleList04 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; margin:0 10px;}
.articleList04 .flex-direction-nav a{ width:60px;height: 60px;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/gb20190627/prev03.png) no-repeat #dddddd center; position: absolute; left: 0; top: 50%; margin-top: -30px;}
.articleList04 .flex-direction-nav a.flex-next{ background:url(../../images/gb20190627/next03.png) no-repeat #dddddd center; position: absolute; right: 0; top: 50%; margin-top: -30px;}
.articleList04 .flex-direction-nav a.flex-prev:hover{ background:url(../../images/gb20190627/prev03.png) no-repeat #992c23 center;}
.articleList04 .flex-direction-nav a.flex-next:hover{ background:url(../../images/gb20190627/next03.png) no-repeat #992c23 center;}



.mode05{max-width: 1200px; overflow: hidden;  margin:0 auto;}
.articleList05 {}
.articleList05 ul { margin: 0 -10px; overflow: hidden; }
.articleList05 ul li{ width: 25%; float: left; margin-top: 5px; }
.articleList05 ul li > a{ display: block; margin: 0 10px; }
.articleList05 ul li .artImg{ display: block; position: relative; }
.articleList05 ul li .artImg i{ display: block; height: 0; padding-bottom: 58%; overflow: hidden; }
.articleList05 ul li .artImg i img{ display: block; width: 100%; transition: all 0.5s ease;}
.articleList05 ul li a:hover .artImg img{opacity: 0.9;transform: scale(1.1);}
.articleList05 ul li .artImg strong{ display: block; width: 60px;height: 60px;background:url(../../images/gb20190627/video_open.png) no-repeat;
position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
.articleList05 ul li .artTxt{display: block; font-size: 1.6em; max-height: 70px; line-height: 24px; overflow: hidden; margin: 10px 0; }
.articleList05 ul li .artTxt i{ display: block; font-style: normal; color: #992c23; }




@media screen  and (max-width:1440px) {
       .articleList01 .flex-direction-nav{ position: static; width: auto; margin-left: 110px;}
       .articleList01 .flex-direction-nav a{ margin: 0 10px; border: none; width: 20px; height: 18px;}
       .articleList01 .banner-number{ left:25px; bottom: 0; width: 90px; }
       .articleList01 .pic-index{ font-size: 30px; }
       .articleList01 .pic-all{ font-size: 16px; } 
       }



@media screen  and (max-width:1200px) {
         .mode01,.mode02,.mode03,.mode04,.mode05{ margin: 20px; }
         
 }



@media screen  and (max-width:992px) { 
         .Wrapmode01{ margin: 94px 0 0 0; }
         .mode02 .lf,.mode02 .rt{ width: 100%; float: none; }
         .articleList022 ul li a,.articleList022 ul li p{ height: auto; }
         .articleList03 dl dd strong{ font-size: 5.2em; } 
         .articleList01 ul.slides li > a{ margin:10px 20px 37px 20px; box-shadow: 2px 3px 8px 0px #333; }



}


@media screen and (max-width:767px) {
       .articleList03 dl dd strong{ font-size: 3.2em; height: auto; line-height: 30px; }
       .articleList04 ul li .leftDate{ float: none; display: block; margin:0 0 10px 0;}
       .articleList04 ul li .rightText{ margin-left: 0; }
       .articleList05 ul li{ width: 50%; }
       .articleTitle01 .title{ font-size: 1.8em; }
       .articleList01 ul.slides li a p,.articleList02 ul li a,.articleList022 ul li a,.articleList04 ul li .textCon a,.articleList05 ul li .artTxt{ font-size: 1.4em; }
       .articleList01 ul.slides li a p span,.articleList022 ul li p,.articleList04 ul li .textCon p{ font-size: 12px; } 
       .articleList01 ul.slides li a p i{ height: 24px; }
       .articleList01 ul.slides li a p span{ height: auto; }
       .articleList03 dl dd > a{ padding: 0 5px; }
       .articleList03 dl dd > a:hover{ margin-top: 0; }
       .articleList03 dl dd span{ padding-top: 10px; }
       .articleList04 .flex-direction-nav{ display: none; }

       .articleList01 .flex-direction-nav{ display: none; }
       .articleList01 .banner-number{ width: 66px; }
       .articleList01 .pic-index{ font-size: 20px; }
       .articleList01 .pic-all{ font-size: 14px; }


 }


@media screen and (max-width:640px) {
       .articleList02 ul li{ width: 100%; }
       .articleList02 ul li a{height: auto; margin: 5px 0; }
       .articleList03 dl dd{ width: 50%; margin-bottom: 15px; }
       .articleList03 dl dd:nth-child(3) > a:before{content: ''; display: block; width: 1px;height: 100%; background: #84231b; position: absolute;
top: 0; left: 0;box-shadow: 1px 0 0 #d76534;}
  
 }

@media screen and (max-width:480px) {
     .articleList04 ul li .textImg{ display: none; }
     .articleList04 ul li .textCon{ width: 100%; float: none; }
     .articleList03 ul.slides li:first-child > a:before,.articleList03 ul.slides li > a:after{ display: none; }



}

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


}

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

}