body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px; background:#f8f8f8;}
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:#009241;}
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:#ddd;} 
:-moz-placeholder { color:#ddd;} 
::-moz-placeholder { color:#ddd;}
:-ms-input-placeholder { color:#ddd;}

/*滚动条宽度隐藏*/ 
::-webkit-scrollbar{width:0px}/*谷歌*/
html {
	-ms-overflow-style:none;/*IE*/
	overflow:-moz-scrollbars-none;/*火狐*/
}

@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;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*头部*/
.head { width:100%; height:100px; background:#fff;}
.head .logo { float:left; height:70px; margin:15px 0;}
.head .logo img { display:block; height:100%;}
.head .nav { float:right;}
.head .nav li { float:left; height:30px; line-height:30px; margin:35px 0 35px 10px; border-radius:30px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.head .nav li a { display:block; padding:0 15px; font-size:18px; color:#333; -webkit-transition:all .3s ease; transition:all .3s ease;}
.head .nav li:hover,.head .nav .on { background:#009241;}
.head .nav li:hover a,.head .nav .on a { color:#fff;}
.head .nav ul { float:right;}
.head .nav .lang { font-size:15px; float:right; font-weight:bold; font-size:18px; color:#e77918; margin:39px 0 0 15px; position:relative;}
/* .head .nav .lang span::after { content:""; margin:2.5px 0 0 5px; border:5px solid; border-color:#009241 transparent transparent transparent; position:absolute; top:50%; transform:translateY(-50%);} */

/*二级banner*/
.banner_ej { width:100%; height:200px; color:#fff; text-shadow:0px 2px 1px rgba(0,0,0,0.3); padding-top:100px; margin:0 auto; background-position:center top; background-repeat:no-repeat;}
.banner_ej h3 { font-size:30px; letter-spacing:2px;}
.banner_ej p { font-size:18px; text-transform:Uppercase; font-weight:500; margin:10px 0 20px auto;}
.banner_ej i { display:block; width:20px; height:2px; background:#fff;}

/*脚部*/
.foot { width:100%; font-size:14px; color:#949494; padding:25px 0; background:#252525;}
.foot p { text-align:center; line-height:25px;}
.foot a { color:#949494;}
.foot i { font-style:normal; cursor:pointer;}
.foot .sitecode a { display:block; width:100%;}
.foot .sitecode img { display:block; margin:0 auto;}
.foot .sitecode { width:100px; margin:0 auto; text-align:center;}
.sh_ow .honrimg { display:block;}
.honrimg { display:none; width:100%; height:100vh; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:99999999;}
.honrimg img { display:block; width:1000px; height:710px; margin:auto; border-radius:10px; position:absolute; top:0; right:0; bottom:0; left:0;}


/*在线客服*/
.hide { display:none;}
#leftsead { width:40px; height:40px; position:fixed; bottom:10px; right:10px; z-index:100;}
*html #leftsead { margin-top:258px; position:absolute; top:expression(eval(document.documentElement.scrollTop));}
#leftsead li { width:40px; height:40px; position:relative; cursor:pointer;}
#leftsead li a { display:block; width:100%;}
#leftsead li i { display:block; width:40px; height:40px; line-height:40px; font-size:24px; color:#666; text-align:center; border-radius:100%; overflow:hidden; background:#e6e6e6; position:relative; z-index:1;}

/*** 子页 ***/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:50px auto; min-height:400px;}
.catnav { text-align:center; border:1px solid #f6f6f6; border-radius:4px; box-shadow:0 2px 5px rgba(0,0,0,0.01); overflow:hidden; background:#fff;}
.catnav p { float:left; font-size:14px; color:#666; line-height:60px;}
.catnav p i { display:block; float:left; font-style:normal; font-family:FontAwesome; font-size:16px; color:#009241; margin:1px 5px 0 0;}
.catnav p a { color:#009241;}
.catnav ul { display:block; float:right;}
.catnav li { display:inline-block; height:60px; line-height:60px; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:2px; margin:auto; background-color:#009241; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:-1px;}
.catnav li a { display:block; padding:0 30px; font-size:16px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover::after,.catnav .on::after { width:65%;}
.catnav li:hover a,.catnav .on a { color:#009241;}

/*详情页公用*/
.lh { font-size:16px; line-height:35px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1120px; margin:30px auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:40px; margin-bottom:30px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-size:24px; color:#333; font-weight:500;}
.show_h3 p { font-size:12px; color:#999;}
.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 a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#009241;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:60px auto;}
.scott li { display:inline-block; line-height:35px; border:1px solid #666; margin:0 5px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { background:#252525;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*新闻列表*/
.newlist { width:100%; min-height:500px;}
.newlist li { width:100%; padding:40px 0; border-bottom:1px solid #e6e6e6; position:relative;}
.newlist li::after { display:block; content:""; width:0%; height:100%; margin:auto; background:rgba(0,0,0,0.02); position:absolute; left:0; right:0; top:0; z-index:0; -webkit-transition:all 1s ease; transition:all 1s ease;}
.newlist li a { display:block; width:1200px; margin:0 auto; position:relative; z-index:2;}
.newlist li .img { float:left; width:245px; height:170px; 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:925px;}
.newlist li .msg h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg span { display:block; font-size:12px; color:#999; margin:10px 0;}
.newlist li .msg p { height:50px; line-height:25px; font-size:12px; color:#666;}
.newlist li .msg i { display:block; font-size:12px; color:#999; font-style:normal; margin-top:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg i small { margin-left:5px;}
.newlist li:hover h3 { color:#009241;}
.newlist li:hover::after { width:100%;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#000;}

/*产品列表*/
.prolist { float:left; width:900px;}
.prolist li { float:left; width:285px; height:290px; margin:0 20px 20px 0; overflow:hidden; position:relative;}
.prolist li a { display:block;}
.prolist li .img { display:block; width:285px; height:236px; overflow:hidden; background:#fff;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .msg { width:100%; text-align:center; padding:10px 20px; background:#eee; position:absolute; left:0; bottom:-58px; z-index:2; -webkit-transition:all .8s ease; transition:all .8s ease; box-sizing:border-box;}
.prolist li .msg h3 { font-size:16px; font-weight:500; color:#333; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg span { display:block; width:100px; font-size:14px; color:#fff; line-height:35px; margin:10px auto; border:1px solid #fff; border-radius:4px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li:hover .img img { transform:scale(1.2,1.2);}
.prolist li:hover .msg { background:#009241;}
.prolist li:hover .msg h3 { color:#fff;}
.prolist li:hover .msg { bottom:0;}
.prolist li .msg span:hover { color:#009241; background:#fff;}
.prolist li:nth-child(3n) { margin-right:0;}

.prolst { float:left; width:900px;}
.prolst li { margin-bottom:15px; padding:10px 20px; background:#fff;}
.prolst li a { display:block; width:100%;}
.prolst li h3 { float:left; max-width:70%; line-height:35px; font-weight:bold; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolst li span { display:block; float:right; line-height:35px; font-size:12px; color:#999;}
.prolst li p { line-height:25px; font-size:12px; color:#999;}
.prolst li i { display:block; line-height:35px; font-size:12px; color:#666; font-style:normal;}
.prolst li i small { margin-left:5px;}
.prolst li:hover h3 { color:#009241;}



.prorgt { float:right; width:240px; padding:20px; box-shadow:0 5px 10px rgba(0,0,0,0.01); background:#fff;}
.prorgt h3 { font-size:16px; color:#333; line-height:20px; padding-bottom:15px; border-bottom:1px solid #eee;}
.prorgt a { display:block; width:93%; font-size:14px; line-height:25px; color:#666; padding:10px 0 10px 7%; border-bottom:1px solid #eee; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prorgt a::after { display:block; content:""; width:5px; height:5px; border:1px solid #009241; border-radius:50%; position:absolute; left:1px; top:20px;}
.prorgt a.on,.prorgt a:hover { color:#009241;}
.proshimg { float:left; width:435px; height:360px; border:2px solid #eee; background:#fff; overflow:hidden;}
.proshimg img { display:block; width:100%;}
.proshrgt { float:right; width:640px; height:365px; overflow-y:scroll;}
.proshrgt .lh { width:95%;}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:285px; margin:20px 20px 30px 0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { display:table-cell; vertical-align:middle; width:285px; height:365px; box-shadow:0 5px 10px rgba(0,0,0,0.02); background:#fff; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li .img img { display:block; max-width:220px; max-height:300px; margin:0 auto; border:1px solid #f4f4f4;}
.piclist li h3 { height:60px; line-height:30px; font-size:16px; font-weight:500; margin:10px auto; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li p { width:15px; height:2px; background:#575757; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li:hover .img { box-shadow:0 5px 10px rgba(0,0,0,0.08);}
.piclist li:hover p { width:50px; background:#009241;}

/*招聘*/
.n_job { width:100%; margin:10px auto;}
.n_job table { width:100%; box-shadow:0 5px 10px rgba(0,0,0,0.02); background:#fff;}
.n_job th { height:50px; line-height:50px; color:#fff; font-size:14px; text-align:center; background:#009241;}
.n_job .titl td { padding:15px 10px; font-size:14px; color:#666; text-align:center; border-bottom:1px solid #eee; background:#fff;}
.n_job .titl .afold { display:block; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 35px; line-height:25px; color:#666; border-bottom:1px solid #eee; background:#fbfbfb;}
.n_job .show_box { display:none;}
.n_job .article { padding:30px 0;}
.n_job .article .jobms { margin-bottom:25px; line-height:25px;}
.n_job .article .jobms h3 { display:block; font-size:14px; color:#333; margin-bottom:10px;}
.n_job .un { line-height:30px; margin-top:30px; font-size:14px; color:#333;}
.n_job .un a { color:#f30; font-size:16px;}

.joblst { padding:40px; margin-bottom:30px; box-shadow:0 5px 10px rgba(0,0,0,0.02); background:#fff;}
.joblst .marlr { margin:0 83px 0 40px;}
.joblst .marrl { margin:0 40px 0 83px;}
.joblst .lft { width:42px;}
.joblst .lft i { display:block; width:40px; height:40px; line-height:40px; font-style:normal; font-weight:bold; font-size:14px; color:#009241; text-align:center; border:1px solid #009241; border-radius:50%; position:relative;}
.joblst .lft i::after { display:block; content:""; width:1px; height:20px; margin:auto; background:#009241; position:absolute; bottom:-30px; left:0; right:0; z-index:1;}
.joblst .lft p { width:40px; color:#009241; text-align:center; line-height:40px; font-size:20px; font-weight:100; letter-spacing:2px; margin-top:40px; text-transform:Uppercase; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr;}
.joblst .msg { float:left; width:500px;}
.joblst .msgs { float:left; width:160px;}
.joblst .msg h3,.joblst .msgs h3 { font-size:28px; font-weight:500; color:#009241; line-height:35px; margin-bottom:30px;}
.joblst .msg p { font-size:14px; line-height:30px; text-align:justify;}
.joblst .msg a,.joblst .msgs a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#009241; text-align:center; margin-top:60px; border:1px solid #009241; -webkit-transition:all .5s ease; transition:all .5s ease;}
.joblst .msgs a:hover { color:#fff; background:#009241;}
.joblst .img { float:left; width:455px; overflow:hidden;}
.joblst .imgs { float:left; width:795px; overflow:hidden;}
.joblst .img img,.joblst .imgs img { display:block; width:100%;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:470px;}
.contact .lft p { font-size:18px; color:#666; line-height:40px;}
.contact .rgt { float:right; width:715px; height:280px; overflow:hidden;}

/*在线留言*/
.company { width:100%;}
.company li { float:left; width:31%; font-size:14px; color:#888; margin:0 3.43% 20px 0; padding:0 15px; background:#f4f4f4; box-sizing:border-box;}
.company li label { display:block; float:left; width:60px; line-height:50px;}
.company li input { display:block; float:left; width:250px; height:50px; line-height:50px; border:none; background:none;}
.company li textarea { display:inline-block; width:94%; line-height:22px; font-family:Microsoft YAHEI; font-size:14px; color:#888; padding:14px 0; border:none; background:none;}
.company li.nr { width:100%; margin-right:0;}
.company li.yzm { width:473px; padding-right:5px;}
.company li.yzm img { float:left; height:40px; margin:5px 0 5px 15px;}
.company li.btn { width:200px; padding:0; background:#009241;}
.company li.btn input { width:100%; font-size:16px; color:#fff;}
.company li.btn:hover { background:#ba111d;}

/*cmo*/
.cmo { padding:40px; margin-bottom:30px; box-shadow:0 5px 10px rgba(0,0,0,0.02); background:#fff;}
.cmo .msg { float:left; width:360px;}
.cmo .msg h3 { font-size:38px; color:#009241; line-height:35px; margin-bottom:30px;}
.cmo .msg p { line-height:40px; font-size:22px; word-break:break-word; word-wrap:normal;}
.cmo .msg span { display:block; line-height:40px; font-size:24px; color:#009241; margin-top:40px;}
.cmo .msg span i { display:block; line-height:20px; font-style:normal; font-size:16px; color:#999;}
.cmo .img { float:right; width:700px; overflow:hidden;}
.cmo img { display:block; width:100%;}