/*----------------------------------------*/
/*  Theme default CSS
/*----------------------------------------*/
body {
  background-color: #fff;
  color: #333333;
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  visibility: visible;
}
img {
  max-width:100%;
  height:auto
}
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-weight: 400;
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
a{
  text-decoration:none;
  color: inherit;
 }
a, button, .btn, a::before, a::after, *::before, *::after, input{
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
 }
*:focus {
  outline:0px solid
}
a:focus {
  color: #303030;
  outline: medium none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul{
  list-style: outside none none;
  margin: 0;
  padding: 0
}
/* Common Class */
.fix {
  overflow:hidden
}
.clear{
  clear: both;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.table, .table-cell {
  display: table;
  height: 100%;
  margin: 0;
}
.slide-table {
  display: table;
  height: 100%;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.bg-image-none, .parallax-window {
  background-image: none !important;
}
/* Margin */
.mt-0{margin-top: 0px;}.mt-5{margin-top: 5px;}.mt-10{margin-top: 10px;}.mt-15{margin-top: 15px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-30{margin-top: 30px;}.mt-35{margin-top: 35px;}.mt-40{margin-top: 40px;}.mt-45{margin-top: 45px;}.mt-50{margin-top: 50px;}.mt-55{margin-top: 55px;}.mt-60{margin-top: 60px;}.mt-65{margin-top: 65px;}.mt-70{margin-top: 70px;}.mt-75{margin-top: 75px;}.mt-80{margin-top: 80px;}.mt-85{margin-top: 85px;}.mt-90{margin-top: 90px;}.mt-95{margin-top: 95px;}.mt-100{margin-top: 100px;}.mt-105{margin-top: 105px;}.mt-110{margin-top: 110px;}
.mb-0{margin-bottom: 0px;}.mb-5{margin-bottom: 5px;}.mb-10{margin-bottom: 10px;}.mb-15{margin-bottom: 15px;}.mb-20{margin-bottom: 20px;}.mb-25{margin-bottom: 25px;}.mb-30{margin-bottom: 30px;}.mb-35{margin-bottom: 35px;}.mb-40{margin-bottom: 40px;}.mb-45{margin-bottom: 45px;}.mb-50{margin-bottom: 50px;}.mb-55{margin-bottom: 55px;}.mb-60{margin-bottom: 60px;}.mb-65{margin-bottom: 65px;}.mb-70{margin-bottom: 70px;}.mb-75{margin-bottom: 75px;}.mb-80{margin-bottom: 80px;}.mb-85{margin-bottom: 85px;}.mb-90{margin-bottom: 90px;}.mb-95{margin-bottom: 95px;}.mb-100{margin-bottom: 100px;}.mb-105{margin-bottom: 105px;}.mb-110{margin-bottom: 110px;}
/* Padding */
.pt-0{padding-top: 0px;}.pt-5{padding-top: 5px;}.pt-10{padding-top: 10px;}.pt-15{padding-top: 15px;}.pt-20{padding-top: 20px;}.pt-25{padding-top: 25px;}.pt-30{padding-top: 30px;}.pt-35{padding-top: 35px;}.pt-40{padding-top: 40px;}.pt-45{padding-top: 45px;}.pt-50{padding-top: 50px;}.pt-55{padding-top: 55px;}.pt-60{padding-top: 60px;}.pt-65{padding-top: 65px;}.pt-70{padding-top: 70px;}.pt-75{padding-top: 75px;}.pt-80{padding-top: 80px;}.pt-85{padding-top: 85px;}.pt-90{padding-top: 90px;}.pt-95{padding-top: 95px;}.pt-100{padding-top: 100px;}.pt-105{padding-top: 105px;}.pt-110{padding-top: 110px;}.pt-130{padding-top: 130px;}.pt-150{padding-top: 150px;}
.pb-0{padding-bottom: 0px;}.pb-5{padding-bottom: 5px;}.pb-10{padding-bottom: 10px;}.pb-15{padding-bottom: 15px;}.pb-20{padding-bottom: 20px;}.pb-25{padding-bottom: 25px;}.pb-30{padding-bottom: 30px;}.pb-35{padding-bottom: 35px;}.pb-40{padding-bottom: 40px;}.pb-45{padding-bottom: 45px;}.pb-50{padding-bottom: 50px;}.pb-55{padding-bottom: 55px;}.pb-60{padding-bottom: 60px;}.pb-65{padding-bottom: 65px;}.pb-70{padding-bottom: 70px;}.pb-75{padding-bottom: 75px;}.pb-80{padding-bottom: 80px;}.pb-85{padding-bottom: 85px;}.pb-90{padding-bottom: 90px;}.pb-95{padding-bottom: 95px;}.pb-100{padding-bottom: 100px;}.pb-105{padding-bottom: 105px;}.pb-110{padding-bottom: 110px;}.pb-130{padding-bottom: 130px;}.pb-150{padding-bottom: 150px;}

/* Background Color */
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f1f1f1;
}
.bg-dark {
  background-color: #1e2127;
}
.bg-dark-gray {
  background-color: #252830;
}
.fixed-bg {
  background-attachment: fixed;
}
/* Overlay */
.overlay {
  position: relative;
  z-index: 1;
}
.overlay:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.overlay-black:before {
  background-color: #000;
}
.overlay-white:before {
  background-color: #fafafa;
}
.overlay-10:before {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.overlay-20:before {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.overlay-30:before {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.overlay-40:before {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.overlay-50:before {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.overlay-60:before {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.overlay-70:before {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.overlay-80:before {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.overlay-90:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
/* Section Title */
.section-title {
  position: relative;
}
.section-title::before, .section-title::after {
  background-color: #333333;
  bottom: 12px;
  content: "";
  height: 1px;
  position: absolute;
  width: 100px;
}
.section-title.title-white::before, .section-title.title-white::after {
  background-color: #ffffff;
}
.section-title::before {
  margin-right: 10px;
  right: 50%;
}
.section-title::after {
  margin-left: 10px;
  left: 50%;
}
.section-title h3 {
  color: #222222;
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.section-title.title-white h3 {
  color: #fff;
}
.section-title .excerpt {}
.section-title .excerpt p {
  display: block;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 12px;
}
.section-title.title-white .excerpt p {
  color: #fff;
}
.section-title i {
  color: #2ca1db;
  display: inline-block;
  font-size: 18px;
}
/*************************************
 Custom-content all   
**************************************/
.boxed-layout.wrapper, .box-layout.wrapper {
  background-color: #fff;
  box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  position: relative;
  max-width: 1240px;
  width: 100%;
}
/*Background Patterns*/
.pattern-1 {
    background-image: url("../image/1.png");
}
.pattern-2 {
    background-image: url("../image/2.png");
}
.pattern-3 {
    background-image: url("../image/3.png");
}
.pattern-4 {
    background-image: url("../image/4.png");
}
.pattern-5 {
    background-image: url("../image/3.png");
}
.pattern-6 {
    background-image: url("../image/6.png");
}
.pattern-7 {
    background-image: url("../image/7.png");
}
.pattern-8 {
    background-image: url("../image/8.png");
}
/*Background Images*/
.main-bg-1,.main-bg-2,.main-bg-3,.main-bg-4,.main-bg-5,.main-bg-6,.main-bg-7,.main-bg-8 {
    background-image: url("../image/01.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}
.main-bg-2 {
    background-image: url("../image/02.jpg");
}
.main-bg-3 {
    background-image: url("../image/03.jpg");
}
.main-bg-4 {
    background-image: url("../image/04.jpg");
}
.main-bg-5 {
    background-image: url("../image/05.jpg");
}
.main-bg-6 {
    background-image: url("../image/06.jpg");
}
.main-bg-7 {
    background-image: url("../image/07.jpg");
}
.main-bg-8 {
    background-image: url("../image/08.jpg");
}
/* Scroll up */
#scrollUp {
  background-color: #2ca1db;
  bottom: 30px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #fff;
  height: 40px;
  right: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
}
#scrollUp:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#scrollUp i {
  display: block;
  font-size: 24px;
  line-height: 40px;
}
/* Preloader Css */
.preloader{
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}
.loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
.loading-center-absolute {
  height: 150px;
  left: 50%;
  margin-left: -60px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 120px;
}
.object{
  width: 20px;
  height: 20px;
  background-color: #2ca1db;
  float: left;
  margin: 0 10px;
  border-radius: 50% 50% 50% 50%;
}
.object_one {	
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
.object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
  -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s;
}
.object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
@-webkit-keyframes object_two {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }
}
@-webkit-keyframes object_three {
  75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}
/* Pagination */
.pagination {
  border-radius: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.pagination ul {
  display: inline-block;
  vertical-align: top;
}
.pagination ul li {
  display: block;
  float: left;
  margin: 0 2px;
}
.pagination ul li a {
  border: 1px solid #d7d7d7;
  color: #555555;
  display: block;
  height: 30px;
  line-height: 28px;
  width: 30px;
}
.pagination ul li a i {
  display: block;
  line-height: 28px;
}
.pagination ul li a:hover {
  border-color: #2ca1db;
  color: #2ca1db;
}
.pagination ul li.active a, .pagination ul li.active a:hover {
  background-color: #2ca1db;
  border-color: #2ca1db;
  color: #fff;
}

.pagination ul li {
  border: 1px solid #d7d7d7;
  color: #555555;
  display: block;
  height: 30px;
  line-height:28px;
  width: 30px;
}

.pagination ul li.active {
  border: 1px solid #2ca1db;
  color: #fff;
  background-color: #2ca1db;
  display: block;
  height: 30px;
  line-height:28px;
  width: 30px;
}

/* Blockquote */
blockquote {
  border-left: 3px solid #2ca1db;
	padding: 10px 20px;
}
blockquote p {
  font-size: 14px;
  line-height: inherit;
}
blockquote p:last-child {
  margin-bottom: 0;
}
/* Sub Title */
.sub-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  margin-bottom: 50px;
  padding-bottom: 10px;
  position: relative;
  text-transform: uppercase;
}
.sub-title::before {
  background-color: #2ca1db;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 50px;
}

#ispc {display:block;}
#ismob {display:none;}
#about, #imobile, #solution, #agriculture, #energy, #job {width:100%;height:auto;display:flex;justify-content: center;align-items: center;}
.about {background-color:#fff;}
.imobile {background-color:#e9e9ea;}
.solution {background-color:#494949;}
.agriculture {background-color:#e9e9ea;}
.energy {background-color:#FFF;}
.job {background-color:#494949;}
.news {background-color:#e9e9ea;background-image:url('../image/newsbg.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;display:flex;justify-content: center;align-items: center;}
/*#header {position: fixed;}
#footer {display: flex;}
#about, #imobile, #solution, #agriculture, #energy, #job {width:100%;min-height:100vh;display:flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: opacity 0.8s ease, visibility 0.8s ease;}
#about.active, #imobile.active, #solution.active, #agriculture.active, #energy.active, #job.active {opacity: 1;visibility: visible;}*/
/* 爆炸 */
.background-container {position: relative;width:695px;height:475px;background-size: cover;margin:0 auto;}
.overlay-layer {position: absolute;width: 100px;height: 100px;opacity: 0;transition: opacity 0.3s ease; }
.overlay-layer img {width: 100%;height: 100%;object-fit: cover;}
#layer1 {top: -1px;left:83px;width:103px;height: 25px;}
#layer2 {top: -1px;left: 266px;width: 84px;height: 25px;}
#layer3 {top: -1px;left: 407px;width: 84px;height: 25px;}
#layer4 {top: -1px;left: 558px;width: 84px;height: 25px;}
#layer5 {bottom: 1px;left: 72px;width: 85px;height: 25px;}
#layer6 {bottom: 2px;left: 235px;width: 85px;height: 25px;}
#layer7 {bottom: 1px;left: 388px;width: 85px;height: 25px;}
#layer8 {bottom: 1px;left: 546px;width: 85px;height: 25px;}
.overlay-layer:hover {opacity: 1;}

.mob-desc {padding:10px;width:100%;}
.mob-desc h2 {font-size:1.2rem;color: #3e3a39;font-weight:700;}
.mob-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:65px;position: absolute;content: '';}
.mob-desc p{font-size:14px;line-height:30px;margin:30px auto;color:#565656;}

.sol-desc {padding:10px;width:100%;}
.sol-desc h2 {font-size:1.2rem;color:#fff;font-weight:700;}
.sol-desc h2::after {width:35px;height:3px;background-color: #fff;left:25px;top:55px;position: absolute;content: '';}
.sol-desc p{font-size:14px;line-height:30px;margin:30px auto;color:#fff;}

.agri-desc {padding:10px;width:100%;}
.agri-desc h2 {font-size:1.2rem;color: #3e3a39;font-weight:700;}
.agri-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:65px;position: absolute;content: '';}
.agri-desc p{font-size:14px;line-height:30px;margin:30px auto;color:#565656;}

.ene-desc {padding:10px;width:100%;}
.ene-desc h2 {font-size:1.2rem;color: #3e3a39;font-weight:700;}
.ene-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:55px;position: absolute;content: '';}
.ene-desc p{font-size:14px;line-height:30px;margin:30px auto;color:#565656;}

#div1{width:100%;margin:0px auto;/*overflow: hidden;*/ }
#div1 img{cursor:pointer;transition: all 0.6s;width:100%}
#div1 img:hover{transform: scale(1.1);}

/*.mapcontainer {position: relative;width:800px;height:462px;background: url(../image/s2-ball.png) no-repeat;margin:20px auto;}
.dot {position: absolute;width:30px;height:42px;background: url(../image/dot.png) no-repeat center;cursor: pointer;}
#display-image {position: absolute;max-width:288px;height:auto;display: none;pointer-events: none;}*/
#image1{left:225px;top:140px;}
#image2{left:395px;top:225px;}
#image3{left:650px;top:110px;}
#image4{left: 245px;top: 345px;}
#image5{left: 690px;top: 295px;}

.map-container {position: relative;width: 800px;height: 462px;background: url(../image/s2-ball.png) no-repeat;margin:20px auto;overflow: hidden;}
.dot {position: absolute;width: 30px;height: 41px;background: url(../image/dot.png) no-repeat center;cursor: pointer;transition: all 0.3s ease;z-index: 10;}
.dot:hover {transform: scale(1.1);filter: drop-shadow(0 0 8px rgba(255, 100, 50, 0.7));}
.dot.active {animation: pulse 1.5s infinite;}
@keyframes pulse {0% { transform: scale(1); } 50% { transform: scale(1.3); }100% { transform: scale(1); }}
#display-container {position: absolute;z-index: 20;opacity: 0;transform: translateY(10px);transition: all 0.3s ease;pointer-events: none;}
#display-image {max-width: 288px;height: auto;border-radius: 6px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);border: 3px solid #fff;background: #fff;}
.info-box {position: absolute;background: rgba(38, 141, 216, 0.8);padding: 12px 15px;border-radius: 6px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);min-width:300px;max-width: 400px;pointer-events: none;opacity: 0;transform: translateY(10px);transition: all 0.3s ease;z-index: 30;}
.info-box h3 {margin: 0 0 8px 0;color: #fff;font-size: 18px;font-weight: 700;}
.info-box p {margin: 0;color: #fff;font-size: 16px;line-height: 1.5;}
/*.info-arrow {position: absolute;width: 0;height: 0;border-style: solid;}*/
@media (max-width: 850px) {
.map-container {width: 100%;max-width: 800px;height: auto;background-size: contain;padding-top: 57.75%; /* 保持462/800的比例 */}
.dot {width: 20px;height: 28px;background-size: contain;}
}


.neibanner {margin:104px auto 0 auto;}
.m-top {margin-top:90px;}
.blog-wit {width:80%;margin:0 auto;}
.blog-wit .blog-description p {font-size:16px;line-height:1.2}
.blog-wit .blog-description img {margin:10px auto;text-align:center;width:auto;}
.neiabout {width:80%;margin:0 auto;}
.neiabout p {font-size:15px;line-height:1.8}
.neiabout .pic {margin:10px auto;text-align: center;}
.neiabout h2 {text-align: center;color: #116cb0;font-size: 24px;margin-bottom:40px;}
.neiabout h3 {font-size: 16px;line-height: 35px;margin: 12px auto;}
.neiabout h4 {color: #116cb0;font-size: 16px;line-height: 35px;margin: 12px auto;}

@media (max-width: 768px) {
#ispc {display:none;}
#ismob {display:block;} 
#header {position:inherit;}
/*#about, #imobile, #solution, #agriculture, #energy, #job {opacity:1;min-height:auto;}*/
.about {height:auto;width:100%;}
.imobile {height:auto;width:100%;}
.solution {height:auto;width:100%;}
.agriculture {height:auto;width:100%;}
.energy {height:auto;width:100%;}
.job {height:auto;width:100%;}
.news {background-image:url('');height:auto;width:100%;}
.solution {height:auto;width:100%;}
.mob-desc h2 {font-size:1.1rem;color: #3e3a39;font-weight:700;}
.sol-desc h2 {font-size:1.1rem;color:#fff;font-weight:700;}
.agri-desc h2 {font-size:1.1rem;color: #3e3a39;font-weight:700;}
.map-container {margin: 20px auto;}
.neibanner {margin:0 auto 0 auto;}
.m-top {margin-top:0px;}
.blog-wit {width:100%;margin:0 auto;}
.blog-wit .blog-description img {margin:10px auto;text-align:center;width:100%;}
.neiabout {width:100%;margin:0 auto;}
.neiabout h2 {font-size:18px;}
.mob-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:65px;position: absolute;content: '';}
.sol-desc h2::after {width:35px;height:3px;background-color: #fff;left:25px;top:55px;position: absolute;content: '';}
.agri-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:80px;position: absolute;content: '';}
.ene-desc h2::after {width:35px;height:3px;background-color: #2ca1db;left:25px;top:60px;position: absolute;content: '';}
}