@charset "utf-8";
.none{display: none;}
.none.active{display: block;}
.zhwl-bg{background:#edebe8 url("../images_zhwl_new/bottom-bg.png") no-repeat center bottom; background-size: 100% auto;}
/* CSS Document */
.header{height: auto;background: url("/_res/css/../images_zhwl_new/headbg.jpg")  center top repeat-x;}
.site-logo{padding-top: 24px;padding-left: 37px;}
.topic-logo{padding-top: 32px;text-align: center;}
.site-logo .img-title,.topic-logo .img-title{display: none;}
.ls-logo{ height: 300px; background: url("/_res/css/../images_zhwl_new/bannerbg.png") center top no-repeat;background-size: 100% 100%;}
/* 底部 */
.footbg{margin-top: 0;background: none;}
/* 主内容 */
.ls-bg01{height: auto;background: url("/_res/css/../images_zhwl_new/ditubg.jpg") no-repeat center top;background-size: 100% 100%; overflow: hidden;}
.ls-part1{ padding: 56px 0 30px;}
/* 地图、其他相关报道 */
.maps-box{width: 547px;height:414px; position: relative;}
.maps-box .img-title{display: none;}
.maps-box img{width:auto;height: 100%;max-width: 100%;text-align: center;}
#map-number {    position: absolute;    bottom: 0px;    right: 6px;    font-size: 12px;    color: #fff;}
@media (max-width: 767px){
    #map-number {  position: static; color: #000;}
}
.qtxgbd-box{margin-top: 50px;width:596px;height: 319px;background: url("/_res/css/../images_zhwl_new/fw_bg.png") no-repeat left bottom; background-size: 100% 100%;}
.qtxgbd-box .qtxgbd-tit{text-align: center;}
.qtxgbd-box ul{margin-top: 26px;padding: 0 10px;}
.qtxgbd-box ul li{float: left;width: 33.33%;text-align: center;}
.qtxgbd-box ul li a{display: block;width: 100%;}
.qtxgbd-box ul li img{display: block;margin: 0 auto;transition: all 1s;}
.qtxgbd-box ul li .img-title{display: block;text-align: center;height: 41px;line-height: 41px;margin: 10px auto 0;background: url("/_res/css/../images_zhwl_new/fwtit1.png") no-repeat center center;color: #fff;font-size: 14px; }
.qtxgbd-box ul li:hover img{transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.qtxgbd-box ul li:hover .img-title{font-weight: bold;color:rgba(255,255,255,.8)}
/*栏目*/
.ls-bg02{ height: auto; overflow: hidden; background: url("/_res/css/../images_zhwl_new/lm_mbg.jpg") center no-repeat;background-size: 100% 100%; padding: 28px 0 39px;}
.ls-lmlist ul li{ width: 258px; height: 329px; float: left; margin-right:56px; position: relative; overflow: hidden;}
.ls-lmlist ul li .img_title{ text-indent: -200em; position: absolute; left: 50%; margin-left: -60px; top:33px; width: 105px; height: 245px;}
.ls-lmlist ul li img{ width: 100%; height: 100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.ls-lmlist ul li a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ls-lmlist ul li.num4{ margin-right: 0px;}
.ls-lmlist ul li.num1 .img_title{ background: url("/_res/css/../images_zhwl_new/wz1.png") no-repeat;}
.ls-lmlist ul li.num2 .img_title{ background: url("/_res/css/../images_zhwl_new/wz2.png") no-repeat;}
.ls-lmlist ul li.num3 .img_title{ background: url("/_res/css/../images_zhwl_new/wz3.png") no-repeat;}
.ls-lmlist ul li.num4 .img_title{ background: url("/_res/css/../images_zhwl_new/wz4.png") no-repeat;}
/* 魅力裕安、红色裕安 */
.mlya-box{margin-top: 42px;background: #fff;padding:27px 28px 20px; overflow: hidden;}
.mlya-tit{ text-align: center;}
.mlya-tabs-main{background: #f6f6f6;padding: 25px 15px 25px;margin-top: 32px; overflow: hidden;}
.mlya-left-list{position: relative;height: auto;width: 400px;}
.mlya-line{height: 100%;position: absolute;left: 13px;width: 18px;background: url("/_res/css/./../images_zhwl/line.png") repeat-y center top;}
.mlya-line i{display: block;position: absolute;width: 18px;height: 7px;background: url("/_res/css/./../images_zhwl/mlya-ico-t.png") no-repeat center center;left: 0;}
.mlya-line i.top-ico{top: 0;}
.mlya-line i.bot-ico{bottom: 0;}
.mlya-left-list ul{ margin-top: 15px;}
.mlya-left-list ul li{height:45px;line-height: 45px;position: relative;padding-left: 89px;overflow: hidden;}
.mlya-left-list ul li .remarks{display: block;position: absolute;left: 0;top:11px;height:22px;width: 45px;color: #fff;background: url("/_res/css/./../images_zhwl/mlya-tit-ico.png") no-repeat center center;font-size: 14px;line-height: 22px;padding-left: 11px;}
.mlya-left-list ul li a{display: block;font-size: 18px;position: relative;padding-left: 8px;padding-right: 8px;text-overflow: ellipsis;white-space: nowrap;float: left;width: auto;max-width: 300px;}
.mlya-left-list ul li a:after,.mlya-left-list ul li a:before{display: block;width: 3px;height: 0;background: url("/_res/css/./../images_zhwl/list-bg.png") no-repeat center center;content: "";position: absolute;top: -2px;}
.mlya-left-list ul li a:after{right: 0;}
.mlya-left-list ul li a:before{left: 0;}
.mlya-left-list ul li.active a{border: 1px solid #a1a19a;height: 40px;line-height: 40px;margin-top: 2px;color: #ac6a00;border-left: 0 none;border-right: 0 none;background: #edede4;}
.mlya-left-list ul li.active a:after,.mlya-left-list ul li.active a:before{width: 3px;display: block;height: 45px;}
.mlya-rt-pic{padding: 20px 15px;height: 395px;width: 635px;border: 1px solid #cca54e; position: relative; margin-top: 30px;}
.mlya-rt-pic .mlya-rt-div{width: 100%;height: 100%; overflow: hidden;}
.mlya-rt-pic .mlya-rt-div a{display: block;position: relative;width: 100%;height: 100%;}
.mlya-rt-pic .mlya-rt-div a img{display: block;width: 100%;height: 100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.mlya-rt-pic .mlya-rt-div a:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.mlya-rt-pic .mlya-rt-div .mlya-info{position: absolute;bottom: 0;left: 0;text-align: justify;padding: 10px 24px;line-height: 26px;font-size: 16px;color: #000;background: rgba(255,255,255,.55);}
.mlya-rtline{ position: absolute; width: 105px; height: 5px; left: -37px;z-index: 99; top:49px; background: url("/_res/css/../images_zhwl_new/line.png") no-repeat;}
/* 非遗文化 */
.fywh_tit{margin: 40px auto;text-align: center;}
.fywh_tit img{width: auto;height: auto;max-width: 100%;}
.poster_flash{width:100%; height:437px; overflow:hidden; margin-bottom: 54px;}
.slidep{width: 100%;min-height: 437px;overflow: hidden;position: relative; z-index: 1}
.slidep .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; z-index:2;}
.slidep .img img{width:100%;height:100%;}
.slidep .img3{width: 40%;height: 70%;top: 15%;left:0%;z-index: 1;}
.slidep .img2{width: 60%;height: 80%;top: 10%;left:8%;z-index: 2;}
.slidep .img1{width: 59%;height: 100%;top: 0%;left: 20.5%;z-index: 3;}
.slidep .img4{width: 60%;height: 80%;top: 10%;right:8%;z-index: 2;}
.slidep .img5{width: 40%;height: 70%;top: 15%;right:0%;z-index: 1;}
.slide-bt{ position: absolute; left: 50%;  bottom: 28px;  z-index: 10; display: none}
.slide-bt span{ width: 15px;  height: 15px; background:url("/_res/css/../images_zhwl_new/btn.png") no-repeat;  float: left; margin: 0 8px;   }
.slide-bt .on{ background:url("/_res/css/../images_zhwl_new/btnhover.png") no-repeat;}
.slidep .img-box{position: relative; z-index:3; height:100%;}
.slidep .img-box .remarks-info{ display:none;z-index:7;position: absolute;left: 40px;right: 40px;height: auto;overflow-y: auto;padding: 20px 20px 30px;border-radius: 10px;background: rgba(255,255,255,.5);line-height: 26px;font-size: 14px; bottom: 15px;min-height: 78px;color: #000;}
.slidep .num1:hover .remarks-info{ display: block;}
.slidep .img-box .remarks-info p{ display:block; }
.slidep .pic{ position: relative; z-index: 4; height: 100%; padding: 2px;}
.slidep .pic::after{content: "";width:100%;height:100%;position: absolute;left: 0px;top: 0px;background:url("/_res/css/../images_zhwl_new/picbg.png") 0 no-repeat;background-size: 100% 100%;z-index: 5;}
.slidep span.prev,.slidep span.next{display: block;position: absolute;width: 40px;height: 70px;top: 50%; margin-top:-35px;cursor: pointer;z-index: 9999;}
.slidep span.prev{background: url("/_res/css/./../images_zhwl_new/ysfw-left-icon.png") no-repeat center center;left: 0;}
.slidep span.next{background: url("/_res/css/./../images_zhwl_new/ysfw-right-icon.png") no-repeat center center;right: 0;}
.ind-zwgk-picjd{width: auto;height: 437px;position: relative;overflow: hidden; display: none; padding: 0 10px;}
.ind-flash{ width: 100%; height: 100%; position:relative;}
.ind-flash .ind-flashPic,.ind-flash .ind-flashPic ul,.ind-flash .ind-flashPic li,.ind-flash .ind-flashPic img,.ind-flash .ind-flashPic a{height:100%; width: 100%; }
.ind-flash .ind-flashPic{ position:relative; z-index:0;}
.ind-flash .ind-flashPic li{zoom:1; vertical-align:middle; position: relative;}
.ind-flash .ind-flashPic a{display:block; color: #fff; position: relative;}
.ind-flash .ind-flashPic .pic,.ind-flash .img-box{ height: 100%;}
.ind-flash .ind-flashPic img{display:block;}
.ind-flash .ind-flashPic .title,.ind-flash .ind-flashPic .img-title{display: block; height: 40px; line-height: 40px; padding: 0 120px 0 14px; font-size: 16px; background: rgba(0, 0, 0, 0.7) !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ind-flash .ind-flashPic a:hover .title,.ind-flash .ind-flashPic a:hover .img-title{color: #fff;}
.ind-flash .ind-flashNum{ display: none;  overflow:hidden; position:absolute; left:0; bottom:16px; z-index:1; width: 100%; text-align: center; }
.ind-flash .ind-flashNum ul{ overflow:hidden; zoom:1; }
.ind-flash .ind-flashNum ul li{display: inline-block; margin:0 8px; width:15px; height:15px; text-indent: -20em; font-size: 0; background:url("/_res/css/../images_zhwl_new/btn.png") no-repeat;  overflow: hidden; cursor: pointer; }
.ind-flash .ind-flashNum ul li.on{background:url("/_res/css/../images_zhwl_new/btnhover.png") no-repeat;}
.ind-flash .img-box .remarks-info{display: none; z-index:7;position: absolute;left: 10px;right: 10px;height: auto;overflow-y: auto;padding: 10px 10px 20px;border-radius: 10px;background: rgba(255,255,255,.5);line-height: 26px;font-size: 14px; bottom: 15px;color: #000;min-height: 78px;}
.ind-flash .img-box .remarks-info  p{ height: auto;display:block; }
.ind-flash li:hover .img-box .remarks-info{ display: block;}
@media (min-width: 992px) and (max-width:1199px) {
    .maps-box{ width: 460px; height: auto;}
    .maps-box img{ width: 100%; height: auto;}
    .qtxgbd-box{ width: 520px; height: 300px; margin-top: 46px;}
    .qtxgbd-tit img{ width: 100%; height: auto;margin-top: -7px;}
    .ls-lmlist ul li{ width: 233px; height: 300px; margin-right: 20px;}
    .ls-lmlist ul li .img_title{top:20px;  }
    .mlya-left-list{ width: 360px;}
    .mlya-left-list ul li{ padding-left: 70px;}
    .mlya-rt-pic{ width: 506px;}
    .slidep .img-box .remarks-info{ left: 20px; right: 20px; padding: 20px; font-size: 18px;}
}
@media (max-width: 991px){
    .maps-box{ width: 100%; height: auto; float: none; text-align: center;}
    .qtxgbd-box{ width: auto; height: 300px; margin-top: 15px; float: none;}
    .qtxgbd-tit img{margin-top: -5px;}
    .ls-lmlist{ padding: 0 10px;}
    .ls-lmlist ul li{ width: 364px; height: 465px; margin-right: 20px; margin-bottom: 20px;}
    .ls-lmlist ul li.num2{ margin-right: 0px;}
    .ls-lmlist ul li .img_title{top:20px; }
    .mlya-box,.mlya-tabs-main{padding: 15px;}
    .mlya-left-list{ width: auto; height: auto; float: none;}
    .mlya-left-list ul{ margin-top: 0px;}
    .mlya-rt-pic{ width: auto; padding: 15px; margin-top: 15px;}
    .mlya-tabs-main{ margin-top: 15px;}
    .slidep .img-box .remarks-info{ left: 15px; right: 15px; padding: 15px; font-size: 16px;}
    .slide-bt{ bottom: 18px;}
}
@media (max-width: 767px){
    .header{ height: auto;}
    .ls-logo{ height: auto; padding-bottom: 50px;}
    .topic-logo{ padding-top: 30px;}
    .ls-part1{ padding: 30px 10px;}
    .maps-box img{ height: auto;}
    .ind-zwgk-picjd{ display: block;height: 400px;}
    .ls-lmlist ul li{ width: 100%; height: auto; margin-right: 0px;float:none; margin-bottom: 10px;}
}
@media (max-width: 600px){
    .site-logo{ padding:20px; }
    .ind-zwgk-picjd{height: 360px;}
}
@media (max-width: 589px){
    .qtxgbd-box{ background: none;}
    .qtxgbd-tit img{ width: 90%; height: auto;}
    .qtxgbd-box ul li{ padding: 0 2%; width: 29.33%;}
    .qtxgbd-box ul{ margin-top: 15px;}
    .qtxgbd-box ul li .img-title{ background-size: 100% 100%;}
}
@media (max-width: 500px){
    .ind-zwgk-picjd{height: 320px;}
    .topic-logo{ padding-top: 0px;}
    .topic-logo img{ width: 90%;}
    .qtxgbd-box ul{ margin-top: 0px;}
    .qtxgbd-box ul li{   width: 96%; margin-top: 20px;}
    .qtxgbd-box ul li .img-title{ background-size: auto;}
    .mlya-rt-pic{ height:360px;}
    .mlya-left-list ul li{ padding-left: 60px;}
}
@media (max-width: 400px){ 
    .ind-zwgk-picjd{height:280px;}
    .mlya-rt-pic{ height:auto; margin-top: 10px; padding: 10px;}
    .mlya-rt-pic .mlya-rt-div .mlya-info{ display: none;}
    .mlya-line{ display: none;}
    .mlya-left-list ul li .remarks{ display:none; }
    .mlya-left-list ul li{ padding-left: 0px;}
    .ls-bg02{ padding: 10px 0;}
    .mlya-box{ margin-top: 20px;}
    .ind-flash .img-box .remarks-info{ font-size: 14px;}
    .ls-part1{ padding: 10px;}
    .site-logo{ padding: 10px;}
    .site-logo img{ width: 100%; height: auto;}
}
@media (max-width: 389px){
    .ind-flash .img-box .remarks-info{display: none;}
    .mlya-box{ padding: 10px;}
    .fywh_tit{ margin: 20px auto;}
}
@media (max-width: 375px){
    .ind-zwgk-picjd{height: 260px;}
}
/* 搜索 */
.ls-special-search{height: 52px;width: 600px;border: #a0a0a0 1px solid;position: relative;background: #fff;border-radius: 9px;margin: 16px auto 0;}
.ls-special-search ul{ display:block; height:52px;position:relative; padding:0 100px 0 20px;border-radius: 5px;}
.ls-special-search ul li{height: 52px;}
.ls-special-search ul li input{width:100%;height:52px;line-height: 52px;font-size: 18px;border: 0 none;}
.ls-special-search ul li.ss1{position: relative;}
.ls-special-search ul li.ss1 input{background: none;color: #90908d;width: 100%;}
.ls-special-search ul li.ss1 .ph-label{left:20px;top:0px;position:absolute;font-weight:normal;}
.ls-special-search ul li.ss2{ width:100px; position: absolute; top:0; right:0; }
.ls-special-search ul li.ss2 input{cursor:pointer;overflow:hidden;background:#3ea8e3;color: #fff;font-size: 22px;text-align: center;letter-spacing: 4px; border-radius:0 9px 9px 0;}
.ls-special-search ul li.ss1 input:focus::-webkit-input-placeholder{color: transparent;}
.ls-special-search ul li.ss2 input:hover{background-color:#309dda;}

@media (max-width: 991px) {
    .ls-special-search{width: 500px;margin-top: 30px;}
}
@media (max-width: 767px) {
    .ls-special-search{width:auto;margin:30px 20px 0;height: 48px; }
    .ls-special-search ul{padding-right: 80px;height: 48px; }
    .ls-special-search ul li{height: 48px;}
    .ls-special-search ul li input{height: 48px;line-height: 48px;}
    .ls-special-search ul li.ss2{width: 80px;height: 48px; }
    .ls-special-search ul li.ss2 input{ background-position: center;}
}
/*通用栏目页*/
.zhwl-lmbg{ background:#e5e5e5;}
.lmcontent{ background:#f7f7f7;}
.leftnr{ width: 216px;}
.rightnr{ width: 830px;}
.listnews .doc_list li a, .listnews .download-list li a{ max-width: 650px;}
@media (min-width: 992px) and (max-width:1199px) {
    .rightnr{ width: 642px;}
    .listnews .doc_list li a, .listnews .download-list li a{ max-width: 485px;}
}
@media (max-width: 991px){
    .rightnr{ width: auto;}
    .listnews .doc_list li a, .listnews .download-list li a{ max-width: none;}
}

/*底部*/
.footli li{ width: 163px;}
@media (min-width: 992px) and (max-width:1279px) {
    .footli li{ width: 159px;}
}

































