@font-face {
  font-family: 'iconfont';  /* project id 1518933 */
  src: url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.eot');
  src: url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.woff') format('woff'),
  url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1518933_erb8f8y2l1b.svg#iconfont') format('svg');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html{font-size: 15px;}
img{object-fit: cover;}

/* Bootstrap reset */
.navbar-brand{background: url(../img/logo.png) no-repeat 0 -1.57rem;background-size:9.5rem 4.73rem;width:9.5rem;height: 1.57rem;text-indent: -999px;overflow: hidden;}
.navbar-nav{font-size: 15px;}
.btn-primary{background-color: #3755be;border-color: #3755be;}
.btn .iconfont{margin-right: 5px;}
.btn-white {background: #fff;color: #3755be;}
.btn-white:hover {background: rgba(255,255,255,.9);}
.indent2{text-indent: 2em;}

/* Navigation */
.header{background: #fff;}
.navbar-nav .nav-link{color: inherit;opacity: 8;}
.navbar-nav .nav-link:hover{opacity: 1;}
.menu{margin-top:.75rem;}
.menu .dropdown-menu{border-radius: 0; margin:0 !important;border: none;}
.menu .dropdown:hover>.dropdown-menu {display:block;}
.menu .dropdown-menu a{color:#fff;padding: 0.1rem 0;}
.menu .nav-item{border-top:1px solid rgba(255,255,255,.2);}
.menu.navbar-nav .dropdown-menu{background: none;display:block;}
.online-qq{border-color: #3755be;}
.online-qq:hover{border-color:#212529;}
.bg-blue{background-color: rgba(55, 85, 190, 1);}
.bg-blue .navbar-brand{background-position: 0 0;}
.bg-blue .navbar-nav .nav-link{color: rgba(255,255,255,.8);}
.bg-blue .navbar-nav .nav-link:focus,.bg-blue .navbar-nav .nav-link:hover{color: rgb(255,255,255);}
.bg-blue .navbar-nav .show > .nav-link, .bg-blue .navbar-nav .active > .nav-link, .bg-blue .navbar-nav .nav-link.show, .bg-blue .navbar-nav .nav-link.active{color: #fff;}
.bg-blue .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.bg-blue .online-qq{border:none;}
.solution-nav a{display: block;padding: 0.5rem 0;text-decoration: none;color:#fff;}
.solution-nav .tab-content{display: none;}
.solution-nav img{width:100%;height:150px;margin-bottom: 15px;}

/* Carousel */
.carousel {margin-bottom:3rem;}
.carousel-caption {bottom:12rem;z-index:10;}
.carousel-item {height:55rem;background-position: center;background-size: cover;}
.carousel-item > img {position:absolute;top:0;left:0;min-width:100%;height:55rem;}
.carousel-item > video{position:absolute;top:0;left:0;min-width:100%;height:1080px;}
.carousel-item h1{font-size: 3rem;font-weight: bold;}
.carousel-item .carousel-caption{transition: all 1s ease;opacity: 0;transform: translateX(100px);}
.carousel-item.active .carousel-caption{opacity: 1;transform: translateX(0);}
.caption-box{display:inline-block;border:1px solid #fff;border-radius: 0 30px 0 0;padding:1.8rem 1.5rem;margin-bottom: 2rem;}

/* Industry */
.industry {margin-bottom: 3rem;}
.industry .card{border:none;border-radius:0;}
.industry .card-cover,.industry .card-cover img{width: 100%;height: 225px;overflow: hidden;transition: all 0.3s ease;transform: scale(1,1);opacity:1;}
.industry .card-cover{background: #333;}
.industry .card-cover:hover img{transform: scale(1.05, 1.05);opacity: .8;}
.industry .card-body{padding-left: 0;padding-right: 0;}
.industry .card-text{color: #666;}
.industry .btn{padding-left: 1rem;padding-right: 1.5rem;}
.industry .btn>i{font-size: 18px;margin-right: 0;}

/* Service */
.service{background: url(../img/banner2.jpg) no-repeat fixed left top;min-height: 300px;margin-bottom: 3rem;}
.service h1{font-weight: bold;}
.service .jumbotron{background: none;color: #fff;}

/* Join us */
.joinus{margin-bottom: 3rem;}
.joinus h1{font-weight: bold;}
.joinus img{width: 100%;height:400px;}
.joinus .jumbotron{background: #fff;}

/* Cases */
.cases{margin-bottom: 3rem;}
.cases img{filter: grayscale(100%);opacity: .6;transition: all 0.3s ease;width:80px;height: 80px;}
.cases img:hover{filter: grayscale(0);opacity: 1;}

/* Footer */
.footer{background: #f4f4f4;}
.footer a{text-decoration: none;transition: all 0.3s ease;}
.footer .navbar-brand{background-position: 0 -3.14rem;margin-bottom: 1rem;}
.footer h5{margin-bottom: 1rem;}
.footer .list-unstyled li{padding: .4rem 0;}
.footer .list-unstyled li a{color: #6c757d;}
.footer .list-unstyled li a:hover{color: #444;}
.footer-info{background: #444;color: #999; padding: 1.5rem 0;}
.footer-info a{color: #ddd;opacity: .6;}
.footer-info a:hover{opacity: 1;}
.copyright{text-align: left;}

.banner{background-position: top center;background-attachment: fixed;}
.banner.medical-banner{background-image: url(../img/banner1-1.jpg);}
.banner.enterprise-banner{background-image: url(../img/banner1-2.jpg);}
.banner.education-banner{background-image: url(../img/banner1-3.jpg);}
.banner.service-banner{background-image: url(../img/banner2.jpg);}
.banner.customer-banner{background-image: url(../img/banner3.jpg);}
.banner.brief-banner{background-image: url(../img/banner4-1.jpg);}
.banner.responsibility-banner{background-image: url(../img/banner4-2.jpg);}
.banner.employment-banner{background-image: url(../img/banner4-3.jpg);}
.banner.contact-banner{background-image: url(../img/banner4-4.jpg);}
.banner .container{position: relative;min-height: 500px;}
.banner .banner-txt{position: absolute;bottom: 8rem;color: #fff;}
.banner h1{font-size: 3rem;}
.banner h1:after{display:block;content: '';width:5rem;height: 4px;background: #fff;margin-top:20px;}

.portal .card-body,.education .card-body{text-align: center;}
.portal .iconfont,.education .iconfont{font-size: 3rem;}
.clinic img{max-width: 100%;}
.solutions .card>.iconfont{font-size: 6rem;text-align: center;color: #3755be;}
.cases-logos .card{position: relative;overflow: hidden;}
.cases-logos .card>img{transition: all 0.3s ease;transform: scale(1,1);}
.cases-logos .card:hover>img{transform: scale(1.1,1.1);}
.cases-logos .card-logo{position: absolute;left: 0;right:0;top: 0;bottom: 0;background: rgba(0,0,0,.4);text-align: center;color: #fff;padding-top: 5rem;}

.deeyea-service .card>img{height: 200px;}
.brief img{width: 100%;height: 370px;}
.brief .jumbotron{background: #fff;padding: 0rem;}
.brief-join{background:url(../img/brief-2.jpg) center;height: 400px;}
.brief-join h1{padding-top:9rem;}
.responsibility img,.contact img{width: 100%;}
.responsibility .card-body{padding: 4rem 2rem;}

@media (min-width:768px) {
  .bg-blue{background-color: rgba(55, 85, 190, .9);}
  .navbar{padding: 0 1.5rem;}
  .navbar-nav li{margin-right:15px;padding: 1rem 0;}
  .menu{margin-top: 0;}
  .menu.navbar-nav .dropdown-menu{display:none;background: #fff;}
  .menu .dropdown-menu a{padding: .25rem 1.5rem;color: inherit;}
  .menu .nav-item{border:none}
  .navbar-expand-md .navbar-nav .solution-pane{position: fixed;top: 4.37rem;left: 0;right: 0;background: #fff;}
  .solution-nav{width: 768px;margin-left:9.5rem;}
  .menu .solution-nav a{color:#444;text-align: right;padding: 0.8rem 1rem;}
  .menu .solution-nav a.active{background:#3755be;color: #fff;}
  .solution-nav .tab-content{display: block;}
  .solution-nav .nav-pills,.solution-nav .tab-content{padding: 1.5rem;color: #666;}
  .service{background: url(../img/banner2.jpg) no-repeat top;min-height: 300px;}
  .copyright{text-align: right;}
  .brief .jumbotron{padding: 2rem 2rem 2rem 0;}
}
@media (min-width: 1200px){
  .brief img{height: 390px;}
  .brief .jumbotron{margin-right: -25%;margin-top:2rem;position: relative;z-index: 1;}
}
@media (min-width: 1366px){
  .container{max-width: 1300px;}
  .brief img{height: 380px;}
}
@media (min-width: 1600px){
  .container{max-width: 1460px;}
  .brief img{height: 350px;}
}
@media (min-width:40em) {
  .carousel-caption p {margin-bottom:1.25rem;font-size:1.25rem;line-height:1.4;}
  .featurette-heading {font-size:50px;}
}
@media (min-width:62em) {
  .featurette-heading {margin-top:7rem;}
}