@charset "UTF-8";
/*通知中心列表开始*/
.main{
    margin-top: 20px;
    min-height: 400px;
}
.notice-main{
    width: 100%;
}
.notice-main-ul{
    width: 100%;
}
.notice-main-ul li{
    width: 100%;
    background: url(../images/list-icon.png) left center no-repeat;
    background-size: 7px auto;
    font-size: 14px;
    padding: 0 10px 0 20px;
    border-bottom: 1px dotted #d8d8d8;
}
.notice-main-ul li i{
    color: #e43c3c;
    font-style: normal;
}
.notice-main-ul li a{
    color: #222222;
    display: block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    transition:all 0.4s;
    padding: 20px 0;
    font-size: 16px;
}
.notice-main-ul li span{
    color: #999;
    float: right;
    padding: 20px 0;
    font-size: 16px;
}
.notice-main-ul li a:hover{
    color: #0e6fb1;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
    transition:transform 0.4s;
}
.download-main-ul li a:hover{
    color: #0e6fb1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition:transform 0.4s;
}
/*通知中心列表结束*/

/*通知详情开始*/
.notice-details .notice-title{
    display: block;
}
.notice-details .notice-time{
    display: block;
}
.notice-title{
    font-size: 28px;
    text-align: center;
    margin-top: 20px;
}
.notice-title i{
    color: #e43c3c;
    font-style: normal;
}
.notice-time{
    margin-top: 50px;
    padding: 2px 10px;
    /* background-color: #f1f2f3; */
    border-bottom: 1px dotted #ccc;
}
.notice-time li{
    margin: 12px 0;
    font-size: 14px;
    color: #999;
}
.notice-time i{
    font-style: normal;
    color: #333;
}
.notice-content{
    /* font-size: 16px;
    line-height: 28px; */
    text-align: justify;
    /* text-indent: 32px; */
    margin-top: 40px;
    /* color: #333; */
}
.notice-content img{
    max-width: 100%;
    height: auto !important;
}
.notice-content p{
    margin-top: 16px;
    /* text-indent: 32px; */
}
.notice-content table{
    border: 1px solid #d8d8d8;
}
.notice-content table td{
    border: 1px solid #d8d8d8;
}
/*通知详情结束*/

/*会议列表开始*/
.meeting-details-ul li{
    width: 100%;
    margin-bottom: 20px;
}
.meeting-details-ul li a{
    font-size: 16px;
    color: #000;
    display: block;
    background: url(../images/meeting-icon.png) right 20px bottom 15px no-repeat;
    background-size: 40px auto;
    background-color: #f4f5f7;
    border: 1px solid #d8d8d8;
    padding: 20px 18px;
    transition:all 0.4s;
}
.meeting-details-ul li a:hover{
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    transition:transform 0.4s;
}
.meeting-details-ul li i{
    color: #e43c3c;
    font-style: normal;
}
.meeting-details-time{
    display: block;
    margin-top: 15px;
    font-size: 14px;
}
.meeting-details-time span{
    display: inline-block;
    margin-right: 30px;
    color: #999;
    margin-top: 6px;
}
/*会议列表结束*/

