.col-sm-12 {
  padding: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #fff;
  background: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: rgba(1, 1, 1, .6);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}

/* 导航样式 */
.navbar {
  position: absolute;
  top: 0px;
  z-index: 10000!important;
  border: none;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.menu {
  margin-top: 5px;
  font-size: 14px;
  line-height: 60px;
  color: #fff;  
}
/* 改变二级导航点击为鼠标经过 */
.navbar .nav > li .dropdown-menu {  
  margin: 0; 
  filter: alpha(opacity=0);
  opacity: 0; 
}


.navbar-default {
  background: transparent;
  width: 100%;
}
.nav-background {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  background: rgba(1, 1, 1, .6);
  width: 100%;
  height: 57px;
}

/* 导航右浮动 */
.navbar-left {
  float: right!important;
}

/* 二级导航样式 */
.dropdown-menu {
  background: rgba(1, 1, 1, .7);
}
.dropdown-menu > li > a {
  color: #fff;
}

.dropdown-menu > li > a:hover {
  color: #4fa0d8;
  background: rgba(1, 1, 1, .8);
}



.footer-box {
  margin-right: -1%;
  display: box;              /* OLD - Android 4.4- */ 
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */  
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */  
  display: -ms-flexbox;      /* TWEENER - IE 10 */  
  display: -webkit-flex;     /* NEW - Chrome */  
  display: flex;  
}
.footer {
  height: auto;
  background-image: none;
}
.footer > .footer_content {
  padding: 60px 20%;
  width: 100%;
}



/* banner图样式 */
.banner-box { 
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  text-align: center;
  color: #fff;
}

.banner-box > img {
  width: 100%;
}
.banner-content-box {
  filter: alpha(opacity=0);
  opacity: 0;
  display: none;
  width: 100%;
}

.img-middle, .banner-middle {
  position: absolute;
  top: 50%;
  left: 50%;
}
.img-middle, .banner-middle {
  transform: translate( -50%, -50%);
  -ms-transform: translate( -50%, -50%);   /* IE 9 */
  -moz-transform: translate( -50%, -50%);  /* Firefox */
  -webkit-transform: translate( -50%, -50%); /* Safari 和 Chrome */
  -o-transform: translate( -50%, -50%);  /* Opera */
}
.banner-box > .banner-content-box > .banner-content > h1 {
  margin-bottom: .5em;
  white-space: nowrap;
  letter-spacing:2px;
}
.banner-box > .banner-content-box > .h-line > h1 {
  margin-bottom: .1em;
  white-space: nowrap;
}
.banner-box > .banner-content-box > .banner-content > .banner-line {
  white-space: nowrap;
}
.banner-box > .banner-content-box > .banner-content > .p1 {
  margin-bottom: .5em;
  white-space: nowrap;
}
.banner-box > .banner-content-box > .banner-content > .p2 {
  margin-bottom: 1em;
  white-space: nowrap;
}
.banner-box > .banner-content-box > .banner-content > .p3 {
  margin-top: 1em;
  white-space: nowrap;
  x-ms-format-detection: none;
}
.btn-box {
  margin: 12% auto 2%;
}

/* 鼠标经过样式 */
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #4fa0d8;
}
.navbar-default .navbar-nav>li>a:focus {
  color: #fff;
}
.footer-box > div > ul > li > a:hover {
  color: #eee;
}
.btn-box > .contact:hover {
  color: #4fa0d8;
  border: 1px solid #4fa0d8;
}
.btn-box > .contact:active {
  color: #333;
}
.know:hover {
  color: #4fa0d8;
  background: rgba(0, 0, 0, .5);
  border: 1px solid #4fa0d8;
}
.know:active {
  color: #fff;
}
.know-aten:hover {
  color: #197dd2;
  border: 1px solid #197dd2;
}
.other-schemes-box  .other-btn:hover {
  color: #197dd2;
  border: 1px solid #197dd2;
}
.other-core-box .other-btn:hover {
  color: #197dd2;
  border: 1px solid #197dd2;
}
.technology-other-btn:hover {
  color: #fff;
}

.case-show-left:hover .see, .case-show-right:hover .see {
  filter: alpha(opacity=100);
  opacity: 1; 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}


/* 绿色下划线 */
.line {
  display: block;
  margin-bottom: 3%;
  background: #00aa0c;
  width: 40px;
  height: 3px;
}

/* 按钮样式 */
.return, .know, .contact, .know-aten, .other-btn { 
  display: inline-block;
  width: 110px;
  height: 35px; 
  font-size: 14px;
  text-align: center;
  line-height: 35px;
}
.contact, .know {
  width: 140PX;
  height: 28PX;
  line-height: 28px;
}
/* 返回按钮 */
.return {
  background: #0096f4;
  color: #fff;
}
/* 了解按钮 */
.know {
  margin-left: 10px;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 1px solid #fff;
}
.know-aten {
  margin-top: 5%;
  background: #fff;
  border: 1px solid #66b4f4;
  color: #66b4f4;
}
/* 联系按钮 */
.contact{
  margin-right: 10px;
  background: #fff;
  color: #333;
  border: 1px solid #fff;
}
.other-btn {
  background: #fff;
  color: #333;
  font-size: 14px;
  width: 170px;
  border: 1px solid transparent;
}


.middle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}




