@charset "utf-8";
/* CSS Document */
.bh-app{ width:100%; min-width:1200px; height:auto; min-height:600px; margin:0px auto; overflow:hidden;}

.bh-bescbanner{background: url(../images/top-bg.jpg) no-repeat center bottom #0088ff; min-width:1200px;overflow:hidden;height:268px;}
.bh-bescbanner a{display:block;width:1200px;overflow:hidden;height:100%;margin:0 auto;}
.bh-bescbanner a::after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
.bh-bes-left{float:left;}
.bh-oppor-right{float:right;width:220px;height:220px;overflow:hidden;margin-top:23px;border-radius:8px;}
.bh-oppor-right img{width:100%;height:100%;}
.bh-oppor{color:#fff;font-size:50px;margin-top:60px;}
.bh-install{color:#fff;font-size:24px;margin-top:30px;}
.bh-app{ width:100%; min-width:1200px; height:auto; min-height:600px; margin:0px auto; overflow:hidden;}
.bh-dz-items{width:1200px;overflow:hidden;margin:0 auto;color:#fff;padding:0 10px;margin-top:30px;}
.bh-dz-items::after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.bh-dz-item{width:280px;height:322px;overflow:hidden;box-sizing:border-box;padding:0 20px;margin-right:20px;float:left;margin-top:10px;}
.bh-dz-item:nth-child(n+5){margin-top:20px;}
.bh-dz-item:nth-child(4n){margin-right:0px;}
.dz-title{font-size:20px;text-align:center;margin-top:18px;margin-bottom:18px;}
.dz-content{font-size:14px;line-height:32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align:center;}
.dz-zx{width:100px;height:34px;border-radius:50px;box-sizing:border-box;border:1px solid #fff;background-color: #0088ff;color:#fff;font-size:15px;text-align:center;line-height:34px;margin:25px auto;}
.bh-flow{height:387px;color:#404040;font-size:18px;min-width:1200px;overflow:hidden;line-height:22px;}
.bh-flow img{width:100%;z-index:-1;position: absolute;}
.flow-items{margin-right:-100px;padding:0px 20px}
.flow-items::after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.flow-item{width:110px;text-align:center;float:left;margin-right:100px;margin-bottom:18px;padding:5px 0;}
.flow-img{width:85px;height:85px;overflow:hidden;margin:0 auto;animate-duration:2s;animate-delay:1s;animate-iteration-count:2;border-radius:50%;overflow:hidden;}
.flow-img img{width:100%;height:100%;}
.flow-title{color:#333333;font-size:16px;text-align:center;margin-top:12px;width:100%;}
.dz-item01{background-color: #4f95d2;}
.dz-item02{background-color: #fcd802;}
.dz-item03{background-color: #fcb802;}
.dz-item04{background-color: #0088ff;}
.dz-item05{background-color: #ff5e5e;}
.dz-item06{background-color: #40b8a0;}
.dz-item07{background-color: #4bb840;}
.dz-item08{background-color: #f87827;}
.dz-img{height:95px;width:100%;text-align:center; margin-top:15px;}
.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;  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;float:left; overflow:hidden; margin:0 36px 20px 0; padding-bottom:10px; }
.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;text-align: center;}
.bh-case dl.casediv dd.case-title{ height:40px; line-height:48px; width:330px; overflow:hidden; margin:0px auto; font-size:14px;    text-align: center;}
.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;}