@charset "utf-8";
/*banner*/
.b{width:100%; background:#000000;}
.banner{ position: relative;}
.banner .hd{position:relative; z-index:2; margin-top:-30px; height:30px; line-height:30px;  text-align:center;}
.banner .hd ul{ width:100%; height: 18px; text-align:center;}
.banner .hd li{ display:inline-block; width: 18px; height: 18px; margin: 0 5px; cursor:pointer; background:url(../images/bg_num.png); text-indent:-999em;}
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .bd{ position: relative; z-index: 1;}
.banner .bd ul{ }
.banner .bd li{ }
.banner .bd li img{width:100%; vertical-align:top;}
.banner .bd li a{ display: block; position: relative; margin: auto; width: 100%;}
.banner .prev,.banner .next{ position: absolute; top: 50%; width: 40px; height:90px;  margin-top: -45px;z-index: 900;  }
.banner .prev{ left: 20px; background: url(../images/arr_l.png); }
.banner .next{ right: 20px;  background: url(../images/arr_r.png); }





/* 通用 focus */
#focus {width:1000px; height:450px; overflow:hidden; position:relative;}
#focus ul {height:450px; position:absolute;}
#focus ul li {float:left; width:1000px; height:450px; overflow:hidden; position:relative;}
#focus ul li img{width:1000px; height:450px; border:0}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .preNext {width:45px; height:100px; position:absolute; top:180px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus ul li .txt{width:820px; position:absolute; left:0px; top:270px; height:75px; padding:5px 80px; background:url(../images/txtbg.png) no-repeat; color:#AFAFAF}
#focus ul li .txt h3{width:820px; height:30px; line-height:30px; font-size:16px; float:left; display:block}
#focus ul li .txt span{width:820px; height:45px; line-height:22px; float:left; overflow:hidden; display:block}


.serve{  height:245px; overflow:hidden;}
.serve .title{ float:left; overflow:hidden; padding-top:15px; height:25px;text-align:left;}
.serve .title h1{font-size:20px;  height:25px; line-height:25px;  color:#070707;}
.serve_con{  height:200px; float:left; overflow:hidden; padding:20px 0}
.serve_con .s1,.serve_con .s3{ width:450px; height:80px; float:left; padding-top:10px;display:block}
.serve_con .s2,.serve_con .s4{ width:450px; height:80px; float:right; padding-top:10px;display:block}
.serve_con .s1 span{ background:url(../images/icon.png) -70px 0; display:block; width:48px; height:43px; float:left;}
.serve_con .s1:hover span{ background-position:-70px -46px;}
.serve_con .s2 span{ background:url(../images/icon.png) -151px 0; display:block; width:54px; height:43px; float:left;}
.serve_con .s2:hover span{ background-position:-151px -46px;}
.serve_con .s3 span{ background:url(../images/icon.png) -228px 0; display:block; width:48px; height:48px; float:left;}
.serve_con .s3:hover span{ background-position:-228px -48px;}
.serve_con .s4 span{ background:url(../images/icon.png) -295px 0; display:block; width:48px; height:59px; float:left;}
.serve_con .s4:hover span{ background-position:-295px -59px;}
.serve_con a ul{ width:385px; float:right; text-align:left; line-height:20px; color:#63686e; display:block}
.serve_con a ul h2{ font-size:16px; color:#070707; margin-bottom:4px; display:block}
.serve_con a:hover ul{
	color:#F60;
}
.serve_con a:hover ul h2{
	color:#F60;
}

/*2017.04新增样式*/
.inewslist li{ line-height:30px;}
.inewslist li span{ margin-right:5px; color:#ccc;}

.case_main{ background:#fff; width:100%; min-width:1200px; overflow:hidden;}
.case .title{  height:50px; line-height:50px; overflow:hidden;}
.case .title h1{width:120px; font-size:22px; color:#262626; float:left; }
.case .title span{ float:left;  font-size:14px; line-height:60px; padding-right:10px; color:#262626;}
.case .title span a{ margin:0 5px; color:#262626;}
.case .title span a:hover{ color:#48a11c;}
.case .title .quan{ background:url(../images/icon.png) no-repeat -1px -35px; width:27px; height:50px; display:block; float:right; text-indent:-10000px;}
.case .title .quan:hover{ background-position:-32px -35px; height:50px;}

.boxgrid{ width:235px; height:150px; float:left; overflow: hidden; position: relative; margin:20px 8px 0 7px;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxcaption{ position: absolute; background:#F30; height:200px; width:100%; opacity: .9; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);/* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.captionfull .boxcaption { top:150px; left: 0;}
.captionfull .boxcaption h3{ font-size:16px; color:#fff; line-height:40px; text-align:left; margin-left:5px;}
.captionfull .boxcaption h3 span{ font-size:12px; font-weight:normal; margin-left:5px;}