@charset "UTF-8";.blockquote,.btn-theme,p{line-height:1.4}
.btn-theme.active.focus,.btn-theme.active:focus,.btn-theme.focus,.btn-theme:active.focus,.btn-theme:active:focus,.btn-theme:focus,:active,:focus,a,a:active,a:focus,a:hover{outline:0}
.btn-theme:hover,.service .service-element,.service .service-info,.service:hover .service-element,.service:hover .service-info{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.blockquote,.header .nav-item-child,.link,a,body,em,h1,h2,h3,h4,h5,h6,li,li a,p,span{font-family:Hind,sans-serif}
.back-to-top:focus,.back-to-top:hover,.btn-theme.focus,.btn-theme:focus,.btn-theme:hover,.content-wrapper-link,.header .logo-wrap:focus,.header .logo-wrap:hover,a:active,a:focus,a:hover,h1>a:focus,h2>a:focus,h3>a:focus,h4>a:focus,h5>a:focus,h6>a:focus{text-decoration:none}
.back-to-top,.carousel-title,.header .nav-item-child,.link{text-transform:uppercase}
.container-full-width:after,.masonry-grid:after{clear:both}
html{overflow-x:hidden}
body,html,html a{-webkit-font-smoothing:antialiased}
p{font-size:15px;font-weight:500;color:#a6a7aa;margin-bottom:15px; font-family: AlibabaPuHuiTi_2_55_Regular; }
em,li,li a{font-size:15px;font-weight:500;color:#515769; font-family: AlibabaPuHuiTi_2_55_Regular;}
a{color:#fff}
a:active,a:focus,a:hover{color:#999caa}
.link{position:relative;font-size:13px;font-weight:600}
.link:after{position:absolute;top:8px;right:-15px;width:9px;height:2px;background:#17bed2;content:" "}
span{font-size:16px;font-weight:400;color:#bfc1c7}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#515769;line-height:1.4;margin:0 0 15px}
h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:#515769}
h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{color:#999caa;text-decoration:none}
h1{font-size:40px}
h2{font-size:30px}
h3,h4{font-size:22px}
::selection{color:#fff;background:#17bed2;text-shadow:none}
::-webkit-selection{color:#fff;background:#17bed2;text-shadow:none}
::-moz-selection{color:#fff;background:#17bed2;text-shadow:none}
.section-seperator{border-bottom:1px solid #edf0f2}
.content-wrapper-link{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:3}
.blockquote{position:relative;font-size:17px;font-weight:400;color:#a6a7aa;border-left:none;margin-left:20px}
.blockquote:before{position:absolute;top:0;left:-20px;font-size:60px;display:inline-block;color:#17bed2;content:'"'}
.btn-theme{position:relative;display:inline-block;text-align:center;background-image:none;border-style:solid;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn-theme.active,.btn-theme:active{background-image:none;outline:0}
.btn-theme.disabled,.btn-theme[disabled],fieldset[disabled] .btn-theme{cursor:not-allowed;box-shadow:none;opacity:.65;pointer-events:none}
.btn-white-brd{color:#fff;background:0 0;border-color:rgba(255,255,255,.3);border-width:1px}
.btn-white-brd.focus,.btn-white-brd:focus,.btn-white-brd:hover{color:#515769;background:#fff;border-color:transparent}
.btn-default-bg{color:#515769;background:#f3f4f5;border-color:transparent;border-width:0}
.btn-base-bg,.btn-default-bg.focus,.btn-default-bg:focus,.btn-default-bg:hover{background:#17bed2;color:#fff;border-color:transparent}
.btn-base-bg{border-width:0}
.btn-base-bg.focus,.btn-base-bg:focus,.btn-base-bg:hover{color:#fff;background:#63cbd7;border-color:transparent}
/* .footer .footer-seperator,.header .navbar{border-bottom:1px solid rgba(255,255,255,.2)} */
.btn-theme-sm{font-size:13px;font-weight:600;padding:15px 30px}
.pricing{padding:70px 45px;background:#fff;margin-top:50px;opacity:.9}
.carousel-inner {
  width: 100% !important;
}
.main-container {
  width: 70%;
  height: 900px;
  background-image: url(../img/index/res-module.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -200px;
}
.main-flex-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.just-flex {
  display: flex;
  align-items: center;
}
.just-flex-column {
  display: flex;
  flex-direction: column;
}
.just-between {
  display: flex; 
  justify-content: space-between;
}
.just-between a {
  flex: 1;
  text-align: left;
}
#resources-module {
  background-image: url(../img/bg/3.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#banner-module {
  height: 100vh;
  background-image: url(../img/banner/1.png);
  background-position: 100% 100px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#banner-module1 {
  background-image: url(../img/banner/1.png);
  background-position: 100% 100px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#superiority-module {
  background-image: url(../img/index/bg-column-c.png);
  background-size: 100% 100%;
  background-position: center;
  padding: 80px 0;
  width: 100%;
  margin: 0 auto;
}

/* .top {
  position: absolute;
}
.top:before,
.top:after{
  position: absolute;
  left: -10px;
  transform: translate(-50% -50%);
  content: '';
  border-top: 10px transparent dashed;
  border-left: 10px transparent dashed;
  border-right: 10px transparent dashed;
  border-bottom: 10px #fff solid;
 }
 .top:before{
  border-bottom: 10px #0099CC solid;
 }
 .top:after{
  top: 1px;
  left: -10px;
  border-bottom: 10px #fff solid;
 } */
 .scheme-flex-end {
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-left: 50px;
 }
 .first-level-title {
  margin: 10px 0;
  font-size: 35px;
 }
 
 .application-title {
  font-size: 28px;
  padding: 30px 0;
 }
 .footer-logo {
  display: flex; 
  justify-content: center; 
  padding-top: 40px;
 }
 .resources-item {
  height: 450px; 
  display: flex; 
  flex-direction: column; 
  justify-content: center;
 }
 .footer-main {
  padding: 80px 0 70px 0 !important;
 }
 .record-module {
  height: 100%; 
  display: flex; 
  flex-direction: column; 
  justify-content: end;
 }
 .record-item {
  margin-top: 10px;
  display: flex; 
  /* justify-content: center;  */
  align-items: center;
 }
 .record-item a {
  font-size: 12px;
  font-weight: 400;
  word-spacing: 1px;
  letter-spacing: 1px;
 }
 .record-item span {
  color: #fff; 
  font-size: 12px;
  font-weight: 400;
  word-spacing: 1px;
  letter-spacing: 1px;
 }
 .use-text {
  line-height: 30px; 
  font-size: 18px;
 }
 .min-text {
  font-size: 16px;
 }
 /* 查看更多 */
 .more-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .more-content a {
  background: #EAEBF0; 
  padding: 10px 18px;
  border-radius: 2px;
  /* height: 32px; */
 }
 .more-content a span {
  padding-right: 20px;
  color: #1a1a1a;
  font-size: 16px;
 }
 .more-content a img {
  margin-top: -5px;
 }
 /* tab 切换模块 */
 .tab-container {
  padding: 30px 0;
 }
 .tab-container ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
 }
 
 .tab-container ul li {
  display: flex; 
  align-items: center;
  width: 33.33%;
  height: 110px;
  list-style: none;
  border-top: 6px solid #e8e8e8;
 }
 .tab-container ul li p {
  font-size: 23px;
  font-weight: 600;
  color: #a1a1a1;
  padding: 15px 0 0 30px;
 }
 .tab-active {
  border-top: 6px solid #0a3c96 !important;
 }
 .tab-active p span {
  color: #1a1a1a !important;
 }
 .tab-icon {
  width: 75px; 
  height: 75px;
 }
 .tab-list-content div {
  display: none;
 }
 .tab-list-content :nth-child(1) {
  display: block;
 }
 .tab-content .tab-text {
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 50px 0 0 50px;
 }
 .tab-content .tab-text p {
  color: #4c4c4c;
  line-height: 33px;
  font-size: 18px;
 }
 .tab-content .tab-text h3 {
  font-size: 30px;
 }
 .tab-content .tab-text a {
  width: 140px;
  border: 2px solid #0a3c96;
  padding: 8px 15px;
  color: #0a3c96;
 }
 .tab-content .tab-text a span {
  color: #0a3c96;
  padding-left: 12px;
  font-weight: 600;;
 }
 .tab-content {
  position: relative;
 }
 .left1 span{
  border: 5px solid #0e3889;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(135deg);
  margin: 0 auto;
 }
 .left2 span{
  border: 5px solid #0e3889;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(135deg);
  margin: 0 auto;
 }
 .left3 span{
  border: 5px solid #0e3889;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(135deg);
  margin: 0 auto;
 }
 .left4 span{
  border: 5px solid #0e3889;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(135deg);
  margin: 0 auto;
 }
 .right1 span{
  border: 5px solid #fff;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(-45deg);
  background:#07216b !important;
  margin: 0 auto;
 }
 .right2 span{
  border: 5px solid #fff;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(-45deg);
  background:#07216b !important;
  margin: 0 auto;
 }
 .right3 span{
  border: 5px solid #fff;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(-45deg);
  background:#07216b !important;
  margin: 0 auto;
 }
 .right4 span{
  border: 5px solid #fff;
  width: 20px;
  height: 20px;
  border-left-color: transparent;
  border-top-color: transparent;
  transform: rotate(-45deg);
  background:#07216b !important;
  margin: 0 auto;
 }
 .watermark-item {
  position: absolute;
  top: -20px;
  color: #dedede;
  pointer-events: none;
  display: inline-block;
  opacity: 0.10;
  transform: rotateZ(0deg);
  z-index: 10000;
 }
 .watermark-item p {
  font-size: 240px;
  font-weight: 700;
  margin-bottom: 0;
 }
 .watermark-item :nth-child(2) {
  margin-top: -100px;
 }
 /* 资源汇聚 优势模块 */
 .superiority-module {
  display: flex;
  justify-content: space-between;
 }
 .superiority-icon {
  width: 55px;
 }
 .superiority-other {
  width: 65px;
 }
 .superiority-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  padding: 0 13%;
 }
 .superiority-content li {
  width: 26%;
  text-align: center;
  background: #fff;
  padding: 7% 20px;
 }
 .superiority-content li h3 {
  padding: 15px 0;
  font-size: 26px;
 }
 .superiority-content li p span {
  color: #4c4c4c;
  font-weight: 500;
  font-size: 16px;
 }
 .superiority-content li p {
  margin-bottom: 15px;
 }
 /* 核心能力 */
 .superiority-column {
  width: 69%;
  padding: 60px 0;
  background: #fff;
  margin: 0 auto;
  margin-top: 60px;
 }
 .superiority-column h3 {
  text-align: center;
 }
 .superiority-column-list {
  display: flex;
  justify-content: space-around;
  /* padding: 0 13%; */
  margin-top: 50px;
 }
 .superiority-column-list ul {
  padding-left: 0;
 }
 .superiority-column-list ul li {
  padding-top: 20px;
  list-style: none;
  font-size: 18px;
 }
 .position-icon {
  position: relative;
 }
 .position-icon-bar {
  width: 100%; 
  height: 30px; 
  background: red; 
  position: absolute; 
  top: 0; 
  right: 0; 
  list-style: none;
  background-image: linear-gradient(to right, #3C85F0, #0E3889)
 }
 .position-icon-delta {
  width: 30px;
  height: 40px;
  position: absolute;
  bottom: -40px;
  left: 40%;
  /* transform: translate(-50% 0); */
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff;
  z-index: 9000;
 } 
 .nav-title {
  padding-bottom: 15px;
 } 
 .nav-title a {
  font-size: 15px;
 }
 .nav-title a:hover {
  color: #FFA826;
 }
 .footer-box {
  padding: 50px 0 0 0;
 }
 .footer h3 {
  color: #fff;
 }
 .record-box {
  margin-top: 40px;
}
 .list-style-icon {
  font-size: 25px !important;
  font-weight: 700 !important;
  margin-right: 6px;
  color: #3C85F0 !important;
 }
 .main-flex-item h3 {
  padding: 0 10px; 
  margin: 0;
  font-size: 28px;
 }
 .main-flex-item h4 {
  padding-left: 10px; 
  margin: 0;
  font-size: 24px;
 }
 /* 全局flex居中 */
 .global-center {
  display: flex; 
  align-items: center; 
  justify-content: center;
 } 
 .direction-container {
  position: absolute; 
  right: 0; 
  top: 0;
 }
 .direction-container p {
  width: 100px;
  height: 100px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
 }
 .direction-container {
  display: flex;
 }
 .direction-container :nth-child(1) {
  background: #EEF5FF;
  color: #072A6B;
 }
.direction-container :nth-child(2) {
  background: #072A6B;
  color: #fff;
}
.case-container {
  background-image: url(../img/case/hcmp/case-bg.png);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size: 100% 50%;
  z-index: 999;
}

/* 菜单与鼠标移入 */
.menu{
  height: 95px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.menu:hover{
  overflow: visible;
  color: #FFA826;
  z-index: 999;
  cursor: pointer;
}
.menu a:hover{
  color: #FFA826;
}
/* END */

/* 下拉菜单与鼠标移入 */
.drop{
  background: #b1afaf;
  color: #fff;
  opacity: 0.8;
  backdrop-filter: blur(10px);
  text-align: center;
  width: 100%;
  height: 65px;
  line-height: 65px;
  overflow: hidden;
  padding: 0 10px;
}
.drop:hover{
  color: #fff;
  background: #4B8CFF;
  cursor: pointer;
}

 /* .header .logo-img-active{display:none!important;} */
/* 移动端 */
@media (max-width:768px){
  .left1 span{
    border: 3px solid #0e3889;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(135deg);
    margin: 0 auto;
   }
   .left2 span{
    border: 3px solid #0e3889;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(135deg);
    margin: 0 auto;
   }
   .left3 span{
    border: 3px solid #0e3889;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(135deg);
    margin: 0 auto;
   }
   .right1 span{
    border: 3px solid #fff;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(-45deg);
    background:#07216b !important;
    margin: 0 auto;
   }
   .right2 span{
    border: 3px solid #fff;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(-45deg);
    background:#07216b !important;
    margin: 0 auto;
   }
   .right3 span{
    border: 3px solid #fff;
    width: 15px;
    height: 15px;
    border-left-color: transparent;
    border-top-color: transparent;
    transform: rotate(-45deg);
    background:#07216b !important;
    margin: 0 auto;
   }
   .watermark-item {
    position: absolute;
    top: 50px;
    color: #5c5b5b;
    pointer-events: none;
    display: inline-block;
    opacity: 0.2;
    transform: rotateZ(0deg);
    z-index: 10000;
   }
   .watermark-item p {
    font-size: 80px;
    font-weight: 700;
   }
   .watermark-item :nth-child(2) {
    margin-top: 0;
   }
  .content{padding-top:10px !important;}
  .content-lg{padding-top:30px !important;padding-bottom:30px !important}
  .direction-container p {
    width: 40px;
    height: 40px;
  }
  .bottom-text {
    align-items: center;
  }
  .tab-content .tab-text {
    padding: 0 20px;
    height: 350px;
  }
  .tab-icon {
    width: 50px;
    height: 50px;
  }
  .tab-container {
    padding: 30px 0 0 0;
  }
  .tab-container ul li {
    display: flex; 
    flex-direction: column;
    list-style: none;
    border-top: 6px solid #e8e8e8;
  }
  .tab-container ul li p {
    font-size: 12px;
    color: #a1a1a1;
    padding: 15px 0 0 0;
  }
  #superiority-module {
    background-image: none;
  }
  .superiority-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 0;
  }
  .superiority-content li {
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 20px 0;
    border: 1px solid#3C85F0;
    border-radius: 5px;
  }
  .use-text {
    line-height: 30px; 
    font-size: 17px;
  }
  .record-item {
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center;
  }
  .record-item a {
    padding-top: 12px;
  }
  .record-module {
    height: 100%; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-around;
   }
  .footer-main {
    padding: 30px 0 30px 0 !important;
   }
  .resources-item {
    height: 360px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
   }
  .footer-logo {
    display: flex; 
    justify-content: center; 
    padding-top: 40px;
   }
  .application-title {
    font-size: 26px;
    padding: 30px 0;
   }
  .superiority-icon {
    width: 50px;
   }
   .superiority-other {
    width: 65px;
   }
  .superiority-module {
    display: flex;
    flex-direction: column;
   }
  .footer-seperator {
    display: flex;

  }
  .first-level-title {
    text-align: center;
   }
  .scheme-flex-end {
    height: auto;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: end; */
    padding-left: 15px;
   }
  .scheme-module-title {
    background: #4bbccf !important; 
    color: #fff; 
    text-align: center; 
    padding: 9px 0; 
    margin-bottom: 15px; 
    border-radius: 46px;
    font-size: 15px;
   }
  .slogan-title {
    display: flex;
    flex-direction: column;
  }
  .slogan-title p {
    color: #17bed2;
  }
  .pricing{margin-top:0;}
  .full-screen{background-position: 0 !important;background-size: cover!important;}
  #resources-module {
    background-image: url(../img/bg/9.jpg);
    background-position: center;
    background-size: cover;
  }
  #banner-module {
    background-image: url(../img/banner/phoneBg.jpg);
    background-position: center;
    background-size: cover;
  }
  /* #superiority-module {
    background-image: url(../img/bg/7.png);
    background-size: 100% 100%;
  } */
  #about-module {
    height: 150px !important;
  }
  .footer{background-image: linear-gradient(to right, #3C85F0, #0E3889)}

  /* 菜单与鼠标移入 */
.menu{
  height: 95px;
  color: #fff;
  text-align: center;
  position: relative;
  right: 30px;
  top: 0;
  overflow: hidden;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.menu:hover{
  overflow: visible;
  color: #FFA826;
  z-index: 999;
  cursor: pointer;
}
.menu a:hover{
  color: #FFA826;
}
/* 下拉菜单与鼠标移入 */
.drop{
  background: none;
  color: #fff;
  opacity: 0.8;
  backdrop-filter: blur(10px);
  text-align: center;
  width: 50px;
  height: 35px;
  line-height: 35px;
  overflow: hidden;
}
.drop:active{
  color: #fff;
  background: #4B8CFF;
  cursor: pointer;
}

.pricing.pricing-active{display: flex;flex-direction: column; align-items: center; justify-content: space-between; text-align: center; padding-top:60px;padding-bottom:60px;margin-top:10px;opacity: 0.9;}
}
@media (max-width:768px){.pricing.pricing-active{margin-top:0; margin-bottom: 20px; border-radius: 5px; text-align: center;}
}
.pricing .pricing-icon{display:block;font-size:30px;color:#999caa;margin-bottom:30px}
.pricing .pricing-list-item{position:relative;font-size:15px;color:#4c4d54;padding-left:20px;margin-bottom:10px;padding-top:25px}
.pricing .pricing-list-item:before{position:absolute;top:37px;left:0;width:9px;height:2px;background:#4bbccf;content:" ";margin-right:10px}
@media (max-width:991px){
  .promo-section .promo-section-col{padding-top:100px;padding-bottom:100px}
}
@media (min-width:992px){.full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}.promo-section{position:relative;height:400px}
.promo-section .promo-section-col{width:45%}
.promo-section .promo-section-img-left{position:absolute;top:0;right:50%}
.promo-section .promo-section-img-right{position:absolute;top:0;left:50%}
.promo-section .ver-center{display:table;height:400px}
.promo-section .ver-center-aligned{display:table-cell;vertical-align:middle}
}
.service{background:#fff;padding:50px;}
.service .service-element,.service .service-info{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.service .service-icon{display:block;font-size:30px;color:#999caa;margin-bottom:30px}
/* .header .logo-img,.header .logo-img-main,.header .logo-wrap{display:inline-block} */
.service:hover .service-element{opacity:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.service:hover .service-info{-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
.work,.work .work-overlay{position:relative}
.work .work-content,.work .work-overlay:before{position:absolute;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s;left:0}
.work .work-overlay:before{top:0;width:100%;height:100%;background:0 0;content:" "}
.work .work-content{bottom:0;padding:25px;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.work:hover .work-overlay:before{background:rgba(0,0,0,.5);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work:hover .work-content{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.footer{background-image: linear-gradient(to right, #3C85F0, #0E3889)}
.footer .footer-list{margin-bottom:0}
.footer .footer-list-item{color:#cbd3e1;margin-bottom:25px}
.footer .footer-list-link{color:#fff}
.footer .footer-list-link:hover{color:#ffa826}
.footer .footer-input{background:rgba(0,0,0,.15)}
.footer .footer-logo{width:85px;height:auto}
.footer span{color:#fff}
.navbar-fixed-top .navbar-collapse{max-height:100%}
.header .navbar{ margin-bottom:0;transition-duration:.3s;
  background-image: linear-gradient(to right, #3C85F0, #0E3889);
  /* background-image: linear-gradient(to bottom, #3C85F0, #0E3889); */
  transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle{width:25px;height:25px;border:none;padding:0;margin:35px 15px;}
.header .navbar-toggle .toggle-icon{position:relative;width:21px;height:1px;display:inline-block;background:#fff;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after,.header .navbar-toggle .toggle-icon:before{position:absolute;left:0;background:#fff;content:" "}
.header .navbar-toggle .toggle-icon:before{width:10px;height:1px;bottom:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after{width:16px;height:1px;top:-5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon{background:#17bed2;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{width:21px;height:1px;background:#17bed2;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon.is-clicked{background:rgba(81,87,105,0)}
.header .logo{width:100px;height:100px;float:left;max-height:95px;line-height:65px}
.header .logo-img{padding-top: 20px; width:180px;max-height:100%;vertical-align:middle;}
.header .logo-img-active{display:inline-block}
.header .nav-item,.header .nav-item-child{display:block;position:relative; padding: 0 15px !important;}
.header .navbar-nav{padding-left:0;margin-bottom:0;list-style:none; display: flex; align-items: center; height:100px}
/* .header .nav-item:last-child .nav-item-child{padding-right:0} */
.header .nav-item .nav-item-hover.active:after,.header .nav-item:hover .nav-item-hover:after{opacity:1}
.header .nav-item-child{font-size:16px;font-weight:600;color:#fff;line-height:55px;padding: 0 20px; margin: 20px 0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .nav-item-hover{position:relative}
/* .header .nav-item-hover:after{position:absolute;top:45px;left:0;width:9px;height:2px;background:#4bbccf;opacity:0;content:" ";transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)} */
.slogan-title {
  font-size: 16px; font-weight: 500; word-spacing: 2px; letter-spacing: 2px; color: #17bed2; display: flex;
}
.slogan-title p {
  color: #17bed2;
}
@media (max-width:991px){
.footer{background-image: linear-gradient(to bottom, #3C85F0, #0E3889)}
.full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
.header {background:#fff}
.header .navbar-toggle{display:block; padding-right: 10px;}
.header .navbar-collapse.collapse{display:none!important}
.header .navbar-collapse.collapse.in{display:block!important}
.header .nav-collapse{padding-left:0;padding-right:0}
.header .navbar-nav{margin:0;float:none;display: flex;justify-content: space-between; margin-right: 6px;}
.header .navbar-nav .nav-item{float:none; font-size: 12px !important;}
.header .menu-container:after,.header .menu-container:before{content:" ";display:table}
.header .menu-container:after{clear:both}
/* .header .logo .logo-img-main{display:none} */
.header .logo .logo-img-active{display:inline-block; width: 95px; margin-left: 25px;}
.header .nav-item-child{color:#fff;line-height:1.6;padding:12px 12px 15px 6px; font-size: 12px;}
/* .header .nav-item-hover:after{position:absolute;top:19px;left: -10px;} */
}

@media (max-width:767px){
  .content-lg{padding-top:30px;padding-bottom:30px;}
  /* .header .nav-item-hover:after{display: none;} */
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .header .menu-container{padding-left:5px;padding-right:15px;margin-left:0;margin-right:0;}
.header .navbar>.container,.header .navbar>.container>.nav-collapse{padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.header .navbar>.container{width:auto}
}
@media (min-width:992px){
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .header .navbar-nav-right{float:right}
.page-on-scroll .header .navbar{background-image: linear-gradient(to right, #3C85F0, #0E3889);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
/* .page-on-scroll .header .logo-img-active,.page-on-scroll .header .logo-img-main{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)} */
/* .page-on-scroll .header .logo-img-main{display:none} */
.page-on-scroll .header .logo-img-active{display:inline-block}
.page-on-scroll .header .nav-item-child{color:#fff;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
}
.contact-list>li{font-size:13px;color:#81848f;margin-bottom:10px}
.to-top-bar{width: 25px; height: 4px; background: #0A3C96; margin: 8px 0 2px 7px; border-radius: 10px;}
.back-to-top,.back-to-top:hover{color:#000;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s}
.back-to-top{position:fixed;right:20px;bottom:20px;display:inline-block;z-index:9;width:50px;height:50px; font-size:11px;font-weight:400;text-align:center;line-height:3;letter-spacing:1px;background:#F5F7F9;border-radius:50%;visibility:hidden;opacity:0;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
.back-to-top.back-to-top-is-visible{visibility:visible;opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-fade-out{opacity:.4}
.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.swiper-clients-img,.swiper-clients-img:hover{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.form-control{height:50px;font-size:14px;font-weight:400;color:#a6a7aa;background:#fafafa;border:none;box-shadow:none;border-radius:0;padding-left:15px}
.form-control::-moz-placeholder{color:#a6a7aa}
.form-control:-ms-input-placeholder{color:#a6a7aa}
.form-control::-webkit-input-placeholder{color:#a6a7aa}
.form-control:focus{color:#515769;box-shadow:none}
.form-control:focus::-moz-placeholder{color:#515769}
.form-control:focus:-ms-input-placeholder{color:#515769}
.form-control:focus::-webkit-input-placeholder{color:#515769}
/* .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat} */
.carousel-indicators{left:auto;width:auto;padding-left:0;margin-left:0}
.carousel-centered{position:absolute;bottom:-5%;left:3%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.carousel-title{font-size:55px;font-weight:700;color:#3c3d3d;line-height:1.1}
@media (max-width:768px){
  .carousel-title{font-size:60px}
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div,.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div{background-color:#fff!important;box-shadow:none!important}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div:first-child,.gm-style>div:first-child>div+div>div:last-child>div>div:last-child>img{display:none}
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child{overflow:inherit!important}
.overflow-h,.swiper-slider{overflow:hidden}
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child:after{position:absolute;top:0;right:0;font-size:15px;font-family:Simple-Line-Icons;color:#515769;content:"\e082"}
.gm-style-iw{top:22px!important;left:22px!important}
/* .masonry-grid{position:relative;margin:0 -2px} */
.masonry-grid{position:relative;margin: 0 -2px 160px -2px}
.masonry-grid:after,.masonry-grid:before{content:" ";display:table}
.masonry-grid .masonry-grid-item{display:block;float:left;vertical-align:top;padding:0;margin-bottom:4px}
.masonry-grid .masonry-grid-item.col-12{width:100%}
.masonry-grid .masonry-grid-item.col-11{width:91.66666667%}
.masonry-grid .masonry-grid-item.col-10{width:83.33333333%}
.masonry-grid .masonry-grid-item.col-9{width:75%}
.masonry-grid .masonry-grid-item.col-8{width:66.66666667%}
.masonry-grid .masonry-grid-item.col-7{width:58.33333333%}
.masonry-grid .masonry-grid-item.col-6{width:50%}
.masonry-grid .masonry-grid-item.col-5{width:41.66666667%}
.masonry-grid .masonry-grid-item.col-4{width:33.33333333%}
.masonry-grid .masonry-grid-item.col-3{width:25%}
.masonry-grid .masonry-grid-item.col-2{width:16.66666667%}
.masonry-grid .masonry-grid-item.col-1{width:8.33333333%}
@media (max-width:768px){
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .masonry-grid .masonry-grid-item,.masonry-grid .masonry-grid-item.col-1,.masonry-grid .masonry-grid-item.col-10,.masonry-grid .masonry-grid-item.col-11,.masonry-grid .masonry-grid-item.col-12,.masonry-grid .masonry-grid-item.col-2,.masonry-grid .masonry-grid-item.col-3,.masonry-grid .masonry-grid-item.col-4,.masonry-grid .masonry-grid-item.col-5,.masonry-grid .masonry-grid-item.col-6,.masonry-grid .masonry-grid-item.col-7,.masonry-grid .masonry-grid-item.col-8,.masonry-grid .masonry-grid-item.col-9{width:50%}
}
@media (max-width:600px){
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .masonry-grid .masonry-grid-item,.masonry-grid .masonry-grid-item.col-1,.masonry-grid .masonry-grid-item.col-10,.masonry-grid .masonry-grid-item.col-11,.masonry-grid .masonry-grid-item.col-12,.masonry-grid .masonry-grid-item.col-2,.masonry-grid .masonry-grid-item.col-3,.masonry-grid .masonry-grid-item.col-4,.masonry-grid .masonry-grid-item.col-5,.masonry-grid .masonry-grid-item.col-6,.masonry-grid .masonry-grid-item.col-7,.masonry-grid .masonry-grid-item.col-8,.masonry-grid .masonry-grid-item.col-9{width:100%}
}
.swiper-slider{position:relative;width:100%;height:100%}
.swiper-clients-img{display:block;width:190px;height:auto;margin:0 auto;opacity:1;cursor:pointer}
.swiper-clients-img:hover{opacity:.8}
.color-base{color:#17bed2}
.color-white{color:#fff}
.color-heading{color:#515769}
.color-subtitle{color:#a6a7aa}
.color-link{color:#81848f}
.color-link-hover{color:#999caa}
.color-sky-light{color:#fafafa}
.bg-color-base{background:#17bed2}
.bg-color-white{background:#fff}
.bg-color-heading{background:#515769}
.bg-color-subtitle{background:#a6a7aa}
.bg-color-link{background:#81848f}
.bg-color-link-hover{background:#999caa}
.bg-color-sky-light{background:#fafafa}
.row-space-1{margin-right:-1px;margin-left:-1px}
.row-space-1>[class*=col-]{padding-left:1px;padding-right:1px}
.content{padding-top:40px;padding-bottom:40px}
.content-sm{padding-top:60px;padding-bottom:60px}
.content-md{padding-top:80px;padding-bottom:80px}
.content-lg{padding-top:90px;padding-bottom:90px}
.parallax-content{padding-top:400px;padding-bottom:120px}
.full-width{width:100%;height:auto}
.container-full-width{width:100%}
.container-full-width:after,.container-full-width:before{content:" ";display:table}
.fweight-300{font-weight:300!important}
.fweight-400{font-weight:400!important}
.fweight-500{font-weight:500!important}
.fweight-600{font-weight:600!important}
.fweight-700{font-weight:700!important}
.margin-l-0{margin-left:0!important}
.margin-l-5{margin-left:5px!important}
.margin-l-10{margin-left:10px!important}
.margin-l-20{margin-left:20px!important}
.margin-r-0{margin-right:0!important}
.margin-r-5{margin-right:5px!important}
.margin-r-10{margin-right:10px!important}
.margin-r-20{margin-right:20px!important}
.margin-b-0{margin-bottom:0!important}
.margin-b-2{margin-bottom:2px!important}
.margin-b-5{margin-bottom:5px!important}
.margin-b-10{margin-bottom:10px!important}
.margin-b-20{margin-bottom:20px!important}
.margin-b-30{margin-bottom:30px!important}
.margin-b-40{margin-bottom:40px!important}
.margin-b-50{margin-bottom:50px!important}
.margin-b-60{margin-bottom:60px!important}
.margin-b-70{margin-bottom:70px!important}
.margin-b-80{margin-bottom:80px!important}
.margin-b-90{margin-bottom:90px!important}
.margin-b-100{margin-bottom:100px!important}
@media (max-width:992px){
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .md-margin-b-0{margin-bottom:0!important}
.md-margin-b-2{margin-bottom:2px!important}
.md-margin-b-5{margin-bottom:5px!important}
.md-margin-b-10{margin-bottom:10px!important}
.md-margin-b-20{margin-bottom:20px!important}
.md-margin-b-30{margin-bottom:30px!important}
.md-margin-b-40{margin-bottom:40px!important}
.md-margin-b-50{margin-bottom:50px!important}
.md-margin-b-60{margin-bottom:60px!important}
.md-margin-b-70{margin-bottom:70px!important}
.md-margin-b-80{margin-bottom:80px!important}
.md-margin-b-90{margin-bottom:90px!important}
.md-margin-b-100{margin-bottom:100px!important}
}
@media (max-width:768px){
  .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}
  .sm-margin-b-0{margin-bottom:0!important}
.sm-margin-b-2{margin-bottom:2px!important}
.sm-margin-b-5{margin-bottom:5px!important}
.sm-margin-b-10{margin-bottom:10px!important}
.sm-margin-b-20{margin-bottom:20px!important}
.sm-margin-b-30{margin-bottom:30px!important}
.sm-margin-b-40{margin-bottom:40px!important}
.sm-margin-b-50{margin-bottom:50px!important}
.sm-margin-b-60{margin-bottom:60px!important}
.sm-margin-b-70{margin-bottom:70px!important}
.sm-margin-b-80{margin-bottom:80px!important}
.sm-margin-b-90{margin-bottom:90px!important}
.sm-margin-b-100{margin-bottom:100px!important}
}
@media (max-width:480px){
  .full-screen{background-size:cover;background-position: center ;background-repeat:no-repeat}
  /* .full-screen{background-size:cover;background-position:center;background-repeat:no-repeat} */
  .xs-margin-b-0{margin-bottom:0!important}
.xs-margin-b-2{margin-bottom:2px!important}
.xs-margin-b-5{margin-bottom:5px!important}
.xs-margin-b-10{margin-bottom:10px!important}
.xs-margin-b-20{margin-bottom:20px!important}
.xs-margin-b-30{margin-bottom:30px!important}
.xs-margin-b-40{margin-bottom:40px!important}
.xs-margin-b-50{margin-bottom:50px!important}
.xs-margin-b-60{margin-bottom:60px!important}
.xs-margin-b-70{margin-bottom:70px!important}
.xs-margin-b-80{margin-bottom:80px!important}
.xs-margin-b-90{margin-bottom:90px!important}
.xs-margin-b-100{margin-bottom:100px!important}
}
.height-100{height:100px!important}
.height-200{height:200px!important}
.height-300{height:300px!important}
.height-400{height:400px!important}