body {
  background: url(../image/bg.png) no-repeat;
  font-family: 'Microsoft YaHei', '黑体', Helvetica, Arial, Tahoma, sans-serif;
}

h1,
h2,
h3,
h4,
p,
a,
input {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style: none;
  padding: 0;
}

.fx {
  display: flex;
}

.space15 {
  margin-top: 10px;
}

.space25 {
  margin-top: 25px;
}
/* floatingAd */
.floatingAd .ad {
  z-index: 100;
  background: none;
  position: absolute;
  display: none;
}
.floatingAd a {
  color: #000000;
  display: inline-block;
  text-decoration: none;
}
.floatingAd a img {
  border: 0;
}
.floatingAd .close {
  display: none;
}
.floatingAd .opacity {
  position: absolute;
  top: 0;
  width: 100%;
  height: 25px;
  background-color: #000000;
  opacity: 0.2;
  filter: alpha(opacity = 20);
}
.opacity1 {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}
.floatingAd .text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 25px;
  color: #fff;
  line-height: 25px;
}
.floatingAd .text .button {
  position: relative;
  float: right;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
  background: url('../image/close.png') no-repeat;
  cursor: pointer;
}
.floatingAd .text .title {
  position: relative;
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
/* 头部样式 */
header {
  background: url(../image/nav.png) no-repeat bottom;
}

#menuBtn {
  display: none;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  z-index: 20;
  width: 28px;
  height: 26px;
  margin-top: -13px;
  background: url('../image/menu.png') no-repeat;
  cursor: pointer;
}

.head {
  width: 1200px;
  margin: 48px auto 0;
}

.head h1 {
  margin: 0;
}

.head img {
  display: block;
}

.head,
.head-nav > nav,
.nav-list {
  display: flex;
  justify-content: space-between;
}

.head-nav {
  width: 1064px;
}

.head-nav h2 {
  box-sizing: border-box;
  height: 72px;
  margin: 0;
  padding: 18px 0 0 10px;
}

.head-nav nav {
  align-items: center;
  height: 56px;
}

.nav-list {
  width: 805px;
  padding: 0px 10px;
}

.nav-list li {
  position: relative;
  height: 54px;
  line-height: 54px;
  padding: 0px 20px;
}

.nav-list a {
  height: 56px;
  line-height: 56px;
  color: #fdf049;
  font-size: 16px;
}

.nav-list li:hover {
  background-color: #970101;
}

.nav-list li:hover .sub-nav {
  display: block;
}

.nav-list .sub-nav {
  display: none;
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 99;
  width: auto;
  min-width: 100%;
  background-color: #970101;
}

.nav-list .sub-nav a {
  display: block;
  padding: 0px 20px;
  white-space: nowrap;
}

.nav-list .sub-nav a:hover {
  background-color: #b12121;
}

.search {
  display: flex;
  align-items: center;
  width: 212px;
  height: 36px;
  border-radius: 4px;
  margin-right: 20px;
  overflow: hidden;
}

.search input {
  box-sizing: border-box;
  width: 162px;
  height: 36px;
  padding: 4px 8px;
  border: none;
  outline: none;
}

.search button {
  width: 50px;
  height: 36px;
  padding-bottom: 2px;
  border: none;
  background-color: #ff7701;
  font-size: 16px;
  color: #fff;
  outline: none;
  cursor: pointer;
}

