@charset "utf-8";

.head {
  width: 100%;
  height: 85px;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99
}

.head_pdtop {
  padding-top: 70px
}

.logo img {
  display: block;
  height: 48px
}

.logo p {
  color: #fff;
  font-size: 18px;
  margin-left: 16px;
  margin-top: 25px
}

.nav {
  justify-content: flex-end;
  align-items: flex-end
}

.nav span {
  position: relative;
  margin-left: 40px
}

.nav span a.nava {
  line-height: 50px;
  border-bottom: 3px solid transparent;
  display: block;
  font-size: 16px;
  color: #fff
}

.nav span a.nava i {
  color: #1d4171
}

.nav span.active a.nava {
  color: #fff;
  border-bottom: 3px solid #fff
}

.navhide {
  background: #fff;
  width: max-content;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 999;
  transition: .25s;
  transform: translate(-50%, 0);
  opacity: 0;
  visibility: hidden
}

.navhide a {
  padding: 3px 7px;
  border-bottom: 1px solid #eaeaea;
  font-size: 15px;
  display: block;
  line-height: 40px;
  color: #666;
  text-align: center
}

.navhide a:hover {
  background: #f5f5f5
}

.nav span:hover .navhide {
  opacity: 1;
  visibility: inherit
}

.bntxt {
  color: #fff
}

.bntxt h3 {
  font-size: 52px;
  font-weight: 300
}

.bntxt p {
  font-size: 18px;
  margin: 15px 0 40px 0
}

.bntxt span {
  display: inline-block;
  line-height: 44px;
  border: 2px solid #fff;
  padding: 0 50px;
  font-size: 20px
}

.md {
  padding: 75px 0
}

.m1 {
  background: url(../images/m1bg_02.png) no-repeat center bottom #f5f5f6;
  background-size: 100%;
  padding-bottom: 100px
}

.mdtop h3 {
  font-size: 32px;
  font-weight: 400
}

.mdtop p {
  font-size: 17px;
  color: #666;
  font-weight: 300;
  line-height: 26px
}

.mdtop img.line {
  display: block;
  margin: 20px auto
}

.mdtop_wt h3,
.mdtop_wt p {
  color: #fff
}

.m1a {
  width: 20%;
  height: 400px;
  background-size: cover !important;
  transition: .5s
}

.m1a_active {
  width: 28.75%
}

.m1abg {
  background: rgba(33, 134, 193, .3);
  width: 100%;
  height: 100%
}

.m1ap {
  height: 68px;
  background: rgba(0, 120, 192, .8);
  font-size: 17px;
  color: #fff;
  transition: .5s
}

.m1ap img {
  margin-right: 15px
}

.m1atxt {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(33, 134, 193, .6);
  align-items: flex-end;
  padding: 20px 15px;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  transition: .5s;
  opacity: 0
}

.m1atxt h3 {
  margin: 10px 0;
  font-size: 22px;
  font-weight: 400
}

.m1a_active .m1ap {
  opacity: 0
}

.m1a_active .m1atxt {
  opacity: 1
}

.m2 {
  background: url(../images/m2bg_02.jpg) no-repeat center;
  background-size: cover
}

.m2top {
  padding: 0 100px;
  color: #fff
}

.m2topa {
  width: 25%
}

.m2topa h3 {
  font-size: 36px
}

.m2topa p {
  font-size: 18px;
  font-weight: 300;
  margin-top: 15px
}

.m2a {
  flex: 1;
  margin: 0 5px;
  background: #fff;
  padding: 40px 10px;
  display: block
}

.m2a i {
  display: flex;
  align-items: center;
  width: 100px;
  height: 100px;
  border: 1px solid #e6e6e6;
  border-radius: 100%;
  margin: 0 auto;
  background: #fff;
  transition: .25s
}

.m2a i img {
  display: block;
  margin: 0 auto
}

.m2a p {
  font-size: 18px;
  margin-top: 30px
}

.m2a:hover {
  background: #0087da;
  color: #fff
}

.m2a:hover i {
  border: 1px solid #fff
}

.m3 {
  padding-bottom: 30px;
  background: #f7f7f7
}

.m3a {
  padding: 30px 20px;
  border: 1px solid #e2e2e2;
  background: #fff;
  text-align: center
}

.m3a i {
  display: flex;
  align-items: center;
  width: 130px;
  height: 130px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .1);
  border-radius: 100%;
  margin: 0 auto;
  background: #fff;
  transition: .25s;
  overflow: hidden
}

.m3a i img {
  max-width: 80%;
  display: block;
  margin: 0 auto
}

.m3a h3 {
  display: inline-block;
  border-bottom: 1px solid #eee;
  font-size: 23px;
  font-weight: 300;
  line-height: 35px;
  margin: 20px 0 30px 0
}

.m3a .txt {
  line-height: 26px;
  color: #666;
  text-align: left;
  transition: .25s
}

.m3a:hover {
  background: #0087da;
  color: #fff;
  border: 1px solid #0087da
}

.m3a:hover .txt {
  color: #fff
}

.swiper-container-m3 {
  padding-bottom: 70px
}

.swiper-container-m3-b-active .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #e6e6e6;
  opacity: 1;
  margin: 0 7px !important
}

.swiper-container-m3-b-active .swiper-pagination-bullet-active {
  background: #007aff
}

.m3_jtl,
.m3_jtr {
  width: 25px;
  height: 40px;
  background: url(../images/m3_jt_03.png) no-repeat center;
  margin-top: -50px
}

.m3_jtr {
  margin-right: -70px;
  transform: rotate(180deg)
}

.m3_jtl {
  margin-left: -70px
}

.m4 {
  background: url(../images/m4bg_02.png) no-repeat bottom center;
  background-size: 100%
}

.m4a {
  margin-top: 50px
}

.m4aimg {
  width: 45%
}

.m4atxt {
  width: 50%
}

.m4atxta h3 {
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #0087da
}

