@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
.l{float:left;}
.r{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.hj01{ position:relative; margin-top:100px; z-index:999; background:#FFF; background:url(../images/hjk.jpg) no-repeat center; width:1200px; margin:0 auto; margin-top:50px; background: #fff; }
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}

.guangao{ width:100%; height:187px; background:#03910b;}
/*top*/
.headtop{ height:35px; background:#079d0a; line-height:35px;color:#fff;}
.headtop p{ display:block; float:left; font-size:14px;}
.headtop span{ display:block; float:right; font-size:15px; background:url(../images/tel.png) left center no-repeat; padding-left:30px;}
.head{ width:100%;z-index:1000; position:relative;}
.head .head_logo{width:100%; height:100px;  opacity:0.95;  }
.head .head_logo .logoDiv{width:320px; height:120px;}

.nav{ position: relative; z-index:100;}
.nav img{ margin-top:26px;}
.navMain{ position:relative; z-index:100; }
.nav .navMain .navLi{ float:left; position:relative; z-index:101; width:110px; margin-left:2px;}
.nav .navMain .navLi.indexLi{ margin-left:0; border:0; background:none;}
.nav .navMain .navLi a.a1{ display:block;color:#000; position:relative; height:100px; width:100%; text-align:center; font-size:16px; line-height:100px;}
.nav .navMain .navLi a.a1 span{ display:block; position:relative; z-index:10;}
.nav .navMain .navLi a.a1 .span1{ padding-top:13px;}
.nav .navMain .navLi a.a1 .span2{ font-size:10px; color:#b7b7b7; padding-top:3px;}
.nav .navMain .navLi a.a1 em{ position:absolute; z-index:10; left:0;top:0; width:100%; height:3px; display:none; background-color:#009946; }
.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{  color:#fff; background:#009946;}
.nav .navMain .navLi:hover a.a1 .span2,.nav .navMain .navLi.active a.a1 .span2{ color:#9cd6fc;}
.nav .navMain .navLi.active .a1 em,.nav .navMain .navLi:hover a.a1 em{ display: none;}
.nav .navMain .navLi .dh2{ width:160px; padding:10px; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #f7b604; }
.nav .navMain .navLi .dh2 a.a2{ display:block;background-color:#fff; color:#333; font-weight: 700; line-height:20px; font-size:15px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #bbb;}
.nav .navMain .navLi .dh2 a.a3 span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2 span{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.nav .navMain .navLi .dh2 a.a2:hover span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#ff9c01; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px;  float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}

/*banner*/
.banner{width:100%; background:#fafafa;z-index:11;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:815px;}
.banner_slides li.slidesjs-slide{width:100%;height:815px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:815px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=60); -moz-opacity:0.6; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.6;}
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#2fd13e;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#2fd13e;background-image:url(../images/next02.png);}
/**/
.slides_pagination{ width:100px;height:14px;bottom:30px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fff;color:#fff; border:2px solid #fff;}
/*banner end*/
/*search*/
.search{ width:100%; height:76px; background:#009946; overflow:hidden;}
.remen{ width:800px; padding-top:10px; float:left;}
.remen b{ line-height:60px; display:block; float:left; height:60px; margin-top:-5px; color:#fff; font-size:16px;}
.remen i{ display:inline-block; float:left; margin-right:5px;}
.remen ul li{ float:left; font-size:16px;  line-height:50px; margin-left:15px;}
.remen ul li a{color:#fff;}
.remen ul li:hover a{ color:#fff;} 

.searchR{ width:300px; float:right; margin-top:16px; }
.searchR input.ser_inp { width:230px; height:40px; border:none; background:#e3e3 e3; font-size:14px; color:#666;float:left; border-radius:5px 0px 0px 5px; border:2px solid #005a29;}
.searchR input.ser_so{ width:60px; height:40px; background:url(../images/search.png) no-repeat center; border:none; float:left;border-radius:0px 5px 5px 0px; cursor:pointer; }
.searchbot{ width:100%; height:3px; background:#e7e6e6; margin-top:5px; }


/* 产品滚动--带两边按钮 */
.cplist h2 { text-align:center; font-size:32px; font-weight:bold; background: url(../images/line.jpg) no-repeat bottom center; padding-bottom:20px; margin-top:30px;}
.cplist p { text-align:center; font-size:16px; font-weight: normal; margin-bottom:30px;}
.casebox h2 { text-align:center; font-size:32px; font-weight:bold; background: url(../images/line.jpg) no-repeat bottom center; padding-bottom:20px;}
.casebox p { text-align:center; font-size:16px; font-weight: normal; margin-bottom:30px;}
.rollBox {width:1362px;overflow:hidden;margin:0 auto;}
.rollBox .LeftBotton {height:120px;width:70px;background:url("../images/cp_left.png") no-repeat left center;overflow:hidden;float:left;display:inline;margin:70px 10px 0 0;cursor:pointer;}
.rollBox .RightBotton {height:120px;width:70px;background:url("../images/cp_right.png")no-repeat right center;overflow:hidden;float:left;display:inline;margin:70px 0 0 10px;cursor:pointer;}
.rollBox .Cont {width:1238px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {	width:392px;float:left;height:293px;margin-right:30px;position:relative;text-align: center;}
.rollBox .Cont .rollp{ background:#f8f8f8; }
.rollBox .Cont a{ color:#5f5d5d; line-height:2.8; font-size:16px;}
.rollBox .Cont .pic:hover img{cursor:pointer; *-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.rollBox #List1, .rollBox #List2 {float:left;}
.rollBox .Cont {width:1200px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:292px;float:left;margin-right:8px;}
.rollBox .Cont .pic img {display:block;width:292px;height:220px;}
.hezuo-bj{margin-bottom:60px;}
.hezuo-box{margin-top:30px;}
.hezuo-box li{ float:left; width:232px; margin-right:8px;}
.hezuo-box li:hover .rollp{
   color:#fff;
   background:#009946;
}
.hezuo-box li:nth-child(5){margin-right:0;}
.hezuo-box li img{ display:block; width:232px; height:174px;}
.hezuo-box li .rollp{
  width:100%;
  height:44px;
  line-height:44px;
  background: #f8f8f8;
  text-align: center;
    font-size: 16px;
    font-weight: normal;
}
/*产品展示*/
.cpbox{ padding:30px 0; background: url(../images/line1.jpg) repeat-x left top #f8f8f8;}
.classify{width: 63.8%;margin: 0 auto;margin-top: 20px;}
.classify ul li{float: left;height: 60px;background: #009946;border-bottom: 5px #00823b solid;width: 12.3%;margin-right: 1px;margin-bottom: 10px;line-height: 60px;text-align: center;}
.classify ul li a{color: #fff;font-size: 16px;display: block;}
.classify ul li:hover{background: #efb201;border-bottom: 5px #C60 solid;}

#pro-box1{ width: 85%; overflow: hidden; margin: 50px auto;}
@media (max-width: 1366px) {
  #pro-box1{
  width: 100%;
  overflow: hidden;
  margin: 50px auto;
  }
}
#pro-box1 li{width: 23.5%;
    height: 375px;
    background: #fff;
    margin: 15px 0.5% 40px 0.5%;
    float: left;
    list-style: none;
    position: relative;
    z-index: 0;
    border-bottom: solid 1px #e0e0e0;
    box-sizing: border-box;
    
}
#pro-box1 li .Img div{
    width: 100%;
    height: 285px;
    padding: 0;
    margin: 0;
    display: block;
}
#pro-box1 li p{
  position: absolute;
  width: 100%;
  height: 90px;
  background: #fff;
  z-index: 999;
  left: 0;
  bottom: 0;
}

#pro-box1 li p .sytitle{
    width: 100%;
    line-height:85px;
    font-size: 18px;
    color: #555;
	padding-left:10px;
}
#pro-box1 li p .smore{
  font-size: 16px;
  color: #555;
  line-height: 40px;
  display: block;
  text-align: center;
  width: 35%;
  z-index: 3;
  margin: 0 auto;
  border-radius: 20px;
  position: absolute;
  right: 8px;
  bottom: 20px;
  border: 1px #dcdcdc solid;
}
#pro-box1 li:hover{box-shadow: 0px 0px 10px #ccc;}
#pro-box1 li:hover p{
  background: #009946;
}
#pro-box1 li:hover p .sytitle{color: #fff;}
#pro-box1 li:hover p .smore{color: #fff;}


#pro-box1 li .avatar{
    position: relative;
}
#pro-box1 li .avatar{
    display: block;
    height: 285px;
    overflow: hidden;
    width:100%;
}
#pro-box1 li .avatar .myClass{
    height: 285px;
}
.avatar:after {
    bottom: 0;
    content: url("../images/bg_play.png");
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
    transform: scale(1.3);
    transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}
.abbox { background: url(../images/abbg.jpg) no-repeat center center;padding:30px 0;}
.about{margin: 70px 0 0; background:rgba(255,255,255,0.6)}
.about_l{width: 475px;height: 520px;background: #fff;padding: 12px 9px 0;}
.about_l li{background: url(../images/index_12.jpg) no-repeat;height:165px;margin-bottom: 5px;cursor: pointer;}
.about_l li img{filter: invert(80%);-webkit-filter: invert(80%);float: left;margin: 42px 60px 0 28px;}
.about_l li h3{color: #283949;font-size: 20px;margin-bottom: 15px;padding-top: 42px;}
.about_l li p{width: 430px;color: #6a6a6a;line-height: 20px;}
.about_l li.current1{background: url(../images/index_13.jpg) no-repeat;}
.about_l li.current1 img{filter: invert(0);-webkit-filter: invert(0);}
.about_l li.current1 h3{color: #fff;}
.about_l li.current1 p{color: #fff;}
.about_r{width: 690px;padding: 20px 0 0;}
.about_con{ padding-right:36px; padding-left:10px;}
.about_con p{color: #000;font-size: 16px;line-height:36px;}
.about_con h3{color: #000;font-size: 30px;line-height: 76px;}




/*案例展示*/
.casebox { margin-top:30px;}
.ytbt{text-align: center;padding-top: 40px;}
.ytbt a{color: #000;font-size: 35px;font-weight: bold;}
.ytbt a span{color: #02a556;}
.ytbt p{font-size: 15px;color: #707070;line-height:40px;}
.ytbt:hover a{color: #1e2e8d;font-size: 38px;}
.commend-pro {position: relative;height:460px;width:566px;overflow: hidden; }
.commend-pro .pro-content ul li {overflow: hidden;width: 566px;height: 460px;position: relative; }
.commend-pro .pro-content ul li a img {width: 626px;height:460px; }
.commend-pro .pro-content ul li a cite {position: relative;width: 100%;display: block;text-align: center;height: 34px;line-height: 34px;font-style: normal; }
.commend-pro .pro-content ul li a span {height: 45px;line-height: 45px;width: 100%;display: block;position: absolute;bottom: 0;text-align: center;color: #ffffff;font-size: 16px;background: rgba(0, 0, 0, 0.7);}
.commend-pro .pro-content ul li a:hover span {background: rgba(243, 192, 9, 0.7);}
.commend-pro .pro-content ul li .avatara img {display: block;height: 460px;overflow: hidden;width: 566px;position: relative;}
.commend-pro .pro-content ul li .avatara img{ }
.commend-pro .pro-content ul li .avatara img:hover , .zhuti .avatara img:hover, .bbsinner .avatara img:hover  { transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s;}
#demo { WIDTH:626px; OVERFLOW:hidden; float:right; height: 460px;}
#indemo { WIDTH:9000px; FLOAT:left}
#demo1 {FLOAT:left;width:1248px;}
#demo2 {FLOAT:left; width:1300px;}

.showcar li{width:300px; height:225px; float:left; margin-right:12px;overflow:hidden; position:relative; margin-bottom:15px;}
.showcar li img{width:300px; height:225px;}
.showcar li p{width:300px; height:45px;text-align:center; line-height:45px; position:absolute; left:0px; bottom:-29px;background: rgba(0, 0, 0, 0.7);}
.showcar li a{color:#fff; font-size:15px;}
.showcar li:hover p{background: #f3af0e;}
.showcar li .avatara img { display: block; height: 220px; overflow: hidden; width: 300px; position: relative;}
.showcar li .avatara img{height: 225px;}
.showcar li .avatara img:hover , .zhuti .avatara img:hover, .bbsinner .avatara img:hover  {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
/*优势*/
.ys_bj{width: 100%;background: url(../images/ysbg.jpg) no-repeat center top;margin: auto;overflow: hidden; margin-top:40px; padding-bottom:50px;}
.ys_nr{width: 1200px;margin: auto;overflow: hidden;margin-top: 56px;}
.ys_l{width: 333px;}
.ys_l h4{background: url(../images/ysbt.png) no-repeat right;height:230px;font-size: 53px; color: #f2b304;padding-top: 65px;}
.ys_l h4 span{color: #fff;display: block;}
.ys_l p{font-size: 18px;line-height: 30px;color: #fff;padding: 30px 0;margin-left: 40px;}
.ys_l a{display: block;float: left;width: 130px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;background:#f2b304;border-radius: 25px;margin-top: 50px;margin-left: 40px;}
.ys_l a:hover{background: #f2cc2b;color: #fff;}

.ys_r{width: 780px;height: 600px;background:rgba(255,255,255,0.9);}
.ys_r h3{font-size: 36px;color: #333;margin-top: 50px;margin-left: 70px;margin-bottom: 40px;}
.ys_r h3 span{color:#f2b304;}
.ys_r a{display: block;float: left;width: 650px;margin-bottom: 30px;margin-left: 70px;}
.ys_r a h4{font-size: 24px;}
.ys_r a h4 b{font-size: 30px;color: #f2b304; font-family: impact;margin-right: 10px;}
.ys_r a p{font-size: 18px;line-height: 30px;}
/*新闻中心*/
.news-bj{background: url(../images/xwbj.jpg) center no-repeat; margin-bottom:38px;}
.case_bt {width: 500px;margin: 0 auto;padding: 0px;margin-top: 30px;}
.case_bt h3 {font-size: 35px;color: #000;line-height: 50px;font-weight: normal;text-align: center;}
.case_bt span {display: block;width: 100%;height: 34px;background: url(../images/case.png) no-repeat center;text-align: center;font-size: 16px;color: #b0b0b0;}
.case_bt:hover h3{color: #009946;}.xw{width: 490px;height: 370px;margin-top: 40px;position: relative;}
.xw p{display: block;position: absolute;left: 0;bottom:-10px;background-color: rgba(0,153,70,0.6);height: 105px;z-index: 999;color: #fff;line-height: 25px;padding-left: 15px;padding-right: 15px;padding-top: 15px;overflow: hidden;}
.xw p b{font-size: 20px;}
.xw_r{ width:680px;margin-top: 40px;}
.beite_syd{ width:680px; height:48px;}
.beite_news{ width:680px; height:168px; border:1px solid #e3e3e3; overflow:hidden; color:#858585; margin-bottom:20px;}
.beite_news .xinwen_bt{ width:100%; height:168px; }
.beite_news .xinwen_bt a{ display:block;width:100%; height:46px; background:#f6f6f6;color:#858585;}
.beite_news .xinwen_bt a h3{ width:70%; float:left; text-indent:40px;background: url(../images/p.png) no-repeat 10px;line-height:46px; font-size:16px; color:#454545;}
.beite_news .xinwen_bt a span{ width:20%; float:left;font-size:16px; color:#828282; line-height:46px; text-align:right; padding-right:20px;}
.beite_news .xinwen_bt  p{ padding:20px; display:block; font-size:14px; color:#858585; line-height:30px;}
.beite_syd .xinwen_bt2{width:680px; height:48px; border:1px solid #e3e3e3; float:left; margin-bottom:20px;}
.beite_syd .xinwen_bt2 a{ display:block;width:100%; height:46px; background:#f6f6f6;color:#858585;}
.beite_syd .xinwen_bt2 a h3{ width:70%; float:left; text-indent:40px;background: url(../images/p.png) no-repeat 10px;line-height:46px; font-weight:normal; font-size:14px; color:#454545;}
.beite_syd .xinwen_bt2 a span{ width:20%; float:left;font-size:14px; color:#828282; line-height:46px; text-align:right; padding-right:20px;}
.beite_syd .xinwen_bt2 a:hover{ display:block;width:100%; height:46px; background:#009946;color:#ffffff;}
.beite_syd .xinwen_bt2 a:hover h3{ width:70%; float:left; text-indent:40px;line-height:46px; font-weight:normal; font-size:14px; color:#ffffff;}
.beite_syd .xinwen_bt2 a:hover span{ width:20%; float:left;font-size:14px; color:#ffffff; line-height:46px; text-align:right; padding-right:20px;}

.foot_b { width: 100%; overflow: hidden; height: 200px; background-color: #009946;}
.foot-cn { width: 1200px; margin:0 auto; overflow: hidden; }
.foot_b-l { width: 990px; float: left; padding: 20px 0; }
.foot-cn-nav {border-right: 1px solid #5f8ec3; overflow: hidden; }
.foot-cn-nav  { width: 890px; height: 46px; background-color: #fff;margin-top: 15px; }
.foot-cn-nav  a { width: 126px; display: block; float: left; border-right: 1px solid #ccc; text-align: center; font-size: 16px; color: #333; margin-top: 12px;}
.foot-cn-nav  a:last-child { border-right: 0; }
.foot-cn-nav a:hover { color: #ffab15; }
.foot-cn-nav  { overflow: hidden; margin-top:20px; }
.f22 { font-size: 16px; color: #fff; margin-right: 36px;line-height: 36px; margin-top: 20px; }
.foot_b-r { width: 178px; float: right; }
.foot_b-r div { float: left; margin-left: 22px; margin-top: 26px; }
.foot_b-r div p { font-size: 14px; color: #fff; text-align: center; margin-top:4px; }
.foot { width: 100%; height: 57px; line-height: 42px; text-align: center; background-color: #21457d; color: #fff; }
.foot-bo span { margin-right: 10px; font-size: 14px; }
.foot-bo span a { color: #fff; }
.bq{font-size: 15px; background:#000; text-align:center; color: #fff; line-height:50px;}
.bq a{margin: 0;color: #fff;}
.bq img{ vertical-align:middle;}