/*
	张振
	动画效果
*/
/*小通栏*/
.xtl img{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.xtl img:hover{
	transform: scale(1.03); 
}
/* 轮播图 */
.bigg li{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.bigg li:hover{
	transform: scale(1.03); 
}
/* 操作指南 资料下载 */
.item_a_box span, p{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.item_a_box:hover  span{
		transform: scale(1.2); 
}
.item_a_box:hover  p{
		transform: scale(1.2); 
}

.item_a .first_txt{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.item_a .first_txt:hover{
	transform: scale(1.03); 
}
/*报名*/
.cjbm img{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.cjbm img:hover{
	transform: scale(1.03); 
}
/*专题专栏*/
.zhuan_img img{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.zhuan_img img:hover{
	transform: scale(1.03); 
}
/* 清真寺专栏 */
.light_tu li{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.light_tu li:hover{
	transform: scale(1.1); 
}
/*文章列表动画*/
.work-page li{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.work-page li:hover{
	transform: scale(1.03); 
	background-color: antiquewhite;
}
.works-pages li{
	object-fit:cover;border-radius:5px;transition:.6s cubic-bezier(0.25,1,0.5,1)
}
.works-pages li:hover{
	transform: scale(1.03); 
	background-color: antiquewhite;
}


/* 轮播图 */
.bigg ul li {
    height: 100%;
}

/* .bigg li {
    list-style: none;
    float: left;
}

.bigg li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.bigg a img {
    width: 100%;
    height: 100%;
}

.bigg ul {
    position: absolute;
    left: 0;
    height: 26.1875rem;
} */

.bigg {
    position: relative;
    width: 100%;
    height: 26.1875rem /* 419/16 */;
    float: left;
}

.bigg .tu {
    position: absolute;
    left: 0px;
    top: .1875rem /* 3/16 */;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden;
}
.tu ul i{
    display: none;
} 

.bigg span {
    position: absolute;
    width: 4.25rem /* 68/16 */;
    height: 5.1875rem /* 83/16 */;
    background: rgba(21, 21, 22, .28);
    font-size: 3.75rem /* 60/16 */;
    text-align: center;
    line-height: 5.1875rem /* 83/16 */;
    color: aliceblue;
    z-index: 5555;
}

/*.bigg .left a:hover {
    color: #fff;
}

.bigg .right a:hover {
    color: #fff;
}

.bigg .left {
    top: 50%;
    left: 0;
    margin-top: -1.5625rem;
}

.bigg .right {
    top: 50%;
    right: 0;
    margin-top: -1.5625rem;
}

.bigg ol {
    position: absolute;
    height: 1.25rem;
    top: 1.25rem ;
    right: 1.25rem ;
    z-index: 55555;
}

.bigg ol li {
    width: .625rem ;
    height: .625rem;
    margin-right: .9375rem;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: transparent;
}

.bigg .red {
    background-color: rgb(255, 255, 255);
}
*/
.tu-last {
    width: 100%;
    height: 3rem /* 48/16 */;
    background-color: rgb(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 23.375rem /* 374/16 */;
    z-index: 9;
}

.last-txt p {
    width: 80%;
    margin-left: 1.0625rem /* 17/16 */;
    font-size: 1.1875rem /* 19/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 3rem /* 48/16 */;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 综合 */
.tab_list {
    
    width: 100%;
    height: 2.75rem /* 44/16 */;
    border-bottom: 1px solid #CCCCCC;
}

.tab_list li {
    float: left;
    max-width: 10.25rem /* 164/16 */;
}

.tab_list li a {
    display: inline-block;
    width: 100%;
    font-size: 1.375rem /* 22/16 */;
    padding: 0 .6875rem /* 11/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    color: #14a5d1;
    line-height: 2.75rem /* 44/16 */;
}

.tab_list .lili {
    background: linear-gradient(270deg, #14a5d1 0%, #14a5d1 100%);
    max-width: 10.25rem /* 164/16 */;
}

.tab_list .lili a {
    color: #fff;
    font-weight: bold;
    background-image: url('../img/yun.png');
    background-repeat: no-repeat;
}

.item {
    display: none;
}

.more {
    float: right;
    font-size: 1.125rem /* 18/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #14a5d1;
    line-height: 2.75rem /* 44/16 */;
    text-align: right;
    min-width: 56px
}

.more img {
    width: .9375rem /* 15/16 */;
    height: 1.125rem /* 18/16 */;
    margin-left: .3125rem /* 5/16 */;
}

.item-txt {
    width: 100%;
    margin-bottom: 1.25rem /* 20/16 */;
    font-size: 1.125rem /* 18/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 1.9375rem /* 31/16 */;
}

.item-box ul {
    width: 100%;
}

.item-box li span {
    cursor: pointer;
}

.item-box ul a {
    position: relative;
    font-size: 1.125rem /* 18/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    /* font-weight: 600; */
    color: #2F2F2F;
    line-height: 2.6875rem /* 43/16 */;
}

.item-box ul i {
    display: inline-block;
    content: '';
    width: .5rem /* 8/16 */;
    height: .5rem /* 8/16 */;
    background: #14a5d1;
    border-radius: 50%;
    margin-right: .625rem /* 10/16 */;
    vertical-align: middle;
}

.item-box a span {
    float: right;
}

@media (any-hover: hover) {
    .item-box ul a:hover {
        font-size: 1.25rem /* 20/16 */;
        transition: all 0.15s;
        color: #14a5d1;
    }
  }


.item-box .item-box-o {
    float: left;
   width: calc(100% - 120px);
}

.sange .item-box .item-box-o {
    width: calc(100% - 120px);
}

.tab_list_a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 2.75rem /* 44/16 */;
    border-bottom: 1px solid #CCCCCC;
}

.tab_list_a li {
    float: left;
}

.tab_list_a li a {
    display: inline-block;
    width: 100%;
    font-size: 1.375rem /* 22/16 */;
    padding: 0 .6875rem /* 11/16 */;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    color: #14a5d1;
    line-height: 2.75rem /* 44/16 */;
}

.tab_list_a .lili {
    background: linear-gradient(270deg, #14a5d1 0%, #14a5d1 100%);
    min-width: 10.25rem /* 164/16 */;
}

.tab_list_a .lili a {
    color: #fff;
    font-weight: bold;
    background-image: url('../img/yun.png');
    background-repeat: no-repeat;
}

.item_a_box {
    margin-top: .625rem /* 10/16 */;
    height: 8.375rem /* 134/16 */;
    background-image: url('../img/diwen.png');
    background-color: #14a5d1;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.item_a_box_b {
    margin-left: .625rem /* 10/16 */;
    background-color: #C89F3D;

}

.item_a_box span {
    display: block;
    text-align: center;
    margin-top: .9375rem /* 15/16 */;
    padding: .625rem /* 10/16 */ 0;
}

.item_a_box span img {
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
}

/* .item_a_box-b span img{
    transform: scale(1.5);
    transition: all 1s;

}

.item_a_box-c span img {
    transform: scale(1);
    transition: all 1s;

}

.item_a_box-b p {
    margin-top: .625rem ;
    transform: scale(1.5);
    transition: all 1s;
}

.item_a_box-c p {
    transform: scale(1);
    transition: all 1s;

} */

.item_a_box p {
    font-size: 1.5rem /* 24/16 */;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 2.0625rem /* 33/16 */;
    text-align: center;
}
.cishan{
    padding-left:2.9375rem
}
/* .first_txt {
    height: 15rem;
} */
/*.first_txt a 改成 .first_txt span */
.first_txt i {
    display: block;
    font-size: 1.25rem /* 20/16 */;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #2F2F2F;
    line-height: 2.5rem /* 40/16 */;
    text-align: center;
}

.first_txt .f-top p {
    font-size: 1.0625rem /* 17/16 */;
    font-family: PingFangSC-Medium, PingFang SC;
   /* font-weight: 600; */
    color: #6E6E6E;
    line-height: 1.375rem /* 22/16 */;
}

.first_txt span {
    font-size: 1.125rem /* 18/16 */;
    font-family: PingFangSC-Medium, PingFang SC;
   /* font-weight: 600; */
    color: #2F2F2F;
    line-height: 1.875rem /* 30/16 */;
}

.celebrate {
    flex: 1;
    padding-left: 1.25rem /* 20/16 */;
}


.zhuan {
    width: 8.75rem /* 140/16 */;
    height:7.625rem /* 122/16 */;
    padding: 0 1.25rem  /* 20/16 */;
    padding-top: .6875rem /* 11/16 */;
    background: #fff;
    border: .25rem /* 4/16 */ solid #14a5d1;
    font-size: 2.25rem /* 36/16 */;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #14a5d1;
    line-height: 3.125rem /* 50/16 */ /* 50/16 */;
    letter-spacing: .375rem /* 6/16 */;
    text-align: center;
    overflow: hidden;
}

.link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3eb1d4;
    margin-bottom: 1.875rem /* 30/16 */;
}

.link .friendship {
    font-size: 1.25rem /* 20/16 */;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    text-align: right;
}

.friendship-p {
    padding: .9375rem /* 15/16 */;
    cursor: pointer;
}

.mosque {
    background-color: #14a5d18f;
    margin-top: 1.25rem /* 20/16 */;
}

/* 清真寺专栏 */
.light {
    position: relative;
    width: 100%;
    height: 10.5rem /* 168/16 */;
    margin-top: 1.25rem /* 20/16 */;
    overflow: hidden;
    margin-bottom: 1.25rem /* 20/16 */;

}

.light li {
    position: relative;
    /* width: 14.9375rem; */
    width: 100%;
    height: 100%;
    margin-right: 1.8125rem /* 29/16 */;
    list-style: none;
    float: left;
    cursor: pointer;
}

.light li img {
    width: 100%;
    height: 100%;
}

.light li i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5625rem /* 25/16 */;
    background-color: #000;
    opacity: 0.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0.3125rem;
}

.light ul {
    position: absolute;
    left: 0;
    height: 10.5rem /* 168/16 */;
    padding-left: 0px;
}

.light .light_tu {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow: hidden;
}


.arrow {
    height: 100%;
    margin-top: 4.0625rem /* 65/16 */;
}

.arrow span {
    width: 3.25rem /* 68/16 */;
    height: 4.1875rem /* 83/16 */;
    background: #14a5d1;
    font-size: 3.75rem /* 60/16 */;
    text-align: center;
    line-height: 5.1875rem /* 83/16 */;
    color: aliceblue;
    z-index: 5555;
}

.arrow span a {
    color: #fff;
}

.light .left a:hover {
    color: #fff;
}

.light .right a:hover {
    color: #fff;
}

.arrow .swiper-button-prev {
    position: relative;
    right: -70%;
    margin-top: 0;
    margin-left: 10px;
}

.arrow .swiper-button-next {
    position: relative;
    top: 50%;
    right: -50%;
    margin-top: 0;
    margin-left: -1rem /* 25/16 */;
}

.light ol {
    position: absolute;
    height: 1.25rem /* 20/16 */;
    top: 1.25rem /* 20/16 */;
    right: 1.25rem /* 20/16 */;
    z-index: 55555;
}

.light_tu-last {
    width: 100%;
    height: 3rem /* 48/16 */;
    background: rgba(0, 0, 0, 0.72);
    position: absolute;
    left: 0;
    top: 33.5rem /* 536/16 */;
    z-index: 9;
}

.f-top {
    padding-left: 1.25rem /* 20/16 */;
    height: 85%;
    position: relative;
}

.f-top span {
    margin-top: 1.25rem /* 20/16 */;
    display: block;
    /* position: absolute; */
    bottom: .3125rem /* 5/16 */;
}

/* .localink {
    position: relative;
    top: 50%;
    margin-top: 2.375rem;
} */










/* .swiper-slide{
	width: 100% !important;
} */




.sy_zsdt_nr {
	margin-top: 24px;
	margin-bottom: 60px;
}

.sy_zsdt_nr li {
	padding-bottom: 24px;
	border-bottom: 1px solid #F0F0F0;
	margin-top: 24px;
}

.sy_zsdt_nr li:first-child {
	margin-top: 0;
}

.sy_zsdt_nr li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sy_zsdt_nr_img {
	width: 218px !important;
	height: 140px;
	float: left;
	margin-right: 24px;
}

.clearfix .sy_zsdt_nr_r:nth-child(1) {
	width: 100%;

}

.clearfix .sy_zsdt_nr_r:nth-child(2) {
	width: calc(100% - 282px);
}

.sy_zsdt_nr_right {
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sy_zsdt_nr_right_title {
    font-size: 1.5rem;
	color: #14a5d1;
	margin-bottom: 10px;
}

.sy_zsdt_nr_right_title a {
	color: #14a5d1;
}
.sy_zsdt_nr_right_title a:hover{
	text-decoration: none;
	color: #14a5d1;
}

.sy_zsdt_nr_right_p {
	font-size: 1.25rem;
	color: #78787C;
	line-height: 1.75rem;
	margin-top: 4px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.sy_zsdt_nr_right_btn_time,
.sy_zsdt_nr_right_btn_ckxq {
	float: left;
	margin-top: 22px;
	margin-right: 8px;
	width: 110px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}

.sy_zsdt_nr_right_btn_time {
	background-color: #14a5d1;
	color: #FFFFFF;
}

.sy_zsdt_nr_right_btn_ckxq {
	background-color: #d9ffec;
}

.sy_zsdt_nr_right_btn_ckxq a {
	color: #14a5d1;
}
.sy_zsdt_nr_right_btn_ckxq a:hover{
	text-decoration: none;
	color: #14a5d1;
}
.sy_zsdt_nr_r span{
	color: #F32940;
}


.sy_ssjg_wjg{
	min-height: 600px;
}
.sy_ssjg_wjg_img{
	width: 298px;
	height: 190px;
	margin: 0 auto;
	margin-top: 240px;
}
.sy_ssjg_wjg_p{
	margin-top: 10px;
	text-align: center;
	color: #B7B7BB;
}