@charset "gb2312";
/* CSS Document */


body {
	margin:0px;
	padding:0px;
    text-align:center;
	font:normal 12px ËÎÌå; 
	background:#FFF;
	line-height:2;
	color:#555;
}

a{  color: #555;
    text-decoration: none;
	}
a:hover { color: #000000; text-decoration: underline; }
ul, li {
	
	margin:0px;
	padding:0px;
	list-style:none;
}
.top {
    width:100%;
    text-align:center;
    
}
.top .logo {
	height:180px;
	width:1000px;
	margin:auto;
	text-align:left;
	background:url("../images/hotline.jpg") no-repeat 70px 102px ;
}
.top .logo img {
	margin-top:40px;
	margin-bottom:10px;
}
.top .swf {
    margin-top:10px;
}
.top .hl {
	float:right;
	width:500px;
	height:180px;
	background:url("../images/body.jpg") no-repeat ;
}
.top .menu {
	clear:both;
    width:100%;
    height:50px;
    background:#e31b0e;
}
.top .menu ul, .top .en ul{
	margin:auto;
    width:1000px;
}
.top .menu li {
    float:left;
    margin-left:1px;
    width:89px;
    height:50px;
    line-height:50px;
    
}
.top .menu li a {
	color:#fff;
	display:block;
	width:89px;
	height:50px;
}
.top .menu li a:hover {
	text-decoration:none;
}
.top .menu li:hover {
	background:#b40107;
}
.top .en {
	clear:both;
	width:100%;
	height:20px;
	background:#eee;
}
.top .en li {
	float:left;
	width:90px;
	height:20px;
	line-height:20px;
}

.banner {
    clear:both;
    margin:auto;
    background:url("../images/ba_bg.jpg");
    height:260px;
}
.bannerlist {
	margin:auto;
	width:1000px;
	
}
.middle {
    clear:both;
    width:100%;
    text-align:center;
}
.content {
    margin:auto;
    width:1000px;
    text-align:left;
}
.left {
	float:left;
	width:220px;
	text-align:center;
	background:#eee;
}
.left .title {
	width:200px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background:#e31b0e;
}
.left .menu li {
	width:200px;
	height:40px;
	line-height:40px;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
.left .menu li a {
	text-decoration:none;
	display:block;
	width:200px;
	height:40px;
}
.left .menu li:hover {
	background:#f8f8f8;
}
.left .menu li a:hover {
	color:#ff0000;
}
.left .sort {
	width:200px;
	margin:auto;
	background:#fff;
	margin-bottom:10px;
}
.left .sort li{
	float:left;
	margin-left:20px;
}
.ie6 .left .sort li,.ie7 .left .sort li{
	width:160px;
	text-align:left;
}
.left .sort li:hover {
	background:#f8f8f8;
}
.right {
	float:right;
	padding:10px;
	width:755px;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;
	background:#ffffff;
}
.right {
	padding-top:0px;
}
.right a {
	color:#555;
}
.right a:hover {
	color:#000;
}
.right .profile{
	margin-top:8px;
	font-size:12px;
}
.right .service {
	margin-top:8px;
}

.right .hrs {
	margin-top:8px;
}

.right .techList li {
	border-bottom:1px #eee dashed;
	height:35px;
	line-height:35px;
}
.right .techRandList li {
	border-bottom:1px #eee dashed;
}

.right .techList dt:hover,.right .techRandList li:hover {
	background:#f9f9f9;
}
.right .techList dt {
	clear:both;
	border-bottom:1px #ccc dashed;
}
.ie6 .right .techList dt a, .ie6 .right .techList dt img, .ie6 .right .techRandList li a, .ie6 .right .techRandList li img  {
	float:left;
}
.right .techList dd {
	clear:both;
	color:#a1a1a1;
	font-size:12px;
}
.right .title{
	margin-top:5px;
	padding-left:5px;
	height:36px;
	color:#000000;
    font-weight:bold;
	line-height:36px;
	border-bottom:1px #e31b0e solid;
}
.right .viewTitle{
	text-align:center;
	font-size:16px;
}
.right .viewDate {
	text-align:right;
	border-bottom:1px #e0ecfe solid;
}
.right .more {
	float:right;
	font-weight:normal;
	margin-right:5px;
}
.right .skill {
	clear:both;
}
.right .news dt,.right .skill dt{
	font-size:12px;
	height:25px;
	line-height:25px;
	border-bottom:1px #f9f9f9 dotted;
}
.ie6 .right .news dt img,.ie6 .right .skill dt img {
	float:left;
}
.right .news dt:hover,.right .skill dt:hover{
	background:#f9f9f9;
}
.ie6 .right .news a, .ie6 .right .skill a {
	float:left;
}
.ie6 .right .news .title a, .ie6 .right .caselist .title a, .ie6 .right .skill .title a, .ie6 .right .productlist .title a {
	float:left;
}

.bottom {
	margin-top:10px;
	border-top:1px #e31b0e solid;
	background:#f9f9f9;
}
.posi {
	height:40px;
	line-height:40px;
}

/*partner*/
.partner {
	width:1000px;
}

.partner .title {
	height:35px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px #e31b0e solid;
	margin-bottom:10px;
}
.partner ul {
	width:995px;
	border-top:1px #f6f6f6 solid;
	border-left:1px #f6f6f6 solid;
}
.partner li {
	float:left;
	width:141px;
	text-align:center;
	border-bottom:1px #f6f6f6 solid;
	border-right:1px #f6f6f6 solid;
}
.partner li:hover {
	color:#f00;
	cursor:pointer;
	border-bottom:1px #e31b0e solid;
}
/* public */
.hr {
	clear:both;
	height:1px;
}
.red {
	color:#ff0000;
}
.gray {
	color:#ccc;
}
.rep {
	color:#aaa;
}
.date{
	float:right;
	color:#ccc;
}
.ie7 .date {
	float:none;
}
.link,.link a {
	color:#ddd;
}
.lion {
	background:#b40107;
}
.lon {
	color:#fff;
	background:#e31b0e;
}
.lon a {
	color:#fff;
}
.topicStip {
	margin-top:10px;
	border-top:1px #e31b0e solid;
}
/*struct*/
.right .structshow {
	text-align:center;
	margin:auto;
}
/*service*/
.right .service dt{
	color:#555555;
	text-align:right;
	height:30px;
	border-top:1px #ccc dashed;
	clear:both;
}
.right .service dt .title{
	display:block;
	float:right;
	width:100px;
	height:30px;
	text-align:center;
	font-weight:normal;
	color:#fff;
	line-height:30px;
	background:#e31b0e;}
.right .service dd li{
	float:left;
	margin:0;
	width:200px;
}
.right .service dd{
	clear:both;
}
/*caselist*/
.right .caselist .picShow li ,.right .techImgList li{
	float:left;
	margin:3px;
    text-align:center;
    font-size:12px;
    
}
.right .caselist li img,.right .techImgList li img {
	border:1px #eee solid;
    padding:10px;
}
.right .caselist li img:hover,.right .techImgList li img:hover {
	border:1px #eee solid;
    color:#eee;
    background:#eee;
}
.right .demo li {
	text-align:center;
}
.right .demo li img{
	margin-top:10px;
	border:1px #eee solid;
    padding:10px;
}
.right .techRandList {
	clear:both;
}
/*productlist*/
.right .productlist .picShow li {
	float:left;
	margin-top:10px;
	width:175px;
	height:200px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
}
.right .productlist .picShow li:hover {
	color: #ff0000;
}
.right .productlist .picShow li img {
	border:1px #eee solid;
}

.title .date a,.title .tip a {
	font-size:12px;
	color:#ccc;
	font-weight:100;
}
.title .date a:hover,.title .tip a:hover {
	font-size:12px;
	color:#555;
	text-decoration:none;
}
/*product*/
.right .product li {
	text-align:center;
}
.right .product .txt {
	text-align:left;
}
/*projectlist*/
.right .projectlist img {
	float:left;
	padding:10px;
	border:1px #eee solid;
}
.right .projectlist .txt {
	float:right;
	display:block;
	width:370px;
	font-size:12px;
}
.right .projectlist .txt .name {
	display:block;
	width:370px;
	font-size:16px;
	background:#eee;
}
.right .projectlist li {
	clear:both;
	margin-bottom:10px;
}
/*recruit*/
.right .hrs dt {
	border-top:1px #eee dashed;
	color:#555555;
	font-weight:bold;
}
.right .hrs dd {
	font-size:12px;
}
/*feedback*/
.right .bookList dt {
	border-top:1px #ccc solid;
	height:30px;
	background:#f8f8f8;
}
.right .bookList dt:hover {
	
}
.right .bookList dd {
	font-size:12px;
	margin-top:5px;
	margin-bottom:10px;
}
.right .book {
	background:#eee;
	padding:10px;
	line-height:40px;
	font-family:"΢ÈíÑźÚ";
	color:#555555;
}
.right .book .content {
	float:right;
	width:400px;
	background:#eee;
	
}
.right .book li {
	height:40px;
	width:300px;
	padding-left:10px;
}
.right .book .content #content{
	height:120px;
	width:380px;
	border:none;
	line-height:1.5;
	font-family:"΢ÈíÑźÚ";
	color:#555555;
	border:1px #fff solid;
	
}
.right .book input {
	border:none;
	height:25px;
	font-family:"΢ÈíÑźÚ";
	color:#555555;
	border:1px #fff solid;
}
.right .book .name, .right .book .tel, .right .book .code {
    background:#ffffff;
    margin-top:2px;
    font-family:"΢ÈíÑźÚ";
    color:#555555;
}
.right .book .btn input {
	margin-top:2px;
	height:40px;
	text-align:center;
}
.ie6 .right .book .btn {
	clear:both;
	margin-top:5px;
}
.right .frmBtn {
    width:80px;
    height:40px;
}
.right .book .write, .right .book .btn {
	clear:both;
	height:40px;
	line-height:40px;
	text-align:center;
	
}

/*contact*/
.right .contact dt {
	font-size:20px;
	line-height:35px;
	border-top:1px #f8f8f8 solid;
	margin-bottom:10px;
}


/* link */
.right .linkList ul {
	border-left:1px #f8f8f8 solid;
	border-top:1px #f8f8f8 solid;
}
.right .linkList li{
	float:left;
	width:124px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-right:1px #f8f8f8 solid;
	border-bottom:1px #f8f8f8 solid;
}
.right .linkList li a {
	color:#555;
	display:block;
	height:124px;
	height:50px;
	text-decoration:none;
}
.right .linkList li a:hover {
	color:#000;
	background:#f8f8f8;
}
.right .linkForm {
	margin-top:30px;
}
.right .linkForm .title {
	margin-bottom:5px;
}
.right .linkForm li {
    padding:2px;
}
.right .linkForm .frmBtn {
	width:100px;
	height:40px;
	color:#555;
	background:#ccc;
	border:0;
}
.right .linkForm .frmBtn:hover {
	background:#ddd;
}
.right .linkForm input {
	height:25px;
}
.right .linkForm textarea {
	height:60px;
	width:260px;
    font-size:14px;
}
.right .linkForm input,.right .linkForm textarea {
	color:#555;
	border:1px #ccc solid;
}
/*pagestyle*/
.pages {
	margin-top:10px;
	padding:0px 10px 10px 10px; 
	background:#FFF;
	font:normal 12px "ËÎÌå";

}
.pages ul {
	height:26px;
	border-left:1px #eee solid;
}
.pages li{
	float:left;
    padding:5px 10px 5px 10px;
	border-right:1px #eee solid;
	border-top:1px #eee solid;
	border-bottom:1px #eee solid;
	text-align:center;
}
.pages li:hover {
	background:#eee;
}

.barSort ,.barCom  {
	border-bottom:1px #ccc solid;
	padding-left:10px;
	padding-right:10px;
}
.barTitle{
	float:left;
	width:60px;
	text-align:right;
	height:30px;
	line-height:30px;
}
.barSort ul ,.barCom ul{
	float:right;
}
.barSort li ,.barCom li{
	float:left;
	width:104px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin-left:1px;
	margin-bottom:1px;
}
.barSort li:hover {
	background:#e31b0e;
}
.barSort li a {
	display:block;
	width:104px;
	height:30px;
}
.barSort li a:hover {
	
	color:#fff;
	text-decoration:none;
}
/* service online */

div.online_show{
	float:left;
	padding:5px 8px;
	width:85px;
	border:1px solid #ddd;
	border-top:3px solid #ff8200;
	background:#fafafa;
	display:none;
	line-height:1.2;
}

div.online_show h6{
	float:left;
	width:70px;
	margin-top:0px;
	margin-bottom:5px;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;
}

div.online_show a.close{
	display:block;
	float:right;
	margin-top:2px;
	width:14px;
	height:14px;
	background:url(../images/online.gif) no-repeat;
	cursor:pointer;
}

div.online_show u, div.online_show i{
	display:block;
	float:left;
	width:85px;
	margin-top:8px;
	text-decoration:none;
	font-style:normal;
	text-align:center;
}

div.online_show i{
	color:#000;
}

div.online_show div.talk{
	float:left;
	width:80px;
	height:21px;
	margin:8px 0 5px 3px;
}

div.online_show div.top{
	float:left;
	margin:8px 0 5px 25px;
	width:36px;
	height:38px;
	background:url(../images/online.gif) no-repeat 0 -52px;
	cursor:pointer;
}

div.online_hide{
	float:left;
	width:33px;
	height:120px;
	background:url(../images/online.gif) no-repeat right;
	display:none;
}

div.online_hide h6{
	float:left;
	width:33px;
	height:90px;
	cursor:pointer;
}

div.online_hide a{
	float:left;
	display:block;
	width:33px;
	height:30px;
	cursor:pointer;
}

div.online_show #BDBridgeFixedWrap {
	width:80px;
	height:21px;
    background:url(../images/iconbg.jpg) no-repeat;
}