@import url(common.css);

/* ===== Banner 轮播 ===== */
.banner {
  position: relative;
  background: #000;
  margin: 0 auto;
  z-index: 1;
}
.banner .hd {
  position: absolute;
  bottom: 20px;
  width: 100% !important;
  height: 14px;
  z-index: 900;
  text-align: center;
}
.banner .hd ul {
}
.banner .hd li {
  display: inline-block;
  width: 28px;
  height: 6px;
  margin: 0 4px;
  font-size: 0;
  cursor: pointer;
  background: #00b19c;
  border-radius: 3px;
}
.banner .hd li.on {
  background: #35e2cd;
}
.banner .bd {
  position: relative;
  z-index: 0;
}
.banner .bd li img {
  width: 100%;
  vertical-align: top;
  display: block;
  height: 500px;
}
.banner .prev,
.banner .next {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  z-index: 900;
  background: rgba(0, 166, 81, 0.7);
  border-radius: 50%;
  transition: background 0.2s;
}
.banner .prev:hover,
.banner .next:hover {
  background: rgba(0, 166, 81, 1);
}
.banner .prev {
  left: 20px;
}
.banner .next {
  right: 20px;
}
.banner .prev:after {
  content: "<";
  display: block;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 20px;
}
.banner .next:after {
  content: ">";
  display: block;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 20px;
}

p {
  line-height: 2;
}

/* ===== 公共标题 ===== */
.itits {
  border-bottom: 2px solid #d0d0d0;
  height: 40px;
}
.itits span {
  display: inline-block;
  height: 40px;
  border-bottom: 2px solid #00b19c;
}
.itits .more {
  display: inline-block;
  border-radius: 15px;
  color: #666;
  border: 1px solid #666;
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
  margin-top: 3px;
}
.itits .more:hover {
  background: #f5f5f5;
}

.ititsub {
  border-bottom: 2px solid #d0d0d0;
  height: 40px;
  margin-bottom: 5px;
}
.ititsub .more {
  display: inline-block;
  border-radius: 15px;
  color: #666;
  border: 1px solid #666;
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
  margin-top: 3px;
}
.ititsub .more:hover {
  background: #f5f5f5;
}

/* ===== ipart1 - 首页顶部新闻+图片轮播 ===== */
.ipart1 {
  padding: 20px 0 10px;
}

.itittop {
  height: 46px;
  border-bottom: 1px solid #e7e7e7;
}
.itittop span {
  display: inline-block;
  border-bottom: 1px solid #00b19c;
  padding: 0 20px;
  line-height: 45px;
  font-size: 20px;
  float: left;
}
.itittop p{
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 45px;
    margin-left: 10px
}
.itittop a {
  
}
.itittop .more {
  float: right;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 36px;
  padding: 0 15px;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.1);
}
.itittop .more:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}

.ipart1 .topnews {
  border: 1px solid #e8e8e8;
}
.ipart1 .topnews h3.fb {
  border-bottom: 1px dashed #efefef;
  padding-bottom: 5px;
}
.ipart1 .topnews .con {
  padding: 12px 12px 10px;
}
.ipart1 .topnews .con h3 {
}

.inews li {
  line-height: 34px;
  border-bottom: 1px dashed #ebebeb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inews li a:hover {
  color: #00b19c;
}

/* 小图文轮播 */
.ipart1 .islide {
  width: 100%;
  position: relative;
}
.ipart1 .islide .hd {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 100%;
  height: 5px;
  z-index: 900;
  text-align: center;
}
.ipart1 .islide .hd ul {
  text-align: right;
  padding-right: 8px;
}
.ipart1 .islide .hd li {
  display: inline-block;
  width: 20px;
  height: 4px;
  margin-right: 4px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}
