@import url(common.css);

/*banner*/
.b{width:100%; background:#000000;}
.banner{width:1000px; height:450px; background:none}
.banner img{width:1000px; height:450px; float:left}

/* ͨÓà 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(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(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}

.s{ background:#F0F2F4}
.serve{ width:1000px; height:245px; overflow:hidden;}
.serve .title{ width:1000px; 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 .title hh{font-size:20px;  height:25px; line-height:25px;  color:#070707;}
.serve_con{ width:1000px; 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(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(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(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(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:left; 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:#59ac00;}
.serve_con a:hover ul h2{ color:#59ac00;}

.serve_con c ul{ width:385px; float:left; text-align:left; line-height:20px; color:#63686e; display:block}
.serve_con c ul h2{ font-size:16px; color:#070707; margin-bottom:4px; display:block}
.serve_con c:hover ul{ color:#59ac00;}
.serve_con c:hover ul h2{ color:#59ac00;}



.case_main{ background:#fff; width:100%; overflow:hidden;}
.case .title{ width:1000px; height:50px; line-height:50px; overflow:hidden;}
.case .title h1{width:120px; font-size:22px; color:#262626; float:left; }
.case .title hh{width:320px; 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(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:#4da422; 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;}