@charset "utf-8";
: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 .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 div a:hover,#topmenu li:hover p a{color:var(--focuscolor)}
#topmenu li p.focus a{color:#ff0}
#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.网站首页)) a:hover,#topmenu:not(:has(+ #lunxian.网站首页)) li:hover p a{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:#333;color:#fff;padding:calc(var(--pd)/ 2) 0;padding-top:var(--pd);padding-bottom:0;font-size:.9rem}
#copyright ul li{margin-left:var(--pd);position:relative;margin-bottom:calc(var(--pd)/ 2)}
#copyright ul li:first-child{margin-left:0}
#copyright li a{display:block;color:rgba(255,255,255,.9)}
#copyright li p{font-size:1.1rem;margin-bottom:.5rem}
#copyright li div a{color:rgba(255,255,255,.7);line-height:2}
#copyright li div a:before{content:"\e64d";font-family:"iconfont";margin-right:.5rem;opacity:.3}
#copyright li a:hover{color:#fff}
#copyright .logo{text-align:center}
#copyright .logo div img{max-height:1.5rem;margin-top:1rem}
#copyright img{max-height:3rem}
.contactqrcode:before{content:"快捷联系";color:rgba(255,255,255,.9);display:block;font-size:1.1rem;margin-bottom:1rem}
.contactqrcode img{display:inline-block;padding:.5rem;background-color:#fff;max-height:6rem!important;margin-right:1rem;margin-bottom:1rem}
.contactqrcode img:last-child{margin-right:0}
.copyright{color:rgba(255,255,255,.6);padding:calc(var(--pd)/ 2) 0;margin-top:calc(var(--pd)/ 2);position:relative;overflow:hidden}
.copyright:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3)}


.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%;z-index:1}
.page-rightbg:not(:has(.pic)):after{display:none}
.page-rightbg .title{margin-bottom:calc(var(--pd) * 1.5)}
.page-index{line-height:2.5;position:relative;z-index:2}
.page-index .pic{width:50%;margin:calc(var(--pd)/ 2) 0;margin-left:calc(var(--pd) * 2);position:relative;overflow:hidden}
.page-index .pic .swiper-slide{width:100%;height:100%}

