@charset "gb2312";
body,div,h1,h2,h3,p,ul,li { margin: 0; padding: 0; list-style: none}
body { font-size: 12px;  color: #666;background:#fff url(all_bg.gif) repeat-x; font-family: verdana, arial, helvetica, sans-serif,"ËÎÌå"}
.clear { clear: both}
img { border: 0}

a { 
   color: #2391A1; 
   text-decoration: none
}
a:hover{ 
   color: #2391A1; 
   text-decoration: underline
}
#header {
   width:900px;
   height:auto;
   margin:auto
}
 .top {
   margin-top:10px;
   height:69px
}
 .top a {
   color:#ADADAD
}
 .top .l{
   width:16px;
   float:left;
   height:69px
}
 .top .m{
   width:868px;
   float:left;
   height:69px;
   background:url(head_m.gif) repeat-x
}
 .top .r{
   width:16px;
   float:right;
   height:69px
}
#logo {
   width:390px;
   height:38px;
   float:left;
   margin-top:15px
}
 .top .m .havor {
   float:right;
   width:290px;
   line-height:53px
}
 .top .m .havor li {
   float:left;
   background:url(top_icon.gif) no-repeat 3px 4px;
   padding-left:17px;
   margin-right:12px
}
.nav {
   width:900px;
   height:86px;
   margin:auto;
   overflow:hidden
}
.nav .loginbar {
   width:247px;
   height:86px;
   background:url(top_loginbar_bg.gif) no-repeat;
   float:left;
}
.nav .loginbar .s_nav {
   width:110px;
   line-height:18px;
   float:right;
   font-size:13px;
}
.nav .loginbar .s_nav a {
   padding:0 7px
}
.nav .loginbar p {
   text-align:center;
   text-indent:10px;
   margin-top:53px;
   line-height:25px;
   color:#4FA7B4
}
.nav .menu {
   width:653px;
   height:auto;
   float:right;
   background:url(menu_bg.gif) no-repeat
}
.nav .menu ul {
	margin: 1px 0px 0px
}
.nav .menu li {
	float: left;
    width: 103px; 
	cursor: hand; 
	font-size:14px;
	line-height:51px; 
    height: 51px; 
	text-align: center
}
.nav .menu li a {
	display: block; 
	color:#fff;
	width: 103px; 
	height: 51px
}
.nav .menu li a:hover {
	background: url(menu_topbg.gif) no-repeat 2px 9px;
	width: 103px; 
	color: #EE7115; 
	font-weight:bold;
	height: 29px; 
	text-decoration: none
}
.nav .submenu {
	float: left;
    color:#2391A1
}

.nav .submenu li {
	float: left; 
	padding-top:3px;
	line-height: 32px; 
}
.nav .submenu a {
	color:#2391A1; 
	padding:0 10px
}
.nav .submenu a:hover {
	color: #666; 
}

#main {
   width:900px;
   height:auto;
   margin:5px auto
}
#left {
   width:238px;
   height:auto;
   float:left;
}
#right {
   width:645px;
   height:auto;
   float:right
}
#content {
   width:645px;
   height:auto;
}
#nav_list {
   width:633px;
   height:26px;
   margin-bottom:20px;
   background:url(headline_bg.gif) no-repeat;
   line-height:26px;
   text-align:right;
   padding-right:10px;
   color:#2391A1;
   overflow:hidden
}

#footer {
   width:100%;
   height:auto;
   margin-top:5px;
   background:url(footer_bg.gif) repeat-x;
}
.foot_m {
   width:900px;
   height:50px;
   color:#2391A1;
   margin:auto
}
.foot_m .sub_menu {
   width:550px;
   float:left;
   line-height:47px;
   margin-left:5px
}
.foot_m .sub_menu a {
   padding:0 10px;
   color:#2391A1
}
.foot_m .link {
   width:253px;
   text-indent:35px;
   padding-top:15px;
   float:right;
   height:35px;
   background:url(link_bg.gif) no-repeat
}
.foot_m .link select {
   border:1px #9EBED3 solid;
}
.copyright {
   width:900px;
   height:auto;
   margin:20px auto;
}
.copyright .l_logo {
   width:240px;
   float:left;
   text-align:center;
   line-height:24px
}
.copyright .r_info {
   width:640px;
   height:auto;
   float:right;
   line-height:22px
}
.copyright .r_info p{
   padding-left:35px;
}
.copyright a{
   color:#999
}


