@charset "utf-8";
/* CSS Document */
html,body,form,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,em,address,a,input,textarea,span,strong,img,a{margin:0px;padding:0px}
body{font-size:12px;color:#000;font-family:Arial,Tahoma}
ul,ol,dl{list-style:none}
input,textarea,select,button{font-size:12px}
img{border:none;}
a{color:#fff;text-decoration:none}
table{border-collapse:collapse}
table,thead,tbody,tfoot,tr,td{margin:0px}
.clear{clear:both;line-height:0px;font-size:0px;visibility:hidden}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}

body{ background:#ccc url(../images/index_bg.jpg) no-repeat center top;}
.main{width:1000px; margin:0 auto;}
.left{width:207px; height:800px; float:left; background:url(../images/left_bg.jpg) no-repeat left top; position:relative;}
.left .btn1{width:199px; height:199px; position:absolute; top:87px; left:5px; z-index:990;}
.left .btn2{width:189px; height:189px; position:absolute;top:226px; left:16px; z-index:991; }
.left .btn3{width:183px; height:183px; position:absolute; top:360px; left:3px; z-index:992;}
.left .btn4{ width:177px; height:177px; position:absolute; top:511px; left:21px; z-index:993;}
.left .btn1 a{ display:block;width:199px; height:199px; background:url(../images/btn1.gif) no-repeat left top;}
.left .btn1 a:hover{background:url(../images/btn1_hover.gif) no-repeat left top;}
.left .btn2 a{ display:block;width:189px; height:189px; background:url(../images/btn2.gif) no-repeat left top;}
.left .btn2 a:hover{background:url(../images/btn2_hover.gif) no-repeat left top;}
.left .btn3 a{ display:block;width:183px; height:183px; background:url(../images/btn3.gif) no-repeat left top;}
.left .btn3 a:hover{background:url(../images/btn3_hover.gif) no-repeat left top;}
.left .btn4 a{ display:block;width:177px; height:177px; background:url(../images/btn4.gif) no-repeat left top;}
.left .btn4 a:hover{background:url(../images/btn4_hover.gif) no-repeat left top;}
.right{width:793px; float:left; overflow:hidden;}
.top_1{width:793px; height:117px;}
.top_1 img{ float:left;}
.right .nav{ width:793px; height:37px; background:url(../images/nav_bg.jpg) no-repeat left top; float:left;}
.right .nav ul{width:470px; height:23px; margin-left:49px; margin-top:10px; background:url(../images/index_nav.jpg) no-repeat left top;}
.right .nav ul li{float:left; display:inline; width:72px; height:23px; margin-left:22px;}
.right .nav ul li a{display:block;width:72px; height:23px;}
.right .nav ul .hover1:hover{ background:url(../images/index_nav_hover.jpg) no-repeat -22px top;}
.right .nav ul .hover2:hover{ background:url(../images/index_nav_hover.jpg) no-repeat -116px top;}
.right .nav ul .hover3:hover{ background:url(../images/index_nav_hover.jpg) no-repeat -209px top;}
.right .nav ul .hover4:hover{ background:url(../images/index_nav_hover.jpg) no-repeat -303px top;}
.right .nav ul .hover5:hover{ background:url(../images/index_nav_hover.jpg) no-repeat -397px top;}
.right .slogan{width:793px; height:89px;}
.right .video{width:358px; height:267px; background:url(../images/video_bg.jpg) no-repeat left top; float:left;}
.right .video .video_cont{width:348px; height:249px; margin-top:9px; margin-left:4px; float:left; display:inline; overflow:hidden;}
.right .server{width:435px; height:267px; background:url(../images/right_bg2.jpg) no-repeat left top; float:left;}
.right .server .btn5{ width:157px; height:24px; margin-left:158px; margin-top:41px;}
.right .server .btn5 a{ display:block;width:157px; height:24px; background:url(../images/btn5.jpg) no-repeat left top; text-align:center; line-height:24px;}
.right .server .btn5 a:hover{ background-position:left bottom;}
.right .red{width:219px; height:155px; background:url(../images/red.jpg) no-repeat left top; margin-top:47px; margin-left:10px; float:left; display:inline;}
.right .red .red_cont{margin-top:4px; margin-left:6px; width:207px; height:141px; overflow:hidden;}
.right .list{ width:793px; height:153px; background:url(../images/right_bg3.jpg) no-repeat left top; float:left;}
.right .list ul{ width:480px; height:98px; border:1px dotted #0a0a0a; margin-top:40px; margin-left:33px; overflow:hidden;}
.right .list ul li{ float:left; display:inline; width:460px; margin-left:10px; line-height:16px; margin-top:3px; color:#000;}
.right .list ul li a{ color:#000;}
.right .list ul li p.a_r{ text-align:right; margin-top:-3px;}
.right .right_4{width:793px; height:137px;}