@charset "utf-8";

/*通用样式*/

*{ margin:0px; padding:0px;}
body{font-family:"微软雅黑","黑体"!important;outline-style:none;}
a{font-size:14px; text-decoration:none; color:#5e5e5e; cursor:pointer; outline:none;blr:expression(this.onFocus=this.blur()); }

#dhang{
	width:1200px;
	margin:auto;
}
/*#logo{background:url(../images/bg.jpg) repeat-x}*/
.logos{width:1200px; margin:0 auto; height:70px; background:url(../images/top.gif): no-repeat center center;}
.kong1{height: 20px;}
/*导航栏*/
.nav{width:100%;height: 50px;margin: auto;}
.nav_items{height: 100%;text-align:center;background-color:#000;}
.nav_item{display: block;height: 50px;float: left;margin: 0; width:150px;}
.nav_text{font-size: 16px;color: #fff;line-height: 50px; vertical-align:middle;}
.nav_textspan{line-height:50px; vertical-align:middle;font-size: 16px;}
.nav_text:hover{background-color:#454444; color:#F30; width:150px;height:50px;cursor:pointer;}
.now{color:#f30; background-color:#454444; width:150px;height:50px;cursor:pointer;}
/*解决方案*/
.kong{height:20px;}
.plan{width: 1200px;margin: auto;display: flex;}
.plan_word{font-size: 26px;color:#008bcc;text-align: center;margin:-20px auto;}
.product_content_content{width: 1200px;height: auto;margin: auto;}
.plan_text{font-size: 16px;color: #004e72;letter-spacing:1px;}


.productShow{height:250px;width:100%;float: left;list-style:none;}
/*.productShow:hover img{transform:scale(1.1,1.1);cursor:pointer;background-color: #000;}*/
.productShow img{width:100%;height:100%;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;}


.a{
  float: left;
}

.title{
  font-size: 20px;
  color:#004e72;
}
.content{
  font-size: 14px;
  color:#5a5a5a;
  margin-top:8px;
  text-align:left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;

}

.productShow:hover .contentBox{
  cursor:pointer;
  background-color: #95cdf5;
}
.productShow:hover .title{
  color:#008bcc;
}
.productShow:hover .content{
  cursor:pointer;
  color:#fff;
}

.contentBox{
  height: 73px;
  margin-left: 20px;
  width: 708px;
  padding: 70px 60px;
}


.lay{
	width:321px;
	height:230px;
	margin-top:-254px;
	margin-left:20px;
	position:absolute;
	opacity:0;
	z-index:500;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;}
 #plan_all:hover .lay{opacity:1;cursor:pointer;}
.lay_text{text-align:center;font-size:14px;padding:90px 40px;color:#FFFFFF;}
.plan_border{height:1px;width:100%;background-color: #c6c6c6;margin-top: 5px;
-moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  transition:all 1s ease;}
#plan_all:hover .plan_border{background-color: #004e72;}

.number{ width:140px; height:80px; margin:0 auto;}
.nb-1{ font-size:16px; background-color:#004e72; padding:4px 10px; text-align:center; color:#FFFFFF;}
.nb-2{ font-size:16px;padding:4px 10px; text-align:center;}
.nb-3{ font-size:16px;padding:4px 10px; text-align:center;}
.nb-4{font-size:16px;padding:4px 10px; text-align:center;}
.nb-4:hover{ border:1px solid #004e72; cursor:pointer;}
.nb-2:hover{ border:1px solid #004e72; cursor:pointer;}
.nb-2:hover{ border:1px solid #004e72; cursor:pointer;}
.nb-1:hover{ border:1px solid #004e72; cursor:pointer;}
.footer-bottom{background:#F3F3F3; color:#666;text-align:center; border-top:1px #999999 solid; height:50px; line-height:50px;font-size:14px;}