/* 衡阳市非物质文化遗产 */
@charset "UTF-8";
/*banner*/
.slider{ width:100%; min-width:1300px;  position:relative;  height:940px;}
.slider .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.slider .bd ul{ width:100% !important;  }
.slider .bd li{ width:100% !important;  height:940px; overflow:hidden; text-align:center;  }
.slider .bd li a{ display:block; height:940px; }

.slider .hd{ width:100%; position:absolute; z-index:1; bottom:108px; right:360px; height:16px; line-height:16px; text-align:right; _filter:alpha(opacity=60); }
.slider .hd ul{ text-align:right;}
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:16px; margin:0 0 0 7px; background:rgba(255,255,255,.2); border-radius:50%; overflow:hidden; line-height:9999px; }
.slider .hd ul .on{ background:#fff; }

.slider .prev,
.slider .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/index/ad_ctr.png) no-repeat 0 0; position: absolute; top: 70%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=40);opacity:0.4;  }
.slider .prev { left: 100px; }
.slider .next { background-position: 0 -90px; right: 100px; }
.slider .prev:hover,
.slider .next:hover { filter:alpha(opacity=60) !important;opacity:0.6 !important;  }
.bg1{
	position:relative;
	float:left;
	width:100%;
	min-width:1300px;
	height:479px;
	background:url(../images/index/bg1.jpg) no-repeat center 0;
	overflow:hidden;
}
ul.link_box{
	float:left;
	width:1300px;
	margin:64px 0 58px 0;
}
ul.link_box li{
	float:left;
	width:640px;
	height:300px;
	margin-right:20px;
	overflow:hidden;
}
ul.link_box li:nth-child(2n){ margin-right:0;}

