@charset "utf-8";

/* CSS Document */

body{ background:#eee;}



.bh-topic{ margin:75px auto 0px auto; text-align:center; color:#000; font-size:26px;}

.bh-font{ margin:5px auto 0px auto; text-align:center; color:#666; font-size:13px;}



.bh-proicon{width:100%; min-width:1200px; height:300px; overflow:hidden; background:#fff;}

.bh-proiconmain{ width:1200px; height:300px; margin:0px auto; overflow:hidden;}

.bh-proimages{ margin:55px auto 28px auto;}

.bh-proicon ul li{ width:200px; text-align:center; display:inline-block; float:left; font-size:14px; color:#000;}



.bh-case{width:100%; min-width:1200px; height:605px; overflow:hidden; background:#eee;}

.bh-casemain{ width:1200px; height:330px; margin:45px auto 0px auto; overflow:hidden;}

.bh-casemain dl.casediv{ width:285px; height:330px; background:#fff; overflow:hidden;}

.bh-casemain dl dd.case-title{ width:250px; height:40px; line-height:40px; font-size:15px; color:#33; margin:5px auto; overflow:hidden;}

.bh-casemain dl dd.case-tags{ height:38px; line-height:200%; width:250px; margin:0px auto; overflow:hidden; line-height:180%;}

.bh-casemain dl dd.case-links{ font-size:14px; color:#0097e0; text-align:left; height:40px; line-height:40px; margin:10px auto 0px auto; width:250px;}



.bh-advantange{width:100%; min-width:1200px; height:855px; overflow:hidden; background:#fff;}

.bh-advantangemain{ width:1214px; height:592px; background:url(../images/advantange.png) no-repeat center center; margin:40px auto 0px auto; overflow:hidden;}

.bh-advantangemain .bh-advdiv{ width:50%; height:284px; float:left; overflow:hidden;}



.bh-advantangemain .bh-advdiv h1{ height:58px; line-height:58px; font-size:24px; color:#333; width:350px;}

.bh-advantangemain .bh-advdiv p{  font-size:14px; color:#666; width:350px;}

.bh-advantangemain .adv1{ margin:59px auto 0 150px;}

.bh-advantangemain .adv2{ margin:59px auto 0 112px;}

.bh-advantangemain .adv3{ margin:150px auto 0 150px;}

.bh-advantangemain .adv4{ margin:150px auto 0 112px;}



.bh-fadv{width:100%; min-width:1200px; height:635px; overflow:hidden; background:#fff;}

.bh-fadvmain{ width:1200px; height:635px; margin:0px auto; overflow:hidden;}

.bh-promiss{ width:248px; height:68px; border:solid 2px #f52d2d; text-align:center; line-height:60px; margin:75px auto 15px auto; font-size:26px; color:#f52d2d;}

.bh-fblock{ width:238px; height:293px; background:url(../images/adv-fbg.png) no-repeat top center; float:left; margin:40px 2px 0 0; text-align:center; position:relative;}

.bh-fblock b{ height:70px; text-align:center; position:absolute; font-size:58px; color:#f52d2d; width:238px; left:0; top:190px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block;}

.bh-fblock div{ width:183px; height:102px; margin:48px auto 0px auto; overflow:hidden; text-align:center; font-size:22px; color:#333; line-height:160%;}

.bh-promotionmenu{width:100%; min-width:1200px; height:65px; border-bottom:solid 1px #e6e6e6;}

.bh-promotionmenu .promenu{ width:1020px; height:65px; margin:0px auto; overflow:hidden; text-align:center;}

.bh-promotionmenu .promenu li{ width:95px; height:65px; text-align:center; display:inline-block; margin:0px auto; line-height:65px; margin-right:60px;}

.bh-promotionmenu .promenu li a{ font-size:14px; color:#262626;}

.bh-promotionmenu .promenu li a:hover{ color:#00a7ed;}

.bh-promotionmenu .promenu li.selected{ border-bottom:solid 2px #00a7ed; position:relative; top:0px;}

.bh-promotionmenu .promenu li.selected a{ color:#00a7ed;}









.bh-promotion .promotiondiv{ width:1200px; min-height:400px; margin:0px auto 0px auto; padding-bottom:20px;}

.bh-promotion table td{ height:43px; vertical-align:middle; color:#757373; font-size:12px; border:solid 1px #e6e6e6 !important;}

.bh-promotion table td img{ cursor:pointer;}

.bh-promotion table td p{ line-height:28px; margin-bottom:10px;}

.bh-promotion table td.active,.bh-website table tr.active td{ color:#666;}

.bh-promotion .tag{ padding:4px 6px; margin:0 5px 5px 0; display:block; float:left; background:#2b87e4; color:#fff; border-radius:2px; cursor:pointer;}

.bh-promotion .tag-yellow{padding:4px 6px; margin:0 10px 10px 0; display:block; float:left; color:#00a7ed;background-color:#edf9ff;border:solid 1px #96c5ea;border-radius:2px; cursor:pointer;}

.bh-promotion .btn{ font-size:12px; color:#2c8fe4;}

.bh-promotion .text-yellow{ color:#2b84e4;}

.bh-promotion dl{ width:100%; height:auto;}

.bh-promotion dl dt{ height:25px; line-height:25px; font-size:12px; font-weight:normal; color:#2b84e4;}

.bh-promotion dl dd{ height:25px; line-height:25px;color:#2b84e4; cursor:pointer;}

.bh-promotion dl dd span{ color:#2b84e4; margin-right:3px;}

.bh-promotion dl dd:hover{ color:#333;}



.bh-promotion{ max-width:1500px; margin:0px auto 40px auto; min-width:1200px; min-height:400px; background:#eee; overflow:hidden;}

.bh-row{ width:98%; height:auto; overflow:hidden; margin:45px auto;}

.bh-row .bh-col2{ width:20%; height:540px; float:left; margin:0; overflow:hidden; box-sizing:border-box;}

.bh-row .bh-plan{ width:96%; height:500px; margin:15px auto 0px auto; box-shadow: 0 1px 2px rgba(0,0,0,.2); border-top:solid 1px #efefef; overflow:hidden; background:#fafafa; cursor:pointer; position:relative;}

.bh-row .bh-plan:hover{box-shadow: 0 1px 2px rgba(0,0,0,.3);}

.bh-row .bh-plan2{ height:530px; margin:0px auto;}

.bh-row .plan-logo{ height:160px; width:100%; overflow:hidden; background-color:#f4f4f4; border-bottom:solid 2px #a4dc6f;}

.bh-row .plan-topic{ height:60px; line-height:60px; text-align:center; font-size:22px; color:#a4dc6f; background:#fff;}

.bh-row .plan-ul{ width:98%; margin:10px auto 0px auto; overflow:hidden; text-align:center;}

.bh-row .plan-ul li{ line-height:35px; text-align:center; color:#333; margin:5px auto 0px auto;}

.bh-row .bh-plan .plan-more{ position:absolute; bottom:20px; text-align:center; width:100%; height:33px; overflow:hidden;}

.bh-row .bh-plan2 .plan-more{position:absolute; bottom:35px; text-align:center; width:100%; height:33px; overflow:hidden;}

.bh-row .learn-more{ width:100px; height:33px; text-align:center; line-height:33px; cursor:pointer;color:#fff; background:#abd67d; border-radius:2px; margin:0px auto;}

.bh-row .learn-more:hover{ opacity:0.7;}

.bh-row .bh-plan2 .plan-logo{ height:175px;}

.bh-row span.plan-val{ color:#666;}



.bh-row .p-logo{ width:120px; height:120px; margin:20px auto 0px auto;overflow:hidden; background:#fff; border-radius:100px; box-shadow: 0 1px 2px rgba(0,0,0,.2);border-top:solid 1px #efefef; }

.bh-row .bh-plan2 .p-logo{ margin-top:35px;}



.t-sence1{ color:#fed65c !important;}

.t-sence2{ color:#a9d878 !important;}

.t-sence3{ color:#fc7c5f !important;}

.t-sence4{ color:#42c9e9 !important;}

.t-sence5{ color:#fdd100 !important;}



.p-sence1{ border-bottom:solid 2px #fed65c !important;}

.p-sence2{ border-bottom:solid 2px #a9d878 !important;}

.p-sence3{ border-bottom:solid 2px #fc7c5f !important;}

.p-sence4{ border-bottom:solid 2px #42c9e9 !important;}

.p-sence5{ border-bottom:solid 2px #fdd100 !important;}



.btn-sence1{ background-color:#fed65c !important;}

.btn-sence2{ background-color:#a9d878 !important;}

.btn-sence3{ background-color:#fc7c5f !important;}

.btn-sence4{ background-color:#42c9e9 !important;}

.btn-sence5{ background-color:#fdd100 !important;}