@charset "utf-8";
* { margin: 0; padding: 0 }
body { width: 100%; font-family: Microsoft jhenghei; font-size: 1vw; line-height: 2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { outline: 0; }
body { color: #282828; background-color: #fff; }
body a { text-decoration: none; outline: none; cursor: pointer; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; color: #282828; }
body a:hover { color: #98876d; outline: none; }
body a.focus { outline: none; }
.pc_block { display: block; }
ul { list-style: none; }
.pr { position: relative }
.pa { position: absolute }
.z2 { z-index: 2 }
.cp { cursor: pointer; _cursor: hand }
.tr { text-align: right }
.tc { text-align: center }
.tl { text-align: left }
.fr { _display: inline; float: right }
.fl { _display: inline; float: left }
.db { display: block }
.dn { display: none }
.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 0px }
.container { width: 100%; }
.pt60 { padding-top: 3.7rem; }
.pt30 { padding-top: 1.8rem; }
input, textarea, button { font-family: "微软雅黑"; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fl { float: left; width: auto; overflow: hidden; }
#feedback_form table { float: right; }
#feedback_form table tr td { border: 0; padding: 5px 0; }
#feedback_form table tr td input { padding: 0 10px; }
#feedback_form table tr td textarea { padding: 10px; }
.main { width: 1200px; overflow: hidden; margin: 0 auto; }
@media screen and (max-width: 1201px) and (min-width:0) {
.main { width: 90%; }
.pt60 { padding-top: 30px; }
}
/*图片放大*/
.imgs { display: block; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.1, 1.1); }
a:hover .imgs { transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); }
/******header**********/
.phom { display: none; }
header { width: 100%; background: #FFF; height: 7.4rem; }
header .head { width: 90%; margin: 0 auto; height: 100%; }
header .head .logo { width: 30.5%; overflow: hidden; display: block; float: left; margin-top: 1.5rem; }
header .head .logo img { width: 100%; vertical-align: top; }
header .head .logo a { width: 100%; height: 100%; display: block; overflow: hidden; }
header .head .menu { width: 62%; height: 7.4rem; float: right; }
header .head .menu li { position: relative; float: left; display: inline; width: 14.28%; text-align: center; }
header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 7.4rem; line-height: 7.4rem; font-size: 1.1vw; }
header .head .menu li a.navhover, header .head .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #98876d; }
header .head .menu ul.children { display: none; position: absolute; top: 7.4rem; left: 0; width: 100%; line-height: normal; z-index: 9999; }
header .head .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #bba98e solid; margin: 0; }
header .head .menu ul.children li a { overflow: hidden; display: block; padding: 10px; font-size: 12px; background: #98876d; color: #FFF; border-top: 1px #684f29 solid; }
header .head .menu ul.children li a:hover { color: #FFF; background: #684f29; }
/*clone*/
header.clone { height: 3.5rem; display: table-cell; vertical-align: middle; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 100; }
header.clone .head .logo { width: 10%; margin-top: 1rem; }
header.clone .head .menu { height: 3.5rem; }
header.clone .head .menu li a.xialaguang { height: 3.5rem; line-height: 3.5rem; }
header.clone .head .menu ul.children { top: 3.5rem; }
/*小于1331大于1025稍微调整下字体*/
@media screen and (max-width: 1400px) and (min-width:1025px) {
body { font-size: 14px; }
header .head .logo { width: 25%; margin-top: 2rem; }
header .head .menu { width: 70%; }
}
/********footer********/

.copy { width: 100%; background: #98876d; padding: 1rem 0; text-align: center; color: #ffffff; font-size: 14px; line-height: normal; }
.copy a { color: #ffffff; }
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
/*悬浮链接*/
.suspension { width: 40px; height: 240px; position: fixed; top: 50%; right: 0; z-index: 1000; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #98876d; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #b59e7b; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 223px; background: #fff; position: absolute; right: 40px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service-phone { top: 0; }
.suspension .d-qrcode { top: 34px; }
.suspension .d-service { top: 78px; }
.suspension .d-cart { top: 112px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
.suspension .d-service-item .i-qqc { width: 44px; height: 44px; background: url(../images/side_con_icon04-.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }

/***内页***/
.loc { width: 100%; overflow: hidden; padding: 1.5rem 0; line-height: normal; border-bottom: 1px #eeeeee solid; text-align:right; border-top:3px #221815 solid;}
.mainc{ width:80%; overflow:hidden; margin:0 auto;}
.right_top { width: 100%; overflow: hidden; text-align: center; font-size: 3.4vw; font-weight: bold; line-height: normal; background:url(../images/tita.jpg) no-repeat center bottom; padding-bottom:2rem;}
.left_bo { width: 100%; overflow: hidden; margin-top: 15px; }
.left_bo a { width:25%; overflow: hidden; display: block; font-size: 1.1vw; float: left; text-align:center; margin-top:14px;}
.left_bo a span{ width:95%; height:5rem; line-height:5rem; border:1px #c8c8c8 solid; display:block; margin:0 auto;}
.left_bo a:hover span, .left_bo a.cur span{ border:1px #98876d solid; background:#98876d; color:#FFF;}
.right_bottom { width: 100%; overflow: hidden; padding-top: 2rem; }
@media screen and (max-width: 1400px) and (min-width:1025px) {
.mainc{ width:90%;}
.right_top { font-size:24px; padding-bottom:15px;}
.left_bo a span{ height:4rem; line-height:4rem; font-size:15px;}


}
.cateList { display: none; }
.pljk_list { width: 100%; overflow: hidden; text-align: center; display: inline-block; margin: 0 auto; }
.pljk_list a { width: auto; padding: 0 1.5rem; background: #eeeeee; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-top: 10px; }
.pljk_list a:hover, .pljk_list a.cur { color: #FFF; background: #98876d; }
.mk { border: 1px #ccc solid; padding: 20px; margin-bottom: 10px; }
/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons span, .PageButtons a { line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 10px; display: inline-block; }
.PageButtons span { color: #ffffff; background-color: #98876d; border: 1px solid #98876d; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background: #2b3e9a; color: #FFF; }
.PageButtons .pagelink { margin: 0 5px; }
.PageInfo { line-height: 24px; padding-top: 10px; }
.PageButtons .disabled { display: none; }
/*****/
.grid { width: 100%; padding: 0; }
.grid li { display: block; float: left; width: 33%; opacity: 1; margin-bottom: 30px; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li .newc { width: 88%; background: #FFF; overflow: hidden; margin: 0 auto; border: 1px #e9e9e9 solid; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; padding: 10px 3%; }
.grid li .newc .new_img { width: 100%; overflow: hidden; position: relative; }
.grid li .newc .new_img img { width: 100%; display: block; }
.grid li .newc .new_img i { width: 20px; height: 11px; display: block; background: url(../images/ioc13.png) no-repeat; position: absolute; left: 10px; bottom: 0; z-index: 100; }
.grid li .newc .new_txt { width: 100%; overflow: hidden; line-height: normal; }
.grid li .newc .new_txt .newm { width: 100%; overflow: hidden; padding: 15px 0; font-size: 18px; }
.grid li .newc .new_txt p { width: 100%; overflow: hidden; font-size: 16px; line-height: 2; padding: 10px 0; color: #898686; border-top: 1px #dbdbdb solid; }
.grid li .newc .newbo { width: 100%; overflow: hidden; border-top: 1px #dbdbdb solid; padding-top: 15px; }
.grid li .newc .newbo ol { width: auto; overflow: hidden; float: left; color: #F00; font-size: 18px; font-family: "Fjalla One", sans-serif; }
.grid li .newc .newbo span { width: auto; overflow: hidden; float: left; margin-left: 5px; color: #898686; font-size: 14px; }
.grid li .newc .newbo time { width: auto; overflow: hidden; float: right; font-size: 14px; color: #898686; }
.grid li .newc .newbo time i { width: auto; overflow: hidden; font-size: 18px; margin-right: 5px; color: #98876d; display: block; float: left; }
.grid li:hover .newc .new_img img { transition: all ease 1s; transform: scale(1.4); }
.grid li:hover .newc { background: rgba(221,221,221,0.4); border: 1px #98876d solid; -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.1); box-shadow: 0 15px 15px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.grid li:hover .newc .new_txt .newm a { color: #98876d; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn { to {
opacity: 1;
}
}
 @-moz-keyframes fadeIn { to {
opacity: 1;
}
}
 @keyframes fadeIn { to {
opacity: 1;
}
}
/***新闻详细***/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #ccc solid; text-align: center; line-height: normal; }
.news_tit h1 { font-size: 24px; color: #98876d; }
.news_tit p { color: #999999; margin: 0 0; padding-top: 10px; font-size: 16px; }
.arKeywords { padding: 15px; overflow: hidden; border-bottom: 1px #f0f0f0 solid; color: #898686; font-size: 16px; }
.arKeywords span { display: block; color: #98876d; }
.arContent { width: 98%; line-height: 2; padding-top: 20px; overflow: hidden; margin: 0 auto; }
.FastMove { width: 98%; overflow: hidden; padding: 20px 0 0 0; border-top: 1px #dbdbdb solid; margin: 30px auto 0 auto; }
/*相关文章*/
.but_tit { width: 98%; border-bottom: 1px #eeeeee solid; overflow: hidden; margin: 30px auto 0 auto; }
.but_tit span { width: auto; overflow: hidden; color: #98876d; display: block; text-align: center; font-size: 1.8vw; font-weight: bold; }
.xgwz { width: 98%; overflow: hidden; padding-top: 25px; margin: 0 auto; }
.xgwz li { width: 46%; overflow: hidden; border-bottom: 1px #cfcfcf solid; line-height: normal; padding: 20px 0; }
.xgwz li:nth-of-type(odd) { float: left; }
.xgwz li:nth-of-type(even) { float: right; }
.xgwz li .newm { border-left: 6px #98876d solid; padding-left: 7px; font-size: 1.2vw; }
.xgwz li .new2 { color: #999999; font-size: 0.8vw; margin-top: 10px; height: 20px; line-height: 20px; }
.xgwz li p { margin-top: 15px; overflow: hidden; color: #999999; font-size: 0.8vw; }
.ExhibitList { width: 100%; overflow: hidden; padding-top: 20px; line-height: normal; }
.ExhibitList dl { width: 25%; overflow: hidden; float: left; margin-bottom: 20px; }
.ExhibitList dl dt { width: 90%; overflow: hidden; margin: 0 auto;}
.ExhibitList dl dt img { vertical-align: top; border-top-left-radius: 20px; }
.ExhibitList dl dd { width: 90%; overflow: hidden; margin: 0 auto; padding: 10px 0; text-align: center; background: #eeeeee; font-size: 14px;}
.ExhibitList dl:hover dt img { transition: all ease 1s; transform: scale(1.4); }
.ExhibitList dl:hover dd { background: #98876d; color: #FFF; }
.ExhibitList dl:hover dd a { color: #FFF; }
/*产品介绍*/
.mati{ width:90%; overflow:hidden; margin:0 auto; line-height:normal;}
.mati .cpimg{ width: 45%; overflow: hidden; float:right; margin-right:6%;}
.mati .cptxt{ width:46%; overflow:hidden; float:left; line-height:normal;}
.mati .cptxt em{ width:19%; overflow:hidden; float:left;}
.mati .cptxt dl{ width:74%; float:right; overflow:hidden;}
.mati .cptxt dt{ width:100%; overflow:hidden;}
.mati .cptxt dt span{ width:100%; display:block; font-size:2.5vw;}
.mati .cptxt dt i{ width:100%; display:block; font-size:3.4vw; font-style:normal;}
.mati .cptxt dt p{ width:100%; display:block; font-size:1vw; color:#6c6c6c; line-height:2; padding-top:1rem;}
.mati .cptxt dd{ width:100%; display:block; overflow:hidden; padding-top:2rem;}
.mati .cptxt dd .cpa{ width:48%; overflow:hidden; float:left; position:relative; color:#FFF;}
.mati .cptxt dd .cpa span{ width:100%; display:block;}
.mati .cptxt dd .cpa p{ width:100%; height:100%; display:block; text-align:center; position:absolute; left:0; top:40%; z-index:10; font-size:1.8vw;}
.mati .cptxt dd .cpb{ width:48%; overflow:hidden; float:right; position:relative; color:#FFF;}
.mati .cptxt dd .cpb span{ width:100%; display:block;}
.mati .cptxt dd .cpb p{ width:100%; height:100%; display:block; text-align:center; position:absolute; left:0; top:40%; z-index:10; font-size:1.8vw;}

.cpyda{ width:100%; overflow:hidden;}
.cpyda dd{ width:40%; overflow:hidden; float:right; margin-left:5%; padding-top:6%;}
.cpyda dd span{ width:100%; display:block; font-size:3.4vw; font-weight:bold;}
.cpyda dd i{ width:100%; display:block; font-size:1.5vw; font-style:normal; color:#757375; padding-top:10px;} 
.cpyda dd p{ width:100%; display:block; font-size:1vw; color:#6c6c6c; line-height:2; padding-top:2rem;}
.cpyda dt{ width:50%; overflow:hidden; float:left;}
.cpydb{ width:100%; overflow:hidden;}
.cpydb dt{ width:42%; overflow:hidden; float:left; padding-top:2%;}
.cpydb dt span{ width:100%; display:block; font-size:1.56vw; font-weight:bold;}
.cpydb dt p{ width:100%; display:block; font-size:1vw; color:#6c6c6c; line-height:2; padding-top:2rem;} 
.cpydb dd{ width:50%; overflow:hidden; float:right;}

.cpzs{ width:100%; overflow:hidden; border-top:1px #d3d3d3 solid; margin-top:20px; padding-top:20px;}
.cpzs dt{ width:50%; overflow:hidden; float:left;}
.cpzs dd{ width:45%; overflow:hidden; float:right; font-size:1.2vw; line-height:3;}
.cpzs dd span{ margin-right:5%;}

.pol p{ padding-top:20px;}
@media screen and (max-width: 1400px) and (min-width:1025px) {
.mati .cpimg{ margin-right:0;}
.mati .cptxt{ width:50%;}
.mati .cptxt em{ width:12%;}
.mati .cptxt dl{ width:84%;}
.mati .cptxt dt p{ font-size:14px; padding-top:1rem;}
.cpyda dd p{ font-size:14px; padding-top:1rem;}
.cpydb dt p{ font-size:14px; padding-top:1rem;} 
.cpzs dd{ font-size:14px;}


}
/*feedback*/
.fla { width: 46%; overflow: hidden; float: left; }
.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3 { float: left; width: 33.33%; }
.arList { width: 100%; overflow: hidden; }
.arList img { vertical-align: top; }
.arList li { width: 100%; overflow: hidden; padding: 10px 0; border-bottom: 1px #eee solid; line-height: normal; }
.arList li .newsl { width: 40%; overflow: hidden; float: left; border: 1px #CCC solid; }
.arList li .newsr { width: 56%; overflow: hidden; float: right; }
.arList li .newsr .newm { width: 100%; overflow: hidden; font-size: 1.25vw; font-weight: bold; }
.arList li .newsr p { width: 100%; overflow: hidden; line-height: 1.8; padding-top: 10px; color: #8e8e8e; }
.arList li .newsr .caimg { width: 100%; overflow: hidden; padding-top: 10px; }
.arList li .newsr .caimg dl { width: 25%; overflow: hidden; float: left; text-align: center; }
.arList li .newsr .caimg dl div { width: 86%; overflow: hidden; border: 1px #ccc solid; margin: 0 auto; padding: 5px; }
.mainr { width: 82%; overflow: hidden; margin: 0 auto; }

/*Gallery*/
.gallery li { width: 29.33%; float: left; margin: 0 2% 10px 2%; list-style: none; }
.gallery li img { width: 100%; }
.gallery li p { text-align: center; height: 40px; background: #f0f0f0; overflow: hidden; line-height: 40px; }
.gallery li p a { width: 100%; height: 40px; line-height: 40px; display: block; }
.gallery li:hover p { background: #2b3e9a; color: #FFF; }
.gallery li:hover p a { color: #FFF; }
#baguetteBox-overlay .full-image figcaption { top: 30px; height: 30px; line-height: 30px; }
/*在线留言*/
#HBox { width: 50%; height: 420px; margin: 0 auto; box-shadow: 1px 1px 5px #333; -webkit-box-shadow: 1px 1px 5px #333; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 35%; margin: -120px 0 0 -150px; z-index: 100000; }
.subform { width: 90%; overflow: hidden; margin: 20px auto 0 auto; font-size: 14px; }
.subform .form-group { width: 100%; overflow: hidden; margin-bottom: 8px; }
.subform .form-group .control-label { width: 20%; height: 30px; line-height: 30px; float: left; }
.subform .form-group .control-div { width: 78%; overflow: hidden; float: left; }
.subform .form-group .control-div .form-control { width: calc(100% - 22px); height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; }
.subform .form-group .control-div .form-controlv { width: calc(100% - 22px); height: 150px; border: 1px #dadada solid; padding: 10px; }
.subform .form-group .control-div .small { width: 50%; height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; float: left; }
.subform .form-group .control-div .img { display: block; float: left; margin-left: 5px; }
.subform .form-group .control-div .btn-info { width: 8rem; height: 32px; line-height: 32px; text-align: center; background: #98876d; color: #FFF; border: 0; float: left; margin-left: 10px; }
#HBoc { width: 48%; overflow: hidden; float: right; }
#HBoc .subform .form-group .control-label { height: 40px; line-height: 40px; }
#HBoc .subform .form-group .control-div .form-control { height: 40px; line-height: 40px; }
#HBoc .subform .form-group .control-div .btn-info { height: 40px; line-height: 40px; }

#HBov{ width: 60%; overflow: hidden; margin:0 auto;}