@charset "utf-8";

/*mod-slider*/
.mod-slider, .mod-slider .bd, .mod-slider .bd li, .mod-slider .bd li a{
	width:100%; height:360px; overflow:hidden;}
.mod-slider{
	position:relative; z-index:1;}
.mod-slider .w{
	position:relative; z-index:2;}
.mod-slider .prev, .mod-slider .next{
	width:41px; height:69px; position:absolute; top:145px; z-index:3;
	background:url(../Images/icon_slider.png) no-repeat;}
.mod-slider .prev{
	left:0;
	background-position:-84px center;}
.mod-slider .next{
	right:0;
	background-position:-125px center;}
.mod-slider .prev:hover, .mod-slider .next:hover{
	filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
.mod-slider .prev:hover{
	background-position:0 center;}
.mod-slider .next:hover{
	background-position:-43px center;}
.mod-slider .hd{
	width:100%; height:14px; text-align:center; position:absolute; bottom:12px; left:0; z-index:3;}
.mod-slider .hd span{
	width:14px; height:14px; margin:0 3px; display:inline-block; overflow:hidden; cursor:pointer;
	background:#fff;
    border-radius:        100%;
    -moz-border-radius:   100%;
	-webkit-border-radius:100%;
}
.mod-slider .hd span.on{
	background:#009bef;}
.mod-slider .bd{
	position:absolute; top:0; left:0;}
.mod-slider .bd li{
	background-repeat:no-repeat; background-position:center;}
.mod-slider .bd li a{
	height:100%; display:block;}

/*mod-scrollmenu*/
.mod-scrollmenu{
	width:100%; height:40px;
	background:#009bef;}
.mod-scrollmenu li{
	float:left; width:165px; height:40px; font-size:14px; line-height:40px; color:#fff; text-align:center; cursor:pointer; border-right:1px solid #009bef;
	background:#0081d4;}
.mod-scrollmenu li.last{
	width:166px; border:none;}

/*mod-product*/
.mod-product, .mod-solutions{
	padding:30px 0;}
.mod-product .hd, .mod-solutions .hd{
	padding-bottom:28px; text-align:center;}
.mod-product .hd h2, .mod-solutions .hd h2{
	font-size:36px; line-height:56px;}
.mod-product .hd h3, .mod-solutions .hd h3{
	font-size:14px; font-weight:normal;}
.mod-product .bd, .mod-solutions .bd{
	overflow:hidden;}
.mod-product .inner, .mod-solutions .inner{
	width:1016px; text-align:center;}
.mod-product .item{
	width:234px; height:134px; margin-right:20px; margin-bottom:20px; display:inline-block; cursor:pointer; overflow:hidden;
	background:#009bef;}
.mod-product .item .title{
	width:100%; height:70px; padding-top:10px; font-size:22px; line-height:70px; color:#fff; text-align:center; display:block; overflow:hidden;}
.mod-product .item .desc{
	height:36px; padding:9px 25px 9px 9px; font-size:14px; line-height:18px; color:#fff; text-align:left; display:block; overflow:hidden;
	background:url(../Images/icon_product.png) no-repeat 214px 20px #005bac;}
.mod-product .item .desc p{
	height:100%; display:block; overflow:hidden;}
.mod-product .item:hover .desc{
	color:#009bef;
	background-image:url(../Images/icon_product_on.png);}

/*mod-bg*/
.mod-bg{
	background:#f8f8f8;}
	
/*mod-solutions*/
.mod-solutions .item{
	width:234px; height:163px; margin-right:20px; margin-bottom:20px; display:inline-block; cursor:pointer; overflow:hidden;}
.mod-solutions .item .image{
	width:100%; height:134px; display:block; overflow:hidden;
	background:#009bef;}
.mod-solutions .item .image td{
	width:234px; height:134px; text-align:center; vertical-align:middle;}
.mod-solutions .item .image img{
	max-width:100%; max-height:100%;}
.mod-solutions .item .title{
	width:100%; height:1em; margin-top:15px; font-size:14px; line-height:1; display:block; overflow:hidden;}
.mod-solutions .item:hover .image{
	background:#105ea9;}

.mod-solutions2 .item .image{
	background:#1fb9ef;}
.mod-solutions2 .item:hover .image{
	background:#009bef;}

/*mod-news*/
.mod-news .hd, .mod-case .hd{
	height:270px; overflow:hidden; position:relative;}
.mod-news .hd{
	background:url(../Images/bar_news.jpg) no-repeat center;}
.mod-news .hd h2, .mod-news .hd h3, .mod-case .hd h2, .mod-case .hd h3{
	display:none;}
.mod-news .hd .tab{
	width:100%; height:40px; text-align:center; position:absolute; bottom:0;}
.mod-news .hd span{
	height:40px; padding:0 30px; margin-left:1px; font-size:14px; line-height:40px; color:#fff; cursor:pointer; display:inline-block;
	background:#009bef;}
.mod-news .hd span.on{
	color:#005bac;
	background:#fff;}
.mod-news .bd{
	padding-top:40px; padding-bottom:30px; overflow:hidden;}
.mod-news .bd .inner{
	width:1011px;}
.mod-news .bd li{
	float:left; width:322px; padding-right:15px; padding-bottom:15px;}
.mod-news .bd li .data{
	float:left; width:46px; height:46px; padding:2px; text-align:center; overflow:hidden;
	background:url(../Images/bg_news.png) no-repeat;}
.mod-news .bd li .data span{
	height:19px; line-height:19px; color:#fff; display:block;}
.mod-news .bd li .data strong{
	margin-top:3px; font-size:20px; color:#000; display:block;}
.mod-news .bd li dl{
	margin-left:60px;}
.mod-news .bd li dt{
	height:23px; margin-bottom:5px; font-size:14px; overflow:hidden;}
.mod-news .bd li dd{
	height:60px; line-height:20px; color:#666; overflow:hidden;}
	
/*mod-Service*/
.mod-Service .hd, .mod-case .hd{
	height:270px; overflow:hidden; position:relative;}
.mod-Service .hd{
	background:url(../Images/bar_Service.jpg) no-repeat center;}
.mod-Service .hd h2, .mod-Service .hd h3, .mod-case .hd h2, .mod-case .hd h3{
	display:none;}
.mod-Service .hd .tab{
	width:100%; height:40px; text-align:center; position:absolute; bottom:0;}
.mod-Service .hd span{
	height:40px; padding:0 30px; margin-left:1px; font-size:14px; line-height:40px; color:#fff; cursor:pointer; display:inline-block;
	background:#009bef;}
.mod-Service .hd span.on{
	color:#005bac;
	background:#fff;}
.mod-Service .bd{
	padding-top:40px; padding-bottom:30px; overflow:hidden;}
.mod-Service .bd .inner{
	width:1011px;}
.mod-Service .bd li{
	float:left; width:322px; padding-right:15px; padding-bottom:15px;}
.mod-Service .bd li .data{
	float:left; width:46px; height:46px; padding:2px; text-align:center; overflow:hidden;
	background:url(../Images/bg_news.png) no-repeat;}
.mod-Service .bd li .data span{
	height:19px; line-height:19px; color:#fff; display:block;}
.mod-Service .bd li .data strong{
	margin-top:3px; font-size:20px; color:#000; display:block;}
.mod-Service .bd li dl{
	margin-left:60px;}
.mod-Service .bd li dt{
	height:23px; margin-bottom:5px; font-size:14px; overflow:hidden;}
.mod-Service .bd li dd{
	height:60px; line-height:20px; color:#666; overflow:hidden;}

/*mod-case*/
.mod-case, .footer{
	background:#f5f5f5;}
.mod-case .hd{
	background:url(../Images/bar_case.jpg) no-repeat center;}
.mod-case .bd{
	padding-top:35px; overflow:hidden;}
.mod-case .bd .inner{
	width:1020px;}
.mod-case .bd dl{
	float:left; width:180px; padding-right:24px;}
.mod-case .bd dt{
	height:52px; margin-bottom:10px; padding-bottom:15px; font-size:20px; line-height:26px; border-bottom:1px solid #d3d3d3; overflow:hidden;}
.mod-case .bd dd{
	line-height:21px;}
.mod-case .bd dd, .mod-case .bd dd a{
	color:#777;}
.mod-case .bd dd a:hover{
	color:#005bac;}

/*for safari*/
@media all and (-webkit-min-device-pixel-ratio:0){
	.mod-product .item{
		display:inline-table;}
}