@charset "utf-8";
/* CSS Document */

body {margin: 0px;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color: #3d3d3d;}
img { border:none;vertical-align:middle;}
.clear { clear:both;}
a {font-size: 12px;color: #3d3d3d; text-decoration:none;}
ul { display:inherit; list-style:none; padding:0; margin:0;}
li { display:block; padding:0; margin:0;}
.or { color:#f50;}
.orange {color:#f50;}
.main { width:960px; height:auto; margin:auto;}
.main .head { width:960px; height:70px; }
.main .head .logo { width:185px; height:70px; float:left;}
.main .head .nav { width:640px; height:70px; float:right; line-height:70px; color:#c1c1c1;}
.main .head .nav a { padding:10px; color:#4b4b4b;}

.main .head .nav ul li { float:left; padding:25px 10px 20px;line-height:normal;}
.main .head .nav ul li.line { padding:25px 0 0;}
.main .flash { width:960px; height:244px;}
.main .center { width:928px; height:auto; margin:10px auto auto;}
.main .center .activity { width:271px; float:left; height:auto; margin-right:29px; overflow:hidden;}
.main .center .activity .title { height:26px; display:block; padding-top:15px; border-bottom:1px dotted #d6dee6; color:#53616f; font-weight:bold;}
.main .center .activity .title .more {float:right;padding:0 10px;width:30px; font-size:12px; font-weight:normal;}
.main .center .activity .title .more a {color:#7C8C9B;}
.main .center .activity .title .txt{float:left;
font-weight:bold;
height:26px;
width:130px;}
.main .center .activity ul li { margin:15px 0 0 0;}
.main .center .dynamic { width:360px; float:left; height:auto;overflow:hidden;}
.main .center .dynamic .title { height:26px; display:block; padding-top:15px; border-bottom:1px dotted #d6dee6; color:#53616f; }
.main .center .dynamic .title .txt { width:130px; float:left; height:26px;font-weight:bold;}
.main .center .dynamic .title .more { width:30px; padding:0 10px; float:right;}
.main .center .dynamic .title .more a { color:#7c8c9b;}
.main .center .dynamic .news { display:block; height:auto; padding:10px;}
.main .center .dynamic .news ul li { height:25px; line-height:25px; padding-left:15px; background:url(../images/companyindex_20.jpg) no-repeat 5px 12px; overflow:hidden;}
.main .center .dynamic .news ul li.new a{ color:#e53501;}
.main .center .mag { float:right; width:231px; height:auto;}
.main .center .mag .table { display:block; margin:15px 0 0;}
.main .center .mag .table .top { height:28px; background:url(../images/companyindex_32.gif) no-repeat; line-height:28px; color:#53616f; line-height:28px; padding-left:15px; font-weight:bold;}
.main .center .mag .table .bottom {padding:0; margin:0; height:7px; overflow:hidden; background:url(../images/new_version_company_13.gif) no-repeat;}
.main .center .mag .table .pic_txt { display:block; padding:24px 7px 12px 15px; background:url(../images/companyindex_34.gif) repeat-y;}
.main .center .mag .table .pic_txt .pic { float:left; width:114px; height:74px;}
.main .center .mag .table .pic_txt .txt { width:85px; height:70px; float:right;}
.main .center .mag .table .pic_txt .txt h3 { display:block; padding:0; margin:0; height:18px; line-height:18px; color:#2f2f2f; line-height:12px; font-size:12px; font-weight:normal;}
.main .center .mag .table .pic_txt .txt h3 a {color:#2f2f2f; line-height:12px; font-size:12px; font-weight:normal;}
.main .center .mag .table .pic_txt .txt ul { margin-top:8px;}
.main .center .mag .table .pic_txt .txt ul li { height:23px; line-height:23px; padding-left:15px; background:url(../images/companyindex_20.jpg) no-repeat 5px 10px; color:#9a9a9a;}
.main .link {width:928px; height:43px; margin:10px auto auto; background:#f4f6f8;}
.main .link .line_l { width:8px; height:43px; overflow:hidden; float:left;}
.main .link .line_r { width:8px; height:43px; overflow:hidden; float:right;}
.main .link .line_c { width:912px; height:43px; float:left; overflow:hidden;}
.main .link .line_c ul li { float:left; line-height:43px;}
.main .link .line_c ul li a { color:#8191a1;}
.foot { border-top:1px solid #e3e3e3; height:58px; display:block; text-align:center; color:#828282; line-height:20px; margin-top:30px; padding-top:20px;}

.info { width:960px; height:auto; margin:auto; margin:20px auto auto;}
.info .nav { width:237px; height:auto; float:left; overflow:hidden;}
.info .nav .table { width:208px; height:auto; overflow:hidden; margin:auto;}
.info .nav .table  ul li { height:69px; padding-bottom:1px; background:url(../images/new_version_reported_13.jpg) no-repeat left bottom; display:block;}
.info .nav .table  ul li img { float:left;}
.info .nav .table  ul li .now { width:14px; height:13px; float:left; padding:31px 0 0 9px;}
.info .nav .server { width:178px; height: 100px; margin:30px auto auto; position: relative;}
.info .nav .server img {vertical-align: top;}
.about { width:664px; float:right; height:auto; border-left:1px solid #d3d3d3; padding:0 29px; overflow:hidden;}
.about .photo { display:block;height:147px;}
.about .list { display:block; height:auto;}
.about .list ul li { background:url("../images/line.jpg") no-repeat scroll 10px 19px transparent;
border-bottom:1px dashed #D7D7D7;
display:block;
font-size:14px;
line-height:20px;
padding:10px 0 10px 20px;}
.about .list ul li a {font-size:14px;  color:#e47f61; }
.about .list ul li a:hover { text-decoration:underline;}
.about .list ul li span { color:#737373; font-size:12px; line-height:18px; padding-left:90px; display:block;}
.about .list ul li span a {color:#737373; font-size:12px; line-height:18px;}
.about .dynamic_title { margin:20px 0 0 0;}
.about .dynamic { line-height:24px; padding:8px 30px;}
.about_txt { display:block;height:auto; line-height:24px; font-size:14px;}
.about_txt .style1 {color:#E53501;}
.about_txt .style2 {color:#fff; background:#E53501; padding:3px;}

.about_txt .or { color:#f50; border-bottom:2px solid #ccc; padding:3px; display:block;}
.about_txt .blue { color:#0099CC}
.about_txt .tops { display:block; padding:0 10px; color:#f50; text-align:right;}
.about_txt .tops a {border:1px solid #CCCCCC;color:#FF5500;padding:3px 5px;}
.activity_table { width:650px; margin-top:15px; background:#fafbfe; height:auto; padding:3px 5px; font-size:14px; line-height:25px;border-bottom:1px dotted #D7D7D7;}

/*nav*/

#nav {padding:0; margin:0; list-style:none; line-height:normal; display:inherit;}
#nav li.top {display:block; float:left; height:20px; line-height:20px;}
#nav li a.top_link {display:block; float:left; color:#000; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}

#nav .sub li, #nav .sub li a  { padding:0px;}


/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:50px; background: #f1f1f1; padding:3px; border:1px solid #ccc; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; height:18px; padding-left:15px; line-height:18px;}
#nav li:hover ul.sub li a:hover 
{color:#f00; border-color:#ccc;}


#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/* hotline */

.hotline {
  position: absolute;
  left: 0;
  top: 0;
  width: 178px;
  height: 94px;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
  font-family: 'YouYuan', Arial, 'Microsoft YaHei';
}
.hotline h5 {
  margin: 0;
  padding: 0;
  height: 32px;
  width: 100%;
  line-height: 32px;
  text-indent: 12px;
  font-size: 14px;
  color: #4a4a4a;
  background-color: #e9e9e9;
}

.hotline p {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  text-align: center;
}

.hotline p.phone {
  padding-top: 2px;
  font-size: 22px;
  font-weight: bold;
  color: #221815;
}

.hotline p.time {
  font-size: 12px;
  color: #9e9e9e;
}