@charset "utf-8";
/*-------------------------
列表、详情样式表
编辑：20260615，huangcanping
--------------------------*/
/*-----公共------*/
.list-content{ padding-bottom:10px; background:#fff;}

/*-------------------------
     BANNER
--------------------------*/
/*标题一*/
.banner-h1{ position:relative; z-index:99; width:1280px; 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-cp{ position:relative; height:400px; background:url(../img/listart/banner/banner-cp.jpg) no-repeat center;}
.banner-news{ position:relative; height:400px; background:url(../img/listart/banner/banner-news.jpg) no-repeat center;}
.banner-video{ position:relative; height:400px; background:url(../img/listart/banner/banner-video.jpg) no-repeat center;}
.banner-xinzi{ position:relative; height:400px; background:url(../img/listart/banner/banner-xinzi.jpg) no-repeat center;}
.banner-job{ position:relative; height:400px; background:url(../img/listart/banner/banner-job.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-bgA{ position:relative; height:400px; background:url(../img/listart/banner/a.jpg) no-repeat center;}
.banner-bg1::after, .banner-bg2::after, .banner-bg3::after, .banner-bg4::after, .banner-bg5::after, .banner-bg6::after, .banner-bgA::after,
.banner-cp::after, .banner-news::after, .banner-video::after, .banner-job::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;}
/*-------------------------
     BANNER里面二级菜单
--------------------------*/
.product-nav{ position:absolute; bottom:0; left:0; z-index:99; width:100%; border-bottom:1px solid #e5e5e5;}
.product-NavContent{ width:1280px; 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:600;}
.product-NavContent a:hover, .product-nav a.active{ color:#C70000;}
.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:#C70000;
	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;}
.product-NavContentCP{ padding:20px 10px;}
.product-NavContentCP a{ width:auto; padding:0 10px; margin:0 2px;}
/*-------------------------
     BANNER下面横向二级菜单，产品展示列表中有结构注释，目前没有应用上
--------------------------*/
.cpNav{ border-bottom: 1px solid #eee;}
.cpNavContent{ width: 1280px; margin: 0 auto;}
.cpNavContent .mk{ display: flex; padding: 10px 0; line-height: 35px; font-size: 14px;}
.cpNavContent .mk a{ position: relative; display: inline-block; margin: 0 auto; font-weight: 600; padding: 5px 10px; vertical-align: top; transition: all 0.3s ease;}
.cpNavContent .mk a.active, .cpNavContent .mk a:hover{ color: #C70000;}
.cpNavContent .mk a::after{ position:absolute; bottom:0; left:0; right:0; content:""; display:inline-block; width:0px; height:2px; margin: 0 auto; background:#C70000;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
.cpNavContent a:hover::after, .cpNavContent .mk a.active::after{ width:60px;}

/*-------------------------
     详情页主框架
--------------------------*/
.ab_artText{ background:#f8f9fa;}
.ab_artTextContent{ width:1280px; 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:#e7cdcd;}
.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";} */

/*--------------------
     PAGE翻页
--------------------*/
.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:#C70000;}
/*检索无结果*/
.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}





/*--------------------
     产品展示（列表）
--------------------*/
.cpList{ width:1280px; margin:0 auto; padding-top:30px;}
.cpList ul{
    display:flex;
    flex-wrap:wrap;/*允许换行*/
    align-content:flex-start; /*多行对齐方式*/
    gap:24px;/*子项间距24px*/
    padding-bottom:20px;
    box-sizing:border-box;}
/*.cpList ul li{ width:calc((100% - 24px * 2) / 3); border-radius:4px; box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1); background-color: rgb(255, 255, 255); transition: all 0.5s ease 0s;}*/
.cpList ul li{ width:calc((100% - 24px * 3) / 4); border-radius:4px; box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1); background-color: rgb(255, 255, 255); transition: all 0.5s ease 0s;}
.cpList ul li:hover{ box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.2); }
/*.cpList ul li .p{ border-radius:4px; overflow:hidden;}*/
.cpList ul li .p{ border-radius:4px 4px 0 0; overflow:hidden;}
/*.cpList ul li .p img{ width:100%; height:250px;}*/
.cpList ul li .p img{ width:100%; height:305px;}
.cpList ul li h4{ padding:15px; color:#333; font-size:16px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cpList ul li .t{ padding:0 15px 15px 15px; color:#999; font-size:12px;}
/*图片放大缩小*/
.cpList ul li .p img{
	-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;}
.cpList ul li:hover .p 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;}
/*--------------------
    产品展示（详情）
--------------------*/
.product-art{ padding-bottom:30px; /*background:#f8f9fa;*/}
.product-art .product-h{}
.product-art .product-h:after{ display:block; content:""; clear:both; overflow:hidden;}
/*--product-Swiper--*/
/*.product-Swiper{ float:left; width:57%; height:370px;}*/
.product-Swiper{ float:left; width:57%; height:640px;}
.gallery-thumbs .swiper-slide{ cursor:pointer; background-size:cover;}
/*--缩略图文本--*/
.product-h-t{ float:right; width:40%;}
.product-h-t h1{ margin-bottom:15px; line-height:30px; font-size:24px; font-weight:700; color:#333;}
.product-h-t p{ color:#999; font-size:16px; line-height:35px;}
.product-h-t a{ display:inline-block; margin-top:30px; padding:10px 30px; font-size:16px; color:#ca0006; border-radius:4px 0 0 4px; border:1px solid #ca0006;}
.product-h-t a:last-child{ border-left:0; border-radius:0 4px 4px 0;}
.product-h-t a:hover{ color:#fff; background:#ca0006;}
/*--产品内容--*/
.product-b{ margin-top:20px;}
.product-b .n{ height:40px; border-bottom:1px solid #e7e7e7;}
.product-b .n span{ display:inline-block; height:40px; line-height:40px; padding:0 20px; color:#333; font-size:16px; font-weight:700; border-radius:4px 4px 0; border:1px solid #e7e7e7; border-bottom:0; background:#fff;}
.product-b .b{ padding:20px 0; line-height:30px; font-size:16px; color:#666; overflow:hidden;}
.product-b .b img{ max-width:100%;}
/*推荐产品*/
.p-hot{}
/*.p-hot img{ width:100%; height:120px;}*/
.p-hot img{ width:100%; height:213px;}
.p-hot em{ display:block; line-height:25px; font-style:normal; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*超出点点隐藏*/ }

/*-------------------------
     新闻中心列表页
--------------------------*/
.news-list{ width:1280px; 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 #C70000;}
.news-list .mk:hover .mk-text h3{ color:#C70000;}
.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:#b3b3b3; transition:all 0.3s linear;}
.news-list .mk:hover .mk-text em{ background:#C70000;}
.news-list .mk .mk-img{ float:right; display:inline-block; width:200px; height:133px; overflow:hidden;}
/*图片放大缩小*/
.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;}

/*--------------------
     视频中心
--------------------*/
.video-list{ width:1280px; margin:0 auto; padding:50px 0;}
.video-list .mk{ display:inline-block; width:31.5%; margin:10px; padding:30px; box-sizing:border-box; border-radius:8px; background:#f5f6fa;}
.video-list .mk:hover{ background:#C70000;}
.video-list .mk:hover .mk-text h3, .video-list .mk:hover .mk-text span{ color:#fff;}
.video-list .mk::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.video-list .mk .mk-text h3{ height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; font-weight:400; font-size:24px; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;超出点点隐藏*/  
	transition: all .3s;
    -webkit-transition: all .3s;}
.video-list .mk .mk-text p{ padding:10px 0; font-size:14px; color:#979797; text-align:left;}
.video-body{ width:100%; height:251px;}
.video-body iframe{ width:100%; height:100%}

/*--------------------
     人才招聘（列表）
--------------------*/
.job-list{ padding:30px 0;}
.job-list dl{ width:1280px; 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 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;}

/*-------------------------
     关于我们（单页）
--------------------------*/
.about{ background:#f8f9fa; overflow:hidden;}
.about .product-nav{ position:initial; background:#fff;}
.about-danye{ width:1280px; 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%;}

/*-------------------------
     联系我们（单页）
--------------------------*/
.lianxi{ width:1280px; 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, #C70000, #ef2525);}
.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;}