* { outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);font-family: Arial,Microsoft YaHei,sans-serif;}
charset "utf-8";
/**定义html之font-size来调整rem格式**/
/*默认，小屏幕:8px;*/
html{font-size:75%;background: #f2f5f9;}
body{background: #f2f5f9;}
@media (max-width: 576px) {
    html{font-size:87.5%}
}
/* 小屏幕:10px;*/
@media (min-width: 576px) {
    html{font-size:100%}
}
/* 中屏幕:10px;*/
@media (min-width: 768px) {
    html{font-size:100%}
}
/* 中屏幕:10px;*/
@media (min-width: 992px) {
    html{font-size:100%}
}
/* 大屏幕:12px;*/
@media (min-width: 1200px) {
    html{font-size:100%}
}
a {text-decoration: none;color: #000000;}
a:hover{text-decoration: none;color: #000000;}
.mt20{margin-top:1.25rem;}
.bxmh200{min-height:12.5rem;/*200px*/}

.navbar-light .navbar-nav .nav-link:hover {color: #48A0D2}
.bohi-nav{background-color: #73777f}
.nav-link a{color:#000;}
.nav-breadcrumb{padding-top:1rem;}
/**中间**/
.maincontent {
    margin-top: 6.25rem;
    margin-bottom: 1.5rem;
}
/*尾部*/
.footer {
    width: 100%; /*border-top: solid 1px #fff;*/
    padding: 20px 5px 10px 5px;
    font-size: 14px;
    color: #000; /*background: #2465a4;*/
    background: #f8fbfd;
}
    .footLink {color: #000000;}
    .footLink a {color: #000;padding-right: 0.5rem;}
    .footLink a:hover {color: #f1f1f1;color: #333333;text-decoration: none;}
    .footer .col-md-2 {/*padding-right:0;*/}
    .footer .col-md-10 {/*padding-left:0; */padding-top: 10px;}
    .footer .wxLogo {max-width: 120px;max-height: 120px;clear:both;margin:auto;}
    .footer .col-md-10 p span {margin-right: 15px;}
    .footer .col-md-10 p{ margin-bottom:0.5rem;}
    @media screen and (max-width: 480px) {
    .footer .col-md-10 p span {width: 100%;float: left;}
    }

.thumbpnl { box-shadow: 0 0 1px rgba(0,0,0,0.11);background: #fff;padding: 20px 20px 15px 20px; border-radius:2px;}
    .thumbpnl:hover {}

#scrollUp {width: 60px; height: 60px;left: 50%;margin-left: 555px;bottom: 200px;display: block; position: fixed; z-index: 2147483647 !important;background-color: #d77127;}
#scrollUp i{font-size:3.5rem; color:#fff;margin-top:-1rem;}

.side_btn {position: fixed;right: 0;bottom: 120px;text-align: center;z-index: 12;line-height: 20px}
    .side_btn svg {width: 18px;height: 18px}
    .side_btn a.btnr {padding: 8px;background-color: #f2f2f2;width: 36px;height: 36px;display: block;margin-top: 4px; color: #999;position: relative}
    .side_btn a.btnr span {position: absolute;white-space: nowrap;top: 0;right: 110%;color: #fff;height: 36px;display: block;padding: 2px 12px;line-height: 32px;opacity: 0;visibility: hidden}
    .side_btn a.btnr.top { background-color: #222 }
    .side_btn a.btnr.top svg {transform: scale(1, -1);-ms-transform: scale(1, -1);-moz-transform: scale(1, -1);-webkit-transform: scale(1, -1);-o-transform: scale(1, -1);transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);fill: #fff}
    .side_btn a.btnr:hover span {right: 100%;opacity: 1;visibility: visible}
    .side_btn a.btnr:hover svg { fill: #fff }
    .side_btn a.btnr:hover img {position: relative;left: -80px;filter: drop-shadow(#fff 80px 0);}
    .side_btn .online {position: relative }
    .side_btn .online > a.btnr {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0)}
    .side_btn .online .online_con {position: absolute;bottom: 0;right: -100px;z-index: 5;background-color: #fff;box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);width: 150px;text-align: left;opacity: 0;visibility: hidden}
    .side_btn .online .online_con .title {background-color: #f30;color: #fff;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 8px;align-items: center}
    .side_btn .online .online_con .title svg {fill: #fff}
    .side_btn .online .online_con .title img {width: 28px;height: 28px;}
    .side_btn .online .online_con .title img {position: relative;left: -80px;filter: drop-shadow(#fff 80px 0);}
    .side_btn .online .online_con .title h5 {flex-grow: 1; color: #fff;font-weight: 300;font-size:16px;margin-bottom:0px;}
    .side_btn .online .online_con .title h5 svg {width: 28px;height: 28px;margin-right: 6px}
    .side_btn .online .online_con .title h5 img {width: 28px;height: 28px;margin-right: 6px;left: 180px;filter: drop-shadow(#fff -180px 0);}
    .side_btn .online .online_con .title span.close {cursor: pointer;width:28px;height:28px;margin-bottom:0rem; }
    .side_btn .online .online_con ul {padding: 0 12px;margin: 12px 0}
    .side_btn .online .online_con ul li {margin-bottom: 8px}
    .side_btn .online .online_con ul li:last-child {margin-bottom: 0 }
    .side_btn .online .online_con ul.wechat_list {text-align: center;list-style:none;}
    .side_btn .online .online_con ul.qq_list li {font-size: 13px}
    .side_btn .online .online_con ul.qq_list li a {color: #fff;display: block;padding: 8px; border-radius: 4px;text-align: center;}
    .side_btn .online .online_con ul.qq_list li a svg {fill: #fff}
    .side_btn .online.active .online_con {opacity: 1;visibility: visible;right: 0}
    .side_btn .online.active > a.btn {-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);-o-transform: translate(100%, 0);transform: translate(100%, 0)}
    .bgDHover, .ias-spinner > div, .butterBar {background-color: #c8a063;}
    .bgHHover:hover{ background-color: #c8a063 !important;border-color: #c8a063 !important; color: #fff !important;}

.page-sort {  height: 30px; text-align: right; font-size: 14px;  margin-bottom: 0.825rem;}
    .page-sort > a { display: inline-block;padding: 3px;margin: 0 3px; color: #000;border-bottom: 1px solid transparent;}
    .page-sort > a.active {border-bottom: 1px solid #a0a0a0;}

/*****************************commone css***************************************/
.bxshadow{margin-bottom: 5px;border:1px solid #CCC;box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff; padding: 1rem 1.25rem; border-radius: 2px;}
.c-title{font-size:18px;padding-bottom:.5em;margin-top:-.5em;position:relative;padding-left:1.25rem; font-weight:bold;border-bottom: 1px solid #CCC;}
.c-title:after{content:"#";color:#205294;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.c-titledot{font-size:1.25rem;padding-bottom:.5rem;margin-top:-.5rem;position:relative;padding-left:1.25rem; font-weight:bold;border-bottom: 1px solid #CCC;}
.c-titledot:after{content:"◆";color:#205294;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;font-size:1.5rem;}
.c-titlesqu{font-size:1.25rem;padding-bottom:.5rem;margin-top:-.5rem;position:relative;padding-left:1.25rem; font-weight:bold;border-bottom: 1px solid #CCC;}
.c-titlesqu:after{content:"▪";color:#205294;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}

.more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
.more:hover{color:inherit;}
.bg-img{min-height:12.5rem;object-fit: cover;}
.item-img{/*max-height:10.5rem;*/object-fit: cover;}
.ellipsis {overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.ellipsis2 {display: block;max-height: 4.2rem;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis3 {display: block;max-height: 5.4rem;font-size: 0.825rem;color: #666;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fl{float:left;}
.fr{float:right;}
/**summary 概述css**/
.sumtext { background: #f5f5f5; padding: 5px 10px;margin-bottom: 10px; font-size: 1.0rem;color: #333;border-radius: 5px; font-weight:normal; text-align:left;}
/**免责声明css**/
.nocopyright {margin-top: 30px; margin-bottom: 20px; padding: 15px; font-size: 0.825rem; line-height: 1.6; color: #999; border: 1px solid #efefef;background: #fbfbfb; border-radius: 2px;}
.prev-next{padding:1.5em}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#999;font-size:16px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}
.quick-prev-next .next,.quick-prev-next .prev{position:fixed;z-index:1;top:45%;height:50px;line-height:50px;width:50px;font-size:50px;color:#888}
.quick-prev-next .next:hover,.quick-prev-next .prev:hover{color:#333}
.quick-prev-next .prev{left:0}
.quick-prev-next .next{right:0}
.sb{box-shadow: 1px 1px 1px #e6e6eb;border-bottom: 1px solid #eef1f5;background:#fff;}

.licircle{list-style: circle; list-style-position: inside; border-bottom: 1px dashed #ddd; padding: 0.5rem 0;}
.lidecimal{list-style: decimal; list-style-position: inside; border-bottom: 1px dashed #ddd; padding: 0.5rem 0;}
.lisquare{list-style: square; list-style-position: inside; border-bottom: 1px dashed #ddd; padding: 0.5rem 0;}
/*****************************commone css end***************************************/
/*****************************Index css***************************************/
.index-award{}
    .index-award dl {margin-bottom: 0px;}
    .index-award dt {color:#0534b5;font-size:36px;text-align:center;padding:20px}
    .index-award dd {line-height:28px;}

.index-news {margin-top:1.25rem;margin-bottom:1.25rem}
    .index-news .item{}
    .index-news .item {margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 1px rgb(0 0 0 / 11%);background: #fff; padding: 0.5rem 0.75rem; border-radius: 2px;}
    .index-news .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .index-news .item .tit{font-size: 1.0rem;line-height: 30px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .index-news .item .abs{font-size: 0.825rem;line-height: 20px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; color:#333333}
@media (max-width: 576px) {
        .index-news .item h3 {margin-top:1rem;}
}


/*****************************Index css***************************************/




/*****************************Help css***************************************/
/*按钮文字颜色：自己替换
 文字演示：#5fa0c9
按钮聚焦颜色： #205294
*/
.help-topbg{margin: 0px; height: 300px; background: url(/Areas/Bohinet/Images/bg-help.jpg) no-repeat center; background-size:cover}
.help {}
    .help .rnav { }
    .help .rnav .catnav{padding:0px;}
    .help .rnav .catnav dl>dt{padding:0.5rem 1rem;background-color:#205294;border-bottom:1px solid #ccc;font-size:1rem;color:#fff;}
    .help .rnav .catnav dl>dd{padding-left:1.4rem;border-bottom:1px dashed #ccc; line-height:1.5rem; margin-bottom:0rem;}
    .help .rnav .catnav h2 {font-weight: bold;font-size: 0.875px;padding-bottom: 0.625rem;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center;margin-top:5px; }
    .help .rnav .catnav dl>dd> a {height: 30px;line-height: 30px;font-size: 1.0rem;color: #000;}
    .help .rnav .catnav dl>dd> a:hover {color: #5fa0c9;text-decoration: none;}
    .help .rnav .catnav dl>dd.sel,
    .help .rnav .catnav dl>dd.sel > a {background-color:#5fa0c9; color:#fff ;text-decoration: none;}
    .help .rnav .thumbpnl:hover dd span.count {color: #fff;background-color: #6751a4 !important;}
    .help .rnav h3.hot {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
    .help .rnav .nav-tabs > li {width:33.333% }
    .help .rnav .nav-tabs > li > a,
    .help .rnav .nav-tabs > li.active > a,
    .help .rnav .nav-tabs > li.active > a:hover,
    .help .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
    .help .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .help .rnav .hotlist { }
    .help .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
    /*    .help .helpnav {padding-right:0px; }
    .help .helpnav ul.nav {padding-right:0px;min-height:500px; }
    .help .helpnav li{border-right:1px solid #666;font-size:20px; }
    .help .helpnav li a:focus,.help .helpnav li a:hover{background-color:#fff; }
    .help .helpnav li.active{border:1px solid #666;border-left:2px solid #6751a4;border-radius:2px;border-right:0px; }
        .help .helpnav li.active a {color:#6751a4; }
        .help .helpnav li.active a:hover {color:#6751a4; }*/
    .help .content {min-height:50rem; font-size:1rem; line-height:1.5;}
    .help .content h1{font-size:2rem;}
/*****************************Help css end***************************************/

/*****************************news css***************************************/
.news-topbg{margin: 0px; height: 200px; background: url(/Areas/Wood/Images/bg-news.jpg) no-repeat center; background-size:cover}
.page-newslist{}
    .page-newslist .list-box{margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-newslist .rnav-cat{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-newslist .rnav-hot{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-newslist .rnav-new{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-newslist .rnav-rec{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-newslist .itemlist {margin-top:0px; }
    .page-newslist .itemlist .item {margin-bottom: 5px;border:1px solid #eaeaea; box-shadow: 0 0 1px rgb(0 0 0 / 11%); background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-newslist .itemlist .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .page-newslist .itemlist .item h2 { font-size: 1rem;margin: -4px 0 10px;padding: 0;line-height: 1.5rem;overflow: hidden;max-height: 5rem;}
     .page-newslist .itemlist .item p { margin-bottom:0.5rem;}
    .page-newslist .itemlist .item .abs {display: block;max-height: 5.4rem;font-size: 0.825rem;color: #666;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media (max-width: 576px) {
        .page-newslist .itemlist .item h2 {margin-top:1rem;}
}
.page-newsdesc {margin-bottom:1rem;}
    .page-newsdesc .content {min-height:50rem;padding:2rem;margin-bottom:0px;font-size:1rem;line-height:1.5rem;}
    .page-newsdesc .content .tit {padding: 0.625rem 0 0;margin-bottom: 1.25rem;text-align: center;border-bottom: 1px dashed #ddd;}
    .page-newsdesc .content .tit  h1 {font-size:1.25rem;margin-top:0.6rem;}
    .page-newsdesc .content .tit .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-newsdesc .content .tit .mate a{color: #999}
    .page-newsdesc .content .tit .mate span{padding-right: 0.625rem}
    .page-newsdesc .rnav { }
        .page-newsdesc .rnav .hotlist h2 {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
        .blog .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
        .blog .rnav .nav-tabs > li {width:33.333% }
        .blog .rnav .nav-tabs > li > a,
        .blog .rnav .nav-tabs > li.active > a,
        .blog .rnav .nav-tabs > li.active > a:hover,
        .blog .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
        .blog .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .page-newsdesc .rnav-cat{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-newsdesc .rnav-hot{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-newsdesc .rnav-new{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-newsdesc .rnav-rec{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
/*****************************news css***************************************/

/*****************************blog css***************************************/
.blog-topbg{margin: 0px; height: 300px; background: url(/Areas/Bohinet/Images/bg-blog.png) no-repeat center; background-size:cover}
.page-bloglist{}
    .page-bloglist .list-box{margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-bloglist .rnav-cat{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-bloglist .rnav-hot{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-bloglist .rnav-new{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-bloglist .rnav-rec{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-bloglist .itemlist {margin-top:0px; }
    .page-bloglist .itemlist .item {margin-bottom: 5px;border:1px solid #eaeaea; box-shadow: 0 0 1px rgb(0 0 0 / 11%); background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-bloglist .itemlist .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .page-bloglist .itemlist .item h2 { font-size: 1rem;margin: -4px 0 10px;padding: 0;line-height: 1.5rem;overflow: hidden;max-height: 5rem;}
    .page-bloglist .itemlist .item .abs {display: block;max-height: 5.4rem;font-size: 0.825rem;color: #666;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media (max-width: 576px) {
        .page-bloglist .itemlist .item h2 {margin-top:1rem;}
}
.page-blogdesc {margin-bottom:1rem;}
    .page-blogdesc .content {min-height:50rem;padding:2rem;margin-bottom:0px;font-size:1rem;line-height:1.5rem;}
    .page-blogdesc .content .tit {padding: 0.625rem 0 0;margin-bottom: 1.25rem;text-align: center;border-bottom: 1px dashed #ddd;}
    .page-blogdesc .content .tit  h1 {font-size:1.25rem;margin-top:0.6rem;padding-bottom:10px;}
    .page-blogdesc .content .tit .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-blogdesc .content .tit .mate a{color: #999}
    .page-blogdesc .content .tit .mate span{padding-right: 0.625rem}
    .page-blogdesc .content .bot .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-blogdesc .content .bot .mate a{color: #999}
    .page-blogdesc .content .bot .mate span{padding-right: 0.625rem}
    .page-blogdesc .rnav { }
        .page-blogdesc .rnav .hotlist h2 {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
        .blog .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
        .blog .rnav .nav-tabs > li {width:33.333% }
        .blog .rnav .nav-tabs > li > a,
        .blog .rnav .nav-tabs > li.active > a,
        .blog .rnav .nav-tabs > li.active > a:hover,
        .blog .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
        .blog .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .page-blogdesc .rnav-cat{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-blogdesc .rnav-hot{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-blogdesc .rnav-new{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-blogdesc .rnav-rec{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
/*****************************blog css***************************************/

/*****************************product css***************************************/
.pro-topbg{margin: 0px; height: 200px; background: url(/Areas/Wood/Images/bg-product.jpg) no-repeat center; background-size:cover}
.page-prolist{}
    .page-prolist .list-box{margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-prolist .rnav-cat{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-prolist .rnav-hot{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-prolist .rnav-new{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-prolist .rnav-rec{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-prolist .itemlist {margin-top:0px; }
    .page-prolist .itemlist .item {margin-bottom: 5px;border:1px solid #eaeaea; box-shadow: 0 0 1px rgb(0 0 0 / 11%); background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-prolist .itemlist .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .page-prolist .itemlist .item h2 { font-size: 1.25rem;margin: -4px 0 10px;padding: 0;line-height: 1.5rem;overflow: hidden;max-height: 5rem;}
    .page-prolist .itemlist .item .abs {display: block;max-height: 8.4rem;font-size: 1rem;color: #666;line-height: 1.525rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
@media (max-width: 576px) {
        .page-prolist .itemlist .item h2 {margin-top:1rem;}
}
.page-prodesc {margin-bottom:1rem;}
    .page-prodesc .content {min-height:50rem;padding:2rem;margin-bottom:0px;font-size:1rem;line-height:1.5rem;}
    .page-prodesc .content .tit {padding: 0.625rem 0 0;margin-bottom: 1.25rem;text-align: center;border-bottom: 1px dashed #ddd;}
    .page-prodesc .content .tit  h1 {font-size:1.25rem;margin-top:0.6rem;padding-bottom:10px;}
    .page-prodesc .content .tit .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-prodesc .content .tit .mate a{color: #999}
    .page-prodesc .content .tit .mate span{padding-right: 0.625rem}
    .page-prodesc .rnav { }
        .page-prodesc .rnav .hotlist h2 {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
        .blog .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
        .blog .rnav .nav-tabs > li {width:33.333% }
        .blog .rnav .nav-tabs > li > a,
        .blog .rnav .nav-tabs > li.active > a,
        .blog .rnav .nav-tabs > li.active > a:hover,
        .blog .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
        .blog .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .page-prodesc .rnav-cat{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-prodesc .rnav-hot{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-prodesc .rnav-new{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-prodesc .rnav-rec{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
/*****************************product css***************************************/

/*****************************case css***************************************/
.case-topbg{margin: 0px; height: 300px; background: url(/Areas/Bohinet/Images/bg-case.png) no-repeat center; background-size:cover}
.page-caselist{}
    .page-caselist .list-box{margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-caselist .rnav-cat{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-caselist .rnav-hot{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-caselist .rnav-new{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-caselist .rnav-rec{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-caselist .itemlist {margin-top:0px; }
    .page-caselist .itemlist .item {margin-bottom: 5px;border:1px solid #eaeaea; box-shadow: 0 0 1px rgb(0 0 0 / 11%); background: #fff; padding: 1rem 1.25rem;border-radius: 2px; }
    .page-caselist .itemlist .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .page-caselist .itemlist .item h2 { font-size: 1rem;margin: -4px 0 10px;padding: 0;line-height: 1.5rem;overflow: hidden;max-height: 5rem;}
    .page-caselist .itemlist .item .abs {display: block;max-height: 5.4rem;font-size: 0.825rem;color: #666;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media (max-width: 576px) {
        .page-caselist .itemlist .item h2 {margin-top:1rem;}
}
.page-casedesc {margin-bottom:1rem;}
    .page-casedesc .content {min-height:50rem;padding:2rem;margin-bottom:0px;font-size:1rem;line-height:1.5rem;}
    .page-casedesc .content .tit {padding: 0.625rem 0 0;margin-bottom: 1.25rem;text-align: center;border-bottom: 1px dashed #ddd;}
    .page-casedesc .content .tit  h1 {font-size:1.25rem;margin-top:0.6rem;}
    .page-casedesc .content .tit .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-casedesc .content .tit .mate a{color: #999}
    .page-casedesc .content .tit .mate span{padding-right: 0.625rem}
    .page-casedesc .rnav { }
        .page-casedesc .rnav .hotlist h2 {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
        .blog .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
        .blog .rnav .nav-tabs > li {width:33.333% }
        .blog .rnav .nav-tabs > li > a,
        .blog .rnav .nav-tabs > li.active > a,
        .blog .rnav .nav-tabs > li.active > a:hover,
        .blog .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
        .blog .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .page-casedesc .rnav-cat{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-casedesc .rnav-hot{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-casedesc .rnav-new{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-casedesc .rnav-rec{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
/*****************************case css end***************************************/

/*****************************sol css***************************************/
.sol-topbg{margin: 0px; height: 300px; background: url(/Areas/Bohinet/Images/bg-sol.png) no-repeat center; background-size:cover}
.page-sollist{}
    .page-sollist .list-box{margin-bottom: 5px;border:1px solid #eaeaea;box-shadow: 0 0 20px rgba(0,0,0,0.2);background: #fff;padding: 1rem 1.25rem;border-radius: 2px;}
    .page-sollist .rnav-cat{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-sollist .rnav-hot{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-sollist .rnav-new{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-sollist .rnav-rec{border:1px solid #a0a0a0; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-sollist .itemlist {margin-top:0px; }
        .page-sollist .itemlist .item {margin-bottom: 5px;border:1px solid #eaeaea;
            box-shadow: 0 0 1px rgb(0 0 0 / 11%);
            background: #fff;
            padding: 1rem 1.25rem;
            border-radius: 2px;
        }
    .page-sollist .itemlist .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 5px;z-index: 1;margin-bottom:2px;  }
    .page-sollist .itemlist .item h2 { font-size: 1rem;margin: -4px 0 10px;padding: 0;line-height: 1.5rem;overflow: hidden;max-height: 5rem;}
    .page-sollist .itemlist .item .abs {display: block;max-height: 5.4rem;font-size: 0.825rem;color: #666;line-height: 1.125rem;display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media (max-width: 576px) {
        .page-sollist .itemlist .item h2 {margin-top:1rem;}
}
.page-soldesc {margin-bottom:1rem;}
    .page-soldesc .content {min-height:50rem;padding:2rem;margin-bottom:0px;font-size:1rem;line-height:1.5rem;}
    .page-soldesc .content .tit {padding: 0.625rem 0 0;margin-bottom: 1.25rem;text-align: center;border-bottom: 1px dashed #ddd;}
    .page-soldesc .content .tit  h1 {font-size:1.25rem;margin-top:0.6rem;}
    .page-soldesc .content .tit .mate{font-size:0.85rem;color: #999;margin-bottom:0.5rem;}
    .page-soldesc .content .tit .mate a{color: #999}
    .page-soldesc .content .tit .mate span{padding-right: 0.625rem}
    .page-soldesc .rnav { }
        .page-soldesc .rnav .hotlist h2 {font-weight: bold;font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #eee;letter-spacing: 5px;color: #333;text-align:center; }
        .blog .rnav .hotlist .more{padding:15px 3px;text-align:center;border-bottom: 1px solid #eee; border-top: 1px solid #eee;margin-top:30px; }
        .blog .rnav .nav-tabs > li {width:33.333% }
        .blog .rnav .nav-tabs > li > a,
        .blog .rnav .nav-tabs > li.active > a,
        .blog .rnav .nav-tabs > li.active > a:hover,
        .blog .rnav .nav-tabs > li.active > a:focus {padding:5px 3px; }
        .blog .rnav .nav-tabs > li.active > a {border:0px;border-bottom:2px solid #333333; }
    .page-soldesc .rnav-cat{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem; }
    .page-soldesc .rnav-hot{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-soldesc .rnav-new{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
    .page-soldesc .rnav-rec{border:1px solid #ccc; background-color:#fff; border-radius:2px;padding:1rem;margin-top:1.25rem; }
/*****************************sol css***************************************/


/*****************************error css***************************************/
/*按钮文字颜色：自己替换
 文字演示：#5fa0c9
按钮聚焦颜色： #205294
*/
.error{}
    .error .erro_box{min-height: 500px;margin-bottom:1rem}
    .error .erro_box h1{font-size:150%;font-weight:bold;margin-bottom:0.625em;padding-bottom:0.5em;}
    .error .erro_box .msg{padding:0 10%;font-size:0.875em;}  
    .error .erro_box .msg b{color:#5fa0c9}
    .error .erro_box .msg .err_dian{margin-left:2em;color:#5fa0c9;padding-right:0.5em; font-size:1.5em;}
    .error .erro_box .msg .errback{background-color:#5fa0c9;padding:0.5em;border-radius:5px; border:1px solid #ccc;color:#fff;}
    .error .erro_box .msg a:hover,.error .erro_box .msg a:focus {background-color: #205294;}
/*****************************error css end***************************************/