@charset "utf-8";body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none;outline:none}
.cscreen{position:fixed;top:0;left:0;z-index:99;background:rgba(0,0,0,.7);width:100%;height:100%}
body,input,textarea{font-size:12px;font-family:"Microsoft YaHei"}
::selection{background:#0f1f36;color:#fff}
::-moz-selection{background:#0f1f36;color:#fff}

.bxshadow{transition: .4s all;-webkit-transition: .4s all;}
.bxshadow:hover{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);}
.trans{overflow: hidden;}
.trans img{transition: 1s all;-webkit-transition: 1s all;}
.trans img:hover{transform: scale(1.1,1.1)}

.bh-header{height:87px;min-width:1200px;width:100%;background-color:#0f1f36;overflow:hidden;box-shadow: 0px 0px 4px 0px rgba(25, 49, 85, 0.65);}
.bh-header.fixed{position: fixed;left: 0;top: 0;z-index: 9999;transition: .3s all;-webkit-transition: .3s all;}
.bh-header-main{width:1200px;height:87px;margin:0px auto;overflow:hidden}
.bh-header-main img{float:left;margin-top:28px;margin-right:80px}
.bh-header-main ul{float:left;height:87px;display:block;width:896px}
.bh-header-main ul li{display:block;float:left;text-align:center;width:12%;margin:0 2px;height:84px;line-height:84px;box-sizing: border-box;padding: 0 2%;}
.bh-header-main ul li a{border-bottom:solid 3px #0f1f36;box-sizing: border-box;}
.bh-header-main ul li.active a{border-color:#0098e1;color: #0098e1;}
.bh-header-main ul li a{color:#fff;font-size:14px;display:block;text-align:center;position: relative;}
.bh-header-main ul li a::after {position: absolute;content: "";bottom: -3px;left: 0;width: 100%;height: 3px;background: #0098e1;transform: scaleX(0);transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.bh-header-main ul li a:hover::after, ul li a.active::after{transform: scaleX(1);}
.bh-footer{height:165px;min-width:1200px;width:100%;border-top:solid 1px #0e192a;background-color:#0f1f36}
.bh-footer .bh-copyright{height:80px;line-height:80px;text-align:center;color:#75849a}
.bh-footer .bh-copyright a{color:#75849a}
.bh-footer .bh-shareicon{width:250px;height:51px;margin:0px auto 0px auto}
.bh-footer .bh-shareicon div.bh-sina{float:left;width:50px;height:51px;background:url(/images/foot-icon.png) no-repeat 0 0;cursor:pointer}
.bh-footer .bh-shareicon div.bh-sina:hover{background:url(/images/foot-icon-hover.png) no-repeat 0 0}
.bh-footer .bh-shareicon div.bh-phone{float:left;width:50px;height:51px;margin-left:17px;background:url(/images/foot-icon.png) no-repeat -50px 0;cursor:pointer;position:relative}
.bh-footer .bh-shareicon div.bh-phonehide{width:270px;border:solid 1px #333;height:50px;border:solid 1px #fff;border-radius:4px;position:absolute;top:-58px;left:-104px;text-align:center;font-size:16px;color:#333;line-height:50px;background:#fff;display:none}
.bh-footer .bh-shareicon div.bh-a-b{width:17px;height:8px;background:url(/images/a-b.png) no-repeat center center;position:absolute;top:-10px;left:16px;z-index:3;display:none}
.bh-footer .bh-shareicon div.bh-phone:hover{background:url(/images/foot-icon-hover.png) no-repeat -50px 0}
.bh-footer .bh-shareicon div.bh-weixin{float:left;width:50px;height:51px;background:url(/images/foot-icon.png) no-repeat -100px 0;cursor:pointer;position:relative;margin-left:17px}
.bh-footer .bh-shareicon div.bh-weixin:hover{background:url(/images/foot-icon-hover.png) no-repeat -100px 0}
.bh-footer div.bh-hideweixin{width:150px;height:150px;position:absolute;top:-150px;left:-50px;background:url(/images/weixin-bg-b.png) no-repeat center center;background-size:cover;overflow:hidden;display:none;z-index:90}
.bh-footer .bh-shareicon div.bh-hideweixin img{display:block;margin:3px auto 0px auto}
.bh-fixright{width:51px;height:271px;position:fixed;top:35%;right:5px;background:url(/images/fix-tool.gif) no-repeat 0 0;z-index:29}
.bh-fixright .bh-fixtop{height:60px;width:51px;display:block;cursor:pointer}
.bh-fixright .bh-fixqq{height:51px;width:51px;display:block;cursor:pointer;margin-top:1px}
.bh-fixright .bh-fixtel{height:51px;width:51px;display:block;cursor:pointer;margin-top:1px;position:relative;z-index:3}
.bh-fixright .bh-fixhide{height:52px;width:270px;display:block;cursor:pointer;background:url(/images/case-bg.jpg) repeat 0 0;position:absolute;left:270px;z-index:1;display:none}
.bh-fixright .bh-fixhidetel{height:52px;width:270px;display:block;color:#fff;text-align:center;line-height:52px;font-size:16px;position:absolute;left:-270px;z-index:2;top:-52px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;display:none}
.bh-fixright .bh-baiduqiao{height:51px;height:51px;display:block;cursor:pointer;margin-top:1px;position:relative}
.bh-fixright .bh-fixweixin{height:51px;height:51px;display:block;cursor:pointer;margin-top:1px;position:relative}
.bh-fixright .bh-fixweixinhide{width:155px;height:155px;background:url(/images/weixin-bg-r.png) no-repeat 0 0;background-size:cover;position:absolute;left:-155px;top:-55px;display:none;overflow:hidden}
.bh-fixright .bh-fixweixinhide img{margin:12px auto;display:block}
.bh-qiao{width:775px;height:673px;background:#fff;position:fixed;top:50%;left:50%;margin-top:-336px;margin-left:-387px;z-index:100000;border:solid 3px #00a7ed;overflow:hidden;box-shadow:0 0 10px #000;display:none}
.bh-qiao .qiaotxt{height:38px;line-height:38px;font-size:13px;font-weight:normal;border-bottom:solid 1px #ddd;background:#00a7ed;color:#fff}
.bh-qiao .qiaotxt span{margin-left:5px;float:left}
.bh-qiao .qiaotxt b{float:right;margin-right:10px;font-weight:normal;font-size:14px;color:#fff;cursor:pointer}
.bh-qiao .qiao-main{width:775px;height:635px;margin:0px;overflow:hidden}
.bh-qiao .qiao-main iframe{width:775px;height:635px;margin:0}
.bh-qqonline{width:150px;height:auto;position:fixed;left:-150px;top:25%;overflow:hidden;display:none;padding-top:10px;padding-bottom:10px;z-index:99999}
.bh-qqonline .bh-qq{width:130px;height:38px;line-height:34px;background:#333;color:#fff;margin-bottom:8px;text-align:left;text-indent:5px;padding:4px 6px;border-radius:5px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.2);margin:0 auto}
.bh-qqonline .bh-qq:hover,.bh-qqonline .bh-qqclose:hover{opacity:0.9;color:#fff}
.bh-qqonline .bh-qq a{color:#fff;display:block}
.bh-qqonline .bh-qq a:hover{color:#fff}
.bh-qqonline .bh-qqline{height:10px;width:1px;background:#00a7ed;overflow:hidden;margin:0px auto}
.bh-qqonline .bh-qqclose{width:32px;height:32px;line-height:32px;background:#00a7ed;color:#fff;margin-bottom:8px;text-align:center;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.2);margin:0px auto}
.bh-qqonline .qq-success{background-color:#00a7ed}
.bh-qqonline .qq-info{background-color:#6fb500}
.bh-qqonline .qq-warning{background-color:#fc7c5f}
.bh-knowledgebanner{width:100%;min-width:1200px;height:519px;overflow:hidden;background:url(/images/knowledge-banner.jpg) no-repeat top center}
.bh-knowledgemenu{width:100%;min-width:1200px;height:65px;border-bottom:solid 1px #e6e6e6}
.bh-knowledgemenu .knowledgemenu{width:1020px;height:65px;margin:0px auto;overflow:hidden;text-align:center}
.bh-knowledgemenu .knowledgemenu li{height:65px;text-align:center;display:inline-block;margin:0px auto;line-height:65px;margin-right:70px}
.bh-knowledgemenu .knowledgemenu li a{font-size:14px;color:#262626}
.bh-knowledgemenu .knowledgemenu li a:hover{color:#00a7ed}
.bh-knowledgemenu .knowledgemenu li.selected{border-bottom:solid 2px #00a7ed;position:relative;top:0px}
.bh-knowledgemenu .knowledgemenu li.selected a{color:#00a7ed}
.bh-knowledgemain{width:100%;min-width:1200px;min-height:352px;background: #f2f2f2;overflow:hidden;padding-bottom:40px}
.bh-knowledgemain .knowledgemain{width:1200px;min-height:352px;margin:0px auto;padding-bottom:40px}
.bh-knowledgemain .k-div{width:288px;height:280px;float:left;overflow:hidden;margin:40px 15px auto 0;background:#fff;cursor:pointer}
.bh-knowledgemain .k-div:nth-child(4n){margin-right:0}
.bh-knowledgemain .k-div:hover{box-shadow:0 0 10px #bbb}
.bh-knowledgemain .k-pic{width:288px;height:224px;margin:0px auto;overflow:hidden}
.bh-knowledgemain .k-topic{width:243px;height:50px;line-height:25px;overflow:hidden;margin:10px auto 5px auto;overflow:hidden;font-size:15px;overflow:hidden}
.bh-knowledgemain .k-topic a{color:#333}
.bh-knowledgemain .k-topic a:hover{color:#00a7ed;text-decoration:underline}
.bh-knowledgemain .k-intro{width:243px;height:60px;line-height:20px;overflow:hidden;margin:10px auto 5px auto;overflow:hidden;color:#bbb;font-size:12px;overflow:hidden}
.bh-knowledgemain .k-date{width:243px;height:40px;line-height:40px;color:#bbb;margin:0px auto}


.bh-knowledgemain .k-div2{width:288px;height:400px;float:left;overflow:hidden;margin:40px 15px auto 0;background:#fff;cursor:pointer}
.bh-knowledgemain .k-div2:nth-child(4n){margin-right:0}
.bh-knowledgemain .k-div2:hover{box-shadow:0 0 10px #bbb}
.bh-knowledgemain .k-pic2{width:288px;height:224px;margin:0px auto;overflow:hidden}
.bh-knowledgemain .k-topic2{width:243px;height:50px;line-height:25px;overflow:hidden;margin:10px auto 5px auto;overflow:hidden;font-size:15px;overflow:hidden}
.bh-knowledgemain .k-topic2 a{color:#333}
.bh-knowledgemain .k-topic2 a:hover{color:#00a7ed;text-decoration:underline}
.bh-knowledgemain .k-intro2{width:243px;height:60px;line-height:20px;overflow:hidden;margin:10px auto 5px auto;overflow:hidden;color:#bbb;font-size:12px;overflow:hidden}
.bh-knowledgemain .k-date2{width:243px;height:40px;line-height:40px;color:#bbb;margin:0px auto}


.bh-knowledgemain .solutionType{height:419px;position:relative}
.bh-knowledgemain .solutionType .k-pic{height:419px}
.bh-knowledgemain .solutionType .k-topic{width:288px;height:50px;line-height:50px;margin:0px 0;position:absolute;bottom:0;left:0px;padding:0 10px;text-align:center;background:url(/images/black-bg.png)}
.bh-knowledgemain .solutionType .k-topic a{color:#fff}
.bh-knowledgemain .solutionType:hover .k-topic a{color:#ff0}
.news-no{line-height:550px;text-align:center;font-size:25px;color:#666}
.clearfix{clear:both}
.bh-pages{width:1200px;height:40px;margin:40px auto;overflow:hidden;clear:both;text-align:center}
.bh-pages .pagination{margin:0}
.bh-pages .pull-left{float:none!important}
.bh-pages li{width:78px;height:38px;text-align:center;display:inline-block;line-height:38px;margin-right:4px}
.bh-pages li a{display:block;width:100%;height:38px;text-align:center;line-height:38px;font-size:14px;color:#32332e;border:solid 1px #d9d9d9;border-radius:2px;padding:0}
.bh-pages li a:hover{background:#616161;color:#fff;border:solid 1px #616161}
.bh-pages li.active a{background:#616161;color:#fff;border:solid 1px #616161}
#nprogress{pointer-events:none}
#nprogress .bar{position:fixed;top:0;left:0;z-index:10000000;width:100%;height:3px;background:#2c94e5}
#nprogress .peg{position:absolute;right:0;display:block;width:100px;height:100%;box-shadow:0 0 10px #2c94e5,0 0 5px #2c94e5;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px)}
#nprogress .spinner{position:fixed;top:15px;right:15px;z-index:1000;display:block}
#nprogress .spinner-icon{box-sizing:border-box;width:18px;height:18px;border:solid 2px transparent;border-radius:50%;border-top-color:#2c94e5;border-left-color:#2c94e5;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}
.nprogress-custom-parent{position:relative;overflow:hidden}
.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes nprogress-spinner{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.knowledgemain .casediv{width:386px;height:280px;display:block;float:left;background-color:#fff;margin:20px 20px 10px 0;position:relative;overflow:hidden}
.knowledgemain .casediv:nth-child(3n){margin:20px 0px 10px 0}
.knowledgemain .casediv .case-title{width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;position:absolute;bottom:0;background-color:rgba(0,0,0,.5)}
.knowledgemain .casediv .case-title a{color:#fff}
.knowledgemain .casediv:hover .case-title a{color:#ff0}

.bh-mask{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:9998; background:rgba(0,0,0,.4);display: none;}
.bh-load{ width:80px; height:80px; position:fixed; top:50%; left:50%; z-index:9999; margin-left:-40px; margin-top:-40px; background:#fff url(/images/bhloading.png) no-repeat center center; background-size:40%; border-radius:50%;display: none;}
.bh-load div{animation:bh-spinner 1s linear infinite;border: solid 3px #fdd000;border-top: solid 3px #0c80df;border-radius: 100%;width: 80px;height: 80px;}
@keyframes bh-spinner {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

.bh-loading{ width:100px; height:100px; position:fixed; top:50%; left:50%; margin-top:-50px; margin-left:-50px; background:#333; z-index:999; border-radius:50%; overflow:hidden; cursor:pointer; display:none;}
.bh-loading-l{ width:36px; height:24px; background:url(/images/logo-l.png) no-repeat center center; background-size:100%; cursor:pointer; overflow:hidden; position:absolute; left:-130px; top:36px;}
.bh-loading-r{ width:36px; height:24px; background:url(/images/logo-r.png) no-repeat center center; background-size:100%; cursor:pointer; overflow:hidden; position:absolute; left:190px; top:36px;}
.bh-loadin{ text-align:center; color:#fff; width:30px; height:60px; margin:32px auto 0px auto; overflow:hidden; font-size:14px; display:none; opacity:0;}


.about-bg{
    background: url(/images/bj5.jpg) no-repeat top center;
    height: 533px;
}

.about-index{
    padding-top: 85px;
    position: relative;
}


.about-img{
    width:504px; border:2px solid #FFF
}

.about-wen{
    background: url(/images/about.png) no-repeat bottom center;
    height: 367px;
    width:730px;
}
.ab-title{
    font-size: 36px;
    color: #1da4e6;
}

.ab-title b{
    color: #ffffff;
}

.ab-title span{
    color: #5e5e5e;
    font-weight: normal;
}

.ab-con{
    font-size: 15px;
    color: #ffffff;
    line-height: 28px;
    padding-right: 40px;
    text-align: justify;
    margin-top: 22px;
}

.ab-more{
    width:108px;
    height: 35px;
    background: #1da4e6;
    float: right;
    margin-top: -21px;
    margin-right: 38px;
    position: relative;
    z-index: 9;
}

.ab-more a{
    display: block;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
/*涓讳綋鏍峰紡*/
#container{width:1270px;margin:0 auto;margin-top:10px;}
.container{width:1280px;margin:0 auto;padding:0;}
.fl{float:left;}
.fr{float:right;}