.t10 {
  font-size: 10px !important
}

.t11 {
  font-size: 11px !important
}

.t12 {
  font-size: 12px !important
}

.t13 {
  font-size: 13px !important
}

.t14 {
  font-size: 14px !important
}

.t15 {
  font-size: 15px !important
}

.t16 {
  font-size: 16px !important
}

.t17 {
  font-size: 17px !important
}

.t18 {
  font-size: 18px !important
}

.t19 {
  font-size: 19px !important
}

.t20 {
  font-size: 20px !important
}

.t21 {
  font-size: 21px !important
}

.t22 {
  font-size: 22px !important
}

.t23 {
  font-size: 23px !important
}

.t24 {
  font-size: 24px !important
}

.t25 {
  font-size: 25px !important
}

.t26 {
  font-size: 26px !important
}

.t27 {
  font-size: 27px !important
}

.t28 {
  font-size: 28px !important
}

.t29 {
  font-size: 29px !important
}

.t30 {
  font-size: 30px !important
}

.t31 {
  font-size: 31px !important
}

.t32 {
  font-size: 32px !important
}

.t33 {
  font-size: 33px !important
}

.t34 {
  font-size: 34px !important
}

.t35 {
  font-size: 35px !important
}

.t36 {
  font-size: 36px !important
}

.t37 {
  font-size: 37px !important
}

.t38 {
  font-size: 38px !important
}

.t39 {
  font-size: 39px !important
}

.t40 {
  font-size: 40px !important
}

.t41 {
  font-size: 41px !important
}

.t42 {
  font-size: 42px !important
}

.t43 {
  font-size: 43px !important
}

.t44 {
  font-size: 44px !important
}

.t45 {
  font-size: 45px !important
}

.t46 {
  font-size: 46px !important
}

.t47 {
  font-size: 47px !important
}

.t48 {
  font-size: 48px !important
}

.t49 {
  font-size: 49px !important
}

.t50 {
  font-size: 50px !important
}

.text-center {
  text-align: center
}

.fwb {
  font-weight: 700
}

* {
  margin: 0;
  padding: 0
}

body,
html {
  font-family: Microsoft YaHei, 微软雅黑 !important
}

ol,
ul {
  list-style: none
}

img {
  border: none
}

input,
select,
textarea {
  outline: none;
  border: none;
  background: none;
  outline: 0;
}

select::-ms-expand {
  display: none
}

textarea {
  resize: none
}

a {
  text-decoration: none
}

.webtop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%
}

.webtop .c {
  max-width: 1640px;
  margin: 0 auto;
  height: auto;
  padding: 26px 20px
}

