@charset "utf-8";

/* CSS Document */

body{margin:0 auto; padding:0; font-size:14px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#666;  }

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}

h1,h2,h3,h4{font-size:18px; font-family:"微软雅黑",Tahoma,Arial;}

a{text-decoration:none; color:#666; text-decoration:none;}

a:hover{ text-decoration:none;}

img{ border:0 none; vertical-align:top;}

ul li{list-style:none;}

.c{clear:both; overflow:hidden; zoom:1;}

.center{ text-align:center;}

.fl{ float:left;}

.fr{ float:right;}

.warp{width:1200px; margin:0 auto; clear:both;}

.clear{ clear:both;}

.ft12{ font-size:12px;}

.ft14{ font-size:14px;}

.ft16{ font-size:16px;}

.ft18{ font-size:18px;}

.ft20{ font-size:20px;}

.mt5{ margin-top:5px;}

.mt7{ margin-top:7px;}

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt13{ margin-top:13px;}

.mt15{ margin-top:15px;}

.mt18{ margin-top:18px;}

.mt20{ margin-top:20px;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt35{ margin-top:35px;}

.mr10{ margin-right:10px;}

.mr12{ margin-right:12px;}

.mr15{ margin-right:15px;}

.mr20{ margin-right:20px;}

.ml20{ margin-left:20px;}

.block5{ clear:both; height:5px;}

.block10{ clear:both; height:10px;}

.block15{ clear:both; height:15px;}

.block20{ clear:both; height:20px;}

.block25{ clear:both; height:25px;}

.block30{ clear:both; height:30px;}

.block40{ clear:both; height:40px;}

.block50{ clear:both; height:50px;}

.block64{ clear:both; height:64px;}

.block70{ clear:both; height:70px;}

.block80{ clear:both; height:80px;}



img.zoom-img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}

img.zoom-img {-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}


/*头部*/

.top{ background: url(../images/bj-50.png) repeat; height: 153px;}

.phone{ width:200px; overflow:hidden; float: right; margin-top:40px; padding-left: 60px;  background:url(../images/tel.png) left 5px no-repeat;}

.phone h2{ height:24px; font:14px/24px "微软雅黑"; color: #666;}

.phone p{font:30px/30px "Impact"; color: #00863a;}

.phone span{font:21px/30px "微软雅黑"; color: #00863a; display: block;}






.navbj{width:100%; height:56px; background: #333;}

.navdiv{width:1200px; height:56px; margin:0 auto;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.nav{padding:0; height:56px; line-height:56px; position:relative; z-index:1;text-align:center; font-family:"微软雅黑"; }

.nav a{ color:#fff;  }

.nav .nLi{ float:left;  position:relative; display:inline;  }

.nav .nLi h3{ float:left; font-weight:normal; }

.nav .nLi h3 a{ display:block; width:133px; line-height:56px; font-size:17px;}

.nav .nLi h3 a:hover{color:#fff; text-decoration:none; background:#00863a;}

.nav .sub{ display:none; width:180px; left:0; top:56px;  position:absolute; line-height:45px; background:#00863a;}

.nav .sub li{ zoom:1; font-size:14px;}

.nav .sub a{ display:block; width:180px; color:#fff;}

.nav .sub a:hover{background:#4fc600; color:#fff; text-decoration:none;}

.nav .on h3 a{ background:#00863a;  color:#fff;}




/*banner*/

.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;}

.slideBox .bd{width:100%; height:600px; overflow:hidden; z-index:1; vertical-align:middle; text-align:center; }

.slideBox .bd li{width:100%; height:600px; overflow:hidden;}

.slideBox .bd li a{width:100%; height:600px; overflow:hidden; display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:5px; top:50%; margin-top:-42px; display:block; width:44px; height:84px; background:url(../images/slider-arrow.png) -88px 0px no-repeat; filter:alpha(opacity=50); opacity:0.5;}

.slideBox .next{ left:auto; right:5px; background-position:0px 0px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.slideBox .prevStop{ display:none;}

.slideBox .nextStop{ display:none;}




/*图标*/

.icon{ width: 1000px; margin: 0 auto;}

.icon li{ width:200px; display: block; float: left; margin:25px; text-align: center;}

.icon li img{ width:72px; height: 72px; overflow: hidden; margin: 0 auto; }

.icon li p{ font:15px/40px "微软雅黑"; color:#999;}

 
 
 
/*产品分类*/

.bt1{font:bold 60px/70px "微软雅黑"; color: #0067b3; text-align: center; text-transform: uppercase;}

.bt2{font:28px/30px "微软雅黑"; color: #333; text-align: center; }

.cpflbox{ width: 1200px; margin: 0 auto;}

.cpflbox li{  margin:5px; float: left; display: block;}

.cpflbox li a{ background: #fff; padding: 9px; display: block; color: #333;}

.cpflbox li a:hover { background: #00863a; display: block; color: #fff; transition:transform ease .1s;-webkit-transition:transform ease .1s; transform:scale(1.01);-webkit-transform:scale(1.01);}

.cpfl_img{ width: 172px; height: 172px; overflow: hidden;}

.cpfl_img img{ width: 172px; height: 172px; overflow: hidden;}

.cpfl_t1{font:15px/50px "微软雅黑"; text-align: center; }




.cpfl_gd{margin:5px; float: left; display: block;}

.cpfl_gd a{background: #00863a; padding: 9px; width: 172px; height: 222px; display: block; color: #fff;}

.cpfl_gd a:hover{background: #16a93f; display: block;transition:transform ease .1s;-webkit-transition:transform ease .1s; transform:scale(1.01);-webkit-transform:scale(1.01);}

.wb1{ font: 30px/50px "微软雅黑"; text-align: center; letter-spacing:4px;}

.wb2{ font: 16px/30px "微软雅黑"; text-align: center; text-transform: uppercase;}



.bjls{ background:#00863a;}





/*产品*/

.bt3{font: bold 60px/80px "微软雅黑"; color: #fff; text-align: center; }

.bt4{font:28px/50px "微软雅黑"; color: #59e000; text-align: center;}

.cp{ margin: 0;display:grid;grid-template-columns: repeat(5, 1fr);gap:10px;position:static !important;}

.cp li{background:#fff;width: auto !important}

.cp_t1{max-width:100%;max-height:100%;width:auto !important; height:auto !important;position:static !important;font-size:16px;}

.cp_t1 a{ display:block; color:#333; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none;}

.cp_t1 a:hover{ display:block; color:#00863a;}

.cp_ps{ max-width:100%;max-height:100%;width:auto; height:auto; overflow:hidden;display:flex;justify-content: center;align-content:center;}

.cp_ps img{max-width:100%;max-height:100%;width:auto; height:auto; overflow:hidden;}

.cp_ps2{ width:282px; height:188px; overflow:hidden;}

.cp_ps2 img{ width:282px; height:188px; overflow:hidden;}



.more{display:block; border:1px solid #dfdfdf; width: 274px; height: 50px; margin: 0 auto; text-align:center; font:15px/50px "微软雅黑"; }

.more a{ display:block; background:none; color:#666; }

.more a:hover{display:block; background: #00863a; color:#fff; }





/*优势*/

.line{ height: 9px; width: 100%; background: #4fc600;}



/*简介*/

.jj_ps{ width: 432px; height: 284px; overflow: hidden; border: 8px solid #fff; float: left; margin-left: 33px;}

.jj_ps img{ width: 432px; height: 284px; overflow: hidden; }

.jj01{ margin-right:30px; margin-top: 15px; float:right; width:654px; font:15px/32px "微软雅黑"; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}

.more2{display:block; margin-top: 20px; border:1px solid #dfdfdf; width: 274px; height: 48px; text-align:center; font:15px/48px "微软雅黑"; }

.more2 a{ display:block; background:none; color:#666; }

.more2 a:hover{display:block; background: #00863a; color:#fff; }

.line2{height: 37px; width: 100%; border-bottom: 1px solid #e4e4e4; display:block; clear: both;}



.jj02{ line-height:60px; height:60px; font-family:"微软雅黑";}

.jj02 h3{ font-size:28px; color:#00863a; font-weight: normal; float:left; margin-left:10px;}

.jj02 h3 i{ font-style:normal; color:#333; text-transform:uppercase; padding-left:8px; }

.more3{ display:block; width:90px; height:30px; line-height:30px; overflow:hidden; text-align:center; font-size:15px; float:right; text-transform:uppercase; margin-top:20px; }

.more3 a{display:block; color:#999; text-decoration:none;}

.more3 a:hover{ display:block; background:#16a93f; color:#fff; }



.slideTxtBox2{ width:1200px; height:352px; overflow:hidden; margin:0px auto;}

.slideTxtBox2 .bd{ padding:0px;}

.slideTxtBox2 .bd ul{ width:1200px;overflow:hidden; zoom:1; }

.slideTxtBox2 .bd ul li{display:block; float:left; width:282px; height:332px; margin:10px 9px; background:#fff;}

.slideTxtBox2 .bd ul li:hover,.slideTxtBox2 .bd ul li:focus{ border:0px solid #ff3e80; box-shadow: 0 0 10px 0 rgba(170,170,170,.63);}

.pic{width:282px; height:282px; overflow:hidden;}

.pic img{ width:282px; height:282px;overflow:hidden; display:block;}

.title{line-height:50px; overflow:hidden; height:50px; text-align:center;font-family:"微软雅黑"; font-size:16px; background:#fff;}

.title a{color:#666; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none; outline:none;}

.title a:hover{ color:#00863a;}





/*新闻中心*/

.news{ width:1200px; margin:0 auto;}

.news li{ width:582px; margin:9px; display:block; float:left;  }

.news2{ width:1200px; margin:0 auto;}

.news2 li{ width:582px; margin:9px; display:block; float:left; background:#fff;}

.leftdate{width:70px; height:100px; text-align:center; float:left;}

.leftdate span{ width:100%; height:50px; line-height:50px; display:block; background-color:#00863a; color:#fff; font-size:30px;}

.leftdate em{ width:100%;  height:50px; line-height:50px; display:block;  background-color:#4fc600; font-style:normal; font-size:14px; color:#fff; }

.rightnews{ width:484px; float:right; padding:0 10px;}

.rightnews h2{font:15px/26px "微软雅黑"; padding-top:12px; height:26px; line-height:26px;}

.rightnews h2 a{ display:block; color:#333;}

.rightnews h2 a:hover{color:#00863a; text-decoration:none;}

.rightnews p{ width:100%; line-height:26px; height:52px; overflow:hidden; font-size:15px; color:#999;}





/*底部*/

.bjhs{ background: #00863a;}

.b1{ background: #029240; font:14px/64px "微软雅黑"; color: #fff; text-align: center;}

.b1 a{ color:#fff;}

.b1 span{ padding: 0 8px;}

.b2{font:14px/40px "微软雅黑"; color: #fff; text-align: center;}

.b2 a{ color: #fff;}

.b2 span{ padding: 0 8px;}





/*漂浮*/

.siderbar{position:fixed; right:1%; bottom:20%; z-index:999999;}

.siderbar li{display:block;text-align: center;width:45px;height:45px; background:#1b1b1d; position: relative;z-index:9999; margin-bottom:1px;}

.siderbar li a{display:block; width:35px;height:35px; padding:5px; font:300 14px/14px Microsoft YaHei;position:absolute;right:0px;}

.siderbar li a:hover{background:#fefcfd; color:#333132;text-decoration:none;text-align: center; z-index: -1;}

.siderbar li a em {text-align:left;color:#333132;cursor: pointer;display:none; font-style:normal; line-height:16px;}

.siderbar li a em img{ width:90px; height:90px; overflow:hidden; margin-top:-65px; float:left; margin-left:-96px;}

.zx,.fh,.kf,.sm{display:block;width:35px;height:35px;background:url(../images/siderbarpic.png);overflow:hidden;}

.fh{background-position: 0 0;}

.kf{background-position:0 -35px;}

.zx{background-position:0 -70px;}

.sm{background-position:0 -105px;}





/*===================inlayout====================*/

.bjbs { background: #fff;}

#category {	text-align: center;	padding-bottom:10px; overflow:hidden; padding-top:10px; }

#category li {display: inline-block; margin-bottom:5px;}

#category li a {line-height: 30px;	height:30px; padding: 1px 16px;	color: #616161;	border: #d2d2d2 1px solid; margin-right:4px;display: inline-block;transition:all 0.3s ease-out 0s;}

#category li.active a, #category li a:hover {background: #241a18;color:#fff;border-color: #292929;text-decoration:none;}



.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:5px 15px 30px 15px; font-family:"微软雅黑";}

.page_con img{ max-width:1170px; height:auto; width:expression(this.width > 1170 ? "1170px" : this.width); overflow:hidden;}



.con_title{text-align:center; font-size:20px; font-family:"微软雅黑"; margin-top:10px;}

.author{ text-align:center; font-size:12px; border-bottom:#ccc dashed 1px; height:28px; line-height:28px; font-family:"微软雅黑"; margin:5px 0px 10px 0px;}

.fy{margin-bottom:20px; border-top:#ccc 1px dashed; padding-left:10px; padding-top:7px; line-height:30px; font-size:14px;}

.fy a:hover{ color:#00863a; text-decoration:none;}





/*页码*/

.pages {overflow:hidden;font-size:12px;text-align:center; margin-top:20px; text-align: center;}

.pages a { display:inline-block; margin:0 2px; height:34px; line-height:34px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}

.pages a.a1 {width:56px; padding:0; background:#f8f8f8;}

.pages a:hover { background:#292929; border-color:#292929; color:#fff; text-decoration:none; }

.pages span { display:inline-block; height:34px;padding:0 12px; line-height:34px; background:#292929; border:1px solid #292929; color:#fff; text-align:center; }







/*在线留言*/

.message{ text-align:center; margin:0 120px 120px 0; width:40%; float:right;}

.wb14{font-family:Times New Roman; font-size:50px; color:#ccc; text-align:center;}

.wb15{ font-size:13px; color:#333; text-align:center;}

.wb16{ font-size:13px; color:#00863a; text-align:center; line-height:30px;}

.kuan{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}

.kuan3{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:410px;height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px; }

.kuan2{ background-color:#f4f3f3; border:1px dashed #aaa; font-size:14px;color:#777; width:100%;height:122px;line-height:24px;line-height:24px; font-family:"微软雅黑"; margin-bottom:10px;}

.wb17{ text-align:left; line-height:30px;}

.Button{ width:200px; height:36px; line-height:36px; text-align:center; color:#fff; background:#16a93f; margin:10px auto; font-family:"微软雅黑"; font-size:15px; border:0; outline:0; border-radius:36px; overflow:hidden; letter-spacing:5px; cursor:pointer;}

.kf02{ width:358px; height:270px; margin:20px auto;}






/*分页=============================================================*/
.prorig-con{margin:auto;clear:both;padding-top:60px;width:100%;}
.prorig-con ul{margin:auto;display:flex;justify-content:center;align-items:center;}
.prorig-con ul li{color:#fff;text-align:center;margin:0 5px;display:flex;justify-content:center;align-items:center;}
.prorig-con ul li a{border-radius:5px;background:#2a489e;color:#fff;font-size:15px;line-height:1;padding:10px 15px;text-align:center;display:block;}
.prorig-con ul li.current a{color:#555 !important;font-size:15px;border-radius:5px;background:#ddd !important;line-height:1;text-align:center;}
.prorig-con ul li span.disabled{background:#ffffff;padding:5px 7px;text-align:center;display:block;color:#777777;font-size:24px;line-height:1;}







.sidebartt {
    margin-top: 15px;
}
.inner {
    width: 1200px;
    margin: 0px auto;
        margin-top: 0px;
    position: relative;


}

 

 

.news_list { width:100%; margin:20px 0px 60px 0px; padding:0px 0px; overflow:hidden;}
 
.news_list li{ margin:30px  0px 30px 0px; height:120px; display:block; padding-right:20px; overflow:hidden; border-bottom:1px solid #dddddd;}

.news_list li a{height:110px; line-height:26px; background:url(../images/n1.jpg) no-repeat left center; display:block;}

.news_list li a:hover{height:110px; line-height:26px; background:url(../images/n2.jpg) no-repeat left center; display:block;}

.news_list li .title{ line-height:40px; font-size:16px; font-weight:bold; color:#1b1b20;text-align:left;}

.news_list li span{ float:left; width:110px; height:106px; text-align:center; font-size:16px; line-height:20px; color:#1b1b20; border:1px solid #474747; margin-right:40px;}

.news_list li div{ margin:2px 0px 0px 30px; padding:0px; width:1160px; line-height:30px; font-size:14px; color:#474747;}