.page-product{background-image:url("../img/map.jpg")}
.page-product .body{overflow:visible}
.index_product{width:calc(50% - 200px);text-align:left;margin-right:200px;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);position:relative;z-index:2}
.index_product:nth-child(2n){margin-right:0;margin-left:200px;border-radius:0 var(--pd) 0 var(--pd);text-align:right}
.page-product p{font-size:1.2rem;margin-bottom:.5rem;font-weight:700}
.page-product .pic{width:40%;height:0;padding-bottom: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}
.index_product: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{text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:7.5rem;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;z-index:1;left:50%;top:50%;width:300px;height:300px;border-radius:50%;text-align:center;font-size:var(--pd);transform:translate(-50%,-50%);box-shadow:none;margin:0;background:0 0;overflow:hidden}
#centerproduct>div{position:relative;z-index:3;color:#fff}
#centerproduct:before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("../img/circle.png");animation:spin 30s linear infinite}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
#centerproduct:after{content:"";position:absolute;z-index:2;top:25%;left:25%;height:150%;width:200%;background-color:rgba(255,255,255,.1);border-radius:250%}
#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;display:block}
.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:85%;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);opacity:0;transition:all .4s cubic-bezier(.68, -.55, .27, 1.55);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;box-sizing:border-box}
[data-product]:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;top:0;background-color:var(--focus);transition:opacity .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.focus,.joblist:before{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.focus,.joblist.focus>div:first-child,.joblist.focus>div:last-child:after,.joblist:hover,.joblist:hover>div:first-child,.joblist:hover>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:0 0;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 a,.fenye button,.fenye font{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 a:after,.fenye button: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}
.shangyitiao:before,.xiayitiao: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(2n) 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(2n) td{background-color:#f8f8f8!important}

.mycountbox{margin-top:var(--pd)}
.countbox{margin-top:var(--padding);text-align:center;border-left:1px solid #ddd;padding:0 1rem;text-align:center}
.countbox p{margin:0;line-height:normal;text-align:center}
.countbox b{line-height:normal;text-align:justify}
.countbox:last-child{border-right:1px solid #ddd}
.mycount{display:block;padding:0;width:100%;color:orange;font-weight:700;font-size:2.5rem;line-height:normal;margin:0;text-align:center}
.mycount:after{clear:both;content:attr(data-flag);font-size:.9rem;font-weight:300;position:static;margin:0;display:inline-block;margin-left:.5rem}

label.select{background:none;border:0}
.friendlink,.friendlink option{background:none;border:0}

#floatright{position:fixed;right:3px;bottom:5rem;width:60px;z-index:5;box-shadow:0 0 5px rgba(0,0,0,.3);background:#f8f8f8}
#floatright>a{display:block;width:100%;height:60px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center;line-height:60px;color:#999;position:relative}
#floatright>a:last-child{border-bottom:0}
#floatright>a:before{clear:both;content:"";font-family:"iconfont";font-size:1.3rem;}
#floatright>a:hover{background-color:var(--focuscolor);color:#fff}
#floatright>a#toptop:before{content:"\e689"}#floatright>a#tophome:before{content:"\e620"}#floatright>a#topback:before{content:"\e645"}
#floatright>a.qq:before{content:"\e876"}#floatright>a.wx:before{content:"\e66f"}#floatright>a.tel:before{content:"\e62d"}
#floatright a>div{position:absolute;left:0;top:0;padding:1rem;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);transform:translateX(calc(-100% - 2px));color:#333}
#floatright a>div.pic{width:100px;height:100px}
#floatright a>div img{width:100%;height:100%;display:block;margin:0}

@media(max-width:1200px){
	:root{
		--pd:1rem;
	}
	html{font-size:14px;overflow:auto}
	.title{display:block;font-size:1.2rem;padding:0;line-height:normal}
	.body{width:100%;max-width:auto;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}
	.pc{display:none}
	.wap{display:block}
	#topmenu{height:50px;padding:0;margin:0;background-color:#fff!important;box-shadow:0 0 5px #666}
	#topmenu .body{padding:.5rem 1rem;z-index:2}
	#topmenu .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 img{max-height:2rem;margin:0;padding:0}
	#topmenu span img{max-height:1.5rem;margin-left:1rem}
	#wap_menu{position:absolute;right:0;top:0;bottom:0;width:50px;text-align:center;z-index:3;overflow:hidden}
	#wap_menu:before{content:"\e61f";font-family:"iconfont";color:var(--txtcolor);line-height:50px}
	#wap_menu.close:before{content:"\e692"}
	#topmenu ul{display:block;position:fixed;z-index:100!important;left:0;right:0;bottom:0;top:50px;background-color:rgba(0,0,0,.8);-webkit-transform:translateX(-101%);-ms-transform:translateX(-101%);transform:translateX(-101%);-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
	#topmenu ul.show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	#topmenu ul li{margin:0;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
	#topmenu li a{color:#fff!important;display:block;width:100%;height:100%}#topmenu li:hover div{display:none}
	#topmenu li div{display:none} 
	#copyright{padding:0}
	.copyright{margin:0}
	
	#lunxian{height:40vh}
	body:not(:has(#lunxian)) #topmenu+*,body:not(:has(#lunxian.网站首页)) #topmenu+*{margin-top:50px}
	#lunxian.网站首页{height:50vh}
	#lunxian .swiper-slide>div{max-width:100%}
	#lunxian .swiper-slide>div>div{color:#fff;line-height:1.5;font-size:.9rem}
	#lunxian .swiper-slide p{font-size:1.2rem}
	
	.page{padding:var(--pd) 0}
	.page-rightbg .title{margin-bottom:calc(var(--pd) * .5)}
	.mycount{font-size:2rem}
	#zhishi .body{min-height:auto;padding:0}
	#zhishi li:first-child:before{display:none}
	#zhishi ul+div{display:none}
	#zhishi li a{display:block;line-height:3}
	
	.page-product .body,.page-news .body{display:block;padding:0}
	.index_product{width:100%;border-radius:0;margin:0;padding:1rem;box-shadow:none;border-top:1px solid #ddd}
	.index_product:nth-child(2n){margin:0;border-radius:0;}
	
	#centerproduct{position:relative;z-index:1;width:300px;height:300px;max-width:70vw;max-height:70vw;transform:translate(-50%,0);margin-bottom:1rem}
	
	.page-news .flex_item:first-child{display:block;margin-right:0;height:40vh;margin-bottom:0}
	.page-news .comm_newslist{margin-bottom:0;border-bottom:1px solid #ddd;padding:1rem}
	
	.productlist{width:calc((100% - 1rem)/ 2);margin-right:1rem;margin-bottom:1rem}
	.productlist:nth-child(2n){margin-right:0}
	.newslist{padding:1rem 0}
	.newslist .desc{text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5rem;position:relative;background:linear-gradient(to right,transparent,#fff 20%);background:-webkit-linear-gradient(left,transparent,#fff 20%)}
	
	.msglist{display:block}
	.msglist .flex_item+.flex_item{margin-left:0;margin-bottom:var(--pd)}
	.msglist .flex_item:first-child{margin-bottom:var(--pd)}
	
	#viewcontent h2{font-size:1.5rem}
}