@charset "utf-8";
/* CSS Document */
.list li{ height: 36px;padding:2px 0 2px 17px;line-height: 36px;overflow: hidden;font-size: 16px;background: url(../images-new/zj_ico.png) no-repeat left center; position: relative; padding-right: 60px; }
.list li a{ display: block; max-width:100%; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.list li .date{ position: absolute; right:0; top:0; color: #999; font-size: 14px;}
.list li img{ float:left; padding:14px 0 0 0;}
@media (min-width: 992px) and (max-width:1199px) {
.list li a{ max-width: 340px;}
}
@media (max-width: 991px){
.list li a{ float: none; max-width: none !important; display:block;}
.list li img{ display:none !important;}
}
@media (max-width: 767px){
.list li{height: 32px; line-height: 32px;}
}

/*标题*/
.zj-title{ height: 67px; line-height: 0; font-size: 0; background: center 0 no-repeat; background-image:url("../images-new/zj_titlebg.png"); text-align: center;}
.zj-title a{display: inline-block; height: 100%; width: 204px; background: center 18px no-repeat; background-image: url("../images-new/zj_title1.png") !important;}
.zj-tzbgs .zj-title a{background-image: url("../images-new/zj_title2.png") !important;}
#zj-msgj .zj-title a{background-image: url("../images-new/zj_title3.png") !important;}
/*八公山概况*/
#zj_bgsgk{ padding: 29px 0 43px;}
/*概况*/
.zj-infobox{ font-size: 18px; height: 200px; overflow: hidden; padding: 19px 0 0; line-height: 40px; text-indent: 2em; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5;}
.zj-infobox a{ color: #e60909; font-size: 16px;}
.zj-infobox a:hover{ color: #f00;}
/*概况*/
.zj-infolink{ margin: 30px -22px 0; padding: 47px 0 0; background: url("../images-new/zj_line.jpg") 0 0 repeat-x;}
.zj-infolink li{float: left; width: 10%; text-align: center; line-height: 0; font-size: 0;}
.zj-infolink li a{display: block;}
.zj-infolink li img,.zj-infolink li .img_title{display: inline-block; vertical-align: middle;}
.zj-infolink li img{width: 70px; height: 70px; transition: 0.4s all;}
.zj-infolink li .img_title{ width: 100%; padding: 8px 0 0; line-height: 38px; font-size: 18px;}
.zj-infolink li a:hover{ color: #0c7b5b;}
.zj-infolink li a:hover img{ margin: -5px 0 0;}
/*投资八公山*/
.zj-tzbgs{ background: url("../images-new/zj_part2bg.jpg") center 0 no-repeat; background-size: auto 100%; padding: 28px 0 43px;}
.zj-tzbgs .zj-title{ margin-bottom: 15px;}
/*图片*/
.zj-tzimg{ width: 498px;}
.zj-tzimg li{float: left; padding: 20px 0 0; width: 239px; height: 169px;}
.zj-tzimg li a{display: block; height: 100%; border-radius: 34px 0 34px 0; overflow: hidden;}
.zj-tzimg li img{width: 100%; height: 100%; transition: 0.4s all;}
.zj-tzimg li .img_title{display: none;}
.zj-tzimg li.num2,.zj-tzimg li.num4{float: right;}
.zj-tzimg li.num2 a,.zj-tzimg li.num3 a{ border-radius: 0 34px 0 34px;}
.zj-tzimg li a:hover img{ transform: scale(1.1);}
/*列表*/
.zj-tzlist{ width: 660px; padding: 20px 0 0;}
.zj-tztel{ text-align: center; font-size: 0; line-height: 0;}
.zj-tztel li{display: inline;}
.zj-tztel li a{display: inline-block; position: relative; margin: 0 7px 0 8px; font-size: 22px; line-height: 48px; height: 48px; border: 1px #fff solid; width: 158px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(159, 214, 198, 0.3);
-moz-box-shadow: 0 0 10px rgba(159, 214, 198, 0.3);
-o-box-shadow:  0 0 10px rgba(159, 214, 198, 0.3);
box-shadow: 0 0 10px rgba(159, 214, 198, 0.3); border-radius: 9px;}
.zj-tztel li.active a{ border-color: #0c7b5b; color: #0c7b5b;}
.zj-tztel li.active .arrow{ width: 17px; height: 8px; background: url("../images-new/zj_arrow.png") 0 0 no-repeat; position: absolute; bottom: -8px; left: 50%; margin-left: -8px;}
.zj-tzlist .list{padding: 22px 0 0;}
.zj-tzlist .list li a{ max-width: 530px;}

#zj-msgj{ padding: 35px 0 55px;}
.zj-picqhbox{width:100%;height:400px;position:relative; margin-top: 28px;}
.spslide{width:100%; min-height:400px; overflow:hidden; position:relative; height: 100% !important;}
.spslide li{overflow:hidden;position:absolute; transition:width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; width: 600px; height:400px;}
.spslide li a{display: block; height: 100%; color: #fff;}
.spslide li img{width:100%;height:100%; margin:0; display: block;}
.spslide li .title{height:40px;line-height:40px;text-align:center;font-size:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px; background:url(../images-new/black50.png) repeat !important; position: absolute; left: 0; right: 0; bottom: 0; display: none;}
.spslide li.num4{width:24%;height:45%;top:27.5%;left:0;z-index:2;}
.spslide li.num3{width:24%;height:45%;top:27.5%;right:0;z-index:3;}
.spslide li.num1{width:50%;height:100%;top:0;left:24.75%;z-index:5;}
.spslide li.num1 .title{display: block;}
.spslide li.num2{width:28%;height:80%;top:10%;right:9%;z-index:4;}
.spslide li.num5{width:28%;height:80%;top:10%;left:9%;z-index:3;}
.zj-picqhbox .prev,.zj-picqhbox .next{width:30px;height:60px;background:url("../images-new/zj_prve.png") -60px 0 no-repeat; cursor:pointer; position:absolute; right:0; top:50%; z-index:5; margin-top:-30px;}
.zj-picqhbox .prev:hover{background-position: -90px 0;}
.zj-picqhbox .next{ background-position: 0 0; right: auto; left: 0;}
.zj-picqhbox .next:hover{background-position: -30px 0;}
@media (min-width: 992px) and (max-width:1199px) {
.zj-tzimg{width: 432px;}
.zj-tzimg li{width: 206px;}
.zj-tzlist{width: 540px;}
.zj-tzlist .list li a{max-width: 440px;}
.zj-picqhbox,.spslide,.spslide li{height: 331px;}
.spslide{min-height: 331px;}
}
@media (max-width:991px) and (min-width: 768px) {
.zj-picqhbox,.spslide,.spslide li{height: 256px;}
.spslide{min-height: 256px;}
.zj-tzimg li{width: 374px; height: 264px;}
}
@media (max-width:991px){
.zj-tzbgs{ padding-bottom: 20px;}
.zj-tzbgs .zj-title{margin-bottom: 5px;}
#zj_bgsgk{padding-bottom: 20px;}
.zj-infolink{ margin: 20px 0 0;}
.zj-infolink li{width: 20%; margin-bottom: 10px;}
.zj-tzimg,.zj-tzlist{float: none; width: auto;}
#zj-msgj{ padding: 25px 0 35px;}
.zj-picqhbox{margin-top: 25px;}
}
@media (max-width:768px) {
#zj_bgsgk{ padding: 20px 0 10px;}
.zj-infobox{padding: 19px 10px 0;}
.zj-infolink{padding-top: 30px;}
.zj-tzbgs{padding-top: 18px; padding-bottom: 10px;}
.zj-tzimg, .zj-tzlist{padding-left: 10px; padding-right: 10px;}
.zj-tzimg li{padding-top: 10px; width: 49%; height: 259px;}
#zj-msgj{padding: 15px 0 10px;}
}
@media (max-width:767px) {
.zj-tzimg li{height: 208px;}
.zj-poster-flash{margin:15px 10px 0;}
.zj-msflash{ width: 100%; height: 400px; position: relative; overflow: hidden;}
.zj-flash,.zj-flash .zj-flashPic,.zj-flash .zj-flashPic ul,.zj-flash .zj-flashPic li,.zj-flash .zj-flashPic img,.zj-flash .zj-flashPic a{height:100%; width: 100%; }
.zj-flash .zj-flashPic{ position:relative; z-index:0;}
.zj-flash .zj-flashPic li{zoom:1; vertical-align:middle;}
.zj-flash .zj-flashPic a{display:block; color: #fff; position: relative;}
.zj-flash .zj-flashPic img{display:block;}
.zj-flash .zj-flashPic .title{display: block; height: 40px; line-height: 40px; padding: 0 120px 0 14px; font-size: 16px; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.zj-flash .zj-flashPic a:hover .title{color: #fff;}
.zj-flash .zj-flashNum{ height:10px; overflow:hidden; position:absolute; right:7px; bottom:16px; z-index:1; }
.zj-flash .zj-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.zj-flash .zj-flashNum ul li{ float:left; margin-right:8px; width:10px; height:10px; text-indent: -20em; font-size: 0; background:#fff !important; overflow: hidden; cursor: pointer; border-radius: 50%;}
.zj-flash .zj-flashNum ul li.on{ background: #e60a0a !important;}
.zj-infobox{ font-size: 16px; line-height: 2; -webkit-line-clamp: 6; line-clamp: 6; padding-top: 10px;}
.zj-infolink{margin-top: 5px;}
}
@media (max-width:619px) {
.zj-tzimg li{height: 159px;}
.zj-msflash{height: 307px;}
}
@media (max-width:479px) {
.zj-infolink li{width: 50%;}
.zj-tzimg li{height: 140px;}
.zj-msflash{height: 270px;}
.zj-tzimg li a{ border-radius: 15px 0 15px 0;}
.zj-tzimg li.num2 a, .zj-tzimg li.num3 a{ border-radius: 0 20px 0 20px;}
}
@media (max-width:424px) {
.zj-tzimg li{height: 140px;}
.zj-msflash{height: 123px;}
}
@media (max-width:374px) {
.zj-tztel li a{width: 110px;}
.zj-tzimg li{height: 104px;}
.zj-msflash{height: 200px;}
}
/*----------走进八公山 end----------*/

/*----------文化旅游 on----------*/
.whly-bg{background: #f8f8f8; padding: 40px 0;}
/*标题*/
.whly-title{ height: 54px; line-height: 0; font-size: 0; text-align: center;}
.whly-title span,.whly-title a{display: inline-block; height: 100%; vertical-align: middle;}
.whly-title span{width: 20px; background: url("../images-new/whly_titbg.png") 0 0 no-repeat;}
.whly-title .bgr{background-position: 0 bottom;}
.whly-title a{ font-size: 24px; padding: 0 20px; min-width: 140px; font-weight: bold; line-height: 54px; color: #fff; background: #0c7b5b;}
.whly-title a:hover{color: #fff;}
/*人文历史*/
#whly_rwls{ padding: 30px 0 28px;}
.whly-rwls-img,.whly-rwls-info{ margin-top: 30px;}
.whly-rwls-img{ width: 530px; height: 300px;}
.whly-rwls-img img{width: 100%; height: 100%;}
.whly-rwls-img span{display: none;}
.whly-rwls-info{font-size: 16px; line-height: 37px; height: 296px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 8;  line-clamp: 8; width: 620px; text-align: justify;}
.whly-rwls-info a{color: #d70000;}
.whly-rwls-info .title{display: none;}
.whly-rwls-info p{text-indent: 2em;}
.whly-rwlslist{ margin-top: 29px; border-top: 1px #ddd solid; padding-top: 6px;}
.whly-rwlslist li{width: 380px; float: left; padding-right: 20px; height: 40px; overflow: hidden; line-height: 0; font-size: 0;}
.whly-rwlslist li a{display: inline-block; padding-left: 17px; font-size: 16px; line-height: 36px; margin: 2px 0; vertical-align: middle; max-width: 100%; background: url("../images-new/wh_ico.png") 0 center no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*八公山风光*/
.whly-fgimg{ padding-top: 20px;}
.whly-fgimg li{float: left; width: 213px; height: 158px; margin: 10px 0 0 10px;}
.whly-fgimg li a{display: block; height: 100%; position: relative; color: #fff; overflow: hidden;}
.whly-fgimg li .title{ position: absolute; left: 0; right: 0; bottom: 0; height: 32px; text-align: center; font-size: 16px; line-height: 32px; background: url("../images-new/black50.png") repeat !important; cursor: pointer;}
.whly-fgimg li img{width: 100%; height: 100%; transition: 0.4s all;}
.whly-fgimg li a:hover img{ transform: scale(1.1);}
.whly-fgimg li.num1{ margin-left: 0; width: 530px; height: 326px;}
/*文化旅游栏目*/
.whly-column-box{ margin: 40px 0; height: 220px; overflow: hidden;}
.whly-column{ width: 90px; height: 220px; overflow: hidden; float: left; margin-left: 12px; transition: 0.4s all;}
.whly-column h3{ border: 1px #9dd4c4 solid; border-top: 4px #0c7b5b solid; background: #f6fcfa;float: left; position: relative;}
.whly-column h3 a{ padding: 85px 30px 0; text-align: center; display: block; height: 130px; position: relative; font-size: 22px; line-height: 26px; color: #0c7b5b; width: 28px;}
.whly-column h3 .ico{ display: block; height: 36px; position: absolute; top: 20px; left: 0; right: 0; background: url("../images-new/whly_ico.png") center 0 no-repeat;}
.whly-column h3 .arrow{ background: url("../images-new/whly_arrow.png") 0 0 no-repeat; width:0; height: 14px; top: 14px; right:0; display: block; position: absolute;}
.whly-column.num1{ margin-left: 0;}
.whly-column.active{ width: 792px;}
.whly-column.active h3{ background: #0c7b5b; border-color: #0c7b5b; width: 98px;}
.whly-column.active h3 a{ padding-left: 35px; padding-right: 35px; color: #fff;}
.whly-column.active h3 .arrow{ width: 7px; right: -7px; transition: 0.4s all;}
.whly-column-list{ padding: 28px 0 0 24px; border: 1px #9dd4c4 solid; border-left: 0 none; height: 190px; margin-left: 100px; overflow: hidden;}
.whly-column-list .img{ width: 205px; height: 154px; padding: 4px 0 0; float: left;}
.whly-column-list .img img{ width: 100%; height: 100%;}
.whly-column-list .img span{display: none;}
.whly-column-list .list{ margin-left: 233px; overflow: hidden; height: 160px;}
.whly-column-list .list li{float: left; margin-left: 10px; width: 181px; padding-right: 0; background-image: url("../images-new/icon.gif"); padding-left: 16px;}
.whly-column-list .list li a{max-width: 100%;}
.whly-column.num1.active h3 .ico{ background-position: center -36px;}
.whly-column.num2 h3 .ico{ background-position: center -72px;}
.whly-column.num2.active h3 .ico{ background-position: center -108px;}
.whly-column.num3 h3 .ico{ background-position: center -144px;}
.whly-column.num3.active h3 .ico{ background-position: center -180px;}
.whly-column.num4 h3 .ico{ background-position: center -216px;}
.whly-column.num4.active h3 .ico{ background-position: center -252px;}
.whly-column.num5 h3 .ico{ background-position: center -288px;}
.whly-column.num5.active h3 .ico{ background-position: center -324px;}
@media (min-width: 992px) and (max-width:1199px) {
/*人文历史*/
.whly-rwls-img{width: 510px;}
.whly-rwls-info{width: 462px;}
.whly-rwlslist li{width: 310px;}
/*八公山风光*/
.whly-fgimg li{width: 174px; height: 129px;}
.whly-fgimg li.num1{width: 438px; height: 268px;}
/*文化旅游栏目*/
.whly-column{width: 70px;}
.whly-column h3 a{ padding-left: 20px; padding-right: 20px;}
.whly-column.active{width: 664px;}
.whly-column.active h3{width: 78px;}
.whly-column.active h3 a{ padding-left: 25px; padding-right: 25px;}
.whly-column-list{margin-left: 80px;}
.whly-column-list .list{margin-left: 213px;}
.whly-column-list .list li{width: 138px;}
}
@media (max-width:991px) and (min-width: 768px){
/*人文历史*/
.whly-rwlslist li{width:236px;}
/*八公山风光*/
.whly-fgimg li.num2,.whly-fgimg li.num5{margin-left: 0;}
.whly-fgimg li{width: 249px; height: 185px;}
}
@media (max-width:991px) {
/*人文历史*/
#whly_rwls{padding: 20px 0 18px;}
.whly-rwls-img,.whly-rwls-info{float: none; width: auto; height: auto; margin-top: 20px;}
.whly-rwls-info{margin-top: 10px;}
.whly-rwlslist{margin-top: 15px;}
/*八公山风光*/
.whly-bg{padding: 20px 0;}
.whly-fgimg{padding-top: 10px;}
.whly-fgimg li.num1{width: 100%; height: auto;}
/*文化旅游栏目*/
.whly-column-box{margin: 20px 0; height: auto;}
.whly-column{ width: auto; height: 60px; margin: 0 0 10px; float: none;}
.whly-column h3{height: 55px; float: none;}
.whly-column h3 a{ line-height: 36px; height: 36px; padding: 7px 0 10px; width:auto;}
.whly-column h3 .ico{position: static; display: inline-block; width: 50px; vertical-align: middle; padding-right: 10px;}
.whly-column.active{width: auto; height: auto;}
.whly-column.active h3{width: auto;}
.whly-column.active h3 .arrow{ width: 17px; height: 9px; background-image:url("../images-new/zj_arrow.png"); right: 50% !important; margin-right: -8px; bottom: -9px; transition: 0s all; top: auto;}
.whly-column-list{margin-left: 0; border: 1px #9dd4c4 solid; border-top: 0 none;padding: 20px 0 15px 15px; height: auto;}
.whly-column-list .list{margin-left: 216px;}
.whly-column-list .list li{width: 233px;}
}
@media (max-width:768px) {
#whly_rwls{padding: 15px 10px 10px; width: auto;}
.whly-rwls-img, .whly-rwls-info{margin-top: 10px;}
.whly-rwlslist{margin-top: 10px;}
.whly-rwlslist li{ box-sizing: border-box; width: 50%;}
.whly-bg{padding: 10px 0;}
.whly-fgimg{padding: 0 5px;}
.whly-fgimg li{margin-left: 0; width: 50%; height: 274px;}
.whly-fgimg li a{margin: 0 5px;}
.whly-column-box{margin: 10px 10px 0;}
.whly-column-list{padding: 20px 10px 10px;}
.whly-column-list .img{padding: 0; margin: 0 auto; float: none;}
.whly-column-list .list{margin: 10px 0 0; height: auto;}
.whly-column-list .list li{margin-left: 0; padding-right: 15px; box-sizing: border-box; width: 50%; height: 40px;}
}
@media (max-width:767px) {
.whly-rwls-info{ line-height: 2;}
.whly-fgimg li{ height: 219px;}
}
@media (max-width:619px) {
.whly-rwlslist li{float: none; width: auto; padding-right: 0; height: 34px;}
.whly-rwlslist li a{line-height: 30px;}
.whly-fgimg li{ height: 146px;}
.whly-column-list .list li{width: 100%; line-height: 30px; height: 34px;}
}
@media (max-width:424px) {
.whly-fgimg li{ height: 128px;}
}
@media (max-width:374px) {
.whly-fgimg li{ height: 108px;}
}

/*----------文化旅游 end----------*/