.m4atxta h3 i {
  margin-left: 15px;
  flex: 0;
  flex-grow: 1
}

.m4atxta p {
  font-size: 16px;
  line-height: 28px;
  color: #666;
  margin-top: 15px
}

.m4atxta:last-child {
  margin-top: 25px
}

.m5 {
  background: #f5f5f6
}

.m5a {
  width: 32.5%
}

.m5a .title {
  border-bottom: 2px solid #dedede;
  height: 45px;
  font-size: 20px;
  color: #0087da;
  font-weight: 400;
  margin-bottom: 10px
}

.m5a .title i {
  height: 45px;
  border-bottom: 2px solid #0087da
}

.m5a_1img {
  height: 205px;
  overflow: hidden
}

.m5a_1 p {
  font-size: 18px;
  line-height: 26px;
  margin: 10px 0 15px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.m5ab a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 17px;
  line-height: 34px;
  color: #777;
  font-weight: 300
}

.m5a_1:hover,
.m5ab a:hover {
  color: #0087da
}

.ftt {
  background: #323232;
  padding: 30px 0 50px 0;
  color: #fff
}

.fttla {
  margin-right: 60px
}

.fttla h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px
}

.fttlaw p a {
  line-height: 24px;
  color: #888
}

.fttlaw p a:hover {
  color: #0087da
}

.fttlawr {
  margin-left: 40px
}

.fttr {
  justify-content: flex-end
}

.fttr1 {
  text-align: right
}

.fttr1 h3 {
  font-size: 30px;
  color: #0087da
}

.fttr1 img {
  display: inline-block;
  margin-bottom: 10px
}

.fttr1 span {
  font-size: 15px;
  display: block;
  margin: 5px 0 15px 0
}

.fttr1 p {
  color: #ccc;
  line-height: 22px
}

.fttr2 {
  background: #fff;
  padding: 10px
}

.fttr2 p {
  color: #666;
  font-size: 15px;
  margin-top: 5px
}

.fttr2 img {
  display: block;
  width: 120px
}

.ftb {
  line-height: 30px;
  background: #000;
  font-size: 15px;
  padding: 15px 0;
  color: #999
}

.dx {
  text-transform: uppercase
}

.listbn {
  height: 630px;
  background-size: cover !important;
  color: #fff
}

.listbn h3 {
  font-size: 45px;
  font-weight: 300
}

.listbn p {
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px
}

.listbn a {
  display: inline-block;
  font-size: 18px;
  padding: 0 35px;
  border-radius: 50px;
  line-height: 45px;
  border: 1px solid #fff;
  margin-top: 20px;
  color: #fff
}

.listbn a:hover {
  background: #fff;
  color: #333
}

.cs1 {
  background: #f5f5f5
}

.cs1w .m3a h3 {
  border: 0
}

.cs1w .m3a span {
  display: inline-block;
  line-height: 42px;
  border: 1px solid #eee;
  border-radius: 50px;
  padding: 0 35px;
  font-size: 16px;
  color: #888;
  margin-top: 45px;
  margin-bottom: 10px;
  transition: .25s
}

.cs1w .m3a .txt {
  font-size: 15px;
  line-height: 28px;
  color: #777;
  font-weight: 300
}

.cs1w .m3a:hover {
  background: #fff;
  color: inherit
}

.cs1w .m3a:hover .txt {
  color: inherit
}

.cs1w .m3a:hover span {
  background: #0087da;
  color: #fff;
  border: 1px solid #0087da
}

.cs1_jtl,
.cs1_jtr {
  width: 26px;
  height: 46px;
  background: url(../images/cs1_jt_03.png) no-repeat center;
  margin-top: -50px
}

.cs1_jtr {
  margin-right: -70px;
  transform: rotate(180deg)
}

.cs1_jtl {
  margin-left: -70px
}

.cs1b a {
  display: block;
  line-height: 75px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  color: #777;
  font-weight: 300
}

.cs1b a:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.cs2w img {
  display: block;
  margin: 0 auto;
  max-width: 100%
}

.mdtop_idx h3 {
  color: #0087da
}

.ab1 {
  font-weight: 300
}

.ab1 .wrap {
  width: 100%;
  padding: 0 10%
}

.ab1l h3 {
  font-size: 17px;
  font-weight: 400
}

.ab1l .txt {
  line-height: 32px;
  font-size: 17px;
  color: #777;
  margin-top: 10px
}

.ab1r {
  width: 30%;
  margin-left: 50px;
  text-align: right
}

.ab1r img {
  max-width: 100%
}

.ab1ba {
  width: 24%;
  position: relative
}

.ab1ba h3 {
  font-size: 24px;
  color: #0087da;
  font-weight: 300
}

.ab1ba p {
  font-size: 18px;
  color: #777;
  margin-top: 15px
}

.ab1ba span {
  font-size: 65px;
  font-weight: 300;
  color: #0087da;
  opacity: .07;
  position: absolute;
  left: 30px;
  top: -27px
}

.ab2 {
  background: url(../images/ab2bg_02.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  font-size: 17px;
  font-weight: 300
}

.ab2 h3 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 20px
}

.ab3 {
  background: url(../images/ab3bg_02.png) top center;
  background-size: 100%
}

.ab3w {
  background: url(../images/ab3bg_03.png) repeat-y center
}

.ab3ico_t {
  width: 17px;
  height: 17px;
  background: url(../images/ab3bgt_03.png) no-repeat center;
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -9px
}

.ab3a {
  padding-top: 50px;
  width: 50%
}

.ab3ar {
  margin-left: 50%
}

.ab3a .title {
  font-size: 59px;
  font-weight: 400;
  position: relative;
  margin-bottom: 20px
}

.ab3a .title i {
  display: inline-block;
  width: 49px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  color: #fff;
  font-family: '宋体';
  font-size: 20px;
  background: url(../images/ab3abg_03.png) no-repeat center;
  position: absolute;
  top: 50%;
  margin-top: -27px
}

