@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{font-size:100px;}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width:829px;) {
  html { font-size:calc(100vw/37.5); font-size:-webkit-calc(100vw/37.5); }
}
body{margin:0;padding:0;-webkit-text-size-adjust:none;color:#000;overflow-x:hidden;
font: 0.14rem/1.8 -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;transition:all 0.5s;}
a:hover{transition:all 0.5s;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}
.pos{position:relative;}

/*首页*/
.min{min-width:1200px;}
.nr{width:1200px;margin:0 auto;}
.header{width:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);z-index: 99;}
.logo{width:33.75%;float:left;padding:21px 0 0 0;}
.eng{position:absolute;right:36px;color:#fff;font-size:14px;top:6px;}
.eng a{color:#fff;}
.notice{width:100%;color:#fff;padding:10px 0;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.4);z-index: 50;}
.notice_icon{width:25px;float:left;margin:0 10px 0 0;}
.nav{width:65%;float:right;padding:38px 0 0 0;}
.nav ul li{float:left;color:#fff;font-size:18px;padding:0 20px;position:relative;height:44px;}
.nav ul li a{color:#fff;}
.nav_list{width:100%;border:solid 1px rgba(255,255,255,0.33);line-height:2;text-align:center;padding:10px 0;position:absolute;left:0;top:44px;background:rgba(0,0,0,0.3);transform: translateY(10px);visibility: hidden;opacity:0;transition:all 0.3s;}
.nav_list a{display:block;font-size:16px;}
.nav ul li:hover .nav_list{visibility: visible;opacity:1;transform: translateY(0);transition:all 0.3s;}
#swiper1{float:left;height:25px;overflow:hidden;}
#swiper1 .swiper-slide{height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav_icon{display:none;}

@media only screen and (max-width:828px ) {
	.nr{width:100%;padding:0 3%;}
	.min{min-width:100%;}
	.nav{width:50%;height:100%;float:none;padding:5% 0 0 0;position:fixed;left:0;top:0;overflow-y:auto;background:rgba(0,0,0,0.9);z-index:999;transform:translateX(-100%);transition:all 0.5s;}
	.nav ul li{float:none;color:#fff;font-size:16px;position:relative;line-height:3;height:auto;}
	.logo{width:50%;padding:10px 0;vertical-align: top;line-height:0;}
	.logo img{line-height:0;}
	.eng{right:55px;font-size:12px;top:10px;}
	.notice{padding:5px 0;z-index: 10;}
	.notice_icon{width:16px;float:left;margin:0 10px 0 0;}	
	.nav_list{text-align:left;padding:0 0 0 5%;border:none;position:static;left:auto;top:auto;background:none;transform: translateY(0);visibility: visible;opacity:1;transition:none;display:none;}
	.nav_list a{font-size:16px;color:rgba(255,255,255,0.6)!important}
	.nav ul li:hover .nav_list{visibility: visible;opacity:1;transform: translateY(0);transition:none;}	
	#swiper1{width:90%;float:left;height:20px;overflow:hidden;}
	#swiper1 .swiper-slide{height:20px;line-height:20px;font-size:12px;}
	.nav_icon{display:block;width:20px;position:absolute;right:15px;top:5px;}
	.nav_active{transform:translateX(0);transition:all 0.5s;}
	
}

.index_title{padding:4% 0 3% 0;color:#333333;font-size:24px;text-align:center;}
.index_title_eng{font-size:14px;text-transform: uppercase;}
.index_title_nr{display:inline-block;min-width:140px;position:relative;line-height:1;}
.index_title_icon1{width:75px;position:absolute;left:-75px;top:0;}
.index_title_icon2{width:75px;position:absolute;right:-75px;top:0;}
.index_about_nr{margin:0 0 4% 0;}
.index_about_l{width:31.33%;float:left;padding:0 0 17.62% 0;}
.index_about_r{width:100%;color:#777777;font-size:14px;line-height:2;overflow:hidden;padding:0 0 3% 0;}
.index_about_pic2{width:31.33%;padding:0 0 17.62% 0;position:absolute;right:0;bottom:0;}
.index_about_pic3{width:31.33%;padding:0 0 20% 0;position:absolute;right:34.33%;bottom:0;}

@media only screen and (max-width:828px ) {
	.index_title{font-size:18px;}
	.index_title_eng{font-size:12px;}
	.index_title_nr{min-width:auto;}
	.index_title_icon1{width:40px;left:-45px;top:8px;}
	.index_title_icon2{width:40px;right:-45px;top:8px;}
	.index_about_r{font-size:13px;line-height:1.6;height:11em;overflow:hidden;padding:0;margin:0 0 2% 0;}
	.index_about_l{width:48%;padding:0 0 30% 0;margin:0 0 3% 0;}
	.index_about_pic2{width:48%;float:right;padding:0 0 30% 0;position:static;}
	.index_about_pic3{width:100%;position:static;}
}


.index_js_bg{}
.index_js_c{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.65);z-index: 5;}
.index_js_list{overflow:hidden;}
.index_js_list li{width:24%;float:left;margin:0 0.5% 1% 0.5%;padding:0 0 22% 0;position:relative;}
.index_js_nr{position:relative;z-index: 10;}
.index_js_list li a{width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);text-align:center;z-index: 20;opacity:0;transition:all 0.5s;display:block;}
.index_js_list li a:hover{opacity:1;transition:all 0.5s;}
.index_js_text1{width:100%;position:absolute;left:0;top:50%;transform: translateY(50%);color:#fff;padding:0 5%;font-size:16px;z-index: 30;transition:all 0.5s;}
.index_js_list li a:hover .index_js_text1{transform: translateY(-50%);transition:all 0.5s;}
.index_js_list li:nth-child(2){width:49%;}
.index_js_more{padding:30px 0;text-align:center;}
.index_js_more a{width:145px;height:40px;border:solid 1px #fff;line-height:38px;text-align:center;font-size:15px;display:inline-block;color:rgba(255,255,255,0.7);}
.index_js_more a:hover{color:rgba(255,255,255,1)}

@media only screen and (max-width:828px ) {
	.index_js_list {position:relative;}
	.index_js_list li{width:48.5%;float:left;margin:0 3% 3% 0;padding:0 0 40% 0;position:relative;}
	.index_js_list li:nth-child(2){width:100%;}
	.index_js_list li:nth-child(3){position:absolute;right:0;top:0;margin-right:0;}
	.index_js_list li:nth-child(5){margin-right:0;}
	.index_js_list li:nth-child(7){margin-right:0;}
	.index_js_list li a{background:rgba(0,0,0,0);opacity:1;}
	.index_js_list li a:hover{opacity:1;transition:none;}
	.index_js_text1{background:rgba(0,0,0,0.5);color:#fff;height:25px;line-height:25px;padding:0 5px;left:0;top:auto;bottom:0;transform: translateY(0);font-size:14px;transition:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.index_js_more{padding:3% 0 4% 0;}
	.index_js_more a{width:100px;height:30px;line-height:28px;font-size:14px;}	
}


.index_news li{width:48%;float:left;margin:0 4% 3% 0;padding:22px 0;background:#f5f5f5;}
.index_news li:nth-child(2n){margin-right:0;}
.index_news li a{display:block;}
.index_news_l{width:18%;float:left;text-align:center;font-size:14px;color:#333333;}
.index_news_l_t{font-size:24px;}
.index_news_r{width:78%;float:left;}
.index_news_r_title{color:#333333;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_news_r_text{color:#777777;font-size:14px;line-height:24px;height:48px;overflow:hidden;}
.index_news li:hover{background:#1f1f1f;transition:all 0.5s;}
.index_news li:hover .index_news_l{color:#fff;}
.index_news li:hover .index_news_r_title{color:#fff;}
.index_news li:hover .index_news_r_text{color:#fff;}
.index_news_more{padding:30px 0;text-align:center;}
.index_news_more a{width:145px;height:40px;border:solid 1px #777777;line-height:38px;text-align:center;font-size:15px;display:inline-block;color:#777777;}
.index_news_more a:hover{color:#777777;}

@media only screen and (max-width:828px ) {	
	.index_news{overflow:hidden;}
	.index_news li{width:100%;float:none;margin:0 0 3% 0;padding:3% 0;}
	.index_news_l{font-size:12px;}
	.index_news_l_t{font-size:18px;}
	.index_news_r_title{font-size:16px;}
	.index_news_r_text{line-height:20px;height:40px;}
	.index_news_more{padding:3% 0 4% 0;}
	.index_news_more a{width:100px;height:30px;line-height:28px;font-size:14px;}

}


.index_gl_list{overflow:hidden;}
.index_gl_list li{width:49%;float:left;margin:0 2% 2% 0;background:#fff;}
.index_gl_list li:nth-child(2n){margin-right:0;}
.index_gl_list_pic{width:50%;height:240px;float:left;}
.index_gl_list_r{width:44%;float:right;margin:0 3% 0 0;color:#777777;}
.index_gl_list_r_text{line-height:25px;height:150px;overflow:hidden;}
.index_gl_list_r_title{color:#333333;font-size:18px;padding:20px 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_gl_list li:hover .index_gl_list_r_title{color:#4ec442;}


@media only screen and (max-width:828px ) {
	.index_gl_list li{width:100%;float:none;margin:0 0 3% 0;}
	.index_gl_list_pic{width:40%;height:120px;float:left;}
	.index_gl_list_r{width:54%;}
	.index_gl_list_r_title{font-size:16px;padding:10px 0 5px 0;}
	.index_gl_list_r_text{line-height:22px;height:66px;}
}


.bot{background:#2c2c2c;padding:2% 0;color:#fff;}
.bot_l{width:34%;float:left;text-align:center;border-right:solid 1px #fff;}
.bot_l_pic{width:90%;margin:0 auto;}
.bot_l_ewm{color:#fff;line-height:2;padding:5% 0 0 0;}
.bot_l_ewm img{width:70px;margin:0 0 10px 0;}
.bot_r{width:64%;float:right;}
.bot_r_title{color:#fff;font-size:18px;}
.bot_r_title a{color:rgba(255,255,255,1);}
.bot_r_title a:hover{color:rgba(255,255,255,0.7);}
.bot_r_title span{font-size:22px;font-weight:bold;padding:0 10px;}
.bot_r_title span:last-child{display:none;}
.bot_copyright{font-size:14px;}
.bot_text{font-size:16px;width:64%;position:absolute;right:0;bottom:0;}

@media only screen and (max-width:828px ) {
	.bot_l{width:100%;float:none;border:none;}
	.bot_l_pic{display:none;}
	.bot_r{width:100%%;float:none;}
	.bot_r_title{display:none;}
	.bot_text{width:100%;font-size:14px;position:static;text-align:center;}
	.bot_copyright{font-size:12px;}
}


@media only screen and (min-width: 829px) and (max-width:1280px) {
	.nr{width:90%;}
	.min{min-width:90%;}
}

/*景点介绍*/
.main_bg{background:#fff;margin-top:-80px;position:relative;z-index: 50;padding:3% 2%;}
.main_title{border-bottom:solid 1px #cccccc;padding:0 0 2% 0;color:#333333;font-size:16px;background:url(../images/icon6.png) no-repeat right top;}
.main_t{background:url(../images/icon7.png) no-repeat left center;padding:0 0 0 35px;}
.jd_about_list{padding:1% 0;}
.jd_about_list li{padding:3% 0 0 0;overflow:hidden;}
.jd_about_list_pic{width:48%;height:278px;}
.jd_about_list_text{width:48%;}
.jd_about_list_title{color:#333333;font-size:24px;border-bottom:solid 3px #2ab67d;display:inline-block;}
.jd_about_list_text1{color:#777777;font-size:14px;line-height:28px;height:140px;overflow:hidden;margin:20px 0;text-align:left;}
.jd_about_list_more{background:url(../images/icon8.png) no-repeat left center;padding:0 0 0 20px;color:#777777;font-size:14px;}
.jd_about_list_more:hover{color:#2ab67d;}
.jd_about_list li:nth-child(odd) .jd_about_list_pic{float:left;}
.jd_about_list li:nth-child(odd) .jd_about_list_text{float:right;text-align:right;}
.jd_about_list li:nth-child(even) .jd_about_list_pic{float:right;}
.jd_about_list li:nth-child(even) .jd_about_list_text{float:left;text-align:left;}


@media only screen and (max-width:828px ) {
	.main_bg{padding:4% 3%;margin-top:-30px;}
	.main_title{font-size:14px;background-size:35px auto;padding:1% 0 5% 0;}
	.main_t{background-size:16px auto;padding:0 0 0 25px;line-height:16px;}
	.jd_about_list_pic{width:100%;height:50vw;}
	.jd_about_list_text{width:100%;}
	.jd_about_list_title{font-size:18px;margin:10px 0 0 0;border-bottom:solid 2px #2ab67d;}
	.jd_about_list li:nth-child(odd) .jd_about_list_text{text-align:left;}	
	.jd_about_list_text1{line-height:22px;height:110px;margin:10px 0;}
	.jd_about_list_more{background-size:12px 12px;padding:0 0 0 16px;}
	
}

/*玩转大黑山*/
.wzhs{padding:3% 0;font-size:18px;text-align:center;}
.wzhs_eng{font-size:14px;text-transform:uppercase;}
.wzhs a{display:inline-block;margin:0 40px;color:#777777;border-bottom:solid 3px #fff;line-height:1.3;padding:0 0 5px 0;}
.wzhs a.current{border-bottom:solid 3px #24b479;color:#24b479;}

@media only screen and (max-width:828px ) {
	.wzhs{padding:5% 0;font-size:14px;}
	.wzhs a{display:inline-block;margin:0 20px;color:#777777;border-bottom:solid 2px #fff;line-height:1.4;}
	.wzhs a.current{border-bottom:solid 2px #24b479;}
}

/*新闻资讯*/
.news{overflow:hidden;}
.news li{width:49%;float:left;background:#f5f5f5;margin:0 2% 2% 0;}
.news_pic{width:34%;height:145px;float:left;}
.news_r{width:62%;float:right;margin:0 2% 0 0;}
.news_r_title{color:#333333;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 0 0 0;}
.news_r_date{color:#777777;font-size:14px;padding:5px 0;}
.news_r_text{color:#777777;font-size:14px;line-height:25px;height:50px;overflow:hidden;}
.news li:nth-child(2n){margin-right:0;}
.news_more{text-align:center;padding:2% 0;}
.news_more a{border:solid 1px #cccccc;margin:0 8px 2% 8px;display:inline-block;color:#333333;font-size:14px;height:36px;line-height:34px;padding:0 15px;}

@media only screen and (max-width:828px ) {	
	.news li{width:100%;float:none;margin:0 0 3% 0;}
	.news_pic{width:34%;height:25vw;}
	.news_r{width:62%;margin:0 1% 0 0;}
	.news_more a{border:solid 1px #cccccc;margin:0 8px 2% 8px;display:inline-block;color:#333333;font-size:14px;height:36px;line-height:34px;padding:0 15px;}
	.news_r_title{font-size:16px;padding:0 0 0 0;}
	.news_r_date{font-size:12px;padding:0 0;}
	.news_r_text{font-size:13px;line-height:20px;height:40px;}
	.news_more a{margin:0 3px 2% 3px;display:inline-block;color:#333333;font-size:12px;height:26px;line-height:24px;padding:0 10px;}
	
}

/*联系我们*/
.contact{padding:3% 0;}
.con_l{width:40%;float:left;}
.con_l_wz{color:#777777;font-size:16px;padding:3% 0;}
.con_l_wz_title{color:#333333;font-size:16px;font-weight:bold;background:url(../images/icon11.png) no-repeat left center;padding:0 0 0 20px;}
.con_l_text{padding:5% 0 3% 0;}
.con_l_text1{color:#777777;font-size:16px;background:url(../images/icon9.png) no-repeat left center;padding:0 0 0 40px;}
.con_l_text2{color:#777777;font-size:16px;background:url(../images/icon10.png) no-repeat left center;padding:0 0 0 40px;}
.con_l_text3{color:#066700;font-size:24px;font-weight:bold;}
.con_r{width:54%;float:right;border:solid 1px #000;}
.con_r img{width:100%;}
.con_l_ewm{width:136px;margin:10px 0 10px 20px;}
.con_l_ewm img{width:100%;}

@media only screen and (max-width:828px ) {	
  	.con_l{width:100%;float:none;}
  	.con_l_logo{width:85%;margin:0 auto;}
 	.con_r{width:100%;float:none;}
 	.con_l_wz{font-size:14px;}
 	.con_l_wz_title{background-size:12px 12px;}
 	.con_l_text1{font-size:14px;background-size:20px 20px;padding:0 0 0 30px;}
 	.con_l_text2{font-size:14px;background-size:20px 20px;padding:0 0 0 30px;}
 	.con_l_text3{font-size:18px;}
 	.con_l_ewm{width:100px;margin:10px 0 10px 20px;}
}

/*留言*/
.mes_icon{padding:12px 0;}
.mes_btn{width:164px;height:42px;line-height:42px;background:#23b479;color:#fff;font-size:18px;display:inline-block;text-align:center;}
.mes_k{border:solid 1px #dadada;padding:2%;margin:30px 0;}
.mes_k li{border-bottom:solid 1px #d6d6d6;padding:20px 0 10px 0;color:#777777;font-size:14px;}
.mes_k li:last-child{border-bottom:none;}
.mes_k_title{color:#333333;font-size:18px;font-weight:bold;}
.mes_nr{width:50%;padding:2% 0 0 0;display:none;}
.mes_area{width:100%;border:solid 1px #ddd;padding:10px;border-radius:5px;height:120px;font-size:14px;font-family: "microsoft yahei";}
.mes_tj{width:120px;height:35px;line-height:35px;background:#23b479;color:#fff;border-radius:3px;border:none;font-size:14px;margin:10px 0 0 0;}

@media only screen and (max-width:828px ) {	
	.mes_icon img{width:20px;}
	.mes_btn{width:130px;height:35px;line-height:35px;font-size:15px;}
	.mes_nr{width:100%;padding:5% 0 0 0;}
	.mes_k{margin:5% 0;padding:3% 3%;}
	.mes_k_title{font-size:15px;font-weight:bold;line-height:1.6;margin:0 0 2% 0;}
	.mes_k li{padding:3% 0;line-height:1.5;}
	
	
}

/*景区概况*/
.jqgk_l{width:43%;float:left;margin:0 2% 0 0;padding:0 3% 0 0;position:relative;}
.jqgk_l img{width:100%;}
.jqgk_l_title{color:#333333;font-size:14px;line-height:1.2;padding:4%;}
.jqgk_l_text{color:#2ab67d;font-size:24px;}
.jqgk_l::before{content:"";width:100%;height:400px;background:#f0f0f0;position:absolute;z-index:-1;}
.jqgk_nr{color:#777777;font-size:14px;line-height:32px;padding:3% 0;}
.jqgk_r{padding:3% 0;}
.jqgk_r_rw{background:url(../images/icon13.png) no-repeat center 66px #2ab67d;text-align:center;color:#fff;font-size:18px;width:110px;height:110px;float:left;margin:0 25px 0 0;padding:20px 0 0 0;}

@media only screen and (max-width:828px ) {	
.jqgk_l{width:100%;float:none;margin:0;padding:0;}
.jqgk_l img{margin:0 0 3% 0;}
.jqgk_l_text{font-size:18px;}
.jqgk_l::before{height:50%;}
.jqgk_nr{padding:5% 0;line-height:1.6;}
.jqgk_r_rw{background:url(../images/icon13.png) no-repeat center 45px #2ab67d / 20px 20px;font-size:14px;width:80px;height:80px;float:left;margin:0 15px 0 0;padding:15px 0 0 0;}

}

.show{padding:3%;color:#777;}

/*漂浮*/
.pf{width:75px;position:fixed;right:0;bottom:10%;z-index: 9999;background:#3ec781;text-align:center;border-right:none;padding:2px;}
.pf_icon{background:url(../images/f1.png) no-repeat left center;padding:5px 0 5px 20px;color:#fff;display:inline-block;font-size:12px;}


.pf1{border-bottom:solid 2px #3ec781;padding:10px 0 5px 0;color:#00c5a9;font-size:12px;background:#fff;display:block;}
.pf2{border-bottom:solid 2px #3ec781;padding:10px 0 5px 0;color:#2378e7;font-size:12px;background:#fff;display:block;}
.pf3{border-bottom:solid 2px #3ec781;padding:10px 0 5px 0;color:#e6162d;font-size:12px;background:#fff;display:block;cursor:pointer;position:relative;}
.pf4{padding:10px 0 5px 0;color:#5edf66;font-size:12px;background:#fff;cursor:pointer;position:relative;}
.pf1 img,.pf2 img,.pf3 img,.pf4 img{width:30px;}
.pf_ewm{width:60px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;}
.pf_ewm img{width:100%;}
.pf_active{display:block;}


@media only screen and (max-width:828px ) {	
	.pf{width:50px;font-size:0.14rem;}
	.pf1,.pf2,.pf3,.pf4{font-size:0.12rem;line-height:1.4;}
	.pf1 img,.pf2 img, .pf3 img, .pf4 img{width:25px;}
	.pf_icon{font-size:14px;background:none;padding:5px 5px 5px 5px;line-height:1.4;}
	.pf_ewm img{width:40px;}
}







