ul,li{ margin: 0px; padding: 0px;}
a {color:#76AC20;}
a:hover {color:#76AC20; text-decoration: none;}
@font-face {
  font-family: 'fontello';
  src: url('./../fonts/fontello.eot?92016831');
  src: url('../fonts/fontello.eot?92016831#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?92016831') format('woff2'),
       url('../fonts/fontello.woff?92016831') format('woff'),
       url('../fonts/fontello.ttf?92016831') format('truetype'),
       url('../fonts/fontello.svg?92016831#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.demo-icon
{
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.icon-envelope:before { content: '\e801'; } /* '' */
.icon-position:before { content: '\e803'; } /* '' */
.icon-fax:before { content: '\e805'; } /* '' */
.icon-iphone:before { content: '\e806'; } /* '' */
.icon-dialog:before { content: '\e807'; } /* '' */
.icon-urser:before { content: '\e808'; }



/* 导航 */
.has-feedback button{ border: none; background:  transparent; cursor: pointer;}
.navbar-collapse{ border-top: none;}
.header{min-height: 80px; margin-bottom: 0px;border: none;background: #fff;
  width: 100%;
  z-index: 999;
  border-radius: 0px;
}
.header .navbar-nav > .active > a{ border-top: 3px solid #76AC20;   color: #76AC20;background-color:transparent;}
.header .navbar-nav > li > a {color: #333;}
.header .dropdown-menu{ border-top: 3px solid #76AC20;border-left: none;border-right: none;border-bottom: none; padding: 0px;}
.header .dropdown-menu span{float: right; color: #ccc;}
.header .dropdown-menu > li > a {    padding: 8px 15px;}
.header .navbar-brand img{ height: 50px;}
.dropdown-menu .divider {margin: 0px 0; }

.header .navbar-nav > .open > a,
.header .navbar-nav > .open > a:hover,
.header .navbar-nav > .open > a:focus{
  color: #76AC20;
  background-color: #e7e7e7;
}
.head_search .form-control {border: none;border-radius: 40px; background:#ECECEC;   }
.head_search .form-control-feedback {color: #666; }

.navbar-toggle{ margin-top: 22px;}

.header .navbar-nav{ padding-left: 30px;}
.header .navbar-nav > li > a:hover,.header .navbar-nav > .active > a:hover{ color: #76AC20;}

/* banner图片 */
.slide .carousel-inner > .item > img,
.slide .carousel-inner > .item > a > img {width: 100%;}

.slide .carousel-control {
  visibility: hidden;
}
.slide:hover .carousel-control {
  visibility: visible;
}


.banner01 {position: absolute;top:35%;left:10%;z-index: 10;  color: #fff;text-align: left;}
.banner01 .jumbotron{background-color: transparent; }
.fature {padding-top: 10px;}
.fature p{ font-size:1.5rem; margin-bottom:4px;}
.banner01 h1{ font-size:72px;}
.banner01 h2{ font-size:36px;}


.banner02 {top:27%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size: 2.5rem;letter-spacing:30px; }

.banner02 h1{font-size: 19rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  line-height: 1px;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
  text-align: center;
}
.banner03 {top:13%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size: 2.5rem; }
.banner03 img{ width: 100%;}



/* 图标文字特点 */
.featurei{ margin: 0 auto;}
.featurei p{ float: left; font-size: 14px; padding-top: 20px; color: #707070;}
.featurei_line{float:right; margin: 20px 20px 0px 0;height:40px; border-right: 1px solid #E5E5E5;}

  /*图标 */
.feaico{float: left; width: 80px;height:80px;}
.featureico01{ background:url(./../images/ico01.png) no-repeat; }
.featureico02{ background:url(./../images/ico02.png) no-repeat; }
.featureico03{ background:url(./../images/ico03.png) no-repeat; }
.featureico04{ background:url(./../images/ico04.png) no-repeat; }

/* 产品介绍 */
.product{background: #f5f5f5; padding:60px 0;}
.pro_title{ text-align: center; padding-bottom: 40px;}
.pro_title::before{ content: "";display: inline-block;width: 100px;border-top: 3px solid #76AC20;}
.pro_title h1{ margin-top: 10px; margin-bottom: 30px;}
.pro_title p{ color: #707070; }

.prolist .thumbnail{border: none;border-radius: 12px;padding: 12px;}
.prolist .caption{ text-align:center;}
.prolist .btn{font-size: 12px;}
.prolist .btn-primary { padding:10px 30px;
  color: #fff;
  background-color: #76AC20;
  border-color: #76AC20;}
.prolist .btn-primary:hover {
  color: #fff;
  background-color: #679A1B;
  border-color: #679A1B;
}
.prolist p{
  font-size: 12px;
  height:3em;
  text-overflow: ellipsis;
 overflow: hidden;
 display:-webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;
}

/* 关于我们 */
.aboutbg{ width: 100%; height:750px; background-image: url(./../images/about.jpg);
  background-repeat: no-repeat;  background-size: cover; background-position: center;
}
.about-content{width: 100%; height: 100%; color: #fff;
background-color:rgba(0,0,0,0.5);
filter : Alpha(opacity=50)
}
.about-content .about_title{ padding-top: 240px; }
.about-content .about_text{ width:40%; padding-top: 60px; margin: 0 auto;padding-bottom: 60px;  }

.about_title blockquote {
width: 100%;
color: #ECECEC;
position: relative;
line-height:28px;
font-size: 12px;
border: none;
}
.about_title blockquote:before {
  font-family: "SimHei";
  color: #76AC20;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:60px;
  top: 20px;
  line-height: 0.1em;
}
.about_title blockquote:after {
  font-family: "SimHei";
  color: #76AC20;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:185px;
  bottom: 0em;
  line-height: 0.1em;
}
.about-content .about_ico{  padding-top:30px;  margin:80px auto 0px auto; border-top: dashed 1px #666;   }
.btn-about{float:left; opacity:0.7;  padding: 10px 30px 10px 20px;font-size: 12px;line-height: 1.3333333;}

/*联系我们   */
.contact{padding:80px 0 120px 0;}
.contact_bg{ text-align:center; margin: 0 auto; padding:40px 60px 60px 60px;box-shadow:0px 2px 19px #cecaca;}
.contact-group input[type=text] {
    display: block;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    background: transparent;
    width: 100%;
    padding: 6px 0 6px 0;
    margin-top: 30px;
    outline: none; color: #333;}

.contact-group input[type=text]:focus {border-bottom-color:#76AC20;}

.contact-group { text-align: left;  margin-bottom: 30px;}
.contact-group label{color:#707070;}
.btn-contact{ margin:20px auto 0px auto;width: 200px;  padding: 10px 30px;color: #fff;background-color: #76AC20;
border-color: #76AC20; }

.btn-contact:hover {
  color: #fff;
  background-color: #679A1B;
  border-color: #679A1B;
}

.content{ width: 100%;}
.content_x{position: relative;top: 80px; width: 100%;}

@media (min-width: 768px){
  /* 导航 */
.header .navbar-nav{ padding-left:0px;}
.header .navbar-form{ display: none;padding:0px 0px;}
.product{/*  background: #f5f5f5;*/ background: #ECECEC; padding:60px 0;}
.header .navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;}
.banner01 {top:18%;}
.fature {padding-top:0px;}
.fature p{ font-size:1rem; margin-bottom:2px;}

.banner01 h1{ font-size: 36px;}
.banner01 h2{ font-size:24px;}

.banner02 {top:18%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size:1.5rem;letter-spacing:15px; }
.banner02 h1{font-size: 8rem;}

.demo_line{ width:80%; margin: 30px auto 0 auto;}
.demo_line_01{ font-size:1rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:13%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size: 2.5rem; }
/*  图标*/
.featurei_line{ margin: 20px 0px 0px 0;}

/* 关于我们*/
.about-content .about_text{ width:98%; padding-top: 60px; margin: 0 auto; padding-bottom: 60px;  }

.about_title blockquote {line-height:28px;font-size: 12px;}
.about_title blockquote:before {  left:60px;top: 20px;}
.about_title blockquote:after {  right:185px;bottom: 0em;}

}
@media (min-width: 992px) {
  /* 导航 */
.header .navbar-nav{ padding-left:10px;}
.header .navbar-form {display: block;padding:15px 0px;}
.product{/*  background: #f5f5f5;*/ background: #ECECEC; padding:60px 0;}
.banner01 {top:30%;}
.fature {padding-top: 10px;}
.fature p{ font-size:1.5rem; margin-bottom:4px;}
.banner01 h1{ font-size:42px;}
.banner01 h2{ font-size:32px;}

.banner02 {top:23%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size: 2rem;letter-spacing:15px; }

.banner02 h1{font-size: 10rem;}

.demo_line{ width:60%; margin: 30px auto 0 auto;}
.demo_line_01{ font-size:1.5rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:6%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size: 2.5rem; }
/*  图标*/
.featurei_line{ margin: 20px 20px 0px 0;}
/* 关于我们*/
.about-content .about_text{ width:74%; padding-top: 30px; margin: 0 auto; padding-bottom: 60px;  }

.about_title blockquote {line-height:28px;font-size: 12px;}
.about_title blockquote:before {  left:60px;top: 20px;}
.about_title blockquote:after {  right:185px;bottom: 0em;}

}
@media (min-width: 1200px) {
.header .navbar-nav{ padding-left: 30px;}
.header .navbar-form {display: block;padding:15px 0px;}
.product{/*  background: #f5f5f5;*/ background: #ECECEC; padding:60px 0;}
.banner01 {top:36%;}
.fature {padding-top: 10px;}
.fature p{ font-size:1rem; margin-bottom:4px;}
.banner01 h1{ font-size:63px;}
.banner01 h2{ font-size:36px;}

.banner02 {top:24%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size: 2.5rem;letter-spacing:20px; }
.banner02 h1{font-size: 15rem;}

.demo_line{ width:50%; margin:40px auto 0 auto;}
.demo_line_01{ font-size:2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:8%;left: 22%;}
.banner03 p{ padding:5px 0px 0px 25px;font-size: 3rem; }

/*  图标*/
.featurei_line{ margin: 20px 40px 0px 0;}

/* 关于我们*/
.about-content .about_text{ width:53%; padding-top: 30px; margin: 0 auto; padding-bottom: 60px;  }

.about_title blockquote {line-height:28px;font-size: 12px;}
.about_title blockquote:before {  left:60px;top: 20px;}
.about_title blockquote:after {  right:185px;bottom: 0em;}
}
@media (min-width: 1600px) {
.header .navbar-form {display: block;padding:15px 0px;}
.product{/*  background: #f5f5f5;*/ background: #ECECEC; padding:60px 0;}
.banner01 {top:36%;}
.fature {padding-top: 10px;}
.fature p{ font-size:2rem; margin-bottom:4px;}
.banner01 h1{ font-size:63px;}
.banner01 h2{ font-size:36px;}

.banner02 {top:30%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size: 2.5rem;letter-spacing:30px; }
.banner02 h1{font-size: 24rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 3rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:19%;left: 22%;}
.banner03 p{ padding:5px 0px 0px 25px;font-size: 3rem; }
/*  图标*/
.featurei_line{ margin: 20px 40px 0px 0;}

/* 关于我们*/
.about-content .about_text{ width:50%; padding-top: 60px; margin: 0 auto;padding-bottom: 60px;  }
.about_title blockquote {line-height:28px;font-size: 12px;}
.about_title blockquote:before {  left:60px;top: 30px;}
.about_title blockquote:after {  right:185px;bottom: 0em;}
}
@media (min-width: 1920px) {
.header .navbar-form {display: block;padding:15px 0px;}
.product{background: #f5f5f5; padding:60px 0;}
.banner01 {top:37%;}
.banner01 .jumbotron{background-color: transparent; }
.fature {padding-top: 10px;}
.fature p{ font-size:1.5rem; margin-bottom:4px;}
.banner01 h1{ font-size:72px;}
.banner01 h2{ font-size:36px;}

.banner02 {top:27%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size: 2.5rem;letter-spacing:30px; }

.banner02 h1{font-size: 19rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  line-height: 1px;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
  text-align: center;
}
.banner03 {top:9%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size: 2.5rem; }
/*  图标*/
.featurei_line{ margin: 20px 40px 0px 0;}

/* 关于我们*/
.about-content .about_text{ width:40%; padding-top: 40px; margin: 0 auto;padding-bottom: 60px;  }
.about_title blockquote {line-height:28px;font-size: 12px;}
.about_title blockquote:before {  left:60px;top: 30px;}
.about_title blockquote:after {  right:185px;bottom: 0em;}
}

@media (min-width: 2000px) {
.about-content .about_text{ width:30%;}

}


@media screen and (max-width: 767px) {
/* 导航 */
.header .navbar-nav{ padding-left:0px;}
.product{ padding:40px 15px;}
.banner01 {top:8%;left:22%; text-align: center;}
.fature {padding-top:30px;}
.fature p{ font-size:0.5rem; margin-bottom:0px;}
.banner01 h1{ font-size:28px;}
.banner01 h2{ font-size:14px; margin-top:10px;}

.banner02 {top:7%;left: 22%;}
.banner02 p{ padding: 10px 0px 0px 25px;font-size:1rem;letter-spacing:5px; }

.banner02 h1{font-size: 4rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:13%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size:1rem; }

/*  图标*/
.featurei_line{ margin: 20px 40px 0px 0;}
/* 关于我们*/
.about-content .about_text{ width:86%; padding-top: 20px; margin: 0 auto; padding-bottom: 20px;  }
.about-content .about_ico {
  padding-top: 30px;
  margin: 60px auto 0px auto;}
.btn-about {padding: 0px 0px 20px 10px;}

.about_title blockquote {line-height:18px;font-size: 12px;}
.about_title blockquote:before {left:-40px;top: 20px;}
.about_title blockquote:after {right:12px;  bottom: -5px;}
/*联系我们   */
.pro_title { padding-bottom:15px;}
.contact{padding:30px 0 90px 0;}
.contact_bg{ width: 80%;  padding:30px 30px 60px 30px}

}
@media screen and (max-width: 375px) {
.banner01 {top:0%;left:22%;}
.fature {padding-top:30px;}
.fature p{ font-size:0.5rem; margin-bottom:0px;}
.banner01 h1{ font-size:24px;}
.banner01 h2{ font-size:14px; margin-top:10px;}

.banner02 {top:7%;left: 22%;}
.banner02 p{ padding: 0px 0px 0px 25px;font-size:1rem;letter-spacing:5px; }

.banner02 h1{font-size: 4rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:13%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size:1rem; }

.about-content .about_text{ width:86%; padding-top: 20px; margin: 0 auto; padding-bottom: 20px;  }
.btn-about {padding: 0px 0px 20px 10px;}
}
@media screen and (max-width: 320px) {
.banner01 {top:-10%;left:22%;}
.fature {padding-top:30px;}
.fature p{ font-size:0.5rem; margin-bottom:0px;}
.banner01 h1{ font-size:18px;}
.banner01 h2{ font-size:12px; margin-top:10px;}

.banner02 {top:7%;left: 22%;}
.banner02 p{ padding: 0px 0px 0px 25px;font-size:0.5rem;letter-spacing:0px; }

.banner02 h1{font-size: 2rem;}

.demo_line{ width:40%; margin: 60px auto 0 auto;}
.demo_line_01{ font-size: 2rem;
  padding: 0 20px 0;
  margin: 20px 0;
  border-left: 80px solid #ddd;
  border-right: 80px solid #ddd;
}
.banner03 {top:13%;left: 22%;}
.banner03 p{ padding: 0px 0px 0px 25px;font-size:1rem; }

.about-content .about_text{ width:90%; padding-top: 20px; margin: 0 auto; padding-bottom: 20px;  }
.btn-about {padding: 0px 0px 20px 0px;}
.about-content .about_ico {
    padding-top: 30px;
    margin: 30px auto 0px auto;}
}

/* 横线切换 */
.fature .circle{ float: left; margin:7px 5px 0px 0px;width:5px; height: 5px; background: #fff; border-radius: 50%;}
.carousel-indicators .active{margin: 0px 4px 0 0; background:#76AC20;width: 30px;height: 5px;}
.line li{ margin: 0px 4px 0 0;border-radius: 0; border: none; background:#7F7F7F;width: 30px;height: 5px;}



/*版权信息  */
  .copytext{ background: #f5f5f5; }
.copytext p{color: #ccc; line-height: 24px; margin: 15px}