@charset "utf-8";
body{padding:0; margin:0 auto; font-size:16px; font-family:"微软雅黑"; color:#333333;  -webkit-text-size-adjust:none; min-width: 1300px;}
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; 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; box-sizing: border-box; overflow: hidden;}
.space20, .space25, .space30, .space40, .space50, .space60, .space90, .space210{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;}
.space90{height:90px; }
.space90{height:90px;}
.space110{height:110px;}
.fl{float:left;}
.fr{float:right;}

/************** common CSS **************/


.ztbox img{display: block; width: 100%; height: auto;}
.ztbox .itembox{position: relative; width: 100%; z-index: 1; position: absolute; top: 0; left: 0;}
.ztbox1{background: url(hcwllxgz_ztbg_r1_c1_s1.jpg) top center no-repeat; background-size: 1920px;}
.ztbox2{background: url(hcwllxgz_ztbg_r2_c1_s1.jpg) top center no-repeat; background-size: 1920px;}
.ztbox3{background: url(hcwllxgz_ztbg_r3_c1_s1.jpg) top center no-repeat; background-size: 1920px;}

.zt-title{text-align: center; margin-bottom: 30px;}
.zt-title img{display: block; width: auto; height: auto; margin: 0 auto;}


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

/* 文旅资讯 CSS */
.wlzx-con{background: url(hcwllxgz_r5_c29_s1.png) top right no-repeat; position: relative; height: 415px;}
.wlzx-left{position: absolute; top: 21px; left: 0; width: 46.6%;}
.wlzx-left .wlzl-tplb{width: 100%; height: 374px; box-sizing: border-box; position: relative; top: 0; left: 0; z-index: 1;}
.wlzx-left .wlzl-tplb .wlzl-slide{width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden;;}
.wlzx-left .wlzl-tplb .wlzl-slide .hd{height:15px; overflow:hidden; position:absolute; right:8px; bottom:12px; z-index:1;}
.wlzx-left .wlzl-tplb .wlzl-slide .hd ul{overflow:hidden; zoom:1;}
.wlzx-left .wlzl-tplb .wlzl-slide .hd ul li{float:left; margin-right:8px; width:12px; height:12px; line-height:12px; border-radius: 10px; text-align:center; background:#fff; cursor:pointer; text-indent: 99999em;}
.wlzx-left .wlzl-tplb .wlzl-slide .hd ul li.on{background:#B0704C; color:#B0704C; width: 26px;}
.wlzx-left .wlzl-tplb .wlzl-slide .bd{ position:relative; height:100%; z-index:0;}
.wlzx-left .wlzl-tplb .wlzl-slide .bd li{zoom:1; vertical-align:middle; position:relative; }
.wlzx-left .wlzl-tplb .wlzl-slide .bd li img{width:100%; height:374px; display:block;}
.wlzx-left .wlzl-tplb .wlzl-slide .bd li b{display:block; position:absolute; width:100%; height:72px; bottom:0; left:0; background: rgba(0, 0, 0, 0.6); z-index:1;}
.wlzx-left .wlzl-tplb .wlzl-slide .bd li span{display:block; position:absolute;width:100%;height:46px; line-height: 46px; bottom:26px; left:0; z-index:2;}
.wlzx-left .wlzl-tplb .wlzl-slide .bd li span a{color:#FFF; display:block; padding:0 15px; box-sizing: border-box; position:relative; z-index:3; font-size:18px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.wlzx-right{position: absolute; top: 70px; right: 5px; width: 52.99%;}
.wlzx-list li{position: relative; padding-left: 58px; padding-right: 20px; height: 56px; line-height: 56px;
background: url(hcwllxgz_r8_c43_s1.png) 32px 25px no-repeat;
}
.wlzx-list li:hover{border-left: 4px #76382D solid; background: url(hcwllxgz_r6_c42_s1.png) 28px 25px no-repeat #C1E5E3; font-weight: bold;}
.wlzx-list li a{display: block; color: #7E4639; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/* 花城上新 CSS */
.hcsx-left{
	width: 69%; float:left;
}
.hcsx-tab .hctit{float: left; height: 65px;}
.hcsx-tab .hctit img{display: inline-block; margin-top: 15px;}
.hcsx-tab .hd{float: left;}
.hcsx-tab .hd li{margin-left: 20px; width: 162px; height: 55px; line-height: 65px; padding-left: 15px; box-sizing: border-box; float: left; text-align: center; background: url(hcwllxgz_r14_c26_s1.png) top center no-repeat;}
.hcsx-tab .hd li a{display: block; color: #C6281F; font-size: 18px;}
.hcsx-tab .hd li:hover, .hcsx-tab .hd li.on{background: url(hcwllxgz_r14_c19_s1.png) top center no-repeat;}
.hcsx-tab .hd li:hover a, .hcsx-tab .hd li.on a{color: #fff;}
.hcsx-tab .bd{clear: both;}
.hcsx-list li{float: left; width: 48.5%; margin: 41px 0; padding-bottom: 30px; border-bottom: 6px #50CB9D solid;}
.hcsx-list li .pic{margin-bottom: 21px;}
.hcsx-list li .pic img{display: block; width: 100%; height: 213px;}
.hcsx-list li font{display: block; color: #fff; width: 103px; height: 37px; line-height: 37px; font-size: 18px; text-align: center; background: url(hcwllxgz_r23_c12_s1.png) top center no-repeat;}
.hcsx-list li .gjtit{height: 53px; line-height: 53px; font-weight: bold; margin-bottom: 10px;}
.hcsx-list li .gjtit a{font-size: 20px; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.hcsx-list li .date{background: url(hcwllxgz_r25_c12_s1.png) left center no-repeat; font-size: 18px; padding-left: 32px; margin-bottom: 10px;}
.hcsx-list li .local{background: url(hcwllxgz_r27_c12_s1.png) left center no-repeat; font-size: 18px; padding-left: 32px;}
.hcsx-list li.xx2, .hcsx-list li.xx4{float: right;}

/* 城市文旅IP CSS */
.hcsx-right{
	width: 29%; float:right;
	background: url(hcwllxgz_ztbg_r2_c2_s1.png) top left repeat-x;
	box-sizing: border-box;
	
}
.cswl-tit{background: url(hcwllxgz_ztbg_r4_c1_s1.png) left center no-repeat; margin-left: 15px; height: 33px; position: relative; margin-bottom: 11px;}
.cswl-more{position: absolute; top:0; right: 0; margin-right: 15px;}
.cswl-list{margin: 0 27px;}
.cswl-list li{margin-bottom: 22px;}
.cswl-list li .pic{background: url(hcwllxgz_r11_c35_s1.png) top center no-repeat; box-sizing: border-box; margin-bottom: 13px; padding-top: 13px; padding-right: 13px; background-size: 100%;}
.cswl-list li .pic img{display: block; width: 100%; height: 183px;}
.cswl-list li .text{font-size: 18px; display: block; padding: 0 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.cswl-list li.last{margin-bottom: 0;}

/* 广州游礼 CSS */
.gzyl{background: url(hcwllxgz_r29_c12_s1.png) top left no-repeat; height: 104px; padding-left: 167px; padding-right: 60px; position: relative; clear: both; box-sizing: border-box; background-size: 100%;}
.gzyl .lmtit{position: absolute; left: 38px; top: 35px;}
.gzyl-list li{width: 48%; float: left; margin-left: 30px;}
.gzyl-list li a{display: block; background: url(hcwllxgz_r6_c42_s1.png) left center no-repeat; font-size: 18px; height: 104px; line-height: 104px; padding-left: 15px;
 white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}

/* 羊城底蕴 CSS */
.ycdw-box{ background: url(hcwllxgz_ztbg_r6_c1_s1.png) top center no-repeat;}
.ycdw-tab{width: 1243px; margin: 0 auto;}
.ycdw-tab .hd{width: 752px; margin: 0 auto 34px;}
.ycdw-tab .hd li{margin:0 13px; width: 162px; height: 55px; line-height: 65px; padding-left: 15px; box-sizing: border-box; float: left; text-align: center; background: url(hcwllxgz_r14_c26_s1.png) top center no-repeat;}
.ycdw-tab .hd li a{display: block; color: #C6281F; font-size: 18px;}
.ycdw-tab .hd li:hover, .ycdw-tab .hd li.on{background: url(hcwllxgz_r14_c19_s1.png) top center no-repeat;}
.ycdw-tab .hd li:hover a, .ycdw-tab .hd li.on a{color: #fff;}
.ycdw-tab .bd{background: url(hcwllxgz_ztbg_r6_c1_s1.png) top center no-repeat; background-size: 100%; box-sizing: border-box; padding: 47px 0; height: 548px;}
.ycdw-tab .bd ul{width: 1200px; margin: 0 auto;}
.SztjSlide{position: relative;}
.SztjSlide .inn-bd{ position: relative; background: url(hcwllxgz_ztbg_r4_c1_s1.jpg) top left repeat-y; height: 454px; width: 718px; padding: 10px; box-sizing: border-box;}
.SztjSlide .inn-bd>ul>li{ position: relative; overflow: hidden; height: 454px; width:718px; }
.SztjSlide .inn-bd>ul>li img{ display: block; width: 698px; height:434px; object-fit: cover; }
.SztjSlide .inn-hd{ position: absolute; top: 0; right: 0; width: 472px; }
.SztjSlide .inn-hd ul{width: auto;}
.SztjSlide .inn-hd li{ position: relative; overflow: hidden; width: 28%; height: 52px; border: 1px dotted #9D705B; background: #EFE0B5;  margin-left: 22px; margin-bottom: 26px; float: left; border-radius: 10px; transition: all 0.5s; }
.SztjSlide .inn-hd li::before{content: '';display: none;position: absolute;width: 100%;height: 100%;right: 0;bottom: 0;z-index: 0;opacity: 0;transition: all 0.3s;}
.SztjSlide .inn-hd li a{display: block;height: 100%;/* padding-left: 23px; */line-height: 52px;font-size: 20px;user-select: none;transition: all 0.2s;position: relative;z-index: 1;text-align: center; color: #7D4536;}
.SztjSlide .inn-hd li.on{background: url(hcwllxgz_r33_c14_s1.png) top center no-repeat; color: #fff;}
.SztjSlide .inn-hd li.on::before{ opacity: 1; }
.SztjSlide .inn-hd li.on a{font-weight: bold;color: #fff;}

.TargetPart{ width:713px; height: 180px; position: absolute; box-sizing: border-box; right: 0; bottom: 30px; background: url("hcwllxgz_ycbj_bg1.png") no-repeat; padding: 6px 24px;}
.ycdw-tab .bd ul li .SztjSlide .TargetPart ul{width: auto;}
.TargetPart li{ position: relative;  height: 180px;}
.TargetPart li .lmtit{float: left;}
.TargetPart li .desc{float: right; padding-top: 5px; overflow: hidden; width: 90%; font-size: 16px; line-height: 1.8; color: #7d4535; text-indent: 2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }

.TargetPart .PrNeBtn{position: absolute; right: 40px; bottom: 15px; display: flex;}
.TargetPart .PrNeBtn a{display: block; position: relative; width: 29px; height: 29px; border-radius: 50%; transition: all 0.3s;}
.TargetPart .PrNeBtn a.inn-prev{background: url("hcwl_prev_btn.png") no-repeat center ;}
.TargetPart .PrNeBtn a.inn-next{background: url("hcwl_next_btn.png") no-repeat center; margin-left: 10px;}

.ycdw-list{padding-top: 3%;}
.ycdw-list li{width: 28%; margin-right: 90px; margin-bottom: 60px; border-radius: 0 50px 0 50px; position: relative; height: 165px; overflow: hidden; float: left;}
.ycdw-list li img{display: block; width: 100%; height: 165px; border-radius: 0 50px 0 50px;}
.ycdw-list li .gjtit{width: 64px; height: 165px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: center; background: rgba(224,203,161,0.8); color: #5a372a; 
	font-size: 20px; font-weight: bold; font-family: '宋体';  position: absolute; top: 0; left: 0; border-radius: 0 0 0 50px; z-index: 2;}
.ycdw-list li .gjtit::before{ position: absolute; content: " "; left: 30%; top: 23px; margin-top: -1px; width:24px; height: 3px; background: #5a372a; }
.ycdw-list li.xx3, .ycdw-list li.xx6{margin-right: 0;}	
.ycdw-list li.xx4, .ycdw-list li.xx5, .ycdw-list li.xx6{margin-bottom: 0;}

.ycdw-list2 li{width: 28%; margin-right: 90px; margin-bottom: 60px; border-radius: 0 50px 0 50px; position: relative; height: 165px; overflow: hidden; float: left;}
.ycdw-list2 li img{display: block; width: 100%; height: 165px; border-radius: 0 50px 0 50px;}
.ycdw-list2 li .gjtit{width: 100%; padding:5px 10px; padding-left:30px; line-height: 1.2; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: rgba(224,203,161,0.8); color: #5a372a; 
	font-size: 20px; font-weight: bold; font-family: '宋体';  position: absolute; bottom: 0; left: 0; border-radius: 0 0 0 50px; z-index: 2;}
/* .ycdw-list2 li .gjtit::before{ position: absolute; content: " "; left: 10px; top: 15px; margin-top: -1px; width:3px; height: 24px; background: #5a372a; } */
.ycdw-list2 li.xx3, .ycdw-list2 li.xx6{margin-right: 0;}	
.ycdw-list2 li.xx4, .ycdw-list2 li.xx5, .ycdw-list2 li.xx6{margin-bottom: 0;}

/* 旅游线路 */
/* === 旅游线路百叶窗（基于原CSS内联） === */
.Travel>ul{ display: flex; }
.Travel>ul>li{ position: relative; overflow: hidden; height: 407px; background-color: #FFF; display: flex; margin-right: 18px; }
.Travel>ul>li>h1{ display: block; position: relative; box-sizing: border-box; width: 165px; height: 100%; background: url(hcwllxgz_r41_c33_s1.png) top center no-repeat; }
.Travel>ul>li>h1 a{ display: flex; position: relative; height: 100%; box-sizing: border-box; align-items: center; justify-content: center; }
.Travel>ul>li>h1 a img{ display: block; margin: 0 auto; }
.Travel>ul>li>h1::before, .Travel>ul>li>h1::after, .Travel>ul>li>h1>a::before, .Travel>ul>li>h1>a::after{ content: ''; display: block; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #cb2026; transform-origin: center bottom; transition: all 0.5s; opacity: 0; }
.Travel>ul>li>h1::before{ left: 2px; top: 1px; transform: rotateZ(-45deg); }
.Travel>ul>li>h1::after{ right: 2px; top: 1px; transform: rotateZ(45deg); }
.Travel>ul>li>h1>a::before{ left: -3px; bottom: 5px; transform: rotateZ(-135deg); }
.Travel>ul>li>h1>a::after{ right: -3px; bottom: 5px; transform: rotateZ(135deg); }
.Travel>ul>li.on>h1{ background: url(hcwllxgz_r41_c12_s1.png) top center no-repeat; }
.TravelCon{ padding:5px; width: 645px; height: 407px; background: url(hcwllxgz_r41_c20_s1.png) #fff no-repeat; background-size: 100%;}
.TravelCon .xxcon{ padding: 35px 13px 0; }
.TravelCon .xxcon .lmbt{ font-size: 26px; font-weight: bold; color: #74382D; position: relative; padding-bottom: 18px; margin-bottom: 42px; }
.TravelCon .xxcon .lmbt a{ font-size: 26px; color: #74382D; }
.TravelCon .xxcon .lmbt::before{ position: absolute; content: " "; left: 0; bottom: 3px; margin-top: -1px; width:54px; height: 3px; background: #743A2C; }
.TravelCon .xxcon .lyxl-list li{ width: 42%; float: left; margin: 0 6px; border: 1px #743A2C solid; padding: 10px 10px 0; }
.TravelCon .xxcon .lyxl-list li img{ display: block; width: 100%; height: 165px; }
.TravelCon .xxcon .lyxl-list li .text{ height: 46px; line-height: 46px; display: block; text-align: center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 18px; }
.TravelCon>*{ width: 100%; }

/* === 百叶窗初始状态：默认展开第一个，其余收起 === */
.Travel>ul>li:first-child>.Con{ width: 665px; }
.Travel>ul>li:not(:first-child)>.Con{ width: 0; }

/* === 玉兰花装饰 === */
.Travel>ul>li>.Con{ position: relative; }
.Travel>ul>li>.Con>.ylh-decor{ position: absolute; top: -15px; right: 5px; width: 120px; opacity: 0.18; pointer-events: none; z-index: 1; }

.lyxl-list2{margin-top: 50px;}
.lyxl-list2 li{width: 48%; float: left; background: url(hcwllxgz_r52_c12_s1.png) top center no-repeat; box-sizing: border-box; padding: 25px 30px 0; height: 202px;}
.lyxl-list2 li .title{position: relative;}
/* .lyxl-list2 li .lmtit{font-size: 26px; font-weight: bold; color: #fff; position: relative; padding-bottom: 18px; margin-bottom: 30px; }
.lyxl-list2 li .lmtit a{ font-size: 26px; color: #fff; }
.lyxl-list2 li .lmtit::before{ position: absolute; content: " "; left: 0; bottom: 3px; margin-top: -1px; width:54px; height: 3px; background: #fff; } */
.lyxl-list2 li .title .ztmore{position: absolute; right: 0; top: 5px;}
.lyxl-list2 li .title .ztmore a{display: block; color: #fff; font-size: 18px;}
.lyxl-list2 li.xx2{float: right;}

.jqjd-list li{float: left; margin-right: 70px; margin-bottom: 24px; background: none; padding: 0; height: auto; width: auto;}
.jqjd-list li a{display: block; color: #fff; font-size: 18px;}

@media (max-width: 1440px) {

}
@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;}
	/* .wlzx-left .wlzl-list{top: 46px; left: 116px; width: 87%;} */
	/* .bmfw-list li{width: 23.7%;}
	.sys-list li{width: 23.7%;}
	.dwsj-item{left: 147px;} */
}

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

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


	.space60{height: 40px;}
	
	.zt-title{margin: 0px auto 30px;}
	.ztcontent{padding: 20px;}
	.slideBox .hd{left: 475px;}
	.slideBox .hd ul li{margin-right: 5px;}
	.slide-right .slide-summary{-webkit-line-clamp:8}
	.zdzt-list li{width: 15.2%;}
	.tzfw-list li{width: 31.5%;}
}