/* 轮播图样式 */
/*幻灯片*/
.banner {
  position: relative;
  width: 1200px;
  height: 325px;
  margin: 20px auto;
}
.fullwidthbanner-container {
  width: 100% !important;
  position: relative;
  padding: 0;
  height: 325px !important;
  overflow: hidden;
  z-index: 98;
  min-width: 1200px;
}
.fullwidthbanner-container .fullwidthabnner {
  width: 100% !important;
  height: 325px !important;
  position: relative;
  z-index: 98;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .banner,
  .bannercontainer {
    width: 768px;
    height: 322px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .banner,
  .bannercontainer {
    width: 480px;
    height: 201px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .banner,
  .bannercontainer {
    width: 320px;
    height: 134px;
  }
}
@media only screen and (max-width: 319px) {
  .banner,
  .bannercontainer {
    width: 240px;
    height: 101px;
  }
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
  background: #cf130b !important;
}
/** BULLETS **/
.tp-bullets {
  z-index: 90;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.tp-bullets.simplebullets.round .bullet {
  cursor: pointer;
  position: relative;
  background: #fbe4d4;
  width: 25%;
  height: 2px;
  float: left;
  -webkit-transition: background 0.1s linear;
  -moz-transition: color, background 0.1s linear;
  -o-transition: color, background 0.1s linear;
  transition: color, background 0.1s linear;
}
.tp-leftarrow.large {
  z-index: 90;
  cursor: pointer;
  position: relative;
  background: url(../image/slider-left-arrow.png) no-Repeat center center;
  width: 5%;
  height: 46px;
  margin-top: -23px;
  margin-left: 0;
  -webkit-transition: background 0.1s linear;
  -moz-transition: color, background 0.1s linear;
  -o-transition: color, background 0.1s linear;
  transition: color, background 0.1s linear;
}
.tp-rightarrow.large {
  z-index: 90;
  cursor: pointer;
  position: relative;
  background: url(../image/slider-right-arrow.png) no-Repeat center center;
  width: 5%;
  height: 46px;
  margin-top: -23px;
  margin-left: 0;
  -webkit-transition: background 0.1s linear;
  -moz-transition: color, background 0.1s linear;
  -o-transition: color, background 0.1s linear;
  transition: color, background 0.1s linear;
}
.tp-bannertimer {
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 90;
}
.tp-bannertimer.tp-bottom {
  bottom: 0px !important;
  height: 5px;
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .responsive .tp-bullets {
    display: none;
  }
  .responsive .tparrows {
    display: none;
  }
}
.tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tp-simpleresponsive a {
  text-decoration: none;
}
.tp-simpleresponsive ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tp-simpleresponsive > ul > li {
  list-stye: none;
  position: absolute;
  visibility: hidden;
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
  width: 10000px;
  height: 10000px;
}
/*.tp-loader {
   background: url(../image/loader.gif) no-repeat 10px 10px; 
  background-color: #fff;
  margin: -22px -22px;
  top: 50%;
  left: 50%;
  z-index: 90;
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}*/

/* 主体内容 */
.view {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 1200px;
  margin: 15px auto;
  padding: 0 21px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(124, 13, 19, 0.05);
}

.view ~ .view {
  padding: 0;
  box-shadow: none;
}

.leader,
.material,
.special,
.media,
.links {
  box-sizing: border-box;
  width: 390px;
  padding: 0 12px;
  box-shadow: 0 0 8px rgba(124, 13, 19, 0.05);
}

.title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-left: 35px;
  border-bottom: 2px solid #cf130b;
  background-position: 2px 24px;
  background-repeat: no-repeat;
}

.title h3 {
  margin: 25px 0 8px;
  font-size: 1.24rem;
  color: #222222;
}

.title > ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.title > ul > li {
  padding: 10px 12px;
  font-size: 0.13rem;
  color: #333333;
  font-size: 13px;
  cursor: pointer;
}

.title > ul > li a {
  color: #333333;
}

.title .tab-active {
  border-radius: 4px 4px 0 0;
  background-color: #cf130b;
  color: #fff;
}

.title .tab-active a {
  color: #fff;
}

.list {
  display: none;
  width: 100%;
}

.list-active {
  display: block;
}

.list > li {
  position: relative;
  padding-left: 8px;
}

.list > li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background-color: #333333;
}

.list > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 36px;
  font-size: 13px;
  color: #333333;
}

