*, :after, :before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}
input, select, textarea {
  font-size: 14px;
  color: #333;
  font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none
}
input [type=submit], input[type=button], input[type=checkbox], input[type=radio], input[type=reset], select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
::-webkit-input-placeholder {
  color: #999
}
::-moz-placeholder {
  color: #999
}
::-ms-input-placeholder {
  color: #999
}
select::-ms-expand {
  display: none
}
a {
  color: #333;
  text-decoration: none
}
ul {
  list-style: none
}
.fix {
  *zoom: 1
}
.fix img {
  max-width: 80%;
  width: auto;
  height: auto;
}
.fix:after, .fix:before {
  display: block;
  content: "";
  height: 0;
  clear: both
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
.c {
  clear: both
}
.col-l {
  float: left
}
.col-r {
  float: right
}
em {
  font-style: normal
}
.wp {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px
}
.p-tit-1 .num {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 93px;
  font-size: 22px
}
.p-tit-1 .num:after {
  content: '';
  position: absolute;
  bottom: -67px;
  left: 0;
  width: 1px;
  height: 50px;
  background-color: #a2a2a2
}
.p-tit-1 .en {
  display: block;
  font-size: 52px;
  font-weight: lighter;
  word-wrap: break-word;
  text-transform: uppercase
}
.p-tit-1 .cn {
  position: relative;
  z-index: 2;
  display: block;
  padding: 20px 0 42px;
  font-size: 28px
}
.p-tit-1 .cn:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 10px;
  background-color: #a2a2a2
}
.p-btn-1 a {
  display: block;
  width: 100px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  background-color: #222;
  color: #fff
}
.p-btn-1 a:hover {
  background-color: #dcdcdc
}
@media only screen and (max-width:1650px) {
  .box-ind-row3 .content, .box-ind-row4 .content {
    padding: 5% 5% 40px
  }
  .box-ind-row5 .content {
    padding-left: 5%
  }
}
@media only screen and (max-width:1581px) {
  .header .wp {
    width: 96%
  }
  .header .nav {
    margin-right: 20px
  }
  .box-ind-row1 .content, .box-ind-row2 .content {
    padding: 5%
  }
  .box-ind-row1 .content .info {
    padding: 20px 0
  }
  .box-ind-row2 .list {
    margin-left: -15px
  }
  .box-ind-row2 .list .box {
    margin: 0 0 15px 15px
  }
  .box-ind-row2 .picture .en {
    font-size: 60px
  }
}
@media only screen and (max-width:1199px) {
  .ft-bot .copyright .p1, .ft-bot .share, .ft-top .links, .header .search, .navig {
    display: none !important
  }
  .menuBtn {
    display: block
  }
  .ft-top .toTop {
    width: 40px;
    height: 40px;
    -webkit-background-size: 20px;
    background-size: 20px
  }
  .ft-bot {
    border-top: 0;
    padding: 20px 0
  }
  .p-tit-1 .en {
    font-size: 35px
  }
  .p-tit-1 .cn {
    padding: 10px 0 20px
  }
  .p-tit-1 .num {
    margin-bottom: 34px
  }
  .p-tit-1 .num:after {
    height: 24px;
    bottom: -31px
  }
}
@media only screen and (max-width:767px) {
  .banner .current {
    display: none
  }
  .p-tit-1 .en {
    font-size: 36px
  }
  .p-tit-1 .cn {
    font-size: 24px
  }
  .p-tit-1 .cn:after {
    width: 25px;
    height: 5px
  }
}
@media only screen and (max-width:600px) {
  .ban {
    height: 230px
  }
  .box-ind-row2 .list li {
    width: 50%
  }
  .newsList .item {
    margin: 0
  }
}
@media (max-width:990px) {
  .m-hist {
    padding-bottom: 50px;
  }
}
@media (max-width:1320px) {
  .fix img {
    max-width: 100%;
  }
}
@media (min-width:1321px) and (max-width:1440px) {
  .fix img {
    max-width: 90%;
  }
}
.t-tit1 {
  text-align: center;
  line-height: 1.6
}
.t-tit1 h3 {
  font-weight: 400;
  font-size: 36px;
  color: #333
}
.t-tit1 p {
  font-family: Arial;
  font-size: 14px;
  color: #aaa;
  text-transform: uppercase
}
.m-adva {
  padding: 40px 60px 80px
}
.m-adva .t-tit1 {
  padding-bottom: 43px
}
.t-list1 li {
  overflow: hidden
}
.t-list1 .pic {
  width: 50%
}
.t-list1 .pic span {
  display: block;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 44%
}
.t-list1 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1.2s;
  -moz-transition: 1.2s;
  -ms-transition: 1.2s;
  -o-transition: 1.2s;
  transition: 1.2s
}
.t-list1 .con {
  position: relative;
  height: 0;
  padding-top: 22%;
  width: 50%;
  text-align: center
}
.t-list1 .con .desc {
  padding: 40px 20px 32px;
  position: absolute;
  top: 50%;
  left: -20px;
  right: -20px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
.t-list1 .con .desc .img {
  display: block;
  margin: 0 auto;
  max-height: 75px
}
.t-list1 .con .desc .txt {
  height: 78px;
  overflow: hidden;
  margin-top: 33px;
  line-height: 26px;
  font-size: 16px;
  color: #666
}
.t-list1 li:hover .pic img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}
.t-tit2 {
  line-height: 1.2
}
.t-tit2 p {
  font-style: italic;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: 700;
  font-size: 65px;
  color: #eee
}
.t-tit2 h3 {
  margin-top: -41px;
  font-size: 24px;
  color: #333
}
.t-list1 .l1 .pic, .t-list1 .l3 .pic {
  float: right
}
.t-list1 .l1 .con, .t-list1 .l2 .pic, .t-list1 .l3 .con, .t-list1 .l4 .pic {
  float: left
}
.t-list1 .l2 .con, .t-list1 .l4 .con {
  float: right
}
.m-supp {
  text-align: center
}
.m-supp .t-tit1 {
  padding: 57px 0 64px;
  background: url(222_files/images/t-bg1.png) center no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%
}
.m-supp .tit1 {
  margin-bottom: 75px;
  line-height: 24px;
  font-size: 24px;
  color: #333
}
.t-list2 {
  text-align: center
}
.t-list2 li {
  width: 296px;
  display: inline-block
}
.t-list2 a {
  display: block
}
.t-list2 .pic {
  margin-bottom: 25px
}
.t-list2 .pic img {
  max-height: 100%;
  display: inline-block;
  vertical-align: middle
}
.t-list2 p {
  line-height: 30px;
  font-size: 20px;
  color: #666
}
.t-list2 p span {
  font-weight: 700;
  color: #333
}
.t-list2 .sp1 {
  margin-right: 6px
}
.t-list2 .sp2 {
  margin-left: 7px
}
.t-list2 .sp3 {
  font-weight: 400
}
.t-list2 .sp3 .em1 {
  font-weight: 700;
  margin: 0 7px
}
.t-list2 .sp4 {
  margin: 0 6px
}
.t-list3 {
  position: relative
}
.t-list3:after {
  content: '';
  position: absolute;
  top: 46%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dedede
}
.t-list3 li {
  position: relative;
  z-index: 2;
  display: inline-block
}
.t-list3 a {
  width: 162px;
  margin: 0 12px;
  overflow: hidden;
  display: block;
  padding: 9px;
  background-color: #f8f8f8;
  border-radius: 35px;
  border: 1px solid #cacaca;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.t-list3 .num {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-family: Arial;
  font-style: italic;
  font-size: 32px;
  color: #fff;
  background-color: #d2d2d2;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.t-list3 .txt {
  float: left;
  text-align: left;
  margin-top: 5px;
  padding-left: 11px;
  line-height: 21px
}
.t-list3 .txt p {
  font-size: 16px;
  color: #333
}
.t-list3 .txt span {
  font-family: Arial;
  font-size: 12px;
  color: #aaa;
  text-transform: uppercase
}
.t-list3 a:hover {
  border: 1px solid #0d0d0d
}
.t-list3 a:hover .num {
  background-color: #000
}
.t-tit3 {
  padding: 43px 0 33px;
  line-height: 32px
}
.t-tit3 h3 {
  font-weight: 400;
  font-size: 32px;
  color: #333
}
.t-tit3 span {
  text-transform: uppercase;
  font-size: 14px;
  color: #aaa
}
.t-more {
  display: none;
  position: relative;
  font-size: 12px;
  color: #333
}
.t-more:after, .t-more:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 600px;
  height: 1px;
  border-bottom: 1px dotted #bbb
}
.t-more:before {
  left: -625px
}
.t-more:after {
  right: -625px
}
.m-prof .con {
  padding-bottom: 80px;
  overflow: hidden
}
.m-prof .pic {
  float: left;
  width: 100%
}
.m-prof .pic a {
  display: block;
  position: relative;
  height: 0;
  padding-top: 100%
}
.m-prof .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.m-prof .desc {
  text-align: center;
  z-index: 5;
  position: relative;
  height: auto;
  float: right;
  width: 100%
}
.m-prof .desc .txt {
  padding: 2% 5%;
  text-align: justify;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}