.ab3a_a p {
  font-size: 16px;
  line-height: 40px;
  color: #777;
  position: relative
}

.ab3a_a p i {
  width: 8px;
  height: 8px;
  background: #afafaf;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.ab3ar .title {
  padding-left: 60px
}

.ab3ar .title i {
  left: 0;
  margin-left: -25px
}

.ab3ar .ab3a_a p {
  padding-left: 60px
}

.ab3ar .ab3a_a p i {
  left: -4px
}

.ab3al {
  text-align: right
}

.ab3al .title {
  padding-right: 60px
}

.ab3al .title i {
  right: 0;
  margin-right: -25px
}

.ab3al .ab3a_a p {
  padding-right: 60px
}

.ab3al .ab3a_a p i {
  right: -4px
}

.ab3a_b a {
  display: inline-block;
  line-height: 70px;
  border: 1px solid #e6e6e6;
  border-radius: 70px;
  padding: 0 70px;
  font-size: 22px;
  font-weight: 300;
  background: #fff
}

.ab3a_b a:hover {
  background: #0078c0;
  color: #fff;
  border: 1px solid #0078c0
}

.ab3a:hover .title {
  color: #0078c0
}

.ab3a:hover .title i {
  background: url(../images/ab3abg_ac_03.png) no-repeat center
}

.ab3a:hover p i {
  background: #0078c0;
  box-shadow: 0 0 10px rgba(0, 120, 192, .5)
}

.ab4 {
  background: #f8f8f8
}

.ab4img {
  width: 37%;
  margin-right: 90px
}

.ab4txt .title {
  align-items: flex-end;
  font-size: 31px;
  font-weight: 300
}

.ab4txt .title img {
  margin-right: 20px
}

.ab4txt1 {
  font-size: 20px;
  line-height: 32px
}

.ab4txt2 p {
  display: flex;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #888
}

.ab4txt2 p i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 7px;
  border: 1px solid #d5d5d5;
  margin-top: 10px;
  margin-right: 10px
}

.ab4txt3 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
  font-weight: 300;
  line-height: 28px;
  font-weight: 300;
  color: #888;
  font-size: 16px
}

.ab4txt3 h3 {
  font-size: 20px;
  color: #0078c0;
  font-weight: 300;
  margin-bottom: 10px
}

.ab5 {
  background: url(../images/ab5bg_02.png) no-repeat center #fff;
  background-size: 100%
}

.ab5w .cs1_jtl,
.ab5w .cs1_jtr {
  margin-top: -23px
}

.ab6map {
  height: 580px
}

.ab6a {
  width: 33.333333%;
  border-right: 1px solid #e6e6e6;
  padding: 20px 0;
  justify-content: center;
  padding-left: 40px
}

.ab6a:nth-child(3),
.ab6a:nth-child(6) {
  border: 0
}

.ab6a i {
  display: inline-block;
  margin-right: 20px
}

.ab6a p {
  font-size: 19px;
  color: #888
}

.ab6a h3 {
  font-size: 22px;
  margin-top: 10px;
  font-weight: 400
}

.ab6a_active {
  width: 100%;
  border: 0
}

.hz1txtp {
  color: #777;
  font-size: 20px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 15px
}

.hz1img {
  padding-top: 30px;
  margin-left: 60px
}

.hz2a {
  width: 50%;
  height: 490px;
  background-size: cover !important;
  color: #fff;
  font-weight: 300
}

.ibk {
  display: inline-block
}

.hz2a h3 {
  font-size: 30px;
  font-weight: 300
}

.hz2a span {
  display: block;
  font-size: 16px;
  opacity: .6;
  margin: 15px 0
}

.hz2a p {
  font-size: 20px
}

.hz3a {
  width: 48.5%;
  margin-top: 45px;
  background: #008ce2
}

.hz3aimg {
  height: 250px;
  overflow: hidden;
  color: #fff;
  font-weight: 300
}

.hz3aimg h3 {
  font-size: 22px;
  font-weight: 300
}

.hz3aimg p {
  font-size: 12px;
  margin-top: 10px
}

.hz3txt {
  background: #008ce2;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  padding: 70px 25px 20px 25px;
  text-align: center
}

.hz3txt i {
  display: block;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 50%;
  margin-left: -58px;
  top: -58px;
  z-index: 999
}

.hz3txt i img {
  display: block;
  width: 100%
}

.hz4more a {
  display: inline-block;
  line-height: 48px;
  border: 1px solid #e6e6e6;
  border-radius: 48px;
  padding: 0 40px;
  font-size: 18px;
  color: #777
}

.hz4more a:hover {
  background: #0087da;
  color: #fff;
  border: 1px solid #0087da
}

.hz4b {
  background: url(../images/hz4line_03.png) no-repeat center;
  background-size: 100%
}

.hz4a {
  flex: 1;
  position: relative
}

.hz4a i {
  display: flex;
  margin: 0 auto;
  width: 160px;
  height: 160px;
  align-items: center;
  justify-content: center;
  border: 2px solid #eee;
  border-radius: 160px;
  background: #fff
}

.hz4aline {
  display: inline-block;
  width: 5%;
  height: 21px;
  background: url(../images/hz4jt_03.png) no-repeat center
}

.hz4a p {
  text-align: center;
  font-size: 19px;
  color: #777;
  font-weight: 300;
  position: absolute;
  width: 100%;
  bottom: -50px
}

.hz4 {
  padding-bottom: 100px
}

.nr {
  width: 28.5%;
  margin-left: 50px
}

.nla {
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6
}

.nla:first-child {
  padding-top: 0
}

.nlaimg {
  width: 31%;
  height: 155px;
  overflow: hidden
}

.nlaxt {
  flex: 0;
  flex-grow: 1;
  margin-left: 30px
}

