﻿/*html*/
* {padding:0;margin:0;}
html {text-align:left;line-height:22px;background:url(../Images/bg_x.jpg) repeat-x;}
body {width:100%;margin:0;padding:0;color:#000;font-size:12px;}
a:link,a:visited,a:active {color:#333366;text-decoration:none;}
a:hover{color:#FF0000;text-decoration:underline;}
img {border:none;}
form {margin:0px;}
object {clear:both;display:block;}
ul {padding:0px;margin:0px;list-style:none;}
.clear {clear:both;}


.wrapper{clear: both;}
/*header*/
#header{width:100%;}
#header span img{ float:left; padding-top:1px; padding-left:80px;}

/*nav*/
#nav {clear: both; margin-left:60px; padding-left: 20px; background: url(../Images/nav_bg.jpg) no-repeat; height: 33px;}
#nav ul{display:inline;}
#nav ul li{display:inline;}
#nav a {margin-top: 1px; float: left; color: #fff; height: 30px;text-decoration: none; }
#nav a.o {background: url(../Images/nav_abg.jpg) repeat-x; color: #fff;height: 30px}
#nav a:hover {background: url(../Images/nav_abg.jpg) repeat-x; color: #fff;height: 30px}
#nav a span {padding-right: 30px; display: block; padding-left: 30px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; height: 30px; line-height:30px;}
HTML #nav a span {display: inline-block}
#nav a.o span {background: url(../Images/nav_aobg.jpg) repeat-x;height: 30px;}
#nav a:hover span {background: url(../Images/nav_aobg.jpg) repeat-x;height: 30px;}
#nav ul li span.line { display: block; float: left; width: 2px; height: 30px;}

/*content*/
#content{ clear: both; margin-left:60px; padding-left: 20px;margin-top:25px;width:800px;}

/*left*/
#left{float:left; width:548px; }
#left .playerBar{ background:url(../Images/top_news.gif) left center no-repeat;height:25px; padding-left:85px; line-height:25px; color:#A21120;width:430px;}
#left img{margin-top:16px;float:left; width:109px;height:164px; display:inline;}
#left .content{margin-top:20px; margin-left:4px; float:left; display:inline; width:430px;height:auto;}
#left span{float:right; margin-right:15px; margin-top:30px;}
#left p{margin-left:6px; float:left;  width:430px;}
#left h3{margin-top:20px;display:inline; width:430px;  height:25px;}
#left p .big1{font-weight:bold;}
#left p .blue{font-weight:bold;color:#A21120;}
#left .showUs{float:left;clear:left;}

/*SuccessfuCases*/
#SuccessfuCases{float:left; width:548px; }
#SuccessfuCases .caseLogo{background: url(../Images/columns.gif) no-repeat;line-height:16px; padding-left:23px; color:#0033FF; font-weight:bold;}
#SuccessfuCases ul li{border-bottom:1px solid #999999; clear:both;margin-left:15px;height:80px;padding-top:10px;}

/*guestbook*/
#guestbook{float:left; width:548px;}
#guestbook p{margin-left:10px; color:#FF4400;}
#guestbook .caseLogo{background: url(../Images/columns.gif) no-repeat;line-height:20px; padding-left:23px; color:#0033FF; font-weight:bold;}
#guestbook li{clear:both;margin-left:15px; height:auto;border:1px #0066FF dashed; padding:3px 0px 3px 4px;}
#guestbook li .names{float:left;width:60px;}
	.msg_btn {text-align:center;text-indent:50px; margin-top:5px;}
    	.msg_btn input{background:url(../images/msg_11.jpg);width:75px;height:23px;color:#fff;padding:0;border:0;margin:0 5px;cursor:pointer;}

/*SoftList*/
#SoftList{float:left; width:548px; height:auto; }
h2{float:left;width:430px; background: url(../Images/site.jpg) left center no-repeat; line-height:25px;margin:0;font-weight:normal; font-size:12px; padding-left:15px; float:left; margin-top:15px; height:25px;}
#SoftList .splits{float:left;width:530px; border-top:1px dashed #CCCCCC; }
#SoftList li{float:left; width:548px;height:auto;}
#SoftList li img{margin-top:16px;float:left; width:52px;height:52px; display:inline;}
#SoftList li .title {margin-top:16px; height:25px; margin-left:18px; float:left; font-weight:bold;width:460px;color:#243B8A;}
#SoftList li .content{margin-left:18px; margin-top:0px; float:left; display:inline; width:460px;height:auto;color:#656767;}


/*right*/
.right{float:left;width:189px; margin-left:20px;}
.top1 {width:189px;background:url(../Images/lm_bg.gif) repeat-y;}
.top1 h3 {background:url(../Images/lm_title.gif) no-repeat;padding:0;margin:0 0 5px;line-height:34px;font-size:14px;text-indent:12px;}
.top1 ul {margin-left:12px;}
.top1 ul li {background:url(../Images/3X3.gif) no-repeat left center;padding-left:12px;}
.rb_bottom {width:189px;background:url(../Images/lm_bottom.gif) no-repeat;margin-bottom:11px;height:5px;}
.top1 p.rbtxt {margin:0 10px;}
.top1 p.rbdown {color:#2694E6;text-align:center;border-top:1px solid #C9C9C9;line-height:35px;width:90%;margin:0 auto;font-weight:bold;} 

/*Index*/
#content .adv{width:90%;clear:both;margin-bottom:5px; padding-bottom:5px;}
#content .adv img{border:0; }
#content .list{width:100%;clear:both;margin-top:5px; padding-top:5px;}




/*QQList*/
#QQList{border:1px #333333 solid; width:100px; z-index:10; right:5px;width:140px; position:absolute; margin-top:120px;}
#QQList .QQsplist{background:url(../Images/foot_bg.gif) repeat-x; height:3px; margin-top:4px;}
#QQList p{ font-weight:bold;color:#243B8A; padding-left:5px; font-size:13px;}
#QQList ul{padding-left:15px;}
#QQList ul span{font-weight:bold; color:#0099cc;}
#QQList ul li{padding-left:18px;}


/*foot*/
#bottom {background:url(../Images/foot_bg.gif) repeat-x; height:3px; width:100%;clear: both; margin-top:2px; clear: both;}
#foot { margin-left:80px; margin-bottom:20px;width:755px;color:#333; clear: both;}
#foot span {display:block;}
#foot a {color:#0860A8;}

/*Index List*/
#list{width:290px; border-top:#8DB5F0 1px solid; float:left; margin-right:90px;}
#list .listTitle{background-color:#EDF5FF;font-size:14px;color:#043CB6;height:25px;padding-left:10px;}
#list .listMore{float:right; margin-right:10px;}
#list ul{}
#list ul li{width:290px; padding-left:3px;}
#list ul li h5{float:right;color:#999; font-size:12px; font-weight:normal; margin-right:5px;}

#gooleADvBotton{margin-left:1px;}