.container, .part {
  min-width: 1440px;
  max-width: 1920px;
  position: relative;
}

.sevenpxfont, .part.two .inner .english, .part-header .title > p:last-of-type {
  font-size: 12px;
  transform: scale(0.635);
  transform-origin: top left;
  line-height: 15px;
}

.medium-font, .part.two .inner .intro, .part.three .row .intro {
  font-size: 18px;
  line-height: 30px;
}

body {
  width: 100%;
  background-color: #ffffff;
}

.row {
  display: flex;
  flex-flow: row nowrap;
}

.part > .bg {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.inner {
  position: relative;
  z-index: 1;
  margin: auto;
  width: 1440px;
}

.part.one {
  position: relative;
  margin-top: -135px;
  height: 817px;
  background: url(../assets/tzzh-nav-bg.jpg) no-repeat 0 0/100% 100%;
}

.part.one .inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  color: #ffffff;
  height: 100%;
}

.part.one .inner .title {
  font-size: 86px;
  font-weight: bold;
  /*text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);*/
}

.part.one .inner .mini-title {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  line-height: 1em;
}

.part.one .inner .mini-title > p:first-of-type {
  font-size: 29px;
  margin-bottom: 15px;
}

.part.one .inner .mini-title > p:first-of-type {
  font-size: 17.86px;
}

.part.two .inner {
  /*background-color: #d0e0f2;*/
  padding-top: 56px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
  top:-70px;
  background-color:rgba(21, 100, 190, 0.25)
}

.part.two .inner .logo {
  width: 633px;
  position: absolute;
  top: 500px;
  right: 34px;
}

.part.two .inner > p {
  color: #222;
  width: 1326px;
  margin: auto;
  display: block;
  line-height: 1em;
}

.part.two .inner .english-title {
  font-size: 16.72px;
  margin-bottom: 36px;
}

.part.two .inner .title {
  font-size: 45px;
  margin-bottom: 38px;
}

.part.two .inner .intro {
  margin-bottom: 27px;
}

.part.two .top {
  position: relative;
  margin: auto;
  margin-bottom: 97px;
  width: 1326px;
  height: 458px;
  background: url(../assets/tzzh-top.png) no-repeat 0 0/100% 100%;
  top:70px;
}

.part.two .top > p {
  position: absolute;
  bottom: 22px;
  color: white;
  font-size: 16.72px;
}

.part.two .top .left {
  left: 45px;
}

.part.two .top .right {
  right: 45px;
}

.part.three {
  padding: 70px 0 90px;
}

.part.three .row {
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid #cccccc;
  padding: 35px 0;
}

.part.three .row .logo-wrapper {
  width: 330px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 40.5px;
  line-height: 60px;
  color: #1566bf;
}

.part.three .row .logo-wrapper > .icon {
  width: 34px;
}

.part.three .row .intro {
  width: 886px;
}

.part-header {
  width: 1335px;
  margin: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 120px;
}

.part-header .logo {
  width: 498px;
}

.part-header .title {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.part-header .title > p {
  color: #000;
}

.part-header .title > p:first-of-type {
  font-size: 45px;
  line-height: 1em;
  margin-bottom: 15px;
  font-weight: bold;
}

.part-header .title > p:last-of-type {
  transform-origin: center;
}

.part.four {
  background-color: #f8f8f8;
  padding: 118px 0 153px;
}

.part.four .wrapper {
  margin-top: 76px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.part.four .wrapper .item {
  width: 460px;
}

.part.four .wrapper .item > img {
  width: 100%;
  margin-bottom: 27px;
}

.part.four .wrapper .item .blue {
  margin-bottom: 20px;
  font-size: 21.55px;
  line-height: 1em;
  color: #3073c3;
}

.part.four .wrapper .item .title {
  font-size: 40.5px;
  line-height: 1em;
  font-weight: 600;
  color: #262626;
}
/*
.part.five {
  padding: 140px 0 65px;
}

.part.five .wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.part.five .wrapper .logo-wrapper {
  width: 350px;
  height: 180px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 145px;
}*/


.part.five {
  padding-top: 138px;
  padding-bottom: 107px;
}

.part.five .header {
  margin: auto;
  width: 1360px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}

.part.five .header .logo-gray {
  width: 191px;
}

.part.five .header .title {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  color: #000;
}

.part.five .header .title .english {
  margin-bottom: 8px;
}

.part.five .header .title .big {
  line-height: 1em;
  font-size: 45.19px;
  margin-bottom: 15px;
}

.part.five .header .title>img {
  width: 34px;
}

.part.five .logo-wrapper {
  width: 1440px;
  margin: auto;
  display: block;
}

.part.five .logo-wrapper .logo {
  width: 240px;
  height: 134px;
  border: 1px solid #cdcccc;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  transition: box-shadow .1s ease-out;
  overflow: hidden;
  /* filter: grayscale(1); */
}

.part.five .logo-wrapper .logo.selected {
  /* filter: grayscale(0); */
  box-shadow: 0 0 10px #afafaf;
}

.part.five .logo-wrapper .logo>img {
  transition: transform .1s ease-out;
}

.part.five .logo-wrapper .logo.selected>img {
  transform: scale(1.2);
  transform-origin: center;
}

.part.five .logo-wrapper .logo.on {
  box-shadow: 0 0 10px #afafaf;
}

.part.five .logo-wrapper .row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.part.five .logo-wrapper .col {
  flex: 1;
}

.part.five .logo-wrapper .word {
  flex: 5;
  border: 1px solid #cdcccc;
  height: 267.949367px;
  padding-left: 82.025316px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.part.five .logo-wrapper .word>.title {
  font-size: 27.341772px;
  line-height: 30.075949px;
  margin-bottom: 18.227848px;
}

.part.five .logo-wrapper .word>.intro {
  width: 54%;
  margin-top: 21.873418px;
}

.part.five .logo-wrapper .word .stock {
  position: absolute;
  top: 63.797468px;
  right: 86.582278px;
}

.part.five .logo-wrapper .word .address {
  position: absolute;
  width: 242.43038px;
  height: 38.278481px;
  right: 86.582278px;
  bottom: 68.35443px;
  background: url(../assets/address-input.png) no-repeat 0 0/100% 100%;
}

.part.five .logo-wrapper .word .address>p {
  float: right;
  width: 187.746835px;
  line-height: 38.278481px;
  font-size: 10.936709px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.part.five .logo-wrapper .word .address>.btn {
  float: right;
  width: 38.278481px;
  height: 38.278481px;
}

.part.five .btn.more {
  width: 118.481013px;
  height: 41.012658px;
  font-size: 12.340253px;
  line-height: 41.012658px;
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 65.620253px;
  border: 1px solid #000;
}