﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ margin:0 auto; font-size:12px; font-family:'Verdana', 'Microsoft YaHei', 'PingFang SC', FZYaSong-B-GBK,'Microsoft YaHei', SimSun,"微软雅黑"; text-align:center; line-height:20px; background:#0d053c; }

html, body { 
  scroll-behavior: smooth;
}

h1{ font-size:14px;}
li{ list-style:none;}
A {TEXT-DECORATION:none;}
@media screen and (min-width: 1360px) { 
.topBanner,.subBanner,.Top_one_wrap,#wrap_A,.g-mod,.g-mod3,.g-mod2,.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-mod2,.g-mod5,.g-mod6,.g-mod7,.g-mod8,.g-mod9,.g-mod720,#wrap_K{width:1200px;}
.footer,.sub_footer  {width:1360px;}  
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1100px宽度 */ 


@media screen and (min-width: 768px) {
    body{
        width:100%;
        margin: 0 auto;
    }
}


.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8{display: none; }


.topBanner{ clear:both;  height:547px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/banner.jpg) no-repeat top center;}
.subBanner{ clear:both;  height:737px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/subBanner.jpg) no-repeat top center;}
/*nav ############################################################################################################*/

 .more { display:block;width: 103px;height: 38px; background:url(../images/more.png)  no-repeat; } 


.bgWrap{ margin:0 auto; width:100%; overflow:hidden; padding-top:20px; text-align:left; background:url(../images/banner2.jpg) 50% -600px no-repeat;}

