/* 湘西非遗官网 - 首页css */
@charset "UTF-8";
.indexslideBox{ float:left; width:1300px; height:308px; margin: -230px 0 0 0; overflow:hidden; position:relative;}
.indexslideBox .hd{ position:relative; float: left; width:calc(100% - 23px); margin-right: 23px; margin-bottom: 0; overflow:hidden; z-index:1; }
.indexslideBox .hd ul{ overflow:hidden; zoom:1; text-align:right; height: 29px;/* margin-top: -10px;*/}
.indexslideBox .hd ul li{ display:inline-block; margin-right:5px;  width:7px; height:7px; line-height:7px; text-align:center; background:rgba(255,255,255,.2); cursor:pointer; border-radius:50%; }
.indexslideBox .hd ul li.on{ width:7px; height:7px; background:#fff; color:#fff; }
.indexslideBox .bd{ position:relative; float: left; height:282px;}
.indexslideBox .bd li{ zoom:1; vertical-align:middle;}
.indexslideBox .bd img{ width:1300px; height:282px; display:block;  }

.fyxm_bg{ float: left; width: 1300px; height: 479px; background: url(../images/index/bg1.jpg) no-repeat center 0; margin: 40px 0 73px 0;}
.fyxm_bg .fyxm_left{ position: relative; float: left; width: 122px; height: 479px; text-align: center;}
.fyxm_bg .fyxm_left img{ margin-top: 43px;}
.fyxm_bg .fyxm_left a{ position: absolute; left: 50px; bottom: 45px; width: 20px; font-family:'AaYS'; font-size: 16px; color: #1d1403; line-height: 24px; text-align: center;}
.fyxm_bg .fyxm_right{ float: left; width: 1094px; height: 374px; margin: 70px 40px 35px 44px; background: url(../images/index/icon_01.png) no-repeat right bottom;}

.fyxmslideBox{ position:relative; float: left; width:1094px; height:323px; overflow:hidden;}
.fyxmslideBox .hd{ position:absolute; right:0; top:0; width: 32px; height:215px; overflow:hidden; z-index:1; }
.fyxmslideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fyxmslideBox .hd ul li{ float:left; margin-bottom:9px;  width:32px; height:32px; font-size: 16px; color: #6e6e6e; line-height:32px; text-align:center; background: url(../images/index/icon_02.png) no-repeat; cursor:pointer; }
.fyxmslideBox .hd ul li.on{ background:url(../images/index/icon_03.png) no-repeat; color:#fff; font-weight: 600; }
.fyxmslideBox .bd{ position:relative; float: left; width: 1000px; height:298px; z-index:0;   }
.fyxmslideBox .bd li{float: left; width: 1000px;}
.fyxmslideBox .bd .imgbox{ float: left; width:531px; height:298px; margin-top: 25px; margin-right: 35px;}
.fyxmslideBox .bd .conbox{ position: relative; float: right; width: 434px; height: 298px; margin: 90px 0 0 0;}
.fyxmslideBox .bd .conbox .title{
	font-size: 33px;
	color: #922924;
	font-weight: 600;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.fyxmslideBox .bd .conbox .desc{ font-size: 20px; color: #7d7c7c; font-weight: lighter; line-height: 30px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.fyxmslideBox .bd .conbox span{ position: absolute; left: 0; bottom: 75px; width: 145px; height: 40px; background: #ac8962; border-radius: 50px; font-size: 22px; color: #fefefe; line-height: 40px; text-align: center;}

.fyccr_bg{ float: left; width: 100%; height: 666px; background: url(../images/index/bg2.jpg) no-repeat center 0; margin-bottom: 72px;}
.fyccr_bg .fyccr_titlebox{ float: left; width: 1300px; margin: 44px 0 24px 0;}
.fyccr_bg .fyccr_titlebox img{ margin-left: 10px;}
.fyccr_bg .fyccr_titlebox a{ float: right; font-family:'AaYS'; font-size: 16px; color: #1d1403; line-height: 44px; margin-right: 15px;}

.swiper01{
	position:relative;
    float: left;
    width: 1300px;
	height:520px;
    overflow: hidden;
}
.swiper01 .swiper-slide{ width: 239px; height:368px;}
.swiper01 .swiper-slide .slide-box{ position: relative; float: left; width: 239px; height: 368px; background: url(../images/index/icon_04.png) no-repeat; box-shadow: 6px 9px 13px rgba(162,123,83,.89); margin-top: 134px;}
.swiper01 .swiper-slide:nth-child(2n){ margin-top: -134px;}
.swiper01 .swiper-slide .slide-box:hover{ background: url(../images/index/icon_04_02.png) no-repeat;}
.swiper01 .swiper-slide .slide-box .fyccr_name{
	font-size: 27px;
	color: #4b3d2d;
	font-weight: 600;
	line-height: 35px;
	text-indent: 23px;
	margin: 10px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.swiper01 .swiper-slide .slide-box .fyccr_desc{ font-size: 16px; color: #ceae87; text-indent: 23px;}
.swiper01 .swiper-slide .slide-box:hover .fyccr_name{ color: #912824;}
.swiper01 .swiper-slide .slide-box:hover .fyccr_desc{ color: #dc706c;}
.swiper01 .swiper-slide .slide-box .imgbox{ position: relative; float: left; width: 193px; height: 240px; margin: 41px 23px 0 23px;}
.swiper01 .swiper-slide .slide-box .imgbox span{ position: absolute; left: 0; top: 0; width: 193px; height: 240px; background: url(../images/index/icon_06.png) no-repeat center center;}
.swiper01 .swiper-slide .slide-box i{ position: absolute; left: -2px; bottom: 0; width: 66px; height: 69px; background: url(../images/index/icon_05.png) no-repeat;}

.zdtj_box{ float: left; width: 693px; margin-right: 26px;}
.zdtj_box .zdtj_titlebox{ float: left; width: 693px; height: 45px; margin-bottom: 30px;}
.zdtj_box .zdtj_titlebox img{ margin-left: 9px;}
.zdtj_box .zdtj_titlebox a{ float: right; font-family:'AaYS'; font-size: 16px; color: #1d1403; line-height: 45px; margin-right: 28px;}
#certify {
	position: relative;
	width: 687px;
    margin: 0 3px;
    overflow: hidden;
}
#certify .swiper-container {
	padding-bottom: 85px;
}

#certify  .swiper-slide {
	width: 498px;
	height: 280px;
}
#certify  .swiper-slide .imgbox{ float: left; width: 498px; height: 280px;}
#certify .swiper-button-prev {
    top: 150px;
	left: 95px;
	width: 49px;
	height: 49px;
	background: url(../images/index/icon_07.png) no-repeat center center;
}
#certify .swiper-button-next {
    top: 150px;
	right: 85px;
	width: 49px;
	height: 49px;
	background: url(../images/index/icon_08.png) no-repeat center center;
}

.xwzx_box{ float: left; width: 581px;}
.xwzx_box .xwzx_titlebox{ float: left; width: 581px; height: 45px; margin-bottom: 30px;}
.xwzx_box .xwzx_titlebox img{ margin-left: 9px;}
.xwzx_box .xwzx_titlebox a{ float: right; font-family:'AaYS'; font-size: 16px; color: #1d1403; line-height: 45px; margin-right: 7px;}
.xwzx_box ul.xwzx_list{ float: left; width: 530px; margin-left: 15px;}
.xwzx_box ul.xwzx_list li{ float: left; width: 530px; margin-bottom: 20px;}
.xwzx_box ul.xwzx_list li .title{ font-size: 26px; color: #1d1403; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.xwzx_box ul.xwzx_list li .desc{ font-size: 17px; color: #0a2829;}
.xwzx_box ul.xwzx_list li .desc span{ margin-right: 25px;}
.xwzx_box ul.xwzx_list li:hover .title{ color: #8f2823;}
.xwzx_box ul.xwzx_list li:hover .desc{ color: #8f2823;}

.fyzp_box{ float: left; width: 1300px; margin-bottom: 60px;}
.fyzp_box .fyzp_titlebox{ float: left; width: 1300px; margin-bottom: 27px;}
.fyzp_box .fyzp_titlebox img{ margin-left: 9px;}
.fyzp_box .fyzp_titlebox a{ float: right; font-family:'AaYS'; font-size: 16px; color: #1d1403; line-height: 45px; margin-right: 7px;}

.fyzpList{ float:left; width:1300px; overflow:hidden;}
.fyzpList li{float:left; display:inline; height:266px; margin-right:8px; overflow:hidden; zoom:1; }
.fyzpList li:last-child{ margin-right:0}
.fyzpList li .tit-img{ float:left; width:184px; height:266px; cursor:pointer; overflow:hidden;}
.fyzpList li.on .tit-img{ display:none; }
.fyzpList li.on .tabBody{ float:left; display:block; width:300px; height:248px; background:#d1c0a5; padding:20px 20px 0 20px;}
.fyzpList li .tabBody{ display:none; }
.fyzpList li .tabBody .imgbox{ float:left; width:300px; height:175px;}
.fyzpList li .tabBody .conbox{ float:left; width:300px; font-size:24px; color:#f60505;}
.fyzpList li .tabBody .conbox .title{ color:#2e2e2e; line-height:35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
