@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ margin:0 auto;overflow-x: hidden; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:20px; background:url(../images/bg.jpg);}
h1{ font-size:14px;}
#wrap{ margin:0 auto; width:100%; overflow:hidden; padding-top:20px; text-align:left; background: top center no-repeat;}
li{ list-style:none;}
ol,ul,li{padding:0;margin:0}
A {TEXT-DECORATION:none;}
@media screen and (min-width: 1360px) { 
.topBanner,.subBanner,.Top_one_wrap,#wrap_A,.g-mod,.g-mod3,.g-mod4,.g-mod5,.g-mod6,.g-mod7,.g-mod8,.g-mod9,.g-mod720,#wrap_K{width:100%;}
.footer,.sub_footer {width:100%;}  
} 
/* css注释：设置了浏览器宽度不小于1200px时 abc 显示100%宽度 */ 
 
@media screen and (max-width: 1200px) { 
.topBanner,.subBanner,.Top_one_wrap,#wrap_A,.g-mod,.g-mod3,.g-mod4,.g-mod5,.g-mod6,.g-mod7,.g-mod8,.g-mod9,.g-mod720,#wrap_K{width:1200px;}
.footer,.sub_footer  {width:1360px;}  
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1100px宽度 */ 

.fl{float: left;}
.fr{float: right;}
.more{display: block;width:2.5vw; height:2.5vw; overflow: hidden; text-indent: -888px; background:url(../images/more.png) no-repeat;background-size: contain;}

.hide{   display: none;}

header{position: relative; width: 100vw; height:100vh;  overflow: hidden; margin: 0 auto;}
.slogen{ position: absolute;left: 6%; top: 6%; width:30vw;height:30vh; background: url(../images/slogen.png) left top no-repeat; background-size: contain;}
.arr{ position: absolute;left: 50%; bottom: 3%; margin-left: -36.5px; display: block; width:73px;height:92px; background: url(../images/arrow.png) no-repeat; animation: trans .6s linear infinite alternate;}
@keyframes trans {
  0%{
    transform: translateY(-10px);
  }
  100%{
    transform: translateY(10px);
  }
}
#shengyin { position: absolute;right: 3%; top:3%;  display: block;  background: url(../images/volume_c.png) no-repeat 0 0;  width: 36px;  height: 36px; z-index: 9999;cursor: pointer;}
/*top ############################################################################################################*/
.topBanner{ clear:both;  height:1021px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/topBanner.jpg) no-repeat top center;}
/*gra ############################################################################################################*/

