html,body{width: 100%;}
body{margin:0;background:#fff;font:12px/1.571 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif';color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
ul,li,ol,p{margin:0;padding:0;list-style:none;}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden], template{display:none}
a{background:0 0}
a:active, a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b, strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub, sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em}
button, input, optgroup, select, textarea{margin:0;font:inherit;color:inherit;outline:none;box-sizing: border-box;}
button,input,select{overflow:visible}
button, select{text-transform:none}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled], html input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal; margin:0; padding:0;}
input[type=checkbox], input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input:focus{border-color:#3B97E6;}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td, th{padding:0}
input, select, textarea{font-family:'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;color:#4F5256;}
a:focus, a:active{outline:none;}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#428bca;text-decoration:none}
a:hover, a:focus{color:#2a6496;text-decoration:none;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small{font-weight:400;line-height:1;color:#777}
h1, .h1, h2, .h2, h3, .h3{margin-top:20px;margin-bottom:10px}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small{font-size:65%}
h4, .h4, h5, .h5, h6, .h6{margin-top:10px;margin-bottom:10px}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small{font-size:75%}
h1,.h1{font-size:32px}
h2,.h2{font-size:28px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:15px}
h6,.h6{font-size:12px}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
table{border-spacing: 0;border-collapse: collapse;background-color: transparent;}
th{text-align:left;}
.clear{clear:both;}
.cred{color:#fc4b52;}
.fl{float:left;}
.fr{float:right;}
/*间距*/
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.margin-10{margin:10px;}
.margin-20{margin:20px;}
.margin-30{margin:30px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-50{margin-right:50px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-50{margin-left:50px;}
.margin-top-15{margin-top:15px;}
/*按钮*/
.btn{display: inline-block;padding: 6px 20px;margin-bottom: 0;font-size: 15px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 2px;}
.btn-primary{color: #fff;background-color: #3c3d3e;border-color: #3c3d3e;}
.btn-primary:hover{background:#585858;border-color:#3c3d3e;}
.btn-success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-danger{color: #fff;background-color: #d6272c;border-color: #d6272c;}
.btn-danger:hover{background-color: #fb3d42;border-color: #d6272c;}
.btn-default{color: #333;background-color: #fff;border-color: #ddd;}
.btn-group-sm>.btn,.btn-sm{padding: 4px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.btn-group-lg>.btn,.btn-lg{padding: 7px 15px;font-size: 16px;line-height: 1.5;border-radius: 3px;}
.btn-desable{color: #888;background-color: #ddd;border-color: #ddd;cursor:not-allowed;}
.btn-desable:hover{color: #888;background-color: #ddd;border-color: #ddd;}
/*图标*/
.icon-tips,.icon-gr1,.icon-gr2,.icon-gr3,.icon-gr4,.icon-gr5,.icon-gr6,.icon-gr7,.icon-gr8,.icon-gr9,.icon-gr10,.icon-gr11,.icon-upset,.icon-up,.icon-down,.icon-video,.icon-img,.icon-newslist,.icon-creat-news,.icon-tip,.icon-zjed,.icon-dessh,.icon-newssh,.icon-loaded,.icon-newsed,.icon-sb,.icon-mess,.icon-psw{display:inline-block;width:22px;height:22px;background:url(http://zhenhao1988.com/public/site/images/userimg.png) no-repeat;vertical-align:-6px;}
.icon-psw{background-position:0 -22px;}
.icon-sb{background-position:0 -44px;}
.icon-newsed{background-position:0 -66px;}
.icon-newslist{background-position:-22px -22px;}
.icon-newssh{background-position:0 -88px;}
.icon-dessh{background-position:0 -110px;}
.icon-zjed{background-position:0 -132px;}
.icon-tip{background-position:0 -154px;}
.icon-creat-news{background-position:-22px 0;}
.icon-video{background-position:-22px -44px;cursor:pointer;}
.icon-img{background-position:-22px -66px;cursor:pointer;}
.icon-up{background-position:-22px -88px;cursor:pointer;width:18px;height:18px;}
.icon-down{background-position:-22px -110px;cursor:pointer;width:18px;height:18px;}
.icon-upset{background-position:-22px -132px;cursor:pointer;width:18px;height:18px;}
.icon-tips{background-position:-22px -154px;cursor:pointer;width:16px;height:16px;vertical-align:-3px;margin-right:5px;}
.icon-gr1{background-position:-47px -1px;}
.icon-gr2{background-position:-47px -21px;}
.icon-gr3{background-position:-47px -45px;}
.icon-gr4{background-position:-47px -66px;}
.icon-gr5{background-position:-47px -87px;}
.icon-gr6{background-position:-47px -109px;}
.icon-gr7{background-position:-47px -131px;}
.icon-gr8{background-position:-47px -154px;}
.icon-gr9{background-position:-70px 0px;}
.icon-gr10{background-position:-70px -22px;}
.icon-gr11{background-position:-70px -44px;}
/*表格*/
.table{width: 100%;max-width: 100%;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-top: 0;}
.table-striped>tbody>tr:nth-of-type(odd){background-color: #f9f9f9;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.table-foot{background:#f4f4f4;padding:4px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:0;}
.table-foot-col{display:inline-block;width:50%;font-size:12px;}
.pages.table-pages{display:inline-block;padding:0;}
.pages.table-pages li{width:24px;height:24px;line-height:24px;}
.table-static th{background:#eee;}
.table-static td{background:#fff;}
/*主体*/
.header{ height:142px;background:url("../image/headbg.jpg") no-repeat center;}
.container{width:1200px;margin:0 auto;clear:both;}
.container:after{clear:both;content:'';display:inline-table;}
.logo{width:320px;height:129px;display:block;float:left;margin-top:13px;background:url("../image/logo.png");}
.header-right{float:right;}
.header-right-top{padding:20px 0;color:#fff;text-align:right;}
.header-right-top a{color:#fff;margin-left:20px;margin-right:20px;}
.nav{font-size:0;}
.nav li{display:inline-block;position:relative;z-index:999;margin:0 10px;}
.nav a{font-size:18px;color:#fff;display:inline-block;padding:10px;}
.nav a:hover,.nav a.active{background:rgba(0,0,0,0.5);}
.nav-secd{position:absolute;background:rgba(0,0,0,0.6);display:none;}
.nav-secd a{font-size:16px;display:block;text-align:center;}
.nav-secd a:hover{background:#550707;}
/*横幅广告*/
#banner {width:auto; height:814px; overflow:hidden; position:relative;}
#banner ul {height:100%; position:absolute;}
#banner ul li {float:left; width:auto; height:100%; overflow:hidden; position:relative; background:#000;}
#banner ul li a {display:block; background-position:center; height:100%;}
#banner .btnBg { display:none; position:absolute; width:auto; height:20px; left:0; bottom:0; background:#000;}
#banner .btnBox {position:absolute; width:400px; left:50%; bottom:10px; text-align:center; margin-left:-200px;}
#banner .btnBox span {display:inline-block; _display:inline; _zoom:1; width:30px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background:#333;}
#banner .btnBox span.on {background:#61b53f;}
#banner .preNext {width:65px; height:104px; position:absolute; top:50%; margin-top: -52px; cursor:pointer;}
#banner .pre {left:75px; background:url("../image/press.png") no-repeat 0 0;}
#banner .next {right:75px; background:url("../image/next.png") no-repeat 0 0;}

.home-body{height:900px;background:url("../image/hcontbg.jpg") no-repeat center;}
.hb-bar{padding-top:80px;text-align:center;margin-bottom:20px;}
.hb-bar-title{font-size:28px;}
.hb-bar-title2{font-size:16px;color:#789a72;}
.hb-procleft{float:left;width:100%;}
.hb-procleft-c{margin-right:399px;}
.hb-procright{float:right;position:relative; width:399px;height:480px;margin-left:-416px;}
.hb-propanel-head{height:48px;background:#3f2c28;color:#fff;line-height:48px;padding:0 20px;position:relative;}
.panel-head-title{margin:0;padding:0;display:inline-block;margin-right:10px;}
.bar-more{position:absolute;color:#fff;right:10px;top:0px;}
.pro-list{font-size:0;}
.pro-list li{display:inline-block;width:267px;}
.hb-procright a{display:block;}
.hb-procright a img{width:100%;height:467px;}
.pro-list li a{display:block;}
.pro-list li a img{width:100%;}
.hb-botleft{width:600px;height:386px;background:url("../image/botlbg.png") right repeat-y #ebe0b0;float:left;}
.hb-botright{float:right;width:600px;height:386px;background:url("../image/botrbg.png") left repeat-y #f0e5b6;}
.hb-bot-head{position:relative;height:50px;line-height:50px;padding:0;}
.hb-botpanel{padding:5px 20px;}
.cred{color:#960806;}
.hb-news li{padding:13px 0;font-size:16px;border-bottom:1px solid #c6c6c6;}
.news-icon{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-style:normal;background:#cea374;color:#fff;margin-right:10px;border-radius:3px;}
.hb-news-time{float:right;color:#888;}
.hb-news li a{color:#333;}
.hb-news li a:hover{text-decoration:underline;}
.hb-news li.nobor{border:none;}
.hb-video{width:560px;height:290px;}
.hb-video img{width:100%;}
.hb-botbox{box-shadow:0px 3px 5px rgba(0,0,0,0.3);}
.footer{background:#32281e;color:#80716a;height:127px;}
.foot-contact{padding:20px 40px;float:left;height:87px;border-right:1px solid #80716a;}
.foot-logo{float:left;padding-right:40px;border-right:1px solid #80716a;}
.foot-blod{margin:0;}
.icon-mail,.icon-qq,.icon-weibo{display:inline-block;width:26px;height:26px;background:url("../image/footimg.png") no-repeat;}
.icon-mail{background-position:-8px -2px;}
.icon-qq{background-position:-53px -3px;}
.icon-weibo{background-position:-94px -2px;}
.foot-icons{margin-top:7px;}
.foot-txt{float:left;padding:20px 40px;font-size:16px;line-height:27px;}
.pagebody{background:url("../image/hezbg.jpg") no-repeat #fff4c6;padding-top:270px;}
.pagebody .container{background:#f6eace;}
.page-left{position:relative;float:left;width:248px;margin-right:-248px;}
.page-right{float:right;width:100%;}
.page-right-c{margin-left:248px;background:#fff;min-height:500px;}
.page-name{padding:30px 40px;}
.page-name h3{margin:0;}
.page-name p{color:#a6968f;font-size:16px;}
.page-nav{padding:40px;padding-top:0;}
.page-nav li{margin-bottom:15px;}
.page-nav li a{display:block;padding:10px 5px;text-align:center;font-size:14px;background:#61311e;color:#fff;border-radius:3px;}
.page-nav li a.active{background:#c90d10;}
.page-nav li a:hover{background:#c90d10;}
.page-cont{padding:40px;}
.page-crob{font-size:14px;padding-bottom:25px;border-bottom:1px solid #ddd;margin-bottom:30px;}
.page-crob a{color:#666;}
.page-cont-text{font-size:14px;}
.form-input{border:1px solid #ddd;padding:8px;height:36px;line-height:36px;vertical-align:middle;}
.text-left{text-align:left;}
.table.conect-table td{vertical-align:middle;border-top:none;}
input::-webkit-input-placeholder {color:#aaa;font-size:14px;}
input:-moz-placeholder {color:#aaa;font-size:14px;}
input::-moz-placeholder {color:#aaa;font-size:14px;}
input:-ms-input-placeholder {color:#aaa;font-size:14px;}
.form-textarea{border:1px solid #ddd;padding:8px;width:680px;height:300px;}
.contact-txt p{margin-bottom:10px;}
.contact-txt{min-height:500px;}
.video-list{width:920px;}
.video-list li{width:270px;float:left;font-size:16px;margin-right:35px;margin-bottom:30px;}
.video-list li a{color:#333;}
.video-list li a p{margin:10px 0 0 0;}
.video-img{position:relative;width:270px;height:140px;overflow:hidden;}
.video-img img{width:100%;}
.video-play{display:inline-block;width:45px;height:45px;position:absolute;top:50%;margin-top:-22px;left:50%;margin-left:-22px;background:url("../image/video_play.png");}
.pages{clear:both;padding:20px 0;text-align:center;}
.pages li{display:inline-block;}
.pages li a{display:block;padding:5px 14px;line-height:22px;color:#666;border:1px solid #ddd;}
.pages li a:hover,.pages li a.active{background:#c90d10;color:#fff;}
.article-title{border-bottom:1px solid #ddd;text-align:center;padding-bottom:10px;}
.article-time{text-align:center;}
.news-cont{padding-top:30px;}
.news-cont p{margin-bottom:30px;font-size:14px;text-indent:28px;line-height:25px;}
.newsimg{text-align:center;}
.news-list-time{float:right;}
.news-list li{padding:15px 0;border-bottom:1px dashed #ddd;}
.news-list li a{color:#333;font-size:14px;}
.news-list li a:hover{text-decoration:underline;}
.video-play-box{width:700px;height:459px;background:#333;margin:0 auto;}
.video-name{padding:10px;text-align:center;font-size:14px;margin-bottom:80px;}
.video-press{float:left;font-size:14px;}
.video-next{float:right;font-size:14px;}
.vnext,.vpress{display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#999;color:#fff;margin-right:10px;}
.vnext{margin-right:0;margin-left:10px;}
.video-page a{color:#888;}
.video-page a:hover i{background:#555;}
.video-page a:hover{color:#333;}
.prod-list li{margin-bottom:30px;}
.prod-left{width:252px;height:252px;float:left;margin-right:-252px;position:relative;}
.prod-left a{display:block;width:252px;height:252px;overflow:hidden;}
.prod-left a img{width:100%;}
.prod-right{ float:right;width:100%;}
.prod-right-c{margin-left:282px;}
.prod-name{margin:0 0 10px 0;font-size:20px;color:#333;display:block;font-weight:bold;}
.prod-det{border-top:1px solid #ddd;margin-top:20px;padding-top:20px;font-size:14px;line-height:27px;}
.prod-det p {
 overflow: hidden;
}
.prod-more{color:#c90d10;margin-top:30px;display:inline-block;}
.prod-img{float:left;margin-right:30px;margin-bottom:15px;}
.product-detail .prod-det{margin-bottom:50px;}