* {

  margin: 0;

  padding: 0;

  list-style: none;

  text-decoration: none;

}



p {

  margin: 0;

}



html {

  font-family: "????????????";

}



/* utilities settings */

.white-color {

  color: #fff;

}



.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.title {

  font-size: 36px;

  letter-spacing: -2px;

  color: #161616;

}



.hr-4px {

  border: 0;

  width: 65px;

  background-color: #012d6d;

  height: 5px;

  margin: 22px auto 20px;

}



.subtitle {

  font-size: 18px;

  letter-spacing: -1px;

  color: #161616;

}



/* navbar */

.navbar_styles {

	position: fixed;

	left: 0;

	width: 100%;

	top: 0;

	z-index: 999;

  box-sizing: border-box;

  background-color: #161616;

  border-bottom: 1px solid rgba(255, 255, 255, 0.39);

}

/*.swiper-container1-1{

	margin-top: 80px;

}*/

.navbar-dark .navbar-nav .nav-link {

  color: #fff;

  font-size: 16px;

  padding: 10px 15px;

}

/* banner section start */

.banner-content {

  background-image: url("../images/top-bg.png");

  background-size: cover;

  height: 40rem;

  padding: 16rem 12rem;

}



.banner-text {

  position: relative;

  height: 40rem;

  padding: 16rem 10rem;

  z-index: 5;

}



.banner-content-title {

  font-size: 48px;

}



.banner-content-subtitle {

  font-size: 30px;

  font-weight: lighter;

}



.banner-btn {

  z-index: 20;

}

/* banner section end */

/* trusts section start */

.trusts {

	padding:80px 0;

	background-size:100% 100%;

}



.trusts-item-container {

  width: 65vw;

  margin: 5rem auto;

  display: flex;

  flex-wrap: wrap;

}



.trusts-item-container > div {

  box-sizing: border-box;

  padding: 0.5rem 1rem;

}



.trusts-item {

  box-sizing: border-box;

  color:#fff;

  text-align:left;

  overflow:hidden;

  position:relative;

  margin-top:50px;

}

.trusts-item img{

	transition: all 0.6s;

}

.trusts-item  .p{

	position:absolute;

	padding-bottom:20px;

	left:0;

	bottom:0;

	width:100%;

}

.trusts-item:hover img {

	transform: scale(1.2);

}



.trusts-item-title {

  font-size: 30px;

  text-indent: 2rem;

}



.trusts-item-subtitle {

  font-size: 18px;

  line-height: 32px;

  text-indent: 2rem;

}

/* trusts section end */

/* products section start */

.products {

	background:url(img/h_03.jpg) center top no-repeat;

	background-size:100% 100%;

	padding:100px 0;

  box-sizing: border-box;

}



.products-items-container {

  margin: 84px auto 0;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}



.products-item-container {

  height: 427px;

  position: relative;

}



.products-item {

	left:0;

	right:0;

  height: 100%;

  position: absolute;

  filter: brightness(70%) opacity(50%) blur(6px);

  transition: 0.6s all ease;

}



.products-item-container:hover .products-item {

  transform: scale(1, 1.1);

  transform-origin: center;

  filter: brightness(70%) opacity(70%) blur(1px);

}



.products-item-1 {

  background: url("img/products-item-1.PNG");

  background-size: cover;

}

.products-item-2 {

  background: url("img/products-item-2.PNG");

  background-size: cover;

}

.products-item-3 {

  background: url("img/products-item-3.PNG");

  background-size: cover;

}

.products-item-4 {

  background: url("img/products-item-4.PNG");

  background-size: cover;

}



.products-item-cover {

  left:0;

	right:0;

	height: 100%;

  z-index: 10;

  position: absolute;

  box-sizing: border-box;

  transition: 1s all ease;

  background: rgba(0, 0, 0, 0.55);

}



.products-item-container:hover .products-item-cover {

  transform: scale(1, 1.1);

  background: rgba(23, 41, 86, 0.6);

}



