
/* CSS Document */
.bh-app{ width:100%; min-width:1200px; height:auto; min-height:600px; margin:0px auto; overflow:hidden;}

.bh-app-three{ width:100%; min-width:1200px; height:300px; background:#f2f2f2; margin:0px auto; padding:0; overflow:hidden;}
.bh-app-tmain{ width:1200px; height:190px; margin:50px auto 0 auto; overflow:hidden;}
.bh-app-tmain .bh-android{ width:380px; height:190px; overflow:hidden;float:left;}
.bh-app-tmain .bh-mobile{ width:380px; height:190px; overflow:hidden;float:left; margin-left:30px;}
.bh-app-tmain .bh-apple{ width:380px; height:190px; overflow:hidden; float:right;}

.bh-app-tmain .bh-alogo{ width:135px; height:190px; float:left; overflow:hidden; text-align:center; cursor:pointer; margin-right:10px;}
.bh-app-tmain .bh-alogo img{  margin-top:30px;}
.bh-app-tmain .bh-app-rmain{ width:235px; height:190px; float:left; overflow:hidden; cursor:pointer;}
.bh-app-tmain .bh-app-rmain h2{ height:35px; line-height:35px; overflow:hidden; font-size:17px; font-weight:normal; color:#333; margin-top:30px;}
.bh-app-tmain .bh-app-rmain p{ width:95%; overflow:hidden; line-height:220%; color:#888;}

.bh-app-service{width:100%; min-width:1200px; height:525px; background:#fff; margin:0px auto; padding:0; overflow:hidden;}
.bh-app-service h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; margin:63px auto 0px auto;}
.bh-app-service h2{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:15px; margin:0px auto 10px auto;}
.bh-app-service .app-service-flow{ width:1200px; height:275px; margin:50px auto 0px auto; overflow:hidden;}

.bh-app-advantage{width:100%; min-width:1200px; height:535px; background:#f2f2f2; margin:0px auto; padding:0; overflow:hidden;}
.bh-app-advantage h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; margin:63px auto 0px auto;}
.bh-app-advantage h2{text-align:center; font-size:16px; font-weight:normal; color:#bbb; line-height:15px; margin:0px auto 10px auto;}
.app-advantage{ width:1200px; height:310px; margin:40px auto 0px auto;}
.app-advantage-flow{ width:1400px; height:19px; background:url(/images/app/adv-flow.png) no-repeat top center; margin:15px auto 0px -100px;}
.app-advantage .app-adv{ height:147px; width:1200px; margin:0px auto; overflow:hidden;}
.app-advantage .app-adv div{ float:left; width:147px; height:147px; cursor:pointer; border-radius:2px;}

.app-advantage .app-adv div.app-adv1{ margin-left:71px;}
.app-advantage .app-adv div.app-adv2{ margin-left:171px;}
.app-advantage .app-adv div.app-adv3{ margin-left:171px;}
.app-advantage .app-adv div.app-adv4{ float:right; margin-right:24px;}

.app-advantage .app-adv-font{ width:1200px; height:auto;margin:10px auto 0px auto;}
.app-advantage .app-adv-font div{ height:auto; width:240px; margin:0px auto; overflow:hidden; float:left;}
.app-advantage .app-adv-font div h2{ text-align:center; height:35px; color:#333; line-height:35px; font-weight:normal; font-size:15px;}
.app-advantage .app-adv-font div p{ line-height:25px; color:#888; text-align:center; font-size:13px;}
.app-advantage .app-adv-font div.app-font1{ margin-left:19px;}
.app-advantage .app-adv-font div.app-font2{ margin-left:80px;}
.app-advantage .app-adv-font div.app-font3{ margin-left:80px;}
.app-advantage .app-adv-font div.app-font4{ float:right; margin-right:-24px;}

.bh-app-case{width:100%; min-width:1200px; height:600px; background:#fff; margin:0px auto; padding:0; overflow:hidden;}
.bh-app-case h1{ text-align:center; font-size:26px; font-weight:normal; color:#333; line-height:50px; margin:63px auto 0px auto;}
.bh-app-case h2{text-align:center; font-size:14px; font-weight:normal; color:#bbb; line-height:15px; margin:0px auto 10px auto;}

.bh-case{ width:1200px; height:auto; margin:45px auto 0px auto;}
.bh-case .case-no{ line-height:250px; text-align:center; font-size:14px; color:#666;}
.bh-case dl.casediv{ width:375px; height:350px; float:left; overflow:hidden; margin:0 36px 20px 0; padding-bottom:10px; background-color:#f2f2f2;}
.bh-case dl.casediv:hover{box-shadow:0 0 3px #bbb; }
.bh-case dl.casediv:nth-child(3n){ margin-right:0;}
.bh-case dl.casediv dt{ height:235px; width:375px; overflow:hidden; background:#fed9e1;}
.bh-case dl.casediv dd.case-title{ height:40px; line-height:48px; width:330px; overflow:hidden; margin:0px auto; font-size:14px;}
.bh-case dl.casediv dd.case-title a{ color:#333;}
.bh-case dl.casediv dd.case-title a:hover{ color:#00a7ed;}
.bh-case dl.casediv dd.case-tags{ line-height:24px; width:330px; overflow:hidden; margin:0px auto; color:#989898;}
