﻿@charset "utf-8";

/* 全部 */

.nav .logo img.SLogo{display: none;}
@media screen and (max-width:960px) {
.nav .logo img.BLogo{display: none !important;}
.nav .logo img.SLogo{display: block !important;}
}

/***1***banner****/
.ban_box .swiper-container {width: 100%;height: 100%;}
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.swiper-container .hide{opacity:0}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left:50% !important;bottom:22px;margin-left:-23px}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width:20px !important;height:6px;background:rgba(255,255,255,0.5);border-radius:1.5px;opacity:1}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:20px !important;border-radius:1.5px;background:#fff;}
.swiper-button-next,.swiper-button-prev{height: 40px !important;width: 40px !important;top:auto !important;bottom:50%;color:rgba(255,255,255,0.85) !important;font-weight:normal;transition:opacity 0.5s;font-size:32px;font-family:'黑体';border-radius: 5px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none !important;background-color:rgba(255,255,255,0.5) !important;text-align: center !important;margin-top: 0 !important;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none !important;background-color:rgba(255,255,255,0.5) !important;text-align: center !important;margin-top: 0 !important;}
.swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover}
.ban_boxPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .ban_boxPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}

.swiper-slide .pcimg{height: 100%;}
.swiper-slide .pcimg img{height: 100%;}

@media screen and (min-width:960px){
.swiper-slide .pcimg {display:block;}
.swiper-slide .moimg {display:none;}
}
@media screen and (max-width:960px){
.swiper-slide .pcimg img{display:none}
.swiper-slide .moimg {height: 100%;}
.swiper-slide .moimg img{display:block;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}
}

.AllContent{overflow: hidden;background:url(/images/indexBg1.jpg) no-repeat;}
.mxh_box{margin-top: 50px;}
@media screen and (max-width:1440px){
.mxh_box{margin-top: 35px;}
}

@media screen and (max-width:960px){
.AllContent{background-image: none;}
.mxh_box{margin-top: 20px;}
}

