html,body,div,ul,ol,li,h1,h2,h3,h4,p{margin:0;padding:0;}
p{text-indent:2em;}
a{text-decoration:none;color:#666;}a:hover{cursor:pointer;outline:none;}
ul,li,dd,dt,dl,ol{list-style:none;}
sub{vertical-align:text-bottom;}
img{border:none;vertical-align:middle;}
.cl:after,.cl:before{content:"";clear:both;display:table;}/*clear float*/
.cl:after{clear:both}  .cl{*zoom:1;}/*for IE6*/
.fl{float:left} .fr{float:right}
.dis{display: none;}
.hide{visibility: hidden;}
h1,h2{font-size:15px;}
h4{font-size:16px;}
body{font:12px/1.5 "Microsoft YaHei",Tahoma, Geneva, sans-serif;color:#666;position:relative;z-index:0;}

/***index***/

/*top*/
#top{width:100%;min-width:1024px;background:#fff url(../images/topbg.png) repeat-x;height:110px;}
#nav{width:1024px;margin:auto;padding-top: 27px;text-align:center;}
#logo{width:388px;height:90px;background:url(../images/logo.png)  no-repeat center;margin-right: 100px;margin-top:-17px;}
#tab{margin-top: 14px;position: relative;z-index: 2;}
#tab li{float: left;width:100px;position: relative;z-index: 2;height: 26px;text-align: center;line-height: 27px;}
#tab li a{font-size: 14px;font-weight: 500;}
#tab li.foc a{color: white;}
#tab li.foc{background: url(../images/navbg.png) no-repeat center;}

/*index --mid*/
#mid{width: 100%;min-width:1024px;}
#change{width: 100%;height:575px;position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#change .chlist{width:100%;height:100%;position: absolute;left: 0px;top: 0px;text-align: center;}
#change .no1{background: repeat scroll 0 0 #010534;}
#change .no2{background: repeat scroll 0 0 #020b33;}
#change .no3{background: repeat scroll 0 0 #000000;}
#change .no4{background: repeat scroll 0 0 #000000;}
#change .chlist .no1{width:1024px;height: 100%;display: block;background:url(../images/index1.jpg) no-repeat center center;background-size:cover; margin-left:auto; margin-right:auto; text-align:center;}
#change .chlist .no2{width:1024px;height: 100%;display: block;background:url(../images/index2.jpg) no-repeat center center;background-size:cover; margin-left:auto; margin-right:auto; text-align:center;}
#change .chlist .no3{width:1024px;height: 100%;display: block;background:url(../images/index3.jpg) no-repeat center center;background-size:cover; margin-left:auto; margin-right:auto; text-align:center;}
#change .chlist .no4{width:1024px;height: 100%;display: block;background:url(../images/index4.jpg) no-repeat center center;background-size:cover; margin-left:auto; margin-right:auto; text-align:center;}
#chbar{position: absolute;bottom:10px;width:auto;z-index:3;left:40%;}
#chbar .barlist{display: inline-block;width:80px;height:6px;margin:0 9px;background:url(../images/unlock.png) no-repeat;cursor:pointer;}
#chbar .foc{background:url(../images/lock.png) no-repeat}
#notice{background: url(../images/mainbg.jpg) repeat-x;width:100%;height: 160px;}
#notice ul{background: url(../images/moreinfobg.png) no-repeat center center;width:1024px;margin: auto;}
#notice li{height: 135px;padding: 20px 15px 0 14px;float: left;position: relative;overflow: hidden;width: 308px;}
#notice li img{float: left;margin-right:10px;}
#notice li a{float: right;display:block;text-decoration:underline;color:#666;background: url(../images/ybg.png) no-repeat right -40px;width: 36px;margin-top: 20px;}
#notice li span{float: left;display:block;text-decoration:underline;color:#666;background: url(../images/point.png) no-repeat scroll;width:6px; height:6px; margin-top:6px; margin-right:5px;}
/*footer*/
#footer{width:100%;min-width:1024px;height: 100px;margin: 0 auto;clear: both;padding-top: 25px;color: #999999;text-align:center;}
#footer p{text-indent: 0px;line-height: 28px;}
#footer a{color:#999999;cursor: pointer;margin: 0 8px;}
#footer a:hover{color: blue;}

#mid_con{width:1024px;margin:auto;position: relative;margin-top: 40px;}
#cool_pic{background: url(../images/games.jpg) no-repeat center center;width: 100%;height:425px;}
#ac_pic{background: url(../images/active.jpg) no-repeat center center;width: 100%;height:297px;}
#ab_pic{background: url(../images/about.jpg) no-repeat center center;width: 100%;height:297px;}
#ji_pic{background: url(../images/join.jpg) no-repeat center center;width: 100%;height:297px;}
#glist{border-top: 1px solid #e6e6e6;width: 212px;}
#glist li{cursor: pointer; width: 209px;height: 41px;text-indent: 26px;line-height: 41px;font-size: 16px;border: 1px solid #e6e6e6;border-top: none;}
#glist li.foc{background: url(../images/dice_subnav.jpg);color: white;width:218px;border:none;}
#con_r{width:670px;margin-left: 40px;}
#con_r h1{width: 662px;background: url(../images/dice_01.jpg) no-repeat bottom; height: 52px;color: #595b5d;margin-bottom: 19px;}
#con_r h1 strong{margin-top: 13px;margin-right: 7px;float: left;}
#con_r h1 a{background: url(../images/pticon.jpg) no-repeat;width: 32px;height: 37px;margin: 0 4px;overflow: hidden;display: block;float: left;}
#con_r h1 a.fb{background-position: 0 5px;}
#con_r h1 a.qzone{background-position: -40px 5px;}
#con_r h1 a.renren{background-position: -120px 5px;}
#con_r h1 a.kaixin{background-position: -160px 5px;}
#con_r h1 a.py{background-position: -120px -37px;width: 33px;height: 34px;margin-top: 3px;}
#con_r h1 a.iph{background-position: 0 -76px;width: 90px;height: 39px;}
#con_r h1 a.and{background-position: 0 -116px;width: 97px;height: 39px;}
/*.con h3 img{width:723px;height:559px;margin:10px; }*/
.con h3 img{width:723px;margin:10px; }

#con_r h2 strong{margin-bottom: 13px;float: left;width: 670px;}
#con_r h2 p{color: #888888;margin-bottom: 22px;line-height: 20px;font-weight:100;font-size:13px;}
#con_r h3 strong{margin-bottom: 13px;float: left;width: 670px;}
#con_r h4{color: #0063dc;margin-bottom: 19px;}

#con_r #adress p{text-indent:0px;}

#con_r #pic_list li{float: left;border: 1px solid #e0e0e0;margin-right: 12px;margin-bottom: 12px;display: inline;padding: 3px;}
#jobs{width: 100%;margin-top: 40px;}
#jobs li{border-bottom: 1px dashed #dddddd;padding: 10px 0;}
#jobs .jobs_detail{display:none;border-top: 3px red solid;padding-top: 10px;}
#jobs .right_btn{width: 11px;height: 11px;float: right;background: url(../images/join_Btn01.jpg) no-repeat;}
#jobs .right_btn_c{background-position-x: -22px;}
#jobs .hot{background: url(../images/join_01.jpg) no-repeat;padding-left: 30px;font-weight: normal;color: red;background-position: 0px 2px;cursor:pointer;}
#jobs .hot:hover{color:blue;}
#con_r #jobs p{text-indent:0px;margin-bottom: 0px;}