@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#555;}
a:hover{ color:#01a34e; }


body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#555; border-top:8px solid #01a34e; }

.head{ width:1200px; margin:0 auto; padding-top:25px; padding-bottom:25px;}
.tel{ background:url(../images/index_06.jpg) no-repeat left; height:46px; padding-left:55px; margin-top:5px;}
.tel h2{ font-size:23px;color:#01a34e; font-weight:bold}

.shuoa h2{ color:#000; font-size:35px; font-weight:900;}
.shuoa h3{ color:#333; font-size:17px; margin-top:5px;}
#search{ margin-top:15px;}
#search_logo{float:left}

.searchinput{
height:38px;
color:#939393;
font-size:12px;
border:#c8c8c8 solid 0px;
line-height:38px;
padding-left:15px;
width:225px;
float:left;
display:inline;
background:#f2f2f2;}



.nav_bgc{ width:100%; margin:0 auto; background:#01a34e; height:60px; }
.nav{ width:1200px; margin:0 auto}
.nav li {float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;}
.nav li a {width: 170px;
display: block;text-align: center;position: relative;color: #fff;height: 60px;line-height: 60px;}
.nav li.hover a, .nav li:hover a {color: #fff;background: #fbae17;}
.nav li .subnav {background: #fff;border-top: 2px solid #fbae17;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99999999;}
.nav li .subnav {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 13px;font-weight: 500;
line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:hover {color: #fbae17;background: #f9f9f9;text-indent: 10px;}


.banner{
width: 100%;
/*height: 560px;*/
/*background: black;*/
/*子绝父相*/
position: relative;
/*超出部分全部隐藏，解决横向滚动条*/
overflow: hidden;
}
.banner ul{
position: absolute;
}
.banner ul li{
/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
width: 100%;
height:500px;
float: left;
background:  no-repeat center center;
}
/*.banner ul li:nth-child(1){*/
/*background: url('./1.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(2){*/
/*background: url('./2.jpg') no-repeat center center;*/
/*}*/
/*.banner ul li:nth-child(3){*/
/*background: url('./3.jpg') no-repeat center center;*/
/*}*/
.banner ol{
/*width: 60px;*/
height: 20px;

position: absolute;
left:50%;
/*margin-left: -40px;*/
bottom: 30px;
padding: 0 10px;
border-radius: 10px;
}
.banner ol li{
width: 10px;
height: 10px;
float: left;
margin: 5px 5px;
background: rgba(255,255,255,0.5);
border-radius: 50%;
cursor: pointer;
}
.banner ol .current{
background: rgba(255,255,255,1);
}
.banner i{
width: 58px;
height: 120px;
position: absolute;
top: 42%;
margin-top: -25px;
cursor: pointer;
border-radius: 5px;
display: none;
}
.banner .left{
left: 40px;
background: url('../images/left_right.png') no-repeat 0 0px;
}
.banner .right{
right: 40px;
background: url('../images/left_right.png') no-repeat 0px -120px;
}
.banner .left:hover , .banner .right:hover{
background-color: rgba(0, 0, 0, 0.31);
}




/*------------公司---------*/
.gongsi{ background:url(../images/index_24.jpg) no-repeat center; width:100%; margin:0 auto; height:308px;}
.about{ width:1200px; margin:0 auto; padding-top:60px;}
.abimg{ width:301px; border-radius:5px; height:181px;overflow:hidden}
.abimg img{cursor: pointer; width:100%;transition: all 0.8s;}
.abimg img:hover{   transform: scale(1.2);}
.abtxt{ width:840px; margin-top:25px;}
.abtxt h2{ font-size:30px; color:#000; font-weight:900;}

.abtxt h3{font-size:15px;color:#333; margin-top:10px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}

.ab_txt{ text-overflow: ellipsis;display: -webkit-box; color:#818181;-webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden; line-height:27px; height:108px; width:580px; color:#555;} 


.gengduo{text-align:center; background:#01a34e; width:120px; height:35px; line-height:35px;}
.gengduo a{ color:#fff; }
.ablne{ width:1px; height:100px; background:#dfe0e2; margin-left:60px; margin-right:60px;}

/*-------产品-------*/
.product{ width:1200px; margin:0 auto; padding-top:70px;}
.hl_main5_content1{width:1200px;overflow:hidden; margin-top:50px; margin-bottom:70px;}
.hl_main5_content1 ul{width:26000px; overflow:hidden;}
/*---
.hl_main5_content1 ul li{ float:left; display:inline; margin-right:-50px; width:246px;}
.hl_main5_content1 li a:hover h2{ color:#0b6bd8}
---*/



.hl_main5_content1 ul li{float:left; margin-right:45px; position:relative;list-style:none; width:378px!important; height:283px}
.hl_main5_content1 ul li{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.hl_main5_content1 ul li {width: 378px;height: 283px;border-radius: 2px;overflow: hidden;}
.hl_main5_content1 ul li  img{cursor: pointer;transition: all 0.6s;}
.hl_main5_content1 ul li img:hover{transform: scale(1.4);}
.hl_main5_content1 ul li span{ background:#009944;color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height:55px; height:55px; text-align:center;position:absolute;width: 378px;left:0;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;bottom:-2px; font-size:20px;}
.hl_main5_content1 ul li:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

/*----------新闻---------*/
#new{width:1200px; margin:auto; clear:both; padding-bottom:50px;overflow:hidden; margin:0 auto;  margin-bottom:40px;   }
#new h4{width:1200px;  float:left; color:#333333; font-size:33px; text-align:left; line-height:40px;font-weight:900;   padding-bottom:30px font-weight:900; padding-top:50px }
#new h4 span{width:1200px;  float:left; color:#333333; font-size:17px; text-transform:uppercase; font-weight:normal;  }

.n2{width:1200px;float:right; padding-top:30px; }
.n2 ul{ float:left;}
.n2 ul li{display:inline;float:left;width:331px; height:170px; margin-right:67px;  }
.n2 ul li a{ float:left;  width:331px;  line-height:30px; margin-bottom:10px; }
.n2 ul li h5{width:331px;float:left; text-align:left; color:#000; font-size:17px; font-weight:normal; line-height:40px; margin-bottom:5px;}
.n2 ul li h3{width:331px;float:left; text-align:left; color:#bababa; font-size:50px; background:url(../images/n_x.jpg) no-repeat 100px 25px; font-weight:normal;  line-height:40px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.n2 b{  color:#9b9b9b; font-weight:normal ;font-size:14px; float:right}
.vv{width:331px;float:left;}
.n2 em{ color:#949494; font-size:12px; font-style:normal }
.m3{width:50px; line-height:33px; text-align:center; float:left; color:#CCCCCC; margin-top:0px; font-size:20px;}
.m3 a{width:50px!important;line-height:32px; float:left; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important; background:#666666; width:150px!important;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}





/*-------底部-----------*/
.foot{ background:url(../images/index_26.jpg) no-repeat center; height:236px; width:100%; margin:0 auto}
.foota{ width:1200px; margin:0 auto;padding-top:60px; color:#fff;}
.foozuo{ width:550px; line-height:25px;}
.fooyou{ width:500px; line-height:30px; color:#fff;}
.foota a{ color:#fff}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#fff;}




/*----内页---*/
.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:300px; }
.nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:300px; }
.nyyy{width:100%; margin:0 auto; background:url(../images/nyyy.jpg) no-repeat center; height:300px; }
.nydaili{width:100%; margin:0 auto; background:url(../images/nydaili.jpg) no-repeat center; height:300px; }
.nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:300px; }
.nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:300px; }

#main{width:1200px; margin:auto; clear:both; padding-top:60px; padding-bottom:50px;}
#left{width:230px; float:left; padding-bottom:10px; }
#pro{width:230px; float:left;}

#pro h3{width:230px; float:left; color:#fff; font-weight:bold; font-size:15px; padding-bottom:20px; background:#009944; border-top:#e89d04 solid 5px;text-align:center; padding-top:20px; }
#pro h3 span{  font-size:12px; font-weight:normal; line-height:15px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}


#pro ul{overflow:hidden; text-align:left; float:left;}
#pro ul li{display:inline;float:left;}
#pro ul li a{ float:left; background:url(../images/ddd.jpg) no-repeat left 5px; padding-left:30px; border-bottom:#dadada solid 1px;   width:200px; font-size:14px;margin-bottom:10px; margin-top:5px; padding-bottom:10px;}
#pro ul li a:hover{ float:left; }
#right{width:920px;float:right;}
.rx{width:228px; float:left; border:#e2e2e2 solid 1px; background:url(../images/dh.jpg) no-repeat 20px 30px; padding-bottom:20px; margin-bottom:1px;}
.rx span{ font-size:20px; color:#444444; font-weight:bold;padding-left:70px; font-family:Arial, Helvetica, sans-serif }
.rx p{padding-left:70px; padding-top:25px; }
.rx em{width:183px; padding-left:50px; font-style:normal; background:url(../images/home.jpg) no-repeat 20px 0px; float:left; margin-top:15px; line-height:20px;}
.rxxx{width:230px; float:left; line-height:35px; text-align:center; background:#0070c0; font-size:14px; color:#FFFFFF; margin-bottom:20px; }
.rxxx a{width:230px;  float:left;line-height:35px; text-align:center; background:#009944; font-size:14px; color:#fff;}
.rxxx a:hover{width:230px;  float:left;line-height:35px; text-align:center; background:#e89d04; font-size:14px; color:#FFFFFF;}

#right .rtop h2{width:920px; margin:0 auto; height:37px; font-size:16px; color:#333; font-weight:bold; border-bottom:#CCCCCC 1px solid; margin-bottom:15px;  }
#right .rtop h2 span{float:right; font-size:12px; color:#939393; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
#right .rtop h2 span a{color:#939393;}

.cuti{ color:#005e27; font-size:15px; font-weight:bold ; text-align:center; margin-bottom:10px; line-height:40px;}

#about{  padding-left:0px;   padding-right:0px;}
.neirong{ line-height:30px;}



.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;width: 100%; color: #009944; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #009944; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #009944; font-weight: normal;}
.contentPage a:visited {color: #009944; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #009944; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#009944;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #009944; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


.nybt{font-size:18px; color:#009944; padding-bottom:10px; text-align:center; margin:0 auto; }

.nlist{ border-bottom:1px dashed #d8d8d8; margin-bottom:20px; padding-bottom:20px;}
.n_img{ width:150px; height:100px;   display: flex;justify-content: center;
align-items: center; overflow:hidden;border:1px solid #d8d8d8;}
.n_img img{cursor: pointer;transition: all 0.6s;}
.n_img img:hover{transform: scale(1.2);}


/*--
.n_txt{ width:620px;}---*/
.n_txt{ width:750px;}
.n_bt a{ color:#009944; font-weight:bold}
.n_nr{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height:22px; height:44px; margin-bottom:5px; font-size:14px;}
.n_txt .riqi2{
    height: 20px; line-height:20px; color:#555; opacity:0.7;}

.nline{ background:#d8d8d8; height:1px; width:100%; margin:0 auto}

.mainwrap{ width:1200px; margin-left:auto; margin-right:auto;padding:0px;}
.home_news2{padding-top: 40px; background: #fff;padding-bottom: 25px;}
.newsbox3{width: 577px;}

.news_list2{ margin-top: 11px; background: url(../images/dot3.png) left 10px no-repeat;}
.news_list2 ul li{ margin:0px; padding:0px;}
.news_list2 ul li,.news_list2 ul li a{ display:block; height:32px;line-height:32px; }
.news_list2 ul li a,.news_list2 ul li span{  color:#5e5e5e;font-size:14px;font-weight:normal;}
.news_list2 ul li span{color: #cccccc; font-size: 14px;}
.news_list2 ul li a{ padding-left:20px;}
.news_list2 ul li a:hover{color:#0579cb;}


.news_list3{ margin-top: 11px; }
.news_list3 ul li{ margin:0px; padding:0px;}
.news_list3 ul li,.news_list3 ul li a{ display:block; height:32px;line-height:32px; }
.news_list3 ul li a,.news_list3 ul li span{  color:#5e5e5e;font-size:14px;font-weight:normal;}
.news_list3 ul li span{color: #cccccc; font-size: 14px;}
.news_list3 ul li a{ padding-left:20px;background: url(../images/dot2.png) left center no-repeat;}
.news_list3 ul li a:hover{color:#0579cb;}

.home_news3{ background: #f9f9f9;padding-top: 15px; padding-bottom: 25px;}

.home_news4{padding-top: 30px;padding-bottom: 34px;}
.wechatimg{width: 567px; height: 289px;margin-top: 14px;}
.wechatimg img{width: 567px; height: 289px;}