* { margin:0; padding:0; list-style:none;}
body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0;padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img { border:0;}
ul,li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*顶部*/
.tophf { width:100%; height:30px; line-height:30px; background:#f3f5f0;}
.tophf p { float:left; font-size:12px; color:#666;}
.tophf a { float:right; margin-left:20px;}

/*头部*/
.header { width:100%; height:50px; padding:20px 0;}
.header .logo { float:left; width:410px; height:50px; overflow:hidden;}
.header .logo img { display:block; height:100%;}
.header .tel { float:right; line-height:35px; font-size:14px; color:#666; padding-left:35px; margin-top:15px; background:url(../images/tel.png) no-repeat left center;}
.header .tel b { font-weight:500; font-size:20px; color:#333;}

/*导航*/
.nav { width:100%; height:45px; border-top:1px solid #fafafa; position:relative; z-index:999999;}
.nav li { float:left; line-height:45px; position:relative;}
.nav li::before,.nav li::after { display:none; content:""; margin:auto; position:absolute; left:0; right:0;}
.nav li::before { width:0; height:0; border-style:solid; border-width:0 4px 4px 4px; border-color:transparent transparent #425910 transparent; bottom:1px;}
.nav li::after { width:50%; height:1px; background:#425910; bottom:0;}
.nav li a { display:block; font-size:16px; color:#333; padding:0 43px;}
.nav li p { display:none; width:100%; text-align:center; border-radius:0 0 4px 4px; background:#425910; position:absolute; left:0; top:45px;}
.nav li:hover a,.nav .on a { color:#425910;}
.nav li:hover::before,.nav li:hover::after,.nav .on::before,.nav .on::after { display:block;}
.nav li:hover p a { line-height:40px; font-size:12px; color:#fff; filter:alpha(opacity=70); opacity:0.7; padding:0 10px; border-top:1px solid #4e6913; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li:hover p a:hover { filter:alpha(opacity=100); opacity:1;}
.nav li:hover p { display:block;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide a,.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:30px; height:4px; margin:0 5px !important; border-radius:0; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; border-radius:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:20px; color:#fff;} 
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#425910;}

/*二级banner*/
.banner_ej { width:100%; height:300px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*脚部*/
.footer { width:100%; padding-top:50px; background:#333;}
.footer a { color:rgba(255,255,255,0.7);}
.footer a:hover { color:#fff;}
.footer h3 { line-height:25px; font-weight:500; font-size:14px; color:#fff; margin-bottom:15px;}
.footer h3 b { display:block; line-height:40px; font-size:30px; text-transform:Uppercase; letter-spacing:2px; filter:alpha(opacity=30); opacity:0.3;}
.footer .link { float:left; width:320px;}
.footer .link a { line-height:30px; font-size:14px; margin-right:25px;}
.footer .kjdh { float:left; width:350px; padding:0 40px; margin:0 40px; position:relative;}
.footer .kjdh::before,.footer .kjdh::after { display:block; content:""; width:1px; height:200px; margin:auto; filter:alpha(opacity=30); opacity:0.3; background-image: linear-gradient(rgba(0,0,0,0),#fff,rgba(0,0,0,0)); position:absolute; top:0; bottom:0;}
.footer .kjdh::before { left:0;}
.footer .kjdh::after { right:0;}
.footer .kjdh li { float:left; width:calc(100% / 3);}
.footer .kjdh li a { display:block; line-height:35px; font-size:14px;}
.footer .lxwm { float:right; width:370px;}
.footer .lxwm p { line-height:30px; font-size:14px; color:rgba(255,255,255,0.7); margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:rgba(255,255,255,0.5); text-align:center; padding:10px 0; margin-top:40px; border-top:1px solid rgba(255,255,255,0.08);}
.footer .copy a { color:rgba(255,255,255,0.5);}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:60px; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; text-align:center; padding:10px 0 5px 0; margin-top:3px; border-radius:4px; background:#425910; position:relative;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:25px; height:20px; line-height:20px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; padding-top:5px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:11px; color:#fff;}
.webonline li .airlines i { height:25px; line-height:25px; padding-top:0;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#425910; position:absolute; right:70px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #425910; line-height:0px; _border-color:#000 #000 #000 #425910; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:18px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft,.webonline li .on { display:block;}
.webonline li.btn_top { display:none;}

/*公共标题*/
.tits { width:100%; text-align:center; margin-bottom:30px;}
.tits p { line-height:30px; font-size:22px; color:#333; letter-spacing:2px;}
.tits h3 { line-height:50px; font-weight:500; font-size:34px; color:#425910; text-transform:Uppercase;}
.more { display:block; width:150px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; margin:30px auto 0 auto; border:1px solid #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.more:hover { color:#fff; border-color:#425910; border-radius:25px; background:#425910;}

/*搜索*/
.schdiv { width:100%; height:35px; line-height:35px; padding:20px 0; background:#f3f5f0;}
.schdiv p { float:left; font-size:14px; color:#333;}
.schdiv p a { margin-right:20px; color:#666; -webkit-transition:all .5s ease; transition:all .5s ease;}
.schdiv p a:hover { color:#425910;}
.schdiv .sch { float:right; width:280px; border:1px solid #e6e5e1; background:#fff;}
.schdiv .sch input { display:block; float:left; width:210px; height:33px; line-height:33px; font-size:14px; color:#333; outline:none; padding:0 10px; border:none; background:none;}
.schdiv .sch .btn { width:50px; background:url(../images/zoom.png) no-repeat center / 20px; filter:invert(100%);}

/*产品中心*/
.pros { width:100%; padding:50px 0;}
.pros li { float:left; width:360px; margin:0 60px 30px 0;}
.pros li:nth-child(3n) { margin-right:0;}
.pros li .img { width:360px; height:480px; overflow:hidden;}
.pros li .img img { display:block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li h3 { line-height:40px; font-size:16px; color:#425910; text-align:center; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.pros li h3::after { display:block; content:""; width:60%; height:0; margin:auto; border-bottom:1px dashed #666; position:absolute; left:0; right:0; bottom:0;}
.pros li:hover .img img { transform:scale(1.1,1.1);}

/*广告*/
.advs { width:100%; height:320px; background:url(../images/lt01.jpg) no-repeat center top;}
.advs .tel { float:right; padding-top:155px;}
.advs .tel span { display:block; line-height:45px; font-size:22px; color:#fff; letter-spacing:1px; text-transform:Uppercase;}
.advs .tel b { display:inline-block; height:40px; line-height:40px; font-size:20px; color:#fff; letter-spacing:1px; padding-right:15px; border:1px solid rgba(255,255,255,0.3);}
.advs .tel b i { display:inline-block; font-weight:500; font-style:normal; font-size:16px; padding:0 20px; margin-right:15px; background:#425910; position:relative; top:-1px;}

/*关于我们*/
.about { width:100%; padding:50px 0; background:#f3f5f0;}
.about .img { display:block; width:900px; height:440px; margin:0 auto; border:5px solid #fff; border-radius:4px; overflow:hidden;}
.about .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .msg { width:80%; line-height:30px; font-size:16px; color:#666; text-align:center; margin:20px auto 0 auto;}
.about .img:hover img { transform:scale(1.1,1.1);}

/*案例*/
.case { width:100%; padding:50px 0;}
.case .warp { position:relative;}
.case .swiper-slide .img { display:block; width:273px; height:364px; padding:5px; border:1px solid #eee; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case .swiper-slide .img img { display:block; width:273px; height:364px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case .swiper-slide h3 { line-height:40px; font-size:16px; color:#425910; text-align:center;}
.case .swiper-slide:hover .img { border-color:#425910; box-shadow:0 5px 10px rgba(66,89,16,0.2);}
.case .swiper-button-prev,.case .swiper-button-next { width:45px; height:45px; line-height:45px; background:#f3f5f0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case .swiper-button-prev { left:-65px;}
.case .swiper-button-next { right:-65px;}
.case .swiper-button-prev::after,.case .swiper-button-next::after { font-size:16px; color:#666; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case .swiper-button-prev:hover,.case .swiper-button-next:hover { border-radius:10%; background:#425910;}
.case .swiper-button-prev:hover::after,.case .swiper-button-next:hover::after { color:#fff;}

.bghui { padding:50px 0; background:#f3f5f0;}
.bghui .lft { float:left; width:910px;}
.bghui .rgt { float:right; width:280px;}
.bghui .rgt .tlts { line-height:40px; margin-bottom:20px; border-bottom:1px solid #eee;}
.bghui .rgt .tlts h3 { float:left; font-weight:500; font-size:18px; color:#425910;}
.bghui .rgt .tlts h3 i { font-style:normal; font-size:12px; text-transform:Uppercase;}
.bghui .rgt .tlts a { float:right; font-size:12px; color:#999;}

/*业务范围*/
.bghui .business { padding:10px 20px 20px 20px; background:#fff;}
.bghui .business .tabs { line-height:40px; margin-bottom:20px; border-bottom:1px solid #eee;}
.bghui .business .tabs li { float:left; font-size:14px; color:#999; margin-right:25px; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .business .tabs .on { font-size:18px; color:#425910;}
.bghui .business .swiper-slide { background:#fff;}
.bghui .business .swiper-slide .img { float:left; width:230px; height:170px; padding:5px; border:1px solid #425910; overflow:hidden;}
.bghui .business .swiper-slide .img img { display:block; width:230px; height:170px;}
.bghui .business .swiper-slide .msg { float:right; width:calc(100% - 270px); line-height:30px; font-size:14px; color:#666;}
.bghui .business .swiper-slide .msg a { display:inline-block; font-size:14px; color:#425910; margin-left:15px;}

/*公司/行业新闻*/
.bghui .news { margin-top:10px; padding:10px 20px 20px 20px; background:#fff;}
.bghui .news .tabs { line-height:40px; margin-bottom:20px; border-bottom:1px solid #eee;}
.bghui .news .tabs li { float:left; font-size:14px; color:#999; margin-right:25px; cursor:pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .news .tabs .on { font-size:18px; color:#425910;}
.bghui .news .swiper-slide { background:#fff;}
.bghui .news .swiper-slide .top { width:100%; margin-bottom:15px;}
.bghui .news .swiper-slide .top .img { float:left; width:230px; height:170px; padding:5px; border:1px solid #425910; overflow:hidden;}
.bghui .news .swiper-slide .top .img img { display:block; width:230px; height:170px;}
.bghui .news .swiper-slide .top .msg { float:right; width:calc(100% - 270px);}
.bghui .news .swiper-slide .top .msg h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .news .swiper-slide .top .msg span { display:block; line-height:40px; font-size:14px; color:#ccc;}
.bghui .news .swiper-slide .top .msg p { line-height:28px; font-size:14px; color:#999;}
.bghui .news .swiper-slide .top:hover .msg h3 { color:#425910;}
.bghui .news .swiper-slide li { float:left; width:calc(45% - 15px); line-height:40px; padding-left:15px; margin-right:5%; border-bottom:1px dashed #ddd; position:relative;}
.bghui .news .swiper-slide li::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#425910; position:absolute; left:0; top:19px;}
.bghui .news .swiper-slide li:nth-child(2n) { margin-right:0;}
.bghui .news .swiper-slide li a { display:block; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .news .swiper-slide li:hover a { color:#425910;}

/* 荣誉证书*/
.bghui .honor { padding:10px 20px 20px 20px; background:#fff;}
.bghui .honor .swiper-slide { background:#fff;}
.bghui .honor .swiper-slide img { display:block; width:80%; margin:0 auto;}
.bghui .honor .swiper-button-prev,.bghui .honor .swiper-button-next { width:35px; height:35px; line-height:35px; border:1px solid #425910; border-radius:50%;  background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .honor .swiper-button-prev { left:0;}
.bghui .honor .swiper-button-next { right:0;}
.bghui .honor .swiper-button-prev::after,.bghui .honor .swiper-button-next::after { font-size:14px; color:#425910; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .honor .swiper-button-prev:hover,.bghui .honor .swiper-button-next:hover { background:#425910;}
.bghui .honor .swiper-button-prev:hover::after,.bghui .honor .swiper-button-next:hover::after { color:#fff;}

/*绿化常识*/
.bghui .knowledge { margin-top:10px; padding:10px 20px 20px 20px; background:#fff;}
.bghui .knowledge li { line-height:37.9px; padding-left:15px; border-bottom:1px dashed #ddd; position:relative;}
.bghui .knowledge li::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#425910; position:absolute; left:0; top:19px;}
.bghui .knowledge li a { display:block; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.bghui .knowledge li:hover a { color:#425910;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:0 auto; padding-bottom:50px; position:relative; z-index:2;}
.catnav { width:100%; padding:50px 0;}
.catnav h3 { float:left; line-height:35px; font-weight:500; font-size:34px; color:#425910; text-transform:Uppercase;}
.catnav h3 i { font-style:normal; font-size:22px; color:#333; position:relative; top:-3px;}
.catnav p { float:right; line-height:25px; font-size:14px; color:#999; padding-left:20px; margin-top:10px; background:url(../images/posit.png) no-repeat left center;}
.catnav p a { color:#999;}
.catnav p a:hover { color:#425910;}
.catnav li { float:left; height:40px; line-height:40px; margin:30px 10px 0 0; border:1px solid #425910; overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li a { display:block; font-size:16px; color:#425910; padding:0 20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover,.catnav .on { border-color:#425910; background:#425910;}
.catnav li:hover a,.catnav .on a { color:#fff;}

/*详情页公用*/
.lh { line-height:30px; font-size:14px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
/*.lh table { border-spacing:0px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.lh table td { text-align:center; vertical-align:middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}*/
.shows { width:100%;}
.show_h3 { width:100%; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { line-height:35px; font-weight:500; font-size:24px; color:#333;}
.show_h3 p { line-height:30px; font-size:14px; color:#bbb; margin-top:5px;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#425910;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#425910; text-decoration:underline;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}


/*分页*/
.scott { overflow:hidden; text-align:center; padding:15px 0; background:rgba(255,255,255,0.85);}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover a,.scott li:hover span { color:#425910;}
.scott .active { border-color:#425910; background:#425910;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*资质*/
.honnor { width:100%;}
.honnor li { float:left; width:285px; text-align:center; margin:0 20px 20px 0;}
.honnor li:nth-child(4n) { margin-right:0;}
.honnor li a { display:block; width:100%;}
.honnor li .img { display:table-cell; width:283px; height:200px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative;}
.honnor li .img img { display:inline-block; max-width:90%; height:90%;}
.honnor li p { line-height:30px; font-size:16px; color:#333; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.honnor li:hover p { color:#425910;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { margin-bottom:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:230px; height:170px; border-radius:2px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 265px);}
.newlist li .msg h3 { line-height:35px; font-weight:500; font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px dashed #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg span { display:inline-block; line-height:30px; font-size:14px; color:#bbb; padding-left:25px; margin:15px 0 10px 0; background:url(../images/time.png) no-repeat left 6px;}
.newlist li .msg p { height:60px; line-height:30px; font-size:14px; color:#888; overflow:hidden;}
.newlist li:hover {}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover .msg h3 { color:#425910;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:282px; margin:0 24px 25px 0;}
.piclist li:nth-child(4n) { margin-right:0;}
.piclist li .img { width:270px; height:360px; padding:5px; border:1px solid #425910; border-radius:4px 4px 0 0; overflow:hidden;}
.piclist li .img img { display:block; width:270px; height:360px;}
.piclist li h3 { line-height:45px; font-weight:500; font-size:16px; color:#425910; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover h3 { color:#fff; background:#425910;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:360px; margin:0 60px 25px 0;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li .img { width:360px; height:480px; overflow:hidden;}
.prolist li .img img { display:block; height:100%; margin:0 auto;}
.prolist li h3 { line-height:45px; font-weight:500; font-size:16px; color:#425910; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover h3 { color:#fff; background:#425910;}

/*招聘*/
.jobs { width:100%;}
.jobs .topmsg { width:100%; margin-bottom:40px;}
.jobs .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:20px 30px; background:#425910;}
.jobs .topmsg .lft h3 { font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.jobs .topmsg .lft p { font-size:24px; letter-spacing:7px;}
.jobs .topmsg .rgt { float:right; width:770px; line-height:30px; font-size:14px; color:#666; padding:16.5px 50px; background:#f8f8f8;}
.jobs .list { width:100%;}
.jobs .list li { margin-bottom:10px; background:#f8f8f8;}
.jobs .list li .lst { padding:15px 20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst h3 { line-height:40px; font-size:18px; color:#333;}
.jobs .list li .lst span { display:block; float:left; width:calc(100% / 4); line-height:30px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .list li .lst a { display:block; width:40px; height:40px; position:absolute; top:33px; right:20px; z-index:1;}
.jobs .list li .lst a::before,.jobs .list li .lst a::after { display:block; content:""; margin:auto; background:#999; position:absolute; top:0; right:0; bottom:0; left:0;}
.jobs .list li .lst a::before { width:1px; height:100%;}
.jobs .list li .lst a::after { width:100%; height:1px;}
.jobs .list li .msg { display:none; padding:15px 20px;}
.jobs .list li.on .lst { background:#425910;}
.jobs .list li.on .lst h3,.jobs .list li.on .lst span { color:#fff;}
.jobs .list li.on .lst a::before { display:none;}
.jobs .list li.on .lst a::after { background:#fff;}
.jobs .list li.on .msg { display:block;}
.jobs .list li.on .msg .lh { margin-bottom:15px;}
.jobs .list li.on .msg .lh h3 { font-size:16px; color:#425910;}