*{margin: 0px;padding: 0px;}
body{min-width:1200px;background:#ffffff;background-image:url();background-repeat:repeat-x;background-position:0px 0px;margin:0px;padding:0px;text-decoration:none;font-size: 12px;font-variant:normal;font-family: "微软雅黑";} a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{text-decoration: none;}
li{list-style-type:none;}
ul,ol{list-style-type: none;list-style-image: none;} .main{
width: 1200px;
margin:0 auto;
}
.top{
width: 100%;
height: 40px;
background: #eeeeee;
}
.top p{
float: left;
font-size: 14px;
color:#3c3c3c;
line-height: 40px;
}
.top ul{
float: right;
height: 40px;
overflow: hidden;
}
.top ul li{
float: left;
padding-right: 10px;
padding-left: 10px;
line-height: 40px;
position: relative;
}
.top ul li:after{
content: "";
width: 1px;
height: 14px;
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
background: #6d6d6d;
}
.top ul li a{
color:#3c3c3c;
font-size: 14px;
}
.top ul li:last-child:after{
width: 0;
height: 0;
overflow: hidden;
}
.head{
width: 100%;
height:110px;
overflow: hidden;
}
.head .name{
float: left;
margin-top: 12px;
}
.head .tel{
float: right;
margin-top: 30px;
}
.head img {
display: block;
}
.nav{
width: 100%;
height: 50px;
background:#0176c5;
}
.nav ul{
width: 1200px;
margin:0 auto;
height: 50px;
overflow: hidden;
}
.nav ul li{
float: left;
width: 171px;
height: 50px;
overflow: hidden;
text-align: center;
position: relative;
line-height: 50px;
}
.nav ul li:after{
content: "";
width: 2px;
height: 49px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon02.png)no-repeat center;
position: absolute;
right: 0;
top: 50%;
margin-top: -25px;
}
.nav ul li:last-child:after{
width: 0;
height: 0;
overflow: hidden;
}
.nav ul li a{
color:#fff;
font-size: 16px;
}
.nav ul li:hover{
background: #007cb5;
}
.banner{ 
max-width: 1920px;
margin:0 auto; 
overflow:hidden; 
position:relative; 
}
.banner .hd{
height:15px; 
overflow:hidden; 
position:absolute; 
left:43%; 
bottom:10px; 
z-index:1; 
}
.banner .hd ul{
overflow:hidden; 
zoom:1; 
float:left; 
}
.banner .hd ul li{
float:left; 
margin-right:10px;  
width:50px; 
height:10px; 
line-height:14px; 
text-align:center; 
cursor:pointer;
background: #fff;
}
.banner .hd ul li.on{
background:#00a0e9; 
}
.banner .bd{
position:relative; 
z-index:0; 
width: 100%; 
}
.banner .bd li{
zoom:1; 
vertical-align:middle; 
}
.banner .bd img{
width:100%; 
display:block; 
}
.banner .prev,
.banner .next{
position:absolute; 
left:3%; 
top:50%;
margin-top:-3%;
display:block; 
width:32px;
height:40px;  
filter:alpha(opacity=50);opacity:0.5;   
}
.banner .next{
left:auto; right:3%; 
background-position:8px 5px; 
}
.banner .next {
font-size: 
58px;color:#fff;
}
.banner .prev{
font-size: 
58px;color:#fff;
}
.banner .prev:hover,
.banner .next:hover{
filter:alpha(opacity=100);opacity:1;  
}
.banner .prevStop{ 
display:none;  
}
.banner .nextStop{ display:none;  
}
.hot{
width: 1200px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-top: 40px;
}
.hot .tit{
width: 100%;
height: 54px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg03.png) no-repeat center bottom;
}
.hot .tit p{
font-size: 24px;
font-weight: bold;
margin-top: 15px;
float: left;
color:#fff;
margin-left: 55px;
}
.hot .tit a{
display: block;
float: right;
color:#fff;
font-size: 16px;
margin-top: 20px;
margin-right: 10px;
}
.hot .hd {
width: 1070px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-top: 25px;
}
.hot .hd ul li{
float: left;
width: 200px;
height: 40px;
margin-left: 90px;
background: #dedede;
text-align: center;
line-height: 40px;
margin-bottom: 10px;
border-radius: 8px;
}
.hot .hd ul li:nth-child(4n-3){
margin-left: 0;
}
.hot .hd ul li a{
color:#333333;
font-size: 16px;
}
.hot .hd ul .on{
background: #015cb5;
}
.hot .hd ul .on a{
color:#fff;
}
.hot  .bd{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 25px;
}
.hot  .bd ul li{
width: 290px;
height: auto;
overflow: hidden;
float: left;
margin-left: 13px;
margin-bottom: 19px;
}
.hot  .bd ul li:nth-child(4n-3){
margin-left: 0;
}
.hot  .bd ul li img{
display: block;
width: 290px;
height: 230px;
}
.hot  .bd ul li p{
text-align: center;
color:#fff;
height: 34px;
background: #015cb5;
line-height: 34px;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product{
width: 100%;
height:auto;
overflow: hidden;
padding: 60px 0;
background: #fcfbfb;
margin-top: 55px;
}
.product .list{
width: 227px;
height: auto;
overflow: hidden;
float: left;
}
.product .list .tit{
width: 100%;
height: 89px;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/tit01.png) no-repeat center;
}
.product .list .tit p{
color:#fff;
font-size: 24px;
margin-left: 65px;
margin-top:15px;
}
.product .bd{
width: 100%;
height: auto;
overflow: hidden;
border:1px solid #e6e6e6;
background: #fff;
box-sizing: border-box;
padding-top: 15px;
}
.product .bd .part{
width: 197px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-bottom: 10px;
padding-bottom:9px;
box-sizing: border-box;
border-bottom: 1px solid#e6e6e6;
}
.product .bd .part h4{
color:#005aab;
font-size: 15px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon01.png) left center no-repeat;
}
.product .bd .part h4 a{
color:#005aab;
font-size: 15px;
margin-left: 20px;
font-weight: normal;
}
.product .bd .part  ul{
width: 100%;
float: right;
}
.product .bd .part  ul li{
width:190px;
float: right;
height: 30px;
overflow: hidden;
position: relative;
line-height: 30px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon05.png) left center no-repeat;
}
.product .bd .part  ul li:last-child{
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon06.png) left center no-repeat;
}
.product .bd .part  ul li a{
color:#666666;
font-size: 14px;
display: block;
white-space: nowrap;
margin-left: 20px;
text-overflow: ellipsis;
overflow: hidden;
}
.product .list .tel{
width: 100%;
height: 150px;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg01.png) no-repeat center;
}
.product .list .tel p{
text-align: center;
color:#fff;
font-size: 14px;
margin-top: 30px;
}
.product .list .tel span{
text-transform: uppercase;
font-size: 12px;
}
.product .list .tel b{
display: block;
text-align: center;
color:#fff;
font-size: 30px;
margin-top: 15px;
font-family: 'Arial';
line-height: 30px;
}
.product  .pic{
float: right;
width: 960px;
height: auto;
overflow: hidden;
}
.product  .pic .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.product  .pic .tit div{
float: left;
}
.product  .pic .tit p{
color:#005aab;
font-size: 30px;
font-weight: bold;
}
.product  .pic .tit  span{
display: block;
color:#999999;
font-size: 12px;
text-transform: uppercase;
}
.product  .pic .tit a{
display: block;
float: right;
width: 120px;
height: 48px;
background:url(//www.hblisheng.com/wp-content/themes/pc/images/more.png) no-repeat center;
line-height: 48px;
text-indent: 40px;
color:#666666;
font-size: 16px;
}
.product  .pic  ul{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 10px;
}
.product  .pic ul li{
float: left;
width: 310px;
height: auto;
overflow: hidden;
background: #fff;
margin-left: 13px;
border: 1px solid #e6e6e6;
margin-bottom: 15px;
box-sizing: border-box;
}
.product  .pic ul li:nth-child(3n-2){
margin-left: 0;
}
.product  .pic ul li img{
display: block;
width: 290px;
height: 230px;
margin: 10px;
margin-bottom: 0;
}
.product  .pic ul li p{
width: 100%;
height: 37px;
line-height: 37px;
text-align: center;
color:#333333;
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.adv{
width: 100%;
height: 1650px;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg05.png) no-repeat center bottom;
}
.adv .tit{
width: 100%;
height: 164px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/adv-tit.png) no-repeat center;
}
.adv ul{
margin-top: 50px;
height: auto;
overflow: hidden;
}
.adv ul li{
width: 1200px;
height: auto;
overflow: hidden;
margin-bottom: 70px;
}
.adv ul li .intro{		width: 560px;
float: left;
display: table;
}
.adv ul li .intro .t{
width: 100%;
height: auto;
overflow: hidden;
border-bottom: 1px solid #a4a6a9;
}
.adv ul li .intro .t b{
display: block;
width: 87px;
height: 80px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg04.png) no-repeat center;
text-align: center;
line-height: 80px;
font-size: 29px;
color:#fff;
float: left;
}
.adv ul li .intro .t  p{
float: left;
color:#014da1;
font-size: 30px;
line-height: 80px;
font-weight: bold;
margin-left: 12px;
margin-right: 10px;
}
.adv ul li .info{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.adv ul li .info p{
color:#333333;
font-size: 15px;
padding-left: 45px;
line-height: 30px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon07.png) no-repeat 20px 13px;
}
.adv ul li .pic{		width:600px;
float: right;
}
.adv ul li .pic img{		width:98%;
display: block;
}
.adv ul li:nth-child(2n) .pic{
float: left;
}
.adv ul li:nth-child(2n) .intro{
float: right;
}
.cases{
width: 1200px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-top: 60px;
}
.cases .tit{
height: auto;
overflow: hidden;
}
.cases .tit p{
color:#222222;
font-size: 36px;
text-align: center;
font-weight: bold;
}
.cases .tit b{
color:#015cb5;
}
.cases .tit span{
display: block;
color:#999999;
font-size: 12px;
text-align: center;
text-transform: uppercase;
margin-top: 5px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/tit02.png)no-repeat center;
}
.cases .list{
width: 100%;
height: auto;
overflow: hidden;
padding:  5px 0;
margin-top: 20px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #ccc;
}
.cases .list ul{
margin-left: -4px;
}
.cases .list ul li{
float: left;
width: 170px;
height: 45px;
background: #e9e9e9;
line-height: 45px;
margin-left: 2px;
text-align: center;
}
.cases .list ul li a{
color:#333333;
font-size: 15px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.cases .list ul li:hover{
background: #005aab;
}
.cases .list ul li:hover a{
color:#fff;
}
.cases .bd{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 30px;
}
.cases .bd ul li{
float: left;
width: 389px;
height: auto;
margin-right: 18px;
overflow: hidden;
}
.cases .bd ul li img{
display: block;
width: 389px;
height: 313px;
}
.cases .bd ul li p{
text-align: center;
line-height: 40px;
color:#1a1a1a;
font-size: 16px;
}
.cases .bd ul li:hover p{
color:#0f70da;
}
.cases .hd  {
display: table;
margin: 0 auto;
margin-top: 20px;
}
.cases .hd ul li{
float: left;
width: 16px;
height: 16px;
background: #dcdcdc;
line-height: 40px;
border-radius: 50%;
margin: 0 5px;
}
.cases .hd ul .on{
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon08.png) no-repeat center;
}
.gg{
width: 100%;
height: 304px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/gg.png)  no-repeat center;
margin-top: 
}
.about{
width: 100%;
margin: 0 auto;
height: auto;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg08.png) repeat-x left bottom;
margin-top: 50px;
}
.about .tit{
height: auto;
overflow: hidden;
}
.about .tit p{
color:#222222;
font-size: 36px;
text-align: center;
font-weight: bold;
}
.about .tit b{
color:#015cb5;
}
.about .tit span{
display: block;
color:#999999;
font-size: 12px;
text-align: center;
text-transform: uppercase;
margin-top: 5px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/tit02.png)no-repeat center;
}
.about  .bd{
width: 1206px;
height: 477px;
margin: 0 auto;
margin-top: 40px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg06.png) no-repeat center;
}
.about .intro{
width: 520px;
height: auto;
overflow: hidden;
margin-top: 70px;
margin-left: 35px;
float: left;
}
.about .intro .t{
height: auto;
overflow: hidden;
padding-bottom: 10px;
border-bottom: 1px solid #dfdfe0;
}
.about .intro .t p{
color:#015cb5;
font-size: 26px;
font-weight: bold;
}
.about .intro .t  span{
display: block;
color:#999999;
font-size: 18px;
text-transform: uppercase;	
margin-top: 5px;
}
.about .intro  .info{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.about .intro  .info p{
color:#555555;
font-size: 14px;
line-height: 30px;		text-indent:2em;		text-align:justify;
}
.about .intro .more{
display: block;
width: 110px;
height: 29px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/more02.png) no-repeat center;
line-height: 29px;
color:#fff;
font-size: 14px;
text-indent: 15px;
margin-top: 50px;
}
.about .pic{
float: right;
width: 570px;
height: auto;
margin-right: 30px;
margin-top: 35px;
overflow: hidden;
}
.about .pic img{
display: block;
width: 570px;
height: 400px;
}
.honor{
width: 1314px;
margin: 0 auto;
height: 320px;
overflow: hidden;
position: relative;
margin-top: 20px;
}
.honor .tit {
margin-top: 
}
.honor .tit p{
font-size: 26px;
color:#000000;
}
.honor ul li{
float: left;
width:300px;
height: auto;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/bg07.png) no-repeat center;
}
.honor ul li img{
display: block;
width: 290px;
height: 200px;
margin: 0 auto;
}
.honor ul li p{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
color:#333333;
font-size: 14px;
}
.honor .box{
width:1200px;
overflow: hidden;
margin: 0 auto;
height: auto;
margin-top: 25px;
}
.honor .next{
display: block;
width: 70px;
height: 30px;
overflow: hidden;
position: absolute;
z-index: 100;
top: 145px;
background: #bababa;
}
.honor .next:hover{
background: #015cb5;
}
.honor .next img{
display: block;
margin: 0 auto;
margin-top: 8px;
}
.honor .prev{
display: block;
width: 70px;
height: 30px;
overflow: hidden;
position: absolute;
top: 145px;
right: 0;
background: #bababa;
z-index: 100;
}
.honor .prev img{
display: block;
margin: 0 auto;
margin-top: 8px;
}
.honor .prev:hover{
background: #015cb5;
}
.section{
width: 1200px;
margin: 0 auto;
height: auto;
overflow: hidden;
}
.news{
width: 575px;
height: auto;
overflow: hidden;
margin-top: 60px;
float: left;
}
.news .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.news .tit ul li{
float: left;
position: relative;
padding-right: 70px;
}
.news .tit ul li:after{
content: "/";
position: absolute;
right:25px;
color:#c6c6c6;
font-size: 14px;
top: 3px;
}
.news .tit ul li b{
color:#484848;
font-size: 18px;
font-weight: bold;
}
.news .tit ul li img{
display: block;
margin-top:3px;
float: left;
height: 20px;
margin-right: 10px;
}
.news .tit a{
color:#787878;
font-size: 14px;
float: right;
line-height: 25px;
}
.news .img{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 25px;
}
.news .img img{
display: block;
width: 100%;
height: 202px;
}
.news  .intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 10px;
}
.news  .intro h4{
width: 450px;
height: auto;
overflow: hidden;
font-size: 16px;
color:#333333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
line-height: 25px;
}
.news  .intro  span{
display: block;
float: right;
color:#999999;
font-size: 14px;
line-height: 25px;
}
.news  .intro  p{
color:#555555;
font-size: 14px;
line-height: 26px;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
float: left;
}
.news  .list ul {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 5px;
}
.news  .list ul li{
width: 1005;
height: auto;
line-height: 30px;
overflow: hidden;
position: relative;
}
.news  .list ul li:after{
content: "";
width:4px;
height:4px;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
background: #b0b0b0;
border-radius: 50%;
}
.news  .list ul li a{
display: block;
margin-left: 10px;
float: left;
width: 380px;
font-size: 14px;
color:#555555;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news  .list ul li span{
display: block;
float: right;
color:#999999;
font-size: 14px;
}
.qs{
float: right;
width: 588px;
height: auto;
overflow: hidden;
margin-top: 60px;
}
.qs .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.qs .tit img{
display: block;
float:left;
}
.qs .tit p{
color:#484848;
font-size: 18px;
float: left;
margin-left: 10px;
font-weight: bold;
}
.qs .tit  a{
display: block;
float: right;
color:#787878;
font-size: 14px;
line-height: 25px;
}
.qs ul {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 25px;
}
.qs ul li{
width: 100%;
height: 85px;
overflow: hidden;
margin-bottom: 25px;
border-bottom: 1px dashed #bcbcbc;
}
.qs ul li .t{
width: 100%;
height: auto;
overflow: hidden;
}
.qs ul li .t img{
display: block;
float: left;
}
.qs ul li .t b{
color:#484848;
font-size: 16px;
margin-left: 10px;
font-weight: normal;
float: left;
}
.qs ul li  p{
width: 550px;
height: auto;
overflow: hidden;
float: right;
font-size: 14px;
color:#868686;
line-height: 19px;
margin-top: 5px;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.links{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 30px;
padding: 20px 0;
border-top: 1px solid #cccccc;
margin-top: 60px;
}
.links .tit {
width: 100%;
height: auto;
overflow: hidden;
}
.links ul{
width: 100%;
height: 60px;
overflow: hidden;
margin-top: 5px;
}
.links ul li{
float: left;
padding: 0 10px;
line-height: 30px;
}
.links ul li a{
color:#666666;
font-size: 14px;
}
.links .tit p{
color:#015cb5;
font-size: 16px;
float: left;
font-weight: bold;
}
.links .tit  span{
display: block;
color:#666666;
font-size: 16px;
float: left;
margin-left: 5px;
text-transform: uppercase;
}
.footer{
width: 100%;
height: 265px;
background: #2d2c32;
position: relative;
}
.footer .name{
float: left;
margin-top: 55px;
}
.footer .intro {
width: 320px;
height: auto;
overflow: hidden;
border-left: 1px solid #3b3a40;
border-right: 1px solid #3b3a40;
padding: 0 60px;
float: left;
margin-top: 50px;
margin-left: 50px;
}
.footer .intro .tit {
width: 100%;
height: auto;
overflow: hidden;
}
.footer .intro .tit img{
display: block;
float: left;
margin-top: 5px;
margin-right: 10px;
}
.footer .intro .tit span{
color:#fff;
font-size: 18px;
}
.footer .intro p{
color:#b2b2b2;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.footer  .fn{
float: right;
margin-top: 50px;
}
.footer  .fn .tit {
width: 100%;
height: auto;
overflow: hidden;
}
.footer  .fn .tit img{
display: block;
float: left;
margin-top: 5px;
margin-right: 10px;
}
.footer  .fn .tit span{
color:#fff;
font-size: 18px;
}
.footer  .fn  ul{
margin-top: 10px;
}
.footer  .fn  ul li {
float: left;
width: 25%;
line-height: 30px;
}
.footer  .fn  ul li a{
color:#b2b2b2;
font-size: 14px;
}
.cr{
position: absolute;
left: 0;
width: 100%;
bottom: 0;
height: 38px;
border-top: 1px solid #3b3a40;
}
.cr p{
float: left;
line-height: 38px;
color:#666666;
font-size: 12px;
}
.cr span{
float: right;
color:#666;
line-height: 38px;
}
.cr a{
color:#666;
}
.in-content{
width: 1200px;
margin:  auto;
height: auto;
overflow: hidden;
margin-top: 40px;
margin-bottom: 50px;
}
.in-content .left-cont{
width:240px;
height: auto;
float: left;
overflow: hidden;
}
.in-content .left-cont .tit{
width: 100%;
height: 85px;
overflow: hidden;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/tit04.png)  no-repeat center;
}
.in-content .left-cont .tit p{
color:#ffffff;
font-size: 24px;
margin-top: 20px;
position: relative;
margin-left: 15px;
padding-bottom: 10px;
}
.in-content .left-cont .tit p:after{
content: "";
width: 20px;
height: 2px;
position: absolute;
left:0;
bottom: 0;
background: #fff;
}
.in-content .left-cont .bd{
width: 100%;
height: auto;
overflow: hidden;
border:1px solid #e6e6e6;
background: #fff;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 5px;
}
.in-content .left-cont .bd .part{
width: 210px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-bottom: 10px;
padding-bottom:9px;
box-sizing: border-box;
border-bottom: 1px solid#e6e6e6;
}
.in-content .left-cont .bd .part h4{
color:#005aab;
font-size: 15px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon01.png) left center no-repeat;
}
.in-content .left-cont .bd .part h4 a{
color:#005aab;
font-size: 15px;
margin-left: 20px;
font-weight: normal;
}
.in-content .left-cont .bd .part  ul{
width: 100%;
float: right;
}
.in-content .left-cont .bd .part  ul li{
width:205px;
float: right;
height: 30px;
overflow: hidden;
position: relative;
line-height: 30px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon05.png) left center no-repeat;
}
.in-content .left-cont .bd .part  ul li:last-child{
background: url(//www.hblisheng.com/wp-content/themes/pc/images/icon06.png) left center no-repeat;
}
.in-content .left-cont .bd .part  ul li a{
color:#666666;
font-size: 14px;
display: block;
white-space: nowrap;
margin-left: 20px;
text-overflow: ellipsis;
overflow: hidden;
}
.left-cont .cont{
margin-top: 10px;
}
.left-cont .cont .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.left-cont .cont .tit img{
display: block;
}
.left-cont .cont .intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 10px;
background: #fafafa;
padding: 10px 0;
}
.left-cont .cont .intro div{
width: 200px;
margin: 0 auto;
height: auto;
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
}
.left-cont .cont .intro div p{
color:#666666;
font-size: 12px;
float: left;
}
.left-cont .cont .intro div  img{
display: block;
float: left;
margin-right: 10px;
margin-top: 3px;
}
.left-cont .cont .intro div  span{
display: block;
float: left;
width: 130px;
color:#666;
}
.left-cont   .quick{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 15px;
background: #fafafa;
padding-bottom: 15px;
}
.left-cont   .quick ul {
width: 215px;
margin: 0 auto;
height: auto;
overflow: hidden;
}
.left-cont   .quick ul li{
width: 100%;
height: 42px;
border-bottom: 1px solid #cccccc;
line-height: 42px;
}
.left-cont   .quick ul li a{
color:#666666;
font-size: 14px;
}
.right-cont{
float: right;
width: 930px;
height: auto;
overflow: hidden;
}
.title-bar{
width: 100%;
height: auto;
overflow: hidden;
padding-bottom: 5px;
border-bottom: 6px solid #e6e6e6;
}
.title-bar  img{
margin-right: 5px;
margin-top: 2px;
float: left;
}
.title-bar h4{
font-size: 24px;
color:#005bac;
float: left;
}
.title-bar .crumbs{
float: right;
margin-top: 10px;
}
.crumbs p{
font-size: 12px;
color:#333;
float: left;
}
.crumbs  a{
padding-right: 10px;
color:#333;
position: relative;
font-size: 14px;
}
.crumbs  a:after{
content: '>';
font-size: 14px;
position: absolute;
right: -3px;
top: -2px;
color:#333;
}
.crumbs  a:last-child:after{
width: 0;
height: 0;
overflow: hidden;
}
.crumbs  a:last-child{
color:#005bac;
}
.pro-list{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.pro-list .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.pro-list .tit h3{
color:#fff;
font-size: 16px;
width: 122px;
height: 34px;
background: #0f70da;
float: left;
text-align: center;
line-height: 34px;
float: left;
}
.pro-list .tit  a{
display: block;
float: right;
width: 120px;
height: 34px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/more03.png)no-repeat center;
text-indent: 45px;
line-height: 34px;
color:#666666;
font-size: 14px;
}
.pro-list  ul{
margin-left: -15px;
margin-top: 20px;
margin-bottom: 30px;
height: auto;
overflow: hidden;
}
.pro-list  ul li{
float: left;
width: 300px;
margin-left: 15px;
margin-bottom: 15px;
height: auto;
overflow: hidden;
}
.pro-list  ul li img{
display: block;
width: 300px;
height: 238px;
}
.pro-list  ul li  p{
width: 100%;
height: 34px;
background: #015cb5;
line-height: 34px;
color:#fff;
font-size: 16px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pro-intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 25px;
}
.pro-intro .img{
float: left;
width: 406px;
height: auto;
overflow: hidden;
}
.pro-intro .img img{
display: block;
width: 406px;
height: 377px;
}
.pro-intro .data{
float: right;
width: 510px;
height: auto;
overflow: hidden;
border: 1px solid #cccccc;
}
.pro-intro .data   h3{
color:#005bac;
font-size: 24px;
text-indent: center;
width: 100%;
height: 74px;
border-bottom: 1px solid #cccccc;
line-height: 74px;
text-indent: 25px;
}
.pro-intro .data .info{
width: 430px;
height: 160px;
overflow: hidden;
margin-left: 25px;
margin-top: 25px;
}
.pro-intro .data .info p{
color:#000000;
font-size: 16px;
line-height: 34px;
}
.pro-intro .data .tel{
width: 100%;
height: 84px;
border-top: 1px solid #cccccc;
margin-top: 30px;
}
.pro-intro .data .tel img{
display: block;
float: left;
margin-left: 20px;
margin-top: 16px;
}
.pro-intro .data .tel a{
display: block;
float: right;
width: 120px;
height: 35px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/btn.png)no-repeat center;
text-indent: 40px;
margin-right: 24px;
margin-top: 30px;
line-height: 35px;
color:#fff;
font-size: 16px;
}
.pro-intro .intro{
width: 100%;
height: auto;
overflow: hidden;
float: left;
margin-top: 20px;
}
.pro-intro .intro .tit{
width: 100%;
height: 50px;
border-bottom: 1px solid #cccccc;
}
.pro-intro .intro .tit p{
color:#fff;
font-size: 16px;
font-weight: bold;
width: 138px;
height: 34px;
background: #005bac;
text-align: center;
line-height: 34px;
}
.pro-intro .intro .info{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.pro-intro .intro .info p{
color:#000000;
font-size: 16px;
line-height: 30px;	text-indent:2em;	text-align:justify;
}.pro-intro .intro .info img{display:block; margin:10px auto;}
.left-cont .list  ul li{
width: 100%;
height: 50px;
line-height: 50px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/list01.png) no-repeat center;
}
.left-cont .list  ul li a{
color:#333333;
font-size: 14px;
text-indent: 17px;
display: block;
width: 195px;
}
.left-cont .list  .on{
background: url(//www.hblisheng.com/wp-content/themes/pc/images/h02.png) no-repeat center;
}
.left-cont .list  .on a{
color:#005bac;
}
.left-cont .menu{
width: 100%;
height: auto;
overflow: hidden;
}
.left-cont .menu ul li{
width: 100%;
height: 50px;
background: url(//www.hblisheng.com/wp-content/themes/pc/images/list01.png) no-repeat center;
line-height: 50px;
}
.left-cont .menu ul li a{
color:#333333;
font-size: 14px;
margin-left: 18px;
display: block;
width: 180px;
}
.left-cont .menu ul li:hover {
background: url(//www.hblisheng.com/wp-content/themes/pc/images/h01.png) no-repeat center;
}
.cases-list{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.cases-list ul li{
float: left;
width: 100%;
height: auto;
border-bottom: 1px solid #cccccc;
padding-bottom: 20px;
overflow: hidden;
margin-bottom: 20px;
}
.cases-list ul li  img{
width: 245px;
height: 160px;
float: left;
}
.cases-list ul li .intro{
float: right;
width: 655px;
height: auto;
overflow: hidden;
}
.cases-list ul li .intro h4{
width: 100%;
font-size: 18px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: normal;
}
.cases-list ul li .intro p{
font-size: 14px;
color:#666666;
line-height: 22px;
margin-top: 20px;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cases-list ul li .intro a{
display: block;
width:135px;
height:35px;
background: #0176c5;
text-align: center;
line-height:35px;
color:#fff;
font-size: 14px;
border-radius: 30px;
margin-top: 35px;
}
.page{
width: 100%;
height: auto;
overflow: hidden;
margin-top:30px;
float: left;
}
.page  ul{
display: table;
margin: 0 auto;
}
.page  ul li{
border: 1px solid #ccc;
padding: 0 10px;
height: 30px;
border-radius: 3px;
line-height: 30px;
color:#333;
float: left;
margin: 0 5px;
}
.page  ul li a{
color:#333;
}
.page ul  .thisclass{
background: #0f70da;
border: 1px solid #0f70da;
color:#fff;
}
.page  select{
border: none;
background: none;
outline: none;
}
.cont-intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.cont-intro .map{
width: 100%;
height: auto;
overflow: hidden;
}
.cont-intro .map .allmap{
width: 100%;
height: 400px;
border: 4px solid #c9c9c9;
box-sizing: border-box;
}
.cont-intro .intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 30px;
}
.cont-intro .intro ul li{
float: left;
width: 435px;
border-bottom: 1px solid #d2d2d2;
margin-bottom: 25px;
padding-bottom: 15px;
}
.cont-intro .intro ul li:nth-child(2n){
float: right;
}
.cont-intro .intro ul li img{
display: block;
float: left;
}
.cont-intro .intro ul li p{
color:#333333;
font-size: 18px;
margin-left: 18px;
line-height: 66px;
float: left;
}
.cont-intro .intro ul li:last-child{
width: 100%;
}
.about-intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.about-intro p{
color:#666666;
font-size: 14px;
line-height: 30px;		text-indent:2em;		text-align:justify;
}
.honor-list{
width: 100%;
height: auto;
overflow: hidden;
min-height: 700px;
margin-top: 20px;
}
.honor-list ul li:nth-child(3n-2){
margin-left: 0;
}
.honor-list ul li{
float: left;
width: 300px;
height: auto;
margin-left: 15px;
margin-bottom: 10px;
overflow: hidden;
}
.honor-list ul li img{
display: block;
width: 300px;
border: 1px solid #e6e6e6;
box-sizing: border-box;
height: 208px;
}
.honor-list ul li p{
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
color:#333333;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news-list{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.news-list ul li{
width: 100%;
height: 95px;
background: #eeeeee;
margin-bottom: 20px;
}
.news-list ul li .time{
float: left;
width: 95px;
height: 95px;
background: #999999;
float: left;
}
.news-list ul li .time b{
color:#ffffff;
font-size: 45px;
text-align: center;
margin-top: 5px;
display: block;
}
.news-list ul li .time span{
display: block;
color:#fff;
font-size: 16px;
text-align: center;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: -5px;
}
.news-list ul li:hover .time{
background: #0176c5;
}
.news-list ul li:hover  .intro p{
color:#0176c5;
}
.news-list ul li .intro{
width: 800px;
height: auto;
overflow: hidden;
float: right;
margin-right: 15px;
margin-top: 10px;
}
.news-list ul li  p{
color:#1a1a1a;
font-size: 16px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.news-list ul li  span{
display: block;
color:#666666;
font-size: 14px;
line-height: 22px;
margin-top: 7px;
}
.mssg-intro{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.mssg-intro .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.mssg-intro .tit p{
color:#333333;
font-size: 18px;
float: left;
line-height: 30px;
}
.mssg-intro .tit  span{
display: block;
color:#999999;
font-size: 12px;
margin-left: 10px;
float: left;
line-height: 30px;
}
.mssg-intro form{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.mssg-intro form ul li{
width: 100%;
height: auto;
margin-bottom: 20px;
}
.mssg-intro form ul li p{
color:#333333;
font-size: 18px;
float: left;
}
.mssg-intro form ul li input{
width: 473px;
height: 50px;
outline: none;
font-family: '微软雅黑';
text-indent: 5px;
border: 1px solid #c9c9c9;
box-sizing: border-box;
}
.mssg-intro form ul li textarea{
width: 800px;
height: 170px;
padding-top: 10px;
border: 1px solid #c9c9c9;
box-sizing: border-box;
resize: none;
outline: none;
font-family: '微软雅黑';
text-indent: 5px;
outline: none;
}
.mssg-intro form  .btn{
margin-left:90px;
}
.mssg-intro form  .btn input{
width: 140px;
height: 40px;
float: left;
border: none;
background: #0176c5;
font-size: 18px;
outline: none;
color:#fff;
font-family: '微软雅黑';
}
.mssg-intro form  .btn input:last-child{
margin-left: 35px;
background: #999999;
}
.article-intro{
width: 100%;
height: auto;
margin-top: 30px;
overflow: hidden;
}
.article-intro .tit{
width: 100%;
height: auto;
overflow: hidden;
}
.article-intro .tit h3{
font-size: 18px;
text-align: center;
color:#333;
border-bottom: 1px dashed #eee;
padding-bottom: 10px;
}
.article-intro .tit span{
display: block;
color:#666;
text-align: center;
margin-top: 5px;
}
.article-intro .info{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 20px;
}
.article-intro .info p{
color:#333;
font-size: 16px;
line-height: 30px;
}
.article-intro .info  img{
display: block;
margin: 0 auto;
max-width: 100%;
}