* { margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal; text-decoration:none; outline:none; list-style: none;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}

body { line-height: 1;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: none;}

table { border-collapse: collapse; border-spacing: 0;}

img { vertical-align:middle; max-width: 100%;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

body { font-size:14px; font-family:'microsoft yahei',Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB',Simsun,sans-self; -webkit-tap-highlight-color:rgba(0,0,0,0);}

* { color:#4b4b4b;}
a:hover { color:#0cbaa8;}

::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none;}
::selection { background:#fcd700; color:#fff; text-shadow:none;} 

ins { background-color:#fcd700; color:#000; text-decoration:none;}
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}

input { /*-webkit-appearance:none;*/ border-radius:0px;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.min-width { min-width: 1200px;}
.row { width: 1200px; margin: auto; position: relative;}
.col-l { float: left;}
.col-r { float: right;}
.text-center { text-align: center;}
.text-right { text-align: right;}

.nav { padding-top: 70px; font-size: 15px;}
.nav li { padding:0 35px; float: left; background: url("../img/nav-li.jpg")/*tpa=http://www.hohepunkt.cn/static/unit/pc/skin/nav-li.jpg*/ right center no-repeat; position: relative;}
.nav li:last-child { background: none;}
.nav li a  { display: block; font-size: 15px;}
.nav li.on a { color: #0cbaa8;}
.nav li ul { position: absolute; width: 100%; left: -30px; background: #FFF;padding: 30px; z-index: 20000; display: none;}
.nav li li { background: none; padding: 0; text-align: center; float: none; line-height: 45px;}
.nav li.on li a { color: #333;}
.nav li.on li a:hover { color: #0cbaa8;}
.nav li:hover ul { display: block;}

.banner { height:564px;}
.banner .slide { overflow:hidden;}
.banner .slide li { height:526px; background-position: center;}
.banner .slide li a { display:block; width:100%; height:100%;}
.banner .pager { max-width: 1200px; position: relative; z-index: 999; margin: auto; top: -40px; text-align: center;}
.banner .pager li { display:inline; padding:3px 20px; background:#d9d9d9; line-height:0px; font-size:0px; margin-right: 10px; cursor: pointer;}
.banner .pager li.on { background: #646464;}

.about { padding: 50px 0px;}
.about .col-l { width: 617px;}
.about .col-r { width: 552px;}
.about .col-r p { display: block; height: 122px; padding-bottom: 30px; line-height: 45px; text-indent: 2em;}
.about .col-r p a { color: #0098dc; margin-left: 10px; text-decoration: underline;}
.about .col-r .info { width: 522px; height: 162px; background: url("about-img.jpg")/*tpa=http://www.hohepunkt.cn/static/unit/pc/skin/about-img.jpg*/;}
.about .col-r .info .item { font-size: 18px; padding-left: 80px; padding-top: 20px;}
.about .col-r .info .item.tel { font-size: 44px; font-weight: bold; color: #0096d9;}

.foot { background: #f6f6f6; padding: 40px 0px;}
.foot .row { border-top: #a3a3a3 solid 1px;}
.foot .row .nav { padding-top: 30px;}
.foot .row .nav li:first-child { padding-left:0px;}
.foot .row .col-r { padding-top: 30px;}
.foot .row .col-r .item { padding-top: 20px; }
.foot .row .col-r .item.tel { font-size: 38px; font-weight: bold;}
.foot .row .copy { position: absolute; left: 0px; bottom: 0px;}

.part { padding: 30px 0;}
.part .col-l { width: 824px;}
.part .col-l ul { margin-left: -16px; padding-top: 20px;}
.part .col-l li { padding-left: 16px; float: left;}

.news { width: 310px; background: #0098dc; min-height: 466px; padding: 20px;}
.news li { padding: 25px 0; border-bottom: #bfbfbf dotted 1px;}
.news li a strong,.news li a span { color: #FFF; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news li a span { padding-top: 10px;}
.news .more { padding-top: 50px;}
.news .more a, .news .more span  { color: #FFF;}
.news .more span { float: right; font-size: 24px;}
.news .more a { text-decoration: underline; float: left; margin-top: 10px;}

.prod, .bg { padding: 30px 0; background: #f6f6f6;}
.prod .name { padding-bottom: 20px;}
.prod .name a { float: right;}
.list-img { margin-left: -28px;}
.list-img li { float: left; width: 278px; padding-left: 28px;}
.list-img li strong,.list-img li span { background: #FFF; display: block; padding:16px 15px; line-height: 31px;}
.list-img li span { border-top: #cbcbcb dashed 1px; height: 62px; font-size: 12px;}
.list-img li a:hover span { color: #0096d9;}

.bg .menu { border-bottom: #a3a3a3 dashed 1px; padding: 20px 0; margin-bottom: 30px;}
.bg .col-l { width: 896px; min-height: 782px;}
.bg .col-l.w { background: #FFF; width: 836px; min-height: 722px; padding: 30px;}
.bg .html { text-align: justify; line-height: 24px;}
.bg .name { text-align: center; font-size: 20px; font-weight: bold; padding-bottom: 20px;}
.bg .time { text-align: center; padding-bottom:20px; margin-bottom: 20px; color: #a9a9a9; border-bottom: #cbcbcb dashed 1px;}
.bg .list-img li { padding-bottom: 28px;}

.bg .col-r { width: 280px;}
.bg .col-r .news { width: auto;}
.bg .col-r .news .more { padding: 30px 0;}
.bg .col-r .adv { margin-top: 30px;}
.bg .col-r .news .more span { float: none;}
.bg .col-r .news .more a { float: right; margin-top: 5px;}

.list-big .item { position: relative; background: #FFF; margin-bottom: 51px;}
.list-big .item a { display: block; height: 157px; transition: all .3s;}
.list-big .item .show { float: left; width: 199px;}
.list-big .item .info { width: 650px; float: right; padding-right: 20px;}
.list-big .item .name { font-size: 16px; font-weight: normal; text-align: left; margin-bottom: 15px; padding:15px 0 15px 0; border-bottom: #cbcbcb dashed 1px;}
.list-big .item .text { line-height: 24px; height: 52px; color: #a9a9a9;}
.list-big .item .time { padding-top: 10px; color: #a9a9a9; text-align: left; border: 0;}

.list-big .item:hover { z-index: 2;}
.list-big .item a:hover { box-shadow: rgba(0,0,0,.3) 0px 0px 8px;}

.form .show { width: 574px;}
.form .cont { width: 515px;}
.form .name { text-align: right; border-bottom: #CCC dashed 1px; color: #b60c2c;}
.form .item { height: 60px; line-height: 60px; border-bottom: #CCC solid 1px; padding-top: 7px;}
.form .item input { height: 60px; width: 400px;}
.form .item img { margin-right: 10px;}
.form .submit { cursor: pointer; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold; color: #FFF; background: #b60c2c; margin-top: 30px; float: right;}

.pager { width:100%; height:65px; line-height:35px; text-align:center;}
.pager a { margin:0px 5px; color: #0cbaa8; padding:5px 20px; border:#0cbaa8 solid 1px; border-radius:100px;}
.pager span { color: #c2c2c2;  margin:0px 5px; padding:4px 10px; border-radius:100px;border:#0cbaa8 solid 1px;}