.ipart1 .islide .hd li.on {
  background: #fff;
}
.ipart1 .islide .bd {
  position: relative;
  z-index: 0;
}
.ipart1 .islide .bd li {
  position: relative;
}
.ipart1 .islide .bd li img {
  display: block;
  width: 100%;
  height: 370px;
  object-fit: cover;
}
.ipart1 .islide .bd li div {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 6px 80px 6px 12px;
  background: rgba(0, 0, 0, 0.55);
  line-height: 28px;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== ipart2 - 快捷入口 ===== */
.ipart2 {
  padding: 15px 0 5px;
  margin: 10px 0;
}
.ipart2 .xlink {
}
.ipart2 .xlink a {
  display: block;
  text-align: center;
  padding: 16px 10px;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.2s;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.ipart2 .xlink a:hover {
  opacity: 0.85;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 166, 81, 0.3);
}
.ipart2 .xlink a i {
  display: block;
  font-size: 30px;
  margin-bottom: 6px;
}

/* ===== ipart3 - 多栏新闻 ===== */
.ipart3 .cybox a {
  display: block;
  margin-bottom: 14px;
}

/* ===== 图片横向轮播 ipart5 ===== */
.ipart5 {
}
.ipart5 .con {
  padding: 15px 38px;
}
.mslide {
  position: relative;
}
.mslide .bd li {
  float: left;
  width: 200px;
  margin: 0 10px;
}
.mslide .bd li a {
  display: block;
  width: 100%;
  border: 1px solid #e8e8e8;
  overflow: hidden;
}
.mslide .bd li a:hover {
  border-color: #00b19c;
}
.mslide .bd li img {
  width: 100%;
  height: 240px;
  display: block;
  transition: transform 0.3s;
}
.mslide .bd li a:hover img {
  transform: scale(1.05);
}
.mslide .bd li div {
  background: #f5f5f5;
  padding: 5px 8px;
  border-top: 1px solid #e8e8e8;
  font-size: 12px;
  color: #555;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mslide .prev,
.mslide .next {
  position: absolute;
  top: 50%;
  width: 28px;
  height: 50px;
  margin-top: -25px;
  z-index: 900;
  background: #00b19c;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mslide .prev {
  left: -32px;
}
.mslide .next {
  right: -32px;
}
.mslide .prev:after {
  content: "<";
  display: block;
  color: #fff;
  font-size: 14px;
}
.mslide .next:after {
  content: ">";
  display: block;
  color: #fff;
  font-size: 14px;
}

.hotjobwrap .hotjobtit {
  background: #f5f5f5;
  padding: 3px 0;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
.hotjobwrap .hotjobtit > span {
  display: block;
  float: left;
  text-align: center;
}
.hotjobwrap .hotjob .bd li {
  line-height: 36px;
  border-bottom: 1px dashed #e5e5e5;
}
.hotjobwrap .hotjob .bd li > * {
  display: block;
  float: left;
}
.hotjobwrap .hotjobtit > span:nth-child(1) {
  width: 160px;
}
.hotjobwrap .hotjobtit > span:nth-child(2) {
  width: 120px;
}
.hotjobwrap .hotjobtit > span:nth-child(3) {
  width: 250px;
}
.hotjobwrap .hotjob .bd li > a:nth-child(1) {
  width: 160px;
}
.hotjobwrap .hotjob .bd li > span:nth-child(2) {
  width: 120px;
  text-align: center;
}
.hotjobwrap .hotjob .bd li > span:nth-child(3) {
  width: 250px;
}

/* ===== 内页样式 ===== */
.tWrap {
  margin-bottom: 100px;
}
.inban {
  width: 100%;
  height: 380px;
  position: relative;
}

/* 内页顶部标题栏 */
.ititle {
  background: #f0f7ff;
  height: 70px;
  position: relative;
  border-bottom: 2px solid #00b19c;
}
.ititle .subname {
  position: relative;
  color: #00b19c;
  display: inline-block;
  padding-left: 14px;
  font-size: 18px;
  font-weight: bold;
}
.ititle .subname:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 18px;
  border-radius: 2px;
  background: #00b19c;
}
.ititle .container-layout {
  position: relative;
  padding-top: 20px;
  height: 70px;
}

.crumbwrap {
  height: 40px;
  background: #f7f9fc;
  border-bottom: 1px solid #e4e8ed;
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 13px;
}
.crumb a {
  color: #888;
}
.crumb a:last-child {
  color: #00b19c;
}

.ctitle {
  height: 28px;
  line-height: 28px;
  position: relative;
  margin-bottom: 20px;
}
.ctitle:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 14px;
  left: 0;
}
.ctitle .wrap {
  display: inline-block;
  padding: 0 20px;
  position: relative;
  margin-left: 50px;
}
.ctitle .wrap:before,
.ctitle .wrap:after {
  position: absolute;
  content: "";
  top: 11px;
  width: 7px;
  height: 7px;
  background: #ccc;
  border-radius: 50%;
}
.ctitle .wrap:before {
  position: absolute;
  left: 0;
}
.ctitle .wrap:after {
  position: absolute;
  right: 0;
}
.ctitle span {
  display: inline-block;
  padding: 0 20px;
  border-radius: 18px;
  background: #a4a4a4;
}

/* 侧边栏 */
.sidebar {
  background: #00b19c;
}
.sidebar .snav {
  padding: 0 0 10px;
}
.sidebar .snav li {
  background: #ecf6ff;
  margin-top: 1px;
  line-height: 38px;
  text-align: center;
}
.sidebar .snav li a {
  display: block;
  color: #3a3a3a;
}
.sidebar .snav li a.cur,
.sidebar .snav li a:hover {
  background: #00b19c;
  color: #fff;
}

/* 单页 */
.abtlogo img {
  max-width: 100%;
}
.page1 {
  text-align: center;
  font-size: 18px;
}
.page1 p,
.page1 div {
  text-align: center;
}
.page1 img {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page1 .abttel {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  background: #00b19c;
  color: #fff;
  border-radius: 8px;
  padding: 0 30px;
  font-size: 30px;
}
.page1 .abttel i {
  display: inline-block;
  width: 30px;
  height: 30px;
}

/* 详细页面 */
.content {
  color: #474747;
  line-height: 2;
  text-align: justify;
}
.content .date {
  border-bottom: 1px dashed #c6c6c6;
  color: #b0b0b0;
}
.content p {
  line-height: 2;
}
.content img {
  max-width: 100%;
}

/* 联系我们 */
.cat {
  position: relative;
}
.cat li {
  margin-bottom: 20px;
}
.cat li span {
  margin-right: 5px;
}
.contact {
}
.contact .wrap {
  margin-left: 10px;
}
.mapwrap {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-top: 1px solid #ccc;
}
#allmap {
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin: 0;
}

/* 新闻列表 */
.newslist {
}
.newslist dl {
  border: 1px solid #f0f0f0;
  position: relative;
  padding: 20px 20px 20px 140px;
  min-height: 110px;
  transition: all 0.3s ease;
}
.newslist dl:hover {
  background-color: #f5f9ff;
  border-color: #cde0f5;
}
.newslist dl:hover dd.date {
  color: #00b19c;
}
.newslist dl:hover dt a {
  color: #00b19c;
}
.newslist dl dd.date {
  position: absolute;
  left: 18px;
  top: 20px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  transition: all 0.3s linear;
  color: #888;
}
.newslist dl dd.desc {
  padding-bottom: 0;
  line-height: 1.7;
}
.newslist dl dd.desc a {
  display: block;
  color: #848484;
}
.newslist dl dd.date span {
  font-size: 50px;
  line-height: 50px;
  display: block;
  font-weight: 100;
  color: #00b19c;
}
.newslist dl dt a {
  transition: all 0.3s linear;
}

.newslist ul li {
  border-bottom: 1px dashed #e5e5e5;
  padding: 18px 0;
}
.newslist ul li .copyform {
  display: inline-block;
  margin-left: 20px;
}

.companylist ul {
  border-top: 1px dashed #e5e5e5;
}
.companylist li {
  border-bottom: 1px dashed #e5e5e5;
  padding: 7px;
}

/* 会员单位 */
.submen .xs3,
.submen .xl6 {
  padding: 0 !important;
}
.submen a {
  display: block;
  width: 100%;
  border: 1px solid #efefef;
  padding: 6px 10px;
  background: #f5f5f5;
}
.submen a:hover,
.submen a.cur {
  background: #00b19c;
  color: #fff;
  border-color: #00b19c;
}

.newslist-mem dl {
  margin-bottom: 20px;
  border: 1px solid #f3f3f3;
  position: relative;
  padding: 10px 20px 10px 200px;
  min-height: 121px;
  background: #fafafa;
}
.newslist-mem dl:hover {
  background-color: #fcfcfc;
  border: 1px solid #00b19c;
  background: #fff;
}
.newslist-mem dl:hover dd.date {
  color: #00b19c;
}
.newslist-mem dl:hover dt span {
  color: #00b19c;
}
.newslist-mem dl dd.date {
  position: absolute;
  left: 40px;
  padding: 0;
  text-align: center;
  font-size: 16px;
}
.newslist-mem dl dd.desc {
  padding-bottom: 0;
}
.newslist-mem dl dd.date span {
  font-size: 60px;
  line-height: 60px;
  display: block;
}
.newslist-mem dl dd.pic {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 178px;
  height: 119px;
  line-height: 119px;
  background: #fff;
  text-align: center;
  padding: 0;
  overflow: hidden;
}
.newslist-mem dl dd.pic img {
  display: block;
  vertical-align: middle;
  max-height: 119px;
  max-width: 178px;
}

/* 新闻标题列表 */
.newslist-line li {
  line-height: 46px;
  padding: 0 15px;
  height: 46px;
  clear: both;
}
.newslist-line li:nth-child(odd) {
  border: 1px solid #efefef;
  background: #f7f9fc;
}
.newslist-line li a {
  color: #3f3f3f;
}
.newslist-line li a:hover {
  color: #00b19c;
}
.newslist-line li .text-gray {
  color: #a8a8a8;
}

/* 新闻列表-图片 */
.newslist-pic li {
  height: 160px;
  border: 1px solid #f1f1f1;
  background: #f9f9f9;
  margin-bottom: 15px;
  position: relative;
  padding: 15px 120px 15px 260px;
  transition: all 0.3s;
}
.newslist-pic li .pic {
  width: 240px;
  height: 160px;
  position: absolute;
  top: -1px;
  left: -1px;
  overflow: hidden;
}
.newslist-pic li .pic img {
  width: 240px;
  height: 160px;
  transition: transform 0.3s;
}
.newslist-pic li:hover .pic img {
  transform: scale(1.05);
}
.newslist-pic li .con {
  display: block;
}
.newslist-pic li .date {
  position: absolute;
  right: 12px;
  top: 30px;
  width: 80px;
  padding-left: 8px;
  height: 90px;
  border-left: 1px solid #e8e8e8;
  color: #a1a1a1;
  text-align: center;
  line-height: 22px;
}
.newslist-pic li .date span {
  display: block;
  font-size: 60px;
  line-height: 60px;
  font-weight: 100;
  color: #00b19c;
}
.newslist-pic li .desc {
  line-height: 1.8;
}
.newslist-pic li .desc a {
  display: block;
  color: #696969;
}
.newslist-pic li:hover {
  border-color: #00b19c;
  background: #00b19c;
}
.newslist-pic li:hover a {
  color: #fff;
}
.newslist-pic li:hover .desc {
  color: #fff;
}
.newslist-pic li:hover .date {
  color: #fff;
  border-left-color: rgba(255, 255, 255, 0.3);
}
.newslist-pic li:hover .date span {
  color: #fff;
}

/* 下载 */
.downlist li {
  line-height: 46px;
  padding-left: 0;
  font-size: 14px;
}
.downlist li:nth-child(odd) {
  border: 1px solid #efefef;
  background: #f7f9fc;
}
.downlist li .text-gray {
  color: #a8a8a8;
}

/* prevNext */
.prevNext {
  background: #f7f9fc;
  border: 1px solid #e4e8ed;
  padding: 14px 20px;
}
.prevNext .xs6 {
  position: relative;
}
.prevNext .xs6.prev {
  padding-left: 70px;
}
.prevNext .xs6.next {
  padding-right: 70px;
}
.prevNext a {
  color: #8a8a8a;
}
.prevNext a:hover {
  color: #00b19c;
}
.prevNext span {
  position: absolute;
  display: inline-block;
}
.prevNext .prev span {
  left: 0;
  padding-left: 10px;
  background: url(../images/icon_prev.png) left center no-repeat;
}
.prevNext .next span {
  right: 0;
  padding-right: 10px;
  background: url(../images/icon_next.png) right center no-repeat;
}

/* 相册列表 */
.albumlist {
}
.albumlist ul {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.albumlist li {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-bottom: 20px;
}
.albumlist li a {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.albumlist li .pic {
  width: 100%;
  overflow: hidden;
}
.albumlist li .pic img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.3s;
}
.albumlist li a:hover .pic img {
  transform: scale(1.06);
}
.albumlist li .tit {
  display: block;
  background: #f3f3f3;
  padding: 8px 10px;
  transition: all 0.3s ease-in;
}
.albumlist li a:hover .tit {
  background: #00b19c;
  color: #fff;
}

/* 考试/报名 */
.examtip {
  background: #f6f6f6;
  border-bottom: 1px solid #eee;
}
.btn-bm {
  background: #fcfcfc;
  border: 1px solid #eee;
  margin: 15px 0;
}
.btn-bm .xs9,
.btn-bm .xs3 {
  min-height: 221px;
}
.btn-bm .xs9 {
  border-right: 1px solid #eee;
}
.btn-bm .xs3 {
  text-align: center;
}
#bmlist span {
}
.xxmd {
  line-height: 20px;
  padding-top: 10px;
  cursor: pointer;
}
.prolist {
}
body .prolist .line-big {
  margin-left: -10px;
  margin-right: -10px;
}
body .prolist .line-big .xs6 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
.prolist li {
  overflow: hidden;
}
.prolist li a {
  display: block;
  position: relative;
}
.prolist li img {
  width: 100%;
}
.prolist li .name {
  padding-bottom: 5px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.prolist li .con {
  background: #f5f5f5;
  padding: 10px 20px;
  border: 1px solid #f5f5f5;
  border-top: 0;
}
.prolist li .desc {
  padding: 7px 0;
  overflow: hidden;
}
.prolist li a:hover {
  color: #515151;
}
.prolist li a:hover .con {
  border-color: #00b19c;
  background: #fff;
}
.prolist li a:hover .name {
  color: #00b19c;
}
.examinfo {
  margin-top: 10px;
  margin-bottom: 10px;
}
.examinfo ul {
  border-left: 8px solid #00b19c;
  padding: 10px 15px;
  background: #f5f5f5;
  min-height: 118px;
}
.examinfo .wrap {
  min-height: 118px;
}
.signupform {
  padding: 30px 20px;
  background: #f5f5f5;
  border: 1px solid #efefef;
}
.signupform .form-group {
  position: relative;
  padding-left: 100px;
  margin-bottom: 5px;
}
.signupform .form-group.pl0 {
  padding-left: 0;
}
.signupform .form-group .label {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  text-align: right;
  line-height: 34px;
}
.signupform .form-group .label label {
  font-weight: normal !important;
}
.exam_signup .payment {
  padding: 20px 30px;
  background: #ececec;
  border: 1px solid #e5e5e5;
  border-top: 0;
}

/* 准考证 */
.ticketprint {
  position: relative;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #999;
  overflow: hidden;
}
.ticketbg {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  margin: 5px;
}
.ticketbg img {
  width: 100%;
}
.ticketbox {
  position: relative;
  z-index: 10;
}
.ticketbox h3 {
  padding-left: 130px;
}
.ticketbox .photo {
  position: absolute;
  left: 0;
  top: 0;
}
.ticketbox .ticketinfo {
  padding-left: 130px;
}
.ticketbox .ticketinfo div {
  margin-bottom: 7px;
}
.ticketbox .ticketinfo span {
  display: inline-block;
  border-bottom: 1px dashed #000;
  min-width: 100px;
}

/* 活动 */
.actinfo {
  border-top: 1px dashed #c6c6c6;
  margin-top: 5px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.actinfo ul {
  border-left: 8px solid #00b19c;
  padding: 10px 15px;
  background: #f5f5f5;
  min-height: 92px;
}
.actinfo .wrap {
  min-height: 92px;
  padding-top: 22px;
}

/* ===== 首页新闻多列样式 ===== */
.itittop_sb {
  border-bottom: 2px solid #a1a1a1;
  font-family: "Microsoft Yahei";
  padding-left: 10px;
  padding-bottom: 2px;
  margin-bottom: 20px;
}
.ititsub_sb {
  color: #000;
  font-weight: bold;
  margin-bottom: 25px;
}
.inews_sb li span {
  display: none;
}
.inews_sb li {
  line-height: 34px;
  position: relative;
  padding-left: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inews_sb li:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 15px;
  background: #00b19c;
  border-radius: 50%;
}
.inews_sb li a:hover {
  color: #00b19c;
}
.lines {
  border-right: 1px dotted #d0d8e4;
}

.side_sb {
  background: #fff;
}
.side_sb h3 {
  background: #00b19c;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 6px 12px;
  margin-bottom: 10px;
  color: #fff;
}
.side_sb .snav {
  padding: 0;
}
.side_sb .snav li {
  border-bottom: 1px dashed #e0e0e0;
  margin-bottom: 0;
  position: relative;
}
.side_sb .snav li:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #00b19c;
  position: absolute;
  left: 8px;
  top: 14px;
}
.side_sb .snav li a {
  background: #fff;
  color: #2a2a2a;
  font-size: 13px;
  padding-left: 20px;
  line-height: 36px;
  display: block;
}
.side_sb .snav li a:hover,
.side_sb .snav li a.cur {
  color: #00b19c;
  background: #f0f7ff;
}

/* ===== 新闻选项卡样式 ===== */
.news-tab {
  background: #fff;
}
.news-tab .tab-nav {
  border-bottom: 1px solid #e8e8e8;
}
.news-tab .tab-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.news-tab .tab-nav li {
  flex: 1;
  text-align: center;
}
.news-tab .tab-nav li a {
  display: block;
  height: 35px;
  line-height: 20px;
  font-size: 20px;
  color: #2a2a2a;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
}
.news-tab .tab-nav li.active a,
.news-tab .tab-nav li a:hover {
  border-bottom: 1px solid #00b19c;
  color: #00b19c;
  background: #fff;
}
.news-tab .tab-content {
  padding: 10px 0;
}
.news-tab .tab-panel {
  display: none;
}
.news-tab .tab-panel.active {
  display: block;
}
.news-tab .tab-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-tab .tab-panel li {
  padding: 9px 5px 7px 5px;
  line-height: 1.6;
  border-bottom: 1px dashed #e8e8e8;
  position: relative;
  overflow: hidden;
}
.news-tab .tab-panel li:last-child {
  border-bottom: none;
}
.news-tab .tab-panel li a {
  display: block;
  color: #2a2a2a;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 120px;
}
.news-tab .tab-panel li a:hover {
  color: #00b19c;
}
.news-tab .news-date {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #999;
  font-size: 12px;
}

/* ===== 首页新闻板块（newpart）===== */
.itittop2 {
  height: 36px;
  background: #00b19c;
  border-bottom: 3px solid #008a42;
  margin-bottom: 10px;
}
.itittop2 span {
  vertical-align: top;
  display: inline-block;
  padding: 0 20px;
  line-height: 36px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.itittop2 a {
  color: #fff;
}
.itittop2 .more {
  float: right;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 36px;
  padding: 0 15px;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.1);
}
.itittop2 .more:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}

.ntit {
  border-bottom: 2px solid #00b19c;
  height: 34px;
  margin-bottom: 12px;
}
.ntit a {
  display: block;
}
.ntit span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  font-weight: bold;
  color: #00b19c;
}