/*首页统一title*/
.indexHead{width: 100%;height: 50px;margin-bottom: 25px;}
.indexHead .title{float: left;display: inline-block;min-width: 182px;height: 70px;color: transparent;position:relative;top:-100px;opacity:0;}
.indexHead .head_more{display: inline-block;float: right;line-height: 50px;padding-right: 10px;font-size: 16px;color: #d53d6c;text-transform: uppercase;}
.indexHead .head_more:hover{font-weight: bold;}

.indexHead .title.fade_com{top:0;opacity:1}

@media screen and (max-width:960px){
.indexHead{margin-bottom: 15px;height: 40px;line-height: 40px;}
.indexHead .title{background-image: none !important;color: #c81334 !important;font-size: 24px;font-weight: bold;height: 40px;}
.indexHead .head_more{line-height: 40px;}
}

/*协会概况*/
.Brief .indexHead{text-align: center;}
.B_title{float: none !important;background:url(/images/indexTit1.png) no-repeat;}

/*tab切换*/
.hnewsNav{width: 450px;margin:50px auto;height: 50px;text-align: center;}
.hnewsNav a{width: 210px;height: 50px;line-height: 50px;font-size: 20px;color: #c81334;text-align: center;display: block;float: left;background: none;border:1px solid #c81334;transition: 0.5s;}
.hnewsNav a:first-child{margin-right: 30px;}
.hnewsNav a:hover,.hnewsNav a.hnewson{background: #c81334;color: #fff;}
.hnewsCon{width: 100%;}

.B_all{position: relative;}
.B_left{width: 30%;position: absolute;height: 100%;}
.B_left img{width: 100%;height: 100%;}
.hnewsBox{width: 63%;}
.introHead{width: 100%;height: 71px;}
.introHead .introTitle{float: left;display: inline-block;min-width: 416px;height: 71px;color: #fff;font-size: 20px;font-weight: bold;background:url() no-repeat;line-height: 5;text-indent: 6%;}
.introHead .head_more{display: inline-block;float: right;padding-top: 14px;padding-right: 10px;line-height: 3;font-size: 16px;color: #c81334;text-transform: uppercase;}
.introHead .head_more:hover{font-weight: bold;}
.introCon{height: 300px;width:100%;padding:30px;border:2px solid #d53d6c;border-radius: 10px;overflow: hidden;}
.introCon p{font-size: 16px;color: #333;line-height: 1.75;}
#hnewsCon_0 .introCon p{text-indent: 32px;}
#hnewsCon_0 .introCon p:first-child{margin-bottom: 15px;}
#hnewsCon_1 .introCon {text-align: center;}
#hnewsCon_1 .introCon h2{font-size: 24px;color: #b60389;font-weight: bold;line-height: 1.75;}
#hnewsCon_1 .introCon p{margin-bottom: 9px;}


@media screen and (max-width:1540px) {
.introCon{height: 280px;padding:15px;}
#hnewsCon_0 .introCon p:first-child{margin-bottom: 0;}
}
@media screen and (max-width:1200px){
.introHead .introTitle{min-width: 390px;}
}
@media screen and (max-width:960px){
.B_left{display: none;}
.hnewsBox{width: 100%;float: none !important;}
.hnewsNav{margin: 15px auto;width: 300px;height: 35px;}
.hnewsNav a{width: 140px;font-size: 16px;height: 35px;line-height: 35px;}
.hnewsNav a:first-child{margin-right: 20px;}
.introHead{height: 20px;}
.introHead .introTitle{display: none;}
.introHead .head_more{line-height: 1.2;padding-top: 0;}
.introCon {height: auto;}
#hnewsCon_1 .introCon h2{font-size: 20px;}
#hnewsCon_1 .introCon p{font-size: 14px;}
}

.indexNews .newList{width: 48%;float: left;margin-bottom: 20px;margin-right: 1%;}
.indexNews .newList:nth-child(3n){margin-right: 1%;}
.indexNews .newList:nth-child(2n){margin-right: 0;}
.indexNews .newList .newTitle{margin-top: 10px;}
.indexNews .newList .newMs{margin:10px 0;}
.indexNews .newList .lineBox{display: none;}
.indexNews .newList .bottom_btn{padding:0;}
.indexNews .newList .bottom_btn .TimeBox{line-height: 1.5;}
.indexNews .newList .bottom_btn i.iconfont{display: none;}

@media screen and (max-width:960px) {
.indexNews .newList .bottom_btn{display: none;}
.indexNews .newList{margin-bottom: 10px;width: 100%;margin-right: 0;}
.indexNews .newList:nth-child(3n){margin-right: 0;}
}

/*行业动态*/

.industryyyy  .indexNews .newList{width: 100%;float: left;margin-bottom: 20px;}
.industry{float: left;width: 75%;}
.industry1,.industry2{float: left;width: 48%;}
.industry1{margin-right:4%}
.I_title{background:url(/images/indexTit2.png) no-repeat;}
.industryCon .newList .image_con{float: left;width: 41%;}

.industryCon .newList .contentBoxB{float: right;width: 57%;}

@media screen and (max-width:1440px) {
.indexNews .newList .newTitle{margin-top: 0;}
.indexNews .newList .newMs{margin:4px 0;height: 25px;}
}
@media screen and (max-width:960px) {
.industry{width: 100%;float: none;}
.industryCon .newList .image_con{display: none;}
.industryCon .newList .contentBoxB{width: 100%;float: none;}
}


/*会员之窗*/
.MemberWindows{float: right;width: 24%;}
.MW_title{background:url(/images/indexTit3.png) no-repeat;}
.MWCon{width: 100%;}

/* 会员之窗按钮通用样式 */
.MWCon a {
    position: relative;
    display: inline-block;
    width: 330px;
    height: 120px;
    line-height: 4;
    font-size: 30px;
    color: #d53d6c; /* 默认文字颜色 */
    text-align: center;
    text-indent: 15%;
    background-color: #fff; /* 白色背景 */
    border: 2px solid #d53d6c; /* 2px紫色边框 */
    border-radius: 10px; /* 圆角 */
    text-decoration: none;
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.MWCon a::before {
    content: '';
    display: inline-block;
    width: 62px;
    height: 62px;
    position: absolute;
    top: 25%;
    left: 15%;
    transition: all 0.3s ease; /* 图标过渡效果 */
}

/* 搜索按钮图标 */
.MWCon a.mSearch {
    margin-bottom: 40px;
    background-size: 100% 100%;
}

.MWCon a.mSearch::before {
    background: url(/images/sousuo.png) no-repeat;
    background-size: 100% 100%;
    filter: brightness(1) sepia(100%) hue-rotate(300deg) saturate(1000%); /* 图标设为紫色 */
}

/* 申请按钮图标 */
.MWCon a.mApply {
    background: #fff; /* 白色背景，覆盖原背景图 */
    background-size: 100% 100%;
}

.MWCon a.mApply::before {
    background: url(/images/shenqing.png) no-repeat;
    background-size: 100% 100%;
    filter: brightness(1) sepia(100%) hue-rotate(300deg) saturate(1000%); /* 图标设为紫色 */
}

/* 鼠标悬停效果 - 统一处理 */
.MWCon a:hover {
    background-color: #d53d6c !important; /* 紫色背景 */
    color: #fff !important; /* 白色文字 */
    border-color: #d53d6c !important; /* 边框保持紫色 */
}

/* 鼠标悬停时图标变白色 */
.MWCon a:hover::before {
    filter: brightness(0) invert(1); /* 将图标变为白色 */
}

/* 移除原有的hover效果 */
.MWCon a.mSearch:hover,
.MWCon a.mApply:hover {
    filter: none; /* 移除原有的filter效果 */
}

/* 响应式设计 */
@media screen and (max-width:1400px) {
    .MWCon a {
        width: 280px;
        height: 100px;
        line-height: 3.3;
        font-size: 26px;
        text-indent: 21%;
    }
    
    .MWCon a.mSearch {
        margin-bottom: 20px;
    }
    
    .MWCon a::before {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width:1200px) {
    .MWCon a {
        width: 240px;
        height: 80px;
        font-size: 22px;
        text-indent: 16%;
    }
    
    .MWCon a.mSearch {
        margin-bottom: 15px;
    }
    
    .MWCon a::before {
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width:960px) {
    .MemberWindows {
        float: none;
        width: 100%;
    }
    
    .MWCon a {
        width: 49%;
        font-size: 16px;
        text-indent: 0;
        height: 50px;
        background-color: #fff !important; /* 移动端保持白色背景 */
        background-image: none !important;
        border-radius: 5px;
        line-height: 50px;
        margin-bottom: 0 !important;
        border: 2px solid #d53d6c !important; /* 移动端保持边框 */
    }
    
    .MWCon a.mSearch,
    .MWCon a.mApply {
        background-color: #fff !important; /* 覆盖原移动端背景色 */
        color: #d53d6c !important; /* 移动端文字颜色 */
    }
    
    .MWCon a::before {
        display: none; /* 移动端隐藏图标 */
    }
    
    /* 移动端悬停效果 */
    .MWCon a:hover {
        background-color: #d53d6c !important;
        color: #fff !important;
        border-color: #d53d6c !important;
    }
}/* 协会动态 */
.Association{width: 100%;}
.Ass_title{background:url(/images/indexTit4.png) no-repeat;}
.AssCon .newList .image_con{float: left;width: 30%;}
.AssCon .newList .contentBoxB{float: right;width: 68%;}


@media screen and (max-width:960px) {
.AssCon .newList .image_con{display: none;}
.AssCon .newList .contentBoxB{width: 100%;float: none;}
}
.mxh_box4{margin-bottom: 50px;}

@media screen and (max-width:1440px) {
.mxh_box4{margin-bottom: 35px;}
}
/*党建工作*/
.item{width: 32%;margin-right: 2%;float: left;}
.item:last-child{margin-right: 0;}
.Dj_title{background:url(/images/indexTit5.png) no-repeat;}
.ConB .img{display: block;position: relative;width: 100%;overflow: hidden;}
.ConB .img img{display: block;width: 100%;height: 100%;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.ConB .img span{position: absolute;left:0;bottom: 0;width: 100%;display: inline-block;height: 40px;line-height: 40px;color: #fff;background: rgba(51,51,51,0.6);font-size: 18px;text-align: center;}
.ConB .img:hover img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
.ConB .img:hover span{font-weight: 500;}

@media screen and (max-width:960px) {
.mxh_box4{margin-bottom: 20px;}
.item{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
.item:last-child{margin-bottom: 0;}
.item .indexHead{margin-bottom: 0;}
}

/*政策法规*/
.P_title{background:url(/images/indexTit6.png) no-repeat;}
.PCon .newList{float: none;width: 100%;margin-right: 0;margin-bottom: 0;}
.PCon .newList .image_con{width: 47%;float: left;}
.PCon .newList .contentBoxB{width: 51%;float: right;}
.PCon .newList .newTitle{margin-top:0;font-size: 18px;line-height: 1.4;height: 48px;}
.PCon .newList .newMs{margin:15px 0 0;line-height: 1.25;height: 54px;}
.PCon .newList .newPic{height: 100%;}

.itemList a{display: block;height: 55px;position: relative;line-height: 55px;padding-left: 25px;font-size: 18px;color: #333;border-bottom:1px dashed #ccc;transition: all 0.3s ease;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.itemList a::before{content:'';position: absolute;left: 5px;top: 20px;width: 15px;height: 14px;background: url(/images/indexIco6-1.png) no-repeat;transition: all 0.3s ease;}
.itemList a:hover{padding-left: 30px;color: #c81334;}
.itemList a:hover::before{left: 13px;background-image: url(/images/indexIco6-2.png)}


/* 信息公开 */
.Info_title{background:url(/images/indexTit7.png) no-repeat;}
.InfoCon .itemList a{height: 48px;line-height: 48px;}
.InfoCon .itemList a::before{top: 15px;}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:960px) {
.item .newList .image_con{display: none;}
.item .newList .contentBoxB{width: 100%;float: none;}
.item .newList .newMs{display: none;}
.item .newList .newTitle{height: 48px;line-height: 48px;transition: all 0.3s ease;position: relative;padding-left: 25px;border-bottom: 1px dashed #ccc;font-size: 16px;font-weight: normal;}
.item .newList .newTitle::before{content:'';position: absolute;left: 5px;top: 20px;width: 15px;height: 14px;background: url(/images/indexIco6-1.png) no-repeat;transition: all 0.3s ease;}
.item .newList .newTitle:hover{padding-left: 30px;color: #c81334;}
.item .newList .newTitle:hover::before{left: 13px;background-image: url(/images/indexIco6-2.png)}
.item .itemList a{font-size: 16px;}
}
@media screen and (max-width:680px) {

}

/*会员查询*/
.pop{display: none;position: fixed;width: 100%;height: 100%;z-index: 995;left: 0;top:0;}
.pop_mask{position: absolute;width: 100%;height: 100%;z-index: 996;left: 0;top:0;background: rgba(0,0,0,.4)}

.pop_main{width: 700px;min-height: 360px;position: absolute;background: #FFF;border-radius: 5px;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 997}
.pop_head{width: 100%;height: 79px;border-bottom: 1px solid #eaeaea;}
.pop_head .title{font-size: 20px;color: #333;text-indent: 30px;line-height: 79px}
.pop_close{cursor: pointer;z-index: 998;top:20px;right: 30px;position: absolute;width: 38px;height: 38px;border-radius: 50%;border: 1px solid #eaeaea;line-height: 38px;text-align: center}
.pop_close img{transition: .2s ease-out}
.pop_close:hover img{transform: rotate(90deg);}

.membership_enquiry{width: 410px;margin: 80px auto 0;}
.membership_enquiry input{width: 100%;height: 50px;border-radius: 5px;font-size: 16px;margin-bottom: 20px;}
.membership_enquiry .input{color: #666;text-indent: 20px;border: 1px solid #eaeaea;}
.membership_enquiry button{width: 100%;height: 50px;border-radius: 5px;font-size: 16px;margin-bottom: 20px;}
.membership_enquiry .button{color: #666;text-indent: 20px;border: 1px solid #eaeaea;}
.membership_enquiry .submit2{width: 200px;margin:0 auto;display: block;text-align: center;color: #FFF;border: none;cursor: pointer;
  background: -webkit-linear-gradient(left, #bf1a79 , #c31759 , #c81438); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #bf1a79, #c31759 , #c81438); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #bf1a79, #c31759 , #c81438); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #bf1a79 , #c31759 , #c81438); /* 标准的语法（必须放在最后） */
}


/*会员申请弹窗部分的弹窗*/
.membership__application{text-align: center;font-size: 16px;padding-top: 20px;}
.membership__application .img{width: 57px;}
.membership__application .a{margin: 20px auto;display: block;width: 200px;height: 50px;border-radius: 5px;line-height: 50px;color: #FFF;
  background: -webkit-linear-gradient(left, #bf1a79 , #c31759 , #c81438); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #bf1a79, #c31759 , #c81438); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #bf1a79, #c31759 , #c81438); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #bf1a79 , #c31759 , #c81438); /* 标准的语法（必须放在最后） */
}
.membership__application .p1{font-size: 14px;color: #666;}
.membership__application .p2{font-size: 20px;color: #c81334;}


@media screen and (max-width:960px) {
.pop_main{width: 80%;}
.membership_enquiry{width: 90%;}
}














































































