@charset "utf-8";
/* 首页 container */
#container {
    width: 100%;
    background-color: #F4F4F4;
    display: flex;
    justify-content: center;
}

#container .index-main-content {
    margin-top: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#container .contenWrap1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#container .contenWrap1 .bannerWrap {
    position: relative;
    width: 789px;
    height: 422px;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
}

#container .bannerWrap .maskWrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 129px;
    background: rgba(0, 0, 0, 1);
    opacity: 0.6;
    display: flex;
    align-items: center;
    z-index: 999;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#mainBanner .maskWrap .gallery-thumbs {
    width: 614px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
}

#mainBanner .maskWrap .swiper-button-prev {
    left: 16px;
    background: url(../images/eii_left_02.png) center/cover no-repeat;
}

#mainBanner .maskWrap .swiper-button-next {
    right: 16px;
    background: url(../images/eii_right_02.png) center/cover no-repeat;
}

#mainBanner .swiper-slide {
    background-size: cover;
    background-position: center;

}

#mainBanner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

#mainBanner .gallery-top {
    height: 100%;
    width: 100%;
}

#mainBanner .gallery-top .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#mainBanner .gallery-thumbs {
    box-sizing: border-box;
}

#mainBanner .gallery-thumbs .swiper-slide {
    width: 102px;
    height: 55px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    color: red;
    text-align: center;
}

#mainBanner .gallery-thumbs .swiper-slide-thumb-active {
    border: 3px solid rgba(255, 255, 255, 1);
}

#mainBanner .swiper-wrapper {
    align-items: center;
}

#mainBanner .swiper-slide img {
    width: 100%;
    height: 100%;
}


#container .contenWrap1 .loginWrap {
    width: 376px;
    height: 422px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 226, 235, 1);
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}

.loginWrap .switchWrap {
    width: 100%;
    display: flex;
    align-items: center;
    height: 46px;
    border: 1px solid #D5E2EB;
    background: linear-gradient(180deg, #F8F8F8 0%, #E8E8E8 100%);
    opacity: 1;
    border-radius: 5px 5px 0px 0px;
}

.loginWrap .switchWrap span {
    color: #11319C;
    font-size: 16px;
    padding-left: 5px;
    border-left: 5px solid #11319c;
    margin-left: 13px;
    font-weight: bold;
    line-height: 1;
}

.loginWrap .switchWrap span::before {
    background: #11319C;
    color: #ffffff;
}

.loginWrap .wrap .active {
    display: block;
}

.loginWrap .orgLoginWrap,
.loginWrap .personLoginWrap {
    display: none;
}

.loginWrap .formWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 21px 30px 0 19px;
}

.loginWrap .formWrap .form-item {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    height: 44px;
}

.formWrap .form-item .label {
    color: #333333;
}

.formWrap .form-item input {
    display: flex;
    flex: 1;
    height: 42px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(228, 228, 228, 1);
    opacity: 1;
    border-radius: 5px;
    padding-left: 15px;
}

