@charset "utf-8";
/* css document */
body,h1,h2,h3,h4,h5,p,a,img,input,div,ul,li{
	padding:0;
	margin:0;
	font-family:'微软雅黑';}
	li{ list-style:none}
	a{ text-decoration:none;}
/*海报*/

.contact_us .about_text{
	line-height: 24px;
	margin: 10px 0;
	width: 406px;
	text-indent: 2em;
}
.news .news_list{
	line-height: 24px;
	margin: 10px 0;
	width: 450px;
	float:right;

}

.contact_us>.about_text>div{
	text-indent: 0;
}
.contact_us>.about_text>div>p{
	font-size:16px;
	line-height:24px;
	display: inline-block;
	text-indent:0;
	width: 330px;
}
.contact_us>.about_text>div>span{
	vertical-align:top;
	text-indent:0;
}
.news_list{
	margin-top: 10px;
}
.news_list>li{
	line-height: 40px;
	border-bottom:1px dotted #aaa;
}
.news_list>li>a{
	color: #000;
}

.news_list>li>a:hover{
	color: #1d77cf;
}
/*关于我们开始*/
.about{
	width:100%;
	overflow:hidden;
}
.about .container .video{
	width:50%;
	float:left;
}
.about .container .about_content{
	width:50%;
	float: left;
	text-indent: 2em;
	line-height:30px;
	text-align: justify;
}
.about .container .more{
	float: left;
}
/*成功案例开始*/
.case .container ul{
	width:1228px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
}
.case .container ul li{
	position:relative;
	margin-bottom:30px;
	margin-right: 27px;
	background:#eee;
	width:382px;
	border-radius: 3px;
}
.case .container ul li a{
	display: block;}
.case .container ul li a img{
	opacity:.9;
	display: block;
	width:382px;height:255px;border-radius:3px 3px 0 0;
}
.case .container ul li:hover img{
	opacity:1;
}
.case .container .list li>a{
font-size: 15px;line-height: 46px;text-align: center;color: #666;
}
.case .container .list li>a .mask{
	width:382px;height:255px;
	position:absolute;
	left:1px;
	top:1px;
	background:  repeat ;
	display:none;
}
.case .container .list li>a .mask p{
	width: 132px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: url(/uploads/image/phimg/jux.png) no-repeat;
	font-size: 21px;
	color: #f3f3f3;
	position: absolute;
	top:110px;
	left:116px;
}
.case .container .list li>a:hover .mask{
	display:block;
}
.case .container ul li:hover{
	background: #fff;
	transform: scale(1.11);
    z-index: 99;
    transition: all .5s ease;
    box-shadow: 0 3px 20px 0 rgba(26,26,26,.15);
}


/*成功案例结束*/
/*--产品中心--*/
.product .container ul{
	width:1228px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
}
.product .container ul li{
	position:relative;
	margin-bottom:30px;
	margin-right: 27px;
	background:#eee;
	width:280px;
	border-radius: 3px;
}
.product .container ul li a{
	display: block;}
.product .container ul li a img{
	opacity:.9;
	display: block;
	width:280px;height:280px;border-radius:3px 3px 0 0;
}
.product .container ul li:hover img{
	opacity:1;
}
.product .container .list li>a{
font-size: 15px;line-height: 46px;text-align: center;color: #666;
}
.product .container .list li>a .mask{
	width: 280px;
	height: 280px;
	position:absolute;
	left:1px;
	top:1px;
	background:  no-repeat ;
	display:none;
}
.product .container .list li>a .mask p{
	width: 132px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: url(/uploads/image/phimg/jux.png) no-repeat;
	font-size: 21px;
	color: #f3f3f3;
	position: absolute;
	top:130px;
	left:70px;
}
.product .container .list li>a:hover .mask{
	display:block;
}
.product .container ul li:hover{
	background: #fff;
	transform: scale(1.11);
    z-index: 99;
    transition: all .5s ease;
    box-shadow: 0 3px 20px 0 rgba(26,26,26,.15);
}

/*--新闻中心--*/
.news .container ul.news_l{
	float: left;
	width: 590px;
}
.news .container ul.news_r{
	float: right;
	width: 590px;
}
.news .container ul.news_l>li,.news .container ul.news_r>li{
	float: left;
	width: 580px;
	padding:5px;
	margin-bottom: 20px;
	background: rgba(0,0,0,0.3);
	border-radius: 3px;
}
.news .container ul.news_l>li>a,.news .container ul.news_r>li>a{
	color:#eee;
}
.news .container ul.news_l>li>a>img,.news .container ul.news_r>li>a>img{
	float: left;
	width:180px;
	height:120px; 
	opacity: 0.9;
}
.news .container ul.news_l>li>a>.news_mian,.news .container ul.news_r>li>a>.news_mian{
	float: right;
	width: 380px;
	margin-right: 5px;
}
ul.news_l>li>a>.news_mian>.news_tit,ul.news_r>li>a>.news_mian>.news_tit{
	width: 100%;
	font-weight: bold;
}
ul.news_l>li>a>.news_mian>.news_text,ul.news_r>li>a>.news_mian>.news_text{
	width: 100%;
	height: 85px;
	font-size: 14px;
	line-height: 1.65;
	text-align: justify;
	margin-top: 5px;
}
ul.news_l>li>a>.news_mian>.news_time,ul.news_r>li>a>.news_mian>.news_time{
	float: right;
	font-size: 13px;
	margin-top: -13px;
}
.news .container ul.news_l>li:hover,.news .container ul.news_r>li:hover{
	background: rgba(255,255,255,0.9);
	transform: scale(1.08);
    z-index: 99;
    transition: all .5s ease;
    box-shadow: 0 3px 20px 0 rgba(26,26,26,.15);
}
.news .container ul.news_l>li:hover>a,.news .container ul.news_r>li:hover>a{color:#666;}
.news .container ul.news_l>li:hover>a .news_tit,.news .container ul.news_r>li:hover>a .news_tit{color: #1b9fe0;}
.news .container ul.news_l>li:hover>a>img,.news .container ul.news_r>li:hover>a>img{
	opacity: 1;
}
.cooperation .container ul{width: 100%;}
.cooperation .container ul li{
	width: 149px;
	height: 100px;
	float: left;
	border: 1px solid #ccc;
	margin: -1px 0 0 -1px;
}
.cooperation .container ul li img{
	opacity: 0.8;
	width:100%;
	height: 100px;
}
.cooperation .container ul li:hover img{
	opacity: 1;
	transform: scale(0.95);
    z-index: 99;
    transition: all .5s ease;
}