.nlaxt h3 {
  font-size: 19px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.nlaxt p {
  font-size: 15px;
  line-height: 25px;
  color: #888;
  margin: 15px 0;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.nlaxt span {
  font-size: 16px
}

.nla:hover {
  color: #0078c0
}

.page a {
  display: inline-block;
  line-height: 43px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  color: #666;
  padding: 0 17px;
  margin-right: 5px
}

.page a:hover {
  border: 1px solid #0078c0;
  color: #0078c0
}

.page a.active {
  background: #0078c0;
  color: #fff;
  border: 1px solid #0078c0
}

.nr1 {
  border: 1px solid #e6e6e6
}

.nr1 form {
  display: flex;
  width: 100%
}

.nr1ipt1 {
  height: 43px;
  font-size: 17px;
  font-weight: 300;
  padding: 0 15px
}

.nr1ipt2 {
  cursor: pointer;
  width: 43px;
  height: 43px;
  background: url(../images/search_03.png) no-repeat center
}

.nrborder {
  border: 1px solid #e6e6e6;
  padding: 15px
}

.nrtitle {
  font-size: 17px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 13px
}

.nr2w a {
  display: inline-block;
  width: 47%;
  margin-top: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 50px;
  font-size: 15px;
  color: #888;
  line-height: 33px;
  font-weight: 300;
  text-align: center
}

.nr2w a:hover {
  border: 1px solid #0078c0;
  color: #0078c0
}

.nr3a {
  margin-top: 20px;
  line-height: 24px;
  color: #888;
  font-weight: 300
}

.nr3a h3 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #333;
  transition: .25s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.nr3a:hover h3 {
  color: #0078c0
}

.prdbn {
  height: 600px
}

.prdbnr {
  width: 35%;
  margin-left: 20px
}

.prdbnr img {
  display: block;
  margin: 0 auto;
  max-width: 100%
}

.prdbna {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .2)
}

.prdbna a {
  display: block;
  flex: 1;
  text-align: center;
  margin: 0;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  color: #fff;
  border: 0;
  border-radius: 0;
  font-weight: 300;
  overflow: hidden
}

.prdbna a:hover {
  background: 0 0;
  color: #fff
}

.prdbna a.active {
  background: rgba(38, 138, 209, .8)
}

.gj1 {
  background: url(../images/gj1bg_04.png) no-repeat bottom center;
  background-size: 100%
}

.gj1a {
  width: 48.5%;
  border: 1px solid #e6e6e6;
  padding: 40px;
  margin-top: 40px;
  font-weight: 300
}

.gj1a h3 {
  font-size: 20px;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  margin: 15px 0;
  font-weight: 300
}

.gj1a h3 i {
  color: #0087d9
}

.gj1a p {
  font-size: 16px;
  line-height: 30px;
  color: #888
}

.gj2 {
  padding-top: 20px
}

.gj2a {
  width: 25%;
  height: 460px;
  background-size: cover !important;
  overflow: hidden
}

.gj2ap {
  line-height: 60px;
  font-size: 20px;
  padding: 0 20px;
  background: rgba(0, 0, 0, .4);
  font-weight: 700;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: .25s;
  color: #fff
}

.gj2hide {
  background: rgba(0, 120, 192, .8);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 100px;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  color: #fff;
  padding: 50px 35px
}

.gj2hide h3 {
  font-size: 20px;
  line-height: 36px
}

.gj2hide p {
  font-size: 16px;
  line-height: 28px;
  margin-top: 10px
}

.gj2a:hover .gj2hide {
  opacity: 1;
  visibility: inherit;
  margin-top: 0
}

.gj2a:hover .gj2ap {
  opacity: 0
}

.gj3a {
  width: 49%;
  color: #fff;
  font-weight: 300;
  position: relative;
  text-align: center;
  background-size: cover !important
}

.gj3a h3 {
  font-size: 24px;
  line-height: 50px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  font-weight: 400
}

.gj3a .txt {
  font-size: 16px;
  line-height: 28px;
  padding: 25px;
  padding-bottom: 40px
}

.gj3a a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 44px;
  background: #fff;
  text-align: center;
  line-height: 44px;
  color: #888;
  font-family: '宋体';
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -20px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
}

.wa1 .gj1a h3 {
  height: auto
}

.wa2 {
  background: url(../images/wa2bg_02.jpg) no-repeat center;
  background-size: cover
}

.wa2a {
  width: 32.8%;
  padding: 30px;
  background: rgba(0, 141, 227, .6);
  color: #fff;
  margin-top: 10px;
  font-weight: 300
}

.wa2a h3 {
  font-size: 20px;
  font-weight: 300;
  margin: 15px 0
}

.wa2a p {
  line-height: 28px;
  min-height: 56px;
  font-size: 16px
}

.wa3w .gj3a {
  background: #fff;
  color: #666;
  width: 24%;
  box-shadow: 0 0 15px rgba(0, 0, 0, .03)
}

.wa3w .gj3a h3 {
  line-height: 35px;
  border-bottom: 1px solid #eee;
  color: #333
}

.aq2 {
  background: #f5f5f6
}

.aq2a {
  margin-top: 30px;
  width: 32%;
  background: #fff;
  border-radius: 4px;
  overflow: hidden
}

.aq2aimg {
  height: 225px;
  overflow: hidden
}

.aq2atxt {
  padding: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #777;
  font-weight: 300
}

.aq2atxt h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #333;
  transition: .25s
}

.aq2a:hover .aq2atxt h3 {
  color: #0078c0
}

.aq2a:hover {
  box-shadow: 0 5px 15px rgba(0, 135, 217, .2)
}

.qk2 {
  background: url(../images/qk2bg_03.png) no-repeat bottom center;
  background-size: 100%
}

.qk2w .m4atxta h3 {
  font-size: 20px;
  font-weight: 400
}

.jc2a {
  width: 139px;
  height: 155px;
  background: url(../images/jc2bg_03.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 16px;
  color: #666;
  margin: 0 15px
}

.jc2a img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px
}