.list-text {
  flex: 1;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-text + time {
  flex-shrink: 0;
  color: #999999;
}

/* 要闻导读 */
.news {
  width: 406px;
}

.news .title {
  background-image: url(../image/icon-yw.png);
}

/* 工作动态 */
.work {
  width: 720px;
}

.work .title {
  background-image: url(../image/icon-gz.png);
}

.work-cell {
  display: flex;
  justify-content: space-between;
}

.work-cell .list {
  width: 332px;
}

.work-img {
  position: relative;
  width: 365px;
  height: 243px;
  margin-top: 22px;
}
.work-img #classpic {
  width: 100%;
  height: 243px;
  overflow: hidden;
  position: relative;
}
.work-img .fcon {
  height: 243px;
}
.work-img .fbg {
  bottom: 10px;
  right: 15px;
  position: absolute;
  text-align: center;
  z-index: 200;
}
.work-img .D1fBt a {
  position: relative;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin: 0 3px;
  color: #b0b0b0;
  text-decoration: none;
  text-align: center;
  outline: 0;
  float: left;
  background: #d9d9d9;
}
.work-img .D1fBt .current,
.work-img .D1fBt a:hover {
  background: #cf130b;
}
.work-img img {
  width: 100%;
  height: 243px;
}
.work-img .D1fBt i {
  display: none;
  font-style: normal;
}
.work-img .prev,
.work-img .next {
  position: absolute;
  width: 40px;
  height: 74px;
  background: url(../image/focus_btn.png) no-repeat;
}
.work-img .prev {
  top: 50%;
  margin-top: -37px;
  left: 0;
  background-position: 0 -74px;
  cursor: pointer;
}
.work-img .next {
  top: 50%;
  margin-top: -37px;
  right: 0;
  background-position: -40px -74px;
  cursor: pointer;
}
.work-img .prev:hover {
  background-position: 0 0;
}
.work-img .next:hover {
  background-position: -40px 0;
}
.classtitle {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  padding: 0 20px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  box-sizing: border-box;
}

/* 领导讲话 */
.leader .title {
  background-image: url(../image/icon-jh.png);
}

/* 资料中心 */
.material .title {
  background-image: url(../image/icon-zl.png);
}

/* 专题专栏 */
.special .title {
  background-image: url(../image/icon-zt.png);
}

.special-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.special-main > li {
  width: 178px;
  height: 75px;
  margin-top: 6px;
}

/* 新媒体平台 */
.media {
  width: 794px;
  padding: 0 15px;
}

.media .title {
  background-image: url(../image/icon-mt.png);
}

