@charset "utf-8";

/*CSS通用重置样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

fieldset,
img {
    border: 0;
}

:focus {
    outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup,
i {
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code,
kbd,
samp,
tt {
    font-size: 100%;
}

input,
button,
textarea,
select {
    font-size: 100%;
}

body {
    font-size: 12px;
    color: #333;
    background: url(../images/bg.jpg) ;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline;
}

:link,
:visited,
ins {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

.clearfix:before,
.cf:before,
.clearfix:after,
.cf:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after,
.cf:after {
    clear: both;
}

.clearfix,
.cf {
    zoom: 1;
}

html {
    _text-overflow: ellipsis;
}

/*���IE6��ͼƬ����*/
iframe {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

/* Init */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* common */
body {
    font: 14px/1.5 "Helvetica Neue", Microsoft YaHei, "Microsoft Yahei", Helmet, Freesans, sans-serif;
    color: #333333;
 
}

a,
a:visited {
    text-decoration: none;
}

.clearer {
    line-height: 0px;
    clear: both;
}

strong {
    font-weight: bold;
}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clear {
    display: inline-block;
}

/**/
/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
}

.clear {
    display: block;
}


@font-face {
    font-family: 'ff';

    src: url('fonts/ff.woff') format('woff2'), url('fonts/ff.woff') format('woff'), url('fonts/ff.ttf') format('truetype');
}



.wrap {
    width: 7.5rem;
    margin:0 auto;
    overflow: hidden;
}
.banner {
     width: 7.5rem;
    margin:0 auto;
    overflow: hidden;
    height:10.47rem;
    background: url(../images/bg1.jpg) no-repeat top center;
    background-size: 100%;
    position: relative;
}

.banner  .title {
    width: 4rem;
    margin:0 auto;
    display: block;
    margin-top: 2.5rem;
    position: relative;
    z-index: 1;
}
.banner  .cdbg {
    width: 3.3rem;
    position: absolute;
    left:50%;
    top: 2.1rem;
    margin-left: -1.54rem;
} 

.banner  .cdbg  img {
    width: 100%;
}




.banner .titleb {width: 7.5rem;display: block;margin:0 auto;margin-top: 0.25rem;}

.btn-audio {
  background-image: -moz-linear-gradient( 88deg, rgb(209,200,77) 0%, rgb(63,168,123) 100%);
  background-image: -webkit-linear-gradient( 88deg, rgb(209,200,77) 0%, rgb(63,168,123) 100%);
  background-image: -ms-linear-gradient( 88deg, rgb(209,200,77) 0%, rgb(63,168,123) 100%);
 
  width: 2.7rem;
  height:0.5rem;
  color:#fff;
  border-radius: 0.5rem;
  margin:0 auto;
  padding:0rem 0.2rem;;
  line-height: 0.5rem;
  margin-top:0.2rem;
      align-items: center;
  display: flex;
  justify-content: space-around;
      
}
.btn-audio .play {
    width:0.45rem;
    height:0.45rem;
    background: url(../images/btn_play.png) no-repeat center top;
    background-size: 100%;
}
.btn-audio.curre .play {
    width:0.45rem;
    height:0.45rem;
    background: url(../images/btn_pause.png) no-repeat center top;
    background-size: 100%;
}








.con {
    width: 7.5rem;
    margin:0 auto;
    overflow: hidden;
}


.con1 {
   width: 7.5rem;
    margin:0 auto;
    display: block;
}


.xgbd-con {
      width: 7.5rem;
      margin:0 auto;
      overflow: hidden;
      height:13.04rem;
      background: url(../images/bg_2.jpg) no-repeat center top;
      background-size:100%;
      margin-top: -1px;
}








