html{ overflow-x: hidden; }
body{ background: #ecf0f2; font-family: 'Open Sans', 'Arial', sans-serif; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{ font-size: 100%; font-weight: normal; padding: 0; margin: 0; }
ul,ol{ padding: 0; margin: 0; list-style: none; }
a:link, a:visited, a:hover, a:active{ text-decoration: none; }
input::-webkit-input-placeholder{ color: #d6d6d6; }

.wrapper{ width: 1400px; padding: 0 15px; margin: 0 auto; }
.header{ color: #fff; }
.form{ height: 26px; margin: 15px 0 5px 0; }
.form .txt{ width: 80%; height: 26px; line-height: 18px; padding: 4px 10px; color: #505050; border: 0; border-radius: 14px; outline: none; background: #fff; float: left; }
.form .go{ width: 20%; height: 26px; padding: 0; border: 0; outline: none; background: url(../images/icon/search.png) no-repeat center center; background-size: auto 22px; cursor: pointer; }
.language{ width: auto; height: 20px; margin: 18px 0 8px 0; float: right; }
.language i{ width: 20px; height: 20px; margin: 1px 5px 1px 0; background: url(../images/svg/us.svg) no-repeat; background-size: auto 20px; float: left; display: block; }
.language i es{ width: 20px; height: 20px; margin: 1px 5px 1px 0; background: url(../images/svg/es.svg) no-repeat; background-size: auto 20px; float: left; display: block; }
.language a{ padding: 0 6px; line-height: 20px; color: #fff; border-right: 1px solid #fff; float: left; display: block; }
.language a:last-child{ padding-right: 0; border-right: 0; }
.language a:hover{ color: #0b0b0b; }
.language1{ width: auto; height: 20px; margin: 18px 0 8px 0; float: right;margin-right: 20px; }
.language1 i{ width: 20px; height: 20px; margin: 1px 5px 1px 0; background: url(../images/svg/es.svg) no-repeat; background-size: auto 20px; float: left; display: block; }
.language i es{ width: 20px; height: 20px; margin: 1px 5px 1px 0; background: url(../images/svg/es.svg) no-repeat; background-size: auto 20px; float: left; display: block; }
.language1 a{ padding: 0 6px; line-height: 20px; color: #fff; border-right: 1px solid #fff; float: left; display: block; }
.language1 a:last-child{ padding-right: 0; border-right: 0; }
.language1 a:hover{ color: #0b0b0b; }
.toor{ width: 100%; height: auto; padding-bottom: 10px; font-size: 16px; background: #00843d; }
.logo{ width: 100px; height: 75px; padding: 4px 0; background: #eee; float: left; display: none; }
.logo img{ height: 62px; margin: 0 auto; display: block; }
ul.menu{ width: 895px; height: 75px; margin: 0 auto; }
ul.menu li{ position: relative; width: auto; height: 75px; float: left; }
ul.menu li a{ padding: 0 25px; line-height: 75px; color: #fff; text-transform: uppercase; display: block; }
ul.menu li.lo{ top: -30px; }
ul.menu li a i{ width: 100px; height: 100px; background: url(../images/logo.png) no-repeat center center; background-size: auto 100px; display: block; }
ul.menu li:hover a,
ul.menu li.on a{ background: #42ab80; }
ul.menu li.lo:hover a{ background: #00843d; }
ul.menu li .nav{ position: absolute; top: auto; left: 0; z-index: 1000; width: 160px; height: auto; padding: 10px 0; background: #42ab80; display: none; }
ul.menu li .nav ul li{ width: 100%; height: 30px; float: none; }
ul.menu li .nav ul li a{ padding: 0 25px; line-height: 30px; text-align: left; font-size: 14px; color: #fff; text-transform: capitalize; display: block; }
ul.menu li .nav ul li a:hover{ background: #00843d;  }

.banner{  }
.banner img{ width: 100%; display: block; }
.banner .owl-banner .owl-dots{ position: absolute; right: 0; bottom: 20px; left: 0; text-align: center; }
.banner .owl-banner .owl-dots .owl-dot{ width: 8px; height: 8px; margin: 0 4px; border-radius: 4px; outline: none; background: #fff; opacity: 1; }
.banner .owl-banner .owl-dots .owl-dot span{ display: none; }
.banner .owl-banner .owl-dots .owl-dot.active{ width: 16px; background: #00843d; opacity: 1; }
.banner .owl-banner .owl-nav{  }
.banner .owl-banner .owl-nav button{ position: absolute; top: 50%; z-index: 10; width: 30px; height: 60px; margin-top: -30px; outline: none; display: block; }
.banner .owl-banner .owl-nav button span{ display: none; }
.banner .owl-banner .owl-nav .owl-prev{ left: 15px; background: rgba(0,0,0,0.42) url(../images/icon/arrow-left.png) no-repeat center center; background-size: auto 20px; }
.banner .owl-banner .owl-nav .owl-next{ right: 15px; background: rgba(0,0,0,0.42) url(../images/icon/arrow-right.png) no-repeat center center; background-size: auto 20px; }

.center{ }
.center .wrapper{  }

.picList{ padding: 10px; background: #fff; overflow: hidden; }
.picList ul li{ width: 16.666666%; float: left; }
.picList ul li a{ position: relative; padding: 15px 10px; margin: 10px 5px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; text-transform: capitalize; border: 2px solid #ddd; background: #00843d; display: block; }
.picList ul li a:after{ position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; width: 100%; height: 2px; background: #00843d; content: ''; }
.picList ul li a:hover{ text-decoration: none; }
.picList ul li a:hover:after{ background: #333; }

.project, 
.projects{ padding-bottom: 5px; background: #fff; overflow: hidden; }
.project img, 
.projects img{ width: 100%; display: block; }
.project .owl-project .owl-dots,
.projects .owl-projects .owl-dots{ display: none; }
.project .owl-project .owl-nav button,
.projects .owl-projects .owl-nav button{ position: absolute; top: 50%; z-index: 10; width: 30px; height: 60px; margin-top: -30px; outline: none; display: block; }
.project .owl-project .owl-nav button span,
.projects .owl-projects .owl-nav button span{ display: none; }
.project .owl-project .owl-nav .owl-prev,
.projects .owl-projects .owl-nav .owl-prev{ left: 15px; background: rgba(0,0,0,0.42) url(../images/icon/arrow-left.png) no-repeat center center; background-size: auto 20px; }
.project .owl-project .owl-nav .owl-next,
.projects .owl-projects .owl-nav .owl-next{ right: 15px; background: rgba(0,0,0,0.42) url(../images/icon/arrow-right.png) no-repeat center center; background-size: auto 20px; }

.footer{ padding: 30px 0; background: #595959; font-size: 16px; color: #fff; overflow: hidden; }
.share{ padding: 10px 0; text-align: center; overflow: hidden;  }
.share a{ width: 50px; height: 50px; margin: 0 5px; border-radius: 100%; background: #8D8D8D; display: inline-block; }
.share a i{ line-height: 50px; font-size: 24px; color: #fff; display: block; }
.share a:hover{ background: #7d7d7d; }
.botter{ padding: 10px 0; text-align: center; overflow: hidden; }
.botter a{ line-height: 30px; color: #fff; padding: 0 20px; text-transform: uppercase; display: inline-block; }
.copyright{ padding: 10px 0; text-align: center; overflow: hidden;  }
.copyright p{ line-height: 26px; display: block; }

.mian{ padding: 50px 0; background: #fff; overflow: hidden; }
.content{ width: 1170px; padding: 0 30px; line-height: 28px; font-size: 16px; color: #333; margin: 0 auto;  }
.content h1{ margin: 20px 0 10px 0; line-height: 36px; font-size: 30px; color: #00843D;  display: block;}
.content h3{ margin: 20px 0 10px 0; line-height: 26px; font-size: 22px; color: #333;  display: block;}
.content p{ line-height: 28px; font-size: 16px; color: #333; margin-bottom: 10px; display: block; }
.content a{ color: #00843d; }

.news{ width: 1170px; padding: 0 30px; line-height: 26px; font-size: 16px; color: #333; margin: 0 auto; }
.news-title{ margin-bottom: 30px; }
.news-title h1{ margin: 20px 0 10px 0; line-height: 36px; font-size: 30px; font-weight: 600; color: #00843D;  display: block; }
.news-title p{ line-height: 26px; font-size: 16px; color: #333; margin-bottom: 10px; display: block; }
.newslist{ line-height: 26px; font-size: 16px; color: #333 }
.newslist ul li{ height: 32px;  }
.newslist ul li a{ display: block;}
.newslist ul li a span{ font-weight: bold; color: #333; float: left; display: block; }
.newslist ul li a p{ color: #00843d; float: left; display: block; }

.pic{ width: 1170px; margin: 0 auto;}
.lefttitle{  }
.lefttitle h1{ line-height: 70px; padding: 0 15px; font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 10px; background: #00843d; display: block; }
.lefttitle ul li{ min-height: 39px; border-bottom: 1px solid #00843d; }
.lefttitle ul li a{ padding: 0 15px; line-height: 38px; font-size: 14px; color: #00843d; display: block; }
.lefttitle ul li a:hover{ background: #00843d; color: #fff; }
.leftnav{  }
.leftnav ul li{ min-height: 31px; height: 31px; border-top: 1px solid #019445; border-bottom: 0; }
.leftnav ul li a{ padding: 0 20px; line-height: 30px; font-size: 13px; color: #00843d; display: block; }
.leftnav ul li a:hover{ background: #00843d; color: #fff; }

.righttitle{ margin-bottom: 20px; height: 33px; border-bottom: 1px solid #00843d; }
.righttitle h1{ line-height: 32px; font-size: 16px; font-weight: 600; color: #00843d; display: block; }
.product{ overflow: hidden; }
.product ul li{ width: 202px; float: left; margin: 0 20px 20px 0; }
.product ul li:nth-child(4n){ margin-right: 0; }
.product ul li a{ display: block; }
.product ul li a img{ width: 100%; height: 134px; display: block; }    
.product ul li a p{ width: 100%; text-align: center; height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; color: #fff; background: #00843d; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }    
.product ul li a:hover{ box-shadow: 1px 0 10px rgba(0,132,61,0.5); }

.pager{  }
.pager span, .pager a{ margin: 0 5px; padding: 0 5px; font-size: 14px; color: #333; text-transform: capitalize; }
.pager a:hover{ color: #00843d; }

.pa1 img{ height: 210px; }