/*gra ############################################################################################################*/
.section1{  clear: both;  margin: 0 auto; height:653px; overflow: hidden; padding: 0; background: url(../images/main01.jpg)   top center no-repeat; }
.section1 .wrapper{width:1090px; height:100%;  margin:27px auto 0 auto; position: relative;}
.section1 .wrapper h2{clear: both;height:70px; overflow: hidden;}
.section1 .more { float: right;display:block;margin: 0 0 0 0; }
/*焦点图 ############################################################################################################*/
.Focus_img1{  width:100%;overflow:hidden;}
.Focus_img1 .Cont{ height:100%; overflow:hidden;  text-align:left; }
.Gxtv_focus_wrap1 {margin: 0px auto; width:100%; height:450px;  position: relative;}
.Gxtv_A1 {position: relative;  width:100%; height:450px;}
.Gxtv_A1 img { display: inline-block;  width:850px; height:450px;}
.Gxtv_A1 i {font-style: normal}
.Gxtv_A1 .home_focus_main {position: absolute; overflow: hidden; width:850px; height:450px; top: 0px; right: 0px}
.Gxtv_A1 .home_focus_main A {display: none}
.Gxtv_A1 .home_focus_main .current {display: block}
.Gxtv_A1 .home_focus_text {POSITION: absolute;text-align: left; width:310px; height: 450px;  overflow: hidden; bottom: 0; font: normal 22px/38px "微软雅黑","Arial Narrow",HELVETICA;  color: #fff; left:0px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5; background: url(../images/textbg.png) -9px -9px no-repeat;}
.Gxtv_A1 .home_focus_text a { outline-width: 0px; display: none; color: #fff; text-decoration:  none;  margin: 190px 30px 0 20px; }
.Gxtv_A1 .home_focus_text a:hover { color:#17e7fe; text-decoration:  none}
.Gxtv_A1 .home_focus_text .current {	display: block;color: #fff}
.Gxtv_A1 .home_focus_sub {position: absolute;text-align: right;bottom:20px;height:30px; overflow:hidden;right: 300px; }
.Gxtv_A1 .home_focus_sub div {margin:0px 10px; ZOOM: 1; height:20px; overflow: hidden;}
.Gxtv_A1 .home_focus_sub a {	position: relative; MARGIN: 0px 15px; width: 20px;  height: 20px;display: inline-block; outline-width: 0px; overflow: hidden; cursor: pointer; background:#a2a2a2;border-radius: 50%;}
.Gxtv_A1 .home_focus_sub .current {background:#17e7fe; }
.Gxtv_A1 .home_focus_sub a:hover {background:#17e7fe;}
.Gxtv_A1 .home_focus_sub img {display: none}
.Gxtv_A1 .home_focus_sub i {	display: none}


.lhCalendar {  
	width:1090px;
	max-width:1090px;
	height:450px;
	margin-left: 0px;
}
.lhCalendar .calendarControl {
	width:200px;
	position:absolute;
	right:250px;
	top:410px;
	z-index: 8888;
}
.lhCalendar .calendarControl .calTitle {
	width:100%;
	height:35px;
	background:#aa1616;
	position:relative
}
.lhCalendar .calendarControl .calTitle .calLeftB {
	display:inline-block;
	width:18px;
	height:18px;
	position:absolute;
	left:5px;
	top:10px;
	cursor:pointer
}
.lhCalendar .calendarControl .calTitle .calRightB {
	display:inline-block;
	width:18px;
	height:18px;
	position:absolute;
	right:5px;
	top:10px;
	cursor:pointer
}
.lhCalendar .calendarControl .calTitle .calTitleC {
	text-align:center;
	color:#fff;
	font-size:16px;
	display:inline-block;
	width:100%;
	height:35px;
	line-height:35px
}
.lhCalendar .calendarControl .calList {
	width:100%;
}.lhCalendar .calendarControl .calList ul {
	display: flex; justify-content: space-between;
}
.lhCalendar .calendarControl .calList li {	
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align:center;
	font-size:16px;
	line-height: 20px;
	color:#49535d;
	cursor:pointer;
	border-radius: 50%;
	background: #ccc;
	text-indent: -8888px;
}
.lhCalendar .calendarControl .calList li.open {
	color:#fff;
	opacity:.7
}
.lhCalendar .calendarControl .calList li.active {
	background:#00f2ff;
	color:#fff;
	font-weight:bold;
	opacity:1
}
.lhCalendar .calendarBox {
	width:100%;
	height:100%;
	position:relative
}
.lhCalendar .calendarBox .calBox {
	overflow:hidden;
	position:relative;
	height:100%;
	display:none
}
.lhCalendar .calendarBox .calBox:nth-child(2) .calendarLeft {
	color:#c05b00
}
.lhCalendar .calendarBox .calBox:nth-child(2) .calendarLeft p {
	color:#c05b00
}
.lhCalendar .calendarLeft {
	position:absolute;
	left:0px;
	top:0px;
	width:310px;
	height:450px;
	padding:0;
	background:#0b369a;
	color:#fff
}
.lhCalendar .calendarLeft img {
	width:100%;
	height:100%
}
.lhCalendar .calendarLeft h4 {
	font-size:2rem;
	font-weight:normal;
	line-height:2rem
}
.lhCalendar .calendarLeft h2 {
	font-size:3rem;
	padding:1.5rem 0;
	line-height:3rem
}
.lhCalendar .calendarLeft h3 {
	font-size:1.8rem;
	font-weight:normal;
	line-height:1.8rem;
	margin-bottom:1.5rem
}
.lhCalendar .calendarLeft p {
	font-size:.9rem;
	line-height:190%;
	color:#d5dff5
}
.lhCalendar .calendarRight {
	position:absolute;
	right:0px;
	top:0px;
	width:800px;
	height:450px
}
.lhCalendar .calendarRight img {
	width:100%;
	height:100%
}

.up {
	-webkit-animation:up .3s ease forwards;
	animation:up .3s ease forwards
}
@-webkit-keyframes up {
	0% {
	-webkit-transform:translateY(-800px);
	opacity:0
}
100% {
	-webkit-transform:translateY(0);
	opacity:1
}
}@keyframes up {
	0% {
	transform:translateY(-800px);
	opacity:0
}
100% {
	transform:translateY(0);
	opacity:1
}
}.down {
	-webkit-animation:down .3s ease forwards;
	animation:down .3s ease forwards
}
@-webkit-keyframes down {
	0% {
	-webkit-transform:translateY(800px);
	opacity:0
}
100% {
	-webkit-transform:translateY(0);
	opacity:1
}
}@keyframes down {
	0% {
	transform:translateY(800px);
	opacity:0
}
100% {
	transform:translateY(0);
	opacity:1
}
}@-webkit-keyframes mouseMove {
	0% {
	-webkit-transform:translate3d(0px, 0px, 0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0, -20px, 0);
	opacity:1
}
}@keyframes mouseMove {
	0% {
	transform:translate3d(0px, 0px, 0);
	opacity:0
}
100% {
	transform:translate3d(0, -20px, 0);
	opacity:1
}
}
/*聚焦*/
.section2{clear: both; height:806px; overflow:hidden; margin:0 auto;background: url(../images/main02.jpg)  center top no-repeat; }
.section2 .wrapper { display: block; width: 1400px;   margin:0 auto;}
.section2 .wrapper h2{clear: both;height:150px; overflow: hidden;}
.section2 .more { float: right;display:block;margin: 100px 25px 0 0; }
.section2 .content { margin: 0 auto; padding:120px 0 0 0; text-align: left;display: flex;justify-content: space-between;}
.section2 .content .row01{  width: 390px;  }
.section2 .content .row02{  width: 390px; }
.section2 .content .row03{  width: 390px;  }
.section2 .content li {width: 369px; height:214px; overflow: hidden; margin: 0 80px 50px 0; background: url(../images/picBg01.png) no-repeat;position: relative;}
.section2 .content li img { width: 359px; height: 203px; margin: 6px 0 0 5px;}
.section2 .content li p{width: 337px; height: 41px; padding: 0 10px; font-size: 18px; color: #fff; line-height: 40px; overflow: hidden;  text-overflow:ellipsis;white-space: nowrap; position: absolute;left: 6px;bottom: 5px; background: rgba(0,0,0,0.5)}
.section2 .content li:hover p{color: #17e7fe; }
.section2 .content li a{ font-size: 20px; color: #fff; }
.section2 .content li.art{ clear: both; max-height: 48px;  margin: 0 0 30px 0; padding-left: 18px;  font-size: 20px; color: #4d4d4d; line-height: 24px;overflow: hidden;  text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; background: url(../images/icon01.png) 0 5px no-repeat;}
.section2 .content li a:hover{  color: #17e7fe;  }



/* 赛事*/
.section3{    clear: both; height:1102px; overflow:hidden; margin:0 auto; background: url(../images/main03.jpg)  center top no-repeat;}
.section3 .wrapper { display: block; width: 1400px;   margin:0 auto;}
.section3 .wrapper h2{clear: both;height:300px; overflow: hidden;  }
.section3 .more { float: left;margin: 250px 0 0 855px; }
.section3 .content { margin: 0 auto; padding:50px 0 0 0; text-align: left; }
.section3 .content ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.section3 .content li{ width: 653px; height: 160px; overflow: hidden; margin: 0 0 50px 42px;  background:url(../images/picBg02.png) no-repeat;}
.section3 .content li:nth-child(2n+1){  margin:  0 0 50px 0;}
.section3 .content li:nth-child(3),.section3 .content li:nth-child(4) {background:url(../images/picBg03.png) no-repeat; }
.section3 .content li:nth-child(3) img,.section3 .content li:nth-child(4) img{float: right;margin: 4px 4px 0 0 ; }
.section3 .content li img{  width: 269px; height: 152px; float: left; margin: 4px 0 0 4px;}
.section3 .content li p{ width: 330px; padding: 45px 20px 0 20px; font-size: 24px; font-weight: bold; color: #fff; line-height: 36px; text-align: left;overflow: hidden;  text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.section3 .content li a:hover p{  color: #17e7fe;  }


/*观点*/
.section4{ clear: both; height:1144px; overflow:hidden; margin:0 auto; background: url(../images/main04.jpg) center top  no-repeat; }
.section4 .wrapper { display: block; width: 1400px;  margin:58px auto 0 auto; position: relative;}
.section4 .wrapper h2{clear: both;height:64px; overflow: hidden;  }
.section4 .more { position: absolute; left: 410px;top: 185px; z-index: 888; }
.section4 .content { margin: 0 auto; padding:0; }
.section4 .scrool { width: 1420px; margin:50px auto 0 auto; padding-bottom: 50px;  overflow-x: auto;overflow-y: hidden;}
.section4 .content ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 5000px; }
.section4 .content li{ width: 435px; height: 153px; overflow: hidden; margin: 0 0 50px 42px;  background:url(../images/picBg04.png) center right no-repeat;}
.section4 .content li:nth-child(1){  margin-left: 350px; }
.section4 .content li .pic{  width: 150px; height: 150px;overflow: hidden;float: left;border-radius: 50%; border: 2px solid #17e7fe; display: flex;justify-content: center; align-items: center;}
.section4 .content li img{  height: 150px; margin: 0 auto;}
.section4 .content li p{ width: 220px; padding: 50px 10px 0 20px; font-size: 20px;   color: #99ffff; line-height: 26px; text-align: left;overflow: hidden;  text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.section4 .content li a:hover p{  color: #17e7fe;  }
.section4 .scrool::-webkit-scrollbar {
  width: 12px;
  height: 12px; /* 横向滚动条高度 */
}

/* 轨道样式 */
.section4 .scrool::-webkit-scrollbar-track {
  background: #002392;
  border-radius: 6px;
}

/* 滑块样式 */
.section4 .scrool::-webkit-scrollbar-thumb {
  background: #5539ff;
  border-radius: 6px;
  background-clip: content-box;
}

/* 滑块悬停 */
.section4 .scrool::-webkit-scrollbar-thumb:hover {
  background: #9561ff; 
}

/*焦点图 ############################################################################################################*/
.Focus_img{  width:1340px;overflow:hidden;}
.Focus_img .Cont{ height:100%; overflow:hidden;  text-align:left; }
.Gxtv_focus_wrap {margin: 0px auto; width:100%; height:450px;  position: relative;}
.Gxtv_A {position: relative;  width:100%; height:450px;}
.Gxtv_A img { display: inline-block;  width:659px; height:371px;}
.Gxtv_A i {font-style: normal}
.Gxtv_A .home_focus_main {position: absolute; overflow: hidden; width:659px; height:371px; top: 0px; right: 0px}
.Gxtv_A .home_focus_main A {display: none}
.Gxtv_A .home_focus_main .current {display: block}
.Gxtv_A .home_focus_text {POSITION: absolute;text-align: left; width:480px;  overflow: hidden; bottom: 100px; font: normal 30px/40px "微软雅黑","Arial Narrow",HELVETICA;  color: #fff; left: 100px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.Gxtv_A .home_focus_text a { outline-width: 0px; display: none; font-weight: bold;color: #fff; text-decoration:  none; }
.Gxtv_A .home_focus_text a:hover { color:#17e7fe; text-decoration:  none}
.Gxtv_A .home_focus_text .current {	display: block;color: #fff}
.Gxtv_A .home_focus_sub {position: absolute;text-align: right;top:20px;height:30px; overflow:hidden;right: 10px; }
.Gxtv_A .home_focus_sub div {margin:0px 10px 0 0px; ZOOM: 1; height:15px; overflow: hidden;}
.Gxtv_A .home_focus_sub a {	position: relative; MARGIN: 0px 5px; width: 13px;  height: 13px;display: inline-block; outline-width: 0px; overflow: hidden; cursor: pointer; background:#a2a2a2;border-radius: 50%;}
.Gxtv_A .home_focus_sub .current {background:#17e7fe; }
.Gxtv_A .home_focus_sub a:hover {background:#17e7fe;}
.Gxtv_A .home_focus_sub img {display: none}
.Gxtv_A .home_focus_sub i {	display: none}

/*媒体链接*/
.section5{   clear: both; height:726px; overflow:hidden; margin:0 auto;background: url(../images/main05.jpg) center top  no-repeat;   }
.section5 .wrapper { display: block; width: 1400px;   margin: 0 auto;}
.section5 .wrapper h2{clear: both;height:200px; overflow: hidden;  }
.section5 .more { float: right;display:block;margin: 110px 335px 0 0; }
.section5 .content { margin: 0 auto; padding:110px 140px 0 140px; text-align: left; }
.section5 .content ul{display: flex; justify-content: space-between; flex-wrap: wrap;  }
.section5 .content li:nth-child(4){margin: 0 ;  }
.section5 .content li{ float: left; width: 43%; margin: 0 0 20px 0; padding-left: 18px;  font-size: 18px; color: #fff; line-height: 24px;overflow: hidden;  text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; background: url(../images/icon01.png) 0 5px no-repeat;}
.section5 .content li a{  color: #fff;  }
.section5 .content li a:hover{  color: #17e7fe;  }


.subWrap{ margin:0 auto; width:100%; overflow:hidden;  text-align:left;}
.mod_bt{height:100%;min-height: 1200px;  margin:0 auto; }
/* 新闻列表*/
.X_News{clear:both;width:1400px;  margin: 0 auto; }
h2.X_News_T{  height:125px; OVERFLOW: hidden; margin:0 40px;border-bottom: 2px solid #2c6493; padding-left: 100px; background: url(../images/icon02.png) 0 50% no-repeat; }
.X_News_T .capname { float:left;font-size:30px; line-height:125px; font-weight:200;color:#fff; }
.X_News_T .capname  a{ font-size:30px; font-weight:200;color:#fff; }
.X_News .Cont{  padding:20px 40px;text-align:left;}
.X_News .Cont li{position: relative;clear:both;margin:25px 0;padding-left: 20px; font-size:24px; color:#fff; line-height:36px;}
.X_News .Cont li:nth-child(5n+5){ margin-bottom: 60px; }
.X_News .Cont li a{ color:#fff; }
.X_News .Cont li a:hover{  color:#17e7fe; text-decoration:none;}
.X_News .Cont li span{display: inline-block;margin-left:10px; font-size:18px; font-weight:200;color:#666;}
.X_News .line{clear: both;height: 30px;overflow: hidden;margin:0 auto  30px auto; padding:10px 0;border-bottom: 2px dotted #3d78a9;}
.X_News .Cont li::after{position: absolute;left: 0;top: 15px; display: block;width: 8px;height: 8px; border-radius: 50%; background: #f26bff; content:" ";}
/*video列表*/
.g-video{clear:both;width:1400px; margin:0 auto ; }
h2.g-video_T{  height:75px; overflow: hidden; padding-left: 100px; background: url(../images/icon02.png) 0 50% no-repeat; }
.g-video_T .capname { float:left;font-size:30px; line-height:75px; font-weight:200;color:#fff; }
.g-video_T .capname  a{ font-size:30px; font-weight:200;color:#fff; }
.g-video .Cont{padding:20px 0 0 0;  }
.g-video .Cont h3 { clear: both;  height:85px; margin:15px auto; font-size: 40px;color: #e14120;line-height: 80px;text-align: center;}
.g-video .Cont h3 span{ display:inline-block;  }
.g-video .Cont h3 a{ float: right;display:inline-block;margin: 23px 0 0 0;  width: 89px;height: 34px; }
.g-video .Cont h3 em{display: inline-block;margin-left: 5px; padding: 0 5px; font-style: normal;font-size: 16px; color:#0375a8;background: #096fd2;}

.g-video .Cont li { float:left; width:330px; height:250px; margin:15px 25px 25px 0; }
.g-video .Cont li:nth-child(4n+4){ margin-right:0px;}
.g-video .Cont li img{display:block; width:330px; height:187px;}
.g-video .Cont li p{height:75px;overflow: hidden;padding:5px 10px  0 10px;font-size:18px; font-weight:300; color:#fff; line-height:24px;text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.g-video .Cont li p a{ color:#fff;}
.g-video .Cont li p a:hover{color:#17e7fe;}

.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; }

 
/*pages*/

.pages{ clear:both; width:1000px; height:150px; margin:0 auto;padding:30px 0 0 0;}
.pages p{font-size:28px;COLOR:#4405ac; line-height:58px;text-align:center; }
.pages p a { display:inline-block;height:58px;margin: 10px 1px; padding:0 20px;font-size:28px; COLOR:#f26bff; background:rgba(81,216,255,0.2);}
.pages p a:hover {COLOR:#ccc; TEXT-DECORATION: none}
.pages p a.current { COLOR:#fff;TEXT-DECORATION: none; background:#f26bff;}
.pages p a.pre,.pages p A.next{font-size:28px; line-height:58px;}

/*Gxtv_footer 底部信息*/
.footer{ clear:both; height:228px; overflow:hidden;margin:0 auto; background: url(../images/footer.jpg) top center no-repeat;}
.footer .Cont{position: relative;width: 1200px; height:100%;overflow: hidden;margin: 0 auto;padding-top:50px; font-size:24px; font-weight:200; line-height:36px;text-align: center; color:#62dbf8;}
.footer .Cont a{color:#efe0c6;}	

.subFooter{ clear:both; height:457px; overflow:hidden;margin:0 auto; background: url(../images/subFooter.jpg) top center no-repeat;}
.subFooter .Cont{position: relative;width: 1200px; height:100%;overflow: hidden;margin: 0 auto;padding-top:250px; font-size:24px; font-weight:200; line-height:36px;text-align: center; color:#62dbf8;}
.subFooter .Cont a{color:#efe0c6;}	