.swiper-interview {
    width: 7rem;
    margin: 0 auto;
    border-radius: 0.2rem;
    margin-top: 1.6rem;
  }
  
  .swiper-interview .swiper-slide {
    position: relative;
  }
  
  .swiper-interview .swiper-slide img {
    width: 100%;
    ;
  }
  
  .swiper-interview .swiper-slide h5 {
    width: 6.6rem;
    position: absolute;
    bottom: 0;
    font-size: 0.28rem;
    left: 0;
    padding: .2rem 0.2rem 0.4rem 0.2rem;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(64%, rgba(0, 0, 0, 0.56)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.56) 64%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 3;
  }
  
  .swiper-interview .swiper-slide h5 a {
    color: #fff;
  }
  .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(255,255,255,0.9);
  }


  .swiper-pagination-bullet-active {background:#5fa9b2}



  .common-ul {
    width: 7rem;
    margin: 0 auto;
  }
  
  .common-li {
    padding: 0.3rem 0rem;
    border-bottom: dashed 1px #e0e0e0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
  }
  
  .common-li img {
    float: right;
    width: 2.25rem;
    height: 1.26rem;
    min-height: 1rem;
    margin-left: 0.32rem;
    border-radius: 0.08rem;
    object-fit: cover;
  }
  
  .common-li .title {
    color: #333;
    font-size: 0.32rem;
    overflow: hidden;
    /* display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; */
  }
  
  .common-li .title a {
    color: #333;
  }




.hd-con {
    width:7.5rem;
    height:10.83rem;
    background: url(../images/bg_3.jpg) no-repeat center top;
    background-size: 100%;
    overflow: hidden;
}

.hdsj-con {
    width: 7rem;
    margin:0 auto;
    text-align: center;
    margin-top: 1.4rem;
    overflow: hidden;
}
.hdsj-con h5 {color:#348200;font-size:0.34rem;font-weight: bold;margin-top: 0.2rem;}



.hdsj-con p {color:#666666;font-size:0.34rem;padding-top: 0.15rem;}



.zzjg-con {
    width: 7rem;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    margin-top: 2.7rem;
}
.zzjg-con h5 {color:#348200;font-size:0.34rem;font-weight: bold;margin-top: 0.2rem;}



.zzjg-con p {
color:#666666;
font-size:0.34rem;
}



.hdnr-con {
    width: 7.5rem;
    margin:0 auto;
    height:19.7rem;
    background: url(../images/bg_4b.jpg) no-repeat center top;
    background-size: 100%;
    overflow: hidden;
}
.zjxz-con {
    width: 6rem;
    margin:0 auto;
    overflow: hidden;
    margin-top: 2.9rem;
}

.zjxz-choose {
      width: 5.7rem;
      margin:0 auto;
      overflow: hidden;
}
.zjxz-choose .item {
   
    width: 2.23rem;
    height:.5rem;
    float:left;
    margin-left: 0.5rem;
}

.zjxz-main {
     width: 5rem;
     margin:0 auto;
     overflow: hidden;
     margin-top: 0.3rem;
     height: 5.4rem;
}
.zjxz-main .item {
    display: none;
    color: #666666;
    font-size: 0.3rem;
}

.zjxz-main .item.curre {
      display: block;
}


.zjxz-main .item p {
    margin-top:0.2rem;
    line-height: 0.5rem;
}


.hdjl-con {
   width: 7.5rem;
    margin:0 auto;
    height:6.94rem;
    background: url(../images/bg_5.jpg) no-repeat center top;
    background-size: 100%;
}

.hdjl-con p {
    width: 6rem;
    margin:0 auto;
    font-size:0.31rem;
    color:#333;
    padding-top: 2.1rem;
    line-height: 0.5rem;
}
.hdjl-con p i {
    color:#c71b1b;
    font-weight: bold;
}


.btn-jion {
    width:3.6rem;
    display: block;
    margin:0 auto;
}


.zpyq-con {
    width: 6rem;
    margin:0 auto;
    overflow: hidden;
    margin-top: 1.7rem;
}

.zpyq-con .title {
    width: 2.2rem;
    margin:0 auto;
    overflow: hidden;
    margin-top: 0.25rem;
}
.zpyq-con .title img {
    width: 100%;
}


.zpyq-con p {
   font-size: 0.3rem;
   color:#333;
   line-height: 0.5rem;
   margin-top: 0.1rem;
}





.zysx-con {
   width: 7.5rem;
    margin:0 auto;
    height:18.93rem;
    background: url(../images/bg_6.jpg) no-repeat center top;
    background-size: 100%;
}









.btn-list {
    width: 1rem;
    position: fixed;
    right: 0px;
    bottom: 3.2rem;
    display: none;
    z-index: 99;
  }
  .abs-list {
    width: 1rem;
    position: fixed;
    right: 0px;
    bottom: 2.6rem;
    z-index: 99;
  }

  .abs-pt {
    width: 1rem;
    position: fixed;
    right: 0px;
    bottom: 2.3rem;
    z-index: 99;
  }
  .abs-pt img {
width: 100%;
  }

  .abs-zpj {
    width: 1rem;
    position: fixed;
    right: 0px;
    bottom: 3.2rem;
    z-index: 99;
    display: none;
  }
  .abs-zpj img {
    width: 100%;
  }
  .abs-retop {
    width: 1rem;
    position: fixed;
    right: 0px;
    bottom: 1.2rem;

    z-index: 99;
  }
  .zysx-list {
    width: 6rem;
    margin:0 auto;
    overflow: hidden;
    padding-top: 2rem;
    height: 15rem;
  }
 .zysx-list p {
        font-size: 0.3rem;
        color: #333;
        line-height: 0.53rem;
        margin-top: 0.1rem;
 }
  .abs-list img , .abs-retop img, .btn-list img {
  width: 100%;
  }
.foot {
    width: 7.5rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.5rem 0rem;
}
.foot img {
    width: 60%;

}


@media (max-width:750px) {
  
  }