.webtop .c,
.webtop .ris {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.webtop .c,
.webtop .ris,
.webtop .ris .l {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.webtop .ris .l .ls {
  color: #fff;
  font-size: 16px;
  margin-right: 40px
}

.webtop .ris .l .ls:last-of-type {
  margin-right: 54px
}

.webtop .ris .r {
  cursor: pointer
}

.webtop .hides-container {
  display: none
}

.webtop .hides-container .hides-search {
  color: #fff;
  cursor: pointer
}

.webtop .hides-container .hides {
  margin: 0 8px;
  color: #fff;
  cursor: pointer
}

.webtop-active {
  background: #00a2ea
}

.webtopfalse {
  height: 60px;
  display: none
}

.nav-phone {
  display: none;
  position: absolute;
  top: 60px;
  background: #fff;
  left: 0;
  width: 100%;
  height: -webkit-calc(100vh - 60px);
  height: -moz-calc(100vh - 60px);
  height: calc(100vh - 60px);
  border-top: 1px solid #00a2ea;
  z-index: 2;
  overflow-y: auto;
  padding: 5px 15px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.nav-phone .ls {
  padding: 10px 15px;
  color: #3d3d3d;
  border-bottom: 1px solid #ccc
}

.nav-phone .ls>a {
  color: #3d3d3d;
  font-size: 16px
}

.nav-phone .ls .ones {
  float: right
}

.nav-phone .ls .ones .o1 {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s
}

.nav-phone .ls .ones .active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.nav-phone .ls .twos {
  height: auto;
  display: none
}

.nav-phone .ls .twos,
.nav-phone .ls .twos a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.nav-phone .ls .twos a {
  display: block;
  color: #3d3d3d;
  font-size: 14px;
  padding: 10px 0 10px 14px
}

.nav-phone .active a {
  color: #00a2ea;
  font-weight: 700
}

.ibanner {
  width: 100%;
  overflow: hidden;
  max-width: 1920px;
  position: relative
}

.ibanner .img1 {
  display: block;
  width: 100%;
  height: auto
}

.ibanner .img2 {
  display: none
}

.ibanner .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 12.895833rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ibanner .c {
  max-width: 1640px;
  margin: 0 auto;
  height: 100%;
  padding: 0 20px;
  color: #fff;
  font-weight: 700
}

.ibanner .ones {
  font-size: 48px;
  margin-bottom: 10px
}

.ibanner .twos {
  font-size: 24px;
  line-height: 1.8;
  margin-bottom: 50px
}

.ibanner-paginations {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  height: 16%;
  width: 100%
}

.ibanner-pagination {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.ibanner-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin: 5px 0
}

.ibanner-pagination .swiper-pagination-bullet-active {
  background: #00a2ea
}

.iabout {
  background: #eee;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4.166666666666666rem 0 3.125rem
}

.iabout .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.iabout .tops {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.7604166666666665rem
}

.iabout .tops .les {
  width: 50%
}

.iabout .tops .les .one {
  font-size: 30px;
  color: #3d3d3d;
  font-weight: 700
}

.iabout .tops .les .two {
  font-size: 30px;
  color: #2a2a2a;
  margin: 2.083333333333333rem 0
}

.iabout .tops .les .three {
  color: #595959;
  font-size: 16px;
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  line-height: 1.7;
  margin-bottom: 4.427083333333334rem
}

.iabout .tops .les .more {
  padding: 16px 12px;
  color: #00a2ea;
  border: 1px solid #3f8cc6;
  display: inline-block
}

.iabout .tops .les .more img {
  margin-left: 46px
}

.iabout .tops .ris {
  width: 45%;
  position: relative;
  overflow: hidden;
  padding-bottom: 25%
}

.iabout .tops .ris:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.iabout .tops .ris img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s
}

.iabout .foots {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.iabout .foots,
.iabout .foots .ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.iabout .foots .ls {
  width: -webkit-calc(25% - 19.5px);
  width: -moz-calc(25% - 19.5px);
  width: calc(25% - 19.5px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  height: 410px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.iabout .foots .ls:not(:last-of-type) {
  margin-right: 26px
}

.iabout .foots .ls .t {
  height: 114px;
  margin-top: 13px
}

.iabout .foots .ls .f {
  margin-bottom: 30px
}

.iabout .foots .ls .f .one {
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px
}

.iabout .foots .ls .f .two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.iabout .foots .ls .f .two:not(:last-of-type) {
  margin-bottom: 18px
}

.iabout .foots .ls .f .two:hover .o2 {
  color: #00a2ea
}

.iabout .foots .ls .f .two .o1 {
  width: 8px;
  height: 8px;
  background: #00a2ea;
  margin-right: 8px
}

.iabout .foots .ls .f .two .o2 {
  color: #595959;
  font-size: 16px
}

.icase {
  padding: 5rem 0 5.208333333333334rem
}

.icase .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.icase .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3.125rem
}

.icase .list .ls {
  width: -webkit-calc(33.33% - 30px);
  width: -moz-calc(33.33% - 30px);
  width: calc(33.33% - 30px);
  padding-bottom: 23%;
  position: relative;
  margin-bottom: 40px
}

.icase .list .ls:not(:nth-of-type(3n)) {
  margin-right: 45px
}

.icase .list .ls:hover .hides {
  opacity: 1
}

.icase .list .ls:hover .title {
  display: none
}

.icase .list .ls .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9
}

.icase .list .ls .img1 {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.icase .list .hides {
  position: absolute;
  background: rgba(0, 0, 0, .8);
  top: 0;
  left: 0;
  padding: 5%;
  opacity: 0;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s
}

.icase .list .hides,
.icase .list .hides .cs {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.icase .list .hides .cs {
  border: 2px solid #7e7e7e;
  padding: 10% 8% 12%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: justify !important;
  text-justify: inter-ideograph !important
}

.icase .list .hides .cs .one {
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.icase .list .hides .cs img {
  width: 50px
}

.icase .list .title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 162, 234, .5);
  height: 12%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: flex;
  font-size: 16px;
  font-weight: 700
}

.icase .list .title,
.icase .more {
  justify-content: center;
  align-items: center
}

.icase .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin: 20px 0 0
}

.icase .more a {
  width: 135px;
  height: 40px;
  border: 1px solid #0068b7;
  color: #00a2ea;
  text-align: center;
  line-height: 40px;
  font-size: 16px
}

.icase .more a:hover {
  color: #fff;
  background: #0068b7
}

.ijjcase {
  background: #eee;
  padding: 3.90625rem 0 4.166666666666666rem
}

.ijjcase .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.ijjcase .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 2.864583333333333rem
}

.ijjcase .list .ls {
  width: -webkit-calc(25% - 13.5px);
  width: -moz-calc(25% - 13.5px);
  width: calc(25% - 13.5px);
  position: relative;
  padding-bottom: 29%
}

.ijjcase .list .ls:not(:last-of-type) {
  margin-right: 18px
}

.ijjcase .list .ls:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

.ijjcase .list .ls .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ijjcase .list .ls .t {
  height: 64%;
  overflow: hidden
}

.ijjcase .list .ls .t img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s
}

.ijjcase .list .ls .f {
  height: 37%;
  border: 1px solid #d1d1d1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.1458333333333333rem 15px
}

.ijjcase .list .ls .f .one {
  font-size: 24px;
  color: #3d3d3d
}

.ijjcase .list .ls .f .two {
  font-size: 16px;
  color: #595959;
  margin: .9375rem 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical
}

.ijjcase .list .ls .f .three {
  font-size: 16px;
  color: #a5a5a5
}

.iparte {
  padding: 5.208333333333334rem 0 3.3854166666666665rem
}

.iparte .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.iparte .list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2.864583333333333rem;
}

.iparte .list,
.iparte .list .ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.iparte .list .ls {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  height: 130px;
  border-right: 1px solid #e5e5e5;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.iparte .list .ls:nth-of-type(4n) {
  border-right: none
}

.iparte .list .ls:nth-last-of-type(-n+4) {
  border-bottom: none
}

.iparte .list .ls img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: scale-down;
  object-fit: scale-down
}

.inum {
  background: url(../img/pcimg29.jpg) no-repeat 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  height: 480px;
  width: 100%;
  padding-top: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.inum .c {
  max-width: 1120px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto
}

.inum .ls {
  color: #fff;
  text-align: center;
  font-weight: 700
}

.inum .ls .one {
  font-size: 100px
}

.inum .ls .two {
  font-size: 16px
}

.inews {
  padding: 7.8125rem 0 9.375rem
}

.inews .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.inews .com1 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.inews .com1 .ris .ls:hover {
  color: #00a2ea;
  background: none
}

.inews .com1 .ris .ls:hover:before {
  display: block
}

.inews .com1 .ris .ls:last-of-type:hover:before {
  display: none
}

.inews .container {
  position: relative;
  padding-bottom: 45%;
  margin-top: 3.125rem
}

.inews .container .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.inews .container .les,
.inews .container .ris {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  height: 100%;
  background: #eee
}

.inews .container .les .t {
  height: 68%
}

.inews .container .les .t img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.inews .container .les .f {
  height: 32%;
  padding: 5% 4% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.inews .container .les .f .one {
  color: #00a2ea;
  font-size: 18px
    /*! autoprefixer: off */
}

.inews .container .les .f .one,
.inews .container .les .f .two {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical
}

.inews .container .les .f .two {
  font-size: 15px;
  color: #595959;
  margin: 4% 0 6%
    /*! autoprefixer: off */
}

.inews .container .les .f .three {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a5a5a5;
  font-size: 16px;
  width: 100%
}

.inews .container .ris {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3%
}

.inews .container .ris .ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 18%;
  padding: 1.25rem 0
}

.inews .container .ris .ls:not(:nth-of-type(4)) {
  border-bottom: 1px solid #d7d7d7
}

.inews .container .ris .ls .l {
  width: 28%;
  margin-right: 5%;
  height: 100%
}

.inews .container .ris .ls .l img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.inews .container .ris .ls .r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  width: 70%
}

