@charset "utf-8";
/* CSS Document */
:root{
	--txtcolor:#333;
	--focus:#336600;
	--bgcolor:#F1F3F5;
	--pd:2rem;
	--focuscolor:#0D57A2;
}
a{color:var(--txtcolor)}a:hover{color:var(--focuscolor)}
html{font-size:14px;overflow-x:hidden}ul{list-style:none;margin:0;padding:0}li{list-style:none;margin:0;padding:0}
.body{width:90%;max-width:1200px;position:relative;overflow:hidden;margin:0 auto}
.bg-fff{background-color:#fff}
.title{display:block;font-size:calc(var(--pd) * 1.2);margin-bottom:var(--pd);padding:0;line-height:normal}
.wap{display:none;overflow-x:hidden}
.justify{text-align:justify}
.cover{background-repeat:no-repeat;background-position:center;background-size:cover}.center{text-align:center}
.desc{color:#999}.title .desc{font-weight:inherit}
.title .desc{font-size:1rem;margin-top:1rem}
h2{font-size:1.2rem;font-weight:inherit}
.scale{transition:transform 1s ease;transform-origin: center center;transform: scale(1.1)}
a:hover .scale{transform: scale(1);}

#zhishi{background-color:#f1f2f3;}
#zhishi .body{min-height:calc(var(--pd) * 2.5)}
#zhishi li{position:relative;overflow:hidden}
#zhishi li:after{content:"";position:absolute;right:0;top:0;bottom:0;border-right:1px solid rgba(0,0,0,.1)}
#zhishi li:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.1)}
#zhishi li a{padding:0 1rem}#zhishi li a.focus{color:var(--focuscolor);font-weight:600}

#zhishi .addr:before{content:"\e634\20";font-family:"iconfont";color:#999;margin-top:2px;margin-right:.5rem}
#zhishi .addr>*{position:relative;color:#999}
#zhishi .addr>*:after{content:"\e64d";font-family:"iconfont";color:#999;margin-top:2px;margin-right:.5rem;margin-left:.5rem}
#zhishi .addr>*:last-child:after{display:none}
#zhishi .addr>a{color:var(--txtcolor)}
#zhishi .addr>a:hover{color:var(--focuscolor)}

#topmenu{position:fixed;z-index:4;left:0;right:0;top:0;transition: background-color 0.3s ease;background-color:rgba(0,0,0,.1)}
#topmenu .body{overflow:visible}
.logo img{-webkit-filter:drop-shadow(1400px 0px #fff);filter:drop-shadow(1400px 0px #fff);-webkit-transform:translateX(-1400px);-ms-transform:translateX(-1400px);transform:translateX(-1400px)}
#topmenu.color{background-color:#fff;box-shadow:0 0 5px #666}
#topmenu.color .logo img{-webkit-filter:drop-shadow(0 0px #fff);filter:drop-shadow(0 0px #fff);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#topmenu .body{padding:1rem 0}
#topmenu a{color:#fff}
#topmenu.color a{color:var(--txtcolor)}

#topmenu img{max-height:4rem;margin:0;padding:0}#topmenu span img{max-height:2rem;margin-left:1rem}
#topmenu li p{position:relative;z-index:2}
#topmenu li{position:relative}
#topmenu li+li{margin-left:2rem}
#topmenu li div{position:absolute;left:-1.5rem;right:-1.5rem;top:0;padding-top:5rem;text-align:center;z-index:1;background-color:#fff;border-radius:5px}
#topmenu li div{display:none}
#topmenu li div a{display:block;padding:.7rem 5px;color:var(--txtcolor);border-top:1px solid rgba(0,0,0,.05);font-size:1rem}
#topmenu li p>a{line-height:4rem;font-size:1.1rem}
#topmenu li:hover div{display:block}
#topmenu li:hover p a,#topmenu li div a:hover{color:var(--focuscolor)}
#topmenu li p.focus a{color:yellow}#topmenu.color li p.focus a{color:orange}

body:not(:has(#lunxian)) #topmenu,body:not(:has(#lunxian.网站首页)) #topmenu{background-color:#fff;background-color:#fff;box-shadow:0 0 5px #666}
body:not(:has(#lunxian)) #topmenu+*,body:not(:has(#lunxian.网站首页)) #topmenu+*{margin-top:6rem}
#topmenu:not(:has(+ #lunxian.网站首页)) .logo img{-webkit-filter:drop-shadow(0 0px #fff);filter:drop-shadow(0 0px #fff);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#topmenu:not(:has(+ #lunxian.网站首页)) a{color:var(--txtcolor)}
#topmenu:not(:has(+ #lunxian.网站首页)) li:hover p a,#topmenu:not(:has(+ #lunxian.网站首页)) a:hover{color:var(--focuscolor)!important}
#topmenu:not(:has(+ #lunxian.网站首页)) li p.focus a{color:orange!important}

#lunxian{width:100%;height:60vh;overflow:hidden;position:relative}
#lunxian .swiper-slide:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.1);z-index:1}
#lunxian.网站首页{height:100vh}
#lunxian .swiper-slide{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
#lunxian .swiper-slide>div{height:100%;max-width:70%;position:relative;z-index:2}
#lunxian .swiper-slide>div>div{color:#fff;line-height:2;font-size:1.2rem}
#lunxian .swiper-slide p{font-size:3.5rem;margin-bottom:var(--pd);line-height:normal;text-shadow:0 0 5px rgba(0,0,0,.3);position:relative;padding-bottom:2rem}
#lunxian .swiper-slide p:not(:empty):after{clear:both;content:"";position:absolute;left:0;bottom:0;height:2px;width:10rem;background-color:#fff}
#lunxian .swiper-slide.swiper-slide-active p{-webkit-animation-name:lunxianshouw;animation-name:lunxianshouw;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:inherit}
#lunxian .swiper-slide.swiper-slide-active>div>div div{-webkit-animation-name:lunxianshouw2;animation-name:lunxianshouw2;-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:inherit}
@-webkit-keyframes lunxianshouw{from{-webkit-transform:translateX(-250px);transform:translateX(-250px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes lunxianshouw{from{-webkit-transform:translateX(-250px);transform:translateX(-250px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes lunxianshouw2{from{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes lunxianshouw2{from{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:.3}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

#copyright{background-color:#360;color:#fff;padding:calc(var(--pd) / 2) 0;padding-top:var(--pd);font-size:.9rem}
.copyright{color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.1);padding-top:calc(var(--pd) / 2)}
#copyright ul li{margin-left:var(--pd);position:relative;margin-bottom:calc(var(--pd) / 2)}
#copyright li a{display:block;color:rgba(255,255,255,.8)}
#copyright li p{font-size:1.1rem;margin-bottom:.5rem}
#copyright li div a{color:rgba(255,255,255,.8);line-height:2}
#copyright li a:hover{color:rgba(255,255,255,1)}

#copyright .logo{text-align:center}
#copyright .logo div img{max-height:1.5rem;margin-top:1rem}
#copyright img{max-height:3rem}

/*页面*/
.page{padding:calc(var(--pd) * 2.5) 0;position:relative;z-index:2}
.page-rightbg{background-image:url("../img/bg.png");background-repeat:no-repeat;background-position:top left;background-size:contain;}
.page-rightbg:after{content:"";position:absolute;right:0;top:0;bottom:0;height:100%;width:30%;background-color:var(--focus);z-index:1}
.page-index{line-height:2.5;position:relative;z-index:2}
.page-index .pic{width:50%;margin:calc(var(--pd) / 2) 0;margin-left:var(--pd)}

.page-product{background-image:url("../img/map.jpg")}
.page-product .body{background-repeat:no-repeat;background-position:center;background-size:300px;background-image:url("../img/circle.png");overflow:visible}
.page-product .body>*{width:calc(50% - 180px);text-align:left;margin-right:180px;background-color:#fff;margin-bottom:var(--pd);box-shadow:0 0 5px #999;border-radius:var(--pd) 0 var(--pd) 0;padding:var(--pd);margin-top:var(--pd)}
.page-product .body>*:nth-child(2n){margin-right:0;margin-left:180px;border-radius:0 var(--pd) 0 var(--pd);text-align:right}
.page-product p{font-size:1.2rem;margin-bottom:.5rem;font-weight:bold}
.page-product .pic{width:40%;margin-right:calc(var(--pd) / 2);background-color:#eee;border-radius:calc(var(--pd) / 1.5) 0 calc(var(--pd) / 1.5) 0;position:relative;overflow:hidden}
.page-product .pic>div{position:absolute;left:0;right:0;bottom:0;top:0}
.page-product .body>*:nth-child(2n) .pic{border-radius:0 calc(var(--pd) / 1.5) 0 calc(var(--pd) / 1.5);margin-right:0;margin-left:calc(var(--pd) / 2)}
.page-product .body .desc {
  /* 多行省略号 - 现代浏览器 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  
  /* 回退方案 */
  line-height: 1.5;
  max-height:6rem;
  position: relative;
  
  /* 可选：添加渐变遮罩作为最后回退 */
  background: linear-gradient(to right, transparent, #fff 20%);
  background: -webkit-linear-gradient(left, transparent, #fff 20%);
}

.page-product a .flex_item{overflow:hidden}


#centerproduct{position:absolute;left:50%;top:50%;width:180px;height:180px;border-radius:50%;background-color:#0D57A2;color:#fff;text-align:center;font-size:var(--pd);transform:translate(-50%,-50%);margin-top:0;overflow:hidden;}
#centerproduct:before{content:'';position:absolute;width:80%;height:80%;left:10%;top:10%;border:2px solid rgba(255,255,255,.5);border-radius:50%}
#centerproduct:after{content:"";position:absolute;top:10%;left:20%;height:200%;width:200%;background-color:rgba(255,255,255,.1);border-radius:250%}

#centerproduct.rotateIn2{-webkit-animation-name:rotateIn2;animation-name:rotateIn2}
@-webkit-keyframes rotateIn2{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%) rotate(-200deg);transform:translate(-50%,-50%) rotate(-200deg);opacity:0}to{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);opacity:1}}

#lunxian.网站首页 ~ .page-news{background-color:#fff}
body:not(:has(#lunxian)) .page-index .pic,body:not(:has(#lunxian.网站首页)) .page-index .pic{border-radius:0 var(--pd) 0 calc(var(--pd) * 2)}
body:not(:has(#lunxian)) .page-rightbg:after,body:not(:has(#lunxian.网站首页)) .page-rightbg:after{display:none}

.page-news .flex_item{margin-top:calc(var(--pd) / 2);position:relative;overflow:hidden}
.page-news .newslist .flex_item{margin-top:0}
.page-news .flex_item:first-child{margin-right:var(--pd)}
.page-news .cover{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;} 
.page-news .cover+*{position:absolute;z-index:2;background-color:rgba(0,0,0,.5);color:#fff;left:0;right:0;bottom:0;padding:calc(var(--pd) / 2)}
.page-news .desc{font-size:.9rem;margin-top:.5rem}

.page-news .comm_newslist{margin-bottom:var(--pd)}
.page-news .comm_newslist:last-child{margin-bottom:0}
.page-news .comm_newslist .flex_item{margin-top:0}
.page-news .s_date{margin-right:calc(var(--pd) / 2)}
.page-news .s_date p{font-size:var(--pd);text-align:center;color:var(--txtcolor)}
.page-news .s_date div{font-size:.9rem;color:#999}

.productlist{width:calc((100% - 6rem) / 4);margin-right:2rem;margin-bottom:2rem}
.productlist:nth-child(4n){margin-right:0}
.productlist .pic{position:relative;height:0;padding-bottom:56.25%;overflow:hidden}
.productlist .pic .cover{position:absolute;left:0;right:0;top:0;bottom:0}
.productlist .txt{border:1px solid #ddd;border-top:0}
.productlist .txt>*{line-height:2.5;padding:0 1rem}
.productlist .txt h2{border-bottom:1px solid #ddd;font-size:1rem}

[data-product]:before {
  content: attr(data-product);
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 1rem 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: translate(-50%, -100%) scale(1.5); /* 初始缩放为0 */
  opacity: 0; /* 初始透明 */
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* 贝塞尔曲线实现弹性效果 */
  pointer-events: none; /* 防止干扰鼠标事件 */
  white-space: nowrap;        /* 禁止换行 */
  overflow: hidden;          /* 隐藏溢出内容 */
  text-overflow: ellipsis;   /* 超出显示省略号 */
  max-width: 80%;           /* 设置最大宽度，可以根据需要调整 */
  box-sizing: border-box;   /* 确保padding不超出宽度 */
}

[data-product]:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color:var(--focus);
  transition: opacity 0.6s ease-in-out;
  opacity:0;
  pointer-events: none; /* 防止干扰鼠标事件 */
}

/* 鼠标悬停时的效果 */
[data-product]:hover:before {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1);
  
}

[data-product]:hover:after {
 opacity:.6
}


.casno:before{content:"CASNO.";color:#666;margin-right:.5rem}
.date:before{content:"\e656";font-family:"iconfont";color:#666;margin-right:.5rem}
.view:before{content:"\e600";font-family:"iconfont";color:#666;margin-right:.5rem}
.edit:before{content:"\e63e";font-family:"iconfont";color:#666;margin-right:.5rem}


.newslist{border-top:1px solid #ddd;padding:var(--pd) 0;position:relative;overflow:hidden}
.newslist .pic{width:6.5rem;margin-right:1rem;background-color:#eee;position:relative;overflow:hidden;border-radius:1rem 0 1rem 0}
.newslist .pic .cover{position:absolute;left:0;top:0;right:0;bottom:0}
.newslist .flex_item{position:relative;overflow:hidden}
.newslist h2{margin-top:.5rem}
.newslist .desc{font-size:.9rem;margin-top:.5rem}
.newslist .s_date{color:#999}


[data-yaoqiu]{margin-bottom:var(--pd)}
[data-zhize]:before{clear:both;content:"工作职责：";display:block;font-weight:600;margin-bottom:calc(var(--pd) / 2);color:var(--focuscolor);font-size:1rem}
[data-yaoqiu]:before{clear:both;content:"任职要求：";display:block;font-weight:600;margin-bottom:calc(var(--pd) / 2);color:var(--focuscolor);font-size:1rem}
[data-zhize]{margin-bottom:var(--pd)}
.joblist{line-height:4;height:4rem;background-color:#ddd;font-size:1rem;color:#333;padding:0 calc(var(--pd) / 2);cursor:pointer;margin-top:var(--pd)}
.joblist:first-child{margin-top:0}
.joblist:before,.joblist.focus{background-color:var(--focuscolor)}
.joblist>div:last-child:after{clear:both;content:"\e61d";font-family:"iconfont";position:relative;z-index:2}.joblist>div:first-child{color:var(--focuscolor);font-weight:600}
.joblist:hover,.joblist:hover>div:first-child,.joblist:hover>div:last-child:after,.joblist.focus,.joblist.focus>div:first-child,.joblist.focus>div:last-child:after{color:#fff;background-color:var(--focuscolor)}
.joblist.focus>div:last-child:after{content:"\e639"}
.jobcontent{clear:both;background-color:#ddd;overflow:hidden;position:relative;display:-ms-grid;display:grid;grid-template-rows:0fr;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem}
.jobcontent>div{overflow:hidden}.jobcontent>div>div{padding:calc(var(--pd) / 2)}
.joblist.focus+.jobcontent{grid-template-rows:1fr}

.msglist{margin-bottom:var(--pd)}
.msglist .flex_item+.flex_item{margin-left:var(--pd)}
.msglist label{width:6rem;line-height:3}
.msglist input,.msglist textarea{padding:.7rem;width:100%}
a.button{padding:.5rem 2rem}a.button.min{background:none;border:1px solid #ddd;color:var(--txtcolor);padding:.3rem 1rem}
a.button:hover{color:rgba(255,255,255,.5)}a.button.min:hover{color:#666}
a.button.msg:before{content:"\e66f";font-family:"iconfont";color:#999;margin-right:.5rem}
a.button.back:before{content:"\e645";font-family:"iconfont";color:#999;margin-right:.5rem}
[data-count]:after{right:.7rem}

/*分页区*/
.fenye{clear:both;overflow:hidden;text-align:right;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.9rem;margin-top:var(--pd);border-top:1px solid #ddd}
.fenye>span{display:inline-block;line-height:40px}.fenye>span + span{margin-left:10px}
.fenye cite{display:inline-block;margin:0 5px;font-style:normal;color:#333}.fenye cite:before{display:none}
.fenye>span:first-child{transform:translateY(2px)}

.fenye font,.fenye a,.fenye button{display:inline-block;height:28px;line-height:28px;position:relative;margin-left:3px;border-radius:3px;text-align:center;padding:0 10px;text-decoration:none;cursor:not-allowed!important;color:#fff;background-color:#999;vertical-align:middle}
.fenye a,.fenye button{display:inline-block;background-color:var(--focuscolor)!important;color:#fff!important;cursor:pointer!important}
.fenye button{outline:0;border:0}
.fenye button:after,.fenye a:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px;opacity:0;-webkit-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out}
.fenye button:hover:after{opacity:.8}.fenye button:active:after{opacity:.3}
.fenye font:after{clear:both;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px}
.fenye button{width:30px;padding:0;position:relative}
.fenye button:before{clear:both;font-family:"iconfont";position:absolute;left:0;top:0;right:0;bottom:0}
.fenye button.first:before{content:"\e6c1"}.fenye button.last:before{content:"\e6c1";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fenye button.shangye:before{content:"\e6c0"}.fenye button.xiaye:before{content:"\e6c0";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}

#viewcontent h2{font-size:2.5rem;padding-bottom:calc(var(--pd) / 2);text-align:center}
.viewcontent_line{border-bottom:1px solid #ddd;padding-bottom:calc(var(--pd) / 2);text-align:center;font-size:.9rem;color:#666}
.viewcontent_line>*{margin-right:var(--pd)}.viewcontent_line>*:last-child{margin-right:0}
.newscontent{font-size:1.1rem;line-height:2;padding:calc(var(--pd) / 2) 0}

.shangxia{padding:var(--padding) 0;line-height:2}.shangxia a{color:var(--focuscolor)}.shangxia a:hover{text-decoration:underline}
.shangyitiao,.xaiyitiao{display:block;position:relative;overflow:hidden;line-height:2}
.shangyitiao:empty:after,.xiayitiao:empty:after{clear:both;content:"已经没有了";color:#999}
.xiayitiao:before,.shangyitiao:before{clear:both;content:"";display:inline-block;margin-right:1rem}
.shangyitiao:before{content:"上一条";color:#666}
.xiayitiao:before{content:"下一条";color:#666}

td{font-size:1.1rem;line-height:2}
table.product{border-top:1px solid #ddd;border-left:1px solid #ddd}
table.product td,tr.focus td{background:#fff!important}

td td{border:0}td tr:nth-child(even) td{background-color:#f8f8f8}td table{border:1px solid #ddd;border-top:0;border-right:0}
td td{border:0;border-top:1px solid #ddd;border-right:1px solid #ddd}
table.product tr:nth-child(even) td{background-color:#f8f8f8!important}