@import '../../static/css/animate.css';

.ig-tool .s1,
.ig-tool .s4 { display: none; }

.bdapp-view { overflow:hidden; background: #fff; }
.bdapp-view img { display:block; width:1920px; position:relative; left:50%; margin:0 0 0 -960px; }

.bdapp-tese { padding: 50px 0; background: #fff;  }
.bdapp-tese .head { text-align: center; margin: 0 0 50px; }
.bdapp-tese .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-tese .list { height: 230px;  }
.bdapp-tese .list li { float: left; width: 220px; padding: 30px; margin: 0 0 0 24px; border: 1px solid #f5f5f5; border-radius: 15px; box-shadow: 0 0 20px 10px rgba(0,0,0,.03); }
.bdapp-tese .list li:first-child { margin-left: 0; }
.bdapp-tese .list h2 { width: 40px; line-height: 50px; font-size: 26px; font-weight: normal; border-top: 4px solid #3626e5; white-space: nowrap; margin: 0 0 0px; }
.bdapp-tese .list p { line-height: 26px; font-size: 18px; color: #666;  }

.bdapp-rukou { padding: 0 0 90px; }
.bdapp-rukou .head { text-align: center; margin: 0 0 50px; }
.bdapp-rukou .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-rukou .list { overflow: hidden; position: relative; }
.bdapp-rukou .item { float: left; width: 255px; text-align: center; position: relative; z-index: 1; }
.bdapp-rukou .item h2 { width: 80px; height: 80px; padding: 40px; line-height: 40px; background: url(_b0x.png) center center no-repeat; font-size: 30px; color: #fff; text-align: center; margin: 0 auto 20px; }
.bdapp-rukou .item p { line-height: 30px; font-size: 18px; }
.bdapp-rukou .item2 { float: left; width: 60px; margin: 50px 0 0; position: relative; z-index: 1; }
.bdapp-rukou .item2 img { display: block; width: 60px; height: 60px; }
.bdapp-rukou .line { position: absolute; left: 100px; right: 100px; top: 80px; height: 6px; background: url(_b0.png) center center repeat-x; }

.bdapp-liuliang { padding: 0 0 90px; }
.bdapp-liuliang .head { text-align: center; margin: 0 0 50px; }
.bdapp-liuliang .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-liuliang .tabed { float: left; width: 170px; text-align: right; position: relative; }
.bdapp-liuliang .tabed dl { height: 500px; border-right: 3px solid #ebebeb; }
.bdapp-liuliang .tabed dd { height: 120px; line-height: 120px; padding: 0 30px 0 0; font-size: 26px; color: #163eed; cursor: pointer; }
.bdapp-liuliang .tabed dd:hover { opacity: .7; }
.bdapp-liuliang .tabed i { position: absolute; top: 0; right: 0; width: 3px; height: 120px; background: #3626e5; }
.bdapp-liuliang .main { float: right; width: 946px; }
.bdapp-liuliang .rows { display: none; }
.bdapp-liuliang .rows:first-child { display: block; }
.bdapp-liuliang .img { }
.bdapp-liuliang .img img { display: block; width: 100%; height: 500px; }

.bdapp-fenfa { padding: 50px 0; background: #fcfcfc; }
.bdapp-fenfa .head { text-align: center; margin: 0 0 50px; }
.bdapp-fenfa .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-fenfa .img { }
.bdapp-fenfa .img img { display: block; width: 100%; }

.bdapp-fenfa { padding: 50px 0; background: #fcfcfc; }
.bdapp-fenfa .head { text-align: center; margin: 0 0 50px; }
.bdapp-fenfa .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-fenfa .img { }
.bdapp-fenfa .img img { display: block; width: 100%; }

.bdapp-api { padding: 50px 0; background: #fff; }
.bdapp-api .head { text-align: center; margin: 0 0 50px; }
.bdapp-api .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-api .img { }
.bdapp-api .img img { display: block; width: 100%; }

.bdapp-case { padding: 50px 0 100px; background: #fff; }
.bdapp-case .head { text-align: center; margin: 0 0 50px; }
.bdapp-case .head h2 { line-height: 60px; font-size: 40px; }
.bdapp-case .list { padding: 0 0 40px; }
.bdapp-case .item { float: left; padding: 0 0 0 175px; width: 200px; height: 160px; margin: 0 0 30px 30px; position: relative; border: 1px solid #fff; }
.bdapp-case .item:first-child,
.bdapp-case .item:first-child + .item + .item + .item { margin-left: 0; }
.bdapp-case .item .img { position: absolute; left: 15px; top: 10px; }
.bdapp-case .item .img img { display: block; width: 100%; height: 100%; }
.bdapp-case .item .img img + img { display: none; }
.bdapp-case .item h3 { line-height: 160px; font-size: 30px; font-weight: normal; color: #666; }
.bdapp-case .item:hover { border-color: #fcfcfc; box-shadow: 0 0 10px 10px rgba(0,0,0,.05); }
.bdapp-case .item:hover .img img { display: none; }
.bdapp-case .item:hover .img img + img { display: block; }
.bdapp-case .more { }
.bdapp-case .more a { display: block; margin: 0 auto; width: 340px; height: 65px; line-height: 65px; font-size: 26px; background: url(_e0.png) center center no-repeat; color: #fff; text-align: center; }
.bdapp-case .more a:hover { opacity: .8; }