.jc2a:nth-child(even) {
  margin-top: 100px
}

.jc3 {
  background: url(../images/jc3bg_02.png) no-repeat top center;
  background-size: 100%;
  padding: 100px 0
}

.jc3a {
  width: 150px;
  text-align: center;
  position: relative;
  z-index: 99
}

.jc3a i {
  background: #fff;
  display: flex;
  width: 100%;
  height: 150px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  border-radius: 100%
}

.jc3a p {
  font-size: 20px;
  font-weight: 300;
  margin: 10px 0
}

.jc3a span {
  font-size: 12px;
  color: #999;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.jc3line {
  flex: 1;
  text-align: center;
  margin-top: -40px
}

.jc3line img {
  position: relative;
  z-index: 99
}

.jc3line img.number {
  position: absolute;
  bottom: -40px;
  left: -35px;
  z-index: 1
}

.xf2a {
  font-weight: 300;
  width: 32%;
  padding: 20px 0
}

.xf2a h3 {
  font-size: 18px;
  font-weight: 300
}

.xf2a p {
  color: #888;
  font-size: 16px;
  margin-top: 10px
}

.xf3w .hz3a {
  width: 49.5%;
  padding: 15px;
  border: 1px solid #fff;
  background: 0 0
}

.xf3w .hz3a:hover {
  border: 1px solid #ddd
}

.xf3w .hz3aimg {
  height: 190px
}

.xf3w .hz3txt a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 44px;
  background: #fff;
  text-align: center;
  line-height: 44px;
  color: #888;
  font-family: '宋体';
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -20px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
}

.xf3w .hz3txt {
  font-weight: 300;
  padding-top: 35px;
  color: #666;
  background: 0 0
}

.listbn_jjfa {
  height: 720px
}

.dl1 h3 {
  font-size: 25px;
  font-weight: 400;
  color: #0078c0;
  margin-bottom: 15px
}

.dl1 .txt {
  font-size: 17px;
  line-height: 28px;
  color: #888;
  font-weight: 300
}

.dl2 {
  background: #f5f5f5
}

.dl2r {
  width: 35%;
  padding: 40px;
  background: #fafafa;
  padding-left: 0
}

.tagcloud {
  max-width: 100% !important;
  width: 100% !important;
  min-height: 400px !important
}

.tagcloud a {
  color: #666;
  display: inline-block;
  text-align: center;
  max-width: 500px;
  padding: 20px;
  border-radius: 50px;
  opacity: .5;
  background: #f0f0f0
}

.tagcloud a:hover {
  opacity: 1
}

.tagcloud p {
  font-size: 18px;
  font-weight: 300
}

.dl3a {
  margin: 35px 0;
  width: 47%;
  padding: 55px;
  background: #f8f8f8;
  border-radius: 30px
}

.dl3a .txt {
  margin-left: 25px;
  font-size: 20px;
  line-height: 32px;
  font-weight: 300
}

.dl3aimg {
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -150px
}

.dl4a {
  height: 520px
}

.dl4ab {
  width: 50%;
  background: rgba(0, 140, 226, .8);
  color: #fff;
  padding: 0 8%
}

.dl4abr {
  margin-left: 50%
}

.dl4abot h3,
.dl4atop h3 {
  font-size: 26px;
  font-weight: 400
}

.dl4atop p {
  font-size: 18px;
  font-weight: 300;
  margin-top: 15px
}

.dl4abota {
  margin: 0 20px;
  font-weight: 300;
  font-size: 18px;
  color: #fff
}

.dl4abotablank {
  color: #333
}

.dl4abota img {
  margin-bottom: 10px
}

.dl5 {
  padding: 100px 0
}

.dl5a {
  text-align: center;
  font-weight: 300;
  width: 24.5%;
  background: #f5f5f5;
  padding: 40px 20px;
  padding-top: 80px;
  border-bottom: 2px solid #e6e6e6;
  margin-top: 100px;
  transition: .25s
}

.dl5a i img {
  width: 100%;
  height: 100%;
  display: block
}

.dl5a i {
  position: absolute;
  left: 50%;
  margin-left: -58px;
  top: -64px;
  width: 117px;
  height: 128px
}

.dl5a h3 {
  font-size: 22px;
  font-weight: 300
}

.dl5a p {
  font-size: 15px;
  line-height: 26px;
  color: #666;
  margin-top: 15px;
  transition: .25s
}

.dl5a:hover,
.dl5a_active {
  background: #0078c0;
  color: #fff
}

.dl5a:hover p,
.dl5a_active p {
  color: #fff
}

.dl6,
.yj6 {
  padding-bottom: 50px
}

.swiper-container-dl6,
.swiper-container-yj6 {
  padding-bottom: 80px
}

.yj5rtxt {
  line-height: 80px;
  font-size: 20px;
  font-weight: 300;
  color: #666
}

.yj5r .mdtop {
  margin-left: -80px
}

.yj5rtxt p:nth-child(1) {
  margin-left: -20px
}

.yj5rtxt p:nth-child(4) {
  margin-left: -25px
}

.yj6 .m3a {
  border: 0;
  background: 0 0
}

.yj6 .m3a:hover {
  color: #666
}

.yj6 .m3a .txt {
  font-size: 18px;
  color: #888;
  line-height: 30px;
  text-align: center;
  font-weight: 300
}

.yj6 .m3a:hover .txt {
  color: #666
}

.rw4 {
  background: url(../images/gj1bg_04.png) no-repeat bottom center #fafafa;
  background-size: 100%
}

.rw4a {
  border: 1px solid #e6e6e6;
  width: 32.5%;
  padding: 40px
}

.rw4a h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 15px 0
}

.rw4a p {
  font-size: 16px;
  color: #777;
  line-height: 28px;
  font-weight: 300
}

.rw5 {
  background: url(../images/rw5bg_02.jpg) no-repeat center;
  background-size: cover
}

