* {word-wrap:break-word;word-break:break-all;}
html,body { height: 100%;}
body{font-family: "Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;margin: 0 auto;overflow-x:hidden;background:#eee}
@font-face {
font-family:FontAwesome;src:url(fontawesome-webfont.ttf?v=4.2.0) format("truetype");font-weight:400;font-style:normal
}

1li a {
    margin: 5px 0 0 -15px;
    display: block;
    height: 26px;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fa{color:#003366;font-family: FontAwesome}
.fa-user:before {content: "\f007"}
.fa-time:before {content: "\f017"}
.fa-eye_open:before {content: "\f06e"}
.fa-file-o:before {content: "\f016"}
a {text-decoration:none;color:#003366;}
a:hover {text-decoration:none;color:red;}
a:focus {text-decoration:none;}

.topnav{background:#003366;color:#fff;height:35px;font-size:16px;font-weight:bold;padding-top:14px;padding-bottom:-15px;}
.topnav a{color:#fff;border-bottom: 1px dotted #fff;padding-bottom:5px;transition-duration: .3s;}
.topnav a:hover {color:yellow;border-top: 1px solid yellow;padding-top:5px;border-bottom:0px;transition-duration: .3s;}

.main_left{width:800px;min-height:200px;background:#fff;margin-top:20px;border-radius: 10px;float:left}
.main_left .nav{margin-left:20px;margin-top:10px;font-size:14px;}
.main_left h1{margin-top:30px;text-align:center;font-size:20px;color:#003366;}
.main_left .info{margin-left:20px;margin-right:20px;text-align:center;font-size:14px;color:#999;border-top:1px dashed #999;border-bottom:1px dashed #999;padding-bottom:10px;padding-top:10px;}
.main_left img{max-width:760px;}

.main_right{width:300px;margin-top:20px;background:#fff;border-radius: 10px;float:left;margin-left:20px;}
.right_block{width:300px;}
.right_block ul li{  list-style-type:none;  } 
.right_block li {font-size:14px;margin:0px 10px 6px -20px;display: list-item;text-align: -webkit-match-parent;}
.right_block h3{margin-left:20px;margin-right:20px;padding-bottom:10px;font-size:16px;color:#003366;border-bottom:1px solid #003366;}

.class_block{width:400px;min-height:330px;float:left;}
.class_block ul li{  list-style-type:none;  } 
.class_block li {font-size:14px;margin:0px 10px 6px -20px;display: list-item;text-align: -webkit-match-parent;}
.class_block h3{margin-left:20px;margin-right:20px;padding-bottom:10px;font-size:16px;color:#003366;border-bottom:1px solid #003366;}
.class_block .uptime{float:right;text-align:right;color:#999;margin-right:8px;}
.class_block dd{margin-left:0px;width:310px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.index_topblock{width:400px;min-height:330px;float:left;}
.index_topblock a{font-size:18px;}
.index_topblock ul li{  list-style-type:none;  } 
.index_topblock li {font-size:14px;margin:0px 10px 6px -20px;display: list-item;text-align: -webkit-match-parent;width:360px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_topblock h3{margin-left:20px;margin-right:20px;padding-bottom:10px;text-align:center;font-size:18px;font-weight:900;color:#003366;border-bottom:1px dashed #003366;}
.index_topblock h3 a{font-weight:900;}
.index_topblock .uptime{float:right;text-align:right;color:#999;margin-right:8px;}
.index_topblock dd{margin-left:0px;width:310px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}