@charset "utf-8";
/* CSS Document */
ul,li,h1,h2,h3,p{ padding:0; margin:0; list-style:none}
a{ text-decoration:none; color:#fff}
html{ background:#fff}
body{ width:1200px; margin:0px auto; line-height:21px; background:#2e86de; }
.clear{ clear:both}
.top{width: 100%; height: 90px; line-height: 80px; text-align: center; background: #48dbfb;}
.menu li{ list-style:none}
.head{ background:#fff;text-align:center; height: 500px;}
.head-auto{height: auto; overflow: hidden;}
.menu{ clear:both; background:#f3f3f3;  width:100%; height:65px; text-align:center;  }
.menu li a{ color:#2e86de; display: block;}
ul{ height: 100%; }
.logo{width: 100%; background: #2e86de;}
.menu li { box-sizing: border-box; height: 100%; text-align:center;display:inline-block; line-height: 65px ; font-size:24px; width:calc(100% / 7); float:left; cursor: pointer;}
.menu li:hover{ background: #2e86de; color: #fff; }
.menu li:hover a{ background: #2e86de; color: #fff; }
.right{ float:right; width:660px; padding:20px}
.left{ min-height:300px; float:left; width:260px; padding:20px}
.content{ background:#2e86de; font-size:14px; display:inline-block ; width:100%}
.index{ clear:both; padding:40px 0; border-bottom:#ccc dashed 1px; position: relative;}
/* .index:hover{ color:#ccc} */
.end{ clear:both; background:#48dbfb; color:#fff; padding:20px 0; text-align:center;}
.pad{ padding:20px 70px; display:block}
.main{ margin:20px 30px; line-height:30px}
.main div{ min-height:20px}
.index img{ margin-right:50px}.index  h3{ color:#fff; font-size:18px;margin-bottom:20px}.index .fr{ margin-right:0; margin-left:50px}
p{ color: #fff; }
.title{ text-align:center; color:#fff; margin-bottom:30px; padding:10px}
.title h1{ font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.menu .active{
  background: #2e86de;
  color: #fff;
}
h4 {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-top: 10px;
}
.more{ width: 200px; height: 40px; background: #feca57; color: #fff; text-align: center; font-size: 20px; line-height: 40px; margin: 30px auto; border-radius: 10px;}

.bar{ text-align:center; background:#FFCCCC; font-weight:bold; padding:15px}
.table{
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.tr-head {
  height: 60px;
  background: #eee;
}
.top{
  font-size: 40px;
  color: #fff;
  font-weight: 600;
}
td{
  color: #fff;
  font-size: 14px;
  height: 30px;
  cursor: pointer;
}
.index:hover{
  font-weight: 600;
}
.image-warp {
  margin: 20px 0;
}
.image-warp img{
  margin-right: 20px;
}
.audio{
  width: 500px;
  margin: 30px auto;
  text-align: center;
}
.audio h3{
  color: #fff;
  margin: 10px 0;
}