/*-------------------------css reset---------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,button,textarea
{margin:0;padding:0;}
img,table,form,iframe,fieldset{border:0;}
table {border-collapse: collapse;border-spacing: 0;}
ul,ul li{list-style-type:none;}
button,label,input{cursor:pointer;}
body{font:12px Arial, "宋体", sans-serif;color:#666;text-align:center;line-height:16px;background:url(../images/bg.gif) #B91A1F repeat-y center 141px}
a{color:#5d5d5d;text-decoration:none;}
a:hover{
	color:#333;
	text-decoration:underline;
}
/*-------------------------public tag---------------------------------------------*/
h1,h2,h3,h4,h5,h6{overflow:hidden;zoom:1;}

h1{
	background-image: url(../images/bg-h1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h1 span{
	float:left;
	margin-left:63px;
	margin-top: 2px;
}
h1 span a{
	float:left;
	color:#BB041C;
	font-size:14px;
	font-weight:bold;
	margin-top:4px;
	width: 200px;
}
.clh1 span a{
	float:left;
	color:#BB041C;
	font-size:14px;
	font-weight:bold;
	margin-top:4px;
}
h1 span a:hover{color:#BB041C;text-decoration:none;}
h1 ins{
	float:right;
	margin-right:8px;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	margin-top: 4px;
}
h1 ins a{float:none;margin:0;}
h1 a{
	font-weight:normal;
	float:right;
	font-size:12px;
	margin-right:8px;
	color:#666;
}
h1 a:hover{}
.msg-list{border:1px solid #A5C0D3;margin-top:15px;}
.msg-list td{border:1px solid #A5C0D3;padding:3px;}
.msg-list a{color:#273e1f}
.msg-list a:hover{text-decoration:underline;color:#c20115}
.msg-list strong{color:#067500;}
h2{line-height:27px;background:url(../images/bg-h2.gif) no-repeat left bottom;}
h2 span{float:left;margin-left:12px;}
h2 span a{float:none;color:#fff;font-size:14px;font-weight:bold}
h2 span a:hover{color:#fff;text-decoration:none;}
h2 a{font-weight:normal;float:right;font-size:12px;margin-right:8px;color:#666;}
h2 a:hover{}

h3{line-height:29px;background:url(../images/bg-h32.gif) no-repeat left bottom;}
h3 span{float:left;margin-left:12px;}
h3 span a{float:none;color:#fff;font-size:14px;font-weight:bold}
h3 span a:hover{color:#fff;text-decoration:none;}
h3 a{font-weight:normal;float:right;font-size:12px;margin-right:8px;color:#666;}
h3 a:hover{}

h4{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0B8BBD;
}
h4 span{float:left;font-size:14px;color:#f4e7e0;margin-left:5px;background:url(../images/bg-h4.gif) no-repeat;padding-left:12px;}
h4 span a{color:#333}
h4 ins{float:right;margin-right:10px;color:#666;text-decoration:none;font-size:12px;font-weight:normal}
h4 ins a{margin:0 5px;color:#666}

h5{padding-top:8px;background:url(../images/bg-h5.gif) no-repeat left bottom;}
h5 span{float:left;;margin-left:30px;}
h5 span a,h5 span a:hover{border:0;float:none;font-size:14px;color:#e47600;text-decoration:none;font-weight:bold;}
h5 a{padding-left:10px;border-left:1px #cacaca solid;float:right;font-size:12px;color:#888;text-decoration:underline;margin-bottom:3px;height:20px;font-weight:normal}
h5 a:hover{text-decoration:none;}

h6{padding-top:8px;background:url(../images/bg-h6.gif) no-repeat left bottom;}
h6 span{float:left;;margin-left:40px;}
h6 span a,h6 span a:hover{font-weight:bold;border:0;float:none;font-size:14px;color:#BB041C;text-decoration:none}
h6 a{padding-left:10px;border-left:1px #cacaca solid;float:right;font-size:12px;color:#888;text-decoration:underline;margin-bottom:3px;height:20px;font-weight:normal}
h6 a:hover{text-decoration:none;}
/*----------------------header-----------------------------------*/
  #header{width:100%;height:141px;background:url(../images/bg-header.gif)}
  .header{width:962px;margin:0 auto;text-align:left;}
    .header .info{text-align:right;padding-top:15px;vertical-align:middle;}
	  .header .info strong{color:#fff;font-size:16px;margin-right:15px;}
	  .header .info a{background:url(../images/ico-a.gif) no-repeat left 3px;;padding-left:10px;margin:0 6px;color:#FFCECE;}
	  .header .info input{border:0;color:#fff;width:53px;height:17px;background:url(../images/bg-lang.gif);font-size:12px;margin-left:5px;}
  .nav{zoom:1;margin-top:10px;}
  .nav-logo{float:left}
  .menu{float:left;width:783px;height:60px;background:url(../images/bg-nav.gif)}
  
  .nav li{position:relative;float:left;display:inline;margin-left:3px;text-align:center;}
	.nav li a{color:#fff;display:block;font-weight:bold;margin-top:8px;width:80px;height:36px;padding-top:10px;}
	.nav li a:hover{text-decoration:none;background:url(../images/bg-nav-ed.gif);color:#fff;}
	.nav li small{
	font-size:11px;
	font-weight:normal;
	display:block;
	margin-top:-3px;
}
	.nav li.none{}
	  .nav li.none span{display:none}
	  .nav li.look span{
	position:absolute;
	text-align:left;
	display:block;
	width:420px;
	line-height:35px;
	color:#FF0000;
	padding-top:4px;
	background:url(../images/bg-subnav.gif) no-repeat;
}
.nav li.look span a{font-size:12px;font-weight:normal;margin:0 8px;color:#FFB5B5;display:inline}
.nav li.look span a:hover{font-weight:bold;color:#fff;display:inline;background:none}	

#home{margin-left:12px;}
#index #home a,#about #about-bg a,#product #product-bg a,#solution #solution-bg a,#client #client-bg a,#wiki #wiki-bg a,#tendency #tendency-bg a,#message #message-bg a,#contact #contact-bg a{background:url(../images/bg-nav-ed.gif);}

#index #home span a,#about #about-bg span a,#product #product-bg span a,#solution #solution-bg span a,#client #client-bg span a,#wiki #wiki-bg span a,#tendency #tendency-bg span a,#message #message-bg span a,#contact #contact-bg span a{background:none}

/*---------------------------layout--------------------------------------*/  
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;}

.wrapper{margin:auto;width:960px;text-align:left;background:#fff;padding-left:10px;padding-top:10px;padding-bottom:10px;} 
.content{}
  .content-sidebar{float:left;width:211px;overflow: visible;}
  .search{height:61px;background:url(../images/bg-search.gif);margin-bottom:10px;}
    .search p{padding:4px 10px;}
	.search input{color:#999;border:1px #b6b6b6 solid;width:188px;}
	.search input.btn-search{
	width:53px;
	height:20px;
	color:#fff;
	background:url(../images/btn-search.gif);
	margin-left:10px;
	padding-top: 2px;
}
	.search select{width:125px;} 
	
  .main{float:right;width:739px;}
 .side-faq{margin-top:10px;}
 .side-faq .list{border:1px #d0d0d0 solid;border-top:0}
 .side-faq .list li{background:url(../images/ico-li2.gif) no-repeat left}
 .side-faq .list li a:hover{color:#FF0000;}
  .list{padding:5px 10px 5px;}
    .list li{overflow:hidden;zoom:1;background:url(../images/ico-li.gif) no-repeat left;padding-left:10px;line-height:23px;}
	  .list li a{float:left;vertical-align:middle;color:#666}
	  .list li a:hover{color:#e47600;}
	  .list li span{float:right;}
	  .list li tt{float:right;width:155px;text-align:left}
.news-faq{margin-top:5px;}	  
.news-faq .list li{background:url(../images/ico-li2.gif) no-repeat left;}	  
.news-faq .list li a:hover{color:#FF0000;}

.focus{overflow:hidden;zoom:1;}
.focuss{overflow:visible;zoom:1;height:252px;background:url(../images/bg-focus.gif) no-repeat bottom;padding-bottom:11px;}
  .pic{width:668px;float:left;}
  .pics{
	width:668px;
	float:left;
	background-image: url(../images/focus.gif);
	background-repeat: no-repeat;
	height: 252px;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
  .news{float:right;width:245px;padding-right:22px;height:252px;}

#about-focus{padding:0;height:132px;}
  #about-focus .news{height:132px;}
  #about-focus .news li{line-height:22px;}
.side-wiki h2{background:url(../images/bg-h3.gif) no-repeat left bottom;}
.side-wiki .list{border:1px #d0d0d0 solid;border-top:0}
.side-wiki .list li{background:url(../images/ico-li3.gif) no-repeat left}
.side-contact{margin-top:10px;background:url(../images/bg-contact.gif);height:106px;color:#dd1010}
  .side-contact ul{margin-left:10px;}
  .side-contact li{line-height:1.4;}
  .side-contact li strong{color:#dd1010;font-size:16px;font-family:Arial;}
  .side-contact li a{color:#dd1010;font-weight:bold}
  .side-contact p{margin-left:10px;padding-top:10px;}
  .side-contact p img{vertical-align:middle}
  .side-contact p a{color:#dd1010;font-size:16px;font-weight:bold;margin:0 8px;}
.side-about{margin-top:10px;}
  .side-about p{border:1px #d2d2d2 solid;padding:8px;}
  .side-about img{float:left;margin:10px;}
.side-honnor{margin-top:10px;}
  .side-honnor dl{
	text-align:center;
	border:1px #d2d2d2 solid;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 6px;
}
  .side-honnor dl a{color:#FF0000}
.product{overflow:hidden;zoom:1;padding:10px;border-left:5px #e6ebf0 solid;border-right:5px #e6ebf0 solid;border-bottom:5px #e6ebf0 solid;background:#f8fafd;}
  .product dl,#recommend dl{float:left;display:inline;margin-left:28px;margin-top:12px;}
  .product dd,#recommend dl{line-height:1.4;color:#333;}
  .product dt a img,#recommend dt a img{}
  .product dt a:hover img,#recommend dt a:hover img{}
  
.show{margin-top:10px;}  
  .show div{border:1px #d0d0d0 solid;border-top:0;zoom:1;}
  .show dl{text-align:center;float:left;margin:10px;width:126px;display:inline;}
  .show dt{}
  .show dd a{font-weight:bold;font-size:14px;color:#990000;}
	/*----------------------footer-----------------------------------*/
	#footer{width:100%;background:url(../images/bg-footer.gif);height:207px;}
	.footer{color:#444;clear:both;overflow:hidden;zoom:1;width:972px;margin:0 auto;}
	.footer p{text-align:left;margin-left:15px;color:#FFB9B9}
	.footer p a,.footer p a:hover{color:#FFB9B9;}
	.footer .logo{float:left;width:207px;margin-top:45px;}
	.footer .copyright{float:left;margin-left:10px;}
	.footer .copyright .link{color:#FFB9B9;}
	  .footer .copyright .link a{color:#FFB9B9;margin:0 5px}
	.footer .copyright .map{width:655px;line-height:26px;background:url(../images/bg-map.gif);color:#fff;text-align:center;margin:20px 0 10px;}
	.footer .copyright .map a{margin:0 10px;color:#fff;}
	.footer strong{color:#e95210;font-size:14px}
	
/*-------------------------about----------------------------------*/
.submenu-top{height:16px;background:url(../images/bg-submenu-top.gif);}
.submenu{background:#BB041C;padding-left:8px;}
.submenu li{background:url(../images/btn-submenu.gif);width:195px;height:28px;line-height:28px;margin-top:5px;}
.submenu a{font-size:14px;color:#333;font-weight:bold;margin-left:35px;}
.submenu a:hover{color:#343434}
.submenu-bottom{margin-bottom:10px;height:16px;background:url(../images/bg-submenu-bottom.gif);}

.ad{margin-top:10px;height:66px;}

#about h1 span{margin-left:75px;}
#about-text p{text-indent:2em;color:#737373;padding-top:10px;}
#about-text p img{float:left;margin-right:20px;}
#recommend dl{text-align:left;margin-top:22px;}
#recommend dl a{font-size:12px;color:#666;font-weight:normal;}
#about-main{
	float:left;
	padding-left:10px;
	padding-top:16px;
	background:url(../images/bg-main-about.gif) no-repeat left top;
	overflow: hidden;
}
.text{height:46px;background:url(../images/bg-text.gif);}
.text p{color:#e9f9ff;line-height:1;font-size:14px;padding-top:8px;margin-left:15px;}
.text span{color:#003d55;}
/*-------------------------contact----------------------------------*/
.contact{margin-top:20px;color:#BB041C;background:url(../images/bg-contact2.jpg) no-repeat right top;}
  .contact li{line-height:2;}
  .contact .title{font-size:18px;font-weight:bold;}
/*-------------------------contact----------------------------------*/
#about-text .list li{background:url(../images/ico-li4.gif) no-repeat left center;border-bottom:1px #dbe2e9 solid;line-height:2;}
#about-text .list li span{color:#06643a;}
/*-------------------------tendency----------------------------------*/
#tendency h1 span{margin-left:80px;}
.page{overflow:hidden;zoom:1;}
  .page var{float:right;font-style:normal;}
  .page var a,.page var span{margin:0 6px;}
  .page var a:hover{color:#d31300;}
  .page tt{float:left;font-style:normal}
  .page tt span{margin:0 5px;}
  
#recommend .list{float:left;width:330px;}
  #recommend .list li{background:url(../images/ico-li2.gif) no-repeat left}
  #recommend .list a:hover{color:#0665b7;}
/*-------------------------news-detail----------------------------------*/
#about-text h6{text-align:center;font-size:18px;padding-top:20px;color:#006f9a;border-bottom:1px #dadada solid;padding-bottom:10px;background:none;}

.about-text{color:#333;background:url(../images/bg-about.gif) repeat-x top;margin-top:0}
  .about-text p.about-title{font-weight:bold;text-indent:0;padding-top:20px;}
 .about-text p{text-indent:2em;padding:10px;}
 
 .article{margin-top:35px;border-top:1px #ccc solid}
  .article ul{}
    .article li{margin-top:10px;overflow:hidden;zoom:1}
	  .article a{float:left}
	    .article span{float:right}
		.article a img{float:right;border:none}
		.article span a{float:none;color:red;margin:0 5px}
.article table{}	
  .article td{text-indent:1em;line-height:35px;border-bottom:1px #ccc solid;background:#eee;}		
 .article td a{margin-left:6px;float:none;}	
 .article td a:hover{color:#1a75aa;font-weight:bold;}
/*-------------------------message----------------------------------*/
#word{}
  #word textarea{width:550px;height:110px;border:1px #046699 solid}
  #word span{color:red;margin:0 5px}
  #word p{margin-top:15px;padding:0;text-indent:0;}
  #word input{border:1px #046699 solid}
  #word input.reset{border:0;width:66px;height:25px;background:url(../images/btn-reset.gif);margin:0 10px;}
  #word input.confirm{border:0;width:66px;height:25px;background:url(../images/btn-confirm.gif);margin:0 10px}
  .confirm12{border:0;width:78px;height:32px;background:url(../images/btn-confirm12.gif);margin:0 10px}
  #word img{margin:0 15px}
  #word label{margin-left:5px}
  #word #topic{width:550px}
  #msg{float:left}
  #word p img{float:none;margin:0;}
#word input.radio{border:0;width:auto;height:auto;}  
/*-------------------------solution----------------------------------*/ 
#solution-dl{width:330px;margin-left:20px;margin-top:10px;}	
  #solution-dl dd a{font-size:14px;font-weight:bold;color:#555}
#solution h1 span{margin-left:50px;}

.comment{width:95%;margin-top:20px;background:#eaf2f7;}
  .comment td{padding:5px;border:1px #c4d7e5 solid;}
  .comment td.txt{background:#fff}
  .comment textarea{width:600px;margin-left:46px;height:90px;}
  .comment .submit{margin-left:180px;border:0;width:78px;height:25px;background:url(../images/btn-submit.gif)}
/*-------------------------client----------------------------------*/  
#client h1 span{margin-left:80px;}
#client-dl{width:198px;margin-left:28px;}
#client-dl dd{line-height:2}
#client-dl dd a{font-weight:bold;}
#client-dl dd a:hover{color:#0486c0}
/*-------------------------wiki----------------------------------*/  
#wiki h1 span{margin-left:80px;}
/*-------------------------product----------------------------------*/ 
#about-text .pro-big{margin-top:10px;}
#about-text .pro-big img{float:left;margin-right:10px;margin-left:25px;}
#about-text .pro-big p{text-indent:0;margin-top:0;padding:0}
#about-text .pro-big p strong{font-size:14px;}

#product h1 span{margin-left:80px;}
#product h6{border-bottom:0;}
.pro-nav{background:#0b8bbd;}
.pro-nav td{padding:5px;text-align:center;border:1px #fff solid;}
.pro-nav td a{font-weight:bold;color:#fff;}
.pro-nav td a:hover{color:#eee;}
.pro-nav td.top{border-top:0;}
.pro-nav td.cl{background:#8ec9e0}
#case-menu{height:251px;background:url(../images/bg-case.gif)}
.case-detail{border:1px #e0e0e0 solid}
  .case-detail td{border:1px #dbe2e9 solid;color:#666;padding:5px;}
	.case-detail td span{color:red;}	
.case-table,.case-table td{border:0}	
.function a{margin:0 10px;color:red;}
.client a:hover{font-weight:bold;color:#1a75aa}
/*--------------------------------------------------------*/
.catalog{
	background:#BB041C;
	margin-bottom:10px;
	padding-bottom:10px;
}
.Accordion {
	width:195px;
	margin:auto;
}

.AccordionPanel {
	
}

.AccordionPanelTab {
	line-height:28px;
	height:28px;
	cursor: pointer;
	text-align:left;
	color:#343434;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
	background:url(../images/ico-title2.gif);
	margin-top:5px;
	padding-left:30px;
	font-size:14px;
}
.AccordionPanelTab span{}

.AccordionPanelContent {
	padding:5px;
}
.AccordionPanelContent dl{
	font-weight:bold;
	color:#f6ed03;
	font-size:14px;
	margin-left:10px;
	height: 270px;
}
  .AccordionPanelContent dd{
	color:#ddd;
	line-height: 22px;
}
  .AccordionPanelContent dd a{color:#333;font-weight:bold;padding:2px;}
  .AccordionPanelContent dd a:hover{color:#fff;background:#dd9700;text-decoration:none;}

.AccordionPanelOpen .AccordionPanelTab {
	background:url(../images/ico-title.gif);
	color:#fff;
}

.AccordionPanelTabHover {
	
}
.AccordionPanelOpen .AccordionPanelTabHover {
	
}

.AccordionFocused .AccordionPanelTab {
	
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	
}


.texttitle {COLOR: #C10001}
.texttitle  A:link {COLOR: #C10001; TEXT-DECORATION: none}
.texttitle A:visited {COLOR: #C10001; TEXT-DECORATION: none}
.texttitle A:hover {COLOR: #C10001; TEXT-DECORATION: underline}
.texttitle A:active {COLOR: #C10001; TEXT-DECORATION: none}

#imgTitle {
	FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
}
#imgTitle_up {
	LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
}
#imgTitle_down {
	LEFT: 0px; TEXT-ALIGN: right
}

#txtFrom {
	VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.button {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #7b7b63; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.button {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:link {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:visited {
	COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
A.button:hover {
	BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
.buttonDiv {
	BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
}
.trans {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
}
.AccordionPanelContent dt {
	line-height: 23px;
}
.rightfaq {
	float: left;
	height: 136px;
	width: 254px;
	margin-top: 10px;
}
.h3321 {
	background-image: url(../images/bg-h321.gif);
	background-repeat: no-repeat;
}
.proad {
	float: left;
	margin-left: 8px;
}
.rightfaq .list {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	border-left-color: #D0D0D0;
}
#drafter {
	float: left;
	width: 720px;
	height:385px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-top: 10px;
	scrollbar-3dlight-color: #FFFFFF; 
scrollbar-arrow-color:  #1948B4; 
scrollbar-darkshadow-color: #1948B4; 
scrollbar-face-color: #DAE6FF; 
scrollbar-highlight-color: #DAE6FF; 
scrollbar-shadow-color: #DAE6FF; 
scrollbar-track-color: #FFFFFF; 

}