/* CSS Document */

body{ margin:0 auto; background: url(../images/bg.gif) repeat;font: 12px Verdana,Arial,Helvetica,sans-serif;}

h1{ font-size:9px;}

h2{ color:#FB5C72;font-size: 14px; margin: 0;text-align: center;text-decoration: none;}

a{ color:#000;}

a:hover{ color:#3497BB£»}

img{ border:0px;}

.header{ width:1024px; height:72px; margin:0 auto; position:relative; }

.content1{ width:1024px; height:542px; background:url(../images/jiyinjiyou.PNG) center no-repeat ; margin:0 auto;}
.content2{ width:1024px; height:542px; background:url(../images/sheyinshexiang.png) center no-repeat ; margin:0 auto;}
.content3{ width:1024px; height:542px; background:url(../images/pingmian.png) center no-repeat ; margin:0 auto;}
.ad{ width:1024px; margin:5px auto;}

.us{ width:1024px; height:310px; margin:0px auto; background:#F7E7EA;}

.footer{ width:1024px; height:185px; margin:0px auto; background:#FF8C9D; position:relative }

div, ul, li { margin: 0; padding: 0; border: 0; }

ul, li { list-style-type: none; text-transform: capitalize; }

.box1{ width:190px; top:12px; right:60px; position:absolute;}

.box1 a{ color:#000; text-decoration:none; font-size:9px; font-weight:bold;}

.box1 a:hover{ color:#3497BB; text-decoration:none;font-size:9px; font-weight:bold;}

.box2{ width:1010px; height:92px;top:87px; background:#fff; overflow:hidden; margin:0 auto;}

.webxin{ float:left;margin-left:5px}

.webo{ float:left;}

.webqq{float:left; width:305px; font-size:16px; color:#3497BB; position:relative}

.webqq a{color:#3497BB; font-weight:bold; text-decoration:none;}

.phone{ float:left}

#banner { padding: 0px; width: 1024px; height: 462px; padding:26px 0 0 36px;}

.slides { margin: 0px auto; width: 1024; height: 462px; overflow: hidden; position: relative; }

.slide-pic { margin: 0px; padding: 0px; width: 1024; overflow: hidden; list-style: none; }

    .slide-pic img { width: 1024; height: 462px; }

    .slide-pic li { display: none; }

        .slide-pic li.cur { display: block; }

.slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; }

    .slide-li li { margin: 0px; padding: 0px; width: 138.8px; height: 10px; float: left; overflow: hidden; list-style: none; }

    .slide-li a { width: 138.8px; height: 10px; color: #000; font-size: 12px; display: block; }

        .slide-li a:hover { color: #F00; text-decoration: none; }

.op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; }

    .op li.cur { background: #666666; }

.slide-txt span { display: none; }

.box3{ float:left; margin-left:12px; margin-top:5px; width:323px; height:300px; border:1px solid #D37878; overflow:hidden}

.small{ width:53px; float:left; margin-left: 10px; margin-right: 10px; margin-top: 5px;}

.toptl{width:230px; float:left; overflow:hidden; height:100px; margin-left:10px;}

.tl{ float:left;width:300px; height:300px; margin-left:10px; border-top:2px solid #D37878;}

.tl ul { padding:0px;}

.tl ul li{line-height:40px;text-align:left;background: url(../images/dot.gif) repeat-X bottom;e; font-size:14px; height:40px; list-style:none; font-size:13px;}

.logo{ top:20px; left:5px; position:absolute;}

.box4{top:20px; right:12px;width:650px; color:#fff; font-size:14px; font-weight: bold; position:absolute}

.box4 a{ color:#fff; text-decoration:none}

.box5{top:50px; right:12px;width:650px; color:#fff; font-size:14px; position:absolute}

.box5 ul{ list-style:none; padding:0px;}

.box5 ul li{ line-height:20px;}

.nav { font-size: 12px; width: 646px;top:40px;left:370px; border: 0px;  height: 32px; line-height: 32px; position: absolute; z-index: 11; }

.nav a { text-decoration: none; }

.navmain { height: 32px; padding: 0 5px; background:url(../images/nav.jpg) repeat-x 0 top; position: relative; }

#nav_all { height: 32px; float: left; line-height: 32px; position: relative; z-index: 222; }

#nav_all li { text-align: center; float: left; }

#nav_all li a { color: #fff; display: inline-block; font-size: 14px; font-weight: bold; cursor: pointer; padding: 0 15px 0 30px; _padding: 0 8px; height: 32px; line-height: 32px; white-space: nowrap; }

#nav_all li a:hover { height: 32px; line-height: 32px;  overflow: hidden; text-decoration:none; padding-top:3px}

#nav_all li ul { display: none; position: absolute; z-index: 99; height:40px; width: 646px; left: -6px; top: 32px;  }

#nav_all ul li { background-image:none; line-height: 32px; height: 32px; padding-top: 0px; paddng: 0; }

#nav_all ul li a { background-image: none; padding: 0px 10px; margin: 0px; height: 32px; line-height: 32px; color: #000; font-weight: normal; background: #; border: none; }

#nav_all ul li a:hover { background-image:none; padding: 0px 10px; margin: 0px auto; height: 32px; line-height: 32px; color: #f00; background: #; border-top: none; }

.link{top:160px; left:20px; color:#fff;font-size:14px; font-weight: bold; position:absolute}

.lis1{ background:url(../images/gybg.jpg) no-repeat center; width:1012px; height:541px; margin:0px auto; padding:10px}

.lis2{ width:1010px; margin:5px auto;}

#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 1024px; margin:0 auto;}

#demo img {border: 3px solid #F2F2F2;}

#indemo {float: left;width: 800%;}

#demo1 {float: left;}

#demo2 {float: left;}

#main .photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */

   margin: 0 10px 10px -4px;

   width: 1024px;

   text-align: center;

   font-size: 10px;

   color: #888888;

}

.guess{width:1010px; height:458px; margin:0 auto;}

.g_left{ width:356px; height:458px; float:left; background:url(images/serverbg.png) no-repeat;}

.g_right{width:654px;height:458px; float:left;background:url(images/server.png) repeat}