.media-main {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.media-main li {
  width: 136px;
  height: 172px;
}

.media-main li a {
  font-size: 16px;
  color: #000000;
}

.media-main li img {
  display: block;
  margin-bottom: 20px;
}

/* 友情链接 */
.links .title {
  background-image: url(../image/icon-lj.png);
}

.links-main {
  width: 260px;
  margin: 16px auto 6px;
}

.links-main select {
  width: 100%;
  margin: 9px 0;
  padding: 4px 20px;
  font-size: 14px;
  color: #222222;
}

/* 内页 */
/* 列表页面 */
.main {
  width: 1200px;
  height: 100%;
  padding: 0px 20px;
  display: flex;
  justify-content: space-around;
  margin: 30px auto 0;
}

/* 左侧 */
.main-l {
  width: 281px;
  background: url('../image/main-l.png') no-repeat;
  margin-right: 2%;
  padding: 20px 0;
}

.main-l h2 {
  font-size: 16px;
  color: #999;
  padding-left: 28px;
}

.main-l div {
  margin-top: 10px;
  font-size: 24px;
  color: #c92a20;
  font-weight: bold;
  padding-left: 28px;
}

.card-list {
  margin-top: 50px;
  padding: 0 28px 28px;
  background: #b10101;
}

.card-list li {
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-bottom: 1px solid #c54141;
}

.card-list li a {
  color: #fff;
  font-size: 16px;
}

.card-list li:last-child {
  border-bottom: none;
}

/* 右侧 */
.main-r {
  /* height:550px; */
  width: 70%;
  padding: 40px 30px;
  background-color: #fff;
  min-height: 600px;
  margin-bottom: 20px;
}
.main-r-list{min-height: 600px;}
.main-r .main-r-title {
  height: 40px;
  background-color: #f0f0f0;
  border-radius: 5px;
}

.main-r-title img {
  margin: 0 20px;
  vertical-align: middle;
}

.main-r-title span {
  line-height: 40px;
  font-size: 14px;
  color: #666;
}

.main-r-title span:last-child {
  color: #b10101;
}

/*子网站列表页*/
.mainc li {
  position: relative;
  margin: 25px 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #f2f2f2;
}

.mainc-img {
  width: 166px;
  height: 110px;
  overflow: hidden;
}

.mainc-img img {
  display: block;
  width: 100%;
}

.mainc-img ~ .mainc-text {
  width: 75%;
  margin-left: 20px;
}

.mainc-text h4 {
  font-size: 20px;
  font-weight: normal;
  color: #333;
}

.mainc-text span {
  font-size: 13px;
  color: #999;
}

.mainc-text span img {
  margin-right: 10px;
  font-size: 13px;
}

.mainc-text p {
  color: #666;
  font-size: 14px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/*子网站-页签*/

.main-page {
  text-align: center;
  cursor: pointer;
}

.main-page span.current,
.main-page span.disabled,
.main-page a {
  display: inline-block;
  width: 35px;
  margin: 0 4px;
  height: 35px;
  background-color: #f5f5f5;
  line-height: 35px;
  color: #666;
}

.main-page span.disabled,
.main-page span.current,
.main-page a:first-child,
.main-page a:last-child {
  color: #b10101;
}

.main-page span.current {
  background-color: #b10101;
  color: #ffffff;
}

/* 子页网站留言 */
.wzly {
  height: 100%;
  padding: 58px 90px;
}

.wzly span {
  margin-right: 20px;
  font-size: 14px;
  color: #333;
}

.wzly-t > div {
  width: 50%;
}

.wzly input {
  width: 68%;
  height: 48px;
  padding-left: 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.wzly .lynr {
  margin-right: 25px;
  text-align: center;
  height: 153px;
  line-height: 153px;
}

.wzly .sfzh {
  width: 34%;
}

.wzly textarea {
  width: 83%;
  padding-top: 18px;
  padding-left: 10px;
  height: 153px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

textarea::-webkit-input-placeholder {
  color: #9999bc;
  font-size: 14px;
}

.btn button {
  display: block;
  margin: 40px auto;
  padding: 12px 50px;
  text-align: center;
  color: #fff;
  background-color: #b10101;
  border: 1px solid #b10101;
  border-radius: 8px;
}

/* 子页咨询详情 */
.gzdt {
  padding: 40px 80px;
}

.gzdt h1 {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 28px;
  color: #333;
  text-align: center;
}

.gzdt h2 {
  padding-bottom: 10px;
  border-bottom: 1px dashed #999;
  font-weight: normal;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.gzdt h3 {
  margin-top: 20px;
  line-height: 21px;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}

.gzdt p {
  line-height: 21px;
  text-indent: 2em;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}

.gzdt .last-p {
  padding-bottom: 110px;
  border-bottom: 1px dashed #999;
}

.gzdt .prev,
.gzdt .next {
  text-indent: 0em;
  display: block;
  text-align: left;
  color: #333;
  font-weight: normal;
  font-size: 14px;
}

/* 底部 */
footer {
  width: 100%;
  height: 262px;
  background: url(../image/footer.png) no-repeat;
  font-size: 14px;
  color: #fff;
}

footer .view {
  height: 205px;
  margin: 0 auto;
  padding: 0;
  background: none;
}

/* 联系方式 */
.contact {
  margin-top: 22px;
}

.contact a {
  color: #fff;
}

.contact > li {
  margin-bottom: 10px;
}

.contact > li > span {
  margin-right: 20px;
}

.QR-code {
  margin-top: 44px;
  text-align: center;
}

.QR-code img {
  display: block;
  margin-bottom: 10px;
}

/* 版权 */
footer .view:last-child {
  align-items: center;
  height: 57px;
  line-height: 57px;
}

footer .view:last-child span {
  margin-right: 20px;
}

footer .view:last-child img {
  display: block;
}

/* 页面小于1200px */
@media screen and (max-width: 1200px) {
  body {
    box-shadow: none;
    background: none;
  }

  /* 头部样式 */
  header {
    background: none;
  }

  #menuBtn {
    display: inline-block;
  }

  .head h1,
  .head-nav nav,
  .search {
    display: none;
  }

  .head {
    width: 100%;
    margin: 0;
  }

  .head-nav {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    background: url('../image/bg.png');
  }

  .head-nav h2 {
    width: 100%;
    margin: 0px 20px;
    background: url('../image/logo-xs.png') no-repeat left center;
    background-size: 40%;
  }

  .head-nav h2 img {
    display: none;
  }

  .head-nav nav {
    position: absolute;
    top: 72px;
    width: 100%;
    height: auto;
  }

  .nav-list {
    flex-direction: column;
    width: 100%;
    margin: 0;
    background-color: #b00101;
    text-align: center;
  }

  .nav-list a {
    display: block;
    width: 100%;
    line-height: 44px;
  }

  .nav-list a:hover {
    background-color: #910202;
  }

  /* 轮播图样式 */
  .banner {
    width: 100vw;
    height: 35vw;
    margin: 72px auto 0;
  }

  .banner img {
    width: 100vw !important;
    height: 35vw !important;
  }
  .fullwidthbanner-container {
    min-width: 100vw;
    height: 35vw !important;
  }
  .fullwidthbanner-container .fullwidthabnner {
    height: 35vw !important;
  }
  /* 主体内容 */
  .view {
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
  }

  .news,
  .work,
  .special,
  .media,
  .links {
    width: 100%;
  }

  .leader,
  .material {
    width: 50%;
  }

  .leader,
  .material,
  .special,
  .media,
  .links {
    padding: 0 21px;
  }

  .special-main > li img,
  .media-main > li img {
    display: block;
    width: 100%;
  }

  /* 工作动态 */
  .work-img {
    flex-shrink: 0;
  }

  .work-img + div {
    flex: 1;
    margin-left: 20px;
  }

  .work-cell .list {
    width: 100%;
  }

  /* 专题专栏 */
  .special-main > li {
    width: 24%;
    height: auto;
    margin-top: 10px;
  }

  /* 新媒体平台 */
  .media-main li {
    width: 18%;
    height: auto;
  }

  /* 底部 */
  footer {
    height: auto;
    background: none;
  }

  footer .view {
    height: auto;
    background-color: #a42323;
    text-align: center;
  }

  footer .view:last-child {
    height: auto;
    padding: 10px 0;
    background-color: #981618;
  }

  .contact {
    width: 100%;
  }

  .QR-code {
    margin: 0 auto 15px;
  }

  .main {
    width: 100%;
    margin-top: 90px;
    padding: 0px;
  }
}

/* 页面小于880px */
@media screen and (max-width: 880px) {
  /* 主体内容 */
  .work-img + div {
    width: calc(100% - 400px);
  }

  .leader,
  .material {
    width: 100%;
  }

  /* 底部 */
  footer {
    font-size: 12px;
  }

  footer .view:last-child {
    flex-direction: column;
    height: auto;
  }
}

/* 页面小于768px */
@media screen and (max-width: 767px) {
  .head-nav h2 {
    width: 100%;
    background: url('../image/logo-xs.png') no-repeat left center;
    background-size: 60%;
  }

  /* 工作动态 */
  .work-cell {
    flex-direction: column;
  }

  .work-img {
    margin: 22px auto 0;
  }

  .work-img + div {
    width: 100%;
    margin: 0;
  }

  /* 专题专栏 */
  .special-main > li {
    width: 49%;
    height: auto;
    margin-top: 10px;
  }

  /* 新媒体平台 */
  .media-main {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .media-main li {
    box-sizing: border-box;
    width: 33.33%;
    height: auto;
    margin-bottom: 10px;
    padding: 0 10px;
  }

  .media-main li img {
    margin-bottom: 10px;
  }

  /* 列表页面 */
  .main {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    flex-wrap: wrap;
    background: #fff;
  }

  .main-l {
    width: 100%;
    padding: 0px 10px;
    margin-top: 20px;
    margin-right: 0px;
    display: block;
    background: none;
  }

  .card-list {
    display: flex;
    justify-content: space-between;
    margin: 20px 10px 0px;
    background: none;
  }

  .card-list li {
    border-bottom: none;
  }

  .card-list li a {
    display: block;
    height: 30px;
    padding: 0px 8px;
    line-height: 30px;
    color: #fff;
    background-color: #b10101;
    border-radius: 5px;
  }

  .card-list li a:active {
    display: block;
    height: 30px;
    padding: 0px 8px;
    line-height: 30px;
    color: #b10101;
    background-color: #fff;
    border-radius: 5px;
  }
  .card-list li .is-active {
    display: block;
    height: 30px;
    padding: 0px 8px;
    line-height: 30px;
    color: #b10101;
    background-color: #fff;
    border-radius: 5px;
  }
  .main-r .main-r-title {
    display: none;
  }
  .main-r {
    width: 100%;
    display: block;
    padding: 0px 15px;
    min-height: 300px;
  }
  .main-r-list{min-height: 300px;}
  .main-page {
    width: 100%;
    display: block;
  }

  .mainc li a > div {
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .mainc-img ~ .mainc-text {
    width: 100%;
    margin-left: 0px;
  }

  .mainc-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 10px 0px 0px;
    padding: 0px 10px;
  }

  .mainc-text h4 {
    font-size: 16px;
  }
  .mainc-text p {
    line-height: 21px;
  }
  .mainc-img {
    width: 100%;
  }

  .mainc-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  /* 留言界面 */
  .wzly {
    width: 100%;
    padding: 10px 0px 0px;
  }
  .wzly form div {
    flex-wrap: wrap;
  }
  .wzly-t > div {
    width: 100%;
    margin-bottom: 15px;
  }
  .wzly .sfzh {
    width: 68%;
  }
  .space25 {
    display: none;
  }
  .wzly .lynr {
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
  }
  .wzly textarea {
    width: 92%;
  }
  /* 咨询详情 */
  .gzdt {
    padding: 10px;
  }
  .gzdt h1 {
    font-size: 16px;
  }
  .gzdt h2 {
    margin-top: 10px;
  }
  .gzdt h3 {
    line-height: 21px;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .gzdt p {
    line-height: 21px;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .gzdt .last-p {
    padding-bottom: 20px;
  }
  .gzdt .prev,
  .gzdt .next {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .gzdt .prev:hover,
  .gzdt .next:hover {
    color: #b10101;
  }
}

/* 页面小于580px */
@media screen and (max-width: 580px) {
  /* 底部 */
  footer .view:last-child span,
  .contact > li > span {
    margin-right: 10px;
  }
}

/* 页面小于420px */
@media screen and (max-width: 420px) {
  /* 标题 */
  .title {
    background-position: 2px 20px;
  }

  .title h3 {
    font-size: 1rem;
  }

  /* 工作动态 */
  .work-img {
    width: 100%;
    height: 243px;
  }

  /* 底部 */
  .contact > li > img {
    width: 80%;
  }

  footer span {
    display: block;
    line-height: 22px;
  }
}

#choiceWindow {
	display:none;
	position:fixed;
	top:50%;
	left:50%; 
	width:22vw;
  height:24vw;
  margin-top: -11vw;
  margin-left: -12vw;
  padding:20px;
	border:3px solid #ccc;
	background-color:white;
	z-index:5;
  /* overflow:auto; */
  text-align: center;
}
#backGround {
	display:none;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:1100px;
	background-color:black;
	z-index:1;
	-moz-opacity:0.8;
	opacity:.80;
	filter:alpha(opacity=88);
}
#x:hover {
	cursor:pointer;
	color:rgb(55,198,192);
}