.inews .container .ris .ls .r .t .title {
  color: #3d3d3d;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  font-size: 18px;
  margin: .26041666666666663rem 0 .5208333333333333rem
}

.inews .container .ris .ls .r .t .des,
.inews .container .ris .ls .r .t .title {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical
}

.inews .container .ris .ls .r .t .des {
  color: #595959;
  font-size: 15px;
  -webkit-line-clamp: 2
    /*! autoprefixer: off */
}

.inews .container .ris .ls .r .f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
}

.inews .container .ris .ls .r .f .one {
  color: #a5a5a5;
  font-size: 14px
}

.webfoot {
  background: #363636;
  padding: 2.34375rem 0 3.6458333333333335rem;
  overflow: hidden
}

.webfoot .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.webfoot .tops {
  color: grey;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.864583333333333rem
}

.webfoot .tops a {
  color: grey;
  font-size: 14px;
  padding: 0 5px;
  position: relative
}

.webfoot .tops a:before {
  content: "";
  width: 1px;
  height: 11px;
  background: grey;
  position: absolute;
  top: 5px;
  left: 0
}

.webfoot .mids {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 2.34375rem;
  border-bottom: 1px solid #b9b9b9;
  margin-bottom: 2.083333333333333rem
}

.webfoot .mids,
.webfoot .mids .les {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.webfoot .mids .les {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 50px
}

.webfoot .mids .les .ones {
  height: 178px;
  border-right: 1px solid #b9b9b9;
  padding-right: 12%;
  margin-right: 12%
}

.webfoot .mids .les .ones img {
  width: 136px;
  display: block
}

.webfoot .mids .les .ones .one {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 700;
  margin-top: .8854166666666666rem;
  text-align: center
}

.webfoot .mids .les .twos .one {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 1.8229166666666667rem
}

.webfoot .mids .les .twos .two {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: .7291666666666666rem
}

.webfoot .mids .les .twos .two img {
  margin-right: 8px
}

.webfoot .mids .les .twos .two .o1 {
  color: #b9b9b9;
  font-size: 16px
}

.webfoot .mids .ris {
  width: 41%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.webfoot .mids .ris .ls .o1 {
  margin-bottom: 1.3020833333333335rem
}

.webfoot .mids .ris .ls .o1 a {
  color: #b9b9b9;
  font-size: 16px
}

.webfoot .mids .ris .ls .o2 {
  margin-bottom: .9375rem
}

.webfoot .mids .ris .ls .o2 a {
  color: #b9b9b9;
  font-size: 14px
}

.webfoot .foots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.webfoot .foots,
.webfoot .foots a,
.webfoot .hides {
  color: grey;
  font-size: 14px
}

.webfoot .hides {
  display: none;
  text-align: center
}

.webfoot .hides a {
  color: grey;
  font-size: 14px
}

.rbanner {
  height: auto;
  position: relative
}

.rbanner img {
  display: block;
  width: 100%
}

.rbanner .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.rbanner .conts .one {
  font-size: 48px;
  margin-bottom: .5208333333333333rem
}

.rbanner .conts .two {
  font-size: 24px
}

.rposition {
  background: #eee;
  height: 80px
}

.rposition .c {
  max-width: 1640px;
  margin: 0 auto;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px
}

.rposition .c,
.rposition .les {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rposition .les,
.rposition .les a {
  color: #222;
  font-size: 16px
}

.rposition .les a:nth-of-type(2) {
  color: #00a2ea
}

.rposition .ris {
  width: 180px;
  height: 40px;
  border: 1px solid #a0a0a0
}

.rposition .ris,
.rposition .ris .ones {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.rposition .ris .ones {
  width: 100%;
  height: 100%;
  color: #555;
  font-size: 16px;
  padding-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.rposition .ris .ones:before {
  content: "";
  width: 8px;
  height: 7px;
  background: url(../img/pcimg39.png) no-repeat 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 8px
}

.rposition .ris .twos {
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #a0a0a0;
  border-top: none;
  top: 100%;
  left: -1px;
  position: absolute;
  display: none
}

.rposition .ris .twos a {
  display: block;
  padding-left: 10px;
  color: #555;
  font-size: 14px;
  line-height: 35px
}

.rposition .ris .twos a:hover {
  background: #00a2ea;
  color: #fff
}

.rabout1 {
  padding: 3.3854166666666665rem 0 8.072916666666668rem
}

.rabout1 .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.rabout1 .tops {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.3854166666666665rem
}

.rabout1 .tops .l {
  width: 50%
}

.rabout1 .tops .l .one {
  font-size: 30px;
  color: #222;
  font-weight: 700
}

.rabout1 .tops .l .two {
  color: #2a2a2a;
  font-size: 30px;
  margin: 2.083333333333333rem 0
}

.rabout1 .tops .l .three {
  font-size: 16px;
  color: #555;
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  line-height: 2;
  margin-bottom: 2.604166666666667rem
}

.rabout1 .tops .l .more {
  color: #00a2ea;
  font-size: 18px;
  border: 1px solid #4490ca;
  width: 155px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rabout1 .tops .r {
  width: 45%
}

.rabout1 .foots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rabout1 .foots .ls {
  width: -webkit-calc(33.33% - 34px);
  width: -moz-calc(33.33% - 34px);
  width: calc(33.33% - 34px);
  padding-bottom: 22%;
  position: relative
}

.rabout1 .foots .ls:nth-of-type(2) {
  margin: 0 51px
}

.rabout1 .foots .ls .cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.rabout1 .foots .ls .cont img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.rabout1 .foots .ls .cont .cs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

.rabout1 .foots .ls .cont .cs .one {
  font-size: 16px;
  text-transform: uppercase
}

.rabout1 .foots .ls .cont .cs .two {
  font-size: 30px;
  margin-bottom: 1.5625rem
}

.rabout1 .foots .ls .cont .cs .three {
  font-size: 18px
}

.rabout2 {
  background: #eee;
  padding: 4.375rem 0 4.6875rem
}

.rabout2 .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.rabout2 .ones {
  color: #595959;
  font-weight: 700;
  font-size: 30px;
  text-align: center
}

.rabout2 .twos {
  font-size: 16px;
  color: #555;
  margin: 3.3333333333333335rem 0 3.229166666666667rem;
  text-align: center
}

.rabout2 .threes {
  position: relative;
  padding-bottom: 19%;
  border: 3px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.rabout2 .threes .conts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.rabout2 .threes .conts,
.rabout2 .threes .ls {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.rabout2 .threes .ls {
  width: 25%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.rabout2 .threes .ls:not(:last-of-type) {
  border-right: 3px solid #d2d2d2
}

.rabout2 .threes .ls .t {
  height: 4.947916666666666rem;
  margin-top: 12%
}

.rabout2 .threes .ls .t img {
  height: 100%
}

.rabout2 .threes .ls .f {
  color: #555;
  font-weight: 700;
  margin-bottom: 13%
}

.rabout3 {
  padding: 6.25rem 0 2.083333333333333rem
}

.rabout3 .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center
}

.rabout3 .ones {
  color: #222;
  font-size: 30px;
  font-weight: 700
}

.rabout3 .twos {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  margin: 3.125rem 0 1.8229166666666667rem
}

.rabout3 .threes {
  font-size: 20px;
  color: #555
}

.rabout4 {
  height: 680px
}

.rabout4 .c {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.rabout4 .ls {
  width: 33.33%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.rabout4 .ls:nth-of-type(-n+3) {
  margin-bottom: 100px
}

.rabout4 .ones {
  margin-bottom: 25px
}

.rabout5 {
  background: #eee;
  padding: 2.3958333333333335rem 0 2.083333333333333rem
}

.rabout5 .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px
}

.rabout5 .ones {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 2.864583333333333rem;
  color: #222;
  text-align: center
}

.rabout5 .list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.rabout5 .list,
.rabout5 .list .ls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.rabout5 .list .ls {
  width: -webkit-calc(33.33% - 34px);
  width: -moz-calc(33.33% - 34px);
  width: calc(33.33% - 34px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #626262;
  height: 170px;
  margin-bottom: 2.604166666666667rem;
  padding: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.rabout5 .list .ls:not(:nth-of-type(3n)) {
  margin-right: 51px
}

.rabout5 .list .ls:hover .r .one {
  color: #00a2ea
}

.rabout5 .list .ls .l {
  width: 41%;
  height: 100%
}

.rabout5 .list .ls .l img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.rabout5 .list .ls .r {
  width: 54%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.rabout5 .list .ls .r .one {
  color: #3d3d3d;
  font-size: 18px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical
}

.rabout5 .list .ls .r .two {
  font-size: 14px;
  color: #a5a5a5
}

.rabout5 .hidesphone {
  display: none;
  width: 100%;
  height: 66.66666666666666vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #626262;
  overflow: hidden
}

.rabout5 .hidesphone .t {
  height: 50.66666666666667vw
}

.rabout5 .hidesphone .t img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover
}

.rabout5 .hidesphone .f {
  height: 16vw;
  padding: 1.3333333333333335vw 2.666666666666667vw
}

.rabout5 .hidesphone .f .one {
  font-size: 16px;
  color: #3d3d3d;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  margin-bottom: 1.3333333333333335vw
}

.rabout5 .hidesphone .f .two {
  font-size: 14px;
  color: #a5a5a5
}

.rabout5 .hidesphone-pagination {
  display: none
}

.webfix {
  position: fixed;
  bottom: 20%;
  right: 0;
  width: 50px;
  height: auto;
  z-index: 1
}

.webfix .ls {
  width: 100%;
  height: 50px;
  background: #00a2ea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1px;
  position: relative
}

.webfix .ls:hover .img2 {
  opacity: 1;
  height: 100px
}

.webfix .ls:hover .phone {
  display: block;
  opacity: 1;
  height: 50px
}

.webfix .ls .img2 {
  top: -50
}

.webfix .ls .img2,
.webfix .ls .phone {
  position: absolute;
  right: 60px;
  opacity: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  height: 0
}

.webfix .ls .phone {
  color: #fff;
  font-size: 16px;
  top: 0;
  line-height: 50px;
  background: #000;
  padding: 0 10px
}

.webfix-hides {
  display: none
}

.clearfix {
  clear: both
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}

.sear {
  position: fixed;
  top: 0;
  left: 0;
  background: #313131;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 50
}

.sear-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

.sear .title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 50px
}

.sear .inputone {
  width: 400px;
  height: 40px;
  margin-bottom: 30px
}

.sear .inputtwo {
  width: 400px;
  height: 40px;
  background: #434144;
  color: #fff;
  font-size: 16px;
  margin-bottom: 60px
}

.sear .close {
  cursor: pointer
}

.rpp1 {
  padding: 3.958333333333333rem 0
}

.rpp1 .c {
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center
}

.rpp1 .ones {
  font-size: 30px;
  color: #222
}

.rpp1 .twos {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  margin-top: 1.1458333333333333rem
}

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

.messbox {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  display: none
}

.messbox .mess {
  width: 500px;
  height: 430px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -215px;
  left: 50%;
  margin-left: -250px;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.messbox .mess .ones {
  font-size: 24px;
  color: #434144;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px
}

.messbox .mess .threes,
.messbox .mess .twos {
  display: block;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  color: #979797;
  font-size: 14px;
  border: 1px solid #bebebe;
  width: 100%;
  margin-bottom: 20px
}

.messbox .mess .threes::-webkit-input-placeholder,
.messbox .mess .twos::-webkit-input-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .threes:-moz-placeholder,
.messbox .mess .threes::-moz-placeholder,
.messbox .mess .twos:-moz-placeholder,
.messbox .mess .twos::-moz-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .threes:-ms-input-placeholder,
.messbox .mess .twos:-ms-input-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .four {
  width: 100%;
  display: block;
  height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #979797;
  font-size: 14px;
  border: 1px solid #bebebe;
  padding: 10px 20px;
  margin-bottom: 20px
}

.messbox .mess .four::-webkit-input-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .four:-moz-placeholder,
.messbox .mess .four::-moz-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .four:-ms-input-placeholder {
  color: #979797;
  font-size: 14px
}

.messbox .mess .five {
  color: #fff;
  font-size: 18px;
  display: block;
  width: 100%;
  height: 40px;
  background: #00a2ea;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}

.messbox .mess .di {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #00a2ea
}

.com1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.com1 .les .one {
  color: #00a2ea;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 48px;
  font-family: Arial
}

.com1 .les .two {
  width: 45px;
  height: 3px;
  background: #00a2ea;
  margin: 7px 0 14px
}

.com1 .les .three {
  color: #3d3d3d;
  font-size: 30px;
  font-weight: 700
}

.com1 .ris {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.com1 .ris .ls {
  line-height: 55px;
  color: grey;
  font-size: 15px;
  padding: 0 8px;
  position: relative
}

.com1 .ris .ls:before {
  content: "";
  width: 1px;
  height: 12px;
  top: 50%;
  right: 0;
  margin-top: -5px;
  background: grey;
  position: absolute
}

.com1 .ris .ls:last-of-type:before {
  display: none
}

.com1 .ris .ls:hover {
  color: #fff;
  background: #00a2ea
}

.com1 .ris .ls:hover:before {
  display: none
}

@media only screen and (max-width:1130px) and (min-width:768px) {
  .webtop .ris .l .ls {
    margin-right: 20px
  }

  .webtop .ris .l .ls:last-of-type {
    margin-right: 24px
  }
}

@media only screen and (max-width:960px) and (min-width:768px) {
  .webtop .ris .l {
    display: none
  }

  .webtop .hides-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  .inews .container .ris .ls .r .t .des {
    display: none
  }
}

@media(max-width:768px) {
  .ibanner .conts .more{display: none;}
  .webtop .c {
    padding: 10px 15px;
    height: 40px
  }

  .webtop .les img {
    height: 9.333333333333334vw;
    max-height: 60px
  }

  .webtop .ris .l {
    display: none
  }

  .webtop .hides-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  .webtopfalse {
    display: block
  }

  .webtop1 {
    background: #00a2ea
  }

  .ibanner {
    height: 90vh
  }

  .ibanner .img1 {
    display: none
  }

  .ibanner .img2 {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
  }

  .ibanner .conts {
    padding-top: 0
  }

  .ibanner .c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .ibanner-pagination,
  .ibanner .c {
    padding: 0 15px
  }

  .ibanner .ones {
    font-size: 18px
  }

  .ibanner .twos {
    font-size: 14px
  }

  .iabout {
    padding: 8vw 0 5.333333333333334vw
  }

  .iabout .c {
    padding: 0 15px
  }

  .iabout .tops {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .iabout .tops .les {
    width: 100%
  }

  .iabout .tops .les .one {
    font-size: 18px
  }

  .iabout .tops .les .two {
    font-size: 16px;
    margin: 5.333333333333334vw 0
  }

  .iabout .tops .les .three {
    font-size: 14px;
    margin-bottom: 11.333333333333332vw
  }

  .iabout .tops .les .more {
    padding: 6px 4px;
    color: #00a2ea;
    border: 1px solid #3f8cc6
  }

  .iabout .tops .les .more img {
    margin-left: 20px;
    position: relative;
    top: -3px
  }

  .iabout .tops .ris {
    width: 100%;
    padding-bottom: 0;
    position: unset;
    margin-bottom: 4vw
  }

  .iabout .tops .ris img {
    position: unset;
    display: block;
    width: 100%
  }

  .icase {
    padding: 8vw 0
  }

  .icase .c {
    padding: 0 15px
  }

  .icase .list {
    margin-top: 5.333333333333334vw
  }

  .icase .list .ls {
    width: 100%;
    position: unset;
    height: 60vw;
    padding-bottom: 0;
    margin-bottom: 20px
  }

  .icase .list .ls:not(:nth-of-type(3n)) {
    margin-right: 0
  }

  .icase .list .ls:hover .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  .icase .list .ls .conts {
    position: relative;
    top: unset;
    left: unset
  }

  .icase .list .ls .title {
    width: 100%
  }

  .icase .list .hides {
    display: none
  }

  .icase .more {
    margin-top: 0
  }

  .icase .more a {
    height: 30px;
    line-height: 30px;
    width: 150px;
    font-size: 14px
  }

  .ijjcase {
    padding: 10vw 0 10.666666666666668vw
  }

  .ijjcase .c {
    padding: 0 15px
  }

  .ijjcase .list {
    margin-top: 6.666666666666667vw;
    display: block
  }

  .ijjcase .list .ls {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 20px
  }

  .ijjcase .list .ls:not(:last-of-type) {
    margin-right: 0
  }

  .ijjcase .list .ls:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }

  .ijjcase .list .ls .conts {
    position: unset;
    height: auto
  }

  .ijjcase .list .ls .f,
  .ijjcase .list .ls .t {
    height: auto
  }

  .ijjcase .list .ls .f .one {
    font-size: 16px
  }

  .ijjcase .list .ls .f .two {
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
  }

  .ijjcase .list .ls .f .three {
    font-size: 14px
  }

  .iparte {
    padding: 13.333333333333334vw 0 8.666666666666668vw
  }

  .iparte .c {
    padding: 0 15px
  }

  .iparte .list .ls {
    width: 50%;
    height: 21.333333333333336vw
  }

  .iparte .list .ls:nth-of-type(2n) {
    border-right: none
  }

  .iparte .list .ls:nth-last-of-type(-n+4) {
    border-bottom: 1px solid #e5e5e5
  }

  .iparte .list .ls:nth-last-of-type(-n+2) {
    border-bottom: none
  }

  .inum {
    height: 64vw;
    padding-top: 0;
    overflow: hidden
  }

  .inum .c {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 53.333333333333336vw;
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5.333333333333334vw
  }

  .inum .ls {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    height: auto;
    margin-bottom: 5%;
  }

  .inum .ls:nth-of-type(2n) {
    margin-left: 20px;
  }

  .inum .ls .one {
    font-size: 40px
  }

  .inum .ls .two {
    font-size: 14px
  }

  .inews {
    padding: 20vw 0 24vw
  }

  .inews .c {
    padding: 0 15px
  }

  .inews .container {
    position: unset;
    padding-bottom: 0;
    margin-top: 8vw
  }

  .inews .container .conts {
    position: unset;
    display: block
  }

  .inews .container .les,
  .inews .container .ris {
    width: 100%;
    height: auto;
    display: block
  }

  .inews .container .les {
    margin-bottom: 2.666666666666667vw;
    padding-bottom: 4vw
  }

  .inews .container .les .t {
    height: 53.333333333333336vw;
    width: 100%
  }

  .inews .container .les .f {
    height: auto
  }

  .inews .container .les .f .one {
    font-size: 16px
  }

  .inews .container .les .f .three,
  .inews .container .les .f .two {
    font-size: 14px
  }

  .inews .container .ris {
    padding: 0
  }

  .inews .container .ris .ls {
    display: block;
    height: auto;
    padding-top: 0;
    margin-bottom: 2.666666666666667vw
  }

  .inews .container .ris .ls .l,
  .inews .container .ris .ls .r {
    width: 100%;
    height: auto
  }

  .inews .container .ris .ls .l {
    height: 53.333333333333336vw
  }

  .inews .container .ris .ls .r {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .inews .container .ris .ls .r .t .title {
    font-size: 16px;
    margin-top: 2vw
  }

  .inews .container .ris .ls .r .t .des {
    font-size: 14px;
    margin: 1.3333333333333335vw 0 2vw
  }

  .rbanner,
  .rposition {
    display: none
  }

  .rabout1 .foots {
    display: block
  }

  .rabout1 .foots .ls {
    width: 100%;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 2.666666666666667vw
  }

  .rabout1 .foots .ls:nth-of-type(2) {
    margin: 0 0 2.666666666666667vw
  }

  .rabout1 .foots .ls .cont {
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
    height: 46.666666666666664vw
  }

  .rabout1 .foots .ls .cont .cs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%;
    text-align: center
  }

  .rabout1 .foots .ls .cont .cs .one {
    font-size: 14px
  }

  .rabout1 .foots .ls .cont .cs .two {
    font-size: 16px
  }

  .rabout1 .foots .ls .cont .cs .three {
    font-size: 14px
  }

  .rabout2 {
    padding: 11.200000000000001vw 0 12vw
  }

  .rabout2 .c {
    padding: 0 15px
  }

  .rabout2 .ones {
    font-size: 18px
  }

  .rabout2 .twos {
    font-size: 14px;
    margin: 4vw 0
  }

  .rabout2 .threes {
    padding-bottom: 0
  }

  .rabout2 .threes .conts {
    position: unset;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto
  }

  .rabout2 .threes .conts .ls {
    width: 50%;
    height: 40vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .rabout2 .threes .conts .ls:not(:last-of-type) {
    border-right: none
  }

  .rabout2 .threes .conts .ls:not(:nth-of-type(2n)) {
    border-right: 3px solid #d2d2d2
  }

  .rabout2 .threes .conts .ls:nth-of-type(-n+2) {
    border-bottom: 3px solid #d2d2d2
  }

  .rabout2 .threes .conts .ls .t {
    height: 12.666666666666668vw
  }

  .rabout3 {
    padding: 8vw 0
  }

  .rabout3 .c {
    padding: 0 15px
  }

  .rabout3 .ones {
    font-size: 18px
  }

  .rabout3 .twos {
    font-size: 14px;
    margin: 5.333333333333334vw 0
  }

  .rabout3 .threes {
    font-size: 14px
  }

  .rabout4 {
    height: 70vw
  }

  .rabout4 .ls {
    margin-bottom: 10%;
  }

  .rabout4 .ls:nth-of-type(-n+3) {
     margin-bottom: 10%;
  }

  .rabout4 .ls img {
    height: 10.666666666666668vw
  }

  .rabout4 .ls .one {
    font-size: 30px;
    margin-bottom: 1.3333333333333335vw
  }

  .rabout4 .ones {
    margin-bottom: 0
  }

  .rabout5 {
    padding: 8vw 0
  }

  .rabout5 .ones {
    font-size: 18px
  }

  .rabout5 .c {
    padding: 0 15px
  }

  .rabout5 .list {
    display: none
  }

  .rabout5 .hidesphone {
    display: block
  }

  .rabout5 .hidesphone-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.666666666666667vw
  }

  .rabout5 .hidesphone-pagination .swiper-pagination-bullet {
    margin: 0 5px
  }

  .rabout5 .hidesphone-pagination .swiper-pagination-bullet-active {
    background: #00a2ea
  }

  .sear .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px
  }

  .sear .inputone,
  .sear .inputtwo {
    width: 80%
  }

  .rpp1 {
    padding: 10.666666666666668vw 0
  }

  .rpp1 .c {
    padding: 0 15px
  }

  .rpp1 .ones {
    font-size: 18px
  }

  .rpp1 .twos {
    font-size: 14px;
    margin-top: 2vw;
    line-height: 1.6
  }

  .messbox .mess {
    width: 90%;
    height: 430px;
    left: 5%;
    margin-left: 0;
    padding: 40px 10px
  }

  .messbox .mess .one {
    font-size: 20px
  }

  .messbox .mess .di {
    width: 20px
  }

  .com1 {
    display: block
  }

  .com1 .les .one {
    font-size: 22px
  }

  .com1 .les .two {
    margin: .9333333333333335vw 0 1.866666666666667vw;
    height: 2px
  }

  .com1 .les .three {
    font-size: 16px
  }

  .com1 .ris {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.3333333333333335vw
  }

  .com1 .ris .ls {
    line-height: 7.333333333333333vw;
    font-size: 12px
  }
}

@media only screen and (max-width:1500px) and (min-width:768px) {
  .ibanner .ones {
    font-size: 44px
  }

  .ibanner .twos {
    font-size: 20px
  }
}

@media only screen and (max-width:1200px) and (min-width:768px) {
  .ibanner .ones {
    font-size: 34px
  }

  .ibanner .twos {
    font-size: 18px
  }

  .iabout .tops {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .iabout .tops .les .one {
    font-size: 22px
  }

  .iabout .tops .les .two {
    font-size: 20px
  }

  .iabout .tops .les .three {
    font-size: 14px
  }

  .iabout .tops .les .more {
    padding: 8px 6px;
    color: #00a2ea;
    border: 1px solid #3f8cc6
  }

  .iabout .tops .les .more img {
    margin-left: 30px
  }

  .iabout .tops .ris {
    width: 45%;
    position: relative;
    overflow: hidden;
    padding-bottom: 25%
  }

  .iabout .tops .ris:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
  }

  .iabout .tops .ris img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
  }

  .iabout .foots .ls {
    height: 350px
  }

  .iabout .foots .ls .t {
    height: 80px
  }

  .iabout .foots .ls .f {
    margin-bottom: 20px
  }

  .iabout .foots .ls .f .one {
    font-size: 20px;
    margin-bottom: 18px
  }

  .iabout .foots .ls .f .two:not(:last-of-type) {
    margin-bottom: 18px
  }

  .iabout .foots .ls .f .two .o1 {
    margin-right: 8px
  }

  .iabout .foots .ls .f .two .o2 {
    font-size: 14px
  }

  .icase .list .ls {
    width: -webkit-calc(33.33% - 14px);
    width: -moz-calc(33.33% - 14px);
    width: calc(33.33% - 14px);
    margin-bottom: 20px
  }

  .icase .list .ls:not(:nth-of-type(3n)) {
    margin-right: 20px
  }

  .icase .list .ls .title {
    font-size: 12px
  }

  .icase .list .ls:hover .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }

  .icase .list .hides {
    display: none
  }

  .ijjcase .list .ls {
    padding-bottom: 33%
  }

  .ijjcase .list .ls .f {
    height: 49%
  }

  .ijjcase .list .ls .f .one {
    font-size: 16px !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical
  }

  .rabout1 .tops .l .one,
  .rabout1 .tops .l .two {
    font-size: 20px
  }

  .rabout1 .tops .l .three {
    font-size: 14px
  }

  .rabout1 .tops .l .more {
    font-size: 16px
  }

  .rabout5 .list .ls {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px)
  }

  .rabout5 .list .ls:not(:nth-of-type(3n)) {
    margin-right: 0
  }

  .rabout5 .list .ls:not(:nth-of-type(2n)) {
    margin-right: 40px
  }
}

@media only screen and (max-width:890px) and (min-width:768px) {
  .ibanner .ones {
    font-size: 26px
  }

  .ibanner .twos {
    font-size: 18px
  }
}

@media(max-width:830px) {
  .iabout .foots .ls {
    height: auto;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    margin-bottom: 10px;
    overflow: hidden
  }

  .iabout .foots .ls:not(:last-of-type) {
    margin-right: 0
  }

  .iabout .foots .ls:nth-of-type(2n) {
    margin-left: 10px
  }

  .iabout .foots .ls .t {
    height: 13.333333333333334vw;
    margin-bottom: 5.333333333333334vw
  }

  .iabout .foots .ls .f {
    margin-bottom: 20px
  }

  .iabout .foots .ls .f .one {
    font-size: 20px;
    margin-bottom: 6px;
    font-size: 16px;
    text-align: center
  }

  .iabout .foots .ls .f .two:not(:last-of-type) {
    margin-bottom: 6px
  }

  .iabout .foots .ls .f .two .o1 {
    margin-right: 8px
  }

  .iabout .foots .ls .f .two .o2 {
    font-size: 14px
  }
}

@media only screen and (max-width:1450px) and (min-width:768px) {
  .ijjcase .list .ls .f .one {
    font-size: 18px
  }

  .ijjcase .list .ls .f .two {
    font-size: 14px;
    margin: 8px 0
  }

  .ijjcase .list .ls .f .three {
    font-size: 14px
  }
}

@media only screen and (max-width:1220px) and (min-width:768px) {
  .inews .container .les .f .one {
    font-size: 16px
  }

  .inews .container .les .f .two {
    margin: 10px 0;
    font-size: 14px
  }

  .inews .container .ris .ls .r .t .title {
    font-size: 14px
  }

  .inews .container .ris .ls .r .f .one,
  .inews .container .ris .ls .r .t .des {
    font-size: 12px
  }
}

@media only screen and (max-width:1030px) and (min-width:768px) {
  .webfoot .mids .les .twos .one {
    font-size: 18px
  }

  .webfoot .mids .les .twos .two .o1 {
    font-size: 14px
  }
}

@media(max-width:900px) {
  .webfoot {
    padding: 4.666666666666667vw 0;
    margin-bottom: 45px
  }

  .webfoot .c {
    padding: 0 15px
  }

  .webfoot .foots,
  .webfoot .mids,
  .webfoot .tops {
    display: none
  }

  .webfoot .hides {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .rabout1 {
    padding: 8.666666666666668vw 0 20.666666666666668vw
  }

  .rabout1 .c {
    padding: 0 15px
  }

  .rabout1 .tops {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 8.666666666666668vw
  }

  .rabout1 .tops .l {
    width: 100%
  }

  .rabout1 .tops .l .one {
    font-size: 16px
  }

  .rabout1 .tops .l .two {
    font-size: 16px;
    margin: 2.666666666666667vw 0
  }

  .rabout1 .tops .l .three {
    font-size: 14px;
    margin-bottom: 2.666666666666667vw
  }

  .rabout1 .tops .l .more {
    font-size: 14px;
    width: 33.33333333333333vw;
    height: 8vw
  }

  .rabout1 .tops .r {
    width: 100%;
    margin-bottom: 5.333333333333334vw
  }

  .webfix {
    width: 100%;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0
  }

  .webfix .ls {
    width: 25%;
    height: 45px
  }

  .webfix .ls:nth-of-type(4) {
    display: none
  }

  .webfix .ls:not(:last-of-type) {
    border-right: 1px dashed #fff
  }

  .webfix .ls:hover .phone {
    display: none
  }

  .webfix-hides {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media only screen and (max-width:1400px) and (min-width:768px) {
  .rbanner .conts .one {
    font-size: 30px
  }

  .rbanner .conts .two {
    font-size: 20px
  }
}

@media only screen and (max-width:1300px) and (min-width:768px) {
  .rabout1 .foots .ls {
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
    padding-bottom: 22%;
    position: relative
  }

  .rabout1 .foots .ls:nth-of-type(2) {
    margin: 0 15px
  }

  .rabout1 .foots .ls .cont .cs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%;
    text-align: center
  }

  .rabout1 .foots .ls .cont .cs .one {
    font-size: 14px
  }

  .rabout1 .foots .ls .cont .cs .two {
    font-size: 20px
  }

  .rabout1 .foots .ls .cont .cs .three {
    font-size: 14px
  }
}

@media only screen and (max-width:900px) and (min-width:768px) {
  .com1 .les .one {
    font-size: 28px
  }

  .com1 .les .two {
    height: 2px
  }

  .com1 .les .three {
    font-size: 20px
  }
}

/* 修改 */
.fours a {
  padding-left: 15px;
  position: relative;
}

.fours a::before {
  content: '';
  width: 15px;
  height: 15px;
  background: url("../img/xing-left21.png") no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100%;
}
@media only screen and (max-width:520px) and (min-width:0px) {
  .rabout4{
    height: 88vw;
  }
}
.wzjs{
  padding-bottom: 40px;
}
.wzjs .main{
  max-width: 1640px;
  margin: 0 auto;
  padding: 0 20px;
}
.wzjs .main ul{
  display: flex;
  flex-wrap: wrap;
  align-items: unset; 
  justify-content: flex-start;
}
.wzjs .main ul li{
  width: 30%;
  margin-right: 5%;
}
.wzjs .main ul li:nth-of-type(3n){
  margin-right: 0;
}
.wzjs .main ul li:nth-of-type(n+4){
  margin-top: 50px;
}
.wzjs .main ul li a{
  display: block;
}
.wzjs .main ul li a:hover figure img{
  transform: scale(1.1);
}
.wzjs .main ul li a figure{
  position: relative;
  padding: 39% 0;
  overflow: hidden;
}
.wzjs .main ul li a figure img{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: .4s all;
}
.wzjs .main ul li a .text{
    padding: 3%;
    border: 1px solid #ccc;
    transition: .4s all;
}
.wzjs .main ul li a h3{
    font-size: 20px;
    color: #222222;
    margin-bottom: 20px;
    transition: .4s all;
}
.wzjs .main ul li a:hover h3{
  color: #00a2ea;
}
.wzjs .main ul li a:hover .text{
  background-color: #eeeeee;
}
.wzjs .main ul li a p{
  color: #999999;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wzjs .main ul li a span{
  color: #00a2ea;
  display: block;
  margin-top: 15px;
}
@media only screen and (max-width:1024px) and (min-width:0px) {
  .wzjs .main ul li{
    width: 48%;
    margin-right: 4%;
  }
  .wzjs .main ul li:nth-of-type(2n){
    margin-right: 0;
  }
  .wzjs .main ul li:nth-of-type(2n+1){
    margin-right: 4%;
  }
  .wzjs .main ul li:nth-of-type(n+3){
    margin-top: 3%;
  }
}
@media only screen and (max-width:520px) and (min-width:0px) {
  .wzjs .main ul li{
    width: 100%;
    margin-right: 0 !important;
  }
  .wzjs .main ul li+li{
    margin-top: 3%;
  }
  .wzjs .main ul li a h3{
    font-size: 16px;
   margin-bottom: 3%; 
  }
  .wzjs .main ul li a p{
    font-size: 14px;
    line-height: 22px;
  }
  .wzjs .main ul li a span{
    font-size: 14px;
    margin-top: 3%;
  }
}
.xing-lb .swiper-container .swiper-wrapper{
  display: flex;
  justify-content: center;
  align-items: unset;
}
@media only screen and (max-width:1600px) and (min-width:0px) {
  .xing-lb .swiper-container .swiper-wrapper{
    display: flex;
    justify-content: unset;
    align-items: unset;
  }
}
.xing .xing-main .xing-lb dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}
.xing .xing-main .xing-lb dl dd{
  width: 33%;
  display: flex;
  flex-wrap: wrap;
  align-items: center; 
  justify-content: flex-start;
}
.xing .xing-main .xing-lb dl dd:nth-of-type(n+4){
  margin-top: 50px;
}
.xing .xing-main .xing-lb dl dd figure{
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background-color: #00a2ea;
  position: relative;
}
.xing .xing-main .xing-lb dl dd figure img{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.xing .xing-main .xing-lb dl dd .text{
  width: 70%;
  margin-left: 5%;
}
.xing .xing-main .xing-lb dl dd .text h4{
  font-size: 24px;
  font-weight: bold;
}
.xing .xing-main .xing-lb dl dd .text p{
  margin-top: 10px;
}
@media only screen and (max-width:1600px) and (min-width:0px) {
  .xing .xing-main .xing-lb dl{
    padding: 0 3%;
  }
}
@media only screen and (max-width:1250px) and (min-width:0px) {
  .xing .xing-main .xing-lb dl dd{
    width: 45%;
  }
}
@media only screen and (max-width:920px) and (min-width:0px) {
  .xing .xing-main .xing-lb dl dd{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .xing .xing-main .xing-lb dl dd .text{
    width: 100%;
  }
  .xing .xing-main .xing-lb dl dd .text h4{
    margin-top: 3%;
    text-align: center;
  }
  .xing .xing-main .xing-lb dl dd:nth-of-type(n+3){
    margin-top: 3%;
  }
}
@media only screen and (max-width:520px) and (min-width:0px) {
  .xing .xing-main .xing-lb dl dd figure{
    width: 80px;
    height: 80px;
  }
  .xing .xing-main .xing-lb dl dd figure img{
    width: 40px;
    height: 40px;
  }
  .xing .xing-main .xing-lb dl dd .text h4{
    font-size: 16px;
  }
  .xing .xing-main .xing-lb dl dd .text p{
    font-size: 14px;
    margin-top: 3%;
  }
  .xing .xing-main .xing-lb dl{
    align-items: unset;
  }
}