.products-item-text {

  z-index: 20;

  position: absolute;

  padding-top: 160px;

  box-sizing: border-box;

  left:0;

	right:0;

  height: 100%;

  transition: 0.5s all ease;

}



.products-item-container:hover .products-item-text {

  padding-top: 8vw;

}



.products-item-title {

  font-size: 18pt;

  font-weight: bold;

  line-height: 32px;

  letter-spacing: -1px;

}

.products-item-subtitle {

  font-size: 14pt;

  line-height: 32px;

  letter-spacing: -1pt;

}

.products-item-icon {

  line-height: 100px;

  font-size: 60px;

}



.products-item-btn {

  background: transparent;

  border: 2px solid white;

  color: white;

  display: block;

  letter-spacing: 1px;

  padding: 2px 25px;

  margin: 35px auto;

  opacity: 0;

  transition: 0.6s all ease;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12pt;

}



.products-item-container:hover .products-item-btn {

  opacity: 1;

}

/* products section end */

/* cases section start */

.cases {

  box-sizing: border-box;

  background-size:100% 100%;

  padding:50px 0 120px;

  position: relative;

}

.cases .box,.products .box{

	margin-top:80px;

}



.cases .row > div {

  box-sizing: border-box;
padding:0;
  z-index: 1;

  text-decoration:none;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;

}



.cases .row > div:hover {

  box-shadow: 7px 7px 13px 20px rgba(9, 20, 48, 0.21);

  z-index: 10;

  position: relative;

}

/* .cases-item-1:nth-child(2){background:#213b7e;color:#fff;}
.cases-item-1:nth-child(2) a p{color:#fff;}
.cases-item-1:nth-child(4){background:#213b7e;}
.cases-item-1:nth-child(4) a p{color:#fff;}
.cases-item-1:nth-child(5){background:#213b7e;}
.cases-item-1:nth-child(5) a p{color:#fff;}
.cases-item-1:nth-child(7){background:#213b7e;}
.cases-item-1:nth-child(7) a p{color:#fff;} */

.cases-item-1,

.cases-item-3,

.cases-item-6,

.cases-item-8 {

 /*  background-color: #fbfbfb;

  color: #6e6d6d;

  padding-top:2px; */

}



.cases-item-2,

.cases-item-4,

.cases-item-5,

.cases-item-7 {

  background-color: #213b7e;

  color: #ffffff;

  padding-top:2px;

}



.cases-item-icon {

  width: 100%;

  height: 66px;

  box-sizing: border-box;

  font-size: 66px;

  margin-bottom: 20px;

  margin-top:66px;

}



.cases-item-text {

  font-size: 18px;

  line-height: 40px;

  letter-spacing: -1px;

  padding-bottom:75px;

}



/* cases section end */

/* customer section start */

.customer {

  width: 100%;

  background: url("img/customer-bg.png");

  background-size: cover;

  padding: 100px 0;

  box-sizing: border-box;

}

.customer img{

	width:100%;

}

.customer .swiper-container {

	padding-bottom:100px;

	margin-top:80px;

}

.customer .swiper-pagination-bullet {

	background:#8e8e92;

	opacity:1;

}

.customer .swiper-pagination-bullet-active {

	background:#f47a35;

}

.customer-item-container {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

  justify-content: center;

}



.customer-item-container > div {

  width: 12rem;

  height: 5rem;

  margin-right: 9px;

  margin-top: 0.5rem;

  background-size: cover;

}



.customer-item-1 {

  background: url("img/customer-1.PNG");

}

.customer-item-2 {

  background: url("img/customer-2.PNG");

}

.customer-item-3 {

  background: url("img/customer-3.PNG");

}

.customer-item-4 {

  background: url("img/customer-4.PNG");

}

.customer-item-5 {

  background: url("img/customer-5.PNG");

}

.customer-item-6 {

  background: url("img/customer-6.PNG");

}

/* customer section end */

/* news section start */

