body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1200px; margin: 0 auto; }

/* head */
.top{ background: #466a1d; height:40px; line-height: 40px;  }
.wel{ float: left; font-size: 14px; color: #fff }
.head_right{ float: right; }
.search{ margin: 5px 0px 0 0; width: 148px; height: 28px; border: 1px solid #fff; border-radius: 5px; float: left; }
.search_txt{ float: left; height: 28px; padding-left: 10px; box-sizing: border-box; border: none; border: none; line-height: 28px; overflow: hidden; width:120px; font-size: 14px; background: none; color: #fff  }
.search_sub{ float: right; height: 28px; cursor: pointer; display: block; background: url(../images/head6.png) center center no-repeat; width: 28px; border: none; }
.line_head{background: url(../images/head4.png) center center no-repeat; width: 2px;  display:block; float: left; height: 40px;  }
.lan{ float: left; padding: 0 10px 0 38px;background: url(../images/head1.png) 15px center no-repeat; height: 40px; line-height: 40px; }
.lan a{ display: block; float: left; font-size: 14px; color: #fff;  background: url(../images/head5.png) right center no-repeat; }
.lan a:nth-last-child(1){ background: none; }
.lan a.on,.lan a:hover{ color: #e53b2c }
.what{ float: left; position: relative;}
.what a{ margin-left:18px;  }
.gzh{width:150px;height:150px;;position: absolute;z-index: 999999;left: -80px;top:40px;background: #fff;box-shadow: 0 0 5px #ccc;display: none;;}
.gzh img{width:140px;height: 140px;display:block;margin:5px;}

.head_inner{ background: #fff; height:100px; overflow: hidden;  }
h1{ float: left; line-height: 100px; }
.nav_ul{ float: right; }
.nav_ul li{ float: left; margin-left: 18px; position: relative; }
.nav_ul li a{ display: block; z-index: 99999; font-size: 16px; width: 100px; text-align: center; color: #333; height: 100px; line-height: 100px; position: relative; font-size: 16px; }
.nav_ul li:after { content: ""; position: relative;  display: block;
    width: 100px;
    height: 0;
    background:#466a1d;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; top: 0px;
    }

.nav_ul li:hover:after,.nav_ul li.on:after { height: 99px; color: #fff }
.nav_ul li a:hover,.nav_ul li.on a{color: #fff }

.search_txt::-webkit-input-placeholder{
            color:#fff;
        }
.search_txt::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
.search_txt:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
.search_txt:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;
        }


/* foot */
.foot{ background: #333333;  padding: 14px 0; overflow:hidden;}
.foot_left{ float: left; }
.foot_ul{ height:30px; line-height: 30px; overflow: hidden;  }
.foot_ul li{ float: left; margin-right:40px;  }
.foot_ul li a{ font-size: 14px; color: #fff;transition: all 0.5s ease 0s;  }
.foot_ul li a:hover{ color: #466a1d; transition: all 0.5s ease 0s; }
.foot_div{ height:32px; line-height: 32px; overflow: hidden; font-size: 14px; color: #bfbfbf  }
.foot_div a{color: #bfbfbf; padding-left: 6px; }
.foot_right{ float: right; width:304px;  }
.add_i{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #bfbfbf; display: block; }
.add_i img{ padding-right: 20px; }


.catalog{ float: left; width:244px; margin-top: 40px;  }
.catalog_h3{ background: #212940 url(../images/cata.jpg) right center no-repeat; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size:18px; }
.cata_ul a{ display: block; margin-bottom: 1px; height:47px; line-height: 47px; background: #f1f1f1; text-align: center; font-size: 14px;  }
.cata_ul a.for,.cata_ul a:hover{background: #f1f1f1 url(../images/cata1.png) center center no-repeat; font-weight: bold; color: #466a1d; }

.detailed{ float: right; width:890px; float: right; margin-top: 40px;  }
.site{ height:47px; line-height: 47px; border-bottom: 1px solid #e5e5e5;background: url(../images/home.png) 6px center no-repeat; color: #666; overflow: hidden; padding-left:38px;   }
.site a{ color: #666 }
.site a:hover,.site .green{ color: #466a1d }
.site a.cur{ text-decoration: underline; }

.about{ padding: 30px 0 60px 0; }

.xin_dl{ transition: all 0.3s ease 0s;   padding: 30px 10px; border-bottom: 1px solid #e5e5e5;  }
.xin_dl dt{ float: left; width:88px; background: #c7c7c7; height:78px; text-align: center; margin-right: 22px;   }
.xin_dl dt span{ display: block; padding-top: 8px; height: 36px; color: #fff; line-height: 36px; overflow: hidden;  font-size: 24px;font-weight: bold; }
.xin_dl dt em{ display: block; height: 27px; line-height: 27px; color: #fff; font-size: 14px;}
.xin_dl dd{ float: left; width:750px; position: relative;  }
.xin_dl dd .xin_tit{transition: all 0.5s ease 0s; display: block; overflow: hidden; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; }
.xin_inner{ overflow: hidden; height: 42px; line-height: 21px; color: #666; font-size: 14px;  }
.news{ padding-bottom: 70px; }
.xin_dl:hover dt{ background: #333333; transition: all 0.5s ease 0s; }
.xin_dl:hover dd  .xin_tit,.xin_dl:hover .xin_inner{ color: #466a1d;transition: all 0.5s ease 0s; }


.news_info{padding: 0;}
.release{ padding:30px 0 10px 0; margin-bottom: 30px; background: url(../images/news_line.jpg) center bottom no-repeat; text-align: center; }
.release h3{ height:44px; line-height: 44px; overflow: hidden; font-size: 24px; font-weight: bold;  }
.release .rele_span{ height: 30px; line-height: 30px; color: #d0d1d1; font-size: 14px; overflow: hidden; }
.retrun{ float: right;transition: all 0.5s ease 0s;  font-size: 14px; color: #466a1d; padding:30px 0; }
.piece{ padding:30px 0; border-top: 1px solid #e5e5e5; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 14px; }
.piece_i{ color: #466a1d }
.piece a:hover{ color: #466a1d; transition: all 0.5s ease 0s; }


.pro_dl{ padding:26px 0; border-bottom: 1px solid #e5e5e5  }
.pro_dl dt{ float: left; width:211px; height: 130px; margin-right: 20px; padding: 1px; box-sizing: border-box; border: 1px solid #f1f1f1  }
.pro_dl dd{ float: left; width: 634px; }
.pro_tit{ display: block; height:47px;transition: all 0.5s ease 0s;  line-height: 47px; overflow: hidden; font-size:18px;   }
.pro_inner{ height:48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666;  margin-bottom: 14px; }
.pro_see{ display: block; float: right;transition: all 0.5s ease 0s;  width: 60px; height: 22px; text-align: center; text-transform: uppercase; font-size: 14px; color: #666666; line-height: 22px; overflow: hidden; border: 1px solid #a1a1a1; }
.pro{ padding-bottom: 50px; }
.pro_info{ padding: 30px 0 60px 0; }
.pro_tit:hover{ color: #466a1d; transition: all 0.5s ease 0s; transform: translateX(10px); }
.pro_see:hover{transition: all 0.5s ease 0s;  border: 1px solid #466a1d; color: #fff; background: #466a1d;}

.case{ padding: 0 0 50px 0 }
.case_dl{ padding: 24px 8px 44px; border-bottom: 1px solid #e5e5e5 }
.case_tit{ height:50px;transition: all 0.5s ease 0s;  line-height: 50px; overflow: hidden; display: block; font-size:18px;   }
.case_div{ height:48px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666;   }
.case_see{display: block; float: right; transition: all 0.5s ease 0s; width: 60px; height: 22px; text-align: center; text-transform: uppercase; font-size: 14px; color: #666666; line-height: 22px; overflow: hidden; border: 1px solid #a1a1a1; }
.case_tit:hover{ color: #466a1d; transition: all 0.5s ease 0s; transform: translateX(10px); }
.case_see:hover{transition: all 0.5s ease 0s;  border: 1px solid #466a1d; color: #fff; background: #466a1d;}

.join{ padding: 0 0 60px 0 }
.recu{ padding:30px 0 0px 0px;}
.recu ul{ cursor:pointer; background:#f7f7f7 url(../images/join.png) 32px center no-repeat; height:44px; line-height:44px; margin-bottom:28px;}
.pos dd li{width:33.3%; float:left; display:block; text-align:center; color:#333; font-size: 14px; }
.Requirement{ border-bottom:none; color:#666666; line-height:34px; color: #666666; font-size: 14px; margin:30px 60px; display:none; }
.recu ul.act li{ color: #fff; font-size: 14px; font-weight: bold; }
.recu ul.act{background:#466a1d url(../images/join1.png) 32px center no-repeat;}

.mation_dl{ margin-bottom:30px;  }
.mation_dl dt{ float: left; width: 580px; height: 145px; overflow: hidden; margin-right: 40px; }
.mation_dl dt img{ width: 580px;transition: all 1s ease 0s; height: 145px; overflow: hidden; }
.mation_dl dd{ float: left; width:580px;}
.mation_link{ display: block;transition: all 0.5s ease 0s; overflow: hidden; height:50px; line-height: 50px; font-size: 16px; font-weight: bold;  }
.mation_word{ height:50px; line-height: 25px; overflow: hidden; font-size: 14px; color: #666666; width: 580px; }
.mation_time{ display: block; height: 44px; line-height: 44px; font-size: 14px; color: #999999 }
.mation_dl:nth-child(even) dt{ float: right; margin: 0 0 0 40px; }
.mation_link:hover{ color: #466a1d; transition: all 0.5s ease 0s; transform: translateX(10px); }

.mation_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2); }


.phone_banner{ display:none;}
.flex-direction-nav{ display: block; }
.flexslider {width: 100%;height:auto; margin:0 auto; overflow:hidden; box-sizing: border-box; position: relative; }
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-control-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; z-index: 999; }
.flex-control-nav li{ display: inline-block; margin:0 5px;  }
.flex-control-nav li a{ display: block; height:12px; width:24px; background:  url(../images/tab.png) center center no-repeat; font-size: 0;   }
.flex-control-nav li a.flex-active{background:  url(../images/tab1.png) center center no-repeat; }

.flex-nav-prev a{ position: absolute; display: block; left: 120px; z-index: 999; font-size: 0; top: 50%;background:  url(../images/left.png) center center no-repeat;  width: 50px; height: 50px; margin-top: -25px; }
.flex-nav-next a{ position: absolute; display: block; right: 120px; z-index: 999; font-size: 0; top: 50%;background:  url(../images/right.png) center center no-repeat;  width: 50px; height: 50px; margin-top: -25px; }

.us{ padding:60px 0;  }
.us_ul{ margin-left:-20px;  }
.us_ul li{ float: left; transition: all 0.3s ease 0s;  margin: 0 0 0 20px; width:380px; overflow: hidden; background: #f6f6f6; padding:60px 0 66px 0; position: relative;  }
.us_img{ height: 50px; position: relative; overflow: hidden;  }
.us_h3{ height:60px; transition: all 0.5s ease 0s; line-height: 60px; font-size: 16px; font-weight: bold; overflow: hidden; text-align: center;  }
.us_line{ display: block; height:2px; width: 30px; background: #dddddd; margin: 0 auto 24px }
.us_inner{ height:105px; overflow: hidden; line-height:26px; font-size: 14px; color: #666666; padding: 0 40px;  }
.us_see{ height: 45px;transition: all 0.5s ease 0s;  position: absolute; left: 0; width: 100%; bottom: -100px; line-height: 45px; background: #466a1d; display: block; text-align: center; color: #fff; font-size: 14px; }
.ash_i{ width: 50px; height: 50px;transition: all 0.5s ease 0s; line-height: 50px; text-align: center; position: absolute; left: 50%; top: 0; margin-left: -25px; }
.green_i{ width: 50px; height: 50px;transition: all 0.5s ease 0s; line-height: 50px; text-align: center; position: absolute; left: 50%; bottom: -60px; margin-left: -25px; }

.us_ul li:hover .us_see{ bottom: 0; transition: all 0.5s ease 0s; }
.us_ul li:hover{ background: #fff; box-shadow: 0 0 30px #f4f4f4; transition: all 0.3s ease 0s;  }
.us_ul li:hover .us_h3{ color: #466a1d; transition: all 0.5s ease 0s;  }
.us_ul li:hover .green_i{ bottom: 0; transition: all 0.5s ease 0s; }
.us_ul li:hover .ash_i{ top: -50px; transition: all 0.5s ease 0s; }





.mation{ background: #f6f6f6; padding:56px 0; }
.mation_tit{ margin-bottom: 22px;  height: 30px; line-height: 30px; overflow: hidden;}
.mation_h3{ float: left; font-size: 24px; font-weight: bold; }
.mation_i{ padding-left:10px; color: #999999; font-size:14px; font-weight: initial;   }
.mation_see{ display: block; float: right; width: 110px; height: 30px; line-height: 30px; text-indent: 17px; font-size: 14px; color: #666666; border-radius: 30px; background: #fff url(../images/see.png) 82px center no-repeat;}
.mation_see:hover{ color: #ec2eb4 }

.pagings{
    margin-top: 20px;
    text-align: center;
}
.pags_item{
  display: inline-block;
  width:32px;
  line-height:32px;
  font-size: 14px;
  margin: 0 5px;
  border-radius: 4px;
  border:1px solid #dddddd;
}
.curpage,.pags_item:hover{
  color:#fff;
  border-color: #466a1d;
  background:#466a1d;
}