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

body,td,th {font-size: 12px;}
body {font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;} 
img { border:0;}
body,div,p,ul,li,h3,h4,h2,form{ margin:0px; padding:0px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
ul li,ol li{list-style:none;}
.text { border:#ccc 1px solid;}
hr{ height:1px;border:none;border-top:2px dotted #666666;margin:30px 0px 10px 0px;float:none;*float:left;display:block;}
.clear { clear:both;}
.left { float:left;}
.right { float:right;}

#header { float:left; width:100%; background:#ECF2F4 url(../images/top_bkg.jpg) repeat-x; height:136px;}

  #header_main { margin:0px auto; width:960px;}
    #header_top { float:left; height:86px; width:960px;}
      #top_logo { float:left; width:360px; height:86px; text-align:center;}
      #top_tool { float:left; width:560px; text-align:right; color:#999999; font-size:10px; padding-top:10px;}

    #header_nav { float:left; width:600px;  height:30px; margin:12px 0 0 30px;line-height:normal;}
      #header_nav ul {margin:0;padding:0px;list-style:none; font-weight:bold;}
      #header_nav li {float:left;margin:0 3px 0 0;padding:0;}
      #header_nav .in,#header_nav a {float:left;background:url(../images/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
      #header_nav .in span,#header_nav a span {float:left;display:block;background:url(../images/tabright.gif) no-repeat right top;padding:8px 15px 8px 11px;color:#525C69;}
      #header_nav a span {float:none;}
      #header_nav .in span,#header_nav a:hover span {color:#FFF;}
      #header_nav .in,#header_nav a:hover {background-position:0% -42px;}
      #header_nav .in span,#header_nav a:hover span {background-position:100% -42px;}



#div_content { margin:0px auto; width:960px;}


  .picshow_main {position: relative; width:960px; height: 250px; margin:5px 0px 0px 0px;}
  .picshow_main .imgbig {	filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width:960px; height: 250px;}
    .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 820px;}
    .picshow_change img {width:20px; height: 15px;}
    .picshow_change a {	border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline;}
    a.axx {	border-color: #555;}
    a.axx:hover {border-color: #000;}
    a.axx img {	filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4;}
    a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
    a.bxx {	border-color: #000;}
    a.bxx:hover {border-color: #000;}

  #index_main {float:left; width:960px; margin-top:10px;}

    #index_main_left {float:left;width:648px;margin-right:22px;}
      #index_main_about,#index_main_guest {float:left;width:648px;background:url(../images/index_bg.jpg) no-repeat; height:200px;}
      #index_main_about h3,#index_main_guest h3 { float:left; background:url(../images/index_bg.jpg) no-repeat 0px -340px; width:100px; height:26px; line-height:26px; font-weight:bold; text-align:center; font-size:12px;}

      #index_main_about .maleft { float:left; width:270px; height:162px; background: url(../images/t_team.jpg) no-repeat bottom; margin-left:5px;}
      #index_main_about .maright {float:left; width:355px; text-indent:2em; line-height:160%; color:#4C5A62; margin:10px 0px 0px 5px;}



      #index_main_server {float:left;width:648px;margin:15px auto 5px auto;}
        .s_qukuai {float:left;width:648px;height:105px; margin:0px 0px 5px 0px;}
        .s_qukuai ul {float:left; width:500px;overflow:hidden; padding:38px 0px 0px 100px;}
        .s_qukuai li { float:left; width:450px;list-style:none; padding:1px 0px 3px 0px;color:#0097CC;}
        .s_qukuai li span { color:#666; text-indent:1em;}

        .s_img01 {background:url(../images/s1.jpg) no-repeat;}
        .s_img02 {background:url(../images/s2.jpg) no-repeat;}
        .s_img03 {background:url(../images/s3.jpg) no-repeat;}
      #index_main_guest #guest_main {width:640px; margin:5px auto;}
      #index_main_guest #guest_main table { text-align:center; padding:5px 0px;}

    #index_main_right {float:left;width:290px;}
    #index_main_right #index_searver {float:left;width:290px; background:url(../images/server_bg_h.jpg) no-repeat;padding-top:170px; height:25px; text-indent:1em;}
    #index_main_right #index_searver a { color:#FFFFFF;}
#index_cgnl {float:left;width:290px; margin-top:15px; height:200px;}
        #index_news {float:left; width:290px; margin-top:10px;}
        #index_news ul {width:270px; list-style:inside; margin:auto auto;}
        #index_news ul li {color:#0097CC; padding:3px 0px;}
        #index_news ul li span { color:#888; font-size:10px;}

     #index_ymzc {float:left;width:290px; margin-bottom:15px;}

.main{width:980px; margin:0 auto;}
.bannner {margin-top:10px;}

#main_left{ float:left;width:752px; background:url(../images/1_r4_c4.jpg) repeat-x; margin-top:16px; clear:left;}
#main_left h4 { background:url(../images/nav_icon.gif) no-repeat 15px 20px; padding:18px 0 0 35px; font-size:12px;}
#main_left .t { padding:30px;width:668px; overflow:hidden; font-size:13px; color:#666;}
#main_left .t p { text-indent: 2em; line-height:200%;}
#main_right{float:right;width:228px; margin-top:16px; clear:right;}
#main_right h2 {height:92px;width:210px;text-indent:-9999px;}
#main_right .tree_nav{ width:220px; line-height:42px; text-align:center;}
#main_right .tree_nav li { background:url(../images/menu_b.gif) no-repeat;}
#main_right .tree_nav a { display:block; height:42px; font-size:14px;color:#0097CC;}
#main_right .tree_nav a:hover,a.s {background:url(../images/menu.gif) no-repeat; height:42px; width:220px; color:#FFF; font-weight:bold; text-decoration:none;}
#main_right .tree_d{ background:url(../images/main_nav_bg.jpg) no-repeat 10px 0; height:10px;}
.nav_about {background:url(../images/nav_about.jpg) no-repeat;}
.nav_fangan {background:url(../images/nav_fangan.jpg) no-repeat;}
.nav_contact {background:url(../images/nav_contact.jpg) no-repeat;}
.nav_mcc {background:url(../images/nav_mcc.jpg) no-repeat;}
.nav_Products {background:url(../images/nav_Products.jpg) no-repeat;}
.nav_case {background:url(../images/nav_case.jpg) no-repeat;}



#footer {float:left; width:100%; background:url(../images/line_bg.jpg); height:81px; margin-top:30px;}
#foot { margin:30px auto auto auto; width:920px; text-align:right; line-height:180%; color:#4C5A62;}