.m-prof .desc .txt p {
  color: #333;
  line-height: 2;
  font-size: 16px;
}
.m-prof .desc .txt img {
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  margin: 0 auto;
}
.m-cult {
  padding: 11px 0 9px;
  background: url(../images/t-bg3.jpg) center no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover
}
.m-cult .t-tit3 h3 {
  color: #fff
}
.m-cult .t-tit3 span {
  color: #aaa
}
.m-cult .con {
  text-align: center
}
.m-cult .pic {
  margin-bottom: -69px;
  margin-top: 9px;
  float: right;
  width: 50%
}
.m-cult .pic span {
  display: block;
  position: relative;
  height: 0;
  padding-top: 100%
}
.m-cult .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto
}
.m-cult .txt {
  float: left;
  width: 50%;
  text-align: left;
  padding: 99px 84px 0 25px;
  line-height: 24px;
  font-size: 14px;
  color: #fff
}
.m-cult .txt p {
  padding-left: 15px;
  background: url(222_files/images/dot.png) left top 9px no-repeat;
  color: #fff
}
.m-cult .txt p span {
  color: #fff;
}
.m-hist {
  padding-bottom: 2vh
}
.m-hist .t-tit3 {
  padding: 133px 0 68px
}
.m-hist .slider-box {
  position: relative;
  padding: 0 65px
}
.m-hist .slider-box .i1, .m-hist .slider-box .i2 {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9c9c9c
}
.m-hist .slider-box .i1 {
  left: 50px
}
.m-hist .slider-box .i2 {
  right: 50px
}
.m-hist .slider-box .line {
  position: absolute;
  top: 50%;
  left: 55px;
  right: 55px;
  height: 2px;
  margin-top: -1px;
  background-color: #9c9c9c
}
.m-hist .slider-nav1 {
  position: relative
}
.m-hist .slider-nav1 .slick-next, .m-hist .slider-nav1 .slick-prev {
  position: absolute;
  top: 50%;
  margin-top: -19px;
  border: 0;
  background: center center no-repeat;
  overflow: hidden;
  width: 20px;
  height: 38px;
  font-size: 0;
  line-height: 0;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.m-hist .slider-nav1 .slick-prev {
  left: -76px;
  background-image: url(222_files/images/arrow-l.png)
}
.m-hist .slider-nav1 .slick-next {
  right: -76px;
  background-image: url(222_files/images/arrow-r.png)
}
.m-hist .slider-nav1 .slick-prev:hover {
  background-image: url(222_files/images/arrow-l-on.png)
}
.m-hist .slider-nav1 .slick-next:hover {
  background-image: url(222_files/images/arrow-r-on.png)
}
.m-hist .slider-nav1 .slick-active a {
  margin: 0 -5px
}
.m-hist .slider-nav1 a {
  display: block;
  position: relative;
  padding: 45px 0
}
.m-hist .slider-nav1 h3 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: Arial;
  font-weight: 400;
  line-height: 1;
  font-size: 14px;
  color: #666
}
.m-hist .slider-nav1 .item:nth-child(2n+1) h3 {
  bottom: 0
}
.m-hist .slider-nav1 .item:nth-child(2n) h3 {
  top: 0
}
.m-hist .slider-nav1 span {
  margin-right: 10px;
  font-size: 28px
}
.m-hist .slider-nav1 .circle {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border: 2px solid #9c9c9c;
  background-color: #fff;
  border-radius: 50%
}
.m-hist .slider-nav1 .circle:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.m-hist .slider-nav1 .slick-current span {
  color: #000
}
.m-hist .slider-nav1 .slick-current .circle:after {
  background-color: #000
}
.m-hist .slider-for1 .data {
  display: block;
  margin: 75px auto 26px;
  text-align: center;
  width: 300px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #fff;
  background-color: #020101;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.m-hist .slider-for1 .data:hover {
  background-color: #005aa0
}
.m-hist .slider-for1 .txt {
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #333
}
.m-honor {
  padding-bottom: 80px;
  background-color: #f3f3f3
}
.m-honor .t-tit3 {
  padding: 53px 0 43px
}
.m-honor .slider {
  padding-bottom: 110px
}
.m-honor .slick-list {
  margin: 0 -20px
}
.m-honor .slider .slick-next, .m-honor .slider .slick-prev {
  position: absolute;
  bottom: 0;
  border: 0;
  background: #dedede;
  overflow: hidden;
  width: 48%;
  height: 40px;
  font-size: 0;
  line-height: 0;
  z-index: 5;
  cursor: pointer
}
.m-honor .slider .slick-prev {
  left: 0
}
.m-honor .slider .slick-next {
  right: 0
}
.m-honor .slider .slick-next .arr, .m-honor .slider .slick-prev .arr {
  position: absolute;
  z-index: 10;
  display: block;
  width: 52px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center
}
.m-honor .slider .slick-prev .arr {
  right: 0;
  background-image: url(222_files/images/arrow-l2.png)
}
.m-honor .slider .slick-next .arr {
  left: 0;
  background-image: url(222_files/images/arrow-r2.png)
}
.m-honor .slider .slick-next .bg, .m-honor .slider .slick-prev .bg {
  content: '';
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 0;
  background-color: #010101;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
.m-honor .slider .slick-next:hover .bg, .m-honor .slider .slick-prev:hover .bg {
  width: 100%
}
.m-honor .slider .slick-prev .bg {
  right: 0
}
.m-honor .slider .slick-next .bg {
  left: 0
}
.m-honor .slider .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.m-honor .slider .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0
}
.m-honor .slider .slick-dots button {
  width: 15px;
  height: 15px;
  font-size: 0;
  padding: 0;
  border: none;
  text-indent: 999px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 2px 1px 3px rgba(0, 0, 0, .3)
}
.m-honor .slider .slick-dots .slick-active button {
  background-color: #282828
}
.m-honor .item {
  margin: 0 20px
}
.m-honor .pic {
  position: relative;
  height: 0;
  padding-top: 148%
}
.m-honor .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.m-honor .item h3 {
  font-weight: 400;
  margin-top: 26px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #333
}
.m-adv {
  padding-bottom: 80px;
  overflow: hidden
}
.m-adv .t-tit3 {
  padding: 52px 0 54px
}
.m-adv .slider1 {
  position: relative;
  margin-bottom: 20px
}
.m-adv .slider-for2 {
  float: left;
  width: 50%
}
.m-adv .slider-for2 .pic {
  position: relative;
  height: 0;
  padding-top: 100%
}
.m-adv .slider-for2 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.m-adv .slider-nav2 {
  position: relative;
  height: 0;
  padding-top: 50%;
  float: right;
  width: 50%
}
.m-adv .slider-nav2 .slick-list {
  position: absolute;
  top: 50%;
  left: -20px;
  right: 0;
  padding: 120px 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
.m-adv .slider-nav2 .item {
  text-align: center;
  display: block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.m-adv .slider-nav2 .item.on {
  font-size: 16px;
  color: #333
}
.m-adv .current {
  position: absolute;
  left: 43%;
  bottom: 22px;
  font-size: 16px;
  color: #999
}
.m-adv .current .num {
  font-size: 48px;
  color: #000
}
.m-adv .current .line {
  display: inline-block;
  margin: 0 10px 0 6px;
  width: 22px;
  height: 36px;
  background: url(222_files/images/ico-line.png) center no-repeat
}
.m-adv .slider2 {
  position: relative
}
.m-adv .slider-for3 {
  float: right;
  width: 50%
}
.m-adv .slider-for3 .pic {
  position: relative;
  height: 0;
  padding-top: 100%
}
.m-adv .slider-for3 .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.m-adv .slider-nav3 {
  position: relative;
  height: 0;
  padding-top: 50%;
  float: right;
  width: 50%
}
.m-adv .slider-nav3 .slick-list {
  position: absolute;
  top: 50%;
  right: -20px;
  left: 0;
  padding: 120px 0;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}
.m-adv .slider-nav3 .item {
  text-align: center;
  display: block;
  line-height: 40px;
  font-size: 14px;
  color: #999;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.m-adv .slider-nav3 .item.on {
  font-size: 16px;
  color: #333
}
.m-adv .current2 {
  position: absolute;
  right: 42.5%;
  bottom: 23px;
  font-size: 16px;
  color: #999
}
.m-adv .current2 .num {
  float: right;
  font-size: 48px;
  color: #000
}
.m-adv .current2 .all {
  float: left;
  margin-top: 36px
}
.m-adv .current2 .line {
  float: right;
  margin: 20px 10px 0 6px;
  width: 22px;
  height: 36px;
  background: url(222_files/images/ico-line2.png) center no-repeat
}
.m-part {
  padding-bottom: 58px;
  background-color: #f2f2f2
}
.m-part .t-tit3 {
  padding: 53px 0
}
.m-part .slider {
  padding-bottom: 80px
}
.m-part .slider .slick-next, .m-part .slider .slick-prev {
  position: absolute;
  bottom: 0;
  border: 0;
  background: #dedede;
  overflow: hidden;
  width: 48%;
  height: 40px;
  font-size: 0;
  line-height: 0;
  z-index: 5;
  cursor: pointer
}
.m-part .slider .slick-prev {
  left: 0
}
.m-part .slider .slick-next {
  right: 0
}
.m-part .slider .slick-next .arr, .m-part .slider .slick-prev .arr {
  position: absolute;
  z-index: 10;
  display: block;
  width: 52px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center
}
.m-part .slider .slick-prev .arr {
  right: 0;
  background-image: url(222_files/images/arrow-l2.png)
}
.m-part .slider .slick-next .arr {
  left: 0;
  background-image: url(222_files/images/arrow-r2.png)
}
.m-part .slider .slick-next .bg, .m-part .slider .slick-prev .bg {
  content: '';
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 0;
  background-color: #010101;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
.m-part .slider .slick-next:hover .bg, .m-part .slider .slick-prev:hover .bg {
  width: 100%
}
.m-part .slider .slick-prev .bg {
  right: 0
}
.m-part .slider .slick-next .bg {
  left: 0
}
.m-part .item {
  display: block;
  background-color: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
.m-part .item .pic {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  height: 150px;
  line-height: 150px
}
.m-part .item img {
  max-width: 90%;
  display: inline-block;
  vertical-align: middle
}
.m-part .item:hover {
  background-color: #f3f3f3
}
@media only screen and (max-width:1660px) {
  .t-list1 .con .desc .img {
    max-height: 50px
  }
  .t-list1 .con .desc .txt {
    margin-top: 15px
  }
}
@media only screen and (max-width:1366px) {
  .t-list1 .con .desc {
    padding: 20px
  }
  .t-list1 .con .desc .img {
    max-height: 45px
  }
  .t-list3 a {
    margin: 0 4px;
    width: 158px
  }
  .t-list3 .txt {
    padding-left: 7px
  }
}
@media only screen and (max-width:1199px) {
  .m-adva .t-tit1 {
    padding-bottom: 30px
  }
  .m-adva {
    padding: 40px 0
  }
  .t-list1 .l1 .pic, .t-list1 .l2 .pic, .t-list1 .l3 .pic, .t-list1 .l4 .pic {
    float: none;
    width: 100%
  }
  .t-list1 .l1 .con, .t-list1 .l2 .con, .t-list1 .l3 .con, .t-list1 .l4 .con {
    float: none;
    width: auto
  }
  .t-list1 .con {
    position: static;
    padding-top: 0;
    height: auto;
    margin: -40px 30px 0
  }
  .t-list1 .con .desc {
    position: static;
    padding: 40px 40px 60px;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  .m-supp .t-tit1 {
    padding: 40px 0
  }
  .m-supp .tit1 {
    font-size: 18px;
    margin-bottom: 40px
  }
  .m-supp .box2 .tit2, .m-supp .box3 .tit2, .m-supp .tit2 {
    margin: 40px 0 20px
  }
  .t-list2 p {
    font-size: 16px
  }
  .t-list2 .pic {
    margin-bottom: 20px
  }
  .m-supp .box1, .m-supp .box2, .m-supp .box3 {
    margin: 0;
    padding: 50px 0 80px
  }
  .m-proc {
    padding: 40px 0 60px
  }
  .t-list3:after {
    top: -30px;
    bottom: -30px;
    left: 50%;
    width: 1px;
    height: auto
  }
  .t-list3 li {
    display: block
  }
  .t-list3 li:first-child:after, .t-list3 li:last-child:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%
  }
  .t-list3 li:first-child:after {
    top: -40px
  }
  .t-list3 li:last-child:after {
    bottom: -40px
  }
  .t-list3 a {
    margin: 20px auto 0
  }
  @media only screen and (max-width:599px) {
    .m-adv .t-tit3 {
      padding: 29px 0 18px
    }
    .m-adv .slider-nav2 .item, .m-adv .slider-nav3 .item {
      font-size: 14px;
      line-height: 20px;
      color: #333
    }
  }
  @media only screen and (max-width:479px) {
    .m-part .item img {
      max-width: 80%
    }
    .m-cult .txt {
      height: 185px
    }
  }
  @media only screen and (max-width:374px) {
    .t-list1 .con .desc {
      padding: 40px 0
    }
    .t-list2 a {
      margin: 0 5px
    }
  }
  @media only screen and (max-width:990px) {
    .m-prof .pic {
      float: left;
      width: 100%
    }
    .m-prof .desc {
      float: left;
      width: 100%
    }
    .m-cult .pic {
      float: left;
      width: 100%
    }
    .m-cult .txt {
      height: auto;
      float: left;
      width: 100%
    }
    .m-hist .t-tit3 {
      padding: 2rem 0rem;
    }
    .fix img {
      max-width: 100%;
      width: auto;
      height: auto;
    }
  }