@charset "utf-8";
/* CSS Document */
.bh-contacts{ width:100px; min-width:1200px; height:510px; overflow:hidden; margin: 0 auto;}
.bh-contacts .contact{ width:1200px; height:510px; margin:0px auto; overflow:hidden;}
.bh-contacts .bh-name{  margin:37px auto; text-align:center;}
.bh-contacts .bh-div{ width:285px; height:270px; background:#f9e0e0; float:left; margin-right:20px;}
.bh-contacts .bh-scene2{ background-color:#ddf2f4;}
.bh-contacts .bh-scene3{ background-color:#ebf3da;}
.bh-contacts .bh-scene4{ margin-right:0; background-color:#d8eefb;}
.bh-contacts .bh-div-icon{ margin:50px auto 25px auto; text-align:center; height:50px;}
.bh-contacts .bh-div-topic{ height:35px; text-align:center; line-height:35px; color:#000; font-size:16px; margin-bottom:10px;}
.bh-contacts .bh-div ul{ width:100%; height:auto; margin:0px auto;}
.bh-contacts .bh-div li{ text-align:center; color:#000; line-height:25px; position:relative;}
.bh-contacts .bh-div li div{ width:150px; height:150px; background:url(../images/bg/weixin-bg-l.png) no-repeat center center; overflow:hidden; position:absolute; right:-80px; top:-60px;display:none;}
.bh-contacts .bh-div li div img{ display:block; margin:8px auto 0 10px; overflow:hidden; cursor:pointer; }
.bh-contacts .bh-div-online{ width:147px; height:39px; border:solid 1px #31a0e1; color:#31a0e1; text-align:center; line-height:39px; border-radius:4px; margin:20px auto; cursor:pointer;}
.bh-contacts .bh-div-online:hover{ color:#fff; background-color:#31a0e1;}

.bh-map{ height:447px; width:765px;margin:0px auto; position:relative ; overflow:hidden; float:left;}
.bh-contact-foot{height:auto; width:100%; min-width:1200px; margin:0px auto; background:#f2f2f2; overflow:hidden;}
.bh-contact-footmain{ height:467px; width:1200px; background:#fff; overflow:hidden; margin:65px auto; padding:10px;}

.bh-commenting{ width:404px; height:447px; background:#f2f2f2; float:right; overflow:hidden;}
.bh-commenting h1{ text-align:center; font-size:18px; line-height:60px; margin:20px auto 20px auto;}
.bh-commenting input{ width:290px; height:34px; border:solid 1px #ddd; margin:0px auto 20px auto; background:none; display:block; outline:none; padding:0px 13px; box-sizing: border-box;}
.bh-commenting textarea{ width:290px; height:87px; border:solid 1px #ddd; margin:0px auto 20px auto; background:none; display:block; outline:none; padding:4px 13px; overflow:hidden;box-sizing: border-box;}
.bh-commenting button{ width:290px; height:40px; margin:0px auto; color:#fff; background:#0097e0; border:none; outline:none; text-align:center; line-height:40px; border-radius:5px; display:block; cursor: pointer;}
.bh-commenting button.error{ background:#ff2227;}
.bh-commenting .bh-code{ width:290px; height:44px; margin:0px auto 20px auto; overflow:hidden; background:#ddd url(../images/icon/load.gif) no-repeat center center; border-radius:2px;}
.bh-commenting .bh-code input{ width:180px; float:left;}
.bh-commenting .bh-verifie{ float:right; width:100px; height:33px; float:right; background:#fff; cursor:pointer;}


.bh-mqrcode{ color:#0097e0; cursor:pointer;}

.bh-vcard{ border:solid 1px #ddd; height:auto; overflow:hidden; height:500px;}
.bh-vcard .bh-commenting{  height:500px; border-left:solid 1px #ddd; background:#f9f9f9;}
.bh-vcard .bh-vcardleft{ width:794px; height:800px; background:#fff url(../images/v-card.png) no-repeat center center; overflow:hidden; float:left; background-size:100%; position:relative;}
.bh-vcard .bh-vcardleft .bh-vcardtips{ width:100%; height:35px; background:rgba(35,152,62,.5); line-height:35px; text-align:center; color:#333; position:absolute; left:0; top:0;}
.bh-vcard .bh-vcardimg{ width:200px; height:200px; border:solid 1px #ddd; margin:130px auto 0px auto; background:#fff url(../images/v-card.png) no-repeat center center;background-size:100%; border-left-color:#249942; border-top-color:#4a8bb1; border-bottom-color:#008f8d; border-right-color:#249942;}
.bh-vcard .bh-vcardimg img{ display:block; margin:5px auto; overflow:hidden; cursor:pointer;}