/*头条 */
.wrap_A{ clear:both;height: 100%;overflow: hidden; margin: 0 auto; background: url(../images/a_ba.jpg) top right no-repeat;}
.topNews{display: none;position: relative;clear:both;  width:70%;   margin: 80px auto; }
.topNews::before{position: absolute;left: 0;top: 50%; margin-top: -66px; content: " ";display:block; width:83px; height: 132px; background: url(../images/t_a.png) no-repeat;background-size: contain;}
.topNews .Cont{ height:100%;text-align:left; padding: 0 0 0 120px;}
.topNews .Cont h1{position: relative; line-height:48px;}
.topNews .Cont h1 a{display: block; font-size:32px; font-weight:bold; color:#000;letter-spacing:2px;}
.topNews .Cont h1 a:hover{ color:#9a2f2d;}
.topNews .tmore  { position: absolute;bottom:0;right: 0; font-size:16px; font-weight:normal; color:#9a2f2d;}

.topNewsLine{ display: none; width:70%;height: 1px;overflow: hidden; margin: 0 auto;background: #765439;}
.wrap_b{clear:both;  width:70%; margin:80px auto ; }

/*焦点图 ############################################################################################################*/
.Focus_img{float: left; width:0%;height:62vh; overflow:hidden; transition: all 8s;}
.Focus_img.active{ width:55%;}
.Focus_img .a1978{ position: relative;display: block;width: 38vw; height:27vw; overflow:hidden;background: url(../images/a1978.png) left top no-repeat; background-size: contain;}
.Focus_img .a1{ position: absolute;left: 23%;top: 12%; display: block;width: 5vw; height:10vw; overflow:hidden;background: url(../images/a1.png) left top no-repeat; background-size: contain; animation:  an1 2s ease-in-out infinite alternate;}
.Focus_img .a2{ position: absolute;left: 59.5%;top: 22%; display: block;width: 10vw; height:6vw; overflow:hidden;background: url(../images/a2.png) left center no-repeat; background-size: contain;animation:  an2 5s ease-in-out infinite  1s;}
.Focus_img .a3{ position: absolute;left: 24%;top: 73.5%; display: block;width: 6.5vw; height:6vw; overflow:hidden;background: url(../images/a3.png) left top no-repeat; background-size: contain;animation:  an1 2s ease-in-out infinite alternate 1s;}
.Focus_img .a4{ position: absolute;left: 78.5%;top: 79.5%; display: block;width: 8vw; height:5vw; overflow:hidden;background: url(../images/a4.png) left top no-repeat; background-size: contain;animation:  an1 2s ease-in-out infinite alternate ;}
@keyframes an1 {
    0% { transform: scale(1); }
   
    100% { transform: scale(1.2); }
}
@keyframes an2 {
    0% { width: 0vw;  }
   
    100% {width: 10vw; }
}

/* 要闻聚集 */
.News{float: right; width:40%;height: 100%; overflow:hidden;}
h2.News_T{ height:12vh; overflow: hidden;margin-bottom: 20px; background: url(../images/t_b.png) no-repeat; background-size: contain;}
.News_T a{float: left;margin:8% 0 0 70%;}
.News .Cont{  text-align:left; }
.News .Cont li{position: relative;max-height:65px;overflow: hidden;margin-bottom: 15px; padding:0 20px 0 20px; font-size:22px; color:#765439; line-height:32px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2}
.News .Cont li a{ color:#765439;}
.News .Cont li a:hover{color:#9a2f2d;}
.News .Cont li::before{position: absolute;left: 0;top: 0px; font-size:36px;color:#765439;content:"·";}

/*滚动新闻*/
.scrollNews { clear: both; width: 70%;height: 44px;overflow: hidden; margin: 80px auto ;   border-radius: 20px; background: #a98566;  }
.part {	width:100%;	margin:0 auto;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}
.list.list-txt.dot li {	position:relative;padding-left:16px}
.list.list-txt li {	font-size:18px;	color:#fff}
.list.list-txt li a {font-size: 18px;line-height: 44px; color: #fff; text-decoration: none;}
.list.list-txt li a:hover{ color: #793d09;}
.latest {margin-top:0}
.latest .part {	font-size:0;padding:0 10px}
/* .latest .latest-cont {	width:100%;	overflow:hidden;display:inline-block;vertical-align:middle} */
.latest .latest-cont {display:inline-block;vertical-align:middle}
.latest .latest-cont .list {white-space:nowrap;	position:relative}
.latest .latest-cont .list:after {	content:'';	display:block;	position:absolute;	right:0;top:0;bottom:0;	height:34px;width:140px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0) 0,#a98566 100%)}
.latest .latest-cont .list li {	display:inline-block;margin-right:15px;	line-height:34px}
.latest .latest-cont .list li:before {	content: " · ";font-size: 18px; color: #fff; }
/*辉煌成就*/
.g-mod2{  height:100%; overflow:hidden; margin:0 auto; background: #fff; }
.tabs{	width: 70%;	margin: 50px auto; padding-bottom: 50px;}
.tabs h2{  height:15vh; overflow:hidden;  background: url(../images/t_c.png) no-repeat; background-size: contain;}
.tabs ul {	float: right;	display: block;	width: 25%; padding-top: 20px; text-align: left;	}
.tabs li {margin:0.5vw 0;height: 2.3vw; line-height: 2.3vw;}
.tabs li h4 {display: block;font-size: 1.1vw; font-weight: normal;padding: 0 0 0 20px;	text-decoration: none;	color: #000;cursor: pointer;}
.tabs li::after {content: " ";display: block; width: 0;height: 4px;background:linear-gradient(to right,#c7ab7b 35%,#fff); transition: all 1s ease;}
.tabs li:hover::after {width: 100%;}

#tabs_container {float: left; width: 70%;padding: 30px 0;overflow: hidden;	position: relative;	zoom: 1;}
#tabs_container div {float: left;zoom: 1;}
#tabs_container img {display: block; width:100%;height: 50vh;}
#tabs_container a {display: block; width:100%;height: 100%;}

.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

 
.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	z-index: 111;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
 

.tabulous_active {background: linear-gradient(to right,#c7ab7b 35%,#fff);	color: #fff !important;}
.tabulousclear {	display: block;	clear: both;}

/*时光故事汇*/
.g-mod3{clear: both; height:50vh;  margin:0 auto; padding: 80px 0; background: #fff; }
.g-mod3 .wrapper {position: relative;clear: both; width: 70%; height:100%;  margin:0 auto; background: url(../images/t_d.png) no-repeat; background-size: 40%;}
.g-mod3 .content {   text-align: left; }
.g-mod3 .more{position: absolute; left: 40%; top:20px;z-index: 333;}
.g-mod3 .prev {display: none;}
.g-mod3 .item {clear: both;width: 100%;height: 100%;display: flex; justify-content: space-between;}
.g-mod3 .cTxt { height: 100%; padding: 7vw 3vw 0 0;}
.g-mod3 .cTxt h3{margin-bottom: 20px; font-size: 30px; color: #765439; line-height: 36px; }
.g-mod3 .cTxt h3 a{ font-size: 30px; color: #765439;  }
.g-mod3 .cTxt p{font-size: 20px; color: #797878; line-height: 36px; }
.g-mod3 .cTxt p a{font-size: 20px; color: #bd2421; }
.g-mod3 .cImg { width:685px ; height: 100%; position: relative; flex-shrink: 0;}
.g-mod3 .cVideo {position: absolute;left: 50px;top: 25px; width:490px ; height:380px; }
.g-mod3 .cVideo img {width:480px ; height:380px; }
.g-mod3 .cover {position: absolute;right: 0;top: 0; width:682px ; height:463px; background: url(../images/tv.png) no-repeat;z-index: 11; pointer-events: none;}
.g-mod3 .turn { position: absolute;right: 48px;top: 31px; width:66px ; height:66px; background: url(../images/turn.png) no-repeat;z-index: 22;}
.g-mod3 .next { position: absolute;right: 27px;top: 175px; width:113px ; height:39px;overflow: hidden; background: url(../images/btn.png) no-repeat; cursor: pointer;z-index: 33;text-indent: -888px;}
.g-mod3 .remind { position: absolute;right: 45px;top: 225px; width:30px ; height:40px;overflow: hidden; background: url(../images/remind.png) no-repeat; cursor: pointer;z-index: 55;animation: trans 1s linear infinite alternate;}
.g-mod3 .play { position: absolute;left: 230px;top: 165px; width:102px ; height:102px;overflow: hidden; background: url(../images/play.png) no-repeat; z-index: 55; cursor: pointer;}
 /*弹层视频播放*/
.video_pop{display: none;position:fixed;top:0;left:0; width:100vw;height:100vh;overflow: hidden;z-index:888;background: rgba(0,0,0,0.5)}
.video_pop .play{position:absolute;top:20%;left: 50%; width:1200px;height:auto;margin-left: -600px; z-index:999;}
.video_pop .btn{display: block;position:absolute;top:0;right:5vw;width:2vw;height:2vw;z-index:99;}
.video_pop .btn a.close{cursor:pointer;display:block;width:100%;height:100%;overflow: hidden; font-size:1vw;color: #101010;line-height:2vw;text-align: center;border-radius: 50%; background:#ccc;}
.video_pop .btn a.close:hover{background:#E50D11;}


/*改革印记*/
.g-mod4{  height:800px; overflow: hidden; margin:0 auto; background: url(../images/b1.jpg) center top  no-repeat; }
.g-mod4 .wrapper{width: 100%; height:100%; margin:0 auto;padding: 100px 0 0 0; }
.g-mod4 .wrapper h2{clear: both; height:50px;text-align: center; }
.g-mod4 .content {clear: both; height:100%;padding:0;text-align: left;position: relative; }
.g-mod4 .tit{position: absolute; top: -10%; left: 18%; display: block; width: 13vw; height:55vh;  background: url(../images/t_e.png)  no-repeat; background-size: contain; z-index: 888;}
.pilotForwardBarrage { width: 100%; height: 600px; position: absolute; top: 0; right: 0; }
.pilotForwardBarrage div { display: block; font-size: 24px; color: #000; line-height: 52px; background-color: #FFF; border-radius: 30px;border: 1px solid #765439;padding: 0 60px 0 20px; position: absolute; white-space: nowrap; opacity: 0;}
.pilotForwardBarrage div:hover {animation-play-state: paused;}
.pilotForwardBarrage .good { position: absolute; right: 10px; bottom: 10px; display: block;width: 34px; height: 32px; background: url(../images/good.png)  no-repeat; cursor: pointer;z-index: 6;}
.pilotForwardBarrage div::after { content: " "; position: absolute; right: 10px; bottom: 10px; display: block;width: 34px; height: 32px; background: url(../images/good.png)  no-repeat;z-index: 5;}
.anim { animation: movePic 10s linear ;}
@keyframes movePic {
    0% { opacity: 0; left: 100%; }
    25% { opacity: 1; }
    65% { opacity: 1; }
    80% { opacity: .1; }
    100% { opacity: 0; left: 0; }
}

/*top ############################################################################################################*/
.subBanner{ clear:both;  height:600px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/subBanner.jpg) no-repeat top center;}
.wrap_K{ clear:both; height:100%;overflow:hidden; margin:0 auto;padding:0;text-align:center;background: url(../images/subBanner.jpg) no-repeat 50% -600px; }

.path{clear:both;width:1100px; height:60px; overflow: hidden; margin:0 auto;border-bottom: 3px solid #b57933;}
.path .con{clear:both;height:100%; overflow: hidden; margin:0 auto;padding:0  ;text-align:left;}
.path .con p{font-size:30px; font-weight:200;color:#b57933; line-height:50px;}
.path .con p  a{ font-size:30px; color:#b57933; }


/* 新闻列表*/
.X_News{clear:both;width:1100px; height:100%; overflow: hidden; margin:0 auto; }
.X_News .Cont{ height:100%;overflow:hidden; padding:20px 0 40px 0;text-align:left;}
.X_News .Cont li{ clear:both;margin: 20px 0; line-height:35px;}
.X_News .Cont li:nth-child(5n+5){ margin:20px 0 60px 0; }
.X_News .Cont li a{display: inline-block;width:1050px; font-size:24px; color:#000; }
.X_News .Cont li a:hover{  color:#b57933; text-decoration:none;}
.X_News .Cont li a::before{ content: " · "; font-size:36px; font-weight:normal;color:#000;}




/*video列表*/
.g-video{clear:both;width:1100px; height:100%; overflow: hidden; margin: 0 auto; }
.g-video .Cont{ height:100%; overflow:hidden;padding:30px 0 50px 4px;  }
.g-video .Cont li { float:left; width:254px; height:220px; margin:15px 26px 10px 0;text-align:left;background: #fff;}
.g-video .Cont li:nth-child(4n+0){ margin-right:0px;}
.g-video .Cont li img{display:block; width:254px; height:143px;}
.g-video .Cont li p{overflow: hidden;padding: 10px 10px 0 10px; font-size:16px; font-weight:300; color:#383838; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.g-video .Cont li p a{ color:#383838;}
.g-video .Cont li p a:hover{color:#b57933;}
.g-video .Cont .item { clear: both;  height:360px; margin:0 auto;overflow: hidden;}
.g-video .Cont h3 { clear: both;  height:85px; margin:15px auto;background: url(../images/tit_line.png) 0 50%  no-repeat;}
.g-video .Cont h3 .tit{ display:inline-block;float: left;width: 580px; font-size: 40px;color: #b57933;line-height: 80px; text-align: right;}
.g-video .Cont h3 .mr{ display:inline-block;float: left;width: 103px; height: 23px; margin: 38px 0 0 35px; background: url(../images/more2.png) no-repeat;}
 
.g-video .Cont dl { clear: both;  height:auto; margin:15px auto;text-align: left;}
.g-video .Cont dt { clear: both;  height:30px; margin:15px auto;font-size:20px;font-weight: 600;color: #1d2088;line-height: 30px; }
.g-video .Cont dd { clear: both; margin:10px auto;font-size:18px;color: #1d2088;line-height: 30px; }
.g-video .Cont dd a{ font-size:18px;color: #1d2088; }


/*photo列表*/
.g-photo{clear:both;width:1100px; height:100%; overflow: hidden; margin: 0 auto; }
.g-photo .Cont{ height:100%; overflow:hidden;padding:30px 0 50px 0;  }
.g-photo .Cont li { float:left; width:239px; height:440px; margin:15px 48px 20px 0;text-align:center;}
.g-photo .Cont li:nth-child(4n+0){ margin-right:0px;}
.g-photo .Cont li img{display:block; width:239px; height:372px;}
.g-photo .Cont li p{ overflow: hidden;margin-top:10px; font-size:16px; font-weight:300; color:#fff; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.g-photo .Cont li p a{ color:#fff;}
.g-photo .Cont li p a:hover{color:#b57933;}


/*pages*/
.pages{ clear:both; width:1000px; height:auto; margin:0 auto;}
.pages p{font-size:30px;COLOR:#b57933; line-height:61px;text-align:center; }
.pages p A { display:inline-block;height:61px; padding:0 20px;font-size:30px; COLOR:#b57933; margin-left:2px; border: 1px solid #b57933;}
.pages p A:hover {COLOR:#fff; TEXT-DECORATION: none;background: #b57933;}
.pages p A.current { COLOR:#fff;TEXT-DECORATION: none; background:#b57933;}
.pages p A.pre,.pages p A.next{font-size:30px; }

/*Gxtv_footer 底部信息*/
.footer{ clear:both; height:279px; overflow:hidden;margin:0 auto; text-align: center;background: url(../images/footer.jpg) top center no-repeat;}
.footer .Cont{width: 1200px; height:100%;overflow: hidden;margin: 0 auto;padding-top:80px; }
.footer .Cont p{font-size:24px; font-weight:200; line-height:60px;color:#000;}	

.subFooter{ clear:both; height:200px; overflow:hidden;margin:50px auto 0 auto;text-align:center; border-top: 2px solid #b57933;}
.subFooter .Cont{ height:100%; padding-top:30px; font-size:24px; font-weight:200; line-height:60px; color:#000;}
.subFooter .Cont a{color:#000;}