*{margin:0; padding: 0;}
img{border:0 none; vertical-align: middle;margin:0; padding:0; border:0; list-style-type:none; font-weight:normal;}
ul,li,dt,dd,dl,a,a:hover,img,input,textarea,button,p,h1,h2,h3,h4{margin:0; padding:0; border:0; list-style-type:none; font-weight:normal;list-style:none;outline:none;}
a{ text-decoration:none;display:block;cursor:pointer; }
body{font-family: '微软雅黑';}


.top{width:100%;position: relative; }
.top>.nav{width:1200px; margin: auto;}
.top>.nav>.jz{width:100%; background:url(../images/navigationbg.fw.png); height: 88px;}
.top>.nav>.jz>.logo{width:299px; height: 88px; float: left;}
.top>.nav>.jz>.logo>img{ max-width: 100%;}
.top>.nav>.jz>.meiyig{ margin-left:87px; width:782px; float: left; }
.top>.nav>.jz>.meiyig>ul>li{ float: left; width: 60px; height:44px; margin:40px 20px 0px 20px}
.top>.nav>.jz>.meiyig>ul>li>a{ font-family:"微软雅黑"; font-size: 14px; color: #fff;}
.top>.nav>.jz>.meiyig>ul>li:hover{ border-bottom: 4px solid #DB231B}
.top>.nav>.jz>.meiyig>ul>.dd{ border-bottom: 4px solid #DB231B}

.top>.banner{width:100%; height:470px; overflow: hidden; }/*宽度给100%*/
.top>.banner>.bd{ width:100%; position: absolute;  top:0px; z-index: -1;}/*宽度给100%*/
.top>.banner>.bd img{ width:100%;}   /*图片给100%*/
.top>.xian{border-bottom:4px solid #DB231B; width: 100%; position: absolute;bottom: 0px;}


.bg{
	width: 100%;
	background-image: url(../images/BG.jpg);	
}  /*首页用*/





.top .indexbanner{
	width: 100%;
	
}

.top .indexbanner .dw{
	 width:100%; 
	
	 }/*宽度给100%*/
	
.top .indexbanner .dw img{
	width:100%;
	}   /*图片给100%*/


/*f服务范围*/

.fuwu{
	}



.fuwu li:hover span{
	display: block;
}

.fuwu li span{
	display: none;
	width: 16px;
	height: 9px;
	background: url(../images/xiasanjiao.fw.png);
	margin: auto;
	margin-top: 16px;
}

.fuwu li .moren{
	display: block;
}

.fuwuneirong{
	width: 1200px;
	height: auto;
	margin:auto;
	margin-bottom: 130px;
}


/*案例*/
.anli{
	width: 100%;
	height:600px;
	background-color: #323232;
	position: relative;
}

.anli .ultext{
	width: 1200px;
	height: 600px;
	background-color: red;
	margin: auto;
}

.anli .ultext li{
	float: left;
	display: inline-block;
	width: 25%;
	height: 50%;
	position: relative;
}


/*左边标题区*/

.anli .ultext .left{
	height: 600px;
	position: relative;
	width:25%;
}

.anli .ultext .left .anlibiaoti{
	height: 710px;
	width: 300px;
	background:#B20000 url(../images/anli3.fw.png) no-repeat 20px 80px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.anli .ultext .left .anlibiaoti i{
	display: block;
	width: 42px;
	height: 4px;
	background-color: #fff;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-top: 60px;
}

.anli .ultext .left .anlibiaoti .dabiaoti{
	font-size: 40px;
	line-height: 54px;
	padding-left: 20px;
	color:#fff;
}	

.anli .ultext .left .anlibiaoti .xiaobiaoti{
	display:block;
	color:#fff;
	font-size: 22px;
	padding-left: 20px;
}

.anli .ultext .left .anlibiaoti span{
	display: block;
	width: 160px;
	height: 42px;
	background: url(../images/anli4.fw.png);
	margin: auto;
	margin-top: 462px;
}

/*图片*/

.anli .ultext li .tupian{
	width: 300px;
	height: 300px;
	transition-duration:0.7s;
}

/*文字区*/

.anli .ultext li .wenzi{
	display:block;
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0px;
	left: 0px;

	background:url(../images/anli2.fw.png);
    
}

/*经过图片放大*/

.anli .ultext li:hover .tupian{
	width: 350px;
	height: 350px;
	margin-left: -50px;
	margin-top: -50px;
	
	transition-duration:0.7s;
	


}




/*
@keyframes myfirst{
	from {	margin-left: 0px;
	margin-top: 0px;}
	to {	margin-left: -50px;
	margin-top: -50px;}

}
*/




/*隐藏*/
/*
.anli .ultext li:hover .wenzi{
	display: none;

	
}  
*/

/*文字内容*/

.anli .ultext li .wenzi b{
	display: block;
	font-size: 22px;
	color: #fff;
	text-align: center;
	padding-top: 100px; 
	transition-duration:0.7s;
}

.anli .ultext li .wenzi span{
	display: block;
	width: 38px;
	height: 3px;
	background-color: #fff;
	margin: auto;
	margin-top: 18px;
	margin-bottom: 100px;
	transition-duration:0.7s;
}

.anli .ultext li .wenzi i{
	display: block;
	width: 38px;
	height: 32px;
	margin: auto;
	background-position:center;
	transition-duration:0.7s;
}

/*在线下的内容*/
.xianbg{

}

/*新闻头部*/
.newtop{
	width: 1200px;
	margin: auto;
	margin-top: 90px;
	overflow: hidden;
}

.newtop .newtopneirong{
	text-align: right;
	float: right;
}

.newtop .newtopneirong .dabiaoti{
	font-size: 40px;
	line-height: 54px;
	padding-left: 20px;
	color:#000000;
	font-family:'微软雅黑'
}

.newtop .newtopneirong .xiaobiaoti{
	display:block;
	color:#A4A4A4;
	font-size: 22px;
	padding-left: 20px;
	font-family:'微软雅黑';
}

.newtop .newtopneirong i{
	display: block;
	width: 42px;
	height: 4px;
	background-color: #DA251E;
	float: right;
	margin-top: 10px;
}

/*新闻排列*/
.new{
	width: 1200px;
	height: 380px;
	margin: auto;
	padding-top: 150px;
}

.new .xx{
	clear: both;
}

.new{
	width: 100%;
	height: auto;
}

.new  li{
	width: 25%;
	float:left;
	display: inline-block;
}


.new  li .tupian{
	width: 298px;
	height: 300px;
	overflow: hidden;
	margin-left: 1px;
		transition-duration:0.5s;
}

.new  li a:hover{

    -webkit-tap-highlight-color: transparent;

}

.new li .text{
	width: 268px;
	margin-left: 1px;
    text-align: left;
    padding:0 15px;
	height: 80px;
	position: relative;
		transition-duration:0.5s;
}

.new  li .text b{
	display: block;
	font-size: 18px;
	color: #444444;
	margin-bottom: 4px;
	padding-top: 20px;
	line-height: 30px;
	font-family:'微软雅黑';
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
		transition-duration:0.5s;
}

.new li .text i{
	display: block;
	font-style: normal;
	font-size: 14px;
	font-family:'微软雅黑';
	color:#444444;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
		transition-duration:0.5s;
}

.new li .text p{
	font-size: 14px;
	width: 80%;
	margin: auto;
	color: red;
	display: -webkit-box;
   	-webkit-box-orient: vertical;
   	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 50px;
	display: none;
	font-family:'微软雅黑';
		transition-duration:0.5s;
}

.new li .text span{
	display: block;
	width: 80px;
	height: 5px;
	background:url(../images/xinwen01.fw.png) no-repeat center center; 
	position: absolute;
	left: 50%;
	margin-left: -40px;
	bottom: 30px;
	display: none;
		transition-duration:0.5s;
}

/*经过效果*/

.new li:hover .tupian{
	margin-top: -130px;
	overflow: hidden;
		transition-duration:0.5s;
}

.new li:hover .text{
	color: #fff;
	height: 300px;
	background-color: #DA251E;
		transition-duration:0.5s;

}

.new li:hover .text b{
	color: #fff;
	padding-top: 30px;
	margin-top: -90px;
		transition-duration:0.5s;
}

.new li:hover .text i{
	color: #fff;
		transition-duration:0.5s;
}

.new  li:hover .text p{
	color: #fff;
	display: -webkit-box;
		transition-duration:0.5s;
}

.new  li:hover .text span{
	display: block;
		transition-duration:0.5s;
}


/*新闻切换按钮*/    

.newbutton{
	width: 200px;
	height: 5px;
	margin: auto;
	margin-top: 80px;
}

.newbutton span{
	width: 42px;
	height: 5px;
	display: block;
	background-color:#323232;
	float: left;
	margin-left:18px;
}

.newbutton span:hover{
	background-color:#DA251E;
	}

.newbutton .moren{
	background-color: #DA251E;
}

/*关于我们*/
.guanyuwom{
	width: 800px;
	height: auto;
	margin-top: 130px;
	position: relative;
}

.guanyuwom .img{
	width: 440px;
	height: 440px;
	padding-left: 30px;
}

.guanyuwom .text{
	position: absolute;
	bottom: 0px;
	left: 330px;
	width: 440px;
	height: 350px;
	background-color:#fff;
	background-image: url(../images/guanyuwom2.fw.png);
	background-repeat: no-repeat;
	background-position: 370px 20px;
	padding-top: 30px;
	padding-left: 50px;
}

.guanyuwom .text img{
	width: 98px;
	height: 10px;
}

.guanyuwom .text b{
	display: block;
	font-size: 40px;
	color:#000000;
	padding-top: 30px;
	margin-bottom: 40px;
	font-family:'微软雅黑';
}

.guanyuwom .text b span{
	color: #D6D6D6; 
	font-size: 22px;
	font-family:'微软雅黑';
}

.guanyuwom .text p{
	padding-right: 50px;
	font-size: 14px;
	line-height: 24px;
	font-family:'微软雅黑';
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
	*/

.guanyuwom .text i{
	display: block;
	width: 160px;
	height: 42px;
	background-image: url(../images/gaunyuwom3.fw.png);
	margin-left: 120px;
	margin-top: 40px;
}