.owl-dots {

  display: none;

}



.news {

  width: 100%;

  padding: 8rem 0 0;

  box-sizing: border-box;

  background: url("img/h_06.jpg") top center no-repeat;

  background-size:100% auto;

}

.news .pic{
    height: 225px;
	overflow:hidden;

	border-radius:5px;

}

.news-items-container {

  margin: 50px auto;

  box-sizing: border-box;

}



.news-item {

  width: 100%;

  box-sizing: border-box;

  padding: 0 10%;

}



.news-img {

  width: 100%;

  border-radius:5px;

  box-shadow:0 0 5px rgba(0,0,0,0.1);

  transition: 0.6s all ease-in-out;
  height: 225px;

}



.news-img:hover {

  transform: scale(1.1);

  box-shadow: 7px 7px 13px 13px rgba(9, 20, 48, 0.21);

}



.news-time {

  color: #999;

  font-size: 12px;

  margin-top: 10px;

  margin-bottom: 6px;

}



.news-title {

  color: #1e1e1e;

  font-size: 18px;

  letter-spacing: -1px;

}



.news-text {

  color: #999;;

  margin-top: 10px;

  margin-bottom: 20px;

}



.news-link {

  color: #1e1e1e;

  font-family: Arial, Helvetica, sans-serif;

  font-size:16px;

  letter-spacing: -1px;

}



.btn {

  background-color: white;

  border: 2px solid #213A7D;

  color: #213A7D;


  padding: 10px 20px;

  margin: 0 auto;

}

/* news section end */

/* contact section start */

.contact {

  padding: 137px 0;

  margin: 0 auto;

  box-sizing: border-box;

}



.contact-item-icon {

  width: 70px;

  height: 70px;

  background: #333;

  border-radius: 100%;

  color: #fff;

  text-align: center;

  line-height: 70px;

  margin-right: 16px;

}



.contact-item-info-text {

  color: #999;

  margin-top: 10px;

}



/* contact section end */

/* foot section start  */

.foot {

  width: 100%;

  background: url("img/foot-bg.png");

  background-size: cover;

}



.foot-items-container {

  width: 100%;

  height: 432px;

  padding: 75px  0;

  box-sizing: border-box;

 

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}



.foot-item-title {

  font-size: 18px;

  line-height: 32px;

  position:relative;

}

.foot-item-list {

  font-size: 14px;

}

.foot-item-list a{color:#FFF;}

.foot-logo {

  width: 185px;

  height: 73px;

  opacity: 0.59;

}



.foot-code {

  width: 129px;

  height: 129px;

  margin-top: 40px;

}



.foot-bottom-text {

  font-size: 16px;

  line-height: 76px;

  letter-spacing: -1px;

   border-top: 1px solid rgba(255, 255, 255, 0.39);

}

/* foot section end */



@media (max-width: 1200px) {

  .banner-content-title {

    font-size: 30px;

  }



  .banner-content-subtitle {

    font-size: 22px;

    font-weight: lighter;

  }

  .trusts-item-container{

  	width: 90%;

  }

  .products{

	  padding:15px ;

  }



  .cases {

	  padding: 0 15px;

  }

  .contact{

	  padding: 50px ;

	  width: auto;

  }

  .contact .media {

	  margin-bottom:20px;

  }

  .customer{

	  padding: 50px 15px;

  }

  .news-items-container{

	  padding:0;

  }

  .news .pic {

	  margin-top:20px;

  }

  .trusts-item{

	  margin-top:20px;

  }

  .title{

	  font-size:28px;

  }

  .products-item-container{

	  margin-top:15px;

  }

  .cases-item-2, .cases-item-4, .cases-item-5, .cases-item-7,.cases-item-1, .cases-item-3, .cases-item-6, .cases-item-8{

	  margin-top:15px;

  }

  .cases .box, .products .box{

	  margin-top:30px;

  }

  .swiper-container1-1{

  	margin-top:50px;

  }



}