﻿/* CSS Document */
@import url("common.css");
/* banner样式 */
.fullSlide {width:100%;position:relative;height:480px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:480px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:480px;}
.fullSlide .hd {width:100%;	position:absolute;	z-index:1;	bottom:0;	left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;
   filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#0080ff;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:10%;background-position:-6px -137px;}
/* banner样式 */

.recommend{ background:#e6e6e6;padding:30px 0;}
.recommend_title{ text-align:center;}
.recommend_title h2{color:#0865c2; font-size:36px;}
.recommend_title h3{ font-size:18px; line-height:48px;}
.recommend ul{margin:50px 0 20px 0;}
.recommend ul li{ width:270px; float:left;margin:0 12px 0 0}
.recommend ul li:hover{filter:alpha(opacity=90);opacity:0.9;}
.recommend ul .recom_tit{ background:#0865c2; padding:15px;height:65px; text-align:center;}
.recommend ul .recom_tit a{ color:#fff;}
.recommend ul .recom_tit h3{ font-size:18px;line-height:30px;}
.recommend ul .recom_tit p{ font-size:14px;}


/* 关于我们 样式 */
.tit{ height:60px; line-height:60px; border-bottom:1px #ccc solid;margin-bottom:15px;}
.tit .t_name{ float:left; border-bottom:2px #0865c2 solid; line-height:60px; height:60px; display:block;width:110px; font-size:22px; text-align:center}
.tit .more{ float:right;}
.tit .more a{ color:#fff; display:block; background:#0865c2;height:24px;width:60px; text-align:center; line-height:24px; font-size:14px; margin-top:20px;}
.tit .more a:hover{ background:#047ef8;}
.about{ float:left;width:340px; height:400px;margin-top:20px;}
.abt_pic img{ width:335px;height:170px; display:block;margin-left:3px;}
.about p{ font-size:14px; line-height:24px;margin-top:10px;padding:0 3px;}
.abtmore{ float:right; margin-top:10px;}
.abtmore a{color:#FFF;display:block; font-size:14px; background:#0865c2; padding:6px 20px;}
.abtmore a:hover{ background:#047ef8;}

/* 新闻 样式 */
.news{ float:right;width:790px; height:400px;margin-top:20px;}
.news_first{ float:left;width:320px;}
.news_first h2{ font-size:14px; font-weight:bold; line-height:36px;}
.news_first p{ line-height:24px;}
.news_first p a{ color:#0865c2;}
.news_list{ float:right;width:450px;}
.news_list li {display: block;width: 430px;height: 85px;margin: 0 48px 0px 0;}
.news_list li span {display: block;width: 60px;height: 68px; border:1px #bcbcbc solid;background: #fff;float: left;font-size: 12px;color: #999;line-height:32px;text-align: center;font-family: baskerville, georgia, arial, serif;}
.news_list li span:hover{border:1px #0865c2 solid;}
.news_list li span em:hover{ background:#0865c2;}
.news_list li span em {display: block;height: 42px;font-size: 36px;color: #fff;background: #bcbcbc;font-family: baskerville, georgia, arial, serif;}
.news_list li dl {display: block;height: 100px; line-height:22px;margin: 0 0 0 80px;color: #888;}
.news_list li dl dt {display: block;margin-bottom:5px;}
.news_list li dl dt a {font-size: 14px;color: #0865c2;}
/* 新闻 样式 */


/* 应用案例 样式 */
#slides{ width:1160px; margin:20px auto; height:200px; overflow:hidden; position:relative;}
.slides_container li{ width:1160px; float:left;}
.slides_container li a{ display:inline-block; width:228px; height:176px; margin-right:2px;border:1px solid #fff;}
.slides_container li a img{ width:228px; height:146px;}
.slides_container li a span{ display:block; text-align:center; width:228px; cursor:pointer; height:30px; line-height:30px; background:#262626; color:#fff;}
.slides_container li a:hover{ border:1px solid #ff8400;}
.slides_container li a:hover span{ color:#ff8400;}

.pagination{ position:absolute; left:483px; z-index:10; top:170px;}
.pagination li{ float:left; padding-right:7px;}
.pagination a{ display:block; outline:none; background:url(../images/pg.gif) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
.pagination li.current a{ background-position:-22px 0;}

#slides .prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:1px; top:70px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
#slides .prev:hover{ background-position:0 -43px;}
#slides .next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:3px; top:70px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
#slides .next:hover{ background-position:-29px -43px;}


/* 应用案例 样式 */
.infopic{ width:1160px; height:200px; position:relative; overflow:hidden; margin:15px auto;}
.piclist{ height:200px; position:absolute; top:0; left:0;}
.piclist li{ height:220px; margin-right:14px; float:left; overflow:hidden;}
.piclist li img{ height:145px;width:220px; display:block;}
.piclist li a span{ display:block; width:220px; cursor:pointer; height:30px; line-height:30px; text-align:center; background:#262626; color:#fff;}
.piclist li a:hover span{ color:#ff8400;}
.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}