.rw5w .gj3a {
  background: rgba(0, 120, 192, .6);
  margin-top: 30px
}

.rw5w .gj3a h3 {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.ql2 {
  background: url(../images/gj1bg_04.png) no-repeat bottom center #f5f5f5;
  background-size: 100%
}

.ql3wtab {
  width: 100%
}

.ql3bgt {
  background: url(../images/ql3bgt_03.jpg) no-repeat center;
  background-size: 100% 100%
}

.ql3wtab th {
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400
}

.ql3wtab td {
  height: 80px;
  background: #d8f0ff;
  font-size: 18px;
  color: #666;
  text-align: center;
  padding: 0 10px
}

.ql3wtab td.active {
  background: #0078c0;
  color: #fff
}

.ql3wtab td.ql3wtab_td {
  background: url(../images/ql3bgb_03.jpg) no-repeat center;
  background-size: cover;
  color: #fff
}

.ql3wtab_td {
  color: #fff;
  font-size: 18px;
  text-align: center
}

.ql4a {
  width: 31.5%;
  background: #fff;
  border-radius: 6px;
  text-align: center;
  margin: 0 .7%;
  margin-top: 50px;
  position: relative;
  padding: 30px;
  padding-top: 45px
}

.ql4a i {
  position: absolute;
  display: block;
  left: 50%;
  top: -26px;
  margin-left: -26px
}

.ql4a i img {
  display: block;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  width: 53px;
  border-radius: 53px
}

.ql4a h3 {
  font-size: 20px;
  color: #0078c0;
  font-weight: 400
}

.ql4a p {
  font-weight: 300;
  font-size: 17px;
  line-height: 29px;
  color: #777;
  margin-top: 10px;
  text-align: left
}

.ql5 {
  background: url(../images/jc3bg_02.png) no-repeat top center;
  background-size: 100%;
  padding: 100px 0
}

.ql5w .dl5a {
  width: 24%;
  padding: 0;
  margin-top: 40px
}

.ql5w .dl5a h3 {
  border-bottom: 1px solid #eee;
  padding: 20px 1.5vw;
  font-size: 22px;
  line-height: 30px
}

.ql5w .dl5a p {
  margin: 0;
  padding: 20px
}

.jjfaa h3 {
  border: 0
}

.jjfaa:hover {
  color: #666;
  background: #fff;
  border: 1px solid #e6e6e6
}

.jjfaa .txt {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300
}

.jjfaa p.active {
  color: #0078c0
}

.jjfaa:hover .txt {
  color: #666
}

.zd4 {
  background: url(../images/gj1bg_04.png) no-repeat center;
  background-size: 100%
}

.zd4r {
  width: 40%
}

.zd4ra {
  height: 250px;
  background-size: cover !important;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  padding: 45px 35px
}

.zd4ra h3 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 15px
}

.zd4l {
  background: #f5f5f5
}

.zd4l {
  color: #666;
  padding: 0 60px
}

.yw3abox {
  width: 32%
}

.yw3abox img {
  max-width: 100%
}

.yw3a {
  padding: 80px 0
}

.yw3a p {
  font-size: 18px;
  color: #666;
  line-height: 30px
}

.yw3a i {
  margin: 0 15px;
  margin-top: 3px
}

.yw4 {
  background: url(../images/yw4bg_02.png) no-repeat center;
  background-size: cover
}

.yw4a {
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  width: 31%;
  margin-top: 35px;
  transition: .25s
}

.yw4a:hover {
  box-shadow: 0 3px 15px rgba(0, 120, 192, .14);
  color: #0078c0
}

.yw4a h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 15px 0
}

.yw4a p {
  font-size: 16px;
  line-height: 28px;
  min-height: 56px;
  color: #666
}

.yw5a {
  width: 48.5%;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  margin-top: 50px;
  padding: 25px;
  transition: .25s
}

.yw5a i {
  margin-right: 25px
}

.yw5a .txt {
  flex: 0;
  flex-grow: 1
}

.yw5a .txt h3 {
  font-weight: 400;
  font-size: 22px
}

.yw5a .txt p {
  font-size: 16px;
  line-height: 28px;
  color: #777;
  margin-top: 15px
}

.yw5a:hover {
  box-shadow: 0 3px 15px rgba(0, 120, 192, .14);
  color: #0078c0
}

.khal_public .m3a {
  padding: 30px 40px
}

.new1 .data h3 {
  font-size: 19px;
  font-weight: 300;
  text-align: center;
  line-height: 1.8
}

.new1 .data .content {
  font-size: 15px;
  line-height: 25px;
  color: #888;
  font-weight: 300;
  padding: 20px 20px
}

.new1 .data .content img {
  width: 640px
}

.xiaocms-page {
  width: 100%
}

.xiaocms-page a {
  font-size: 14px;
  margin-left: 8px;
  padding: 10px 15px;
  border: 1px solid #e6e6e6;
  color: #666;
  display: inline-block;
  margin-bottom: 10px
}

.xiaocms-page a:hover {
  border: 1px solid #0078c0;
  color: #0078c0
}

.xiaocms-page span {
  font-size: 14px;
  color: #fff;
  margin-left: 5px;
  background: #0078c0;
  border: 1px solid #0078c0;
  padding: 10px 15px;
  display: inline-block;
  margin-bottom: 10px
}

