@charset "utf-8";

html { background: url(images/intro/bg-header.png) repeat-x #FCF2DE; }
body { _background: url(images/intro/bg-footer.jpg) repeat-x center 890px; }
a { color: #555; }


#wrapper { width: 1100px; min-height: 850px; _height: 750px; margin: 0 auto; position: relative; z-index: 20; background: url(images/intro/bg-body.jpg) no-repeat; }

.logo { width: 406px; height: 66px; position: absolute; z-index: 20; left: 30px; top: 30px; background: url(images/intro/logo.png) no-repeat; }
.logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; }

.siteAct { display: inline; height: 23px; max-width:580px; line-height: 22px; background: url(images/intro/bg-siteAct.png) repeat-x; position: absolute; z-index: 20; top: 30px; right: 90px; }
.siteAct a { margin: 0 2px; }
.siteAct .gl,
.siteAct .gr { position: absolute; height: 23px; width: 10px; top: 0; background: url(images/intro/bg-siteAct.png) no-repeat; }
.siteAct .gl { left: -10px; background-position: 0 -23px; }
.siteAct .gr { right: -10px; background-position: 0 -46px; }

.slogan { width: 193px; height: 30px; position: absolute; right: 76px; top: 75px; }

.topNav { width: 900px; height: 110px; position: absolute; left: 40px; top: 295px; }

.mainBox { position: absolute; z-index: 20; width: 520px; left: 60px; top: 510px; }
.mainBox .hd { height: 27px; background: url(images/intro/mainHd.png) no-repeat left bottom; padding-left: 40px; }
.mainBox .hdTab li { float: left; }
.mainBox .hdTab li a { display: block; _width: 85px; height: 27px; line-height: 27px; text-align: center; color: #99938b; font-size: 14px; font-weight: bolder; padding-left: 15px; padding-right: 15px; }
.mainBox .hdTab li a:hover { text-decoration: none; }
.mainBox .hdTab li.on { background: url(images/intro/bg-tab.png) no-repeat left top; }
.mainBox .hdTab li.on a { color: #945d27; background: url(images/intro/bg-tab.png) no-repeat right -27px; }
.mainBox .bd { background: url(images/intro/mainBd.png) no-repeat; height:312px; overflow: hidden; }
.mainBox .topicList { padding: 15px 15px 0 10px; height: 300px; }
.mainBox .topicList .t { padding: 0 0 10px 10px; margin-bottom: 5px; height: 120px; overflow: hidden; border-bottom: #ddd 1px dotted; }
.mainBox .topicList .t .pic { width: 150px; height: 110px; padding: 5px; background: #cacaca; float: left; margin-right: 15px; }
.mainBox .topicList .t .pic img { width: 150px; height: 110px; display: block; }
.mainBox .topicList .t .con { overflow: hidden; zoom: 1; }
.mainBox .topicList .t .title { margin-bottom: 5px; }
.mainBox .topicList .t .tit { font-size: 18px; font-family: "Microsoft Yahei"; color: #dd0f00; }
.mainBox .topicList .t .intro { color: #666; line-height: 22px; text-indent: 2em; }
.mainBox .topicList .t .intro a { color: #fa7000; }
.mainBox .topicList .n { height: 24px; line-height: 24px; overflow: hidden; padding: 0 10px 0 15px; background: url(images/intro/list.png) no-repeat 5px 10px; vertical-align: bottom; }
.mainBox .topicList .n .tit { color: #555; }
.mainBox .topicList .n .date { float: right; color: #666; }

.picBox { position: absolute; z-index: 10; width: 440px; height: 340px; right: 60px; top: 410px; }
.picBox .shymy { display: block; width: 240px; height: 145px; position: absolute; left: 10px; top: 0; }
.picBox .shymy .slideNav,
.picBox .shymy .slideCon .title,
.picBox .shymy .slideCon .bg { display: none; }

#solutions { position: absolute; z-index: 99; width: 1000px; height: 39px; font-size: 14px; background: url(images/intro/solutions.png) no-repeat; text-align: center; left: 50px; top: 860px; }
#solutions .nav a { display: inline-block; height: 37px; line-height: 37px; margin: 1px 0; padding: 0 20px; border-left: #F8EBDC 1px solid; border-right: #D3CBB6 1px solid; color: #945d27; }
#solutions .nav a:hover { text-decoration: none; background: url(images/intro/scur.png) no-repeat center bottom; _background-image: url(images/intro/scur.gif); }
#solutions .nav a.first { border-left: none; }
#solutions .nav a.last { border-right: none; }

#footer { line-height: 24px; text-align: center; color: #555; width: 100%; _width: 1100px; height: 60px; padding-top: 60px; margin: 0 auto; background: url(images/intro/bg-footer.jpg) repeat-x center bottom; }

.jrys { position: absolute;  width: 450px; height: 90px; font-size: 14px; text-align: left; left: 70px; top: 190px; text-indent:2em; background: url(images/intro/cloudBG.png) repeat; padding: 30px; padding-top: 30px;}
.jrys li { display: inline ; }
.jrys a { display: none ; }
.jrys .showType { display: none;}
.jrys .datetime { display: none;}
.jrys .title { display: inline; color:#600; font-weight: bold; font-size: 18px; }
.jrys .intro { display: inline; color:#600; font-weight: bold; font-size: 18px; }
.jrys .more { display: inline; color:#600; font-weight: bold; font-size: 14px; }
.jrys .missing_data { display: none;}

.more_li{ text-align:right; background:none; padding-top:10px; padding-right:20px;}
.more_li a{ color:#945D27; font-size: 14px; font-weight:bold;}

.indNav { width: 950px; height: 70px; position: absolute; left: 70px; top: 325px;  }
.indNav li{ float:left;  margin-top:0; }
.indNav li a{ display:block; padding-left: 54px; background: url(images/ind-nav.png) 0 4px no-repeat;  height: 70px; width: 100px; text-decoration:none;}
.indNav li a:hover{ text-decoration:none }
.indNav li h3{ color:#000; font: normal 22px/160% "Microsoft YaHei"; _font-weight:bold;	text-shadow:0 0 10px #fff}
.indNav li span{ height:19px; width:72px; text-align:center; line-height:19px; color:#fff; background:url(images/ind-nav.png) 0 -600px no-repeat;    display: block;
	_background:url(images/ind-nav.png) 0 -600px no-repeat;  
}
.indNav .b a{ background-position: 0 -108px;}
.indNav .c a{ background-position: 0 -323px; padding-left: 73px;}
.indNav .d a{ background-position: 0 -435px; padding-left: 67px;}
.indNav .e a{ background-position: 4px -678px; padding-left: 67px;}
.indNav .on{ margin-top:-8px;  }
.indNav .on span{ background-position:2px -560px }

.indNav2 { position: absolute; left: 70px; top: 390px; width: 950px; height: 150px; padding-top: 25px;  background: url(/Template/Default/Skin/PE/images/indNav2_bg.png) 10px 0px no-repeat ; }
.indNav2 li{ float:left;  margin-top:0; }
.indNav2 li a { display: block; padding-left: 50px; background: url(_/Template/Default/Skin/PE/images/ind-nav.png) 0 4px no-repeat; height: 70px; width: 160px; text-decoration:none;}
.indNav2 li a:hover{ text-decoration:none }
.indNav2 li h3{ color:#000; font: normal 22px/160% "Microsoft YaHei"; _font-weight:bold;text-shadow:0 0 10px #fff}
.indNav2 li span{ height:19px; width:72px; text-align:center; line-height:19px; color:#fff; background:url(/Template/Default/Skin/PE/images/ind-nav.png) 0 -600px no-repeat;    display: block;	_background:url(/Template/Default/Skin/PE/images/ind-nav.png) 0 -600px no-repeat;  }
.indNav2 .b a{ background-position: 0 -108px;}
.indNav2 .c a{ background-position: 0 -323px; padding-left: 73px;}
.indNav2 .d a{ background-position: 0 -435px; padding-left: 67px;}
.indNav2 .e a{ background-position: 4px -678px; padding-left: 67px;}
.indNav2 .on{ margin-top: -8px;  }
.indNav2 .on span{ background-position:2px -560px }

.indNav2 .a { margin-left: 20px;}
.indNav2 .b { margin-left: 0px;}

#qrBox{ position: absolute; z-index: 20; width: 254px; height: 122px; right: 210px; top: 735px;