﻿/* CSS Document */
body{ margin:0 0 0 0; background-color:#fff; padding:0;text-align:center; font-family:Arial MT,Arial,Helvetica;}
td{ font-size:12px;font-family:arial,sans-serif;}

/* head*/
#topmenu {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #fff; HEIGHT: 37px; BORDER-RIGHT-WIDTH: 0px; width:702px; color:#FFFFFF; font-size:12px; background-image:url(IMG/daohang.jpg); padding-left:10px;}
#topmenu UL {
	BORDER-TOP-WIDTH: 0px; CLEAR: left; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px;}
#topmenu LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #fff 0px solid; LINE-HEIGHT: 37px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#topmenu LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none; font-weight:bold;}
#topmenu LI A:hover {
	FONT-WEIGHT: bold; COLOR: #fff; background-image:url(images/line2.gif);
}
#topmenu UL LI#one A {
	WIDTH: 65px;
}
#topmenu UL LI#two A {
	WIDTH: 85px
}
#topmenu UL LI#three A {
	WIDTH: 90px
}
#topmenu UL LI#four A {
	WIDTH: 75px
}
#topmenu UL LI#five A {
	WIDTH: 85px
}
#topmenu UL LI#six A {
	WIDTH: 85px
}
#topmenu UL LI#seven A {
	WIDTH: 85px
}
#topmenu UL LI#eight  A {
	WIDTH: 85px;
}

#topmenu2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: no-repeat right top; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; COLOR: #fff; HEIGHT: 27px; BORDER-RIGHT-WIDTH: 0px;background-color:#26AFD8; border-bottom:1px solid #fff; width:780px; color:#FFFFFF; font-size:12px;
}
#topmenu2 UL {
	BORDER-TOP-WIDTH: 0px; CLEAR: left; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#topmenu2 LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; LINE-HEIGHT: 27px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#topmenu2 LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 65px; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#topmenu2 LI A:hover {
	FONT-WEIGHT: bold; COLOR: #fff; BACKGROUND-COLOR: #DF8431; WIDTH: 65px
}

/* Welcome */
.tdWelcome{width:702px;height:35px;background-image:url(IMG/welcome.jpg);color:white;text-align:left;padding-left:20px}
.tdWelcome a{ color:#fff; text-decoration:none; font-size:12px; line-height:20px;}
.tdWelcome A:hover{ text-decoration:underline;}

/* TopNews */
.indexnews{background:no-repeat url('IMG/news.jpg') center;width:416px;height:40px; padding-left:20px;padding-top:5px;float:left}
.indexnews .ttxw{font-weight:bold; font-size:14px; color:#000; margin:5px 0 0 5px; letter-spacing:2px; float:left;}
.indexnews .ttxw span{ color:#C5C5C5; font-size:12px;}
.indexnews .more a{ margin:5px 0 0 120px; float:left; font-size:12px; font-weight:100; text-decoration:none; color:#000;}}

.topnews a{ font-size:12px; padding-left:20px; color:#000; text-decoration:none;background:url(images/new-cion.gif) no-repeat left;line-height:20px;margin-left:20px }
.topnews A:hover {FONT-WEIGHT: 100; COLOR: #008000; background:url(images/new-cion.gif) no-repeat left; BACKGROUND-COLOR: #F1F1F8;}

/* indexIntroduce */
.indexintroduce{
	background:no-repeat url('IMG/ABOUT US.jpg') left;width:326px;height:40px;padding-bottom:12px;}
.indexintroduce .intro{font-weight:bold; font-size:14px; color:#fff; margin:0px 0 0 23px; letter-spacing:1px; float:left;}	
.indextext{font-size:12px;padding-left:10px;color:#000;line-height:20px;}
.indextext image{margin-top:10px;margin-bottom:10px}
.indextext a{ color:#000; text-decoration:none;}
.indextext A:hover{ text-decoration:underline;}


/* indexCustomer*/
.indexcustomer{background:url('IMG/CUS.jpg') no-repeat left;width:171px;height:60px;padding-left:30px;float:left}
.indexcustomer .cus{font-weight:bold; font-size:14px; color:#fff; margin:4px 0 0 5px; letter-spacing:1px; float:left;}
.indexcuslist{ margin:0 0 0 25px; line-height:20px; float:left;width:702px;}
.indexcuslist ul{float:left; list-style-type:none; margin:0; padding-left:15px; line-height:20px;}
.indexcuslist a{ color:#000; text-decoration:none; font-size:12px; background:url(images/pic01.gif) no-repeat left;line-height:20px;padding-left:20px;margin-left:20px}
.indexcuslist A:hover{ text-decoration:underline;}


/* end */
.endbule{ width:900px; line-height:5px; background-color:#0E69A8; margin:0px 0 0 0;vertical-align:top}
.end{ width:900px; background-image:url(images/endline.gif); height:40px; font-size:12px; color:#000; text-align:center; line-height:16px;}

/* left */
.left{ width:198px; float:left; margin:0 0 0 2px;background-image:url('IMG/fenlan.jpg');vertical-align:top}
.left div{ height:34px;}
.lefttitle{ width:198px;background-image:url('IMG/CUSTMERS.jpg'); height:50px; font-size:14px; color:#fff; letter-spacing:1px; padding-left:15px; font-weight:bold; padding-top:12px;vertical-align:top;}
.leftlist{width:198px; float:left;}
.leftlist td{float:left; list-style-type:none; color:white; line-height:20px;padding-left:5px}
.leftlist a{ color:#000; text-decoration:none; font-size:12px; padding-left:5px;color:white;}
.leftlist A:hover{ text-decoration:underline;color:white;}


.leftlist ul{float:left; list-style-type:none; margin:0; padding-left:5px; line-height:25px;}
.leftlist li a{ color:#000; text-decoration:none; font-size:12px; background:url(images/icon.gif) no-repeat left; padding-left:15px;}
.leftlist li A:hover{ text-decoration:underline;}


.a1 a:hover{ text-decoration:underline;}
.a1 a{ color:#f00; text-decoration:none; font-size:12px; background:url(images/icon.gif) no-repeat left; padding-left:15px;}

.leftclientmore{ width:70px; float:right; height:25px;}
.leftoffice{width:170px; background-color:#fff; float:none; border:1px solid #95B7CE; margin:5px 0 0 0; height:43px;}
.leftoffice img{ width:146px; height:37px; border:0px solid #000; margin:5px 0 0 5px; float:left;}
.leftlinktitle{ width:170px; background-color:#0E69A8; float:left; height:21px; font-size:14px; color:#fff; letter-spacing:3px; padding-left:10px; font-weight:bold; padding-top:3px; margin:5px 0 0 0;}
.leftlink{width:170px; background-color:#fff; float:left; border:1px solid #95B7CE; margin:2px 0 0 0; height:140px;}
.leftlink img{ width:170px; height:50px; border:1px solid #000; margin:3px; float:left;}


/*display*/
.display-content{
border:10px #FFFFFF solid;
width:80%;
line-height:22px;
font-size:14px;color:#000000;
text-indent:19px;
}
.display-title{
text-align:center;
width:80%;
font-family:Arial;
font-size:16px;
color:#003366; line-height:22px
}
.display-ftitle{
text-align:center;
width:80%;
font-family:Arial;
font-size:14px;
color:#003366; line-height:22px
}

/* Seconde */
.detail{line-height:20px;}

/*lwm*/
.qi {
	float: right;
	width: 140px;
}
.flag {
	float: left;
	margin-right: 5px;
	width: 27px;
	margin-top: 10px;
}
.flag a {
	height: 18px;
	width: 27px;
}
.flag a img {
	border: 0;
}