.formWrap .form-item .button {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

.formWrap .form-item .loginBtn {
    background-color: #416CFF;
}

.formWrap .form-item .registerBtn {
    background-color: #9EABD6;
}

.contenWrap1 .aWrap {
    margin: 0 30px 8px 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contenWrap1 .aWrap .title {
    color: #333333;
    font-size: 16px;
}

.contenWrap1 .aWrap .tips {
    width: 100%;
    overflow: hidden;
    margin-top: 27px;
}

.contenWrap1 .aWrap .tips img {
    width: 100%;
}

.contenWrap1 .split-line {
    width: 353px;
    height: 1px;
    background-color: #EEEEEE;
    margin-left: 14px;
}

.contenWrap1 .blockWrap {
    display: flex;
    margin: 17px 26px 0 19px;
    justify-content: space-between;
}

.contenWrap1 .blockWrap .block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 160px;
    height: 67px;
    border-radius: 3px;
    box-sizing: border-box;
    padding-right: 29px;
    padding-left: 16px;
    color: #FFFFFF;
}

.contenWrap1 .blockWrap .block span {
    font-size: 16px;
    font-weight: bold;
}

.contenWrap1 .xhdt_wrap {
    width: 376px;
    height: 422px;
    overflow: hidden;
}

.contenWrap1 .xhdt_wrap .itemWrap {
    height: 220px;
}

.contenWrap1 .xhdt_wrap .itemWrap .item {
    height: 42px;
}

/* 资讯动态 */
#container .contentWrap2 {
    margin-top: 14px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.default_border {
    border: 1px solid rgba(213, 226, 235, 1);
    opacity: 1;
    border-radius: 5px 5px 0px 0px;
}

.hydt_wrap {
    width: 381px;
    height: 302px;
    overflow: hidden;
}

.zcfg_wrap {
    width: 394px;
    height: 302px;
    overflow: hidden;
}

.tzgg_wrap {
    width: 376px;
    height: 302px;
    overflow: hidden;
}

.moduleHeader {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 42px;
    border: 1px solid rgba(213, 226, 235, 1);
    background: linear-gradient(180deg, rgba(248, 248, 248, 1) 0%, rgba(232, 232, 232, 1) 100%);
    border-radius: 5px 5px 0px 0px;
}

.moduleHeader .title {
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: rgba(17, 49, 156, 1);
    border-radius: 5px 0px 0px 0px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;

}

.moduleHeader .moreBtn {
    color: #9A9A9A;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
}

.moduleHeader .moreBtn .icon {
    margin-left: 7px;
}

.itemWrap {
    align-items: center;
    padding: 19px 0;
}

.itemWrap .item {
    display: flex;
    align-items: center;
    width: 343px;
    height: 38px;
    border-bottom: 1px dashed #C8C8C8;
    overflow: hidden;
}

.itemWrap .title {
    flex: 1;
    font-size: 13px;
    color: #333333;
    margin-left: 8px;
}

/* 协会风采 */
#container .contentWrap3 {
    width: 100%;
    margin-top: 15px;
}

#container .contentWrap3 .bannerWrap {
    padding: 24px 20px 21px;
    position: relative;
    height: 155px;
    overflow: hidden;
}

.contentWrap3 .bannerWrap .swiper-button-prev {
    left: 20px;
    background: url(../images/eii_left.png) center/cover no-repeat;
}

.contentWrap3 .bannerWrap .swiper-button-next {
    right: 20px;
    background: url(../images/eii_right.png) center/cover no-repeat;
}

#secBanner .swiper-container {
    width: 1049px;
}

#secBanner .swiper-slide {
    width: 199px;
    height: 152px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

#secBanner img {
    width: 100%;
    height: 100%;
}

/* 入会成员展示 */
#container .contentWrap4 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
    margin-bottom: 45px;
}

.contentWrap4 .rhcy_wrap {
    width: 381px;
    height: 307px;
    overflow: hidden;
}

.contentWrap4 .itemWrap .item {
    height: 44px;
}

/* 会员展示 */
.contentWrap4 .hyzs_wrap {
    width: 787px;
    height: 307px;
    overflow: hidden;
}

.pic_itemWrap {
    display: flex;
    justify-self: start;
    margin-top: 6px;
    flex-wrap: wrap;
}

.pic_itemWrap li {
    margin: 22px 0 0 19px;

}

.pic_itemWrap li .item {
    display: flex;
    flex-direction: column;
    width: 167px;
    overflow: hidden;
}

.pic_itemWrap li .item img {
    width: 100%;
    border: 1px solid #EEEEEE;
    height: 67px;
}

.pic_itemWrap li .item .name {
    flex: 1;
    color: #333333;
    text-align: center;
    margin-top: 10px;
}

/* 首页 end */
/* 会员服务-会员展示 */

.vipShow .pic_itemWrap {
    margin-top: 10px;
}

.vipShow .pic_itemWrap li .item {
    display: flex;
    flex-direction: column;
    width: 180px;
    overflow: hidden;
}

