/* 图标 */
.sprite {display: inline-block; vertical-align: middle;}
.sprite {background-image: url(../img/sprites.png); background-position: left center; background-repeat: no-repeat;}
.sprite.date_png {background-position: 0 0; width: 20px; height: 20px;}
.sprite.user_png {background-position: 0 -21px; width: 20px; height: 20px;}
.sprite.controller_2_png {background-position: 0 -42px; width: 60px; height: 60px;}
.sprite.weather_2_png {background-position: 0 -103px; width: 60px; height: 60px;}
.sprite.fertilizer_2_png {background-position: 0 -164px; width: 60px; height: 60px;}
.sprite.sensor_png {background-position: 0 -225px; width: 60px; height: 60px;}
.sprite.head_png {background-position: 0 -286px; width: 150px; height: 150px;}
.sprite.atom_png {background-position: 0 -437px; width: 150px; height: 150px;}
.sprite.fertilizer_png {background-position: 0 -588px; width: 68px; height: 64px;}
.sprite.controller_png {background-position: 0 -653px; width: 68px; height: 64px;}
.sprite.signal_png {background-position: 0 -718px; width: 68px; height: 64px;}
.sprite.water_png {background-position: 0 -783px; width: 76px; height: 76px;}
.sprite.greenhouse_png {background-position: 0 -860px; width: 76px; height: 76px;}
.sprite.aim_png {background-position: 0 -937px; width: 76px; height: 76px;}
.sprite.mail_png {background-position: 0 -1014px; width: 74px; height: 74px;}
.sprite.screen_png {background-position: 0 -1089px; width: 68px; height: 64px;}
.sprite.part_png {background-position: 0 -1154px; width: 68px; height: 64px;}
.sprite.location_png {background-position: 0 -1219px; width: 74px; height: 74px;}
.sprite.phone_png {background-position: 0 -1294px; width: 74px; height: 74px;}
.sprite.diamonds_png {background-position: 0 -1369px; width: 150px; height: 150px;}
.sprite.book_png {background-position: 0 -1520px; width: 76px; height: 76px;}
.sprite.track_png {background-position: 0 -1597px; width: 76px; height: 76px;}
.sprite.weather_png {background-position: 0 -1674px; width: 68px; height: 64px;}
/* 首页 */
.top{
  height: 780px;
  background: url(../img/banner-index.png) no-repeat center top;
}
.header{
  border-bottom: 1px solid #999;
  height: 60px;
}
.header>div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header>div>img{
  cursor: pointer;
}
.header ul{
  height: 59px;
  display: flex;
  margin-right: 20px;
}
.header li>a{
  display: block;
  color: #fff;
  line-height: 57px;
  padding: 0 20px;
}
.header li:hover{
  border-bottom: 2px solid #fff;
}
.header .w-1360>div{
  display: flex;
  color: #fff;
  line-height: 57px;
}
.header b{
  margin-left: 8px;
  font-size: 24px;
  color: #F0D06B;
}
.index-banner{
  height: 720px;
  position: relative;
}
.animated{
  visibility: hidden;
}
.index-banner>div{
  height: 600px;
  color: #fff;
}
.index-banner>div>h2{
  font-size: 64px;
  margin-bottom: 48px;
}
.index-banner>div>h2 span{
  color: #FFD66D;
}
.index-banner>div>a{
  color: #018B4F;
  display: block;
  width: 160px;
  text-align: center;
  line-height: 52px;
  border-radius: 26px;
  background-color: #fff;
  margin-top: 50px;
}
.index-banner>div>.font-14{
  color: #eee;
  margin-top: 8px;
}
.index-banner>ul{
  height: 120px;
  width: 100%;
  position: absolute;
  bottom: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 5px 1px #aaa;
  padding: 0 16px;
}
.index-banner li>span{
  margin-right: 8px;
}
.index-banner .font-14{
  color:#999;
  margin-top: 4px;
}
/* 首页解决方案 */
.chapter-head{
  text-align: center;
  padding: 32px 0;
}
.chapter-head>h2{
  font-size: 36px;
}
.chapter-head>p{
  font-size: 18px;
  color: #999;
  margin-top: 18px;
  padding-bottom: 32px;
}
.index-solution li{
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-solution li:first-child{
  background: url(../img/solution-1.png) no-repeat center;
}
.index-solution li:nth-child(2){
  background: url(../img/solution-2.png) no-repeat center;
}
.index-solution li:nth-child(3){
  background: url(../img/solution-3.png) no-repeat center;
}
.index-solution li:nth-child(4){
  background: url(../img/solution-4.png) no-repeat center;
}
.index-solution li:nth-child(5){
  background: url(../img/solution-5.png) no-repeat center;
}
.index-solution li:nth-child(2)>div,.index-solution li:nth-child(4)>div{
  padding-left: 750px;
}
.solution-case>h3{
  color: #018B4F;
  font-size: 48px;
}
.solution-case>div{
  display: flex;
  margin-top: 36px;
  margin-bottom: 24px;
}
.solution-case>div>p{
  background-color: #f1f1f1;
  width: max-content;
  line-height: 50px;
  border-radius: 25px;
  padding: 0 24px;
}
.solution-case>div>p:first-child{
  margin-right: 24px;
}
.solution-case>div span{
  color: #018B4F;
}
.solution-case>p{
  width: 600px;
  color: #999;
  line-height: 28px;
  margin-bottom: 40px;
}
.solution-case>a{
  display: block;
  width: 130px;
  line-height: 48px;
  background-color: #018B4F;
  border-radius: 24px;
  text-align: center;
  color: #fff;
}
/* 首页产品 */
.index-product{
  background-color: #f9f9f9;
  padding: 48px 0;
}
.index-product>div:last-child{
  height: 700px;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: 'a b c d'
                       'e f f d';
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
  -ms-grid-rows: 1fr 16px 1fr;
  -ms-grid-areas: 'a b c d'
                           'e f f d';
  -ms-grid-gap: 16px;
}
.product-grid>div{
  background-color: #fff;
  cursor: pointer;
}
.product-grid>div:nth-of-type(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.product-grid>div:nth-of-type(2){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.product-grid>div:nth-of-type(3){
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.product-grid>div:nth-of-type(4){
  grid-area: d;
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  -ms-grid-row-span: 3;
}
.product-grid>div:nth-of-type(5){
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.product-grid>div:nth-of-type(6){
  grid-area: f;
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  display: flex;
  align-items: center;
}
.product-grid>div:hover h3{
  color: #018B4F;
}
.has-desc img{
  width: 100%;
  display: block;
}
.has-desc{
  position: relative;
  overflow: hidden;
}
.has-desc>div:first-child{
  z-index: -1;
}
.has-desc>div:last-child{
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height: 180px; */
  background-color: #f1f1f1;
}
.has-desc>div:last-child>h3{
  line-height: 40px;
  padding-top: 8px;
}
.has-desc>div:last-child>p{
  padding-bottom: 16px;
}
.product-grid .font-16{
  color: #999;
}
.product-grid>div:nth-of-type(6)>div:first-child{
  width: 65%;
}
.product-grid>div:nth-of-type(6)>div:first-child>img{
  max-width: 345px;
  max-height: 264px;
  display: block;
  margin: 0 auto;
}
.product-grid>div:nth-of-type(6)>div:last-child{
  padding-left: 4px;
}
.product-grid>div:nth-of-type(6)>div:last-child h3{
  margin-bottom: 8px;
}
/* 首页客户案例 */
.index-case{
  padding-top: 48px;
}
.index-case>div:nth-of-type(2){
  background-color: #f1f1f1;
}
.index-case>div:nth-of-type(2) li{
  width: 20%;
  text-align: center;
  padding: 20px 0;
}
.index-case>div:nth-of-type(2) li b{
  color: #018B4F;
  font-size: 54px;
}
.index-case>.swiper{
  height: 719px;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.index-case .swiper-pagination .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}
.index-case .swiper-slide{
  position: relative;
  overflow: hidden;
}
.index-case .case-mask{
  display: flex;
  overflow: hidden;
}
.index-case .case-mask>div:first-child{
  flex-grow: 1;
  background-color: rgba(7, 155, 91, 0.6);
}
.index-case .case-mask>div:nth-of-type(2){
  width: 0;
  height: 0;
  border-right: 350px solid transparent;
  border-bottom: 719px solid rgba(7, 155, 91, 0.6);
}
.index-case .case-mask>div:last-child{
  height: 719px;
  min-width: 44%;
}
.index-case .swiper-slide>div{
  height: 100%;
  width: 100%;
}
.index-case .slide-text{
  position: absolute;
  width: 1360px;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
}
.index-case .slide-text>h2{
  width: 440px;
  margin-bottom: 36px;
  font-size: 36px;
}
.index-case .slide-text>p{
  width: 530px;
  line-height: 32px;
  font-size: 18px;
}
/* 首页关于我们 */
.index-about{
  background-color: #f9f9f9;
  overflow: hidden;
  padding-top: 48px;
}
.index-about>div:last-child{
  display: flex;
}
.index-about>div:last-child>div:first-child{
  height: 665px;
  width: 580px;
}
.index-about>div:last-child>div:last-child{
  width: 780px;
}
.index-about>div:last-child img{
  float:right;
  height: 665px;
}
.index-about .about-desc>p{
  padding-left: 72px;
  width: 780px;
  color: #999;
  padding-top: 100px;
  padding-bottom: 80px;
  line-height: 40px;
}
.index-about .about-desc>div{
  background-color: #fff;
  width: 1100px;
}
.index-about ul{
  width: 780px;
  padding-left: 72px;
}
.index-about li{
  padding: 36px 0;
  text-align: center;
}
.index-about li>b{
  font-size: 50px;
  color: #018B4F;
}
/* 首页新闻资讯 */
.index-news{
  padding: 48px 0 80px 0;
}
.index-news-ul{
  border-top: 1px solid #eee;
}
.index-news-ul>li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: 8px 24px;
}
.index-news-ul>li>div{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-news-ul>li>img{
  width: 180px;
  height: 120px;
}
.index-news-ul>li>div{
  width: 1100px;
  height: 130px;
}
.index-news-ul>li .font-24{
  width: 900px;
  display: flex;
}
.index-news-ul>li .font-24>p{
  height: 100%;
}
.index-news-ul>li span{
  color: #999;
}
.index-news-ul>li>div>p{
  color: #999;
  padding-left: 18px;
  line-height: 28px;
  margin-top: 12px;
  height: 56px;
  overflow: hidden;
}
.index-news-ul>li>div>p::after{
  content: '...';
}
.index-news-ul>li:hover .font-24{
  color: #018B4F;
}
/* 页脚 */
.footer{
  background-color: #018B4F;
}
.footer>div{
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
}
.footer>div>div>p{
  margin-bottom: 16px;
}
.footer-qrcode{
  text-align: center;
  padding-top: 16px;
}
.footer-qrcode>div:first-child{
  margin-right: 32px;
}
.footer-qrcode img{
  width: 200px;
  height: 200px;
}
.footer-ul{
  display: flex;
  justify-content: space-between;
  width: 60%;
}
.footer-ul ul>li{
  line-height: 32px;
}
.footer-ul ul a{
  color: #ddd;
  display: block;
  padding: 2px 16px;
}
.footer-ul ul>li:first-child{
  font-size: 20px;
  margin-bottom: 24px;
}
.footer-ul ul>li:first-child a{
  color: #fff;
}
.footer-ul ul a:hover{
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.footer>p{
  line-height: 76px;
  background-color: #333;
  color: #eee;
  text-align: center;
}
.footer>p>a{
  color: #eee;
}
/* 解决方案 */
.page-top{
  height: 500px;
}
.solution-top{
  background:url(../img/banner-solution.jpg) no-repeat center;
}
.page-top .banner{
  height: 440px;
  text-align: center;
  color: #fff;
}
.page-top .banner>h2{
  margin-bottom: 20px;
}
.guide{
  background-color: #f9f9f9;
}
.guide li{
  flex: 0 1 20%;
  text-align: center;
  padding: 16px 0;
  cursor: pointer;
}
.guide li>p{
  margin-top: 8px;
}
.guide-solution li{
  width: 20%;
}
.guide li.active{
  background-color: #fff;
}
.guide li.active>p{
  color: #018B4F;
}
.guide-nolink>ul>li:hover{
  color: #018B4F;
  background-color: #fff;
}
/* 产品中心 */
.product-top{
  background:url(../img/banner-product.jpg) no-repeat center;
}
.product-main{
  padding-bottom: 80px;
}
.product-main h2{
  text-align: center;
  font-size: 30px;
  line-height: 66px;
  border-radius: 33px;
  width: 315px;
  background-color: #f1f1f1;
  margin: 64px auto 48px auto;
  color: #018B4F;
}
.product-main li{
  background-color: #f9f9f9;
  padding: 15px;
  text-align: center;
}
.product-main li>div{
  width: 295px;
  height: 238px;
  margin-bottom: 12px;
}
.product-main li img{
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.pro-no-ul>li{
  height: 450px;
  margin-top: 60px;
}
.pro-no-ul>li>div{
  height: 200px;
}
.pro-no-ul>li>p{
  width: 295px;
}
.pro-no-ul>li>p:last-child{
  color: #999;
  font-size: 14px;
  margin-top: 24px;
  text-align: left;
}
/* 服务案例 */
.case-top{
  background:url(../img/banner-case.jpg) no-repeat center;
}
.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
.pagination>a{
  display: block;
  padding: 2px 8px;
  border-radius: 4px;
  margin-right: 8px;
  color: #333;
  background-color: #f1f1f1;
}
.pagination a.active{
  color: #fff;
  background-color: #018B4F;
}
.case-main{
  padding: 48px 0;
}
.case-main>ul{
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding-bottom: 32px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
}
.case-main>ul>li{
  width: 314px;
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.case-main>ul>li:first-of-type{
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.case-main>ul>li:nth-of-type(2){
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.case-main>ul>li:nth-of-type(3){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.case-main>ul>li:nth-of-type(4){
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.case-main>ul>li:nth-of-type(5){
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.case-main>ul>li:nth-of-type(6){
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.case-main>ul>li:nth-of-type(7){
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.case-main>ul>li:nth-of-type(8){
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.case-main>ul>li>img{
  width: 100%;
  height: 184px;
}
.case-main>ul>li>div{
  padding: 12px 0 4px 0;
}
.case-main>ul>li p{
  height: 52px;
}
.case-main>ul>li span{
  color: #999;
  display: block;
  margin-top: 12px;
}
.case-main>ul>li:hover{
  background-color: #018B4F;
  color: #fff;
}
.case-main>ul>li:hover span{
  color: #fff;
}
/* 新闻列表 */
.news-top{
  background:url(../img/banner-news.jpg) no-repeat center;
}
.guide-text{
  background-color: #f9f9f9;
}
.guide-text li.active{
  background-color: #fff;
}
.guide-text a{
  text-align: center;
  display: block;
  line-height: 100px;
  width: 270px;
  color: #333;
}
.guide-text li.active>a{
  color: #018B4F;
}
.newsList-main{
  padding: 64px;
}
.newsList-main>ul>li{
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  cursor: pointer;
}
.newsList-main>ul>li:last-child{
  border-bottom: none;
}
.newsList-main>ul>li:hover h3{
  color: #018B4F;
}
.newsList-main>ul p{
  color: #999;
  margin: 18px 0;
}
.newsList-main>ul span{
  color: #999;
}
.newsList-main .li-img{
  width: 227px;
  height: 146px;
}
.newsList-main .li-img>img{
  width: 100%;
  height: 100%;
}
.newsList-main .li-text{
  width: 1100px;
}
.newsList-main .li-text>p{
  height: 42px;
}
/* 新闻详情 */
.newsItem-main{
  padding: 64px;
}
.article-head{
  text-align: center;
  border-bottom: 1px solid #eee;
}
.article-head>p{
  padding: 24px 0;
  color: #999;
}
.article-head>p>.sprite{
  margin-right: 4px;
}
.article-content{
  padding-top: 24px;
  padding-bottom: 48px;
  border-bottom: 1px solid #eee;
  color: #666;
}
.article-content p{
  text-indent: 2em;
  line-height: 1.5em;
  margin-top: 20px;
}
.article-content img{
  max-width: 90%;
  display: block;
  margin: 0 auto;
  margin-top: 24px;
}
/* 关于我们 */
.about-top{
  background:url(../img/banner-about.jpg) no-repeat center;
}
.intro-ul1{
  background-color: #f9f9f9;
  margin: 64px 0 48px 0;
}
.intro-ul1>li{
  width: 340px;
  text-align: center;
  font-size: 22px;
  padding: 24px 0;
}
.intro-ul1>li b{
  font-size: 50px;
  color: #018B4F;
}
.intro-main>p{
  color: #666;
  line-height: 1.8em;
}
.intro-ul2{
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
}
.intro-ul2>li{
  width: 32%;
  background-color: #f9f9f9;
  padding: 36px 26px;
  text-align: center;
}
.intro-ul2>li>h3{
  margin-top: 32px;
}
.intro-ul2>li>div{
  width: 36px;
  height: 4px;
  background-color: #018B4F;
  margin: 20px auto;
}
.intro-ul2>li>p{
  text-align: center;
  color: #666;
  line-height: 1.8em;
}
.intro-contact{
  background-color: #f9f9f9;
}
.intro-ul3{
  display: flex;
  justify-content: space-between;
}
.intro-ul3>li{
  width: 30%;
  text-align: center;
  padding: 64px 0;
}
.intro-ul3>li:nth-of-type(2){
  width: 38%;
}
.intro-ul3>li>p.font-18{
  color: #999;
  margin: 16px;
}
.intro-ul3>li>p:last-child{
  font-size: 22px;
  max-width: 480px;
  margin: 0 auto;
}
.intro-map{
  height: 400px;
  background: url(../img/map.png) no-repeat center;
}