@charset "utf-8";





body,div,ul,ol,li,span,em,dl,dt,dd,a,img,h1,h2,h3,h4,h5,p,b,strong,form,input,textarea,font{ padding:0; margin:0;list-style:none; border:none; text-decoration:none;}

ul,ol{ list-style:none}

a{ text-decoration:none}

a,input,img,textarea{ outline:none;}

img{ border:0;}

strong,i,em{ font-style:normal; font-weight:100;}

body{ font-family:"微软雅黑", "宋体", "黑体";}

::selection{ background:#29a335; color:#fff;}





/*公共样式*/

.w1100{ width:1100px; margin:0 auto;}



/*标题公共部分*/

.title{ text-align:center;}

.title .lin{ width:35px; height:3px; background:#2aa938; margin:0 auto;}

.title h3{ font-size:30px; color:#333; margin:18px 0 5px;}

.title h2{ font-weight:100; font-size:24px; color:#333;}

.title p{ width:990px; font-size:18px; color:#6f6f6f; line-height:1.8em; margin:10px auto 30px;}









/*头部区域*/

.header{ width:100%; height:30px; line-height:30px; border-bottom:solid 1px #cfcfcf; box-sizing:border-box;}

.header .w1100{ height:30px;}

.header .w1100 p{ font-size:13px; color:#848484; float:left;}

.header .w1100 .sc{ float:right; font-size:13px; color:#848484;}

.sc a{

	font-size:13px; color:#848484;}

/*logo区域*/

.lg{ height:140px; border-bottom:2px solid #91d298; box-sizing:border-box;}

.lg .logo{ display:block;margin-top:15px; float:left;}

.lg .tel{ width:235px; height:60px; float:right; margin-top:25px; background:url(../images/tel.jpg) no-repeat left center; padding-left:80px; }

.lg .tel span{ display:block; font-size:12px; color:#999;}

.lg .tel h3{ font-size:29px; color:#28a638}





/*菜单区域*/

.nav{ height:60px; line-height:60px; position:relative;}

.nav ul li{ float:left;}

.nav ul li a{ display:block; padding:0 30px; font-size:15px; color:#3c3c3c;}

.nav ul li a.on{ color:#2ba637;}

.nav .cx{ width:232px; height:35px; background:#2ca738; float:right; margin-top:12px; border-radius:35px; line-height:35px; line-height:35px;}



.nav li i{ display:block;height:5px; background:#2da834; position:absolute; top:-2px;}



.nav .cx img{ margin-top:5px; padding-left:13px;}

.nav .cx .dian{ display:block; width:93px; height:18px; background:#fff; border-radius:3px; font-size:12px; color:#2ca738; text-align:center; line-height:18px; float:right; margin-top:8px; margin-right:20px; }



.linel{ width:100%; height:7px; background:url(../images/liner.jpg) repeat-x center}

/*<!--海报区域-->*/

.banner{ hei ght:560px; width:100%; position:relative;}

.swiper-wrapper img{ width:100%;}

.swiper-button-prev{ background:url(../images/zuo.png) no-repeat left center;}

.swiper-button-next{ background:url(../images/you.png) no-repeat right center;}

/*.banner ol{position:absolute;top:350px;left:50%; margin-left:-230px; z-index:5;}

.banner ol li{ width:16px; height:16px; background:rgb(60,122,177); border-radius:50%;

 float:left; margin:0 2px; cursor:pointer;}

.banner ol li.on{ border:solid 3px #fff; box-sizing:border-box; background:rgb(60,122,177);}

.banner .btn{ width:60px; height:60px; background:rgba(0,0,0,0.7); font-size:50px; color:#fff; position:absolute; top:50%; margin-top:-30px;text-align:center; line-height:60px; font-family:" 宋体"; cursor:pointer; border-radius:50%; z-index:10; }

.banner .btn_L{ left:50px;}

.banner .btn_R{ right:100px;}

*/



/*热点新闻*/

.hot{ width:100%; height:40px; background:#f7f7f7; line-height:40px;overflow:hidden;}

.hot .w1100 .pcon{position:relative;height:9999px;top:0;right:0;width:1020px;padding-left:80px;}

.hot img{ float:left; margin-right:10px;}

.hot p{ font-size:12px;  float:left; width:1020px;}

.hot p a{ color:#6b6b6b;}

.hot p span{ color:#27a635;}

.hot p i { float:right;}







/*关于我们区域*/

.about{ margin:30px auto;}

.about .ab_con{ height:404px; }

.about .ab_con>a{ display:block;  overflow:hidden; float:left;}

.about .ab_con a img{ width:99.5%; transition:0.5s; height: 200px;}

.about .ab_con>a:hover img{ transform:scale(1.1)}

.ab_con .text{ width:364px; height:200px; background:#eff3f6; float:left; text-align:center;}

.ab_con .text h4{ font-size:18px; font-weight:100px; color:#2f2f2f; margin-top:33px;}

.ab_con .text span{ display:block; width:40px; height:3px; background:#24a333; margin:8px auto 14px;}

.ab_con .text p{ font-size:14px; color:#2f2f2f; padding:0 40px; box-sizing:border-box;}





/*产品展示区域*/

.tjcpw{width:850px;float:left;margin:10px 0 0 0}

.pro_title{ width:100%; height:103px; background:#2ba93d; line-height:103px; color:#fff;}

.pro_title p{ float:left; font-size:20px; color:#fff; margin-right:10px;}

.pro_title a{ display:inline-block; font-size:13px; color:#fff; width:144px; margin:6px 11px;height:26px; background:#2ba93d; text-align:center; line-height:26px; border-radius:3px;float:left; border:1px #fff solid; border-radius:4px;}

.pro_title img{ float:right; margin-right:30px; margin-top:-17px;}

.pro_con{margin:10px auto 35px;}

.pro_title .more{float:right; margin-right:30px; background:#2ba93d; border:1px #2ba93d solid; width: 40px; }



.pro_con .tu{ width:340px; height:218px; float:left; margin-right:38px; overflow:hidden; margin-bottom:20px; margin-top: 10px; position:relative;}

.pro_con .tu>img{ width:100%;}

.pro_con .tu:nth-child(3n){ margin-right:0;}

.pro_con .tu .tu_con{ width:340px; height:218px; background:rgba(44,168,56,0.6); position:absolute; bottom:-218px; left:0; transition:0.2s;}

.pro_con .tu:hover .tu_con{bottom:0}

.pro_con .tu .tu_con img{ position:absolute; top:-300px; left:50%; margin-left:-35px; transition:0.3s;}

.pro_con .tu .tu_con span{ font-size:16px; color:#fff; position:absolute; bottom:50px; left:41%;margin-right: -340px;}

.pro_con .tu:hover .tu_con img{top:38px;}



.pro_con:after{ content:""; display:block; clear:both;}







/*新闻区域*/

.news{ height:460px; background:#f4f4f4;}

.news .new_title{ font-size:20px; color:#272727; margin:18px 0 20px;}

.news .new_title span{ font-size:12px; color:#2ba93d; margin-left:6px; text-transform:uppercase;}

.news .box{ float:left; margin-right:42px;}

.news .box:nth-child(3){ margin-right:0;}

.news .box .line{ width:97px; height:5px; background:#2ba93d;}

.news .new_con{ width:337px; height:360px; background:#FFF; text-align:center;  overflow:hidden; position:relative;}

.news .new_con ol{ position:absolute; top:0; left:0;} 

.news .new_con ol li{ float:left; width:337px;}

.news .new_con ol li img{max-width:337px}

.news .new_con ol:after{ content:""; display:block; clear:both;}

.news .new_con .btn{ width:100%; height:33px; position:absolute; bottom:0;  background:#2ba93d; cursor:pointer;}

.news .new_con .btn i{ display:block; width:11px; height:18px; background:url(../images/left.png); position:absolute; top:7px; right:40%; transition:right 0.8s;}

.news .new_con .btn_L{ width:50%;}

.news .new_con .btn_R{ width:50%; right:0;background:#4e9a2c;}

.news .new_con .btn_L:hover i{ right:50%}

.news .new_con .btn_R i{ background-position:-11px 0;}

.news .new_con .btn_R:hover i{ right:30%}

.new_con2 ul{ margin-top:17px;}

.new_con2 ul li{ padding-left:15px;}

.new_con2 ul li a{ display:block; font-size:14px; color:#494949; text-align:left; line-height:2.2em; background:url(../images/dian.jpg) no-repeat left center; padding-left:5px;}

.new_con2 ul li:hover a{ color:#2ba93d;}

.new_con2 .btn2 a{ display:inline-block; font-size:12px; color:#fff; line-height:33px; background:url(../images/more.png) no-repeat left center; padding-left:12px; }

.new_con2 .btn2:hover{ background:#4e9a2c;}

.new_con3 ul li{ text-align:left;background:url(../images/newstel.png) no-repeat left center; padding-left:50px; margin-left:17px; border-bottom:1px dashed #999; line-height:2.7em;}

.new_con3 ul li span{ font-size:12px; color:#070707; display:block; }

.new_con3 ul li h5{  font-size:24px; color:#3e3d3d;font-weight:100}

.new_con3 ul li:nth-child(2){ background-image:url(../images/newstel2.png);}

.new_con3 ul li:nth-child(2) h5{ font-size:16px;}

.new_con3 ul li:nth-child(3){ background-image:url(../images/newstel3.png);}

.new_con3 ul li:nth-child(3){ border-bottom:none;}

.new_con3 ul li:nth-child(3) h5{ font-size:16px; color:#3e3d3d; font-weight:100;}





/*底部区域*/



.footer{ height:247px; width:100%; background:#3c454c; overflow:hidden;}



.footer .left{ width:235px;  margin-top:11px; padding-left:15px; float:left; margin-right:73px;}

.footer .left img{width:120px}

.footer .left .sve{ width:135px; height:35px; background:#2ca838; border-radius:5px; font-size:12px; color:#fff; text-align:center; line-height:35px;}

.footer .left span{ display:block; font-size:29px; color:#fff; margin:15px 0;}

.footer .right{ float:left; margin-top:40px;}

.footer .right .out{ width:203px; float:left; margin-right:60px;}

.footer .right .out:nth-child(3){margin-right:0px; }

.footer .right .out .ri_title{ font-size:12px; color:#fff; background:url(../images/bott.png) no-repeat left 43px; height:50px;}

.footer .right .out ul{ width:70px; float:left; margin-top:10px; }

.footer .right .out ul:nth-child(2){margin-right:0px; float:right}

.footer .right .out .link{

	width:203px;

	height:140px;}

.footer .right .out .link li{

	float:left;

	margin-right:2px;

	height:35px;

	width:98px;

	line-height:35px;
	overflow: hidden;

}

	

.footer .right .out:after{ content:""; display:block; clear:both;}

.footer .right .out ul li a{ font-size:12px; color:#bac1c6;}

.footer .right .out ul li{ line-height:2em;}

.footer .right .out p{ font-size:12px; color:#bac1c6; text-align:left; line-height:1.9em;}

.footer .right .out ul li a:hover{ color:#2aa83c}



.coy{ width:100%; height:37px; background:#2e353b;}

.coy .w620{ margin:0 auto; width:700px;}

.coy p{ float:left; font-size:12px; color:#f4f4f4; margin-right:55px; line-height:37px;}











/*你页样式*/



.pro_banner{ width:100%; height:469px; position:relative; overflow:hidden;}

.pro_banner a img{ position:absolute; top:0; left:50%; margin-left:-800px;}



.pro_out{ background:#fafafa; min-height:500px; position:relative; top:-55px; overflow:hidden; z-index:10;}

.pro_out:after{ content:""; display:block; clear:both;}

.pro_l{ width:226px; /height:600px; margin-top:25px; margin-left:9px; float:left;}

.pro_l h2{ font-size:25px; color:#309532; font-weight:100; text-align:center; background:url(../images/yying.png) no-repeat bottom center ; height:50px; }

.pro_l ol{ margin-top:10px; width:180px; padding-left:22px;}

.pro_l ol li{ line-height:1.7em; text-align:center; position:relative;}

.pro_l ol li a{ display:block; font-size:13px; color:#606060; border-bottom:dashed 1px #999;}

.pro_l ol li:hover a{ color:#2ba637;}



.pro_l ol li i{ display:block; width:3px; height:15px; background:#2ba637; position:absolute; bottom:15px; left:20px; display:none;}

.pro_l ol li:hover i{ display:block;}

.pro_l ul{ margin-top:35px; padding:22px;}

.pro_l ul li{background:url(../images/shu.jpg) repeat-x left center; margin-bottom:10px;}

.pro_l ul li a{ display:block;width:180px; height:55px; font-size:15px; color:#656565; border:solid 1px #e5e5e5;  line-height:55px; background:url(../images/shu.png) no-repeat 23px center; padding-left:78px; box-sizing:border-box; }

.pro_l ul li:nth-child(2) a{ background-image:url(../images/diqiu.png);}

.pro_l ul li:nth-child(3) a{ background-image:url(../images/ren.png);}

.pro_l .pro_tel{ width:225px; height:59px; background:url(../images/shu2.png) repeat-x center; box-shadow:0 5px 10px rgba(0,0,0,0.2); position:relative; /margin-top:20px;}

.pro_l .pro_tel .box{ width:57px; height:59px; background:url(../images/tel3.png) no-repeat center,#28a134;}

.pro_l .pro_tel span{ display:block; font-size:16px; color:#28a638; font-weight:900; position:absolute; top:10px; left:62px;}

.pro_l .pro_tel h3{ font-size:20px; color:#28a638; position:absolute; top:34px; left:60px; transform:skew(-25deg)}

.pro_r{ float:right; width:837px; margin-top:25px; margin-right:18px;}

.pro_r .pro_ti{ font-size:14px; color:#3e3d3d; background:url(../images/Home.png) no-repeat left center; padding-left:25px;}



.pro_r .pro_ti a{color:#3e3d3d;}



.pro_con2{ width:837px;  border:solid 1px #e9e9e9; margin-top:19px; background:#fff; padding:21px 9px 0 17px; box-sizing:border-box; overflow:hidden; /*min-height:1026px*/}



.pro_con2 h2{ font-size:20px; color:#2ba637; font-weight:100; border-bottom:solid 1px #dadada; height:33px; }
.pro_con2 p{ font-size:14px; color:#6f6f6f; /text-indent:2em;/ margin:25px 0 94px; line-height:1.8em;}

.pro_con2 dl{height:95px; border-bottom:dashed 1px #999; margin-bottom:17px;}

.pro_con2 dl dt{ font-size:14px; color:#303030; background:url(../images/tex.png) no-repeat left center; padding-left:20px; }

.pro_con2 dl:hover dt{color:#28a134}

.pro_con2 dl dt span{ float:right; color:#818181; font-size:14px;}

.pro_con2 dl dd{ color:#6f6f6f; font-size:12px; margin-top:17px; line-height:2em;}

.pro_con2 dl dd a{ color:#58b35f;}
 */
.pro_con2 ul{ margin-top:10px; height:200px;}

.pro_con2 ul{content:""; display:block; clear:both;}

.pro_con2 ul li{float:left; margin-right:68px; text-align:center;width:200px}

.pro_con2 ul li .out{ width:200px; height: auto;  position:relative;  overflow:hidden;border:1px solid #eee } */

.pro_con2 ul li .out img{max-width:200px;}
.pro_con2 ul li .out img{ height:150px; }

.pro_con2 ul li:nth-child(3){ margin-right:0;}

.pro_con2 ul li>img{ width:100%;}

.pro_con2 ul li span{ font-size:12px; color:#2e2e2e; margin-top:10px;margin-bottom:10px; display:inline-block} 



.pro_con2 h5{ color:#3e3e3e; font-size:16px; margin-top:5px; text-align:center; font-weight:100; }

.pro_con2 b{ color:#6f6f6f; font-size:14px; text-align:center; list-style:none; font-weight:100; display:block; margin:auto; margin-top:5px;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}

.pro_con2 p img{display:block;margin:10px auto}

.pro_con2 .out .tu_con2{ width:200px; height:228px; background:rgba(44,168,56,0.6); position:absolute; bottom:-228px; left:0; transition:0.2s;}

.pro_con2 ul li:hover .tu_con2{bottom:0}

.pro_con2 .tu_con2 img{ position:absolute; top:-300px; left:50%; margin-left:-35px; transition:0.3s;}

.pro_con2 .tu_con2 i{ font-size:16px; color:#fff; position:absolute; bottom:70px; left:37%;}

.pro_con2 ul li:hover .tu_con2 img{ top:30px;}



.pro_r .link{  font-size:14px; color:#666;  padding-left:20px; margin-bottom:30px; }

.pro_r .link span{ margin-right:15px; padding-bottom:10px; line-height:20px;

float:left; margin-top:25px;

}

.pro_r .link a{ margin-right:10px; margin-top:20px; display:inline-block}

.xia{

	color:#000;

	font-size:14px;}

.fenye a{ padding: 5px; border: 1px solid #cdcdcd; color: #333;}





























 



/*在线联系*/

#ce_nav ul{margin-top:10px}

#ce_nav{ width:117px;background:url(../images/zxzx.png) no-repeat ;  /background:rgba(227,227,227,1); position:fixed; top:35%; z-index:1000; right:10px; padding-top:15px;}

#ce_nav .close{ width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; background:#666; position:absolute; top:-10px; right:-10px; color:#fff; cursor:pointer;}

#ce_nav .qq a{ display:inline-block; width:100px; height:30px; border:solid 1px #5e8825; border-radius:5px; text-align:center; line-height:30px;  margin:0 auto; color:#5e8825; font-size:12px; background:url(../images/ce_nav_qq.png) no-repeat 8px center; padding-left:8px;margin-bottom:5px; margin-left:5px;}

#ce_nav .qq a:hover{ background-color:#5e8825; color:#fff;}



#ce_nav .rexian{ font-size:16px; color:#666; text-align:center;}

#ce_nav .rexian strong{ font-weight:900; font-size:14px; }

#ce_nav .shaoshao{ font-size:16px; color:#666; text-align:center; margin-bottom:20px;}



#ce_nav .shaoshao .imges{ width:90px; height:90px; overflow:hidden; margin:5px auto;}

.fl {float: left;}
.tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.message{background-color: #f6f6f6;height:592px;font-size: 16px;}
.message .title{background: none;}
.message .title-black h2,.message .title-black h1{color:#06050a;font-weight: 500;}
.message td{padding-bottom:15px;}
.mes-con{width:85px;text-align: center;padding-right:13px;}
.message td input{width:403px;height:38px;line-height: 38px;border:1px solid #ccc;padding-left:5px;}
.message td textarea{width:398px;height:120px;border:1px solid #ccc;padding:5px;}
.message td .mes-sub{width:408px;height:47px;line-height: 47px;padding-left:0;background-color: #2ca838;color:#fff;border:1px solid #2ca838;border-radius: 5px;}
.message div.fr{padding:5px;background-color: #fff;}



.message1{height:592px;font-size: 16px;}
.message1 .title{background: none;}
.message1 .title-black h2,.message .title-black h1{color:#06050a;font-weight: 500;}
.message1 td{padding-bottom:15px;}
.mes-con{width:85px;text-align: center;padding-right:13px;}
.message1 td input{width:403px;height:38px;line-height: 38px;border:1px solid #ccc;padding-left:5px;}
.message1 td textarea{width:398px;height:120px;border:1px solid #ccc;padding:5px;}
.message1 td .mes-sub{width:408px;height:47px;line-height: 47px;padding-left:0;background-color: #2ca838;color:#fff;border:1px solid #2ca838;border-radius: 5px;}
.message1 div.fr{padding:5px;background-color: #fff;}

.show-pic{ width: 100%; display: inline-block;}
.sheow-title{font-size: 18px; height: 40px; line-height: 40px;}
.show-pic dl dt{width: 23%; margin-right: 1%; float: left; text-align: center; }
.show-pic .show-thumb{width:100%; height: 120px; overflow: hidden;}
.show-pic .show-thumb img{ width: 100%;}
.show-pic dl dt p{ font-size: 16px; height: 35px; line-height: 35px;}
.show-news dl dt{ width: 49%; float: left; margin-right: 2%; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #eee;}
.show-news dl dt:nth-child(2n){ margin-right: 0px;}