@charset "utf-8";
@import url(reset.css);
@import url(footer.css);
body{background: url(zjdz_bg.jpg) center top no-repeat;}
.Header{width: 1200px; height: 600px; overflow: hidden; margin: 0 auto;}
.Header .home_logo{width: 100%; height: auto; overflow: hidden;}
.Header .logo{width: 281px;height: 74px;position: relative; float: left; margin: 28px 0px;}
.Header .logo a{width: 100%; height: 100%; display: block;}
.Header .logo img{width: 100%; height: auto;}
.Header .home{width: 90px;height: 80px;position: relative; float: right;}
.Header .home a{width: 100%; height: 100%; display: block; background: url(zjdz_img02.png) center center no-repeat;}
.Header .zjdz_logo{width: 605px;height: auto;overflow: hidden;margin: 13px auto 0;}

.Boxs{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

/*丹寨概况*/
.dzgk{width: 100%; height: auto; overflow: hidden;}
.dzgk .title{float: left; width: 228px; height: auto; overflow: hidden;}
.dzgk .title a{width: 100%; height: 100%; display: block;}
.dzgk .title img{width: 100%; height: auto;}
.dzgk .view{float: left; width: 836px; text-indent: 2em; height: 184px; padding: 34px 27px; color: #222222; font-size: 16px; line-height: 30px; overflow: hidden; margin-left: 15px; background: url(zjdz_img10.png) repeat;}
.dzgk .view a{color: #d7000f;}
.dzgk .view a:hover{color:#1c69c6;}

/*其他子栏目*/
.sub_nav{width: 100%; height: 50px; overflow: hidden; margin-top: 38px;}
.sub_nav ul{width: 100%; height: auto; overflow: hidden;}
.sub_nav ul li{width: 150px; height: 50px; overflow: hidden; padding: 0px 15px; float: left; margin-right: 24px;}
.sub_nav ul li a{border: 1px solid #333333; width: 148px; height: 48px; line-height: 48px; text-align: center; display: block; color: #333333; font-size: 18px;}
.sub_nav ul li:hover{background: url(zjdz_img01.png) center center no-repeat;}
.sub_nav ul li:hover a{color: #FFFFFF;}
.sub_nav ul li.move{margin-right: 0px;}

.sub_list{width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.sub_list .prev{width: 43px; height: 86px; line-height: 86px; text-align: center; margin: 190px auto 0; float: left; display: block; font-size: 54px; color: #000000; font-family: simsun; border: 1px solid #333333;}
.sub_list .next{width: 43px; height: 86px; line-height: 86px; text-align: center; margin: 190px auto 0; float: left; display: block; font-size: 54px; color: #000000; font-family: simsun; border: 1px solid #333333;}
.sub_list .bd{width: 1110px; height: auto; overflow: hidden; float: left;}
.sub_list .bd ul{width: 100%; height: auto; overflow: hidden;}
.sub_list .bd ul li{width: 300px;height: auto;overflow: hidden;float: left;margin: 0px 60px 0px 20px;}
.sub_list .bd ul li a{width: 100%;height: 100%;display: block;}
.sub_list .bd ul li img{width: 265px; height: auto;}
.sub_list .bd ul li h3{width: 100%;line-height: 42px;color: #09377a;font-size: 24px;text-align: center;}
.sub_list .bd ul li p{width: 100%;height: auto;display: block;line-height: 30px;color: #222222;font-size: 16px;text-indent: 2em;text-align: left;margin: 0 auto;}

.bds{width: 100%;height: auto;overflow: hidden; margin-top: 60px;}
.bds .img{float: left;width: 668px;height: 388px;overflow: hidden;position: relative;}
.bds .img .zfx{width: 8px; height: 8px; border: 1px solid #010101; position: absolute;}
.bds .img .zfx1{left: 0; top: 0;}
.bds .img .zfx2{right: 0; top: 0;}
.bds .img .zfx3{left: 0; bottom: 0;}
.bds .img .zfx4{right: 0; bottom: 0;}
.bds .img a{padding: 9px;border: 1px solid #010101;display: block;margin: 4px;width: 640px;height: 360px;position: relative;}
.bds .img img{height: 360px;width: 640px;}
.bds .img p{position: absolute;bottom: 9px;left: 9px;width: 640px;height: 46px;line-height: 46px;color: #ffffff;font-size: 16px;text-align: center;background: url(index_img07.png) repeat;}
.bds .img .video{padding: 9px;border: 1px solid #010101;display: block;margin: 4px;width: 640px;height: 360px;}
.bds ul{width: 500px; float: right; height: 365px;overflow: hidden; padding-top: 30px;}
.bds ul li{ height: 40px;line-height: 40px; position: relative;}
.bds ul li a{width: 80%; display: block;color: #333333;font-size: 16px; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bds ul li a:hover{color:#1c69c6;}

.stitle{width: 100%;height: 104px;line-height: 104px; background: url(zjdz_img03.png) center center no-repeat;}
.stitle a{width: 260px;height: 100%;display: block;margin: 0 auto; text-align: center;}

/*文化旅游*/
.whly{width: 100%; height: auto; overflow: hidden; margin-top: 55px;}
.whly .bds ul{background: url(zjdz_img13.png) right top no-repeat;}

/*宣传视频*/
.xcsp{width: 100%; height: auto; overflow: hidden; margin-top: 55px;}
.xcsp .bds ul{width: 532px;background: url(zjdz_img14.png) right bottom no-repeat;float: left;height: 400px;}
.xcsp .bds .img{float: right;}

/*图说丹寨*/
.tsdz{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.tsdz .bd{width: 100%;height: auto;overflow: hidden;margin: 50px 0px;}
.dys_tszc_container{padding-bottom: 0;position: relative; margin: 0 auto; width: 1160px;}
.poster-main { width: 1160px; height: 500px;position: relative;margin: 0 auto;}
.poster-main a, .poster-main img {display: block;width: 100%;height: 100%; border-radius: 5px;}
.poster-main .poster-list { width: 1160px; height: 500px; -webkit-tap-highlight-color:transparent;}
.poster-main .poster-list .poster-item { width: 200px;height: 500px;position: absolute; left: 0;  top: 0;  border: 1px solid #ffffff;user-select: none;}
.poster-main .poster-btn { position: absolute;top: 34px; z-index: 10; cursor: pointer;}
.poster-main .poster-prev-btn {left: 0; background: url() no-repeat center center;}
.poster-main .poster-next-btn { right: 0; background: url() no-repeat center center;}
.dys_tszc_title{margin-bottom: 10px;}
.policyAnalyzing_content .policyAnalyzing_content_item li{position: relative;}
.policyAnalyzing_content .policyAnalyzing_content_item li span{display: block;text-align: right;padding-right: 10px;}
.picTitle{position: absolute;bottom: 0px;width: 100%;height: 50px;overflow: hidden;margin: 0;background: url(index_img07.png) repeat;line-height: 50px;font-size: 16px;left: 0px;}
.picTitle a{color: #ffffff;font-family: "microsoft yahei";text-align: center;display: block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tsdz .hd{display: none;}

@media screen and (max-width:750px ) {
	body{background-size: 100%;}
	.Header{width: 100%;height: 140px;}
	.Header .logo{width: 50%;height: auto;overflow: hidden;margin: 5px;}
	.Header .logo a{width: 100%; height: 100%; display: block;}
	.Header .logo img{width: 100%; height: auto;}
	.Header .home{width: 48px;height: 55px;}
	.Header .home a{background-size: 80%;background-position: center top;}
	.Header .zjdz_logo{width: 150px;margin: 0px auto 0;}
	.Header .zjdz_logo img{width: 100%; height: auto;}
	.Boxs{width: 100%;padding: 0px 10px 10px;}
	
	/*丹寨概况*/
	.dzgk .title{display: none;}
	.dzgk .view{float: none;width: 100%;height: auto;padding: 10px;font-size: 14px;line-height: 28px;margin-left: 0px;}
	
	/*其他子栏目*/
	.sub_nav{width: 100%;height: auto;margin-top: 0px;}
	.sub_nav ul li{width: calc((100% - 20px)/3);height: 40px;padding: 0px;margin: 10px 10px 0px 0px;}
	.sub_nav ul li a{width: 100%;height: 100%;line-height: 40px;font-size: 15px;}
	.sub_nav ul li:nth-child(3n){margin-right: 0px;}
	
	.sub_list .prev{width: 30px;height: 56px;line-height: 56px;margin: 150px auto 0;font-size: 34px;}
	.sub_list .next{width: 30px;height: 56px;line-height: 56px;margin: 150px auto 0;font-size: 34px;}
	.sub_list .bd{width: calc(100% - 60px);height: auto;overflow: hidden;float: left;}
	.sub_list .bd ul{width: 100%; height: auto; overflow: hidden;}
	.sub_list .bd ul li{width: 100%;height: auto;overflow: hidden;float: left;margin: 0px;}
	.sub_list .bd ul li a{text-align: center;}
	.sub_list .bd ul li img{width: 210px; height: auto;}
	.sub_list .bd ul li h3{line-height: 36px;font-size: 18px;}
	.sub_list .bd ul li p{line-height: 28px;font-size: 14px;}
	
	.bds{margin-top: 10px;}
	.bds .img{float: none;width: 100%;height: auto;}
	.bds .img a{margin: 3px;width: calc(100% - 6px);height: auto;padding: 5px;}
	.bds .img img{height: auto;width: 100%;}
	.bds .img p{bottom: 5px;left: 5px;width: calc(100% - 10px);line-height: 36px;font-size: 14px;height: 36px;}
	.bds .img .video{padding: 5px;margin: 3px;width: calc(100% - 6px);height: 260px;}
	.bds ul{width: 100%;float: none;height: auto;padding: 10px 0px;margin-top: 10px;}
	.bds ul li{padding-left: 20px;line-height: 30px;height: 30px;background: url(dian.png) 10px center no-repeat;}
	.bds ul li a{width: 90%;font-size: 14px;}
	.bds ul li a:hover{color:#1c69c6;}
	
	.stitle{height: 54px;line-height: 54px;background-size: auto 100%;}
	.stitle a{width: 120px;}
	.stitle img{width: 100%;}
	/*文化旅游*/
	.whly{width: 100%;height: auto;overflow: hidden;margin-top: 25px;}
	.whly .bds ul{background: url(zjdz_img13.png) right top no-repeat;background-size: 100%;}
	
	/*宣传视频*/
	.xcsp{margin-top: 15px;}
	.xcsp .bds ul{width: 100%;float: none;height: auto;background-size: 100%;margin-top: 0px;}
	.xcsp .bds .img{float: none;}
	
	/*图说丹寨*/
	.tsdz{margin-top: 10px;}
	.tsdz .bd{margin: 10px 0px 0px;}
	.dys_tszc_container{width: 100%; position: relative;}
	.poster-main {width: 100%;height: auto;}
	.poster-main a, .poster-main img {height: auto;}
	.poster-main .poster-list {width: 100%;height: auto;overflow: hidden;}
	.poster-main .poster-list .poster-item {width: 100%;height: auto;position: relative;}
	.dys_tszc_container .hd{width: 100%; height: auto; overflow: hidden; text-align: center; position: absolute; left: 0; bottom: 10px; display: block;}
	.dys_tszc_container .hd ul{text-align: center; display: inline-block; height: 14px;}
	.dys_tszc_container .hd ul li{float: left; width: 16px; height: 14px; margin-right: 5px; cursor: pointer; background: url(xwzx_img03.png) right center no-repeat;}
	.dys_tszc_container .hd ul li.on{background-position: left center;}
}