@media only screen and (max-width:767px) {
  .new1 .data .content img {
    width: 100%
  }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
  .head {
    height: 60px
  }

  .head_pdtop {
    padding-top: 50px
  }

  .logo p {
    font-size: 14px;
    margin-top: 15px
  }

  .logo img {
    height: 40px
  }

  .nav span {
    margin-left: 35px
  }

  .nav span a.nava {
    font-size: 14px
  }

  .navhide a {
    font-size: 14px
  }

  .swiper-container-bn .bnimg {
    height: 500px
  }

  .bntxt h3 {
    font-size: 40px
  }

  .bntxt p {
    font-size: 16px
  }

  .fttla {
    margin-right: 20px
  }

  .fttlawr {
    margin-left: 20px
  }

  .fttr1 h3 {
    font-size: 22px
  }

  .ab1 .wrap {
    padding: 0 15px
  }

  .hz2a {
    height: 400px
  }

  .gj2a {
    height: 300px
  }

  .gj2ap {
    font-size: 15px;
    overflow: hidden;
    height: 50px;
    line-height: 50px
  }

  .gj2hide h3 {
    font-size: 16px;
    line-height: 30px
  }

  .gj2hide p {
    font-size: 12px;
    line-height: 25px
  }

  .dl4ab {
    padding: 0 20px
  }

  .new1 .data .content img {
    width: 100%
  }
}

