﻿@charset "utf-8";
.banner{height:500px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#0472b3;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #0472b3;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:18px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;}
.frontCover .open{background:#0472b3;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}
.index-news { float:left; width:240px;}

.index-news h3.header{ color:#333; font-size:16px; font-weight:normal; padding:3px 0px 8px 0px;border-bottom: 1px solid #eeeeee;}
.index-news h3.header a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:5px;}
.index-news h3.header a.more:hover{}

.index-news ul li{line-height:32px;}
.index-news li a{float:left;display:block;width:166px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news li span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;color:#999;float:right;font-style:italic;}
.index-service { border-left:1px solid #ddd; border-right:1px solid #ddd; float:left; height:256px; margin:0px 15px 0px 15px; width:510px; padding:0px 15px 0px 15px;}
.index-service h3.header{ color:#333; font-size:16px; font-weight:normal; padding:3px 0px 8px 0px;}
.index-service h3.header a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:5px;}
.index-service h3.header a.more:hover{}
.index-service ul.header { border-top:1px solid #dad4d4; border-bottom:1px solid #dad4d4; height:22px;}
.index-service ul.header li { float:left; height:24px; position:relative; top:-1px; z-index:11;}
.index-service ul.header li a { background:#eee; display:inline-block; height:24px; line-height:24px; padding:0px 20px; text-align:center;}
.index-service ul.header li a:hover { background:#ddd; color:#333; text-decoration:none;}
.index-service ul.header li.current a,
.index-service ul.header li.current a:visited,
.index-service ul.header li.current a:hover{ background:#5cb546; color:#222; padding:0px 10px;}
.index-service .section { padding:15px 0px 0px 0px;}
.index-service .section ul{ }
.index-service .section li{ float:left; width:180px; width:160px; padding-left:15px; }
.index-service .section .thumbnail {}
.index-service .section .thumbnail img{ border:1px solid #ccc; height:98px; width:160px;}
.index-service .section .title { max-height:44px; line-height:22px; overflow:hidden; padding:8px 0px 0px 0px;}
.index-service .section .subtitle { color:#3db0e3; height:22px; line-height:22px; overflow:hidden;}
.index-service .section li { color:#424242;}
.index-service .section li a,
.index-service .section li a:visited{ color:#424242;}
.index-service .section li a:hover{ color:#000; text-decoration:none;}
.index-about { float:left; width:188px;}
.index-about h3{ border-bottom:1px solid #eee; color:#333; font-size:16px; font-weight:normal; margin:0px 0px 10px 0px; padding:3px 0px 8px 0px;}
.index-about h3 a.more{ color:#aaa; float:right; font-size:11px; font-weight:normal; padding-top:2px;}
.index-about h3 a.more:hover{}
.index-about img{ border:1px solid #eeeeee; height:90px; width:186px;}
.index-about p{ padding:5px 0px 0px 0px;}
