@charset "utf-8";
body{padding:0; margin:0 auto; font-size:16px; font-family:"微软雅黑"; color:#333333;  -webkit-text-size-adjust:none; min-width: 1200px;}
ol, ul, dl, dt, dd, form{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:none; border:0;}
img, object, embed, video {max-width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }


a{ text-decoration:none; color:#333333; cursor: pointer; noline:expression(this.onFocus=this.blur()); -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#333;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden; zoom:1;}
input, textarea{font-family:"微软雅黑"; font-size:14px;}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.container{margin:auto; max-width:1200px; _width:1200px;}
.space20, .space25, .space30, .space40, .space50, .space60, .space80{clear:both; line-height:0; font-size:0; overflow:hidden; zoom:1;}
.space15{height:15px;}
.space20{height:30px;}
.space25{height:25px;}
.space30{height:30px;}
.space40{height:40px;}
.space50{height:50px;}
.space60{height:60px;}
.space80{height:80px;}
.fl{float:left;}
.fr{float:right;}


/************** common CSS **************/
.ztbox01{background: url(hygzhhwl_r2_c1_s1.png) bottom center no-repeat #fff4e8; background-size: 100%; }
.ztbox01-main{background: url(hygzhhwl2025_r1_c1_s1.png) top center no-repeat; background-size: 100%; padding-bottom: 50px;}
.ztbox02{background: url(hygzhhwl_r3_c1_s1.png) top center no-repeat; background-size: cover; min-height: 1342px;}
.ztbox03{background: url(hygzhhwl_r4_c1_s1.png) bottom center no-repeat; background-size: cover; min-height: 2581px;}
.ztbox{overflow: hidden; position: relative; background: url(dwj2025zt_bg_r2_c1_s1.jpg) top center no-repeat; background-size: 100%;}
.ztbox img{display: block; width: 100%; height: auto;}
.ztbox .itembox{position: relative; width: 100%; z-index: 1; position: absolute; top: 0; left: 0;}
/* .ztbox2{background: url(dwj2025zt_bg_r4_c1_s1.jpg) bottom center no-repeat; background-size: 100%;} */

.zt-title{text-align: center; margin-bottom: 20px; position: relative;}
.zt-title img{display: block; width: auto; height: auto; margin: 0 auto;}
.zt-title a{display: block;}
.zt-title .ztmore{position: absolute; bottom: 18%; right: 0; background: url(hygzhhwlzt_r29_c2_s1.png) right center no-repeat; height: 21px; line-height: 21px; padding-right: 27px;}
.zt-title .ztmore a{display: block; color: #f56a23; font-size: 20px;}
.zt-title .ztmore2{position: absolute; bottom: 18%; right: 0; background: url(hygzhhwlzt_r30_c2_s1.png) right center no-repeat; height: 21px; line-height: 21px; padding-right: 27px;}
.zt-title .ztmore2 a{display: block; color: #fff; font-size: 20px;}

/************** Header CSS **************/
#top{text-align:center; position: relative; overflow: hidden;}
#top img{width:100%; height: auto; display: block;}
.dbbg img{display: block; width: 100%; height: auto;}

.zttt{background: url(hygzhhwlzt_r1_c1_s1.png) top left no-repeat; margin-bottom: 27px; /*line-height:177px; height: 177px;*/ height: 105px; padding: 35px 0; line-height: 1.3; overflow:hidden; font-weight: bold;  display: flex; align-items: center; padding-left:118px; padding-right: 20px;}
.zttt a{font-size: 40px; color: #fff; display: block;}

/* 好“运”羊城 活力同行  CSS */
.hyyc-box{height: 640px; background: url(hygzhhwlzt_r5_c1_s1.png) top center no-repeat; background-size: 100%; position: relative;}
.hyyc-box-l{position: absolute; top: 15px; left: 15px; width: 57%;}
.hyyc-box-l .ztpiclb{background: url(hygzhhwlzt_r31_c2_s1.jpg) top left repeat-x; padding: 6px; border-radius: 10px; position: relative;}
/* .hyyc-box-l .ztpiclb img{display: block; width: 100%; height: 384px; border-radius: 10px 10px 0 0;}
.hyyc-box-l .ztpiclb .text{height: 58px; line-height: 58px;  position: absolute; bottom: 6px; left:6px; right: 6px; background: #F77329; overflow: hidden; width: 98.2%;}
.hyyc-box-l .ztpiclb .text a{display: block; color: #fff; font-size: 20px; padding: 0 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} */

.hyyc-slide{width:100%; height:384px; overflow:hidden; position:relative;}
.hyyc-slide .hd{height:15px; overflow:hidden; position:absolute; right:0px; bottom:16px; z-index:1;}
.hyyc-slide .hd ul{overflow:hidden; zoom:1;}
.hyyc-slide .hd ul li{float:left; margin-right:10px; width:10px; height:10px; line-height:10px; border-radius: 10px; text-align:center; background:#ffece1; cursor:pointer; text-indent: 99999em;}
.hyyc-slide .hd ul li.on{background:#fff; color:#fff; width: 30px;}
.hyyc-slide .bd{ position:relative; height:100%; z-index:0;}
.hyyc-slide .bd li{zoom:1; vertical-align:middle; position:relative;}
.hyyc-slide .bd li img{width:100%; height:384px; display:block; border-radius: 10px 10px 0 0;}
.hyyc-slide .bd li b{display:block; position:absolute; width:100%; height:58px; bottom:0;left:0;background:#F77329; z-index:1;}
.hyyc-slide .bd li span{display:block; position:absolute;width:78%;height:58px; bottom:0;left:0; z-index:2; line-height:58px;}
.hyyc-slide .bd li span a{color:#FFF; display:block; float:left; padding-left: 15px; position:relative; z-index:3; font-size:20px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}

.hyyc-video{margin-top: 18px;}
.video-box{width: 49%; height: 191px; overflow: hidden; position: relative; border-radius: 10px;}
.video-box .player{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: url(hygzhhwlzt_r31_c2_s1.png) center no-repeat;}
.video-box img{display: block; width: 100%; height: 100%;}

.hyyc-box-r{position: absolute; top: 30px; right: 20px; width: 37%;}
.hyyc-list li{position: relative; padding: 40px 0 40px 28px; border-bottom: 1px #fff dashed; line-height: 1.5;}
.hyyc-list li:after{position:absolute; content:" "; left:0; top: 54px; margin-top: -1px; width: 7px; height: 7px; background: #fff; border-radius: 50%;}
.hyyc-list li a{font-size: 20px; color: #fff;}
.hyyc-list li.xx4{border-bottom: none;}

/* 全运惠民 城市升级 CSS */
.qyhm-list{margin-top: 40px;}
.qyhm-list li{ width: 48%; float: left; margin: 0 0 40px;}
.qyhm-list li .pic{width: 55%; float: left;}
.qyhm-list li .pic img{display: block; width: 100%; height: 212px; border-radius: 10px;}
.qyhm-list li .text{width: 42%; float: right;}
.qyhm-list li .text .gjfl{ background: url(hygzhhwlzt_r9_c9_s1.png) top left no-repeat; margin-bottom: 15px; text-align: center; width: 100px; height: 38px; line-height: 38px; font-size: 18px; color: #fff;}
.qyhm-list li .text .gjbt{margin-top:10px; color: #fff; line-height: 1.8;}
.qyhm-list li .text .gjbt a{display: block; color: #fff; font-size: 16px;}
.qyhm-list li.xx2, .qyhm-list li.xx4, .qyhm-list li.xx6{float: right;}

.cssj-list{background: url(hygzhhwlzt_r32_c2_s1.png) top left repeat-y; padding: 16px 30px; border-radius: 10px;}
.cssj-list li{width: 32.4%; margin-right: 15px; float: left;}
.cssj-list li img{display: block; width: 100%; height: auto;}


/* 聚焦赛场 记录精彩 CSS */	
.jjsc-slide{ width:100%; height:674px; overflow:hidden; position:relative; border-radius: 10px;}
.jjsc-slide .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none;}
.jjsc-slide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.jjsc-slide .hd ul li{float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#ffece1; cursor:pointer; }
.jjsc-slide .hd ul li.on{ background:#fff; color:#fff; }
.jjsc-slide .bd{ position:relative; height:100%; z-index:0; }
.jjsc-slide .bd li{ zoom:1; vertical-align:middle; position:relative;}
.jjsc-slide .bd li img{ width:100%; height:674px; display:block; border-radius: 10px;}
.jjsc-slide .bd li b{ display:block; position:absolute; width:100%; height:76px; bottom:0;left:0;background:#F77329; z-index:1;}
.jjsc-slide .bd li span{ display:block; position:absolute;width:98%;height:76px; bottom:0;left:0; z-index:2; line-height:76px;}
.jjsc-slide .bd li span a{color:#FFF; display:block; float:left; padding:0 15px; position:relative; z-index:3; font-size:24px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.jjsc-slide .prev,
.jjsc-slide .next{ position:absolute; top:40%; margin-top:-25px; display:block; width:50px; height:115px;}
.jjsc-slide .prev{ left:0; right:auto; background: url(hygzhhwlzt_r34_c2_s1.png) center no-repeat;}
.jjsc-slide .next{ left:auto; right:0; background: url(hygzhhwlzt_r35_c2_s1.png) center no-repeat;}

.jjsc-list li{position: relative; width: 44%; float: left; border-radius: 10px; margin-bottom: 30px; background: url(hygzhhwlzt_r33_c2_s1.png) top left repeat-y; height: 76ox; line-height: 76px; padding-left: 46px; padding-right: 20px;}
.jjsc-list li:after{position:absolute; content:" "; left:20px; top: 45%; margin-top: -1px; width: 7px; height: 7px; background: #EE4A0B; border-radius: 50%;}
.jjsc-list li a{display: block; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 20px; color: #EE4A0B;}
.jjsc-list li.xx2, .jjsc-list li.xx4{float: right;}
.jjsc-banner{margin-bottom:30px}
.jjsc-banner img{display: block; width: 100%; height: auto;}

/* 相约湾区 同频联动 CSS */	
.xywq-list li{width: 23.7%; float: left; margin-right: 20px;}
.xywq-list li img{display: block; width: 100%; height: auto;}
.tjld-list li{width: 19.2%; float: left; margin-right: 12px; height: 96px; line-height: 96px; text-align: center; position: relative;}
.tjld-list li .qrcode_con{font-size: 22px; color: #333; padding-left: 20px;}
.tjld-list li.xx1 .qrcode_con{background: url(hygzhhwlzt_r24_c2_s1.png) top center no-repeat; background-size: 100%;}
.tjld-list li.xx2 .qrcode_con{background: url(hygzhhwlzt_r24_c6_s1.png) top center no-repeat; background-size: 100%;}
.tjld-list li.xx3 .qrcode_con{background: url(hygzhhwlzt_r24_c17_s1.png) top center no-repeat; background-size: 100%;}
.tjld-list li.xx4 .qrcode_con{background: url(hygzhhwlzt_r24_c20_s1.png) top center no-repeat; background-size: 100%;}
.tjld-list li.xx5 .qrcode_con{background: url(hygzhhwlzt_r24_c28_s1.png) top center no-repeat; background-size: 100%;}
.tjld-list li .qrcode_show{ display: none; justify-content: center; align-items: center; position: absolute; bottom: 86px; left: 50%; width: 140px; height: 140px; margin-left: -70px; background-color: #fff; border-radius: 6px; box-shadow: 4px 4px 5px 0px #FFCFA8;}
.tjld-list li:hover .qrcode_show{ display: flex;}
.tjld-list li .qrcode_show img{ width: 120px; height: 120px;}
.tjld-list li.xx5{margin-right: 0;}



li.last{margin-right: 0;}

/* English CSS */	
.ehglish-l{width: 50%;  float: left; }
.ehglish-l .pic{height: 400px; width: 100%; position: relative;}
.ehglish-l .pic img{display: block; width: 100%; height: 100%;}
.ehglish-l .pic .text{position: absolute; bottom: 0; left: 0; padding: 20px 15px; line-height: 1.5; z-index: 2; background: url(hygzhhwlzt_r36_c2_s1.png) top left repeat-x;}
.ehglish-l .pic .text a{display: block; color: #fff; font-size: 20px;}
.ehglish-r{width: 48%; float: right;}
.english-list{height: 400px; display: flex; flex-wrap: wrap;}
.english-list li{padding: 20px 25px 20px 40px; line-height: 1.2; border-bottom: 1px #F8B598 dashed; position: relative;}
.english-list li:after{position:absolute; content:" "; left:20px; top: 31px; margin-top: -1px; width: 7px; height: 7px; background: #EE4A0B; border-radius: 50%;}
.english-list li a{font-size: 20px; color: #ef4a0b;}
.english-list li.xx3{border-bottom: none;}

@media (max-width: 1440px) {
.dwsjbg{width: auto;}
}
@media (max-width: 1280px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.container{width:100%; padding:0;}
	.header{padding: 0;}
	/* .jrzx-box .jrzx-list{top: 46px; left: 116px; width: 87%;} */
	/* .bmfw-list li{width: 23.7%;}
	.sys-list li{width: 23.7%;}
	.dwsj-item{left: 147px;} */
	.zttt{height: 175px;}
}

@media (max-width: 1200px) {
	.container{width:100%;}
	
}

@media (max-width: 1024px) {
	
	.ztcontent{border: 5px #3aa4d4 solid; border-radius: 5px; padding: 20px;}
	.zttt{height: 175px;}
	.zt-title{margin-bottom: 20px;}
	

	.space60{height: 40px;}
	

	.zt-title{margin: 0px auto 30px;}
	
	.ztcontent{padding: 20px;}
	.bmfw-tab .hd span{margin: 0 10px;}

}