* { margin:0; padding:0; list-style-type: none}
a, img { border:0}
body { background:#606060 url(imagesbg_index.jpg) no-repeat center fixed; }
img{-webkit-backface-visibility: hidden;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
img:hover{opacity:0.8}

.contents_text { position:absolute; width:467px; height:90px; background:url(imagescontents.png) no-repeat; top:30px; left:30px}
.gxmulogo { position:absolute; width:50px; height:188px; background:url(imagesgxmulogo.png) no-repeat; right:20px; top:20px}

.contents {position:absolute; width:1130px; height:470px; top:50%; margin-top:-200px; left:50%; margin-left:-565px}

.chapter { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter0 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px;  box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}

.chapter1 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter2 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}

.chapter3 { width:275px; height:150px; background:rgba(255,255,255,0.2); clear:both; float:left; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter4 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter5 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter6 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}

.chapter7 { width:275px; height:150px; background:rgba(255,255,255,0.2); clear:both; float:left; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter8 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.chapter9 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
.chapter10 { width:275px; height:150px; background:rgba(255,255,255,0.2); float:left; margin-left:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }

.copyright { position:absolute; bottom:15px; font-family:"微软雅黑"; font-size:12px; color:#FFFFFF; width:100%; text-align:center }
.copyright a { text-decoration:none; color:#FFFFFF;transition: 0.4s ease; -o-transition: 0.4s ease; -webkit-transition: 0.4s ease;}
.copyright a:hover { color:#DCDCDC}