/***Ô­index****/

.top_banner {
   width:900px;
   height:235px;
   margin:auto
}
.top_banner .flash1 {
   width:240px;
   height:235px;
   float:left;
   background:url(index_topbanner1.jpg) no-repeat;
   overflow:hidden
}
.top_banner .flash2 {
   width:660px;
   height:235px;
   float:right;
   background:url(index_topbanner2.jpg) no-repeat;
   overflow:hidden
}
.sidebar {
   width:238px;
   height:auto;
   margin-bottom:10px;
   overflow:hidden
}
.sidebar .title {
   width:238px;
   height:45px;
}
.sidebar .cont {
   width:236px;
   height:auto;
   background:#FAFAFA url(sidebar_bg.gif) no-repeat;
   border-left:1px #E6E6E6 solid;
   border-right:1px #E6E6E6 solid;
   padding:5px 0
}
.sidebar .but {
   width:238px;
   height:11px;
}
.sidebar .cont .serives_menu {
   width:198px;
   height:auto;
   margin:auto
}
.sidebar .cont .serives_menu li {
   width:198px;
   height:43px;
   line-height:43px;
   font-weight:bold;
   text-indent:55px;
   background:url(left_bg.gif) no-repeat;
   margin:3px 0
}
.sidebar .cont .serives_menu li a {
   color:#555;
   display:block;
   width:198px;
   height:43px
}
.sidebar .cont .serives_menu li a:hover {
   color:#fff;
   width:198px;
   height:43px;
   background:url(left_bg1.gif) no-repeat 0 0;
}
.sidebar .cont .global_link {
   width:210px;
   height:auto;
   margin:auto
}
.sidebar .cont .global_link li {
   width:88px;
   height:31px;
   float:left;
   margin:10px 7px;
   display:inline
}
.sidebar .cont .global_link img {
   width:88px;
   height:31px
}

#msg {
   width:643px;
   height:26px;
   margin-bottom:20px;
   background:url(headline_bg.gif) no-repeat;
   line-height:26px;
   text-indent:145px;
   color:#2391A1;
   overflow:hidden
}
#nav_top {
   width:633px;
   height:26px;
   background:url(nav_top_bg.gif) no-repeat;
   margin-bottom:20px;
   line-height:26px;
   text-align:right;
   padding-right:10px;
   color:#2391A1;
   overflow:hidden
}
.l_box {
   width:394px;
   height:auto;
   float:left;
}
.l_box .news_cont {
   width:394px;
   height:auto;
   margin-bottom:15px;
}
.l_box .title_list {
   width:394px;
   height:45px;
   background:url(title_list_bg.gif) no-repeat;
   margin-bottom:10px;
}
.l_box .title_list .tit_pic{
   width:100px;
   float:left;
   margin-top:7px;
   display:inline
}
.l_box .title_list .r_list {
   width:195px;
   float:right;
   margin-top:20px;
   display:inline
}
.l_box .title_list .r_list a {
   color:#696969;
   padding:0 7px
}
.l_box .news_cont li {
   line-height:24px;
   border-bottom:1px #888 dotted;
   padding-left:5px
}
.l_box .news_cont li a{
   padding-left:10px
}
.l_box .serve {
   width:394px;
   height:auto;
   margin:15px 0 5px 0
}
.l_box .art_cont {
   width:394px;
   height:auto;
}
.l_box .art_cont li {
   line-height:23px;
   border-bottom:1px #888 dotted;
   padding-left:15px;
   background:url(arrow.gif) no-repeat 3px 10px
}
.r_box {
   width:237px;
   height:auto;
   float:right
}
.r_box .case {
   width:237px;
   height:auto;
   background:url(index_right_bg1.gif) no-repeat
}
.r_box .case .tit {
   width:72px;
   height:32px;
   margin:15px 0 15px 48px;
   clear:both
}
.r_box .case .c_list {
   width:204px;
   height:300px;
   margin:auto;
  margin-bottom:10px;
   line-height:24px;
   overflow:hidden
}
.r_box .case .c_list li {
   margin-bottom:5px;
   text-align:center
}
.r_box .case .c_list img {
   width:200px;
   height:140px;
   padding:1px;
   border:1px #D0D0D0 solid
}
.r_box .contact {
   width:237px;
   height:auto;
   margin-top:10px;
   background:url(index_right_bg2.gif) no-repeat  right;
}