/*活动报名开始*/
.active-details-list{
    width: 100%;
    height: 238px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.active-details-list a{
    /*display: block;*/
    width: 100%;
    height: 100%;
}
.active-details-list .mokuai-a{
    display: block;
}
.active-details-list .myactive-a{
    /*display: block;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.active-details-list .myactive-a i{
    font-style: normal;
}
.active-details-list img{
    width: 100%;
    height: 100%;
    transition:transform 0.5s;
}
.active-details-list .vip{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #e43c3c;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 6px;
    z-index: 10;
}
.active-details-list .title{
    width: 100%;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 8px 15px;
    z-index: 9;
}
.active-details-list .title span{
    color: #fff;
    display: block;
}
.active-details-list .title .sp1{
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.active-details-list .title .sp2{
    font-size: 14px;
    margin-top: 4px;
}
.active-details-list:hover img{
    transform:scale(1.05);   /* 放大1.05倍 */
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
/*活动报名结束*/

/*下载专区开始*/
.download-list a{
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    color: #000 !important;
    font-size: 16px;
}
.download-list a:hover{
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    color: #0e6fb1 !important;
    text-decoration: underline;
}
.download-list-cont{
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 20px;
    margin-top: 20px;
    border-radius: 4px;
}
.download-list-cont a{
    font-size: 16px;
    background: url(../images/download-icon.png) left center no-repeat;
    background-size: auto 36px;
    padding: 10px 0 10px 50px;
    color: #333;
}

/*下载专区结束*/

/*新闻列表开始*/
.news-main{
    width: 100%;
}
.news-main-ul{
    width: 100%;
}
.news-main-ul li{
    margin-bottom: 30px;
}
.news-main-pic{
    display: block;
    width: 264px;
    height: 165px;
    float: left;
    overflow: hidden;
}
.news-main-pic img{
    width: 100%;
    height: 100%;
    transition:transform 0.5s;
}
.news-main-pic:hover img{
    transform:scale(1.05);   /* 放大1.05倍 */
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.news-main-info{
    display: block;
    width: 74%;
    float: right;
}
.news-main-info .a1{
    font-size: 20px;
    display: block;
    min-height: 72px;
    line-height: 36px;
    color: #000;
}
.news-main-info .a1:hover{
    color: #0e6fb1;
}
.news-main-info .a1 i{
    font-style: normal;
    color: #e43c3c;
}
.news-main-info .sp1{
    display: -webkit-box;
    font-size: 14px;
    line-height: 26px;
    color: #999;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 14px;
}
.news-main-info .sp2{
    display: block;
    color: #666;
    margin-top: 10px;
}
/*新闻列表结束*/

/*会员互动开始*/
.second-form{
    width: 100%;
    border: 1px solid #d8d8d8;
    background-color: #f4f5f7;
    padding: 20px;
    margin-bottom: 20px;
}
.second-form-left{
    width: 48%;
    float: left;
}
.second-form-right{
    width: 48%;
    float: right;
}
.second-form-right span{
    display: block;
    float: left;
    line-height: 34px;
}
.second-form-right textarea{
    width: 485px;
    height: 86px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    resize: none;
    line-height: 24px;
    padding: 6px;
}
.vip-noreply{
    color: #e43c3c !important;
}
.vip-reply{
    color: #0e6fb1 !important;
}
.second-title{
    margin-bottom: 20px;
}
.second-title span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/title-icon.png) left center no-repeat;
    background-size: auto 18px;
    padding-left: 15px;
}
.second-form-leixin{
    display: block;
    line-height: 34px;
}
.second-form-open{
    display: inline-block;
    margin-left: 30px;
}
.second-form-open label{
    font-weight: 400;
    margin-right: 20px;
}
.second-form-open label input{
    margin-right: 5px;
}
.second-form-title{
    width: 100%;
    display: block;
    line-height: 34px;
    margin-top: 15px;
}
.second-form-title input{
    width: 480px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-left: 4px;
}
.second-form-btn{
    width: 100%;
}
.second-form-leixin select{
    border:1px solid #cccccc;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    padding-left: 4px;
    width: 180px;
}
.second-form-btn{
    text-align: right;
    margin-top: 20px;
}
.second-form-btn button{
    width: 150px;
    height: 38px;
    border-radius: 4px;
    background-color: #e43c3c;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.second-form-btn button:hover{
    background-color: #f05151;
}
.second-form-btn button:active{
    background-color: #da2b2b;
}
/*会员互动结束*/

/*会员互动详情开始*/
.vip-reply-table{
    width: 100%;
    border: 1px solid #d8d8d8;
    margin-top: 50px;
}
.vip-reply-table tr td{
    border: 1px solid #d8d8d8;
    padding: 15px 5px;
    line-height: 24px;
    text-align: justify;
    font-size: 16px;
}
.vrt-title{
    width: 100px;
    font-weight: bold;
    color: #333;
    text-align: right !important;
    background-color: #f1f2f3;
}
/*会员互动详情结束*/


/*首页开始*/
.hp-notice{
    width: 100%;
    background-color: #f4f5f7;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
}
.hp-notice-title-col{
    padding-right: 0;
}
.hp-notice-title{
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}
.hp-notice-title a{
    color: #000;
}
.hp-notice-title a:hover span{
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
    transition:transform 0.5s;
}
.hp-notice-title span{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    background: url(../images/notice-more.png) right center no-repeat;
    padding-right: 20px;
    background-size: auto 8px;
    transition:all 0.5s;
}
.hp-notice-list{
    width: 100%;
}
.hp-notice-list ul li{
    width: 46%;
    margin: 5px 0 5px 4%;
    float: left;
    font-size: 16px;
}
.hp-notice-list ul li span{
    float: right;
    color: #999;
}
.hp-notice-list ul li a{
    color: #000;
    display: inline-block;
    transition:all 0.5s;
    width: 76%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hp-notice-list ul li a:hover{
    color: #0e6fb1;
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    transition:transform 0.5s;
}
.hp-notice-list ul li a i{
    font-style: normal;
    color: #e43c3c !important;
}
.hp-news{
    width: 100%;
    padding-top: 30px;
}
.hp-news-pic{
    width: 100%;
    height: 362px;
    position: relative;
    overflow: hidden;
}
.hp-news-pic-body{
    width: 100%;
    height: 100%;
    transition:transform 0.5s;  /* 动效时长 */
}
.hp-news-pic-time{
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 80px;
    height: 90px;
    background-color: #0e6fb1;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 28px;
    border-top: 4px solid #e43c3c;
}
.hp-news-pic-time i{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: normal;
}
.hp-news-pic-title{
    width: 100%;
    height: 76px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    z-index: 9;
    padding: 10px 15px;
}
.hp-news-pic-title a{
    font-size: 18px;
    color: #fff;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hp-news-pic-title a i{
    font-style: normal;
    color: #e43c3c;
}
.hp-news-pic-title span{
    display: block;
    color: #fff;
    margin-top: 6px;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.8;
}
.hp-news-list{
    width: 100%;
}
.hp-bigtitle{
    width: 100%;
    background: url(../images/news-title-line.png) center no-repeat;
    background-size: auto 6px;
}
.hp-bigtitle .sp1{
    display: block;
    font-size: 22px;
    font-weight: bold;
    background: url(../images/news-title-lager.png) left center no-repeat;
    background-size: auto 24px;
    padding-left: 24px;
    float: left;
    background-color: #fff;
    padding-right: 10px;
}
.hp-bigtitle .sp1 i{
    font-style: normal;
    color: #999;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 400;
}
.hp-bigtitle .sp2{
    display: block;
    font-size: 14px;
    float: right;
    background-color: #fff;
    padding-left: 10px;
    margin-top: 7px;
}
.hp-bigtitle-gray .sp1{
    background-color: #f4f5f7;
}
.hp-bigtitle-gray .sp2{
    background-color: #f4f5f7;
}
.hp-bigtitle .sp2 a{
    color: #999;
}
.hp-bigtitle .sp2 a:hover{
    color: #0e6fb1;
}
.hp-vip-list{
    width: 100%;
}
.hp-vip-list ul{
    width: 100%;
    margin-top: 26px;
}
.hp-vip-list ul li{
    font-size: 16px;
    margin-top: 15px;
}
.hp-vip-list ul li a{
    color: #000;
    display: inline-block;
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* transition:all 0.5s; */
}
.hp-vip-list ul li a:hover{
    /* -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    transition:transform 0.5s; */
    color: #0e6fb1;
}
.hp-vip-list .vip-type{
    font-style: normal;
}
.hp-vip-list .vip-flag{
    font-style: normal;
    color: #e43c3c;
}
.hp-vip-list ul li span{
    float: right;
    color: #999;
}
.hp-activity-list{
    width: 360px;
    height: 225px;
    position: relative;
    margin-right: 30px;
    display: inline-block;
    overflow: hidden;
}
.hp-activity-list img{
    width: 100%;
    height: 100%;
    transition:all 0.5s;
}
.hp-activity-list img:hover{
    transform:scale(1.05);   /* 放大1.05倍 */
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transition:transform 0.5s;  /* 动效时长 */
}
.hp-activity-list-title{
    display: block;
    width: 100%;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    z-index: 9;
    padding: 8px 20px;
}
.hp-activity-list-title a{
    font-size: 16px;
    color: #fff;
}
/* .hp-activity-list-title a:hover{
    text-decoration: underline;
} */
.hp-activity-list-title span{
    display: block;
    font-size: 14px;
    margin-top: 4px;
    color: #fff;
}
.hp-activity-viptype{
    position: absolute;
    z-index: 10;
    width: 44px;
    height: 20px;
    line-height: 20px;
    background-color: #e43c3c;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    top: 10px;
    left: 10px;
    font-size: 12px;
}
.hp-activity-bd{
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}
.hp-activity-body{
    margin-top: 30px;
    position: relative;
}
.hp-activity-body .prev{
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -17px;
    z-index: 99;
    cursor: pointer;
}
.hp-activity-body .prev img{
    width: 100%;
    height: 100%;
}
.hp-activity-body .next{
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -17px;
    z-index: 99;
    cursor: pointer;
}
.hp-activity-body .next img{
    width: 100%;
    height: 100%;
}
.hp-activity{
    background-color: #f4f5f7;
    padding: 30px 0;
}
.hp-meeting-body{
    margin-top: 30px;
}
.hp-meeting-list{
    width: 100%;
    height: 160px;
    background: url(../images/meeting-icon.png) right 30px bottom 16px no-repeat;
    background-size: 40px auto;
    background-color: #f4f5f7;
    border: 1px solid #d8d8d8;
    display: inline-block;
    padding: 20px;
    margin-top: 20px;
    transition:transform 0.3s;
}
/* .hp-meeting-list:hover{
    transform:scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transition:transform 0.3s;
    -moz-box-shadow:0px 5px 10px #e8e8e8; -webkit-box-shadow:0px 5px 10px #e8e8e8; box-shadow:0px 5px 10px #e8e8e8;
} */
.hp-meeting-list a{
    font-size: 16px;
    color: #000;
    white-space: normal;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.hp-meeting-list a:hover{
    color: #0e6fb1;
}
.hp-meeting-list a i{
    color: #e43c3c;
    font-style: normal;
}
.hp-meeting-list .sp1{
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 15px;
}
.hp-meeting-list .sp1 i{
    font-style: normal;
    color: #666;
}
.hp-meeting-list .sp2{
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 6px;
}
.hp-meeting-list .sp2 i{
    font-style: normal;
    color: #666;
}
.hp-meeting{
    padding: 30px 0;
}
.hp-vipbody{
    padding-top: 30px;
}
.hp-news-list{
    width: 100%;
    font-size: 0;
    margin-top: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #d8d8d8;
}
.hp-news-list:last-child{
    border-bottom: none;
}
.hp-news-list .sp1{
    font-size: 28px;
    text-align: center;
    display: block;
    width: 16%;
    border-right: 1px solid #d8d8d8;
    float: left;
}
.hp-news-list .sp1 i{
    display: block;
    color: #999999;
    font-size: 14px;
    font-style: normal;
    margin-top: 6px;
}
.hp-news-list .sp2{
    display: block;
    width: 84%;
    padding-left: 20px;
    float: left;
}
.hp-news-list .sp2 a{
    font-size: 18px;
    color: #000;
    display: block;
    margin-top: 2px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hp-news-list .sp2 a i{
    color: #e43c3c;
    font-style: normal;
}
.hp-news-list .sp2 a:hover{
    color: #0e6fb1;
}
.hp-news-list .sp2 span{
    font-size: 14px;
    color: #666666;
    display: block;
    margin-top: 12px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hp-frilink-list{
    width: 100%;
    height: 60px;
    border: 1px solid #d8d8d8;
    margin-top: 24px;
}
.hp-frilink-list img{
    width: 100%;
    height: 100%;
}
.hp-news-body{
    width: 100%;
    height: 330px;
    overflow: hidden;
}
.hp-news-pic-body:hover{
    transform:scale(1.05);   /* 放大1.05倍 */
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transition:transform 0.5s;  /* 动效时长 */
}
.hp-frilink{
    padding-top: 30px;
}
/*首页结束*/

/*会员注册开始*/
.vip-register-bg{
    width: 100%;
    background-color: #f1f2f3;
    border-top: 2px solid #0e6fb1;
    padding: 10px 30px;
}
.vip-register-row{
    padding: 20px 0;
    border-bottom: 1px dotted #999999;
    font-size: 0;
}
.vip-register-form{
    display: inline-block;
    width: 25%;
    margin: 10px 0;
}
.vip-register-form span{
    display: inline-block;
    line-height: 32px;
    width: 94px;
    font-size: 14px;
    /* float: left; */
}
.active-updata{
    float: left;
}
.vip-register-form span i{
    color: #ff0000;
    font-style: normal;
    font-weight: b;
}
.vip-register-form input{
    height: 32px;
    line-height: 32px;
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    width: 150px;
    padding-left: 4px;
    padding-top: 2px;
}
.vip-register-form input[readonly]{
    background-color: #f1f2f3 !important;
}
.vip-register-form-long span{
    width: 108px;
    font-size: 12px;
}
.vip-register-form-long input{
    width: 132px;
}
.vip-register-row label{
    font-size: 14px;
    font-weight: 400;
    margin-right: 30px;
    padding-left: 10px;
    line-height: 22px;
}
.vip-register-row label input{
    width: 14px;
    height: 14px;
    margin-right: 4px;
    float: left;
}
.vip-register-row:last-child{
    border-bottom: none;
}
.vip-register-form-name{
    width: 100%;
}
.vip-register-form-name input{
    width: 420px;
}
.vip-register-form-danxuan{
    width: 100%;
}
.vip-register-form-danxuan form{
    width: 400px;
    display: inline-block;
}
.vip-register-form-neirong{
    width: 100%;
}
.vip-register-form-cover{
    width: 100%;
}
.vip-register-form-cover .sp1{
    float: left;
}
.vip-register-form-cover .lab1{
    float: left;
}
.vip-register-form-cover .btn1{
    width: 160px;
    height: 100px;
    background: url(../images/cover-add1.png) center no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    float: left;
}
.vip-register-form-cover .btn1:hover{
    background-color: #f1f2f3;
}
.vip-register-form-cover .btn1:active{
    background-color: #f3f4f5;
}
.vip-register-form-fujian{
    width: 100%;
}
.vip-register-form-fujian .inp1{
    width: 280px;
    float: left;
}
.myactive-choosefile{
    display: inline-block;
    width: 120px;
    height: 32px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding-left: 20px;
    background: url(../images/choosefile-icon.png) 20px center no-repeat;
    background-size: 15px auto;
    background-color: #ffffff;
    color: #000;
    font-size: 14px;
    margin-right: 10px;
}
.myactive-choosefile:hover{
    background-color: #f1f2f3;
}
.myactive-choosefile:active{
    background-color: #f3f4f5;
}
.vip-register-btn{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.vip-register-btn input{
    margin: 0 10px;
}
.vip-register-sub{
    width: 160px;
    height: 38px;
    background-color: #e43c3c;
    border: 1px solid #e43c3c;
    color: #fff;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    font-size: 14px;
}
.vip-register-sub:hover{
    background-color: #f65151;
}
.vip-register-sub:active{
    background-color: #d83232;
}
.vip-register-cancel{
    width: 160px;
    height: 38px;
    background-color: #fff;
    border: 1px solid #cccccc;
    color: #000;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;
    font-size: 14px;
}
.vip-register-hd ul{
    text-align: center;
    margin: 30px 0;
}
.vip-register-hd ul li{
    display: inline-block;
    margin: 0 20px;
    width: 260px;
    height: 130px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    cursor: pointer;
}
.vip-register-hd ul li span{
    display: block;
}
.vip-register-hd ul li .vip-online-icon{
    width: 100%;
    height: 36px;
    margin-top: 20px;
    background: url(../images/online-icon.png) center no-repeat;
    background-size: auto 32px;
}
.vip-register-hd ul li .vip-offline-icon{
    width: 100%;
    height: 36px;
    margin-top: 20px;
    background: url(../images/offline-icon.png) center no-repeat;
    background-size: 35px auto;
}
.vip-register-hd ul li .sp1{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.vip-register-hd ul li .sp2{
    font-size: 14px;
    color: #999;
    margin-top: 4px;
}
.vip-register-hd ul .on{
    border: 1px solid #e43c3c;
    background: url(../images/vip-select.png) right bottom no-repeat;
    background-size: 32px 32px;
}
.vip-register-hd ul .on .sp1{
    color: #e43c3c;
}
.vip-register-hd ul .on .vip-online-icon{
    background: url(../images/online-iconh.png) center no-repeat;
    background-size: auto 32px;
}
.vip-register-hd ul .on .vip-offline-icon{
    background: url(../images/offline-iconh.png) center no-repeat;
    background-size: 35px auto;
}
.vip-register-download{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.vip-register-download a{
    display: inline-block;
    width: 160px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-radius: 5px;
    background-color: #0e6fb1;
}
.vip-register-download a:hover{
    background-color: #1d80c3;
}
.vip-register-download a:active{
    background-color: #146fac;
}
.vip-register-bg p{
    margin: 14px 0;
    font-size: 16px;
}
.upload-pic{
    width: 220px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center !important;
}
.upload-pic:hover{
    color: #0e6fb1;
    border: 1px solid #0e6fb1;
}
.vip-change-psd{
    width: 100%;
    text-align: center;
}
.vip-change-psd input{
    width: 250px;
}
/*会员注册结束*/


/*banner开始*/
.hp-banner{
    width: 100%;
    height: 600px;
    position: relative;
}
.hp-banner .prev{
    display: block;
    width: 43px;
    height: 75px;
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 50%;
    margin-top: -37.5px;
    cursor: pointer;
    background: url(../images/banner-prev.png) center no-repeat;
    background-size: 100% 100%;
}
.hp-banner .next{
    display: block;
    width: 43px;
    height: 75px;
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 50%;
    margin-top: -37.5px;
    cursor: pointer;
    background: url(../images/banner-next.png) center no-repeat;
    background-size: 100% 100%;
}
.hp-banner-bd{
    width: 100%;
    height: 100%;
}
.hp-banner-bd ul{
    width: 100%;
    height: 100%;
}
.hp-banner-bd ul li{
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
}
.hp-banner-bd ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.hp-banner-hd{
    position: absolute;
    z-index: 99;
    bottom: 20px;
    right: 20px;
}
.hp-banner-hd ul li{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
}
.hp-banner-hd ul .on{
    width: 30px;
    height: 8px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 1);
}
.hp-banner-bd .tempWrap{
    height: 100%;
}
.hp-banner-addus{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 75px;
    background:url(../images/banner-addbg.png) center no-repeat;
    background-size: auto 75px;
    z-index: 9;
}
.hp-banner-addus-body{
    width: 50%;
    height: 100%;
    background-color: #0e6fb1;
}
.hp-banner-addus-body .sp1{
    display: block;
    height: 100%;
    line-height: 70px;
    padding-left: 40px;
    background: url(../images/banner-icon01.png) left center no-repeat;
    background-size: 28px 25px;
    font-size: 18px;
    color: #fff;
    float: left;
}
.hp-banner-addus-body .sp1 i{
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    margin: 0 8px;
    width: 56px;
    text-align: center;
    display: inline-block;
}
.hp-banner-addus-body .sp2{
    float: right;
    height: 100%;
    display: block;
}
.hp-banner-addus-body .sp2 a{
    display: block;
    background: url(../images/banner-goto.png) right 35px center no-repeat;
    background-size: 13px 10px;
    background-color: #e33c3c;
    width: 180px;
    height: 100%;
    line-height: 75px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-right: 15px;
    transition:all 0.5s;
}
.hp-banner-addus-body .sp2 a:hover{
    background: url(../images/banner-goto.png) right 25px center no-repeat;
    background-size: 13px 10px;
    background-color: #e33c3c;
    padding-right: 5px;
    transition:all 0.5s;
}
/*banner结束*/

/*关于我们开始*/
.aboutus-text{
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    text-indent: 32px;
    color: #333;
    margin-bottom: 20px;
}
.aboutus-text p{
    margin-top: 16px;
}
.aboutus-pic{
    width: 100%;
}
.aboutus-pic img{
    width: 100%;
}
.aboutus-mainwork{
    width: 100%;
}
/*关于我们结束*/

.vip-register-form img{
    width: 100%;
    margin-top: 15px;
}
.vip-ti-tip{
    color: #000 !important;
}
.notice-time-meeting ul{
    text-align: center;
}
.notice-time-meeting ul li{
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}
.vip-register-tab{
    min-height: 500px;
}
.meeting-empty{
    width: 100%;
    height: 180px;
    background: url(../images/empty-icon.png) center no-repeat;
    background-size: 150px auto;
}
.register-bigtitle{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 28px;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 36px;
}
.download-list_lqs{
    cursor: pointer;
}
.percenter-faqibtn{
    display: block;
    text-align: right;
    margin-bottom: 30px;
}
.percenter-faqibtn a{
    display: inline-block;
    width: 160px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background-color: #e33c3c;
}
.my-active-edit{
    background: url(../images/my-active-edit.png) left center no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    color: #fff;
    margin-left: 15px;
}
.my-active-delete{
    background: url(../images/my-active-delete.png) left center no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    color: #ff0000;
    margin-left: 15px;
}
.my-active-delete:hover{
    color: #ff0000;
}

.my-active-preview{
    background: url(../images/my-active-preview.png) left center no-repeat;
    background-size: 14px auto;
    padding-left: 20px;
    color: #fff;
    margin-left: 15px;
}
.myactive-tip{
    display: block;
    width: 100%;
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
}
.myactive-tip span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.myactive-tip p{
    font-size: 14px;
}
.vip-register-form-neirong .sp1{
    font-size: 14px;
    margin-bottom: 12px;
    display: block;
}
.vip-register-form-neirong .sp1 i{
    color: #ff0000;
}
.image_preview_info{
    width: 160px !important;
    height: 100px;
    float: left;
    margin-top: 0px !important;
    margin-left: 10px;
}
.vip-register-form-neirong{
    margin: 10px 0;
}
.vip-register-form-fujian .webuploader-container{
    width: auto;
}
.vip-register-form-fujian .webuploader-pick{
    background: none;
    color: #333;
}
.vip-register-form-fujian .webuploader-pick:hover{
    background: none;
}
.vip-register-form-danxuan .sp2{
    float: none;
}
.vip-register-form-cover .webuploader-container{
    width: 160px;
    height: 100px;
}
.vip-register-form-cover .webuploader-pick{
    width: 100%;
    padding: 0;
    background: none;
}
.vip-register-form-fujian .form-control{
    float: left;
    margin-right: 10px;
    width: 100%;
    border: none;
    background: transparent;
    outline: none !important;
    margin-top: 10px;
    -webkit-appearance: none !important;
    box-shadow: none;
    padding-left: 104px;
}
.vip-register-form-fujian .form-control:focus{
    -webkit-box-shadow: 0 0 0 #fff;
    -moz-box-shadow:0 0 0 #fff;
}
.vip-register-form .form-control[readonly]{
    background-color: transparent !important;
}
.vip-register-form-fujian .file-name{
    width: auto !important;
    margin-left: 20px;
}
.vip-register-form-fujian .webuploader-pick{
    line-height: 32px;
}
.vip-register-form-fujian .webuploader-element-invisible{
    width: auto;
}
.about-qyj-cover{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.about-qyj-cover .sp1{
    display: block;
    width: 100%;
    height: 320px;
}
.about-qyj-cover .sp1 img{
    width: 100%;
    height: 100%;
}
.about-qyj-cover .sp2{
    display: block;
    text-align: center;
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-qyj-cover .sp2 a{
    font-size: 16px;
    color: #000;
}
.about-qyj-cover .sp3{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*会员资讯*/
.vipnews-part{
    width: 100%;
    margin-bottom: 30px;
}
.vipnews-part .sp1{
    display: block;
    width: 100%;
    height: 234px;
    overflow: hidden;
}
.vipnews-part .sp1 img{
    width: 100%;
    height: 100%;
    transition:transform 0.5s;
}
.vipnews-part .sp1 img:hover{
    transform:scale(1.05);   /* 放大1.05倍 */
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.vipnews-part .sp2{
    display: block;
    padding: 10px;
    height: 70px;
    border: 1px solid #d8d8d8;
    border-top: none;
    background-color: #fff;
}
.vipnews-part .sp2 .spp1{
    display: block;
    float: left;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
}
.vipnews-part .sp2 .spp1 img{
    width: 100%;
    height: 100%;
}
.vipnews-part .sp2 .spp2{
    display: block;
    float: left;
    width: 260px;
    margin-left: 15px;
}
.vipnews-part .sp2 .spp2 .p1{
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vipnews-part .sp2 .spp2 .p1 a{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.vipnews-part .sp2 .spp2 .p1 a:hover{
    color: #0e6fb1;
}
.vipnews-part .sp2 .spp2 .p2{
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vipnews-part .sp2 .spp2 .p2 a{
    font-size: 12px;
    color: #666666;
}


.caigou-form{
    width: 50%;
    display: flex;
    float: left;
    margin-top: 24px;
}
.caigou-form .tit{
    display: inline-block;
    line-height: 32px;
    width: 94px;
    font-size: 14px;
    text-align: right;
}
.caigou-form .tit i{
    color: #ff0000;
    font-style: normal;
}
.caigou-form input{
    flex: 1;
    height: 32px;
    line-height: 32px;
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding-left: 4px;
    padding-top: 2px;
}
.caigou-form input[type=checkbox]{
    height: auto;
    vertical-align: text-top;
    margin-right: 3px;
}

.caigou-form .msg{
    line-height: 32px;
}
.caigou-form .tujing li{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-right: 30px;
}
.caigou-form2{
    width: 100%;
    display: flex;
    float: left;
    margin-top: 24px;
}
.caigou-form2 .tit{
    display: inline-block;
    line-height: 32px;
    width: 94px;
    font-size: 14px;
    text-align: right;
    vertical-align: top;
}
.caigou-form2 .tit i{
    color: #ff0000;
    font-style: normal;
}
.caigou-form2 textarea{
    flex: 1;
    height: 400px;
    line-height: 26px;
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding-left: 4px;
    padding-top: 2px;
}





/*超大PC屏幕下的专用样式*/
@media screen and (min-width:1200px){

}

/*中等PC屏幕下的专用样式*/
@media screen and (min-width:992px) and (max-width: 1199px) {
    .active-details-list{
        height: 182px;
    }
    .news-main-info{
        width: 69%;
    }
    .second-form-title input{
        width: 380px;
    }
    .second-form-right textarea{
        width: 380px;
    }
    .second-form-leixin select{
        width: 160px;
    }
    .hp-notice-list ul li a{
        width: 70%;
    }
    .hp-notice-list ul li{
        width: 46%;
        margin: 5px 4% 5px 0;
    }
    .hp-activity-list{
        width: 296px;
        height: 185px;
        margin-right: 25px;
    }
    .hp-meeting-list{
        height: 150px;
    }
    .hp-meeting-list .sp1{
        margin-top: 12px;
    }
    .hp-frilink-list{
        height: 52px;
    }
    .hp-banner{
        height: 540px;
    }
    .hp-banner-addus-body{
        width: 60%;
    }
    .hp-banner-addus{
        height: 70px;
    }
    .hp-banner-addus-body .sp1{
        line-height: 65px;
    }
    .hp-banner-addus-body .sp2 a{
        line-height: 70px;
    }
    .notice-time-meeting ul{
        text-align: center;
    }
    .notice-time-meeting ul li{
        display: inline-block;
        margin: 0 10px;
    }
    .second-form-btn{
        text-align: center;
    }
    .second-meun-nav li{
        margin: 0 24px;
    }
    .about-qyj-cover .sp1{
        height: 280px;
    }
    .vipnews-part .sp1{
        height: 184px;
    }
    .vipnews-part .sp2 .spp2{
        width: 200px;
    }
}

/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:991px ){
    .active-details-list{
        height: 215px;
    }
    .news-main-info{
        width: 59%;
    }
    .second-form-title input{
        width: 280px;
    }
    .second-form-right textarea{
        width: 280px;
    }
    .second-form-leixin select{
        width: 100px;
    }
    .hp-notice-list ul li a{
        width: 70%;
        font-size: 14px;
    }
    .hp-notice-list ul li{
        width: 46%;
        margin: 5px 4% 5px 0;
    }
    .hp-notice-list{
        margin-top: 16px;
    }
    .hp-activity-list{
        width: 348px;
    }
    .hp-banner{
        height: 480px;
    }
    .hp-banner-addus-body{
        width: 80%;
    }
    .hp-banner-addus{
        height: 65px;
    }
    .hp-banner-addus-body .sp1{
        line-height: 60px;
    }
    .hp-banner-addus-body .sp2 a{
        line-height: 65px;
    }
    .hp-bigtitle-md{
        margin-top: 30px;
    }
    .hp-news-list .sp2 a{
        font-size: 16px;
        margin-top: 6px;
    }
    .hp-news-pic-title a{
        margin-top: 16px;
        margin-top: 4px;
    }
    .hp-news-pic-time{
        width: 70px;
        height: 80px;
        padding-top: 4px;
    }
    .hp-vip-list ul li a{
        font-size: 14px;
    }
    .hp-vip-list ul li span{
        font-size: 14px;
    }
    .hp-meeting-list .sp1 i{
        display: block;
    }
    .hp-meeting-list .sp2 i{
        display: block;
        margin-top: 4px;
    }
    .hp-meeting-list{
        height: 200px;
        margin-top: 2px;
        padding: 15px;
        margin-top: 20px;
    }
    .hp-activity-list-title a{
        font-size: 14px;
    }
    .notice-time-meeting ul li{
        float: none;
        margin-right: 0
    }
    .second-form-btn{
        text-align: center;
    }
    .vip-register-form-fujian .inp1{
        width: 130px;
    }
    .about-qyj-cover .sp1{
        height: 280px;
    }
}

/*PHONE屏幕下的专用样式*/
@media screen and (max-width:767px) {
    .active-details-list{
        height: 120px;
    }
    .notice-main-ul li{
        background-image: none;
        padding-left: 5px;
        padding-right: 5px;
    }
    .notice-main-ul li a{
        width: 100%;
        white-space: normal;
        overflow: auto;
        text-overflow: clip;
        line-height: 26px;
        padding-bottom: 0px;
        text-align: justify;
        font-size: 14px;
        padding-top: 15px;
    }
    .notice-main-ul li span{
        padding-top: 0px;
        padding-bottom: 15px;
        display: block;
        float: left;
        margin-top: 6px;
        text-align: left;
        font-size: 14px;
    }
    .notice-title{
        font-size: 20px;
        line-height: 32px;
    }
    .notice-time{
        margin-top: 40px;
    }
    .download-list a{
        padding: 2px 10px !important;
        border-radius: 5px;
        background-color: #0e6fb1;
        color: #fff !important;
    }
    .news-main-pic{
        width: 40%;
        height: 90px;
    }
    .news-main-info{
        width: 56%;
    }
    .news-main-info .sp1{
        display: none;
    }
    .news-main-info .a1{
        font-size: 14px;
        line-height: 20px;
    }
    .news-main-info .sp2{
        margin-top: 2px;
    }
    .news-main-ul li{
        margin-bottom: 20px;
    }
    .second-form-left{
        width: 100%;
    }
    .second-form-right{
        width: 100%;
    }
    .second-form-title input{
        width: 100%;
    }
    .second-form-right textarea{
        width: 100%;
    }
    .hp-notice-list ul li a{
        width: 70%;
    }
    .hp-notice-list ul li{
        width: 100%;
        margin: 5px 0 5px 0;
    }
    .hp-notice-list{
        margin-top: 16px;
    }
    .hp-notice-list ul li{
        font-size: 14px;
    }
    .hp-banner{
        height: 220px;
    }
    .hp-banner-addus-body{
        width: 100%;
    }
    .hp-banner-addus{
        height: 40px;
    }
    .hp-banner-addus-body .sp1{
        line-height: 35px;
        font-size: 12px;
        background-image: none;
        padding-left: 0;
    }
    .hp-banner-addus-body .sp1 i{
        font-size: 20px;
        margin: 0 4px;
        width: 48px;
    }
    .hp-banner-addus-body .sp2 a{
        line-height: 40px;
        font-size: 14px;
        width: 90px;
        background-image: none;
        padding: 0;
    }
    .hp-banner-addus-body .sp2 a:hover{
        background-image: none;
    }
    .hp-banner-hd{
        bottom: 50px;
    }
    .hp-news-pic{
        height: 230px;
    }
    .hp-bigtitle-md{
        margin-top: 30px;
    }
    .hp-activity-list{
        width: 100%;
    }
    .hp-meeting-list{
        height: auto;
    }
    .hp-news-pic-title a{
        font-size: 16px;
        margin-top: 5px;
    }
    .hp-news-list .sp1{
        width: 22%;
        font-size: 22px;
    }
    .hp-news-list .sp2{
        width: 78%;
        padding-left: 16px;
    }
    .hp-news-list .sp2 a{
        font-size: 16px;
        margin-top: 0px;
    }
    .hp-activity-list-title a{
        font-size: 14px;
    }
    .hp-vip-list ul li a{
        font-size: 14px;
        width: 70%;
    }
    .hp-vip-list ul li span{
        font-size: 14px;
    }
    .hp-bigtitle .sp1{
        font-size: 18px;
        background-size: auto 18px;
        padding-left: 20px;
    }
    .hp-bigtitle .sp1 i{
        font-size: 14px;
    }
    .hp-news-pic-time{
        left: 10px;
        width: 70px;
        height: 80px;
        padding-top: 6px;
    }
    .hp-news-pic-time i{
        margin-top: 0;
    }
    .hp-news-list .sp1 i{
        font-size: 12px;
    }
    .notice-time-meeting ul li{
        float: none;
        margin-right: 0
    }
    .vip-register-hd ul li{
        width: 42%;
        height: auto;
    }
    .vip-register-form-name input{
        width: 100%;
    }
    .vip-register-form{
        width: 50%;
    }
    .vip-register-form input{
        width: 96%;
    }
    .hp-banner .prev{
        width: 18px;
        height: 36px;
        margin-top: -24px;
    }
    .hp-banner .next{
        width: 18px;
        height: 36px;
        margin-top: -24px;
    }
    .hp-meeting-list a{
        height: auto;
    }
    .notice-content p{
        font-size: 14px;
    }
    .meeting-empty{
        background-size: 120px auto;
    }
    .active-details-list .title .sp1{
        font-size: 14px;
    }
    .active-details-list .title{
        height: 50px;
        padding: 4px 10px;
    }
    .hp-frilink-list{
        height: 44px;
    }
    .second-form-btn{
        text-align: center;
    }
    .second-form-btn button{
        width: 146px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .aboutus-text p{
        font-size: 14px;
    }
    .vip-register-bg p{
        margin: 14px 0;
        font-size: 14px;
        line-height: 22px;
    }
    .vip-register-hd ul li{
        margin: 0 8px;
        padding: 10px;
    }
    .vip-register-hd ul li .vip-offline-icon{
        margin-top: 10px;
    }
    .vip-register-hd ul li .vip-online-icon{
        margin-top: 10px;
    }
    .vip-register-bg{
        padding: 10px;
    }
    .vip-register-hd ul li .sp1{
        font-size: 16px;
    }
    .register-bigtitle{
        font-size: 16px;
        line-height: 28px;
    }
    .vip-change-psd{
        text-align: left;
    }
    .Change-password .vip-register-form{
        width: 100%;
    }
    .Change-password .vip-register-form input{
        width: 100%;
    }
    .about-qyj-cover .sp1{
        height: 220px;
    }
    .caigou-form{
        width: 100%;
    }
}