/* ***********   padding, margin  ********** */
.navbar-ind{ background:#d20607; height:100px;}
.navbar-nav{ height:100px;}
.navbar-nav li{ padding:16px 0 0 0;}
/* milan米兰概况 */
.navbar-ind .navbar-brand{ padding:10px 0 0 0;}
.zjbanner{ width:100%; height:auto;}
.zjbanner img{ width:100%; height:auto;}

.zjmainbox{ width:100%; position:relative; }
.zjmainbox .zjmain{ position:absolute; width:100%; height:100px; left:0; top:0;}
.zjbox{ width:440px;}
.zjtitle{ font-size:20px; font-weight:bold; color:#02448f; padding:60px 0 0 0; height:60px; line-height:22px; letter-spacing:2px; }
.zjtitle a{ color:#02448f; }
.zjinfo{ font-size:14px; color:#02448f; line-height:32px; text-indent:2em;}
.zjinfo a{ color:#ec0000; margin-left:5px;}
.sm_zjinfo{ font-size:14px; line-height:32px; padding:10px 20px; text-indent:2em;}
.sm_zjinfo a{ color:#ec0000; margin-left:5px;}

.zj_titles{ background:url(/dist/images/zjtitle_bg.gif) bottom center no-repeat; height:76px; line-height:76px; padding-bottom:6px; font-size:30px; color:#d20607; text-align:center;}
.zj_titles a{ color:#d20607;}

/* 佛教名山 */
.fjms_bg{ background:url(/dist/images/fj_bg.jpg) top center no-repeat #e7c79d; height:505px; padding:25px 0 0 0;}
.fjms_list{ margin:50px 0 0 0;}
.fjms_list .bd{ height:240px; overflow:hidden;}
.fjms_list ul li{ width:100%;}
.fjms_list ul li a{ display:block; float:left; width:300px; height:240px;}
.fjms_list ul li a .msimg{ display:block; background:url(/dist/images/ms_img1.png); width:241px; height:238px; float:left; }
.fjms_list ul li a:hover .msimg{  background:url(/dist/images/ms_img1h.png); transition: ease-in-out .7s; transform: rotate(360deg);}
.fjms_list ul li a.num2 .msimg{background:url(/dist/images/ms_img2.png); }
.fjms_list ul li a.num2:hover .msimg{background:url(/dist/images/ms_img2h.png); }
.fjms_list ul li a.num3 .msimg{background:url(/dist/images/ms_img3.png); }
.fjms_list ul li a.num3:hover .msimg{background:url(/dist/images/ms_img3h.png); }
.fjms_list ul li a.num4 .msimg{background:url(/dist/images/ms_img4.png); }
.fjms_list ul li a.num4:hover .msimg{background:url(/dist/images/ms_img4h.png); }
.fjms_list ul li a.num5 .msimg{background:url(/dist/images/ms_img5.png); }
.fjms_list ul li a.num5:hover .msimg{background:url(/dist/images/ms_img5h.png); }

.fjms_list ul li a .img_title{ float:left; width:35px; display:block; padding:72px 0 0 0;}

.fjms_list .hd{width:100%;height:15px;margin-top:56px;text-align:center;overflow:hidden;}
.fjms_list .hd ul li{display:inline-block;width:12px;height:15px;margin:0 5px;overflow:hidden;text-indent:-9999em;cursor:pointer;background:url(/dist/images/numico.png) 0 0 no-repeat;}
.fjms_list .hd ul li.on{background:url(/dist/images/numico.png) -12px 0 no-repeat;}
/* 风景名山 */
.fejms_bg{ background:#f4f4f4;}
.fejms_box{ padding:22px 0 70px 0;}
.fejms_list{ position:relative; height:598px; margin:50px 0 0 0;}
.fejms_list ul li{ position:absolute; left:0; top:0; overflow:hidden;width:390px; height:200px }
.fejms_list ul li img{ width:100%; height:100%;} 
.fejms_list ul li.num1{  width:390px; height:390px;}
.fejms_list ul li.num2{ top:400px; left:0; }
.fejms_list ul li.num3{ top:0; left:400px;}
.fejms_list ul li.num4{ top:210px; left:400px; width:590px; height:180px;}
.fejms_list ul li.num5{ top:400px; left:400px;}
.fejms_list ul li.num6{ top:0; left:800px; width:400px; height:200px;}
.fejms_list ul li.num7{ top:210px; left:1000px; width:200px; height:180px;}
.fejms_list ul li.num8{ top:400px; left:800px; width:400px; height:200px;}
.fejms_list ul li .img_title{ position:absolute; left:0;  background:url(/dist/images/txtbg.png) 0 0 repeat; width:100%; height:200px; bottom:-200px; font-size:20px; color:#fff; text-align:center; line-height:200px;}
.fejms_list ul li.num1 .img_title{ bottom:-390px; height:390px; line-height:390px;}
.fejms_list ul li.num4 .img_title{   height:180px; line-height:180px; }
.fejms_list ul li.num7 .img_title{  height:180px; line-height:180px; }
/* 文化名山 */
.whms_bg{ background:url(/dist/images/whms_bg.jpg) bottom center no-repeat #e7c79d; height:530px; padding:20px 0 0 0;}
.whms_box{ height:320px; margin:45px 0 0 0;}
.whms_box .whms_list{ background:url(/dist/images/wh_bg1.png) 0 0 no-repeat; width:200px; height:320px; float:left; }
.whms_box .whms_list2{ background:url(/dist/images/wh_bg2.png) right top no-repeat;}
.whms_box .whms_list ul{position:relative; width:141px; height:260px; margin:0 auto; padding:60px 0 0 0; }
.whms_box .whms_list ul li{ font-size:24px; width:141px;  text-align:center; color:#af7a33;}
.whms_box .whms_list ul li a{ color:#af7a33;}
.whms_box .whms_list ul li  .img_title{ display:block; padding:40px 0 0 0;}
.whms_box .whms_list .face_img{ position:absolute; left:0; top:50px;}
.whms_box .whms_list2 ul li  .img_title{ display:block; padding:0 0 40px 0;}
.whms_box .whms_list2 ul li a{ color:#f5e4cd;}
.whms_box .whms_list ul li a:hover img{  filter:alpha(opacity:85); opacity:0.85;  -moz-opacity:0.85;-khtml-opacity: 0.85;}
/* 生态名山 */
.stms_bg{ background:#f4f4f4;}
.stms_list{ padding:58px 0;}
.stms_list .stms_box{ width:300px;  float:left;}
.stms_list .stms_title{ font-size:18px; color:#333; height:32px; line-height:20px;}
.stms_list .stms_info{ line-height:26px; font-size:14px; color:#666; text-indent:2em; height:199px; padding-right:40px;}
.stms_list .stms_xxlist {height:199px; padding:0 20px; }
.stms_list .stms_xxlist .list{ line-height:30px; height:30px; font-size:14px; color:#666;      background: url(/dist/images/arr.gif) left center no-repeat; padding-left:11px;}
.stms_list .stms_xxlist .list img{ float:left; padding:8px 0 0 0; }

.stms_list .stms_img{ height:230px; overflow:hidden;}
.stms_list .stms_img a:hover img{ filter:alpha(opacity:85); opacity:0.85;  -moz-opacity:0.85;-khtml-opacity: 0.85; }
.stms_list .stms_box2 .stms_title{ height:50px; line-height:50px; padding:0 0 0 16px; }
.stms_list .stms_box2 .stms_info,.stms_list .stms_box3 .stms_info{ padding:0 20px;}
.stms_list .stms_box3 .stms_title{  padding:0 0 0 20px; }

.stms_list .hd{width:100%;height:15px;margin-top:56px;text-align:center;overflow:hidden; display:none; clear:both;}
.stms_list .hd ul li{display:inline-block;width:12px;height:15px;margin:0 5px;overflow:hidden;text-indent:-9999em;cursor:pointer;background:url(/dist/images/numico.png) 0 0 no-repeat;}
.stms_list .hd ul li.on{background:url(/dist/images/numico.png) -12px 0 no-repeat;}
/* 地理位置 */
.zj_bg{ background:url(/dist/images/zj_bg.jpg) bottom center no-repeat #e7c79d; height:312px; padding:48px 0 0 0; }
.zj_lmbox{ width:380px; height:262px; float:left;}
.zj_lmbox2{ padding:0 0 0 30px; border-left:1px solid #d9b98c; }
.zj_lmbox3{ float:right !important; border-left:1px solid #d9b98c; padding-left:30px; width:350px;}
.zjlm_tit{ font-size:24px; color:#af7a33; color:#af7a33; height:45px; line-height:26px; }
.zjlm_tit a{  color:#af7a33; }
.zjlm_tit .ico{ padding:0 12px 0 0; vertical-align:top;}

.zj_lminfo{ font-size:16px; color:#8c5e1f; line-height:28px; padding:0 30px 0 0;}
.sp_img{ width:380px; height:210px; position:relative;}
.sp_img .img_title{ position:absolute; left:0; bottom:0; width:100%; background:url(/dist/images/sp_txt.png) 0 0 no-repeat; height:41px; line-height:41px; text-align:center; color:#fff; font-size:16px;}

.zjlm_list ul li{ height:29px; line-height:29px; font-size:16px; background:url(/dist/images/zjico.gif) left center no-repeat; padding-left:12px;}
.zjlm_list ul li a{ max-width:310px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  color:#815e1c;}

@media (min-width: 992px) and (max-width:1199px) {
	.zj_bg{ height:280px;}
	.zjbox{ width:400px;}
	.zjtitle{ padding-top:20px; height:30px;}
	.zjinfo{ line-height:28px;}
	.zjinfo_h{ display:none;}
	/* 佛教名山 */
	.fjms_bg{ height:auto; padding-bottom:20px;}
	.fejms_list{ height:508px;}
	.fjms_list{ margin:10px 0 0 0;}
	.fjms_list ul li a{ width:300px;  margin:0  98px 20px 98px;}
	.fjms_list .hd{ margin-top:0;}
	.fejms_list ul li{ width:320px; height:164px }
	.fejms_list ul li.num1{  width:320px; height:334px;  line-height:320px;}
	.fejms_list ul li.num2{ top:344px;  }
	.fejms_list ul li.num3{ left:330px }
	.fejms_list ul li.num4{ width:520px; height:159px;  line-height:159px;left:330px; top:174px; }
	.fejms_list ul li.num5{ left:330px;  top:343px; }
	.fejms_list ul li.num6,.fejms_list ul li.num8{  width:330px; height:165px;  line-height:165px; left:660px;}
	.fejms_list ul li.num7{  width:130px; height:159px; line-height:159px; left:860px; top:174px; }
	.fejms_list ul li.num8{ top:340px}
	.fejms_list ul li .img_title{ line-height:164px; height:164px;}
	.fejms_list ul li.num1 .img_title{ height:334px; line-height:334px;}
	.fejms_list ul li.num4 .img_title{   height:159px; line-height:159px; }
	.fejms_list ul li.num7 .img_title{  height:159px; line-height:159px; }
	/* 文化名山 */
	.whms_box .whms_list{  width:165px; }
	/* 生态名山 */
	.stms_list{ padding:30px 0  0 0;}
	.stms_list .stms_box{ width:248px;}
	.stms_list .stms_img{ height:190px;}
	.stms_list .stms_img img{ width:100%; height:auto;}
	.stms_list .stms_info{ height:148px; line-height:24px; padding-bottom:10px; overflow:hidden;} 
	.stms_box1 .stms_info{ padding-right:20px;} 
	.stms_list .stms_box2 .stms_title{ height:40px; line-height:40px;  }
	.stms_list .stms_xxlist .list{ height:26px; line-height:26px;}
	.stms_list .stms_xxlist .list a{ float: none;display: block;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.stms_list .stms_xxlist .list  img{ display:none;}
	/* 地理位置 */
	.zj_lmbox{ width:317px; height:262px; float:left;}
	.zj_lmbox2{ padding:0 0 0 20px;}
	.zj_lmbox3{ padding:0 0 0 20px; width:297px;}

	.zj_lminfo{ padding:0 20px 0 0; line-height:24px;}
	.sp_img{ width:100%; height:175px;}
	.sp_img img{ width:100%; height:auto;}
	.zjlm_list ul li a{ max-width:230px; display: block;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

}
@media (min-width: 768px) and (max-width:991px) {
	.navbar-brand{ padding:16px 0 0 0 !important;}
	.navbar-brand img{ width:176px; height:52px; }
	.zjbox{ width:300px;}
	.zjtitle{ padding-top:30px; height:30px;}
	.zjinfo{ line-height:26px;}
	/* 佛教名山 */
	.fjms_bg{ height:auto; padding-bottom:20px;}
	.fjms_list{ margin:10px 0 0 0;}
	.fjms_list ul li a{ width:300px;  margin:0  40px 20px 40px;}
	.fjms_list .hd{ margin-top:0; }
	.fejms_list{ height:385px;}
	.fejms_box{ padding:22px 0 20px 0;}
	.fejms_list ul li{ width:224px; height:125px }
	.fejms_list ul li.num1{  width:224px; height:224px;}
	.fejms_list ul li.num2{ top:234px; height:151px;  }
	.fejms_list ul li.num3{ left:234px }
	.fejms_list ul li.num4{ width:378px; height:115px; left:234px; top:135px; }
	.fejms_list ul li.num5{ left:234px;  top:260px; }
	.fejms_list ul li.num6,.fejms_list ul li.num8{  width:254px; height:125px;  line-height:125px; left:468px;}
	.fejms_list ul li.num7{  width:100px; height:115px; line-height:115px; left:620px; top:135px; }
	.fejms_list ul li.num8{ top:258px}
	.fejms_list ul li .img_title{ line-height:125px; height:125px;}
	.fejms_list ul li.num1 .img_title{ height:224px; line-height:224px;}
	.fejms_list ul li.num4 .img_title,.fejms_list ul li.num7 .img_title{   height:115px; line-height:115px; }
	.fejms_list ul li.num2 .img_title{ height:151px;}
	/* 文化名山 */
	.whms_box .whms_list{  width:127px; }
	.whms_box .whms_list ul li,.whms_box .whms_list ul{ width:100%;}
	.whms_box .whms_list img{ width:120px; height:120px;}
	.stms_list{ padding:28px 0;}	
	.stms_list .stms_box{ width:190px;}
	.stms_list .stms_img{ height:145px;}
	.stms_list .stms_xxlist .list { height:28px; line-height:28px;}
	.stms_list .stms_xxlist .list a{ float: none;display: block;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.stms_list .stms_xxlist .list  img{ display:none;}
	.stms_list .stms_img img{ width:100%; height:auto;}
	.stms_list .stms_info,.stms_list .stms_xxlist{ height:103px; padding-bottom:10px;  }
	.stms_list .stms_box2 .stms_info,.stms_list .stms_box3 .stms_info{ height:103px; padding-bottom:10px;;}
	.stms_list .stms_info .content-info{ height:103px; overflow:hidden;}
	.stms_box1 .stms_info{ padding-right:20px;} 
	.stms_list .hd{ margin-top:20px;}
	.stms_list .stms_box2 .stms_title{ height:40px; line-height:40px;}
	/* 地理位置 */
	.zj_bg{ height:auto; padding-bottom:20px;}
	.zj_lmbox{ width:247px; height:auto; }
	.zj_lmbox2{ padding:0 0 0 10px;}
	.zj_lmbox3{ padding:0 0 0 10px; width:237px;}
	.zj_lminfo{ padding:0 10px 0 0; height:140px; overflow:hidden;}
	.sp_img{ width:100%; height:136px;}
	.sp_img img{ width:100%; height:auto;}
	.zjlm_list{ height:140px; overflow:hidden;}
	.zjlm_list ul li a{ max-width:200px; display: block;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.zjlm_list ul li   img{ display:none;}


}
@media (max-width: 767px) {
	 .navbar-ind,.navbar-nav{ height:auto;}
	 .navbar-ind .navbar-brand{ height:auto; padding:5px 0 0 0;}
	.zjbox{ display:none;}
	.zj_titles{ height:56px; line-height:56px; font-size:24px;}
	/* 佛教名山 */
	.fjms_bg{ height:auto; padding-bottom:20px;}
	.fjms_list{ margin:20px 0 0 0;}
	.fjms_list ul li a .msimg{ width:154px; height:152px; background-size:100% 100% !important; margin-left:15%;}
	.fjms_list ul li a{ float:none; margin:10px auto;  height:172px; }
	.fjms_list ul li a .img_title{ padding:0;}
	.fjms_list .bd{ height:auto;}
	.fjms_list .hd{ margin-top:0; }
	.fejms_box{ padding:22px 0 10px 0;}
	.fejms_list{ height:auto; padding:0 10px; margin-top:20px;}
	.fejms_list ul li{ margin:0 auto; position:inherit; }
	.fejms_list ul li.num1{ width:80%; height:auto;}
	.fejms_list ul li.num1 img{ width:100%;}
	.fejms_list ul li .img_title{ display:none;}
	.fejms_list ul li.num2,.fejms_list ul li.num3,.fejms_list ul li.num4,.fejms_list ul li.num5,.fejms_list ul li.num6,.fejms_list ul li.num7,.fejms_list ul li.num8{ display:none;}
	/* 文化名山 */
	.whms_bg{ height:auto;}
	.whms_box{ margin:20px 0 0 0; height:auto; padding-bottom:10px;}
	.whms_box .whms_list{  width:23%; background:#f5e4cd; margin:0 0 20px 8%; height:auto; padding:10px 0; }
	.whms_box .whms_list2{ background:#cca168;}
	.whms_box .whms_list ul li,.whms_box .whms_list ul{ width:100%; padding:0; height:auto; margin:0 !important;}
	.whms_box .whms_list img{ width:80%; height:auto;}
	.whms_box .whms_list ul li  .img_title{ font-size:20px;  padding:0;}
	 .stms_list .bd{ height:auto;}
	 .stms_list .stms_xxlist{ height:auto; padding:10px 0 0 0;}
	.stms_list{ padding:25px 0;}
	.stms_list .stms_box{ width:80%; margin:0 auto; float:none;}
	.stms_list .stms_img{ height:auto;}
	.stms_list .stms_img img{ width:100%; height:auto;}
	.stms_list .stms_info,.stms_list .stms_box2 .stms_info, .stms_list .stms_box3 .stms_info{ height:auto; padding:10px 0 0 0;}
	.stms_list .hd{ margin-top:15px; display:block;}
	.stms_list .stms_xxlist .list{ height:26px; line-height:26px;}
	.stms_list .stms_xxlist .list a{ float: none;display: block;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.stms_list .stms_xxlist .list  img{ display:none;}
	.stms_list .stms_box2 .stms_title,.stms_list .stms_box3 .stms_title{ height:32px; line-height:20px; padding:0;}
	/* 地理位置 */
	.zj_bg{ height:auto; padding:20px;}
	.zj_lmbox{ width:100%; height:auto; clear:both; margin-bottom:15px;}
	.zj_lmbox2{ margin:0 0 15px 0; border:none; padding:0;}
	.zj_lmbox3{ margin-bottom:0; border:none;  padding:0;}
	.zj_lminfo{ padding:0; height:auto; overflow:hidden;}
	.sp_img{ width:100%; margin:0 auto; }
	.sp_img img{ width:100%;}
	.zjlm_list ul li a{  max-width:none;   float: none;  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.zjlm_list ul li img{ display:none;}

}