.pagesbanner-wrap{ width: 100%; background: url(/Public/Img/fojiao/pagesbanner-bg.png) repeat;}
.pagesbanner{width: 100%; height: 222px; max-width: 1200px; margin: 0 auto; position: relative; background: url(/Public/Img/fojiao/pagesbanner-bg2.png) no-repeat; overflow: hidden;} 
.pagesbanner .pagetitle{ position: absolute; left: 106px; top: 83px; font-size: 40px; font-weight: 700; color: #fff; font-family: "黑体";}
.pagesbanner .imgbox{ width: 392px; height: 222px; float: right; margin-right: 185px;}

.main{width: 100%; max-width: 1200px; margin: 30px auto;}
.leftside{ float: left; min-width: 292px; background: #f0d498;}
.menu{ background: url(/Public/Img/fojiao/leftmenu-bg.png) repeat-y 0 0; margin-bottom: 35px; }
.menu ul{ margin: 0 auto; padding-top: 35px; width: 238px;}
.menu ul li{ width: 238px; height: 53px; margin-bottom: 20px; line-height: 53px; text-align: center;}
.menu ul li a{ color: #fff; font-size: 15px; display: block; background: url(/Public/Img/fojiao/pages-btnbg.png) no-repeat;}
.menu ul li a:hover{ color: #bb3756;}
.container{ margin-left: 314px; min-height: 700px;}
.content-title{ text-align: center; line-height: 60px; padding-bottom: 20px; background: url(/Public/Img/fojiao/content-top.png) repeat-x left bottom; font-size: 24px; color: #bb3756;}
.content{ padding: 25px 0; line-height: 30px;}
.content p{ color: #333; font-size: 18px;}
.a_btn{ width: 238px;
	height: 53px;
	margin-bottom: 20px;
	line-height: 53px;
	text-align: center; color: #fff; font-size: 20px; display: block; background: url(/Public/Img/fojiao/pages-btnbg.png) no-repeat;}

/**
 * 新闻列表
 */
.newslist{ padding: 25px 0;}
.newslist ul li{ line-height: 40px;}
.newslist ul li img{ float: left; width: 24px; height: 16px; margin-top: 10px ;}
.newslist ul li a{ display: block; margin-left: 30px; font-size: 18px;}
.pages{ margin: 20px auto;}
.pages ul{ text-align: center;}
.pages ul li{ display: inline-block; font-size: 18px; margin-left: 10px; line-height: 24px;}
.pages ul li a{ display: block; font-size: 18px; border: 1px solid #ccc; padding: 0 5px;}
.pages ul li.lastli{ margin-left: 20px; border: none; }
.pages ul li.lastli input{ line-height: 26px;}
.pages ul li.lastli .numtxt{ width: 30px; text-align: center; background: #fff; border: 1px solid #ccc;}
.pages ul li.lastli .btn{ border: 1px solid #ccc;width: 40px; text-align: center;}

/**
 * 慈善公益
 */
.csgy-list ul li{ float: left; width: 25%; margin-bottom: 50px; text-align: center;}
.csgy-list ul li a{ display: inline-block;}

/**
 * 网上皈依
 */
.guiyi-left{ float: left; width: 150px;}
.guiyi-left img{ max-width: 100%;}
.wsgy{ margin-left: 170px;}
.wsgy-form{ margin: 50px 100px;}
.wsgy-ul{ width: 100%; border: 1px solid #fc0; border-bottom: none; } 
.wsgy-ul li{ border-bottom: 1px solid #fc0;}
.wsgy-ul li .lefttitle{ float: left; line-height: 50px;height: 50px; width: 150px; text-align: right; color: grey; background: #FFF3CE; border-right: 1px solid #fc0; font-size: 18px;}
.wsgy-ul li .liright{ margin-left: 150px; padding: 5px;}
.wsgy-ul li .liright .txt{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #ccc; text-indent: 5px; }
.wsgy-ul li .radiobox{ text-align: center;line-height: 50px;height: 50px;}
.wsgy-ul li .radiobox input,.wsgy-ul li .radiobox span{ display: inline-block; color: grey; font-size: 18px; margin-left: 10px;}
.wsgy-ul li .radiobox input{ width: 14px; height: 14px; margin-left: 20px;}
.wsgy-ul li.lastli{line-height: 50px;height: 50px; background: #efefef; text-align: center; }
.wsgy-ul li.lastli .guiyi-btn{ display: inline-block; width: 50px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; margin-left: 10px; background: #fff; color: #333; border: 1px solid #ccc; border-radius: 3px;}
.wsgy .tips{ font-size: 18px; color: #bb3756; margin-left: 100px;}
.wsgy .tips span{ float: left;}
.wsgy .tips p{ margin-left: 60px;}

/**
 * 友好往来
 */
.yhwl-list{padding: 25px 0;}
.yhwl-list ul{}
.yhwl-list ul li{ width: 50%; float: left; margin-top: 30px; margin-bottom: 50px; text-align: center;}
.yhwl-list ul li .pic,.yhwl-list ul li .txt{ padding: 0 10px;}
.yhwl-list ul li .pic img{ width: 250px; height: 175px;}
.yhwl-list ul li .txt{ display: block; height: 30px; line-height: 30px; font-size: 18px; margin-top: 10px;}

/*
 * 网上敬香
 */
.wsjx{ text-align: center;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width:992px) {
	.pagesbanner{ height: auto;} 
	.pagesbanner .imgbox{ width: 100%; height: auto; margin-right: 0;}
	.pagesbanner .pagetitle{ left: 0; width: 100%; text-align: center;}
	
	.newslist ul li a{ font-size: 16px;}
	.pages ul li { margin-left: 5px;}
	.pages ul li a{ font-size: 12px;}
	.pages ul li.lastli{ margin-left: 5px;}
	
	.csgy-list ul li{width: 33.3%;}
	.guiyi-left{ display: none;}
	.wsgy{ margin: 0 10px;}
	.wsgy-form{ margin: 20px 0;}
	.wsgy-ul li .lefttitle{ width: 100px;}
	.wsgy-ul li .liright{ margin-left: 100px;}
	.wsgy .tips{ margin-left: 0;}
	
	.yhwl-list ul li{ width: 50%; margin-bottom: 20px; margin-top: 15px;}
	.yhwl-list ul li .pic img{ height: 100px;}
}
@media only screen and (max-width:768px ) {
	.leftside{ width: 100%;  }
	.container{ margin-left: 0; padding: 0 5px;}
	.menu{ height: auto; margin: 0;}
	.menu ul{ width: 100%; }
	.menu ul li{ width: 100%; float: left; overflow: hidden;}
	.menu ul li a{ margin:0 5px; background-size: 100% 100%;}
	.menu ul li a{ font-size: 16px;}
	.content img{ width: 100%; display: block; margin: 0 auto;}
}
@media (min-width: 768px){
	
}