html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
.icon-sprite, .icon-alibaba, .icon-args, .icon-ch, .icon-en, .icon-hot, .icon-more, .icon-news, .icon-phone, .icon-pro-left, .icon-pro-right, .icon-question, .icon-related, .icon-shadow, .icon-shadow2, .icon-t-about, .icon-t-honor, .icon-tel {
  background-image: url('../images/icon-s12a052b6e7.png');
  background-repeat: no-repeat;
}
.icon-alibaba {
  background-position: 0 0;
  height: 69px;
  width: 171px;
}
.icon-args {
  background-position: 0 -69px;
  height: 19px;
  width: 21px;
}
.icon-ch {
  background-position: 0 -88px;
  height: 11px;
  width: 18px;
}
.icon-en {
  background-position: 0 -99px;
  height: 11px;
  width: 17px;
}
.icon-hot {
  background-position: 0 -110px;
  height: 33px;
  width: 24px;
}
.icon-more {
  background-position: 0 -143px;
  height: 41px;
  width: 82px;
}
.icon-news {
  background-position: 0 -184px;
  height: 17px;
  width: 22px;
}
.icon-phone {
  background-position: 0 -201px;
  height: 19px;
  width: 19px;
}
.icon-pro-left {
  background-position: 0 -220px;
  height: 21px;
  width: 21px;
}
.icon-pro-right {
  background-position: 0 -241px;
  height: 21px;
  width: 21px;
}
.icon-question {
  background-position: 0 -262px;
  height: 23px;
  width: 27px;
}
.icon-related {
  background-position: 0 -285px;
  height: 10px;
  width: 22px;
}
.icon-shadow {
  background-position: 0 -295px;
  height: 32px;
  width: 227px;
}
.icon-shadow2 {
  background-position: 0 -327px;
  height: 43px;
  width: 141px;
}
.icon-t-about {
  background-position: 0 -370px;
  height: 23px;
  width: 23px;
}
.icon-t-honor {
  background-position: 0 -393px;
  height: 22px;
  width: 20px;
}
.icon-tel {
  background-position: 0 -415px;
  height: 21px;
  width: 33px;
}
/* 基础样式 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font: 16px/1 "微软雅黑",Arial,Verdana;
  color: #333;
}
a {
  text-decoration: none;
  color: inherit;
}
input, select, textarea {
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
  padding-left: 3px;
}
i {
  color: inherit;
  display: inline-block;
}
strong {
  font-weight: bold;
}
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
.wrap {
  width: 1200px;
  margin: auto;
}
.wrap:before, .wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.clear:before, .clear:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.lt {
  float: left;
}
.rt {
  float: right;
}
/*  去除百度地图排版错乱和边款不对齐的问题 */
#dituContent img {
  max-width: none;
}
#dituContent * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*  header  */
.header .header-top {
  height: 104px;
}
.header .header-top .logo {
  margin-top: 22px;
}
.header .header-top .text {
  line-height: 35px;
  font-size: 18px;
  color: #525252;
  margin: 25px 0 0 20px;
  width: 372px;
}
.header .header-top .alibaba {
  margin: 28px -20px 0 -20px;
}
.header .header-top .link-tel {
  width: 370px;
  text-align: right;
}
.header .header-top .link-tel .link {
  font-size: 12px;
  margin-top: 18px;
}
.header .header-top .link-tel .link a {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header .header-top .link-tel .link a:hover {
  color: #ec7114;
}
.header .header-top .link-tel .link i {
  vertical-align: -1px;
  margin: 0 4px 0 18px;
}
.header .header-top .link-tel .link a:first-child i {
  vertical-align: -4px;
}
.header .header-top .link-tel .tel {
  margin-top: 48px;
}
.header .header-top .link-tel .tel * {
  vertical-align: top;
}
.header .header-top .link-tel .tel i {
  margin-right: 4px;
}
.header .header-top .link-tel .tel span {
  font-size: 18px;
}
.header .header-top .link-tel .tel strong {
  display: inline-block;
  margin-top: -1px;
  color: #069752;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
}
.header .header-nav {
  height: 51px;
  line-height: 23px;
  background: url(../images/header-nav-bc.jpg);
}
.header .header-nav ul:before, .header .header-nav ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.header .header-nav li {
  float: left;
  position: relative;
  padding: 14px 0;
  width: 150px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header .header-nav li a {
  display: block;
  height: 100%;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.header .header-nav li:first-child a {
  border-left: none;
}
.header .header-nav li:last-child a {
  border-right: none;
}
.header .header-nav li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.header .header-nav li:hover + li a {
  border-left-color: transparent;
}
.header .header-nav li:hover a {
  border-color: transparent;
}
.header .header-nav li:hover .header-dl-area,
.header .header-nav li:hover .header-dl-area-pro {
  display: block;
}
.header .wrap {
  position: relative;
}
.header .header-dl-area {
  display: none;
  position: absolute;
  z-index: 100;
  top: 51px;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
  background: rgba(255, 255, 255, 1);
  width: 100%;
  color: #069752;
  font-weight: normal;
  line-height: 1.6;
}
.header .header-dl-area a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
}
.header .header-dl-area dl {
  position: relative;
}
.header .header-dl-area dl:hover .header-dd-area {
  display: block;
}
.header .header-dl-area dt {
  padding: 10px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.header .header-dl-area dt:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8069752,endColorstr=#c8069752);
  background: rgba(6, 151, 82, 1);
  color: #fff;
}
.header .header-dl-area .header-dd-area {
  display: none;
  position: absolute;
  top: 0;
  left: 250px;
  background: #A97246;
  width: 170px;
}
.header .header-dl-area .header-dd-area dd {
  padding: 5px 10px;
}
.header .header-dl-area-pro {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 51px;
  left: -270px;
  padding: 0 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
  background: rgba(255, 255, 255, 1);
  width: 812px;
}
.header .header-dl-area-pro:before, .header .header-dl-area-pro:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.header .header-dl-area-pro dl {
  float: left;
  width: 153px;
  margin: 7px 3px;
  position: relative;
}
.header .header-dl-area-pro dl a {
  display: block;
  border: none;
}
.header .header-dl-area-pro dl .type-img {
  display: block;
  width: 100%;
  height: 106px;
}
.header .header-dl-area-pro dl h3 {
  font-size: 12px;
  line-height: 25px;
  height: 25px;
  text-align: center;
  color: #333;
}
.header .header-dl-area-pro dl .shadow {
  display: none;
  position: absolute;
  width: 100%;
  height: 106px;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cfbb134,endColorstr=#4cfbb134);
  background: rgba(6, 151, 82, 0.31);
}
.header .header-dl-area-pro dl .shadow-line {
  position: absolute;
  top: 10px;
  right: -4px;
}
.header .header-dl-area-pro dl:nth-child(5n) .shadow-line {
  display: none;
}
.header .header-dl-area-pro dl:hover .shadow {
  display: block;
}
.header .header-dl-area-pro dl:hover h3 {
  background: #069752;
  color: #fff;
}
/* banner */
.banner {
  position: relative;
  /* 为了左右按钮定位 */
}
.banner ul {
  height: 524px;
}
.banner ul li {
  position: absolute;
  width: 100%;
  height: 100%;
}
.banner .banner-page {
  height: 490px;
}
.banner .to-left, .banner .to-right {
  position: absolute;
  top: 40%;
  font-size: 40px;
  cursor: pointer;
}
.banner .to-left {
  left: 5%;
}
.banner .to-right {
  right: 5%;
}
.banner .btns {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5%;
}
.banner .btns span {
  display: inline-block;
  width: 40px;
  height: 4px;
  background: #ddd;
  margin: 5px;
  cursor: pointer;
}
.banner .btns .active {
  background: #ec7114;
}
.control-banner {
  position: relative;
  height: 180px;
  padding-top: 40px;
  background: url(../images/banner-btn-bc.jpg);
}
.control-banner .wrap {
  position: relative;
}
.control-banner .banner-area {
  font-size: 0;
  overflow: hidden;
  margin: auto;
  width: 920px;
}
.control-banner .banner-box {
  position: relative;
  overflow: hidden;
  width: 5000px;
}
.control-banner .banner-box .banner-item {
  float: left;
  width: 187px;
  padding-right: 16px;
}
.control-banner .banner-box .banner-item img {
  width: 100%;
  height: 108px;
  display: block;
  border: 2px solid transparent;
  margin: auto;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.control-banner .banner-box .banner-item.active img {
  border-color: #fff;
}
.control-banner .to-left, .control-banner .to-right {
  position: absolute;
  color: #fff;
  font-size: 28px;
  top: 37%;
  cursor: pointer;
}
.control-banner .to-left {
  left: 7%;
}
.control-banner .to-right {
  right: 7%;
  text-decoration: none;
}
/* content  */
.index-content {
  height: 2322px;
  background: url(../images/main-bc.jpg) center bottom no-repeat;
}
.about-pub-title {
  margin-bottom: 20px;
  height: 50px;
  border-bottom: 1px dashed #ddd;
}
.about-pub-title:before, .about-pub-title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.about-pub-title h2 {
  margin-left: -7px;
  width: 141px;
  height: 49px;
  background: url(../images/sub-title-bc.png) no-repeat;
  padding-top: 7px;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
}
.about-pub-title h2 i {
  margin: 0 3px 0 20px;
  vertical-align: -4px;
}
.about-pub-title .more {
  font-size: 12px;
  color: #ec7114;
  margin-top: 26px;
}
.about {
  margin-top: 40px;
  padding: 12px 22px;
  border: 1px solid #e9e9e9;
  background: url(../images/shadow2.png) top right no-repeat;
}
.about:before, .about:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.about .intro {
  width: 100%;
}
.about .intro > img {
  width: 434px;
  height: 260px;
  border-radius: 3px;
}
.about .intro .text {
  width: 680px;
  height: 260px;
  margin-top: 10px;
  overflow: hidden;
}
.about .intro .text, .about .intro .text * {
  font-size: 14px;
  line-height: 26px !important;
}
.about .honor {
  width: 287px;
}
.about .honor-banner {
  position: relative;
  /* 为了左右按钮定位 */
}
.about .honor-banner ul {
  height: 260px;
}
.about .honor-banner ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}
.about .honor-banner ul li img {
  vertical-align: middle;
  display: block;
  margin: auto;
  width: 200px;
  border: 1px solid #ddd;
}
.about .honor-banner .to-left, .about .honor-banner .to-right {
  position: absolute;
  top: 45%;
  font-size: 24px;
  cursor: pointer;
  color: #888;
}
.about .honor-banner .to-left {
  left: -1%;
}
.about .honor-banner .to-right {
  right: -1%;
}
.products {
  margin-top: 40px;
}
.products:before, .products:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.service {
  margin-top: 28px;
}
.service .title {
  width: 1239px;
  height: 74px;
  background: url(../images/service-title-bc.jpg);
  color: #fff;
}
.service .title:before, .service .title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.service .title .lt {
  font-size: 24px;
  margin-top: 31px;
  margin-left: 60px;
  font-weight: bold;
}
.service .title .more {
  width: 82px;
  height: 41px;
  margin: 34px 70px 0 0;
  font-size: 12px;
}
.service .service-content {
  height: 364px;
  background: #fdf1dd;
  padding-left: 35px;
  padding-top: 23px;
}
.service .service-content ul:before, .service .service-content ul:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.service .service-content li {
  float: left;
  width: 232px;
  height: 320px;
  background: url(../images/service-item.png);
  position: relative; margin:0 29px;
}
.service .service-content li .img {
  width: 160px;
  height: 160px;
  border-radius: 80px;
  position: absolute;
  top: 15px;
  left: 20px;
}
.service .service-content li .text {
  position: absolute;
  left: 21px;
  top: 200px;
  width: 156px;
  text-align: center;
}
.service .service-content li .text h3 {
  font-size: 18px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 8px;
  color: #069752;
  line-height: 1.1;
}
.service .service-content li .text .description, .service .service-content li .text .description * {
  font-size: 12px !important;
  line-height: 18px;
  height: 70px;
  overflow: hidden;
}
.case {
  background: url(../images/case-bc.jpg) no-repeat;
  height: 300px;
  margin-top: 40px;
}
.case .title {
  height: 74px;
  color: #fff;
}
.case .title:before, .case .title:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.case .title .lt {
  margin: 25px 0 0 64px;
  font-size: 24px;
  font-weight: bold;
}
.case .title .rt {
  font-size: 12px;
  margin: 32px 52px 0 0;
}
.case .case-banner {
  position: relative;
  width: 1138px;
  margin: auto;
}
.case .case-banner .banner-area {
  width: 1140px;
  font-size: 0;
  overflow: hidden;
  margin: auto;
}
.case .case-banner .banner-box {
  overflow: hidden;
  width: 5000px;
  height: 226px;
}
.case .case-banner .banner-box .banner-item {
  float: left;
  padding-right: 15px;
  width: 287px;
  position: relative;
  cursor: pointer;
}
.case .case-banner .banner-box .banner-item .img {
  width: 273px;
  height: 188px;
  display: block;
  margin: auto;
}
.case .case-banner .banner-box .banner-item h3 {
  position: absolute;
  bottom: 0;
  width: 273px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.case .case-banner .banner-box .banner-item .shadow {
  position: absolute;
  left: 0;
  bottom: -20px;
}
.info-center {
  margin-top: 40px;
}
.info-center:before, .info-center:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.info-center .news {
  width: 785px;
  padding: 10px 15px 30px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  float: left;
  background: #fff;
}
.info-center .questions {
  float: right;
  width: 380px;
  height: 440px;
  padding: 0 15px;
  color: #fff;
  background: #069752 url(../images/question-bc.png) bottom center no-repeat;
  border-radius: 5px;
}
.info-center .questions .text {
  margin-top: 20px;
  height: 340px;
  overflow: hidden;
}
.info-center .questions .title {
  font-size: 24px;
  font-weight: bold;
  height: 63px;
  line-height: 62px;
  border-bottom: 1px dashed #fff;
}
.info-center .questions .title i {
  margin-right: 10px;
  vertical-align: -3px;
}
.info-center .questions dl dt {
  padding: 36px 0 18px 40px;
  position: relative;
  border-bottom: 1px dashed #fff;
}
.info-center .questions dl dt i {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: #fff;
  line-height: 26px;
  height: 26px;
  text-align: center;
  top: 31px;
  left: 0;
  color: #069752;
  font-size: 13px;
}
.info-center .questions dl dt a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.1;
  display: block;
}
.info-center .questions dl dd {
  font-size: 14px;
  padding: 3px 0 0 40px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}
/* footer */
.footer {
  padding-top: 33px;
  color: #fff;
  background: #069752;
}
.footer .footer-menu {
  width: 900px;
}
.footer .footer-menu:before, .footer .footer-menu:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.footer .footer-menu dl {
  float: left;
}
.footer .footer-menu dl + dl {
  margin-left: 60px;
}
.footer .footer-menu dt {
  font-weight: bold;
  margin-bottom: 10px;
}
.footer .footer-menu dd {
  font-size: 14px;
  color: #fffffe;
  line-height: 25px;
}
.footer .erweima {
  width: 265px;
  text-align: right;
}
.footer .erweima li {
  display: inline-block;
  vertical-align: top;
  width: 117px;
}
.footer .erweima li:first-child {
  margin-right: 20px;
}
.footer .erweima li img {
  width: 117px;
  height: 117px;
}
.footer .erweima li h3 {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
}
.footer .copyright-share {
  margin-top: 22px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
  background-color: rgba(0, 0, 0, 0.1);
}
.footer .copyright-share a:hover {
  color: #069752;
}
.footer .copyright-share .share {
  width: 220px;
}
.page-content {
  overflow: hidden;
  padding-bottom: 38px;
  padding-top: 60px;
  margin-top: -60px;
  background: url(../images/page-bc.jpg) top center;
  background-size: cover;
}
/* nav  */
.nav {
  float: left;
  width: 216px;
  border-radius: 5px;
  overflow: hidden;
}
.nav .nav-title {
  height: 91px;
  background: url(../images/nav-title-bc.jpg);
  text-align: center;
  color: #fff;
}
.nav .nav-title h2 {
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0;
}
.nav .nav-title h3 {
  font-size: 12px;
  text-transform: uppercase;
}
.nav .main-type {
  border: 7px solid #069752;
  border-top: none;
}
.nav dl.active dt {
  background: -webkit-linear-gradient(right, #fc9e00, #ffd286);
  /*Chrome 10+ Safari 5.1+*/
  background: -moz-linear-gradient(right, #fc9e00, #ffd286);
  /*Firefox 3.6+*/
  background: -o-linear-gradient(right, #fc9e00, #ffd286);
  /*Opera 11.5+*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#fc9e00, endColorstr=#ffd286)";
  background: linear-gradient(to right, #fc9e00, #ffd286);
  color: #fff;
}
.nav dl.active dt a:before {
  content: '';
  background: #fff;
}
.nav dt {
  height: 49px;
  position: relative;
  line-height: 49px;
}
.nav dt a {
  padding-left: 38px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.nav dt a:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #069752;
  border-radius: 3px;
  position: absolute;
  top: 23px;
  left: 19px;
}
.nav dt:hover {
  background: -webkit-linear-gradient(right, #069752, #7fecb8);
  /*Chrome 10+ Safari 5.1+*/
  background: -moz-linear-gradient(right, #069752, #7fecb8);
  /*Firefox 3.6+*/
  background: -o-linear-gradient(right, #069752, #7fecb8);
  /*Opera 11.5+*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#fc9e00, endColorstr=#ffd286)";
  background: linear-gradient(to right, #069752, #7fecb8);
  color: #fff;
}
.nav dt:hover a:before {
  content: '';
  background: #fff;
}
.nav .child-type {
  display: none;
}
.nav dd {
  padding: 15px 0 15px 40px;
  font-size: 12px;
}
.nav dd.active, .nav dd:hover {
  color: #ec7114;
}
.nav a {
  display: block;
  height: 100%;
}
/* public  */
.public {
  float: right;
  width: 964px;
  background: #ededed;
  padding: 0 15px 30px;
}
.position {
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.position:before, .position:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.position .lt {
  font-size: 24px;
  font-weight: bold;
  color: #069752;
}
.position .lt i {
  margin: 0 7px 0 10px;
  vertical-align: -5px;
}
.position .rt {
  font-size: 12px;
  margin-top: 16px;
  line-height: 1;
}
.position .rt i {
  vertical-align: -1px;
}
.position .rt .return {
  display: block;
  background: url(../images/return.png);
  width: 125px;
  height: 29px;
  padding: 0 15px 0 30px;
  text-align: center;
  line-height: 29px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.position form.search-form {
  background: url(../images/search.jpg) center center no-repeat;
  width: 198px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.position form.search-form .text {
  width: 165px;
  height: 100%;
  vertical-align: top;
  margin-right: -3px;
  text-indent: 10px;
  background: none;
}
.position form.search-form .submit {
  height: 100%;
  width: 34px;
  vertical-align: top;
  cursor: pointer;
  background: none;
  float: right;
  
}
.breadnav {
  height: 60px;
  line-height: 60px;
  font-size: 12px;
}
.breadnav i {
  color: #069752;
  font-size: 20px;
  vertical-align: -1px;
}
.public-area, .displayintroduce-area,
.displayproducts-area,
.displaynews-area,
.displayhonor-area,
.displaycase-area {
  font-size: 14px;
  line-height: 1.9;
}
.public-area:before, .displayintroduce-area:before,
.displayproducts-area:before,
.displaynews-area:before,
.displayhonor-area:before,
.displaycase-area:before, .public-area:after, .displayintroduce-area:after,
.displayproducts-area:after,
.displaynews-area:after,
.displayhonor-area:after,
.displaycase-area:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
/* pages  */
.displayintroduce-area img,
.displayproducts-area img,
.displaynews-area img,
.displayhonor-area img,
.displaycase-area img {
  max-width: 100%;
}
.index-products-area ul {
  overflow: hidden;
  width: 105%;
}
.index-products-area ul li {
  float: left;
  width: 300px;
  text-align: center;
  margin-bottom: 21px;
  margin-right: 22px;
}
.index-products-area ul li a {
  display: block;
}
.index-products-area ul li img {
  width: 100%;
  height: 206px;
  display: block;
  margin: auto;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.index-products-area ul li h3 {
  margin-top: 15px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.index-products-area ul li:hover img {
  border-color: #069752;
}
.index-products-area ul li:hover h3 {
  color: #069752;
}
.products-area ul {
  overflow: hidden;
  width: 105%;
}
.products-area ul li {
  float: left;
  width: 300px;
  text-align: center;
  margin-bottom: 21px;
  margin-right: 22px;
  cursor: pointer;
}
.products-area ul li a {
  display: block;
}
.products-area ul li img {
  width: 100%;
  height: 206px;
  display: block;
  margin: auto;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.products-area ul li h3 {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: background 0.3s linear;
  -moz-transition: background 0.3s linear;
  -ms-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.products-area ul li:hover img {
  border-color: #069752;
}
.products-area ul li:hover h3 {
  color: #fff;
  background: #069752;
}
.displayproducts-area .pro-brief:before, .displayproducts-area .pro-brief:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.displayproducts-area .send-email {
  display: block;
  width: 120px;
  height: 40px;
  background: #069752;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 7px;
  margin-top: 20px;
}
.displayproducts-area .pro-img {
  float: left;
  width: 510px;
}
.displayproducts-area .pro-img .pro-img-big {
  position: relative;
  height: 348px;
  margin-bottom: 10px;
}
.displayproducts-area .pro-img .pro-img-big img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.displayproducts-area .pro-img .pro-img-small {
  width: 438px;
  margin: auto;
  position: relative;
}
.displayproducts-area .pro-img .pro-img-small .banner-area {
  font-size: 0;
  overflow: hidden;
  margin: auto;
}
.displayproducts-area .pro-img .pro-img-small .banner-box {
  overflow: hidden;
  width: 5000px;
}
.displayproducts-area .pro-img .pro-img-small .banner-box:before, .displayproducts-area .pro-img .pro-img-small .banner-box:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.displayproducts-area .pro-img .pro-img-small .banner-box .banner-item {
  float: left;
  width: 147px;
  padding-right: 3px;
  cursor: pointer;
}
.displayproducts-area .pro-img .pro-img-small .banner-box .banner-item img {
  width: 100%;
  height: 100px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.displayproducts-area .pro-img .pro-img-small .banner-box .banner-item.active img {
  border-color: #069752;
}
.displayproducts-area .pro-img .pro-img-small .to-left, .displayproducts-area .pro-img .pro-img-small .to-right {
  position: absolute;
  top: 40%;
  cursor: pointer;
}
.displayproducts-area .pro-img .pro-img-small .to-left {
  left: -7%;
}
.displayproducts-area .pro-img .pro-img-small .to-right {
  right: -7%;
}
.displayproducts-area .pro-text {
  float: right;
  width: 390px;
  padding-right: 10px;
}
.displayproducts-area .pro-text > h3 {
  font-size: 18px;
  font-weight: bold;
  color: #069752;
  line-height: 35px;
}
.displayproducts-area .pro-text .pro-description {
  font-size: 14px;
  min-height: 330px;
}
.displayproducts-area .pro-text .pro-description, .displayproducts-area .pro-text .pro-description * {
  line-height: 25px !important;
}
.displayproducts-area .pro-pub-title {
  height: 41px;
  line-height: 41px;
  background: #069752;
  border-radius: 8px;
  margin: 18px 0 15px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.displayproducts-area .pro-pub-title i {
  margin: 0 10px 0 12px;
  vertical-align: -3px;
}
.displayproducts-area .technology table {
  width: 824px;
  margin: auto;
  box-shadow: 0 2px 5px #ddd;
  background: #fff;
}
.displayproducts-area .technology table td {
  text-align: center;
  width: 50%;
  height: 36px;
  border: 1px solid #f1f1f1;
}
.displayproducts-area .related {
  padding: 10px 0 0 0;
}
.displayproducts-area .related .pro-pub-title {
  vertical-align: 0;
}
.displayproducts-area .pro-related-banner {
  position: relative;
}
.displayproducts-area .pro-related-banner .banner-area {
  width: 100%;
  font-size: 0;
  overflow: hidden;
  margin: auto;
}
.displayproducts-area .pro-related-banner .banner-box {
  overflow: hidden;
}
.displayproducts-area .pro-related-banner .banner-box .banner-item {
  float: left;
  width: 316px;
  padding-right: 25px;
}
.displayproducts-area .pro-related-banner .banner-box .banner-item img {
  width: 292px;
  height: 204px;
  display: block;
  border: 1px solid transparent;
  margin: auto;
}
.displayproducts-area .pro-related-banner .banner-box .banner-item h3 {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.displayproducts-area .pro-related-banner .banner-box .banner-item:hover img {
  border-color: #069752;
}
.displayproducts-area .pro-related-banner .banner-box .banner-item:hover h3 {
  color: #069752;
}
.news-area .date-news-style li {
  padding-left: 84px;
}
.news-area .date-news-style li:before, .news-area .date-news-style li:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.news-area .date-news-style li .date {
  width: 84px;
  height: 84px;
  margin-left: -84px;
  background: #e7e7e7;
  text-align: center;
  float: left;
}
.news-area .date-news-style li .date .day {
  font-size: 24px;
  margin-top: 20px;
}
.news-area .date-news-style li .date .month {
  font-size: 14px;
  margin-top: 3px;
}
.news-area .date-news-style li .text {
  padding-left: 30px;
}
.news-area .date-news-style li .text h3 {
  line-height: 30px;
  color: #222;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.news-area .date-news-style li .text h3:hover {
  color: #ec7114;
}
.news-area .date-news-style li .text h3 a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news-area .date-news-style li .text .description {
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  color: #555;
  font-size: 14px;
}
.news-area .date-news-style li + li {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #d2d2d2;
}
.news-area .image-text-news-style {
  padding: 0 3px;
}
.news-area .image-text-news-style > li {
  position: relative;
  padding-left: 306.82731px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #fff;
}
.news-area .image-text-news-style > li:before, .news-area .image-text-news-style > li:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.news-area .image-text-news-style .img {
  display: block;
  float: left;
  margin-left: -306.82731px;
  width: 306.82731px;
  height: 200px;
  max-width: none;
}
.news-area .image-text-news-style .text {
  padding-left: 40px;
}
.news-area .image-text-news-style .text .title {
  font-size: 18px;
  line-height: 2;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.news-area .image-text-news-style .text .title a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news-area .image-text-news-style .text .title:hover {
  color: #ec7114;
}
.news-area .image-text-news-style .text .date {
  font-size: 14px;
  line-height: 2;
}
.news-area .image-text-news-style .text .date i {
  margin-right: 5px;
}
.news-area .image-text-news-style .text .description {
  font-size: 14px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
}
.news-area .image-text-news-style .text .more {
  text-align: right;
  margin-top: 40px;
}
.news-area .image-text-news-style .text .more a {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  background: #ec7114;
  color: #fff;
}
.news-area .text-news-style .item-first {
  margin-bottom: 12px;
}
.news-area .text-news-style .item-first:before, .news-area .text-news-style .item-first:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.news-area .text-news-style .item-first img {
  margin-left: 10px;
  border-radius: 7px;
  width: 242px;
  height: 171px;
}
.news-area .text-news-style .item-first .text {
  float: right;
  width: 480px;
}
.news-area .text-news-style .item-first .text h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.1;
  padding: 15px 0 10px 0;
}
.news-area .text-news-style .item-first .text h4 a {
  display: inline-block;
  width: 390px;
  font-weight: bold;
  color: #111;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.news-area .text-news-style .item-first .text h4 a:hover {
  color: #069752;
}
.news-area .text-news-style .item-first .text h4 span {
  float: right;
  font-size: 12px;
  color: #494949;
  margin-top: 5px;
}
.news-area .text-news-style .item-first .text .brief {
  font-size: 12px;
  line-height: 26px;
  height: 130px;
  overflow: hidden;
}
.news-area .text-news-style .item {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  line-height: 36px;
  color: #333;
  padding-left: 10px;
  border-bottom: 1px dashed #d6d6d6;
}
.news-area .text-news-style .item span {
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #069752;
  margin-right: 5px;
  vertical-align: middle;
}
.news-area .text-news-style .item a {
  display: inline-block;
  width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.news-area .text-news-style .item a:hover {
  color: #069752;
}
.news-area .text-news-style .item strong {
  color: #494949;
  float: right;
  font-weight: normal;
  vertical-align: middle;
}
.displaynews-area .title {
  text-align: center;
  font-size: 24px;
}
.displaynews-area .brief {
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
}
.displaynews-area .text {
  padding: 20px 10px;
}
.honor-area ul {
  overflow: hidden;
}
.honor-area li {
  float: left;
  width: 33.33%;
  padding: 0 20px 10px 20px;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
.honor-area li img {
  height: 260px;
  max-width: 100%;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.honor-area li h3 {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  margin-top: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.honor-area li:hover img {
  border-color: #069752;
}
.honor-area li:hover h3 {
  color: #069752;
}
.displayhonor-area {
  text-align: center;
}
.pagination-btn .page-turn {
  margin: 30px 20px;
  font-size: 14px;
}
.pagination-btn .page-turn a {
  font-size: 13px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pagination-btn .page-turn a:hover {
  color: #ec7114;
}
.pagination-btn .page-turn p {
  margin: 0;
}
.pagination-btn .page-print a {
  font-size: 13px;
}
#module_page_004 {
  text-align: center;
  font-size: 0;
  color: #444;
  clear: both;
  text-align: center;
  margin: 20px 0;
}
#module_page_004 a,
#module_page_004 span {
  font-size: 12px;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  margin: 0 5px;
  line-height: 24px;
}
#module_page_004 span {
  line-height: 26px;
}
#module_page_004 a {
  background: white;
  border: 1px solid #dddddd;
}
#module_page_004 select {
  display: none;
  background: white;
  border: 1px solid #dddddd;
}
#module_page_004 a {
  width: auto !important;
  width: 24px;
  min-width: 24px;
  text-align: center;
  white-space: nowrap;
}
#module_page_004 a.other {
  padding: 0 7px;
}
#module_page_004 a.active,
#module_page_004 a:hover {
  background: #069752;
  border-color: #069752;
  color: #fff;
}
#module_page_004 .first,
#module_page_004 .prev,
#module_page_004 .next,
#module_page_004 .last {
  padding: 0 10px;
  cursor: pointer;
}
.no-result-info {
  padding: 30px;
  font-size: 14px;
  text-align: center;
}
.no-result-info h2 {
  color: red;
  margin-bottom: 20px;
}
.no-result-info a {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: inline-block;
  padding: 6px 20px;
  border: 1px solid #ec7114;
}
.no-result-info a:hover {
  color: #fff;
  background: #ec7114;
}
.hidden-box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#c8000000);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.hidden-box .hidden-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 90%;
  max-height: 100%;
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.hidden-box > i {
  position: absolute;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
.hidden-box .hidden-content .shadow {
  display: none;
}
.hidden-box img {
  max-width: 100%;
  max-height: 100%;
  margin: 10px 0;
}
.hidden-box .close-btn {
  top: 10px;
  right: 10px;
}
.hidden-box .to-left-btn {
  top: 48%;
  left: 20px;
  font-size: 40px;
}
.hidden-box .to-right-btn {
  top: 48%;
  right: 20px;
  font-size: 40px;
}
.inner-pro-banner {
  margin-bottom: 30px;
  position: relative;
  /* 为了左右按钮定位 */
}
.inner-pro-banner ul {
  height: 450px;
}
.inner-pro-banner ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.inner-pro-banner .btns {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5%;
}
.inner-pro-banner .btns span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #ddd;
  margin: 5px;
  border-radius: 7px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .inner-pro-banner .btns span {
    width: 30px;
    height: 3px;
  }
}
.inner-pro-banner .btns .active {
  background: #ec7114;
}

.questions .text {
		margin-top: 20px;
		height: 340px;
		overflow: hidden;
	}
	
.banner-area table tr{border:none;}
.info-center .questions .text table tr{border:none;}