@CHARSET "UTF-8";
@import "init.css";
body{font-family:myFirstFont;}
.nav-header{
	margin:0 auto;
	max-width:1920px;
	min-width:1080px;
font-family:mySecondFont;
	height:721px;
 	background: url(../images/product_service.jpg) no-repeat scroll center 0;
}
.productservice{
	margin:0 auto;
	max-width:1920px;
	min-width:1080px;
	height:700px;
	/* border:1px solid red; */
}
.productservice .product{
	width:1080px;
	height:700px;
	/* border:1px solid blue; */
	margin:0 auto;
}
.productservice .product .img{
	width:380px;
	height:208px;
	/* border:1px solid blue; */
	background:url(../images/product_service_nb.png) no-repeat scroll center 0;
	margin:50px auto;
}
.productservice .product .service{
	width:400px;
	height:100px;
	/* border:1px solid blue; */
	margin:20px auto;
	
}
.productservice .product .service h1{
	text-align:center;
	font-weight:blod;
	margin:10px auto;
}
.productservice .product .service p{
	text-align:center;
	font-size:14px;
	color:#666;
	margin:5px auto;
}

.productservice .product .cases{
	width:1080px;
	height:190px;
	/* border:1px solid blue; */
	margin:40px auto;
}
.productservice .product .cases a {
text-decoration:none;
out-line: none;
color:#000;
}
.productservice .product .cases .case{
	width:190px;
	height:190px;
	background:url(../images/0000.png);
	/* background:url(../images/product_service_icon.png) no-repeat 0px 0px; */
	/* border:1px solid blue; */
	margin:0 13px;
	text-align:center;
	float:left;
}
.productservice .product .cases .case:hover{
	background:#1794d1;
}
.productservice .product .cases .case .icon1{
	width:56px;
	height:56px;
	border-radius:28px;
	border:1px solid #1794d1;
	background:#1794d1;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -10px -503px;
}
.productservice .product .cases .case:hover .icon1 {
	width:56px;
	height:56px;
	border-radius:28px;
	border:2px solid #ffffff;
	background:#ffffff;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -10px -447px;
}
.productservice .product .cases .case .icon2{
	width:56px;
	height:56px;
	border-radius:28px;
	border:1px solid #1794d1;
	background:#1794d1;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -64px -503px;
}
.productservice .product .cases .case:hover .icon2 {
	width:56px;
	height:56px;
	border-radius:28px;
	border:2px solid #ffffff;
	background:#ffffff;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -64px -447px;
}
.productservice .product .cases .case .icon3{
	width:56px;
	height:56px;
	border-radius:28px;
	border:1px solid #1794d1;
	background:#1794d1;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -119px -503px;
}
.productservice .product .cases .case:hover .icon3 {
	width:56px;
	height:56px;
	border-radius:28px;
	border:2px solid #ffffff;
	background:#ffffff;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -119px -447px;
}
.productservice .product .cases .case .icon4{
	width:56px;
	height:56px;
	border-radius:28px;
	border:1px solid #1794d1;
	background:#1794d1;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -173px -503px;
}
.productservice .product .cases .case:hover .icon4 {
	width:56px;
	height:56px;
	border-radius:28px;
	border:2px solid #ffffff;
	background:#ffffff;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -173px -447px;
}
.productservice .product .cases .case .icon5{
	width:56px;
	height:56px;
	border-radius:28px;
	border:1px solid #1794d1;
	background:#1794d1;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -228px -503px;
}
.productservice .product .cases .case:hover .icon5 {
	width:56px;
	height:56px;
	border-radius:28px;
	border:2px solid #ffffff;
	background:#ffffff;
	margin:25px auto;
	background: url(../images/new-icon.png) no-repeat -228px -447px;
}
.productservice .product .cases .case span{
	margin:15px auto;
	/* font-weight:bold; */
}
.productservice .product .cases .case:hover span{
	color:#fff;
}
.productservice .product .cases .case p{
	margin:15px auto;
	font-size:12px;
	color:#646464;
}
.productservice .product .cases .case:hover p{
	color:#fff;
}