@charset "utf-8";
/*-------------------------
列表、详情样式表
包括了列表、详情头部、菜单、功能模块等功能
编辑：20230326，黄灿平
--------------------------*/
/*-----公共------*/
.list-content{ padding-bottom:10px; background:#fff;}
/*标题一*/
.banner-h1{ position:relative; z-index:99; width:1200px; margin: 0 auto;}
.banner-h1>div{ position:absolute; left:0; top:90px; text-align:left;}
.banner-h1 h3{ position:relative; padding:50px 0 30px 0; /* padding:50px 0; */font-size:48px; color:#fff; text-shadow:5px 2px 6px rgb(51, 51, 51);}
/* .banner-h1 h3::after{ position:absolute; left:0; top:100px; display:block; content:""; height:3px; width:50px; background:#fff;} */
.banner-h1 p{  font-size:16px; color:#fff;}/*padding-top:20px;*/
/*-----banner-----*/
.banner-news{ position:relative; height:400px; background:url(../img/listart/banner/banner-news.jpg) no-repeat center;}
.banner-xinzi{ position:relative; height:400px; background:url(../img/listart/banner/banner-xinzi.jpg) no-repeat center;}
.banner-bg1{ position:relative; height:400px; background:url(../img/listart/banner/1.jpg) no-repeat center;}
.banner-bg2{ position:relative; height:400px; background:url(../img/listart/banner/2.jpg) no-repeat center;}
.banner-bg3{ position:relative; height:400px; background:url(../img/listart/banner/3.jpg) no-repeat center;}
.banner-bg4{ position:relative; height:400px; background:url(../img/listart/banner/4.jpg) no-repeat center;}
.banner-bg5{ position:relative; height:400px; background:url(../img/listart/banner/5.jpg) no-repeat center;}
.banner-bg6{ position:relative; height:400px; background:url(../img/listart/banner/6.jpg) no-repeat center;}
.banner-bg1::after, .banner-bg2::after, .banner-bg3::after, .banner-bg4::after, .banner-bg5::after, .banner-bg6::after{ position:absolute; top:0; left:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.banner-art{ position:relative; height:140px; background:url(../img/listart/banner/banner-art.jpg) no-repeat center;}
.banner-art .banner-h1>div{ top:15px;}
.banner-art .banner-h1 h3{ font-size:32px; color:#999;}

/*-------------------------
        文章列表页
--------------------------*/
/*-----二级菜单-----*/
.product-nav{ position:absolute; bottom:0; left:0; z-index:99; width:100%; border-bottom:1px solid #e5e5e5;}
.product-NavContent{ width:1200px; margin:0 auto; padding:20px 30px; box-sizing:border-box; background:#fff;}
.product-NavContent::after{ content:""; display:block; width:0; height:0; clear:both; overflow:hidden;}
.product-NavContent a{ position:relative; float:left; display:inline-block; width:11%; line-height:35px; text-align:center; color:#999; font-weight:500;}
.product-NavContent a:hover, .product-nav a.active{ color:#eb7118;}
.product-NavContent a::after, .product-nav a.active::after{ position:absolute; bottom:0; left:0; right:0; content:""; display:inline-block; width:0px; height:2px; margin: 0 auto; background:#eb7118;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;	
}
.product-NavContent a:hover::after, .product-nav a.active::after{ width:60px;}

/*-----新闻中心/表达方式一行一列（行业资讯/党建新闻）-----*/
.news-list{ width:1200px; padding-top:55px; margin:0 auto;}
.news-list .mk{ display:block; padding:20px 0; border-bottom:1px solid #eee;}
.news-list .mk:hover{ border-bottom:1px solid #eb7118;}
.news-list .mk:hover .mk-text h3{ color:#eb7118;}
.news-list .mk::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.news-list .mk .mk-text{ display:inline-block; width:80%;}
.news-list .mk .mk-text h3{ line-height:35px; font-size:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/   
	transition: all .3s;
    -webkit-transition: all .3s;}
.news-list .mk .mk-text p{ padding:10px 0; font-size:14px; color:#979797;}
.news-list .mk .mk-text p span{ display:inline-block; padding-left:20px;}
.news-list .mk .mk-text p span:first-child{ background: url(../img/listart/icon_08.png) 0 3px no-repeat;}
.news-list .mk .mk-text p span:last-child{ margin-left:20px; padding-left:25px; background: url(../img/listart/icon_09.png) 0 3px no-repeat;}
.news-list .mk .mk-text>span{ line-height:32px; font-size:16px; color:#666;}
.news-list .mk .mk-text em{ display:block; width:120px; margin:20px 0; line-height:38px; text-align:center; color:#fff; font-style:normal; background:#007efe; transition:all 0.3s linear;}
.news-list .mk:hover .mk-text em{ background:#eb7118;}
.news-list .mk .mk-img{ float:right; display:inline-block; width:200px; height:133px; overflow:hidden;}
/*-----新闻中心/表达方式一行二列（组织架构）-----*/
.about-listNews{ width:1220px; margin:20px auto;}/*设置1220px 为了模块居中*/
.about-listNews ul{}
.about-listNews ul li{ float:left; width:50%;}
.about-listNews ul li a{ display:block; margin:20px 10px 0 10px; height:133px; overflow:hidden; background:#fff;}
.about-listNews ul li a .mk-img{ display:inline-block; width:179px; height:133px; overflow:hidden;}
.about-listNews ul li a .mk-text{ float:right; display:inline-block; width:385px;}
.about-listNews ul li a .mk-text h3{ padding:15px 10px 0 0; line-height:35px; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/  transition:all 0.3s linear;}
.about-listNews ul li a:hover .mk-text h3{ color:#eb7118;}
.about-listNews ul li a .mk-text p{ padding:10px 10px 10px 0; font-size:14px; color:#979797; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/}
/*-----新闻中心/公共-----*/
/*图片放大缩小*/
.news-list .mk .mk-img img, .about-listNews ul li a .mk-img img{ width:100%; height:100%; /*object-fit:cover;*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter: scale(1);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
.news-list .mk:hover .mk-img img, .about-listNews ul li a:hover .mk-img img{
	-webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    filter: scale(1.10);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
}

/*--------------------
      人才招聘
--------------------*/
.job-list{ padding:30px 0;}
.job-list dl{ width:1200px; margin:0 auto; border:1px solid #eee; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); border-radius:8px;}
.job-list dl dt{     
    font-weight:600; color:#666; font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.5px;
 background:linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);}
.job-list dl dd{}
.job-list dl dt, .job-list dl dd{
    display: flex;
    flex-wrap: nowrap;   /* 保证一行显示，不换行（默认值） */
  }
.job-list dl dt span:nth-child(1), .job-list dl dd span:nth-child(1) { flex: 0 0 30%;}
.job-list dl dt span:nth-child(2), .job-list dl dd span:nth-child(2) { flex: 0 0 15%;}
.job-list dl dt span:nth-child(3), .job-list dl dd span:nth-child(3) { flex: 0 0 10%;}
.job-list dl dt span:nth-child(4), .job-list dl dd span:nth-child(4) { flex: 0 0 15%;}
.job-list dl dt span:nth-child(5), .job-list dl dd span:nth-child(5) { flex: 0 0 10%;}
.job-list dl dt span:nth-child(6), .job-list dl dd span:nth-child(6) { flex: 0 0 20%;}
.job-list dl dt span, .job-list dl dd span {
    padding: 15px 0;
    text-align: center;
  }
 .job-list dl dd span { color:#555; font-size:14px; border-top:1px solid #eee; /* 边框不影响宽度（因为 box-sizing: border-box） */}
 /*-----详情-----*/
 .jobArtTable{ width:100%; border:1px solid #eee; border-collapse:collapse; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); border-radius:8px;}
 .jobArtTable td{ padding:10px 20px; color:#555; font-size:14px; border-bottom: 1px solid #eee;}
 .jobArtTable td.td1{ width:14%;}
 .jobArtTable td.td2{ width:86%;}
 .jobArtTable td.td3{ text-align:center;}
 .jobArtTable td.td3 span{ padding:0 15px;}
 
/*--------------------
      案例中心
--------------------*/
.anLi{ background:#f5f6fa;}
.anLi-list{ width:1200px; margin:0 auto; padding:20px 0;}
.anLi-list .mk{ display:inline-block; width:31%; vertical-align:top; margin:10px; padding:30px; box-sizing:border-box; border-radius:8px; background:#fff;}
.anLi-list .mk h3{ height:70px; text-align:left; line-height:35px; font-weight:400; font-size:22px; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;超出点点隐藏*/  
	transition: all .3s;
    -webkit-transition: all .3s;}
.anLi-list .mk h3 span{ color:#ff0000;}
.anLi-list .mk .b .text-content{ font-size:16px; line-height:32px; color:#666;}
/* 案例1 & 案例2：浮动嵌入式（文字环绕） 公用清除浮动方案 */
.float-wrapper {
    display: flow-root;   /* 现代清除浮动方式，避免父元素坍塌 */
    border-radius: 1rem;
}
 /* 嵌入式图片通用样式 - 柔和边缘 + 轻微阴影 */
.embed-img {
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s;
    max-width: 100%;
    height: auto;
    display: block;
}
.embed-img:hover {
    transform: scale(1.01);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
/* 左浮动：图片靠左，文字环绕右侧 */
.float-left-img {
    float: left;
    width: 200px;
    margin: 0.2rem 1.5rem 0.8rem 0;
}
/* 右浮动：图片靠右，文字环绕左侧 */
.float-right-img {
    float: right;
    width:200px;
    height:110px;
    margin: 0.2rem 0 0.8rem 1.5rem;
}

/*-----翻页-----*/
.page{ clear:both; margin:50px 0; text-align:center;}
.page::after{ content:""; display:block; clear:both;}
.page li{ display:inline-block; vertical-align:top;}
.page li a{ display:block; height:48px; margin-right:12px; padding:0 22px;  border-radius:4px; line-height:48px; text-align:center; color:#333; background:#eee; }
.page li.active a, .page a[href]:hover{ color:#fff; background:#007efe;}
/*检索无结果*/
.noSearch{ padding-top:120px; font-size:18px; color:#999; text-align:center; line-height:50px; background:url("../img/listart/wu.png") no-repeat center center; opacity:0.8}
/*-----证书查询-----*/
/*搜索*/
.zhengshu .search_btn{ width:1200px; margin:0 auto; padding:80px 0 30px 0;}
.zhengshu .btn{ margin:0 auto; font-size:0; text-align:center;}
.zhengshu .btn input{ width:550px; height:60px; display:inline-block; padding-left:10px; vertical-align:middle; font-size:16px; border:1px solid #a8a8a8; border-radius:4px 0 0 4px; outline:none;}
.zhengshu .btn input::-webkit-input-placeholder{ color:#c2c2c2;}
.zhengshu .btn button{ width:70px; height:62px; display:inline-block; border:1px solid #007efe; border-radius:0 4px 4px 0; border-left:0; vertical-align:middle; background:#007efe; cursor:pointer;  transition:all 0.5s linear;}
.zhengshu .btn button:hover{ border:1px solid #eb7118; border-left:0; background:#eb7118;}
/*列表有数据*/
/* .zhengshu  ul.search_list{ padding:110px 30px 10px 30px;} */
/*查询结果*/
.zhengshu .search-list{ width:1200px; margin:0 auto;}
.zhengshu .search-list table{width:100%;border:1px solid #eee;border-collapse:collapse;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);border-radius:8px;}
.zhengshu .search-list table thead { background:linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);}
.zhengshu .search-list table thead th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    color: #666;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eee;
    position: relative;
  }
/* 添加微妙的内部阴影增强渐变效果 */
.zhengshu .search-list table thead th::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
    pointer-events: none;
  }
  /* 表格主体样式 */
.zhengshu .search-list tbody tr {
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
  }
.zhengshu .search-list tbody tr .biaoji{ display:inline-block; width:28px; height:11px; background:url(../img/listart/new_ico.gif) center center no-repeat;}
.zhengshu .search-list tbody tr:hover { background-color:#f9f9f9;}
.zhengshu .search-list td {
    padding: 14px 20px;
    color: #555;
    font-size: 14px;
  }
  /* 斑马纹效果 */
.zhengshu .search-list tbody tr:nth-child(even) { background-color:#fdfdfd;}
.zhengshu .search-list table .x{ text-align:center;}
.zhengshu .search-list table .c .button:nth-child(1){ margin-left:0;}
/*序号*/
.zhengshu .search-list table tbody .x span{
    display:block; width:40px; height:20px; margin:0 auto; line-height:20px; border-radius:4px; color:#fff; text-align:center;
    background: linear-gradient(135deg, #0a59ca 40%, #e94708 20%);
    transform: skew(-20deg);
}
/*-----证书详情-----*/
.zhengshu-content{ position:relative; width:1200px; margin:50px auto; color:#333; font-size:22px; font-weight:700;}
.zhengshu-content h1{ font-size:28px; color:#007efe;}
.zhengshu-content h1 span{ margin-left:20px; font-size:24px; color:#666;}
.zhengshu-content ul{position:relative; margin-bottom:40px; padding:20px 0; border-bottom:1px solid #ccc;}
.zhengshu-content ul li{ display:inline-block; padding-right:40px; font-size:18px;}
.zhengshu-content ul li span, .zhengshu-content ul li i{ display:inline-block; font-style:normal;}
.zhengshu-content ul li span{ font-weight:500; color:#999;}
.zhengshu-content ul li i{}
.zhengshu-content ul>i{ position:absolute; right:0; bottom:5px; font-size:12px; font-weight:normal; color:#999;}
.zhengshu-content table{ width:100%; margin:20px 0; border:1px solid #eee; border-collapse:collapse; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); border-radius:8px; font-size:14px; font-weight:100;}
.zhengshu-content table thead { background:linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);}
.zhengshu-content table thead th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #eee;
    position: relative;
  }
  /* 添加微妙的内部阴影增强渐变效果 */
.zhengshu-content table thead th::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
    pointer-events: none;
  }
  /* 表格主体样式 */
.zhengshu-content tbody tr {
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
  }
.zhengshu-content td {
    padding: 14px 20px;
    color: #333;
    font-size: 14px;
    font-weight:700;
  }
  .zhengshu-content .red{ color:#ff0000;}
  .zhengshu-content .green{ color:green;}
/*-----理论及实操-----*/
.zhengshu-sj{}
.zhengshu-sj::before, .zhengshu-sj::after{ position:absolute; display:block; font-size:16px; font-weight:600; width:310px; height:80px; line-height:25px;}
.zhengshu-sj::before{ top:150px; right:210px;}
.zhengshu-sj::after{ top:245px; right:210px;}
/*产后康复师*/
.chkfs::before{ content:"基础知识产后恢复师职业认知、产后恢复师职业概述、产后恢复的必要性、产后膳食营养调配、产抑郁的心理调适。";}
.chkfs::after{ content:"中医基础知识与产妇保健、产后体质恢复实操、乳房常见问题及护理、产后月子的特殊护理。";}
/*小儿推拿保健师*/
.xiaoer::before{ content:"小儿推拿概述、诊断概要、小儿推拿治疗基础知识。";}
.xiaoer::after{ content:"小儿推拿手法、小儿推拿穴位、小儿常见疾病推拿治疗、小儿日常保健推拿。";}
/*整理收纳师*/
.zlsns::before{ content:"整理收纳师职业准备、家庭整理收纳管理。";}
.zlsns::after{ content:"整理收纳师工作技能、家庭空间整理收纳、家庭物品整理收纳。";}
/*母婴护理师*/
.myhls::before{ content:"母婴护理员(月嫂)岗位要求、新生儿护理、新生儿疾病与意外伤害的预防和护理、特殊产妇护理。";}
.myhls::after{ content:"新生儿护理、新生儿保健、产妇日常生活护理。";}
/*催乳师*/
.cls::before{ content:"催乳师的职业素质、乳房的结构与生理知识、母乳喂养。";}
.cls::after{ content:"中医基础知识、催乳的技术与方法。";}


/*-------------------------
        文章详情页
--------------------------*/
.ab_artText{ background:#f8f9fa;}
.ab_artTextContent{ width:1200px; margin:0 auto;}
.ab_artTextContent::before, .ab_artTextContent::after{ content:""; display:block; clear:both;}
/*面包屑*/
.art_nav{ padding:15px 0 15px 0; font-size:14px; color:#999;}
.art_nav i{ display:inline-block; width:14px; height:14px; margin:0 5px; vertical-align:middle; 
background-size:14px 14px; 
background-image:url(../img/listart/arrow-right.png);
background-repeat:no-repeat;
background-position:0 0;
}
/*左侧*/
.artText_left{ float:left; width:76%; margin:0 0 30px 0; padding:30px; background:#fff; box-sizing:border-box; overflow:hidden;}/*border:1px solid #EEEEEE; border-radius:6px;*/
.art_title{ padding:10px 0; font-size:28px; line-height:40px; color:#333; text-align:center;}
.art_source{ font-size:14px; color:#999; line-height:40px; text-align:center;}
.art_source em{ font-style:normal; margin:0 10px;}
.art_reading{ position:relative; margin-top:24px; padding:16px 20px 16px 48px; border:1px solid #EFEFEF; border-radius:2px; background: #F3F5F9;}
.art_reading img{ position:absolute; top:0; left:0; width:43px;}
.art_reading p{ display:-webkit-box; max-height:72px; line-height:24px; text-align:justify; font-size:14px; color:#666;
    overflow:hidden;
    white-space:normal !important;
    text-overflow:ellipsis;
    word-wrap:break-word;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.art_main{ padding:20px 0; font-size:16px; color:#333; line-height:30px;}
.art_main img{ max-width:100%;}
.art_page{}
.art_page p{ margin:10px 0; font-size:16px;}
.art_page p span{ color:#999;}
.art_page p a{ color:#666;}
.art_page p a:hover{ color:#000}
/*右侧*/
.artText_right{ width:23%; float:right; margin:0 0 30px 0; padding:0 30px 20px 30px; background:#fff; box-sizing:border-box;}/*border:1px solid #EEEEEE; border-radius:6px;*/
.list_menu h3{ margin-top:20px; line-height:36px; font-size:18px; color:#3e3a39; border-bottom:1px solid #eeeeee;}
.list_menu a{ display:block; margin:5px 0; padding:10px 20px; border-radius:4px; font-size:16px; background:#fbfbfb;}
.list_menu a:nth-child(1){ margin-top:10px;}
.list_menu a.active, .list_menu a:hover{ background:#f3f3f3;}
/*热门资讯*/
.list_hot{}
.list_hot h3{ margin-top:20px; line-height:36px; font-size:18px; color:#3e3a39; border-bottom:1px solid #eeeeee;}
.list_hot div{ padding:7px 0;}
.list_hot div a{ display:block; width:100%; padding:7px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_hot div a:nth-child(1) span, .list_hot div a:nth-child(2) span, .list_hot div a:nth-child(3) span{ background:#ffb24f;}
.list_hot div a span{ float:left; display:block; width:18px; height:18px; margin-right:5px; line-height:18px; text-align:center; vertical-align:middle; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; border-radius:5px; background:#eaeaea;}
.list_hot div a:hover{ color:#cb660d;}
/* .list_hot div a:nth-child(1) span::before{ content: "1";}
.list_hot div a:nth-child(2) span::before{ content: "2";}
.list_hot div a:nth-child(3) span::before{ content: "3";}
.list_hot div a:nth-child(4) span::before{ content: "4";}
.list_hot div a:nth-child(5) span::before{ content: "5";}
.list_hot div a:nth-child(6) span::before{ content: "6";}
.list_hot div a:nth-child(7) span::before{ content: "7";}
.list_hot div a:nth-child(8) span::before{ content: "8";}
.list_hot div a:nth-child(9) span::before{ content: "9";}
.list_hot div a:nth-child(10) span::before{ content: "10";}
.list_hot div a:nth-child(11) span::before{ content: "11";}
.list_hot div a:nth-child(12) span::before{ content: "12";}
.list_hot div a:nth-child(13) span::before{ content: "13";}
.list_hot div a:nth-child(14) span::before{ content: "14";}
.list_hot div a:nth-child(15) span::before{ content: "15";} */

/*-------------------------
        单页
--------------------------*/
/*-----关于我们-----*/
.about{ background:#f8f9fa; overflow:hidden;}
.about .product-nav{ position:initial; background:#fff;}
/*内容*/
.about-h{ line-height:130px; font-size:34px; font-weight:bold; text-align:center;}
.about-jianjie{ position:relative; width:1200px; margin:50px auto; background-image:url(../img/listart/about/about-bg.jpg); background-position: right top; background-repeat:no-repeat; overflow:hidden;}
/*介绍*/
.about-jianjie .b{ position:relative; width:900px; margin:50px 0; padding:60px; box-sizing:border-box; background-color:rgba(255, 255, 255, 0.9);}
.about-jianjie .b h3{ margin:10px 0 30px 0; font-size:26px; font-weight:bold; color:#eb7118;}
.about-jianjie .b h3::before{ position:absolute; left:0; top:60px; content:""; display:block; height:40px; width:5px; background:#eb7118;}
.about-jianjie .b p{ line-height:30px; font-size:16px; color:#666;}
/*广告*/
/* .about-jianjie .s{ position:absolute; bottom:10px; left:0; width:100%;} */
.about-jianjie .s::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.about-jianjie .s li{ position:relative; float:left; width:25%; text-align:center; border-left: 1px solid #e6e6e6; box-sizing:border-box;}
/* .about-jianjie .s li::before{ position:absolute; left:0; top:10px; font-size:50px; color:rgb(204, 204, 204);} */
.about-jianjie .s li p{ font-size:36px; font-weight:bold; color:#eb7118;}
.about-jianjie .s li span{ padding:15px 0 0 0; display:block; font-size:16px; color:#666;}
.about-jianjie .s li:last-child{ border-right: 1px solid #e6e6e6;}
/*-----企业文化-----*/
.about-content{ margin-top:40px;}
.about-content::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.about-left{ float:left; width:50%;}
.about-right{ float:right; width:50%;}
.about-content li{ display:flex; flex-wrap:wrap; margin-top:28px;}
.box {
	position:relative; width:100%; height:367px; overflow:hidden;
	box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);
  }
.box h2, .box p {
	position:absolute; left:50px; color:#fff; z-index:2; width:100%;
	transition: opacity 0.2s, transform 0.3s;
  }
.box h2 { font-weight:bold; font-size:30px; margin-bottom:0; letter-spacing:1px;}
.box p { bottom:0; font-size:14px; letter-spacing:1px;}
.box p span{ display:block;}
.box p span::before{ content:"•"; color:#ca0006; font-size:16px; padding-right:5px;}
.box:hover { transition: all .3s ease-in-out;}
.box:hover:before { transition: all .3s ease-in-out;}
.box img { position:relative; width:100%; height:100%; z-index:1; transition: all .3s ease-in-out;}
.box img:hover { transition: all .3s ease-in-out;}
.box img:after {
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
  }
.box img:hover { transition: all .3s ease-in-out;}
.vintage h2 { top:60%; transform: translate3d(0, 60px, 0);}
.vintage p {
	opacity:0;
	bottom:0;
	transform:translate3d(0, -10px, 0);
	font-size:14px;
	letter-spacing:1px;
  }
.vintage p.row2 span{ width:49%; display:inline-block;}
.vintage:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
	z-index: 2;
	bottom: -100%;
	left: 0;
  }
.vintage:hover:before { bottom: 0;}
.vintage:hover h2 { bottom: 40px; transform: translate3d(0, 20px, 0);}
.vintage:hover p { opacity: 1; transform: translate3d(0, -30px, 0);}  
/*-----协会章程/入会须知/支部介绍/党建组织结构/联系我们-----*/
.about-danye{ width:1200px; margin:40px auto; padding:35px 40px; box-sizing:border-box; background:#fff;}
.about-danye h2{ padding:10px 0; font-size:28px; line-height:40px; color:#333; text-align:center; border-bottom:1px solid #eeeeee;}
.about-danye .b{ padding-top:20px; font-size:16px; color:#333; line-height:30px;}
.about-danye .b img{ max-width:100%;}

/*-------------------------
        图文列表页
--------------------------*/
.product-list{ width:1200px; padding-top:55px; margin:0 auto;}
.product-list:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.product-list .mk{ float:left; display:inline-block; position:relative; width:23.5%; margin:0 2% 2% 0; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.product-list .mk:nth-child(4n){ margin-right:0px;}
/*线条*/
.product-list .mk:after{ position:absolute; bottom:-1px; left:0; content:""; display:block; width:0; border-bottom:1px solid #e5e5e5;}
.product-list .mk:hover::after{ width:100%; border-bottom:1px solid #eb7118;}
/**/
.product-list .mk a{ display:block; width:100%; overflow:hidden;}
/*-----图片-----*/
.product-list .mk-img{ position:relative; width:100%; overflow:hidden; background:#f1f1f1;
	/*background: -moz-linear-gradient(left, #fafafc 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: -o-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: linear-gradient(to left, #fafafc 0%,#f4f4f4 100%);*/}
/*放大缩小*/
.product-list .mk-img img{
	width:100%; 
  /* object-fit:cover; */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter: scale(1);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.product-list .mk:hover .mk-img img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	/**/
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-ms-transform: scale(1.10);
	-o-transform: scale(1.10);
	filter: scale(1.10);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
/*元素旋转*/
.product-list .mk-img>div{ position:absolute; top:50%; left:50%; width:140px; height:140px; margin:-70px 0 0 -70px; text-align:center;}
.product-list .mk-img>div:before{ position:absolute; left:0; top:0; right:0; bottom:0; line-height:140px; font-size:32px; color:#fff; opacity:0;
transition:all 0.5s ease;
-webkit-transform:all 0.5s ease;}/*中间链接图标*/
.product-list .mk:hover .mk-img>div:before{
	opacity: 1;
	transition: all 0.5s ease;
	-webkit-transform: all 0.5s ease;}/*中间链接图标*/
.product-list .mk-img>div img{ width:auto; height:auto; opacity:0;
transition:all 0.5s ease;
-webkit-transform:all 0.5s ease;}/*旋转圆点*/
.product-list .mk:hover .mk-img>div img{
	opacity: .6;
	transition: all 0.5s ease;
	-webkit-transform: all 0.5s ease;
	/**/
	-webkit-transform: rotate(360deg);
	animation: rotation 10s linear infinite;
	-moz-animation: rotation 10s linear infinite;
	-webkit-animation: rotation 10s linear infinite;
	-o-animation: rotation 10s linear infinite;}/*旋转圆点*/
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
/*文本*/
.product-list .mk-text{ position:relative; padding:20px 0 15px 0;}
.product-list .mk-text h3{ width:90%; font-size:20px; font-weight:normal; color:#333; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-list .mk-text p{ width:90%; line-height:30px; font-size:13px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-list .mk-text span{ position:absolute; right:0; top:30px; display:block; width:30px; height:30px; line-height:30px; border-radius:50%; border:1px solid #bbb; color:#bbb; text-align:center;}
.product-list .mk:hover .mk-text span{ border:1px solid #eb7118; color:#eb7118;}
.product-list .mk-text span::before{ font-size:24px;}
/*内容动画*/
.product-list .mk:after, .product-list .mk:hover::after, .product-list .mk .mk-text span, .product-list .mk:hover .mk-text span{
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
/*-------------------------
        图文详情页
--------------------------*/
.product-art{ padding: 30px 0 30px; background:#f8f9fa;}
.product-art-xqbox{ width:1200px; margin:0 auto; padding:35px 45px; box-sizing:border-box; background-color:#fff; }
.product-art-t{ text-align:center;}
.product-art-t h1{ line-height:40px; font-size:26px; color: #444;}
.product-art-t .t-nav{ font-size:14px; color:#999; padding: 10px 0;}
.product-art-b{ padding-top:20px; font-size:16px; line-height:30px; color:#333;}
.product-art-b .p{ text-align:center;}
.product-art-b .p img{ width:auto; height:550px;}/*协会领导-缩略图*/
.product-art-b .p2 img{ max-width:100%; height:auto;}/*活动剪影-缩略图*/
.product-art-b .t{ padding-top:20px; overflow:hidden;}
.product-art-b .t img{ max-width:94%; display:block; margin:0 auto;}
/*面包屑*/
.product-art_nav{ width:1200px; margin:0 auto; padding:0 0 15px 0; font-size:14px; color:#999;}
.product-art_nav i{ display:inline-block; width:14px; height:14px; margin:0 5px; vertical-align:middle; 
background-size:14px 14px; 
background-image:url(../img/listart/arrow-right.png);
background-repeat:no-repeat;
background-position:0 0;
}
/*信息栏 nav*/
.product-art .art_source{ border-top:1px dashed #f0f0f0; border-bottom:1px dashed #f0f0f0; font-size:14px; color:#999; line-height:40px; text-align:center;}

/*-------------------------
        会员单位
--------------------------*/
/*列表*/
.member-list .mk-text{}
/* .mk-text-member p span:nth-child(1){ color:#454545;} */
.member-list .mk-text p span{ display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/}
/*详情*/
.art_memberSource{ padding:10px; border:1px solid #f3f3f3;}
.art_memberSource .p, .art_memberSource .t{ display:inline-block; vertical-align:top;}
.art_memberSource .p img{ width:200px; height:150px;}
.art_memberSource .t{ width:600px; margin-left:10px; color:#454545;}
.art_memberSource .t h2{ width:100%; padding:10px 0 20px 0; font-size:24px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/}
.art_memberSource .t p{ line-height:25px; color:#979797;}
.art_memberSource .t p a{ color:#979797;}
.art_memberContent{ padding:10px 0; margin-bottom:20px; font-size:20px; /*color:#eb7118;*/ border-bottom:1px solid #e5e5e5;}
/*公司风貌*/
.art_picList{ font-size:0; width:892px;}
.art_picList a{ display:inline-block; width:206.25px; margin:0 10px 10px 0;}
.art_picList a img{ height:150px; width:auto; max-width:206.25px;}

/*-------------------------
        下载中心
--------------------------*/
.download-list{ width:1200px; padding:50px 0 30px 0; margin:0 auto;}
.download-list .t{ position:relative; line-height:50px; border-bottom:1px solid #eee; }
.download-list .t p{}
.download-list .t p em{ padding-right:10px; color:#969696; font-size:13px;}
.download-list .t p span{ font-size:16px;}
.download-list a{ position:absolute; right:0; top:0; display:block; padding-left:30px; color:#0d5bbd; background:url(../img/listart/download.png) left center no-repeat;}

/*-------------------------
        联系我们
--------------------------*/
.lianxi{ width:1200px; margin:0 auto;}
/*左边*/
.lianxi-left{ float:left; width:580px;}
.lianxi-left dl{ padding-top:60px;}
.lianxi-left dl dt{ font-size:18px; font-weight:bold; color:#333;}
.lianxi-left dl dd{ position:relative; padding:30px 0 30px 70px; font-size:16px; color:#666;}/*border-bottom:1px solid #ececec;*/
.lianxi-left dl dd:before{ position:absolute; left:0; top:35px; width:50px; height:50px; text-align:center; line-height:50px; border-radius:50%; color:#ffffff; font-size:28px; background: linear-gradient(45deg, #007efe, #0066fe);}
.lianxi-left dl dd span{ display:block; line-height:30px;}
/*右边*/
.lianxi-right{ float:right; width:616px;}
.lianxi-right .map-h{ padding-top:60px;}
.lianxi-right .map-b{ width:614px; height:335px; margin-top:10px;}
.lianxi-right .map-b img{ width:614px; hheight:335px; border:1px solid #ececec; box-sizing:border-box;}
/*动态内容*/
.lianxi-b{ clear:both; padding:50px 0; line-height:25px; font-size:16px; color:#666;}
.lianxi-b::before{ content:""; display:block; border-top:1px solid #ececec; padding-bottom:50px;}

/*-------------------------
        其它
--------------------------*/
/*第三方弹框插件样式优先级*/
#spotlight .header::after{ display:none;}
#spotlight .footer{ height:auto;}
#spotlight .page{ margin:auto;}