/* 内容区域样式 */
.solution {
  padding: 80px 19%;
  width: 100%;
}
.ai-solution {
  padding: 100px 19%;
}
.solution-case-show {
  padding: 40px 19% 60px;
  width: 100%;
}
.solution > .row, .solution-case-show > .row {
  display: box;              /* OLD - Android 4.4- */ 
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */  
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */  
  display: -ms-flexbox;      /* TWEENER - IE 10 */  
  display: -webkit-flex;     /* NEW - Chrome */  
  display: flex;  
}
.solution-title {
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: bold;
}
.solution-right > img, .solution-right-ai > img, .solution-left > img {
  width: 70%;
}
.peration-solution-img > img {
  width: 60%;
}

/* 正文强调内容/头图内容 */
.emphasize-content {
  margin: 38px 0 16px;
  font-size: 18px;
  color: #1d5b8c;
}
/* 内容标题 */
.title {
  margin: 0 auto;
  padding: 60px 0 22px;
  font-size: 26px;
  color: #1d5b8c;
  text-align: center;
  width: 70%;
}

/* 解决方案 */

/* 产品案例样鼠标经过式 */
.active {
  background: url(../images/main_adv_bg_selected.png) no-repeat center center;
  background-size: 80% 100%;
  opacity: 1;
}
/* 我们的解决方案 */
.advantage-img-box {
  height: 120px;
}
.advantage-box > li {
  padding: 2%;
}
.advantage-img-box > img, .advantage-img-box-core > img {
  padding: 25px 0;
}


/* 其它解决方案 */
.other-schemes {
  width: 100%;
  background: url(../images/main_bottom_bg.png);
  background-size: 100% 100%;
}
.other-schemes > .title, .other-core-bg > .title {
  padding: 34px 0 6px;
  color: #fff;
}
/* 颜色弱化标题下划线 */
.weaken-line {
  margin-bottom: 10px;
  width: 100px;
  border-bottom: 3px solid #fff;
}

.other-schemes-box, .other-core-box {
  margin: 0;
  padding: 12px 0 34px;
  width: 100%;
}
.other-core-box {
  margin: 0 auto;
  width: 70%;
}

.solution-bg, .solution-bg-robot, .solution-bg-financial {
  background-size: 100% 100%;
} 
.solution-bg {
  background-image: url(../images/main_problem_bg.jpg);
}
.solution-bg-financial {
  background-image: url(../images/financial_main_problem_bg.jpg);
}
.solution-bg-robot {
  background-image: url(../images/robot_main_problem_bg.jpg);
}

/* 小图标 */
.icon { 
  display: inline-block;
  margin-right: 5px;
  width: 14px; 
  height: 14px; 
  background: no-repeat center;
  background-size: 100% 100%; 
  white-space: nowrap; 
  letter-spacing: -1em; 
  text-indent: -99em; 
  color: transparent;
  /* IE7 */
  *text-indent: 0;
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');
}
/* 产品案例 */
.case-show-left, .case-show-right {
  align-items: center;
  padding: 2%;
  background: #fff;
}
.case-show-left {
  margin-right: 1%;
  margin-left: -1%;
}
.case-show-right {
  margin-left: 1%;
  margin-right: -1%;
}
.case-show-text {
  margin: 2% 2%;
}

/* 其他 */
.other-schemes-left > a {
  float: right;
}
.other-schemes-right {
  padding-left: 5%;
}
.other-schemes-left {
  padding-right: 5%;
}



/* 艾腾云招聘 */

/* 走进艾腾 */
.go-aten, .welfare, .position {
  padding: 80px 19%;
}
.go-aten-text {
  padding: 5% 0 2%;
}
.go-aten-img {
  margin-top: 5%;
  width: 100%;
}
.go-aten-img > ul > li {
  padding: .2%;
}
/* 员工福利 */
.welfare {
  background: #f5f9fc; 
}
.welfare-box {
  padding: 0;
  width: 100%;
}
.welfare-box > .row {
  margin: 0 -1% 0 -1%;
}
.welfare-box > .row > li {
  margin: 1%;
  padding: 2% 0%;
  border: 1px solid #eee;
  box-sizing: border-box;
  width: 23%;
  background: hsla(0,0%,100%,.6);
  white-space: nowrap; 
  opacity: .8;
}
.welfare-box > .row > li > img {
  width: 12%;
}
.welfare-box > .row > li:hover {
  background: #fff;
}
.welfare-box > .welfare-2, .welfare-box > .welfare-3, .welfare-box > .welfare-4 {
  margin: 5% -2.5% 0 -2.5%;
}
.welfare-2, .welfare-3 {
  display: none;
}
.welfare-box > .row > li > img {
  display: inline-block;
}
.more-welfare {
  cursor: pointer;
}
/* 热招职位 */
.position, .position > .container {
  width: 100%;
}
.position > .container > .row {
  margin-bottom: 1em;
  padding: .5em 0;
  border: 1px solid transparent;
}
.position > .container > .row > li {
  text-align: center;
  white-space: nowrap; 
}
.position > .container > .row:hover {
  border: 1px solid #999; 
  cursor: pointer;
}
.more-welfare:hover {
  -webkit-box-shadow:0 0 10px #197DD2;
  -moz-box-shadow:0 0 10px #197DD2;
  box-shadow:0 0 10px #197DD2;

}
.position > .container > .bor {
  border: 1px solid #999;
}
/* 联系 */
.contact-position {
  padding: 90px 19%;
  width: 100%;
  background: #f5f9fc;
  font-size: 16px;
  text-align: center;
}

.contact-position > .row > li > img{
  display: inline-block;
}
.contact-position > .row > li > h5 {
  margin: 6% 0 2%;
  font-size: 20px;
}



.ai-case-show {
  padding: 0;
  margin-left: 8.88888%;
}