/* about */
.about_banner {
   width:900px;
   height:170px;
   margin:auto
}
.about_banner .flash1 {
   width:240px;
   height:170px;
   float:left;
   background:url(about_banner1.jpg) no-repeat;
   overflow:hidden
}
.about_banner .flash2 {
   width:660px;
   height:170px;
   float:right;
   background:url(about_banner2.jpg) no-repeat;
   overflow:hidden
}
.about_banner .flash3 {
   width:240px;
   height:170px;
   float:left;
   background:url(news_banner1.jpg) no-repeat;
   overflow:hidden
}
.about_banner .flash4 {
   width:240px;
   height:170px;
   float:left;
   background:url(case_banner.jpg) no-repeat;
   overflow:hidden
}
.about_banner .flash5 {
   width:240px;
   height:170px;
   float:left;
   background:url(service_banner1.jpg) no-repeat;
   overflow:hidden
}
.about_top_tit {
   width:645px;
   height:49px;
   background:url(about_r_bg.gif) no-repeat;
   padding-top:10px;
}
.about {
   width:645px;
   height:auto;
   margin-top:15px;
   line-height:27px;
   font-size:14px;
   text-indent:25px
}
.about img {
   float:left;
   margin:0 10px 10px 0;
   display:inline
}

/* news */
.news {
   width:645px;
   height:auto;
   margin-top:15px;
   font-size:14px;
}
.news li { 
   background: url(arrow.gif) no-repeat 5px 13px; 
   padding-left: 15px;
   border-bottom:1px #888 dotted;
   line-height:29px
}
.news .data { 
   float: right; 
   font-size: 12px; 
   color: #a3a3a3;
   line-height:29px;
   padding-right:5px;
}
.page {
   width:600px;
   height:28px;
   margin:20px auto;
   text-align:center
}
.page a{
   color:#666
}
/* info */
.info {
   width:645px;
   height:auto;
   margin-top:15px;
   line-height:26px;
   font-size:14px
}
.info .title {
   width:645px;
   height:35px;
   line-height:35px;
   margin:10px auto;
   font-size:16px;
   font-weight:bold;
   color:#FFA006;
   text-align:center
}
.info .data {
   width:645px;
   height:20px;
   line-height:20px;
   margin-bottom:25px;
   font-size:12px;
   text-align:center;
   border-top:1px #999 solid
}
.info p {
   text-indent:25px;
}

/* case */
.case {
   width:643px;
   height:120px;
   margin-bottom:20px;
   background:#F8F8F8;
   border:1px #DCF1F2 solid
}
.case .l_co {
   width:235px;
   height:120px;
   float:left;
   background:url(case_bg.gif) no-repeat
}
.case .l_co img {
   width:130px;
   height:90px;
   border:1px #fff solid;
   margin:8px 0 0 10px
}
.case .r_co {
   width:380px;
   float:right;
   line-height:21px;
   padding-top:10px;
   display:inline
}
.case .r_co .name {
   color:#2391A1;
   font-size:14px;
   font-weight:bold
}
.case .r_co .tt {
   color:#E12600;
   margin-right:5px;
}
/* guess */
.guess {
   width:645px;
   height:auto;
   margin-top:15px;
}
/* service */
.service_list {
   width:280px;
   height:150px;
   float:left;
   margin:10px 10px;
   padding:5px 10px;
   text-indent:0px;
   line-height:23px;
   border:1px #DCF1F2 solid;
   background:#F5FBFB url(service_list_bg.gif) repeat-x;
   font-size:12px;
   color:#3d3d3d;
   display:inline;
}
.service_list li {
   padding-left:15px;
   line-height:23px;
   background:url(arrow1.gif) no-repeat 3px 10px;
}
.service_list h3 {
   width:280px;
   height:35px;
   text-align:center;
   line-height:30px;
   color:#2391A1;
   font-size:14px;
   font-weight:bold
}
.service_list a {
   color:#2391A1
}
.service_list a:hover {
   color:#F66B05
}