@charset "utf-8";
:root{
	--focus:#017143;
	--bgcolor:#F1F3F5;
	--pd:2rem
}
.wap{display:none}
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%;margin:0 auto;position:relative;overflow:hidden}
.title{text-align:center;font-size:2rem;font-weight:600;color:var(--focus);padding:var(--pd) 0}
.title div{color:#666;font-size:1.1rem;font-weight:400;margin-top:1rem}
.bigblock{padding-bottom:calc(var(--pd) * 2)}.bigblock:nth-child(2n){background:#fff}.tishi{padding-top:calc(var(--pd) * 2)}
.nopdb{padding-bottom:0!important}.nomarb{margin-bottom:0!important}

a.button{border-radius:0 2rem 2rem 1.5rem;font-size:1rem;padding:0 2.3rem 0 2rem;color:#fff!important; text-decoration:none!important;line-height:2.2;border:0;background-image:-webkit-gradient(linear,left top, right top,from(#3F92E4),to(#005698));background-image:-o-linear-gradient(left,#3F92E4 0%,#005698 100%);background-image:linear-gradient(to right,#3F92E4 0%,#005698 100%)}
.bgf{background-color:#fff}
.swiper-next,.swiper-prev{position:absolute;z-index:5;top:50%;width:2.6rem;height:2.6rem;background-color:rgba(255,255,255,.5);margin-top:-1.3rem;text-align:center;line-height:2.6rem;cursor:pointer;transform:translateY(-150%)}
.swiper-prev{left:0}.swiper-next{right:0}
.swiper-prev:before,.swiper-next:before{clear:both;content:"\e64d";font-family:"iconfont";color:#333;font-size:1.5rem;position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;line-height:2.6rem}
.swiper-prev:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.swiper-next:hover,.swiper-prev:hover{background-color:var(--focus)}
.swiper-next:hover:before,.swiper-prev:hover:before{color:rgba(255,255,255,.8)}
.swiper-prev.swiper-button-disabled,.swiper-next.swiper-button-disabled{background-color:rgba(255,255,255,.2)}
.swiper-prev.swiper-button-disabled:before,.swiper-next.swiper-button-disabled:before{opacity:.5;color:#333}

#topmenu{position:fixed;left:0;top:0;right:0;padding:1rem 0;background-color:rgba(0,0,0,.2);z-index:8}
a.logo{color:#fff;font-size:1.6rem}
a.logo img{max-height:3.2rem;display:block;margin:0;margin-right:.5rem;-webkit-filter:drop-shadow(40000px 0px #fff);filter:drop-shadow(40000px 0px #fff);-webkit-transform:translateX(-40000px);-ms-transform:translateX(-40000px);transform:translateX(-40000px)}
#topmenu .body{overflow:visible}
#topmenu ul{position:relative}
#topmenu ul a{font-size:1.1rem;color:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#topmenu ul a:hover{color:var(--focus)}
#topmenu ul li{margin-left:2rem;position:relative}
#topmenu i{display:inline-block;margin-right:5px}
#topmenu #searchbox{position:absolute;right:-1rem;top:0;bottom:-5px;z-index:-2;width:0;background-color:rgba(255,255,255,.95);border-radius:2rem;overflow:hidden;padding:0;transition:width .2s ease}
#topmenu #searchbox.show{width:25rem;z-index:2;}
#topmenu #searchbox input{border:0;height:100%;background:none;padding-left:1.5rem}
#topmenu #searchbox a{color:#333;margin-right:1rem}#topmenu #searchbox a:hover{color:var(--focus); text-decoration:none}
#topmenu ul li p{height:100%;position:relative;z-index:2}
#topmenu li p:after{clear:both;content:"";left:50%;bottom:6px;border-top:1px solid var(--focus);position:absolute;width:0;transform:translateX(-50%)}
#topmenu li div{position:absolute;z-index:1;left:-1.5rem;right:-1.5rem;width:auto;background:rgba(255,255,255,.95);border-radius:0 0 5px 5px;overflow:hidden;top:-100rem;padding-top:5.3rem;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
#topmenu li div a{display:block;line-height:2.5;color:#333;text-align:center}#topmenu li div a+a{border-top:1px solid rgba(0,0,0,.1)}
#topmenu li p:not(.focus):hover:after{-webkit-animation-name:widthbit;animation-name:widthbit;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes widthbit{from{width:0;opacity:.3}to{width:100%;opacity:1}}
#topmenu li:hover div{top:-1rem;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}#topmenu li:hover p a,#topmenu p.focus a{color:var(--focus)}
#topmenu li:hover p:after,#topmenu p.focus:after{width:100%;opacity:1}

#topmenu.color{background-color:var(--focus)}
#topmenu.color li p:hover:after,#topmenu.color li:hover p:after,#topmenu.color p.focus:after{border-top:1px solid orange}
#topmenu.color ul a:hover,#topmenu.color li:hover p a,#topmenu.color #searchbox a:hover,#topmenu.color p.focus a{color:orange}
#topmenu+:not(#lunxian){margin-top:5.3rem}
/*二级导航*/
#menubox{background-color:#D8D8D8;line-height:normal}#menubox .body{min-height:4rem}
.nextmenu>*{color:#333;line-height:4;display:inline-block;border-left:1px solid rgba(0,0,0,.1);padding:0 var(--pd)}
.nextmenu>*:last-child{border-right:1px solid rgba(0,0,0,.1)}
.nextmenu a:hover{color:var(--focus);background-color:rgba(255,255,255,.1)}
.nextmenu a.focus,.nextmenu>span{background-color:var(--focus);color:#fff;font-weight:600;border:0}

#addr{font-size:1rem;line-height:normal}#addr:before{clear:both;content:"\e634";font-family:"iconfont";vertical-align:middle;display:inline-block;margin:2px 5px 0 0}
#addr>*{display:inline-block;position:relative;overflow:hidden;line-height:normal;vertical-align:sub;color:#777}
#addr>*+*:before{clear:both;content:"\e64d";font-family:"iconfont";color:#999;margin:0 5px}
#addr a{color:#333}#addr a:hover{color:var(--focus)}

#copyright{background-color:#333;color:rgba(255,255,255,.5);font-size:.9rem;line-height:1.8}
#copyright .body{padding:var(--pd) 0}
#copyright p{color:rgba(255,255,255,.9);font-size:1.1rem}
#copyright .logo{width:auto;font-size:1.25rem;margin-bottom:1rem;color:rgba(255,255,255,.9)}#copyright .logo img{max-height:2.5rem;-webkit-filter:drop-shadow(40000px 0px rgba(255,255,255,.9));filter:drop-shadow(40000px 0px rgba(255,255,255,.9));-webkit-transform:translateX(-40000px);-ms-transform:translateX(-40000px);transform:translateX(-40000px)}
#copyright a{color:rgba(255,255,255,.5)}#copyright a:hover{color:#fff; text-decoration:none}
#copyright .body+.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1)}
#copyright .qrcode{width:100px;display:inline-block;margin-top:calc(var(--pd) / 2)}#copyright .qrcode+.qrcode{margin-left:10px}
#copyright ul{margin-right:calc(var(--pd) * 3)}
#copyright ul li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
#copyright ul div a{display:block}
#copyright ul p a{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:1rem;display:inline-block}

#lunxian{width:100%;height:60vh;overflow:hidden}
#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%}
#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}}

/*滑动块*/
.swiperbox{position:relative;overflow:hidden;background-color:#fff;text-align:center;margin-right:var(--pd);width:calc((100% - var(--pd) * 3) / 4)}
.bigblock:nth-child(2n) .swiperbox{background-color:#eee}
.swiperbox a:not(.button){color:#333}.swiperbox a:not(.button):hover{text-decoration:underline}
a.swiperbox{display:block;color:#333;padding-bottom:calc(var(--pd) / 2);margin-top:var(--pd)}
.swiperbox:nth-child(4n){margin-right:0}
.swiperbox .pic{position:relative;overflow:hidden;height:0;padding-bottom:100%;background-color:#eee;margin-bottom:calc(var(--pd) / 2)}
.swiperbox .pic>div{background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;left:0;right:0;bottom:0;top:0;transition:transform 1.5s ease}
.swiperbox:hover .pic>div{transform:scale(1.1)}
.swiperbox>div{padding:0 calc(var(--pd) / 2);line-height:2;text-align:left}
.swiperbox a{margin:calc(var(--pd) / 2) auto}
.swiperbox .desc{line-height:normal;color:#999;text-align:justify}
.swiperbox .date{font-size:1.2rem;color:#999;margin-top:calc(var(--pd) / 2)}
.swiperbox ._title{font-size:1.2rem;font-weight:600;margin-bottom:calc(var(--pd) / 2)}
.swiperbox div+.pic{margin:calc(var(--pd) / 2);padding-bottom:calc(100% - var(--pd) * 2)}

.aboutbox{font-size:1.2rem;line-height:2.2;text-align:justify}
.aboutbox .pic{margin-left:calc(var(--pd) * 2);width:30%;background-repeat:no-repeat;background-position:center;background-size:cover}

.contactbox{background:none!important}
.contactbox>a{background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center;font-size:1.1rem;color:#fff;padding:8% 10%;line-height:2.2}
.contactbox>a p{font-size:1.5rem}.contactbox p.desc{font-size:1rem}

#newsSwiper{padding-bottom:calc(var(--pd) * 1.5)}

.producttype{margin-right:var(--pd);width:20%}.producttype a{color:#333}
.producttype ul{background-color:#f8f8f8}
.producttype ul li:first-child a{text-align:center;font-weight:600;font-size:1.1rem}
.producttype li div{line-height:calc(var(--pd) * 1.5);font-weight:bold;text-align:center;font-size:1rem;border:1px solid rgba(0,0,0,.1)}
.producttype a{display:block;line-height:calc(var(--pd) * 1.5);font-size:.9rem;padding:0 1rem;border:1px solid rgba(0,0,0,.1);border-top:0}
.producttype li:first-child a{border-top:1px solid rgba(0,0,0,.1)}
.producttype a.focus{background-color:var(--focus);color:#fff;border-color:var(--focus)}.producttype a:hover{color:var(--focus)}

table{border-left:1px solid #ddd;border-top:1px solid #ddd}th,td{padding:.8rem}table.resize{border-top:0}
tr:not(.none):last-child th,tr.title:not(.none) th,tr.title:not(.none) td{border-bottom:1px solid #ddd}
td.nopd{background-color:#fff}td[colspan="5"] a{color:var(--focus);text-decoration:underline}td[colspan="5"]{line-height:var(--pd)}
td img{max-width:20rem;display:block;margin:0;border:5px solid #fff}

.editview,.editdate,.editname{font-size:1rem;font-weight:400;display:inline-block}.editname{margin:0 var(--pd)}
.editview:before,.editdate:before,.editname:before{clear:both;font-family:"iconfont";color:#999}
.editview:before{content:"\e600\20浏览："}
.editdate:before{content:"\e656\20编辑："}
.editname:before{content:"\e63e\20发布："}

/*分页区*/
.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)}
.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(--focus)!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)}

.countbox{margin-top:var(--pd);text-align:center;border-left:1px solid #ddd;}
.countbox:last-child{border-right:1px solid #ddd}
.mycount{color:orange;font-weight:bold;font-size:2.5rem}.mycount:after{clear:both;content:attr(data-flag);font-size:.9rem;font-weight:300;position:static;margin:0;display:inline-block;margin-left:.5rem}

[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(--focus);font-size:1rem}
[data-yaoqiu]:before{clear:both;content:"任职要求：";display:block;font-weight:600;margin-bottom:calc(var(--pd) / 2);color:var(--focus);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:1rem}
.joblist:before,.joblist.focus{background-color:rgba(27,114,184,1)}
.joblist>div:last-child:after{clear:both;content:"\e61d";font-family:"iconfont";position:relative;z-index:2}.joblist>div:first-child{color:var(--focus);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(--focus)}
.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}

#newscontent{padding-top:var(--pd)}
#newscontent h2{font-size:2rem;text-align:center}
#newscontent .date{border-bottom:1px solid #ddd;margin-bottom:var(--pd);padding:var(--pd) 0;text-align:center}
.newscontent{font-size:1.1rem;text-align:justify;line-height:1.8}

/*显示大图*/
#picshow{position:fixed;left:0;right:0;top:0;bottom:0;z-index:-99;opacity:0;background-color:rgba(0,0,0,.8);padding:5%;color:rgba(255,255,255,.8);font-weight:300}
#picshow.show{z-index:99;opacity:1;-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
#picshow a{position:absolute;z-index:2;width:3rem;height:3rem;border-radius:50%;color:rgba(255,255,255,.5)}
#picshow a:hover{color:rgba(255,255,255,.9)}#picshow a.blur{color:rgba(255,255,255,.5)!important;cursor:default}
#picshow a.close{right:1rem;top:1rem;border:1px solid rgba(255,255,255,.5);text-align:center;line-height:3rem;overflow:hidden}
#picshow a.prev{left:1rem;top:50%}#picshow a.next{right:1rem;top:50%}
#picshow a:before{clear:both;font-family:"iconfont";font-size:16px;position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;line-height:3rem}
#picshow a.close:before{content:"\e692"}
#picshow a.next:before{content:"\e64d";font-size:25px}
#picshow a.prev:before{content:"\e64d";font-size:25px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#picshow .pic{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;transition: opacity .3s ease-in-out}
#picshow .focusindex{text-align:center;position:absolute;z-index:2;left:0;right:0;bottom:1rem;font-size:16px}
#picshow .focusindex:after{clear:both;content:" / "attr(data-all);color:rgba(255,255,255,.3);font-size:14px}
.fade-animation{opacity:0}

.newproduct{background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;padding-bottom:var(--pd);min-height:calc(var(--pd) * 10)}
.newproduct a{color:#fff;font-size:1rem;padding:0 var(--pd);line-height:calc(var(--pd) * 1.2);display:block;width:calc(100% - var(--pd) * 2);overflow:hidden}
.newproduct a:hover{text-decoration:underline}
.newproduct>p{text-align:center;position:relative;overflow:hidden;margin-bottom:calc(var(--pd) / 2)}
.newproduct>p>a{display:inline-block!important;width:auto;color:#fff;font-size:1.2rem; background:var(--focus);border-radius:0 0 5px 5px}
.newproduct:before{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
table.product td,table.product th{font-size:1.15rem}
@media(max-width:1200px){
	:root{
		--pd:1rem
	}	
	.pc{display:none}.wap{display:block}
	.body{width:100%;padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box}
	.title{font-size:1.4rem}.title>div{font-size:.9em}.title+.body{padding-top:0}
	#topmenu{height:3.5rem;overflow:hidden;padding:0;background-color:#fff}#topmenu+*{margin-top:4rem}
	#topmenu .body,.copyright>.body{padding:0!important}.nextmenu,#copyright>div:first-child{display:none}.copyright{font-size:.8rem;padding:1rem}
	#wap_menu{padding:0 1rem;line-height:3.5rem}#wap_menu:after{clear:both;content:"\e61f";font-family:"iconfont";color:#333}#wap_menu.close:after{content:"\e692"}
	#topmenu ul{position:fixed;display:block;left:-101%;top:3.5rem;width:100%;bottom:0;overflow:hidden;z-index:7;background-color:rgba(0,0,0,.8);-webkit-transition:left 0.3s ease;-o-transition:left 0.3s ease;transition:left 0.3s ease}
	#topmenu ul.show{left:0}
	#topmenu ul li{margin:0;line-height:3;border-bottom:1px solid rgba(255,255,255,.2)}#topmenu li p:after{display:none}#topmenu ul li div{display:none}
	#topmenu ul a{display:block;text-align:center;color:#fff!important}
	a.logo{font-size:1.2rem;line-height:3.5rem;color:var(--focus);padding-left:1rem}
	a.logo img{max-height:2rem;display:block;margin:0;margin-right:.5rem;margin-top:.8rem;-webkit-filter:drop-shadow(0 0px #fff);filter:drop-shadow(0 0px #fff);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);vertical-align:middle}
	#lunxian{width:100%;height:40vh;overflow:hidden}
	#lunxian.网站首页{height:50vh}
	#lunxian .swiper-slide>div{height:100%;max-width:100%}
	#lunxian .swiper-slide>div>div{color:#fff;line-height:1.5;font-size:.9rem}
	#lunxian .swiper-slide p{font-size:1.5rem;margin-bottom:var(--pd);line-height:normal;text-shadow:0 0 5px rgba(0,0,0,.3);position:relative;padding-bottom:1rem}
	.countbox{font-size:.9rem}.mycount{font-size:1.5rem}.mycount:after{font-size:.8rem}
	.contactbox{display:block}.contactbox>a{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5}
	#productSwiper{padding:0}.swiperbox{margin-right:0;width:100%}
	.bigblock{padding-bottom:var(--pd)}
	#newsSwiper{padding:0;padding-bottom:3rem}
	td img{max-width:30vw;border:2px solid #fff}
	
	.newproduct{width:100%;min-height:calc(var(--pd) * 15)}.newproduct a{line-height:calc(var(--pd) * 1.8)}
	.newproduct>p>a{line-height:calc(var(--pd) * 2.5)}
}