﻿@charset "utf-8";
/* CSS Document */
body{}
.content{width:1000px;overflow:hidden;position:relative;margin:0 auto;}
.mode01{width: 1000px; margin:auto;overflow: hidden;padding-bottom: 20px;}
.listTitle02{height: 38px;border-bottom: 1px solid #2f6698;margin-top: 8px;}
.listTitle02 h4{width: 150px;height: 30px;background-color:#2f6698;border-radius: 5px 5px 0 0;line-height: 30px;text-align: center;color:#fff;margin-top:8px;font-weight: normal;font-size: 14px;float: left;}
.listTitle02 h3{width: 190px;height: 30px;float:right;background:url(../images/arrow_left.png) no-repeat 175px 10px #2f6698;line-height: 30px;text-align: center;letter-spacing: 1px;font-size: 13px;position: relative;z-index: 98}
.listTitle02 h3.on{background:url(../images/arrow_bottom.png) no-repeat 175px 10px #2f6698;}
.listTitle02 a{color:#fff;}
.listTitle03{height: 38px;border-bottom: 1px solid #2f6698;margin-top: 8px;}
.listTitle03 h4{width: 150px;height: 30px;float:left;background-color:#2f6698;border-radius: 5px 5px 0 0;line-height: 30px;text-align: center;color:#fff;margin-top:8px;font-weight: normal;font-size: 14px;}
.listTitle03 h3{width: 190px;height: 30px;background:url(../images/arrow_left.png) no-repeat 175px 10px #2f6698;line-height: 30px;text-align: center;letter-spacing: 1px;font-size: 13px;position: relative;z-index: 99998}
.listTitle03 h3.on{background:url(../images/arrow_bottom.png) no-repeat 175px 10px #2f6698;}
.listTitle03 a{color:#fff;}
.flexslider2{width: 330px;float:left;height: 265px;margin-top: 19px;}
.flexslider2 .til_slides{width: 320px;}
.flexslider2 .flex-control-nav{width: 300px;}
.list02{margin-left: 330px;padding-top: 16px;overflow: hidden;}

.list02 ul{ width:100%; float:left;}
.list02 li{/*width: 50%;float:left;*/background:url(../images/li_bg01.png) no-repeat 18px center;line-height: 30px;height: 30px;overflow: hidden;}
.list02 li a{padding-left:11px;margin-left: 18px;}
.list02 li span{float: right;margin-left:8px;color:#787878;}
.list03{padding-top: 16px;overflow: hidden;}
.list03 li{width: 50%;float:left;background:url(../images/li_bg01.png) no-repeat 18px center;line-height: 30px;height: 30px;overflow: hidden;}
.list03 li a{padding-left:11px;margin-left: 18px;}
.list03 li span{float: right;margin-left:8px;color:#787878;}
/*宗教局职能简介*/
.saraNav{width: 190px;position: absolute;top:30px;left:0;background-color:#e5e5e5;z-index: 990;display: none;}
.saraNav a{color:#444;letter-spacing: 0;font-size: 14px;font-weight: normal;}
.saraNav li{width: 100%;height: 36px;line-height: 36px;border-bottom:1px solid #cdcdcd;border-top: 1px solid #f1efee;position: relative;float:left;}
.saraNav li strong{position: absolute;width: 10px;height: 15px;background:url(../images/arrow03.png) no-repeat center center;left:10px;top:10px;}
.saraNav li a{display: block;width: 100%;height: 100%}
.saraNav li:hover a,.saraNav li.active a{background-color: #fff;}
.saraSub_nav{display: none;position: absolute;left:-180px;width: 180px;height: 61px;background-color:#fff;text-align: center;padding-top:14px;}
.saraSub_nav dd{display: inline-block;*display: inline;zoom:1;margin:0 18px;line-height: 40px;}
.saraNav dd a:hover{color:#2f6698;}
.pa01{top:-39px;}
.pa02{top:-77px;}
.pa03{top:-115px;padding:6px 0 6px;}
.pa03 dd{line-height: 35px;}




@media screen  and (max-width:1000px) {
  .content{width:auto;padding:0 15px;}
  .flexslider2{float: none;margin:20px auto;}
  .list02{margin:0;width: 100%;}
  .list02 li{background-position: left center;}
  .list02 li a{margin-left: 0;}
  .list02 li span{margin-right: 10px;}
  .list02 li:nth-child(2n){background-position: 10px center;}
  .list02 li:nth-child(2n) a{margin-left:10px;}
  .list02 li:nth-child(2n) span{margin-right:0px;}
  
  .list03{margin:0;width: 100%;}
  .list03 li{background-position: left center;}
  .list03 li a{margin-left: 0;}
  .list03 li span{margin-right: 10px;}
  .list03 li:nth-child(2n){background-position: 10px center;}
  .list03 li:nth-child(2n) a{margin-left:10px;}
  .list03 li:nth-child(2n) span{margin-right:0px;}
  

}

@media screen  and (max-width:900px) {
	
@media screen  and (max-width:800px) {

}

@media screen and (max-width: 768px) {
	.list02 li{width: 100%;}
	.list02 li span{margin-right: 0px;}
	.list02 li:nth-child(2n){background-position: 0px center;}
    .list02 li:nth-child(2n) a{margin-left:0px;}
   .list03 li{width: 100%;}
	.list03 li span{margin-right: 0px;}
	.list03 li:nth-child(2n){background-position: 0px center;}
    .list03 li:nth-child(2n) a{margin-left:0px;}
    /*.listTitle02 h4{float: left}
    .listTitle02 h3{float:right;margin-top: 8px;}*/
}
@media screen  and (max-width:640px) {
	.listTitle02{height: 78px;position:relative;}
	.listTitle02 h3{position: absolute;left:50%;margin-left: -90px;top:0px;margin-top: 0}
	.listTitle02 h4{margin-top: 48px;}
	
	.listTitle03{height: 78px;position:relative;}
	.listTitle03 h3{position: absolute;left:50%;margin-left: -90px;top:0px;margin-top: 0}
	.listTitle03 h4{margin-top: 48px;}
	
	.list02 ul{ width:100%; float:none;}
	}
@media screen and (max-width:500px) {

	}


@media screen and (max-width:480px) {
	 
}
