

/*轮播*/
.slider{ width:100%; min-width:1200px; height:575px; position:relative; overflow:hidden; background:#fff; text-align:center; } 
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px } 
.slider .bd li{ width:1200px; overflow:hidden; } 
.slider .bd li img{ display:block; width:1200px; height:100%; object-fit: cover;} 
.slider .tempWrap{ overflow:visible !important } 
.slider .tempWrap ul{ margin-left:-1200px !important; } 
.slider .hd{ position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:20px; text-align:center; } 
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(/Public/Img/fojiao/slider-btn.png) 0 -10px no-repeat; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; }
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1; } 
.slider .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:100%; cursor:pointer; } 
.slider .prev{ left:-50%; margin-left:-600px; } 
.slider .next{ left:50%; margin-left:600px; } 
.slider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50);opacity:0.5; } 
.slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:100%; } 
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; } 
.slider .prev .arrow{ right:0; background:url(/Public/Img/fojiao/slider-arrow.png) -120px 120px no-repeat; }
.slider .next .arrow{ left:0; background:url(/Public/Img/fojiao/slider-arrow.png) 0 120px no-repeat; }


.firstitem{ width: 100%;max-width: 1200px; margin: 35px auto;}
.firstitem ul{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.firstitem ul li{ float: left; width: 20%; height: 74px; line-height: 74px;}
.firstitem ul li a{ display: block; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; font-size: 18px; color: #333;}
.firstitem ul li a:hover{ color: #bb3756;}
.firstitem ul li .li-icon{ display: inline-block; width: 39px; height: 38px; text-align: center; margin-right: 22px; margin-left: 46px;}
.firstitem ul li.lastli { text-align: center;}

/*观音寺简介*/
.introduction-wrap{ width: 100%; background: url(/Public/Img/fojiao/introduction-bg.png) repeat;}
.introduction{ width: 100%;max-width: 1200px; margin: 0 auto; padding-bottom: 48px;}
.introduction .title{ padding-top: 23px; text-align: center;}
.introduction-con{ margin-top: 25px;}
.introduction-con img{ width: 267px; height: 205px; float: left;}
.introduction-con .txt{ margin-left: 288px; padding-top: 10px; font-size: 18px; color: #fff; line-height: 30px;}
.introduction-con .txt p{text-indent: 2em; }
.introduction-con .showdetail{ color: #bb3756; display: block; margin-top: 30px; text-decoration: underline;}

/*天津市佛教慈善基金会专栏*/
.charity{width: 100%;max-width: 1200px; margin: 26px auto 0;}
.charity .title{ text-align: center;}
.charity ul{ padding: 35px 0; margin-left: -65px;}
.charity ul li{ float: left; margin-left: 90px; text-align: center;}
.charity ul li span{ display: block; margin-top: 10px; font-size: 18px;}

/*殿堂简介*/
.dt-intro{width: 100%;max-width: 1200px; margin: 0 auto;}
.dt-intro .title{ padding: 35px 0 17px; text-align: center;}
.dt-intro ul { margin-left: -52px;}
.dt-intro ul li{ float: left; width: 33.3%; margin-top: 33px;}
.dt-intro ul li img{ width: 336px; height: 222px;}
.dt-intro ul li .txt{ display: block; text-align: center; margin-top: 15px; font-size: 24px;}
.dt-intro ul li a{ display: block; margin-left: 70px; }

/*佛教新闻*/
.news-wrap{ margin-top: 58px; width: 100%; background: url(/Public/Img/fojiao/news-bg.png) repeat;}
.news .title{ padding-top: 24px; text-align: center;}
.news{width: 100%;max-width: 1200px; margin: 0 auto;}
.news ul{ padding-bottom: 78px;}
.news ul li{ float: left; margin-top: 25px; width: 50%; background: url(/Public/Img/fojiao/news-ico.png) no-repeat 20px center; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; color: #fff;}
.news ul li a{ padding-left: 50px; font-size: 18px; color: #fff;}

/*近期法会通知*/
.notice{width: 100%;max-width: 1200px; margin: 0 auto; padding-bottom: 70px;}
.notice .title{ padding-top: 32px; text-align: center;}
.notice-txt{ margin-top: 32px; font-size: 18px;}
.notice-txt p{ text-indent: 2em; line-height: 30px;}
.notice-txt .lasttxt{ text-align: right; line-height: 30px;}


@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width:992px) {
	.slider{ width: 100%;min-width: auto; max-width: 100%; height: 300px; }
	.firstitem ul li{ width: 50%;}
	.charity ul{ padding: 35px 10px; margin-left: 0; }
	.charity ul li{ width: 25%; margin-left: 0; margin-top: 10px;}
	.dt-intro ul { margin-left: 0; padding: 0 10px;}
	.dt-intro ul li{ width: 50%; }
	.dt-intro ul li img{ width: 100%; height: 110px;}
	.dt-intro ul li a{ margin: 0 5px; }
	.firstitem ul li .li-icon{ margin-left: 26px;}
}
@media only screen and (max-width:768px ) {
	.introduction-con{ padding: 0 10px;}
	.introduction-con img{ width: 100%; height: auto;}
	.introduction-con .txt{ margin-left: 0;}
	.charity ul li{ width: 50%;}
	.news ul li{ width: 100%;}
	.title{ padding-left: 10px; padding-right: 10px;}
	.title img{ max-width: 100%; height: 60px;}
}
@media (min-width: 768px){
	
}