@media only screen and (max-width:950px) {
  .head_pdtop {
    padding-top: 50px
  }

  .swiper-container-bn .bnimg {
    height: 220px
  }

  .bntxt h3 {
    font-size: 16px
  }

  .bntxt p {
    font-size: 12px;
    margin: 10px 0
  }

  .bntxt span {
    display: none
  }

  .md {
    padding: 25px 0
  }

  .mt_100,
  .mt_50,
  .mt_60,
  .mt_70,
  .mt_80,
  .mt_90 {
    margin-top: 25px
  }

  .mdtop h3 {
    font-size: 24px
  }

  .mdtop p {
    font-size: 12px
  }

  .mdtop img {
    margin: 10px auto
  }

  .m1w {
    margin-top: 0;
    display: block
  }

  .m1a {
    display: block;
    width: 100% !important;
    margin-top: 15px
  }

  .m1atxt {
    opacity: 1
  }

  .m1ap {
    opacity: 0
  }

  .m2top {
    padding: 0
  }

  .m2topa {
    padding: 0 10px
  }

  .m2topa h3 {
    font-size: 18px
  }

  .m2topa p {
    margin-top: 5px;
    font-size: 12px
  }

  .m2w {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0
  }

  .m2a {
    margin: 0;
    margin-top: 15px;
    flex: inherit;
    width: 48%
  }

  .m3_jtl,
  .m3_jtr {
    display: none
  }

  .m4a {
    display: block;
    margin: 0
  }

  .m4aimg,
  .m4atxt {
    width: 100%
  }

  .m4aimg {
    margin-top: 15px
  }

  .m4atxt {
    padding: 15px 0
  }

  .m4atxta h3 i {
    font-size: 18px;
    margin-left: 10px
  }

  .m4atxta h3 img {
    height: 30px
  }

  .m4atxta p {
    font-size: 14px;
    line-height: 24px
  }

  .m5w {
    display: block
  }

  .m5a {
    width: 100%;
    margin-bottom: 20px
  }

  .m5a:last-child {
    margin-bottom: 0
  }

  .m5ab a {
    font-size: 14px;
    line-height: 26px
  }

  .m5a_1 p {
    font-size: 16px
  }

  .ftt .wrap {
    display: block
  }

  .fttl {
    flex-wrap: wrap
  }

  .fttla {
    width: 50%;
    margin-right: 0;
    display: none
  }

  .fttr1 h3 {
    font-size: 24px
  }

  .fttr2 img {
    width: 120px
  }

  .ftb {
    font-size: 12px;
    line-height: 22px;
    padding: 10px 0
  }

  .listbn {
    height: 220px
  }

  .listbn h3 {
    font-size: 16px
  }

  .listbn p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px
  }

  .cs1_jtl,
  .cs1_jtr {
    display: none
  }

  .cs1b {
    margin-top: 20px
  }

  .cs1b a {
    line-height: 50px;
    font-size: 16px
  }

  .cs1b a img {
    height: 16px
  }

  .ab1 .wrap {
    padding: 0 15px
  }

  .ab1w {
    display: block
  }

  .ab1l,
  .ab1r {
    width: 100%;
    margin: 0
  }

  .ab1r {
    margin-top: 15px
  }

  .ab1l .txt {
    font-size: 14px;
    line-height: 25px
  }

  .ab1b {
    display: block
  }

  .ab1ba {
    width: 100%;
    margin-bottom: 20px
  }

  .ab1ba p {
    font-size: 14px
  }

  .ab2 h3 {
    font-size: 24px
  }

  .ab2 p {
    font-size: 14px
  }

  .ab3w {
    background: url(../images/ab3bg_03.png) repeat-y left;
    background-position-x: 30px
  }

  .ab3ico_t {
    left: 30px
  }

  .ab3ar {
    padding-left: 30px;
    margin-left: 0;
    width: 100%
  }

  .ab3al {
    text-align: left;
    width: 100%;
    padding-left: 30px;
    margin-left: 0;
    width: 100%
  }

  .ab3al .title,
  .ab3ar .title {
    padding-left: 40px
  }

  .ab3al .title i {
    left: 0;
    margin-left: -25px
  }

  .ab3al .ab3a_a p,
  .ab3ar .ab3a_a p {
    padding-left: 40px;
    padding-right: 0
  }

  .ab3al .ab3a_a p i {
    left: -4px
  }

  .ab3a .title {
    font-size: 30px
  }

  .ab3a_a p {
    font-size: 14px;
    line-height: 26px
  }

  .ab3a_b a {
    line-height: 40px;
    font-size: 16px
  }

  .ab4w {
    display: block
  }

  .ab4img,
  .ab4txt {
    width: 100%
  }

  .ab4txt {
    margin-top: 20px
  }

  .ab6map {
    height: 200px
  }

  .ab6a {
    width: 100%;
    padding: 10px 0;
    padding-left: 0;
    border: 0
  }

  .ab6a i img {
    height: 40px
  }

  .ab6a p {
    font-size: 14px
  }

  .ab6a h3 {
    font-size: 16px
  }

  .hz1w,
  .hz2,
  .hz3w,
  .hz4b {
    display: block
  }

  .hz1txtp {
    font-size: 14px;
    line-height: 25px
  }

  .hz1img {
    margin-left: 0
  }

  .hz1img img {
    display: block;
    margin: 0 auto;
    max-width: 100%
  }

  .hz2a {
    width: 100%;
    height: 230px
  }

  .hz2a h3 {
    font-size: 18px
  }

  .hz2a p {
    font-size: 14px
  }

  .hz3a {
    width: 100%;
    margin-top: 20px
  }

  .hz3aimg {
    height: 200px
  }

  .hz4aline {
    display: none
  }

  .hz4b {
    background: 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .hz4a {
    width: 48%;
    padding: 15px 0
  }

  .hz4a p {
    font-size: 14px;
    position: relative;
    bottom: 0;
    margin-top: 10px
  }

  .hz4a i {
    width: 130px;
    height: 130px
  }

  .new1 .wrap {
    display: block
  }

  .nl,
  .nr {
    display: block;
    width: 100%;
    margin: 0
  }

  .nlaimg {
    width: 35%;
    height: 90px
  }

  .nlaxt p {
    font-size: 12px;
    -webkit-line-clamp: 1;
    margin: 7px 0
  }

  .nlaxt span {
    font-size: 12px
  }

  .nlaxt h3 {
    font-size: 14px
  }

  .nlaxt {
    margin-left: 15px
  }

  .nla {
    padding: 15px 0
  }

  .page a {
    font-size: 12px;
    line-height: 30px;
    padding: 0 12px
  }

  .nr {
    margin-top: 25px
  }

  .prdbn {
    height: 300px
  }

  .prdbn .head_pdtop {
    padding-top: 25px
  }

  .listbn .prdbnl a {
    font-size: 12px;
    line-height: 32px;
    margin-top: 10px
  }

  .prdbna .wrap {
    padding: 0
  }

  .prdbna a {
    font-size: 12px;
    line-height: 22px;
    height: auto;
    padding: 10px
  }

  .gj1a {
    width: 100%;
    margin-top: 15px
  }

  .gj2w {
    display: block
  }

  .gj2a {
    width: 100%;
    height: 300px
  }

  .gj2hide {
    opacity: 1;
    visibility: inherit;
    margin-top: 0
  }

  .gj2ap {
    opacity: 0
  }

  .gj3w {
    width: 100%;
    display: block
  }

  .gj3a {
    margin-bottom: 40px;
    width: 100%
  }

  .wa2w,
  .wa3w {
    display: block
  }

  .wa2a {
    width: 100%
  }

  .wa3w .gj3a {
    width: 100%
  }

  .aq2w {
    display: block
  }

  .aq2a {
    width: 100%;
    margin-top: 15px
  }

  .jc2w {
    flex-wrap: wrap
  }

  .jc2a:nth-child(even) {
    margin-top: 25px
  }

  .jc3w {
    flex-wrap: wrap
  }

  .jc3line {
    display: none
  }

  .jc3a {
    margin-bottom: 15px
  }

  .jc3a i {
    width: 120px;
    height: 120px;
    margin: 0 auto
  }

  .jc3a p {
    font-size: 16px
  }

  .jc3a span {
    font-size: 12px
  }

  .xf2a {
    width: 100%
  }

  .xf3w .hz3a {
    width: 100%;
    border: 1px solid #eee
  }

  .dl2 .wrap {
    display: block
  }

  .dl2l {
    width: 100%
  }

  .tagcloud {
    min-width: 100% !important
  }

  .dl2r {
    width: 100%;
    padding: 0
  }

  .dl3aimg {
    display: none
  }

  .dl3a {
    width: 100%;
    padding: 20px;
    margin: 10px 0
  }

  .dl3a .txt {
    font-size: 14px
  }

  .dl4a {
    height: auto
  }

  .dl4ab {
    width: 100%;
    padding: 20px
  }

  .dl4abr {
    margin-left: 0
  }

  .dl5w {
    display: block
  }

  .dl5a {
    width: 100%
  }

  .swiper-container-dl6 {
    padding-bottom: 50px
  }

  .yj5 .wrap {
    display: block
  }

  .yj5l,
  .yj5r {
    width: 100%
  }

  .yj5rtxt {
    line-height: 32px;
    font-size: 16px
  }

  .yj5rtxt p {
    margin-left: 0 !important
  }

  .yj5r .mdtop {
    margin: 0;
    margin-top: 20px
  }

  .dl1 .txt {
    font-size: 14px
  }

  .rw4a {
    width: 100%;
    padding: 20px;
    margin: 10px 0
  }

  .rw4w {
    display: block
  }

  .ql3w {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .ql3wtab {
    width: 1000px
  }

  .ql3wtab td {
    height: auto;
    font-size: 14px;
    padding: 5px;
    line-height: 24px
  }

  .ql4a {
    width: 100%;
    margin-left: 0;
    margin-right: 0
  }

  .ql5w .dl5a {
    width: 100%;
    margin-top: 25px
  }

  .listbn a {
    margin-top: 10px;
    padding: 0 25px;
    font-size: 12px;
    line-height: 30px
  }

  .zd4w {
    display: block
  }

  .zd4l {
    padding: 20px
  }

  .zd4r {
    width: 100%
  }

  .zd4ra {
    height: 220px
  }

  .yw3w {
    display: block
  }

  .yw3abox {
    width: 100%;
    display: block
  }

  .yw3a {
    padding: 10px 0
  }

  .yw4a {
    width: 100%;
    margin-top: 15px
  }

  .yw5a {
    width: 100%;
    margin-top: 15px;
    display: block
  }

  .yw5a .txt {
    margin-top: 15px
  }

  .popup .box {
    width: 90%;
    margin-top: 30vw
  }

  .popup .box dl {
    zoom: .8
  }

  .new1 .data .content img {
    width: 100%
  }
}