.index_titlebox{ float:left; width:1300px; height:29px; margin-bottom:30px; overflow:hidden;}
.index_titlebox img{ margin-left:5px;}
.index_titlebox a{ float:right; font-family:'SYSTBold'; font-size:16px; color:#1d1312; line-height:29px; margin-right:20px;}
.index_titlebox a.white{ color:#ffffff;}

.bg2{
	position:relative;
	float:left;
	width:100%;
	min-width:1300px;
	height:570px;
	background:url(../images/index/bg2.jpg) no-repeat center 0;
}
.fyzyk_list{ position:relative; float:left; width:1300px; margin:27px 0 0 0;}
.fyzyk_list .hd{ position:absolute; left:230px; top:0; width:1070px; height:50px; z-index:99; }
.fyzyk_list .hd ul{ float:left; width:500px;}
.fyzyk_list .hd ul li{ position:relative; float:left; height:50px; padding:0 30px; font-family:'SYSTBold'; font-size:16px; text-align:center; cursor:pointer; line-height:50px; letter-spacing:1px; color:#1d1312; cursor:pointer;}
.fyzyk_list .hd ul li:after{ content:""; position:absolute; right:0; top:20px; background:url(../images/index/icon_07.png) no-repeat; width:1px; height:10px;}
.fyzyk_list .hd ul li:last-child:after{ background:none;}
.fyzyk_list .hd ul li.on{ color:#9b1d23; background:url(../images/index/icon_06.png) no-repeat center bottom; }
.fyzyk_list .bd ul{ float:left; width:1300px; margin:16px 0 0 0; zoom:1; }
.fyzyk_list .bd ul li{ float:left; width:1300px;}
.fyzyk_list .bd ul li .intro_box{ position:relative; float:left; width:194px; height:460px; margin:0 27px 0 9px;}
.fyzyk_list .bd ul li .intro_box img{ margin-bottom:20px;}
.fyzyk_list .bd ul li .intro_box .intro_con{ position:absolute; left:0; bottom:10px; width:160px; font-family:'PingFangJ'; font-size:14px; color:rgba(29,19,18,.6); line-height:26px; text-align:justify;}
.fyzyk_list .bd ul li .fyxm_box{ float:left; width:1070px; margin:58px 0 0 0;}
.fyzyk_list .bd ul li .fyccr_box{ float:left; width:1070px; margin:63px 0 0 0;}
.swiper01{ float:left; width:1070px;}
.swiper01 .swiper-slide{ width:345px; height:401px;}
.swiper01 .swiper-slide ul.fyxm_datalist{ float:left; width:345px; height:401px; padding:0; margin:0;}
.swiper01 .swiper-slide ul.fyxm_datalist li{ float:left; width:335px; height:182px; border:5px solid #f6f5f2; border-radius:5px; margin-bottom:17px;}
.swiper01 .swiper-slide ul.fyxm_datalist li:hover{ border:5px solid #af8f82;}
.swiper01 .swiper-slide ul.fyxm_datalist li .imgbox{ position:relative; float:left; width:335px; height:182px; overflow:hidden;}
.swiper01 .swiper-slide ul.fyxm_datalist li .imgbox span{ position:absolute; left:9px; top:12px; width:70px; height:25px; background:#f6f5f2; border-radius:50px; text-align:center;}
.swiper01 .swiper-slide ul.fyxm_datalist li .imgbox span i{ font-family:'SYSTBold'; font-size:14px; text-align:center; line-height:25px; background-image: linear-gradient(to top, #ce8752, #d4972f); /* 线性渐变背景，方向向上*/  -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */ -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */}
.swiper01 .swiper-slide ul.fyxm_datalist li .imgbox .bg{ position:absolute; left:0; bottom:0; width:335px; height:80px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.55), rgba(0,0,0,.85));}
.swiper01 .swiper-slide ul.fyxm_datalist li .imgbox .title{ position:absolute; left:15px; bottom:10px; width:305px; font-family:'PingFangJ'; font-size:18px; color:#fff; line-height:30px; letter-spacing:1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.swiper02{ float:left; width:1070px;}
.swiper02 .swiper-slide{ width:248px; height:380px; background:#f6f5f2; border:1px solid rgba(1,43,49,.17); border-radius:5px;}
.swiper02 .swiper-slide .imgbox{ position:relative; float:left; width:228px; height:290px; border:10px solid #f6f5f2; border-radius:5px; margin-bottom:6px;}
.swiper02 .swiper-slide .imgbox .iframe{ position:absolute; left:0; top:0; width:228px; height:290px; background:url(../images/index/icon_08.png) no-repeat center center;}
.swiper02 .swiper-slide .imgbox .bg_b{ position:absolute; left:0; bottom:0; width:228px; height:120px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.65), rgba(0,0,0,.95));}
.swiper02 .swiper-slide .imgbox .title{ position:absolute; left:10px; bottom:8px; font-family:'PingFangJ'; font-size:16px; color:rgba(255,255,255,.7); letter-spacing:1px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.swiper02 .swiper-slide .conbox{ float:left; width:208px; margin:0 20px;}
.swiper02 .swiper-slide .conbox .name{ font-family:'PingFangJ'; font-size:20px; color:#000; font-weight:600; letter-spacing:1px; margin-bottom:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.swiper02 .swiper-slide .conbox .desc{ font-family:'PingFangJ'; font-size:16px; color:rgba(0,0,0,.7);}

.bg3{ position:relative; float:left; width:100%; min-width:1300px; background:#1d1312 url(../images/index/bg4.png) no-repeat right 940px;}
.bg4{ position:relative; float:left; width:100%; min-width:1300px; background:url(../images/index/bg3.jpg) no-repeat center 0; padding:65px 0 0 0;}
.cczd_bg{ float:left; width:1240px; height:460px; background:#d2c3bd; border-radius:5px; padding:30px; margin-bottom:68px;}
.cczd_bg .cczd_leftbox{ position:relative; float:left; width:820px; height:460px; margin-right:20px; border-radius:5px;}
.cczd_bg .cczd_leftbox .bg{ position:absolute; left:0; bottom:0; width:820px; height:200px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.55), rgba(0,0,0,.65)); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.cczd_bg .cczd_leftbox a{ display:inline-block; width:820px; height:460px;}
.cczd_bg .cczd_leftbox .titlebox{ position:absolute; left:30px; bottom:20px; width:540px; font-family:'PingFangJ'; font-size:14px; color:rgba(255,255,255,.6); line-height:30px;}
.cczd_bg .cczd_leftbox .titlebox .title{ font-size:20px; color:#fff; letter-spacing:1px;}
.cczd_bg .cczd_leftbox span{ position:absolute; bottom:26px; right:30px; display:inline-block; width:175px; height:50px; border-radius:5px; background:#ce8752; font-family:'SYSTBold'; font-size:16px; color:#fff; line-height:50px; text-align:center;}
ul.cczd_datalist{ float:left; width:400px; height:460px; overflow:hidden;}
ul.cczd_datalist li{ position:relative; float:left; width:195px; height:108px; border-radius:5px; margin:0 10px 10px 0;}
ul.cczd_datalist li a{ display:inline-block; width:195px; height:108px;}
ul.cczd_datalist li:nth-child(2n){ margin-right:0;}
ul.cczd_datalist li .bg{ position:absolute; left:0; bottom:0; width:195px; height:60px; background-image: linear-gradient(to bottom, rgba(0,0,0,.01), rgba(0,0,0,.45), rgba(0,0,0,.55)); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
ul.cczd_datalist li .title{ position:absolute; left:10px; bottom:2px; width:175px; font-family:'PingFangJ'; font-size:14px; color:#fff; line-height:30px; letter-spacing:1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
ul.cczd_datalist li:hover{ width:175px; height:88px; border:10px solid #fff;}
ul.cczd_datalist li:hover a{ display:inline-block; width:175px; height:88px;}
ul.cczd_datalist li:hover .bg{ width:175px;}
ul.cczd_datalist li:hover .title{ display:none;}

ul.fyzp_datalist{
	float:left;
	width:1300px;
	margin-bottom:110px;
}
ul.fyzp_datalist li{
	float:left;
	width:224px;
	height:240px;
	padding:10px;
	background:#d2c3bd;
	border-radius:10px;
	margin:0 20px 0 0;
}
ul.fyzp_datalist li:last-child{ margin:0;}
ul.fyzp_datalist li .imgbox{
	float:left;
	width:224px;
	height:165px;
	margin-bottom:10px;
	overflow:hidden;
}
ul.fyzp_datalist li .conbox{
	float:left;
	width:214px;
	margin:0 5px;
}
ul.fyzp_datalist li .conbox .title{
	font-family:'PingFangJ';
	font-size:20px;
	color:#000;
	font-weight:600;
	letter-spacing:1px;
	line-height:32px;
	margin-bottom:8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.fyzp_datalist li .conbox .desc{
	font-family:'PingFangJ';
	font-size:18px;
	color:#9c3336;	
}
ul.fyzp_datalist li:hover{ background:#af8f82;}
ul.fyzp_datalist li:hover .conbox .title,ul.fyzp_datalist li:hover .conbox .desc{ color:#fff;}

ul.fyzx_datalist{
	float:left;
	width:1300px;
	margin-bottom:60px;
}
ul.fyzx_datalist li{
	float:left;
	width:600px;
	height:145px;
	background:#e4dcd7;
	padding:28px 20px;
	margin:0 20px 20px 0;
}
ul.fyzx_datalist li:nth-child(2n){ margin-right:0;}
ul.fyzx_datalist li:hover{ background:#d2c3bd;}
ul.fyzx_datalist li .imgbox{
	float:left;
	width:223px;
	height:145px;
	border-radius:5px;
	margin-right:20px;
	overflow:hidden;
}
ul.fyzx_datalist li .conbox{
	float:left;
	width:357px;
}
ul.fyzx_datalist li .conbox .title{
	float:left;
	width:357px;
	height:72px;
	font-family:'PingFangJ';
	font-size:22px;
	color:#000;
	font-weight:600;
	text-align:justify;
	line-height:36px;
	margin-bottom:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
ul.fyzx_datalist li .conbox .simple{
	float:left;
	width:357px;
	font-family:'PingFangJ';
	font-size:16px;
	color:rgba(0,0,0,.7);
	line-height:20px;
	margin-bottom:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.fyzx_datalist li .conbox .desc{
	float:left;
	width:357px;
	font-family:'PingFangJ';
	font-size:14px;
	color:rgba(0,0,0,.4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
ul.fyzx_datalist li .conbox .desc span{ margin-right:15px;}