@charset "utf-8";
/* CSS Document */

/* command */
html{-webkit-text-size-adjust:none;}
body{margin:0; padding:0; color:#333; font:12px/135% Arial,Verdana,Helvetica,sans-serif; background:url(../../common/images/body_bg.gif) repeat-x 0 100px;}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin:0; padding:0; border:none;}
input,button{margin:0; padding:0;}
textarea{font-size:12px; padding:6px 5px;}
ol,ul{list-style-type:none;}

a{color:#464646; text-decoration:none;}
a:hover{color:#090; text-decoration:underline;}
a:foucs{outline:none;}

.clear{clear:both;}
.clearfix,.header,.lang ul,.main,ul.list{zoom:1;} 
.clearfix:after,.header:after,.lang ul:after,.main:after,ul.list:after
{content:"."; display:block; overflow:hidden; height:0; clear:both; visibility:hidden;}

.header,.banner,.lang,.main,.footer{width:1003px; margin:0 auto;}


/* index page style */
.header{background:url(../../common/images/header_bg.png) no-repeat right bottom; height:98px;}
	.header h1.logo{float:left; padding:0; margin:20px 0 0 0; width:247px; height:62px; _display:inline;}
	.header h1.logo a{display:block; background:url(../../common/images/logo.png) no-repeat 0 0; width:247px; height:62px; text-indent:-9999em; overflow:hidden;}
	a.top_email{float:left; width:300px; height:70px; margin:20px 0 0 68px; text-indent:-999em;}

.banner{height:283px; overflow:hidden; margin:25px auto 15px auto;}

.lang{position:relative;}
	.lang ul{border:1px solid #ddd; padding:6px 8px 0 8px;}
	.lang ul li{float:left; width:93px; height:27px; margin:0 4px 10px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
		.lang ul li:hover{border-right:1px solid #787878; border-bottom:1px solid #787878;}
		.lang ul li.curLang{display:none;}
	a.moreLang{display:block; position:absolute; right:8px; top:15px; background:url(../../common/images/more.gif) no-repeat 0 0; width:56px; height:19px; color:#fff; line-height:19px; padding-left:10px; cursor:pointer;}
		a.moreLang:hover{color:#fff; text-decoration:none;}

.main{margin:15px auto;}
	.left{float:left; width:247px;}
	.right{float:right; width:728px;}
		.aboutImg{width:728px; height:97px; position:relative;}
			.aboutImg span{display:block; position:absolute; top:14px; left:16px; float:left; background:url(../../common/images/aboutTbg.gif) no-repeat 0 0; height:20px; line-height:20px; text-align:center;}
			.aboutImg b{display:block; padding:0 17px 0 10px; color:#fff; background:url(../../common/images/aboutTbg2.gif) no-repeat right;}
	.article{color:#666; margin:15px 0;}
		.article p{line-height:21px; margin-bottom:20px;}
	.contact_content{padding:15px 25px;}
		.tel{height:64px; line-height:64px; background:url(../../common/images/ico_tel.png) no-repeat left; border-bottom:1px dashed #999; padding-left:60px; font-size:28px;}
		.contact_content p{line-height:24px;}

.footer{margin:20px auto; height:84px; text-align:center; color:#666; border-top:3px solid #104ba9; background:#f2f2f2;}
	.copyright{height:42px; line-height:42px; margin-top:10px;}
	.flowBar{width:80px; margin:0 auto;}
		.baidu,.cnzz{float:left; margin-right:5px;}	

	
/* box */
.box{margin-bottom:12px; position:relative; z-index:99;}
	.box h4{border:1px solid #dcdcdc; height:30px; line-height:30px; margin:0; padding:0; overflow:hidden; font-size:11px; text-transform:uppercase;}
		.box h4 em{display:block; float:left; text-align:center; padding:0 8px; font-style:normal; margin:0; height:30px; line-height:30px; color:#fff;}
			.box h4 em a, .box h4 em a:hover{color:#fff; text-decoration:none;}
		.box h4 span{display:block; float:right; width:60px; text-align:right; padding-right:10px; font-weight:normal; font-size:10px;}
	
	.boxC{border:1px solid #ddd; background:#fff;}	
	.box_blue{}
		.box_blue h4{border-bottom:2px solid #104ba9; background:#f8f8fe;}
		.box_blueBg h4{background:url(../../common/images/box_grayBg.gif) repeat-x 0 0;}
			.box_blue h4 em{background:#104ba9;}
			.box_blueBg h4 em{background:url(../../common/images/box_blueBg.gif) repeat-x 0 0;}
			.box_blue h4 span a,.box_blue2 h4 span a{color:#104ba9; text-decoration:none;}
				.box_blue h4 span a:hover,.box_blue2 h4 span a:hover{color:#104ba9; text-decoration:underline;}
	
	.box01 .boxC,.box02 .boxC{width:245px; position:absolute; overflow:hidden; z-index:100;}
	.box01{height:674px; /* +40px */} .box01 .boxC{height:634px;} .box01 .boxC ul.list{height:557px; overflow:hidden;}
	.box02{height:658px; /* +35px */} .box02 .boxC{height:623px;} .box02 .boxC ul.list{height:540px; overflow:hidden;}
		
/* list */
ul.list{padding:18px 0 18px 10px;}
	ul.list li{float:left; line-height:18px; padding:3px 0; _display:inline;}
	ul.list_blue li{background:url(../../common/images/dot.gif) no-repeat 0 9px; padding-left:11px; margin-right:6px;}
	ul.list_one li{width:220px; overflow:hidden;}
	ul.list_two li{width:100px; overflow:hidden;}
	.showMore{margin:0 10px; height:24px; background:url(../../common/images/btn_bg.gif) repeat-x 0 0; cursor:pointer; text-align:center; line-height:24px; color:#104ba9; font-weight:bold; border:1px solid #c5c5c5; text-transform:uppercase;}
	
ul.clientList{padding:15px 0 0 20px;}
	ul.clientList li{float:left; padding-bottom:8px; margin-right:19px; width:122px; height:55px; _display:inline;}
	ul.clientList li img{width:120px; height:40px; border:1px solid #e6e6e6;}

/* right float chat panel style */		
#middle_nav_r a{padding:0 15px 0 15px; color:#fff; line-height:36px;}
#siderIMchat_hiddenbar{background:url(../templets/img/siderim_hiddenbar.gif) 0 0; width:33px; height:158px;}
#siderIMchat_main{background: url(../templets/img/siderim_title.gif) no-repeat 0 0; margin:0; width:170px; overflow:hidden;}
#siderIMchat_main .top{background: url(../templets/img/siderim_title.gif) 0 0; height:34px;}
#siderIMchat_main .infobox{padding:5px; font-weight:700; background:url(../templets/img/siderim_infobox.gif) #bdc5cb no-repeat 0 0; text-align:center; color:#000; line-height:14px;}
#siderIMchat_main .bg{padding:5px 0 5px 0; background:url(../templets/img/siderim_bg.gif) 0 0;}
#siderIMchat_main ul{padding:0 0 0 10px; margin:0; background: url(../templets/img/siderim_bg.gif) 0 0;}
#siderIMchat_main ul li{list-style:none none outside; float:left; width:180px; text-align:left; line-height:30px; height:30px;}
.pushdown-2{clear:both; margin-top:10px; width:100%; text-align:center;}
#siderIMchat_main .bottom{background:url(../templets/img/siderim_bottom.gif) 0 0; width:100%; height:9px}

/* base */
.gap{height:20px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.indent{text-indent:2em;}
li.last{margin:0; padding:0;}