.newpart {
  margin-top: 10px;
  margin-bottom: 25px;
  min-height: 310px;
}
.newpart .ntit {
  border-bottom: 2px solid #00b19c;
  height: 34px;
  margin-bottom: 12px;
}
.newpart .ntit a {
  display: block;
}
.newpart .ntit span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  font-weight: bold;
  color: #00b19c;
}
.newpart .tab .tab-nav li a {
  display: block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #d0d8e4;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 2px;
  cursor: pointer;
}
.newpart .tab .tab-nav .active a {
  border-bottom: 1px solid #00b19c;
  color: #00b19c;
}
.newpart .tab-panel li {
  padding-left: 14px;
  position: relative;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newpart .tab .tab-body {
  border-top: 0;
}
.newpart .tab-panel li a {
  display: block;
  padding-right: 52px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newpart .tab-panel li .date {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
  font-size: 12px;
}
.newpart .tab-panel li::before {
  position: absolute;
  left: 0;
  top: 13px;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #00b19c;
  border-radius: 50%;
}
.newpart .tab-panel li a:hover {
  color: #00b19c;
}

/* 友情链接 */
.flink {
  margin: 20px 0;
  position: relative;
  border: 1px solid #e4e8ed;
  padding: 0;
}
.flink h3 {
  background: #00b19c;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  padding: 6px 12px;
  margin-bottom: 0;
  color: #fff;
}
.flink .con {
  padding: 10px 15px;
}
.flink .con a {
  display: inline-block;
  line-height: 30px;
  margin-right: 10px;
  font-size: 13px;
}
.flink .con a:hover {
  color: #00b19c;
}

/* ===== 党建相关 ===== */
.partbody {
  background-color: rgb(247, 227, 185);
}
.headpart {
  position: relative;
}
.partcrumb {
  background: rgba(193, 0, 1, 0.5);
}
.partcrumb .crumb {
  padding: 10px 0;
}
.partcrumb .crumb a {
  color: #fff;
}
.partcrumb .crumb a:hover {
  color: #fff;
}
.partindex {
  background: rgb(255, 250, 238);
  padding: 30px 50px 40px;
}
.pnews {
  margin-bottom: 30px;
}
.pnews .ptit {
  height: 38px;
  line-height: 38px;
  background: url(../images/title_c.png) left bottom no-repeat;
  margin-bottom: 15px;
}
.pnews .ptit span {
  display: inline-block;
  width: 150px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.pnews li {
  padding-left: 14px;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.pnews li a {
  display: block;
  padding-right: 50px;
}
.pnews li .date {
  position: absolute;
  right: 0;
  top: 0;
}
.pnews li::before {
  position: absolute;
  left: 0;
  top: 13px;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: rgb(203, 0, 0);
  border-radius: 50%;
}
.pnews li a:hover {
  color: rgb(203, 0, 0);
}
.partlink .ptit {
  height: 38px;
  line-height: 38px;
  background: url(../images/title_c.png) left bottom no-repeat;
  margin-bottom: 15px;
}
.partlink .ptit span {
  display: inline-block;
  width: 150px;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.partlink .con a {
  display: inline-block;
  padding: 0 5px;
}
.partlink .con a:hover {
  color: rgb(203, 0, 0);
}
.footpart {
  padding: 40px 0 30px;
  background: rgb(155, 123, 85);
  color: #fff;
}
.footpart a {
  color: #fff;
}
.footpart a:hover {
  color: #fff;
}
.partcon .partside {
  background: antiquewhite;
  min-height: 280px;
}
.partcon .partside .tit {
  background: #f15e25;
  line-height: 40px;
}
.partcon .partside ul li {
  border-bottom: 1px solid #ddd;
}
.partcon .partside ul li a {
  display: block;
  line-height: 36px;
  text-align: center;
}
.partcon .partside ul li a:hover,
.partcon .partside ul li .cur {
  color: #f15e25;
}
.partcon .ptitle {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
}
.partcon .ptitle span {
  display: inline-block;
  height: 40px;
  border-bottom: 2px solid #c10001;
}
.partcon .pnewslist li {
  position: relative;
  padding-left: 60px;
  line-height: 40px;
}
.partcon .pnewslist li .date {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  color: red;
}
.partcon .pnewslist li a {
  display: block;
}

/* 就医指南 */
.zhinan {
  background: #ecf8f2;
  height: 150px;
  margin-top: 1px;
}
.zhinan ul {
  width: 1200px;
  margin: auto;
  height: 100px;
  padding: 25px 0 0 0;
}
.zhinan ul li {
  float: left;
  height: 100px;
  width: 15%;
  font-weight: 600;
  font-size: 16px;
}
.zhinan ul li.zn {
  background: url(../images/zn.png) no-repeat 0 center;
}
.zhinan ul li a {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center 15px;
  color: #666;
  padding-top: 70px;
  color: #000;
}
.zhinan ul li a.zn1 {
  background-image: url(../images/zn1.png);
}
.zhinan ul li a.zn2 {
  background-image: url(../images/zn2.png);
}
.zhinan ul li a.zn3 {
  background-image: url(../images/zn3.png);
}
.zhinan ul li a.zn4 {
  background-image: url(../images/zn4.png);
}
.zhinan ul li a.zn5 {
  background-image: url(../images/zn5.png);
}
.zhinan ul li a.zn6 {
  background-image: url(../images/zn6.png);
}
.zhinan ul li a.zn7 {
  background-image: url(../images/zn7.png);
}
.zhinan ul li a:hover {
  color: #0168ad;
}

.f18 {
  font-size: 18px;
}
.blue,
.blue a,
a.blue {
  color: #1188dc;
}
.right {
  float: right;
}
.bian1 {
  border: 1px solid #e7e7e7;
  border-top: 2px solid #00b19c;
}
.tt1 {
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  height: 46px;
  line-height: 46px;
}
.tt1 span {
  font-size: 14px;
  color: #666;
  margin-left: 10px;
}
.tt1 a {
  font-size: 12px;
}
.tt1 strong {
  display: inline-block;
  font-weight: normal;
  border-bottom: 1px solid #00b19c;
}
.tt2 {
  height: 36px;
}
.keshi {
  width: 1160px;
  margin: auto;
  padding: 20px 0;
}
.keshi li {
  height: 65px;
  width: 23%;
  float: left;
  margin: 0 10px;
  overflow: hidden;
}
.keshi li a {
  display: block;
  /* padding: 8px 8px 8px 68px; */
  line-height: 49px;
  text-align: center;
  font-size: 16px;
  border:1px dashed #00b19c;
}
.keshi li a:hover {
  background-color: #00b19c;
  color: #fff;
}
.keshi li a.ks1 {
  background-image: url(../images/ks1.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks2 {
  background-image: url(../images/ks2.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks3 {
  background-image: url(../images/ks3.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks4 {
  background-image: url(../images/ks4.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks5 {
  background-image: url(../images/ks5.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks6 {
  background-image: url(../images/ks6.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks7 {
  background-image: url(../images/ks7.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks8 {
  background-image: url(../images/ks8.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks9 {
  background-image: url(../images/ks9.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks10 {
  background-image: url(../images/ks10.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks11 {
  background-image: url(../images/ks11.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks12 {
  background-image: url(../images/ks12.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks13 {
  background-image: url(../images/ks13.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks14 {
  background-image: url(../images/ks14.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks15 {
  background-image: url(../images/ks15.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks16 {
  background-image: url(../images/ks16.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks17 {
  background-image: url(../images/ks17.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks18 {
  background-image: url(../images/ks18.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks19 {
  background-image: url(../images/ks19.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks20 {
  background-image: url(../images/ks20.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks21 {
  background-image: url(../images/ks21.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks22 {
  background-image: url(../images/ks22.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks23 {
  background-image: url(../images/ks23.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks24 {
  background-image: url(../images/ks24.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks25 {
  background-image: url(../images/ks25.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks26 {
  background-image: url(../images/ks26.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks27 {
  background-image: url(../images/ks27.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks28 {
  background-image: url(../images/ks28.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks29 {
  background-image: url(../images/ks29.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks30 {
  background-image: url(../images/ks30.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks31 {
  background-image: url(../images/ks31.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks32 {
  background-image: url(../images/ks32.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks33 {
  background-image: url(../images/ks33.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi li a.ks34 {
  background-image: url(../images/ks34.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

.keshi1 li {
  height: 65px;
  width: 25%;
  float: left;
  overflow: hidden;
}
.keshi1 li a {
  display: block;
  padding: 8px 8px 8px 68px;
  height: 49px;
  line-height: 49px;
  font-size: 16px;
  border:1px dashed #00b19c;
}
.keshi1 li a:hover {
  background-color: #00b19c;
  color: #fff;
}
.keshi1 li a.ks1 {
  background-image: url(../images/ks1.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks2 {
  background-image: url(../images/ks2.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks3 {
  background-image: url(../images/ks3.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks4 {
  background-image: url(../images/ks4.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks5 {
  background-image: url(../images/ks5.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks6 {
  background-image: url(../images/ks6.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks7 {
  background-image: url(../images/ks7.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks8 {
  background-image: url(../images/ks8.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks9 {
  background-image: url(../images/ks9.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks10 {
  background-image: url(../images/ks10.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks11 {
  background-image: url(../images/ks11.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks12 {
  background-image: url(../images/ks12.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks13 {
  background-image: url(../images/ks13.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks14 {
  background-image: url(../images/ks14.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks15 {
  background-image: url(../images/ks15.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks16 {
  background-image: url(../images/ks16.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks17 {
  background-image: url(../images/ks17.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks18 {
  background-image: url(../images/ks18.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks19 {
  background-image: url(../images/ks19.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks20 {
  background-image: url(../images/ks20.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks21 {
  background-image: url(../images/ks21.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks22 {
  background-image: url(../images/ks22.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks23 {
  background-image: url(../images/ks23.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks24 {
  background-image: url(../images/ks24.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

/* ================================================================
   响应式增强 - 针对index.css中特定组件的移动端适配
   ================================================================ */

/* 移动端 (< 760px) */
@media (max-width:760px){
	/* Banner 图片高度 */
	.banner .bd li img{ height: 200px !important; object-fit: cover;}
	
	/* 图文轮播图片高度 */
	.ipart1 .islide .bd li img{ height: 200px !important; object-fit: cover;}
	
	/* 图片横向滚动 */
	.mslide .bd li img{ height: 150px !important; object-fit: cover;}
	
	/* 首页新闻选项卡高度 */
	.news-tab .tab-panel li{ padding: 6px 5px;}
	.news-tab .tab-panel li a{ padding-right: 85px; font-size: 13px;}
	.news-tab .news-date{ font-size: 11px; right: 5px; top: 7px;}
	
	/* 科室列表移动适配 */
	.keshi li{ width: 48%; margin: 1%; float: left;}
	.keshi li a{ font-size: 13px; line-height: 38px; height: auto; padding: 5px 8px; border: 1px dashed #00b19c;}
	.keshi1 li{ width: 48%; margin: 1%; float: left; height: auto;}
	.keshi1 li a{ padding: 6px 6px 6px 45px; background-size: 30px 30px; background-position: 5px 5px; line-height: 36px; font-size: 12px;}
	.bg-green{ padding: 10px 0;}
	
	/* 内页Banner */
	.inban{ height: 180px !important;}
	
	/* 相册列表 */
	.albumlist li .pic img{ height: 130px !important;}
	
	/* 产品列表移动 */
	.prolist li .con{ padding: 6px 10px;}
	.prolist li .name{ font-size: 13px;}
	
	/* 活动/考试信息 */
	.actinfo ul, .examinfo ul{ padding: 8px 10px; font-size: 13px;}
	.actinfo .wrap, .examinfo .wrap{ font-size: 13px;}
	
	/* 报名表单 */
	.signupform .form-group{ padding-left: 75px; margin-bottom: 8px;}
	.signupform .form-group .label{ width: 65px; font-size: 12px; line-height: 30px;}
	
	/* 准考证 */
	.ticketprint{ width: 100% !important; padding: 10px !important;}
	
	/* 地图 */
	.mapwrap{ height: 220px !important;}
	#allmap{ height: 250px !important;}
	
	/* 首页板块间距 */
	.index-section{ padding: 10px 0 5px;}
	.section-bg{ padding: 10px 0 8px; margin: 5px 0;}
	
	/* 科室背景区 */
	.tt1{ margin-bottom: 5px;}
	.tt1 strong.f20{ font-size: 15px !important;}
	
	/* 就医指南图标大小 */
	.zhinan ul li a[class^="zn"]{ background-size: 32px 32px !important; background-position: center 6px !important;}
}

/* 平板 (760px - 999px) */
@media (min-width: 760px) and (max-width:999px){
	.banner .bd li img{ height: 320px !important; object-fit: cover;}
	.ipart1 .islide .bd li img{ height: 240px !important; object-fit: cover;}
	.mslide .bd li img{ height: 185px !important;}
	.inban{ height: 260px !important;}
	.albumlist li .pic img{ height: 160px !important;}
	.keshi li{ width: 23%; margin: 1%;}
	.keshi li a{ font-size: 14px; line-height: 42px;}
	.mapwrap{ height: 350px !important;}
	#allmap{ height: 400px !important;}
}

/* 小桌面 (1000px - 1199px) */
@media (min-width: 1000px) and (max-width:1199px){
	.banner .bd li img{ height: 400px !important; object-fit: cover;}
	.ipart1 .islide .bd li img{ height: 300px !important; object-fit: cover;}
	.mslide .bd li img{ height: 220px !important;}
	.inban{ height: 320px !important;}
	.albumlist li .pic img{ height: 200px !important;}
}
.keshi1 li a.ks25 {
  background-image: url(../images/ks25.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks26 {
  background-image: url(../images/ks26.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks27 {
  background-image: url(../images/ks27.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks28 {
  background-image: url(../images/ks28.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks29 {
  background-image: url(../images/ks29.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks30 {
  background-image: url(../images/ks30.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks31 {
  background-image: url(../images/ks31.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks32 {
  background-image: url(../images/ks32.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks33 {
  background-image: url(../images/ks33.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.keshi1 li a.ks34 {
  background-image: url(../images/ks34.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}
.w590 {
  width: 590px;
}
.special-list{width: 100%;white-space: nowrap;position: relative;left: 0; margin-top: 20px;}
.special-list a{display: inline-block;width: 275px;padding: 4px;border: 1px solid #e6e6e6;margin-right: 20px;}
.special-list img{width: 100%;height: 75px;}