@charset "utf-8";
* { margin:0; padding:0;}
body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#00923f;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto; position:relative;} 
#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; 
}

/*top*/
.header { width:200px; height:600px; margin:0 auto; box-shadow:0 -10px 10px rgba(0,0,0,0.3); background:rgba(0,146,63,0.85); position:absolute; top:0; left:0; z-index:99999999;}
.header .logo { width:85%; padding:30px 7.5%; background:#fff;}
.header .logo a { display:block;}
.header .logo a img { display:block; max-height:30px; margin:0 auto;}
.header .nav { width:100%;}
.header .nav li { width:90%; height:50px; line-height:50px; text-align:center; padding:0 5%; border-bottom:1px solid rgba(255,255,255,0.15); position:relative;}
.header .nav li a { display:block; width:100%; font-size:14px; color:#c8f5db;}
.header .nav li:hover a,.header .nav li.on a { color:#fff;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:100%; background:#00923f; overflow:hidden; position:absolute; top:70px; left:0;}
.header .nav li li { float:none; height:45px; line-height:45px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover li a { color:#fff; padding:0;}
.header .nav li li:hover { background:#c10202;}
.header .social { width:86%; padding:32px 7%;}
.header .social a { display:block; float:left; width:35px; height:35px; line-height:35px; font-family:'FontAwesome'; font-size:22px; color:#ace2c3; text-align:center; margin:0 10px; border:1px solid #ace2c3; border-radius:50%; position:relative;}
.header .social a img { display:none; width:120px; height:120px; border:5px solid #fff; border-radius:4px; background:#fff; position:absolute; left:-45px; bottom:45px;}
.header .social .qq:before { content:"\f1d6";}
.header .social .wchat:before { content:"\f1d7";}
.header .social .sina:before { content:"\f18a";}
.header .social a:hover { color:#fff; border-color:#fff;}
.header .social a:hover img { display:block;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .swiper-slide { width:100%; height:600px; background-position:center top; background-repeat:no-repeat;}
.banner a { display:block; width:100%;}
.banner .swiper-pagination-bullet { width:13px; height:13px; margin:0 5px !important; opacity:1; border-radius:10px; box-shadow:0 2px 2px rgba(0,0,0,0.1); background:#fff; -webkit-transition:0.8s; transition:0.8s;}
.banner .swiper-pagination-bullet-active { background:#00923f;}
.banner .swiper-button-prev,.banner .swiper-button-next { display:block; width:65px; height:65px; border-radius:50%; background:rgba(0,146,63,0.2); top:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display:block; font-size:20px; color:#fff; text-align:center; line-height:65px;}
.banner .swiper-button-prev { left:5%;}
.banner .swiper-button-next { right:5%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#00923f;}
.banner_ej { width:100%; height:600px; background-position:center top; background-repeat:no-repeat;}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:14px; color:#ccc; text-align:center; padding:20px 0; background:#2e2a27;}
.footer a { color:#ccc;}
.footer .fnav { width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #444;}
.footer .fnav a { color:#fff;}
.footer .fnav a:hover { color:#00923f;}
.footer .fnav i { display:inline-block; height:10px; margin:0 15px; border-left:1px dashed #999;}
.footer p { font-size:12px;}
.footer p span { display:inline-block; position:relative;}
.footer p span i { display:block; font-style:normal; font-weight:bold;}
.footer p span img { display:none; width:120px; height:120px; border:5px solid #fff; border-radius:4px; box-shadow:0 0 10px rgba(0,0,0,0.2); background:#fff; overflow:hidden; position:absolute; right:0;}
.footer p span:hover img { display:block; bottom:25px;}

/*右侧客服*/
.webonline { width:65px; position:fixed; right:3px; bottom:10%; z-index:999999;}
.webonline li { padding:10px 5px; text-align:center; margin-bottom:2px; border-radius:4px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#00923f; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:30px; height:25px; line-height:25px; font-family:FontAwesome; font-style:normal; font-size:21px; color:#00923f; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%; background:#fff;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .ontop p { margin-top:5px; font-size:11px; color:#fff;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#00923f; position:absolute; right:75px; bottom: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 #00923f; line-height:0px; _border-color:#000 #000 #000 #00923f; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; bottom:16px;}
.webonline li .onlft p { width:130px; height:35px; line-height:35px; font-size:18px; color:#fff; text-align:center;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/**栏目标题**/
.tits { width:100%; padding:50px 0; text-align:center;}
.tits h3 { font-size:30px; color:#00923f; line-height:40px; margin-bottom:15px;}
.tits p { width:320px; height:35px; line-height:35px; font-size:16px; color:#00923f; margin:0 auto; border:1px solid rgba(0,146,63,0.5); position:relative;}
.tits p::before,.tits p::after { display:block; content:""; width:110px; height:1px; margin:auto; background:rgba(0,146,63,0.5); position:absolute; top:0; bottom:0;}
.tits p::before { left:-110px;}
.tits p::after { right:-110px;}

/*产品分类*/
.pros { padding-bottom:50px; background:#f4f4f4;}
.pros .second { text-align:center;}
.pros .second a { display:inline-block; width:153px; height:163px; background:url(../images/rn_01.png) no-repeat 0 0;}
.pros .second a i { display:block; width:101px; height:101px; line-height:101px; font-style:normal; font-size:18px; color:#00923f; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:40%; background:#fff;}
.pros .second a:hover i { background:#e6f9ee;}
.pros .poster-main { width:100%; height:310px; position:relative; margin:0 auto;}
.pros .poster-main a,.pros .poster-main img { display:block;}
.pros .poster-main .poster-list { width:100%; height:310px;}
.pros .poster-main .poster-list .poster-item { width:465px; height:310px; position:absolute; left:0; top:0;}
.pros .poster-main .poster-list .poster-item img { display:block; width:100%;}
.pros .poster-main .poster-btn { position:absolute; top:0; z-index:10; cursor:pointer;}
.pros .poster-main .poster-prev-btn { left:0; background:url(../img/left.png) no-repeat center center;}
.pros .poster-main .poster-next-btn { right:0; background:url(../img/right.png) no-repeat center center;}

/*产品展示*/
.prolst { padding-bottom:50px; background:#c9e9d7;}
.prolst li { float:left; width:285px; margin:0 7.5px 20px 7.5px;}
.prolst li a { display:block; width:100%;}
.prolst li .img { width:285px; height:190px; overflow:hidden;}
.prolst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolst li h3 { font-weight:500; font-size:14px; color:#333; line-height:35px; text-align:center; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolst li:hover .img img { transform:scale(1.1,1.1);}
.prolst .more { display:block; width:150px; height:40px; line-height:40px; font-size:14px; color:#00923f; text-align:center; margin:30px auto 0 auto; border:1px solid #00923f; border-radius:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolst .more:hover { color:#fff; background:#00923f;}

/*五优势*/
.advant { padding-bottom:50px; text-align:center;}
.advant li { display:inline-block; width:194px; height:375px; margin:60px auto 30px auto; background-position:0 0; background-repeat:no-repeat;}
.advant li i { display:block; width:90px; height:90px; line-height:90px; font-family:Arial; font-style:normal; font-weight:bold; font-size:34px; color:#fff; text-align:center; margin:-35px auto 0 auto; border-radius:50%;}
.advant li h3 { width:90%; padding-top:100px; font-weight:500; font-size:20px; color:#fff; line-height:35px; margin:0 auto;}
.advant li.adv01 { background-image:url(../images/rn_02.png);}
.advant li.adv02 { background-image:url(../images/rn_03.png);}
.advant li.adv03 { background-image:url(../images/rn_04.png);}
.advant li.adv04 { background-image:url(../images/rn_05.png);}
.advant li.adv05 { background-image:url(../images/rn_06.png);}
.advant li.adv01 i,.advant li.adv03 i,.advant li.adv05 i { background:#42c97c;}
.advant li.adv02 i,.advant li.adv04 i { background:#00923f;}

/*案例展示*/
.piclst { padding-bottom:60px; background:#f4f4f4;}
.piclst li { float:left; margin:2.5px; overflow:hidden; position:relative;}
.piclst li a { display:block; width:100%; height:100%;}
.piclst li .img { width:100%; height:100%; overflow:hidden;}
.piclst li .img img { display:block; min-width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclst li h3 { width:90%; font-weight:500; font-size:14px; color:#fff; line-height:35px; text-align:center; padding:0 5%; background:rgba(0,0,0,0.3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; bottom:0;}
.piclst li:hover .img img { transform:scale(1.1,1.1);}
.piclst .lft { float:left; width:540px;}
.piclst .lft li { width:265px; height:200px;}
.piclst .rgt { float:right; width:660px;}
.piclst .rgt li { width:325px; height:405px;}

/*新闻*/
.news { padding-bottom:30px;}
.news li { width:90%; margin:0 auto 30px auto; padding-bottom:30px; border-bottom:1px solid #eee;}
.news li a { display:block; width:100%;}
.news li .time { float:left; width:60px; font-size:14px; color:#fff; text-align:center; padding:15px 20px; background:#bbb; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .time b { display:block; font-size:28px; line-height:40px; margin-bottom:10px;}
.news li .msg { float:right; width:950px;}
.news li .msg h3 { font-size:16px; color:#333; font-weight:500; line-height:35px; margin-bottom:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .msg p { font-size:14px; color:#999; line-height:25px;}
.news li:hover .time { color:#fff; background:#00923f;}
.news li:hover h3 { color:#00923f;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:100%; padding:30px 0; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:#fafafa;}
.catnav { height:70px; line-height:70px; text-align:center; background:#fff;}
.catnav li { display:inline-block; position:relative;}
.catnav li::after { display:block; content:""; width:0%; height:3px; margin:auto; background-color:#00923f; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:-2px;}
.catnav li a { display:block; font-size:16px; color:#333; padding:0 40px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li:hover::after,.catnav .on::after { width:25%;}
.catnav li:hover a,.catnav .on a { color:#00923f;}
.catnav h3 { float:left; font-weight:500; font-size:24px; color:#333; padding-left:20px; position:relative;}
.catnav h3::after { display:block; content:""; width:3px; height:25px; background:#00923f; position:absolute; left:0; top:25px;}
.catnav p { float:right; font-size:12px; color:#999;}
.catnav p i { display:block; float:left; font-style:normal; font-family:'FontAwesome'; font-size:15px; margin:0.5px 5px 0 0;}
.catnav p a { color:#999;}

/*详情页公用*/
.lh { min-height:300px; font-size:14px; line-height:30px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1120px; margin:0 auto; padding:25px 40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:45px; margin-bottom:30px; padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
.show_h3 h3 { font-size:28px; color:#00923f;}
.show_h3 p { font-size:14px; color:#999;}
.show_sxp { font-size:14px; line-height:25px; margin-top:30px; padding-top:20px; border-top:1px solid #f4f4f4;}
.show_sxp p { width:45%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; color:#999;}
.show_sxp .fr { text-align:right;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

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

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:285px; margin:0 7.5px 20px 7.5px;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:285px; height:190px; overflow:hidden;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li h3 { font-weight:500; font-size:14px; color:#333; line-height:35px; text-align:center; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li:hover .img img { transform:scale(1.1,1.1);}

/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:390px; margin:0 5px 30px 5px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:390px; height:260px; overflow:hidden; background:#000;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .8s ease; transition:all .8s ease;}
.piclist li .msg { padding:10px 20px; background:#fff;}
.piclist li .msg h3 { width:100%; font-size:16px; color:#333; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .msg span { display:block; font-size:12px; line-height:25px; color:#bbb;}
.piclist li .msg p { height:50px; line-height:25px; font-size:12px; color:#888; text-align:justify; overflow:hidden;}
.piclist li:hover { box-shadow:0 3px 10px rgba(0,0,0,0.1); -webkit-transform:translateY(-15px); transform:translateY(-15px);}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover .msg h3 { color:#00923f;}

/*新闻列表*/
.newlist { width:100%; min-height:500px;}
.newlist li { width:100%; margin:0 auto 30px auto; padding-bottom:30px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:60px; font-size:14px; color:#fff; text-align:center; padding:15px 20px; background:#bbb; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time b { display:block; font-size:28px; line-height:40px; margin-bottom:10px;}
.newlist li .msg { float:right; width:1080px;}
.newlist li .msg h3 { font-size:16px; color:#333; font-weight:500; line-height:35px; margin-bottom:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { font-size:14px; color:#999; line-height:25px;}
.newlist li:hover .time { color:#fff; background:#00923f;}
.newlist li:hover h3 { color:#00923f;}

/*在线留言*/
.company { width:100%; padding-top:15px;}
.company li { float:left; width:31%; font-size:14px; color:#888; margin:0 3.43% 20px 0; padding:0 15px; background:#f4f5f9; 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:#d32431;}
.company li.btn input { width:100%; font-size:16px; color:#fff;}
.company li.btn:hover { background:#ba111d;}

/*联系我们*/
.contact { width:100%;}
.contact .lft { float:left; width:60%;}
.contact .lft h1 { font-size:22px; color:#000; font-weight:500; line-height:35px; margin-bottom:15px;}
.contact .lft p { font-size:14px; color:#666; line-height:30px;}
.contact .rgt { float:right;}
.contact .rgt .img { float:right; width:150px; text-align:center; padding:10px; margin-left:30px; border:1px solid #eee; overflow:hidden;}
.contact .rgt .img img { display:block; width:150px; height:150px;}
.contact .rgt .img h3 { font-size:16px; color:#000; font-weight:500; line-height:30px; margin-top:5px;}
.contact .rgt .img p { font-size:12px; color:#999;}
.contact .map { width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}