@charset "utf-8";
/* CSS Document */




/*产品*/
.neiproduct{ overflow:hidden;}
.neiproduct ul{ overflow:hidden;}
.neiproduct ul li{ float:left; width: 31%;
    margin: 14px 1%;    border: solid 1px #ececec;}
.neiproduct ul li img{/* width:100%;*/}

.backpro{ position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;}	
.backpro p{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.5rem 0;}	
.backpro p::before{content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}	
.backpro p::after{content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;}
.neiproduct li:hover .backpro p::before,.neiproduct li:hover .backpro p::after{width: 1rem;}		
.neiproduct li:hover .backpro{ opacity:1;}	
.neiproduct li:hover .backpro{ opacity:1;}
	
.ingpro{padding: 0px 10px;border-bottom: solid 1px #ececec; position:relative; overflow:hidden; text-align:center; height:210px;}
.ingpro img{margin: 5px 0px;padding: 0;-webkit-font-smoothing: antialiased; max-height:200px;/* width:100%;*/
  -moz-osx-font-smoothing: grayscale;
  transition:transform 0.5s;transition:all 0.3s linear 0s;}
.neiproduct li:hover img{ transform:scale(1.06);}
.pro-title{ padding:0px 20px; overflow:hidden; position:relative;}
.pro-title:after{content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 0;
    height: 100%;
    background-color: #44b5f3; opacity:0.6;
    z-index: -1;
    transition: all 0.5s ease;}
.pro-title:hover::after {
    width: 100%;}	
.pro-title:hover,.proi li:hover .pro-title{background-color:#44b5f3;
    transition: all 0.5s ease;}	
.pro-title h3{ float:left; font-size:15px; font-family:Arial; margin:12px 0px; font-weight:300; color:#222;width:auto;
    overflow: hidden; height: 20px;}
.pro-titleimg{ float:right; margin:18px 0px; background:url(../images/Fill2.png) no-repeat right; width:26px; height:8px;}
.pro-title:hover h3,.proi li:hover .pro-title h3{ color:#fff;}
.pro-title:hover .pro-titleimg,.proi li:hover .pro-titleimg{ background:url(../images/write.png) no-repeat right;}


/*proshow*/
.proleft_t,.proleft ul,.proleft{ overflow:hidden;}
.proleft_t {
    width: 100%;
    float: left;margin-bottom: 50px;}
.prol_top{ background: #3cace9 url(../images/tuijian.png) no-repeat 20px 12px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
    padding: 10px 50px;}
.prolefta ul li{ float:left;     width: 24%;
    margin: 10px 0.3%;   border: solid 1px #ececec;}
.prolefta ul li img{ width: 100%;
    height: 100%;}
.prolefta li:hover .backpro p::before,.proleft li:hover .backpro p::after{width: 1rem;}		
.prolefta li:hover .backpro{ opacity:1;}	
.prolefta li:hover img{ transform:scale(1.06);}
.proshow{ overflow:hidden; width:100%;}
.proright_right img{ margin:0px auto 20px; max-width:65%;}
.proright_right h1{ text-align:center; font-size:18px;  margin-bottom:10px;}
.proright_right div{ text-align:center; font-size:12px; color:#CCC; margin-bottom:10px;}
.procontent{overflow: hidden;
    padding:0px 20px;
    line-height: 24px;
    font-size: 13px; /*min-height:400px;*/}
.yepianshu{ overflow:hidden; margin:30px auto 0px; width:95%; font-size:14px;}	
.shangyip{ float:left; width:50%; text-align:left;}	
.yepianshu a{ color:#222; margin-left:5px;}
.yepianshu a:hover{ color:#096ac2;}
.xiayip{ float:left; width:50%; text-align:right;}

/*new*/
.neinews .new{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.neinews .new li{ width:100%;
	cursor: pointer;
	float: left;
	margin-bottom: 5px;
}
.neinews .new li a{
	float: left;
	width: 100%;
}
.neinews .new .newimg{
	width: 250px;
	margin:27px;
	overflow: hidden;
}
.neinews .new .newimg img{
	width: 100%;	
	transition:transform 1.1s;
}
.neinews .new .newimg:hover img{
	transform:scale(1.1);
	transition:transform  1.1s;
}
.neinews .newlist{
	width: 96%;
	margin:10px;
}
.neinews .newlist h2{
	font-size:16px;
	color: #333;
	line-height: 26px;
	overflow: hidden;
	margin:15px 0 10px;
}
.neinews .newlist p{
	font-size:14px;
	color: #777;
	line-height:26px;
}
.neinews .newlist span{
	display: block;
	color: #777;
	font-size: 14px;
	line-height: 52px;
}
.neinews .newlistimg{
	width: 52px;
	height: 52px;
	background:url('../images/img1.png') no-repeat center; 
} 
.neinews .new li:hover .newlistimg{
	background: url('../images/img2.png') no-repeat center;
}
.neinews .mut{     
	width: 0;     
	height: 2px;     
	background:#e30009;    
	bottom: 0px; 
	position: absolute;
	left: 0;
	transition:width  1.1s;

}	
.neinews .new li:hover .mut{
	width: 100%;
	transition:width  1.1s;
}
.por {
  position: relative;
}
.f-cb {
  zoom: 1;
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}


/*页码*/
.scott { padding: 16px; margin: 3px; text-align: center; margin-top:25px;}
.scott a { border:#ddd 1px solid; padding:5px 10px 5px 10px; color:#666; margin-right:2px; text-decoration:none; font-size:14px;}
.scott a:hover {border: #333 1px solid; background-color: #333; color:#fff;}
.scott a:active {
	 border: #333 1px solid;background-color: #999; color:#fff;}
.scott span.current {border:#000 1px solid;padding:5px 10px 5px 10px; 
     font-weight: bold; color: #fff; margin-right: 2px;background-color: #333;}
.scott span.disabled {border: #f3f3f3 1px solid; padding:2px 5px 2px 5px; 
     color: #ccc; margin-right: 2px; }