.vipShow .pic_itemWrap li {
    margin: 40px 0 0 30px;
}

.vipShow .pic_itemWrap li img {
    width: 100%;
    height: 80px;
}

/* 会员服务 end */

/* 关于协会 */
/* 关于协会-协会风采*/
.picTextItem {
    display: flex;
    justify-self: start;
    flex-wrap: wrap;
}

.association_style .picTextItem li {
    margin: 40px 30px 0 0;
    width: 199px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.association_style .picTextItem li .pic {
    display: block;
    width: 100%;
    height: 152px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: #eee;
}

.association_style .picTextItem li .text {
    width: 100%;
    height: 38px;
    text-align: center;
    color: #000000;
}

/* 关于协会 end */
/* 通知公告 行业动态 政策法规 */
.rightContent .itemWrap {
    align-items: flex-start;
}

.rightContent .itemWrap li a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 843px;
    height: 54px;
    align-items: center;
    border-bottom: 1px dashed #C8C8C8;
}

.rightContent .itemWrap .item {
    flex: 1;
    width: auto;
    margin-right: 100px;
    border: none;
    color: #333333;
}

.rightContent .itemWrap .item:hover .title {
    color: #000;
}

.rightContent .itemWrap .time {
    color: #888888;
}

.rightContent .itemWrap {
    padding-left: 20px;
}

/* 通知公告 行业动态 政策法规 end */
/* 资料下载 */
.dataDownload {
    min-height: 700px;
    border-top: 1px solid #DDDDDD;
}

.main-content .titleWrap {
    display: flex;
    padding-top: 50px;
    flex-direction: column;
    align-items: center;
}

.main-content .titleWrap .title {
    color: #333333;
    font-size: 24px;
}

.downloadList {
    display: flex;
    justify-self: start;
    flex-wrap: wrap;
    padding: 59px 30px 0 30px;
}

.downloadList li {
    align-items: center;
    margin-bottom: 100px;
    margin-right: 140px;
    margin: 0 70px 100px 70px;
}

.downloadList .wrap {
    display: flex;
    width: 140px;
    height: 220px;
    flex-direction: column;
    align-items: center;
}

.downloadList .wrap .name {
    margin-top: 12px;
    margin-bottom: 30px;
    color: #333333;
}

.downloadList .wrap .pic {
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.downloadList a:hover {
    color: #FFFFFF;
}

.download {
    width: 120px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(270deg, rgba(101, 136, 255, 1) 0%, rgba(43, 79, 201, 1) 100%);
    opacity: 1;
    border-radius: 16px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
}

/* 资料下载 end */
/* 入会申请 */
.rightContent .contentTitle {
    width: 100%;
    height: 50px;
    background: #F8F8F8;
    text-align: center;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #000000;
    font-size: 20px;
}

/* 入会申请-申请 */
.applyContent {
    padding-bottom: 50px;
}

.applyForm {
    padding: 0 30px 20px;
}

.applyForm .layui-label {
    display: block;
    color: #333333;
    margin-bottom: 8px;
}

.applyForm .layui-block {
    flex: 1;
}

.applyForm .layui-label i {
    color: red;
}

.applyForm .layui-form-item {
    margin-bottom: 30px;
}

.applyForm .btnWrap {
    padding-top: 40px;
    display: flex;
    justify-content: center;
}

.applyForm .defaultBtn {
    width: 160px;
    height: 36px;
    background: linear-gradient(270deg, rgba(101, 136, 255, 1) 0%, rgba(43, 79, 201, 1) 100%);
    border-radius: 18px;
    color: #FFFFFF;
}

.applyForm .layui-form-checked[lay-skin=primary] i {
    border-color: rgba(101, 136, 255, 1) !important;
    background-color: rgba(101, 136, 255, 1);
    color: #fff;
}

.layui-row {
    display: flex;
}

.applyForm .fl-row {
    justify-content: space-between;
}

.applyForm .form-label {
    color: #333333;
}

.applyForm .fl-row .col .layui-input {
    display: inline-block;
    width: 220px;
}

/* 入会申请-申请进度 */
.applyProgress {
    padding-top: 100px;
}

/* 入会申请-入会须知 */
.applyContent .content {
    padding: 0 30px;
}

/* 入会申请-联系我们 */

.contact .info {
    padding-top: 50px;
}

.contact .info p {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact .picWrap {
    width: 500px;
    height: 300px;
    margin-right: 103px;
    background: #ccc;
}

/* 入会申请 end */
/* 详情页 */
.detailContent {
    min-height: 700px;
    border-top: 1px solid #DDDDDD;
    overflow: hidden;
}

.detailContent img {
    max-width: 100%
}

.detailContent .location {
    color: #333333;
    font-size: 12px;
    margin-top: 9px;
    margin-left: 31px;
}

.detailContent .contentWrap {
    padding-top: 40px;
    padding: 40px 28px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detailContent .contentWrap .title {
    font-size: 18px;
    font-weight: bold;
    color: #11319C;
    line-height: 24px;
}

.detailContent .contentWrap .info {
    color: #888888;
    margin: 16px 0;
}

.detailContent .contentWrap .content {
    border-top: 1px dashed #707070;
    border-bottom: 1px dashed #707070;
    width: 100%;
    padding: 40px 18px 30px 27px;

}

.detailContent .prevNextWrap {
    margin-top: 20px;
    width: 100%;
    height: 58px;
    justify-content: space-between;
}

/* 搜索内容页 */
.search .left_right_layout .rightContent {
    padding-left: 0;
}

.instruction .content {
    padding-top: 20px;
}

.detailContent .content {
    width: 800px;
}

/* 主要领导 */
.leaderList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.leaderList .item {
    display: flex;
    margin-bottom: 70px;
    flex: 1;
    margin-right: 60px;
    max-width: 404px;
}

.leaderList .item .pic {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: #E6E6E6;
    overflow: hidden;
    border-radius: 12px;
}

.leaderList .item .pic img {
    width: 100%;
}

.leaderList .item .textWrap {
    flex: 1;
    margin-left: 18px;

}

.leaderList .item .name {
    color: #000000;
    font-size: 16px;
    margin-bottom: 6px;
}

.leaderList .item span {
    color: #707070;
    font-size: 14px;
}

.leaderList .item .line {
    width: 100px;
    height: 3px;
    background: #D5E2EB;
    margin: 14px 0 20px;
}

#container .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#container .hcxx_menu_list {
    padding: 50px 0;
    width: 100%;
    background: #FFFFFF;
}

#container .hcxx_menu_list .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#container .hcxx_menu_list .item .pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background: #F5F5F5;
    border-radius: 50%;
    overflow: hidden;
}

#container .hcxx_menu_list .pic:hover{
    background: #6D76FF;
}

#container .hcxx_menu_list .item .text {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    color: #333333;
}

#container .hcxx_menu_list .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
}

#container .hcxx_menu_list .icon_enterprise {
    background: url(../images/icon/icon_enterprise.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_enterprise {
    background: url(../images/icon/icon_enterprise_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_institution {
    background: url(../images/icon/icon_institution.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_institution {
    background: url(../images/icon/icon_institution_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_service {
    background: url(../images/icon/icon_service.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_service {
    background: url(../images/icon/icon_service_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_expert {
    background: url(../images/icon/icon_expert.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_expert {
    background: url(../images/icon/icon_expert_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_achievement {
    background: url(../images/icon/icon_achievement.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_achievement {
    background: url(../images/icon/icon_achievement_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_policy {
    background: url(../images/icon/icon_policy.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_policy {
    background: url(../images/icon/icon_policy_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_investment {
    background: url(../images/icon/icon_investment.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_investment {
    background: url(../images/icon/icon_investment_on.png) center center no-repeat;
}

#container .hcxx_menu_list .icon_active {
    background: url(../images/icon/icon_active.png) center center no-repeat;
}

#container .hcxx_menu_list .pic:hover .icon_active {
    background: url(../images/icon/icon_active_on.png) center center no-repeat;
}